/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #b9154a;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #154259;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 92%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #003359;
}
a.text-primary:hover {
  color: #001626;
}
.text-success {
  color: #3e5983;
}
a.text-success:hover {
  color: #2e4160;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #19212b;
}
a.text-danger:hover {
  color: #06080b;
}
.bg-primary {
  color: #fff;
  background-color: #003359;
}
a.bg-primary:hover {
  background-color: #001626;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 640px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 1024px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 640px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e5e5e5;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e5e5e5;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #003359;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 51, 89, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 51, 89, 0.6);
}
.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 32px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 31px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 42px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 31px;
  line-height: 31px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}
select.input-lg {
  height: 42px;
  line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.input-sm + .form-control-feedback {
  width: 31px;
  height: 31px;
  line-height: 31px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3e5983;
}
.has-success .form-control {
  border-color: #3e5983;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2e4160;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
  color: #3e5983;
  border-color: #3e5983;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #19212b;
}
.has-error .form-control {
  border-color: #19212b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #06080b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #3f536c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #3f536c;
}
.has-error .input-group-addon {
  color: #19212b;
  border-color: #19212b;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #19212b;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #485f7c;
}
@media (min-width: 640px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 10px;
}
@media (min-width: 640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #ffffff;
  background-color: #b9154a;
  border-color: #b9154a;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #8b1038;
  border-color: #820f34;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #b9154a;
  border-color: #b9154a;
}
.btn-default .badge {
  color: #b9154a;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #001626;
  border-color: #00101c;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #003359;
  border-color: #003359;
}
.btn-primary .badge {
  color: #003359;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: transparent;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #000000;
  border-color: transparent;
}
.btn-info .badge {
  color: #000000;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #b9154a;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #154259;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #003359;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 640px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  line-height: 42px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  line-height: 31px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #19212b;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #b9154a;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #003359;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 640px) {
  .navbar {
    border-radius: 0;
  }
}
@media (min-width: 640px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 640px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 640px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 640px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 640px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 10px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 640px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 640px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 639px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 640px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -10px;
  }
}
@media (min-width: 640px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@media (min-width: 640px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 639px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 640px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -10px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 639px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #777777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 639px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #777777;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #777777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  margin-bottom: 20px;
  list-style: none;
  background-color: #d9d9d9;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #19212b;
}
.breadcrumb > .active {
  color: #19212b;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #b9154a;
  background-color: #ffffff;
  border: 1px solid transparent;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #153a59;
  background-color: transparent;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #153a59;
  background-color: #003359;
  border-color: #003359;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #a6a6a6;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 15px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  line-height: 10px;
  width: 15px;
  padding: 0;
  font-size: 18px;
  text-align: center;
}
.pagination-lg > li.pagination-prev > a,
.pagination-lg > li.pagination-prev > span {
  margin-right: 5px;
  width: 15px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li.pagination-next > a,
.pagination-lg > li.pagination-next > span {
  margin-left: 5px;
  width: 15px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  line-height: 5px;
  width: 10px;
  padding: 0;
  font-size: 13px;
  text-align: center;
}
.pagination-sm > li.pagination-prev > a,
.pagination-sm > li.pagination-prev > span {
  margin-right: 3.33333333px;
  width: 10px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li.pagination-next > a,
.pagination-sm > li.pagination-next > span {
  margin-left: 3.33333333px;
  width: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #a6a6a6;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #153a59;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #003359;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #001626;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #000000;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #000000;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #b9154a;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron {
  border-radius: 0;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 640px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #b9154a;
}
.thumbnail .caption {
  padding: 9px;
  color: #19212b;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3e5983;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2e4160;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #19212b;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #06080b;
}
.pnp-toaster {
  position: fixed;
  top: 85px !important;
  z-index: 999;
  width: 100%;
  height: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
@media (min-width: 640px) {
  .pnp-toaster {
    top: 130px !important;
    width: 450px;
    right: 10px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
}
.alert-pnp-danger {
  background-color: #FFFFFF;
  box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  overflow: visible;
  position: absolute;
  min-height: 90px;
  height: auto !important;
  padding-bottom: 50px;
  width: 100%;
  top: -50px;
  right: 0px;
}
.alert-pnp-danger img {
  float: left;
  padding-right: 10px;
  padding-left: 20px;
  position: relative;
  top: 25px;
}
.alert-pnp-danger .message {
  color: #B90748;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 16px;
  position: relative;
  top: 30px;
}
@media (min-width: 640px) {
  .alert-pnp-danger {
    width: 438px;
    right: -20px;
  }
}
.alert-pnp-warning {
  background-color: #FFFFFF;
  box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  overflow: visible;
  position: absolute;
  min-height: 90px;
  height: auto !important;
  padding-bottom: 50px;
  width: 100%;
  top: -50px;
  right: 0px;
}
.alert-pnp-warning img {
  float: left;
  padding-right: 10px;
  padding-left: 20px;
  position: relative;
  top: 25px;
}
.alert-pnp-warning .message {
  color: #FCAC00;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 16px;
  position: relative;
  top: 30px;
}
@media (min-width: 640px) {
  .alert-pnp-warning {
    width: 438px;
    right: -20px;
  }
}
.alert-pnp-success {
  background-color: #FFFFFF;
  box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 0;
  overflow: visible;
  position: absolute;
  min-height: 90px;
  height: auto !important;
  padding-bottom: 50px;
  width: 100%;
  top: -50px;
  right: 0px;
}
.alert-pnp-success img {
  float: left;
  padding-right: 10px;
  padding-left: 20px;
  position: relative;
  top: 25px;
}
.alert-pnp-success .message {
  color: #52AE33;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 16px;
  position: relative;
  top: 30px;
}
@media (min-width: 640px) {
  .alert-pnp-success {
    width: 438px;
    right: -20px;
  }
}
@media (max-width: 640px) {
  .pnp-confirm-content {
    animation-duration: 500ms;
    animation-name: pnp-confirm-content-animation;
  }
  @keyframes pnp-confirm-content-animation {
    from {
      bottom: -250px;
    }
    to {
      bottom: 0;
    }
  }
}
/* The Confirm Modal (background) */
.pnp-confirm {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
/* Confirm Modal Content */
.pnp-confirm-content {
  background-color: #FFF;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media (min-width: 640px) {
  .pnp-confirm-content {
    width: 550px;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    margin-right: -50%;
  }
}
.pnp-confirm-content .pnp-confirm-title {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: bold;
  font-size: 22px;
  color: #575757;
  text-transform: uppercase;
  margin: 15px 3px 10px 3px;
}
.pnp-confirm-content .pnp-confirm-message {
  color: #505050;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, sans-serif;
  margin: 15px 3px 25px 3px;
}
.pnp-confirm-content button {
  width: 100%;
  color: #FFF;
  height: 50px;
  border: none;
  font-size: 16px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
@media (min-width: 640px) {
  .pnp-confirm-content button {
    width: 48%;
  }
}
.pnp-confirm-content .confirmationRedBtn {
  background-color: #B90748;
}
.pnp-confirm-content .confirmationRedBtn:disabled {
  background-color: rgba(187, 7, 73, 0.4);
}
.pnp-confirm-content .confirmationBlueBtn:disabled {
  background-color: rgba(0, 49, 87, 0.4);
}
.pnp-confirm-content .confirmationBlueBtn {
  background-color: #003359;
  float: none;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .pnp-confirm-content .confirmationBlueBtn {
    float: right;
    margin-top: 0;
  }
}
/* The Close Button */
.pnp-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  background: url(../images/icon-close.svg) no-repeat 0 0;
  background-size: contain;
  height: 32px;
  width: 32px;
}
@media (min-width: 1024px) {
  .pnp-close {
    height: 20px;
    width: 20px;
  }
}
.pnp-close:hover,
.pnp-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.pnpClose {
  float: right;
  background: url(../images/icon-close-no-border.svg) no-repeat 0 0;
}
.pnpClose:hover,
.pnpClose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #003359;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #000000;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #26a2ff;
}
.list-group-item-success {
  color: #3e5983;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3e5983;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3e5983;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3e5983;
  border-color: #3e5983;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #19212b;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #19212b;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #19212b;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #19212b;
  border-color: #19212b;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #e5e5e5;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f2f4f7;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f2f4f7;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #003359;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #003359;
}
.panel-primary > .panel-heading .badge {
  color: #003359;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #003359;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3e5983;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #19212b;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #19212b;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0;
}
.well-sm {
  padding: 9px;
  border-radius: 0;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 640px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 640px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.tabs .tabs-list:before,
.tabs .tabs-list:after,
.no-space .row:before,
.no-space .row:after,
#cboxLoadedContent .modal-actions:before,
#cboxLoadedContent .modal-actions:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.tabs .tabs-list:after,
.no-space .row:after,
#cboxLoadedContent .modal-actions:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 639px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* jQuery */
/*! jQuery UI - v1.11.4 - 2016-01-21
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
body .ui-tooltip,
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaa;
}
/* Misc visuals
----------------------------------*/
.ui-datepicker {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #19212b;
}
.ui-datepicker .ui-datepicker-header {
  color: #19212b;
  background-color: transparent;
  border: none;
  font-weight: bold;
}
/* Icons
----------------------------------*/
.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #b9154a;
  cursor: pointer;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 1;
  margin-top: 5px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
  border: 0 none;
  background: transparent;
  color: #154259;
  top: 2px;
}
.ui-datepicker th {
  font-weight: 400;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #f2f2f2;
  text-align: center;
  color: #19212b;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #b9154a;
  color: #ffffff;
  border-color: #b9154a;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #003359;
  color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
.displayafterload {
  display: none !important;
  visibility: hidden !important;
}
@media (min-width: 1024px) {
  .container {
    width: 100%;
    max-width: 1180px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 100%;
    max-width: 1180px;
  }
}
@font-face {
  font-family: "pnpFont";
  src: url(../fonts/CachetStd-Book.eot);
  src: local("?"), url("../fonts/CachetStd-Book.woff") format("woff"), url(../fonts/CachetStd-Book.otf) format("opentype"), url("../fonts/CachetStd-Book.svg#CachetStd-Book") format("svg");
}
@font-face {
  font-family: "pnpFontMedium";
  src: url(../fonts/CachetStd-Medium.eot);
  src: local("?"), url("../fonts/CachetStd-Medium.woff") format("woff"), url(../fonts/CachetStd-Medium.otf) format("opentype"), url("../fonts/CachetStd-Medium.svg#CachetStd-Book") format("svg");
}
@font-face {
  font-family: "pnpFontBold";
  src: url(../fonts/CachetStd-Bold.eot);
  src: local("?"), url("../fonts/CachetStd-Bold.woff") format("woff"), url(../fonts/CachetStd-Bold.otf) format("opentype"), url("../fonts/CachetStd-Bold.svg#CachetStd-Bold") format("svg");
}
.pnpFont {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.pnpFontMedium {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.pnpFontBold {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@font-face {
  font-family: "caeciliaFontLight";
  src: url(../fonts/CaeciliaLTStd-Light.eot);
  src: local("?"), url("../fonts/CaeciliaLTStd-Light.woff") format("woff"), url(../fonts/CaeciliaLTStd-Light.otf) format("opentype"), url("../fonts/CaeciliaLTStd-Light.svg#CaeciliaLTStd-Light") format("svg");
}
@font-face {
  font-family: "caeciliaFontRoman";
  src: url(../fonts/CaeciliaLTStd-Roman.eot);
  src: local("?"), url("../fonts/CaeciliaLTStd-Roman.woff") format("woff"), url(../fonts/CaeciliaLTStd-Roman.otf) format("opentype"), url("../fonts/CaeciliaLTStd-Roman.svg#CaeciliaLTStd-Roman") format("svg");
}
@font-face {
  font-family: "caeciliaFontBold";
  src: url(../fonts/CaeciliaLTStd-Bold.eot);
  src: local("?"), url("../fonts/CaeciliaLTStd-Bold.woff") format("woff"), url(../fonts/CaeciliaLTStd-Bold.otf) format("opentype"), url("../fonts/CaeciliaLTStd-Bold.svg#CaeciliaLTStd-Bold") format("svg");
}
.caeciliaFontLight {
  font-family: "caeciliaFontLight", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.caeciliaFontRoman {
  font-family: "caeciliaFontRoman", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.caeciliaFontBold {
  font-family: "caeciliaFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@font-face {
  font-family: "rollerScriptFontSmooth";
  src: url(../fonts/g-type_-_rollerscript-smooth-webfont.eot);
  src: local("?"), url("../fonts/g-type_-_rollerscript-smooth-webfont.woff") format("woff"), url("../fonts/g-type_-_rollerscript-smooth-webfont.svg#g-type_-_rollerscript-smooth-webfont") format("svg");
}
.rollerScriptFontSmooth {
  font-family: "rollerScriptFontSmooth", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@font-face {
  font-family: "pantonFontRegular";
  src: url(../fonts/Panton-Regular.eot);
  src: local("?"), url("../fonts/Panton-Regular.woff") format("woff"), url("../fonts/Panton-Regular.svg#Panton-Regular") format("svg");
}
@font-face {
  font-family: "pantonFontExtraLight";
  src: url(../fonts/Panton-ExtraLight.eot);
  src: local("?"), url("../fonts/Panton-ExtraLight.woff") format("woff"), url("../fonts/Panton-ExtraLight.svg#Panton-ExtraLight") format("svg");
}
@font-face {
  font-family: "pantonFontBold";
  src: url(../fonts/Panton-Bold.eot);
  src: local("?"), url("../fonts/Panton-Bold.woff") format("woff"), url(../fonts/Panton-Bold.otf) format("opentype"), url("../fonts/Panton-Bold.svg#Panton-Bold") format("svg");
}
.pantonFontRegular {
  font-family: "pantonFontRegular", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.pantonFontExtraLight {
  font-family: "pantonFontExtraLight", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.pantonFontBold {
  font-family: "pantonFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
html,
body {
  max-width: 100%;
}
body {
  position: relative;
}
@media (max-width: 640px) {
  body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
}
body.offcanvas {
  overflow-y: hidden;
}
button {
  font-weight: bold;
}
.btn {
  border-radius: 0 !important;
}
ul,
ol {
  padding-left: 15px;
}
@media (max-width: 1023px) {
  .form-control {
    height: 42px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
    font-size: 14px;
  }
  select.form-control {
    height: 42px;
    line-height: 42px;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}
/*
General
*****************************************************************/
a,
button {
  color: #b9154a;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
}
.hoverRed:hover {
  color: #b61a4c !important;
}
.open > .dropdown-menu {
  padding: 15px 0 0 0;
}
.dropdown-menu li {
  margin-top: 3px;
}
.dropdown-menu li:first-child {
  margin-top: 0px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #19212b;
  white-space: nowrap;
}
.page-title {
  margin-bottom: 30px;
}
.page-title a,
.page-title a:hover {
  color: #b9154a;
  margin: 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-weight: bold;
  color: #b9154a !important;
  text-decoration: underline;
}
@media (min-width: 640px) {
  .item-label,
  .item-value {
    display: block;
  }
  .well .item-action {
    float: right;
  }
}
@media (max-width: 639px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}
.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #004579;
  padding: 10px 15px;
  margin: 0;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-lg {
  padding: 45px 15px 35px;
}
.well.well-primary {
  background-color: #003359;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #f8c5d6;
  color: #19212b;
}
.well.well-tertiary {
  background-color: #ffffff;
  color: #ffffff;
}
.well.well-tertiary .item-label {
  color: #ffffff;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #19212b;
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #004579;
  padding: 5px 25px 15px;
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 639px) {
  .well {
    margin-left: -10px;
    margin-right: -10px;
  }
  .well,
  .well.well-lg {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1023px) {
  body.offcanvas {
    max-height: 100vh;
  }
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .container {
    width: 100%;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
@media (max-width: 1023px) {
  @keyframes slideinfromright {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(0);
    }
  }
  #colorbox {
    top: 0 !important;
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    animation-duration: 10ms !important;
    animation-name: slideinfromright !important;
  }
  #cboxWrapper {
    height: 100% !important;
    width: 100% !important;
  }
  #cboxContent {
    overflow: scroll !important;
    height: 100% !important;
    width: 100% !important;
    float: none !important;
    position: absolute !important;
  }
  .login-content {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 20px;
  }
  #cboxTopLeft {
    display: none;
  }
  #cboxTopCenter {
    display: none;
  }
  #cboxTopRight {
    display: none;
  }
  #cboxMiddleLeft {
    display: none;
  }
  #cboxMiddleRight {
    display: none;
  }
  #cboxBottomLeft {
    display: none;
  }
  #cboxBottomCenter {
    display: none;
  }
  #cboxBottomRight {
    display: none;
  }
  .login-content h2 {
    color: #505050;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 30px;
  }
  .login-content h4 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #505050;
  }
  .login-content .login-list {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #505050;
  }
  .login-content .login-list span {
    padding: 3px 0;
  }
  .login-content .login-modal-buttons button {
    height: 54px;
    width: 100%;
    margin-bottom: 5px;
    font-family: "pnpFont", Arial, sans-serif, Helvetica !important;
    font-size: 16px;
  }
  .mod-content.copy-shopping-list {
    padding: 30px 20px !important;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0;
  }
  .add-custom-select {
    width: 100%;
  }
  .mod-list-select {
    width: 100% !important;
    border-radius: 10px;
    height: 35px !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .new-list-name {
    width: 100% !important;
    border-radius: 10px;
    height: 35px !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .new-list-name::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 0.5;
  }
  .mod-heading h4 {
    font-size: 15px;
  }
  .mod-button {
    width: 50%;
    margin-top: 10px !important;
    height: 35px;
  }
  .copy-custom-select {
    width: 100%;
  }
  .mod-text-title-view {
    margin-top: 50%;
    padding: 20px 0 20px 0;
  }
  .mod-content .divide-or {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px !important;
  }
  .align-center {
    padding: 20px 10px !important;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .new-list-name::placeholder {
    color: #575757;
    opacity: 1;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .mod-text-title-view {
    margin-top: 0;
    color: #19212b;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .align-center {
    padding: 20px 10px !important;
  }
}
.fed-prodref-carousel .mod-text-title {
  color: #FFF !important;
}
#cboxPrevious {
  display: none !important;
}
#cboxSlideshow {
  display: none !important;
}
#cboxNext {
  display: none !important;
}
.productvalidityOverlay #colorbox,
.productvalidityOverlay #cboxOverlay,
.productvalidityOverlay #cboxWrapper {
  height: 100%;
}
.productvalidityOverlay #cboxLoadedContent {
  height: auto !important;
}
.productvalidityOverlay #cboxContent {
  height: 100% !important;
}
@media (max-width: 640px) {
  .productvalidityOverlay .valid-prod-section {
    margin: 0px 10px 0 10px !important;
  }
}
.productvalidityOverlay #cboxClose:hover,
.productvalidityOverlay #cboxClose:focus,
.productvalidityOverlay #cboxClose:active,
.productvalidityOverlay #cboxClose {
  border: none !important;
  background: url(../images/icon-close-white.svg) 1px 1px no-repeat !important;
  background-size: 25px !important;
  width: 26px;
  height: 26px;
  top: 15px !important;
  right: 10px !important;
}
.disabledButton {
  pointer-events: none;
  opacity: 0.4;
}
.main-footer {
  margin: 20px 0 0;
  background: #b61a4c;
  color: #ffffff;
  font-weight: 300;
}
.main-footer > .container {
  padding-left: 10px;
  padding-right: 10px;
}
.main-footer a {
  color: #ffffff;
  font-size: 14px;
}
.main-footer .form-group {
  margin-bottom: 0;
}
.main-footer .footer-dropdown {
  padding: 0;
}
.main-footer select.form-control {
  padding: 2px 13px;
}
.main-footer .links {
  text-align: left !important;
}
.main-footer .links ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  width: 100%;
}
.main-footer .links ul li {
  margin-bottom: 2px;
}
.main-footer .social-links {
  padding: 0px 0px 30px;
}
.main-footer .social-links ul {
  display: inline-block;
  margin: 0px;
  width: 100%;
  padding: 0;
}
.main-footer .social-links ul li {
  float: left;
  width: 50%;
  display: inline-block;
}
.main-footer .social-links ul li:last-child {
  margin-right: 0;
}
.main-footer .form-control {
  cursor: pointer;
  background-color: #b61a4c;
  color: #ffffff;
  padding: 7px 10px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
}
.main-footer .form-control option {
  background-color: #b61a4c;
}
.main-footer .form-control:focus::-ms-value {
  background-color: #b61a4c;
}
.main-footer .copyright {
  background: #b61a4c;
  padding: 25px 0;
  color: #ffffff;
  text-align: center;
}
#lang-form {
  width: 45%;
  float: left;
}
#currency-form {
  width: 45%;
  float: right;
}
.offcanvasNoBorder {
  border-bottom: 0;
}
@media (max-width: 1023px) {
  .main-footer > .container,
  .main-footer .no-space > .container {
    padding: 45px 0 !important;
    padding-right: 0px !important;
  }
  .main-footer .container-fluid {
    padding: 16px 0;
  }
  .main-footer .footer-right {
    border-top: 1px solid #b61a4c;
    padding: 30px 16px 60px;
    margin-top: 25px;
  }
}
@media (min-width: 640px) {
  .main-footer > .container,
  .main-footer .no-space > .container {
    padding-top: 45px;
    padding-bottom: 5px;
  }
  .main-footer a {
    color: #ffffff;
  }
  .main-footer .links {
    text-align: center;
  }
  .main-footer .social-links ul li::last-child {
    margin-right: 0;
  }
  .main-footer .form-group {
    margin-bottom: 0;
  }
  .main-footer .footer-dropdown {
    padding: 0px 0px 30px;
  }
}
@media (min-width: 1024px) {
  .main-footer > .container,
  .main-footer .no-space > .container {
    padding: 45px 0 !important;
    padding-right: 15px !important;
  }
  .main-footer .footer-right {
    border: none;
    margin: 0;
    padding: 0px 20px 0 0;
  }
  .main-footer .social-links {
    padding: 0px 0px 30px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .footer-left {
    padding: 0;
  }
}
footer .footer-left {
  position: relative;
  z-index: 1;
}
@media (min-width: 480px) {
  footer .footer-left {
    z-index: 3;
  }
}
@media (min-width: 1024px) {
  footer .footer-left {
    z-index: 900;
  }
}
footer .container {
  background: #b9154a;
  font-family: "pnpFont";
}
footer .btn-default:hover {
  background-color: #92113A;
}
footer .fed-footer-row-logo {
  text-align: left;
  margin-bottom: 20px;
  height: 30px;
}
footer .row.pnp-footer-top-row .simple-banner-component {
  text-align: center;
}
@media (min-width: 640px) {
  footer .row.pnp-footer-top-row .simple-banner-component {
    text-align: left !important;
  }
}
footer .row.pnp-footer-top-row {
  margin-bottom: 0px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  footer .row.pnp-footer-top-row {
    margin-top: 10px;
  }
}
footer hr.hr-divider {
  clear: both;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
footer hr.fed-hr-main-divider {
  clear: both;
  margin-left: 20px;
  margin-right: 0px;
}
@media (max-width: 480px) {
  footer hr.fed-hr-main-divider {
    display: none;
  }
}
footer .icon-payu {
  display: block;
  width: 83px;
  height: 42px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap.png);
  background-repeat: no-repeat;
  background-position: -24px -29px;
}
footer .icon-social-facebook {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/social-icons-sprite.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto;
}
footer .icon-social-twitter {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/social-icons-sprite.svg);
  background-repeat: no-repeat;
  background-position: -144px 0;
  background-size: auto;
}
footer .icon-social-youtube {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/social-icons-sprite.svg);
  background-repeat: no-repeat;
  background-position: -192px 0;
  background-size: auto;
}
footer .icon-social-pinterest {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/social-icons-sprite.svg);
  background-repeat: no-repeat;
  background-position: -48px 0;
  background-size: auto;
}
footer .icon-social-instagram {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/social-icons-sprite.svg);
  background-repeat: no-repeat;
  background-position: -96px 0;
  background-size: auto;
}
footer .pnp-icon-heart {
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  background-position: -20px -30px;
  background-size: 109px;
}
.pnp-icon-tuktuk {
  display: block;
  width: 31px;
  height: 29px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  background-position: -23px 0px;
  background-size: 109px;
}
footer .row {
  background: #b9154a;
}
footer .row .footer-row-social {
  margin-bottom: 22px;
  margin: 0 9px 0 9px;
}
@media (max-width: 480px) {
  footer .row .footer-row-social {
    text-align: center;
  }
}
footer .row .footer-row-social a {
  display: inline;
}
footer .row .footer-row-social .footer-social-block-inner a {
  display: inline-block;
  margin-left: 4px;
}
footer .row .footer-row-social .simple-banner-component {
  display: inline-block;
  margin: 15px 0 0 0;
  width: 48%;
}
footer .row .footer-row-social .simple-banner-component:nth-child(2) {
  float: right;
}
@media (min-width: 640px) {
  footer .row .footer-row-social .simple-banner-component:nth-child(2) {
    float: initial;
  }
}
@media (min-width: 480px) {
  footer .row .footer-row-social .simple-banner-component {
    width: auto;
  }
}
footer .row .footer-row-payu-container {
  height: 43px;
  margin-top: 15px;
  margin-bottom: 30px;
  margin-right: 0px;
}
footer .row .footer-row-payu-container-left {
  width: 50%;
  text-align: right;
  float: left;
  margin-top: 17px;
  padding-right: 6px;
}
footer .row .footer-row-payu-container-right {
  width: 50%;
  float: right;
}
footer .row-terms {
  width: 95%;
  margin: 0px auto;
  padding-top: 10px;
}
@media (min-width: 1024px) {
  footer .row-terms {
    width: 56%;
    display: block;
    padding: 0px;
    margin: 0px auto;
  }
}
.main-footer .copyright {
  background: #b9154a;
}
footer .fed-tel-fld {
  font-weight: bold !important;
  font-size: 1.1em;
}
@media (max-width: 640px) and (min-width: 480px) {
  footer .fed-tel-fld {
    width: 37%;
    padding: 0;
    float: right;
  }
}
@media (max-width: 480px) {
  footer .fed-tel-fld {
    width: 80%;
  }
}
footer .fed-tel-fld a {
  font-size: 20px;
  text-decoration: none;
}
@media (max-width: 640px) and (min-width: 480px) {
  footer .fed-tel-fld a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) and (min-width: 568px) {
  footer .customerCareLineTelephoneMobile {
    float: right;
  }
}
@media only screen and (max-width: 568px) {
  footer .customerCareLineTelephoneMobile {
    margin-top: 0;
  }
}
@media only screen and (max-width: 568px) {
  footer .onlineShoppingTelephoneMobile {
    margin-top: 0;
  }
}
footer .minHeight50 {
  height: 55px;
}
footer .title {
  font-family: pnpFont, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  footer .title {
    padding: 0px !important;
  }
}
footer .fed-footer-text-nocaps {
  text-transform: none !important;
}
footer .fed-footer-text-small {
  font-size: 14px;
  line-height: 16px;
  padding: 5px 0 0 0;
  width: 166px;
  display: inline-block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
footer .onlineShoppingTelephoneMobile {
  font-size: 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold !important;
}
footer .onlineShoppingTelephoneMobile a {
  padding: 5px 0px 5px 0 !important;
  font-weight: bold;
}
@media (min-width: 1024px) {
  footer .onlineShoppingTelephoneMobile {
    margin-left: 0;
  }
}
footer .customerCareLineTelephoneMobile {
  font-size: 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
footer .customerCareLineTelephoneMobile a {
  padding: 5px 0px 5px 0 !important;
  font-weight: bold;
}
@media (min-width: 1024px) {
  footer .customerCareLineTelephoneMobile {
    margin-left: 0;
  }
}
footer .fed-footer-terms-small {
  text-align: left;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
@media (min-width: 1024px) {
  footer .fed-footer-terms-small {
    text-align: center;
  }
}
footer .fed-footer-icon-enlarge {
  font-size: 2em;
  margin: 0 10px 0 0;
}
footer .fed-footer-logo {
  width: 157px;
  height: 30px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 22px;
  background-position: -24px 0px;
}
footer .fed-footer-input {
  height: 38px !important;
  width: 302px !important;
}
footer .footer-left ul {
  text-align: left;
}
/************************************************/
footer .footer-left .simple-banner-component img {
  margin-left: 5px;
  margin-bottom: 0px;
}
footer .footer-left .links .simple-banner-component img {
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 640px) {
  footer .footer-left .links .simple-banner-component img {
    width: initial !important;
  }
}
@media (max-width: 640px) {
  footer .footer-left .footer-social-block {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
footer .footer-left .footer-social-block-inner {
  width: 100%;
  text-align: right;
}
footer .footer-left ul.fed-footer-left-ul-collapsible {
  display: none;
}
footer .footer-left ul.fed-footer-left-ul-collapsible a {
  display: block;
}
footer .footer-left ul.fed-footer-left-ul-collapsible a:hover {
  background: transparent;
  color: #f598a4;
}
footer .footer-left .footer-left-inner {
  margin-bottom: 20px;
}
@media (min-width: 480px) and (max-width: 639px) {
  footer .footer-left .footer-left-inner {
    width: 33%;
  }
}
footer .footer-left .footer-left-inner a {
  font-size: 15px;
}
footer .footer-left .footer-left-inner .links ul li {
  margin-bottom: 6px;
}
footer .footer-left .footer-left-inner .title {
  text-align: left;
}
@media (max-width: 1024px) {
  footer .footer-left .footer-left-inner .title {
    cursor: pointer;
  }
}
footer .footer-left .footer-left-inner .title:hover,
footer .footer-left .footer-left-inner .title.hovered {
  background-color: transparent;
  color: #f598a4;
}
footer .footer-left .footer-left-inner .title.un-hovered {
  background-color: #b9154a;
}
footer .footer-left .footer-left-inner .title .icon-down-arrow-expander {
  display: block;
  width: 24px;
  height: 17px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 2px;
  right: 16px;
  background-position: 0px -18px;
  background-size: 114px;
}
footer .footer-left .footer-row-social .logo-badges img {
  margin-bottom: 0px;
  margin-top: -5px;
  margin-left: 0px;
  margin-right: 5px;
  height: auto;
  width: 100%;
}
@media (min-width: 480px) {
  footer .footer-left .footer-row-social .logo-badges img {
    width: 154px;
  }
}
@media (min-width: 1024px) {
  footer .footer-left .footer-row-social .logo-badges img {
    width: 128px;
  }
}
footer .footer-left .footer-row-social .logo-badges .simple-banner:nth-child(2) img {
  margin-right: -7px;
}
@media (min-width: 1024px) {
  footer .footer-left .footer-row-social .logo-badges .simple-banner:nth-child(2) img {
    margin-right: 5px;
  }
}
/************************************************/
footer .footer-right li.row {
  margin-top: 20px;
  max-width: 280px;
  margin: 0px auto;
  padding-bottom: 20px;
}
footer .footer-right .fed-footer-btn,
footer .footer-right .fed-footer-btn:active,
footer .footer-right .fed-footer-btn:visited,
footer .footer-right .fed-footer-btn:hover {
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  background-color: #fff;
  color: #b9154a;
  width: 400px;
  max-width: 400px;
  height: 36px;
  margin-top: 8px;
  transition: all 0.1s linear;
}
@media (min-width: 480px) and (max-width: 700px) {
  footer .footer-right .fed-footer-btn,
  footer .footer-right .fed-footer-btn:active,
  footer .footer-right .fed-footer-btn:visited,
  footer .footer-right .fed-footer-btn:hover {
    width: 350px;
  }
}
footer .footer-right .fed-footer-btn.fed-footer-btn-short {
  width: 160px !important;
}
@media (min-width: 480px) and (max-width: 639px) {
  footer .footer-right .fed-footer-btn.fed-footer-btn-short {
    width: 100% !important;
    font-size: 14px;
  }
}
footer .footer-right .fed-footer-btn:hover {
  background-color: #92113A;
  color: #fff;
}
footer .centerFooterBtnWording {
  line-height: 24px !important;
}
footer .footer-right a.fed-footer-btn:after {
  content: '';
  width: 8px;
  height: 11px;
  overflow: hidden;
  position: absolute;
  top: 12px;
  margin-left: 5px;
  background: url(../images/icon-arrow-r-red.png) 0 0 no-repeat;
  background-size: 6px;
}
footer .footer-right a.fed-footer-btn:hover:after {
  background: url(../images/icon-arrow-r-white.png) 0 0 no-repeat;
  background-size: 6px;
}
/************************************************/
@media (min-width: 480px) {
  footer hr.hr-divider {
    display: none;
  }
  footer hr.fed-newsletter-hr {
    display: none;
  }
  footer .row .footer-row-social a {
    display: inline;
  }
  footer .footer-right li.row {
    max-width: 400px;
    margin: inherit;
    float: right;
  }
  footer .footer-left .simple-banner-component a {
    text-align: left;
  }
  footer .footer-left .footer-social-block-inner {
    float: right;
  }
}
@media (min-width: 640px) {
  footer .footer-left .footer-social-block {
    padding-top: 40px;
    padding-bottom: 25px;
    text-align: right;
  }
}
@media (min-width: 1024px) {
  footer .footer-left .footer-social-block {
    float: right;
    width: 200px;
    padding-top: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  footer .fed-tel-fld {
    font-size: 18px;
  }
  footer .footer-left ul.fed-footer-left-ul-collapsible {
    display: block;
  }
  footer .footer-left .footer-left-inner .title .icon-down-arrow-expander {
    display: none;
  }
  footer .footer-left .footer-social-block-inner {
    width: 340px;
  }
  footer .footer-right .fed-footer-pull-right {
    float: right !important;
    margin-right: 63px;
  }
  footer .footer-right .fed-footer-btn {
    width: 400px;
    max-width: 400px;
  }
  footer .fed-tel-fld {
    font-size: 18px;
    font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
  }
}
@media (max-width: 1023px) {
  .main-footer .footer-right {
    border-top: none;
    padding: 0px 20px 10px 20px;
    margin-top: 0px;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .main-footer .footer-right {
    width: 63%;
    padding: 0 0 10px;
  }
}
@media (max-width: 480px) {
  .main-footer .footer-right {
    padding: 0px 5px 10px;
  }
}
@media (min-width: 1401px) {
  footer .footer-right .customerCareLineTitle,
  footer .footer-right .onlineShoppingTitle {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
  }
  footer .footer-right .onlineShoppingTitle {
    width: 210px;
  }
  footer .fed-footer-text-small {
    padding-left: 0;
  }
}
footer .footer-right .customerCareLineTitle,
footer .footer-right .onlineShoppingTitle {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 5px;
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footer-right .pull-left .pnp-icon-tuktuk {
    margin: 0 10px 60px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footer-right .pull-left .pnp-icon-heart {
    margin: 0 10px 60px 0;
  }
}
@media (max-width: 640px) and (min-width: 480px) {
  .footer-right .customerCareLineTitle,
  .footer-right .onlineShoppingTitle {
    padding-left: 0;
    width: 48%;
  }
}
/* --------------------------------- */
/* ----- fullpage-stickyfooter ----- */
/* --------------------------------- */
body.template-pages-layout-fullPageLayoutTemplate {
  position: static;
}
.template-pages-layout-fullPageLayoutTemplate .main-footer {
  margin: 0px 0 0;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  width: 100%;
  visibility: hidden;
}
.main-footer > .container.fullpage-stickyfooter {
  padding: 20px 10px 15px 10px;
  height: auto;
  font-family: sans-serif;
}
.container.fullpage-stickyfooter .fed-fpsf-footer-terms-small,
.container.fullpage-stickyfooter .fed-fpsf-footer-terms-small a {
  font-size: 12px;
  text-align: left;
  line-height: normal;
  text-decoration: none;
}
.container.fullpage-stickyfooter .fed-fpsf-footer-terms-small {
  padding-top: 5px;
}
.container.fullpage-stickyfooter .footer-row-social {
  margin: 0;
  float: right;
  text-align: right;
}
@media (max-width: 640px) {
  .container.fullpage-stickyfooter .fed-fpsf-footer-terms-small {
    padding-top: 0px;
    text-align: center;
  }
  .container.fullpage-stickyfooter .footer-row-social {
    margin: 20px 0 0 0;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .template-pages-layout-fullPageLayoutTemplate .main-footer {
    visibility: visible;
  }
}
@media (max-width: 639px) and (min-width: 480px) {
  .fed-btn-container {
    padding-left: 0;
    padding-right: 0;
    width: 43%;
  }
}
@media (max-width: 480px) {
  .fed-btn-container {
    width: 216px;
  }
}
@media (max-width: 640px) {
  footer .row .footer-row-social {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  footer .row .footer-row-social {
    margin-right: 0px;
  }
}
footer .row .footer-row-social hr {
  clear: both;
  margin-right: 3%;
  margin-left: 3%;
}
@media (min-width: 1024px) {
  footer .row .footer-row-social hr {
    display: none;
  }
}
@media (max-width: 640px) {
  footer .footer-left .footer-social-block-inner .title {
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
footer .footer-right li.btn-sign-me-up {
  float: right;
}
@media (max-width: 640px) {
  footer .footer-right li.btn-sign-me-up {
    text-align: center;
    float: none;
  }
}
footer .footer-right li.btn-sign-me-up .fed-footer-btn {
  margin: 0;
}
@media (max-width: 640px) {
  footer .footer-right li.btn-sign-me-up .fed-footer-btn {
    width: 100%;
  }
}
@media (max-width: 640px) and (max-width: 480px) {
  footer .footer-right li.btn-sign-me-up .fed-footer-btn {
    padding: 0 0px;
  }
}
footer .footer-right li.btn-sign-me-up .fed-footer-btn .links .title {
  padding: 0 10px;
}
footer .footer-right li.btn-sign-me-up .fed-footer-btn ul li.btn-sign-me-up {
  padding: 0 10px;
}
@media (max-width: 640px) and (min-width: 480px) {
  footer .footer-right li.btn-sign-me-up .fed-footer-btn ul li.btn-sign-me-up {
    padding: 0 0;
  }
}
/*------------- Styling for B2B user group -------------*/
.user-group-b2b .main-footer {
  background-color: #153a59;
}
.user-group-b2b .main-footer .container,
.user-group-b2b .main-footer .row,
.user-group-b2b .main-footer .footer-left .footer-left-inner .title.un-hovered {
  background-color: #153a59;
}
.user-group-b2b .main-footer .footer-left .footer-left-inner .title:hover,
.user-group-b2b .main-footer .footer-left .footer-left-inner .title.hovered,
.user-group-b2b .main-footer .footer-left ul.fed-footer-left-ul-collapsible a:hover {
  color: #3374b6;
}
.user-group-b2b .main-footer .footer-right .fed-footer-btn {
  color: #153a59;
}
.user-group-b2b .main-footer .footer-right .fed-footer-btn:hover,
.user-group-b2b .main-footer .footer-right .fed-footer-btn:active,
.user-group-b2b .main-footer .footer-right .fed-footer-btn:visited {
  color: #ffffff;
  background-color: #003359;
}
.user-group-b2b .main-footer .footer-right a.fed-footer-btn:after {
  background: url(../images/icon-arrow-r-blue.png) 0 0 no-repeat;
  background-size: 6px;
}
.user-group-b2b .main-footer .footer-right a.fed-footer-btn:hover:after {
  background: url(../images/icon-arrow-r-white.png) 0 0 no-repeat;
  background-size: 6px;
}
.user-group-b2b .dropbtn {
  background-color: #153a59;
}
.user-group-b2b .btn-sign-me-up a {
  background-color: #153a59;
  border: 3px solid transparent;
}
/* Dropdown and contents  */
.dropbtn {
  color: white;
  font-size: 16px;
  border: none;
  margin: 0;
  padding: 22px 0 7px 25px;
  z-index: 99;
  background-color: transparent;
}
@media (min-width: 1024px) {
  .dropbtn {
    margin: auto;
    padding: 16px;
    text-align: center;
    background-color: #b9154a;
  }
}
@media (min-width: 1024px) {
  footer .footerMid1 {
    display: block;
    height: 41px;
    float: left;
    margin-top: 10px;
    margin-left: 5%;
  }
}
footer .footerMid1 .dropdown {
  width: 100%;
  position: relative;
  display: inline-block;
  clear: both;
  z-index: 9;
  border-bottom: none;
}
@media (min-width: 1024px) {
  footer .footerMid1 .dropdown {
    clear: none;
    border-bottom: none;
  }
}
.helpList {
  border: none !important;
}
.dropdown-content {
  display: none;
  position: relative;
  background-color: #AC0C41;
  min-width: 100%;
  z-index: 1;
  bottom: 100%;
  border: none;
}
@media (min-width: 1024px) {
  .dropdown-content {
    background-color: #FFF;
    color: #92113A;
    position: absolute !important;
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    min-width: 300px !important;
    padding: 5px;
    padding-bottom: 10px;
  }
  .dropdown-content a:hover {
    text-decoration: underline;
  }
}
/* Links inside the dropdown */
.dropdown-content li:first-child a {
  padding-top: 70px;
}
@media (min-width: 1024px) {
  .dropdown-content li:first-child a {
    padding: 15px 5px 0 15px;
  }
}
.dropdown-content li:last-child a {
  padding: 15px 5px 25px 45px;
}
@media (min-width: 1024px) {
  .dropdown-content li:last-child a {
    padding: 15px 5px 0 15px;
  }
}
.dropdown-content a {
  text-decoration: none;
  display: block;
  color: #FFF;
  padding: 15px 5px 0px 45px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
@media (min-width: 1024px) {
  .dropdown-content a {
    color: #92113A;
    padding: 15px 5px 0px 15px;
  }
}
@media (min-width: 1024px) {
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
    visibility: visible;
  }
}
.user-group-b2b footer .dropbtn:active,
.user-group-b2b footer .dropbtn:hover,
.user-group-b2b footer .dropbtn:focus {
  cursor: pointer;
  background: #153a59;
  z-index: 99;
}
.user-group-b2b footer .footerNav .links {
  background: #153a59;
}
.user-group-b2b footer .dropdown-content {
  background: #153a59;
}
@media (min-width: 1024px) {
  .user-group-b2b footer .dropdown-content {
    background: #FFF;
    bottom: 52px;
  }
}
.dropbtn:active,
.dropbtn:hover,
.dropbtn:focus {
  cursor: pointer;
  background-color: transparent;
  z-index: 99;
}
@media (min-width: 1024px) {
  .dropbtn:active,
  .dropbtn:hover,
  .dropbtn:focus {
    background-color: transparent;
  }
}
.dropbtn:active .icon-down-arrow-expander,
.dropbtn:hover .icon-down-arrow-expander,
.dropbtn:focus .icon-down-arrow-expander {
  display: block;
  width: 24px;
  height: 17px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  right: 20px;
  background-position: 4px -32px;
  background-size: 114px;
}
footer .dropdown-content .pnp-icon-heart {
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  background-position: -20px -30px;
  background-size: 109px;
}
@media (min-width: 1024px) {
  footer .dropdown-content .pnp-icon-heart {
    display: block;
    width: 30px !important;
    height: 30px !important;
    overflow: hidden;
    background-image: url(../images/icon-customer-care.svg) !important;
    background-repeat: no-repeat;
    background-position: 0 0 !important;
    background-size: 30px !important;
  }
}
footer .dropdown-content .pnp-icon-tuktuk {
  display: block;
  width: 31px;
  height: 29px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  background-position: -23px 0px;
  background-size: 109px;
}
@media (min-width: 1024px) {
  footer .dropdown-content .pnp-icon-tuktuk {
    display: block;
    width: 35px !important;
    height: 35px !important;
    overflow: hidden;
    background-image: url(../images/icon-online-help.svg) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
    background-size: 30px !important;
  }
}
footer .dropdown-content .fed-footer-btn-short {
  background-color: #FFF;
  line-height: 24px !important;
  border: 3px solid #FFF;
  color: #92113A;
  padding: 1px 0px 1px 0px !important;
  font-size: 13px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica !important;
}
@media (min-width: 1024px) {
  footer .dropdown-content .fed-footer-btn-short {
    color: #FFF !important;
    line-height: 24px !important;
    background-color: #92113A !important;
    padding: 8px 0 5px 0 !important;
  }
}
footer .helpList .dropdown-content li:last-child {
  padding-bottom: 15px;
}
footer .helpList .dropdown-content li:first-child {
  padding-bottom: 25px;
  padding-top: 15px;
  margin-bottom: -1px;
}
@media (min-width: 480px) {
  footer .helpList .dropdown-content li:first-child {
    margin-bottom: 0;
  }
}
footer .dropdown-content .row {
  background-color: #AC0C41;
}
@media (min-width: 1024px) {
  footer .dropdown-content .row {
    background-color: #FFF !important;
  }
}
@media (min-width: 1024px) {
  footer .footerNav .links {
    border: none;
    background: #b61a4c;
    min-width: 60px;
    display: inline-block;
    margin-right: 15px;
  }
}
footer .footerNav .links hr {
  width: 90%;
  margin: 0px auto;
  border-top: 1px solid #cc5f82;
}
@media (min-width: 1024px) {
  footer .footerNav .links hr {
    display: none;
  }
}
footer .btn-sign-me-up {
  outline: 1px solid #FFF;
  margin: 10px 20px 10px 20px;
}
@media (min-width: 1024px) {
  footer .btn-sign-me-up {
    margin: 0 !important;
  }
}
footer .btn-sign-me-up a {
  width: 95%;
  font-size: 16px;
  font-weight: bold;
  white-space: normal;
  text-align: left;
  position: relative;
}
@media (min-width: 1024px) {
  footer .btn-sign-me-up a {
    padding-top: 5px;
    padding-bottom: 0px;
  }
}
footer .btn-sign-me-up a:hover {
  background-color: transparent;
  border: 3px solid transparent;
}
footer .btn-sign-me-up a:after {
  content: '';
  position: absolute;
  right: 0px;
  width: 12px;
  height: 19px;
  background: url(../images/pnp-spritemap-hi-res.png) 0 -51px no-repeat;
  background-size: 120px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 640px) {
  footer .btn-sign-me-up a:after {
    right: -20px;
  }
}
@media (min-width: 1024px) {
  footer .btn-sign-me-up a:after {
    content: '';
    position: absolute;
    right: -10px;
    width: 12px;
    height: 19px;
    background: url(../images/pnp-spritemap-hi-res.png) 0 -51px no-repeat;
    background-size: 120px;
  }
}
.unstyledList {
  list-style: none;
  padding: 20px 0 0 0;
}
@media (min-width: 1024px) {
  .unstyledList {
    padding-top: 0 !important;
  }
}
footer .sign-up-btn {
  float: none;
}
@media (min-width: 1024px) {
  footer .sign-up-btn {
    max-width: inherit;
    width: 34%;
    float: right;
  }
}
@media (min-width: 1366px) {
  footer .sign-up-btn {
    width: 35%;
  }
}
footer .icon-right-arrow {
  float: right;
  display: inline-block;
  width: 15px;
  height: 19px;
  background: url(../images/pnp-spritemap-hi-res.png) 170px 0px;
  background-size: 120px;
  margin-top: 5px;
  position: relative;
  right: 21px;
}
@media (min-width: 1024px) {
  footer .icon-right-arrow {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 40px;
    width: 12px;
    height: 19px;
    background: url(../images/pnp-spritemap-hi-res.png) 0 -51px no-repeat;
    background-size: 120px;
  }
}
footer .title .icon-down-arrow-expander {
  display: inline-block;
  width: 24px;
  height: 17px;
  overflow: hidden;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 25px;
  right: 16px;
  background-position: 0px -18px;
  background-size: 114px;
}
@media (min-width: 1024px) {
  footer .title .icon-down-arrow-expander {
    display: inline-block !important;
    width: 24px;
    height: 17px;
    overflow: hidden;
    background-image: url(../images/pnp-spritemap-hi-res.png);
    background-repeat: no-repeat;
    background-position: 6px -18px;
    background-size: 114px;
    position: relative !important;
    left: 0 !important;
    top: 2px !important;
  }
}
footer .app-section {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  footer .app-section {
    width: 350px;
    margin-top: 0px;
  }
}
.customerCareLineTitle,
.onlineShoppingTitle {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
.internationalTitle {
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .internationalTitle {
    margin-top: 15px;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav * > li {
  position: relative;
  display: block;
}
.nav * > li * > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav * > li:hover,
.nav * > li:focus {
  text-decoration: none;
  background-color: #f2f2f2;
}
.nav * > li.disabled * > a {
  color: #575757;
}
.nav * > li.disabled * > a:hover,
.nav * > li.disabled * > a:focus {
  color: #575757;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav * > li.disabled * > a img {
  max-width: none;
}
.nav .open > a {
  background-color: #f2f2f2;
}
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f2f2f2;
}
.nav-pills > li > a {
  border-radius: 0;
  color: #154259;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.nav-pills > li.active a {
  color: #154259;
}
.nav-pills > li.active a:hover,
.nav-pills > li.active a:focus {
  color: #154259;
}
.mini-cart-link {
  color: #4C4C4C;
}
.sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 1024px) {
  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed,
  .md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed {
    background-color: transparent;
    color: inherit;
  }
  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed:hover,
  .md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed:hover,
  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed:focus,
  .md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed:focus {
    color: #b9154a;
    text-decoration: none;
  }
  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle,
  .md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle {
    background-color: #004579;
    color: #ffffff;
    text-decoration: none;
  }
  .nav-bottom {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
  }
  .nav-bottom .container-fluid {
    padding: 0px;
  }
  .main-header .main-navigation {
    position: relative;
    background-color: #ffffff;
  }
  .main-header .main-navigation:before,
  .main-header .main-navigation:after {
    content: " ";
    display: table;
  }
  .main-header .main-navigation:after {
    clear: both;
  }
  .main-header .main-navigation .sm-back {
    display: none;
  }
  .main-header .main-navigation > .nav > li {
    position: relative;
  }
  .main-header .main-navigation > .nav > li > a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    padding: 20px 12px;
  }
  .main-header .main-navigation > .nav > li > a:hover,
  .main-header .main-navigation > .nav > li > a:focus {
    background: #f2f2f2;
  }
  .main-header .main-navigation > .nav > li:first-child + li {
    border: 0;
  }
  .main-header .main-navigation > .nav > li:last-child {
    margin-right: 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .row {
    position: relative;
    z-index: 99;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section {
    position: static;
    padding: 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section.column-20-percent {
    float: left;
    width: 20%;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section.double {
    position: relative;
    min-height: 1px;
    padding: 10px 0 10px 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-section-column {
    float: left;
    padding: 0 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list {
    padding-left: 0;
    list-style: none;
  }
  .main-header .main-navigation > .nav .sub-navigation-list.has-title {
    margin-top: 40px;
  }
  .main-header .main-navigation > .nav .title + .sub-navigation-list.has-title {
    margin-top: 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li {
    border-bottom: 1px solid #004579;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li:last-child {
    border-bottom: none;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a {
    display: block;
    color: #ffffff;
    line-height: 30px;
    padding-left: 5px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:hover,
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:focus {
    background-color: #004579;
    text-decoration: none;
  }
  .main-header .main-navigation > .nav > li.md-show-sub.has-sub > a {
    position: relative;
  }
  .main-header .main-navigation > .nav > li.md-show-sub .sub-navigation {
    display: block;
  }
  .main-header .sm-navigation {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
  .main-header .md-secondary-navigation:before,
  .main-header .md-secondary-navigation:after {
    content: " ";
    display: table;
  }
  .main-header .md-secondary-navigation:after {
    clear: both;
  }
  .main-header .md-secondary-navigation:before,
  .main-header .md-secondary-navigation:after {
    content: " ";
    display: table;
  }
  .main-header .md-secondary-navigation:after {
    clear: both;
  }
  .main-header .md-secondary-navigation ul li {
    display: inline-block;
    font-weight: 400;
  }
  .main-header .md-secondary-navigation li.logged_in {
    padding: 10px;
  }
  .main-header .md-secondary-navigation li button {
    background: transparent none repeat scroll 0% 0%;
    border: medium none;
    color: #0068b3;
    font-size: 1em;
    text-transform: uppercase;
  }
  .main-header .md-secondary-navigation li button:hover {
    background: none;
    text-decoration: none;
    color: #b9154a;
  }
  .main-header .md-secondary-navigation a {
    font-weight: 400;
    display: block;
    font-size: 1em;
    line-height: 1.329em;
  }
  .main-header .md-secondary-navigation a:hover {
    text-decoration: none;
    color: #b9154a;
  }
  #accNavComponentDesktopOne,
  #accNavComponentDesktopTwo {
    padding: 0;
    background-color: #004579;
  }
  #accNavComponentDesktopOne ul,
  #accNavComponentDesktopTwo ul {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
  }
  #accNavComponentDesktopOne ul li,
  #accNavComponentDesktopTwo ul li {
    text-transform: capitalize;
    float: left;
    list-style: none;
    font-size: 12px;
    color: #003359;
    font-weight: 400;
    padding: 0;
    border-right: 1px solid #003359;
    border-bottom: 1px solid #003359;
  }
  #accNavComponentDesktopOne ul li:hover,
  #accNavComponentDesktopTwo ul li:hover {
    background-color: #003359;
  }
  #accNavComponentDesktopOne ul li a,
  #accNavComponentDesktopTwo ul li a {
    color: #ffffff;
    display: block;
    padding: 25px 0 25px 20px;
    font-size: 15px;
    font-weight: 400;
  }
  #accNavComponentDesktopOne ul li a:hover,
  #accNavComponentDesktopTwo ul li a:hover {
    text-decoration: none;
  }
  .mini-cart-link .mini-cart-count:before {
    content: "(";
    position: relative;
    top: 4px;
  }
  .mini-cart-link .mini-cart-count:after {
    content: ")";
    position: relative;
    top: 4px;
  }
}
@media (min-width: 1400px) {
  .main-header .main-navigation > .nav > li > a {
    padding: 20px 32px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .mini-cart-link .mini-cart-count span.nav-items-total {
    padding-right: 5px;
  }
}
@media (min-width: 640px) {
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .mini-cart-link .mini-cart-count {
    text-transform: uppercase;
  }
  .mini-cart-link .mini-cart-count span.nav-items-total {
    position: relative;
    right: 0px;
    top: 5px;
  }
  .navbar-static-top,
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -10px;
  }
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -10px;
  }
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
  .main-header .sm-navigation .nav-utilities {
    float: right;
    width: 29rem;
    padding: 0px 0.4rem;
  }
  .navbar {
    border-radius: 0;
  }
  .navbar-header {
    float: left;
  }
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .main-header .sm-navigation #miniCartSlot {
    float: right;
  }
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(380px, 0);
    -ms-transform: translate(380px, 0);
    -o-transform: translate(380px, 0);
    transform: translate(380px, 0);
  }
}
@media (max-width: 1023px) {
  html.offcanvas {
    overflow-x: hidden;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
  }
  .main-header .main-navigation .nav-pills li.auto {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0 10px 0;
  }
  .main-header .main-navigation .nav-pills li.auto:hover,
  .main-header .main-navigation .nav-pills li.autofocus {
    background-color: #f2f2f2;
  }
  .main-header .main-navigation .offcanvasGroup1 li.auto {
    border-bottom: none;
  }
  .main-header .main-navigation .offcanvasGroup1 .offcanvasGroup2 li,
  .main-header .main-navigation .offcanvasGroup1 .offcanvasGroup3 li {
    border-bottom: 1px solid #003359;
  }
  .js-enquire-offcanvas-navigation .close-nav {
    display: inline-block;
    cursor: pointer;
    height: 60px;
    width: 20%;
    vertical-align: top;
    border-left: 1px solid #004579;
    border-right: 1px solid #004579;
  }
  .js-enquire-offcanvas-navigation .close-nav button {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    display: inline-block;
    color: transparent;
    overflow: hidden;
    border: none;
  }
  .js-enquire-offcanvas-navigation .close-nav button span {
    color: #ffffff;
    font-size: 25px;
  }
  .main-header .main-navigation {
    left: -380px;
    top: 0;
    z-index: 9999;
    border-top: 1px solid #f2f2f2;
  }
  .main-header .main-navigation ul.nav {
    overflow: scroll;
    height: 90%;
    position: fixed;
    top: 85px;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ffffff;
  }
  .main-header .main-navigation ul.nav.mobileNavLinks {
    overflow: hidden;
  }
  .main-header .main-navigation li.auto a {
    margin-top: 0;
    color: #19212b;
    text-transform: uppercase;
    padding: 20px 30% 20px 50px;
    display: block;
    font-family: PantonFontBold;
  }
  .main-header .main-navigation .acctArea,
  .main-header .main-navigation ul.mobileNavLinks li {
    overflow: hidden;
    background-color: #003359;
  }
  .main-header .main-navigation .acctArea,
  .main-header .main-navigation ul.mobileNavLinks li.auto a {
    color: #ffffff;
  }
  .main-header .main-navigation ul.mobileNavLinks li.liUserSign {
    border-bottom: 1px solid #003359;
  }
  .main-header .main-navigation ul.mobileNavLinks li.liUserSign:hover {
    background-color: #003359;
  }
  .main-header .main-navigation ul.mobileNavLinks li.auto:hover {
    background-color: #107d8f;
  }
  .main-header .main-navigation ul.mobileNavLinks .subNavList li.auto {
    padding: 5px 0;
    background: #004579;
  }
  .main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:hover,
  .main-header .main-navigation ul.mobileNavLinks .subNavList li.auto:focus {
    background-color: #107d8f;
  }
  .main-header .main-navigation ul.mobileNavLinks ul.subNavList {
    padding-left: 0;
  }
  .main-header .main-navigation ul.mobileNavLinks ul.subNavList li a {
    text-transform: none;
  }
  .main-header .main-navigation li.liUserSign {
    background-color: #ffffff;
    text-align: left;
  }
  .main-header .main-navigation li a.userSign {
    width: 80%;
    display: inline-block;
    color: #ffffff;
    padding-right: 20px;
  }
  .main-header .main-navigation ul.mobileNavLinks div.sub-nav .myAccountLinksHeader,
  .main-header .main-navigation ul.mobileNavLinks div.sub-nav .myCompanyLinksHeader {
    display: block;
    cursor: pointer;
    max-height: 60px;
  }
  .main-header .main-navigation ul.mobileNavLinks div.sub-nav a {
    border-bottom: 1px solid #003359;
  }
  .main-header .main-navigation ul.mobileNavLinks div.sub-nav a span {
    float: right;
    line-height: 50px;
    left: 260px;
  }
  .main-header .main-navigation ul.mobileNavLinks li a {
    text-transform: uppercase;
    display: block;
  }
  .main-header .main-navigation ul.mobileNavLinks li a:hover {
    background-color: #107d8f;
  }
  .main-header .main-navigation ul.mobileNavLinks li .glyphicon-chevron-up {
    color: #ffffff;
  }
  .main-header .main-navigation .userGroup {
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    width: 80%;
    float: left;
    height: 60px;
    text-transform: uppercase;
    text-align: left;
  }
  .main-header .main-navigation .myAcctUserIcon {
    font-size: 20px;
    position: relative;
    top: 4px;
  }
  .main-header .main-navigation li.auto .userGroup {
    position: relative;
    line-height: 50px;
    background-color: #ffffff;
  }
  .main-header .main-navigation li.auto .userGroup a {
    border: none;
    color: #ffffff;
  }
  .main-header .main-navigation li.auto .userGroup a:hover {
    background-color: transparent !important;
  }
  .main-header .main-navigation li.auto .glyphicon-chevron-up,
  .main-header .main-navigation li.auto .glyphicon-chevron-down {
    position: absolute;
    left: 260px;
    line-height: 60px;
    top: 0;
  }
  .main-header .main-navigation li.auto #signedInUserOptionsToggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
  .main-header .main-navigation .sm-back {
    font-size: 18px;
    line-height: 50px;
    display: block;
    padding: 0 10px;
  }
  .main-header .main-navigation .sm-back:before {
    content: "\e079";
  }
  .main-header .main-navigation .sm-back:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    margin-right: 1em;
  }
  .main-header .main-navigation > ul > li {
    float: none;
  }
  .main-header .main-navigation > ul > li + li {
    margin-top: 2px;
    margin-left: 0;
  }
  .main-header .main-navigation > ul.active {
    position: relative;
    left: -100%;
  }
  .main-header .main-navigation > ul a {
    text-transform: uppercase;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    background: transparent;
    color: transparent;
  }
  .main-header .main-navigation li.auto.offcanvasNoBorder {
    border-bottom: 0;
  }
  .main-header .main-navigation .has-sub {
    position: static;
  }
  .main-header .main-navigation .has-sub .navigation-overlay {
    display: inline-block;
  }
  .main-header .main-navigation .has-sub > a {
    position: relative;
  }
  .main-header .main-navigation .has-sub > a:before {
    content: "\e080";
  }
  .main-header .main-navigation .has-sub > a:before {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 260px;
    top: 23px;
  }
  .main-header .main-navigation .has-sub.active .sub-navigation {
    display: block;
  }
  .main-header .main-navigation .has-sub .sub-navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
  .main-header .main-navigation .sub-navigation .sm-back {
    color: #19212b;
    padding: 5px 50px;
    border-bottom: 1px solid #f2f2f2;
  }
  .main-header .main-navigation .has-sub .sub-navigation.active {
    display: block;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section {
    padding: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .title {
    font-size: 18px;
    line-height: 40px;
    padding: 10px 20px 10px 50px;
    color: rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #f2f2f2;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li > a {
    position: relative;
    display: block;
    color: #19212b;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li > a:hover,
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li > a:focus {
    text-decoration: none;
    background-color: #f2f2f2;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li.disabled > a {
    color: #575757;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li.disabled:hover,
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li.disabled:focus {
    color: #575757;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .open a,
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .open:hover,
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .open:focus {
    background-color: #f2f2f2;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li > a > img {
    max-width: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li {
    float: left;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li > a {
    border-radius: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li + li {
    margin-left: 2px;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li {
    float: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list > li + li {
    margin-left: 0;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list a {
    border: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .text-uppercase li {
    border-bottom: 1px solid #f2f2f2;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .sub-navigation-list .text-uppercase li a {
    text-transform: uppercase;
  }
  .main-header .main-navigation > ul > li + li {
    margin-top: 0px;
    margin-left: 0px;
  }
  /******Header******/
  .sm-navigation .js-toggle-sm-navigation {
    cursor: pointer;
  }
  .sm-navigation .btn-default {
    background-color: transparent;
  }
  .sm-navigation .mobile-menu {
    box-sizing: border-box;
    height: 60px;
    padding: 0;
  }
  .sm-navigation .mobile-menu span {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    color: #ffffff;
    font-size: 29px;
    top: 2px;
  }
  .sm-navigation .mobile-menu button {
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
    height: 100%;
    width: 100%;
    padding: 0px;
  }
  .sm-navigation .mobile-menu button + button {
    margin-left: 10px;
  }
  .sm-navigation .mobile-menu input {
    height: 36px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
  }
  select.main-header .sm-navigation input {
    height: 46px;
    line-height: 46px;
  }
  textarea.main-header .sm-navigation input,
  select[multiple].main-header .sm-navigation input {
    height: auto;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .main-header .main-navigation .nav-pills li.auto {
    padding: 0;
  }
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 500px) and (max-width: 639px) {
  .categories-container .categories.col-xs-12 {
    width: 50%;
  }
}
@media (max-width: 639px) {
  /*
  General
  *****************************************************************/
  .dropdown ul {
    width: 269px;
    position: relative;
  }
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .main-header .md-secondary-navigation ul li {
    float: right;
  }
  .main-header .sm-navigation #search_form_SearchBox {
    padding-top: 0;
  }
  .main-header .main-navigation li.auto .glyphicon-chevron-up,
  .main-header .main-navigation li.auto .glyphicon-chevron-down,
  .main-header .main-navigation ul.mobileNavLinks div.sub-nav a span,
  .main-header .main-navigation .has-sub > a::before {
    left: 68vw;
  }
  .main-header .main-navigation li.auto a {
    padding-right: 31vw;
  }
  .sm-navigation .row .col-xs-2 {
    width: 20%;
    padding: 0;
  }
  .sm-navigation .row .col-xs-5 {
    width: 40%;
  }
  .sm-navigation .mobile-search {
    height: 60px;
    border-left: 1px solid #004579;
    box-sizing: border-box;
  }
  .sm-navigation .mobile-search span {
    margin: 0 auto;
  }
  .sm-navigation .mobile-search span.glyphicon-search {
    color: #ffffff;
    font-size: 30px;
    top: 3px;
  }
  .sm-navigation .mobile-search .nav-util {
    float: left;
    padding: 0;
  }
  .main-header .sm-navigation .nav-utilities {
    padding: 0;
  }
  .banner-search-lg,
  .banner-search-md {
    display: none;
  }
  .nav-bottom {
    width: 100%;
    height: 83vh;
    left: -100%;
    margin-left: 0;
  }
  main.offcanvas .main-navigation {
    background: none;
    padding-bottom: 90px;
  }
  main .main-navigation {
    width: 100%;
    left: -100%;
    z-index: 10;
  }
  main .main-navigation:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 71px;
  }
}
body {
  padding-top: 105px;
}
@media (min-width: 1024px) {
  body {
    padding-top: 150px;
  }
}
body.page-homepage {
  padding-top: 85px;
}
@media (min-width: 1024px) {
  body.page-homepage {
    padding-top: 132px;
  }
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  border: 0px none;
}
.branding-mobile {
  display: none;
}
.main-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.main-header .main-navigation .userName {
  display: inline-block;
  padding-left: 10px;
}
.main-header .site-logo {
  padding: 10px 0;
}
.main-header .site-logo .simple-banner-component img {
  width: 157px;
}
@media (max-width: 320px) {
  .main-header .site-logo .simple-banner-component img {
    width: 127px;
  }
}
.main-header .nav-top {
  border-bottom: 1px solid #004579;
  z-index: 99991;
  background: #ffffff;
}
.main-header .nav-middle {
  background: #b9154a;
}
.orderAmendMode .main-header .header-accordion #header-nav-dropdown h3.ui-accordion-header {
  background: #000000 !important;
}
.orderAmendMode .main-header .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container {
  background: #000000 !important;
}
.orderAmendMode .main-header .md-secondary-navigation ul li a {
  background: #000000 !important;
}
.orderAmendMode .main-header .nav-middle {
  background: #000000 !important;
}
.orderAmendMode .main-header .md-secondary-navigation > ul > li.subscriptionHeaderBalances:before {
  display: none;
}
.orderAmendMode .main-header .md-secondary-navigation .subscriptionAmendModeHeading {
  float: left;
}
.orderAmendMode .main-header .md-secondary-navigation .subscriptionAmendModeClose {
  float: left;
  position: relative;
  color: #FFF;
  font-size: 16px;
  border: 1px solid #FFF;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-left: 5px;
  line-height: 23px;
  top: 6px;
}
.orderAmendMode .OrderSummaryMonthlySubscriptionInformation {
  display: none !important;
}
.orderAmendMode .OrderSummaryWeeklySubscriptionInformation {
  display: none !important;
}
/*
.site-search {
	background-color: @header-second-row-background-color;

	@media (min-width: 268px) {
		width:216%;
	}

	> .ui-front {
		padding: 0px 0px;
		display: none;

		@media (min-width: 1024px) {
			display: block;
		}
	}

	.glyphicon-search {
		color: @searchbar-icon-color;
		font-size: 17px;
		margin-top: 6px;
	}

	.input-group {
		background-color: @input-background;
		min-height: 38px;
		border: 1px solid @input-border-color;

		.form-control {
			border:0;
			box-shadow:none;
			height: 38px;
		}

		.btn {
			width: 40px;

			&:hover {
				background-color: transparent;
			}
		}
	}
}
*/
.sm-navigation .btn {
  background-color: transparent;
  width: 100%;
  padding: 0;
  height: 100%;
  color: #003359;
  border: none;
}
.mini-cart {
  background: #fff;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body .legend {
  margin-bottom: 10px;
}
.mini-cart .mini-cart-body .legend a {
  float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
  padding-left: 0;
  list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li + li {
  margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:before,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  clear: both;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:before,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  clear: both;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
  text-align: right;
  font-weight: bold;
}
.mini-cart .mini-cart-body .mini-cart-totals {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin: 10px 0 30px;
  padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
  float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
  text-align: right;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
  margin: 10px 0;
}
.mini-cart .mini-cart-body > img {
  width: 100%;
}
@media (min-width: 640px) {
  .sm-navigation .nav-location {
    float: right;
    padding: 0 10px;
  }
  .sm-navigation .miniCartSlot > .componentContainer {
    float: left;
  }
  .sm-navigation .miniCartSlot .nav-form {
    float: left;
    padding: 0 15px;
  }
  .sm-navigation .miniCartSlot .nav-cart {
    float: right;
    padding: 0 10px;
  }
  .sm-navigation .miniCartSlot .nav-cart .mini-cart-price {
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .site-search .input-group {
    width: 445px;
  }
  .sm-navigation .nav-location {
    padding: 0 30px;
  }
  .sm-navigation .miniCartSlot .nav-form {
    padding: 0 30px;
  }
  .sm-navigation .miniCartSlot .nav-cart {
    padding-left: 30px;
  }
}
@media (min-width: 640px) {
  .sm-navigation .nav-form:hover,
  .sm-navigation .nav-location:hover,
  .sm-navigation .nav-cart:hover,
  .sm-navigation .btn:hover,
  .sm-navigation .nav-form:active,
  .sm-navigation .nav-location:active,
  .sm-navigation .nav-cart:active,
  .sm-navigation .btn:active,
  .sm-navigation .nav-form:focus,
  .sm-navigation .nav-location:focus,
  .sm-navigation .nav-cart:focus,
  .sm-navigation .btn:focus {
    background-color: #003359;
    box-shadow: none;
  }
  .sm-navigation .nav-form,
  .sm-navigation .nav-location,
  .sm-navigation .nav-cart {
    height: 60px;
  }
  .sm-navigation .nav-form {
    text-align: center;
    font-size: 35px;
    border-left: 1px solid #004579;
    border-right: 1px solid #004579;
    padding: 0;
  }
  .sm-navigation .nav-form span {
    color: #ffffff;
    display: block;
    top: 27%;
  }
  .sm-navigation .nav-location {
    border-left: 1px solid #004579;
    border-right: 1px solid #004579;
  }
  .sm-navigation .nav-location span {
    font-size: 35px;
    top: 27%;
    color: #ffffff;
  }
  .sm-navigation .nav-location + .miniCartSlot .nav-form {
    border-left: 0;
  }
  .sm-navigation .nav-cart {
    float: right;
    padding: 0 10px;
  }
  .sm-navigation .nav-cart a:hover {
    color: #ffffff;
  }
  .sm-navigation .miniCartSlot {
    padding: 0px;
    float: right;
  }
  .mini-cart-link {
    line-height: 55px;
    white-space: nowrap;
  }
  .mini-cart-link .mini-cart-icon {
    float: right;
    position: relative;
    top: 5px;
  }
  .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
    font-size: 22px;
  }
  .mini-cart-link .mini-cart-count {
    float: right;
    font-size: 12px;
  }
  .mini-cart-link .mini-cart-price {
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1023px) {
  .site-search {
    padding-left: 0;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .main-navigation {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.hidearrow:after {
  display: none !important;
  background: none !important;
}
.md-secondary-navigation ul li:hover {
  cursor: pointer;
}
.js-region-base-store-select:hover {
  cursor: pointer;
}
.js-region-base-store-select {
  position: absolute;
  top: 30px;
  z-index: 999;
  background: #b9154a !important;
  width: 100%;
  min-height: 1024px;
  max-height: 1024px;
  overflow-y: scroll;
}
@media (min-width: 1024px) {
  .js-region-base-store-select {
    min-height: auto;
    max-height: 500px;
    width: 25%;
  }
}
.js-region-base-store-select .js-region-key-down-arrow {
  content: '';
  position: relative;
  top: 15px;
  right: 10px;
  width: 25px;
  height: 19px;
  background: url(../images/pnp-spritemap-hi-res.png) 3px -19px no-repeat;
  background-size: 120px;
  display: inline-block;
  float: right;
}
.js-region-base-store-select .js-region-key-up-arrow {
  content: '';
  position: relative;
  top: 15px;
  right: 10px;
  width: 25px;
  height: 19px;
  background: url(../images/pnp-spritemap-hi-res.png) 3px -33px no-repeat;
  background-size: 120px;
  display: inline-block;
  float: right;
}
.js-region-base-store-select .js-region-key-hover {
  background: #ab0d40;
  border: none !important;
}
.js-region-base-store-select .js-region-key {
  border-bottom: 1px solid #FFF;
  padding: 0 10px 0 10px;
}
.js-region-base-store-select .js-region-key p {
  color: #FFF;
  margin: 0 10px 0px 10px;
  padding: 15px 10px 15px 10px;
  display: inline-block;
  font-size: 12px;
}
.js-region-base-store-select .special-region-base-store-item {
  background: #b9154a !important;
}
.js-region-base-store-select .special-region-base-store-item p {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  margin: 0 10px 0px 10px;
  padding: 20px 10px 15px 20px !important;
}
@media (min-width: 640px) {
  .js-region-base-store-select::-webkit-scrollbar {
    width: 10px;
  }
  .js-region-base-store-select {
    scrollbar-width: thin;
    scrollbar-color: #CFD8DC;
  }
  .js-region-base-store-select::-webkit-scrollbar-track {
    background: #920037;
  }
  .js-region-base-store-select::-webkit-scrollbar-thumb {
    background-color: #CFD8DC;
    border: 3px solid #920037;
  }
}
.js-base-store p:first-of-type {
  padding: 10px 10px 10px 40px;
}
@media (max-width: 639px) {
  .js-base-store p:first-of-type {
    padding: 20px 10px 15px 40px;
  }
}
.js-base-store {
  background: #ab0d40;
}
.js-base-store p {
  margin: 0;
  padding: 20px 10px 5px 40px;
  color: #FFF;
  font-size: 12px;
}
@media (max-width: 639px) {
  .nav-bottom .container {
    padding: 0;
  }
  .sm-navigation {
    display: table;
    width: 100%;
  }
  .sm-navigation .btn:hover,
  .sm-navigation .btn:active,
  .sm-navigation .btn:focus {
    background-color: #003359;
    box-shadow: none;
  }
  .sm-navigation.search-open {
    margin-bottom: 60px;
  }
  .sm-navigation > .container {
    display: table-row-group;
  }
  .sm-navigation > .container .row {
    display: table-row;
  }
  .sm-navigation > .container .row > div {
    border-left: 1px solid #004579;
    display: table-cell !important;
    float: none;
    padding: 0;
    width: auto;
    vertical-align: top;
  }
  .sm-navigation > .container .row > div.hidden-xs {
    display: none!important;
  }
  .sm-navigation > .container .row > div:first-child {
    border: none;
  }
  .sm-navigation > .container .row > div.site-search {
    display: none!important;
    left: 0;
    position: absolute;
    top: 100px;
    width: 100%;
    padding: 0 10px;
    border-top: 1px solid #004579;
  }
  .sm-navigation > .container .row > div.site-search.active {
    display: block!important;
  }
  .sm-navigation > .container .row > .miniCartSlot {
    border: medium none;
    display: table !important;
    width: 100%;
  }
  .sm-navigation > .container .row > .miniCartSlot > .componentContainer {
    border-left: 1px solid #004579;
    display: table-cell;
    text-align: center;
    vertical-align: top;
  }
  .sm-navigation .nav-form,
  .sm-navigation .mini-cart-link,
  .sm-navigation .mobile-menu .btn,
  .sm-navigation .mobile-search .btn,
  .sm-navigation .nav-location .btn {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .sm-navigation .nav-form:hover,
  .sm-navigation .mini-cart-link:hover,
  .sm-navigation .mobile-menu .btn:hover,
  .sm-navigation .mobile-search .btn:hover,
  .sm-navigation .nav-location .btn:hover,
  .sm-navigation .nav-form:active,
  .sm-navigation .mini-cart-link:active,
  .sm-navigation .mobile-menu .btn:active,
  .sm-navigation .mobile-search .btn:active,
  .sm-navigation .nav-location .btn:active,
  .sm-navigation .nav-form:focus,
  .sm-navigation .mini-cart-link:focus,
  .sm-navigation .mobile-menu .btn:focus,
  .sm-navigation .mobile-search .btn:focus,
  .sm-navigation .nav-location .btn:focus {
    background-color: #003359;
    color: #003359;
    text-decoration: none;
  }
  .sm-navigation .miniCartSlot span,
  .sm-navigation .nav-location .btn span {
    color: #ffffff;
  }
  .sm-navigation .nav-cart {
    position: relative;
    float: none;
    padding: 0;
  }
  .sm-navigation .mini-cart-link {
    display: block;
  }
  .sm-navigation .mini-cart-link .mini-cart-icon {
    color: #ffffff;
    left: -7px;
    top: 10px;
  }
  .sm-navigation .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
    width: 30px;
    font-size: 22px;
    position: relative;
    right: -6px;
    top: 3px;
  }
  .sm-navigation .mini-cart-link .mini-cart-count {
    font-size: 12px;
    position: absolute;
    right: 44%;
    top: -8px;
    margin: 0;
  }
  .sm-navigation .mini-cart-link .nav-items-total {
    display: inline-block;
    background-color: #003359;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    color: #ffffff;
    line-height: 25px;
  }
}
.search-box .ui-front {
  z-index: 0 !important;
}
.search-box .ui-front form {
  z-index: 0 !important;
}
.icon-header-search-close-x {
  color: #757575;
  display: none;
  position: absolute;
  right: 27px;
  top: 2px;
  width: 30px;
  height: 30px;
  background: url(../images/icon-mobile-menu-close-x.png) center center no-repeat;
  background-size: 15px;
  z-index: 102;
}
.icon-header-search-close-x > span {
  display: none;
}
@media (min-width: 1024px) {
  .icon-header-search-close-x {
    display: none !important;
  }
}
.main-header .close-nav {
  position: relative;
  z-index: 24;
}
.main-header .md-secondary-navigation {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 35px;
  text-transform: uppercase;
}
.main-header .md-secondary-navigation > ul {
  list-style: none;
  width: 100%;
  padding: 0 10px 0 10px;
  margin: 0;
}
.main-header .md-secondary-navigation > ul > li {
  color: #ffffff;
  font-size: 12px;
  line-height: 35px;
  float: right;
}
.main-header .md-secondary-navigation > ul > li:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 66%;
  float: left;
  overflow: hidden;
}
.main-header .md-secondary-navigation > ul > li:first-child:before {
  content: "Browsing: ";
}
@media (min-width: 320px) {
  .main-header .md-secondary-navigation > ul > li:first-child:before {
    content: "Your Region: ";
  }
}
.main-header .md-secondary-navigation > ul > li:first-child:after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 19px;
  background: url(../images/pnp-spritemap-hi-res.png) 0 -19px no-repeat;
  background-size: 120px;
  top: 8px;
  position: relative;
}
.main-header .md-secondary-navigation > ul > li:first-child + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 5px 0 10px;
  background: #ffffff;
}
.main-header .md-secondary-navigation > ul > li:first-child + li.header-accordion:before {
  display: none;
}
.main-header .md-secondary-navigation > ul > li > a {
  color: #ffffff;
  display: inline;
  text-decoration: underline;
}
.main-header .md-secondary-navigation > ul > li > a:hover {
  color: #f598a4;
  text-decoration: underline;
}
.main-header .bottom-sec {
  position: relative;
  padding: 7px 10px 7px 10px;
}
.main-header .bottom-sec .headerLinks-icons {
  position: relative;
  display: block;
  height: 36px;
  overflow: visible;
  background: url("../images/header-icons.png") 0 0 no-repeat;
}
.main-header .bottom-sec .headerLinks-icons a {
  display: block;
  width: 36px;
  height: 36px;
  color: #757575;
  line-height: 6;
  text-align: center;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 10px;
}
.main-header .bottom-sec .headerLinks-icons#headerLinks-icons-delivery {
  background: url(../images/Delivery-header-icon.svg) top center no-repeat;
  width: 36px;
  font-weight: 600;
}
.main-header .bottom-sec .headerLinks-icons#headerLinks-icons-myTrolley {
  width: 36px;
  background: url(../images/trolley-header-icon.svg) 3px 0 no-repeat;
  height: 21px;
}
.main-header .bottom-sec .headerLinks-icons#headerLinks-icons-myTrolley a {
  width: 36px;
  height: 36px;
  padding-top: 1px;
  font-weight: 600;
  color: #757575;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 10px;
}
.main-header .bottom-sec .headerLinks-icons#headerLinks-icons-myTrolley .myTrolley-counter {
  color: #ffffff;
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 3px;
  width: 14px;
  height: 14px;
  box-sizing: content-box;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background-color: #b9154a;
  overflow: hidden;
}
.main-header .bottom-sec .headerLinks-icons#headerLinks-icons-myTrolley .myTrolley-counter.myTrolley-counter__two {
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.main-header .bottom-sec .headerLinks-icons#headerLinks-icons-myTrolley .myTrolley-counter.myTrolley-counter__three {
  width: 18px;
  height: 14px;
  line-height: 14px;
}
.main-header .bottom-sec > div {
  float: right;
}
.main-header .bottom-sec > div.pnp-logo {
  float: left;
}
.main-header .bottom-sec > div.pnp-logo a {
  position: relative;
  z-index: 24;
}
.main-header .bottom-sec > div.pnp-logo img {
  width: 100%;
  padding-right: 32px;
  height: auto;
}
@media (max-width: 640px) {
  .main-header .bottom-sec > div.pnp-logo img {
    padding-right: 16px;
  }
}
.main-header .bottom-sec > div.search-box {
  position: relative;
  display: block !important;
  padding: 0;
  background: none;
  float: none;
  left: 0;
  top: 0;
  width: 100%;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete {
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
  width: auto !important;
  padding-left: 0;
  margin: 0 46px 0 0;
  background: #ffffff;
  border: 1px solid #e2e3e5;
  border-top: transparent;
  box-shadow: 0 1000px 0 1000px #FFFFFF;
  z-index: 1000;
}
@media (max-width: 480px) {
  .main-header .bottom-sec > div.search-box ul.ui-autocomplete {
    max-width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 640px) {
  .main-header .bottom-sec > div.search-box ul.ui-autocomplete {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .main-header .bottom-sec > div.search-box ul.ui-autocomplete {
    max-width: 450px;
    width: 450px !important;
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > div.search-box ul.ui-autocomplete {
    margin: 0;
    box-shadow: none;
    max-width: 450px;
    width: 450px !important;
  }
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li {
  display: block;
  width: 100%;
  padding: 10px;
  border-top: 1px solid #e5e5e5;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li:hover {
  margin: 0 !important;
  background: #f2f2f2;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li a {
  display: table;
  width: 100%;
  text-decoration: none;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li .thumb {
  vertical-align: middle;
  display: table-cell;
  padding: 0 10px 0 0;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li .name {
  vertical-align: middle;
  display: inline-block;
  padding: 10px;
  width: 75%;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 13px;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li .thumb + .name {
  padding: 0 10px 0 10px;
}
.main-header .bottom-sec > div.search-box ul.ui-autocomplete li .price {
  vertical-align: middle;
  display: inline-block;
  padding: 10px;
  float: right;
}
.main-header .bottom-sec > div.search-box input {
  height: 36px;
  border: 1px solid #cccccc !important;
  border-right: none !important;
  box-shadow: none;
  padding: 5px 10px;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  background: #FFF;
}
@media (min-width: 480px) {
  .main-header .bottom-sec > div.search-box input {
    box-shadow: none !important;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
  }
}
.main-header .bottom-sec > div.search-box input::placeholder {
  color: #CCCCCC !important;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
}
@media (max-width: 640px) {
  .main-header .bottom-sec > div.search-box input::placeholder {
    font-size: 12px;
  }
}
.main-header .bottom-sec > div.search-box button.btn.btn-link {
  color: #cccccc;
  width: 36px;
  height: 36px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #cccccc !important;
  border-left: none !important;
  border-top-right-radius: 18px !important;
  border-bottom-right-radius: 18px !important;
}
@media (min-width: 480px) {
  .main-header .bottom-sec > div.search-box button.btn.btn-link {
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
  }
}
.main-header .bottom-sec > div.search-box button.btn.btn-link .glyphicon-search {
  font-size: 16px;
  top: 3px;
  color: #A70240;
}
@media (min-width: 480px) {
  .main-header .bottom-sec > div.search-box button.btn.btn-link .glyphicon-search {
    margin-top: 5px;
    top: 1px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > div.search-box {
    position: relative;
    display: block !important;
    padding: 0;
    background: none;
    float: none;
    z-index: 1;
  }
}
.main-header .bottom-sec > div.reorder-button {
  display: none;
  margin-left: 10px;
  z-index: 22;
  position: relative;
}
.main-header .bottom-sec > div.reorder-button > div {
  width: auto;
  padding: 0;
}
.main-header .bottom-sec > div.reorder-button > div a {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  display: block;
  width: 190px;
  height: 36px;
  background: #3374b6;
}
.main-header .bottom-sec > div.reorder-button > div a:before {
  content: "";
  vertical-align: sub;
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 10px;
  background: url("../images/header-icons.png") -38px -102px no-repeat;
  background-size: 135px;
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > div.reorder-button {
    display: block;
    z-index: 22;
    margin-left: 32px;
  }
}
.main-header .bottom-sec > div.shopping-lists-button {
  display: none;
  margin: 0 10px 0 10px;
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > div.shopping-lists-button {
    margin: 0 32px 0 10px;
  }
}
.main-header .bottom-sec > div.shopping-lists-button > div {
  width: auto;
  padding: 0;
}
.main-header .bottom-sec > div.shopping-lists-button > div a {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  display: block;
  width: 190px;
  height: 36px;
  background: #13375a;
}
.main-header .bottom-sec > div.shopping-lists-button > div a:before {
  content: "";
  vertical-align: sub;
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 10px;
  background: url("../images/header-icons.png") 0 -112px no-repeat;
  background-size: 109px;
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > div.shopping-lists-button {
    display: block;
    position: relative;
    z-index: 25;
  }
}
.main-header .bottom-sec > div.store-locator-button {
  display: none;
}
.main-header .bottom-sec > a.pnp-icon-search-btn2 {
  color: #757575;
  font-size: 24px;
  text-align: center;
  float: right;
  width: 36px;
  height: 36px;
  padding-top: 5px;
  margin-right: 5px;
}
.main-header .bottom-sec > a.pnp-icon-search-btn2 > span {
  display: none;
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > a.pnp-icon-search-btn2 {
    display: none;
  }
}
.main-header .bottom-sec > div.truck-button {
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 25;
}
@media (max-width: 480px) {
  .main-header .bottom-sec > div.truck-button {
    margin-left: 0 !important;
  }
}
@media (max-width: 1024px) {
  .main-header .bottom-sec > div.truck-button {
    margin-left: 15px;
  }
}
.main-header .bottom-sec > div.cart-button {
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 25;
  margin-left: 5px;
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > div.cart-button {
    margin-left: 15px;
  }
}
.main-header .bottom-sec > ul.sticky-nav-top {
  width: 36px;
  height: 36px;
  float: right;
  padding: 0;
  margin: 0 -10px 0 5px;
}
.main-header .bottom-sec > ul.sticky-nav-top .js-toggle-sm-navigation.btn {
  color: dimgray;
  font-size: 24px;
  padding: 0;
  border: none;
}
@media (min-width: 1024px) {
  .main-header .bottom-sec > ul.sticky-nav-top {
    display: none;
  }
}
.main-header > div.headerLinks-icons#headerLinks-icons-searchB2b {
  text-align: center;
  position: absolute;
  top: 35px;
  width: 100%;
  display: none;
}
@media (min-width: 1024px) {
  .main-header > div.headerLinks-icons#headerLinks-icons-searchB2b {
    top: 85px;
  }
}
.main-header > div.headerLinks-icons#headerLinks-icons-searchB2b > span {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 0 auto;
}
.main-header > div.headerLinks-icons#headerLinks-icons-searchB2b > span > a {
  color: #ffffff !important;
  font-family: "pnpFont";
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  display: block;
  position: absolute;
  right: 160px;
  top: 7px;
  width: 45px;
  height: 36px;
  padding: 2px 0 0 45px;
  background: #ffffff url("../images/icon-b2b-discount-dark.png") 10px 3px no-repeat;
  background-size: 30px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 100;
}
.main-header > div.headerLinks-icons#headerLinks-icons-searchB2b > span > a:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .main-header > div.headerLinks-icons#headerLinks-icons-searchB2b > span > a {
    right: 10px;
    top: 0;
    width: 205px;
    height: 39px;
    padding: 4px 0 0 45px;
    background: #616161 url("../images/icon-b2b-discount-light.png") 10px 7px no-repeat;
    background-size: 26px;
  }
}
.headerBalances-orderModification {
  color: #ffffff;
  line-height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 35px;
  padding-left: 10px;
  background: #000000;
}
.headerBalances-orderModification > a {
  color: #ffffff;
  line-height: normal;
  display: inline-block !important;
  border: 1px solid #ffffff;
  padding: 2px 6px 1px 6px;
  margin-left: 10px;
}
.headerBalances-orderModification > a:hover,
.headerBalances-orderModification > a:focus {
  color: #ffffff !important;
  text-decoration: none;
}
.headerBalances-orderModification + .headerBalances-orderModification {
  display: none;
}
@media (min-width: 1024px) {
  .headerBalances-orderModification {
    display: none;
  }
  .headerBalances-orderModification + .headerBalances-orderModification {
    display: block;
  }
}
@media (max-width: 640px) {
  .site-logo .simple-banner-component a {
    text-align: center;
  }
  .main-header .site-logo {
    padding: 5px 0 0 11px;
  }
  .site-search > .ui-front {
    padding: 10px 0px 7px 0px;
  }
  .site-search > .ui-front > form {
    margin-top: -65px;
  }
}
@media (min-width: 650px) {
  header .site-search .ui-front form {
    margin-top: -51px;
  }
}
@media (min-width: 650px) {
  header .site-search .ui-front form {
    margin-top: -51px;
  }
}
@media (min-width: 1024px) {
  header .site-search .ui-front form {
    margin-top: 0px;
  }
}
.amendPromotionalMessage {
  display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.amendPromotionalMessage a {
  display: inline-block !important;
  text-decoration: underline;
  color: #FFF;
}
.amendPromotionalMessageMobile {
  display: none;
}
@media (max-width: 640px) {
  .amendPromotionalMessageMobile {
    display: inline-block;
    color: #FFF;
    position: relative;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .amendPromotionalMessageMobile a {
    display: inline-block !important;
    text-decoration: underline;
    color: #FFF;
  }
}
.site-search .input-group {
  margin-top: 10px;
  height: 37px;
  border: 0;
  min-height: 37px;
}
.site-search .input-group .form-control {
  height: 40px;
  border: 1px solid #cccccc !important;
  border-right: 0;
}
.site-search .input-group .btn {
  padding: 0;
}
.main-header .nav-top {
  border: none;
}
.site-search .input-group .input-group-btn {
  border: 1px solid #cccccc;
  border-left: 0;
  height: 40px;
}
@media (min-width: 1024px) {
  .site-search .input-group {
    width: auto;
  }
}
.headerLinks {
  margin-top: 10px;
  padding-left: 0;
  z-index: 9;
}
@media (max-width: 1024px) {
  .headerLinks {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 0;
  }
}
.headerLinks-iconsContainer {
  height: 36px;
  padding: 0;
  margin: 0;
  float: right;
}
@media (max-width: 1024px) {
  .headerLinks-iconsContainer {
    width: auto;
    text-align: right;
  }
}
:focus {
  outline: 0 !important;
  outline: none !important;
  border: none;
}
.header-accordion #header-nav-dropdown.ui-accordion {
  background: none;
}
.header-accordion #header-nav-dropdown h3.ui-accordion-header {
  color: #ffffff;
  font-family: "pnpFont";
  font-size: 12px;
  line-height: 35px;
  text-align: right;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  width: auto;
  padding: 0 23px 0 0;
  margin: 0;
  background-color: transparent;
}
.header-accordion #header-nav-dropdown h3.ui-accordion-header > span {
  display: none;
}
.header-accordion #header-nav-dropdown h3.ui-accordion-header > span + span {
  display: block;
}
@media (min-width: 1024px) {
  .header-accordion #header-nav-dropdown h3.ui-accordion-header > span {
    display: block;
  }
  .header-accordion #header-nav-dropdown h3.ui-accordion-header > span + span {
    display: none;
  }
}
.header-accordion #header-nav-dropdown h3.ui-accordion-header .loyalty-accordion-icon-left {
  display: none;
}
.header-accordion #header-nav-dropdown h3.ui-accordion-header .loyalty-accordion-icon-right {
  display: block;
  position: absolute;
  right: 0;
  top: 13px;
  width: 13px;
  height: 7px;
  overflow: hidden;
  background: url(../images/pnp-spritemap-hi-res.png) -5px -24px no-repeat;
  background-size: 123px;
}
.loyalty-accordion-sub-heading {
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
}
.reason-Link-Loyalty-Card-Prompt-btn {
  height: 34px !important;
}
.reason-Link-Loyalty-Card-Prompt-btn span {
  font-weight: bold;
  font-size: 15px;
  padding-top: 3px;
  display: block;
}
.reason-Link-Loyalty-Card-Prompt {
  color: #575757;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.orderAmendMode .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container {
  background: #000000;
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container {
  position: absolute;
  right: 0;
  width: 100%;
  padding: 0 10px 0 10px;
  margin: 0;
  background-color: #b9154a;
  border: none;
  overflow: scroll;
  z-index: 1000;
}
@media (min-width: 1024px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container {
    width: 250px;
    overflow: hidden;
  }
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom {
  text-align: left;
  margin: 0px;
  border-top: 1px solid #bb5a77;
  padding-left: 10px;
  padding-bottom: 10px;
}
@media (min-width: 640px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom {
    padding-bottom: 0;
  }
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom:before {
  display: none;
  content: "";
  width: 50%;
  height: 1px;
  margin: 10px auto 10px auto;
  background: #ffffff;
}
@media (min-width: 1024px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom:before {
    width: 100%;
    margin: 20px 0 20px 0;
  }
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom a {
  font-size: 12px;
  display: block;
  margin-top: 15px;
}
@media (min-width: 640px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom {
    margin: 10px 0 10px 0;
    border: none;
  }
}
@media (min-width: 1024px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item-bottom {
    text-align: left;
  }
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container a {
  color: #ffffff;
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container a:hover {
  color: #f5989c;
}
.header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item a {
  text-align: left;
  margin: 0px;
  border-top: 1px solid #bb5a77;
  padding-left: 10px;
  display: block;
  width: 100%;
  font-size: 12px;
}
@media (min-width: 640px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item a {
    margin: 20px 0 20px 0;
    border: none;
  }
}
@media (min-width: 1024px) {
  .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container .header-accordion-links-item a {
    text-align: left;
  }
}
/*--- basestore message ---*/
.headerBasestoreMessageContainer {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
}
.headerBasestoreMessageContainer > span:first-child:before {
  content: "Browsing: ";
}
@media (min-width: 414px) {
  .headerBasestoreMessageContainer > span:first-child:before {
    content: "You are browsing: ";
  }
}
.orderAmendMode .main-header .md-secondary-navigation > ul > li:first-child:after {
  display: none;
}
.orderAmendMode .headerBasestoreMessageContainer {
  display: none;
}
/*global alert*/
.global-alerts {
  position: absolute;
  z-index: 9999;
  width: 100%;
}
.alert-warning,
.alert-danger,
.alert-info {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #ffffff;
  font-size: 14px;
}
.global-alerts .close {
  position: absolute;
  top: 10px;
  background: transparent;
  color: #797979;
  padding: 10px;
  font-size: 0 !important;
  background: url(../images/icon-cross.png) 0 0 no-repeat;
  border: 1px solid #fff !important;
  background-position: 5px 5px;
  cursor: pointer;
  opacity: 1;
  text-shadow: none;
  top: 13px;
  right: 13px;
}
.template-pages-layout-landingLayout2Page .iframecomponent iframe {
  width: 100% !important;
}
/*
    This next block is an awful kludge intended to hide the Smart Shopper and Delivery
    widgets when in mobile view. Presently, the right-hand column is hidden on all pages
    in mobile view, with the unintended consequence of hiding all content iframes as well.
    This definitely needs a relook.
*/
@media (max-width: 1023px) {
  div.main-content > div.col-xs-12.col-md-3.col-md-push-9 {
    display: none;
  }
  .page-homepage div.main-content > div.col-xs-12.col-md-3.col-md-push-9 {
    display: block !important;
    margin-top: 15px;
  }
  .page-homepage div.main-content > div.col-xs-12.col-md-3.col-md-push-9 .mini-smart-shopper {
    display: block !important;
    margin-top: 15px;
  }
  .mini-smart-shopper {
    display: none;
  }
}
/**** sticky nav mobile **********/
.nav-top.sticky-header-mobile {
  position: fixed;
  background: #ffffff;
  width: 100%;
}
.headerLinksContainer.sticky-header-mobile {
  height: 11px;
}
.nav-bottom.sticky-header-mobile {
  width: 100%;
  position: fixed;
}
.headerLinks-iconsContainer.sticky-header-mobile {
  height: 7px;
}
.page-recipe-landing-page .carousel-rotating-banner.sticky-header-mobile {
  margin-top: inherit;
}
.template-pages-layout-landingLayout2Page main .main-content.sticky-header-mobile {
  margin-top: inherit;
}
main .main-content.sticky-header-mobile {
  margin-top: 200px;
}
main > div .container.sticky-header-mobile {
  margin-top: 200px;
}
.template-pages-category-categoryPage main .main-content.sticky-header-mobile {
  margin-top: inherit;
}
/**** sticky nav mobile **********/
.nav-top.sticky-header-tablet {
  position: fixed;
  background: #fff;
  width: 100%;
  padding-bottom: 0px;
}
.sticky-header-tablet .headerLinksContainer {
  display: block;
  height: 0px;
}
.nav-bottom.sticky-header-tablet {
  width: 100%;
  position: fixed;
  background: #fff;
  display: none;
}
.headerLinks-iconsContainer.sticky-header-tablet {
  height: 0;
}
.carousel-rotating-banner.sticky-header-tablet {
  margin-top: 110px;
}
.template-pages-layout-landingLayout2Page main .main-content.sticky-header-tablet {
  margin-top: inherit;
}
main .main-content.sticky-header-tablet {
  margin-top: 200px;
}
main > div .container.sticky-header-tablet {
  margin-top: 200px;
}
.template-pages-category-categoryPage main .main-content.sticky-header-tablet {
  margin-top: inherit;
}
/**** sticky nav desktop **********/
.nav-top.sticky-header-desktop {
  position: fixed;
  background: #fff;
  width: 100%;
  padding-bottom: 10px;
}
.headerLinksContainer.sticky-header-desktop {
  display: none;
}
/*burger button*/
.nav-top .sticky-nav-top.sticky-header-desktop {
  display: none;
}
.nav-top .headerLinks-iconsContainer.sticky-header-desktop {
  display: none;
}
.nav-bottom.sticky-header-desktop {
  width: 100%;
  position: fixed;
  background: #fff;
}
.headerLinks-iconsContainer.sticky-header-desktop {
  display: none;
}
.template-pages-layout-landingLayout2Page .nav-bottom.sticky-header-desktop {
  display: none;
}
.template-pages-category-categoryPage .nav-bottom.sticky-header-desktop {
  display: none;
}
.carousel-rotating-banner.sticky-header-desktop {
  margin-top: 0px;
}
.template-pages-layout-landingLayout2Page main .main-content.sticky-header-desktop {
  margin-top: inherit;
}
main .main-content.sticky-header-desktop {
  margin-top: 100px;
}
main > div .container.sticky-header-desktop {
  margin-top: 100px;
}
.template-pages-category-categoryPage main .main-content.sticky-header-desktop {
  margin-top: inherit;
}
/*
.headernav-left {
	@media (min-width: 268px) {
		width: 158px;
		height: 40px;
	}
	@media (min-width: 640px) {
		width: 50%;
		height: 51px;
	}
	@media (min-width: @screen-md) {
			width: 53%;
			padding-right: 0;
	}
	.headernav-logo {
		@media (min-width: @screen-md) {
			width: 36%;
		}
	}
	.site-search {
		@media (min-width: 320px) {
			width: 186%;
		}
		@media (min-width: 360px) {
			width: 216%;
		}
		@media (min-width: 411px) {
			width: 256%;
		}
		@media (min-width: 568px) {
			width: 366%;
		}
		@media (min-width: @screen-sm) {
			width:191%;
		}
		@media (min-width: @screen-md) {
			width: 64%;
		}
	}
}
*/
/*
.headerLinksContainer {
  z-index: 9999;

	@media (min-width: @screen-md) {
			width: 47%;
			padding-left: 5px;
	}
	.headerLinks {
	  @media (min-width: @screen-md) {
	    margin-top: 10px;
	    width: 86%;
	  }
	}
	.headerLinks-iconsContainer {
		@media (min-width: 640px) {
			margin-top: -64px;
		}
		@media (min-width: 769px) {
			margin-top: -66px;
		}

		@media (min-width: @screen-md) {
			width: 14%;
			margin: 0px;
			width: auto;
		}
		.headerLinks-icons {
			@media (min-width: @screen-md) {
			        margin-top: 0;
			        margin-left: 0;
			}
			@media (max-width: 768px) {
				background-size: 80%;
				height: 30px;
				margin-left:0px;
			}
		}
	}
}
*/
.template-pages-category-categoryPage {
  /*
	.headerLinksContainer .headerLinks-iconsContainer {
		@media (min-width: @screen-sm) and (max-width: 641px) {
			margin-bottom: 10px;
		}
	}
	*/
}
@media (min-width: 640px) and (max-width: 641px) {
  .template-pages-category-categoryPage .headerLinks-icons {
    margin-top: 15px;
  }
}
.nav-header-divider {
  width: 2px;
  display: block;
  position: absolute;
  right: 122px;
  color: #fff;
  top: 8px;
}
@media (min-width: 568px) {
  .nav-header-divider {
    right: 170px;
  }
}
@media (min-width: 768px) {
  .nav-header-divider {
    left: 1px;
  }
}
@media (min-width: 640px) {
  .main-header > div.headerLinks-icons#headerLinks-icons-searchB2b {
    display: block !important;
  }
}
/*------------- Styling for B2B user group -------------*/
.user-group-b2b .main-header .nav-middle,
.user-group-b2b .main-header .md-secondary-navigation ul li a,
.user-group-b2b .main-header .header-accordion #header-nav-dropdown h3.ui-accordion-header,
.user-group-b2b .main-header .header-accordion #header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container {
  background-color: #153a59;
}
.user-group-b2b .main-header .md-secondary-navigation ul li a:hover {
  color: #3374b6;
}
.user-group-b2b .main-header .bottom-sec > div.pnp-logo,
.user-group-b2b .main-header .bottom-sec > div.pnp-logo img {
  padding-top: 5px;
  width: 105px;
  max-width: 105px;
}
@media (min-width: 360px) {
  .user-group-b2b .main-header .bottom-sec > div.pnp-logo,
  .user-group-b2b .main-header .bottom-sec > div.pnp-logo img {
    width: 145px;
    max-width: 145px;
  }
}
@media (min-width: 411px) {
  .user-group-b2b .main-header .bottom-sec > div.pnp-logo,
  .user-group-b2b .main-header .bottom-sec > div.pnp-logo img {
    width: 188px;
    max-width: 188px;
  }
}
@media (min-width: 568px) {
  .user-group-b2b .main-header .bottom-sec > div.pnp-logo,
  .user-group-b2b .main-header .bottom-sec > div.pnp-logo img {
    padding-top: 0px;
    width: 275px;
    max-width: 275px;
  }
}
/* Mobile media */
@media screen and (max-width: 1179px) {
  .desktop-media {
    display: none !important;
  }
}
@media screen and (min-width: 1180px) {
  .mobile-media {
    display: none !important;
  }
}
.countdown-timer img {
  display: block !important;
}
div.countdown-panel-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  padding-top: 10px !important;
  zoom: 0.5;
}
@media (min-width: 1024px) {
  div.countdown-panel-container {
    zoom: 1;
  }
}
div.countdown-panel-container > div:first-child {
  color: #ffffff;
  font-family: "pnpFontMedium";
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  div.countdown-panel-container > div:first-child {
    font-size: 60px;
  }
}
div.countdown-panel-container > div.countdown-panel {
  display: inline-block;
}
div.countdown-panel-container > div.countdown-panel + div.countdown-panel {
  margin-left: 10px;
}
div.countdown-panel-container > div.countdown-panel + div.countdown-panel:before {
  content: "";
  position: absolute;
  left: -21px;
  top: 45px;
  display: block;
  width: 26px;
  height: 11px;
  background: #ffffff;
  border: 3px solid #000000;
  border-radius: 5px;
  z-index: 1;
}
div.countdown-panel {
  font-family: "pnpFontMedium";
  position: relative;
  width: 106px;
  height: 106px;
  border: 3px solid #ffffff;
  border-radius: 8px;
  perspective: 300px;
}
div.countdown-panel:after {
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin-top: 120px;
}
@media (min-width: 1024px) {
  div.countdown-panel:after {
    font-size: 20px;
  }
}
div.countdown-panel.days:after {
  content: "Days";
}
div.countdown-panel.hours:after {
  content: "Hours";
}
div.countdown-panel.minutes:after {
  content: "Minutes";
}
div.countdown-panel.seconds:after {
  content: "Seconds";
}
div.countdown-panel > div.glyph {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
div.countdown-panel > div.glyph > div {
  color: #ffffff;
  font-size: 30px;
  line-height: 100px;
  text-align: center;
}
@media (min-width: 640px) {
  div.countdown-panel > div.glyph > div {
    font-size: 30px;
    line-height: 100px;
  }
}
@media (min-width: 1024px) {
  div.countdown-panel > div.glyph > div {
    font-size: 50px;
    line-height: 110px;
  }
}
div.countdown-panel > div.glyph.current {
  top: 50px;
  width: 100px;
  height: 50px;
  background: #000000;
}
div.countdown-panel > div.glyph.current > div {
  margin-top: -15px;
  font-size: 30px;
  line-height: 35px;
}
@media (min-width: 640px) {
  div.countdown-panel > div.glyph.current > div {
    font-size: 30px;
    line-height: 75px;
    margin-top: -30px;
  }
}
@media (min-width: 1024px) {
  div.countdown-panel > div.glyph.current > div {
    font-size: 50px;
    line-height: 50px;
    margin-top: -20px;
  }
}
div.countdown-panel > div.glyph.next {
  background: #000000;
}
div.countdown-panel > div.flipper {
  position: absolute;
  left: -3px;
  top: -3px;
  width: 106px;
  height: 53px;
  background: #000000;
  border: 3px solid #ffffff;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  transform-origin: bottom center;
  transform-style: preserve-3d;
}
div.countdown-panel > div.flipper.flip {
  transition: transform 0.5s ease-in;
  transform: rotateX(-180deg);
}
div.countdown-panel > div.flipper > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 50px;
  overflow: hidden;
  backface-visibility: hidden;
}
div.countdown-panel > div.flipper > div > div {
  color: #ffffff;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  margin-top: 35px;
}
@media (min-width: 640px) {
  div.countdown-panel > div.flipper > div > div {
    font-size: 30px;
    line-height: 75px;
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  div.countdown-panel > div.flipper > div > div {
    font-size: 50px;
    line-height: 50px;
    margin-top: 30px;
  }
}
div.countdown-panel > div.flipper > div.back {
  transform: rotateX(180deg);
}
div.countdown-panel > div.flipper > div.back > div {
  margin-top: -40px;
}
@media (min-width: 640px) {
  div.countdown-panel > div.flipper > div.back > div {
    margin-top: -50px;
  }
}
.page-headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
}
@media (max-width: 639px) {
  .page-headline {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 25px;
}
.btn {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  line-height: normal;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn-icon {
  padding-left: 83px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 25px;
  top: 9px;
  left: 20px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 65px;
  top: -3px;
  border-right: 3px solid currentColor;
  height: 48px;
}
:hover.btn-icon:after {
  border-right-width: 3px;
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-default {
  border: 3px solid;
  color: #ffffff;
  background-color: #b9154a;
  border-color: #b9154a;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #ffffff;
  background-color: #f9d4b4;
  border-color: #f9d4b4;
}
.btn-default .badge {
  color: #b9154a;
  background-color: #ffffff;
}
.btn-primary {
  border: 3px solid;
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #ffffff;
  background-color: #c7e9e7;
  border-color: #c7e9e7;
}
.btn-primary .badge {
  color: #003359;
  background-color: #ffffff;
}
/* --- btn-primary-productview --- */
.btn-default.btn-default-productview,
.btn-default.btn-default-productview:active,
.btn-default.btn-default-pink,
.btn-default.btn-default-pink:active,
.btn-default.btn-default-yellow,
.btn-default.btn-default-yellow:active {
  border: none;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  /*padding: 8px 30px;*/
  padding: 10px 20px;
  transition: all 0.2s linear;
  background-color: #b9154a;
  height: 38px;
  position: relative;
}
.btn-default.btn-default-productview:hover,
.btn-default.btn-default-pink:hover,
.headerLinks-btnsContainer .headerLinks-btns#HeaderButtonSlot1 a:hover {
  background-color: #c40c52;
}
.btn-default.btn-default-yellow,
.btn-default.btn-default-yellow:active {
  background-color: #fcac00;
}
.btn-default.btn-default-yellow:hover {
  background-color: #e39b00;
}
/* --- btn-primary-blue --- */
.btn-primary.btn-primary-blue,
.btn-primary.btn-primary-blue:active {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none;
  font-size: 14px;
  padding: 10px 20px;
  margin-bottom: 20px;
  transition: all 0.2s linear;
  background-color: #153a59;
  position: relative;
  height: 38px;
}
.btn-primary.btn-primary-blue:hover {
  background-color: #003359;
}
/* shorter/wider in tables */
td .btn-default.btn-default-productview,
td .btn-default.btn-default-productview:active,
td .btn-default.btn-default-pink,
td .btn-default.btn-default-pink:active,
td .btn-primary.btn-primary-blue,
td .btn-primary.btn-primary-blue:active {
  margin-bottom: 0px !important;
}
/* --- btn-default-white --- */
.btn.btn-default-white,
.btn.btn-default-white:hover,
.btn.btn-default-white:focus,
.btn.btn-default-white:active {
  border: 1px solid #cccccc !important;
  color: #19212b;
  font-size: 13px;
  padding: 10px 15px;
  margin-bottom: 5px;
  transition: all 0.2s linear;
  background-color: #FFFFFF;
  position: relative;
}
.btn.btn-default-white:hover {
  color: #c40c52;
}
/* --- btn-secondary-whitered --- */
/* --- btn-secondary-whiteblue --- */
.btn.btn-secondary-whitered,
.btn.btn-secondary-whitered:hover,
.btn.btn-secondary-whitered:focus,
.btn.btn-secondary-whitered:active,
.btn.btn-secondary-whiteblue,
.btn.btn-secondary-whiteblue:hover,
.btn.btn-secondary-whiteblue:focus,
.btn.btn-secondary-whiteblue:active,
.btn.btn-secondary-whitegrey,
.btn.btn-secondary-whitegrey:hover,
.btn.btn-secondary-whitegrey:focus,
.btn.btn-secondary-whitegrey:active {
  border: 1px solid #b9154a;
  color: #b9154a;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  padding: 9px 15px;
  margin-bottom: 5px;
  transition: all 0.2s linear;
  background-color: #FFFFFF;
  position: relative;
}
.btn.btn-secondary-whiteblue,
.btn.btn-secondary-whiteblue:hover,
.btn.btn-secondary-whiteblue:focus,
.btn.btn-secondary-whiteblue:active {
  border: 1px solid #153a59;
  color: #153a59;
}
.btn.btn-secondary-whitegrey,
.btn.btn-secondary-whitegrey:hover,
.btn.btn-secondary-whitegrey:focus,
.btn.btn-secondary-whitegrey:active {
  border: 1px solid #575757 !important;
  color: #575757;
}
/* --- btn-secondary-whiteout --- */
.btn.btn-secondary-whiteout,
.btn.btn-secondary-whiteout:hover,
.btn.btn-secondary-whiteout:focus,
.btn.btn-secondary-whiteout:active {
  border: 1px solid #FFF !important;
  color: #FFF;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  padding: 10px 15px;
  margin-bottom: 5px;
  transition: all 0.1s linear;
  background: none;
  position: relative;
}
.btn.btn-secondary-whiteout:hover {
  color: #575757;
  background: #FFFFFF;
}
/* --- btn-secondary-whiteloyalty --- */
.btn.btn-secondary-whiteloyalty,
.btn.btn-secondary-whiteloyalty:hover,
.btn.btn-secondary-whiteloyalty:focus,
.btn.btn-secondary-whiteloyalty:active {
  border: none !important;
  color: #3374b6;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  padding: 10px 15px;
  margin-bottom: 5px;
  transition: all 0.1s linear;
  background: #FFF;
  position: relative;
}
.btn.btn-secondary-whiteloyalty:hover {
  color: #FFF;
  background: #153758;
}
/* --- btn-inactive --- */
.btn.btn-inactive,
.btn.btn-inactive:hover,
.btn.btn-inactive:focus,
.btn.btn-inactive:active {
  border: 1px solid #575757 !important;
  color: #575757;
  font-size: 13px;
  padding: 10px 15px;
  margin-bottom: 5px;
  background-color: #FFFFFF;
  cursor: default;
  position: relative;
}
/* --- full width --- */
.btn.btn-fullwidth,
.btn.btn-fullwidth:active,
.btn.btn-fullwidth:hover,
.btn.btn-fullwidth:focus {
  width: 100%;
  margin-bottom: 4px;
  /*padding: 7px;*/
}
/* custom button styles */
.btn-custom {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  transition: all 0.2s linear;
  height: 30px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}
.btn-custom.btn-custom-green a {
  color: #fff;
}
.btn-custom.btn-custom-green,
.btn-custom.btn-custom-green:hover {
  background-color: #63b646;
}
.btn-custom.btn-custom-green,
.btn-custom.btn-custom-green:active {
  background-color: #52ae32;
  color: #fff;
}
.btn-custom.btn-custom-pink,
.btn-custom.btn-custom-pink:active {
  background-color: #b9144a;
  color: #fff;
}
.btn-custom.btn-custom-pink:hover {
  background-color: #c40c52;
  color: #fff;
}
.btn-custom.btn-custom-blue,
.btn-custom.btn-custom-blue:active {
  background-color: #13375a;
  color: #fff;
}
.btn-custom.btn-custom-blue:hover {
  background-color: #153a59;
  color: #fff;
}
.btn-custom.btn-custom-black,
.btn-custom.btn-custom-black:active {
  background-color: #000000;
  color: #fff;
}
.btn-custom.btn-custom-black:hover {
  background-color: #333333;
  color: #fff;
}
.btn-custom.btn-custom-disabled,
.btn-custom.btn-custom-disabled:active,
.btn-custom.btn-custom-disabled:hover {
  background-color: #b7b7b7;
}
.btn-custom.btn-custom-pink-border,
.btn-custom.btn-custom-pink-border:active,
.btn-custom.btn-custom-pink-border:visited,
.btn-custom.btn-custom-pink-border:focus {
  background-color: #fff;
  color: #b9144a;
  border: 1px solid #b9144a !important;
}
.btn-custom.btn-custom-pink-border:hover {
  background-color: #b9144a;
  color: #fff;
}
.btn-custom.btn-custom-blue-border,
.btn-custom.btn-custom-blue-border:active,
.btn-custom.btn-custom-blue-border:visited,
.btn-custom.btn-custom-blue-border:focus {
  background-color: #fff;
  color: #13375a;
  border: 1px solid #13375a !important;
}
.btn-custom.btn-custom-blue-border:hover {
  background-color: #13375a;
  color: #fff;
  border: 1px solid #13375a;
}
.btn-custom.btn-custom-black-border,
.btn-custom.btn-custom-black-border:active,
.btn-custom.btn-custom-black-border:visited,
.btn-custom.btn-custom-black-border:focus {
  background-color: #fff;
  color: #000000;
  border: 1px solid #000000 !important;
}
.btn-custom.btn-custom-black-border:hover {
  background-color: #000000;
  color: #fff;
}
.btn-custom.btn-custom-white-border,
.btn-custom.btn-custom-white-border:active,
.btn-custom.btn-custom-white-border:visited,
.btn-custom.btn-custom-white-border:focus {
  background: transparent;
  color: #fff;
  border: 1px solid #fff !important;
}
.btn-custom.btn-custom-white-border:hover {
  background-color: #fff;
  color: #4c4c4c;
}
.btn-li .btn-lineHeight24 {
  line-height: 24px !important;
}
/* custom green checkout button styles */
.btn-custom-green-homepage-checkout {
  background-color: #52ae32;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  margin-right: 2% !important;
}
.btn-custom-green-homepage-checkout:active {
  background-color: #499a2c;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  margin-right: 2% !important;
}
.btn-custom-green-homepage-checkout:hover {
  background-color: #499a2c;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  margin-right: 2% !important;
}
.btn-custom-green-homepage-checkout:focus {
  background-color: #499a2c;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  margin-right: 2% !important;
}
.btn-custom-green-checkout {
  background-color: #52ae32;
  font-family: pantonFontBold;
  font-size: 15px;
  padding: 7px 22px;
  margin: 0;
  margin-top: 10px;
  transition: all 0.2s linear;
  height: 44px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}
@media (max-width: 640px) {
  .btn-custom-green-checkout {
    font-weight: bold;
    height: 44px !important;
    font-size: 15px;
    color: #FFF;
    padding: 14px 22px;
  }
}
.btn-custom-green-checkout:active {
  background-color: #499a2c;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  margin-top: 10px;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}
.btn-custom-green-checkout:hover {
  background-color: #499a2c;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  margin-top: 10px;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}
.btn-custom-green-checkout:focus {
  background-color: #499a2c;
  font-family: pantonFontBold;
  font-size: 14px;
  padding: 7px 22px;
  margin: 0;
  margin-top: 10px;
  transition: all 0.2s linear;
  height: 38px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}
/* custom join button styles */
.wine-signup-for-club-button.loading-spinner-active {
  color: #ff9b1b !important;
}
.pets-signup-for-club-button {
  color: #FFF;
  background-color: #ff9b1b;
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  max-width: 400px;
  height: 36px;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .pets-signup-for-club-button {
    width: 190px !important;
  }
}
.pets-signup-for-club-button:hover {
  color: #FFF;
  background-color: rgba(255, 155, 27, 0.8);
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  max-width: 400px;
  height: 36px;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .pets-signup-for-club-button:hover {
    width: 190px !important;
  }
}
.wine-signup-for-club-button.loading-spinner-active {
  color: #79003e !important;
}
.wine-signup-for-club-button {
  color: #FFF;
  background-color: #79003e;
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  max-width: 400px;
  height: 36px;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .wine-signup-for-club-button {
    width: 190px !important;
  }
}
.wine-signup-for-club-button:hover {
  color: #FFF;
  background-color: rgba(121, 0, 62, 0.8);
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  max-width: 400px;
  height: 36px;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .wine-signup-for-club-button:hover {
    width: 190px !important;
  }
}
.baby-signup-for-club-button.loading-spinner-active {
  color: #acd9c5 !important;
}
.baby-signup-for-club-button {
  color: #FFF;
  background-color: #acd9c5;
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  max-width: 400px;
  height: 36px;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .baby-signup-for-club-button {
    width: 190px !important;
  }
}
.baby-signup-for-club-button:hover {
  color: #FFF;
  background-color: rgba(172, 217, 197, 0.8);
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none !important;
  font-size: 15px;
  padding: 6px 4px !important;
  max-width: 400px;
  height: 36px;
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .baby-signup-for-club-button:hover {
    width: 190px !important;
  }
}
.pagination-wrap {
  float: right;
  text-align: right;
}
.pagination {
  border: 1px solid transparent;
  font-weight: 400;
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  font-size: 11px;
}
.pagination > li.pagination-prev > a:hover,
.pagination > li.pagination-next > a:hover,
.pagination > li.pagination-prev > span:hover,
.pagination > li.pagination-next > span:hover,
.pagination > li.pagination-prev > a:focus,
.pagination > li.pagination-next > a:focus,
.pagination > li.pagination-prev > span:focus,
.pagination > li.pagination-next > span:focus {
  background-color: transparent;
  color: #153a59;
}
.pagination > li.pagination-prev.disabled > a:hover,
.pagination > li.pagination-next.disabled > a:hover,
.pagination > li.pagination-prev.disabled > span:hover,
.pagination > li.pagination-next.disabled > span:hover,
.pagination > li.pagination-prev.disabled > a:focus,
.pagination > li.pagination-next.disabled > a:focus,
.pagination > li.pagination-prev.disabled > span:focus,
.pagination > li.pagination-next.disabled > span:focus {
  color: #a6a6a6;
  background-color: transparent;
  border-color: transparent;
}
.pagination > li.pagination-prev {
  text-align: left;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  border-right: 1px solid transparent;
}
.pagination > li.pagination-next {
  text-align: right;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  border-left: 1px solid transparent;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 700;
}
.pagination > li > a,
.pagination > li > span {
  padding: 30px 30px;
  font-size: 24px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 30px;
  width: 30px;
  padding: 0;
  font-size: 24px;
  text-align: center;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  margin-right: 10px;
  width: 35px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  margin-left: 10px;
  width: 35px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 1023px) {
  .pagination > li > a,
  .pagination > li > span {
    padding: 46px 30px;
    font-size: 24px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 46px;
    width: 30px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 10px;
    width: 40px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 10px;
    width: 40px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 639px) {
  .pagination {
    display: table;
    width: 100%;
  }
  .pagination > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .pagination > li > a,
  .pagination > li > span {
    float: none;
  }
  .pagination > li > a,
  .pagination > li > span {
    padding: 40px 45px;
    font-size: 24px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 40px;
    width: 45px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 15px;
    width: 65px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 15px;
    width: 65px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.breadcrumb-section {
  height: 40px;
  background: #ffffff;
  overflow: hidden;
}
.breadcrumb-section > div.container {
  white-space: nowrap;
  width: auto;
  padding: 0 10px 0 10px;
  overflow: auto;
}
.breadcrumb-section > div.container > ol.breadcrumb {
  padding: 0;
  margin: 0;
  background: #ffffff;
  overflow: auto;
}
.breadcrumb-section > div.container > ol.breadcrumb > li {
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 40px;
}
.breadcrumb-section > div.container > ol.breadcrumb > li > a {
  line-height: 40px;
  display: inline-block;
}
.container > .product-details {
  margin-top: 20px;
}
.image-gallery .gallery-image {
  cursor: pointer;
}
.image-gallery .gallery-zoom-icon {
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.product-details {
  margin-bottom: 10px;
}
.product-details .name {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  padding: 0;
}
@media (max-width: 639px) {
  .product-details .name {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-details .name.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product-details .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #575757;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion {
  color: #00a651;
}
.product-details .description {
  padding: 10px 0 25px;
}
.product-details .price {
  font-size: 25px;
  font-weight: bold;
}
.product-details .stock-status {
  font-weight: 300;
}
@media (max-width: 1399px) {
  .product-details .description {
    border-bottom: 1px solid #cccccc;
  }
}
.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #153a59;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background: #fff;
  color: #19212b;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
  background: #003359;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
  border: 1px solid #003359;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating .rating-stars {
  float: left;
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  letter-spacing: 50px;
}
@media (max-width: 1023px) {
  .rating .rating-stars {
    font-size: 18px;
    float: none;
    visibility: hidden;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
}
.rating .rating-stars span {
  color: #dee3e8;
  overflow: hidden;
  position: static;
  width: 1em;
  height: 1em;
  display: block;
  float: left;
  margin: 0 0.1em;
}
.rating .rating-stars span.fh {
  width: 0.5em;
  margin-right: 0;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.5em;
  margin-left: 0;
}
.rating .rating-stars span.active {
  color: #003359;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #cccccc;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}
.tab-review .review-pagination-bar {
  margin: 10px 0;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 10px;
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #777777;
}
.tab-review .write-review {
  display: none;
}
#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}
.AddToCart-PickUpInStoreAction {
  margin-top: 10px;
}
.AddToCart-ShareOnSocialNetworkAction {
  /*margin-top: @grid-gutter-width;*/
  display: none;
}
#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}
#AddToCart-ShareOnSocialNetworkAction {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
}
.fed-pdp-product-details .rating {
  margin: 20px 0;
  float: left;
  display: block;
}
.tv-license-info {
  color: #b9154a;
  font-size: 14px;
  margin: 10px 0;
  float: left;
  display: block;
  width: 100%;
}
.pdpSellingFast span {
  position: absolute;
  top: 25px !important;
  left: 60px !important;
  width: 50px;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFF;
}
.pdpSellingFast {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 120px 120px 0;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  z-index: 4;
  right: 20px;
  color: white;
  top: 10px;
}
.image-gallery img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery .zoomImg img {
  width: 100%;
  height: 100%;
}
.image-gallery .zoomImgMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.addtocart-component {
  margin-top: 10px;
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: 10px;
}
.addtocart-component .actions .btn {
  margin-bottom: 10px;
}
.addtocart-component .row .AddToCart-ShareOnSocialNetworkAction {
  margin: 0 auto;
  padding-top: 50px;
  width: 100px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}
.addtocart-component #formCheckoutAction {
  display: none;
}
.addtocart-component .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .btn {
  width: 48px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
  width: 50px;
  height: 48px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .addtocart-component {
    margin-top: 20px;
  }
  .addtocart-component .qty-selector .input-group-btn,
  .addtocart-component .qty-selector .btn,
  .addtocart-component .qty-selector .form-control {
    width: 62.4px;
  }
}
@media (max-width: 639px) {
  .addtocart-component .qty-selector {
    margin-left: auto;
    margin-right: auto;
  }
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: 10px;
}
.add-to-cart .add-to-cart-item:before,
.add-to-cart .add-to-cart-item:after {
  content: " ";
  display: table;
}
.add-to-cart .add-to-cart-item:after {
  clear: both;
}
.add-to-cart .add-to-cart-item:before,
.add-to-cart .add-to-cart-item:after {
  content: " ";
  display: table;
}
.add-to-cart .add-to-cart-item:after {
  clear: both;
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: 75px;
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  text-align: right;
  font-weight: bold;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
/*
 * 	Styling the generated lazysizes class - to preload Owl Carousel's - Lazy Load Plugin imgs
 */
.owl-carousel .owl-item .owl-lazy.lazyloaded {
  opacity: 1;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/** CMS Overrides for nav hiding ***/
.cms-owl-nav-hider .owl-controls .owl-nav {
  visibility: hidden;
  opacity: 0;
  transition: all 1s linear;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.cms-owl-nav-shower {
  visibility: visible !important;
  /*transition: all 0.2s linear;*/
  opacity: 1 !important;
  /*transition:opacity 1s linear;*/
  transition: all 1s linear;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.cms-owl-dots-hider .owl-controls .owl-dots {
  visibility: hidden;
}
/** End of: CMS Overrides for nav hiding ***/
.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}
.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #19212b;
  text-decoration: none;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component .title {
  font-weight: bold;
}
.banner-component .thumb {
  padding: 10px 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}
.simple-banner-component a {
  display: block;
}
.simple-banner-component img {
  width: 100%;
  height: auto;
}
.image-map-component img {
  width: 100%;
  height: auto;
}
.cms-image-component img {
  width: 100%;
  height: auto;
}
.tabs {
  margin: 60px 0;
}
@media (max-width: 1023px) {
  .tabs {
    border-top: 1px solid #cccccc;
  }
}
.tabs .tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  display: table;
  margin: 0 auto;
  border: 0;
}
.tabs .tabs-list > li {
  position: relative;
  display: block;
}
.tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list > li > a:hover,
.tabs .tabs-list > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.tabs .tabs-list > li.disabled > a {
  color: #777777;
}
.tabs .tabs-list > li.disabled > a:hover,
.tabs .tabs-list > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list .open > a,
.tabs .tabs-list .open > a:hover,
.tabs .tabs-list .open > a:focus {
  background-color: #eeeeee;
  border-color: #b9154a;
}
.tabs .tabs-list .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs .tabs-list > li > a > img {
  max-width: none;
}
.tabs .tabs-list * > li {
  position: relative;
  display: block;
}
.tabs .tabs-list * > li * > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list * > li:hover,
.tabs .tabs-list * > li:focus {
  text-decoration: none;
  background-color: #f2f2f2;
}
.tabs .tabs-list * > li.disabled * > a {
  color: #575757;
}
.tabs .tabs-list * > li.disabled * > a:hover,
.tabs .tabs-list * > li.disabled * > a:focus {
  color: #575757;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list * > li.disabled * > a img {
  max-width: none;
}
.tabs .tabs-list .open > a {
  background-color: #f2f2f2;
}
.tabs .tabs-list .open > a:hover,
.tabs .tabs-list .open > a:focus {
  background-color: #f2f2f2;
}
.tabs .tabs-list > li {
  float: left;
  margin-bottom: -1px;
}
.tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.tabs .tabs-list > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.tabs .tabs-list > li.active > a,
.tabs .tabs-list > li.active > a:hover,
.tabs .tabs-list > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .tabs-list.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs .tabs-list.nav-justified > li {
  float: none;
}
.tabs .tabs-list.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs .tabs-list.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs .tabs-list.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs .tabs-list.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.tabs .tabs-list.nav-justified > .active > a,
.tabs .tabs-list.nav-justified > .active > a:hover,
.tabs .tabs-list.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .tabs .tabs-list.nav-justified > .active > a,
  .tabs .tabs-list.nav-justified > .active > a:hover,
  .tabs .tabs-list.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tabs .tabs-list li {
  padding: 0 20px;
}
.tabs .tabs-list li a {
  text-transform: uppercase;
  color: #b9154a;
  padding: 0 0 5px 0;
  border: 0;
  border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus,
.tabs .tabs-list li a:hover {
  cursor: pointer;
  background-color: transparent;
}
.tabs .tabs-list li + li:before {
  content: "";
  position: absolute;
  height: 15px;
  left: 0;
  top: 2px;
  border-left: 1px solid #cccccc;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  color: #19212b;
  font-weight: bold;
  border: 0;
  border-bottom: 4px solid #003359;
}
.tabs .tabhead {
  height: 75px;
  display: table;
}
@media (max-width: 639px) {
  .tabs .tabhead {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs .tabhead {
    display: none !important;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 10px;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
.tabs .tabbody {
  border-bottom: 1px solid #cccccc;
  padding: 20px;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .tabs .tabbody {
    border-top: 1px solid #cccccc;
  }
}
@media (max-width: 639px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #cccccc;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid #003359;
}
@media (max-width: 1023px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}
.languagecurrencycomponent {
  float: right !important;
}
.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: 10px;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.com-space > * {
  padding: 10px 0;
}
.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.product-classifications .headline {
  font-weight: bold;
  padding: 10px;
}
.product-classifications table.table td.attrib {
  width: 50%;
}
.no-space {
  padding: 0 !important;
}
.no-space .row {
  margin-left: 0;
  margin-right: 0;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}
.simple-responsive-banner-component a {
  display: block;
}
.simple-responsive-banner-component img {
  width: 100%;
  height: auto;
}
.error-page {
  text-align: center;
}
.back-link {
  padding: 20px 0;
}
.back-link.border {
  border-bottom: 1px solid #cccccc;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #cccccc;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  padding-left: 10px;
  white-space: normal;
}
@media (max-width: 639px) {
  .back-link .label {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link .label.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 639px) {
  .back-link {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.product-details .label {
  font-weight: 600;
}
.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #19212b;
  padding: 20px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.EmbededVideoTitle {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.product-list-wrapper {
  padding: 0;
}
.results h1 {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin-top: 20px;
  padding-left: 10px;
  padding-bottom: 0;
}
@media (max-width: 639px) {
  .results h1 {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.results h1.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product-listing {
  padding-left: 0;
  list-style: none;
}
.product-listing .promo {
  color: #3e5983;
  margin-bottom: 10px;
}
a.product-listing .promo:hover {
  color: #2e4160;
}
.product-listing .price-panel {
  text-align: right;
}
.product-listing a.name {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 106px;
  color: inherit;
}
.product-listing .description {
  margin: 0 210px 0 106px;
}
@media (max-width: 639px) {
  .product-listing .description {
    display: none !important;
  }
}
.product-listing .addtocart {
  clear: both;
  text-align: center;
  padding: 10px 0 0 0;
}
.product-listing .addtocart button {
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .product-listing .addtocart .actions-container-for-ProductGridComponent > div {
    display: inline-block;
    width: 100%;
  }
  .product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction {
    width: 49%;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .product-listing .addtocart .actions-container-for-ProductGridComponent > div {
    float: left;
  }
  .product-listing .addtocart .pickup-in-store-available {
    margin: 0 -4px;
  }
  .product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction {
    padding: 0 3.33333333px;
  }
}
.product-listing.product-list .product-item {
  padding: 20px;
}
.product-listing.product-list .thumb {
  float: left;
  margin-right: 10px;
  display: block;
}
.product-listing.product-list .price-panel {
  float: right;
  width: 200px;
}
.product-listing.product-list .addtocart button + button {
  margin-left: 10px;
}
.product-listing.product-list .ProductListComponent-ListPickUpInStoreAction,
.product-listing.product-list .ProductListComponent-ListAddToCartAction,
.product-listing.product-list .SearchResultsList-ListPickUpInStoreAction,
.product-listing.product-list .SearchResultsList-ListAddToCartAction {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .product-listing.product-list .ProductListComponent-ListPickUpInStoreAction,
  .product-listing.product-list .ProductListComponent-ListAddToCartAction,
  .product-listing.product-list .SearchResultsList-ListPickUpInStoreAction,
  .product-listing.product-list .SearchResultsList-ListAddToCartAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 640px) {
  .product-listing.product-list .ProductListComponent-ListPickUpInStoreAction,
  .product-listing.product-list .ProductListComponent-ListAddToCartAction,
  .product-listing.product-list .SearchResultsList-ListPickUpInStoreAction,
  .product-listing.product-list .SearchResultsList-ListAddToCartAction {
    left: 33.33333333%;
  }
}
@media (max-width: 639px) {
  .product-listing.product-list .price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product-listing.product-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-listing.product-grid .product-item {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 640px) {
  .product-listing.product-grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .product-listing.product-grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .product-listing.product-grid .product-item {
    float: left;
    width: 25%;
  }
}
.product-listing.product-grid .product-item:first-child {
  margin-left: -1px;
}
.product-listing.product-grid .thumb {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  height: 140px;
  overflow: hidden;
}
.product-listing.product-grid .thumb img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.product-listing.product-grid .details {
  text-align: center;
  margin: 0 auto;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product-listing.product-grid .details .name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
  height: 70px;
  overflow: hidden;
  color: #154259;
}
.product-listing.product-grid .details .price {
  font-size: 18px;
}
.product-listing.product-grid .details .promo {
  color: #00a651;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .product-listing.product-grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 639px) {
  .product-listing.product-grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}
.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.product-listing {
  padding-right: 0;
}
.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}
.product-facet {
  margin: 0;
  border-right: 1px solid #cccccc;
  padding: 0;
}
.product-facet .facet {
  padding: 45px 20px 30px 10px;
  border-bottom: 1px solid #cccccc;
}
.product-facet .facet:before,
.product-facet .facet:after {
  content: " ";
  display: table;
}
.product-facet .facet:after {
  clear: both;
}
.product-facet .facet:before,
.product-facet .facet:after {
  content: " ";
  display: table;
}
.product-facet .facet:after {
  clear: both;
}
.product-facet .facet:last-child {
  margin: 0;
}
.product-facet .facet .facet-name {
  font-size: 18px;
  font-weight: bold;
  color: #154259;
  margin-left: -5px;
}
.product-facet .facet .facet-list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}
.product-facet .facet .facet-list li {
  padding: 10px 0;
}
.product-facet .facet .facet-list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
  padding-top: 5px;
}
.product-facet .facet .facet-list .facet-mark {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  margin-top: -3px;
}
.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-mark {
  background: #b9154a;
  border: 1px solid #b9154a;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
}
.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-text {
  color: #b9154a;
}
.product-facet .facet .facet-list .facet-checkbox:focus + .facet-label .facet-mark {
  border: 1px solid #003359;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
}
.product-facet .facet .facet-list .facet-text {
  line-height: 20px;
}
.product-facet .facet .facet-list.facet-list-hidden {
  display: none;
}
.product-facet .facet .more {
  display: block;
}
.product-facet .facet .less {
  display: none;
}
.product-facet .facet .facet-form {
  padding-top: 10px;
}
.product-facet .facet .facet-form-hidden {
  display: none;
}
.product-facet .facet .facet-form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #cccccc;
}
.product-facet .facet .facet-form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product-facet .facet .facet-form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product-facet .facet .facet-form .input-group .btn .glyphicon-search {
  color: #b9bdc2;
  font-size: 17px;
  top: 0;
}
.product-facet .facet .facet-form .line-text {
  margin: 20px 0;
}
.product-facet .facet .facet-container-hidden {
  display: none;
}
@media (max-width: 1023px) {
  .product-facet {
    padding: 10px;
    margin: 0;
    border: 0 none;
  }
  #colorbox .product-facet {
    display: block !important;
  }
  .product-facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .product-facet .facet .facet-name {
    background: #f2f2f2;
    cursor: pointer;
    padding: 10px;
    padding-left: 65px;
    text-transform: uppercase;
    position: relative;
  }
  .product-facet .facet .facet-name .facet-arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product-facet .facet .facet-name .facet-arrow:before {
    content: "\e080";
  }
  .product-facet .facet .facet-values {
    display: none;
  }
  .product-facet .facet.active .facet-arrow:before {
    content: "\e114";
  }
  .product-facet .facet.active .facet-values {
    display: block;
  }
}
.sort-refine-bar .form-group select {
  width: auto;
}
.sort-refine-bar .filtering {
  height: 10px;
}
@media (min-width: 640px) {
  .sort-refine-bar .filtering {
    height: auto;
  }
}
.pagination-bar {
  margin: 30px 0;
}
.pagination-bar .pagination-toolbar {
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 4px solid #cccccc;
}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  margin-top: 25px;
  padding-left: 10px;
  color: #575757;
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 30px;
  border-top: 1px solid #cccccc;
  border-bottom-width: 1px;
}
@media (max-width: 1023px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 30px;
    width: 100%;
  }
  .pagination-bar .pagination-toolbar,
  .pagination-bar .pagination-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .pagination-bar .pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}
@media (min-width: 640px) {
  .pagination-bar .pagination-toolbar {
    border-bottom-width: 1px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 25px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .sort-refine-bar .form-group select {
    height: 48px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 24px;
  }
}
.product-list-wrapper .pagination-bar.bottom .filtering {
  display: none;
}
.cart-top-bar {
  background: #f2f2f2;
  padding: 10px;
}
@media (max-width: 639px) {
  .cart-top-bar {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.cart-top-bar a.help {
  position: relative;
  padding-right: 30px;
}
.cart-top-bar a.help .glyphicon {
  color: #000;
  font-size: 1.5em;
  position: absolute;
  right: 5px;
  top: -1px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}
.cart-restoration-bar {
  background: #F2F4F7;
  margin-bottom: 20px;
  padding: 10px;
}
.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}
.cart-top-totals {
  text-align: right;
  line-height: 4em;
  font-size: 18px;
  font-weight: bold;
}
.cart-totals {
  text-align: right;
  line-height: 2em;
}
.cart-totals .cart-price {
  font-weight: bold;
}
.cart-totals .discount {
  color: #00a651;
}
.cart-totals .grand-total {
  margin-top: 5px;
  border-top: 1px solid #e5e5e5;
  line-height: 2.5em;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 639px) {
  .cart-actions {
    margin: 0;
  }
}
.express-checkout {
  background-color: #f2f2f2;
  padding: 10px 20px;
  margin: 20px 0;
}
.express-checkout .headline {
  font-size: 18px;
  margin: 0 0 10px 0;
}
.express-checkout ul li {
  list-style-type: circle;
}
@media (max-width: 639px) {
  .express-checkout {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.page-cartPage .product-list {
  margin: 20px 0;
}
.product-list .product-item:last-child {
  border-bottom: none;
}
.product-list {
  padding-left: 0;
  list-style: none;
  border-top: 0px solid #cccccc;
}
@media (max-width: 639px) {
  .product-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.product-list .product-item {
  position: relative;
  padding: 10px;
}
@media (max-width: 639px) {
  .product-list .product-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 70px;
  }
}
.product-list .product-item .remove-item {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  /*background: @gray-light;*/
  color: #003359;
  height: 34px;
  width: 34px;
  z-index: 2;
  font-size: 1.4em;
}
@media (max-width: 1023px) {
  .product-list .product-item .remove-item {
    height: 46px;
    width: 46px;
    right: 8px;
  }
}
.product-list .product-item:nth-of-type(2n) {
  background: #f2f2f2;
}
.product-list .product-item .thumb {
  float: left;
  /*+ .details {
        padding-right: @grid-gutter-width*2;
    }*/
}
.product-list .product-item .details {
  margin-left: 110px;
}
.product-list .product-item .details .name {
  font-weight: bold;
}
.product-list .product-item .details .promo {
  color: #00a651;
  margin: 10px 0;
}
.product-list .product-item .details .promo ul {
  padding-left: 0;
  list-style: none;
}
.product-list .product-item .details .qty {
  line-height: 32px;
  padding-top: 10px;
}
.product-list .product-item .details .qty:before,
.product-list .product-item .details .qty:after {
  content: " ";
  display: table;
}
.product-list .product-item .details .qty:after {
  clear: both;
}
.product-list .product-item .details .qty:before,
.product-list .product-item .details .qty:after {
  content: " ";
  display: table;
}
.product-list .product-item .details .qty:after {
  clear: both;
}
@media (max-width: 1023px) {
  .product-list .product-item .details .qty {
    line-height: 42px;
  }
}
.product-list .product-item .details .qty label {
  float: left;
  margin: 0 10px 0 0;
}
.product-list .product-item .details .qty input {
  float: left;
  width: 70px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 10px;
}
.product-list .product-item .details .qty .qtyValue {
  float: left;
  text-align: center;
  padding-right: 25px;
}
.product-list .product-item .details.with-editable-grid {
  cursor: pointer;
}
.product-list .product-item .details.with-editable-grid .qty {
  padding-right: 40px;
}
@media (min-width: 1024px) {
  .product-list .product-item .details.with-editable-grid .qty {
    line-height: 32px;
  }
}
.product-list .product-item .details.with-editable-grid:before {
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 16px;
  top: 15px;
  bottom: 11px;
  content: "\e080";
}
@media (max-width: 1023px) {
  .product-list .product-item .details.with-editable-grid:before {
    right: 20px;
  }
}
.product-list .product-item .details.with-editable-grid.open:before {
  content: "\e114";
}
.product-list .product-item .item-price {
  font-size: 18px;
  margin-top: -1px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .product-list .product-item .pickup-wrap {
    position: absolute;
    right: -1px;
    top: 65px;
    z-index: 1;
  }
  .product-list .product-item .pickup-wrap .pickup .radio-column {
    margin: 0;
  }
  .product-list .product-item .pickup-wrap .pickup .radio-column label {
    width: auto;
  }
}
@media (max-width: 639px) {
  .product-list .product-item .pickup-wrap {
    position: absolute;
    right: auto;
    top: auto;
    left: 100px;
    bottom: 15px;
    z-index: 1;
  }
}
.product-list .product-item .pickup {
  max-width: 350px ;
  color: #003359;
}
.product-list .product-item .pickup:before,
.product-list .product-item .pickup:after {
  content: " ";
  display: table;
}
.product-list .product-item .pickup:after {
  clear: both;
}
.product-list .product-item .pickup:before,
.product-list .product-item .pickup:after {
  content: " ";
  display: table;
}
.product-list .product-item .pickup:after {
  clear: both;
}
.product-list .product-item .pickup .radio-column {
  float: left;
  margin: 0 10px;
}
.product-list .product-item .pickup .radio-column input {
  display: block;
  float: left;
  margin: 10px 0;
}
.product-list .product-item .pickup .radio-column label {
  width: 50px;
  display: block;
  text-align: center;
  margin: 0 0 0 20px;
  opacity: 0.5;
  cursor: pointer;
}
.product-list .product-item .pickup .radio-column label span {
  display: block;
}
.product-list .product-item .pickup .radio-column label .glyphicon {
  font-size: 1.5em;
}
.product-list .product-item .pickup .radio-column input:checked + label {
  opacity: 1;
}
.product-list .product-item .pickup .store-column {
  margin: 5px 0 5px 5px;
  float: left;
}
.product-list .product-item .pickup .store-column .store-name {
  font-size: 13px;
}
.product-list .product-item .pickup .actions {
  clear: both;
  margin: 10px 0 10px 120px;
}
.product-list #cartOrderGridForm {
  background-color: #e4e4e4;
}
@media (min-width: 640px) {
  .product-list #cartOrderGridForm {
    max-height: 480px;
    overflow: scroll;
  }
}
.product-list #cartOrderGridForm .update-future-stock {
  padding-right: 15px;
}
.product-list #cartOrderGridForm .product-grid-container table {
  border-bottom: 1px solid #cccccc;
}
.product-list #cartOrderGridForm .product-grid-container table:nth-child(2n) {
  background-color: transparent;
}
@media (max-width: 639px) {
  .product-list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 10px;
    padding-top: 10px;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 10px;
    vertical-align: top;
  }
  .product-list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #f2f2f2;
  }
  .product-list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding-top: 0;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
}
.promotion {
  color: #00a651;
}
.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}
.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .continueShoppingButton,
  .checkoutButton {
    margin-bottom: 20px;
  }
  .doFlowSelectedChange {
    margin-top: 0;
  }
}
#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}
.page-cartPage .cart-nav-container,
.page-orderConfirmationPage .cart-nav-container {
  height: 35px;
  text-align: center;
  margin-bottom: 30px;
  font-family: pantonFontBold;
  font-size: 14px;
}
@media (max-width: 640px) {
  .page-cartPage .cart-nav-container,
  .page-orderConfirmationPage .cart-nav-container {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .page-cartPage .cart-nav-container,
  .page-orderConfirmationPage .cart-nav-container {
    margin-top: 15px;
  }
}
@media (min-width: 1024px) {
  .page-cartPage .cart-nav-container .cart-nav-item.col-md-4 {
    width: 32%;
  }
}
@media (max-width: 640px) {
  .cart-nav-item.selected.col-md-4 {
    display: block;
  }
  .cart-nav-item.next.col-md-4,
  .cart-nav-item.col-md-4 {
    display: none;
  }
}
.subscriptionModification {
  width: 32%;
}
.page-cartPage .cart-nav-container .cart-nav-item {
  padding-bottom: 9px;
  border-bottom: 5px solid #f2f2f2;
  color: #575757;
  text-align: left;
  margin-right: 1%;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .page-cartPage .cart-nav-container .cart-nav-item {
    width: 24%;
  }
}
.page-cartPage .cart-nav-container .cart-nav-item.selected .rounded {
  color: #8ADB6F;
  border: #8ADB6F 1px solid;
}
@media (max-width: 640px) {
  .page-cartPage .cart-nav-container .cart-nav-item.selected .rounded {
    display: none;
  }
}
.page-cartPage .cart-nav-container .cart-nav-item .rounded {
  border-radius: 50%;
  border: 1px solid #cccccc;
  width: 26px;
  height: 26px;
  padding-top: 5px;
  display: inline-block;
  color: #575757;
  text-align: center;
}
.page-cartPage .cart-nav-container .cart-nav-item.selected,
.page-orderConfirmationPage .cart-nav-container .cart-nav-item.selected {
  border-bottom-color: #8bdb6f;
  padding-bottom: 12px;
  max-height: 39px;
}
@media (max-width: 480px) {
  .page-cartPage .cart-nav-container .cart-nav-item.selected,
  .page-orderConfirmationPage .cart-nav-container .cart-nav-item.selected {
    border-bottom: none;
    max-height: 40px;
  }
  .page-cartPage .cart-nav-container .cart-nav-item.selected .cart-nav-item-heading,
  .page-orderConfirmationPage .cart-nav-container .cart-nav-item.selected .cart-nav-item-heading {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    font-family: pantonFontBold;
  }
  .page-cartPage .cart-nav-container .cart-nav-item.selected .cart-nav-item-heading span,
  .page-orderConfirmationPage .cart-nav-container .cart-nav-item.selected .cart-nav-item-heading span {
    font-weight: bold;
  }
}
.page-cartPage .cart-nav-container .cart-nav-item .checked {
  /*color: @checkout-border-active;
  font-size: 17px;
  margin-top: 1px;
  top: 4px;*/
}
.page-orderConfirmationPage .cart-nav-container .selected span {
  padding-left: 0;
}
.page-cartPage .trolleyRedeemVoucher {
  background-image: url(../images/cart-yellow-tuk.png);
  background-color: #fbb601;
}
.page-cartPage .nav-cart .listPageHeader {
  /*position: inherit;*/
  position: relative;
}
@media (max-width: 640px) {
  .cart-nav-item.selected.col-sm-3 {
    display: block;
  }
  .cart-nav-item.next.col-sm-3,
  .cart-nav-item.col-sm-3 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .MobilefixedSideBar {
    position: static !important;
    top: auto !important;
    left: 10px !important;
    width: 100% !important;
    margin-top: 0px !important;
  }
}
.no-border {
  border: none !important;
}
.full-border {
  border-width: 1px !important;
  border-style: solid !important;
}
p {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  margin: 15px 3px 20px 3px;
  color: #575757;
}
p b {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.page-cartPage .my-full-trolley h1 {
  font-size: 18px;
  padding: 0 0 0 25px;
}
@media (max-width: 640px) {
  .page-cartPage .my-full-trolley h1 {
    padding: 7px 0 0 35px;
    font-size: 16px;
    color: #575757;
  }
}
.page-cartPage .my-full-trolley h1 .navcart-icon {
  top: 11px;
}
@media (max-width: 640px) {
  .page-cartPage .my-full-trolley h1 .navcart-icon {
    left: 15px;
  }
}
.page-cartPage .my-full-trolley-para {
  margin: 20px 0;
}
/*amendOrderTrolleyInfoBlock*/
.amendOrderTrolleyInfoBlock ol {
  list-style-type: none;
}
.amendOrderTrolleyInfoBlockLeft {
  counter-reset: left-counter;
}
.amendOrderTrolleyInfoBlockLeft li:before {
  content: counter(left-counter);
  counter-increment: left-counter;
}
.amendOrderTrolleyInfoBlockRight {
  counter-reset: right-counter;
}
.amendOrderTrolleyInfoBlockRight li:before {
  content: counter(right-counter);
  counter-increment: right-counter;
}
.amendOrderTrolleyInfoBlock ol,
.amendOrderTrolleyInfoBlock li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.amendOrderTrolleyInfoBlock li {
  padding: 0 0 22px 32px;
  display: inline-block;
  margin: 0;
  position: relative;
}
.amendOrderTrolleyInfoBlock li:before {
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  background-color: #000;
  width: 26px;
  height: 26px;
  color: #FFF;
  border-radius: 50%;
  text-align: center;
  padding: 3px 0;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
}
.amendOrderTrolleyInfoBlock h6 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  line-height: normal;
  display: block;
  margin: 25px 0;
}
.amendOrderHeadingContainer {
  background-color: #000;
  margin-bottoM: 25px;
}
.amendOrderHeadingContainer h3 {
  color: #FFF !important;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  margin-bottom: 15px;
}
/*----- productlistContainer -----*/
.productlist-selectbuttons {
  padding: 0;
  margin-bottom: 10px;
}
.productlist-selectbuttons .col-xs-6,
.productlist-selectbuttons .col-sm-4,
.productlist-selectbuttons .col-md-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
@media (max-width: 640px) {
  .productlist-selectbuttons .col-xs-6,
  .productlist-selectbuttons .col-sm-4,
  .productlist-selectbuttons .col-md-3 {
    padding: 0 !important;
  }
}
@media (max-width: 640px) {
  .productlist-selectbuttons {
    display: inline-block;
  }
}
@media (max-width: 640px) {
  .productlist-selectbuttons div:nth-child(2),
  .productlist-selectbuttons div:nth-child(4) {
    padding-left: 3px !important;
  }
}
.productlistContainer .listPageHeader {
  /*height: 37px;*/
  min-height: 37px;
  overflow: hidden;
}
.listPageHeader #h1-item-1,
.listPageHeader #h1-item-2,
.listPageHeader #h1-item-3,
.listPageHeader #h1-item-4,
.listPageHeader #h1-item-5 {
  display: block;
  float: left;
  padding-left: 0px;
  /*position: absolute;*/
  position: relative;
}
.listPageHeader #h1-item-1 {
  margin-right: 5%;
}
.listPageHeader #h1-item-2 {
  margin-right: 6%;
}
.listPageHeader #h1-item-3 {
  margin-right: 10%;
}
.listPageHeader #h1-item-4 {
  margin-right: 0%;
}
.listPageHeader #h1-item-5 {
  float: right;
  margin-right: 11%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .listPageHeader #h1-item-1 {
    margin-right: 8%;
  }
  .listPageHeader #h1-item-2 {
    margin-right: 2%;
  }
  .listPageHeader #h1-item-3 {
    margin-right: 11%;
  }
}
.orderAmendMode .orderNumberContainer {
  display: none;
}
.orderAmendMode .productlistContainer .listPageHeader.viewTrolleyTable {
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
  height: 50px;
  padding-top: 18px !important;
}
.orderAmendMode .productlistContainer .listPageHeader.viewTrolleyTable h1 {
  color: #505050;
}
.orderAmendMode .paymentMethodContainer .listPageHeader h1 {
  color: #575757;
}
.orderAmendMode .paymentMethodContainer .listPageHeader {
  background-color: #f2f2f2 !important;
}
.orderAmendMode .pnp-cart-accordion {
  background: #F2F2F2 !important;
  color: #505050 !important;
}
.redOnWhiteSmallBanner img {
  position: absolute !important;
  left: 30px !important;
  top: 10px !important;
  height: 50% !important;
  max-height: 150px !important;
  width: auto !important;
}
.redOnWhiteSmallBanner h3 {
  color: red !important;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal !important;
  line-height: normal !important;
  font-size: 16px !important;
  margin: 0;
  padding: 0;
}
.redOnWhiteSmallBanner .deliveryBannerContent {
  padding: 10px 0 10px 100px !important;
}
.redOnWhiteSmallBanner {
  background-color: #FFF !important;
  position: relative !important;
  min-height: 60px !important;
  margin: 5px 0 0 0 !important;
}
@media (max-width: 1023px) {
  .listPageHeader #h1-item-2,
  .listPageHeader #h1-item-3,
  .listPageHeader #h1-item-4,
  .listPageHeader #h1-item-5 {
    display: none;
  }
}
.page-cartPage .navcart-icon,
.checkout-steps .listPageHeader .navcart-icon {
  position: absolute;
  width: 33px;
  height: 33px;
  top: 12px;
  left: 5px;
  background: url(../images/confirmation-trolley.svg) 0 0 no-repeat;
  background-repeat: no-repeat;
}
.subscriptionSummary .navcart-click-icon {
  background: url(../images/icon-click-collect.svg) no-repeat 0 0 !important;
  background-size: 33px !important;
  height: 33px !important;
  top: 7px !important;
}
.subscriptionSummary .navcart-deli-icon {
  background: url(../images/icon-delivery.svg) no-repeat 0 0 !important;
  background-size: 33px !important;
  height: 33px !important;
  top: 7px !important;
}
.checkout-steps .listPageHeader#orderSummary-DelDetails-header .navcart-deli-icon {
  background: url(../images/icon-delivery.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  top: 7px !important;
}
.checkout-steps .listPageHeader#orderSummary-DelDetails-header .navcart-click-icon {
  background: url(../images/icon-click-collect.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  top: 7px !important;
}
.checkout-steps .listPageHeader#orderSummary-DelDetails-header .navcart-collect-icon {
  background: url(../images/icons-minitrolleyfulfilment-checkout.png) no-repeat 0 -52px;
  background-size: 26px;
}
.checkout-steps .listPageHeader#orderSummary-DelDetails-instructions .navcart-inst-icon {
  background: url(../images/icon-instructions.svg) no-repeat 0px 0px;
  background-size: 33px;
  height: 33px;
  top: 8px;
}
.checkout-steps #orderSummary-RestrictedItems .listPageHeader .navcart-restrict-icon {
  background: url(../images/icon-restricted-items.svg) no-repeat 0 0;
  background-size: 33px;
  top: 8px;
}
.checkout-steps .listPageHeader#personalDetails .navcart-icon {
  background-image: url(../images/icon-personaldetails.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  top: 12px;
  left: 30px;
  background-size: 25px;
}
.checkout-steps .listPageHeader#billingAddress .navcart-icon {
  background-image: url(../images/icon-address.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  top: 12px;
  left: 30px;
  background-size: 25px;
}
/*----- product item -----*/
.product-list .product-item .thumbSelect {
  position: absolute;
  right: 10px;
  top: 65px;
  z-index: 9;
}
@media (min-width: 640px) {
  .product-list .product-item .thumbSelect {
    position: absolute;
    width: auto;
    float: left;
    top: 40px;
    z-index: 1;
  }
}
.product-list .product-item .thumb {
  margin-right: 10px;
}
.product-list .product-item .details {
  margin-left: 0;
  float: left;
}
.product-list .product-item .details.details-prodname {
  margin-bottom: 10px;
  margin-left: 10px;
  max-width: 120px;
}
@media (max-width: 1024px) {
  .product-list .product-item .details.details-prodname {
    max-width: 70px;
  }
}
@media (max-width: 1023px) {
  .product-list .product-item .details.details-prodname {
    max-width: 150px;
  }
}
@media (max-width: 600px) {
  .product-list .product-item .details.details-prodname {
    max-width: 340px;
  }
}
@media (max-width: 480px) {
  .product-list .product-item .details.details-prodname {
    max-width: 170px;
  }
}
@media (max-width: 360px) {
  .product-list .product-item .details.details-prodname {
    max-width: 150px;
  }
}
.product-list .product-item .details .name {
  margin: 0 !important;
}
.product-list .product-item .details a,
.product-list .product-item .details .name,
.account-section-content .order-num {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #616161;
  font-size: 16px;
  text-decoration: none;
  white-space: normal;
  margin: 10px 0 0 0;
}
.product-list .product-item .details a .orderDataCode,
.product-list .product-item .details .name .orderDataCode,
.account-section-content .order-num .orderDataCode {
  font-weight: normal;
}
@media (max-width: 480px) {
  .product-list .product-item .details a,
  .product-list .product-item .details .name,
  .account-section-content .order-num {
    margin: 0;
  }
}
.account-section-content .order-num {
  margin: 20px 10px 10px 10px;
  padding: 0;
}
@media (min-width: 640px) {
  .account-section-content .order-num {
    margin: 30px 20px 30px 20px;
  }
}
.product-item .product-item-left1 {
  position: relative;
  float: left;
  line-height: normal;
  margin: 0;
}
@media (max-width: 639px) {
  .product-item .product-item-left1 {
    margin: 0px 10px 10px 0px;
  }
}
.product-item .product-item-left2 {
  display: block;
  min-height: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  height: auto;
  color: inherit;
  font-weight: normal;
  font-family: "PnPfontface_medium", Arial, sans-serif;
  font-size: 17px;
  line-height: normal;
  margin: 0;
  text-overflow: ellipsis;
}
.product-item .product-item-left3,
.product-item .product-item-left4 {
  float: left;
}
.product-item .product-item-left3 {
  margin-bottom: 10px;
}
.product-item .product-item-left4 {
  position: relative;
}
.product-item .product-item-left4 .normalPrice {
  position: absolute;
  left: 0;
  color: #575757;
  font-size: 16px;
  font-weight: bold;
}
.product-item .product-item-left4 .normalPrice span {
  font-size: 9px;
  position: relative;
  top: -5px;
}
.template-pages-CartPageTemplate .product-item .details .qty input {
  float: left;
  width: 40px;
  height: 30px;
  background: none;
  text-align: center;
  padding: 0 3px;
  font-size: 16px;
  margin: 0;
  border: none !important;
  box-shadow: none !important;
  z-index: 1;
}
.product-list .product-item .item-price,
.p-list .product-item .item-price {
  color: #575757;
  font-size: 16px;
}
.product-list .product-item .item-price.hidden-xs.hidden-sm,
.p-list .product-item .item-price.hidden-xs.hidden-sm {
  text-align: left;
  float: left;
  padding-right: 5px;
  width: 90px;
}
@media (max-width: 1024px) {
  .product-list .product-item .item-price.hidden-xs.hidden-sm,
  .p-list .product-item .item-price.hidden-xs.hidden-sm {
    padding-right: 2px;
  }
}
.emptyTrolleyWordingCenter {
  margin-top: 28px;
  border-bottom: 1px solid #dcddde;
}
.product-list .product-item .item-price span,
.p-list .product-item .item-price span {
  font-size: 9px;
  display: inline-block;
  /*float: right;*/
  position: relative;
  text-align: left;
  /*top: -5px;*/
  top: -1px;
}
.page-cartPage .product-list .product-item .item-price > span,
.p-list .product-item .item-price > span {
  top: 0;
}
.page-cartPage .product-list .product-item .item-price .normalPrice > span,
.p-list .product-item .item-price .normalPrice > span {
  top: -8px;
}
.page-cartPage .product-list .product-item .item-price .priceInformation .normalPrice > span,
.p-list .product-item .item-price .priceInformation .normalPrice > span {
  top: -3px;
}
.page-cartPage .product-list .product-item .item-price .priceInformation .normalPrice > span.priceUnit,
.page-cartPage .product-list .product-item .item-price .priceInformation .oldPrice > span.priceUnit,
.p-list .product-item .item-price .priceInformation .normalPrice > span.priceUnit,
.p-list .product-item .item-price .priceInformation .oldPrice > span.priceUnit {
  top: 0;
}
.page-cartPage .product-list .product-item .item-price .priceInformation .normalPrice > span.priceUnit > span,
.page-cartPage .product-list .product-item .item-price .priceInformation .oldPrice > span.priceUnit > span,
.p-list .product-item .item-price .priceInformation .normalPrice > span.priceUnit > span,
.p-list .product-item .item-price .priceInformation .oldPrice > span.priceUnit > span {
  font-size: 12px;
}
.product-list .product-item .item-price .savings,
.p-list .product-item .item-price .savings {
  color: #ed1c24;
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 321px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .product-list .product-item .details.details-qty {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (min-device-width: 666px) and (max-device-width: 668px) and (orientation: landscape) {
  .product-list .product-item .details.details-qty {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .product-list .product-item .details {
    margin-left: 0;
    float: none;
  }
  .product-list .product-item .details.details-qty {
    margin-left: 0;
    margin-right: 0;
    float: left;
    clear: both;
    position: relative;
  }
  .product-list .product-item .mini-cart-item {
    float: left;
    clear: both;
    margin-bottom: 10px;
  }
  .product-list .product-item .item-price {
    float: left;
    clear: both;
  }
  .product-list .product-item .item-price span {
    /*top: 1px;*/
  }
  .product-list .product-item .item-price .normalPrice {
    float: left;
    margin-right: 8px;
    margin-top: 10px;
  }
  .page-order .product-list .product-item .item-price .normalPrice {
    float: none;
  }
  .product-list .product-item .item-price .savings {
    clear: none;
    display: inline;
    margin-left: 5px;
  }
}
@media (max-width: 1025px) {
  .emptyTrolleyWordingCenter {
    font-size: 16px;
  }
}
.productlistContainer {
  padding: 0px;
  margin: 0 20px;
}
@media (max-width: 480px) {
  .productlistContainer {
    margin: 0 30px;
  }
}
.product-list .product-item {
  padding: 10px;
}
@media (min-width: 1024px) {
  .product-list .product-item .sub-container {
    padding: 0 15px;
  }
}
.product-list .product-item .sub-container .sub-inner {
  border: none;
  padding: 10px 15px 10px 15px;
}
@media (min-width: 640px) {
  .product-list .product-item .sub-container .sub-inner {
    border: 1px solid #cccccc;
  }
}
.product-list .product-item .details .qty {
  line-height: normal;
  padding: 0;
}
/*--- CUSTOM RADIO ---*/
.substitute label.btn span {
  font-size: 1.5em ;
}
.substitute label input[type="radio"] ~ i.fa.fa-dot-circle-o,
.substitute label input[type="radio"]:checked ~ i.fa.fa-circle-o,
.substituteCustomRadios label input[type="radio"] ~ i.fa.fa-dot-circle-o,
.substituteCustomRadios label input[type="radio"]:checked ~ i.fa.fa-circle-o {
  display: none;
}
.template-pages-CartPageTemplate .substitute label input[type="radio"] ~ i.fa.fa-circle-o,
.template-pages-CartPageTemplate .substitute label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o,
.template-pages-CartPageTemplate .substituteCustomRadios label input[type="radio"] ~ i.fa.fa-circle-o,
.template-pages-CartPageTemplate .substituteCustomRadios label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
  display: inline;
  margin: 0;
  position: relative;
}
.template-pages-MultiStepCheckoutSummaryPageTemplate .substitute label input[type="radio"] ~ i.fa.fa-circle-o,
.template-pages-MultiStepCheckoutSummaryPageTemplate .substitute label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o,
.template-pages-MultiStepCheckoutSummaryPageTemplate .substituteCustomRadios label input[type="radio"] ~ i.fa.fa-circle-o,
.template-pages-MultiStepCheckoutSummaryPageTemplate .substituteCustomRadios label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
  display: inline-block;
  margin: 0;
  position: absolute;
  left: 0;
}
.substitute label input[type="radio"] ~ i.fa-dot-circle-o:before,
.substitute label input[type="radio"] ~ i.fa-circle-o:before,
.substituteCustomRadios label input[type="radio"] ~ i.fa-dot-circle-o:before,
.substituteCustomRadios label input[type="radio"] ~ i.fa-circle-o:before {
  position: absolute;
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background-color: #FFF;
  top: 0px;
  border: 2px solid #575757;
  border-radius: 50%;
}
.substitute label input[type="radio"] ~ i.fa-dot-circle-o:after,
.substituteCustomRadios label input[type="radio"] ~ i.fa-dot-circle-o:after {
  position: absolute;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: #b9154a;
  top: 5px;
  left: 5px;
  border: none;
  border-radius: 50%;
}
.substitute label input[type="radio"].sub-radio-2z ~ i.fa-dot-circle-o:after,
.substituteCustomRadios label input[type="radio"].sub-radio-2z ~ i.fa-dot-circle-o:after {
  /*background-color: @text-color-secondary;*/
  background-color: #003359;
}
.product-list .product-item .sub-container .sub-inner .substitute {
  margin-bottom: 5px;
  display: block;
}
.page-order .product-list .product-item .sub-container .sub-inner .substitute {
  display: inline-flex;
}
.product-list .product-item .sub-container .sub-inner .substitute label,
.substituteCustomRadios label {
  padding: 0px;
}
.product-list .product-item .sub-container .sub-inner .substitute .subs-text,
.substituteCustomRadios .subs-text {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #575757 /*!important*/;
  text-transform: none;
  margin: 2px 37px 0 25px;
  float: left;
}
@media (min-width: 640px) {
  .product-list .product-item .sub-container .sub-inner .substitute .subs-text,
  .substituteCustomRadios .subs-text {
    font-size: 12px;
    margin: 1px 35px 0 20px;
  }
}
.substitute .active:nth-child(1) input[type="radio"]:checked ~ .subs-text,
.substituteCustomRadios .active:nth-child(1) input[type="radio"]:checked ~ .subs-text {
  color: #b9154a !important;
}
.substitute .active:nth-child(2) input[type="radio"]:checked ~ .subs-text,
.substituteCustomRadios .active:nth-child(2) input[type="radio"]:checked ~ .subs-text {
  color: #003359 !important;
}
.subs-text.subs-text-normal {
  display: block;
}
.subs-text.subs-text-min {
  display: none;
}
@media (max-width: 1024px) {
  .subs-text.subs-text-normal {
    display: none;
  }
  .subs-text.subs-text-min {
    display: block;
  }
}
.product-list .product-item .sub-container .sub-inner .substitute .sub-radio-1,
.product-list .product-item .sub-container .sub-inner .substitute .sub-radio-2,
.substituteCustomRadios .sub-radio-1,
.substituteCustomRadios .sub-radio-2 {
  margin-left: 0px;
  margin-right: 0px;
}
.product-list .product-item .remove-item {
  width: 30px;
  height: 30px;
  color: #cccccc;
  font-size: 10px;
  border: 1px solid #cccccc !important;
  top: 10px;
}
.product-list .product-item .remove-item span {
  font-size: 16px;
  position: absolute;
  top: 6px;
  left: 8px;
}
@media (min-width: 480px) {
  .product-list .product-item .remove-item {
    position: inherit;
    float: right;
    padding: 0 0 2px 1px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .product-list .product-item .remove-item span {
    position: relative;
    top: auto;
    left: auto;
    font-size: 14px;
  }
}
.product-list .product-item .overlay-visibility .remove-item {
  color: #FFF;
  border: 1px solid #FFF !important;
}
@media (max-width: 639px) {
  .product-list .product-item .remove-item {
    position: absolute;
    top: 10px;
    right: 10px;
    margin-top: 0;
  }
}
.product-list .product-item .overlay-visibility.cancelledOrderItemOverlay {
  left: auto;
  width: calc(100% - 130px);
  -moz-width: calc(100% - 130px);
  -ms-width: calc(100% - 130px);
  -o-width: calc(100% - 130px);
  -webkit-width: calc(100% - 130px);
}
@media (max-width: 879px) and (min-width: 640px) {
  .product-list .product-item .overlay-visibility.cancelledOrderItemOverlay {
    width: calc(100% - 110px);
    -moz-width: calc(100% - 110px);
    -ms-width: calc(100% - 110px);
    -o-width: calc(100% - 110px);
    -webkit-width: calc(100% - 110px);
  }
}
@media (max-width: 767px) and (min-width: 640px) {
  .product-list .product-item .overlay-visibility.cancelledOrderItemOverlay {
    width: calc(100% - 100px);
    -moz-width: calc(100% - 100px);
    -ms-width: calc(100% - 100px);
    -o-width: calc(100% - 100px);
    -webkit-width: calc(100% - 100px);
  }
}
@media (max-width: 480px) {
  .product-list .product-item .overlay-visibility.cancelledOrderItemOverlay {
    width: calc(100% - 130px);
    -moz-width: calc(100% - 130px);
    -ms-width: calc(100% - 130px);
    -o-width: calc(100% - 130px);
    -webkit-width: calc(100% - 130px);
  }
}
@media (max-width: 400px) {
  .product-list .product-item .overlay-visibility.cancelledOrderItemOverlay {
    width: calc(100% - 110px);
    -moz-width: calc(100% - 110px);
    -ms-width: calc(100% - 110px);
    -o-width: calc(100% - 110px);
    -webkit-width: calc(100% - 110px);
  }
}
.product-item .text-notes label {
  font-family: pantonFontBold;
  font-size: 12px;
  color: #575757;
  margin-top: 10px;
  margin-bottom: 6px;
  text-transform: none;
}
@media (min-width: 640px) {
  .product-item .text-notes label {
    padding-left: 10px;
    font-weight: bold;
  }
}
.text-notes {
  display: inline-block;
  margin-top: 15px;
}
@media (min-width: 640px) {
  .text-notes {
    margin-top: 0px;
  }
}
.text-notes .update-entry-textNotes-input {
  background: #f2f2f2;
  box-shadow: none;
  border: none;
  outline: none;
  height: 30px;
  font-size: 12px;
  padding: 6px 6px 8px 6px !important;
  line-height: normal;
  text-align: left !important;
  text-transform: none;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.product-list .product-item .sub-container .sub-inner .update-entry-textNotes-input::-ms-clear {
  display: none;
}
.product-list .product-item .sub-container .sub-inner .update-entry-textNotes-input {
  background: #f2f2f2;
  box-shadow: none;
  border: none;
  outline: none;
  height: 30px;
  font-size: 12px;
  padding: 6px 6px 8px 6px;
  line-height: normal;
  text-align: left;
  text-transform: none;
}
.title-substitute h1 {
  font-size: 16px !important;
}
/*----- radiodropdownbutton -----*/
.radiodropdownbuttonContainer {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.radiodropdownbutton {
  padding: 0;
  margin-bottom: 5px;
}
.radiodropdownbutton#doSubstitute {
  padding-right: 3px;
}
.radiodropdownbutton#doNotSubstitute {
  padding-left: 3px;
}
.radiodropdownbutton label {
  background-color: #b9154a;
  text-align: left;
  color: #FFF;
  font-family: pantonFontBold;
  font-size: 16px;
  width: 100%;
  line-height: 21px;
  display: inline-block;
  height: 45px;
}
@media (max-width: 640px) {
  .radiodropdownbutton label {
    background-color: #CCC;
    color: #575757;
  }
}
.radiodropdownbutton#doNotSubstitute label {
  background-color: #153a59;
}
@media (max-width: 640px) {
  .radiodropdownbutton#doNotSubstitute label {
    background-color: #CCC;
    color: #575757;
  }
}
.radiodropdownbutton label.btn span {
  font-size: inherit;
  padding-left: 22px;
  line-height: 26px;
  height: 44px;
}
@media (max-width: 640px) {
  .radiodropdownbutton label.btn span {
    font-size: 13px;
  }
}
.radiodropdownbutton label input[type="radio"] ~ i.fa.fa-circle-o,
.radiodropdownbutton label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o,
.radiodropdownbutton label:hover input[type="radio"] ~ i.fa {
  color: #FFF;
  font-size: 16px;
}
.radiodropdownbutton label .radiodropdown {
  position: absolute;
  top: 5px;
  right: 0;
}
.radiodropdownbutton label div.radiodropdown:after {
  content: '\2228';
  /* Unicode*/
  font-size: 30px;
  color: #FFF;
  margin: 10px 15px 0 0;
  display: block;
  transform: scale(1, 0.45);
  -webkit-transform: scale(1, 0.45);
  /* Safari and Chrome */
  -moz-transform: scale(1, 0.45);
  /* Firefox */
  -ms-transform: scale(1, 0.45);
  /* IE 9+ */
  -o-transform: scale(1, 0.45);
  /* Opera */
}
@media (max-width: 640px) {
  .radiodropdownbutton label div.radiodropdown:after {
    color: #575757;
    margin-top: 7px;
  }
}
.radiodropdownbutton label div.radiodropdown.active:after {
  content: "\2227";
  /* Unicode character for "up arrow" sign (^) */
}
.radiodropdownbutton label div.panel {
  padding: 10px 18px 0 18px;
  background-color: #b9154a;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 37px;
  right: 3px;
  text-transform: none;
  color: #FFF;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  white-space: normal;
  /*border-top: 1px solid rgba(255,255,255,0.1);*/
  width: calc(100% - 3px);
  -moz-width: calc(100% - 3px);
  -ms-width: calc(100% - 3px);
  -o-width: calc(100% - 3px);
  -webkit-width: calc(100% - 3px);
}
@media (max-width: 640px) {
  .radiodropdownbutton label div.panel {
    background-color: #CCC;
    color: #575757;
  }
}
.radiodropdownbutton#doNotSubstitute label div.panel {
  right: 0;
  background-color: #153a59;
}
@media (max-width: 640px) {
  .radiodropdownbutton#doNotSubstitute label div.panel {
    background-color: #CCC;
    color: #575757;
  }
}
.radiodropdownbutton label div.panel.show {
  opacity: 1;
  max-height: 500px;
  /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}
@media (max-width: 639px) {
  .radiodropdownbutton#doSubstitute,
  .radiodropdownbutton#doNotSubstitute {
    padding: 0;
  }
  .radiodropdownbutton label {
    font-size: 13px;
  }
  .radiodropdownbutton label div.panel {
    right: 0px;
    width: 100%;
  }
  .radiodropdownbutton#doSubstitute label div.panel.show {
    z-index: 2;
  }
  .radiodropdownbutton#doNotSubstitute label div.panel.show {
    z-index: 1;
  }
}
.radiodropdownbuttonContainer [data-toggle="buttons"] > .btn > input[type="radio"] {
  opacity: 1;
  z-index: 1;
  width: 0;
  height: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.radiodropdownbuttonContainer [data-toggle="buttons"] > .btn > input[type="radio"] + .dummyRadioContainer:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: none;
  top: 2px;
  left: 1px;
  border: 2px solid #FFF;
  border-radius: 50%;
}
@media (max-width: 640px) {
  .radiodropdownbuttonContainer [data-toggle="buttons"] > .btn > input[type="radio"] + .dummyRadioContainer:before {
    border: 2px solid #575757;
  }
}
.radiodropdownbuttonContainer [data-toggle="buttons"] > .btn > input[type="radio"]:checked + .dummyRadioContainer:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #FFF;
  top: 7px;
  left: 6px;
  border: none;
  border-radius: 50%;
}
@media (max-width: 640px) {
  .radiodropdownbuttonContainer [data-toggle="buttons"] > .btn > input[type="radio"]:checked + .dummyRadioContainer:after {
    background-color: #575757;
  }
}
.dummyRadioContainer {
  position: absolute;
  top: 9px;
  left: 13px;
}
/*--- CUSTOM CHECKBOX ---*/
.thumbSelect input[type=checkbox] {
  display: none;
}
.thumbSelect input[type=checkbox] + label {
  position: relative;
  background-color: #FFF;
  height: 30px;
  width: 30px;
  display: block;
  transition: 0.2s ease-in-out;
  border: 1px solid #cccccc;
  cursor: pointer;
}
@media (min-width: 640px) {
  .thumbSelect input[type=checkbox] + label {
    height: 20px;
    width: 20px;
  }
}
.thumbSelect input[type=checkbox] + label:hover {
  border: 1px solid #b9154a;
}
.thumbSelect input[type=checkbox]:checked + label {
  border: 1px solid #b9154a;
  background-color: #b9154a;
}
.thumbSelect input[type=checkbox]:checked + label:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  top: 2px;
  right: 5px;
  border-width: 2px;
  border-style: none solid solid none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-color: #FFF;
}
@media (max-width: 1024px) {
  .thumbSelect input[type=checkbox]:checked + label:after {
    width: 7px;
    height: 15px;
    top: 3px;
    right: 10px;
  }
}
.product-list .product-item .stock-message-container {
  position: absolute;
  z-index: 555;
  display: flex;
  align-items: center;
  width: 100%;
  height: 95%;
  top: 5%;
  padding: 7px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
.product-list .product-item .stock-message-container .remove-item {
  top: 10px;
  right: 10px;
  margin-right: 0;
  padding: 10px;
  font-size: 0 !important;
  background: url(../images/icon-cross.png) 0 0 no-repeat;
  border: 1px solid #fff !important;
  background-position: 5px 5px;
}
@media (max-width: 480px) {
  .product-list .product-item .stock-message-container .remove-item {
    margin-top: 0;
  }
}
.product-list .product-item .stock-message-container {
  z-index: 3;
}
.product-list .product-item .stock-message-container .stock-align-content {
  display: table;
  height: 100%;
}
.product-list .product-item .stock-message-container .stock-message-text {
  text-align: center;
  vertical-align: middle;
  font-family: "pnpFont", Arial, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  display: table-cell;
}
/*--- Order summary status bar ---*/
.checkout-steps {
  position: relative;
}
.checkout-steps a.step-head,
.checkout-steps a.step-head.active {
  font-weight: normal;
  font-size: 14px;
  color: #505050 !important;
  display: block;
  padding: 0;
  width: 24%;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: none;
  border: none;
  text-decoration: none;
}
.checkout-steps.stepsFive a.step-head,
.checkout-steps.stepsFive a.step-head.active {
  width: 20%;
}
.checkout-steps a.step-head {
  /*-- before active --*/
  border-bottom: 5px solid #52ae32 !important;
  padding-top: 2px;
}
.checkout-steps a.step-head.active {
  /*-- active --*/
  border-bottom: none !important;
}
@media (min-width: 640px) {
  .checkout-steps a.step-head.active {
    border-bottom: 5px solid #8bdb6f !important;
  }
}
.checkout-steps a.step-head.active ~ a {
  /*-- 2< after active --*/
  border-bottom: 5px solid #f2f2f2 !important;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .checkout-steps a.step-head.subscriptionModification {
    width: 32%;
  }
  .checkout-steps a.step-head.subscriptionModification:nth-of-type(2) {
    left: 33% !important;
  }
  .checkout-steps a.step-head.subscriptionModification:nth-of-type(3) {
    left: 66%;
  }
}
.checkout-steps a.step-head:nth-of-type(2) {
  left: 25%;
}
.checkout-steps a.step-head:nth-of-type(3) {
  left: 50%;
}
.checkout-steps a.step-head:nth-of-type(4) {
  left: 75%;
}
.checkout-steps.stepsFive a.step-head:nth-of-type(2) {
  left: 20%;
}
.checkout-steps.stepsFive a.step-head:nth-of-type(3) {
  left: 40%;
}
.checkout-steps.stepsFive a.step-head:nth-of-type(4) {
  left: 60%;
}
.checkout-steps.stepsFive a.step-head:nth-of-type(5) {
  left: 80%;
}
.checkout-steps .step-head + .step-head {
  margin-top: 0 !important;
}
.checkout-steps .step-head .title {
  vertical-align: top !important;
  display: block !important;
  text-align: left;
  font-family: pantonFontBold;
  font-size: 15px;
  text-transform: uppercase;
}
.checkout-steps .step-head .edit {
  display: none !important;
}
.checkout-steps .step-head .title:before {
  content: counter(checkout);
  float: left;
  position: relative;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 1.65;
  border-radius: 76%;
  border: 1px solid #cccccc;
  width: 26px;
  height: 26px;
  display: none;
  padding: 1px;
  color: #575757;
}
.checkout-steps .step-head.active .title:before,
.checkout-steps .step-head.active {
  border: #8ADB6F 1px solid;
  color: #8ADB6F;
}
.checkout-steps .step-head.active .title:before,
.checkout-steps .step-head.active ~ .step-head .title:before {
  display: inline-block;
}
.checkout-steps .checkOut-item-heading {
  position: relative;
  top: 5px;
  left: 5px;
}
.checkout-steps .step-head .checked.icon-ok-sign,
.page-cartPage .cart-nav-container .cart-nav-item .checked.icon-ok-sign,
.page-orderConfirmationPage .cart-nav-container .cart-nav-item .checked.icon-ok-sign {
  top: 0px;
  left: 0;
  position: relative;
  float: left;
  background-color: #52ae32;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.page-cartPage .cart-nav-container .cart-nav-item .checked.icon-ok-sign {
  margin-left: -59px;
  top: 0px;
  left: 50%;
  right: 50%;
}
.checkout-steps .step-head .checked.icon-ok-sign:before,
.page-cartPage .cart-nav-container .cart-nav-item .checked.icon-ok-sign:before,
.page-orderConfirmationPage .cart-nav-container .cart-nav-item .checked.icon-ok-sign:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  top: 4px;
  left: 14px;
  border-width: 3px;
  border-style: none solid solid none;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  border-color: #FFF;
}
.checkout-steps .step-head .checked.icon-ok-sign,
.page-orderConfirmationPage .cart-nav-container .cart-nav-item .checked.icon-ok-sign {
  /*-- before active --*/
  display: inline-block;
}
.checkout-steps .step-head.active .checked.icon-ok-sign,
.checkout-steps .step-head.active ~ .step-head .checked.icon-ok-sign {
  display: none;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-progress .personalisableBanner {
  display: none;
}
.page-multiStepCheckoutSummaryPage .step-body .col-xs-12 {
  padding: 0 !important;
}
@media (min-width: 640px) {
  .page-multiStepCheckoutSummaryPage .step-body .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-steps .step-body .checkout-help-progress {
  text-align: left;
  border: none;
  font-size: 14px;
  padding: 0;
  margin-top: 60px;
}
.checkout-steps .step-body .checkout-help-progress .listPageHeader h1 {
  font-size: 18px;
  color: #575757;
  padding-top: 3px;
}
.checkout-help-totals {
  text-align: left;
  border: none;
  font-size: 14px;
  padding: 0;
}
.checkout-help-totals .actions {
  margin: 0 0;
}
@media (min-width: 640px) {
  .checkout-help-totals .actions {
    margin: 15px 0;
  }
}
.checkout-help-totals .actions .btn {
  width: 100%;
  height: 56px;
}
@media (min-width: 640px) {
  .checkout-help-totals .actions .btn {
    height: 44px;
    margin-bottom: 0;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .checkout-steps,
  .checkout-steps.stepsFive {
    padding: 0 !important;
  }
  .checkout-steps a.step-head.subscriptionModification,
  .checkout-steps.stepsFive a.step-head.subscriptionModification {
    width: 0 !important;
    overflow: hidden;
  }
  .checkout-steps a.step-head,
  .checkout-steps.stepsFive a.step-head {
    width: 0;
    overflow: hidden;
  }
  .checkout-steps a.step-head.subscriptionModification.active,
  .checkout-steps.stepsFive a.step-head.subscriptionModification.active {
    width: 100% !important;
    left: 0;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
  }
  .checkout-steps a.step-head.active,
  .checkout-steps.stepsFive a.step-head.active {
    width: 100%;
    left: 0;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
  }
  .checkout-steps a.step-head.active .title,
  .checkout-steps.stepsFive a.step-head.active .title {
    text-align: left;
    padding-top: 5px;
  }
  .checkout-steps .step-head .title:before,
  .checkout-steps.stepsFive .step-head .title:before {
    left: 0;
    display: none !important;
  }
  .checkout-steps .step-body .checkout-help-progress,
  .checkout-steps.stepsFive .step-body .checkout-help-progress {
    margin-top: 50px;
  }
}
.cNCDeliveryAddressDetailsInput input {
  height: 50px;
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #cccccc;
}
.checkout-steps .step-body .orderSummary-DelDetails {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .checkout-steps .step-body .orderSummary-DelDetails {
    font-size: 15px;
  }
}
.checkout-steps .step-body .orderSummary-DelDetails b {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: 14px;
}
@media (min-width: 640px) {
  .checkout-steps .step-body .orderSummary-DelDetails b {
    font-size: 15px;
  }
}
.checkout-steps .step-body .orderSummary-DelDetails p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757 !important;
  font-size: 15px;
  margin: 10px 0 10px 0 !important;
}
@media (min-width: 640px) {
  .checkout-steps .step-body .orderSummary-DelDetails p {
    font-size: 15px;
  }
}
.checkout-steps .step-body .orderSummary-type-col #orderSummary-DelDetails-details .orderSummary-DelDetails {
  color: #b9154a;
}
.checkout-steps .step-body .orderSummary-DelDetails span {
  font-family: pantonFontBold;
  font-weight: bold;
  font-size: 15px;
  color: #575757;
  display: block;
  margin-bottom: 8px;
  padding-top: 4px;
}
@media (min-width: 640px) {
  .checkout-steps .step-body .orderSummary-DelDetails span {
    font-family: pantonFontBold;
    font-size: 15px;
    font-weight: bold;
  }
}
.checkout-steps .step-body .checkboxWithLabel {
  margin-top: 20px;
}
.checkout-steps .step-body .checkboxWithLabel label {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
  color: #575757;
  display: inline-block;
  margin-bottom: 8px;
  padding: 7px 0 6px 40px;
}
@media (min-width: 640px) {
  .checkout-steps .step-body .checkboxWithLabel label {
    padding: 0px 0 6px 40px;
  }
}
.checkout-steps .step-body .checkboxWithLabel label div.content {
  font-size: 14px;
  color: #575757;
}
.checkout-steps .step-body .contactSummaryNumber {
  margin-top: 30px;
}
@media (max-width: 640px) {
  .checkout-steps .step-body .contactSummaryNumber {
    margin-top: -10px;
  }
}
@media (max-width: 640px) {
  .contactNumberValidationIcon {
    height: 45px;
  }
}
.checkout-steps .step-body .contactSummaryNumber span {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  display: block;
  margin-bottom: 8px;
  padding-top: 4px;
}
.checkout-steps .step-body .contactSummaryNumber span input:focus {
  border: 1px solid #cccccc;
}
.checkout-steps .step-body .contactSummaryNumber span input {
  height: 50px;
  border: 1px solid #cccccc;
  font-size: 14px;
  font-weight: normal;
  float: left;
  padding: 5px;
  width: 90%;
}
@media (min-width: 640px) {
  .checkout-steps .step-body .contactSummaryNumber span input {
    float: left;
    width: 280px;
    padding: 5px;
  }
}
.checkoutStepNoteBannerCheckout p {
  font-size: 16px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 22px;
  color: #575757;
  margin: 10px 20px 20px 25px !important;
}
.checkoutStepNoteBannerHeadingGrey {
  font-size: 24px;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  line-height: 22px;
  color: #575757;
  margin-left: 25px;
}
.checkoutStepNoteBannerCheckout {
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  padding: 20px 10px;
  margin-bottom: 20px;
}
.checkoutStepNoteBanner {
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  padding: 20px 10px;
}
@media (min-width: 640px) {
  .checkoutStepNoteBanner {
    border: 1px solid #cccccc;
  }
}
.checkoutStepNoteBanner ul li {
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.checkoutStepNoteBanner ul {
  margin-left: 30px;
}
@media (min-width: 640px) {
  .checkoutStepNoteBanner ul {
    margin-left: 30px !important;
  }
}
.checkoutStepNoteBannerIcon {
  position: absolute;
  width: 40px;
  left: 1px;
  top: 15px;
  display: inline-block;
  height: 32px;
  background-image: url(../images/icon-info.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center;
}
@media (min-width: 640px) {
  .checkoutStepNoteBannerIcon {
    display: inline-block;
    height: 50px;
    top: 5px;
    background-image: url(../images/icon-info.svg);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
  }
}
.checkoutStepNoteBannerHeading {
  color: #003359;
  font-size: 16px;
  font-family: pantonFontBold;
  text-transform: uppercase;
  padding-left: 25px;
}
@media (min-width: 640px) {
  .checkoutStepNoteBannerHeading {
    padding-left: 25px;
  }
}
/*.checkout-help-totals .cart-totals.col-xs-12.col-sm-6{
  width: 100%;
}*/
.checkout-steps .step-body .checkoutPaymentSlot {
  border: 1px solid #cccccc;
}
.checkout-steps .step-body .paymentImage {
  width: 200px;
  height: auto;
  margin-left: 15px;
}
.paynow-btn:disabled {
  color: #FFF !important;
  background-color: #cccccc;
}
.cancel-pay-btn {
  border: 1px solid #cccccc !important;
  color: #cccccc;
  background-color: #FFFFFF;
  padding-top: 9px !important;
}
.cancel-pay-btn:hover {
  border: 1px solid #cccccc !important;
  color: #cccccc;
  background-color: #FFFFFF;
}
.checkout-steps .step-body .paymentMethodContent .btn {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
  width: 182px;
  height: 55px;
  padding-top: 11px;
  margin-right: 15px;
  font-family: pantonFontBold;
}
@media (max-width: 640px) {
  .checkout-steps .step-body .paymentMethodContent .btn {
    margin-top: 0px !important;
    width: 140px;
    margin-right: 0px;
  }
}
.checkout-steps .step-body .paymentMethodContent .btn.btn-secondary-whiteout,
#save-card-details-message .btn.btn-secondary-whiteout {
  height: 36px;
  padding: 0;
  width: 120px;
  margin-bottom: 3px !important;
}
.listPageHeaderBody {
  border: 1px solid #cccccc;
  border-top: none;
  margin: 0 0 20px 0;
  padding: 20px ;
  position: relative;
  width: 100%;
  float: left;
  color: #575757;
}
.orderSummary .listPageHeaderBody {
  padding: 10px;
}
@media (min-width: 640px) {
  .orderSummary .listPageHeaderBody {
    padding: 20px;
  }
}
#orderSummary-RestrictedItems .listPageHeaderBody {
  line-height: normal;
  font-size: 13px;
  background-color: #FFF;
}
.listPageHeaderBody ol li {
  margin: 0 0 15px 0;
}
.listPageHeaderBody ol li span {
  color: #ed1c24;
  font-weight: bold;
}
.listPageHeaderBody.listPageHeaderBody-noHeader {
  border-top: 1px solid #cccccc;
  margin: 20px 0;
}
.min-height-80 {
  min-height: 80px;
}
.step-body .orderSummary .listPageHeaderBody #orderPreferenceForm {
  margin-top: 0;
}
.step-body .orderSummary .listPageHeaderBody #orderPreferenceForm textarea,
.step-body .orderSummary .listPageHeaderBody #orderPreferenceForm textarea:focus,
.step-body .orderSummary .listPageHeaderBody #orderPreferenceForm textarea:active {
  border: 1px solid #cccccc !important;
  font-size: 14px;
  background-color: #f2f2f2;
  transition: 0.2s ease-in-out;
  width: 100%;
  max-width: 300px;
}
.step-body .orderSummary .listPageHeaderBody #orderPreferenceForm textarea:focus,
.step-body .orderSummary .listPageHeaderBody #orderPreferenceForm textarea:active {
  background-color: #FFF;
}
@media (max-width: 640px) {
  .checkout-steps .step-body .orderSummary-DelDetails {
    padding: 10px 15px 10px 15px;
    line-height: 18px;
    padding-bottom: 10px !important;
  }
  .checkout-steps .step-body .cart-deli-mob-packing {
    padding: 30px 10px 20px 20px;
  }
  .step-body .orderSummary .listPageHeaderBody #orderPreferenceForm {
    margin-top: 0px;
  }
}
.orderSummaryContainer {
  margin-top: 20px;
  margin-bottom: 40px;
  background-color: #F9F9F9;
}
@media (max-width: 640px) {
  .orderSummaryContainer {
    margin-bottom: 0;
  }
  .orderSummaryContainer .listPageHeader.listPageHeaderColor {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  .orderSummaryContainer {
    background-color: #FFF;
  }
}
.checkoutDeliveryContainer {
  background-color: #F9F9F9;
}
@media (min-width: 640px) {
  .checkoutDeliveryContainer {
    background-color: #FFF;
  }
}
.checkoutDeliveryContainer .col-xs-12.col-md-9,
.orderSummaryContainer .col-xs-12.col-md-9 {
  padding: 0 10px 0 0;
}
.checkoutDeliveryContainer .col-xs-12.col-md-3,
.orderSummaryContainer .col-xs-12.col-md-3 {
  margin-top: 10px;
  padding: 0;
}
@media (min-width: 640px) {
  .checkoutDeliveryContainer .col-xs-12.col-md-3,
  .orderSummaryContainer .col-xs-12.col-md-3 {
    margin-top: 0;
    padding: 0 0 0 10px;
    border: none;
  }
}
.checkoutDeliveryContainer .col-xs-12.col-md-3 .stickThis,
.orderSummaryContainer .col-xs-12.col-md-3 .stickThis {
  margin-top: 0;
}
@media (min-width: 640px) {
  .checkoutDeliveryContainer .col-xs-12.col-md-3 .stickThis,
  .orderSummaryContainer .col-xs-12.col-md-3 .stickThis {
    margin-top: 0;
    padding: 0 0 0 10px;
    border: none;
  }
}
@media (max-width: 1024px) {
  .checkoutDeliveryContainer .col-xs-12.col-md-9,
  .orderSummaryContainer .col-xs-12.col-md-9 {
    padding: 0;
  }
}
.cart-back {
  font-family: Arial;
  font-size: 12px;
  color: #929292;
  padding: 30px 0 30px 10px;
  cursor: pointer;
  background: none;
  border: none;
  font-weight: normal;
  display: none;
}
.checkoutDeliveryContainer .stickThis .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.orderSummaryContainer .stickThis .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*--- paymentMethod options ---*/
.paymentMethodContainer {
  margin: 10px 0 0 0;
}
@media (max-width: 640px) {
  .paymentMethodContainer {
    margin: 0 0 0 0;
  }
}
.paymentMethodTabBtn,
.paymentMethodTabBtn:hover,
.paymentMethodTabBtn:active,
.paymentMethodTabBtn:visited {
  width: 100%;
  border: 1px solid #cccccc !important;
  border-top: none !important;
  padding: 15px 20px;
  text-align: left;
  background: none;
  background-color: #FFF;
  line-height: 22px !important;
  font-family: pantonFontBold;
  font-size: 14px;
  color: #575757;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 1023px) {
  .paymentMethodTabBtn,
  .paymentMethodTabBtn:hover,
  .paymentMethodTabBtn:active,
  .paymentMethodTabBtn:visited {
    width: 50%;
    float: left;
    border: 1px solid #cccccc !important;
    border-top: none !important;
    background-color: #f2f2f2;
  }
}
.paymentMethodTabBtn.active {
  border: 1px solid #cccccc !important;
  border-right: 1px solid #FFF !important;
  border-top: none !important;
  color: #b9154a;
}
@media (max-width: 1023px) {
  .paymentMethodTabBtn.active {
    width: 50%;
    float: left;
    border: 1px solid #cccccc !important;
    border-bottom: 1px solid #FFF !important;
    border-top: none !important;
    background-color: #FFF;
  }
}
@media (max-width: 1023px) {
  .paymentMethodTabBtn#onAccountButton {
    border-left: none !important;
  }
}
.paymentMethodTabBtn:after {
  content: "";
  position: absolute;
  top: 17px;
  right: 20px;
  width: 12px;
  height: 12px;
  background-image: url(../images/pnp-spritemap-hi-res-Extras.png);
  background-repeat: no-repeat;
  background-position: 1px -18px;
  background-size: 110px;
}
@media (max-width: 1023px) {
  .paymentMethodTabBtn:after {
    width: 13px;
    background-position: -13px -12px;
  }
}
.paymentMethodTabBtn.active:after {
  background-position: 1px -3px;
}
@media (max-width: 1023px) {
  .paymentMethodTabBtn.active:after {
    background-position: -13px 0px;
  }
}
.listPageHeader.listPageHeader-PaymentMethod {
  border: 1px solid #cccccc;
  padding: 15px 30px 15px 60px;
}
@media (max-width: 376px) {
  .listPageHeader.listPageHeader-PaymentMethod {
    padding: 15px 10px 15px 60px;
  }
}
@media (max-width: 320px) {
  .listPageHeader.listPageHeader-PaymentMethod {
    padding: 15px 50px 15px 60px;
  }
}
.listPageHeader.listPageHeader-PaymentMethod h1 {
  font-size: 16px !important;
  font-family: pantonFontBold;
}
.listPageHeader.listPageHeader-PaymentMethod h1 span {
  font-family: pantonFontBold;
}
.listPageHeader.listPageHeader-PaymentMethod:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 20px;
  width: 32px;
  height: 32px;
  background-image: url(../images/icon-payment.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
}
@media (max-width: 640px) {
  .listPageHeader.listPageHeader-PaymentMethod:after {
    top: 12px;
  }
}
@media (min-width: 377px) and (max-width: 1023px) {
  .listPageHeader.listPageHeader-PaymentMethod:after {
    top: 14px;
  }
}
.paymentMethodTabs {
  z-index: 3;
  border-right: 1px solid #cccccc;
}
.paymentMethodContent {
  border: 1px solid #cccccc;
  padding: 30px !important;
  margin: 0 0 0 -1px;
  z-index: 3;
}
@media (max-width: 640px) {
  .paymentMethodContent {
    border: none;
    margin: 0;
    padding: 0 !important;
  }
  .paymentMethodContent .listPageHeaderBody {
    padding: 0;
    background-color: #FFF;
    margin-bottom: 0;
    border-top: 1px solid #cccccc;
  }
}
@media (min-width: 640px) {
  .paymentMethodContent .listPageHeaderBody {
    padding: 0;
    margin-bottom: 0;
    border: none;
  }
}
.paymentMethodContent p {
  margin: 20px 20px 30px 20px;
  line-height: 20px;
}
.paymentMethodContent p span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.paymentMethodContent p.payuError {
  color: #b9154a;
}
.paymentMethodContent .listPageHeaderFalse {
  margin-top: 0;
  padding: 0 0 15px 15px;
  font-size: 18px;
}
.accountPaymentMethodDetails {
  padding: 0px 0 20px 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  float: left;
  width: 100%;
  color: #575757;
}
.accountPaymentMethodDetails .accountPayment-name,
.accountPaymentMethodDetails .accountPayment-number {
  margin: 0 0 12px 15px;
}
.accountPaymentMethodDetails .accountPayment-name span,
.accountPaymentMethodDetails .accountPayment-number span {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.accountPaymentMethodDetails .accountPayment-name,
.accountPaymentMethodDetails .accountPayment-number a {
  color: #575757 !important;
}
.margin-left-5 {
  margin-left: 5px;
}
.accountPaymentMethodDetails .accountPayment-total,
.accountPaymentMethodDetails .accountPayment-available {
  padding: 20px 15px 15px 15px;
  font-size: 16px;
  margin: 12px 0 10px 0;
  background-color: #f2f2f2;
  float: left;
  width: 100%;
  color: #575757;
}
.accountPaymentMethodDetails .accountPayment-total > span,
.accountPaymentMethodDetails .accountPayment-available > span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  display: inline-block;
  float: right;
  font-size: 17px;
}
.accountPaymentMethodDetails .accountPayment-total > span > span,
.accountPaymentMethodDetails .accountPayment-available > span > span {
  font-size: 9px;
  display: block;
  float: right;
  position: relative;
  top: 1px;
  padding-left: 1px;
}
.accountPaymentMethodDetails .accountPayment-available {
  margin: 0px 0 5px 0;
  background-color: #b9154a;
  color: #FFF;
}
.page-cartPage .viewTrolleyTable {
  display: inline-block;
  margin-top: 5px;
}
.page-cartPage .product-list {
  margin-top: 0px;
}
.page-cartPage .product-list .pnp-cart-accordion-panel {
  margin: 0;
}
.page-cartPage .product-list .pnp-cart-accordion-panel .product-item {
  padding: 0;
  border: 1px solid #CCCCCC;
}
@media (min-width: 480px) {
  .page-cartPage .product-list .pnp-cart-accordion-panel .product-item {
    border-bottom: 1px solid #757575;
    border-top: none;
    border-left: none;
    border-right: none;
  }
}
.page-cartPage .product-list .pnp-cart-accordion-panel .product-item:nth-of-type(2n) {
  background: none;
}
.page-cartPage .product-list .pnp-cart-accordion-panel .shoppinglists-itemList-item {
  padding: 0;
  border: none;
}
@media (min-width: 480px) {
  .page-cartPage .product-list .pnp-cart-accordion-panel .shoppinglists-itemList-item {
    padding: 10px 0;
  }
}
.page-cartPage .radiodropdownbuttonContainer #doSubstitute {
  padding-left: 0;
}
.page-cartPage .radiodropdownbuttonContainer #doNotSubstitute {
  padding-right: 0;
}
.page-cartPage .productlistContainer {
  margin: 0;
  padding: 0 !important;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-totals .cart-totals .mini-cart-totals .cartTotals-saving {
  color: #575757;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-totals .cart-totals .mini-cart-totals #cartTotals-voucher-info {
  color: #575757;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-totals .cart-totals .mini-cart-totals #cartTotals-voucher-info:hover {
  text-decoration: underline;
  cursor: pointer;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-totals .cart-totals .mini-cart-totals #cartTotals-voucher-info span {
  float: right;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-totals .cart-totals .mini-cart-totals .cartTotals-totalPrice {
  background-color: #dcddde;
  text-transform: uppercase;
}
.page-multiStepCheckoutDeliveryPage .checkout-help-totals .cart-totals .cartMessage {
  padding: 10px 15px;
  color: #575757;
}
.page-multiStepCheckoutDeliveryPage .deliverypageContainer .actions {
  display: none;
}
.paymentMethodContent .payu-footer-bar {
  display: block;
  overflow: hidden;
  background-color: #f2f2f2;
  margin: 10px -30px -30px;
  text-align: center;
  padding: 10px;
}
.paymentMethodContent .payu-footer-bar img {
  width: 100%;
  max-width: 179px;
  height: auto;
}
.paymentMethodContent .cardVerify-footer {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 10px 0 0;
  padding: 0px 0px;
}
.paymentMethodContent .cardVerify-footer-images,
.paymentMethodContent .cardVerify-footer-images .simple-banner-component {
  display: block;
  float: left;
  margin: 0 0;
  padding: 0 0;
}
.paymentMethodContent .cardVerify-footer-images .simple-banner-component img {
  float: left;
  height: 32px;
  width: auto;
  margin: 0 10px 10px 0;
  padding: 0 0;
}
.paymentMethodContent .cardVerify-footer-text {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #929292;
  font-size: 14px;
  display: block;
  float: left;
  margin: 0 0;
  padding: 0 0;
  width: 60%;
}
@media (max-width: 480px) {
  .paymentMethodContent .cardVerify-footer-text {
    width: 100%;
  }
}
.paymentMethodContent .heading-SavedCards {
  margin: 10px 0 30px;
}
@media (max-width: 480px) {
  .paymentMethodContent .heading-SavedCards {
    margin: 10px 0 10px;
  }
}
.paymentMethodContent .heading-SavedCards .heading-SavedCards-title {
  font-family: pantonFontBold;
  font-size: 18px;
  color: #575757;
  display: inline-block;
  float: left;
  margin: 10px 10px 0 0;
  padding: 0 0;
  border-bottom: none;
}
.paymentMethodContent .heading-SavedCards .heading-SavedCards-title span {
  font-family: pantonFontBold;
}
.paymentMethodContent .heading-SavedCards.narrow .heading-SavedCards-title {
  font-size: 16px;
  margin-top: 25px;
  min-height: 37px;
  padding: 15px 20px 10px 20px !important;
}
.paymentMethodContent .heading-SavedCards .heading-SavedCards-cards {
  float: left;
  display: block;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.paymentMethodContent .heading-SavedCards .simple-banner-component {
  float: left;
  margin: 0 0;
  padding: 0 0;
}
.paymentMethodContent .heading-SavedCards img {
  float: left;
  height: 34px;
  width: auto;
  margin: 3px 5px 0 0;
  padding: 0 0;
}
.paymentMethodContent .heading-SavedCards.narrow img {
  height: 20px;
  margin: 9px 2px 0 0;
}
@media (max-width: 640px) {
  .paymentMethodContent .heading-SavedCards.narrow img {
    height: 30px;
    margin: 10px 15px 0 0;
  }
}
.paymentMethodContent .heading-SavedCards .simple-banner-component:last-child img,
.paymentMethodContent .heading-SavedCards.narrow .simple-banner-component:last-child img {
  margin-right: 0;
}
.paymentMethodContent .payments-cardInfoTable {
  margin: 0 0 10px 0;
  padding: 0 0;
}
.paymentMethodContent .payments-cardInfoTable-th {
  font-family: pantonFontBold;
  text-align: left;
  font-size: 16px;
  color: #575757;
  background-color: #f2f2f2;
  margin: 0 0 0px 0;
  padding: 10px 20px;
}
.paymentMethodContent .payments-cardInfoTable-th > div > span {
  font-family: pantonFontBold;
}
@media (max-width: 640px) {
  .paymentMethodContent .payments-cardInfoTable-th {
    font-family: pantonFontBold;
  }
}
@media (max-width: 640px) {
  .paymentMethodContent .payments-cardInfoTable-th .col-xs-3 {
    display: none;
  }
}
.payments-cardInfoTable .payments-cardInfoTable-th .col-xs-3 {
  display: none;
}
@media (min-width: 640px) {
  .payments-cardInfoTable .payments-cardInfoTable-th .col-xs-3 {
    display: block !important;
  }
}
.payments-cardInfoTable .remove-item {
  position: absolute;
  top: 24px;
  right: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc !important;
  background: #ffffff url(../images/icon-cross-light.png) center no-repeat;
  background-size: 12px;
  cursor: pointer;
}
#pnpStoreAccountPaymentMethodDisplayWrapper .listPageHeader-standalone,
#accountPaymentMethodDisplayWrapper .listPageHeader-standalone {
  font-family: pantonFontBold;
}
#pnpStoreAccountPaymentMethodDisplayWrapper .listPageHeader-standalone span,
#accountPaymentMethodDisplayWrapper .listPageHeader-standalone span {
  font-family: pantonFontBold;
}
#creditCardPaymentMethodDisplayWrapper .listPageHeader-standalone {
  margin: 0 0 30px 0;
}
@media (max-width: 640px) {
  #creditCardPaymentMethodDisplayWrapper .listPageHeader-standalone {
    margin: 0 0 0 0;
  }
}
.payments-cardInfoTable .payments-cardInfoTable-th {
  padding: 15px 20px 10px 20px !important;
  background: #f2f2f2;
  display: inline-block;
  margin-top: 25px;
  min-height: 37px;
  font-family: pantonFontBold;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  position: relative;
  color: #575757;
}
@media (max-width: 640px) {
  .payments-cardInfoTable .payments-cardInfoTable-th {
    maragin-top: 0;
    maragin-bottom: 0 !important;
  }
}
#creditCardPaymentMethodDisplayWrapper .payments-cardInfoTable-actions {
  width: auto;
  margin: 0px auto;
  padding: 15px 20px 10px 20px !important;
}
@media (max-width: 640px) {
  #creditCardPaymentMethodDisplayWrapper .payments-cardInfoTable-actions {
    padding: 25px 10px 10px 10px !important;
  }
  #creditCardPaymentMethodDisplayWrapper .payments-cardInfoTable-actions input {
    margin-left: 20px;
    margin-top: 15px;
  }
}
#creditCardPaymentMethodDisplayWrapper .cardVerify-footer {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 15px 20px 10px 20px !important;
}
@media (max-width: 640px) {
  #creditCardPaymentMethodDisplayWrapper .cardVerify-footer {
    padding: 0px 10px 10px 10px !important;
  }
}
#creditCardPaymentMethodDisplayWrapper .cardVerify-footer-images {
  display: block;
  float: left;
  margin: 0 0;
  padding: 0 0;
}
@media (max-width: 640px) {
  .payments-cardInfoTablecontainer {
    margin-top: 20px !important;
  }
}
#creditCardPaymentMethodDisplayWrapper .payments-cardInfoTable {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  #creditCardPaymentMethodDisplayWrapper .payments-cardInfoTable {
    margin-bottom: 20px;
  }
}
#creditCardPaymentMethodDisplayWrapper .cardVerify-footer-images .simple-banner-component {
  float: left;
}
#creditCardPaymentMethodDisplayWrapper .cardVerify-footer-images .simple-banner-component img {
  width: 100%;
  padding-right: 10px;
  height: auto;
}
@media (min-width: 640px) {
  #creditCardPaymentMethodDisplayWrapper .cardVerify-footer-images .simple-banner-component img {
    width: 250px;
  }
}
#creditCardPaymentMethodDisplayWrapper .headingNoSavedCardsText {
  padding: 20px 15px 15px 15px;
}
@media (max-width: 640px) {
  #creditCardPaymentMethodDisplayWrapper .headingNoSavedCardsText {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}
#creditCardPaymentMethodDisplayWrapper .cardVerify-footer-text {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  color: #929292;
  font-size: 14px;
  display: block;
  margin: 0 0;
  padding: 0 0;
}
#creditCardPaymentMethodDisplayWrapper .payu-footer-bar {
  display: none;
  overflow: hidden;
  background-color: #f2f2f2;
  text-align: center;
  padding: 10px;
  clear: both;
  margin: 30px 0 0;
}
#creditCardPaymentMethodDisplayWrapper .btn.btn-secondary-whiteout {
  height: 36px;
  padding: 0;
  width: 120px;
  margin-bottom: 3px !important;
}
#creditCardPaymentMethodDisplayWrapper .subscriptionsCardParagraph-icon {
  background-image: url(../images/icon-subscription-small.svg) !important;
  background-size: 20px;
  height: 19px;
  width: 20px;
  display: inline-block;
  float: left;
  left: 20px;
  position: relative;
}
#creditCardPaymentMethodDisplayWrapper div span .subscriptionsCardParagraph {
  font-family: "pnpFont", Arial, sans-serif;
  font-size: 15px;
  color: #575757;
  padding-left: 25px;
  margin-top: 0;
  line-height: 25px;
}
.ableToUpdatePopUp #cboxContent {
  background-color: #52ae32 !important;
  background-image: url(../images/icon-favesTick-green.png) !important;
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: 50% 25px;
  padding: 110px 55px 25px 55px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
}
.card-has-expired .remove-item {
  right: 15px;
  top: 12px;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc !important;
  background: #ffffff url(../images/icon-cross-light.png) center no-repeat;
  background-size: 12px;
  cursor: pointer;
}
.payments-cardInfoTable-cardRow {
  font-family: pantonFontBold;
  text-align: left;
  font-size: 14px;
  color: #929292;
  padding: 30px 20px;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
@media (max-width: 640px) {
  .payments-cardInfoTable-cardRow {
    padding: 20px 40px 10px 20px;
    background-color: #EDF4FC;
  }
}
.cardRow-name {
  position: relative;
}
@media (max-width: 640px) {
  .cardRow-name,
  .cardRow-type {
    padding: 0 0 10px 30px !important;
  }
  .cardRow-num {
    padding: 0 10px 0 30px !important;
    border-right: 1px solid #575757;
    width: auto !important;
  }
  .cardRow-exp {
    padding: 0 0 0 10px !important;
    width: auto !important;
  }
}
.paymentMethodContent .btn.remove-item,
.paymentMethodContent .btn.remove-item:hover,
.checkout-steps .step-body .paymentMethodContent .btn.remove-item,
.checkout-steps .step-body .paymentMethodContent .btn.remove-item:hover {
  position: absolute;
  top: 24px;
  right: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc !important;
  background: #ffffff url(../images/icon-cross-light.png) center no-repeat;
  background-size: 12px;
  cursor: pointer;
}
@media (max-width: 640px) {
  .paymentMethodContent .btn.remove-item,
  .paymentMethodContent .btn.remove-item:hover,
  .checkout-steps .step-body .paymentMethodContent .btn.remove-item,
  .checkout-steps .step-body .paymentMethodContent .btn.remove-item:hover {
    right: 20px;
  }
}
.paymentMethodContent .payments-cardPopup .btn.remove-item,
.paymentMethodContent .payments-cardPopup .btn.remove-item:hover {
  position: absolute;
  top: 24px;
  right: 20px;
  width: 30px;
  height: 30px;
  border: 1px solid #FFF !important;
  background: url(../images/icon-cross-white.png) center no-repeat;
  background-size: 12px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.paymentMethodContent .payments-cardPopup .btn.remove-item:hover {
  background: #ffffff url(../images/icon-cross-light.png) center no-repeat;
  background-size: 12px;
}
.checkout-steps .step-body .paymentMethodContent .payments-cardInfoTable-actions .btn {
  margin-bottom: 5px !important;
  width: 182px;
  height: 55px;
  font-family: pantonFontBold;
}
@media (max-width: 640px) {
  .checkout-steps .step-body .paymentMethodContent .payments-cardInfoTable-actions .btn {
    width: 100%;
    font-family: pantonFontBold;
    font-size: 15px;
  }
}
.checkout-steps .step-body .paymentMethodContent .payments-cardInfoTable-actions .btn[disabled] {
  background-color: #c9c9c9;
  opacity: 1;
}
.js-saved-credit-card {
  position: relative;
}
@media (min-width: 1024px) {
  .js-saved-credit-card {
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .payments-cardInfoTable {
    margin-top: 20px;
  }
}
.js-saved-credit-card .payments-cardPopup {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #FFF;
  font-size: 14px;
  text-transform: capitalize;
  margin-top: 10px;
}
.js-saved-credit-card .payments-cardPopup.js-credit-card-due-to-expire,
.js-saved-credit-card .payments-cardPopup.card-has-expired {
  text-align: center;
}
.js-saved-credit-card .payments-cardPopup.js-credit-card-due-to-expire span > span,
.js-saved-credit-card .payments-cardPopup.card-has-expired span > span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.js-saved-credit-card .payments-cardPopup .content {
  padding: 10px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  float: left;
  width: 100%;
}
.js-saved-credit-card .payments-cardPopup .content span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 680px) {
  .js-saved-credit-card .payments-cardPopup .content {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .js-saved-credit-card .payments-cardPopup .content {
    text-align: center;
  }
}
@media (max-width: 680px) {
  .js-saved-credit-card .payments-cardPopup .content .right {
    float: none;
  }
}
@media (min-width: 1024px) {
  .js-saved-credit-card .payments-cardPopup .content .right {
    float: none;
  }
}
.js-saved-credit-card .payments-cardPopup .content .payments-cardPopup-text {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  display: inline-block;
  padding: 10px 0;
}
.js-saved-credit-card .payments-cardPopup .content .payments-cardPopup-text span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 680px) {
  .js-saved-credit-card .payments-cardPopup .content .payments-cardPopup-text {
    padding: 0 0 5px 0;
  }
}
@media (min-width: 1024px) {
  .js-saved-credit-card .payments-cardPopup .content .payments-cardPopup-text {
    padding: 0 0 5px 0;
  }
}
.js-saved-credit-card .payments-cardPopup.card-has-expired .content .payments-cardPopup-text {
  padding: 10px 60px 10px 0;
}
/*--- easyCustomRadio for CARDS---*/
.easyCustomRadioCards {
  position: relative;
  left: 0;
}
.easyCustomRadioCards input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.easyCustomRadioCards input[type="radio"] + label {
  position: relative;
  padding-left: 0px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font-family: pantonFontBold;
  text-align: left;
  font-size: 14px;
  text-transform: none;
  color: #929292;
}
.easyCustomRadioCards input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: -30px;
  top: -4px;
  width: 23px;
  height: 23px;
  border: 1px solid #505050;
  border-radius: 100%;
  background: #fff;
}
.easyCustomRadioCards input[type="radio"] + label:after {
  content: '';
  width: 15px;
  height: 15px;
  background: #b9154a;
  position: absolute;
  top: 0;
  left: -26px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.easyCustomRadioCards input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.easyCustomRadioCards input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*------------------------*/
/*----- Billing Info -----*/
/*------------------------*/
.step-body p {
  margin: 20px 20px 30px 20px;
}
#billingInformation .easyCustomRadio input {
  height: auto;
  width: auto;
  margin: 0px;
}
#billingInformation .account-section {
  margin-bottom: 30px;
}
.step-body .checkout-help-progress .listPageHeader,
.step-body #billingInformation .account-section .listPageHeader {
  float: none;
}
.step-body .checkout-help-progress .listPageHeader.listPageHeaderColor,
.step-body .checkout-help-progress .orderSummary-type-del .listPageHeader,
.step-body .checkout-help-progress .orderSummary-type-cnc .listPageHeader,
.step-body .checkout-help-progress .orderSummary-type-col .listPageHeader {
  float: left;
}
#billingInformation .addressFormContainer {
  margin-top: 0;
}
.maximizedAddressContainer {
  display: none;
}
.minimizedAddressContainer {
  display: block;
}
.deliveryMessageDescription {
  padding: 0 10px 10px 55px;
  font-weight: normal;
}
.deliveryMessageDescription p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #575757;
  margin: 0 3px 10px 3px;
}
@media (max-width: 640px) {
  .deliveryMessageDescription {
    padding: 0;
  }
}
.template-pages-account-account2ColumnLayoutPage .addedAddressContent {
  padding-left: 0 !important;
}
.shortAddressFormContainer .addedAddressContent {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #575757;
  line-height: 20px;
  height: auto;
  padding-left: 45px !important;
}
.shortAddressFormContainer .addedAddressContent span {
  padding: 0 0 0 0;
  margin: 0;
  display: block;
  float: left;
  clear: none;
}
.shortAddressFormContainer .addedAddressContent .changeFulfillmentMethodPrefix:hover {
  cursor: pointer;
}
.shortAddressFormContainer .addedAddressContent .changeFulfillmentMethodPrefix {
  padding: 20px 0 0 45px;
  margin: 0;
  display: inline-block;
  clear: both;
  float: none;
  font-weight: bold;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
@media (max-width: 640px) {
  .shortAddressFormContainer .addedAddressContent .changeFulfillmentMethodPrefix {
    padding: 20px 0 0 0 !important;
  }
}
@media (min-width: 640px) {
  .shortAddressFormContainer .addedAddressContent .changeFulfillmentMethodPrefix {
    padding: 0 0 0 20px;
  }
}
.shortAddressFormContainer .addedAddressContent .changeFulfillmentMethodPrefix .changeFulfillmentMethodPreText {
  color: #B90748;
  text-decoration: underline;
  display: inline-block;
}
.shortAddressFormContainer .addedAddressContent .changeFulfillmentMethodPrefix .changeFulfillmentButtonPostText {
  color: #505050;
  display: inline-block;
}
.shortAddressFormContainer .manageAddressBtnContainer {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-top: 5px;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .shortAddressFormContainer .manageAddressBtnContainer {
    padding-left: 55px !important;
  }
}
.shortAddressFormContainer .manageAddressBtnContainer .manageAddress {
  background-color: #B90748;
  text-transform: uppercase;
  color: #FFF;
  font-family: pantonFontBold;
  font-size: 15px;
  width: 100%;
  height: 40px;
  padding-top: 5px;
  outline: none;
  border: none;
}
@media (min-width: 640px) {
  .shortAddressFormContainer .manageAddressBtnContainer .manageAddress {
    height: 44px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    width: auto;
  }
}
.addressFormContainer .addressLine.easyCustomRadio {
  display: block;
}
.addressFormContainer .ui-state-focus,
.ui-widget-content .ui-state-focus {
  color: #b9154a !important;
  background: #FFF !important;
}
.addressFormContainer .addressLine.easyCustomRadio label {
  order: 0;
  float: left;
  width: auto;
  display: block;
  clear: none;
  overflow: hidden;
  margin: 0 40px 0 0;
  padding: 0 0 0 0;
}
.addressFormContainer .addressLine.easyCustomRadio span {
  float: left;
  width: auto;
  display: block;
  clear: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
}
.addressFormContainer .addressLine.easyCustomRadio span label,
.addressFormContainer .addressLine.easyCustomRadio input + label {
  margin: 0 20px 0 0;
  padding: 0 0 0 20px;
  color: #929292;
}
.addressFormContainer .addressLine.easyCustomRadio input[type="radio"] {
  margin: 3px 0 0 0;
}
.addressFormContainer .addressLine span.control-label {
  color: #b9154a;
  order: 3;
  position: absolute;
  left: 100%;
  top: 38px;
  width: 50%;
}
@media (max-width: 1024px) {
  .addressFormContainer .addressLine span.control-label {
    width: 34%;
  }
}
@media (max-width: 640px) {
  .addressFormContainer .addressLine span.control-label {
    width: auto;
    position: relative;
    left: 0;
    top: 5px;
  }
}
.addressFormContainer .addressLine.easyCustomRadio span.control-label {
  left: 66.5%;
  top: 0;
  width: 35%;
}
@media (max-width: 1024px) {
  .addressFormContainer .addressLine.easyCustomRadio span.control-label {
    left: 75%;
    top: 0;
    width: 27%;
  }
}
@media (max-width: 640px) {
  .addressFormContainer .addressLine.easyCustomRadio span.control-label {
    width: auto;
    position: relative;
    left: 0;
    top: 5px;
  }
}
.account-section .addressLine.hasErrorMsg input:not([type=radio]) {
  border: 1px solid #b9154a !important;
}
.isValidated .addressLine.validated:before {
  position: absolute;
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-color: #52ae32;
  top: 36px;
  right: -20px;
  border: none;
  border-radius: 50%;
}
.isValidated .addressLine.validated:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 12px;
  top: 38px;
  right: -17px;
  border-width: 2px;
  border-style: none solid solid none;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  border-color: #FFF;
}
.isValidated .addressLine.easyCustomRadio.validated:before {
  top: -2px;
  right: 30.5%;
}
@media (max-width: 1024px) {
  .isValidated .addressLine.easyCustomRadio.validated:before {
    right: 22.7%;
  }
}
@media (max-width: 640px) {
  .isValidated .addressLine.easyCustomRadio.validated:before {
    right: -4%;
  }
}
.isValidated .addressLine.easyCustomRadio.validated:after {
  top: 1px;
  right: 30.9%;
}
@media (max-width: 1024px) {
  .isValidated .addressLine.easyCustomRadio.validated:after {
    right: 23%;
  }
}
@media (max-width: 640px) {
  .isValidated .addressLine.easyCustomRadio.validated:after {
    right: -3.3%;
  }
}
/*--- product validity modal ---*/
.valid-prod-popUp .mod-heading {
  padding: 17px 35px 20px 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
}
.valid-prod-popUp .mod-heading span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.valid-prod-popUp .valid-prod-section {
  font-weight: bold;
}
.valid-prod-popUp .valid-prod-section,
.valid-prod-popUp .valid-prod-foot {
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #575757;
}
@media (max-width: 640px) {
  .valid-prod-popUp .valid-prod-section,
  .valid-prod-popUp .valid-prod-foot {
    margin: 20px 20px;
    padding: 0px 0px;
  }
}
.valid-prod-popUp .valid-prod-section ul {
  margin: 18px 0;
  padding: 0 0;
  list-style: none;
}
.valid-prod-popUp .valid-prod-section ul p {
  margin: 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding-bottom: 5px;
}
.valid-prod-popUp .valid-prod-section:empty {
  display: none;
}
.valid-prod-popUp .valid-prod-section ul:empty {
  display: none;
}
.valid-prod-popUp .valid-prod-section ul li:empty {
  display: none;
}
.valid-prod-popUp .valid-prod-section ul li {
  margin: 0 0;
  padding: 0px 0 12px 22px;
  list-style: none;
  font-weight: normal !important;
  font-size: 15px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757;
  position: relative;
}
.valid-prod-popUp .valid-prod-section ul li span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
}
.valid-prod-popUp .valid-prod-section ul li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #b9154a;
}
.valid-prod-popUp .valid-prod-foot {
  border-bottom: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #575757;
  text-align: left;
}
.valid-prod-popUp .valid-prod-foot span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.valid-prod-popUp .valid-prod-foot .cart-actions {
  float: left;
  width: 100%;
  display: block;
  padding: 0 0;
}
.valid-prod-popUp .valid-prod-foot .cart-actions .col-sm-6 {
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  .valid-prod-popUp .valid-prod-foot .cart-actions .col-sm-6 {
    margin: auto;
    padding: 10px;
  }
}
.valid-prod-popUp .valid-prod-foot .cart-actions a {
  height: 55px;
  padding-top: 20px;
  background-color: #153a59;
}
@media (min-width: 640px) {
  .valid-prod-popUp .valid-prod-foot .cart-actions a {
    height: 54px;
    padding-top: 20px;
    width: 255px;
  }
}
.page-cartPage .product-table-titles,
.page-order .product-table-titles,
.page-shoppingListDetailsPage .product-table-titles {
  padding: 15px 20px 10px 20px !important;
  border: 1px solid #dcddde;
  background: #f2f2f2;
}
@media (max-width: 640px) {
  .page-cartPage .product-table-titles,
  .page-order .product-table-titles,
  .page-shoppingListDetailsPage .product-table-titles {
    padding: 15px 20px 10px 15px !important;
  }
}
.page-cartPage .product-table-titles h1,
.page-order .product-table-titles h1,
.page-shoppingListDetailsPage .product-table-titles h1 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #575757;
}
.page-cartPage .product-category-headings,
.page-order .product-category-headings,
.page-shoppingListDetailsPage .product-category-headings {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  background: #f2f2f2;
  padding-top: 15px;
}
/*-----------------------*/
/*----- TV Licenses -----*/
/*-----------------------*/
.listPageHeader.listPageHeaderColor.tvlic {
  background-color: #F2F2F2;
}
.checkout-steps .listPageHeader.tvlic .navcart-icon {
  background-image: url(../images/icon-tv-licence.svg);
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: 0 0;
  top: 8px;
}
.tvlic-input#tvlic-idnumber {
  padding: 0px 10px 10px 0 !important;
}
.tvlic-input#tvlic-idupload {
  padding: 0px 0 10px 10px;
}
.tvlic {
  background-color: #FFF;
}
@media (max-width: 640px) {
  .tvlic-input#tvlic-idnumber,
  .tvlic-input#tvlic-idupload {
    padding: 10px 0 20px 0;
  }
}
.tvlic-label {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  display: block;
  width: 100%;
  float: left;
  padding: 0 0;
  margin: 0 0 10px 0;
}
.tvlic-input-input {
  padding: 0 10px 0 0;
  margin: 0;
}
@media (max-width: 640px) {
  .tvlic-input-input {
    padding: 0 0;
    margin-bottom: 5px;
    max-width: 165px;
  }
}
.tvlic-input-input::placeholder {
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.tvlic-input input {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #575757;
  padding: 10px;
  margin: 0;
  width: 100%;
  height: 35px;
  border: 1px solid #cccccc !important;
  transition: border 0.3s;
}
.verifyTvLicenceBtn,
.uploadTvLicenceBtn {
  margin-left: 10px !important;
}
.tvlic-input input.idnumberInvalid {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
  font-style: italic;
  border: 1px solid #b9154a !important;
}
.listPageHeaderBody .listPageFooter,
.listPageHeaderBody .listPageErrorTop {
  background-color: #f1f2f2;
  padding: 15px 30px 15px 20px;
  margin: 20px 0px -20px -20px;
  float: left;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #575757;
  width: calc(100% + 40px);
  -moz-width: calc(100% + 40px);
  -ms-width: calc(100% + 40px);
  -o-width: calc(100% + 40px);
  -webkit-width: calc(100% + 40px);
}
.listPageHeaderBody .listPageErrorTop {
  background-color: #000;
  margin: -20px 0px 20px -20px;
  font-size: 14px;
  color: #FFF;
}
.listPageHeaderBody .listPageErrorTop a,
.listPageHeaderBody .listPageErrorTop a:visited,
.listPageHeaderBody .listPageErrorTop a:active,
.listPageHeaderBody .listPageErrorTop a:hover {
  color: #FFF;
  text-decoration: underline;
}
.tvlic-input .btn-default.btn-default-pink {
  padding: 8px 2px;
  font-size: 13px;
  height: 35px;
}
.btn-default.btn-default-pink.idValidated {
  background-color: #52ae32;
}
.tvlic .validatedMessage {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  padding: 0 0;
  margin: 0 0;
  color: #575757;
}
.tvlic .validatedMessage span {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.tvlic .validatedMessage.messageSmall {
  display: none;
}
.tvlic .validatedMessage.messageLarge {
  display: block;
}
@media (max-width: 640px) {
  .tvlic .validatedMessage.messageSmall {
    display: block;
    margin-top: 10px;
  }
  .tvlic .validatedMessage.messageLarge {
    display: none;
  }
}
.tvlic .validatedMessage.messageLarge br,
.tvlic .validatedMessage.messageSmall br {
  display: none;
}
@media (max-width: 640px) {
  .tvlic .validatedMessage.messageSmall br {
    display: inline-block;
  }
}
@media (max-width: 640px) {
  .tvlic-cbox .headline-text span {
    display: block;
  }
}
/*---------------------------------*/
/*----- checkout ss component -----*/
/*---------------------------------*/
.smartshopperpointscomponent {
  background-color: #FFFFFF;
  padding: 0 0;
  margin: 0 0 40px 0;
  position: relative;
  height: 170px;
  font-family: pantonFontBold;
}
@media (max-width: 640px) {
  .smartshopperpointscomponent {
    font-family: pantonFontBold;
    height: auto;
    margin: 0 0 0 0;
    padding-top: 20px;
  }
}
.smartshopperpointscomponent .smart-image {
  background: url(../images/SS-logo-bg-wide.png) no-repeat top right;
  background-size: 700px;
  width: 140px;
  height: 170px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
}
@media (max-width: 1024px) {
  .smartshopperpointscomponent .smart-image {
    width: 190px;
  }
}
@media (max-width: 640px) {
  .smartshopperpointscomponent .smart-image {
    position: relative;
    background: url(../images/SS-logo-bg-mobile.png) no-repeat bottom right;
    background-size: 700px;
    width: 100%;
    height: 140px;
  }
}
.smartshopperpointscomponent .smart-image img {
  width: auto;
  height: 60px;
  margin: 0 20px 0 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .smartshopperpointscomponent .smart-image img {
    height: 80px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 640px) {
  .smartshopperpointscomponent .smart-image img {
    height: auto;
    width: 90%;
    max-width: 120px;
    margin: -10px 0px 0 0;
  }
}
.smartshopperpointscomponent .smart-points {
  width: 100%;
  height: 100%;
  padding: 0 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 640px) {
  .smartshopperpointscomponent .smart-points {
    padding: 0 0;
  }
}
.smartshopperpointscomponent .smart-points-line.switchedValue {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757;
  padding: 10px 10px 0 0;
  float: left;
  text-align: left;
  position: relative;
}
@media (min-width: 640px) {
  .smartshopperpointscomponent .smart-points-line.switchedValue {
    text-align: left;
    padding-left: 10px;
  }
  .smartshopperpointscomponent .smart-points-line.switchedValue .switched-points {
    float: right;
  }
  .smartshopperpointscomponent .smart-points-line.switchedValue span.switched-points {
    text-align: right;
    float: right;
    font-size: 16px;
  }
}
.smartshopperpointscomponent .smart-points-line.switchedValue span.switched-points {
  text-align: right;
  float: right;
}
.smartshopperpointscomponent .smart-points .smart-points-line {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757;
  padding: 0 10px 0 0;
  float: left;
  width: 100%;
  position: relative;
}
.smartshopperpointscomponent .smart-points .smart-points-line span.spl-item {
  float: left;
  padding: 10px 0px 8px 145px;
}
.smartshopperpointscomponent .smart-points .smart-points-line span.spl-val {
  float: right;
  text-align: right;
  width: 80px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 7px 0px 7px 1px;
  box-sizing: border-box;
  border: 1px solid transparent !important;
  position: relative;
  text-indent: -13px;
}
@media (max-width: 1024px) {
  .smartshopperpointscomponent .smart-points .smart-points-line span.spl-item {
    padding: 8px 0px 8px 200px;
  }
}
@media (max-width: 640px) {
  .smartshopperpointscomponent .smart-points .smart-points-line {
    padding: 0px 20px 2px 20px;
  }
  .smartshopperpointscomponent .smart-points .smart-points-line span.spl-item {
    padding: 10px 0px;
  }
  .smartshopperpointscomponent .smart-points .smart-points-line span.spl-val {
    float: right;
    padding: 7px 0px 4px;
    text-indent: 0;
  }
}
.smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use,
.smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use:focus,
.smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use-error:focus {
  background-color: #f2f2f2;
  color: #575757;
  box-sizing: border-box;
}
.smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use {
  text-indent: 0;
  height: 36px;
  text-align: right;
}
@media (max-width: 640px) {
  .smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use {
    height: auto;
    float: right;
    margin-left: 12px;
    width: calc(100% - 12px);
    -moz-width: calc(100% - 12px);
    -ms-width: calc(100% - 12px);
    -o-width: calc(100% - 12px);
    -webkit-width: calc(100% - 12px);
    max-width: 100px;
  }
}
.smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use-error {
  background-color: #b9154a;
  color: #FFF;
}
.smartshopperpointscomponent .smart-points .smart-points-line span.amount-to-use:before {
  content: "R";
  position: absolute;
  left: -12px;
  top: 7px;
  width: 20px;
  height: 20px;
  text-align: left;
  color: #575757 !important;
}
.smartshopperpointscomponent .smart-points .smart-points-line.total {
  position: relative;
  bottom: 0;
  background-color: #dfe2e2;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
}
.smartshopperpointscomponent .smart-points .smart-points-line.total span.spl-item {
  padding: 12px 0px 12px 145px;
}
.smartshopperpointscomponent .smart-points .smart-points-line.total span.spl-val {
  padding-top: 10px;
  color: #3374b6;
}
@media (max-width: 1024px) {
  .smartshopperpointscomponent .smart-points .smart-points-line.total span.spl-item {
    padding: 12px 0px 12px 200px;
  }
}
@media (max-width: 640px) {
  .smartshopperpointscomponent .smart-points .smart-points-line.total {
    position: relative;
    padding: 14px 20px 12px;
  }
  .smartshopperpointscomponent .smart-points .smart-points-line.total span.spl-item {
    padding: 5px 0px;
  }
  .smartshopperpointscomponent .smart-points .smart-points-line.total span.spl-val {
    float: right;
    padding: 2px 0px 4px;
    text-align: right;
    text-indent: 0;
  }
}
/*---------------------------------*/
/*----- checkout store account  component -----*/
/*---------------------------------*/
.storeaccountcomponent {
  background-color: #f1f2f2;
  border: 1px solid #f1f2f2;
  padding: 0 0;
  margin: 0 0 20px 0;
  position: relative;
  height: 170px;
  overflow: hidden;
}
.storeAccountHeader {
  display: none !important;
  margin-bottom: 10px !important;
}
@media (min-width: 640px) {
  .storeAccountHeader {
    display: block !important;
  }
}
@media (min-width: 640px) {
  .template-pages-MultiStepCheckoutSummaryPageTemplate .pnpStoreAccountPaymentMethodDisplayWrapperClass .hasSufficientFundsBtn {
    margin-right: 0 !important;
  }
}
.template-pages-MultiStepCheckoutSummaryPageTemplate .storeaccountcomponent .storeaccount-image {
  background: url(../images/storeaccount-logo-bg-wide-01.png) no-repeat top right;
}
.storeaccountcomponent .storeaccount-image {
  background: url(../images/storeaccount-logo-bg-wide.png) no-repeat top right;
  background-size: 700px;
  width: 140px;
  height: 170px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  display: none !important;
}
@media (max-width: 1024px) {
  .storeaccountcomponent .storeaccount-image {
    width: 190px;
  }
}
@media (min-width: 640px) {
  .storeaccountcomponent .storeaccount-image {
    display: block !important;
  }
}
.storeaccountcomponent .storeaccount-image img {
  width: auto;
  height: 60px;
  margin: 0 20px 0 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .storeaccountcomponent .storeaccount-image img {
    height: 80px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 640px) {
  .storeaccountcomponent .storeaccount-image img {
    height: auto;
    width: 90%;
    max-width: 120px;
    margin: -10px 0px 0 0;
  }
}
.storeaccountcomponent .accountPaymentUnavailableMessage {
  z-index: 1;
  width: 100%;
  overflow: hidden;
  position: absolute;
  padding: 10px;
  top: 50%;
  transform: translate(0%, -50%);
  color: #b9154a;
  font-family: "pnpFontBold", "Open Sans", sans-serif, Helvetica;
  font-size: 14px;
}
@media (min-width: 640px) {
  .storeaccountcomponent .accountPaymentUnavailableMessage {
    padding: 10px 10px 8px 145px;
  }
}
.storeaccountcomponent .storeaccount-points {
  width: 100%;
  height: 100%;
  padding: 15px 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 640px) {
  .storeaccountcomponent .storeaccount-points {
    height: 170px;
  }
}
.storeaccountcomponent .storeaccount-points .storeaccount-line {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757;
  padding: 0 10px 0 0;
  float: left;
  width: 100%;
  position: relative;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line span.spl-item {
  float: left;
  padding: 10px 0px 8px 166px;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line span.spl-val {
  float: right;
  width: 80px;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  padding: 7px 0px 7px 1px;
  box-sizing: border-box;
  border: 1px solid transparent !important;
  position: relative;
  text-indent: -13px;
}
@media (max-width: 1024px) {
  .storeaccountcomponent .storeaccount-points .storeaccount-line span.spl-item {
    padding: 8px 0px 8px 200px;
  }
  .storeaccountcomponent .storeaccount-points .storeaccount-line span.spl-val {
    width: 140px;
  }
}
@media (max-width: 640px) {
  .storeaccountcomponent .storeaccount-points .storeaccount-line {
    padding: 0px 20px 12px 20px;
  }
  .storeaccountcomponent .storeaccount-points .storeaccount-line span.spl-item {
    padding: 0px 0px;
    width: 100%;
  }
  .storeaccountcomponent .storeaccount-points .storeaccount-line span.spl-val {
    float: left;
    padding: 2px 0px 4px;
    width: 100%;
    text-indent: 0;
  }
}
.storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use,
.storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use:focus,
.storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use-error:focus {
  background-color: #FFF;
  color: #575757;
  box-sizing: border-box;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use {
  text-indent: 0;
  height: 36px;
}
@media (max-width: 640px) {
  .storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use {
    height: auto;
    float: left;
    margin-left: 12px;
    width: calc(100% - 12px);
    -moz-width: calc(100% - 12px);
    -ms-width: calc(100% - 12px);
    -o-width: calc(100% - 12px);
    -webkit-width: calc(100% - 12px);
    max-width: 100px;
  }
}
.storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use-error {
  background-color: #b9154a;
  color: #FFF;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line span.amount-to-use:before {
  content: "R";
  position: absolute;
  left: -12px;
  top: 7px;
  width: 20px;
  height: 20px;
  text-align: left;
  color: #575757 !important;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line.total {
  position: absolute;
  bottom: 0;
  background-color: #dfe2e2;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  width: 100%;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line.total span.spl-item {
  padding: 12px 0px 12px 145px;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line.total span.spl-val {
  padding-top: 10px;
  color: #3374b6;
}
@media (max-width: 1024px) {
  .storeaccountcomponent .storeaccount-points .storeaccount-line.total span.spl-item {
    padding: 12px 0px 12px 200px;
  }
}
@media (max-width: 640px) {
  .storeaccountcomponent .storeaccount-points .storeaccount-line.total {
    position: relative;
    padding: 14px 20px 12px;
  }
  .storeaccountcomponent .storeaccount-points .storeaccount-line.total span.spl-item {
    padding: 0px 0px;
    width: 100%;
  }
  .storeaccountcomponent .storeaccount-points .storeaccount-line.total span.spl-val {
    float: left;
    padding: 2px 0px 4px;
    width: 100%;
    text-indent: 0;
  }
}
.template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass {
  padding: 20px;
}
@media (min-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass {
    padding: 0;
  }
}
.template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass h2.header-red {
  width: 100%;
}
@media (min-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass h2.header-red {
    width: 80%;
    margin-left: 20px;
  }
}
.template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass .insufficientFundsText {
  width: 100%;
}
@media (min-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass .insufficientFundsText {
    width: 80%;
    margin-left: 20px;
  }
}
.template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass .storeaccountcomponent {
  width: 100%;
}
@media (min-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass .storeaccountcomponent {
    width: 80%;
    margin-left: 20px;
  }
}
.template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass .actions {
  width: 100%;
}
@media (min-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .pnpStoreAccountPaymentMethodDisplayWrapperClass .actions {
    width: 80%;
    margin-left: 20px;
  }
}
.pnpStoreAccountPaymentMethodDisplayWrapperClass .storeAccountHeader {
  text-transform: uppercase;
  margin-top: 0;
}
.pnpStoreAccountPaymentMethodDisplayWrapperClass h2.header-red {
  color: #da291c;
  font-family: pantonFontBold;
  font-size: 22px;
  font-weight: bold;
  margin-left: 10px;
}
@media (min-width: 640px) {
  .pnpStoreAccountPaymentMethodDisplayWrapperClass .DefaultPnPStoreAccountPaymentMethodComponentDashboard-FAQAction {
    width: 180px;
    float: right;
  }
}
.pnpStoreAccountPaymentMethodDisplayWrapperClass .logo-pnpmoney-img {
  height: 24px;
  width: 186px;
  float: right;
  margin-top: -3px;
}
.insufficientFundsText {
  background-color: #000;
  color: #FFF;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}
.hasSufficientFundsBtn {
  margin-bottom: 20px !important;
  float: right;
}
.legalDisclaimerParagraph {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  font-style: italic;
  clear: both;
}
.storeaccountcomponent .storeaccount-points .storeaccount-line.total span.inSufficientFundsStyle {
  color: red !important;
}
.page-cartPage h3.pageTitle,
.page-multiStepCheckoutDeliveryPage h3.pageTitle,
.page-multiStepCheckoutSummaryPage h3.pageTitle,
.page-multiStepCheckoutPaymentMethodPage h3.pageTitle,
.page-orderConfirmationPage h3.pageTitle {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  text-transform: uppercase;
  color: #575757;
  margin: 50px 0 50px 0;
}
.page-cartPage h3.pageTitle span,
.page-multiStepCheckoutDeliveryPage h3.pageTitle span,
.page-multiStepCheckoutSummaryPage h3.pageTitle span,
.page-multiStepCheckoutPaymentMethodPage h3.pageTitle span,
.page-orderConfirmationPage h3.pageTitle span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #575757;
}
.page-cartPage .cart-nav-item-heading,
.page-multiStepCheckoutDeliveryPage .cart-nav-item-heading,
.page-multiStepCheckoutSummaryPage .cart-nav-item-heading,
.page-multiStepCheckoutPaymentMethodPage .cart-nav-item-heading,
.page-orderConfirmationPage .cart-nav-item-heading {
  display: inline-block;
  position: relative;
  top: 5px;
  left: 5px;
}
@media (max-width: 480px) {
  .page-cartPage .cart-nav-container .cart-nav-item {
    text-align: left;
    color: #575757;
    font-weight: bold;
    font-size: 18px;
    padding-left: 25px;
  }
  .page-cartPage .cart-nav-container .cart-nav-item .rounded {
    text-align: center;
  }
  .page-multiStepCheckoutDeliveryPage .checkout-steps .step-head .title .cart-nav-item-heading,
  .page-multiStepCheckoutSummaryPage .checkout-steps .step-head .title .cart-nav-item-heading,
  .page-multiStepCheckoutPaymentMethodPage .checkout-steps .step-head .title .cart-nav-item-heading {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 5px;
  }
  .page-multiStepCheckoutDeliveryPage .checkout-steps .step-head .title .cart-nav-item-heading span,
  .page-multiStepCheckoutSummaryPage .checkout-steps .step-head .title .cart-nav-item-heading span,
  .page-multiStepCheckoutPaymentMethodPage .checkout-steps .step-head .title .cart-nav-item-heading span {
    font-weight: bold;
  }
  .page-multiStepCheckoutDeliveryPage .paymentMethodContent .listPageHeader-standalone,
  .page-multiStepCheckoutSummaryPage .paymentMethodContent .listPageHeader-standalone,
  .page-multiStepCheckoutPaymentMethodPage .paymentMethodContent .listPageHeader-standalone {
    padding-right: 20% !important;
  }
}
@media (max-width: 480px) and (max-width: 640px) {
  .page-multiStepCheckoutDeliveryPage .checkout-steps .step-head .title .cart-nav-item-heading,
  .page-multiStepCheckoutSummaryPage .checkout-steps .step-head .title .cart-nav-item-heading,
  .page-multiStepCheckoutPaymentMethodPage .checkout-steps .step-head .title .cart-nav-item-heading {
    padding-top: 5px;
  }
}
@media (max-width: 480px) and (min-width: 411px) {
  .page-multiStepCheckoutDeliveryPage .paymentMethodContent,
  .page-multiStepCheckoutSummaryPage .paymentMethodContent,
  .page-multiStepCheckoutPaymentMethodPage .paymentMethodContent {
    padding-right: 30%;
  }
}
@media (max-width: 480px) and (min-width: 500px) {
  .page-multiStepCheckoutDeliveryPage .paymentMethodContent,
  .page-multiStepCheckoutSummaryPage .paymentMethodContent,
  .page-multiStepCheckoutPaymentMethodPage .paymentMethodContent {
    padding-right: 15px;
  }
}
.orderNumberContainer {
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  padding: 25px 15px 10px 15px;
  margin: 0 0px 20px 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  display: inline-block;
  min-height: 60px;
  width: 100%;
}
@media (min-width: 640px) {
  .orderNumberContainer {
    font-size: 15px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #F6F6F6;
  }
}
.orderNumberContainer input:focus {
  outline-offset: 0;
}
.orderNumberContainer input {
  width: 100%;
  color: #575757;
  height: 44px;
  top: 7px;
  position: relative;
  border: 1px solid #CCCCCC;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .orderNumberContainer input {
    width: 40%;
    color: #575757;
    float: right;
    margin-bottom: 0px;
    height: 36px;
    top: -7px;
    position: relative;
  }
  .orderNumberContainer input:focus {
    outline-offset: 0;
    border: 1px solid #CCCCCC;
  }
}
@media (min-width: 1400px) {
  .orderNumberContainer input {
    width: 47%;
    color: #575757;
    float: right;
  }
}
.stepOneSection h4 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.yourDetailsInner div {
  padding: 0 !important;
}
.yourDetailsInner {
  word-break: break-word;
  font-weight: normal;
  line-height: normal;
  color: #575757;
}
.youDetailsTitle {
  border-bottom: 2px solid #9fd0bb;
  margin-bottom: 10px;
  padding-bottom: 10px;
  line-height: normal;
  font-family: "pantonFontRegular";
  font-size: 18px;
  color: #9fd0bb;
  font-weight: bold;
}
.yourDetailsOutter {
  border: 1px solid #9fd0bb;
  background-color: white;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}
.MobilefixedSideBar .yourDetailsOutter {
  display: none;
}
@media (min-width: 1024px) {
  .MobilefixedSideBar .yourDetailsOutter {
    display: block;
  }
}
.yourDetailsDisplay {
  text-transform: lowercase;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width: 640px) {
  .yourDetailsDisplay {
    display: block;
    padding: 0 !important;
  }
}
.yourDetailsDisplay:first-letter {
  text-transform: capitalize;
}
.contactNumberErrorMessage {
  color: #b9154a;
  padding: 0;
  padding-top: 0;
  margin-top: -10px;
}
@media (min-width: 640px) {
  .contactNumberErrorMessage {
    position: relative;
    top: -15px;
    padding-top: 20px;
    margin-top: 0;
    display: inline-block;
    float: left;
    width: auto;
  }
}
input.invalid-red {
  border: 1px solid #b9154a !important;
}
input.valid-green {
  border: 1px solid #52ae32 !important;
}
.validTick {
  width: 50px;
  float: right;
  top: -35px;
  position: relative;
  left: 30px;
  font-size: 25px;
  color: #52ae32;
}
@media (min-width: 640px) {
  .validTick {
    float: left;
    top: -15px;
    left: 20px;
  }
}
.invalidTick {
  width: 50px;
  float: right;
  top: -35px;
  position: relative;
  left: 30px;
  font-size: 25px;
  color: #b9154a;
}
@media (min-width: 640px) {
  .invalidTick {
    float: left;
    top: -15px;
    left: 20px;
  }
}
.shoppinglists-itemList-item {
  border: 1px solid #CCCCCC;
  margin-bottom: 15px !important;
}
@media (min-width: 640px) {
  .shoppinglists-itemList-item {
    border-bottom: 1px solid #CCCCCC;
    border-right: none;
    border-left: none;
    border-top: none;
  }
}
.cartDiscountContainer {
  width: 100%;
  position: relative;
  display: inline-block;
}
.cartDiscountContainer .discountAvailable {
  color: #FFF !important;
  background-color: #3374b6;
  font-size: 11px !important;
  padding-left: 40px;
  position: relative;
  display: block;
  line-height: 20px !important;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: underline !important;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica !important;
}
.cartDiscountContainer .discountAvailable:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 31px;
  height: 27px;
  background: url(../images/smart-shopper-outline.svg) 0 0 no-repeat;
  background-size: 30px;
}
.cartDiscountContainer .discountApplied {
  color: #3374b6;
  font-size: 11px;
  padding-left: 40px;
  display: block;
  position: relative;
  line-height: 2.1;
  padding-top: 5px;
  padding-bottom: 6px;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
}
.cartDiscountContainer .discountApplied:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 30px;
  height: 22px;
  background: url(../images/smartshopper-icon-filled.svg) 0 0 no-repeat;
  background-size: 30px;
}
@media (min-width: 640px) {
  .cartDiscountContainer {
    width: 240px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
  }
  .cartDiscountContainer .discountAvailable {
    color: #FFF !important;
    background-color: #3374b6;
    font-size: 11px !important;
    padding-left: 40px;
    position: relative;
    display: block;
    line-height: 20px !important;
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration: underline !important;
    font-family: "pnpFontBold", Arial, sans-serif, Helvetica !important;
    width: 280px;
  }
  .cartDiscountContainer .discountAvailable:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 31px;
    height: 27px;
    background: url(../images/smart-shopper-outline.svg) 0 0 no-repeat;
    background-size: 30px;
  }
  .cartDiscountContainer .discountApplied {
    color: #3374b6;
    font-size: 11px;
    padding-left: 40px;
    display: block;
    position: relative;
    line-height: 2.1;
    padding-top: 5px;
    padding-bottom: 6px;
    font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  }
  .cartDiscountContainer .discountApplied:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 30px;
    height: 22px;
    background: url(../images/smartshopper-icon-filled.svg) 0 0 no-repeat;
    background-size: 30px;
  }
}
.suitableContainer {
  position: relative;
  left: 0;
  padding: 5px;
  display: block;
}
@media (min-width: 640px) {
  .suitableContainer {
    position: relative;
    left: 0;
    border: 1px solid #CCCCCC;
    padding: 5px;
    display: inline-block;
  }
}
.suitableContainer .sub-container {
  padding-left: 15px !important;
}
@media (min-width: 480px) {
  .suitableContainer .sub-container {
    padding-left: 0 !important;
  }
}
.hyperDeliveryDetailsFieldTitle {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #575757;
  display: block;
  margin-bottom: 20px;
}
.hyperDeliveryDetailsFieldSubText {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  display: block;
  margin-bottom: 10px;
}
.deliveryAddressInstructionsErrorMessage {
  color: #A70240;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  margin-bottom: 10px;
  padding-left: 0;
}
.deliveryAddressInstructionsErrorMessage .warningIcon {
  background: url(../images/warning-triangle.svg) no-repeat 0 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 15px;
  padding-right: 15px;
  width: 20px;
  height: 20px;
  position: relative;
  float: left;
}
.clearDeliveryInstructionsButton {
  background-image: url(https://pnp-hybris-media-prod.s3-eu-west-1.amazonaws.com/media/2020/blackfriday/Maintenance/icon-clear-address.svg) !important;
  background-size: 40px;
  width: 40px;
  height: 24px;
  left: -49px;
  top: 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  float: left;
}
@media (max-width: 640px) {
  .clearDeliveryInstructionsButton {
    left: 85%;
    top: -55px;
  }
}
.clearDeliveryInstructionsButton:hover {
  cursor: pointer;
}
.deliveryAddressInputFieldReadonly {
  border: 1px solid #979797;
  background-color: #F5F5F5;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #505050;
  font-size: 14px;
  padding-right: 56px !important;
}
.cncDeliveryDetailsFieldTitle span {
  font-size: 18px !important;
  font-family: pantonFontBold !important;
}
.deliveryAddressDescriptionCollection {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #575757;
  line-height: 20px;
  height: auto;
  padding-left: 55px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}
.subscriptionDescriptionText {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #575757;
  line-height: 20px;
  height: auto;
  margin-top: 20px;
}
.subscriptionDescriptionText ul {
  margin-top: 15px;
  list-style: none;
  /* Remove default bullets */
}
.subscriptionDescriptionText ul li::before {
  content: "\2022";
  color: #565656;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.subscriptionConfirmationPopUpContent {
  padding: 20px 30px;
  padding-bottom: 30px;
}
.subscriptionConfirmationHeader {
  font-size: 16px;
  color: #FFF;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 22px;
  padding-top: 15px;
  padding-left: 30px;
  display: inline-block;
}
.subscriptionConfirmation-primary {
  font-size: 16px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 22px;
}
.subscriptionConfirmation-secondary {
  font-size: 16px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 22px;
}
.noScheduleSubscriptionButton {
  border: 1px solid #003359 !important;
  color: #003359 !important;
  background-color: #FFF !important;
  width: 48%;
  margin-right: 2%;
  margin-left: 0 !important;
  font-weight: bold !important;
}
@media (max-width: 640px) {
  .noScheduleSubscriptionButton {
    width: 100%;
    margin-bottom: 15px;
  }
}
.yesScheduleSubscriptionButton {
  background-color: #003359 !important;
  color: #FFF !important;
  width: 48%;
  font-weight: bold !important;
  margin-left: 0 !important;
}
@media (max-width: 640px) {
  .yesScheduleSubscriptionButton {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #colorbox #cboxTitle .headline-text {
    display: block !important;
  }
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #003359;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 13px;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #cccccc;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 48px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #003359;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
  color: #003359;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1024px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #003359;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #003359;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 639px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 10px 10px;
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #003359;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid #003359;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #003359;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #003359;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}
.addressbook-component {
  border: 1px solid #eee;
  padding: 0;
  margin: 140px 0;
}
.addressbook-component .addressbook-header {
  background: #eee;
  position: relative;
  border-bottom: 1px solid #003359;
  padding: 10px;
  height: 56px;
  display: table;
  width: 100%;
}
.addressbook-component .addressbook-header .headline {
  line-height: 16px;
  font-weight: bold;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
  display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
  display: table-cell;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #003359;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-top: 1px solid #DDDDDD;
  margin-top: -1px;
  background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
  float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
  float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
  float: left;
  width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
  padding: 10px;
  height: 252px;
  overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
  height: 56px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
  position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
  position: absolute;
  top: -50px;
  right: 10px;
}
.addressbook-component .address-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.addressbook-component .address-list .address-list-entry {
  height: 56px;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
  display: none;
}
.addressbook-component .address-list .address-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
  background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
  max-height: 56px;
  overflow: hidden;
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
  display: block;
  font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
  display: table;
  height: 100%;
  width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1024px) {
  .addressbook-component .find-address-display .address-list {
    margin: 0 -1px 0 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label {
    padding-right: 14px;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #003359;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #003359;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .addressbook-component {
    overflow: hidden;
  }
  .addressbook-component .find-address-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .addressbook-component .find-address-display .address-navigation {
    width: 50%;
    border: 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #003359;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
}
.login-section .headline,
.register-section .headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
}
@media (max-width: 639px) {
  .login-section .headline,
  .register-section .headline {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.login-section .headline.border,
.register-section .headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
form .forgotten-password {
  margin-bottom: 25px;
}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}
.register-form-action,
.login-form-action {
  margin-top: 35px;
}
.forgotten-password + .login-form-action {
  margin-top: 0;
}
@media (max-width: 639px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 639px) {
  .login-section .forgotten-password,
  .register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.checkout-login .headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
}
@media (max-width: 639px) {
  .checkout-login .headline {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-login .headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.checkout-new-account {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 55px;
}
.checkout-new-account-headline {
  font-size: 24px;
  font-weight: bold;
}
.checkout-new-account-form {
  text-align: left;
  margin-top: 25px;
}
.checkout-new-account .accountActions-bottom {
  margin-top: 35px;
}
@media (max-width: 639px) {
  .checkout-new-account {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
}
@media (max-width: 639px) {
  .checkout-headline {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.checkout-headline span {
  color: #154259;
  margin-right: 5px;
  top: 2px;
}
.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-head {
  background: #ffffff;
  color: #154259;
  border: 1px solid #cccccc;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 20px 10px 40px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  /*content:counter(checkout) + '.';
      position: absolute;
      left: 3px;
      top: 0;
      width: 50px;
      text-align: center;
      line-height: @step-height;*/
  /*-- in cart.less --*/
}
.checkout-steps .step-head + .step-head {
  margin-top: 10px;
}
.checkout-steps .step-head.active {
  background: #a6a6a6;
  color: #ffffff;
  border-color: #cccccc;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: #b9154a;
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body hr {
  margin: 0 -20px;
  border-color: #e5e5e5;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
@media (max-width: 639px) {
  .checkout-steps {
    padding-left: 10px;
    padding-right: 10px;
  }
  .checkout-steps .step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 25px 0 10px 0;
  font-size: 16px;
  font-weight: 700;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding-top: 6px;
  line-height: 18px;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
  font-weight: 700;
}
.checkout-shipping .simplify-pickup-locations {
  background: #f2f4f7;
  padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #b3bfd0;
  padding: 10px;
  line-height: 35px;
  margin: -10px -10px 10px -10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #19212b;
  background: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}
@media (max-width: 1399px) {
  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
@media (min-width: 640px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
  background-color: #f2f2f2;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #ffffff !important;
  color: #19212b;
  padding: 60px 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 14px;
  margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .promotion {
  color: #00a651;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 13px;
}
@media (max-width: 1023px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 18px;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 14px;
}
@media (max-width: 639px) {
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent!important;
    color: #19212b;
    padding: 25px 20px;
    border-color: #e5e5e5;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 16px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #e5e5e5;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}
.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 14px;
  color: #19212b;
  text-transform: none;
}
.btn-close-terms-and-conditions {
  margin: 30px 0;
}
@media (min-width: 640px) {
  .place-order-form .checkbox {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-help {
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
@media (max-width: 639px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.checkout-success-body {
  margin: 30px 0 55px;
  text-align: center;
}
.checkout-success-body-headline {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.checkout-success-body-register {
  overflow: hidden;
  margin: 20px 0 35px 0;
}
.checkout-success-body-register .login-section,
.checkout-success-body-register .register-section {
  margin: 0 auto;
  float: none;
  background-color: #f2f4f7;
  padding: 15px;
}
.checkout-success-body-register .checkout-success-body-register-email {
  display: inline-block;
  margin-left: 5px;
}
.checkout-success-body-register form {
  padding: 20px 0;
  text-align: left;
}
.termsAndConditions-section {
  padding-bottom: 20px;
}
label.terms {
  margin: 15px 0;
}
fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #e5e5e5;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #f2f2f2;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
.page-multiStepCheckoutSummaryPage .orderSummary-type-del .listPageHeader,
.page-multiStepCheckoutSummaryPage .orderSummary-type-cnc .listPageHeader,
.page-multiStepCheckoutSummaryPage .orderSummary-type-col .listPageHeader {
  padding: 10px 20px;
}
.page-multiStepCheckoutSummaryPage .orderSummary-type-del .listPageHeader h1,
.page-multiStepCheckoutSummaryPage .orderSummary-type-cnc .listPageHeader h1,
.page-multiStepCheckoutSummaryPage .orderSummary-type-col .listPageHeader h1 {
  font-size: 16px !important;
  font-family: pantonFontBold;
}
.page-multiStepCheckoutSummaryPage .orderSummary-type-del .listPageHeader h1 span,
.page-multiStepCheckoutSummaryPage .orderSummary-type-cnc .listPageHeader h1 span,
.page-multiStepCheckoutSummaryPage .orderSummary-type-col .listPageHeader h1 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.page-multiStepCheckoutSummaryPage .orderSummary-type-del .listPageHeaderBody,
.page-multiStepCheckoutSummaryPage .orderSummary-type-cnc .listPageHeaderBody,
.page-multiStepCheckoutSummaryPage .orderSummary-type-col .listPageHeaderBody {
  background-color: #FFFFFF;
}
@media (min-width: 480px) {
  .page-multiStepCheckoutSummaryPage .orderSummary-type-del .listPageHeaderBody,
  .page-multiStepCheckoutSummaryPage .orderSummary-type-cnc .listPageHeaderBody,
  .page-multiStepCheckoutSummaryPage .orderSummary-type-col .listPageHeaderBody {
    background-color: #FFFFFF;
  }
}
.page-multiStepCheckoutSummaryPage .listPageHeaderColor,
.page-multiStepCheckoutSummaryPage .listPageInstructions {
  padding: 14px 65px !important;
  background-color: #f2f2f2;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica !important;
  border: 1px solid #CCCCCC !important;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .listPageHeaderColor,
  .page-multiStepCheckoutSummaryPage .listPageInstructions {
    padding: 14px 55px !important;
  }
}
.page-multiStepCheckoutSummaryPage .cart-deli-instructions {
  padding: 0 !important;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .cart-deli-instructions {
    padding: 10px 0 0 0 !important;
  }
}
.page-multiStepCheckoutSummaryPage .cart-pckg-instructions {
  padding: 0 !important;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .cart-pckg-instructions {
    padding: 30px 15px 10px 15px !important;
  }
}
.page-multiStepCheckoutSummaryPage .cart-deli-textarea::placeholder {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-style: italic;
  color: #898989;
  font-size: 14px;
  padding: 10px 70px 0 10px;
}
@media (max-width: 1024px) {
  .page-multiStepCheckoutSummaryPage .cart-deli-textarea::placeholder {
    padding: 10px 20px 0 10px;
  }
}
.page-multiStepCheckoutSummaryPage .cart-deli-inst-textarea {
  margin: 20px 0 0 0;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .cart-deli-inst-textarea {
    border-bottom: 1px solid #dcddde;
    padding: 0 0 30px 0;
  }
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .cart-deli-inst-brd-mob {
    border-bottom: 1px solid #dcddde;
    padding: 10px 0 30px 0 !important;
  }
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .cart-deli-inst-pckg-mob {
    padding: 20px 0 10px 0 !important;
  }
}
.page-multiStepCheckoutSummaryPage .cart-deli-textarea {
  max-width: 100% !important;
}
.page-multiStepCheckoutSummaryPage .deli-inst-brd-right {
  border-right: 1px solid #dcddde;
  padding: 0 30px 0 10px;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .deli-inst-brd-right {
    border-right: none;
    padding: 0 15px;
  }
}
.page-multiStepCheckoutSummaryPage .deli-move-left {
  padding: 0 0 0 30px;
}
@media (max-width: 1024px) {
  .page-multiStepCheckoutSummaryPage .deli-move-left {
    padding: 0;
  }
}
.page-multiStepCheckoutSummaryPage .deli-inst-move-left {
  padding: 0 0 0 30px;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .deli-inst-move-left {
    padding: 0;
  }
}
.page-multiStepCheckoutSummaryPage .cart-deli-pckg-radio {
  margin: 30px 0 0 0;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .cart-deli-pckg-radio {
    margin: 20px 0 0 0;
    padding: 0 15px;
  }
}
.page-multiStepCheckoutSummaryPage .without-bags:after {
  background-color: #003359 !important;
}
.page-multiStepCheckoutSummaryPage .substituteCustomRadios label {
  padding: 0 0 10px 0;
  text-align: left;
  position: relative;
}
.page-multiStepCheckoutSummaryPage .substituteCustomRadios .subs-text {
  font-family: pantonFontBold;
  font-size: 14px;
  margin-top: 2px;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage .substituteCustomRadios .subs-text {
    white-space: normal;
    float: left;
    text-align: left;
  }
}
.page-multiStepCheckoutSummaryPage .cart-summ-warning {
  margin: 0 !important;
}
.page-multiStepCheckoutSummaryPage #orderSummary-RestrictedItems .listPageHeader {
  padding: 10px 20px;
}
.page-multiStepCheckoutSummaryPage #orderSummary-RestrictedItems .listPageHeader h1 {
  font-size: 18px;
}
.page-multiStepCheckoutSummaryPage #orderSummary-RestrictedItems .listPageHeader h1 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.page-multiStepCheckoutSummaryPage #orderSummary-RestrictedItems .listPageHeaderBody ol {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 0 20px 0 30px;
}
/*-----------------------*/
/*--- Summary Header ---*/
/*-----------------------*/
.summaryHeader {
  padding: 14px 25px !important;
  background-color: #f2f2f2;
  font-family: "pnpFont", Arial, sans-serif, Helvetica !important;
  border: 1px solid #CCCCCC !important;
}
/*-----------------------*/
/*--- save card popup ---*/
/*-----------------------*/
#cboxContent #save-card-details-message {
  background-color: #b9154a;
  padding: 20px 20px;
  height: 100%;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 720px) {
  #cboxContent #save-card-details-message {
    text-align: center;
  }
}
#cboxContent #save-card-details-message .saveCardDetailsMessage {
  display: inline-block;
  padding: 10px 0;
}
@media (max-width: 720px) {
  #cboxContent #save-card-details-message .saveCardDetailsMessage {
    text-align: center;
  }
}
@media (max-width: 720px) {
  #save-card-details-message .right {
    float: none;
  }
}
#storeFinder {
  margin-top: 20px;
}
#storeFinder #storelocator-query {
  height: 48px;
}
.store-finder {
  display: none;
  padding: 0;
}
.store-finder-headline {
  font-size: 18px;
  margin-bottom: 10px;
}
.store-finder-search .row > * {
  margin-bottom: 10px;
}
.store-finder-pagination {
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.store-finder-pagination:before,
.store-finder-pagination:after {
  content: " ";
  display: table;
}
.store-finder-pagination:after {
  clear: both;
}
.store-finder-pagination:before,
.store-finder-pagination:after {
  content: " ";
  display: table;
}
.store-finder-pagination:after {
  clear: both;
}
.store-finder-pagination > div {
  line-height: 1;
}
.store-finder-navigation {
  overflow: hidden;
  height: 561px;
}
.store-finder-navigation,
.store-finder-details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.store-finder-map {
  width: 100%;
  height: 200px;
}
.store-finder .stores-nearby {
  margin-bottom: 10px;
}
.store-finder-navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}
.store-finder-navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store-finder-navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store-finder-navigation-list-entry {
  height: 56px;
}
.store-finder-navigation-list-entry:last-child label {
  border: 0;
}
.store-finder-navigation-list-entry input {
  display: none;
}
.store-finder-navigation-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.store-finder-navigation-list-entry label:hover {
  background: #f2f2f2;
}
.store-finder-navigation-list-entry input:checked + label {
  background: #003359;
  color: #fff !important;
}
.store-finder-navigation-list-entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.store-finder-navigation-list-entry-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store-finder-navigation-list-entry-name {
  display: block;
}
.store-finder-navigation-list-entry-city {
  display: block;
  font-weight: normal;
}
.store-finder-navigation-list-entry-distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.store-finder-navigation-list-entry-distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store-finder-details-back {
  margin-bottom: 20px;
  display: none !important;
}
@media (max-width: 639px) {
  .store-finder-details-back {
    display: inline-block !important;
  }
}
.store-finder-details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store-finder-details-image img {
  width: 100%;
  height: auto;
}
.store-finder-details-info {
  margin-left: 122px;
}
.store-finder-details-info-name {
  font-weight: bold;
}
.store-finder-details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store-finder-details hr:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}
.store-finder-details-map {
  background: #eee;
}
.store-finder-details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store-finder-details-openings dl dd {
  margin-left: 60px;
}
.store-finder-details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 639px) {
  .store-finder .back-to-storelist {
    margin-bottom: 10px;
  }
  .store-finder .store-finder-panel {
    width: 200%;
    margin: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .store-finder .store-finder-panel > * {
    padding: 0;
  }
  .store-finder .store-finder-panel .store-finder-details {
    display: none;
  }
  .store-finder .store-finder-pagination {
    line-height: 20px;
  }
  .store-finder.show-store .store-finder-pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store-finder.show-store .store-finder-pagination * {
    display: none;
  }
  .store-finder.show-store .store-finder-panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .store-finder.show-store .store-finder-panel .store-finder-navigation {
    padding-right: 20px;
  }
  .store-finder.show-store .store-finder-panel .store-finder-details {
    display: block;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999992;
  overflow: visible;
}
#cboxOverlay {
  position: fixed;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
}
#cboxTopCenter {
  height: 14px;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
}
#cboxBottomLeft {
  width: 14px;
}
#cboxBottomCenter {
  height: 43px;
}
#cboxBottomRight {
  width: 14px;
}
#cboxMiddleLeft {
  width: 14px;
}
#cboxMiddleRight {
  width: 14px;
}
#cboxContent {
  background: #fff;
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 100%;
}
#cboxTitle .headline {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  vertical-align: middle;
}
#cboxClose {
  position: absolute;
  right: 13px;
  top: 10px;
  background: transparent;
  border: 0 none;
  color: #797979;
  padding: 5px;
  font-size: 25px;
}
#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-actions {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}
@media (max-width: 639px) {
  #cboxTitle {
    height: 112px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxLoadedContent {
    margin-top: 112px;
    padding: 15px 20px 30px 20px;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
}
.price del {
  color: #000;
  font-weight: bold;
}
.price ins {
  color: #19212b;
  text-decoration: none;
}
a.price ins:hover {
  color: #06080b;
}
.price.msrp {
  color: #666;
}
.price span {
  font-size: 10px;
  position: relative;
  top: -4px;
  left: 1px;
  letter-spacing: 1px;
}
.oldPrice {
  text-decoration: line-through;
  color: #575757;
  font-size: 18px;
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-weight: normal;
}
.account-navigation {
  margin-bottom: 10px;
}
.account-navigation .account-navigation-header {
  padding: 10px;
  text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
  display: block;
}
.account-navigation .account-navigation-list {
  margin: 10px;
  padding-left: 0;
  list-style: none;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
.account-navigation .account-navigation-list li.title {
  margin-top: 10px;
  font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
  font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover,
.account-navigation .account-navigation-list li afocus {
  color: #003359;
}
.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #f2f4f7;
  padding: 10px;
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: 10px;
  border: 1px solid #f2f4f7;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
@media (max-width: 1023px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}
.account-section {
  padding: 0;
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 10px;
  border-top: 1px solid #cccccc;
}
@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}
@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-overview-table,
  .account-section div.responsive-table {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.page-orderConfirmationPage .account-section {
  border: none;
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 639px) {
  .account-section .account-section-header {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.account-section .account-section-header.account-section-header-secondary {
  color: #19212b;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
@media (max-width: 639px) {
  .account-section .account-section-content {
    margin: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 40px 0;
}
@media (min-width: 640px) {
  .account-section .account-section-content .account-section-form {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.account-section .account-section-content .help-block {
  font-size: 14px;
  font-weight: normal;
  color: #c53131;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #f2f4f7;
  padding: 10px;
}
.account-section .account-section-content table > tbody > tr > td:nth-child(2) a {
  font-weight: 600;
}
.account-section .account-section-content .accountActions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .accountActions .accountButtons:first-child {
    padding-bottom: 20px;
  }
}
@media (min-width: 640px) {
  .account-section .account-section-content .accountActions .accountButtons:first-child {
    padding-left: 10px;
  }
  .account-section .account-section-content .accountActions .accountButtons:last-child {
    padding-right: 10px;
  }
}
.account-section .account-section-content .accountActions .accountButtons {
  padding-left: 0;
  padding-right: 0;
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: block;
  float: right;
  text-align: right;
  margin: 25px 0;
  padding-right: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .disable-link,
  .account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0!important;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #575757;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link,
.account-section .account-section-content .disable-link + .enable-link,
.account-section .account-section-content .disable-link + .disable-link,
.account-section .account-section-content .enable-link + .enable-link {
  padding-right: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before,
.account-section .account-section-content .disable-link + .enable-link:before,
.account-section .account-section-content .disable-link + .disable-link:before,
.account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  right: 10px;
  background: #cccccc;
  top: 0;
}
@media (max-width: 639px) {
  .account-section .account-section-content .enable-link + .disable-link:before,
  .account-section .account-section-content .disable-link + .enable-link:before,
  .account-section .account-section-content .disable-link + .disable-link:before,
  .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #ed1c24;
}
.account-section .cancel-panel {
  float: right;
}
@media (min-width: 640px) {
  .account-section .cancel-panel {
    padding-left: 0;
  }
}
.account-section .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.account-section .account-section-content .iframecomponent iframe {
  margin-top: 50px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  float: left;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f4f4f4;
  padding: 10px 25px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  border-left: 1px solid #cccccc;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #cccccc;
}
.account-section .account-list .account-cards-actions {
  float: right;
  width: 24px;
}
.account-section .account-list .account-cards-actions .glyphicon {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards-actions .edit-item .glyphicon {
  margin-top: 3px;
}
.account-section .account-list .account-cards .card {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  float: left;
  padding: 30px 25px 25px;
  margin-bottom: 0;
}
.account-section .account-list .account-cards .card:first-child {
  margin-left: -1px;
}
.account-section .account-list .account-cards .card span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links {
  float: right;
  height: 50px;
  width: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #575757;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil {
  color: #b9154a;
}
@media (min-width: 640px) {
  .account-section .account-list .account-cards {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #b9154a;
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 639px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}
.start-shopping {
  font-weight: normal;
  color: #b9144a;
}
@media (max-width: 639px) {
  .account-section .account-section-header {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-profil .account-profil-info {
  margin: 0 0 10px;
}
.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}
.account-profil a.btn {
  margin-top: 10px;
}
.account-profil .btn + .btn {
  margin-left: 10px;
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail .col-sm-9 > .col-sm-4:nth-child(3n+1) {
  clear: both;
}
.account-orderdetail .order-savings {
  text-align: right;
  color: #00a651;
  font-weight: 700;
  padding: 10px 10px 25px 0;
}
.account-orderdetail .order-savings + .order-savings {
  padding-top: 0;
}
.account-orderdetail .item-box {
  background: #afb2b5;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .order-data {
  background-color: #F2F4F7;
  padding: 10px;
}
.account-orderdetail .orderDetail_itemHeader {
  font-size: 20px;
  background-color: #f4f4f4;
  padding: 10px 20px;
}
.account-orderdetail .button-panel {
  float: right;
  max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .thumb {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: 10px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
  color: #33cc33;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}
@media (min-width: 1400px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 0;
  }
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}
.account-orderdetail .account-orderdetail-item-section-footer {
  padding-top: 55px;
}
@media (min-width: 640px) {
  .account-orderdetail .account-orderdetail-item-section-footer > div {
    padding-left: 5px;
  }
}
.account-orderdetail .orderTotal {
  font-size: 18px;
  line-height: 38px;
  margin-bottom: 20px;
}
.account-orderdetail .orderTotal .text-right {
  font-weight: 700;
}
.account-orderdetail .orderTotal .totals {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
  color: #ed1c24;
}
.account-orderdetail .order-billing-address ul {
  padding: 0;
}
.account-orderdetail .order-billing-address ul li {
  list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
  display: inline-block;
  min-width: 15%;
}
.account-orderdetail .value-order {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 639px) {
  .account-orderdetail .order-shipping-method,
  .account-orderdetail .order-tracking-no,
  .account-orderdetail .order-payment-data,
  .account-orderdetail .order-store-hours {
    padding-top: 20px;
  }
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
  clear: both;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total-taxes {
  text-align: right;
  padding-right: 10px;
}
@media (max-width: 1023px) {
  .account-orderdetail .account-orderdetail-orderTotalDiscount-section {
    margin-bottom: 20px;
  }
}
.account-orderdetail .product-list {
  border: none;
  clear: both;
  margin: 0;
}
.account-orderdetail .product-list .order-grid {
  background-color: #e4e4e4;
}
.account-orderdetail .product-list .order-grid .grid-row > td {
  border-bottom: 1px solid #f2f2f2;
}
.account-orderdetail .product-list .order-grid .grid-prod-img {
  width: 100px;
  padding-top: 25px;
  vertical-align: top;
}
.account-orderdetail .product-list .order-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.account-orderdetail .product-list .order-grid .grid-variant,
.account-orderdetail .product-list .order-grid .grid-size {
  font-weight: 700;
}
.account-orderdetail .product-list .order-grid .grid-variant + .grid-variant:before,
.account-orderdetail .product-list .order-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
.account-orderdetail .product-list .order-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.account-orderdetail .product-list .order-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.account-orderdetail .product-list .order-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
@media (max-width: 639px) {
  .account-orderdetail .product-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .account-orderdetail .product-list .product-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-orderdetail .product-list .order-grid .grid-variant {
    display: block;
  }
  .account-orderdetail .product-list .order-grid .grid-variant + .grid-variant:before {
    content: none;
  }
}
.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  margin-top: 10px;
}
.accountNav .myDashboard .active a {
  color: #b9154a !important;
}
.quick-view-popup .product-image {
  float: left;
  width: 33%;
}
.quick-view-popup .product-image a {
  display: block;
}
.quick-view-popup .product-image img {
  width: 100%;
  height: auto;
}
.quick-view-popup .product-details {
  margin-left: 33%;
  padding-left: 20px;
}
.quick-view-popup .product-details .name {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
  clear: none;
}
.quick-view-popup .product-details .price {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .addtocart-component {
  clear: both;
  padding-top: 20px;
}
table {
  width: 100%;
}
table th {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #ffffff;
  color: #ffffff;
  padding: 8px 10px;
  vertical-align: top;
}
table th:last-child {
  text-align: right;
}
table td {
  padding: 20px 10px;
  vertical-align: top;
}
.responsive-table-item {
  padding: 10px;
}
.responsive-table-item:nth-child(even) {
  background-color: #f2f2f2;
}
.responsive-table-item a.responsive-table-link {
  color: #b9154a;
}
.responsive-table-item a:hover,
.responsive-table-item a:focus {
  color: #154259;
}
.responsive-table-item td:last-child {
  text-align: right;
}
@media (max-width: 639px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
    padding: 3px 10px;
  }
  .responsive-table-item td:last-child {
    text-align: left;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
}
.wp-optin-dialog-container label {
  color: inherit !important;
  font-size: inherit !important;
  text-transform: none !important;
}
.wp-optin-dialog-buttons label {
  color: inherit !important;
  font-size: inherit !important;
  text-transform: none !important;
}
label {
  color: #153a59;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}
.form-control:focus {
  border-color: #003359;
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #b9bdc2;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #b9bdc2;
}
select.form-control {
  text-transform: uppercase;
  font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  color: #575757;
}
.has-error input.form-control {
  background: #f6e0e0;
  border-color: #c53131;
}
.has-error label.control-label {
  color: #c53131;
}
.has-error .help-block {
  color: #c53131;
}
legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  color: #003359;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .form-element-icon.datepicker .glyphicon {
    top: 38px;
  }
}
.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}
fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}
.queryTypeQuestion {
  min-height: auto;
  background-color: #003359;
  color: #FFF;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 20px 5px 25px 10px;
  min-height: 110px !important;
}
.queryTypeQuestion h2 {
  color: #FFF !important;
  font-size: 21px !important;
}
@media (min-width: 480px) {
  .queryTypeQuestion {
    background-color: #003359;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 20px 5px 15px 20px;
    min-height: 60px !important;
  }
}
@media (min-width: 640px) {
  .queryTypeQuestion {
    background-color: #003359;
    color: #FFF;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 25px 5px 15px 20px;
    height: auto !important;
  }
}
@media (min-width: 645px) {
  .queryTypeQuestion {
    padding: 20px 5px 15px 20px;
  }
  .queryTypeQuestionRadio {
    width: 100%;
  }
}
.queryTypeQuestion.queryTypeQuestionRadio {
  width: auto !important;
}
.queryTypeQuestionRadio label:hover {
  cursor: pointer;
}
.queryTypeQuestionRadio label {
  float: none !important;
  margin-left: 29px !important;
  width: 100% !important;
}
#contactUsInformation {
  padding: 10px;
}
#contactUsInformation select:focus {
  border: 1px solid #929292 !important;
}
#contactUsInformation select {
  background-color: #ffffff;
  height: 38px;
  margin: 0 0;
  padding: 8px 10px 0px 10px;
  position: relative;
  width: 100%;
}
#contactUsInformation input {
  height: 38px;
  border: 1px solid grey;
  float: left;
  padding-left: 13px;
}
#contactUsInformation label {
  margin-top: 25px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  text-transform: none;
  color: #929292;
  transition: 0.2s ease-in-out;
  margin-top: 0px;
  -webkit-padding-before: 8px;
}
#contactUsInformation textarea {
  background-color: #f0f1f1;
  padding: 15px;
  width: 100%;
  border: none;
}
#contactUsInformation .queryType {
  background-color: #f0f1f1;
  padding: 15px 0 30px 0;
  margin-top: 25px;
}
#contactUsInformation .contactMeVia {
  margin-bottom: 25px;
  z-index: 1;
}
#contactUsInformation .contactMeVia input {
  width: auto;
  height: auto;
  border: none !important;
  background-color: transparent !important;
}
.contactUsContainer {
  display: inline-block !important;
  border: 1px solid #cccccc !important;
  border-top: none !important;
}
.contactUsContainer .addressLine label {
  display: block;
}
.contactUsContainer .addressLine input {
  width: 100% !important;
}
.contactUsContainer .contactMeVia > label {
  width: 100%;
}
@media (min-width: 400px) {
  .contactUsContainer .contactMeVia > label {
    width: auto;
  }
}
.ContactUsCustomerCarelineBanner {
  background-color: #505050 !important;
  color: #fff !important;
}
.ContactUsCustomerCarelineBanner img {
  position: absolute !important;
  left: 10px;
  top: 10px !important;
  height: auto !important;
}
.ContactUsCustomerCarelineBanner .deliveryBannerContent {
  padding: 20px 0px 20px 60px;
}
.ContactUsCustomerCarelineBanner .deliveryBannerContent a {
  color: #FFF;
  text-decoration: underline;
}
.ContactUsCustomerCarelineBanner h3 {
  color: #FFF !important;
}
.ContactUsCustomerOLSHelpBanner {
  background-color: #b9154a !important;
  color: #fff !important;
}
.ContactUsCustomerOLSHelpBanner img {
  position: absolute !important;
  left: 10px;
  top: 10px !important;
  height: auto !important;
}
.ContactUsCustomerOLSHelpBanner .deliveryBannerContent {
  padding: 20px 0px 20px 60px;
}
.ContactUsCustomerOLSHelpBanner .deliveryBannerContent a {
  color: #FFF;
  text-decoration: underline;
}
.ContactUsCustomerOLSHelpBanner h3 {
  color: #FFF !important;
}
.queryTypeQuestionRadio {
  position: relative;
  z-index: 3;
  margin-top: 10px;
  height: 25px;
  padding-top: 5px;
  -webkit-padding-before: 0px !important;
  margin-top: 20px;
}
@media (min-width: 640px) {
  .queryTypeQuestionRadio {
    float: left;
    margin-top: -5px !important;
    margin-left: 10px !important;
    height: 35px !important;
  }
}
.queryTypeQuestionRadio input[type=radio] {
  position: absolute;
}
@media (min-width: 1024px) {
  .queryTypeQuestionRadio input[type=radio] {
    left: 40%;
  }
}
.queryTypeQuestionRadio label {
  float: right;
  color: #FFF !important;
  width: 50%;
  -webkit-padding-before: 4px;
}
.queryTypeQuestionRadio .radio-btn-customized {
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
  float: left;
  border: none !important;
  height: auto !important;
}
.queryTypeQuestionRadio .radio-btn-customized:before {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  top: 1px;
  left: 1px;
  background: none;
  border: 2px solid #FFF;
  border-radius: 50%;
}
.queryTypeQuestionRadio .radio-btn-customized:checked:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 6px;
  left: 6px;
  background: #FFF;
  border-radius: 50%;
}
.queryTypeQuestionRadio input[type=radio]:checked ~ .check {
  border: 2px solid #FFF;
}
.queryTypeQuestionRadio span {
  margin-left: 15px;
}
.contactMeRadio {
  position: relative;
  z-index: 3;
  margin-left: 15px;
}
.contactMeRadio input[type=radio] {
  position: absolute;
  padding: 8px 10px 10px 10px !important;
}
.contactMeRadio label {
  padding-left: 30px;
  margin: 0 !important;
}
.contactMeRadio .radio-btn-customized {
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
  height: auto !important;
}
.contactMeRadio .radio-btn-customized:before {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  top: 1px;
  left: 1px;
  background: none;
  border: 2px solid #19212b;
  border-radius: 50%;
}
.contactMeRadio .radio-btn-customized:checked:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 6px;
  left: 6px;
  background: #19212b;
  border-radius: 50%;
}
.contactMeRadio input[type=radio]:checked ~ .check {
  border: 2px solid #FFF;
}
.contactMeRadio span {
  margin-left: 15px;
}
#contactUsInformation .hasErrorMsg span {
  width: auto;
  position: relative;
  left: 0;
  top: 5px;
  color: #b9154a;
}
#contactUsInformation .selectErrorMsg {
  width: auto;
  position: relative;
  left: 0;
  top: 5px;
  color: #b9154a;
}
@media (min-width: 640px) {
  #contactUsInformation h2 {
    padding-bottom: 10px;
  }
  #contactUsInformation .hasErrorMsg span {
    color: #b9154a;
    position: absolute;
    left: 100%;
    top: 38px;
    width: 40%;
  }
  #contactUsInformation .selectErrorMsg {
    color: #b9154a;
    position: absolute;
    left: 100%;
    top: 60px;
    width: 50%;
  }
}
.page-contact-us .addressLine {
  padding-bottom: 10px;
}
@media (min-width: 1024px) {
  #contactUsInformation .hasErrorMsg span {
    width: 50%;
  }
}
.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon {
  position: absolute;
  right: 5px;
  font-size: 14px;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
  content: "\e114";
}
.product-details-toggle-wrap {
  display: none;
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 22px;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}
@media (min-width: 640px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
@media (max-width: 639px) {
  .product-details-toggle {
    padding: 0 25px 0 10px;
  }
  .product-details-toggle .glyphicon {
    right: 10px;
  }
  .product-details-toggle-wrap {
    margin: 0;
  }
  .product-details-toggle-wrap img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .product-details-toggle-wrap .product-details {
    margin-bottom: 20px;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 18px;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 48.85714286px;
}
.product-action #total-price {
  font-size: 18px;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 48.85714286px;
}
@media (max-width: 639px) {
  .product-action {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 20px;
    margin-bottom: 0;
  }
  .product-action ol li {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .product-action ol li,
  .product-action .btn {
    width: 100%;
  }
  .product-action div {
    float: none;
    line-height: 1.42857;
    margin-bottom: 0;
  }
}
.update-future-stock {
  text-align: right;
  padding: 15px 7px 15px 0;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 13px;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}
.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 13px;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #cccccc;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #575757;
  font-weight: normal;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
  font-size: 16px;
}
.product-grid-container table td .price {
  font-size: 15px;
  font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: #fff;
}
@media (min-width: 640px) {
  .add-to-cart-order-form-wrap {
    position: relative;
  }
  .add-to-cart-order-form-wrap::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }
  .add-to-cart-order-form-wrap::before {
    background-color: white;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }
  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 904px;
  }
  .order-form-scroll {
    cursor: pointer;
    background-color: #003359;
    opacity: 0.4;
    color: #fff;
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0px;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }
  .product-grid-container {
    margin-bottom: 15px;
  }
  .product-grid-container-dim-3,
  .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table:nth-child(2n) {
    background: #f2f2f2;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #004579;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #e5e5e5;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}
@media (max-width: 639px) {
  #cboxContent .sku-quantity {
    font-size: 16px;
  }
  .product-grid-container {
    font-size: 16px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .product-grid-container table {
    table-layout: fixed;
    width: 100%;
  }
  .product-grid-container table tr td {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table tr .variant-detail {
    width: 60%;
    padding: 15px 0 15px 20px;
  }
  .product-grid-container table tr .variant-detail img {
    float: left;
    padding-right: 20px;
  }
  .product-grid-container table tr .variant-detail .description {
    padding: 12px 0;
  }
  .product-grid-container table tr .variant-select {
    width: 40%;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    vertical-align: middle;
  }
  .product-grid-container table .hidden-size {
    display: none;
  }
  .product-grid-container table .variant-summary {
    display: none;
    background-color: #e5e5e5;
  }
  .product-grid-container table .variant-summary .variant-summary-items {
    margin: 15px 0;
  }
  .product-grid-container table .variant-summary tr td {
    padding: 0 20px;
    font-weight: bold;
  }
  .product-grid-container table .variant-summary tr td:last-child {
    text-align: right;
  }
  .product-grid-container table .variant-summary tr:first-child td {
    font-weight: normal;
  }
  .product-grid-container table .variant-summary span {
    display: none;
  }
  .product-grid-container table .editSize {
    display: none;
  }
  .product-grid-container table.selected .variant-summary {
    display: table-row;
  }
  .product-grid-container table.selected .editSize {
    display: inline;
  }
  .product-grid-container table.selected .selectSize {
    display: none;
  }
  .variantSelectMobile #cboxLoadedContent {
    overflow: visible!important;
    padding-left: 0;
    padding-right: 0;
  }
  #cboxContent table {
    width: 100%;
  }
  #cboxContent table td {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 25px 0 10px 0;
  }
  #cboxContent table td:first-child {
    width: auto;
  }
  #cboxContent table td:nth-child(2n+2) {
    background: #f2f2f2;
  }
  #cboxContent .product-grid-container {
    margin: 0;
  }
  #cboxContent .orderForm_grid_group {
    position: relative;
  }
  #cboxContent .update-future-stock {
    position: absolute;
    margin-left: -65px;
    left: 50%;
    top: 100px;
  }
  #cboxContent .variant-detail {
    padding: 0 0 60px 0;
  }
  #cboxContent .variant-detail img {
    display: inline-block;
    max-width: 200px;
    float: none;
    padding: 0;
  }
  #cboxContent .variant-detail .description {
    padding: 0;
  }
  #cboxContent .variant-detail .description > div {
    display: inline;
  }
  #cboxContent .mobile-cart-actions {
    padding: 20px;
    border-bottom: none;
    background-color: #fff !important;
  }
  #cboxContent .mobile-cart-actions .btn {
    width: 100%;
  }
  #cboxContent .variant-select,
  #cboxContent .variant-summary {
    display: none;
  }
  #cboxContent .variant-prop > span {
    font-weight: 400;
  }
  #cboxContent .sku-quantity {
    font-weight: 400;
    line-height: 60px;
    width: 120px;
    height: 80px;
  }
}
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: .8em;
}
.ui-widget-content {
  background: #F9F9F9;
  border: 1px solid #004579;
  color: #222222;
}
.ui-dialog {
  left: 0;
  outline: 0 none;
  padding: 0 !important;
  position: absolute;
  top: 0;
}
#success {
  padding: 0;
  margin: 0;
}
.ui-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  overflow: auto;
  position: relative;
  padding: 0 !important;
}
.ui-widget-header {
  background: #004579;
  border: 0;
  color: #fff;
  font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.1em .5em;
  position: relative;
  font-size: 1em;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.page-homepage .ui-dialog {
  z-index: 3 !important;
}
.text-right {
  text-align: right;
}
/*-----------------------------------------*/
/*----- Smart Shopper Loyalty Component ----*/
/*-----------------------------------------*/
#loyalty-accordion {
  display: none;
}
.col-md-9 #loyalty-accordion.loyalty-component.ui-accordion,
.col-md-9 .mock-loyalty-link {
  display: none;
}
.col-md-3 .mock-loyalty-link {
  display: block;
  width: 100%;
}
.col-md-3 #loyalty-accordion.loyalty-component.ui-accordion {
  display: block;
  line-height: 58px;
  width: 100%;
  float: none;
}
@media (max-width: 1024px) {
  .col-md-9 #loyalty-accordion.loyalty-component.ui-accordion,
  .col-md-9 .mock-loyalty-link {
    display: none;
  }
  .pageType-CategoryPage .col-md-3 #loyalty-accordion.loyalty-component.ui-accordion,
  .pageType-CategoryPage .col-md-3 .mock-loyalty-link {
    display: none;
  }
  .pageType-CategoryPage .col-md-3 .iframecomponent {
    display: none;
  }
}
#loyalty-accordion.loyalty-component.ui-accordion {
  font-family: "pnpFont";
  height: auto;
  margin: 0 0 20px 0;
  background: none;
  background-color: #3374b6;
  display: inline-block;
}
#loyalty-accordion.loyalty-component.ui-accordion h3.ui-accordion-header {
  color: #ffffff;
  font-family: "pnpFont";
  font-size: 18px;
  line-height: 58px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  display: block;
  position: relative;
  height: 58px;
  padding: 0 0 0 55px;
  margin-top: 0;
  background: none;
  cursor: pointer;
}
#loyalty-accordion.loyalty-component.ui-accordion h3.ui-accordion-header:before {
  content: '';
  position: absolute;
  top: 18px;
  left: 15px;
  width: 24px;
  height: 17px;
  background: url(../images/pnp-spritemap-hi-res.png) 0 0 no-repeat;
  background-size: 115px;
}
#loyalty-accordion.loyalty-component.ui-accordion h3.ui-accordion-header span {
  font-family: "pnpFont";
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content.loyalty-accordion-container {
  padding: 15px;
  height: 65px !important;
  border: none;
  overflow: hidden;
  background: none;
  border-top: 1px solid white;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-balances {
  padding: 0;
  margin: 0;
  font-size: 10px;
  color: #FFF;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-balancesline {
  margin: 0 0 0.2em 0;
  text-align: left;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-balancesline span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers {
  border-right: 1px solid #FFF;
  display: block;
  float: left;
  clear: both;
  line-height: normal;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers:after {
  width: 5px;
  height: 5px;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid white;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchersText {
  margin: 0 0 0 43px;
  text-align: left;
  display: block;
  width: auto;
  text-decoration: underline;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchersText a {
  color: #FFF;
  text-decoration: none !important;
  font-size: 10px;
  line-height: 15px;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers span.loyComVoucherCount:after {
  content: '';
  position: absolute;
  left: 35px;
  top: 5px;
  margin: 0 auto;
  width: 2px;
  height: 2px;
  border-top: solid 5px transparent;
  border-left: solid 5px #FFF;
  border-right: solid 5px transparent;
  border-bottom: solid 5px transparent;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers span.loyComVoucherCount {
  text-align: center;
  display: inline-block;
  font-weight: normal;
  color: #3374b6;
  background-color: #FFF;
  width: 35px;
  height: 35px;
  min-width: 1.3em;
  padding: 0.1em;
  padding-top: 13px;
  float: left;
  cursor: pointer;
  font-size: 12px;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers span.loyComVoucherCount sub {
  font-size: 10px;
  font-weight: bold;
}
#loyalty-accordion.loyalty-component.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers span.loyComVoucherCount sup {
  font-size: 10px;
  font-weight: bold;
}
button:focus {
  outline: 0;
  outline: none;
  border: none;
}
#loyalty-accordion.loyalty-component.ui-accordion .btn-primary {
  color: #FFF;
  background-color: #3374b6;
  border: 1px solid #FFF !important;
  padding: 0.8em 0;
  margin: 0 0 0.7em 0;
  font-size: 135%;
  border-radius: 0;
  transition: all 0.1s linear;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  cursor: pointer;
}
#loyalty-accordion.loyalty-component.ui-accordion .btn-primary.loyalty-btn-white {
  color: #3374b6;
  background-color: #FFF;
  border: 1px solid #FFF !important;
}
#loyalty-accordion.loyalty-component.ui-accordion .btn-primary:active,
#loyalty-accordion.loyalty-component.ui-accordion .btn-primary:hover {
  background-color: #153758;
  border: 1px solid #244463 !important;
  color: #FFF;
}
.mock-loyalty-link {
  line-height: 58px;
  height: 58px;
  padding: 0;
  margin: 0 0 20px 0;
  background-color: #3374b6;
}
.mock-loyalty-link a {
  color: #ffffff;
  font-family: "pnpFont";
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 0 0 55px;
  cursor: pointer;
}
.mock-loyalty-link a:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 15px;
  width: 24px;
  height: 17px;
  background: url(../images/pnp-spritemap-hi-res.png) 0 0 no-repeat;
  background-size: 115px;
}
.mock-loyalty-link a:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 16px;
  width: 12px;
  height: 19px;
  background: url(../images/pnp-spritemap-hi-res.png) 0 -51px no-repeat;
  background-size: 120px;
}
.mock-loyalty-link a span {
  font-family: "pnpFontMedium";
}
@media (max-width: 1023px) {
  .col-md-3 #loyalty-accordion.loyalty-component.ui-accordion {
    display: none;
  }
}
@media (max-width: 1024px) {
  .col-md-3 .mock-loyalty-link {
    margin-top: 20px;
  }
}
@media (max-width: 1023px) {
  .col-md-3 .mock-loyalty-link {
    display: none;
  }
}
.MobilefixedSideBar .mini-smart-shopper {
  width: 100% !important;
}
/*-----------------------------------------*/
/*----- Smart Shopper Loyalty Component ----*/
/*-----------------------------------------*/
#header-nav-dropdown.ui-accordion {
  height: auto;
  background: none;
  background-color: #3374b6;
  font-family: "pnpFont";
}
#header-nav-dropdown.ui-accordion h3.ui-accordion-header span {
  font-family: "pnpFont";
}
#header-nav-dropdown .loyalty-accordion-container {
  display: none;
}
#header-nav-dropdown.ui-accordion .ui-accordion-content.loyalty-accordion-container {
  padding: 1em 1em 1em 1em;
  height: auto;
  border: none;
  overflow: hidden;
  background: none;
}
#header-nav-dropdown.ui-accordion .ui-accordion-content .loyalty-accordion-balances {
  padding: 0;
  margin: 0;
  font-size: 130%;
  color: #FFF;
}
#header-nav-dropdown.ui-accordion .ui-accordion-content .loyalty-accordion-balancesline {
  margin: 0 0 0.2em 0;
  text-align: right;
}
#header-nav-dropdown.ui-accordion .ui-accordion-content .loyalty-accordion-balancesline span {
  margin: 0 0 0 1.5em;
  text-align: left;
  width: 7em;
  display: inline-block;
  font-family: "pnpFontBold";
}
#header-nav-dropdown.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers {
  margin: 2em 3em;
  display: block;
  float: left;
  clear: both;
  line-height: normal;
}
#header-nav-dropdown.ui-accordion .ui-accordion-content .loyalty-accordion-vouchersText {
  margin: 0 0 0 3em;
  text-align: left;
  display: block;
  width: auto;
}
#header-nav-dropdown.ui-accordion .ui-accordion-content .loyalty-accordion-vouchers span.loyComVoucherCount {
  margin: 0.1em 0 0 0;
  text-align: center;
  display: inline-block;
  font-weight: normal;
  font-size: 150%;
  color: #3374b6;
  background-color: #FFF;
  width: auto;
  min-width: 1.3em;
  padding: 0.1em;
  float: left;
}
button:focus {
  outline: 0;
  outline: none;
  border: none;
}
#header-nav-dropdown.ui-accordion .btn-primary {
  color: #FFF;
  background-color: #3374b6;
  border: 1px solid #FFF;
  padding: 0.8em 0;
  margin: 0 0 0.7em 0;
  font-size: 135%;
  border-radius: 0;
  transition: all 0.2s linear;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
}
#header-nav-dropdown.ui-accordion .btn-primary.loyalty-btn-white {
  color: #3374b6;
  background-color: #FFF;
  border: 1px solid #FFF;
}
#header-nav-dropdown.ui-accordion .btn-primary:hover {
  background-color: #153758;
  border: 1px solid #244463;
  color: #FFF;
}
.introPageHeadMain {
  margin: 0;
  padding: 0 0;
  background-color: #FFF;
}
.introPageHeadMain .site-logo {
  float: left;
  clear: none;
}
.introPageHeadMain .introPageHead-links {
  float: right;
  clear: none;
}
.introPageHeadMain .introPageHead-links .introPageHead-links-container {
  display: block;
  float: left;
  clear: none;
  margin: 15px 0;
}
.introPageHeadMain .introPageHead-links .introPageHead-links-container:first-child {
  margin: 15px 30px 15px 0;
}
.introPageHeadMain .introPageHead-links .tileContainerTile {
  width: auto !important;
}
.introPageHeadMain .introPageHead-links .tileContainerTile a,
.introPageHeadMain .introPageHead-links .tileContainerTile a:hover,
.introPageHeadMain .introPageHead-links .tileContainerTile a:visited,
.introPageHeadMain .introPageHead-links .tileContainerTile a:active {
  border: none !important;
  background-color: #fff;
  margin: 0 0;
  padding: 0 0;
  display: block;
  text-align: left;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #575757;
}
.introPageHeadMain .introPageHead-links .tileContainerTile a img {
  margin: 0 0;
  width: auto;
  max-width: none;
  height: 29px;
  float: left;
  clear: none;
}
.introPageHeadMain .introPageHead-links .tileContainerTile a .tileContainerTile-title {
  display: inline-block;
  text-align: left;
  margin: 7px 0 0 10px;
  padding: 0;
  height: auto;
  float: left;
  clear: none;
}
@media (max-width: 640px) {
  .introPageHeadMain .introPageHead-links .tileContainerTile a .tileContainerTile-title {
    display: none;
  }
}
.introPageBody {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  max-width: 580px;
  margin: 0 auto;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
}
@media (max-width: 640px) {
  .introPageBody {
    max-width: 300px;
    margin: 10px auto;
  }
}
.introPageBody-inner {
  padding: 0 80px !important;
}
@media (max-width: 640px) {
  .introPageBody-inner {
    padding: 0 24px !important;
  }
}
.introPageBody h3 {
  text-align: center;
  color: #575757;
  font-size: 22px;
  margin: 30px 0 50px 0;
  padding: 0 20px;
}
.introPageBody-inner .introPageBody-inner-infoText {
  color: #505050;
  font-size: 16px;
  margin: 0 0 15px 0;
  padding: 0 0;
}
.introPageBody-inner-infoText-item {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  position: relative;
  display: block;
  min-height: 28px;
  color: #575757;
  font-size: 14px;
  margin: 0 0 15px 0;
  padding: 6px 0px 0px 45px;
}
@media (max-width: 640px) {
  .introPageBody-inner-infoText-item {
    padding: 0px 0px 0px 45px;
  }
}
.introPageBody-inner-infoText-item span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.introPageBody-inner-infoText-item#infoText-item1 {
  margin-top: 30px;
}
.introPageBody-inner-infoText-item:before {
  content: "";
  display: block;
  width: 32px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/icons-introPage2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
}
.introPageBody-inner-infoText-item#infoText-item2:before {
  background-position: 0 -28px;
}
.introPageBody-inner-infoText-item#infoText-item3:before {
  background-position: 0 -56px;
}
.introPageBody-inner .introPageBody-inner-actions {
  padding: 0 0;
  color: #575757;
  font-size: 14px;
  border-top: 1px solid #cccccc;
}
.introPageBody-inner-actions-header {
  padding-top: 20px;
  font-size: 16px;
}
.introPageBody-inner .introPageBody-inner-actions #inner-actions-1 {
  text-transform: uppercase;
  color: #003359;
}
.introPageBody-inner .introPageBody-inner-actions #inner-actions-2 {
  text-transform: uppercase;
  color: #b9154a;
}
.introPageBody-inner-actions-btn {
  margin: 20px 10px 20px 0;
  display: block;
  float: left;
}
.introPageBody-inner-actions a {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0 !important;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
  border: 3px solid;
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  float: left;
  border: none !important;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  transition: all 0.2s linear;
  padding: 6px 22px 4px 22px;
}
.introPageBody-inner-actions a:focus,
.introPageBody-inner-actions a:active:focus,
.introPageBody-inner-actions a.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.introPageBody-inner-actions a:hover,
.introPageBody-inner-actions a:focus {
  color: #ffffff;
  text-decoration: none;
}
.introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.introPageBody-inner-actions a.disabled,
.introPageBody-inner-actions a[disabled],
fieldset[disabled] .introPageBody-inner-actions a {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.introPageBody-inner-actions a.glyphicon {
  padding: 3px 0 4px 0;
}
.introPageBody-inner-actions a.glyphicon:before {
  font-size: 25px;
}
.introPageBody-inner-actions a,
.introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.active {
  box-shadow: none;
}
.introPageBody-inner-actions a:focus,
.introPageBody-inner-actions a:active:focus,
.introPageBody-inner-actions a.active:focus {
  outline: 0;
}
.introPageBody-inner-actions a:hover,
.introPageBody-inner-actions a:focus,
.introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.active,
.open > .dropdown-toggle.introPageBody-inner-actions a {
  color: #ffffff;
  background-color: #001626;
  border-color: #00101c;
}
.introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.active,
.open > .dropdown-toggle.introPageBody-inner-actions a {
  background-image: none;
}
.introPageBody-inner-actions a.disabled,
.introPageBody-inner-actions a[disabled],
fieldset[disabled] .introPageBody-inner-actions a,
.introPageBody-inner-actions a.disabled:hover,
.introPageBody-inner-actions a[disabled]:hover,
fieldset[disabled] .introPageBody-inner-actions a:hover,
.introPageBody-inner-actions a.disabled:focus,
.introPageBody-inner-actions a[disabled]:focus,
fieldset[disabled] .introPageBody-inner-actions a:focus,
.introPageBody-inner-actions a.disabled:active,
.introPageBody-inner-actions a[disabled]:active,
fieldset[disabled] .introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.disabled.active,
.introPageBody-inner-actions a[disabled].active,
fieldset[disabled] .introPageBody-inner-actions a.active {
  background-color: #003359;
  border-color: #003359;
}
.introPageBody-inner-actions a .badge {
  color: #003359;
  background-color: #ffffff;
}
.introPageBody-inner-actions a:hover,
.introPageBody-inner-actions a:focus,
.introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.active,
.open .dropdown-toggle.introPageBody-inner-actions a {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.active,
.open .dropdown-toggle.introPageBody-inner-actions a {
  background-image: none;
}
.introPageBody-inner-actions a.disabled,
.introPageBody-inner-actions a[disabled],
fieldset[disabled] .introPageBody-inner-actions a,
.introPageBody-inner-actions a.disabled:hover,
.introPageBody-inner-actions a[disabled]:hover,
fieldset[disabled] .introPageBody-inner-actions a:hover,
.introPageBody-inner-actions a.disabled:focus,
.introPageBody-inner-actions a[disabled]:focus,
fieldset[disabled] .introPageBody-inner-actions a:focus,
.introPageBody-inner-actions a.disabled:active,
.introPageBody-inner-actions a[disabled]:active,
fieldset[disabled] .introPageBody-inner-actions a:active,
.introPageBody-inner-actions a.disabled.active,
.introPageBody-inner-actions a[disabled].active,
fieldset[disabled] .introPageBody-inner-actions a.active {
  color: #ffffff;
  background-color: #c7e9e7;
  border-color: #c7e9e7;
}
.introPageBody-inner-actions a .badge {
  color: #003359;
  background-color: #ffffff;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a {
  border: 3px solid;
  color: #ffffff;
  background-color: #b9154a;
  border-color: #b9154a;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:focus,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.active,
.open > .dropdown-toggle.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a {
  color: #ffffff;
  background-color: #8b1038;
  border-color: #820f34;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.active,
.open > .dropdown-toggle.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a {
  background-image: none;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled],
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled]:hover,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled:focus,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled]:focus,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:focus,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled]:active,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled.active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled].active,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.active {
  background-color: #b9154a;
  border-color: #b9154a;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a .badge {
  color: #b9154a;
  background-color: #ffffff;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:focus,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.active,
.open .dropdown-toggle.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.active,
.open .dropdown-toggle.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a {
  background-image: none;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled],
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled]:hover,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled:focus,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled]:focus,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:focus,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled]:active,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.disabled.active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a[disabled].active,
fieldset[disabled] .introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a.active {
  color: #ffffff;
  background-color: #f9d4b4;
  border-color: #f9d4b4;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a .badge {
  color: #b9154a;
  background-color: #ffffff;
}
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:hover,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:active,
.introPageBody-inner-actions .introPageBody-inner-actions-btn:last-child a:visited {
  background-color: #c40c52;
}
.introPageBody-inner-actions-subtitle {
  display: none;
}
.introPageBody-innerFooter {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  padding: 12px 20px;
  color: #FFF;
  background-color: #52ae32;
}
.introPageBody-innerFooter a,
.introPageBody-innerFooter a:hover,
.introPageBody-innerFooter a:active,
.introPageBody-innerFooter a:visited {
  color: #FFF;
  text-decoration: underline;
}
.introPageBG {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.introPageBG .simple-banner {
  width: 100%;
  height: 100%;
  background-position: 50% center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}
* {
  margin: 0px;
  padding: 0px;
}
body {
  height: 100%;
}
.introPageBodyContainer {
  position: relative;
  height: auto;
  display: none;
}
@media (max-width: 640px) {
  .introPageBodyContainer {
    top: auto !important;
  }
}
.introPageBody-inner-actions a {
  height: 36px;
  width: 100px;
  line-height: 25px;
}
/* voucher colors */
/*purple*/
/*red*/
/*green*/
/* list page frame layout */
.mydashboardcomponent {
  border: 1px solid #cccccc;
}
.account-section .accountvoucherlistcomponent {
  border: none;
  padding: 0;
  min-height: 500px;
}
@media (min-width: 480px) {
  .account-section .accountvoucherlistcomponent {
    padding: 0 10px 0 10px;
  }
}
.accountvoucherlistcomponent .mini-cart {
  background: none;
}
@media (min-width: 480px) {
  .accountvoucherlistcomponent .mini-cart {
    background: #FFF;
  }
}
.accountvoucherlistcomponent .content {
  font-size: 12px;
}
.accountvoucherlistcomponent .content .royalBlue {
  color: #003359;
}
.accountvoucherlistcomponent .content .lightBlue {
  color: #3374b6;
}
.voucherContainer .content {
  font-size: 14px;
  text-align: center;
  padding: 20px 20px;
  color: #575757;
}
@media (min-width: 480px) {
  .voucherContainer .content {
    padding: 20px 40px;
  }
}
.page-voucher-list-new {
  background-color: #f9f9f9;
}
@media (min-width: 480px) {
  .page-voucher-list-new {
    background-color: #FFF;
  }
}
.page-voucher-list-new .account-section label {
  width: auto;
}
.page-voucher-list-new .account-section input:not([type=radio]) {
  width: auto;
}
.page-voucher-list-new .easyCustomRadioFaves {
  position: relative;
  margin: 5px;
}
.page-voucher-list-new .favouritesBanner {
  display: none;
}
.page-voucher-list-new .nav-cart .mini-cart .actions .btn {
  display: none;
}
@media (min-width: 1024px) {
  .page-voucher-list-new .nav-cart .mini-cart .actions .btn {
    display: block;
  }
}
.listPageHeader {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
  background-color: #f2f2f2;
  margin: 0 0;
  padding: 15px 20px ;
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
}
.listPageHeader.withIcon {
  padding-left: 70px ;
}
.listPageHeader-standalone {
  border: none;
  margin: 10px 0 30px 0;
  padding: 20px 15px 15px 15px;
}
body.orderAmendMode .listPageHeader.hasAmendMode {
  background-color: #000000;
}
body.orderAmendMode .listPageHeader.hasAmendMode h1 {
  color: #FFF;
}
.listPageHeaderFalse {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: none;
  border-bottom: 1px solid #cccccc;
  margin: 10px 0 30px 0;
  padding: 0 0 10px 0;
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
}
.listPageHeaderFalse span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.step-body .listPageHeader {
  float: left;
}
.listPageHeader.listPageHeaderColor {
  border: none;
  margin-top: 20px;
}
.orderSummary-type-col .listPageHeader.listPageHeaderColor {
  background-color: #b9154a;
}
.listPageHeader h1 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  margin: 0 0;
  padding: 0 0;
  color: #575757;
  font-size: 14px;
  text-transform: uppercase;
}
.listPageHeader.listPageHeaderColor h1 {
  color: #FFF;
}
.listPageHeader span,
.listPageHeader h1 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.listPageHeaderBody {
  border: 1px solid #cccccc;
  border-top: none;
  margin: 0 0px 20px 0;
  padding: 20px ;
  position: relative;
  width: 100%;
  float: left;
}
.listPageContent {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  margin: 0 0;
  padding: 40px 30px;
  list-style-type: none;
}
@media (max-width: 480px) {
  .listPageContent {
    padding: 20px;
  }
}
/*.listPageContent li{
	padding: 15px 0 15px 0;
}

.listPageContent li a:link,
.listPageContent li a:visited{
	color: #575757;
}

.listPageContent li a:hover,
.listPageContent li a:active{
	color: #b9144a;
}*/
.listPageContent h2 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  margin: 0 0;
  padding: 0 0;
  color: #19212b;
  font-size: 14px;
  text-transform: uppercase;
}
.listPageContent h2.smartshopper {
  color: #FFF;
  background-color: #3374b6;
  padding: 10px;
  margin-bottom: 20px;
}
.listPageContent h2 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.listPageContent h3 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #929292;
  font-size: 14px;
  margin: 0 0 40px 0;
}
.listPageArrow {
  display: block;
  width: 10px;
  border: none;
  background: url(../images/pnp-spritemap-hi-res-Extras.png) right center no-repeat;
  background-size: 100px;
  background-position: 0px 0px;
  float: right;
}
.listPageArrow:hover {
  background: url(../images/pnp-spritemap-hi-res-Extras.png) right center no-repeat;
  background-size: 100px;
  background-position: 0px 0px;
}
.listPageArrow a {
  font-size: 0;
}
/* Smart Shopper Vouchers */
.ssvoucher-containerContainer {
  padding-left: 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.ssvoucher-container {
  background-color: #FFF;
  border: 1px solid #cccccc;
  margin: 0 5px 10px 5px;
  min-height: 400px;
  padding: 0 10px 10px 10px;
}
@media (min-width: 480px) {
  .ssvoucher-container {
    min-height: 430px;
  }
}
@media (min-width: 1024px) {
  .ssvoucher-container {
    min-height: 400px;
  }
}
@media (min-width: 1400px) {
  .ssvoucher-container {
    min-height: 400px;
  }
}
.ssvoucher-container .addToCartButtonContainer {
  overflow: visible;
  width: 100%;
  height: auto;
}
.ssvoucher-container .prodtile-addToCartButton-container #addToCartButton {
  margin-top: 0;
  background-color: #b9154a !important;
}
.ssvoucher-container .prodtile-addedToCart {
  margin-top: 0;
}
.ssvoucher-container .prodtile-addedToCartInner {
  height: 44px;
  padding-top: 15px;
}
@media (min-width: 480px) {
  .ssvoucher-container .prodtile-addedToCartInner {
    height: 35px;
    padding-top: 8px;
  }
}
.ssvoucher-containerHeader {
  width: 100%;
  height: 106px;
  background: url(../images/ssVouchersHeadContent.png) center no-repeat, url(../images/ssVouchersHeadPattern.png) center repeat;
  background-size: 124px, 57px;
  background-color: #3374b6;
}
.ssvoucher-container.voucherAdded .ssvoucher-containerHeader {
  background-color: #929292;
}
.addRemoveAllVouchers button {
  margin-bottom: 30px !important;
  margin-top: 20px;
  height: 44px !important;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica !important;
}
@media (min-width: 480px) {
  .addRemoveAllVouchers button {
    margin-top: 0;
    margin-bottom: 30px !important;
    line-height: normal;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica !important;
    height: 35px !important;
  }
}
.addRemoveAllVouchers button:hover {
  line-height: normal;
}
.emptyVouchersDisplayMessage:before {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: "!";
  font-size: 35px;
  text-align: center;
  display: inline-block;
  background-color: #3374b6;
  color: white;
  line-height: 40px;
  position: relative;
  top: 20px;
  font-weight: bold;
}
.emptyVouchersDisplayMessage {
  color: #3374b6;
  font-size: 22px;
  margin-top: 150px;
}
.emptyVouchersDisplayMessage span {
  padding-left: 55px;
}
.vouchersExceptionMessage:before {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: "!";
  font-size: 35px;
  text-align: center;
  display: inline-block;
  background-color: #3374b6;
  color: white;
  line-height: 40px;
  position: relative;
  top: 20px;
  font-weight: bold;
}
.vouchersExceptionMessage {
  color: #3374b6;
  font-size: 22px;
  margin-top: 150px;
}
.vouchersExceptionMessage span {
  padding-left: 55px;
}
.voucherNoteList {
  list-style: none;
  color: #3374B6;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  display: inline-block;
  margin: 5px;
  background: #FFF;
  padding: 15px;
  border: 1px solid #CCCCCC;
}
@media (min-width: 480px) {
  .voucherNoteList {
    background: transparent;
    padding: 15px;
    border: none;
  }
}
.voucherNoteList li {
  padding-bottom: 15px;
}
@media (min-width: 480px) {
  .voucherNoteList li {
    padding-bottom: 10px;
  }
}
.voucherNoteList li:last-child {
  padding-bottom: 0;
}
@media (min-width: 480px) {
  .voucherNoteList li:last-child {
    padding-bottom: 10px;
  }
}
.discountsSubHeadingWording {
  display: inline-block;
  text-align: center;
  width: 100% !important;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.ssvoucher-container {
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.ssvoucher-container .shopNowBtn {
  background: #B90748 !important;
}
.ssvoucher-container button {
  background: #3374b6 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-top: 3px !important;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica !important;
  height: 44px !important;
}
@media (min-width: 480px) {
  .ssvoucher-container button {
    height: 35px !important;
  }
}
.ssvoucher-container button span {
  background: transparent !important;
  font-weight: normal;
}
.ssvoucher-container .ssVoucherButton.loading-spinner-active span {
  display: none;
}
.ssvoucher-container .btn-default-pink {
  background-color: #b9154a !important;
}
.ssvoucher-container .js-cart-item-remove {
  background-color: #153a59 !important;
}
.ssvoucher-container .btn-default-productview {
  background-color: #b9154a;
}
.ssvoucher-container .voucherImageContainer {
  height: 105px;
}
@media (min-width: 360px) {
  .ssvoucher-container .voucherImageContainer {
    height: auto;
  }
}
.ssvoucher-container img {
  width: 70%;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: auto;
}
@media (min-width: 360px) {
  .ssvoucher-container img {
    max-height: 109px;
  }
}
@media (min-width: 1400px) {
  .ssvoucher-container img {
    min-height: 125px;
  }
}
.ssvoucher-container .js-loaded-to-card-checkbox {
  display: inline-block;
  z-index: 99;
  padding-top: 10px;
  cursor: pointer;
  font-size: 12px;
  padding-left: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
}
@media (max-width: 360px) {
  .ssvoucher-container .js-loaded-to-card-checkbox {
    padding-left: 30px;
  }
}
@media (min-width: 480px) {
  .ssvoucher-container .js-loaded-to-card-checkbox {
    display: block;
    position: absolute;
    padding-top: 10px;
    margin-top: 0;
  }
}
.ssvoucher-container .js-loaded-to-card-checkbox p {
  font-size: 12px !important;
  text-decoration: underline;
  cursor: pointer;
  color: #52ae32;
  margin: 0;
}
@media (min-width: 640px) {
  .ssvoucher-container .js-loaded-to-card-checkbox p {
    font-size: 12px !important;
    padding-top: 0;
  }
}
@media (min-width: 480px) {
  .ssvoucher-container .js-loaded-to-card-checkbox {
    padding-left: 50px;
  }
}
.ssvoucher-container .js-loaded-to-card-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ssvoucher-container .checkmark {
  position: absolute;
  top: 0;
  left: 10px;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  margin: 5px 0;
  background-color: #eee;
}
@media (max-width: 360px) {
  .ssvoucher-container .checkmark {
    left: 5px;
  }
}
@media (min-width: 480px) {
  .ssvoucher-container .checkmark {
    height: 24px;
    width: 24px;
    margin: 5px 10px;
  }
}
.ssvoucher-container .js-loaded-to-card-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.ssvoucher-container .js-loaded-to-card-checkbox input:checked ~ .checkmark {
  background-color: #52ae32;
}
.ssvoucher-container .checkmark:after {
  content: "";
  position: absolute;
}
.ssvoucher-container .container input:checked ~ .checkmark:after {
  display: block;
}
.ssvoucher-container .js-loaded-to-card-checkbox .checkmark:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (min-width: 480px) {
  .ssvoucher-container .js-loaded-to-card-checkbox .checkmark:after {
    left: 9px;
    top: 4px;
  }
}
.ssvoucher-container .addToCartError-pdp {
  top: auto !important;
  bottom: 0;
  height: 85px;
  background-color: rgba(0, 0, 0, 0.8);
}
.ssvoucher-container .addToCartError-pdp .addToCartErrorMsg {
  color: #FFF;
  padding: 18px 20px;
  text-transform: uppercase;
}
.ssvoucher-container .ssErrorMessageContainer {
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
  height: 62px;
  text-align: center;
  position: absolute;
  right: 6px;
  left: 6px;
  bottom: 10px;
}
@media (min-width: 480px) {
  .ssvoucher-container .ssErrorMessageContainer {
    height: 55px;
  }
}
.ssvoucher-container .ssErrorMessageContainer p {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 14px;
  color: #FFF;
  position: absolute;
  text-transform: uppercase;
  padding-top: 5px;
  margin: 0;
  top: 50%;
  left: 50%;
  width: 90%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 480px) {
  .ssvoucher-container .ssErrorMessageContainer p {
    padding: 0 !important;
  }
}
.js-voucher-count {
  width: 35px;
  height: 35px;
  border-radius: 30px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
}
@media (min-width: 480px) {
  .js-voucher-count {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.ssvoucherExpireLine {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  padding: 5px 0;
  font-size: 12px;
  color: #575757;
  text-align: center;
  height: 75px;
}
@media (min-width: 1400px) {
  .ssvoucherExpireLine {
    height: 75px;
  }
}
.ssvoucherRedeemable {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  padding: 5px 0;
  font-size: 12px;
  color: #3374B6;
  text-align: center;
  margin-top: 5px;
  min-height: 44px;
}
.ssvoucherValidAt {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  padding: 5px 0;
  font-size: 12px;
  color: #3374B6;
  text-align: center;
  margin-top: 5px;
  max-height: 35px;
  min-height: 35px;
  overflow: hidden;
}
.js-selected-vouchers-count {
  border: none !important;
  outline: none !important;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (min-width: 480px) {
  .js-selected-vouchers-count {
    margin-top: 0;
  }
}
.greyStyle {
  color: grey;
  border: 1px solid #CCCCCC;
}
.greyStyle span {
  background-color: #CCCCCC;
  color: white;
  font-weight: bold;
}
.greenStyle {
  color: #52ae32;
  border: 1px solid #52ae32;
}
.greenStyle span {
  background-color: #52ae32;
  color: white;
  font-weight: bold;
}
.greenStyle .discountCountLabel {
  color: #52ae32;
}
.ssvoucherPointsType {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  padding: 4px 0;
  margin: 3px 0;
  text-transform: uppercase;
}
.accountVoucherList-portrait .ssvoucher-container.voucherAdded .ssvoucherPointsType {
  background-color: #797979 !important;
}
.ssvoucherTextLine,
.ssvoucherTextLineExpiry {
  color: #3374b6;
  font-size: 15px;
  text-align: center;
  padding: 0 20px;
  margin: 0 0;
  height: 90px;
  overflow: hidden;
}
.ssvoucherTextLine {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  padding: 5px 10px;
  color: #3374B6;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 18px;
  text-align: center;
  height: 75px;
  word-break: break-word;
}
@media (min-width: 1400px) {
  .ssvoucherTextLine {
    height: 75px !important;
  }
}
.ssvoucherTextLineExpiry {
  height: 20px;
  font-size: 10px;
}
.ssvoucherIcon {
  text-align: center;
  margin: 0 auto 10px auto;
  width: 64px;
  height: 64px;
  background: url(../images/ssVouchers-default.png) 0 0 no-repeat;
}
.ssvoucher-container.voucherAdded .ssvoucherIcon {
  background: url(../images/ssVouchers-default.png) 0 -64px no-repeat;
}
.ssvoucherIcon img {
  width: 64px;
  /*height: auto;*/
  height: 64px;
}
.ssvouchers-buttonscontainer {
  height: 40px;
}
.ssvouchers-buttonscontainer .btn {
  font-size: 13px !important;
  height: 32px !important;
  padding: 10px 0px !important;
}
.ssvouchers-buttonscontainer .btnAddColumn-after {
  width: 0;
  height: 0;
  font-size: 0;
}
.ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer {
  height: auto;
  min-height: 37px;
  margin-top: 37px;
}
.ssvoucher-container .recommended:before {
  content: "Try Me";
  color: white;
  height: 64px;
  width: 64px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  position: relative;
  left: 1px;
  top: 20px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.ssvoucher-container .recommended {
  background-color: #3374b6 !important;
  text-align: center;
  margin: 0 auto 10px auto;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  background: none;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid white;
}
.ssvoucher-container .personal:before {
  content: "Just for You";
  color: white;
  height: 64px;
  width: 64px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  position: relative;
  left: 1px;
  top: 15px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.ssvoucher-container .personal {
  background-color: #3374b6 !important;
  text-align: center;
  margin: 0 auto 10px auto;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  background: none;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid white;
}
.ssvoucher-container.voucherAdded .ssvoucherIcon {
  text-align: center;
  margin: 0 auto 10px auto;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  background-color: #797979 !important;
  background: none;
}
/*--- VOUCHER LAYOUT ON TROLLEY PAGE ---*/
.template-pages-CartPageTemplate #accountvoucherlistcomponent {
  /*-- TEMP remove --*/
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.template-pages-CartPageTemplate #accountvoucherlistcomponent.accountvoucherlistcomponent.accountVoucherList-landscape {
  border-left: none;
  border-right: none;
}
/*@media (max-width: @screen-xs-max){
  .cartTotal-top{
    display: none !important;
  }
}*/
.accountVoucherList-landscape .listPageHeader {
  display: none;
}
.accountVoucherList-landscape .listPageContent {
  padding: 10px 0 0 0;
}
.accountVoucherList-landscape .listPageContent h3 {
  display: none;
}
.accountVoucherList-landscape .col-xs-12.col-sm-6.col-md-4.voucher-containerContainer.no-space {
  width: 100% !important;
}
.accountVoucherList-landscape .ssvoucher-container {
  margin: 0 0 10px 0;
  display: block;
  position: relative;
  width: 100%;
  height: 77px;
  overflow: hidden;
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container {
    padding-left: 80px;
  }
}
@media (max-width: 300px) {
  .accountVoucherList-landscape .ssvoucher-container {
    padding-left: 60px;
    height: auto;
    min-height: 77px;
  }
}
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucher-containerHeader {
  width: 220px;
  height: 75px;
  background: url(../images/ssVouchersHeadContent.png) center no-repeat, url(../images/ssVouchersHeadPattern.png) center repeat;
  background-size: 100px, 80px;
  background-color: #3374b6;
  float: left;
}
@media (max-width: 800px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucher-containerHeader {
    width: 150px;
    background-size: 80px, 80px;
  }
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucher-containerHeader {
    width: 80px;
    background-size: 60px, 80px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 300px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucher-containerHeader {
    width: 60px;
    background-size: 50px, 80px;
  }
}
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherPointsType {
  float: left;
  width: 85px;
  height: 75px;
  background-color: inherit;
  font-size: 16px;
  line-height: normal;
  padding: 18px 0;
  margin: 0 4px;
  overflow: hidden;
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherPointsType {
    width: 100%;
    height: 28px;
    text-align: left;
    padding: 4px 10px;
  }
}
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherTextLine {
  position: absolute;
  line-height: normal;
  font-size: 14px;
  padding: 0 270px 0 320px;
  height: auto;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 800px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherTextLine {
    padding: 0 270px 0 250px;
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherTextLine {
    padding: 5px 0 0 0;
    font-size: 12px;
    line-height: 12px;
    position: relative;
    top: 0;
    transform: none;
    min-height: 0;
  }
}
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer {
  margin-top: 0;
  width: 200px;
  position: absolute;
  right: 0;
  top: 12px;
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer {
    width: auto;
    right: 5px;
    top: 5px;
    padding: 0;
  }
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer .btn.btn-default.btn-default-pink.btn-fullwidth {
    display: none;
  }
}
.accountVoucherList-portrait .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer .removebuttonMobile,
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer .removebuttonMobile {
  display: none;
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer .removebuttonMobile {
    display: block;
    border: 1px solid #FFF !important;
    background: none;
    width: 18px;
    height: 18px;
    overflow: hidden;
    font-size: 0;
  }
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvouchers-buttonscontainer .removebuttonMobile:after {
    content: '\2715';
    font-size: 12px;
    color: #FFF;
    display: block;
    position: absolute;
    top: 0px;
    left: 4px;
  }
}
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherTextLineExpiry {
  height: auto;
  font-size: 10px;
  width: 200px;
  position: absolute;
  right: 0;
  top: 50px;
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherTextLineExpiry {
    position: relative;
    top: 0;
    width: 100%;
    right: auto;
    left: auto;
    float: left;
    min-height: 0;
  }
}
.accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherIcon {
  margin: 0;
  background: url(../images/ssVouchers-default.png) 0 0 no-repeat;
  position: absolute;
  right: 200px;
  top: 5px;
}
@media (max-width: 639px) {
  .accountVoucherList-landscape .ssvoucher-container.voucherAdded .ssvoucherIcon {
    display: none;
  }
}
/* Account Summary Info (ATS) */
#accountSummaryContainer_AccountSummary {
  border-top: none;
  margin: -1px 0 0 0;
  background-color: #fff;
}
@media (max-width: 1024px) {
  #accountSummaryContainer_AccountSummary {
    border: none;
  }
}
#accountSummaryContainer_AccountSummary #accountSummary {
  border: 1px solid #cccccc;
}
.page-cartPage #accountSummaryContainer_AccountSummary {
  border: none;
  margin: 0 0;
}
.hiddenAdjacent-unavailable,
.hiddenAdjacent-blocked,
.hiddenAdjacent-limit,
.hiddenAdjacent-standard {
  width: 0;
  height: 0;
  display: none;
}
/*.page-cartPage .accountSummaryLeft{
  width: 50%;
  border: 2px solid @border-color-3;
  float: right;
  margin-bottom: 40px;
  height: 210px;
  display: block;
  overflow: hidden;

  @media (max-width: @screen-sm) {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}*/
.page-cartPage .accountSummaryLeft,
.page-multiStepCheckoutDeliveryPage .accountSummaryLeft,
.page-multiStepCheckoutSummaryPage .accountSummaryLeft,
.page-multiStepCheckoutPaymentMethodPage .accountSummaryLeft {
  border: 2px solid #cccccc;
  padding: 15px 0;
  margin: 10px 0;
}
.page-cartPage .hiddenAdjacent-standard + .accountSummaryLeft,
.page-multiStepCheckoutDeliveryPage .hiddenAdjacent-standard + .accountSummaryLeft,
.page-multiStepCheckoutSummaryPage .hiddenAdjacent-standard + .accountSummaryLeft,
.page-multiStepCheckoutPaymentMethodPage .hiddenAdjacent-standard + .accountSummaryLeft {
  border-color: #003359;
}
.page-cartPage .hiddenAdjacent-limit + .accountSummaryLeft,
.page-multiStepCheckoutDeliveryPage .hiddenAdjacent-limit + .accountSummaryLeft,
.page-multiStepCheckoutSummaryPage .hiddenAdjacent-limit + .accountSummaryLeft,
.page-multiStepCheckoutPaymentMethodPage .hiddenAdjacent-limit + .accountSummaryLeft {
  border-color: #b9154a;
}
#accountPaymentOptions {
  margin: 0px 10px;
  padding: 10px 0 20px 0;
  display: block;
}
#accountPaymentOptions label {
  color: #505050;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  margin: 0 20px 0 0;
  padding: 0 0 0 20px;
  position: relative;
}
#accountPaymentOptions.easyCustomRadio input[type="radio"] {
  width: auto;
  height: auto;
}
.accountSummaryHeading {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #f2f2f2;
  margin: 0 0;
  padding: 10px 10px ;
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
}
.accountSummaryHeading > span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
#accountSummary .mini-cart-totals {
  border: none;
  margin: 0 10px;
}
#accountSummary .mini-cart-totals .ATSsummary {
  margin: 10px -10px 3px -10px;
  padding: 4px 10px;
  background-color: #003359;
  color: #FFF;
}
.page-cartPage #accountSummary .mini-cart-totals .ATSsummary {
  margin: 10px -10px 10px -10px;
}
.ATSmessage {
  background-color: #003359;
  position: relative;
  height: auto;
}
/*.page-cartPage .ATSmessage{
  float: left;
  width: calc(~"50% - 10px");
  -moz-width: calc(~"50% - 10px");
  -ms-width: calc(~"50% - 10px");
  -o-width: calc(~"50% - 10px");
  -webkit-width: calc(~"50% - 10px");
  margin-bottom: 40px;
  height: 210px;
  display: block;
  overflow: hidden;

  @media (max-width: @screen-sm) {
    width: 100%;
    margin-bottom: 40px;
    height: auto;
    min-height: 100px;
  }
}*/
.ATSmessage#ATSmessage-unavailable,
#accountSummary .mini-cart-totals .ATSsummary#ATSsummary-unavailable {
  background-color: #cccccc;
}
.ATSmessage#ATSmessage-blocked,
#accountSummary .mini-cart-totals .ATSsummary#ATSsummary-blocked {
  background-color: #575757;
}
.ATSmessage#ATSmessage-limit,
#accountSummary .mini-cart-totals .ATSsummary#ATSsummary-limit {
  background-color: #b9154a;
}
.ATSmessage-img {
  width: 42px;
  height: 42px;
  background: url(../images/icon-ATS.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 17px;
  left: 15px;
}
/*.page-cartPage .ATSmessage-img{
  top: 70px;
  width: 63px;
  height: 63px;

  @media (max-width: @screen-sm) {
    top: 17px;
  }
}*/
.ATSmessage-msg {
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  color: #FFF;
  padding: 15px 15px 15px 75px;
}
/*.page-cartPage .ATSmessage-msg{
  padding: 70px 15px 15px 95px;

  @media (max-width: @screen-sm) {
    padding: 15px 15px 15px 95px;
  }
}*/
.ATSmessage-msg a,
.ATSmessage-msg a:visited,
.ATSmessage-msg a:active,
.ATSmessage-msg a:hover {
  color: #FFF;
  text-decoration: underline;
}
/*--- easyCustomRadio ---*/
.easyCustomRadio input[type="radio"] {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  cursor: pointer;
}
.easyCustomRadio input[type="radio"]:before {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #FFF;
  top: 0px;
  left: 0px;
  border: 2px solid #505050;
  border-radius: 50%;
}
.easyCustomRadio input[type="radio"]:checked:after {
  position: absolute;
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #505050;
  top: 4px;
  left: 4px;
  border: none;
  border-radius: 50%;
}
/*switch points to rands*/
.switchOr {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: #FFF;
  font-size: 22px;
  text-transform: uppercase;
  margin: 50px auto 0 auto;
  padding: 20px 0 0 0;
  position: relative;
  left: -10px;
  width: 44px;
  height: 70px;
  background-color: #3374b6;
}
.switchOr span {
  display: block;
  position: relative;
  z-index: 3;
}
.switchOr:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: -20px;
  right: -30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 54px 0 54px 40px;
  border-color: transparent transparent transparent #3374b6;
}
@media (max-width: 1024px) {
  .switchOr {
    text-align: center;
    margin: 20px auto 100px auto;
    padding: 14px 0 0 0;
    left: auto;
    height: 34px;
    width: 70px;
  }
  .switchOr:after {
    top: auto;
    bottom: -35px;
    right: -15px;
    border-width: 35px 50px 0 50px;
    border-color: #3374b6 transparent transparent transparent;
  }
}
.switch-balanceline {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #929292;
  padding: 10px 0;
  margin: 0 0;
  border-bottom: 1px solid #e5e5e5;
}
.switch-balanceline.lastLine {
  border: none;
  margin-bottom: 30px;
}
.switch-balanceline span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #3374b6;
  float: right;
}
.switch-balanceline-message {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #3374b6;
  padding: 10px 0 30px 0;
  margin: 0px 0 0px 0;
}
.switch-balanceConfirmation,
.switch-balanceConfirmationLeft {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #929292;
  padding: 10px 20px;
  margin: 10px 0 10px 0;
  background-color: #f2f2f2;
  text-align: center;
}
.switch-balanceConfirmationLeft {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-align: left;
}
.switch-balanceConfirmation span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #3374b6;
}
.switch-balanceConfirmation span.error {
  color: #ed1c24;
}
.account-section label {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #929292;
  padding: 0;
  margin: 0;
  width: 100%;
  text-transform: none;
}
.account-section input:not([type=radio]) {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  color: #5d5d5d;
  padding: 10px;
  margin: 0;
  width: 100%;
  border: 1px solid #ccc !important;
}
.account-section input:not([type=radio]):disabled {
  background-color: #f2f2f2;
  border: none !important;
}
.account-section .addressLine.validationFailField input:not([type=radio]) {
  border: 1px solid #b9154a !important;
}
.account-section .addressLine.validationFailField input:not([type=radio]):disabled {
  border: 1px solid #b9154a !important;
}
.account-section input.switchpointsInput {
  color: #3374b6;
  margin: 20px 0 30px 0;
}
#beforeSwitchMsg .actions .col-xs-6:first-child,
.switch-balancelineblock .actions .col-xs-6:first-child {
  padding: 0 5px 0 0;
}
#beforeSwitchMsg .actions .col-xs-6:last-child,
.switch-balancelineblock .actions .col-xs-6:last-child {
  padding: 0 0 0 5px;
}
#switch-container #viewTrolley.actions {
  margin-top: 40px;
}
@media (max-width: 639px) {
  .page-voucher-list .simple-banner-component {
    margin-left: 0;
    margin-right: 0;
  }
}
/*--- iframe ---*/
.page-switch-to-partner .iframecomponent iframe {
  min-height: 520px !important;
}
@media (max-width: 1024px) {
  .page-switch-to-partner .iframecomponent iframe {
    min-height: 600px !important;
  }
}
@media (max-width: 640px) {
  .page-switch-to-partner .iframecomponent iframe {
    min-height: 800px !important;
  }
}
@media (min-width: 480px) {
  .voucherBannerBtnContainer {
    display: block !important;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.voucherBannerBtnContainer {
  display: none;
}
.voucherBannerBtnContainer button:hover {
  background-color: #FFF !important;
  border: 2px solid #3374b6;
  color: #3374b6;
}
.voucherBannerBtnContainer button {
  float: left;
}
.voucherBannerBtnContainer:after {
  content: '';
  display: block;
  clear: both;
}
.voucherBannerBtn {
  border: 2px solid #3374b6;
  color: #3374b6;
  padding: 55px 0px 5px 0px;
  margin-right: 20px;
  width: 100px;
  background: #FFF;
  border-radius: 15px !important;
}
.voucherBannerBtn:active {
  border: 2px solid blue;
  color: blue;
  padding: 55px 0px 5px 0px;
  margin-right: 20px;
  width: 100px;
  background-color: #FFF !important;
  border-radius: 15px !important;
}
.SmartShopperLostAction {
  background: url(../images/lost-icon.png) 10px -10px no-repeat;
  display: inline-block;
}
.SmartShopperLinkAction {
  background: url(../images/link-icon.png) 10px -10px no-repeat;
  display: inline-block;
}
.SmartShopperJoinAction {
  background: url(../images/join-icon.png) 10px -10px no-repeat;
  display: inline-block;
}
.SmartShopperDiscountsAction {
  background: url(../images/discount-icon.png) 10px -15px no-repeat;
  display: inline-block;
}
.SmartShopperSwithAction {
  background: url(../images/switch-icon.png) 10px -10px no-repeat;
  display: inline-block;
}
#formSmartShopperSwithAction {
  text-align: center;
}
#formSmartShopperLinkAction {
  text-align: center;
}
#formSmartShopperJoinAction {
  text-align: center;
}
#formSmartShopperDiscountsAction {
  text-align: center;
}
#formSmartShopperLostAction {
  text-align: center;
}
.smartShopperCardQuestion {
  color: #ffffff;
  font-size: 15px;
  display: block;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: bold;
  line-height: normal;
  padding: 0 0;
  text-align: left;
  margin-top: 10px;
}
.smartShopperCardQuestionSubText {
  color: #ffffff !important;
  font-size: 15px;
  display: block;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  padding: 0 0;
  text-align: left;
}
.smartShopperCardQuestionSubText a {
  color: #ffffff !important;
  font-size: 15px;
  display: block;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  padding: 0 0;
  text-align: left;
  text-decoration: underline !important;
}
/* js signup for club error messages and wording */
.js-signup-for-club-error-message {
  color: red;
  padding: 5px;
  clear: both;
}
.amendOrderVoucherError {
  border: 1px solid #CCCCCC;
  background-color: #F2F2F2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  white-space: unset;
  padding: 20px;
  width: 100%;
}
@media (min-width: 640px) {
  .amendOrderVoucherError {
    white-space: nowrap;
    width: auto;
  }
}
.amendOrderVoucherError h2 {
  font-size: 22px;
  color: #003359;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
}
.amendOrderVoucherError p {
  font-size: 17px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #757575;
  margin-left: 0;
  margin-right: 0;
}
.genericLoadedVoucherHeading {
  font-size: 14px;
  color: #52AE33;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.loyaltyVoucherHeading {
  color: #3374B5;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  word-break: break-word;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .loyaltyVoucherHeading {
    word-break: normal;
    font-size: 18px;
  }
}
.loyaltyVoucherValidityMessage {
  display: none;
}
@media (min-width: 640px) {
  .loyaltyVoucherValidityMessage {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
  }
}
.loyaltyVoucherImage {
  height: 67px;
  width: 90px;
  background-size: 90px;
  margin-top: 45px;
  background-image: url(../images/SS-Card-Personal-discount.png);
}
@media (min-width: 640px) {
  .loyaltyVoucherImage {
    height: 86px;
    width: 111px;
    background-size: 115px;
  }
}
@media (min-width: 1024px) {
  .loyaltyVoucherImage {
    background-image: url(../images/SS-Card-Personal-discount.png);
    height: 95px;
    width: 130px;
    background-size: 130px;
    margin-top: 10px;
  }
}
.loyaltyVoucherCountWording {
  display: none;
}
@media (min-width: 640px) {
  .loyaltyVoucherCountWording {
    display: inline-block;
  }
}
.page-voucherProductsPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
  padding-top: 10px;
  height: auto;
  position: fixed;
  bottom: -50px;
  z-index: 99;
  left: 0;
  margin: 0;
  width: 100% !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
  background-color: #f9f9f9;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 46% !important;
    transition: none !important;
    margin-left: 0;
  }
}
.page-voucherProductsPage .item .list-actions {
  float: right;
  margin-right: 40px;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .item .list-actions {
    float: none;
    margin-right: 0;
  }
}
.page-voucherProductsPage .prodFavourite {
  padding-top: 0px;
  left: 75px;
  bottom: 0px;
}
.page-voucherProductsPage .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
  float: left !important;
  width: 32px;
  margin-left: 15px;
}
.page-voucherProductsPage .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a {
  background: url(../images/header-icons.png) 0 0 no-repeat;
  cursor: pointer;
  background-position: -80px -11px;
  background-size: 130px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.page-voucherProductsPage .selectionforlist-component {
  float: left;
  margin-right: 0;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .selectionforlist-component {
    float: left;
    margin-right: 5px;
  }
}
.page-voucherProductsPage .sticky-addtolist-component {
  position: fixed;
  bottom: -110px;
  left: 0;
  background: #FFF;
  padding: 10px;
  padding-bottom: 50px;
  z-index: 999;
  width: 100%;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .sticky-addtolist-component {
    position: relative;
    z-index: 9;
    width: auto;
    float: left;
    bottom: 0;
    padding: 0;
  }
}
.page-voucherProductsPage .sticky-addtolist-show {
  bottom: 0px !important;
}
.page-voucherProductsPage .fav-select-btn {
  background-color: #f2f2f2;
  color: #575757;
  border: 1px solid #575757;
  height: 35px;
  padding-top: 12px;
  font-size: 13px;
  font-weight: 700;
}
.page-voucherProductsPage .actions-fav {
  width: 100%;
  margin: 0;
  float: none !important;
}
.page-voucherProductsPage .sticky-addtolist-component button {
  height: 39px;
  width: 49%;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .sticky-addtolist-component button {
    width: auto;
    height: 35px;
  }
}
.page-voucherProductsPage .pagination-item-show .selectric {
  width: 60px;
}
.page-voucherProductsPage .pagination-item-sort .control-label {
  padding: 1px 1px 1px 1px;
  margin: 9px 5px 0 0;
}
.page-voucherProductsPage .pagination-item-show label {
  margin: 9px 5px 0 0;
}
.page-voucherProductsPage .totalResults {
  display: none;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .totalResults {
    margin: 9px 0 0 2px;
    display: block;
  }
}
.page-voucherProductsPage .filtering {
  padding-top: 10px !important;
}
.page-voucherProductsPage .filterIcon {
  position: absolute;
  z-index: 100;
  top: 3px;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .filterIcon {
    margin-top: -4px !important;
  }
}
.page-voucherProductsPage .GridListBtnsContainer {
  margin-right: 25px;
}
@media (min-width: 640px) {
  .page-voucherProductsPage .GridListBtnsContainer {
    margin-right: 0;
  }
}
.page-voucherProductsPage #colorbox {
  left: 100%;
  top: 0 !important;
  min-height: 820px;
  display: block;
  position: fixed !important;
  opacity: 1 !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
@media (min-width: 1400px) {
  .page-voucherProductsPage #colorbox {
    top: 0 !important;
    left: 50% !important;
    margin-left: -400px;
    width: 800px !important;
    min-height: 300px !important;
    transition: none !important;
    max-height: 500px !important;
    position: absolute !important;
  }
}
.page-voucherProductsPage .filteredByColorBox {
  left: 0;
  height: 100% !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
@media (max-width: 640px) {
  .page-voucherProductsPage .sort-n-text {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5) !important;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-items {
    height: auto !important;
    width: 100% !important;
    border: none;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-items .disabled {
    display: none;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric {
    background: transparent;
    border: none;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric .button {
    position: absolute;
    right: 12px;
    top: 10px;
    line-height: 30px;
    color: #ccc;
    font: 0/0 a;
    display: inline-block;
    background: url(../images/pnp-sort-arrow.svg) 0px 0px no-repeat;
    width: 19px;
    height: 19px;
    float: right;
    padding: 5px;
    cursor: pointer;
    content: "\e080";
  }
  .page-voucherProductsPage .pagination-item-sort .selectric {
    width: 285px !important;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul {
    background-color: #92113A;
    padding-bottom: 25px;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li {
    color: #FFF;
    height: 25px;
    padding: 20px 0 20px 0px;
    margin-left: 25px;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-items li.selected {
    font-weight: bold;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after {
    background: url(../images/icon-radio-default.svg) center center no-repeat;
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 85%;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric-items li.selected::after {
    background: url(../images/icon-radio-active.svg) center center no-repeat !important;
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 85%;
  }
  .page-voucherProductsPage .pagination-item-sort .control-label {
    padding: 20px 1px 1px 15px;
    margin: 9px 5px 0 0;
    float: left;
    color: #FFF;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    position: relative;
    z-index: 4;
  }
  .page-voucherProductsPage .selectric-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-voucherProductsPage .pagination-item-sort .selectric .label {
    color: #FFF;
    font-size: 15px;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    padding-top: 7px;
    margin-left: 0;
    padding-left: 0;
  }
}
.page-voucherProductsPage .js-product-selection-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.page-voucherProductsPage .js-product-card-item .checkmark:after {
  left: 8px;
  top: 2px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-voucherProductsPage .js-product-card-item input:checked ~ .checkmark {
  background-color: #52ae32;
}
.page-voucherProductsPage .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.page-voucherProductsPage .js-product-card-item input:checked ~ .checkmark:after {
  display: block;
}
.page-voucherProductsPage .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: 1px solid #cccccc;
}
.page-voucherProductsPage .js-product-selection-container {
  position: absolute;
  left: 84%;
  bottom: 40px;
  width: 100%;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* new voucher page layout and buttons */
/* buttons */
.deselectAllVouchersButton {
  background-color: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  height: 38px;
  color: #575757;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-size: 13px;
  line-height: normal;
  text-align: center;
  padding: 10px 20px;
}
@media (min-width: 480px) {
  .deselectAllVouchersButton {
    background-color: #F2F2F2 !important;
    border: 1px solid #CCCCCC !important;
  }
}
.deselectAllVouchersButton .uil-ellipsis-css {
  top: 0 !important;
}
@media (min-width: 480px) {
  .deselectAllVouchersButton .uil-ellipsis-css {
    top: -15px !important;
  }
}
.deselectAllVouchersButton:hover {
  background-color: #F2F2F2 !important;
  border: 1px solid #CCCCCC !important;
  height: 38px;
  color: #575757 !important;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  padding: 10px 20px;
}
@media (min-width: 480px) {
  .deselectAllVouchersButton:hover {
    background-color: #F2F2F2 !important;
    border: 1px solid #CCCCCC !important;
  }
}
.deselectAllVouchersButton:active {
  color: #575757 !important;
}
.deselectAllVouchersButton:focus {
  color: #575757 !important;
}
.addRemoveAllVouchers {
  position: relative;
  top: 0;
  display: inline-block;
  left: 50%;
  transform: translate(-75%, 0%);
}
@media (min-width: 480px) {
  .addRemoveAllVouchers {
    left: auto;
    transform: translate(0%, 0%);
  }
}
.selectAllVouchersButton {
  background-color: #3374B5 !important;
}
.deselectAllVouchersButton.loading-spinner-active span {
  display: none;
}
.selectAllVouchersButton.loading-spinner-active span {
  display: none;
}
.ssVoucherActionButtons {
  min-height: 75px;
}
.discountCountLabel {
  display: none;
}
@media (min-width: 480px) {
  .discountCountLabel {
    display: inline-block;
    color: #CCCCCC;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica !important;
    font-size: 16px;
  }
}
.personalDiscountsBanenr img {
  width: 100%;
}
@media (min-width: 480px) {
  .personalDiscountsBanenr img {
    width: 50% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
/* Owl v2 default theme css*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.articlePageContainer .babyClubPink {
  color: #df9ca9 !important;
}
.articlePageContainer h2 {
  font-family: 'pantonFontBold', 'pnpFontBold', Arial;
  font-size: 40px;
  line-height: 36px;
  margin: 0 0 20px 0;
  font-weight: 900;
  text-transform: uppercase;
}
.articlePageContainer h3 {
  font-family: 'pantonFontBold';
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
  margin: 10px 0;
  font-weight: 900;
}
.articlePageContainer p {
  color: #818285;
  font-family: 'Open Sans', Arial;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px;
}
.articlePageContainer ul {
  margin: 0 0 20px 0;
}
.articlePageContainer li {
  font-family: 'Open Sans', Arial;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 5px;
  color: #818285;
}
.articlePageContainer .intro {
  font-style: italic;
  font-family: 'pantonFontRegular', 'pnpFontBold';
  font-weight: 900;
}
.articlePageContainer .cmsimage {
  float: right;
  margin-left: 0;
  margin-bottom: 10px;
}
@media (min-width: 640px) {
  .articlePageContainer .cmsimage {
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
.articlePageContainer .cmsimage img {
  width: 100%;
}
.articleLinkContainer {
  text-align: center;
  border: 1px solid black;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
}
.categoryTitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #505050;
}
.articleImage {
  width: 100%;
  max-width: 380px;
  max-height: 245px;
}
.articleTitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #FFF;
  line-height: 21px;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  min-height: 45px;
  max-height: 45px;
  overflow: hidden;
}
.articleCallToAction:active,
.articleCallToAction:focus,
.articleCallToAction:hover {
  color: #b9154a;
}
.articleCallToAction {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  height: 35px;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFF;
  border: 1px solid #FFF;
  display: inline-block;
  text-decoration: none;
}
button.articleCallToAction {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  height: 35px;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 14px;
  color: #505050;
  background-color: transparent;
  border: 1px solid #cccccc;
  display: inline-block;
  text-decoration: none;
}
.h-100 {
  height: 100% !important;
}
.card-img-top {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  margin-bottom: 10px;
  margin-top: 10px;
}
.card-body .articleCallToAction:hover {
  color: #92cfb2;
  background-color: white;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  background: #92cfb2;
  width: 100%;
}
.cardBodyContainer > div:nth-child(2n + 1) .card-body {
  background: #81a5bd !important;
}
.cardBodyContainer > div:nth-child(5n - 2) .card-body {
  background: #eab2bd !important;
}
.cardBodyContainer > div:nth-child(4n + 4) .card-body {
  background: #f6d589;
}
.cardBodyContainer > div:nth-child(2n + 1) .card-body .articleCallToAction:active,
.cardBodyContainer > div:nth-child(2n + 1) .card-body .articleCallToAction:focus,
.cardBodyContainer > div:nth-child(2n + 1) .card-body .articleCallToAction:hover {
  color: #81a5bd !important;
  background-color: white;
}
.cardBodyContainer > div:nth-child(5n - 2) .card-body .articleCallToAction:active,
.cardBodyContainer > div:nth-child(5n - 2) .card-body .articleCallToAction:focus,
.cardBodyContainer > div:nth-child(5n - 2) .card-body .articleCallToAction:hover {
  color: #eab2bd !important;
  background-color: white;
}
.cardBodyContainer > div:nth-child(4n + 4) .card-body .articleCallToAction:active,
.cardBodyContainer > div:nth-child(4n + 4) .card-body .articleCallToAction:focus,
.cardBodyContainer > div:nth-child(4n + 4) .card-body .articleCallToAction:hover {
  color: #f6d589;
  background-color: white;
}
.loadMoreBtnContainer {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.relatedArticleContainer {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
}
.relatedArticleHeading {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #505050;
  text-align: center;
}
.relatedarticleImage {
  width: 100%;
  max-width: 380px;
  max-height: 245px;
}
.relatedArticleTitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 21px;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  min-height: 45px;
  max-height: 45px;
  overflow: hidden;
  padding-top: 15px;
}
.relatedArticleCallToAction:active,
.relatedArticleCallToAction:focus,
.relatedArticleCallToAction:hover {
  color: #b9154a;
  curser: pointer;
}
.relatedArticleCallToAction {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  height: 35px;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 14px;
  color: #19212b;
  border: 1px solid #19212b;
  display: inline-block;
  text-decoration: none;
}
.image-gallery-savingsbuttonContainer {
  position: absolute;
  top: 15px;
  left: 25px;
  z-index: 2;
}
.image-gallery-savingsbutton {
  width: 50px;
  height: 50px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 1em;
  padding: 15px 0 0 0;
  margin-bottom: 5px;
  overflow: hidden;
  /*border: 2px solid #FFF;*/
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #ff0000;
  cursor: default;
}
.pdpOnlineOnly {
  width: 50px;
  height: 50px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  line-height: 1em;
  padding: 15px 0 0 0;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #13375a;
  cursor: default;
  display: inline-block;
  z-index: 5;
}
.image-gallery-savingsbutton div {
  font-size: 12px;
}
.image-gallery-savingsbutton.savingsbuttonPoints {
  display: none;
}
.vitality-indicator,
.image-gallery-savingsbutton.vitality-indicator,
.fed-prodref-carousel .image-gallery-savingsbutton.vitality-indicator {
  width: 35px;
  height: 35px;
  background: url(../images/vitality.svg) no-repeat top left;
  background-size: contain;
  border: none;
  padding: 0;
}
@media (min-width: 640px) {
  .vitality-indicator,
  .image-gallery-savingsbutton.vitality-indicator,
  .fed-prodref-carousel .image-gallery-savingsbutton.vitality-indicator {
    width: 50px;
    height: 50px;
    margin-top: -5px;
  }
}
.fed-pdp-image-gallery-container .vitality-indicator {
  width: 60px;
  height: 60px;
}
.image-gallery-savingsbutton.savingsbuttonPoints div {
  font-size: 12px;
}
.image-gallery-savingsbutton div span {
  position: relative;
  font-size: 8px;
  font-weight: bold;
  top: -3px;
}
ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton {
  width: 20px;
  height: 20px;
  padding: 7px 0 0 0;
  font-size: 6px;
}
ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton div {
  display: none;
}
@media (min-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton {
    width: 30px;
    height: 30px;
    padding: 9px 0 0 0;
    font-size: 9px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton div {
    display: none;
  }
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 1em;
    padding: 11px 0 0 0;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 70px;
    left: 70px;
    z-index: 3;
  }
}
@media (min-width: 1024px) {
  .productImageCarouselTable .image-gallery-savingsbutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #ff0000;
    cursor: default;
  }
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 150px !important;
    left: 150px !important;
    z-index: 3;
  }
}
@media (min-device-width: 1024px) and (max-device-width: 1400px) {
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 250px !important;
    left: 250px !important;
    z-index: 3;
  }
}
@media (min-width: 1400px) {
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 250px !important;
    left: 250px !important;
    z-index: 3;
  }
}
.productImageCarouselTable .image-gallery-savingsbutton {
  width: 50px;
  height: 50px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 1em;
  padding: 8px 0 0 0;
  margin-bottom: 5px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #ff0000;
  cursor: default;
}
.productImageCarouselTable .image-gallery-onlineonlybutton {
  width: 40px;
  height: 40px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px;
  line-height: 1em;
  padding: 11px 0 0 0;
  margin-bottom: 5px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #13375a;
  cursor: default;
  position: absolute;
  top: 80px;
  right: 15px;
  z-index: 3;
}
ul.product-listing.product-grid .image-gallery-savingsbuttonContainer {
  top: 9px;
  left: 6px;
}
ul.product-listing.product-grid .image-gallery-savingsbutton {
  width: 45px;
  height: 45px;
  padding: 13px 0 0 0;
  font-size: 12px;
}
ul.product-listing.product-grid .image-gallery-savingsbutton.savingsbuttonPoints {
  display: none;
}
ul.product-listing.product-grid .image-gallery-savingsbutton div span {
  position: relative;
  font-size: 8px;
  font-weight: bold;
  top: -3px;
}
ul.product-listing.product-grid.product-list .image-gallery-savingsbuttonContainer .plpOnlineOnly {
  width: 20px;
  height: 20px;
  padding: 7px 0 0 0;
  font-size: 4px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #13375a;
  cursor: default;
  z-index: 5;
  left: auto;
  bottom: auto;
  top: auto !important;
  position: relative;
  display: inline-block;
}
@media (min-width: 640px) {
  ul.product-listing.product-grid.product-list .image-gallery-savingsbuttonContainer .plpOnlineOnly {
    width: 30px;
    height: 30px;
    padding: 10px 0 0 0;
    font-size: 5px;
  }
}
ul.product-listing.product-grid .image-gallery-savingsbuttonContainer .plpOnlineOnly {
  width: 45px;
  height: 45px;
  padding: 13px 0 0 0;
  font-size: 9px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #13375a;
  cursor: default;
  display: inline-block;
  z-index: 3;
}
ul.product-listing.product-grid .carouselOnlineOnly.plpOnlineOnly {
  display: none;
}
.js-product-carousel-item .plpOnlineOnly {
  width: 35px;
  height: 35px;
  padding: 10px 0 0 0;
  font-size: 8px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #13375a;
  cursor: default;
  display: inline-block;
  z-index: 5;
}
@media (min-width: 640px) {
  .js-product-carousel-item .plpOnlineOnly {
    font-size: 10px;
    width: 50px;
    height: 50px;
    padding: 15px 0 0 0;
  }
}
/*-- savings overlay, using and overriding styles from pdp --*/
.fed-prodref-carousel .image-gallery-savingsbuttonContainer {
  top: 9px;
  left: 6px;
}
.fed-prodref-carousel .image-gallery-savingsbutton {
  width: 35px;
  height: 35px;
  padding: 9px 0 0 0;
  font-size: 10px;
}
@media (min-width: 640px) {
  .fed-prodref-carousel .image-gallery-savingsbutton {
    width: 50px;
    height: 50px;
    padding: 12px 0 0 0;
    font-size: 12px;
  }
}
.fed-prodref-carousel .image-gallery-savingsbutton.savingsbuttonPoints {
  display: none;
}
.fed-pdp-col-xs-l,
.fed-pdp-col-xs-r,
.fed-pdp-col-sm-l,
.fed-pdp-col-sm-r,
.fed-pdp-col-md-l,
.fed-pdp-col-md-r,
.fed-pdp-col-lg-l,
.fed-pdp-col-lg-r {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .fed-pdp-col-sm-l,
  .fed-pdp-col-sm-r {
    float: left;
  }
  .fed-pdp-col-sm-l {
    width: 49%;
  }
  .fed-pdp-col-sm-r {
    width: 51%;
  }
}
@media (min-width: 1024px) {
  .fed-pdp-col-md-l,
  .fed-pdp-col-md-r {
    float: left;
  }
  .fed-pdp-col-md-l {
    width: 55%;
  }
  .fed-pdp-col-md-r {
    width: 45%;
  }
  .fed-pdp-col-sm-l {
    width: 50%;
  }
}
.fed-pdp-product-details {
  padding-left: 30px;
}
.template-pages-product-productLayout2Page .fed-pdp-product-details {
  padding-left: 0px;
}
@media (min-width: 1024px) {
  .template-pages-product-productLayout2Page .fed-pdp-product-details {
    padding-left: 0px;
    padding-right: 0px;
    width: 360px;
  }
}
@media (min-width: 1025px) {
  .template-pages-product-productLayout2Page .fed-pdp-product-details {
    padding-left: 10px;
    padding-right: 0px;
    width: 45%;
  }
}
@media (max-width: 640px) {
  .fed-pdp-product-details {
    padding-left: 10px;
    margin-bottom: 18px;
  }
}
.fed-pdp-product-details-title h1 {
  font-family: "pnpFont";
  line-height: 1em;
  color: #505050;
  font-size: 175%;
  margin: 30px 0 20px 0;
}
@media (min-width: 640px) {
  .fed-pdp-product-details-title h1 {
    font-size: 215%;
    margin: 5px 0 50px 0;
  }
}
.fed-pdp-product-details .promotion {
  color: #ed1c24;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 0px 10px 0px;
  font-size: 16px;
  font-weight: bold;
}
.fed-pdp a {
  color: #505050;
}
.fed-pdp a:hover {
  color: #b9154a;
}
.addtocart-component-title {
  font-size: 100%;
}
.addtocart-component {
  /*margin: 0 0 20px 0;*/
  margin: 0 0 30px 0;
}
.product-listing .addtocart-component {
  margin: 0;
}
.addtocart-component .qty-selector .input-group-btn {
  border: none;
  float: left;
}
.addtocart-component .qty-selector .btn-primary,
.addtocart-component .qty-selector .btn-primary:hover {
  width: 33px;
  margin: 0;
  background-color: #bdbec0;
  border: none;
  padding: 5px 0;
}
.addtocart-component .qty-selector .btn-primary:active {
  background-color: #acacae;
}
.addtocart-component .qty-selector .btn-primary .glyphicon-plus {
  margin-left: 2px;
}
.addtocart-component .qty-selector .btn-primary .glyphicon-minus {
  margin-left: -2px;
}
.addtocart-component .defaultWhiteProdFavourite {
  display: none;
}
@media (max-width: 1400px) {
  .addtocart-component .qty-selector {
    margin: 0;
  }
  .addtocart-component .qty-selector .input-group-btn {
    width: 33px;
  }
}
.addtocart-component .qty-selector .form-control {
  width: 33px;
  height: 32px;
  padding: 0;
  z-index: 1;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-family: "pnpFont";
  border: none;
  box-shadow: none;
}
@media (max-width: 1400px) {
  .addtocart-component .qty-selector .form-control {
    width: 33px;
  }
}
/*-- product image carousel --*/
.owl-carousel.gallery-image .owl-wrapper-outer {
  border: 1px solid #cccccc;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  border: 1px solid #cccccc;
  text-align: left;
}
/*.fed-prodref-carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item{
  margin: 0;
  border: none;
}
.fed-prodref-carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item {
  margin: 0px 10px 0px 0px;
  padding: 10px 10px;
  border: 1px solid @border-color-3;
}*/
.fed-prodref-carousel .owl-carousel .owl-wrapper-outer {
  width: calc(100% - 10px);
  -moz-width: calc(100% - 10px);
  -ms-width: calc(100% - 10px);
  -o-width: calc(100% - 10px);
  -webkit-width: calc(100% - 10px);
}
.owl-carousel.gallery-image .owl-wrapper-outer .owl-wrapper .owl-item {
  border: none;
}
.image-gallery .carousel.gallery-image {
  margin-top: 0;
}
.image-gallery .carousel.gallery-image .owl-item .item {
  margin: 10px;
}
.image-gallery .carousel.gallery-carousel .owl-item {
  margin-right: 10px;
}
.image-gallery .carousel.gallery-carousel .owl-item .item {
  margin: 0 5px;
  padding: 5px 0;
}
@media (min-width: 480px) {
  .image-gallery .gallery-image .owl-controls {
    display: block !important;
  }
}
.image-gallery .carousel.gallery-carousel .owl-stage-outer .owl-item .item {
  margin: 0 0;
  padding: 0 0;
}
.page-productDetails .image-gallery .carousel.gallery-image .owl-item .item {
  margin-top: 0px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  color: #cccccc;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
  color: #b9154a;
  background-color: rgba(255, 255, 255, 0.8);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next,
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: rgba(255, 255, 255, 0);
}
/*-- pricing --*/
.fed-pdp-product-details-price,
.fed-pdp-product-details-price-withPromo {
  color: #505050;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}
.fed-pdp-product-details-price span,
.fed-pdp-product-details-price-withPromo span {
  /*font-size: 14px;*/
  position: relative;
  top: -9px;
  /*left: 1px;*/
  /*letter-spacing: 1px;*/
  letter-spacing: normal;
  font-size: 12px;
  left: 0;
}
.fed-pdp-product-details-price .priceVariableWeight span {
  top: 0;
}
.fed-pdp-product-details-price .priceVariableWeight .normalPrice .priceUnit span {
  color: #505050;
}
.fed-pdp-product-details-price .priceVariableWeight .normalPrice-hasSaving .priceUnit span {
  color: #ff0000;
}
.fed-pdp-product-details-price-withPromo span {
  color: #ed1c24;
}
.fed-pdp-product-details-price-standard span {
  color: #505050;
}
.fed-pdp-product-details-price-promo,
.fed-pdp-product-details-price-standard,
.fed-pdp-product-details-price-attribute {
  display: block;
}
.fed-pdp-product-details-price-promo {
  color: #ed1c24;
}
.fed-pdp-product-details-price-withPromo .fed-pdp-product-details-price-standard {
  text-decoration: line-through;
}
.fed-pdp-product-details-price-attribute {
  font-size: 12px;
  font-weight: normal;
}
.fed-pdp-product-details-price-withPromo .fed-pdp-product-details-price-attribute {
  color: #ed1c24;
}
.right-pdp-details .defaultWhiteProdFavourite {
  display: none;
}
@media (min-width: 640px) {
  .right-pdp-details .defaultWhiteProdFavourite {
    display: inline-block;
  }
}
.pdp-mobile-details-btn {
  display: block;
  padding-top: 5px;
}
.pdp-mobile-details-btn .defaultWhiteProdFavourite {
  width: 100% !important;
}
.pdp-mobile-details-btn .defaultWhiteProdFavourite button {
  width: 100% !important;
}
.pdp-mobile-details-btn button {
  width: 100%;
}
@media (min-width: 640px) {
  .pdp-mobile-details-btn {
    display: none;
  }
  .pdp-mobile-details-btn button {
    width: auto !important;
  }
  .pdp-mobile-details-btn .defaultWhiteProdFavourite button {
    width: auto !important;
  }
}
/*-- rating --*/
.fed-pdp .rating {
  margin-bottom: 15px;
}
.fed-pdp-product-details .right-pdp-details {
  padding-left: 0;
  padding-right: 0;
}
.fed-pdp-product-details .right-pdp-details .rating {
  margin-bottom: 15px;
}
.fed-pdp-product-details .right-pdp-details .rating a {
  margin-left: 5px;
}
@media (max-width: 480px) {
  .fed-pdp-product-details .right-pdp-details .rating a {
    font-size: 12px;
    margin-left: 0;
  }
}
.fed-pdp-product-details .right-pdp-details .rating a.js-openTab:before {
  border-left: none;
}
.fed-pdp-product-details .right-pdp-details .rating .rating-stars {
  font-size: 14px;
  padding: 4px 0 1px;
}
@media (max-width: 1024px) {
  .fed-pdp-product-details .right-pdp-details .rating .rating-stars {
    float: left;
  }
}
.fed-pdp-product-details .right-pdp-details .defaultWhiteProdFavourite .btn.btn-secondary-whiteloyalty:hover {
  color: #3374b6;
}
@media (max-width: 640px) {
  .page-productDetails .plpAddToListA {
    display: none;
    visibility: hidden;
  }
}
.template-pages-product-productLayout2Page .pdpAddToListButton img {
  left: auto !important;
  padding-left: 15px !important;
  height: 19px;
  padding-bottom: 4px;
}
@media (min-width: 640px) {
  .template-pages-product-productLayout2Page .pdpAddToListButton img {
    left: 0 !important;
  }
}
.template-pages-product-productLayout2Page .plpAddToListA {
  display: none;
}
.template-pages-product-productLayout2Page .fed-pdp-col-sm-l {
  padding: 0px;
}
@media (min-width: 640px) {
  .template-pages-product-productLayout2Page .fed-pdp-col-sm-l {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.template-pages-product-productLayout2Page .image-gallery .carousel.gallery-image .owl-item .item {
  margin: 0px;
}
@media (min-width: 640px) {
  .template-pages-product-productLayout2Page .image-gallery .carousel.gallery-image .owl-item .item {
    margin: 10px;
  }
}
.template-pages-product-productLayout2Page .fed-pdp-product-details-price .priceVariableWeight .normalPrice-hasSaving .normalPrice {
  display: inline-block;
  margin-right: 20px;
}
@media (min-width: 640px) {
  .template-pages-product-productLayout2Page .fed-pdp-product-details-price .priceVariableWeight .normalPrice-hasSaving .normalPrice {
    display: block;
    margin-right: inherit;
  }
}
.page-productDetails .maximumQtyDisplayMsgContainer {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background: #000;
  color: #FFF;
  padding: 10px;
  padding-left: 30px;
  margin-left: 30px;
}
@media (min-width: 480px) {
  .page-productDetails .maximumQtyDisplayMsgContainer {
    padding-left: 30px;
  }
}
@media (min-width: 640px) {
  .page-productDetails .maximumQtyDisplayMsgContainer {
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .page-productDetails .maximumQtyDisplayMsgContainer {
    padding-left: 15px;
  }
}
@media (min-width: 1400px) {
  .page-productDetails .maximumQtyDisplayMsgContainer {
    padding-left: 30px;
  }
}
.page-productDetails .maximumQtyDisplayMsgContainer:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #000;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}
.page-productDetails .right-pdp-details #formCheckoutAction {
  display: none;
}
.maximumQtyDisplayMsgContainer {
  display: none;
}
.template-pages-product-productLayout2Page main {
  margin-top: 20px;
}
.SVGIconBlue {
  filter: invert(32%) sepia(24%) saturate(6531%) hue-rotate(169deg) brightness(65%) contrast(90%);
}
.SVGIconRed {
  filter: invert(20%) sepia(54%) saturate(3236%) hue-rotate(320deg) brightness(90%) contrast(108%);
}
.nutritional-info {
  word-break: break-word;
}
.nutritional-info .headline {
  padding: 5px !important;
  font-size: 10px !important;
  font-weight: normal;
}
@media (min-width: 640px) {
  .nutritional-info .headline {
    font-weight: bold;
    font-size: 13px !important;
  }
}
.nutritional-info .attrib {
  font-size: 10px !important;
}
@media (min-width: 640px) {
  .nutritional-info .attrib {
    font-size: 13px !important;
    padding: 5px !important;
  }
}
.nutritional-info td {
  padding: 20px 0 !important;
}
.nutritional-info th {
  padding: 8px 0 !important;
}
.nutritional-info th:last-child {
  text-align: left;
}
:focus {
  outline: 0 !important;
  outline: none !important;
}
.pdp-productInfoTabs.tabs {
  float: left;
  width: 100%;
  border: 0 !important;
}
@media (max-width: 640px) {
  .pdp-productInfoTabs.tabs {
    border-bottom: 1px solid #cccccc !important;
  }
}
.pdp-productInfoTabs.tabs.tabs-responsive .tabhead,
.pdp-productInfoTabs.tabs.tabs-responsive .tabhead.active,
.pdp-productInfoTabs.tabs.tabs-responsive .tabhead.active:hover {
  cursor: default;
  border: 1px solid #cccccc !important;
  background-color: #f2f2f2;
}
.pdp-productInfoTabs.tabs.tabs-responsive .tabhead {
  border-bottom: none !important;
}
.pdp-productInfoTabs.tabs.tabs-responsive .tabhead .glyphicon {
  color: #505050;
}
.pdp-productInfoTabs.tabs.tabs-responsive ul.tabs-list {
  margin: 0;
  width: 100%;
}
.pdp-productInfoTabs.tabs.tabs-responsive ul.tabs-list li {
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  cursor: pointer;
  margin-right: 10px;
  padding: 0;
}
.pdp-productInfoTabs.tabs.tabs-responsive ul.tabs-list li:hover {
  background-color: #d9d9d9;
}
.pdp-productInfoTabs.tabs.tabs-responsive ul.tabs-list li.active {
  border-bottom-color: #FFF;
  cursor: default;
  background-color: #FFF;
}
.pdp-productInfoTabs.tabs.tabs-responsive ul.tabs-list li.active:hover {
  background-color: #FFF;
}
.pdp-productInfoTabs.tabs .tabs-list li a,
.pdp-productInfoTabs.tabs .tabs-list li.active a {
  border-bottom: none !important;
  padding: 13px 30px 10px 0px;
  font-family: "pnpFontMedium";
  font-weight: normal;
  color: #505050;
}
.pdp-productInfoTabs.tabs .tabs-list li {
  margin-bottom: -1px;
}
.pdp-productInfoTabs.tabs .tabs-list li.active {
  margin-top: 1px;
  margin-bottom: -2px;
}
.pdp-productInfoTabs.tabs .tabhead {
  height: auto;
}
.pdp-productInfoTabs.tabs .tabhead a {
  padding: 10px 30px 10px 30px;
  margin-right: 0;
  font-family: "pnpFontMedium";
  font-weight: normal;
  color: #505050;
}
@media (max-width: 640px) {
  .pdp-productInfoTabs.tabs .tabhead a {
    padding: 16px;
  }
}
.pdp-productInfoTabs.tabs.tabs-responsive .tabbody {
  border: 1px solid #cccccc;
  padding: 20px;
  background-color: #FFF;
}
@media (max-width: 640px) {
  .pdp-productInfoTabs.tabs.tabs-responsive .tabbody {
    border-top: none;
    border-bottom: none;
  }
}
.pdp-productInfoTabs.tabs.tabs-responsive .tabs-list li + li:before {
  display: none;
}
.fed-pdp-productInfoTabsPanel {
  display: table;
}
.fed-pdp-productInfoTabsPanelItem {
  display: table-row;
}
.fed-pdp-productInfoTabsPanelItemL,
.fed-pdp-productInfoTabsPanelItemR {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 6px;
}
.fed-pdp-productInfoTabsPanelItemL {
  font-family: "pnpFontMedium";
  text-transform: uppercase;
  padding-right: 40px;
}
.pdp-productInfoTabs.tabs.tabs-responsive .tabbody .tab-review form input.form-control,
.pdp-productInfoTabs.tabs.tabs-responsive .tabbody .tab-review form textarea.form-control {
  border: 1px solid #cccccc !important;
}
/*  try fix tablet breakpoint  */
@media (max-width: 640px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .tabs.tabs-responsive .tabs-list {
    display: table !important;
  }
}
.tabs.tabs-responsive .tabhead {
  display: table !important;
}
@media (max-width: 1023px) {
  .tabs.tabs-responsive .tabhead {
    display: none !important;
    border: 1px solid red;
  }
}
@media (max-width: 640px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
    border: 1px solid blue;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .tabs.tabs-responsive .tabhead {
    display: none !important;
    border: 1px solid green;
  }
}
@media (min-width: 1024px) {
  .tabs.tabs-responsive .tabhead {
    display: none !important;
    border: 1px solid yellow;
  }
}
.page-productDetails .product-classifications .headline {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  padding-top: 0;
  padding-left: 0;
}
@media (min-width: 640px) {
  .page-productDetails .product-classifications .headline {
    padding-left: inherit;
  }
}
.page-productDetails .product-classifications .recommend_bg {
  background-color: #f2f2f2;
}
.page-productDetails .product-classifications .recommend_bg .content {
  padding: 20px;
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-size: 12px;
  color: #575757;
}
.page-productDetails .product-classifications .recommend_bg .content p {
  padding: 20px;
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-size: 12px;
  color: #575757;
}
.pdp-productInfoTabs.tabs.tabs-responsive ul.tabs-list li {
  padding: 1px 20px 0 20px;
}
.pdp-productInfoTabs.tabs .tabs-list li a:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 10px;
  position: absolute;
  top: 19px;
  right: 0;
  background: url(../images/icon-dropdown-arrow.png) 0 0 no-repeat;
  background-size: cover;
}
.page-productDetails .js-product-card-item .tabs {
  margin: 0;
  margin-bottom: 20px;
}
.tileContainer {
  padding-top: 10px !important;
  padding-right: 1px !important;
}
.tileContainerTile a {
  background-color: #fff;
  margin: 0 10px 10px 0;
  display: block;
  text-align: center;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  line-height: normal;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #505050;
  transition: color 0.2s ease;
  height: auto;
}
.tileContainer.tileContainer-hasMobileAuto .tileContainerTile a {
  text-transform: none;
}
.tileContainerTile a,
.tileContainerTile a:hover,
.tileContainerTile a:active {
  border: 1px solid #cccccc !important;
}
.tileContainerTile a:hover {
  color: #003359;
}
.tileContainerTile:nth-child(2n+2) a {
  margin: 0 0px 10px 0;
  padding-right: 10px;
}
.tileContainer.tileContainer-hasMobileAuto .owl-item:nth-child(2) .tileContainerTile a {
  margin: 0 10px 10px 0;
  padding-right: 0;
}
@media (min-width: 640px) {
  .tileContainerTile:nth-child(2n+1) a {
    margin: 0 7px 10px 0px;
    padding-right: 0;
  }
  .tileContainerTile:nth-child(2n+2) a {
    margin: 0 7px 10px 0px;
    padding-right: 0;
  }
  .tileContainerTile:nth-child(3n+3) a {
    /* margin: 0 0px 10px 0; */
    padding-right: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    /*padding-bottom: 0;*/
    /*height: 265px;*/
    margin-top: 0px;
  }
  .tileContainer.tileContainer-hasMobileAuto .owl-item:nth-child(3) .tileContainerTile a {
    padding-right: 0;
    margin: 0 1px 10px 0;
  }
}
@media (min-width: 700px) {
  .tileContainerTile:nth-child(3n+3) a {
    /*height: 286px;*/
  }
}
@media (min-width: 767px) {
  .tileContainerTile:nth-child(3n+3) a {
    /*height: 296px;*/
  }
}
@media (min-width: 1025px) {
  .tileContainerTile:nth-child(3n+3) a {
    /*height: 331px;*/
  }
}
.tileContainerTile a img {
  margin: 10px auto;
  height: 100%;
  max-height: 200px;
  width: auto;
  max-width: 250px;
}
@media (max-width: 640px) {
  .tileContainerTile a img {
    width: 90% !important;
    height: 90% !important;
    max-width: 200px;
  }
}
.tileContainer.tileContainer-hasMobileAuto .tileContainerTile a img {
  margin: 30px auto 10px auto;
  width: 144px;
  height: auto;
}
@media (max-width: 640px) {
  .tileContainer.tileContainer-hasMobileAuto .tileContainerTile a img {
    margin: 20px auto 10px auto;
    width: 60%;
    max-width: 100px;
    height: auto;
  }
}
.tileContainerTile a .tileContainerTile-title,
.tileContainerTile a span {
  display: block;
  text-align: center;
  margin: 20px 0 0px 0;
  padding: 0 10px;
  line-height: normal;
  height: 50px;
  overflow: hidden;
}
.tileContainer.tileContainer-hasMobileAuto .tileContainerTile a .tileContainerTile-title {
  display: block;
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0 5px;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 20px;
  height: auto;
}
.tileContainerTile a .tileContainerTile-subText {
  display: block;
  text-align: center;
  margin: 0px 0 0px 0;
  padding: 0 30px;
  font-size: 14px;
  height: 65px;
  color: #505050;
}
@media (max-width: 640px) {
  .tileContainer.tileContainer-hasMobileAuto .tileContainerTile a img {
    margin: 20px auto 10px auto;
    width: 60%;
    max-width: 100px;
    height: auto;
  }
  .tileContainer.tileContainer-hasMobileAuto .tileContainerTile a .tileContainerTile-title {
    font-size: 16px;
  }
  .tileContainerTile a .tileContainerTile-subText {
    font-size: 13px;
    padding: 0 20px 5px 20px;
    line-height: normal;
    height: 65px;
    overflow: hidden;
  }
}
.tileContainerTile a .tileContainerTile-action {
  display: block;
  text-align: center;
  margin: 10px 20px 20px 20px;
  padding: 0px 10px;
  background-color: #003359;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  /* column | row */
  height: 40px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .productCarouselItem {
    position: relative;
  }
  .tileContainerTile a .tileContainerTile-title {
    margin: 10px 0 0 0;
  }
  .tileContainer.tileContainer-hasMobileAuto .tileContainerTile a .tileContainerTile-title {
    font-size: 14px;
    line-height: normal;
    height: 35px;
    overflow: hidden;
  }
  .tileContainerTile a .tileContainerTile-action {
    text-align: center;
    margin: 2px 5px 5px 5px;
    padding: 5px 3px;
    height: 55px;
  }
  .tileContainerTile a .tileContainerTile-subText {
    padding: 0 10px 5px 10px;
  }
}
@media (min-width: 640px) {
  .tileContainerTile a .tileContainerTile-subText {
    height: 35px;
    margin-top: 10px;
  }
  .tileContainer.tileContainer-hasMobileAuto .tileContainerTile a .tileContainerTile-title {
    padding-top: 20px;
  }
}
/*----- fullImageTile -----*/
.tileContainerTile.fullImageTile {
  text-align: center;
}
.tileContainerTile.fullImageTile a {
  height: auto;
  overflow: hidden;
  text-align: center;
  position: relative;
  border: none !important;
  padding: 0 !important;
  margin: 0 10px 10px 0 !important;
}
.tileContainerTile.fullImageTile a img {
  margin: auto;
  height: auto;
  max-height: none;
  width: 100%;
  max-width: none;
}
.tileContainerTile.fullImageTile span {
  display: none;
}
/* owl carousel */
.tileContainer.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  border: none;
}
@media (max-width: 640px) {
  .cmstilecomponent.small-chevron .owl-controls .owl-nav {
    top: -75px;
  }
}
/* mainSectionTitle */
.mainSectionTitle {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  font-size: 20px;
  color: #505050;
  margin: 30px 0 0 0;
  padding: 0 0 7px 0;
  border-bottom: 1px solid #cccccc;
}
.mainSectionTitle span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .mainSectionTitle {
    font-size: 16px;
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
  }
}
/* btn-homepageSection */
.btn-homepageSection {
  text-align: center;
}
.btn-homepageSection a,
.btn-homepageSection a:hover,
.btn-homepageSection a:active,
.navigationbuttonscomponent a,
.navigationbuttonscomponent a:hover,
.navigationbuttonscomponent a:active {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  height: 39px;
  text-transform: uppercase;
  font-size: 14px;
  color: #505050;
  margin: 20px 0 10px 0;
  padding: 10px 30px;
  border: 1px solid #505050 !important;
  width: auto;
  display: inline-block !important;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -ms-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
  text-decoration: none !important;
}
@media (max-width: 640px) {
  .btn-homepageSection a,
  .btn-homepageSection a:hover,
  .btn-homepageSection a:active,
  .navigationbuttonscomponent a,
  .navigationbuttonscomponent a:hover,
  .navigationbuttonscomponent a:active {
    display: block;
    width: 100%;
    margin: 15px 0px 5px 0px;
    padding: 10px;
  }
}
.btn-homepageSection a:hover,
.navigationbuttonscomponent a:hover {
  color: #fff;
  background-color: #003359;
  border: 1px solid #003359 !important;
}
@media (max-width: 640px) {
  .btn-homepageSection a:hover,
  .navigationbuttonscomponent a:hover {
    color: #fff;
    background-color: #003359;
    border: 1px solid #003359 !important;
  }
}
@media (max-width: 640px) {
  .btn-more-reasons-to-shop.btn-homepageSection a,
  .btn-more-reasons-to-shop.btn-homepageSection a:active,
  .btn-more-reasons-to-shop.btn-homepageSection a:hover,
  .btn-more-reasons-to-shop.btn-homepageSection a:visited {
    display: inline-block;
  }
}
/* product tile */
.prodtile-addToCartButton-container {
  /*.col-xs-7;*/
  width: 56%;
  float: left;
  position: relative;
  min-height: 1px;
}
@media (max-width: 1399px) and (min-width: 1024px) {
  .prodtile-addToCartButton-container {
    width: 54%;
  }
}
@media (max-width: 640px) {
  .prodtile-addToCartButton-container {
    width: 50%;
  }
}
.prodtile-addToCartButton-container.notAdded {
  /*.col-xs-12;*/
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
}
.prodtile-addedToCart {
  margin-top: 14px;
  padding-left: 5px;
  padding-right: 0;
  width: 44%;
}
@media (max-width: 1399px) and (min-width: 1024px) {
  .prodtile-addedToCart {
    width: 46%;
  }
}
@media (max-width: 640px) {
  .prodtile-addedToCart {
    width: 50%;
  }
}
.prodtile-addedToCartInner {
  background-color: #153a59;
  height: 39px;
  text-align: center;
  padding-top: 8px;
}
.loading-spinner-active .prodtile-addedToCartInner * {
  display: none;
}
.prodtile-addedToCartInner-qty {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  display: inline;
  color: #FFF;
  margin-right: 5px;
  position: relative;
}
@media (max-width: 1399px) and (min-width: 1024px) {
  .prodtile-addedToCartInner-qty {
    margin-right: 0px;
  }
}
@media (max-width: 480px) {
  .prodtile-addedToCartInner-qty {
    margin-right: 0px;
  }
}
.prodtile-addedToCart .btn {
  border: 1px solid #FFF !important;
  margin: 0px !important;
  padding: 6px !important;
  width: 15px;
  height: 15px !important;
  position: relative;
}
.prodtile-addedToCart .btn:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-image: url(../images/icons-addtocart.png);
  background-repeat: no-repeat;
  background-position: 0px -9px;
  background-size: cover;
}
.prodtile-addToCartButton-container.loading-spinner-active button .addbuttontextShort {
  display: none;
}
.prodtile-addToCartButton-container.notAdded.loading-spinner-active button .addbuttontextLong {
  display: none;
}
.prodtile-addToCartButton-container .btn .addbuttontextLong {
  display: none;
}
.prodtile-addToCartButton-container .btn .addbuttontextShort {
  display: block;
  font-weight: 700;
}
.prodtile-addToCartButton-container.notAdded .btn .addbuttontextLong {
  display: block;
  font-weight: 700;
}
.prodtile-addToCartButton-container.notAdded .btn .addbuttontextShort {
  display: none;
}
.prodtile-addToCartButton-container #addToCartButton .centertileBtnWording {
  line-height: 24px !important;
}
/* overlay */
.productCarouselItem {
  position: relative;
  z-index: 90;
}
.productCarouselItem-overlay {
  position: absolute;
  top: 0 !important;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  height: 100%;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  width: 100%;
}
.productCarouselItem-overlay-errorLink:hover,
.productCarouselItem-overlay-errorLink:active,
.productCarouselItem-overlay-errorLink {
  color: #FFF;
  text-decoration: underline;
}
.productCarouselItem-overlay span {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.productCarouselItem-overlay-close {
  position: absolute;
  right: 13px;
  top: 10px;
  background: transparent;
  color: #797979;
  padding: 10px;
  font-size: 0 !important;
  background: url(../images/icon-cross.png) 0 0 no-repeat;
  border: 1px solid #fff !important;
  background-position: 5px 5px;
  cursor: pointer;
}
.right-pdp-details .addToCartButtonContainer .addToCartError-pdp {
  display: none !important;
}
.addToCartError-pdp {
  position: absolute;
  top: 46px !important;
  z-index: 99;
  height: 39px;
  background-color: #575757;
  text-align: center;
  width: 100%;
}
.addToCartError-pdp span {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  padding: 12px 20px 0px 10px;
  text-transform: uppercase;
  color: #FFF;
  font-size: 12px;
  display: block;
}
.addToCartError-pdp .pdp-cart-notification-remove {
  position: absolute;
  top: 3px;
  right: 3px;
  color: #fff;
  border: 1px solid #fff !important;
  font-size: 10px;
  font-weight: normal;
  padding: 1px;
}
/*--- category landing page ---*/
.categoryLandingHeader {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  background-color: #f2f2f2;
  margin: 2px 0 10px 0;
  padding: 7px 20px;
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
}
.pageType-CategoryPage .cmstilecomponent.small-chevron {
  margin-top: 0;
}
/*--- cms-navigation-buttons ---*/
.cms-navigation-buttons {
  list-style: none;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 20px 0 30px 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .cms-navigation-buttons {
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 640px) {
  .cms-navigation-buttons {
    margin: 10px 0 5px 0;
  }
}
.page-homepage .cms-navigation-buttons {
  margin: 2px 0 0 0;
}
@media (max-width: 1024px) {
  .page-homepage .cms-navigation-buttons {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 640px) {
  .page-homepage .cms-navigation-buttons {
    margin: 20px 0 0 0;
  }
}
.navigationbuttonscomponent {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
  text-align: center;
  width: calc(25% - 10px);
  -moz-width: calc(25% - 10px);
  -ms-width: calc(25% - 10px);
  -o-width: calc(25% - 10px);
  -webkit-width: calc(25% - 10px);
}
@media (max-width: 1024px) {
  .navigationbuttonscomponent {
    width: calc(50% - 10px);
    -moz-width: calc(50% - 10px);
    -ms-width: calc(50% - 10px);
    -o-width: calc(50% - 10px);
    -webkit-width: calc(50% - 10px);
    margin: 0 10px 5px 0;
    padding: 0;
  }
}
.navigationbuttonscomponent:last-child {
  margin-right: 0;
  width: 25%;
}
@media (max-width: 1024px) {
  .navigationbuttonscomponent:nth-child(2n+2) {
    width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .navigationbuttonscomponent,
  .navigationbuttonscomponent:nth-child(2n+2) {
    width: 100%;
    margin: 0 0 3px 0;
    padding: 0;
  }
}
.navigationbuttonscomponent a,
.navigationbuttonscomponent a:hover,
.navigationbuttonscomponent a:active {
  width: 100%;
  padding: 10px 30px;
  margin: 0;
}
@media (max-width: 1024px) {
  .navigationbuttonscomponent a,
  .navigationbuttonscomponent a:hover,
  .navigationbuttonscomponent a:active {
    margin: 0 0 3px 0;
    padding: 10px;
  }
}
@media (max-width: 640px) {
  .navigationbuttonscomponent a,
  .navigationbuttonscomponent a:hover,
  .navigationbuttonscomponent a:active {
    margin: 0 0 3px 0;
    padding: 10px;
  }
}
.cmstilecomponent .owl-nav .glyphicon {
  padding-top: 25px;
}
.rotatingbannercarousel-cms-overrides {
  height: 300px;
  background-size: cover;
  background-position: center center;
  color: #fff;
  font-family: "pnpFont";
}
.rotatingbannercarousel-cms-overrides a:visited {
  color: #fff;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {
  .carousel-rotating-banner {
    margin-bottom: 20px !important;
  }
}
.carousel-rotating-banner {
  margin-bottom: 0;
}
.carousel-rotating-banner .owl-lazy.item {
  visibility: hidden;
  /* val is changed in acc.rotatingbannercarousel.js */
}
.carousel-rotating-banner .owl-item {
  width: 100%;
}
.carousel-rotating-banner .owl-item .owl-lazy {
  opacity: 1;
}
.carousel-rotating-banner .owl-item .owl-lazy.item {
  margin: 0;
}
.carousel-rotating-banner .owl-item .owl-lazy.item a:link {
  color: #fff !important;
}
.carousel-rotating-banner .owl-item .owl-lazy.item a:hover {
  text-decoration: underline;
  color: #FFF !important;
}
.carousel-rotating-banner .owl-item .owl-lazy.item .simple-banner a:link {
  border-bottom: none;
}
.carousel-rotating-banner .owl-item .owl-lazy h1 {
  font-size: 2.2em;
  font-family: "pnpFontMedium";
}
.carousel-rotating-banner .owl-item .owl-lazy > a img {
  width: 100%;
  height: 100%;
}
.carousel-rotating-banner .owl-item .owl-lazy > div {
  text-align: center;
}
.carousel-rotating-banner .owl-item .owl-lazy .headerbanner-contents {
  text-align: center;
  padding-top: 70px;
}
.carousel-rotating-banner .owl-item .owl-lazy .header-subtext {
  font-size: 1.2em;
}
.carousel-rotating-banner .owl-item .owl-lazy .header-actionIcon {
  display: none;
}
.carousel-rotating-banner .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  border: none;
}
/* Styling Pagination overrides ************************************************/
.owl-theme .owl-controls .owl-nav {
  height: 80px;
  margin: 0;
  position: absolute !important;
  width: 100%;
  top: 50%;
  margin-top: -90px;
}
.carousel-rotating-banner .owl-theme .owl-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.carousel-rotating-banner .owl-theme .owl-dot.active span {
  background: #fff;
}
.carousel-rotating-banner .owl-controls .owl-nav {
  top: -192px;
  position: relative;
}
@media (max-width: 767px) {
  .carousel-rotating-banner .owl-controls .owl-nav {
    top: -152px;
  }
}
@media (max-width: 376px) {
  .carousel-rotating-banner .owl-controls .owl-nav {
    top: -112px;
  }
}
.carousel-rotating-banner .owl-controls .owl-nav .owl-prev {
  float: left;
  background: none;
  font-size: 30px;
}
.carousel-rotating-banner .owl-controls .owl-nav .owl-next {
  float: right;
  background: none;
  font-size: 30px;
}
/************************************************/
@media (min-width: 412px) {
  .carousel-rotating-banner .owl-item .owl-lazy h1 {
    font-size: 2.8em;
  }
  .rotatingbannercarousel-cms-overrides {
    height: 353px;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .header-subtext {
    font-size: 1.6em;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .header-actionIcon > div {
    display: -webkit-inline-box;
    display: inline-block;
    height: auto !important;
    width: auto !important;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .header-actionIcon .simple-banner-component {
    margin-right: 10px;
    width: 220px;
  }
}
@media (max-width: 639px) {
  .carousel-rotating-banner .simple-banner-component {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .rotatingbannercarousel-cms-overrides {
    height: 397px;
  }
  .carousel-rotating-banner .owl-item .owl-lazy h1 {
    font-size: 50px;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .header-subtext {
    font-size: 30px;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .header-actionIcon {
    display: block;
    margin-top: 20px;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .headerbanner-contents {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .rotatingbannercarousel-cms-overrides {
    height: 440px;
    background-size: cover;
    background-position: center center;
    width: 100%;
    max-width: 100%;
  }
  .carousel-rotating-banner .owl-item .owl-lazy h1 {
    font-size: 70px;
  }
  .carousel-rotating-banner .owl-item .owl-lazy .headerbanner-contents {
    padding-top: 70px;
  }
}
.headerbanner-contents .simple-banner {
  float: left;
}
/*category page product list banner*/
.pageType-CategoryPage .carousel-rotating-banner,
.page-productList .carousel-rotating-banner {
  margin-top: 0;
  height: auto !important;
}
.pageType-CategoryPage .rotatingbannercarousel-cms-overrides,
.page-productList .rotatingbannercarousel-cms-overrides {
  margin: 0;
  height: auto;
  padding: 0;
}
/*category page landing banner*/
.categoryLandingBanner.rotatingbannercarousel-cms-overrides {
  height: 300px;
  background-size: cover;
  background-position: center center;
  color: #fff;
  margin: 10px 0 20px 0;
  position: relative;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 75px;
}
@media (max-width: 1024px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides {
    height: 225px;
    margin: -37px 0 0 0;
    font-size: 70px;
  }
}
@media (max-width: 640px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides {
    height: 182px;
    font-size: 35px;
    margin: -34px 0 0 0;
  }
}
@media (min-width: 1024px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides {
    height: 225px;
    margin: -35px 0 0 0;
    font-size: 70px;
  }
}
@media (max-width: 1024px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides .header-subtext h1 {
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    margin: -37px 0 0 0;
    font-size: 70px;
    color: #FFF;
  }
}
@media (max-width: 640px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides .header-subtext h1 {
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 35px;
    margin: -34px 0 0 0;
    color: #FFF;
  }
}
@media (min-width: 1024px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides .header-subtext h1 {
    margin: -35px 0 0 0;
    font-size: 70px;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    color: #FFF;
  }
}
.categoryLandingBanner.rotatingbannercarousel-cms-overrides div {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.categoryLandingBanner.rotatingbannercarousel-cms-overrides div .header-actionIcon {
  display: none;
}
.categoryLandingBanner.rotatingbannercarousel-cms-overrides div .header-subtext {
  text-align: center;
  width: auto;
  cursor: default;
  text-transform: uppercase;
  position: relative;
  top: 15px;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -moz-transform: none;
}
@media (max-width: 1024px) {
  .categoryLandingBanner.rotatingbannercarousel-cms-overrides div .header-subtext {
    top: 20px;
  }
}
.fed-prodref-carousel {
  margin-top: 20px;
}
.fed-prodref-carousel hr {
  border-top-color: #cccccc;
  margin-left: -10px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  margin-top: -10px;
  margin-right: -10px;
}
.fed-prodref-carousel .headline {
  color: #505050;
  font-family: pnpFont;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  font-size: 28px;
  margin: 10px 0 20px;
}
.fed-prodref-carousel .glyphicon-th-list {
  font-size: 1.5em;
}
.addToCartButtonContainer {
  position: relative;
  height: 63px;
  overflow: hidden;
}
/*.fed-prodref-carousel #addToCartButton {*/
.prodtile-addToCartButton-container #addToCartButton {
  width: 100%;
  margin-top: 14px;
  height: 39px;
  font-size: 12px;
}
.page-productDetails .prodtile-addToCartButton-container #addToCartButton {
  font-size: 14px;
}
.fed-prodref-carousel .carousel .owl-item .productCarouselItem {
  border: 1px solid #cccccc !important;
}
.fed-prodref-carousel .carousel .owl-item {
  padding-bottom: 5px;
  padding: 1px;
}
.fed-prodref-carousel .carousel .owl-item .item {
  padding: 10px;
}
.fed-prodref-carousel .carousel .owl-item .item .thumb {
  margin-bottom: 0px;
  margin-left: -10px;
  margin: 25px;
  margin-top: 0px;
  top: 20px;
}
.fed-prodref-carousel .carousel .owl-item .item .input-group-btn {
  width: 33px;
  color: #505050;
}
.fed-prodref-carousel .carousel .owl-item .item .item-name {
  color: #575757;
  /*font-weight: 400;*/
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  text-transform: none;
  min-height: 64px;
  max-height: 64px;
  overflow: hidden;
}
.fed-prodref-carousel .carousel .owl-item .item .list-actions {
  margin-top: 10px;
}
.fed-prodref-carousel .carousel .owl-item .item .list-actions .rating {
  float: left;
}
.fed-prodref-carousel .carousel .owl-item .item .list-actions .rating .rating-stars span.active {
  color: #505050;
}
.fed-prodref-carousel .carousel .owl-item .item .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
  float: right;
}
@media (min-width: 640px) {
  .fed-prodref-carousel .carousel .owl-item .item .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a {
    top: 0 !important;
  }
}
.fed-prodref-carousel .carousel .owl-item .item .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
.page-searchB2BPage .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
.page-search .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
.page-productList .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
.pageType-CategoryPage .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
.page-purchasedProductsSearchPage .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a {
  background: url(../images/header-icons.png) 0 0 no-repeat;
  cursor: pointer;
  background-position: -80px -11px;
  background-size: 130px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
@media (min-width: 640px) {
  .fed-prodref-carousel .carousel .owl-item .item .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
  .page-searchB2BPage .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
  .page-search .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
  .page-productList .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
  .pageType-CategoryPage .productCarouselItemContainer .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a,
  .page-purchasedProductsSearchPage .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction a {
    background: url(../images/header-icons.png) 0 0 no-repeat;
    cursor: pointer;
    background-position: -63px -7px;
    background-size: 109px;
    width: 27px;
    height: 28px;
    overflow: hidden;
    font-size: 0;
    display: block;
    position: relative;
    top: 10px;
  }
}
.fed-prodref-carousel .priceContainer,
.fed-prodref-carousel .carousel .item .item-price {
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  margin-bottom: 9px;
  color: #575757;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  min-height: 48px;
}
.fed-prodref-carousel .priceContainer .hasSavings,
.fed-prodref-carousel .carousel .item .item-price .hasSavings {
  color: #ff0000;
}
.fed-prodref-carousel .priceContainer span,
.fed-prodref-carousel .carousel .item .item-price span {
  font-size: 12px;
  position: relative;
  top: -6px;
  left: 1px;
  letter-spacing: 1px;
}
.fed-prodref-carousel .carousel .item .item-price span {
  top: -5px;
}
.fed-prodref-carousel .carousel .item .item-price .currentPrice {
  margin-right: 5px;
}
.fed-prodref-carousel .carousel .item .item-price .currentPrice,
.fed-prodref-carousel .carousel .item .item-price .oldPrice {
  display: inline;
}
.image-gallery .owl-item img {
  border: 1px solid silver;
}
.owl-prev {
  float: left;
  background-color: #b7b7b7;
  height: 78px;
  width: 30px;
  opacity: 0.5;
  margin-left: 10px !important;
  padding-left: 0px;
  border-radius: 4px;
  margin: 1px;
}
.owl-prev .icon-chevron-small-left {
  display: inline-block;
  width: 15px !important;
  height: 28px !important;
  overflow: hidden;
  background-image: url(../images/pnp-arrow-left.png);
  background-repeat: no-repeat;
  left: -1px !important;
  background-size: 100%;
  margin-left: 0;
  top: 22px;
}
.owl-next {
  float: right;
  background-color: #b7b7b7;
  height: 78px;
  width: 30px;
  opacity: 0.5;
  border-radius: 4px;
  margin: 2px;
  margin-right: 10px !important;
}
.owl-next .icon-chevron-small-right {
  display: inline-block;
  width: 15px !important;
  height: 28px !important;
  overflow: hidden;
  background-image: url(../images/pnp-arrow-right.png);
  background-repeat: no-repeat;
  left: -1px !important;
  background-size: 100%;
  margin-right: 0;
  top: 22px;
}
.small-chevron .icon-chevron-small-left {
  display: inline-block;
  width: 15px !important;
  height: 28px !important;
  overflow: hidden;
  background-image: url(../images/pnp-arrow-left.png);
  background-repeat: no-repeat;
  background-size: 100%;
  left: 4px;
  margin-left: -21px;
}
.small-chevron .icon-chevron-small-right {
  display: inline-block;
  width: 15px !important;
  height: 28px !important;
  overflow: hidden;
  background-image: url(../images/pnp-arrow-right.png);
  background-repeat: no-repeat;
  left: -1px !important;
  background-size: 100%;
  margin-right: -40px;
}
@media (max-width: 1024px) {
  .small-chevron .owl-controls .owl-nav .owl-next {
    margin-right: 10px;
  }
}
@media (max-width: 640px) {
  .small-chevron .icon-chevron-small-left {
    margin-left: 0px !important;
    margin-top: 20px !important;
  }
  .small-chevron .owl-controls .owl-nav .owl-next {
    margin-right: 10px !important;
    margin-top: -30px !important;
  }
  .small-chevron .icon-chevron-small-right {
    margin-right: 0px !important;
    margin-top: 20px !important;
  }
  .small-chevron .owl-controls .owl-nav .owl-prev {
    margin-top: -30px !important;
  }
}
@media (max-width: 1024px) {
  .small-chevron .owl-controls .owl-nav .owl-next {
    margin-right: 10px !important;
  }
}
/* Styling Pagination overrides ************************************************/
.small-chevron .owl-controls .owl-nav {
  position: relative;
  z-index: 999999999;
  pointer-events: none;
}
.small-chevron .owl-controls .owl-nav .owl-prev {
  float: left;
  background-color: #b7b7b7;
  height: 78px;
  width: 30px;
  opacity: 0.5;
  margin-left: 10px !important;
  padding-left: 0px;
  border-radius: 4px;
  margin: 1px;
  pointer-events: visible;
}
.small-chevron .owl-controls .owl-nav .owl-next {
  float: right;
  background-color: #b7b7b7;
  height: 78px;
  width: 30px;
  opacity: 0.5;
  border-radius: 4px;
  margin: 2px;
  margin-right: 10px !important;
  pointer-events: visible;
}
.small-chevron .owl-controls .owl-nav .owl-next:hover {
  opacity: 0.8;
  background-color: #b7b7b7 !important;
}
.small-chevron .owl-controls .owl-nav .owl-prev:hover {
  opacity: 0.8;
  background-color: #b7b7b7 !important;
}
.small-chevron .owl-controls .owl-nav .owl-prev:hover,
.small-chevron .owl-controls .owl-nav .owl-next:hover {
  background: transparent;
}
/************************************************/
/*--- variable weight ---*/
.variableWeight #priceDiv {
  margin-bottom: 9px;
  color: #575757;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  cursor: default;
}
.variableWeight #weightSelectedDisplayDiv {
  color: #575757;
  font-size: 12px;
  cursor: default;
}
.variableWeight #averagePricePerKgDiv {
  color: #b9154a;
  font-size: 12px;
  cursor: default;
}
.addtocart-component #quantityDropDown {
  font-size: 12px;
  width: 100%;
  padding: 2px;
  margin: 8px 0 0 0;
  border: 1px solid #e5e5e5 !important;
  margin-top: 42px;
}
@media (min-width: 640px) {
  .fed-prodref-carousel .carousel .productCarouselItem #quantityDropDown {
    margin-top: 22px;
  }
  .small-chevron .icon-chevron-small-left {
    margin-left: 0;
    top: 22px;
  }
  .small-chevron .icon-chevron-small-right {
    margin-right: 0;
    top: 22px;
  }
}
/* Fixes for big spacing between .cmstilecomponent tile container and buttons of type .btn-homepageSection ***********************************************/
@media (min-width: 400px) {
  .tile-show-button-fix.cmstilecomponent.tileContainer {
    height: 321px;
  }
}
@media (min-width: 640px) {
  .tile-show-button-fix.cmstilecomponent.tileContainer {
    height: 374px;
  }
}
@media (min-width: 700px) {
  .tile-show-button-fix.cmstilecomponent.tileContainer {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .tile-show-button-fix.cmstilecomponent.tileContainer {
    height: 450px;
  }
}
@media (min-width: 1024px) {
  .tile-show-button-fix.cmstilecomponent.tileContainer {
    height: 300px;
  }
}
@media (min-width: 1366px) {
  .tile-show-button-fix.cmstilecomponent.tileContainer {
    height: 365px;
  }
}
@media (min-width: 1024px) {
  .fed-prodref-carousel .carousel .owl-item .item {
    padding: 15px 15px 10px;
    display: inline-block;
  }
  .fed-prodref-carousel .carousel .owl-item .item .thumb {
    top: 0px;
  }
  .fed-prodref-carousel .carousel .owl-item .item .list-actions {
    margin-top: 15px;
  }
}
/* Fixes for big spacing between big headers (of type .mainSectionTitle) and the items below them ***********************************************/
.cmstilecomponent.small-chevron.js-owl-rotatingbannercarousel {
  margin-top: 5px;
  clear: both;
}
.cmstilecomponent.small-chevron.js-owl-rotatingbannercarousel + div {
  clear: both;
}
.fed-prodref-carousel.small-chevron {
  margin-top: 14px;
}
.cmstilecomponent.small-chevron {
  margin-top: -6px;
}
.cmstilecomponent.small-chevron .tileContainerTile img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}
/*-- in store only --*/
.inStoreOnly-text {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  margin: 20px 0 11px 0;
  min-height: 16px;
  text-align: center;
  position: relative;
  top: 1px;
}
.addtocart-component .actions .inStoreOnlyBtn {
  margin-bottom: 5px;
}
/*show long text in pdp and short text in carousel*/
.instoreOnly-btn-short,
.productCarouselItemContainer .instoreOnly-btn-long {
  display: none;
}
.productCarouselItemContainer .instoreOnly-btn-short,
.instoreOnly-btn-long {
  display: inline-block;
}
.template-pages-search-searchGridPage .inStoreOnly-text {
  margin: 18px 0 13px 0;
}
.inStoreOnlyContainer {
  display: inline-block;
  position: relative;
  width: 100%;
  top: 0;
}
.fed-pdp-product-details .inStoreOnlyContainer .inStoreOnlyBtn {
  display: none;
}
@media (min-width: 640px) {
  .fed-pdp-product-details .inStoreOnlyContainer .inStoreOnlyBtn {
    display: inline-block;
  }
}
.productCarouselItem a.btn.btn-primary.btn-block,
.page-productDetails a.btn.btn-primary.btn-block {
  width: 100%;
  margin-top: 0;
  padding: 13px 2px !important;
  height: 39px;
  overflow: hidden;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  border: none !important;
  background-color: #153a59;
}
.page-productDetails a.btn.btn-primary.btn-block {
  padding: 12px 2px !important;
  font-size: 14px;
}
.productCarouselItem a.btn.btn-primary.btn-block:hover,
.page-productDetails a.btn.btn-primary.btn-block:hover {
  background-color: #003359;
}
.productCarouselItem .rating .rating-stars span {
  color: #dee3e8;
  overflow: visible;
  position: static;
  width: 12px;
  height: 1em;
  display: block;
  float: left;
  margin: 1px;
}
@media (min-width: 360px) {
  .productCarouselItem .rating .rating-stars span {
    width: 15px !important;
    overflow: hidden;
    margin: 0 0.1em;
  }
}
@media (min-width: 400px) {
  .productCarouselItem .rating .rating-stars span {
    width: 1em;
    overflow: hidden;
    margin: 0;
  }
}
.fed-pdp-product-details .rating {
  margin: 20px 0;
  float: left;
  display: block;
}
.carousel .formMandatory.b2b-product-unavail-mesg.plp {
  display: none;
}
.carousel .disabled-add-btn.plp {
  display: none;
}
.minMaxQuantityMsgContainer {
  height: 30px;
}
.minMaxQuantityMsg {
  background: black;
  color: white;
  padding: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: bold;
}
.carousel .minMaxQuantityMsg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upfrontOutOfStockContainer {
  display: inline-block;
  position: relative;
  width: 100%;
  top: 0;
  padding-top: 15px !important;
}
.upfrontOutOfStockMsg {
  background: black;
  color: #FFF;
  padding: 15px 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: bold;
  height: 40px;
}
/* - mini-trolley styling - */
.right {
  float: right;
}
.nav-cart .listPageHeader h1 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
}
.nav-cart listPageHeader .navcart-icon {
  top: 12px;
}
@media (max-width: 640px) {
  .nav-cart listPageHeader .navcart-icon {
    left: 15px;
  }
}
.nav-cart .listPageHeader h1 {
  padding-left: 20px;
  font-size: 18px;
}
.nav-cart .navcart-icon {
  display: block;
  width: 33px;
  height: 28px;
  position: absolute;
  top: 7px;
  left: 10px;
  background: url(../images/header-icons.png) 0 0 no-repeat;
  background-repeat: no-repeat;
  background-position: -25px -2px;
  background-size: 85px;
}
.orderAmendMode .nav-cart .hasAmendMode .navcart-icon {
  background-position: -28px -112px;
}
.nav-cart .navcart-icon.TRUCK {
  /*delivery*/
  background-image: url(../images/icons-minitrolleyfulfilment.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-size: 28px;
}
.nav-cart .navcart-icon.HOUSE {
  /*click n collect*/
  background-image: url(../images/icons-minitrolleyfulfilment.png);
  background-repeat: no-repeat;
  background-position: 0 -28px;
  background-size: 29px;
}
.nav-cart .navcart-icon.GEO.POINT {
  /*collection point*/
  background-image: url(../images/icons-minitrolleyfulfilment.png);
  background-repeat: no-repeat;
  background-position: 0 -54px;
  background-size: 27px;
}
/*.nav-cart */
.mini-cart-totals {
  border-top: 1px solid #575757;
  margin: 10px;
  padding: 10px 0 0 0;
  color: #575757;
  font-size: 14px;
}
/*.nav-cart */
/*.nav-cart */
.mini-cart-totals > div > span {
  font-weight: bold;
  float: right;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .mini-cart-totals > div > span {
    font-weight: normal;
  }
}
.mini-cart-totals > div > span .free-text-red {
  font-size: 14px;
  top: 0px;
}
.mini-cart-totals > div > span > span {
  font-size: 9px;
  padding-top: 0 !important;
  display: block;
  float: right;
  position: relative;
  top: -1px;
  padding-left: 1px;
}
.nav-cart .mini-cart-totals > div > span > span {
  top: -1px;
}
#accountPaymentOptions1 {
  width: 15px;
  height: 15px;
}
#accountPaymentOptions2 {
  width: 15px;
  height: 15px;
}
/*.nav-cart */
.mini-cart-totals #miniCartTotals-grandtotal {
  background-color: #e5e5e5;
  margin: 10px -10px;
  padding: 4px 10px;
  text-transform: uppercase;
}
/*.nav-cart */
.mini-cart-totals #miniCartTotals-totalPrice {
  text-transform: uppercase;
  background: #dcddde;
  padding: 5px 10px;
  margin: 12px -10px 14px -10px;
}
.mini-cart-totals #miniCartTotals-totalPrice .TotalEstimate {
  text-transform: capitalize;
  float: none !important;
  font-weight: normal !important;
  top: 0 !important;
}
/*.nav-cart */
.mini-cart-totals #miniCartTotals-voucher-info {
  color: #575757;
  display: block;
  padding-top: 3px;
}
/*.nav-cart */
.mini-cart-totals #miniCartTotals-voucher-info:hover {
  display: block;
  cursor: pointer;
  text-decoration: underline;
}
/*.nav-cart */
.mini-cart-totals #miniCartTotals-voucher-info span {
  float: right;
  line-height: 16px;
  text-decoration: none !important;
}
.mini-cart-totals #miniCartTotals-voucher-info span.shopper_dis {
  float: left;
}
.mini-cart-totals #miniCartTotals-voucher-info span.shopper_dis:hover {
  border-bottom: 1px solid #575757;
}
.nav-cart .actions {
  margin: 10px;
}
.MobilefixedSideBar {
  display: block;
}
.template-pages-layout-landingLayout2Page .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
.page-search .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
.template-pages-search-searchGridPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
.page-purchasedProductsSearchPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
  padding-top: 10px;
  height: auto;
  position: fixed;
  bottom: -50px;
  z-index: 999;
  left: 0;
  margin: 0;
  width: 100% !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
  background-color: #f9f9f9;
}
@media (min-width: 640px) {
  .template-pages-layout-landingLayout2Page .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
  .page-search .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
  .template-pages-search-searchGridPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
  .page-purchasedProductsSearchPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 46% !important;
    transition: none !important;
    margin-left: 0;
  }
}
@media (min-width: 640px) {
  .page-search .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction,
  .template-pages-search-searchGridPage .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction,
  .page-purchasedProductsSearchPage .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction {
    width: 46%;
    float: left;
  }
}
.page-search .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction .btn,
.template-pages-search-searchGridPage .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction .btn,
.page-purchasedProductsSearchPage .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction .btn {
  height: 35px;
  margin: 0;
}
@media (min-width: 640px) {
  .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction {
    width: 46%;
    float: left;
  }
  .nav-cart .actions .MiniCart-ViewCartAction #formViewCartAction .btn {
    margin: 0;
  }
  .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 46% !important;
    transition: none !important;
    margin-left: 0;
  }
}
.nav-cart .actions .MiniCart-ViewCartAction .btn {
  padding-top: 10px;
  height: 35px;
  display: none;
  margin: 0;
}
@media (min-width: 640px) {
  .nav-cart .actions .MiniCart-ViewCartAction .btn {
    display: block;
  }
}
/* Scrollbar */
#miniCartItems::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#miniCartItems::-webkit-scrollbar-button:start:decrement,
#miniCartItems::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 8px;
}
#miniCartItems::-webkit-scrollbar-button:vertical:increment,
#miniCartItems::-webkit-scrollbar-track-piece {
  background-color: #FFF;
}
#miniCartItems::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #b7b7b7;
  -webkit-border-radius: 5px;
}
body,
html {
  scrollbar-face-color: #b7b7b7 !important;
  scrollbar-shadow-color: #b7b7b7 !important;
  scrollbar-highlight-color: #b7b7b7 !important;
  scrollbar-3dlight-color: #b7b7b7 !important;
  scrollbar-darkshadow-color: #b7b7b7 !important;
  scrollbar-track-color: #b7b7b7 !important;
  scrollbar-arrow-color: #b7b7b7 !important;
}
.nav-cart #miniCartItems::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
}
.nav-cart #miniCartItems::-webkit-scrollbar-track {
  background-color: transparent;
}
.nav-cart #miniCartItems::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.nav-cart #miniCartItems::-webkit-scrollbar-thumb {
  background-color: grey;
  border: 0px;
}
.nav-cart #miniCartItems::-webkit-scrollbar-corner {
  background-color: transparent;
}
.nav-cart #miniCartItems .mini-cart-item {
  position: relative;
  height: auto;
  margin: 10px 8px 8px 11px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 1px;
}
.nav-cart #miniCartItems .mini-cart-item .thumb img {
  width: 54px;
  margin-top: 5px;
}
.nav-cart #miniCartItems .mini-cart-item .details .name {
  font-weight: normal;
  font-size: 10pt;
  color: #505050;
}
.nav-cart #miniCartItems .mini-cart-item .details .qty {
  display: none;
}
.nav-cart #miniCartItems .mini-cart-item .mini-cart-remove {
  color: #cccccc;
  font-size: 9px;
  border: 1px solid #cccccc !important;
  float: right;
  padding: 1.6px;
}
.nav-cart #miniCartItems .mini-cart-item .price {
  float: left;
  color: #505050;
  font-size: 12px;
}
.nav-cart #miniCartItems .mini-cart-item .variableWeight .averagePricePerKg {
  color: #b9154a;
  font-size: 12px;
}
.nav-cart #miniCartItems .mini-cart-item .variableWeight .gramWeight {
  font-size: 12px;
}
.nav-cart #miniCartItems .mini-cart-item .price span {
  font-size: 8px;
}
.nav-cart #miniCartItems .mini-cart-item .price .savings {
  float: right;
  margin-left: 6px;
  color: #ff0000;
}
/* Placeholder for the +- buttons, currently using addtocart component generated code */
.nav-cart #miniCartItems .mini-cart-item .input-group {
  display: block;
  width: 33px;
  float: left;
  min-height: 1px;
}
.nav-cart #miniCartItems .mini-cart-item .input-group input {
  width: 23px;
  padding: 0px;
  text-align: center;
  box-shadow: none;
}
.nav-cart #miniCartItems .mini-cart-item .input-group .form-control {
  border: none;
}
.nav-cart #miniCartItems .mini-cart-item .input-group-btn .btn,
.qty .mini-cart-item .input-group-btn .btn {
  width: 23px;
  height: 23px;
  font-size: 8px;
  padding: 0px;
  background: #cccccc;
  border: #cccccc;
}
.qty .mini-cart-item .input-group-btn .btn {
  width: 28px;
  height: 30px;
  font-size: 9px;
}
.qty .mini-cart-item .input-group-btn .btn .glyphicon {
  top: -1px;
}
.nav-cart #miniCartItems .mini-cart-item img.spin-loader {
  position: absolute;
  z-index: 555;
  right: 11px;
  width: 22px;
  opacity: 0.6;
  margin-top: 58px;
  display: none;
}
.qty .mini-cart-item .input-group-btn {
  width: auto;
  float: left;
}
.qty .mini-cart-item .input-group-btn:first-child > .btn,
.qty .mini-cart-item .input-group-btn:last-child > .btn {
  margin-left: 0;
}
.nav-cart #miniCartItems .mini-cart-item .notification-message-container {
  position: absolute;
  z-index: 99;
  display: none;
  width: 100%;
  height: 79px;
  padding: 7px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
.nav-cart #miniCartItems .mini-cart-item .notification-message-container .notification-message-text {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  float: left;
  width: 230px;
  text-align: center;
  padding: 5px;
}
.nav-cart .mini-cart-item div .priceVariableWeight {
  margin-left: 75px;
}
/*--- fulfilment details ---*/
.nav-cart-fulfilment {
  margin-top: 20px;
  width: 100%;
  float: left;
}
.nav-cart-fulfilment-block {
  padding: 10px;
  margin: 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  position: relative;
}
.nav-cart-fulfilment-block.nav-cart-fulfilment-block-reservation {
  padding-top: 0px;
  padding-bottom: 20px;
}
.nav-cart-fulfilment-block-divider {
  border-bottom: 1px solid #cccccc;
  margin-top: 20px;
}
.nav-cart-fulfilment-block .col-xs-7 {
  padding: 0 10px 0 0;
}
.nav-cart-fulfilment.TRUCK .nav-cart-fulfilment-block,
.nav-cart-fulfilment.TRUCK .nav-cart-fulfilment-countdown span {
  color: #52ae32;
}
.nav-cart-fulfilment.HOUSE .nav-cart-fulfilment-block,
.nav-cart-fulfilment.HOUSE .nav-cart-fulfilment-countdown span {
  color: #fcac00;
}
.nav-cart-fulfilment.GEO.POINT .nav-cart-fulfilment-block,
.nav-cart-fulfilment.GEO.POINT .nav-cart-fulfilment-countdown span {
  color: #b9154a;
}
.nav-cart-fulfilment .nav-cart-fulfilment-block .fulfilmentDetailsNone {
  color: #575757;
  font-size: 12px;
  font-style: italic;
  margin-top: 3px;
}
.nav-cart-fulfilment-countdown {
  padding: 8px;
  margin: 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  position: relative;
  text-align: center;
  background-color: #f2f2f2;
  margin-bottom: 10px;
}
.nav-cart-fulfilment-block .h3 {
  font-family: Arial, sans-serif, Helvetica;
  font-size: 14px;
  margin: 0;
  color: #575757;
  font-weight: bold;
}
.nav-cart-fulfilment-block .content {
  font-family: Arial, sans-serif, Helvetica;
  line-height: 18px;
  margin-top: 2px;
  font-size: 12px;
}
.nav-cart-fulfilment-block .content-bold {
  font-weight: bold;
}
/*--- simplebutton ---*/
.simplebutton {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  width: 100%;
  padding: 10px 5px;
  margin: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #FFF !important;
  background: none;
  background-color: #b9154a;
  transition: all 0.2s linear;
  line-height: 18px;
}
.simplebutton:hover {
  color: #FFF;
  background-color: #a21241;
}
.nav-cart-fulfilment.TRUCK .simplebutton {
  background-color: #52ae32;
}
.nav-cart-fulfilment.TRUCK .simplebutton:hover {
  background-color: #499a2c;
}
.nav-cart-fulfilment.HOUSE .simplebutton {
  background-color: #fcac00;
}
.nav-cart-fulfilment.HOUSE .simplebutton:hover {
  background-color: #e39b00;
}
.orderAmendMode .nav-cart-fulfilment-block-address .simplebutton,
.orderAmendMode .nav-cart-fulfilment-block-address .simplebutton:hover {
  background-color: #f2f2f2;
  border: 1px solid #cccccc !important;
  color: #575757 !important;
}
.nav-cart {
  border: none !important;
}
@media (min-width: 640px) {
  .nav-cart {
    border: 1px solid #cccccc !important;
    display: inline-block;
    width: 100%;
  }
}
.nav-cart .navcart-icon {
  top: 9px;
}
.nav-cart #totalItems {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.nav-cart .mini-cart .mini-cart-body .mini-cart-list {
  margin-bottom: 5px;
  margin-right: 2px;
}
.nav-cart .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item {
  height: auto;
  padding-bottom: 15px;
}
.nav-cart .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 93px;
  margin-right: 5px;
}
.nav-cart .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item div .priceVariableWeight {
  margin-left: 93px;
}
.nav-cart .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item div .priceVariableWeight .normalPrice {
  font-size: 14px;
}
.nav-cart .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item div .priceVariableWeight .normalPrice-hasSaving {
  float: left;
  padding-right: 10px;
}
.nav-cart .mini-cart .mini-cart-totals {
  margin-top: 0;
  line-height: 20px;
}
.nav-cart .mini-cart .actions {
  overflow: auto;
}
.nav-cart .mini-cart .actions .btn {
  width: 95%;
  padding: 10px 0;
  text-align: center;
  margin-left: 10px;
}
@media (min-width: 1024px) {
  .nav-cart .mini-cart .actions .btn {
    width: 100%;
    float: left;
    height: 35px;
    padding: 10px 0;
  }
}
@media only screen and (min-device-width: 667px) and (max-device-width: 1024px) {
  .nav-cart .mini-cart .actions .btn {
    margin-left: 0;
  }
}
.nav-cart .mini-cart .actions .btn.btn-default-pink {
  margin-right: 2%;
}
.nav-cart.nav-cart-fulfilment .listPageHeader h1 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  padding-left: 25px;
}
.mini-cart-empty-msg p {
  margin: 15px 10px 20px 10px;
}
/*************** SCROLLBAR***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
  min-height: 300px;
  height: auto;
  max-height: 390px;
  margin-right: 2px;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.miniCartDiscountContainer {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.miniCartDiscountContainer .discountAvailable {
  color: #FFF;
  background-color: #3374b6;
  font-size: 11px;
  padding-left: 40px;
  position: relative;
  line-height: 2.1;
  display: block;
  padding-top: 5px;
  padding-bottom: 6px;
  text-decoration: underline;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
}
.miniCartDiscountContainer .discountAvailable:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 31px;
  height: 27px;
  background: url(../images/smart-shopper-outline.svg) 0 0 no-repeat;
  background-size: 30px;
}
.miniCartDiscountContainer .discountApplied {
  color: #3374b6;
  font-size: 11px;
  padding-left: 40px;
  display: block;
  position: relative;
  line-height: 2.1;
  padding-top: 5px;
  padding-bottom: 6px;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
}
.miniCartDiscountContainer .discountApplied:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 30px;
  height: 22px;
  background: url(../images/smartshopper-icon-filled.svg) 0 0 no-repeat;
  background-size: 30px;
}
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 3;
}
.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #b7b7b7;
  display: block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -8px;
  min-height: 145px;
  width: 8px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear;
  white-space: nowrap;
}
.policiesPopup#cboxOverlay {
  opacity: 0.6 !important;
}
.policiesPopup {
  position: fixed !important;
  bottom: 0 !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
}
.policiesPopup #cboxWrapper {
  width: 100% !important;
}
.policiesPopup #cboxContent {
  width: 100% !important;
  height: 100% !important;
  position: fixed;
  bottom: 0;
  top: 50%;
}
@media (min-width: 1024px) {
  .policiesPopup #cboxContent {
    top: 83%;
  }
}
.policiesPopup .modal-dialog {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
  .policiesPopup .modal-dialog {
    width: 1200px;
  }
}
.policiesPopup .modal-content {
  box-shadow: none;
  border: none;
}
.policiesPopup .modal-body {
  float: left;
  width: 100%;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  padding-top: 5px;
}
.policiesPopup .modal-body p {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  margin-top: 0;
}
.policiesPopup .modal-body a {
  color: #3875b3 !important;
  font-weight: 600;
  text-decoration: underline;
}
.policiesPopup .modal-body br {
  display: none;
}
@media (min-width: 1024px) {
  .policiesPopup .modal-body {
    width: 75%;
  }
  .policiesPopup .modal-body br {
    display: block;
  }
}
.policiesPopup .modal-header {
  padding: 20px;
  padding-bottom: 10px;
  border-bottom: none;
  padding-left: 15px;
}
.policiesPopup .modal-header h4 {
  font-size: 18px;
  color: #575757 !important;
  font-family: "pantonFontBold", Arial, sans-serif, Helvetica;
}
.policiesPopup .modal-footer {
  border-top: 0;
  text-align: left;
  padding-top: 10px;
  display: inline-block;
}
.policiesPopup .modal-footer .accept-button {
  background-color: #003359;
  border: 1px solid #003359;
  font-weight: 500;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "pantonFontBold", Arial, sans-serif, Helvetica;
}
.policiesPopup .modal-footer .close-button {
  background-color: #FFFFFF;
  border: 1px solid #003359;
  color: #003359;
  font-weight: 500;
  padding-top: 13px;
  margin-right: 15px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "pantonFontBold", Arial, sans-serif, Helvetica;
}
@media (min-width: 1024px) {
  .policiesPopup .modal-footer {
    text-align: right;
  }
}
@media (max-width: 320px) {
  .policiesPopup #cboxContent {
    top: 40%;
  }
}
/*breadcrumb*/
h3.pageTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #505050;
  margin: 20px 0;
  padding: 0 15px;
}
h3.pageTitle span {
  font-weight: bold;
  color: #b9154a;
}
@media (max-width: 640px) {
  .page-multiStepCheckoutDeliveryPage .cart-totals {
    display: none;
  }
  .page-multiStepCheckoutDeliveryPage .cart-voucher {
    display: none;
  }
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .orderSummaryContainer .col-xs-12.col-md-3 {
    margin-top: 0;
  }
  .page-multiStepCheckoutSummaryPage .cart-totals {
    display: none;
  }
  .page-multiStepCheckoutSummaryPage .cart-voucher {
    display: none;
  }
  .page-multiStepCheckoutSummaryPage .checkout-help-totals .actions {
    margin-top: 0;
  }
  .page-multiStepCheckoutSummaryPage .cart-ord-sum-act-btn {
    margin-top: 0;
  }
}
.page-cartPage .cart-totals,
.page-multiStepCheckoutDeliveryPage .cart-totals,
.page-multiStepCheckoutSummaryPage .cart-totals,
.page-multiStepCheckoutPaymentMethodPage .cart-totals {
  margin-bottom: 10px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-cartPage .cart-totals,
  .page-multiStepCheckoutDeliveryPage .cart-totals,
  .page-multiStepCheckoutSummaryPage .cart-totals,
  .page-multiStepCheckoutPaymentMethodPage .cart-totals {
    width: calc(50% - 10px);
    -moz-width: calc(50% - 10px);
    -ms-width: calc(50% - 10px);
    -o-width: calc(50% - 10px);
    -webkit-width: calc(50% - 10px);
    margin-left: 10px;
  }
}
@media (max-width: 640px) {
  .page-multiStepCheckoutPaymentMethodPage .orderSummaryContainer .checkout-help-progress .paymentSecurePaymentHeader {
    display: none;
  }
  .page-multiStepCheckoutPaymentMethodPage .cart-totals {
    display: none;
  }
  .page-multiStepCheckoutPaymentMethodPage .cart-voucher {
    display: none;
  }
}
.cart-totals {
  background-color: #FFF;
  margin: 0 0;
  padding: 10px 0px;
  text-align: left;
  float: right;
}
@media (min-width: 640px) {
  .cart-totals {
    background-color: #f2f2f2;
  }
}
@media (max-width: 640px) {
  .cart-totals {
    margin: 0 0 10px 0;
  }
}
.cart-totals .mini-cart {
  background: none;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-bottom: none;
}
@media (min-width: 640px) {
  .cart-totals .mini-cart {
    border: none;
  }
}
.cart-totals .mini-cart-totals {
  color: #4A4A4A;
  border-top: none;
  margin: 0;
  padding: 10px 0 0 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: left;
}
.cart-totals .mini-cart-totals > div {
  padding: 0 12px;
}
.cart-totals .mini-cart-totals .cartTotals-saving {
  color: #575757;
  font-weight: bold;
}
@media (max-width: 640px) {
  .cart-totals .mini-cart-totals .cartTotals-saving {
    font-weight: normal;
  }
}
.cart-totals .mini-cart-totals .cartTotals-totalPrice {
  text-transform: uppercase;
  background: #dcddde;
  font-weight: bold;
  padding: 15px 17px;
  margin: 14px 0px 0px;
  height: 54px;
}
@media (max-width: 640px) {
  .cart-totals .mini-cart-totals .cartTotals-totalPrice span {
    font-weight: bold;
  }
  .cart-totals .mini-cart-totals .cartTotals-totalPrice .TotalWording {
    font-size: 15px;
    font-weight: bold;
  }
  .cart-totals .mini-cart-totals .cartTotals-totalPrice .TotalEstimate {
    font-weight: bold;
  }
}
.TotalEstimate {
  float: left !important;
  padding-top: 0 !important;
  display: inline-block;
  font-size: 10px;
  padding-left: 5px;
  text-transform: capitalize;
  font-weight: normal !important;
  position: relative;
}
.TotalWording {
  float: left !important;
}
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a,
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:hover,
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:active,
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:visited {
  color: #575757;
  text-decoration: none;
}
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a span,
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:hover span,
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:active span,
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:visited span {
  font-weight: bold;
  text-decoration: none !important;
  float: right;
}
.cart-totals .mini-cart-totals .cartTotals-ssdiscounts a:hover {
  text-decoration: underline;
}
.cart-totals .mini-cart-totals #miniCartTotals-totalPrice {
  background-color: #e5e5e5;
  text-transform: uppercase;
}
.cartTotals-totalPrice {
  background-color: #dcddde;
  text-transform: uppercase;
  margin-top: 4px;
}
.cartMessage {
  font-size: 14px;
  padding: 10px 12px;
  font-style: italic;
  line-height: normal;
  line-height: 16px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: none;
  border-bottom: 1px solid #CCCCCC;
}
@media (min-width: 640px) {
  .cartMessage {
    border: none;
  }
}
.cartMessage a {
  color: #003359;
  font-weight: bold;
}
.cart-totals .cartprice-saving,
.cart-totals .cart-saving {
  color: #575757;
}
#cartTotals-voucher-info {
  color: #575757;
}
#cartTotals-voucher-info:hover {
  text-decoration: underline;
}
/*.cart-voucher .freeDelVoucherInner {
	height: 193px;

	@media (max-width: @screen-sm) {
		height: auto;
 	}
}*/
.cartTotal-top,
.cartTotal-bottom {
  line-height: 1.8em;
  height: 193px;
}
@media (max-width: 640px) {
  .cartTotal-top,
  .cartTotal-bottom {
    height: auto;
  }
}
.template-pages-CartPageTemplate .actions .CartCheckoutActionFootComponent-CartRemoveSelectedItemsAction {
  display: none;
}
.template-pages-CartPageTemplate .actions .CartCheckoutActionFootComponent-CartSaveToShoppingListAction {
  display: none;
}
.template-pages-CartPageTemplate .actions .CartCheckoutActionFootComponent-CartContinueShoppingAction {
  display: none;
}
.template-pages-CartPageTemplate .actions .CartCheckoutActionFootComponent-CartCheckoutAction {
  display: none;
}
.template-pages-CartPageTemplate .actions {
  margin: 15px 0;
  /*display: flex;*/
  float: left;
  width: 100%;
}
@media (max-width: 640px) {
  .template-pages-CartPageTemplate .actions {
    margin: 0;
  }
}
.template-pages-CartPageTemplate .actions > div {
  padding: 0 0px;
}
.template-pages-CartPageTemplate .actions > div:nth-child(1) > div {
  padding: 0 10px 0 10px !important;
}
.template-pages-CartPageTemplate .actions > div:nth-child(2) > div {
  padding: 0 5px 0 5px !important;
}
.template-pages-CartPageTemplate .actions > div:nth-child(3) > div {
  padding: 0 5px 0 5px !important;
}
.template-pages-CartPageTemplate .actions > div:nth-child(4) > div {
  padding: 0 0px 0 5px !important;
}
.template-pages-CartPageTemplate .actions > div > div button,
.template-pages-CartPageTemplate .productlist-selectbuttons button.btn {
  height: 44px;
  font-size: 13px !important;
  padding: 0;
  padding-top: 5px !important;
  font-family: pantonFontBold !important;
}
@media (min-width: 640px) {
  .template-pages-CartPageTemplate .actions > div > div button,
  .template-pages-CartPageTemplate .productlist-selectbuttons button.btn {
    padding: 0;
    padding-top: 5px !important;
    height: 44px;
    font-size: 15px !important;
  }
}
.template-pages-CartPageTemplate .CartTotalComponentFoot-CartSaveToShoppingListAction .btn.btn-secondary-whiteblue {
  color: #575757;
  border: 1px solid #9B9B9B !important;
  font-size: 13px;
  padding-top: 12px;
}
.template-pages-CartPageTemplate .CartTotalComponentFoot-CartSaveToShoppingListAction .btn.btn-secondary-whiteblue:hover {
  color: #575757;
  border: 1px solid #9B9B9B !important;
  font-size: 13px;
}
.template-pages-CartPageTemplate .CartTotalComponentFoot-CartRemoveSelectedItemsAction .btn.btn-secondary-whiteblue {
  color: #575757;
  border: 1px solid #9B9B9B !important;
  font-size: 13px;
  padding-top: 11px;
}
.template-pages-CartPageTemplate .CartTotalComponentFoot-CartRemoveSelectedItemsAction .remove-selected-red {
  color: #b9154a !important;
  border: 1px solid #b9154a !important;
}
.template-pages-CartPageTemplate .productlist-selectbuttons .btn.btn-secondary-whiteblue {
  color: #575757;
  border: 1px solid #9B9B9B !important;
  font-size: 13px;
  padding-top: 11px;
}
.template-pages-CartPageTemplate .productlist-selectbuttons .btn.btn-secondary-whiteblue:focus {
  border: 1px solid !important;
}
.template-pages-CartPageTemplate .productlist-selectbuttons .select-all-blue {
  color: #003359 !important;
  border: 1px solid #003359 !important;
}
.template-pages-CartPageTemplate .productlist-selectbuttons .expand-selected-red {
  color: #b9154a !important;
  border: 1px solid #b9154a !important;
}
.template-pages-CartPageTemplate .CartTotalComponentFoot-CartCheckoutAction .btn.btn-default-pink {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
}
@media (max-width: 640px) {
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartSaveToShoppingListAction button,
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartRemoveSelectedItemsAction button,
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartContinueShoppingAction button,
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartCheckoutAction button,
  .template-pages-CartPageTemplate .productlist-selectbuttons button {
    padding: 5px 0 0 0;
    white-space: unset;
  }
}
@media (min-width: 768px) {
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartSaveToShoppingListAction div {
    width: 27%;
  }
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartRemoveSelectedItemsAction div {
    width: 28%;
  }
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartContinueShoppingAction div {
    width: 25%;
  }
  .template-pages-CartPageTemplate .CartTotalComponentFoot-CartCheckoutAction div {
    width: 20%;
  }
}
@media (min-width: 1400px) {
  #formCartCheckoutAction {
    display: none !important;
  }
  .actions .CartCheckoutActionFootComponent-CartContinueShoppingAction #formCartContinueShoppingAction {
    display: none !important;
  }
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction #formCheckoutFulfilmentCheckoutAction {
    display: none !important;
  }
  .orderSummaryContainer .checkout-steps .step-body .actions button {
    display: none !important;
  }
  .orderSummaryContainer .checkout-steps .step-body .actions #payNow {
    display: inline-block !important;
  }
  .orderSummaryContainer .checkout-steps .step-body .actions #addNewCard {
    display: inline-block !important;
  }
}
/*--- Change button text in amend mode ---*/
#formCartCheckoutAction span.btn-text-has-amendmode {
  display: none;
}
#formCartCheckoutAction span.btn-text-no-amendmode {
  display: inline-block;
}
.orderAmendMode #formCartCheckoutAction span.btn-text-has-amendmode {
  display: inline-block;
}
.orderAmendMode #formCartCheckoutAction span.btn-text-no-amendmode {
  display: none;
}
/*--- Free Delivery Voucher ---*/
.cart-voucher {
  /*width: 100%;*/
  background-color: #E1E1E1;
}
.cart-voucher strong,
.cart-voucher strong span {
  font-weight: normal;
}
@media (max-width: 640px) {
  .cart-voucher strong,
  .cart-voucher strong span {
    font-weight: bold;
  }
}
.voucherHeadingsTop {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 20px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
}
.voucherHeadingsBottom {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #FFF;
  line-height: 20px;
  padding: 0 0;
  margin: 20px 0 0 0;
  text-align: center;
}
.freeDelVoucher {
  padding: 0 0;
}
/*.freeDelVoucherInner{
  width: 100%;
  padding: 25px 20px 25px 20px;
  background-color: #fbb601;
  min-height: 220px;
  max-height: 240px;

  .btn-secondary-whiteout {
    @media (max-width: 768px) {
      font-size: 13px;
      padding: 10px 10px;
    }
  }
}*/
.freeDelVoucher.js-show-voucher-release .freeDelVoucherInner {
  /*padding-bottom: 64px*/
}
/*--- *voucher modal ---*/
.freeDelVoucherModal {
  padding: 0 0;
}
#colorbox.freeDelVoucherModal,
.freeDelVoucherModal #cboxWrapper {
  overflow: visible;
}
.freeDelVoucherModal #cboxContent #cboxTitle {
  display: none !important;
}
.freeDelVoucherModal #cboxContent #cboxLoadedContent {
  background-color: #fbb601;
  margin-top: 0 !important;
}
.forgotVoucher-modalInner {
  /*position: relative;*/
}
.forgotVoucher-modalInner img {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 110px;
  height: auto;
  margin: 0;
}
@media (max-width: 640px) {
  .forgotVoucher-modalInner img {
    top: -40px;
    left: 50%;
    width: 90px;
    margin: 0 0 0 -45px;
  }
}
.forgotVoucher-modalInner .forgotVoucher-modalInnerContent {
  width: 100%;
  padding: 23px 50px 0 160px;
  min-height: 140px;
}
@media (max-width: 640px) {
  .forgotVoucher-modalInner .forgotVoucher-modalInnerContent {
    padding: 60px 30px 20px;
    min-height: 0;
    text-align: center;
  }
}
.forgotVoucher-modalInner .forgotVoucher-modalInnerContent p {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 22px;
  font-size: 16px;
  color: #FFF;
  margin: 0 0 8px 0;
  padding: 0 0;
}
.forgotVoucher-modalInner .forgotVoucher-modalInnerContent p span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.freeDelVoucherModal #cboxClose,
.freeDelVoucherModal #cboxClose:focus,
.freeDelVoucherModal #cboxClose:active,
.freeDelVoucherModal #cboxClose:hover {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 22px;
  height: 20px;
  border: 1px solid #FFF !important;
  background: url(../images/icon-cross-white.png) center no-repeat;
  background-size: 10px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.freeDelVoucherModal #cboxClose .glyphicon,
.freeDelVoucherModal #cboxClose:focus .glyphicon,
.freeDelVoucherModal #cboxClose:active .glyphicon,
.freeDelVoucherModal #cboxClose:hover .glyphicon {
  display: none;
}
.freeDelVoucherModal #cboxClose:hover {
  background: #ffffff url(../images/icon-cross-light.png) center no-repeat;
  background-size: 10px;
}
/*.voucherHeadings {
  background-image: url(../images/icon-deliveryVoucher.png);
  background-size: 42px;
  background-position: 0px 0px;
  background-repeat: no-repeat;

  @media (max-width: 1180px) {
    background-size: 38px;
  }

  @media (max-width: 768px) {
    background-size: 36px;
  }

  @media (max-width: 450px) {
    background-size: 40px;
  }

  .voucherHeadingsTop {
    .pnpFontMedium;
    font-size: 20px;
    color: @btn-primary-color;
    padding: 0 0 0 60px;

    @media (max-width: 1180px) {
      font-size: 17px;
      padding: 0 0 0 50px;
    }

    @media (max-width: 768px) {
      font-size: 16px;
    }

    @media (max-width: 450px) {
      font-size: 20px;
    }
  }
  .voucherHeadingsBottom {
    .pnpFont;
    font-size: 18px;
    color: @btn-primary-color;
    padding: 0 0 0 60px;

    @media (max-width: 1180px) {
      font-size: 14px;
      padding: 0 0 0 50px;
    }

    @media (max-width: 450px) {
      font-size: 16px;
    }
  }
}*/
/*.js-show-voucher-release .voucherHeadingsTop{
  .pnpFont;
  font-size: 18px;
}
.js-show-voucher-release .voucherHeadingsBottom{
  .pnpFontMedium;
  font-size: 20px;
}*/
.voucherInputContainer {
  margin: 20px 0 0 0;
}
.js-redeem-voucher {
  font-family: pantonFontBold !important;
  font-size: 15px !important;
  height: 44px !important;
  padding-top: 16px !important;
  background-color: #CCC !important;
  color: #575757;
}
@media (max-width: 640px) {
  .js-redeem-voucher {
    background-color: #CCC !important;
    color: #575757;
    font-family: pantonFontBold !important;
    font-size: 15px !important;
    height: 44px !important;
    padding: 15px  10px 12px 10px !important;
  }
}
.js-redeem-voucher p {
  color: #ffffff !important;
  margin: 0 !important;
}
.voucherInput {
  background-color: #ffffff;
  height: 44px;
  margin: 0 0;
  padding: 0 10px 0px 10px;
  position: relative;
  width: 100%;
  /*@media (max-width: 450px) {
    margin: 20px 0;
    padding: 8px 10px 0px 10px;
  }

  .js-redeem-voucher {
    @media (max-width: 450px) {
      padding: 10px;
      font-size: 13px;
    }
  }*/
}
@media (max-width: 640px) {
  .voucherInput {
    width: 95%;
    height: 44px;
    padding: 0 10px 0px 10px;
  }
}
.voucherInput input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.voucherInput input,
.voucherInput .voucherInput-code {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757 !important;
  width: 100%;
  border: none !important;
  height: 44px;
}
@media (max-width: 640px) {
  .voucherInput input,
  .voucherInput .voucherInput-code {
    color: #575757;
    font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
    font-size: 15px;
    height: 44px;
    padding-top: 10px;
  }
}
.voucherInput input:-webkit-autofill,
.voucherInput input:-webkit-autofill:hover,
.voucherInput input:-webkit-autofill:focus input:-webkit-autofill,
.voucherInput textarea:-webkit-autofill,
.voucherInput textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.voucherInput select:-webkit-autofill,
.voucherInput select:-webkit-autofill:hover,
.voucherInput select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fab600;
}
.voucherInput input::placeholder {
  font-size: 14px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.voucherInput .voucherInput-code {
  width: auto;
  float: left;
}
.freeDelVoucher-errorOverlay .pnp-Close {
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: absolute;
  background-image: url(../images/icon-close-white-outline.svg);
  top: 10px;
  right: 10px;
}
.freeDelVoucher-errorOverlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1111;
  height: 100%;
  width: 100%;
  align-items: center;
}
.freeDelVoucher-errorOverlay .js-voucher-error-message-text {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  text-transform: uppercase;
  color: #FFF;
  padding: 0 0 0 10px;
  text-align: left;
  width: 86%;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.freeDelVoucher-errorOverlay .js-voucher-error-message-text span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.freeDelVoucher-errorOverlay .btn {
  position: absolute;
  bottom: 0;
  margin-bottom: 0 !important;
  padding: 12px !important;
}
.freeDelVoucher-errorOverlay .btn:active {
  position: absolute;
}
.voucherData {
  margin: 20px 0 0 0;
}
.voucherItem {
  width: 100%;
  display: block;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #b9154a;
  padding: 3px 26px 0 0;
  margin: 0 0 6px 0;
  position: relative;
  min-height: 22px;
}
.voucherItem button.js-release-voucher {
  position: absolute;
  width: 22px;
  height: 22px;
  border: 0 !important;
  right: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/icon-close-redfill.svg);
  background-position: center;
  background-repeat: no-repeat;
}
/*--- Minimum Spend Amount Info Message ---*/
.minimumSpendAmountInfoMessage {
  background: #F5E7BF;
  border-radius: 8px;
  padding: 5px;
  padding-bottom: 8px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.minimumSpendAmountInfoMessage p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757;
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  display: inline-block;
  float: left;
  max-width: 80%;
}
.minimumSpendAmountInfoMessage .minimumSpendAmountIcon {
  background: url(../images/icon-warning-minimun-amount.svg) no-repeat 0 0;
  background-size: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  float: left;
}
.minimumSpendAmountIconPopupHtml {
  background: #FFF;
}
.minimumSpendAmountIconPopupHtml .mod-heading {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 25px;
}
.minimumSpendAmountIconPopupHtml p {
  padding: 30px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #575757;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 20px;
}
@media (max-width: 640px) {
  .minimumSpendAmountIconPopupHtml p {
    padding: 20px;
  }
}
.minimumSpendAmountIconPopupHtml .valid-prod-foot {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 640px) {
  .minimumSpendAmountIconPopupHtml .valid-prod-foot {
    position: absolute;
    bottom: 0;
  }
}
.minimumSpendAmountIconPopupHtml .valid-prod-foot button {
  font-family: pnpFont;
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
  width: 224px;
  height: 52px;
}
@media (max-width: 640px) {
  .minimumSpendAmountIconPopupHtml .valid-prod-foot button {
    width: 100%;
  }
}
.minimumSpendAmountIconPopupHtml #cboxTitle {
  display: none !important;
}
/*--- custom simplebutton ---*/
.voucherInput .simplebutton {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 0 0 20px;
  position: relative;
  float: left;
  background-color: #fab600;
}
.voucherInput .simplebutton:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-image: url(../images/icons-addtocart.png);
  background-size: 12px;
  background-position: 0px -12px;
  background-repeat: no-repeat;
}
.voucherInput .simplebutton:hover {
  background-color: #e39b00;
}
.voucher-section {
  padding: 0;
}
.voucher-section .cart-voucher {
  float: left;
  padding-left: 0;
}
@media (max-width: 640px) {
  .voucher-section .cart-voucher {
    padding-bottom: 10px;
    padding-right: 0;
    margin: 10px 0;
  }
}
@media (max-width: 480px) {
  .voucher-section .cart-voucher {
    margin: 0;
  }
}
@media (max-width: 640px) {
  .voucher-section .actions {
    margin: 0 0 15px 0;
  }
}
@media (max-width: 639px) {
  .voucher-section .top-voucher .cart-voucher {
    display: none;
  }
}
/*-- hide top voucher and totals --*/
.top-voucher {
  display: none;
}
@media (max-width: 767px) {
  .bottom-voucher .actions > div:nth-child(2) > div,
  .bottom-voucher .actions > div:nth-child(1) > div,
  .bottom-voucher .actions > div:nth-child(3) > div {
    padding: 0 !important;
  }
}
/* ------- subtotal component styling --------- */
.saving-text-grey {
  color: #575757 !important;
}
.free-text-red {
  color: #ed1c24 !important;
}
.fulfilmentOptionsContainer {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .fulfilmentOptionsContainer {
    padding-left: 80px;
    padding-bottom: 20px;
  }
}
.chooseDeliveryOptionMessage {
  display: inline-block;
  margin-bottom: 20px;
}
.fulfilmentOptionChoice {
  margin-bottom: 20px;
}
.fulfillmentOptionPrice {
  color: #52ae32;
  font-weight: bold;
}
.fulfillmentOptionDescription {
  display: inline-block;
  padding-left: 25px;
}
.fulfillmentOptionLoadingOverlay {
  background: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 99;
}
.fulfillmentOptionLoadingOverlay .fulfillmentOptionLoadingOverlayBox {
  text-align: center;
}
.fulfillmentslotcomponent .js-voucher-mesg-textbox {
  display: none;
  position: absolute;
  background: #4681bb;
  height: 163px;
  width: 183px;
  padding: 5px;
  margin: 0px;
  font-size: 12px;
  color: #fff;
}
.fulfillmentslotcomponent .js-voucher-mesg-textbox .js-btn-close {
  color: #fff;
  font-size: 9px;
  border: 1px solid #fff;
  float: right;
  padding: 1.5px;
}
.fulfillmentslotcomponent .listPageHeader,
.deliveryAddressOption .listPageHeader {
  color: gray;
  background-color: #fff;
  border-bottom: none;
  padding: 0;
  display: inline-block;
}
.fulfillmentslotcomponent .listPageHeader p:first-of-type {
  font-size: 15px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  margin-left: 0;
  margin-right: 0;
}
.page-delivery-detail .slot-text-heading {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
}
.page-delivery-detail .slot-text-subHeading {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
}
.page-delivery-detail .slot-text-para {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
}
.page-delivery-detail .slot-text-heading,
.page-delivery-detail .slot-text-subHeading,
.page-delivery-detail .slot-text-para {
  color: #8c8d8d;
}
.fulfillmentslotcomponent .listPageHeader .header,
.deliveryAddressOption .listPageHeader .header {
  height: 45px;
  position: relative;
}
.fulfillmentslotcomponent .listPageHeader .header .text,
.deliveryAddressOption .listPageHeader .header .text {
  font-family: 'pantonFontBold';
  font-size: 16px;
  margin-top: 10px;
  margin-left: 20px;
  float: left;
  text-transform: uppercase;
}
.fulfillmentslotcomponent .listPageHeader .header .circle,
.deliveryAddressOption .listPageHeader .header .circle {
  border-radius: 50%;
  float: left;
  width: 35px;
  height: 35px;
  color: #fff;
  background-color: #52ae32;
  padding: 10px 0 0 0;
  font-family: 'pantonFontBold';
  font-size: 14px;
  text-align: center;
}
.orderAmendMode .deliveryAddressOption .listPageHeader .header .circle {
  background-color: #858585;
}
.fulfillmentslotcomponent.fulfillmentslotcomponent-del .listPageHeader .header .circle {
  background-color: #52ae32;
}
.fulfillmentslotcomponent.fulfillmentslotcomponent-cnc .listPageHeader .header .circle {
  background-color: #fcac00;
}
.fulfillmentslotcomponent.fulfillmentslotcomponent-col .listPageHeader .header .circle {
  background-color: #b9154a;
}
.account-section-content.fulfilmentPointType-del .listPageHeader .header .circle {
  background-color: #52ae32 !important;
}
.account-section-content.fulfilmentPointType-cnc .listPageHeader .header .circle {
  background-color: #fcac00 !important;
}
.account-section-content.fulfilmentPointType-col .listPageHeader .header .circle {
  background-color: #b9154a !important;
}
.account-section-content.fulfilmentPointType-del .listPageHeader .header .text {
  color: #52ae32 !important;
  width: 80%;
}
@media (min-width: 640px) {
  .account-section-content.fulfilmentPointType-del .listPageHeader .header .text {
    width: auto;
  }
}
.account-section-content.fulfilmentPointType-cnc .listPageHeader .header .text {
  color: #fcac00 !important;
  width: 80%;
}
@media (min-width: 640px) {
  .account-section-content.fulfilmentPointType-cnc .listPageHeader .header .text {
    width: auto;
  }
}
.account-section-content.fulfilmentPointType-col .listPageHeader .header .text {
  color: #b9154a !important;
  width: 80%;
}
@media (min-width: 640px) {
  .account-section-content.fulfilmentPointType-col .listPageHeader .header .text {
    width: auto;
  }
}
.account-section-content.fulfilmentPointType-del .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #979797 !important;
  color: #575757;
  max-width: 160px;
  font-weight: bold;
  font-family: pantonFontBold;
  font-size: 14px;
}
.account-section-content.fulfilmentPointType-del .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  color: #52ae32;
  background-color: #FFF !important;
  border: 1px solid #52ae32 !important;
}
.account-section-content.fulfilmentPointType-cnc .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #979797 !important;
  color: #575757;
  max-width: 160px;
  font-weight: bold;
  font-family: pantonFontBold;
  font-size: 14px;
}
.account-section-content.fulfilmentPointType-cnc .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  color: #fcac00;
  background-color: #FFF !important;
  border: 1px solid #fcac00 !important;
}
.account-section-content.fulfilmentPointType-col .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #b9154a !important;
  color: #b9154a;
  max-width: 160px;
}
.account-section-content.fulfilmentPointType-col .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  color: #fff;
  background-color: #b9154a !important;
}
.orderAmendMode .deliveryAddressOption .listPageHeader .header .circle,
.orderAmendMode .deliveryAddressOption.deliveryAddressOption-del .listPageHeader .header .circle {
  background-color: #858585 !important;
}
.orderAmendMode .deliveryAddressOption.deliveryAddressOption-cnc .listPageHeader .header .circle {
  background-color: #b1b1b1 !important;
}
.orderAmendMode .deliveryAddressOption.deliveryAddressOption-col .listPageHeader .header .circle {
  background-color: #4b4b4b !important;
}
.setDialogTextColor-del {
  color: #52ae32;
}
.setDialogTextColor-cnc {
  color: #fcac00;
}
.setDialogTextColor-col {
  color: #b9154a;
  margin: 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-weight: bold;
}
.fulfillmentslotcomponent .slots-panel-container {
  border: 1px solid #e6e7e8;
  overflow: hidden;
  background: #e6e7e8;
  position: relative;
}
/* Set color for  header */
.fulfillmentslotcomponent .slots-panel-container .header {
  background-color: #52ae32;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  height: 46px;
  padding: 15px 0;
  font-family: 'pantonFontBold';
  font-size: 16px;
}
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .header {
  background-color: #fcac00;
}
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .header {
  background-color: #b9154a;
}
#deliveryOptionTab-col-input i.fa-dot-circle-o:after {
  background-color: #b9154a !important;
  left: 6px !important;
}
#deliveryOptionTab-cnc-input i.fa-dot-circle-o:after {
  background-color: #fcac00 !important;
  left: 6px !important;
}
#deliveryOptionTab-del-input i.fa-dot-circle-o:after {
  background-color: #52ae32 !important;
  left: 6px !important;
}
#deliveryOptionTab-col-input input {
  display: none;
}
#deliveryOptionTab-cnc-input input {
  display: none;
}
#deliveryOptionTab-del-input input {
  display: none;
}
#deliveryOptionTab-col-input .subs-text {
  color: #b9154a !important;
}
#deliveryOptionTab-cnc-input .subs-text {
  color: #fcac00 !important;
}
#deliveryOptionTab-del-input .subs-text {
  color: #52ae32 !important;
}
.account-section-content.fulfilmentPointType-col .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button {
  background-color: #b9154a;
  font-size: 12px;
  padding-left: 10px;
}
@media (min-width: 411px) {
  .account-section-content.fulfilmentPointType-col .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button {
    font-size: 14px;
    padding-left: 20px;
  }
}
.account-section-content.fulfilmentPointType-cnc .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button {
  background-color: #fcac00;
  font-size: 12px;
  padding-left: 10px;
  height: 44px;
  font-family: pnpFontBold;
  font-size: 15px;
}
@media (min-width: 411px) {
  .account-section-content.fulfilmentPointType-cnc .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button {
    padding-left: 20px;
  }
}
.account-section-content.fulfilmentPointType-del .actions #formFulfillmentCheckoutAction .btn-custom-green-checkout {
  margin-top: 0 !important;
}
.account-section-content.fulfilmentPointType-cnc .actions #formFulfillmentCheckoutAction .btn-custom-green-checkout {
  margin-top: 0 !important;
}
.account-section-content.fulfilmentPointType-del .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button {
  background-color: #52ae32;
}
.DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction {
  width: 100%;
}
@media (min-width: 480px) {
  .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction {
    width: 180px;
    margin-left: 5px !important;
    margin-right: 5px;
    position: relative;
    top: 0 !important;
  }
  .page-delivery-detail .actions {
    display: inline-block;
  }
  .DefaultFulfillmentSlotComponent-FulfillmentLaterAction {
    position: relative;
    top: 0 !important;
  }
  .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction {
    position: relative;
    top: 0 !important;
    width: auto !important;
  }
}
@media (min-width: 640px) {
  .DefaultFulfillmentSlotComponent-FulfillmentLaterAction {
    width: auto !important;
  }
}
.DefaultFulfillmentSlotComponent-FulfillmentLaterAction {
  position: relative;
  top: 60px;
  width: 49%;
  display: none;
}
.DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction {
  position: relative;
  top: 60px;
  width: 100%;
}
.DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction {
  position: relative;
  top: -40px;
}
.deliveryAddressRadios label {
  padding: 0 0 10px 0;
  text-align: left;
  position: relative;
  margin-bottom: 10px;
}
.deliveryAddressRadios .subs-text {
  font-family: Arial;
  font-size: 18px;
  color: #575757 /*!important*/;
  text-transform: none;
  margin: -1px 20px 0 30px;
}
@media (max-width: 767px) {
  .deliveryAddressRadios .subs-text {
    white-space: normal;
    float: left;
    text-align: left;
  }
}
.deliveryAddressRadios label input[type="radio"] ~ i.fa.fa-dot-circle-o,
.deliveryAddressRadios label input[type="radio"]:checked ~ i.fa.fa-circle-o {
  display: none;
}
.deliveryAddressRadios label input[type="radio"] ~ i.fa.fa-circle-o,
.deliveryAddressRadios label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
  display: inline;
  margin: 0;
  position: relative;
}
.deliveryAddressRadios label input[type="radio"] ~ i.fa-dot-circle-o:before,
.deliveryAddressRadios label input[type="radio"] ~ i.fa-circle-o:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  top: 0px;
  border: 2px solid #575757;
  border-radius: 50%;
}
.deliveryAddressRadios label input[type="radio"] ~ i.fa-dot-circle-o:after {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #b9154a;
  top: 6px;
  left: 5px;
  border: none;
  border-radius: 50%;
}
.deliveryAddressRadios label input[type="radio"].sub-radio-2z ~ i.fa-dot-circle-o:after {
  /*background-color: @text-color-secondary;*/
  background-color: #003359;
}
.deliveryAddressRadios .active:nth-child(1) input[type="radio"]:checked ~ .subs-text {
  color: #b9154a !important;
}
.deliveryAddressRadios .active:nth-child(2) input[type="radio"]:checked ~ .subs-text {
  color: #003359 !important;
}
.fulfillmentslotcomponent .slots-panel-container .time_slot_label_left,
.fulfillmentslotcomponent .slots-panel-container .time_slot_label_right,
.fulfillmentslotcomponent .slots-panel-container .row-days {
  background-color: #e6e7e8;
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757;
}
.fulfillmentslotcomponent .slots-panel-container .row-days {
  min-height: 47px;
}
.fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container:hover {
  background: #fafafa;
}
/* Set color for  selected slot*/
.fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot.selected-slot {
  background: #fff;
  color: #52ae32;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 640px) {
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot.selected-slot {
    font-size: 13px;
  }
}
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot.selected-slot {
  color: #fcac00;
}
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot.selected-slot {
  color: #b9154a;
}
/*disabled slots base store message*/
.fulfillmentslotcomponent .basestoreDisabled {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  z-index: 555;
}
.fulfillmentslotcomponent .basestoreDisabled-inner {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  line-height: 20px;
  color: #FFF;
  padding: 0 50px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.fulfillmentslotcomponent .basestoreDisabled-inner span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.fulfillmentslotcomponent .basestoreDisabled-inner span.header {
  font-size: 20px;
  display: block;
  margin: 0 0 10px 0;
  background: none !important;
  text-transform: none;
  height: auto;
  padding: 0;
}
/* Set color for  col-slots */
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
  color: #52ae32;
}
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
  color: #fcac00;
}
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
  color: #b9154a;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment {
  border: 1px solid #e6e7e8;
  border-left: none;
  border-top: none;
  /*height: 40px;*/
  padding: 18px 5px;
  background: #fff;
  position: relative;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment .mobile-choose-btn-avail {
  display: none;
  border: 1px solid silver;
  width: 50%;
  max-width: 136px;
  float: right;
  height: 30px;
  margin-top: -5px;
  padding: 5px;
  color: gray;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment .mobile-choose-btn-avail:focus {
  border: 1px solid silver;
  color: #fff;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment .mobile-choose-btn-avail.fulfillment_span-1 {
  height: 15px;
  margin-top: 2px;
  line-height: 4px;
  font-size: 13px;
}
.white-txt {
  color: #fff !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment .mobile-choose-btn-unavail {
  display: none;
  border: 1px solid silver;
  width: 50%;
  max-width: 136px;
  float: right;
  height: 30px;
  margin-top: -5px;
  padding: 5px;
  color: silver;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-1,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-2,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-3 {
  text-align: center;
  height: 53px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-4 {
  text-align: center;
  height: 106px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-4 span {
  line-height: 70px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-6 {
  text-align: center;
  height: 159px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-6 span {
  line-height: 123px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-8 {
  text-align: center;
  height: 212px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-8 span {
  line-height: 176px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-10 {
  text-align: center;
  height: 265px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-10 span {
  line-height: 229px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-12 {
  text-align: center;
  height: 318px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-12 span {
  line-height: 282px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-14 {
  text-align: center;
  height: 371px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-14 span {
  line-height: 335px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-16 {
  text-align: center;
  height: 424px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-16 span {
  line-height: 388px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-18 {
  text-align: center;
  height: 478px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-18 span {
  line-height: 388px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-20 {
  text-align: center;
  height: 530px !important;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.fulfillment_span-20 span {
  line-height: 388px !important;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right {
  opacity: 0.15;
  position: relative;
  width: 1300px;
  display: none;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-1,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-2,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-3 {
  top: -39px;
  height: 53px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-1,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-2,
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-3 {
  top: -92px;
  height: 53px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-4 {
  top: -89px;
  height: 106px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-4 {
  top: -195px;
  height: 106px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-6 {
  top: -142px;
  height: 159px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-6 {
  top: -301px;
  height: 159px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-8 {
  top: -195px;
  height: 212px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-8 {
  top: -407px;
  height: 212px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-10 {
  top: -248px;
  height: 265px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-10 {
  top: -513px;
  height: 265px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-12 {
  top: -301px;
  height: 318px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-12 {
  top: -619px;
  height: 318px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-14 {
  top: -354px;
  height: 371px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-14 {
  top: -725px;
  height: 371px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-16 {
  top: -407px;
  height: 424px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-16 {
  top: -831px;
  height: 424px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-18 {
  top: -407px;
  height: 478px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-18 {
  top: -885px;
  height: 478px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left.overlay-span-20 {
  top: -407px;
  height: 530px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right.overlay-span-20 {
  top: -936px;
  height: 530px;
  cursor: pointer;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.not-avail {
  background: #f1f2f2;
  color: #8c8d8d;
  font-size: 13px;
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-voucher-mesg-slot {
  background: #3373b4;
  color: #fff;
}
.account-section-content.fulfilmentPointType-del .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left,
.account-section-content.fulfilmentPointType-del .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right {
  background-color: #52ae32;
}
.account-section-content.fulfilmentPointType-del .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-selected-slot {
  background: #52ae32;
  color: #fff;
}
.account-section-content.fulfilmentPointType-del .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-hover-slot {
  background: rgba(82, 174, 50, 0.3);
}
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left,
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right {
  background-color: #fcac00;
}
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-selected-slot {
  background: #fcac00;
  color: #fff;
}
.account-section-content.fulfilmentPointType-cnc .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-hover-slot {
  background: rgba(252, 172, 0, 0.3);
}
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-left,
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .overlay-right {
  background-color: #b9154a;
}
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-selected-slot {
  background: #b9154a;
  color: #fff;
}
.account-section-content.fulfilmentPointType-col .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.js-hover-slot {
  background: rgba(185, 20, 74, 0.3);
}
.fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots .fulfillment.clickedSlot.hasPopup {
  background: #575757 !important;
  color: #FFF !important;
}
/* Action buttons */
.page-delivery-detail .actions {
  margin: 0px auto;
}
.checkout-steps .actions {
  width: auto;
  margin: 0px auto;
}
.page-multiStepCheckoutSummaryPage .actions .btn {
  margin-left: 10px;
  height: 44px;
}
@media (min-width: 640px) {
  .page-multiStepCheckoutSummaryPage .actions .btn {
    height: 50px;
  }
}
.page-multiStepCheckoutSummaryPage .step-body .actions .actions-amend,
.page-multiStepCheckoutSummaryPage .step-body .actions .tvLicenseModalDialogCheckoutAction,
.page-multiStepCheckoutSummaryPage .step-body .actions .btn-custom-green-checkout {
  display: none;
}
.page-multiStepCheckoutSummaryPage .checkout-steps .amend-cancel,
.page-multiStepCheckoutSummaryPage .checkout-steps .amend-update {
  height: 38px;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .checkout-steps .actions-amend {
    width: auto;
  }
  .page-multiStepCheckoutSummaryPage .checkout-steps .amend-cancel,
  .page-multiStepCheckoutSummaryPage .checkout-steps .amend-update {
    float: right;
    height: 44px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-steps .amend-update {
    margin: 0 0 0 1%;
  }
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction,
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction,
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction,
.actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction {
  margin-top: 20px;
  margin-left: 0px;
  float: left;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button,
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button,
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button,
.actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button,
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:hover,
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:hover,
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:hover,
.actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button:hover,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button:hover,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button:hover,
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:active,
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:active,
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:active,
.actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button:active,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:active,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button:active,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:active,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button:active,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:active,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button:active,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button:active,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button:active,
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:visited,
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:visited,
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:visited,
.actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button:visited,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:visited,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button:visited,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:visited,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button:visited,
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:visited,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button:visited,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button:visited,
.actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button:visited {
  margin-left: 5px;
}
@media (max-width: 640px) {
  .actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:hover,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:hover,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:hover,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button:hover,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:hover,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button:hover,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:hover,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button:hover,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:hover,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button:hover,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button:hover,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button:hover,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:active,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:active,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:active,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button:active,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:active,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button:active,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:active,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button:active,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:active,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button:active,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button:active,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button:active,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:visited,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:visited,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:visited,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction button:visited,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:visited,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction button:visited,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:visited,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction button:visited,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:visited,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction button:visited,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction button:visited,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction button:visited {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentCheckoutAction,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentCheckoutAction,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentCheckoutAction,
  .actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction,
  .actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfilmentContinueAction,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendUpdateChangesAction,
  .actions .DefaultFulfillmentSlotComponent-FulfillmentAmendCancelChangesAction {
    margin-top: 5px;
  }
}
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button {
  background: #52ae32;
}
.actions .DefaultCheckoutFulfillmentSlotComponent-FulfillmentBookAction button:hover,
.actions .DefaultCheckoutFulfillmentSlotComponent-CheckoutFulfillmentBookAction button:hover {
  background: #45922a;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button {
  background: #d88400;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentContinueShoppingAction button:hover {
  background: #b46e00;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button {
  background: #fcac00;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentBookAction button:hover {
  background: #d89400;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button {
  background: #003359;
  font-size: 12px;
  height: 44px;
}
@media (min-width: 411px) {
  .actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button {
    font-size: 14px;
  }
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction button:hover {
  background: #001f35;
}
.actions .DefaultFulfillmentSlotComponent-FulfillmentLaterAction {
  float: right;
}
#slot_info_block_contentsRight {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  width: auto;
}
@media (max-width: 640px) {
  .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container {
    width: 90px !important;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container .left-chevron {
    display: block !important;
    left: 15px;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container {
    width: auto !important;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container .right-chevron {
    display: block;
    right: 15px;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left {
    width: 110px;
    float: left;
    z-index: 3;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left div {
    padding: 20px 5px !important;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots span {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  }
}
@media (min-width: 320px) {
  .fulfillmentslotcomponent .slots-panel-container .content-container {
    margin-top: 0px;
    border-top: 1px solid #dddddd;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_right div {
    display: none;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left {
    width: 90px;
    float: left;
    z-index: 3;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left div {
    height: 53px;
    padding: 18px 5px;
    border-bottom: 1px solid #dddddd;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot {
    width: 60%;
    overflow: hidden;
    height: 46px;
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    float: left;
    width: 55px;
    text-align: center;
    padding: 5px 15px;
    height: 46px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container {
    float: left;
    width: 20%;
    display: block;
    padding: 14px 0;
    height: 46px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container .left-chevron {
    display: inline-block;
    width: 13px !important;
    height: 21px !important;
    overflow: hidden;
    background-image: url(../images/pnp-spritemap.png);
    background-repeat: no-repeat;
    background-position: -81px 0px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container {
    float: right;
    width: 20%;
    display: block;
    padding: 14px 0;
    height: 46px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container .right-chevron {
    display: inline-block;
    width: 13px !important;
    height: 21px !important;
    overflow: hidden;
    background-image: url(../images/pnp-spritemap.png);
    background-repeat: no-repeat;
    background-position: -80px -23px;
    margin-right: 11%;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots span {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;
    font-size: 14px;
  }
}
@media (min-width: 640px) {
  #slot_info_block_contentsRight {
    clear: both;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left {
    width: 30%;
  }
}
@media (min-width: 768px) {
  .fulfillmentslotcomponent .slots-panel-container .content-container {
    margin-top: 0px;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left {
    width: 110px;
    float: left;
    z-index: 3;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left div {
    height: 53px;
    padding: 18px 5px;
    border-bottom: 1px solid #dddddd;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_right {
    width: 110px;
    float: right;
    z-index: 3;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_right div {
    height: 53px;
    padding: 18px 5px;
    border-bottom: 1px solid #dddddd;
    display: block;
  }
  .fulfillmentslotcomponent .slots-panel-container .content-container {
    float: left;
    overflow: hidden;
  }
  .fulfillmentslotcomponent .slots-panel-container .content-container.col-slot-span-18 {
    height: 361px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days {
    color: #595959;
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot {
    width: 430px;
    height: 46px;
    overflow: hidden;
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    float: left;
    width: 61px;
    font-size: 14px;
    padding: 8px 4px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container {
    float: left;
    width: 110px;
    height: 46px;
    padding: 14px 0;
    display: block;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container {
    width: 110px;
    float: right;
    padding: 14px 0;
    height: 46px;
    display: block;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container:hover {
    background: #fafafa;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots {
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
    width: 61px;
    float: left;
    color: #52ae32;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots.visible-days-7 {
    width: 430px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .page-delivery-detail .actions {
    float: right;
    width: auto;
    text-align: right;
  }
}
@media (min-width: 960px) and (max-width: 1024px) {
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot {
    width: 540px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    width: 77px;
    text-align: center;
    padding: 7px;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
    width: 77px;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots.visible-days-7 {
    width: 540px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #slot_info_block_contentsRight {
    float: left;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  #slot_info_block_contentsRight {
    float: left;
  }
}
@media (max-width: 640px) {
  #slot_info_block_contentsRight {
    margin-top: 15px;
  }
}
@media (max-width: 1024px) {
  .checkout-steps .actions {
    float: none;
    width: auto;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    padding-top: 5px;
  }
}
@media (max-width: 640px) {
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    padding-top: 7px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #575757;
  }
}
/***** Note the pre-pended .page-multiStepCheckoutDeliveryPage - This media query will handle only the edge case on that page (grid is ajaxed in ) *****/
@media (min-width: 817px) {
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container {
    width: 105px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container {
    width: 105px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot {
    width: 579px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    width: 82px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .time_slot_label_right {
    width: 105px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left {
    width: 105px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
    width: 82px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots.visible-days-7 {
    width: 577px;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
  }
}
@media (min-width: 1025px) {
  .fulfillmentslotcomponent {
    width: 100%;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left {
    width: 132px;
    float: left;
    z-index: 3;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_left div {
    height: 53px;
    padding: 18px 5px;
    border-bottom: 1px solid #dddddd;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_right {
    width: 132px;
    float: right;
    z-index: 3;
    position: relative;
  }
  .fulfillmentslotcomponent .slots-panel-container .time_slot_label_right div {
    height: 53px;
    padding: 18px 5px;
    border-bottom: 1px solid #dddddd;
  }
  .fulfillmentslotcomponent .slots-panel-container .content-container {
    float: left;
    overflow: hidden;
  }
  .fulfillmentslotcomponent .slots-panel-container .content-container.col-slot-span-18 {
    height: 361px;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days {
    color: #575757;
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot {
    width: 798px;
    height: 46px;
    overflow: hidden;
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    float: left;
    width: 114px;
    font-size: 14px;
    padding-top: 15px;
    text-align: center;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .left-nav-container {
    float: left;
    width: 132px;
    padding: 14px 0;
    height: 46px;
    display: block;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container {
    width: 132px;
    float: right;
    padding: 14px 0;
    height: 46px;
    display: block;
  }
  .fulfillmentslotcomponent .slots-panel-container .row-days .right-nav-container:hover {
    background: #fafafa;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots {
    float: left;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots .col-slots {
    width: 114px;
    float: left;
    color: #52ae32;
  }
  .fulfillmentslotcomponent .slots-panel-container .slider-container-col-slots.visible-days-7 {
    width: 798px;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
  }
  .page-multiStepCheckoutDeliveryPage .fulfillmentslotcomponent .slots-panel-container .row-days .slider-container-daily-slot .day-slot {
    font-size: 13px;
  }
}
/*--- slot_info_block ---*/
#slot_info_block {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #f1f2f2;
  color: #575757;
  font-size: 14px;
  padding: 20px 15px 11px 55px;
  margin: 10px 0 0 0;
  position: relative;
  height: auto;
  min-height: 58px;
  float: left;
  width: 100%;
}
@media (min-width: 480px) {
  #slot_info_block {
    font-size: 15px;
  }
}
#slot_info_block_icon {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0;
  background-color: #52ae32;
  position: absolute;
  top: 15px;
  left: 10px;
  border-radius: 25px;
}
@media (min-width: 480px) {
  #slot_info_block_icon {
    left: 20px !important;
  }
}
.account-section-content.fulfilmentPointType-cnc #slot_info_block_icon {
  background-color: #fcac00;
}
.account-section-content.fulfilmentPointType-col #slot_info_block_icon {
  background-color: #b9154a;
}
#slot_info_block_icon:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 21px;
  top: 3px;
  left: 12px;
  border-width: 2px;
  border-style: none solid solid none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-color: #FFF;
}
#slot_info_block_contents {
  position: relative;
  width: 100%;
}
@media (min-width: 640px) {
  #slot_info_block_contents {
    padding-left: 10px;
  }
}
#slot_info_block_contentsLeft {
  width: auto;
  float: left;
}
#slot_info_block_contents #slotInfo-slot,
#slot_info_block_contents #slotInfo-cost,
#slot_info_block_contents #slotInfo-reserve {
  margin: 0 0 0px 0;
}
/* Set color and font-weight for  slot_info_block_contents */
#slot_info_block_contents #slotInfo-slot span,
#slot_info_block_contents #slotInfo-cost span,
#slot_info_block_contents #slotInfo-reserve span {
  color: #52ae32;
  font-weight: bold;
}
.account-section-content.fulfilmentPointType-cnc #slot_info_block_contents #slotInfo-slot span,
.account-section-content.fulfilmentPointType-cnc #slot_info_block_contents #slotInfo-cost span,
.account-section-content.fulfilmentPointType-cnc #slot_info_block_contents #slotInfo-reserve span {
  color: #fcac00;
}
.account-section-content.fulfilmentPointType-col #slot_info_block_contents #slotInfo-slot span,
.account-section-content.fulfilmentPointType-col #slot_info_block_contents #slotInfo-cost span,
.account-section-content.fulfilmentPointType-col #slot_info_block_contents #slotInfo-reserve span {
  color: #52ae32;
}
.checkout-steps #slot_info_block_contents #slotInfo-slot span#slotInfo-slotHead,
.checkout-steps #slotInfo-cost span#slot_price,
.checkout-steps #slotInfo-reserve span#slot_expiry {
  display: inline-block;
}
.deliverypageContainer #slot_price span {
  display: none;
}
#slot_info_block_remove_button {
  display: block;
  width: 23px;
  height: 22px;
  padding: 1px 5px;
  position: absolute;
  top: -2px;
  right: 5px;
  /*color: @text-color;
  text-align: center;*/
  font-size: 0;
  border: 1px solid #dfdfe0;
  cursor: pointer;
  background-color: #fff;
  background-image: url(../images/pnp-spritemap.png);
  background-repeat: no-repeat;
  background-position: -50px 5px;
  background-size: 66px;
}
@media (max-width: 320px) {
  #slot_info_block_remove_button {
    top: 95px !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #slot_info_block_remove_button {
    top: 50px !important;
  }
}
@media (max-width: 480px) {
  .cart-ord-sum-act-main {
    width: 100% !important;
  }
}
.checkout-steps .actions .cart-ord-sum-act-btn {
  display: none;
}
.actions-amend .saveChanges {
  background-color: #c40c52 !important;
}
.actions-amend .cancelOrder {
  background-color: #153a59 !important;
}
.cart-ord-sum-act-btn {
  font-family: pantonFontBold;
  font-size: 15px !important;
  margin-top: 10px;
  padding-top: 15px !important;
  padding: 0 60px !important;
  line-height: 44px !important;
  background-color: #499a2c !important;
}
@media (min-width: 640px) {
  .cart-ord-sum-act-btn {
    line-height: normal !important;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .cart-ord-sum-act-btn {
    width: 100%;
  }
}
/*--- slot unavailable overlay ---*/
#fulfilmentSlotGrid {
  position: relative;
}
#voucherHiddenSlot .overbooked-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid #FFF;
  background: url(../images/icon-cross-white.png) center no-repeat;
  background-size: 10px;
  cursor: pointer;
}
#voucherHiddenSlot {
  position: absolute;
  background-color: rgba(87, 87, 87, 0.9);
  margin: 0;
  padding: 15px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #FFF;
  z-index: 9999;
  max-width: 75% !important;
}
#voucherHiddenSlot #overbooked-title {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  margin-bottom: 4px;
}
.order-accordion-pane {
  margin: 0 20px;
}
.lilo-accordion-control {
  cursor: pointer;
  background-color: #F6F6F6;
  height: 58px;
  margin-bottom: 15px;
  border: 1px solid #E9E9E9;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  align-items: center;
}
.lilo-accordion-control .linkWithIcon {
  float: left;
}
.lilo-accordion-control.active {
  margin-bottom: 0;
}
.lilo-accordion-control.active .openCloseIcon {
  background-size: 33px;
  height: 14px;
  width: 20px;
  display: inline-block;
  background: url(../images/openAccordian.svg) no-repeat 0 4px !important;
  float: left;
}
.contentStyleWithoutAccordion {
  display: block !important;
}
.subscriptionIcon:hover {
  cursor: default;
}
.subscriptionIcon {
  background: url(../images/email-icons-subscribe-large.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 20px;
  display: inline-block;
  width: 20px;
  height: 30px;
}
.lilo-accordion-content,
.contentStyleWithoutAccordion {
  display: none;
  background-color: #FFF;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #f2f2f2;
  margin-bottom: 20px;
}
.lilo-accordion-content .sl-item-extras,
.contentStyleWithoutAccordion .sl-item-extras {
  float: right;
}
.lilo-accordion-content a:hover,
.contentStyleWithoutAccordion a:hover {
  text-decoration: underline;
}
.lilo-accordion-content a,
.contentStyleWithoutAccordion a {
  color: #575757 !important;
}
.lilo-accordion-content .containerBackgroundStyle:nth-child(even),
.contentStyleWithoutAccordion .containerBackgroundStyle:nth-child(even) {
  background-color: #FAFAFA;
}
.lilo-accordion-content .orderContainer,
.contentStyleWithoutAccordion .orderContainer {
  padding-top: 20px;
  padding-bottom: 35px;
}
.lilo-accordion-content .orderContainer span,
.contentStyleWithoutAccordion .orderContainer span {
  padding: 0;
}
@media (min-width: 480px) {
  .lilo-accordion-content .orderContainer span,
  .contentStyleWithoutAccordion .orderContainer span {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.lilo-accordion-content .orderContainer .orderHistory-list-actions .sl-item-extras,
.contentStyleWithoutAccordion .orderContainer .orderHistory-list-actions .sl-item-extras {
  background-position: 0px -7px;
}
.orderSubscriptionName {
  text-transform: uppercase;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 480px) {
  .orderSubscriptionName {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.openCloseIcon {
  background-size: 33px;
  height: 14px;
  width: 20px;
  display: inline-block;
  background: url(../images/closeAccordian.svg) no-repeat 0px 0;
  float: left;
}
.accountOrderHeading {
  background-color: #f1f2f2;
  margin-bottom: 10px;
  height: 60px;
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #757575;
  font-family: pnpFont, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.orderActions {
  position: absolute;
  right: 0;
  display: flex;
}
@media (min-width: 640px) {
  .orderActions {
    position: relative;
    display: flex;
    margin-left: 0;
    justify-content: flex-end;
  }
}
.orderActions .dropdownIconWording {
  padding: 0 !important;
}
.subscriptionMenuIconContainer {
  position: absolute;
  right: 10px;
}
@media (min-width: 640px) {
  .subscriptionMenuIconContainer {
    position: relative;
    right: 0;
  }
}
.viewAllBtn {
  height: 36px;
  color: #575757 !important;
  font-family: pnpFont, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  background-color: #FFF !important;
  border: #CCCCCC 1px solid;
  margin-bottom: 10px;
  padding-top: 13px;
  text-decoration: none !important;
}
.viewAllBtn a:hover,
.viewAllBtn a:active,
.viewAllBtn a:focus {
  height: 36px;
  text-decoration: none !important;
  color: #575757 !important;
  font-family: pnpFont, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  background-color: #FFF !important;
  border: #CCCCCC 1px solid;
  margin-bottom: 10px;
}
.viewAllBtnContainer {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}
.hoverable-dropdown {
  position: relative;
  display: inline-block;
}
@media (max-width: 640px) {
  .hoverable-dropdown .hoverable-dropdown-content {
    animation-duration: 500ms;
    animation-name: hoverable-dropdown-content-animation;
  }
  @keyframes hoverable-dropdown-content-animation {
    from {
      bottom: -250px;
    }
    to {
      bottom: 0;
    }
  }
}
.dropdown-overlay.hide {
  display: none;
}
@media (min-width: 480px) {
  .dropdown-overlay.hide {
    display: none !important;
  }
}
.dropdown-overlay.show {
  display: block;
}
@media (min-width: 480px) {
  .dropdown-overlay.show {
    display: none !important;
  }
}
.dropdown-overlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
@media (min-width: 480px) {
  .dropdown-overlay {
    display: none;
  }
}
.hoverable-dropdown-content.show {
  display: block;
}
.hoverable-dropdown-content.hide {
  display: none;
}
.hoverable-dropdown-content {
  position: fixed;
  bottom: 0;
  top: auto !important;
  left: 0;
  z-index: 10000;
  width: 100%;
  padding: 0;
  font-weight: normal;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: normal;
  font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
}
@media (min-width: 480px) {
  .hoverable-dropdown-content {
    position: absolute;
    box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.2);
    right: 30px;
    min-width: 234px;
    z-index: 5000;
    padding: 0;
    top: 0 !important;
    left: auto;
    bottom: auto;
    transition: none !important;
  }
}
.hoverable-dropdown-heading {
  background-color: #F6F6F6;
  height: 80px;
  padding: 35px 15px 10px 30px;
  border-bottom: 1px solid #CCCCCC;
}
@media (min-width: 480px) {
  .hoverable-dropdown-heading {
    background-color: #F6F6F6;
    height: 54px;
    padding: 20px 15px 10px 20px;
    border-bottom: 1px solid #CCCCCC;
  }
}
.hoverable-dropdown-heading span {
  padding: 0 !important;
}
.hoverable-dropdown-content a,
.hoverable-dropdown-content button,
.hoverable-dropdown-content input[type="button"] {
  color: #575757;
  text-transform: uppercase;
  height: 62px;
  padding: 22px;
  margin: 10px;
  margin-left: 0;
  text-align: left;
  width: 100% !important;
  clear: both;
  font-size: 14px;
  border-bottom: 1px solid #E9E9E9;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: transparent;
}
@media (min-width: 480px) {
  .hoverable-dropdown-content a,
  .hoverable-dropdown-content button,
  .hoverable-dropdown-content input[type="button"] {
    height: 45px;
    padding: 15px 10px 10px 20px;
    border: none;
  }
}
.hoverable-dropdown-content a.disabled,
.hoverable-dropdown-content button.disabled {
  pointer-events: none;
  cursor: default;
  color: #CCCCCC !important;
}
.linkWithIcon a.disabled,
.linkWithIcon button:disabled,
.linkWithIcon button.disabled,
.linkWithIcon input[type="button"] {
  color: #E9E9E9 !important;
  pointer-events: none;
  cursor: default;
}
.linkWithIcon a.disabled .dropdownPauseIcon,
.linkWithIcon button:disabled .dropdownPauseIcon,
.linkWithIcon button.disabled .dropdownPauseIcon,
.linkWithIcon input[type="button"] .dropdownPauseIcon {
  background-size: 33px;
  height: 28px;
  width: 20px;
  display: inline-block;
  background: url(../images/dropdown-icon-pause-disabled.svg) no-repeat 0 8px;
}
.linkWithIcon a.disabled .dropdownRestartIcon,
.linkWithIcon button:disabled .dropdownRestartIcon,
.linkWithIcon button.disabled .dropdownRestartIcon,
.linkWithIcon input[type="button"] .dropdownRestartIcon {
  background-size: 33px;
  height: 28px;
  width: 20px;
  display: inline-block;
  background: url(../images/dropdown-icon-play.svg) no-repeat 0 6px;
}
.hoverable-dropdown-content a:hover,
.hoverable-dropdown-content button:hover,
.hoverable-dropdown-content input[type="button"]:hover {
  color: #b9144a !important;
  height: 62px;
  padding: 22px;
  margin: 10px;
  margin-left: 0;
  text-align: left;
  width: 100%;
  clear: both;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none !important;
  background-color: #f9F9F9;
}
@media (min-width: 480px) {
  .hoverable-dropdown-content a:hover,
  .hoverable-dropdown-content button:hover,
  .hoverable-dropdown-content input[type="button"]:hover {
    height: 45px;
    padding: 15px 10px 10px 20px;
  }
}
.dropdownRestartIcon {
  background-size: 33px;
  height: 28px;
  width: 20px;
  display: inline-block;
  background: url(../images/dropdown-icon-restart-hover.svg) no-repeat 0 6px;
}
.disabled .dropdownPauseIcon {
  background-size: 33px;
  height: 28px;
  width: 20px;
  display: inline-block;
  background: url(../images/dropdown-icon-pause.svg) no-repeat 0 8px;
}
.dropdownPauseIcon {
  background-size: 33px;
  height: 28px;
  width: 20px;
  display: inline-block;
  background: url(../images/dropdown-icon-pause-hover.svg) no-repeat 0 8px;
}
.dropdownIconWording {
  padding: 30px 10px 15px 10px;
}
.dropdownIconWording {
  padding: 10px;
  padding-top: 15px;
}
.orderHistoryIntro {
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 20px;
}
.checkoutDeliveryContainer {
  background-color: #F9F9F9;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (max-width: 640px) {
  .checkoutDeliveryContainer {
    margin-bottom: 20px;
  }
  .checkoutDeliveryContainer .listPageHeader h1 {
    font-family: pantonFontBold !important;
  }
}
@media (min-width: 640px) {
  .checkoutDeliveryContainer {
    background-color: #FFF;
  }
}
.deliveryOptionTabUL {
  width: 100%;
  padding: 0;
  list-style: none;
  float: left;
  margin-bottom: 0;
  top: 1px;
}
.deliveryOptionTab {
  padding: 0;
  margin: 0 0 10px 0;
  display: block;
  float: left;
  height: auto;
  position: relative;
  background-color: rgba(222, 222, 222, 0.35);
  border: 1px solid #cccccc !important;
  border-bottom: 1px solid #FFF !important;
}
@media (min-width: 1024px) {
  .deliveryOptionTab {
    min-height: 135px;
  }
}
.deliveryOptionTab.active {
  background-color: #FFFFFF;
  border-bottom: #FFF !important;
}
.deliveryAvailableMessage {
  position: absolute;
  bottom: 0;
  left: 45px;
  padding: 0;
  color: #A70240;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#deliveryOptionTab-col {
  padding: 0 0 0 5px;
}
#deliveryOptionTab-del {
  width: 49%;
  float: left;
  margin-bottom: 0 !important;
}
#deliveryOptionTab-cnc {
  width: 49%;
  float: right;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #FFF !important;
}
.deliveryOptionTab a {
  width: 100%;
  padding: 25px 25px;
  margin: 0 0 0 0;
  display: block;
  float: left;
  color: #FFF;
  text-decoration: none !important;
  text-align: left;
  position: relative;
}
.deliveryOptionTab-cnc-left {
  background: url(../images/icon-click-collect.svg) no-repeat;
  position: relative;
  background-size: 40px;
  height: 40px;
  width: 40px;
  float: left;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .deliveryOptionTab-cnc-left {
    background-size: 50px;
    height: 50px;
    width: 50px;
    background-position: center;
    margin-top: 0;
  }
}
.deliveryOptionTab-del-left {
  background: url(../images/icon-delivery.svg) no-repeat;
  background-size: 40px;
  height: 40px;
  width: 40px;
  position: relative;
  float: left;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .deliveryOptionTab-del-left {
    background-size: 50px;
    height: 50px;
    width: 50px;
    background-position: center;
    margin-top: 0;
  }
}
.deliveryOptionTab .deliveryOptionTab-top {
  width: 142px;
  height: 142px;
  margin: 35px auto 20px auto;
  overflow: hidden;
  display: block;
  background: url(../images/icons-deliverypage.svg) no-repeat;
  background-size: 100%;
}
#deliveryOptionTab-del .deliveryOptionTab-top {
  background-position: 0 0px;
}
#deliveryOptionTab-cnc .deliveryOptionTab-top {
  background-position: 0 -143px;
}
#deliveryOptionTab-col .deliveryOptionTab-top {
  background-position: 0 -287px;
}
/* IE 11 fixes *****/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  #deliveryOptionTab-del .deliveryOptionTab-top {
    background-position: -144px 0px;
    background-size: 303%;
  }
  *::-ms-backdrop,
  #deliveryOptionTab-cnc .deliveryOptionTab-top {
    background-position: -144px -144px;
    background-size: 303%;
  }
  *::-ms-backdrop,
  #deliveryOptionTab-col .deliveryOptionTab-top {
    background-position: -144px -288px;
    background-size: 303%;
  }
}
/* IE 11 fixes end *****/
/* Sierra fixes *****/
_::-webkit-:not(:root:root),
#deliveryOptionTab-del .deliveryOptionTab-top {
  background-position: 0px -4px;
}
_::-webkit-:not(:root:root),
#deliveryOptionTab-cnc .deliveryOptionTab-top {
  background-position: 0px -148px;
}
_::-webkit-:not(:root:root),
#deliveryOptionTab-col .deliveryOptionTab-top {
  background-position: 0px -292px;
}
/* Sierra fixes end *****/
.deliveryOptionTab .deliveryOptionTab-bottom {
  margin: 0 0 0 0;
  overflow: hidden;
  display: block;
  z-index: 1;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .deliveryOptionTab .deliveryOptionTab-bottom {
    top: auto;
    transform: none;
  }
}
.deliveryOptionTab .deliveryOptionTab-bottom h1 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 0 0;
  display: block;
  color: #575757;
}
@media (min-width: 1024px) {
  .deliveryOptionTab .deliveryOptionTab-bottom h1 {
    font-size: 22px;
  }
}
.deliveryOptionTab .deliveryOptionTab-bottom p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 10px 0 0 0;
  color: #757575;
}
.deliveryOptionTab .deliveryOptionTab-bottom h4 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 6px 6px;
  display: block;
  background-color: #FFF;
  width: 85%;
}
#deliveryOptionTab-del .deliveryOptionTab-bottom h4 {
  color: #52ae32;
}
#deliveryOptionTab-cnc .deliveryOptionTab-bottom h4 {
  color: #fcac00;
}
#deliveryOptionTab-col .deliveryOptionTab-bottom h4 {
  color: #b9154a;
}
.orderAmendMode #deliveryOptionTab-del .deliveryOptionTab-bottom h4 {
  color: #858585;
}
.orderAmendMode #deliveryOptionTab-cnc .deliveryOptionTab-bottom h4 {
  color: #b1b1b1;
}
.orderAmendMode #deliveryOptionTab-col .deliveryOptionTab-bottom h4 {
  color: #4b4b4b;
}
@media (max-width: 730px) {
  .deliveryOptionTab .deliveryOptionTab-top {
    width: 120px;
    height: 120px;
    margin: 30px auto 15px auto;
    background-size: cover;
  }
  #deliveryOptionTab-del .deliveryOptionTab-top {
    background-position: 0 -240px;
  }
  #deliveryOptionTab-cnc .deliveryOptionTab-top {
    background-position: 0 -120px;
  }
  #deliveryOptionTab-col .deliveryOptionTab-top {
    background-position: 0 0;
  }
  .deliveryOptionTab .deliveryOptionTab-bottom p {
    padding: 0 15px 10px 15px;
    height: 90px;
  }
}
.deliveryOptionTab .deliveryOptionTabPointer {
  /*opacity: 0;*/
  position: absolute;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 34px;
  padding: 0;
  background-color: black;
  -webkit-mask: url(../images/deliveryOptionTabPointer.svg) no-repeat 0 0;
  -moz-mask: url(../images/deliveryOptionTabPointer.svg) no-repeat 0 0;
  -ms-mask: url(../images/deliveryOptionTabPointer.svg) no-repeat 0 0;
  -o-mask: url(../images/deliveryOptionTabPointer.svg) no-repeat 0 0;
  mask: url(../images/deliveryOptionTabPointer.svg) no-repeat 0 0;
  -webkit-mask-size: contain;
  -moz-mask-size: contain;
  -ms-mask-size: contain;
  -o-mask-size: contain;
  mask-size: contain;
  transition: 0.1s ease-in-out;
}
.deliveryOptionTab.active .deliveryOptionTabPointer {
  /*opacity: 1;*/
  bottom: -34px;
  background-color: #FFFFFF;
}
.orderAmendMode #deliveryOptionTab-del a,
.orderAmendMode #deliveryOptionTab-del .deliveryOptionTabPointer {
  background-color: #858585;
}
.orderAmendMode #deliveryOptionTab-cnc a,
.orderAmendMode #deliveryOptionTab-cnc .deliveryOptionTabPointer {
  background-color: #b1b1b1;
}
.orderAmendMode #deliveryOptionTab-col a,
.orderAmendMode #deliveryOptionTab-col .deliveryOptionTabPointer {
  background-color: #4b4b4b;
}
.user-group-b2b #deliveryOptionTab-del.hub-grey-out {
  cursor: not-allowed;
  pointer-events: none;
}
.user-group-b2b #deliveryOptionTab-del.hub-grey-out a,
.user-group-b2b #deliveryOptionTab-del.hub-grey-out .deliveryOptionTabPointer {
  background-color: #b1b1b1;
}
.user-group-b2b #deliveryOptionTab-del.hub-grey-out .deliveryOptionTab-bottom h4 {
  color: #b1b1b1;
}
.user-group-b2b #deliveryOptionTab-col .shape {
  border-top-color: #4b4b4b;
}
.user-group-b2b #deliveryOptionTab-cnc .shape {
  border-top-color: #b1b1b1;
}
.user-group-b2b #deliveryOptionTab-cnc.cnc-grey-out {
  cursor: not-allowed;
  pointer-events: none;
}
.user-group-b2b #deliveryOptionTab-cnc.cnc-grey-out a,
.user-group-b2b #deliveryOptionTab-cnc.cnc-grey-out .deliveryOptionTabPointer {
  background-color: #b1b1b1;
}
.user-group-b2b #deliveryOptionTab-cnc.cnc-grey-out .deliveryOptionTab-bottom h4 {
  color: #b1b1b1;
}
.user-group-b2b #deliveryOptionTab-col.cp-grey-out {
  cursor: not-allowed;
  pointer-events: none;
}
.user-group-b2b #deliveryOptionTab-col.cp-grey-out a,
.user-group-b2b #deliveryOptionTab-col.cp-grey-out .deliveryOptionTabPointer {
  background-color: #4b4b4b;
}
.user-group-b2b #deliveryOptionTab-col.cp-grey-out .deliveryOptionTab-bottom h4 {
  color: #4b4b4b;
}
.user-group-b2b .js-delivery-address.radio-grey-out .radio-btn-customized {
  cursor: not-allowed;
  pointer-events: none;
}
.user-group-b2b .js-delivery-address.radio-grey-out .addedAddressRadio .check,
.user-group-b2b .js-delivery-address.radio-grey-out .addedAddressRadio input[type=radio]:checked ~ .check {
  border: 2px solid #e6e7e8;
}
.user-group-b2b .js-delivery-address.radio-grey-out .addedAddressRadio input[type=radio]:checked ~ .check::before {
  background: #e6e7e8;
}
.deliveryFrequencyContainer.deliveryAddressOption {
  overflow: hidden;
}
@media (min-width: 640px) {
  .deliveryFrequencyContainer.deliveryAddressOption {
    padding: 0 !important;
    border-bottom: 1px solid #FFF !important;
    border-top: 1px solid #FFF !important;
  }
}
.deliveryFrequencyContainer .listPageHeader {
  padding-top: 0;
}
@media (min-width: 640px) {
  .deliveryFrequencyContainer .listPageHeader {
    padding-top: 20px;
  }
}
.deliveryFrequencyContainer .deliveryBannerContent {
  padding: 20px !important;
}
.subscriptionFrequencyInformationBlock {
  width: 100%;
}
.subscriptionFrequencyBanner h6 {
  margin-left: 0px !important;
  font-size: 14px;
}
.subscriptionFrequencyBanner h3 {
  margin-left: 40px !important;
  color: #003359 !important;
  font-size: 22px;
}
.subscriptionFrequencyBanner img {
  height: 36px !important;
  left: 15px;
}
.subscriptionFrequencyBanner .deliveryBanner h3 span {
  font-size: 22px !important;
}
.subscriptionFrequencyBanner ul {
  padding-left: 20px;
}
@media (min-width: 640px) {
  .subscriptionFrequencyBanner {
    width: 100%;
  }
  .deliveryFrequencyContainer .deliveryBannerContent {
    padding: 20px 110px 20px 20px;
  }
  .subscriptionFrequencyBanner ul {
    padding-left: 15px;
  }
  .deliveryFrequencyContent {
    margin-left: 0;
    padding-right: 0;
  }
  .deliveryFrequencyRadioButtons {
    padding-left: 0px;
  }
}
.subscriptionFrequencyBanner {
  background-color: #F4F4F4 !important;
  border: 1px solid #CCCCCC;
  margin: 0;
}
.subscriptionFrequencyBanner li {
  color: #575757 !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.js-subscription-delivery-date-info-block {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  background: #003359;
  color: #FFF;
  font-size: 14px;
  padding: 7px 15px 11px 55px;
  margin: 0;
  position: relative;
  height: auto;
  min-height: 58px;
  float: left;
  width: 100%;
}
.OrderSummaryWeeklySubscriptionInformation {
  width: 100%;
  margin: 20px 0 0 0 !important;
  background-color: #f2f2f2 !important;
  height: auto !important;
  border: 1px solid #cccccc;
}
.OrderSummaryWeeklySubscriptionInformation .deliveryBannerContent {
  padding: 35px 10px 50px 10px !important;
}
@media (min-width: 480px) {
  .OrderSummaryWeeklySubscriptionInformation .deliveryBannerContent {
    padding: 25px 20px 50px 40px !important;
  }
}
.OrderSummaryWeeklySubscriptionInformation img {
  left: 15px !important;
  width: 32px !important;
  top: 8px !important;
  height: auto !important;
}
.OrderSummaryWeeklySubscriptionInformation h6 {
  position: relative;
  top: 35px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 0px 15px 0px 15px !important;
}
@media (min-width: 480px) {
  .OrderSummaryWeeklySubscriptionInformation h6 {
    padding: 0 !important;
    font-size: 14px !important;
  }
}
.OrderSummaryWeeklySubscriptionInformation h6 div {
  margin-bottom: 10px;
}
.OrderSummaryWeeklySubscriptionInformation h6 .pnpFontBold {
  width: 100%;
  display: inline-block;
}
@media (min-width: 480px) {
  .OrderSummaryWeeklySubscriptionInformation h6 .pnpFontBold {
    font-size: 16px !important;
    width: auto;
    display: initial;
  }
}
.OrderSummaryWeeklySubscriptionInformation h3 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F2F2F2;
  width: 100%;
  padding: 17px 65px !important;
  color: #575757;
  font-size: 18px !important;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
}
.OrderSummaryMonthlySubscriptionInformation {
  width: 100%;
  margin-top: 0;
  background-color: #FFFFFF !important;
  height: auto !important;
  border: 1px solid #cccccc;
}
.OrderSummaryMonthlySubscriptionInformation .deliveryBannerContent {
  padding: 35px 10px 50px 10px !important;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation .deliveryBannerContent {
    padding: 25px 20px 50px 40px !important;
  }
}
.OrderSummaryMonthlySubscriptionInformation img {
  left: 15px !important;
  width: 32px !important;
  top: 8px !important;
  height: auto !important;
}
.OrderSummaryMonthlySubscriptionInformation h6 {
  position: relative;
  top: 35px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  padding: 10px !important;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation h6 {
    padding: 0 !important;
    font-size: 14px !important;
  }
}
.OrderSummaryMonthlySubscriptionInformation h6 .pnpFontBold {
  font-size: 16px !important;
}
.OrderSummaryMonthlySubscriptionInformation h3 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F2F2F2;
  width: 100%;
  padding: 14px 55px !important;
  color: #575757;
  font-size: 16px !important;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation h3 {
    font-size: 18px !important;
    padding: 14px 65px !important;
  }
}
.account-section-content.fulfilmentPointType-del .personalisableBanner {
  display: none;
}
.js-subscription-monthly-delivery-date-info {
  padding-top: 10px;
  padding-left: 10px;
  font-size: 18px;
}
.js-subscription-weekly-delivery-date-info {
  padding-top: 10px;
  padding-left: 10px;
  font-size: 18px;
}
.deliveryFrequencyContent {
  padding-right: 45px;
}
.deliveryFrequencyRadioButtons input {
  float: left;
  display: none;
}
.deliveryFrequencyRadioButtons i.fa-dot-circle-o:after {
  background-color: #b9154a !important;
  left: 6px !important;
}
.deliveryFrequencyRadioButtons .subs-text {
  color: #575757 !important;
  font-weight: bold;
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa.fa-dot-circle-o,
.deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ i.fa.fa-circle-o {
  display: none;
}
.fulfilmentPointType-cnc .deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ .subs-text {
  display: inline-block;
  margin: 0;
  position: relative;
  float: left;
  border: 2px solid #fcac00;
  color: #fcac00 !important;
  height: 44px !important;
}
.fulfilmentPointType-cnc .deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ .subs-text:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  top: 11px;
  left: 15px;
  border-width: 3px;
  border-style: none solid solid none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-color: #fcac00;
}
@media (min-width: 640px) {
  .fulfilmentPointType-cnc .deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ .subs-text:before {
    top: 12px;
  }
}
.fulfilmentPointType-del .deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ .subs-text {
  display: inline-block;
  margin: 0;
  position: relative;
  float: left;
  border: 2px solid #52AE33;
  color: #52AE33 !important;
  height: 44px !important;
}
.fulfilmentPointType-del .deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ .subs-text:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 14px;
  top: 11px;
  left: 15px;
  border-width: 3px;
  border-style: none solid solid none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-color: #52AE33;
}
@media (min-width: 640px) {
  .fulfilmentPointType-del .deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ .subs-text:before {
    top: 12px;
  }
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa-dot-circle-o:before,
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa-circle-o:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  top: 0px;
  border: 2px solid #575757;
  border-radius: 50%;
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa-dot-circle-o:after {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #b9154a;
  top: 6px;
  left: 5px;
  border: none;
  border-radius: 50%;
}
.deliveryAddressAddNewAddressBtn {
  margin-right: 0px;
  margin-left: 0px;
  height: 44px  !important;
  font-family: pantonFontBold !important;
  font-size: 15px !important;
}
@media (min-width: 640px) {
  .deliveryAddressAddNewAddressBtn {
    margin: auto !important;
    width: auto !important;
    height: auto !important;
  }
}
.deliveryFrequencyRadioButtons .subs-text {
  display: block;
  float: left;
  padding: 0;
  height: 44px;
}
@media (min-width: 640px) {
  .deliveryFrequencyRadioButtons .subs-text {
    height: 44px;
    padding-top: 0;
  }
}
@media (min-width: 640px) {
  .deliveryFrequencyContent {
    margin-left: 60px;
  }
  .deliveryFrequencyRadioButtons label {
    padding-left: 0;
  }
  .deliveryFrequencyRadioButtons .subs-text {
    float: none;
  }
  .deliveryFrequencyContainer {
    padding: 45px 5px 20px 5px;
  }
}
.deliveryFrequencyContainer .deliveryBannerContent {
  padding: 20px !important;
}
.subscriptionFrequencyBanner .deliveryBannerWording h3 span {
  color: #003359 !important;
  font-size: 22px !important;
}
.subscriptionFrequencyBanner img {
  top: 5px;
}
.subscriptionFrequencyBanner .deliveryBanner h3 span {
  font-size: 22px !important;
}
@media (min-width: 640px) {
  .subscriptionFrequencyBanner img {
    top: 35px !important;
    left: 15px !important;
    height: auto !important;
    display: block;
    width: 35px !important;
    margin-top: -20px;
  }
  .deliveryFrequencyContainer .deliveryBannerContent {
    padding: 20px 110px 20px 20px;
  }
  .subscriptionFrequencyBanner h6 {
    margin-left: 40px !important;
    font-size: 14px !important;
    margin-top: 40px !important;
    color: #575757;
  }
  .subscriptionFrequencyBanner h6 ul li a {
    color: #575757;
    font-weight: bold;
  }
  .subscriptionFrequencyBanner h3 span {
    text-align: left;
    position: absolute;
    font-size: 21px;
    font-family: "pnpFont", Arial, sans-serif;
  }
  .deliveryFrequencyContent {
    margin-left: 0;
    padding-right: 0;
  }
  .deliveryFrequencyRadioButtons {
    padding-left: 0px;
  }
}
.subscriptionFrequencyBanner {
  background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  display: block !important;
  width: 95%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.js-subscription-delivery-date-info-block {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  background: #003359;
  color: #FFF;
  font-size: 14px;
  padding: 7px 15px 11px 55px;
  margin: 0;
  position: relative;
  height: auto;
  min-height: 58px;
  float: left;
  width: 100%;
}
.OrderSummaryWeeklySubscriptionInformation {
  width: 100%;
  margin-top: 0;
  background-color: #FFFFFF !important;
  height: auto !important;
  border: 1px solid #cccccc;
}
.OrderSummaryWeeklySubscriptionInformation .deliveryBannerContent {
  padding: 35px 10px 50px 10px !important;
}
@media (min-width: 480px) {
  .OrderSummaryWeeklySubscriptionInformation .deliveryBannerContent {
    padding: 25px 20px 50px 40px !important;
  }
}
.OrderSummaryWeeklySubscriptionInformation img {
  left: 15px !important;
  width: 32px !important;
  top: 8px !important;
  height: auto !important;
}
.OrderSummaryWeeklySubscriptionInformation h6 {
  position: relative;
  top: 35px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.OrderSummaryWeeklySubscriptionInformation h3 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F2F2F2;
  width: 100%;
  padding: 14px 65px !important;
  color: #575757;
  font-size: 18px !important;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
}
.frequencyAndStatusDisplayContainer {
  position: relative;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 14px;
}
.frequencyAndStatusDisplayClockIcon {
  background: url(../images/icon-subscription.svg) no-repeat;
  background-size: 33px;
  height: 33px;
  width: 33px;
  top: -5px !important;
  position: relative;
  display: inline-block;
  float: left;
}
.subscriptionConfirmationActiveBlock {
  width: 100%;
  margin-top: 0;
  background-color: #f2f2f2 !important;
  height: auto !important;
  border: 1px solid #cccccc;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.subscriptionConfirmationActiveBlock .deliveryBannerContent {
  padding: 35px 10px 50px 10px !important;
}
@media (min-width: 480px) {
  .subscriptionConfirmationActiveBlock .deliveryBannerContent {
    padding: 25px 20px 50px 40px !important;
  }
}
.subscriptionConfirmationActiveBlock img {
  left: 15px !important;
  width: 32px !important;
  top: 8px !important;
  height: auto !important;
}
.subscriptionConfirmationActiveBlock h6 {
  position: relative;
  top: 35px;
  color: #575757;
}
.subscriptionConfirmationActiveBlock h3 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #13375a;
  width: 100%;
  padding: 14px 65px !important;
  color: white;
  font-size: 18px !important;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
}
.OrderSummaryMonthlySubscriptionInformation {
  width: 100%;
  margin-top: 0;
  background-color: #FFFFFF !important;
  height: auto !important;
  border: 1px solid #cccccc;
}
.OrderSummaryMonthlySubscriptionInformation .deliveryBannerContent {
  padding: 35px 10px 50px 10px !important;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation .deliveryBannerContent {
    padding: 25px 20px 50px 40px !important;
  }
}
.OrderSummaryMonthlySubscriptionInformation img {
  left: 15px !important;
  width: 32px !important;
  top: 8px !important;
  height: auto !important;
}
.OrderSummaryMonthlySubscriptionInformation h6 {
  position: relative;
  top: 35px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  padding: 10px !important;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation h6 {
    padding: 0 !important;
    font-size: 14px !important;
  }
}
.OrderSummaryMonthlySubscriptionInformation h6 div {
  margin-bottom: 10px;
}
.OrderSummaryMonthlySubscriptionInformation h6 .pnpFontBold {
  width: 100%;
  display: inline-block;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation h6 .pnpFontBold {
    font-size: 16px !important;
    width: auto;
    display: initial;
  }
}
.OrderSummaryMonthlySubscriptionInformation h3 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F2F2F2;
  width: 100%;
  padding: 14px 55px !important;
  color: #575757;
  font-size: 16px !important;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
}
@media (min-width: 480px) {
  .OrderSummaryMonthlySubscriptionInformation h3 {
    font-size: 18px !important;
    padding: 14px 65px !important;
  }
}
.subscriptionTickIcon {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0;
  position: absolute;
  top: 10px;
  left: 20px;
  background-image: url(../images/email-icon-subscribe-w.svg);
  background-size: 32px;
}
.deliveryFrequencyContent {
  padding-left: 0;
  padding-right: 0;
}
.deliveryFrequencyRadioButtons {
  margin-top: 20px;
}
.account-section .deliveryFrequencyRadioButtons label {
  padding: 10px !important;
  width: 100%;
}
@media (min-width: 1024px) {
  .account-section .deliveryFrequencyRadioButtons label {
    width: 25%;
  }
}
.deliveryFrequencyRadioButtons label {
  padding: 5px !important;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 5px !important;
}
@media (min-width: 1024px) {
  .deliveryFrequencyRadioButtons label {
    margin-top: 0px !important;
    width: 230px;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
.deliveryFrequencyRadioButtons input {
  float: left;
  display: none;
}
.deliveryFrequencyRadioButtons i.fa-dot-circle-o:after {
  background-color: #b9154a !important;
  left: 6px !important;
}
.deliveryFrequencyRadioButtons .subs-text {
  color: #575757 !important;
  font-weight: bold;
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa.fa-dot-circle-o,
.deliveryFrequencyRadioButtons label input[type="radio"]:checked ~ i.fa.fa-circle-o {
  display: none;
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa.fa-circle-o,
.deliveryFrequencyRadioButtons label input[type="radio"]:checked .subs-text {
  display: inline-block;
  margin: 0;
  position: relative;
  float: left;
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa-dot-circle-o:before,
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa-circle-o:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  top: 0px;
  border: 2px solid #575757;
  border-radius: 50%;
}
.deliveryFrequencyRadioButtons label input[type="radio"] ~ i.fa-dot-circle-o:after {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #b9154a;
  top: 6px;
  left: 5px;
  border: none;
  border-radius: 50%;
}
.deliveryFrequencyRadioButtons .subs-text {
  display: block;
  float: left;
  border: 1px solid #9B9B9B;
  font-size: 14px;
  font-family: "pantonFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #575757;
  padding-top: 13px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .deliveryFrequencyRadioButtons .subs-text {
    padding-top: 15px;
    font-size: 15px;
  }
}
.deliveryFrequencyContent .content {
  padding: 10px;
  padding-left: 55px;
  width: 100%;
}
@media (max-width: 640px) {
  .deliveryFrequencyContent .content {
    padding-left: 5px;
  }
}
@media (min-width: 640px) {
  .deliveryFrequencyContent {
    margin-left: 40px;
  }
  .deliveryFrequencyContent .content {
    padding-left: 60px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #505050;
    width: 85%;
  }
  .deliveryFrequencyRadioButtons {
    padding-left: 90px;
    margin-left: 0;
  }
  .deliveryFrequencyRadioButtons .subs-text {
    float: none;
  }
  .deliveryFrequencyContainer {
    padding: 45px 5px 20px 5px;
  }
}
@media (max-width: 639px) {
  .deliveryOptionTabUL {
    position: relative;
    width: 100%;
  }
  #deliveryOptionTab-del,
  #deliveryOptionTab-cnc,
  #deliveryOptionTab-col {
    padding: 0 5px;
  }
  .deliveryOptionTab {
    width: 50%;
    display: block;
    margin-bottom: 0px;
  }
  .deliveryOptionTab a {
    padding: 0 0 0px 0;
    height: 50px;
  }
  .deliveryOptionTab .deliveryOptionTab-top {
    margin: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 90px;
    height: 90px;
    background-size: cover;
  }
  #deliveryOptionTab-del .deliveryOptionTab-top {
    background-position: 0 -180px;
  }
  #deliveryOptionTab-cnc .deliveryOptionTab-top {
    background-position: 0 -90px;
  }
  .deliveryOptionTab:not(.active) .deliveryOptionTab-top {
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
  }
  .deliveryOptionTab:not(.active)#deliveryOptionTab-del .deliveryOptionTab-top {
    background-position: 0 -80px;
  }
  .deliveryOptionTab:not(.active)#deliveryOptionTab-cnc .deliveryOptionTab-top {
    background-position: 0 -40px;
  }
  .deliveryOptionTab .deliveryOptionTab-bottom p,
  .deliveryOptionTab .deliveryOptionTab-bottom h4 {
    display: none;
  }
  .deliveryOptionTab.active .deliveryOptionTab-bottom p {
    padding: 0 15px 10px 15px;
    height: auto;
    display: none;
  }
  .deliveryOptionTab:not(.active) .deliveryOptionTab-bottom h1 {
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    margin: 0;
  }
  .deliveryOptionTab:not(.active) .deliveryOptionTab-bottom {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .deliveryOptionTab .deliveryOptionTabPointer {
    -webkit-mask-size: contain;
    -moz-mask-size: contain;
    -ms-mask-size: contain;
    -o-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: top;
    -moz-mask-position: top;
    -ms-mask-position: top;
    -o-mask-position: top;
    mask-position: top;
  }
  .deliveryOptionTab:not(.active) .deliveryOptionTabPointer {
    display: none;
  }
}
@media (min-width: 480px) {
  .deliveryOptionTab.active .deliveryOptionTab-bottom h4 {
    display: block;
  }
}
@media (min-width: 480px) {
  .deliveryAddressOption {
    float: left;
    border: 1px solid #cccccc !important;
    padding: 45px 20px 20px 40px !important;
    width: 100%;
    border: 1px solid #FFF !important;
    margin-bottom: 0 !important;
  }
}
.deliveryAddressOption {
  float: left;
  border: 1px solid #CCCCCC !important;
  padding: 20px;
  width: 100%;
  margin-top: -1px;
  margin-bottom: 15px;
  background-color: #FFF;
}
@media (min-width: 640px) {
  .deliveryAddressOption {
    padding: 15px 5px 20px 5px;
  }
}
/*----- deliverypageContainer -----*/
.deliverypageContainer {
  float: left;
  border: 1px solid #CCCCCC;
  padding: 20px !important;
  width: 100%;
  margin-top: -1px;
  background-color: #FFF;
}
@media (min-width: 640px) {
  .deliverypageContainer {
    border-top: 1px solid #FFF;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px !important;
    margin-top: -1px;
  }
}
.deliverypageContainer .listPageHeader {
  padding: 0 !important;
}
@media (min-width: 640px) {
  .deliverypageContainer .listPageHeader {
    padding: 20px 20px 20px 20px !important;
  }
}
.page-delivery-detail .deliverypageContainer {
  padding: 20px !important;
}
@media (max-width: 767px) {
  .page-delivery-detail .deliverypageContainer {
    padding: 10px;
  }
}
.page-delivery-detail .deliverypageContainer .listPageHeader {
  padding: 0 !important;
}
@media (min-width: 640px) {
  .page-delivery-detail .deliverypageContainer .listPageHeader {
    padding: 20px 20px 20px 20px !important;
  }
}
/*----- addressForm -----*/
/*remove chrome autofill yellow bg*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
@media (min-width: 640px) {
  .ui-menu .ui-menu-item {
    width: 100% !important;
  }
}
.ui-menu .ui-menu-item {
  padding: 10px 5px 5px 5px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 11pt;
  white-space: normal !important;
  width: 250px;
}
#addressNotWithinPnPDeliveryArea {
  color: #b9154a;
  font-size: 10px;
  font-weight: bold;
  padding: 40px 10px 10px 10px;
}
#addressInvalid {
  color: #b9154a;
  font-size: 10px;
  font-weight: bold;
  padding: 40px 10px 10px 10px;
}
.addressNotAppearing {
  float: right;
}
.addressNotAppearing p {
  color: #929292 !important;
  float: left;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  text-transform: none;
  transition: 0.2s ease-in-out;
  margin: 0 0 10px 0;
}
.addressFormContainer {
  margin-top: 40px;
}
.addressFormContainer.account-section {
  border: none;
}
.checkout-steps .addressFormContainer.account-section {
  width: 100% !important;
}
.addressFormContainer .addressLine,
.addressFormContainer .addressLine-btn {
  margin: 0 0 30px 0;
  display: flex;
  flex-direction: column;
}
.addressFormContainer .addressLine-btn {
  display: block;
}
.addressFormContainer .addressLine-btn .btn {
  float: left;
  height: 44px;
  font-family: pantonFontBold;
  font-size: 15px;
}
.addressFormContainer label {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  text-transform: none;
  color: #929292;
  transition: 0.2s ease-in-out;
  order: 1;
  margin: 0 0 10px 0;
  position: relative;
}
.addressFormContainer .validationFailField label {
  color: #b9154a;
}
.addressFormContainer input,
.addressFormContainer select {
  border: 1px solid #cccccc !important;
  padding: 3px 5px;
  width: 100%;
  transition: 0.2s ease-in-out;
  color: dimgray;
  order: 2;
  background: #fff;
}
.addressFormContainer input:disabled,
.addressFormContainer select:disabled {
  background-color: #f2f2f2;
  border: none !important;
}
.addressFormContainer.errorClass .addressLine input,
.addressFormContainer.errorClass .addressLine select,
.addressFormContainer.errorClass .addressLine input:not([type=radio]) {
  border: 1px solid #b9154a !important;
}
.addressFormContainer.errorClass label {
  color: #b9154a;
}
.addressFormContainer.errorClass .addressLine.checkboxWithLabel label {
  color: #929292;
}
.errorClass.addressErrorMsg {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #b9154a;
  display: block;
  padding: 0;
  float: left;
  margin: 0px 0 0 20px;
}
.addressFormContainer .addressLine select {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  padding: 10px;
  color: #929292;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url(../images/icon-dropdown-arrow.png);
  background-repeat: no-repeat;
  background-position: 99% center;
  background-size: 24px;
}
.addressFormContainer .addressLine select:disabled {
  background-color: #f2f2f2;
  border: none !important;
}
.addressFormContainer .addressLine.validationFailField select {
  border: 1px solid #b9154a !important;
}
.addressFormContainer .addressLine.validationFailField select:disabled {
  border: 1px solid #b9154a !important;
}
option {
  font-size: 1em;
}
.addressFormContainer input:focus,
.addressFormContainer select:focus {
  border: 1px solid #cccccc !important;
}
.addressFormContainer input:focus + label,
.addressFormContainer select:focus + label,
.addressFormContainer input[type=checkbox]:focus + label {
  color: #b9154a;
}
.formMandatory {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-transform: none;
  color: #b9154a;
}
.addressLine-btn .formMandatory {
  float: left;
  margin: 10px 0 0 20px;
}
.addressLine #addressFormStreetDiv #streetListTable tr.addressFormStreet {
  cursor: pointer;
}
/*--- ADDED ADDRESSES ---*/
.addedAddressesContainer {
  margin: 20px 0 0 0;
}
.addedAddress {
  position: relative;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-transform: none;
  color: #929292;
  padding: 0 20px 0 0;
}
.addedAddressInner {
  border: none;
  border-right: 1px solid #cccccc;
  min-height: 250px;
  padding: 0 40px 0 10px;
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
}
.addedAddressRadio {
  position: absolute;
  top: -1px;
  left: 10px;
  z-index: 3;
}
.addedAddressRadio .radio-btn-customized {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  cursor: pointer;
}
.addedAddressRadio .radio-btn-customized:before {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  top: 1px;
  left: 1px;
  background: #ffffff;
  border: 2px solid #575757;
  border-radius: 50%;
}
.addedAddressRadio .radio-btn-customized:checked:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 5px;
  left: 5px;
  background: #575757;
  border-radius: 50%;
}
.addedAddressContent,
.addedAddressActions {
  padding: 0 0 0 20px;
  overflow: hidden;
}
.addedAddressActions {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 12px;
  color: #b9154a;
}
.addedAddressContent {
  margin-bottom: 14px;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 15px;
  color: #8c8d8d;
  line-height: 20px;
  height: 160px;
  padding: 0 !important;
}
@media (min-width: 640px) {
  .addedAddressContent {
    padding-left: 45px !important;
  }
}
.defaultAddressErrorMessage {
  padding: 20px 0 0 3px !important;
  color: red;
  display: none;
}
.mydashboard-contentpanel .addedAddressRadio,
.mydashboard-contentpanel #addedAddressActions-btn3 {
  display: none;
}
.mydashboard-contentpanel .addedAddressContent,
.mydashboard-contentpanel .addedAddressActions {
  padding: 0 0;
}
.addedAddressContent span {
  padding: 0 0 0 0;
  margin: 0;
  display: block;
  float: left;
  clear: both;
}
.addedAddressContent span#addressDataAddressName {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.addedAddressActions .btn {
  padding: 5px 0 !important;
  height: 30px;
  line-height: 1.5;
  color: #575757;
  font-size: 14px;
  font-family: pantonFontBold;
}
.addedAddressActions .btn:hover {
  font-size: 14px;
}
.orderAmendMode .addedAddressActions #addedAddressActions-btn1 .btn:hover,
.orderAmendMode .addedAddressActions #addedAddressActions-btn2 .btn:hover {
  color: #929292 !important;
}
.addedAddressActions #addedAddressActions-btn1 {
  padding: 0 3px 0 0 !important;
  margin: 0 0 3px 0;
  width: 80px;
}
.addedAddressActions #addedAddressActions-btn1 .btn {
  background-color: #f2f2f2;
}
.addedAddressActions #addedAddressActions-btn2 {
  padding: 0 0 0 0 !important;
  margin: 0 0 3px 0;
  width: 160px;
}
.addedAddressActions #addedAddressActions-btn3 {
  padding: 0 !important;
  width: 160px;
}
.addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #52ae32 !important;
  color: #52ae32;
}
.deliveryAddressOption-cnc .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #fcac00 !important;
  color: #fcac00;
}
.deliveryAddressOption-col .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #4b4b4b !important;
  color: #4b4b4b;
}
.orderAmendMode .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #858585 !important;
  color: #858585;
}
.orderAmendMode .deliveryAddressOption-cnc .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #b1b1b1 !important;
  color: #b1b1b1;
}
.orderAmendMode .deliveryAddressOption-col .addedAddressActions #addedAddressActions-btn3 .btn {
  border: 1px solid #4b4b4b !important;
  color: #4b4b4b;
}
.orderAmendMode #addNewAddress.btn-default.btn-default-pink,
.orderAmendMode #addNewAddress.btn-default.btn-default-pink:hover {
  background-color: #4b4b4b;
  cursor: default;
}
.addedAddressActions #addedAddressActions-btn3 .btn:hover {
  color: #575757;
}
.addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  border: none;
  color: #FFF;
  padding: 5px 0;
  background-color: #52ae32;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  cursor: default;
}
.deliveryAddressOption-cnc .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  background-color: #fcac00;
}
.deliveryAddressOption-col .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  background-color: #b9154a;
}
.orderAmendMode .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  background-color: #858585;
}
.orderAmendMode .deliveryAddressOption-cnc .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  background-color: #b1b1b1;
}
.orderAmendMode .deliveryAddressOption-col .addedAddressActions #addedAddressActions-btn3 .btn.btn-default-true {
  background-color: #4b4b4b;
}
.addedAddress:nth-child(3n+3) .addedAddressInner {
  border-right: none;
}
@media (max-width: 1024px) {
  .addedAddress:nth-child(3n+3) .addedAddressInner {
    border-right: 1px solid #cccccc;
  }
  .addedAddress:nth-child(2n+2) .addedAddressInner {
    border-right: none;
  }
}
@media (max-width: 639px) {
  .addedAddress {
    padding: 0 20px;
  }
  .addedAddressInner {
    border-right: none !important;
    min-height: 0px;
    padding: 0 0px 0 20px;
    margin: 0 0 30px 0;
    width: 100%;
    height: auto;
  }
}
.addedAddress:last-child .addedAddressInner {
  border-right: none !important;
}
/*--- CUSTOM CHECKBOX ---*/
.checkboxWithLabel input[type=checkbox] {
  display: none;
}
.checkboxWithLabel label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 6px 0 6px 40px;
}
.checkboxWithLabel label:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FFF;
  border: 1px solid #cccccc;
}
.checkboxWithLabel input[type=checkbox]:checked ~ label:before {
  border: 1px solid #b9154a;
  background-color: #b9154a;
}
.checkboxWithLabel input[type=checkbox]:checked ~ label:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 20px;
  top: 1px;
  left: 18px;
  border-width: 2px;
  border-style: none solid solid none;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  border-color: #FFF;
}
/********* Time slot change Modal popup *********/
.validateFultilmentProductPopUp ul li {
  padding-left: 20px;
}
.valid-prod-section.section1 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section2 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section3 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section4 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section5 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section6 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section7 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.valid-prod-section.section8 .productValidateHeading ~ .productValidateHeading {
  display: none;
}
.PromotionInformationPopupHtml {
  background-color: #FFF;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp #cboxTitle,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp #cboxTitle,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp #cboxTitle,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp #cboxTitle,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp #cboxTitle,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay #cboxTitle,
.template-pages-layout-landingLayout2Page .productvalidityOverlay #cboxTitle,
.template-pages-CartPageTemplate .productvalidityOverlay #cboxTitle,
.template-pages-account-accountLayoutPage .productvalidityOverlay #cboxTitle,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay #cboxTitle,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay #cboxTitle,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay #cboxTitle,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay #cboxTitle,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay #cboxTitle,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay #cboxTitle {
  display: none !important;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp #cboxLoadedContent,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp #cboxLoadedContent,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp #cboxLoadedContent,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp #cboxLoadedContent,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay #cboxLoadedContent,
.template-pages-layout-landingLayout2Page .productvalidityOverlay #cboxLoadedContent,
.template-pages-CartPageTemplate .productvalidityOverlay #cboxLoadedContent,
.template-pages-account-accountLayoutPage .productvalidityOverlay #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay #cboxLoadedContent,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay #cboxLoadedContent,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay #cboxLoadedContent,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay #cboxLoadedContent,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay #cboxLoadedContent {
  margin-top: 0 !important;
  height: auto !important;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp #cboxContent,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp #cboxContent,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp #cboxContent,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp #cboxContent,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp #cboxContent,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay #cboxContent,
.template-pages-layout-landingLayout2Page .productvalidityOverlay #cboxContent,
.template-pages-CartPageTemplate .productvalidityOverlay #cboxContent,
.template-pages-account-accountLayoutPage .productvalidityOverlay #cboxContent,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay #cboxContent,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay #cboxContent,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay #cboxContent,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay #cboxContent,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay #cboxContent,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay #cboxContent {
  height: auto !important;
}
@media (max-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp #cboxContent,
  .template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp #cboxContent,
  .template-pages-CartPageTemplate .validateFultilmentProductPopUp #cboxContent,
  .template-pages-account-accountLayoutPage .validateFultilmentProductPopUp #cboxContent,
  .page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp #cboxContent,
  .template-pages-account-account2ColumnLayoutPage .productvalidityOverlay #cboxContent,
  .template-pages-layout-landingLayout2Page .productvalidityOverlay #cboxContent,
  .template-pages-CartPageTemplate .productvalidityOverlay #cboxContent,
  .template-pages-account-accountLayoutPage .productvalidityOverlay #cboxContent,
  .page-multiStepCheckoutDeliveryPage .productvalidityOverlay #cboxContent,
  .template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay #cboxContent,
  .template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay #cboxContent,
  .template-pages-CartPageTemplate .deliveryProductValidityOverlay #cboxContent,
  .template-pages-account-accountLayoutPage .deliveryProductValidityOverlay #cboxContent,
  .page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay #cboxContent {
    height: 100% !important;
  }
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-popUp,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-popUp,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-popUp,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-popUp,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-popUp,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-popUp,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-popUp,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-popUp,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-popUp,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-popUp,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-popUp,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-popUp,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-popUp,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-popUp,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-popUp {
  margin-bottom: 50px;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section {
  padding-left: 35px;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section p,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section p,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section p,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section p,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section p,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section p,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section p,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section p,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section p,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section p,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section p {
  margin: 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding-bottom: 5px;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section span,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section span,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section span,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section span,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section span,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section span,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section span,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section span,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section span,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section span,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section span,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section span,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section span,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section span,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section span {
  margin: 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 5px;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section p,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section p,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section p,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section p,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section p,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section p,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section p,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section p,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section p,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section p,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section p,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section p {
  margin: 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  padding-bottom: 5px;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section ul,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section ul,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section ul,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section ul,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section ul,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section ul,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section ul,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section ul,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section ul,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section ul,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section ul,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section ul,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section ul,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section ul,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section ul {
  list-style: none;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section ul li::before,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section ul li::before,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section ul li::before,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section ul li::before,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section ul li::before,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section ul li::before,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section ul li::before,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section ul li::before,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section ul li::before,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section ul li::before,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section ul li::before,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section ul li::before,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section ul li::before,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section ul li::before,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section ul li::before {
  content: '';
  position: relative;
  top: 4px;
  display: inline-block;
  left: -20px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #b9154a;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-section li,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-section li,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-section li,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-section li,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-section li,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-section li,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-section li,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-section li,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-section li,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-section li,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-section li,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-section li,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-section li,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-section li,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-section li {
  color: #575757;
  font-size: 15px;
  font-weight: normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot {
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 20px;
  display: inline-block;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer {
  background-color: #F5E7BF;
  border-radius: 37px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 65px;
  margin-bottom: 35px;
}
@media (max-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
  .page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer,
  .page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer {
    height: auto;
    padding-bottom: 15px;
  }
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer p,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer p {
  margin: 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot .productValidatePopupDescriptionContainer .validatePopupInfoIcon {
  position: relative;
  width: 33px;
  height: 33px;
  display: inline-block;
  background: url(../images/toast-icon-warning.svg) 0 0 no-repeat;
}
.template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
.template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
.template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
.template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
.page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
.template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot .btn-change,
.template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot .btn-change,
.template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot .btn-change,
.template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot .btn-change,
.page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot .btn-change,
.template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
.template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
.template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
.template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
.page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot .btn-change {
  height: 52px;
  width: 255px;
}
@media (max-width: 640px) {
  .template-pages-account-account2ColumnLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
  .template-pages-layout-landingLayout2Page .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
  .template-pages-CartPageTemplate .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
  .template-pages-account-accountLayoutPage .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
  .page-multiStepCheckoutDeliveryPage .validateFultilmentProductPopUp .valid-prod-foot .btn-change,
  .template-pages-account-account2ColumnLayoutPage .productvalidityOverlay .valid-prod-foot .btn-change,
  .template-pages-layout-landingLayout2Page .productvalidityOverlay .valid-prod-foot .btn-change,
  .template-pages-CartPageTemplate .productvalidityOverlay .valid-prod-foot .btn-change,
  .template-pages-account-accountLayoutPage .productvalidityOverlay .valid-prod-foot .btn-change,
  .page-multiStepCheckoutDeliveryPage .productvalidityOverlay .valid-prod-foot .btn-change,
  .template-pages-account-account2ColumnLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
  .template-pages-layout-landingLayout2Page .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
  .template-pages-CartPageTemplate .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
  .template-pages-account-accountLayoutPage .deliveryProductValidityOverlay .valid-prod-foot .btn-change,
  .page-multiStepCheckoutDeliveryPage .deliveryProductValidityOverlay .valid-prod-foot .btn-change {
    width: 100%;
  }
}
.page-delivery-detail .minimumSpendAmountPopup #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage .minimumSpendAmountPopup #cboxLoadedContent,
.page-multiStepCheckoutSummaryPage .minimumSpendAmountPopup #cboxLoadedContent {
  margin-top: 0 !important;
}
.page-delivery-detail .minimumSpendAmountPopup #cboxTitle,
.page-multiStepCheckoutDeliveryPage .minimumSpendAmountPopup #cboxTitle,
.page-multiStepCheckoutSummaryPage .minimumSpendAmountPopup #cboxTitle {
  display: none !important;
}
.page-delivery-detail #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage #cboxLoadedContent,
.page-multiStepCheckoutSummaryPage #cboxLoadedContent {
  margin-top: 77px !important;
  padding: 0px;
}
.page-delivery-detail .accPayRestrictionOverlay #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage .accPayRestrictionOverlay #cboxLoadedContent,
.page-multiStepCheckoutSummaryPage .accPayRestrictionOverlay #cboxLoadedContent {
  margin-top: 100px !important;
}
.accPayRestrictionOverlay #cboxLoadedContent {
  margin-top: 100px !important;
  padding: 0px;
}
.accPayRestrictionOverlay #cboxLoadedContent p {
  padding: 30px 80px 30px 30px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #929292;
}
#cboxContent #cboxTitle .headline {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 17px;
  width: 100%;
  color: #FFF;
  padding-top: 15px;
  padding-right: 20px;
  margin: 0px auto;
  float: none;
}
.accPayRestrictionOverlay #cboxContent #cboxTitle .headline {
  width: 100%;
  padding: 30px 80px 30px 30px;
}
.page-delivery-detail #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
.page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
.page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
.accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text .headline-change-text {
  font-size: 17px;
  float: left;
  width: 73%;
  margin-top: 10px;
  margin-left: 20px;
}
@media (max-width: 640px) {
  .page-delivery-detail #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
  .page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
  .page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
  .accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text .headline-change-text {
    font-size: 15px;
  }
}
.page-delivery-detail #cboxContent #cboxTitle .headline .headline-text .pnp-icon-tuktuk,
.page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text .pnp-icon-tuktuk,
.page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text .pnp-icon-tuktuk,
.accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text .pnp-icon-tuktuk {
  float: left;
}
.page-delivery-detail #slot-time-change-modal-msg,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg {
  margin-top: 10px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  height: 400px;
}
.page-delivery-detail #slot-time-change-modal-msg .header,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .header,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .header {
  display: none;
}
.page-delivery-detail #slot-time-change-modal-msg .btn,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .btn,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .btn {
  width: 90%;
}
.page-delivery-detail #slot-time-change-modal-msg h2,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg h2,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg h2 {
  font-size: 18px;
  font-weight: bold;
}
.page-delivery-detail #slot-time-change-modal-msg .time-section,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .time-section,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .time-section {
  height: 100px;
  font-weight: bold;
}
.page-delivery-detail #slot-time-change-modal-msg .address-section,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .address-section,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .address-section {
  height: 135px;
  color: #929292;
}
.page-delivery-detail #slot-time-change-modal-msg .address-section strong,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .address-section strong,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .address-section strong {
  height: 135px;
  color: #505050;
}
.page-delivery-detail #slot-time-change-modal-msg .lhs,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .lhs,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .lhs {
  padding-top: 20px;
  color: #505050;
  float: left;
  width: 50%;
  padding-left: 30px;
  padding-right: 0px;
  height: 400px;
}
.page-delivery-detail #slot-time-change-modal-msg .lhs .btn-cancel,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .lhs .btn-cancel,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .lhs .btn-cancel {
  display: block;
}
.page-delivery-detail #slot-time-change-modal-msg .rhs,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .rhs,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .rhs {
  background: #e6e8e9;
  color: #505050;
  float: left;
  width: 45%;
  padding-right: 30px;
  padding-top: 20px;
  padding-left: 0px;
  height: 400px;
}
.page-delivery-detail #slot-time-change-modal-msg .rhs .btn-cancel,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .rhs .btn-cancel,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .rhs .btn-cancel {
  display: none;
}
#cboxContent #cboxLoadedContent .fullbody,
.accPayRestrictionOverlay #cboxContent #cboxLoadedContent .fullbody {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  float: left;
  width: 100%;
  background: #FFF;
  padding: 40px 40px;
  margin: 90px 0 0 0;
  color: #929292;
}
#cboxContent #cboxLoadedContent .fullbody b,
.accPayRestrictionOverlay #cboxContent #cboxLoadedContent .fullbody b {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.page-delivery-detail #slot-time-change-modal-msg .arrow-div,
.page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .arrow-div,
.page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .arrow-div {
  background: #e6e8e9;
  display: block;
  float: left;
  width: 5%;
  height: 400px;
  overflow: hidden;
  background-image: url(../images/popup-arrow.gif);
  background-repeat: no-repeat;
  background-position: -7px 90px;
}
@media (max-width: 640px) {
  .page-delivery-detail #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
  .page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
  .page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text .headline-change-text,
  .accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text .headline-change-text {
    margin-top: 10px;
    margin-left: 20px;
  }
  .page-delivery-detail #slot-time-change-modal-msg,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg {
    height: auto;
  }
  .page-delivery-detail #slot-time-change-modal-msg .btn,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .btn,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .btn {
    width: 100%;
  }
  .page-delivery-detail #slot-time-change-modal-msg .lhs,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .lhs,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .lhs {
    float: none;
    overflow: hidden;
    height: auto;
    width: 100%;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-delivery-detail #slot-time-change-modal-msg .lhs .btn-cancel,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .lhs .btn-cancel,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .lhs .btn-cancel {
    display: none;
  }
  .page-delivery-detail #slot-time-change-modal-msg .rhs,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .rhs,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .rhs {
    float: none;
    overflow: hidden;
    height: auto;
    width: 100%;
    padding: 0 30px 20px 30px;
  }
  .page-delivery-detail #slot-time-change-modal-msg .rhs .btn-cancel,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .rhs .btn-cancel,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .rhs .btn-cancel {
    display: block;
    margin-bottom: 10px;
  }
  .page-delivery-detail #slot-time-change-modal-msg .arrow-div,
  .page-multiStepCheckoutDeliveryPage #slot-time-change-modal-msg .arrow-div,
  .page-multiStepCheckoutSummaryPage #slot-time-change-modal-msg .arrow-div {
    display: block;
    float: none;
    width: 100%;
    height: 50px;
    overflow: hidden;
    background-image: url(../images/popup-arrow-mobile.gif);
    background-repeat: no-repeat;
    background-position: center 0;
  }
  .page-delivery-detail #slot-time-change-modal-msg .address-section {
    display: none;
  }
  .page-delivery-detail #slot-time-change-modal-msg h2 {
    padding: 0 15px 0 15px;
  }
  .page-delivery-detail #slot-time-change-modal-msg .time-section {
    padding: 0 15px 0 15px;
  }
}
@media (min-width: 640px) {
  .page-delivery-detail #cboxContent {
    height: auto !important;
  }
}
.page-delivery-detail #cboxContent,
.page-multiStepCheckoutDeliveryPage #cboxContent,
.page-multiStepCheckoutSummaryPage #cboxContent,
.accPayRestrictionOverlay #cboxContent {
  border: none;
  height: 100% !important;
}
@media (min-width: 640px) {
  .page-delivery-detail #cboxContent,
  .page-multiStepCheckoutDeliveryPage #cboxContent,
  .page-multiStepCheckoutSummaryPage #cboxContent,
  .accPayRestrictionOverlay #cboxContent {
    height: auto !important;
  }
}
.page-delivery-detail #cboxContent #cboxTitle,
.page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle,
.page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle,
.accPayRestrictionOverlay #cboxContent #cboxTitle {
  background-color: #A70240;
  height: 60px;
  padding: 0px;
}
.setDialogColor-del {
  background-color: #52ae32 !important;
}
.setDialogColor-cnc {
  background-color: #fcac00 !important;
}
.setDialogColor-col {
  background-color: #b9154a !important;
}
.setDialogTextColor-del {
  color: #52ae32 !important;
}
.setDialogTextColor-cnc {
  color: #fcac00 !important;
}
.setDialogTextColor-col {
  color: #b9154a !important;
}
.page-delivery-detail #cboxContent #cboxTitle .headline .headline-text,
.page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text,
.page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text,
.accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text {
  color: #fff;
  font-size: 15px !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: block;
}
.page-delivery-detail #cboxContent #cboxTitle .headline .headline-text b,
.page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text b,
.page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text b,
.accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text b,
.page-delivery-detail #cboxContent #cboxTitle .headline .headline-text strong,
.page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text strong,
.page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text strong,
.accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text strong {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (min-width: 640px) {
  .page-delivery-detail #cboxContent #cboxTitle .headline .headline-text,
  .page-multiStepCheckoutDeliveryPage #cboxContent #cboxTitle .headline .headline-text,
  .page-multiStepCheckoutSummaryPage #cboxContent #cboxTitle .headline .headline-text,
  .accPayRestrictionOverlay #cboxContent #cboxTitle .headline .headline-text {
    font-size: 17px;
  }
}
.page-delivery-detail #slot-change-error-msg,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg {
  display: none;
  margin-top: 10px;
  margin-top: 35px;
  padding: 10px;
}
.page-delivery-detail #slot-change-error-msg,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg {
  padding: 40px 15px 0 15px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: white;
}
@media (min-width: 640px) {
  .page-delivery-detail #slot-change-error-msg,
  .page-multiStepCheckoutDeliveryPage #slot-change-error-msg {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
    height: auto;
    width: 100%;
    margin-left: 0;
  }
}
.page-delivery-detail #slot-change-error-msg .item-container,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .item-container {
  display: inline-block;
}
.page-delivery-detail #slot-change-error-msg .item-container .item,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .item-container .item,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg .item-container .item {
  clear: both;
  margin-bottom: 30px;
}
.page-delivery-detail #slot-change-error-msg .item-container .item .circle,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .item-container .item .circle,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg .item-container .item .circle {
  border-radius: 50%;
  float: left;
  background: #b61a4c;
  width: 24px;
  height: 24px;
  color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 13px;
}
.page-delivery-detail #slot-change-error-msg .item-container .item .item-text,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .item-container .item .item-text,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg .item-container .item .item-text {
  margin-left: 44px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757;
  font-size: 15px;
}
.page-delivery-detail #slot-change-error-msg .txt-question,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .txt-question,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg .txt-question {
  clear: both;
  color: #b61a4c;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  margin-top: 32px;
  display: block;
}
.page-delivery-detail .productValidatePopupDescriptionContainer,
.page-multiStepCheckoutDeliveryPage .productValidatePopupDescriptionContainer {
  background-color: #F5E7BF;
  border-radius: 37px;
  width: 100%;
  padding-top: 15px;
  height: 65px;
  margin-bottom: 35px;
  display: inline-block;
}
.page-delivery-detail .productValidatePopupDescriptionContainer p,
.page-multiStepCheckoutDeliveryPage .productValidatePopupDescriptionContainer p {
  margin: 0;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.page-delivery-detail .productValidatePopupDescriptionContainer .validatePopupInfoIcon,
.page-multiStepCheckoutDeliveryPage .productValidatePopupDescriptionContainer .validatePopupInfoIcon {
  position: relative;
  width: 33px;
  height: 33px;
  display: inline-block;
  background: url(../images/toast-icon-warning.svg) 0 0 no-repeat;
}
.page-delivery-detail .buttonContainer,
.page-multiStepCheckoutDeliveryPage .buttonContainer {
  margin-bottom: 15px;
}
.page-delivery-detail #slot-change-error-msg .btn-primary-blue,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .btn-primary-blue,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg .btn-primary-blue {
  width: 70px;
}
.page-delivery-detail #slot-change-error-msg button.btn,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg button.btn,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg button.btn {
  margin-top: 10px;
}
.page-delivery-detail #slot-change-error-msg button.btn,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg button.btn,
.page-multiStepCheckoutSummaryPage #slot-change-error-msg button.btn {
  margin-bottom: 30px;
  height: 55px;
  width: 100%;
  font-size: 16px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (min-width: 640px) {
  .page-delivery-detail #slot-change-error-msg button.btn,
  .page-multiStepCheckoutDeliveryPage #slot-change-error-msg button.btn,
  .page-multiStepCheckoutSummaryPage #slot-change-error-msg button.btn {
    width: 255px;
    height: 52px;
    margin-top: 0px;
    margin-bottom: 0;
    padding-top: 15px;
  }
}
.page-delivery-detail #cboxContent #cboxTitle .headline {
  padding-top: 20px !important;
}
.location-icon {
  margin-top: -5px;
  float: left;
  display: inline-block;
  width: 35px;
  height: 40px;
  background: url(../images/map-marker-alt-light.svg) no-repeat;
  background-size: 30px;
  margin-right: 10px;
  margin-left: 20px;
}
@media (min-width: 640px) {
  .location-icon {
    margin-top: -5px;
    margin-left: 20px;
    float: left;
    display: inline-block;
    width: 30px;
    height: 45px;
    background: url(../images/map-marker-alt-light.svg) no-repeat;
    background-size: 25px;
  }
}
/*tv licence modal*/
.tvlic-cbox #cboxContent #cboxTitle .headline {
  width: auto;
  padding: 0px 30px 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
@media (max-width: 640px) {
  .tvlic-cbox #cboxContent #cboxTitle .headline {
    top: auto;
    padding: 17px 35px 20px 20px;
    transform: none;
    font-size: 15px;
  }
}
.page-multiStepCheckoutSummaryPage .tvlic-cbox #cboxContent #cboxTitle {
  height: 88px;
  display: block !important;
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .tvlic-cbox #cboxContent #cboxTitle {
    height: auto;
  }
}
.displayTvLicenseModalDialogContent {
  padding: 30px 30px;
}
@media (max-width: 640px) {
  .displayTvLicenseModalDialogContent {
    padding: 40px 15px 0 15px !important;
    margin: 0 10px 0 10px;
  }
}
.tvlic-p-light {
  font-size: 15px;
  color: #929292;
  margin: 10px 0 20px 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.tvlic-p-secondary {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #b9154a;
  margin: 10px 0 20px 0;
}
.page-multiStepCheckoutSummaryPage .tvlic-cbox .btn {
  margin: 10px 5px 0 0;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage .tvlic-cbox .btn {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 10px 0px;
    height: 55px;
  }
}
.page-multiStepCheckoutSummaryPage .tvlic-cbox .btn:last-child {
  background-color: #13375a;
}
/*-- temporarily disabled for beta --*/
.disabaleforbeta {
  display: block;
  background-color: #858585;
  padding: 10px 40px;
  width: 100%;
  color: #FFF;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  text-align: left;
  position: relative;
}
.disabaleforbeta:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 7px;
  left: 10px;
  background-image: url(../images/icons-introPage.png);
  background-repeat: no-repeat;
  background-position: -28px -166px;
}
.whiteOnTransparentGreyThinBanner .deliveryBannerContent h6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 15px !important;
}
.whiteOnTransparentGreyThinBanner .deliveryBannerContent h3 {
  display: none;
  visibility: hidden;
}
.whiteOnTransparentGreyThinBanner .deliveryBannerContent {
  padding: 10px 30px 30px 30px !important;
}
@media (min-width: 640px) {
  .whiteOnTransparentGreyThinBanner .deliveryBannerContent {
    padding: 10px 50px 10px 50px !important;
  }
  .whiteOnTransparentGreyThinBanner .deliveryBannerContent h6 {
    padding: 0;
  }
}
.whiteOnTransparentGreyThinBanner img {
  display: none !important;
  visibility: hidden !important;
}
.whiteOnTransparentGreyThinBanner a {
  background-color: #FFF;
  font-size: 12px;
  line-height: 36px;
  color: #505050 !important;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  width: 100px;
  height: 36px;
  margin-left: 15px;
}
.whiteOnTransparentGreyThinBanner h6 {
  float: left;
}
.whiteOnTransparentGreyThinBanner {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #FFF !important;
  position: relative;
  height: auto;
  min-height: 20px !important;
  margin: 0 0 5px 0 !important;
}
/*deliveryBanner*/
.deliveryBanner {
  background-color: #f0f1f1;
  color: #575757;
  position: relative;
  height: auto;
  min-height: 100px;
  margin: 20px 0;
}
.deliveryBannerContent {
  padding: 20px 300px 20px 50px;
}
.deliveryBanner h3 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 22px;
  font-size: 26px;
  margin: 0;
  padding: 0;
}
.deliveryBanner h3 b,
.deliveryBanner h6 b {
  font-weight: normal;
}
.deliveryBanner h3 span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 22px;
}
.deliveryBanner h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  margin: 10px 0 0 0;
  padding: 0;
}
.deliveryBanner h6 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.deliveryBanner img {
  position: absolute;
  right: 30px;
  top: 10px;
  height: 90%;
  max-height: 150px;
  width: auto;
}
@media (min-width: 1024px) {
  .deliveryBanner h6 .sub-mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .deliveryBannerContent {
    padding: 20px 180px 20px 50px;
  }
  .deliveryBanner h6 .sub-desktop {
    display: none;
  }
}
@media (max-width: 640px) {
  .deliveryBanner h3,
  .deliveryBanner h3 span {
    font-size: 22px;
    line-height: 18px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .deliveryBanner img {
    top: -10px;
    height: 110%;
  }
}
/*deliveryBanner customized for error page*/
.deliveryBanner.notFoundPage {
  background-color: #FFF;
  height: auto;
  text-align: center;
  z-index: 1;
  margin-top: 50px;
}
.deliveryBanner.notFoundPage .deliveryBannerContentContainer {
  position: relative;
  width: 100%;
  max-width: 721px;
  height: 0;
  margin: 0 auto;
}
.deliveryBanner.notFoundPage .deliveryBannerContent {
  /*padding: 0 264px 0 0px;*/
  padding: 0;
  position: absolute;
  top: 142px;
  left: 7%;
  z-index: 1;
  width: 360px;
}
.deliveryBanner.notFoundPage h3 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 22px;
  font-size: 30px;
  margin: 0;
  padding: 0;
}
.deliveryBanner.notFoundPage h3 b {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.deliveryBanner.notFoundPage h3 span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 22px;
}
.deliveryBanner.notFoundPage h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 26px;
  font-size: 14px;
  margin: 10px 0 0 0;
  padding: 0 0px;
}
.deliveryBanner.notFoundPage h6 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
}
.deliveryBanner.notFoundPage img {
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  height: auto;
  max-height: none;
  width: 100%;
  max-width: 721px;
}
@media (max-width: 1024px) {
  .deliveryBanner.notFoundPage .deliveryBannerContent {
    padding: 0;
  }
  .deliveryBanner.notFoundPage h6 {
    display: block;
  }
}
@media (max-width: 640px) {
  .deliveryBanner.notFoundPage h3,
  .deliveryBanner.notFoundPage h3 span {
    font-size: 30px;
    line-height: 20px;
  }
}
@media (max-width: 761px) {
  /*-- default width of grater image 721 + page padding // this is when image starts scaling --*/
  .deliveryBanner.notFoundPage .deliveryBannerContent {
    top: 70px;
    left: 10px;
    z-index: 1111;
    width: 55%;
  }
}
/*@media (max-width: @screen-xs) {*/
/*-- enforce mobile here --*/
@media (max-width: 560px) {
  .deliveryBanner.notFoundPage .deliveryBannerContentContainer {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
    float: left;
  }
  .deliveryBanner.notFoundPage .deliveryBannerContent {
    padding: 0 30px 20px 30px;
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    z-index: 1111;
    width: 100%;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .deliveryBanner.notFoundPage img {
    top: 0;
    height: auto;
  }
}
/*deliveryBanner customized for dashboard pages*/
.mydashboard-contentpanel .deliveryBanner {
  width: 100%;
  background-color: #52ae32;
  color: #FFF;
  position: relative;
  height: auto;
  min-height: 100px;
  float: left;
  margin: 20px 0;
}
.mydashboard-contentpanel .deliveryBannerContent {
  padding: 40px 30px 40px 147px;
}
@media (max-width: 1024px) {
  .mydashboard-contentpanel .deliveryBannerContent {
    padding: 40px 30px 40px 147px;
  }
}
.mydashboard-contentpanel .deliveryBanner h3 {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 24px;
  font-size: 24px;
  margin: 0;
  padding: 0;
  color: #FFF;
}
@media (max-width: 640px) {
  .mydashboard-contentpanel .deliveryBanner h3 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-device-width: 320px) and (orientation: portrait) {
  .mydashboard-contentpanel .deliveryBannerWording h3 {
    font-size: 20px;
  }
}
@media only screen and (max-device-width: 360px) and (orientation: portrait) {
  .mydashboard-contentpanel .listPageContent {
    float: none !important;
  }
  .mydashboard-contentpanel .deliveryBanner .deliveryBannerImage {
    left: 10px !important;
  }
  .mydashboard-contentpanel .deliveryBannerWording {
    padding: 40px 20px 35px 105px;
  }
}
@media only screen and (max-device-width: 375px) and (orientation: portrait) {
  .mydashboard-contentpanel .listPageContent {
    float: none !important;
  }
  .mydashboard-contentpanel .deliveryBanner .deliveryBannerImage {
    left: 15px !important;
  }
  .mydashboard-contentpanel .deliveryBannerWording {
    padding: 40px 20px 35px 120px;
  }
}
.mydashboard-contentpanel .deliveryBanner h3 b,
.mydashboard-contentpanel .deliveryBanner h6 b {
  font-weight: normal;
}
.mydashboard-contentpanel .deliveryBanner h3 span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 30px;
}
@media (max-width: 640px) {
  .mydashboard-contentpanel .deliveryBanner h3 span {
    font-size: 30px;
    line-height: 30px;
  }
}
.mydashboard-contentpanel .deliveryBanner h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0 0 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .mydashboard-contentpanel .deliveryBanner h6 {
    display: block;
  }
}
.mydashboard-contentpanel .deliveryBanner h6 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
}
.mydashboard-contentpanel .deliveryBanner img {
  position: absolute;
  left: 30px;
  height: 87px;
  max-height: 87px;
  width: auto;
  top: -10%;
  bottom: -10%;
  margin: auto;
  right: auto;
}
/*deliveryBanner customized for no ss / no vouchers pages*/
.custom-ss-voucher-deliverybanner .deliveryBanner {
  width: 100%;
  background-color: #FFF;
  color: #575757;
  position: relative;
  height: auto;
  min-height: 100px;
  float: none;
  margin: 0px 0;
}
.custom-ss-voucher-deliverybanner .deliveryBannerContentContainer {
  position: relative;
}
.custom-ss-voucher-deliverybanner .deliveryBannerContent {
  padding: 0px 0;
}
@media (max-width: 1024px) {
  .custom-ss-voucher-deliverybanner .deliveryBannerContent {
    padding: 0px 0;
  }
}
.custom-ss-voucher-deliverybanner .deliveryBanner h3 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
  background-color: #f2f2f2;
  margin: 0 0;
  padding: 15px 20px ;
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
  padding: 20px 30px;
}
@media (max-width: 640px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner h3 {
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    border: 0px #cccccc;
    border-bottom: 1px solid #cccccc;
    border-color: #cccccc;
    background-color: #f2f2f2;
    margin: 0 0;
    padding: 15px 20px ;
    position: relative;
    display: block;
    width: 100%;
    color: #575757;
    padding: 20px 30px;
  }
}
.custom-ss-voucher-deliverybanner .deliveryBanner h3 b,
.custom-ss-voucher-deliverybanner .deliveryBanner h6 b {
  font-weight: normal;
}
.custom-ss-voucher-deliverybanner .deliveryBanner h3 span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner h3 span {
    font-size: 18px;
    line-height: normal;
  }
}
.custom-ss-voucher-deliverybanner .deliveryBanner h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  line-height: 22px;
  margin: 50px 30px;
  padding: 0;
  color: #929292;
  min-height: 320px;
  max-width: 35%;
}
.custom-ss-voucher-deliverybanner .deliveryBanner h6 > b {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 1024px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner h6 {
    display: block;
  }
}
@media (max-width: 480px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner h6 {
    max-width: 100%;
    padding-bottom: 100px;
  }
}
.custom-ss-voucher-deliverybanner .deliveryBanner h6 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
}
.custom-ss-voucher-deliverybanner .deliveryBanner img {
  position: absolute;
  left: auto;
  right: 50px;
  top: 86px;
  height: auto;
  width: auto;
  max-width: 50%;
  max-height: none;
}
@media (min-width: 640px) and (max-width: 1024px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner img {
    top: 80px;
    height: auto;
  }
}
@media (max-width: 640px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner img {
    right: 30px;
  }
}
@media (max-width: 480px) {
  .custom-ss-voucher-deliverybanner .deliveryBanner img {
    left: 0;
    right: auto;
    top: auto;
    bottom: -50px;
    max-width: 100%;
  }
}
/*deliveryBanner customized for Central Block page*/
.deliveryBanner.customerBlockedPage {
  width: 90%;
  background-color: #FFF;
  color: #575757;
  position: relative;
  height: auto;
  min-height: 100px;
  float: none;
  display: block;
  margin: 0px auto;
}
.deliveryBanner.customerBlockedPage .deliveryBannerContentContainer {
  position: relative;
}
.deliveryBanner.customerBlockedPage .deliveryBannerContent {
  padding: 0px 0;
  float: right;
  width: 50%;
  position: relative;
}
@media (max-width: 1024px) {
  .deliveryBanner.customerBlockedPage .deliveryBannerContent {
    padding: 0px 0;
  }
}
@media (max-width: 640px) {
  .deliveryBanner.customerBlockedPage .deliveryBannerContent {
    top: 0 !important;
    padding: 0px 0;
    float: right;
    width: 100%;
  }
}
.deliveryBanner.customerBlockedPage h3 {
  padding: 0 0 15px 0;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 30px;
  color: #b9154a;
}
@media (max-width: 640px) {
  .deliveryBanner.customerBlockedPage h3 {
    padding: 0 0 15px 0;
  }
}
.deliveryBanner.customerBlockedPage h3 b,
.deliveryBanner.customerBlockedPage h6 b {
  font-weight: normal;
}
.deliveryBanner.customerBlockedPage h3 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .deliveryBanner.customerBlockedPage h3 span {
    font-size: inherit;
    line-height: normal;
  }
}
.deliveryBanner.customerBlockedPage h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  line-height: 22px;
  margin: 0px 0px;
  padding: 0;
  color: #575757;
  min-height: 0;
  max-width: none;
}
.deliveryBanner.customerBlockedPage h6 > b {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 1024px) {
  .deliveryBanner.customerBlockedPage h6 {
    display: block;
  }
}
@media (max-width: 480px) {
  .deliveryBanner.customerBlockedPage h6 {
    max-width: 100%;
    padding-bottom: 0;
  }
}
.deliveryBanner.customerBlockedPage h6 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.deliveryBanner.customerBlockedPage img {
  position: relative;
  left: auto;
  right: auto;
  top: 0px;
  height: auto;
  width: auto;
  max-width: 50%;
  max-height: none;
  float: left;
}
@media (min-width: 640px) and (max-width: 1024px) {
  .deliveryBanner.customerBlockedPage img {
    top: 0px;
    height: auto;
  }
}
@media (max-width: 640px) {
  .deliveryBanner.customerBlockedPage img {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    position: relative;
    float: left;
  }
}
.page-customerBlocked {
  padding-top: 10px;
}
.page-customerBlocked .introPageHeadMain {
  border-bottom: 1px solid #e6e6e6;
}
@media (min-width: 650px) {
  .page-customerBlocked .introPageHeadMain .introPageHead-links .tileContainerTile a {
    height: auto;
  }
}
.page-customerBlocked .introPageHeadMain .introPageHead-links .introPageHead-links-container,
.page-customerBlocked .introPageHeadMain .introPageHead-links .introPageHead-links-container:first-child {
  margin-top: 0px;
  width: 22px;
}
@media (min-width: 650px) {
  .page-customerBlocked .introPageHeadMain .introPageHead-links .introPageHead-links-container,
  .page-customerBlocked .introPageHeadMain .introPageHead-links .introPageHead-links-container:first-child {
    margin-top: 15px;
    width: auto;
  }
}
/*--- no vouchers info block ---*/
.emptyVouchersDisplayMessage .listPageContent {
  font-size: 15px;
  margin: 0 0;
  padding: 30px 30px;
  color: #929292;
}
.listPageContent h4 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  margin: 0 0;
  padding: 20px 0px 30px 0px;
  color: #929292;
}
.listPageContent h5 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  margin: 0px 0;
  padding: 50px 0px;
  color: #3374b6;
}
ol.pnp-round-ol {
  counter-reset: pnp-round-counter;
  margin: 20px 0 0 0;
  padding: 0 0;
  list-style-type: none;
}
ol.pnp-round-ol li {
  position: relative;
  margin: 0 0;
  padding: 0 0 20px 36px;
}
ol.pnp-round-ol li:before {
  content: counter(pnp-round-counter);
  counter-increment: pnp-round-counter;
  position: absolute;
  left: 0;
  top: 3px;
  padding: 4px 0 0 0;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  font-size: 15px;
  color: #FFF;
  width: 26px;
  height: 26px;
  background-color: #003359;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .page-delivery-detail #cboxLoadedContent {
    height: auto !important;
  }
}
.page-delivery-detail #cboxLoadedContent,
.page-multiStepCheckoutDeliveryPage #cboxLoadedContent {
  margin-top: 77px !important;
}
.page-delivery-detail #slot-change-error-msg .item-container .item,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .item-container .item {
  margin-bottom: 20px;
}
.page-delivery-detail #slot-change-error-msg p,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg p {
  margin-top: -2px;
}
@media (min-width: 480px) {
  .page-delivery-detail #slot-change-error-msg p,
  .page-multiStepCheckoutDeliveryPage #slot-change-error-msg p {
    margin-top: 0;
    padding-top: 5px;
  }
}
.page-delivery-detail #slot-change-error-msg .btn-default-pink,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .btn-default-pink {
  float: left;
  margin-right: 5px;
  height: 30px;
}
.page-delivery-detail #slot-change-error-msg .btn-primary-blue,
.page-multiStepCheckoutDeliveryPage #slot-change-error-msg .btn-primary-blue {
  padding: 8px 20px;
  font-size: 14px;
  height: 30px;
  float: left;
}
.page-delivery-detail .account-section {
  border: none;
}
.page-delivery-detail .deliveryBanner {
  min-height: auto;
  display: none;
}
.page-delivery-detail .deliveryBanner h6 {
  margin: 5px 0 0 0;
  font-size: 16px;
}
.page-delivery-detail .deliveryBanner img {
  right: 50px;
  top: -10px;
  height: 110%;
}
@media (max-width: 1024px) {
  .page-delivery-detail .deliveryBanner img {
    height: 100%;
  }
}
@media (max-width: 480px) {
  .page-delivery-detail .deliveryBanner img {
    right: 20px;
    top: 10px;
    height: 80%;
    max-height: 100px;
  }
}
.page-delivery-detail .deliveryBanner h3 {
  line-height: 30px;
}
@media (max-width: 480px) {
  .page-delivery-detail .deliveryBanner h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 480px) {
  .page-delivery-detail .deliveryBanner h3 span {
    font-size: 16px;
  }
}
.page-delivery-detail .deliveryBanner h6 {
  font-size: 16px;
}
.page-delivery-detail .deliveryBannerContent {
  padding: 40px 230px 40px 50px;
}
@media (max-width: 480px) {
  .page-delivery-detail .deliveryBannerContent {
    padding: 20px 140px 20px 30px;
  }
}
.page-multiStepCheckoutDeliveryPage .deliveryBanner h3 {
  line-height: 30px;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutDeliveryPage .deliveryBanner h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 480px) {
  .page-multiStepCheckoutDeliveryPage .deliveryBanner h3 span {
    font-size: 16px;
  }
}
.page-multiStepCheckoutDeliveryPage .deliveryBanner h6 {
  font-size: 16px;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutDeliveryPage .deliveryBanner img {
    right: 10px;
    height: 80%;
    max-height: 100px;
  }
}
.page-multiStepCheckoutDeliveryPage .deliveryBannerContent {
  padding: 30px 250px 30px 50px;
}
@media (max-width: 1024px) {
  .page-multiStepCheckoutDeliveryPage .deliveryBannerContent {
    padding: 30px 310px 30px 50px;
  }
}
@media (max-width: 480px) {
  .page-multiStepCheckoutDeliveryPage .deliveryBannerContent {
    padding: 20px 110px 20px 20px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .deliveryOptionTab.active .deliveryOptionTabPointer {
    background: transparent !important;
  }
  .deliveryOptionTab.active .deliveryOptionTabPointer .triangle-down {
    box-sizing: content-box;
    width: 50%;
    height: 0;
    padding-left: 50%;
    padding-top: 9%;
    overflow: hidden;
  }
  .deliveryOptionTab.active .deliveryOptionTabPointer .triangle-down .shape {
    width: 0;
    height: 0;
    margin-left: -1000px;
    margin-top: -175px;
    border-left: 1000px solid transparent;
    border-right: 1000px solid transparent;
    border-top: 175px solid #52ae32;
  }
  #deliveryOptionTab-cnc .shape {
    border-top-color: #fcac00;
  }
  #deliveryOptionTab-col .shape {
    border-top-color: #b9154a;
  }
}
/*code is working on IE also*/
.addedAddressRadio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.addedAddressRadio .check {
  display: block;
  position: absolute;
  border: 2px solid #575757;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 1px;
  left: -1px;
  z-index: -2;
}
.addedAddressRadio .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 7px;
  width: 7px;
  top: 2px;
  left: 2px;
  margin: auto;
}
.addedAddressRadio input[type=radio]:checked ~ .check {
  border: 2px solid #575757;
}
.addedAddressRadio input[type=radio]:checked ~ .check::before {
  background: #575757;
}
.addedAddressRadio input[type=radio]:checked ~ label {
  color: #0DFF92;
}
/* z */
.checkout-container-grey {
  padding: 20px 0 0 0;
  margin-top: 30px;
}
@media (min-width: 480px) {
  .checkout-container-grey {
    padding: 20px 20px 0 20px;
  }
}
body.page-orderConfirmationPage {
  background-color: #F2F2F2;
}
@media (min-width: 480px) {
  body.page-orderConfirmationPage {
    background-color: #FFFFFF;
  }
}
body.page-orderConfirmationPage .mobileContainer {
  background-color: #FFF;
  padding: 10px;
  margin-top: 10px;
  border: #CCCCCC 1px solid;
}
@media (min-width: 480px) {
  body.page-orderConfirmationPage .mobileContainer {
    padding: 0;
    background-color: #FFF;
    border: none;
  }
}
.subscriptionInlineHeading {
  color: #4A4A4A;
  font-size: 16px !important;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  text-transform: uppercase;
  padding-left: 40px;
  padding-top: 3px;
}
.page-orderConfirmationPage .checkout-confirmation-content .js-order-confirmation-component {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.page-orderConfirmationPage .checkout-confirmation-content .cart-nav-container {
  max-width: 1120px;
  margin: 30px 10px;
  border-bottom: 5px solid #52ae32;
  display: none;
}
@media (max-width: 639px) {
  .page-orderConfirmationPage .checkout-confirmation-content .cart-nav-container {
    display: none;
  }
}
.page-orderConfirmationPage .checkout-confirmation-content .account-section-content .order-num {
  margin: 20px !important;
  font-size: 16px;
}
.page-orderConfirmationPage .checkout-confirmation-content .account-section-content .order-num .orderDataCode {
  font-weight: normal;
  font-size: 16px;
}
.page-orderConfirmationPage .checkout-confirmation-content .subscriptionOrderFeq {
  margin: 20px 10px 10px 10px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #616161;
  font-size: 16px;
  text-decoration: none;
  white-space: normal;
  padding: 0;
  font-weight: bold;
  word-wrap: break-word;
}
@media (min-width: 640px) {
  .page-orderConfirmationPage .checkout-confirmation-content .subscriptionOrderFeq {
    margin: 30px 20px 30px 20px;
  }
}
.page-orderConfirmationPage .checkout-confirmation-content .subscriptionOrderFeq .orderConfirmationSubscriptionType {
  font-size: 16px;
  text-transform: capitalize;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-family: "Open Sans", Helvetica, sans-serif;
}
.page-orderConfirmationPage .checkout-confirmation-content .js-subscription-delivery-date-info-block,
.page-orderConfirmationPage .checkout-confirmation-content .frequencyAndStatusText {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  background: none;
  color: #575757;
  font-size: 16px;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  width: 100%;
  float: none;
}
.page-orderConfirmationPage .checkout-confirmation-content .js-subscription-delivery-date-info-block .js-subscription-weekly-delivery-date-info,
.page-orderConfirmationPage .checkout-confirmation-content .frequencyAndStatusText .js-subscription-weekly-delivery-date-info {
  font-size: 16px;
  padding-left: 0;
  padding-top: 0;
}
.page-orderConfirmationPage .checkout-confirmation-content .js-subscription-delivery-date-info-block .js-subscription-monthly-delivery-date-info,
.page-orderConfirmationPage .checkout-confirmation-content .frequencyAndStatusText .js-subscription-monthly-delivery-date-info {
  font-size: 16px;
  padding-left: 0;
  padding-top: 0;
}
.page-orderConfirmationPage .checkout-confirmation-content .confirmationOrderNumberIcon {
  background: url(../images/confirmation-trolley.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
  top: 9px !important;
  position: absolute;
}
.page-orderConfirmationPage .checkout-confirmation-content .confirmationPOSTypeIcon {
  background: url(../images/icon-delivery.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
  top: 7px !important;
  position: absolute;
}
.page-orderConfirmationPage .checkout-confirmation-content .confirmationCncTypeIcon {
  background: url(../images/icon-click-collect.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
  top: 9px !important;
  position: absolute;
}
.page-orderConfirmationPage .checkout-confirmation-content .listPageHeader h1 {
  color: #4A4A4A !important;
  font-size: 18px !important;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  text-transform: uppercase;
  padding-left: 40px;
  padding-top: 3px;
}
.page-orderConfirmationPage .checkout-confirmation-content .listPageHeader h1.noIcon {
  color: #4A4A4A !important;
  font-size: 18px !important;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  text-transform: uppercase;
  padding-left: 0 !important;
}
.page-orderConfirmationPage .checkoutStepNoteBanner {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .page-orderConfirmationPage .checkoutStepNoteBannerIcon {
    top: 5px;
  }
}
.page-orderConfirmationPage .confirmation-thanks-melon .checkout-container-image .simple-banner {
  text-align: center;
}
@media (min-width: 640px) {
  .page-orderConfirmationPage .confirmation-thanks-melon .checkout-container-image .simple-banner {
    text-align: unset;
  }
}
.page-orderConfirmationPage .confirmation-thanks-melon .checkout-container-image .simple-banner img {
  height: 180px !important;
  width: auto !important;
}
@media (min-width: 640px) {
  .page-orderConfirmationPage .confirmation-thanks-melon .checkout-container-image .simple-banner img {
    float: right !important;
  }
}
.page-orderConfirmationPage .OrderSubscriptionConfirmationComponent-OrderConfirmationViewOrderAction {
  float: none;
  width: auto;
}
@media (min-width: 640px) {
  .page-orderConfirmationPage .OrderSubscriptionConfirmationComponent-OrderConfirmationViewOrderAction {
    width: 25%;
    float: left !important;
  }
}
.collectionPointNoteSection {
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  padding: 20px 10px;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.collectionPointNoteSection .collectionPointNoteSectionIcon {
  position: absolute;
  width: 40px;
  left: 1px;
  top: 10px;
  display: inline-block;
  height: 50px;
  background-image: url(../images/icon-info.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center;
}
@media (min-width: 640px) {
  .collectionPointNoteSection .collectionPointNoteSectionIcon {
    top: 7px;
  }
}
.collectionPointNoteSection .collectionPointNoteSectionHeader {
  color: #575757;
  font-size: 24px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  text-transform: uppercase;
  padding-left: 25px;
  display: inline-block;
}
.collectionPointNoteSection p {
  padding-left: 25px;
  color: #505050;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.page-orderConfirmationPage .checkout-confirmation-content .cart-nav-container .cart-nav-item .glyphicon {
  color: #52ae32;
}
.page-checkoutFailurePaymentPage .top100px {
  margin-top: 100px !important;
}
.page-checkoutFailurePaymentPage .first-h1 {
  margin-bottom: 20px !important;
  background: none !important;
}
.checkout-container-grey .confirmation-thanks-melon .checkout-container-message h2 {
  color: #b9154a;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  margin: 40px 0px 15px 0px;
  padding: 0 0;
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .checkout-container-grey .confirmation-thanks-melon .checkout-container-message h2 {
    font-size: 26px;
  }
}
.checkout-container-grey .confirmation-thanks-melon .checkout-container-message p {
  line-height: 24px;
  margin: 0 0 40px 0;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-size: 15px;
}
.checkout-container-grey .confirmation-thanks-melon .checkout-container-message p b {
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-weight: bold;
}
.checkout-container-grey .confirmation-thanks-melon .checkout-container-message .simple-banner-component {
  margin-bottom: 40px;
}
.checkout-container-grey .activeStatusContainer {
  padding: 10px;
}
@media (min-width: 640px) {
  .checkout-container-grey .activeStatusContainer {
    padding: 20px;
  }
}
.checkout-container-grey .miniSubscriptionContainer {
  background-color: #FFF;
  padding: 10px;
  margin-top: 10px;
  border: #CCCCCC 1px solid;
}
@media (min-width: 640px) {
  .checkout-container-grey .miniSubscriptionContainer {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 0;
  }
}
.checkout-container-grey .subscriptionInlineHeading {
  margin-left: 10px;
  display: block;
}
@media (min-width: 640px) {
  .checkout-container-grey .subscriptionInlineHeading {
    padding-left: 20px;
    padding-top: 8px;
    display: inline-block;
  }
}
.checkout-container-grey .subscriptionDetailsHeading {
  margin: 20px 0 0 0;
  font-family: "Open Sans", Helvetica, sans-serif;
  color: #616161;
  font-size: 18px;
  text-decoration: none;
  white-space: normal;
  padding: 0;
  font-weight: bold;
  word-wrap: break-word;
}
@media (min-width: 640px) {
  .checkout-container-grey .subscriptionDetailsHeading {
    margin: 20px 0 10px 0px;
  }
}
.checkout-container-grey .miniSubscriptionContainer .insideHeader {
  margin: 0;
}
.checkout-container-grey .subscriptionCncDeliveryIcon {
  left: 10px;
}
@media (min-width: 640px) {
  .checkout-container-grey .subscriptionCncDeliveryIcon {
    left: 15px;
  }
}
.checkout-container-grey .subscriptionDelDeliveryIcon {
  left: 10px;
}
@media (min-width: 640px) {
  .checkout-container-grey .subscriptionDelDeliveryIcon {
    left: 15px;
  }
}
.checkout-container-grey .subscriptionDetailsText {
  font-size: 16px;
  text-transform: capitalize;
  padding: 10px;
  padding-top: 0;
  padding-left: 0;
  font-weight: normal;
  line-height: normal;
  font-family: "Open Sans", Helvetica, sans-serif;
}
@media (min-width: 640px) {
  .checkout-container-grey .subscriptionDetailsText {
    padding-top: 22px;
    padding-left: 10px;
  }
}
.checkout-container-grey .confirmation-address-n-time,
.checkout-container-grey .confirmation-instructions {
  margin: 20px 10px 10px 10px;
}
.checkout-container-grey .confirmation-address-n-time .confirmation-address,
.checkout-container-grey .confirmation-instructions .confirmation-address,
.checkout-container-grey .confirmation-address-n-time .confirmation-time,
.checkout-container-grey .confirmation-instructions .confirmation-time,
.checkout-container-grey .confirmation-address-n-time .confirm-inst,
.checkout-container-grey .confirmation-instructions .confirm-inst,
.checkout-container-grey .confirmation-address-n-time .confirm-bags,
.checkout-container-grey .confirmation-instructions .confirm-bags {
  margin: 10px 0;
  padding: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #616161;
}
@media (min-width: 640px) {
  .checkout-container-grey .confirmation-address-n-time .confirmation-address,
  .checkout-container-grey .confirmation-instructions .confirmation-address,
  .checkout-container-grey .confirmation-address-n-time .confirmation-time,
  .checkout-container-grey .confirmation-instructions .confirmation-time,
  .checkout-container-grey .confirmation-address-n-time .confirm-inst,
  .checkout-container-grey .confirmation-instructions .confirm-inst,
  .checkout-container-grey .confirmation-address-n-time .confirm-bags,
  .checkout-container-grey .confirmation-instructions .confirm-bags {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }
}
.checkout-container-grey .confirmation-address-n-time .confirmation-address .bold,
.checkout-container-grey .confirmation-instructions .confirmation-address .bold,
.checkout-container-grey .confirmation-address-n-time .confirmation-time .bold,
.checkout-container-grey .confirmation-instructions .confirmation-time .bold,
.checkout-container-grey .confirmation-address-n-time .confirm-inst .bold,
.checkout-container-grey .confirmation-instructions .confirm-inst .bold,
.checkout-container-grey .confirmation-address-n-time .confirm-bags .bold,
.checkout-container-grey .confirmation-instructions .confirm-bags .bold {
  font-weight: bold;
  font-size: 16px;
}
.checkout-container-grey .confirmation-address-n-time .confirmation-address .span,
.checkout-container-grey .confirmation-instructions .confirmation-address .span,
.checkout-container-grey .confirmation-address-n-time .confirmation-time .span,
.checkout-container-grey .confirmation-instructions .confirmation-time .span,
.checkout-container-grey .confirmation-address-n-time .confirm-inst .span,
.checkout-container-grey .confirmation-instructions .confirm-inst .span,
.checkout-container-grey .confirmation-address-n-time .confirm-bags .span,
.checkout-container-grey .confirmation-instructions .confirm-bags .span {
  font-size: 16px;
  font-weight: normal;
}
.checkout-container-grey .confirmation-address-n-time strong,
.checkout-container-grey .confirmation-instructions strong {
  color: #505050;
  font-family: "pnpFont", Arial, sans-serif;
}
.checkout-container-grey .confirmation-address-n-time .user-confirmation-address,
.checkout-container-grey .confirmation-instructions .user-confirmation-address {
  font-size: 16px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757;
  margin: 0 !important;
  display: inline-block;
}
.checkout-container-grey .confirmation-address-n-time .user-confirmation-time,
.checkout-container-grey .confirmation-instructions .user-confirmation-time {
  font-size: 16px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757;
  margin: 0 !important;
  display: inline-block;
}
.checkout-container-grey .confirmation-address-n-time .user-confirmation-time span,
.checkout-container-grey .confirmation-instructions .user-confirmation-time span {
  font-weight: bold;
}
.checkout-container-grey .actions {
  margin: 20px 10px;
}
.checkout-container-grey .actions .DefaultOrderConfirmationComponent-OrderConfirmationViewOrderAction,
.checkout-container-grey .actions .DefaultOrderConfirmationComponent-OrderConfirmationContinueShoppingAction {
  float: left;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .checkout-container-grey .actions .DefaultOrderConfirmationComponent-OrderConfirmationViewOrderAction,
  .checkout-container-grey .actions .DefaultOrderConfirmationComponent-OrderConfirmationContinueShoppingAction {
    float: none;
    margin-right: 0;
  }
}
.checkout-container-grey .actions .AmendPaymentConfirmationComponent-OrderConfirmationViewOrderAction {
  float: left;
  margin-right: 15px;
}
@media (min-width: 640px) {
  .actions .AmendOrderConfirmationComponent-OrderConfirmationViewOrderAction {
    float: left !important;
    margin-right: 5px;
  }
  .actions .AmendOrderConfirmationComponent-OrderConfirmationContinueShoppingAction {
    float: left !important;
  }
  .actions .AmendOrderSubscriptionConfirmationComponent-OrderConfirmationViewSubscriptionAction {
    float: left !important;
    margin-right: 5px;
  }
  .actions .AmendOrderSubscriptionConfirmationComponent-OrderConfirmationContinueShoppingAction {
    float: left !important;
  }
}
.green-text {
  color: #52ae32;
}
.checkout-container-grey .cart-totals {
  background: none;
  line-height: 24px;
  padding-top: 0px;
  width: 100%;
  margin-left: -10px;
  line-height: 28px;
}
.checkout-container-grey .cart-totals .mini-cart-totals {
  padding: 10px;
  font-size: 16px;
}
.checkout-container-grey #miniCartTotals-totalPrice {
  margin-top: 10px;
}
.checkout-container-grey .actions a {
  margin-bottom: 2px;
}
.checkout-container-grey .actions .btn {
  width: 200px;
  font-size: 14px;
  height: 44px;
}
@media (max-width: 480px) {
  .checkout-container-grey .actions .btn {
    width: 100%;
    height: 55px;
    font-size: 16px !important;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
  }
}
.checkout-container-grey img.right-img {
  max-width: 100%;
}
.checkout-container-grey .actions .btn-primary-blue {
  background-color: #003359;
  border-color: #003359;
  font-size: 14px;
  border: none;
}
@media (max-width: 640px) {
  .page-checkoutFailurePaymentPage .top100px {
    margin-top: 0px !important;
  }
}
.checkout-container-grey .checkout-container-message .simple-banner img {
  width: 100%;
  max-width: 298px;
}
.checkout-container-grey .deliveryBannerContentContainer {
  color: #fff;
}
.checkout-container-grey .deliveryBanner {
  height: auto;
  background: #b9154a;
}
.checkout-container-grey .deliveryBanner .btn.learn-more {
  background-color: #fff;
  line-height: 20px;
  color: #b9154a;
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.confirmation-voucher-containerContainer .ssvoucher-container {
  min-height: 350px;
}
.voucherOrderThankYouLogo {
  text-align: center;
  display: inline-block;
  position: relative;
  width: 100%;
}
.voucherOrderThankYouLogo img {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
  display: inline-block;
}
.ssvoucher-container .recommended:before {
  content: "Try Me";
  color: white;
  height: 64px;
  width: 64px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  position: relative;
  left: 1px;
  top: 20px;
}
.ssvoucher-container .recommended {
  background-color: #52ae32 !important;
  text-align: center;
  margin: 0 auto 10px auto;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  background: none;
  position: absolute;
  left: 25px;
  top: 25px;
  border: 1px solid white;
}
.voucherInnerContainer {
  margin-top: 30px;
  width: 100%;
  display: inline-block;
}
.voucherListPageHeader {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
  margin: 0 0;
  padding: 15px 20px;
  position: relative;
  display: block;
  width: 100%;
  background-color: #003359;
  color: #FFF;
  text-transform: uppercase;
}
/*--- RTR guide price banner ---*/
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice {
  color: #FFF;
  background: #b9154a url(../images/icon-money.png) 20px 25px no-repeat;
  background-size: 56px;
  margin: 0 0 20px 0;
}
@media (max-width: 640px) {
  .checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice {
    background-image: none;
  }
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .icon-delivery-arrow {
  display: inline-block;
  overflow: hidden;
  background-image: url(../images/icon-arrow.png);
  position: absolute;
  height: 33px;
  width: 50px;
  top: 10px;
  right: 24px;
}
@media (max-width: 640px) {
  .checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .icon-delivery-arrow {
    top: 5px;
    right: 15px;
  }
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent {
  padding: 20px 30px 30px 100px;
}
@media (max-width: 640px) {
  .checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent {
    padding: 25px 20px 20px;
  }
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent .guidepriceHeadline {
  padding: 0 50px 10px 0;
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent .guidepriceSubline {
  float: left;
  display: inline-block;
  width: calc(100% - 140px);
  -moz-width: calc(100% - 140px);
  -ms-width: calc(100% - 140px);
  -o-width: calc(100% - 140px);
  -webkit-width: calc(100% - 140px);
}
@media (max-width: 640px) {
  .checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent .guidepriceSubline {
    width: 100%;
  }
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent .guidepriceBtn {
  float: right;
  display: inline-block;
}
@media (max-width: 640px) {
  .checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent .guidepriceBtn {
    float: left;
    clear: both;
    margin: 5px 0;
  }
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent h3 {
  font-size: 24px;
  line-height: normal;
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent h3 b,
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent h3 u {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent h3 {
    font-size: 19px;
  }
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .deliveryBannerContent h6 {
  display: block;
  padding-right: 15px;
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .btn.learn-more {
  background-color: #fff;
  color: #b9154a;
  margin-top: 12px;
  line-height: 20px;
  position: relative;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
.checkout-container-grey .deliveryBanner.deliveryBannerGuidePrice .btn.learn-more:hover {
  background-color: #a21241;
  color: #fff;
  transition: all 0.1s linear;
}
/*.checkout-container-grey .deliveryBanner .deliveryBannerContent {
  padding: 50px 30px 0 30px;
}
.checkout-container-grey .deliveryBanner .deliveryBannerContent .icon-delivery-money {
  display:none;
}
.checkout-container-grey .deliveryBanner .deliveryBannerContent h3 {
  line-height: 24px;
}
.checkout-container-grey .deliveryBanner .deliveryBannerContent h6 {
  display:block;
}*/
/*@media (min-width: 320px) {
  .checkout-container-grey .deliveryBanner {
    height: 320px;
  }
}*/
/*@media (min-width: 360px) {
  .checkout-container-grey .deliveryBanner {
    height: 284px;
  }
}*/
/*@media (min-width: 568px) {
  .checkout-container-grey .deliveryBanner {
    height: 212px;
  }
}*/
/*@media (min-width: 768px) {
  .checkout-container-grey .deliveryBanner {
    height: 138px;
  }
  .checkout-container-grey .deliveryBanner .deliveryBannerContent {
    padding: 20px 170px 20px 90px;
  }
  .checkout-container-grey .deliveryBanner .deliveryBannerContent h6 {
    margin-top: 5px;
  }
  .checkout-container-grey .deliveryBanner .deliveryBannerContent.icon-delivery-money {
    display: inline-block;
    overflow: hidden;
    background-image: url(../images/icon-money.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
  }
  .checkout-container-grey .deliveryBanner .btn.learn-more {
    bottom: 25px;
    right: 30px;
    left:auto;
  }
}*/
/*@media (min-width: 800px) {

  .checkout-container-grey .deliveryBanner .deliveryBannerContent {
    padding: 20px 250px 20px 90px;
  }
  .checkout-container-grey .deliveryBanner .deliveryBannerContent h3 {
    margin-top: 13px;
  }
  .checkout-container-grey .deliveryBanner .deliveryBannerContent h6 {
    margin-top: 17px;
  }
  .checkout-container-grey .deliveryBanner .deliveryBannerContent.icon-delivery-money {
    background-position: 10px 25px;
  }
}*/
.voucherSubParagraph {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  color: #757575;
  font-size: 15px;
  padding: 20px;
}
/*--- END - RTR guide price banner ---*/
.confirmation-voucher-containerContainer {
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.confirmation-voucher-containerContainer .ssvoucher-container {
  min-height: 280px;
}
.confirmation-voucher-containerContainer .col-md-5ths {
  padding: 10px;
}
.confirmation-voucher-containerContainer img {
  width: 75%;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: auto;
}
.confirmation-voucher-containerContainer .ssvoucherTextLine {
  font-size: 14px;
  color: #3374B6;
  text-align: center;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
}
@media (min-width: 640px) {
  .confirmation-voucher-containerContainer .voucherImage {
    min-height: 143px !important;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .confirmation-voucher-containerContainer .col-md-5ths {
    padding-left: 15px;
    padding-right: 15px;
  }
  .confirmation-voucher-containerContainer .ssvoucherTextLine {
    font-size: 16px;
    color: #3374B6;
    text-align: center;
    font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  }
  .confirmation-voucher-containerContainer .voucherImage {
    min-height: 125px !important;
    width: 75%;
  }
  .confirmation-voucher-containerContainer .ssvoucher-container {
    min-height: 300px;
  }
}
.ssvoucher-container .personal:before {
  content: "Just for You";
  color: white;
  height: 45px;
  width: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  position: relative;
  left: 1px;
  top: 8px;
}
.ssvoucher-container .personal {
  background-color: #3374b6 !important;
  text-align: center;
  margin: 0 auto 10px auto;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  background: none;
  position: absolute;
  left: 10px;
  top: 10px;
  border: 1px solid white;
}
.ssvoucher-container .recommended:before {
  content: "Try Me";
  color: white;
  height: 45px;
  width: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  line-height: 22px;
  position: relative;
  left: 1px;
  top: 11px;
}
.ssvoucher-container .recommended {
  background-color: #52ae32 !important;
  text-align: center;
  margin: 0 auto 10px auto;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  background: none;
  position: absolute;
  left: 10px;
  top: 10px;
  border: 1px solid white;
}
@media (min-width: 640px) {
  .ssvoucher-container .personal:before {
    content: "Just for You";
    color: white;
    height: 64px;
    width: 64px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    position: relative;
    left: 1px;
    top: 15px;
  }
  .ssvoucher-container .personal {
    background-color: #3374b6 !important;
    text-align: center;
    margin: 0 auto 10px auto;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    background: none;
    position: absolute;
    left: 25px;
    top: 25px;
    border: 1px solid white;
  }
  .voucherBlocks {
    border: 1px solid #cccccc;
  }
}
.checkout-confirmation-content .nav-cart .mini-cart-totals > div > span > span {
  top: -1px;
}
.checkout-confirmation-content .nav-cart.cart-totals-container {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.actions.addToCalendar {
  margin: 20px 10px 20px 10px;
}
/* --- btn-calendar --- */
.btn.btn-calendar-gmail,
.btn.btn-calendar-gmail:active,
.btn.btn-calendar-gmail:visited,
.btn.btn-calendar-gmail:hover,
.btn.btn-calendar-outlook,
.btn.btn-calendar-outlook:active,
.btn.btn-calendar-outlook:visited,
.btn.btn-calendar-outlook:hover {
  border: 1px solid #9B9B9B;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 13px !important;
  padding: 14px 25px 10px 25px !important;
  margin: 0 10px 0 0 !important;
  color: #575757;
  background-color: #FFF;
  position: relative;
  height: 44px !important;
  width: auto !important;
  background-repeat: no-repeat;
  background-position: 10px 8px;
  background-size: 22px;
}
.btn.btn-calendar-gmail,
.btn.btn-calendar-gmail:active,
.btn.btn-calendar-gmail:visited,
.btn.btn-calendar-gmail:hover {
  background-color: #FFF;
  border: 1px solid #9B9B9B;
  color: #575757;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 13px !important;
}
@media (max-width: 640px) {
  .btn.btn-calendar-gmail,
  .btn.btn-calendar-gmail:active,
  .btn.btn-calendar-gmail:visited,
  .btn.btn-calendar-gmail:hover,
  .btn.btn-calendar-outlook,
  .btn.btn-calendar-outlook:active,
  .btn.btn-calendar-outlook:visited,
  .btn.btn-calendar-outlook:hover {
    margin: 0 0 6px 0 !important;
    width: 100% !important;
    text-align: center;
    line-height: 32px;
    color: #575757;
    height: 55px !important;
    background-image: none;
  }
  .btn.btn-calendar-gmail span,
  .btn.btn-calendar-outlook span {
    position: relative;
    font-size: 13px !important;
  }
}
@media (max-width: 360px) {
  .btn.btn-calendar-gmail,
  .btn.btn-calendar-gmail:active,
  .btn.btn-calendar-gmail:visited,
  .btn.btn-calendar-gmail:hover,
  .btn.btn-calendar-outlook,
  .btn.btn-calendar-outlook:active,
  .btn.btn-calendar-outlook:visited,
  .btn.btn-calendar-outlook:hover {
    white-space: normal;
  }
}
.unableToUpdatePopUp #cboxContent {
  background-color: #13375a !important;
  background-image: url(../images/X-icon.png) !important;
  background-repeat: no-repeat;
  background-position: 50% 25px;
  padding: 110px 55px 25px 55px;
  background-size: 60px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
}
.orderAmendMode .payments-cardInfoTable-actions button {
  margin-bottom: 0 !important;
}
.checkout-failure-body.checkout-container-grey {
  margin-top: 0px;
  border: 1px solid silver;
}
.checkout-failure-body.checkout-container-grey .txt-body {
  color: #575757;
}
.datepicker {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border-radius: 0;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  color: #000000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  background-image: none;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.highlighted,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.highlighted.active {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted .badge {
  color: #d9edf7;
  background-color: #000000;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today[disabled],
fieldset[disabled] .datepicker table tr td.today,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today .badge {
  color: #ffdb99;
  background-color: #000000;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:hover,
.datepicker table tr td.range:focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  color: #000000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  background-image: none;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range[disabled],
fieldset[disabled] .datepicker table tr td.range,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range[disabled]:active,
fieldset[disabled] .datepicker table tr td.range:active,
.datepicker table tr td.range.disabled.active,
.datepicker table tr td.range[disabled].active,
fieldset[disabled] .datepicker table tr td.range.active {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range .badge {
  color: #eeeeee;
  background-color: #000000;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  color: #000000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  background-image: none;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.range.highlighted,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled:active,
.datepicker table tr td.range.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.disabled.active,
.datepicker table tr td.range.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.range.highlighted.active {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted .badge {
  color: #e4eef3;
  background-color: #000000;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  color: #000000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today .badge {
  color: #f7ca77;
  background-color: #000000;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #ffffff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
  color: #777777;
  background-color: #ffffff;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: #001626;
  border-color: #00101c;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.highlighted,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.highlighted.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.highlighted.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.highlighted.active {
  background-color: #003359;
  border-color: #003359;
}
.datepicker table tr td.active .badge,
.datepicker table tr td.active.highlighted .badge {
  color: #003359;
  background-color: #ffffff;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #003359;
  border-color: #003359;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #001626;
  border-color: #00101c;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #003359;
  border-color: #003359;
}
.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #003359;
  background-color: #ffffff;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 0;
}
.input-daterange input:last-child {
  border-radius: 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.page-order .orderhistoryListFilters .orderhistoryform,
.page-orders .orderhistoryListFilters .orderhistoryform {
  margin: 20px 20px 5px 20px;
}
.page-order .orderhistoryListFilters .orderhistoryform .d-container_cell,
.page-orders .orderhistoryListFilters .orderhistoryform .d-container_cell {
  display: table-cell;
}
.page-order .orderhistoryListFilters .orderhistoryform .from-date,
.page-orders .orderhistoryListFilters .orderhistoryform .from-date,
.page-order .orderhistoryListFilters .orderhistoryform .to-date,
.page-orders .orderhistoryListFilters .orderhistoryform .to-date {
  width: 100% !important;
  margin-right: 10px;
  border: 1px solid #cccccc !important;
  outline: none;
  height: 44px;
}
@media (min-width: 767px) and (max-width: 768px) {
  .page-order .orderhistoryListFilters .orderhistoryform .from-date,
  .page-orders .orderhistoryListFilters .orderhistoryform .from-date,
  .page-order .orderhistoryListFilters .orderhistoryform .to-date,
  .page-orders .orderhistoryListFilters .orderhistoryform .to-date {
    width: 110px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-order .orderhistoryListFilters .orderhistoryform .from-date,
  .page-orders .orderhistoryListFilters .orderhistoryform .from-date,
  .page-order .orderhistoryListFilters .orderhistoryform .to-date,
  .page-orders .orderhistoryListFilters .orderhistoryform .to-date {
    width: 245px !important;
  }
}
@media (min-width: 480px) {
  .page-order .orderhistoryListFilters .orderhistoryform .from-date,
  .page-orders .orderhistoryListFilters .orderhistoryform .from-date,
  .page-order .orderhistoryListFilters .orderhistoryform .to-date,
  .page-orders .orderhistoryListFilters .orderhistoryform .to-date {
    border: 1px solid #cccccc !important;
    height: 30px;
    width: 130px !important;
  }
}
.page-order .orderhistoryListFilters .orderhistoryform .from-group,
.page-orders .orderhistoryListFilters .orderhistoryform .from-group,
.page-order .orderhistoryListFilters .orderhistoryform .to-group,
.page-orders .orderhistoryListFilters .orderhistoryform .to-group {
  width: 45%;
}
@media (min-width: 480px) {
  .page-order .orderhistoryListFilters .orderhistoryform .from-group,
  .page-orders .orderhistoryListFilters .orderhistoryform .from-group,
  .page-order .orderhistoryListFilters .orderhistoryform .to-group,
  .page-orders .orderhistoryListFilters .orderhistoryform .to-group {
    width: 120px;
  }
}
.page-order .orderhistoryListFilters .orderhistoryform .to-group,
.page-orders .orderhistoryListFilters .orderhistoryform .to-group {
  padding-left: 5%;
}
@media (min-width: 480px) {
  .page-order .orderhistoryListFilters .orderhistoryform .to-group,
  .page-orders .orderhistoryListFilters .orderhistoryform .to-group {
    padding-left: 0;
  }
}
.page-order .orderhistoryListFilters .orderhistoryform .date-search-button,
.page-orders .orderhistoryListFilters .orderhistoryform .date-search-button {
  width: 100%;
  height: 52px;
  padding-top: 20px;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page-order .orderhistoryListFilters .orderhistoryform .date-search-button,
  .page-orders .orderhistoryListFilters .orderhistoryform .date-search-button {
    width: 120px;
    margin-right: 15px;
  }
}
@media (min-width: 480px) {
  .page-order .orderhistoryListFilters .orderhistoryform .date-search-button,
  .page-orders .orderhistoryListFilters .orderhistoryform .date-search-button {
    width: 130px;
    margin-right: 40px;
    padding-top: 9px;
    height: auto;
    font-weight: normal;
  }
}
.page-order .orderhistoryListFilters .orderhistoryform .show-dropdown,
.page-orders .orderhistoryListFilters .orderhistoryform .show-dropdown {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-order .orderhistoryListFilters .orderhistoryform .sls-custom-select .selectric,
  .page-orders .orderhistoryListFilters .orderhistoryform .sls-custom-select .selectric {
    width: 154px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-order .orderhistoryListFilters .orderhistoryform .sls-custom-select .selectric,
  .page-orders .orderhistoryListFilters .orderhistoryform .sls-custom-select .selectric {
    width: 500px;
  }
}
.page-order {
  background-color: #f2f2f2;
}
@media (min-width: 480px) {
  .page-order {
    background-color: #FFF;
  }
}
.page-order .account-section-content {
  border: none !important;
}
@media (min-width: 480px) {
  .page-order .account-section-content {
    border: 1px solid #cccccc !important;
  }
}
.orderDetailsPageHeadingContainer {
  background-color: #FFF;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
}
@media (min-width: 480px) {
  .orderDetailsPageHeadingContainer {
    background-color: #f1f2f2;
    margin-bottom: 0;
    border-bottom: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    border-top: none;
  }
}
.orderDetailsContainer {
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  background-color: #FFF;
  padding: 20px;
}
@media (min-width: 480px) {
  .orderDetailsContainer {
    border: none;
    padding: 10px 20px 10px 20px;
    margin-bottom: 0;
    background-color: #FFF;
  }
}
.orderDetailsContainer .invoicesContainer {
  padding: 20px;
}
.orderDetailsContainer .invoicesContainer .row {
  padding-top: 10px;
  padding-bottom: 0;
}
@media (min-width: 480px) {
  .orderDetailsContainer .invoicesContainer .row {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.orderDetailsContainer .downloadAllInvoicesBtn {
  height: 55px;
  width: 100%;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #FFF;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 22px;
}
@media (min-width: 480px) {
  .orderDetailsContainer .downloadAllInvoicesBtn {
    height: 36px;
    margin-top: 0;
    padding-top: 12px;
  }
}
.orderDetailsContainer .order-select-all:hover,
.orderDetailsContainer .order-select-all:active,
.orderDetailsContainer .order-select-all:focus,
.orderDetailsContainer .order-collapse-all:hover,
.orderDetailsContainer .order-collapse-all:active,
.orderDetailsContainer .order-collapse-all:focus,
.orderDetailsContainer .add-to-my-list:hover,
.orderDetailsContainer .add-to-my-list:active,
.orderDetailsContainer .add-to-my-list:focus {
  border: #979797 1px solid;
  cursor: pointer;
}
.orderDetailsContainer .insideHeader {
  color: #575757 !important;
  font-size: 18px !important;
  font-family: "pnpFont", Helvetica, Arial, sans-serif !important;
  margin: 15px 0 0 0 !important;
}
@media (min-width: 480px) {
  .orderDetailsContainer .insideHeader {
    margin: 0;
  }
}
.orderDetailsContainer .orderInlineHeading {
  display: inline-block;
  padding-left: 15px;
  padding-top: 8px;
  font-size: 18px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #616161;
}
.orderDetailsContainer .invoiceandCreditIcon {
  display: inline-block;
  background-size: 60px;
  height: 32px;
  width: 32px;
  background-position: center;
  margin-top: 0;
  background: url(../images/invoices-icon-pdf.svg) no-repeat;
  position: relative;
  float: left;
}
.orderDetailsContainer .orderCncDeliveryIcon {
  display: inline-block;
  background-size: 60px;
  height: 32px;
  width: 32px;
  background-position: center;
  margin-top: 0;
  background: url(../images/icon-click-collect.svg) no-repeat;
  position: relative;
  float: left;
}
.orderDetailsContainer .orderTrolleyIcon {
  display: inline-block;
  background-size: 60px;
  height: 32px;
  width: 32px;
  background-position: center;
  margin-top: 0;
  background: url(../images/icon-trolley.svg) no-repeat;
  position: relative;
  float: left;
}
.orderDetailsContainer .creditNotesContainer {
  margin-top: 15px;
}
@media (min-width: 480px) {
  .orderDetailsContainer .creditNotesContainer {
    margin-top: 0;
  }
}
.orderDetailsContainer .orderDetailsHeading {
  font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #575757;
  padding-top: 10px;
}
.orderDetailsContainer .orderDetailsText {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  padding-top: 10px;
}
.orderDetailsContainer .subscriptionInlineHeading {
  display: inline-block;
  padding-left: 15px;
  padding-top: 8px;
  font-size: 18px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #616161;
}
.orderDetailsContainer .orderDetailsLink {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
  text-transform: uppercase;
  padding-top: 10px;
  display: inline-block;
  width: 100%;
}
@media (min-width: 480px) {
  .orderDetailsContainer .orderDetailsLink {
    padding-bottom: 10px;
    padding-top: 0;
  }
}
.orderDetailsContainer .orderDetailsLink:focus,
.orderDetailsContainer .orderDetailsLink:active,
.orderDetailsContainer .orderDetailsLink:hover {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #00375D;
  text-decoration: underline;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.orderDetailsContainer .sales-order-total-section .cart-totals-container {
  padding: 0px;
}
.orderDetailsContainer .sales-order-total-section .row .col-md-6 {
  width: 100%;
}
.orderDetailsContainer .cart-totals {
  background-color: #FFF;
}
.orderDetailsContainer .productlistContainer {
  padding: 0;
}
.orderDetailsContainer .order-address-time {
  padding-top: 20px;
}
.orderDetailsContainer #orderHistoryTotals-totalPrice {
  margin: 12px 0 14px 0;
  background-color: #DCDDDF !important;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  height: 50px;
  padding-top: 10px;
  text-transform: uppercase;
}
.orderDetailsContainer .btn-custom {
  width: 100%;
  height: 55px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #FFF;
  font-size: 14px;
  margin-right: 20px;
  padding-top: 8px;
  margin-top: 10px;
}
@media (min-width: 480px) {
  .orderDetailsContainer .btn-custom {
    height: 36px;
    margin-top: 0;
  }
}
.orderDetailsContainer .order-action-buttons div {
  padding: 5px;
}
@media (min-width: 480px) {
  .orderDetailsContainer .order-action-buttons div {
    width: auto;
    padding: 3px;
  }
}
.orderDetailsContainer .order-action-buttons button {
  width: 100% !important;
  margin: 0 0 1px 0 !important;
  font-size: 13px;
}
@media (min-width: 480px) {
  .orderDetailsContainer .order-action-buttons button {
    width: auto !important;
    margin: 0 0 15px 0;
  }
}
.orderDetailsContainer .actions-trolley a {
  width: 100% !important;
  margin: 0 0 5px 0 !important;
}
@media (min-width: 480px) {
  .orderDetailsContainer .actions-trolley a {
    width: auto !important;
    padding-top: 10px;
  }
}
@media (min-width: 1024px) {
  .orderDetailsContainer .activeStatusContainer .col-md-8:first-child {
    padding: 0;
  }
}
.orderDetailsContainer .activeStatusContainer .subscriptionDetailsHeading {
  padding-left: 0;
  padding-top: 10px;
}
.orderDetailsContainer .activeStatusContainer .subscriptionDetailsText {
  padding-left: 0;
  padding-top: 10px;
}
.orderDetailsContainer .checkoutStepNoteBanner {
  margin-bottom: 20px;
}
.order-collapse-all,
.order-select-all,
.add-to-my-list {
  border: #979797 1px solid;
  height: 35px;
  background-color: transparent;
  color: #575757 !important;
  font-size: 13px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  padding-top: 11px;
}
.dsb-list-btn {
  height: 35px;
}
.add-to-trl {
  padding-top: 11px;
  height: 35px;
  background-color: #B90748;
  color: #FFF;
  font-size: 13px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.view-to-trolley {
  padding-top: 11px;
  height: 35px;
  background-color: #00375D;
  color: #FFF;
  font-size: 13px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.insideHeader {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #f1f2f2;
  margin: 0 20px;
  padding: 10px;
  color: #575757;
}
.error-details-section .insideHeader {
  text-transform: none;
  background: none;
  margin: 100px 0px 60px;
  padding: 0 0;
  color: #575757;
}
.error-details-section .insideHeader h4 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 30px;
  margin: 0 0;
}
.error-details-section .insideHeader p {
  line-height: 26px;
  font-size: 15px;
  margin: 10px 0 0 0;
  padding: 0 0px;
}
.error-details-section .actions .btn {
  margin-left: 0;
}
.page-order .order-num {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #505050;
  font-size: 15px;
  text-decoration: none;
  white-space: normal;
  margin: 30px 20px;
  padding: 0 10px;
  word-wrap: break-word;
}
.page-order .order-address-time .page-title {
  margin-bottom: 20px;
}
.page-order .productlistContainer {
  padding: 0 0px;
}
@media (min-width: 640px) {
  .page-order .productlistContainer {
    padding: 0 20px;
  }
}
.page-order .productlistContainer s .hrTop-panel {
  margin: 5px 0 0 0;
}
.page-order .sales-order-total-section .cart-totals {
  float: none;
}
.page-order .address-n-time {
  margin: 20px 20px;
  font-family: Arial;
}
.page-order .order-error-message {
  margin: 10px 20px 10px 20px;
}
.page-order .order-action-buttons {
  margin: 20px;
  display: inline-block;
}
table.orderhistoryListFilters-table td,
table.orderhistoryListFilters-table th {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  padding: 0;
  color: #616161;
  line-height: normal;
  font-weight: normal;
  font-size: 15px;
  text-transform: none;
  text-align: left;
  vertical-align: bottom;
}
@media (max-width: 640px) {
  table.orderhistoryListFilters-table td,
  table.orderhistoryListFilters-table th {
    padding: 0;
  }
}
table.orderhistoryListFilters-table tr table tr td,
table.orderhistoryListFilters-table tr table tr th {
  display: inline-block;
  padding: 0 10px 10px 0;
  position: relative;
  width: 50%;
  float: left;
}
table.orderhistoryListFilters-table td.orderStatusSearchButton {
  width: 100%;
}
@media (max-width: 640px) {
  table.orderhistoryListFilters-table td#orderStatusSearchButton {
    margin-bottom: 0;
  }
}
table.orderhistoryListFilters-table td select,
table.orderhistoryListFilters-table td input {
  height: 44px;
  border: 1px solid #cccccc !important;
  width: 174px;
  text-align: left;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #575757;
}
@media (min-width: 640px) {
  table.orderhistoryListFilters-table td select,
  table.orderhistoryListFilters-table td input {
    height: 35px;
  }
}
table.orderhistoryListFilters-table td .input-group.date .input-daterange-clear {
  width: 20px;
  height: 20px;
  padding: 1px 3px;
  margin: 0px;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  cursor: pointer;
  color: #939598;
  position: absolute;
  top: 10px;
  z-index: 2;
  right: 14px;
}
table.orderhistoryListFilters-table td .input-group.date table tr td:first-child .input-daterange-clear {
  right: 14px;
}
table.orderhistoryListFilters-table td .input-group.date .input-daterange-clear:hover {
  color: #cccccc;
}
@media (max-width: 767px) {
  table.orderhistoryListFilters-table td .input-group.date .input-daterange-clear {
    top: 38px;
    right: 0px !important;
    bottom: 14px;
    height: 32px;
    width: 32px;
  }
}
table.orderhistory-list-table tr.responsive-table-item,
table.orderhistory-list-table tr.responsive-table-item:nth-child(even) {
  background-color: #FFF;
}
table.orderhistory-list-table {
  margin: 10px 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 10px;
}
@media (min-width: 640px) {
  table.orderhistory-list-table {
    font-size: 12px;
  }
}
table.orderhistory-list-table .account-orderhistory-table-head td {
  padding: 10px 7px !important;
}
table.orderhistory-list-table .account-orderhistory-table-head .orderDl {
  padding: 0 !important;
}
@media (max-width: 767px) {
  table.orderhistory-list-table .account-orderhistory-table-head .orderDl .order-dl-head-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  table.orderhistory-list-table .account-orderhistory-table-head .orderDl .order-dl-head-mobile {
    display: none;
  }
}
table.orderhistory-list-table td {
  padding: 0;
  color: #757575;
  line-height: normal;
  background-color: #FFF;
  border-bottom: 8px solid #FFF;
  vertical-align: middle;
}
table.orderhistory-list-table tr,
table.orderhistory-list-table tr td {
  margin: 0 !important;
  padding: 0 !important;
  height: 0;
  /*overflow: hidden;*/
}
table.orderhistory-list-table tr.responsive-table-item.status-created td {
  background-color: #f2f2f2;
}
table.orderhistory-list-table tr.responsive-table-item.status-created td.viewOrder-btn-container-actions {
  background-color: #FFF;
}
table.orderhistory-list-table td.viewOrder-btn-container {
  border-bottom: 8px solid #FFF;
  border-left: 8px solid #FFF;
}
@media (max-width: 376px) {
  table.orderhistory-list-table td.viewOrder-btn-container {
    background: none !important;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  table.orderhistory-list-table td.viewOrder-btn-container .viewOrder-arrow {
    display: none;
  }
}
table.orderhistory-list-table td span {
  display: inline-block;
  padding: 7px 7px 7px 7px;
  /*position: absolute;
  &.orderStatusColor{
    position: relative;
  }*/
}
table.orderhistory-list-table .status-requires_attention td span.orderStatusColor {
  color: #757575;
}
table.orderhistory-list-table .status-delivered td span.orderStatusColor {
  color: #757575;
}
table.orderhistory-list-table .status-in_progress td span.orderStatusColor,
table.orderhistory-list-table .status-in_progress td {
  color: #757575;
  font-weight: bold;
}
table.orderhistory-list-table .status-cnc_collected td span.orderStatusColor {
  /*color: @delivery-yellow;*/
  color: #757575;
}
table.orderhistory-list-table .status-cp_collected td span.orderStatusColor {
  color: #757575;
}
table.orderhistory-list-table .status-in_store td span.orderStatusColor {
  color: #757575;
}
.account-orderhistory {
  margin: 0 20px;
}
table.orderhistory-list-table tr.account-orderhistory-table-head td {
  background-color: #f2f2f2;
  text-transform: uppercase;
  border-bottom: 8px solid #FFF;
  padding: 7px;
  font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #757575;
}
@media (min-width: 640px) {
  table.orderhistory-list-table tr.account-orderhistory-table-head td {
    font-size: 14px;
  }
}
table.orderhistory-list-table td .btn.btn-fullwidth,
table.orderhistory-list-table td .btn.btn-fullwidth:active,
table.orderhistory-list-table td .btn.btn-fullwidth:hover,
table.orderhistory-list-table td .btn.btn-fullwidth:focus {
  margin: 0;
}
table.orderhistory-list-table td.viewOrder-btn-container-actions {
  width: 38px;
}
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a:hover {
  color: #b9144a;
}
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 14px;
  line-height: normal;
  font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a:last-of-type {
  border-bottom: none;
}
.orderHistory-list-actions .sl-item-extras:hover .sl-item-extras-content,
.shoppinglists-list .sl-item-extras:active .sl-item-extras-content {
  visibility: visible;
  border: 1px solid #575757;
  background-color: #FFF;
  height: 30px;
  width: 135px;
  padding: 0;
  margin: 0;
}
.orderHistory-list-actions .sl-item-extras .sl-item-extras-content {
  visibility: hidden;
  width: 0;
  height: 30px;
  overflow: hidden;
  padding: 0 0;
  margin: 0;
  border: none;
  background: none;
  position: absolute;
  top: -1px;
  right: 31px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.orderHistory-list-actions .sl-item-extras {
  display: block;
  height: 30px;
  width: 33px;
  padding: 0 0;
  margin: 0 0 0 0;
  font-size: 30px;
  line-height: 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
  background: url(../images/icon-three-dots.svg) no-repeat;
}
@media (min-width: 1024px) {
  .orderHistory-list-actions .sl-item-extras {
    margin: 0 0 0 10px;
  }
}
.orderHistory-list-actions {
  margin: 0;
  padding: 0;
  counter-reset: left-counter;
}
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a.viewOrder-btn-editPayment {
  background: url(../images/icons-introPage.png) 4px -83px no-repeat;
}
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a.viewOrder-btn-noEditPayment {
  background: #999999 url(../images/card-icon-disabled.png) 2px 0px no-repeat;
  background-size: 30px;
}
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a.viewOrder-btn-noCancel,
table.orderhistory-list-table tr td.viewOrder-btn-container-actions a.viewOrder-btn-noCancel:hover {
  background: #999999 url(../images/trash-icon-disabled.png) no-repeat;
  background-size: 30px;
  background-position: 2px -1px;
  cursor: default;
}
/*table.orderhistory-list-table tr:hover td.viewOrder-btn-container-actions a {
  opacity: 1;
}*/
.subscription-icon {
  background: url(../images/email-icons-subscribe-large.png) no-repeat;
  background-size: 20px;
  background-position: 2px 5px;
  display: inline-block !important;
  width: 22px;
  height: 25px;
  position: absolute;
  right: 0;
}
@media (min-width: 480px) {
  .subscription-icon {
    right: auto;
    left: auto;
  }
}
table.orderhistory-list-table tr.responsive-table-item {
  display: table-row;
  width: auto !important;
}
table.orderhistory-list-table tr.responsive-table-item td,
table.orderhistory-list-table tr.responsive-table-item td.responsive-table-cell {
  display: table-cell;
  width: auto;
  cursor: default;
  position: relative;
  height: 50px;
}
.responsive-table-cell.orderNo {
  min-width: 100px;
}
.responsive-table-cell .orderNoInner {
  width: auto;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: inherit;
  float: left;
  display: block;
  vertical-align: middle;
  z-index: 3;
}
.responsive-table-cell .orderNoInner:hover {
  overflow: visible;
  width: auto;
  max-width: none;
}
@media (min-width: 480px) {
  table.orderhistory-list-table tr.responsive-table-item {
    display: table-row;
    width: auto !important;
  }
  table.orderhistory-list-table tr.responsive-table-item td,
  table.orderhistory-list-table tr.responsive-table-item td.responsive-table-cell {
    display: table-cell;
    width: auto;
  }
  table.orderhistory-list-table tr.responsive-table-item td.viewOrder-btn-container-actions {
    width: 38px;
  }
}
/* responsive table */
.orderhistoryListFilters-table .sls-custom-select .selectric {
  width: 100%;
  height: 44px;
}
.orderhistoryListFilters-table .sls-custom-select .selectric .label {
  height: 44px;
  line-height: 38px;
}
.orderhistoryListFilters-table .sls-custom-select .selectric .button {
  top: 10px;
}
@media (min-width: 480px) {
  .orderhistoryListFilters-table .sls-custom-select .selectric {
    width: auto;
    height: 30px;
  }
  .orderhistoryListFilters-table .sls-custom-select .selectric .label {
    height: 30px;
    line-height: 24px;
  }
  .orderhistoryListFilters-table .sls-custom-select .selectric .button {
    top: 5px;
  }
}
.orderhistoryListFilters-table {
  width: 100%;
}
.orderhistoryListFilters-table th {
  display: none;
}
.orderhistoryListFilters-table td {
  display: block;
}
.orderhistoryListFilters-table td:before {
  content: attr(data-th);
  font-weight: normal;
  margin-bottom: 5px;
  display: block;
}
@media (min-width: 767px) {
  .orderhistoryListFilters-table td:before {
    display: none;
  }
}
@media (min-width: 767px) {
  .orderhistoryListFilters-table th,
  .orderhistoryListFilters-table td {
    display: inline-block;
  }
}
/* hide placeholder text and before text for dif screens */
.orderhistoryListFilters-table .from-group::before,
.orderhistoryListFilters-table .to-group::before,
.orderhistoryListFilters-table .search-group::before,
.orderhistoryListFilters-table .showDropDown::before {
  font-size: 15px;
  color: #616161;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
/* Tooltip */
/*
body .ui-tooltip,
.ui-tooltip {
display: block;
  padding: 5px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: none;
  border: none;
  background-color: rgba(0,0,0,0.9);
  color: #FFF;
  .pnpFont;
  font-size: 12px;
  text-transform: uppercase;
  top:0;
  left: -25%;

	  &::after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    margin-left: -5px;
	    border-width: 5px;
	    border-style: solid;
	    border-color: transparent transparent black transparent;
	}
}
*/
/* Pagination */
.favourites-main .account-orderhistory-pagination {
  padding: 0;
}
.favourites-main .pagination-bar {
  margin: 0;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.favourites-main .pagination-bar.bottom .pagination-toolbar {
  padding: 0;
  border: none;
}
.favourites-main .pagination-bar .col-xs-12.col-sm-6.col-md-5.pagination-wrap {
  width: 100% !important;
  margin: 0 auto;
  padding: 0;
  float: left;
  text-align: center;
}
.favourites-main .pagination-bar .pagination,
.pagination-bar button {
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .favourites-main .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 5px;
    padding: 0;
    border: none;
  }
}
.favourites-main .pagination-bar .pagination > li > a,
.favourites-main .pagination-bar .pagination > li > span {
  line-height: normal;
  width: 20px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  color: #cccccc;
}
.favourites-main .pagination-bar .pagination > li > span {
  color: #575757;
}
.favourites-main .pagination-bar .pagination > li.pagination-next > span,
.favourites-main .pagination-bar .pagination > li.pagination-prev > span,
.favourites-main .pagination-bar .pagination > li.pagination-next > a,
.favourites-main .pagination-bar .pagination > li.pagination-prev > a {
  color: #575757;
  font-size: 12px;
  line-height: 16px;
}
.favourites-main .pagination-bar .pagination > li > a:hover,
.favourites-main .pagination-bar .pagination > li.pagination-next > a:hover,
.favourites-main .pagination-bar .pagination > li.pagination-prev > a:hover {
  color: #b9154a;
}
/*--- datepicker ---*/
.datepicker.datepicker-dropdown {
  padding: 2px;
}
.datepicker .datepicker-days table thead tr,
.datepicker .datepicker-months table thead tr,
.datepicker .datepicker-years table thead tr {
  background-color: #f2f2f2;
  border-bottom: 1px solid #cccccc;
}
.datepicker .datepicker-days table thead tr:last-child {
  background-color: #FFF;
  border-bottom: none;
}
.datepicker .datepicker-days table thead tr td,
.datepicker .datepicker-days table thead tr th,
.datepicker .datepicker-months table thead tr th,
.datepicker .datepicker-months table thead tr th,
.datepicker .datepicker-years table thead tr th,
.datepicker .datepicker-years table thead tr th {
  background: none;
  border-radius: 0;
  padding: 10px;
  color: #19212b;
}
.datepicker .datepicker-days table tbody tr td,
.datepicker .datepicker-days table tbody tr th {
  background: #f2f2f2;
  border-radius: 0;
  color: #19212b;
  border: 2px solid #FFF;
}
.datepicker .datepicker-months table tbody tr td span,
.datepicker .datepicker-years table tbody tr td span {
  background: #f2f2f2;
  border-radius: 0;
  color: #19212b;
}
.datepicker .datepicker-months table tbody tr td span:hover,
.datepicker .datepicker-years table tbody tr td span:hover {
  background: #eeeeee;
}
.datepicker .datepicker-days table tbody tr .old,
.datepicker .datepicker-days table tbody tr .new {
  background: #FFF;
  border-radius: 0;
  color: #929292;
  border: 2px solid #FFF;
}
.datepicker .datepicker-days table tbody tr .today {
  background: rgba(196, 12, 82, 0.1);
  border-radius: 0;
  color: #929292;
  border: 2px solid #FFF;
}
.datepicker .datepicker-days table tbody tr .today:hover {
  background: rgba(196, 12, 82, 0.15);
  border: 2px solid #FFF;
}
.datepicker .datepicker-days table tbody tr .active {
  background: #b9154a;
  border-radius: 0;
  color: #FFF;
  border: 2px solid #FFF;
}
.datepicker .datepicker-days table tbody tr .active:hover {
  background: #c40c52;
  border: 2px solid #FFF;
}
.datepicker .datepicker-months table tbody tr td span.active.focused,
.datepicker .datepicker-years table tbody tr td span.active.focused {
  background: #b9154a;
  color: #FFFFFF;
}
/*********** Sales Order Details page **********/
.grey-text {
  color: #575757;
  font-weight: bold;
}
.margin-top-10px {
  margin-top: 10px;
}
.margin-bot-10px {
  margin-bottom: 10px;
}
.productItemListHolder {
  clear: both;
}
.page-order .sub-inner .substitute label input {
  margin-bottom: 0px;
}
.page-order .product-list .product-item .details.details-prodname {
  margin-bottom: 10px;
  margin-right: 0px;
}
.page-order .product-list {
  padding: 0px;
  margin-left: 0;
  margin-right: 0;
}
.page-order .product-list .product-item {
  padding: 10px;
}
.page-order .product-list .product-item .row .sub-container {
  display: inline-block;
  position: relative;
}
.page-order .product-list .product-item .row .sub-container .sub-inner {
  border: none;
  padding: 0;
  color: #B90748;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .page-order .product-list .product-item .row .sub-container {
    width: 95%;
  }
}
.page-order .product-list .product-item .details {
  float: none;
}
.page-order .product-list .product-item .row #productlistcol3 .item-price {
  float: left;
}
.page-order .product-list .product-item .row #productlistcol4 .subs-text {
  line-height: inherit;
}
.page-order .product-list .product-item:nth-of-type(2n) {
  background: none;
}
.page-order .actions-trolley,
.page-order .order-actions {
  clear: both;
  margin: 10px 20px 0px 20px;
  display: inline-block;
}
.page-order .pnp-cart-accordion-panel {
  margin: 5px 0 20px 0;
}
.js-shopping-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  display: none;
  box-shadow: none;
}
.cancelNotPossible.js-shopping-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  display: none;
  box-shadow: none;
}
.js-hide-on-successful-subscription-cancellation button.disabled,
.js-hide-on-successful-subscription-cancellation button[disabled] {
  display: none;
}
.page-order .quantityItemHolder {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  border: 1px solid silver;
  padding: 5px;
  width: 30px;
  text-align: center;
}
.weightItemHolder {
  border: 1px solid silver;
  padding: 10px;
  width: 88px;
  text-align: center;
}
.product-list i {
  float: left;
}
.page-order .cart-totals {
  margin-top: 10px;
  padding: 0 0px;
}
@media (min-width: 640px) {
  .page-order .cart-totals {
    padding: 0 10px;
  }
}
.page-order .favourites-main {
  border: 1px solid silver;
}
@media (max-width: 1023px) {
  .page-order .favourites-main {
    margin: 15px;
    width: initial;
  }
}
.page-order .cancel-order-popup-container {
  position: relative;
  margin-top: -60px;
}
@media (max-width: 480px) {
  .page-order .cancel-order-popup-container {
    margin-top: -90px;
  }
}
.page-order .cancel-order-popup-container .cancel-order-popup {
  padding: 20px;
  background: rgba(0, 0, 0, 0.77);
  color: #fff;
}
@media (max-width: 480px) {
  .page-order .cancel-order-popup-container .cancel-order-popup {
    height: 120px;
  }
}
.page-order .cancel-order-popup-container .cancel-order-popup .cancel-order-popup-msg {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  display: inline-block;
  max-width: 70%;
}
@media (max-width: 1024px) {
  .page-order .cancel-order-popup-container .cancel-order-popup .cancel-order-popup-msg {
    max-width: 48%;
  }
}
@media (max-width: 480px) {
  .page-order .cancel-order-popup-container .cancel-order-popup .cancel-order-popup-msg {
    max-width: 100%;
  }
}
.page-order .cancel-order-popup-container .cancel-order-popup .cancel-order-buttons {
  display: inline;
}
.page-order .cancel-order-popup-container .cancel-order-popup-success,
.page-order .cancel-order-popup-container .cancel-order-popup-fail {
  padding: 20px;
  color: #fff;
  height: 60px;
  text-align: center;
}
@media (max-width: 480px) {
  .page-order .cancel-order-popup-container .cancel-order-popup-success,
  .page-order .cancel-order-popup-container .cancel-order-popup-fail {
    padding: 20px 55px;
    height: 90px;
  }
}
.page-order .cancel-order-popup-container .cancel-order-popup-success {
  background: #b9154a;
}
.page-order .cancel-order-popup-container .cancel-order-popup-fail {
  background: #153a59;
}
.page-order .cancel-order-popup-container .overlay-message-dl-2-close {
  top: 18px;
}
.cancel-order-popup a.js-order-cancel-yes,
.cancel-order-popup a.js-order-cancel-no {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  border: 1px solid #FFF !important;
  padding: 7px 50px;
  color: #FFF;
  float: right;
  height: 30px;
  margin-top: -5px;
}
@media (max-width: 1024px) {
  .cancel-order-popup a.js-order-cancel-yes,
  .cancel-order-popup a.js-order-cancel-no {
    margin-top: 10px;
  }
}
.cancel-order-popup a.js-order-cancel-yes {
  margin-right: 10px;
}
.cancel-order-popup a.js-order-cancel-yes:hover,
.cancel-order-popup a.js-order-cancel-yes:active,
.cancel-order-popup a.js-order-cancel-yes:visited,
.cancel-order-popup a.js-order-cancel-no:hover,
.cancel-order-popup a.js-order-cancel-no:active,
.cancel-order-popup a.js-order-cancel-no:visited {
  border: 1px solid #FFF !important;
  background-color: #FFF;
  color: #575757;
  text-decoration: none;
}
.page-order .responsive-table-item:nth-child(even) {
  background-color: transparent;
}
.page-order .responsive-table-item {
  position: absolute;
  /* width: 100%; */
  margin-top: -70px;
  /* z-index: 22222 !important; */
  margin-left: -10px;
}
/*********** Sales Orders List page **********/
table.orderhistory-list-table tr.responsive-table-item {
  background-color: transparent;
  width: 100% !important;
  height: 56px;
}
@media (max-width: 480px) {
  table.orderhistory-list-table tr.responsive-table-item {
    height: 65px;
  }
}
.page-orders .cancel-order-popup,
.page-orders .cancel-order-popup-success,
.page-orders .cancel-order-popup-fail {
  position: absolute;
  /* margin: -48px 0 -20px 0; */
  z-index: 99;
  border-collapse: collapse;
  width: calc(100% - 62px);
  -moz-width: calc(100% - 62px);
  -ms-width: calc(100% - 62px);
  -o-width: calc(100% - 62px);
  -webkit-width: calc(100% - 62px);
  background: rgba(0, 0, 0, 0.77);
  margin: 0 0;
  margin-top: 9px;
  height: 37px;
  padding: 10px;
  color: #fff;
}
.page-orders .cancel-order-popup-success {
  background: #b9154a;
}
.page-orders .cancel-order-popup-fail {
  background: #153a59;
}
.page-orders .cancel-order-buttons {
  float: right;
}
@media (max-width: 1024px) {
  .page-orders .cancel-order-buttons {
    margin-top: -16px;
  }
}
.page-orders div.responsive-table-item.popups-container {
  display: none;
  border: none !important;
  position: relative;
  width: auto !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none;
}
.page-orders div.responsive-table-item.popups-container > td {
  border: none;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  display: table-cell;
  text-align: left;
}
@media (max-width: 640px) {
  .page-order .product-list .product-item .row #productlistcol3 .item-price {
    float: left;
    margin-left: 130px;
    margin-top: 5px;
  }
  .page-order .product-list .product-item .row #productlistcol3 .qty {
    margin-left: 0px;
  }
  .page-order .product-list .product-item .row .sub-container {
    position: absolute;
    bottom: 8px;
    width: 264px;
    left: 14px;
  }
  .page-order .listPageHeader #h1-item-3 {
    display: inline-block;
    width: 20px;
    margin-left: 30px;
  }
  .page-order .listPageHeader #h1-item-4 {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-order .product-list .product-item .row #productlistcol3 .qty {
    margin-left: 0;
  }
  .page-order .listPageHeader #h1-item-3 {
    margin-right: 11%;
    display: block;
  }
  .page-order .listPageHeader #h1-item-4 {
    margin-right: 0px;
    display: block;
  }
  .page-order .listPageHeader #h1-item-6 {
    margin-right: 45px;
  }
}
@media (min-width: 992px) {
  .page-order .product-list .product-item .row #productlistcol3 .qty {
    margin-left: 0px;
  }
  .page-order .listPageHeader #h1-item-4 {
    margin-left: 50px;
  }
  .page-order .listPageHeader #h1-item-6 {
    margin-right: -6px;
  }
}
.pnpOrderIcons-Print#pnpOrderIcons-Print {
  background-position: 5px 4px;
  width: 32px;
  border: 1px solid #575757;
  margin: 0 0 0 5px;
}
.pnpOrderIcons-Print {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  background: url(../images/icon-print.png) 0 0 no-repeat;
  cursor: pointer;
}
.pnpOrderIcons-Print a {
  width: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.page-order .deliveryBanner,
.page-orders .deliveryBanner {
  margin: 20px;
  background-color: #b9144a;
}
.page-order .order-bskt-img {
  display: block;
  background: url(../images/icon-order-banner.png) 0 0 no-repeat;
  margin: 0 0 10px 40px;
}
@media (max-width: 639px) {
  .page-order .order-bskt-img {
    margin: 0 0 10px 20px;
  }
}
.page-orders .order-bskt-img {
  display: block;
  background: url(../images/icon-order-list-banner.png) 0 0 no-repeat;
  margin: 0 0 10px 40px;
}
@media (max-width: 639px) {
  .page-orders .order-bskt-img {
    margin: 0 0 10px 20px;
  }
}
.page-order .deliveryBannerContent,
.page-orders .deliveryBannerContent {
  padding: 0px 160px 30px 110px;
}
@media (max-width: 1024px) {
  .page-order .deliveryBannerContent,
  .page-orders .deliveryBannerContent {
    padding: 0px 100px 30px 110px;
  }
}
@media (max-width: 640px) {
  .page-order .deliveryBannerContent,
  .page-orders .deliveryBannerContent {
    padding: 0px 15px 30px 100px;
  }
}
.page-order .deliveryBanner h3,
.page-orders .deliveryBanner h3 {
  margin: 20px 0 0 0;
  padding-top: 5px;
}
.page-order .deliveryBanner h3 b {
  font-weight: bold;
}
.page-order .deliveryBanner h6,
.page-orders .deliveryBanner h6 {
  padding-top: 5px;
}
@media (max-width: 1024px) {
  .page-order .deliveryBanner h6,
  .page-orders .deliveryBanner h6 {
    width: 100%;
  }
}
.page-order .product-list .product-item .details .name {
  font-family: Arial;
  font-size: 14px;
  color: #575757;
}
.page-order .sales-order-total-section .hr {
  display: block;
  margin: 0 0 5px 0;
  border-top: 1px solid #cccccc;
}
.order-address,
.order-time {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .add-to-my-list {
    margin-top: 10px;
    width: 100%;
  }
  .actions-trolley .row {
    display: table;
    width: 100%;
  }
  .actions-trolley .row .add-to-trolley,
  .actions-trolley .row .view-to-trolley {
    width: 49%;
    padding: 7px 0;
  }
  .actions-trolley .row .add-to-trolley {
    margin-right: 1%;
  }
  .actions-trolley .row .view-to-trolley {
    margin-left: 1%;
  }
  .order-actions .row {
    display: table;
  }
  .order-actions .row a {
    display: table-cell;
    white-space: initial;
  }
  .order-actions .row a:first-child {
    border-right: 5px solid #fff;
  }
  .order-action-buttons .row {
    display: table;
    width: 100%;
  }
  .order-action-buttons .row button {
    display: table-cell;
    width: 49%;
  }
  .order-action-buttons .row .btn-custom-green {
    width: 100%;
    margin-top: 5px;
  }
  .order-action-buttons .row .order-select-all {
    margin-right: 1%;
  }
  .order-action-buttons .row .order-collapse-all {
    margin-left: 1%;
  }
  .order-action-buttons .row .add-to-trolley {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 640px) {
  .sl-ordr-qty,
  .sl-ordr-price {
    display: none;
  }
}
/* print for sales order page starts */
.logo-for-print {
  display: none;
}
@media print {
  .no-print {
    display: none;
  }
  .nav-bottom {
    display: none;
  }
  .logo-for-print {
    display: block;
    margin: 20px 20px 20px 50px;
  }
  .favourites-main {
    width: 100%;
    margin: 0;
    float: none;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  a[href]:after {
    content: none !important;
  }
  .tooltip {
    visibility: hidden;
  }
  .site-logo {
    float: left;
    display: block;
  }
  .page-order .favourites-main {
    border: none;
  }
  .page-order header {
    margin: 0;
  }
  .page-order .product-item .shoppinglists-itemList-item {
    margin: 0;
    padding: 0;
    display: initial;
  }
  .page-order .product-list {
    padding: 0;
    margin: 0;
  }
  .page-order .product-list .product-item {
    height: auto;
  }
  .page-order .pnp-cart-accordion:after,
  .page-order .pnp-cart-accordion.active:after {
    display: none;
  }
  .favourites-main .order-num {
    margin-top: 30px;
  }
  .deliveryBanner h3 b {
    font-weight: bold;
  }
  .product-item .product-item-left3,
  .product-item .product-item-left4 {
    width: 15%;
  }
  .product-item .product-item-left3 {
    margin-bottom: 10px;
  }
  .product-item .product-item-left4 .normalPrice .item_price {
    color: #575757;
    font-size: 16px;
    font-weight: bold;
  }
  .product-item .product-item-left4 .normalPrice .item_price span {
    font-size: 9px;
    position: relative;
    top: -5px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 100%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
}
/* print for sales order page ends */
/*

}*/
.cancel-order-popup-success .overlay-close {
  top: 7px;
}
.page-subscription {
  background-color: #f2f2f2;
}
@media (min-width: 480px) {
  .page-subscription {
    background-color: #FFF;
  }
}
.page-subscription .product-list .product-item:nth-of-type(2n) {
  background-color: #f1f1f1;
}
.page-subscription .account-section-content {
  border: none !important;
}
@media (min-width: 480px) {
  .page-subscription .account-section-content {
    border: 1px solid #cccccc !important;
  }
}
.page-subscription .product-item-left2,
page-order .product-item-left2 {
  overflow: visible;
}
.page-subscription .product-item-left2 .details-prodname .name,
page-order .product-item-left2 .details-prodname .name {
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #4A4A4A !important;
}
.page-subscription .product-item-left2 .sub-container,
page-order .product-item-left2 .sub-container {
  display: inline-block;
  position: relative;
  top: 35px;
  left: -135px;
}
/* subscriptions styles start here*/
.subscription-details .col-md-4,
.subscription-details .col-md-3,
.subscription-details .col-md-5,
.subscription-details .col-md-8,
.subscription-details .col-md2 {
  padding-top: 0;
}
@media (min-width: 480px) {
  .subscription-details .col-md-4,
  .subscription-details .col-md-3,
  .subscription-details .col-md-5,
  .subscription-details .col-md-8,
  .subscription-details .col-md2 {
    padding-top: 10px;
  }
}
.subscription-details .insideHeader {
  color: #575757;
  font-size: 18px;
  font-family: "pnpFont", Helvetica, Arial, sans-serif;
  margin-top: 20px;
  margin-bottom: 5px;
}
@media (min-width: 480px) {
  .subscription-details .insideHeader {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.subscription-details .listPageHeader h1 {
  padding-left: 35px;
  padding-top: 5px;
  font-size: 18px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #616161;
}
.subscription-details .insideHeader .subscriptionInlineHeading {
  display: block;
  position: relative;
  left: 15px;
  padding-left: 15px;
  padding-top: 8px;
  font-size: 16px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #616161;
  width: 80%;
}
@media (min-width: 640px) {
  .subscription-details .insideHeader .subscriptionInlineHeading {
    width: auto;
  }
}
.subscription-details .viewTrolleyTable {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (min-width: 640px) {
  .subscription-details .viewTrolleyTable {
    padding: 0;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.subscription-details .btn-custom {
  width: 100%;
  height: 55px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #FFF;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 8px;
}
@media (min-width: 480px) {
  .subscription-details .btn-custom {
    height: 36px;
    margin-top: 0;
  }
}
.subscription-details .js-resume-subscription,
.subscription-details .js-pause-subscription,
.subscription-details .js-cancel-subscription {
  margin-top: 20px;
}
@media (min-width: 480px) {
  .subscription-details .js-resume-subscription,
  .subscription-details .js-pause-subscription,
  .subscription-details .js-cancel-subscription {
    margin-top: 0 !important;
  }
}
.subscription-details .product-list .product-item .sub-container .sub-inner {
  border: none;
  color: #B90748;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-size: 14px;
}
.subscription-details .hrTop-cart {
  margin-top: 20px;
}
.subscription-details .product-item-left2 {
  overflow: visible;
  display: inline-block;
}
.subscription-details .product-item-left2 .details.details-prodname {
  display: block;
  float: none;
}
.subscription-details .product-item-left2 .details-prodname .name {
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: #4A4A4A !important;
}
.subscription-details .product-item-left2 .sub-container {
  display: block;
  top: auto;
  left: auto;
}
.subscription-details .product-item-left2 .sub-container .sub-inner {
  padding: 0;
}
.subscription-details .miniSubscriptionContainer {
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  background-color: #FFF;
}
@media (min-width: 480px) {
  .subscription-details .miniSubscriptionContainer {
    border: none;
    margin-bottoM: 0;
  }
}
.subscription-details .product-list .product-item .overlay-visibility.cancelledOrderItemOverlay {
  width: 100%;
}
.subscription-details .checkoutStepNoteBanner {
  margin: 0px 20px 20px;
  width: auto !important;
}
.editSubscriptionName {
  position: relative;
  top: 8px;
}
.editSubscriptionNameContainer {
  float: right;
  position: relative;
  top: 0;
}
.pauseSubscriptionText {
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 15px !important;
}
.subscriptionFrequencyChangeNote {
  margin: 0;
  padding: 0;
}
@media (min-width: 480px) {
  .subscriptionFrequencyChangeNote {
    margin-top: 10px;
  }
}
.editSubscriptionNameIcon {
  position: relative;
  float: right;
  width: 33px;
  height: 33px;
  background: url(../images/icons-shoppinglists.png) no-repeat;
  background-position: -2px -38px;
  background-size: 36px;
  border: 1px solid #575757;
  cursor: pointer;
}
.updateSubscriptionNameIcon {
  border: 1px solid #575757;
  position: relative;
  float: right;
  width: 33px;
  height: 33px;
  padding: 0;
  overflow: hidden;
  background: url(../images/icon-check.svg) 4px 6px no-repeat;
  background-size: 23px;
  cursor: pointer;
  font-size: 0;
}
.activeStatusContainer {
  padding: 20px;
}
.subscriptionActiveStatusMessage {
  font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #575757;
}
.subscriptionDetailsHeadingIcon {
  display: inline-block;
  margin-top: 0;
  position: relative;
  float: left;
  background: url(../images/subscriptionDetailsHeadingIcon.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
}
.subscriptionDelDeliveryIcon {
  display: inline-block;
  background-size: 60px;
  height: 32px;
  width: 32px;
  background-position: center;
  margin-top: 0;
  background: url(../images/icon-delivery.svg) no-repeat;
  position: relative;
  float: left;
}
.subscriptionCncDeliveryIcon {
  display: inline-block;
  background-size: 60px;
  height: 32px;
  width: 32px;
  background-position: center;
  margin-top: 0;
  background: url(../images/icon-click-collect.svg) no-repeat;
  position: relative;
  float: left;
}
.subscriptionPaymentsHeadingIcon {
  display: inline-block;
  margin-top: 0;
  position: relative;
  float: left;
  background: url(../images/icon-payment.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
}
.subscriptionTrolleyIcon {
  display: inline-block;
  margin-top: 0;
  position: relative;
  float: left;
  background: url(../images/confirmation-bag-circle.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
}
.subscriptionsPauseIcon {
  background-size: 33px;
  height: 20px;
  width: 24px;
  display: inline-block;
  background: url(../images/icon-pause.svg) no-repeat 0 0;
}
.subscriptionsRestartIcon {
  background-size: 33px;
  height: 20px;
  width: 24px;
  display: inline-block;
  background: url(../images/icon-play-white.svg) no-repeat 0 0;
}
.subscriptionsPauseWording {
  top: -5px;
  position: relative;
}
.subscriptionPageIcon {
  display: inline-block;
  margin-top: -3px;
  margin-right: 10px;
  position: relative;
  float: left;
  background: url(../images/icon-subscription.svg) no-repeat 0 0;
  background-size: 33px;
  height: 33px;
  width: 33px;
}
.subscriptionDetailsHeading {
  font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #575757;
  margin: 15px 0 0 0;
}
@media (min-width: 480px) {
  .subscriptionDetailsHeading {
    margin: 0;
  }
}
.subscriptionDetailsHeading em {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.subscriptionDetailsText {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  color: #575757;
}
.productlistContainer {
  padding: 0 0;
  margin: 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.productlistContainer .pnp-cart-accordion-panel {
  margin: 0;
}
.productlistContainer .product-list .product-item .details.details-prodname {
  margin-left: 0;
}
.productlistContainer .quantityItemHolder {
  border: 1px solid black;
  padding: 5px !important;
  font-weight: bold;
  width: 30px;
  text-align: center;
}
.subscriptionsTotalPrice {
  margin-top: 20px;
}
.subscriptionsTotalPrice .sales-order-total-section .cart-totals-container {
  padding-right: 0px;
  padding-left: 0px;
}
.subscriptionsTotalPrice .sales-order-total-section .row .col-md-6 {
  width: 100%;
  padding: 0px 0px 2px 0px;
}
@media (min-width: 640px) {
  .subscriptionsTotalPrice .sales-order-total-section .row .col-md-6 {
    padding: 0px 10px 20px 10px;
  }
}
.subscriptionsTotalPrice .sales-order-total-section .row .col-md-6 .cart-totals {
  width: 100%;
  background-color: #FFF;
}
.subscriptionsTotalPrice .sales-order-total-section .row .col-md-6 .cart-totals .mini-cart-totals #miniCartTotals-totalPrice {
  margin: 12px 0 14px 0;
  background-color: #DCDDDF !important;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  height: 50px;
  padding-top: 10px;
}
.subscriptionsForgotSomethingBanner {
  margin: 20px 0px 30px 0px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  height: 100% !important;
}
@media (min-width: 480px) {
  .subscriptionsForgotSomethingBanner {
    background-color: #F2F2F2 !important;
    margin: 20px 20px 30px 20px !important;
    height: 90px !important;
  }
}
.subscriptionsForgotSomethingBanner .deliveryBannerContentContainer {
  padding: 5px 0 !important;
}
.subscriptionsForgotSomethingBanner .deliveryBannerContent {
  padding: 20px 20px 20px 20px !important;
}
.subscriptionsForgotSomethingBanner h3 {
  color: #575757;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  text-transform: uppercase;
  font-size: 24px;
  margin: 0 !important;
  padding-top: 0 !important;
}
.subscriptionsForgotSomethingBanner h6 {
  font-family: Arial, sans-serif, Helvetica;
  color: #B90748;
  font-size: 16px;
  margin: 20px 15px 0 15px;
}
@media (min-width: 480px) {
  .subscriptionsForgotSomethingBanner h6 {
    margin: 10px 0 0 0;
  }
}
.subscriptionsForgotSomethingBanner .amendSubscriptionBtn {
  background-color: #B90748;
  border: 1px solid #FFF;
  height: 55px;
  top: 15px;
  position: relative;
  text-align: center;
  margin: 10px 8px 15px 8px;
}
@media (min-width: 480px) {
  .subscriptionsForgotSomethingBanner .amendSubscriptionBtn {
    height: 36px;
    top: -40px;
    float: right;
    width: 245px;
    margin: 0;
  }
}
.subscriptionsForgotSomethingBanner .amendSubscriptionBtn span a {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  color: #FFF !important;
  padding: 5px;
  margin-top: 12px;
  position: relative;
  width: 100%;
  line-height: initial;
  display: inline-block;
}
@media (min-width: 480px) {
  .subscriptionsForgotSomethingBanner .amendSubscriptionBtn span a {
    margin-top: 6px;
  }
}
.favourites-main {
  border-top: none;
  margin: 20px 0 0 0;
  border-bottom: none;
}
.orderhistoryListFilters {
  margin: 20px;
}
.date-search-button {
  height: 44px;
  font-size: 16px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  padding: 15px 22px;
}
@media (min-width: 640px) {
  .date-search-button {
    font-size: 13px;
    height: 35px;
    padding: 10px 22px;
  }
}
.noOrdersMessage {
  font-size: 16px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 10px;
}
.noOrdersMessage .start-shopping {
  font-weight: bold;
}
.noCardLinkedMessage,
.noInstoreOrdersMessage {
  font-size: 16px;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 20px;
  font-weight: bold;
}
.orderListingComponent {
  min-height: 500px;
  border: 1px solid #cccccc;
}
.orderListingComponent .listPageIcon {
  display: inline-block;
  position: relative;
  float: left;
  width: 33px;
  height: 33px;
  margin-right: 10px;
  margin-top: -10px;
}
@media (min-width: 640px) {
  .orderListingComponent .listPageIcon {
    height: 33px;
  }
}
.orderListingComponent .containerBackgroundStyle:nth-child(even) {
  background-color: #FAFAFA;
}
.orderListingComponent .listingPageContainerStyle {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}
.orderListingComponent .orderContainer {
  display: inline-block;
  padding: 20px 15px 0px 15px;
  width: 100%;
  position: relative;
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 55px;
}
.orderListingComponent .orderContainer .from-date,
.orderListingComponent .orderContainer .to-date {
  height: 35px;
  color: #BDBDBD;
  font-size: 15px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.orderListingComponent .orderContainer .deliveryDateWidth {
  padding: 0;
  padding-left: 10px;
}
@media (min-width: 640px) {
  .orderListingComponent .orderContainer .deliveryDateWidth {
    padding: 0 10px 0 10px;
  }
}
.orderListingComponent .orderContainer .onceOffOrderStatus {
  padding: 0;
  padding-left: 10px;
}
@media (min-width: 640px) {
  .orderListingComponent .orderContainer .onceOffOrderStatus {
    padding: 0 10px 0 10px;
  }
}
.orderListingComponent .orderContainer a {
  color: #575757;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60px;
  direction: rtl;
  text-align: left;
}
@media (min-width: 640px) {
  .orderListingComponent .orderContainer a {
    width: auto;
    direction: ltr;
    text-align: left;
  }
}
.orderListingComponent .orderContainer a:hover {
  text-decoration: underline;
}
@media (min-width: 640px) {
  .orderListingComponent .orderContainer span {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.orderListingComponent .hoverable-dropdown {
  float: right;
}
.orderListingComponent .orderHistory-list-actions .sl-item-extras {
  background-position: 0px -7px;
}
.orderListingComponent .pagination li {
  text-align: center;
}
@media (min-width: 640px) {
  .orderListingComponent .pagination li {
    text-align: left;
  }
}
.orderListingComponent .pagination li span,
.orderListingComponent .pagination li a {
  width: 100% !important;
}
@media (min-width: 640px) {
  .orderListingComponent .pagination li span,
  .orderListingComponent .pagination li a {
    width: 20px !important;
  }
}
/*----- product listing / search results page -----*/
.plpSearchFacetsColumn {
  padding-left: 0 !important;
}
.product-facet,
.product-facet .facet {
  padding: 0px;
  border: none;
}
.product-facet .facet .facet-name {
  font-size: 18px;
  border: 0px #cccccc;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
  background-color: #f2f2f2;
  margin: 0 0;
  padding: 15px 20px ;
  position: relative;
  display: block;
  width: 100%;
  padding: 15px;
  border: 1px solid #cccccc;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  line-height: normal;
  color: #575757;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
}
.product-facet .facet .facet-name span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.product-facet .facet .facet-name span.glyphicon {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.product-facet .facet .facet-values {
  border: 1px solid #cccccc;
  border-top: none;
  padding: 15px 0 0 0;
  margin: 0 0 20px 0;
  font-size: 12px;
}
.product-facet .facet .facet-list {
  margin: 0 15px;
}
.product-facet .facet .facet-list li {
  padding: 2px 0;
  /*position: relative;*/
}
.product-facet .facet .facet-list li:last-child {
  padding-bottom: 25px;
}
.product-facet .facet .facet-list > li > a {
  /*selected filter*/
  /*margin: 20px 0;*/
}
.product-facet .facet .facet-list > li > span > a {
  /*unselected filter*/
  margin: 0px 0;
}
.plpAddToListA {
  background: url(../images/header-icons.png) 0 0 no-repeat;
  cursor: pointer;
  background-position: -70px 10px;
  background-size: 120px;
  width: 43px;
  height: 40px;
  overflow: hidden;
  font-size: 0;
  display: inline-block;
  position: absolute;
  top: auto;
  right: 20px;
}
@media (min-width: 640px) {
  .plpAddToListA {
    left: 90px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .plpAddToListA {
    left: 130px;
  }
}
.page-purchasedProductsSearchPage .plpAddToListA {
  width: 38px;
}
ul.product-listing.product-grid .item .plpAddToListA {
  bottom: 0;
}
.product-facet .facet .facet-list .facet-text,
.product-facet .facet .facet-list .facet-text a {
  line-height: 10px;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  display: inline-block;
}
@media (min-width: 640px) {
  .product-facet .facet .facet-list .facet-text,
  .product-facet .facet .facet-list .facet-text a {
    color: #575757;
  }
}
.product-facet .facet .facet-list .facet-text a:hover,
.product-facet .facet .facet-list .facet-text a:active {
  line-height: 10px;
  color: #b9154a;
  text-decoration: none;
}
.product-facet .facet .facet-list .facet-text .facet-value-count {
  float: right;
  position: absolute;
  right: 10px;
}
.product-facet .facet .more,
.product-facet .facet .less {
  /*display: block;*/
  width: 100%;
  border-top: 1px solid #cccccc;
  margin-top: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.product-facet .facet .more a.js-more-facet-values-link,
.product-facet .facet .less a.js-less-facet-values-link {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #575757;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 15px;
  cursor: pointer;
}
.product-facet .facet .more a.js-more-facet-values-link span,
.product-facet .facet .less a.js-less-facet-values-link span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.product-facet .facet .more a.js-more-facet-values-link:active,
.product-facet .facet .less a.js-less-facet-values-link:active,
.product-facet .facet .more a.js-more-facet-values-link:hover,
.product-facet .facet .less a.js-less-facet-values-link:hover {
  line-height: normal;
  color: #b9154a;
  text-decoration: none;
}
.product-facet .facet .more a.js-more-facet-values-link span.facetarrow,
.product-facet .facet .less a.js-less-facet-values-link span.facetarrow {
  content: "";
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  top: -3px;
  left: 8px;
  border-color: #575757;
  border-width: 1px;
  border-style: none solid solid none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}
.product-facet .facet .less a.js-less-facet-values-link span.facetarrow {
  top: 1px;
  border-style: solid none none solid;
}
.product-facet .facet .more a.js-more-facet-values-link:hover span.facetarrow,
.product-facet .facet .less a.js-less-facet-values-link:hover span.facetarrow {
  border-color: #b9154a;
}
.product-facet .facet .facet-list > li > a,
.product-facet .facet .facet-list > li > a:hover,
.product-facet .facet .facet-list > li > a:active {
  background: none;
  position: absolute;
  left: 10px;
  margin: 0px 0;
  width: calc(100% - 20px);
  -moz-width: calc(100% - 20px);
  -ms-width: calc(100% - 20px);
  -o-width: calc(100% - 20px);
  -webkit-width: calc(100% - 20px);
  border: 1px solid #e5e5e5 !important;
  height: 22px;
  overflow: hidden;
}
.product-facet .facet .facet-list > li > a span.glyphicon {
  width: 20px;
  height: 20px;
  background: #e5e5e5;
  top: 0;
  line-height: normal;
  float: right;
  border-left: 1px solid #e5e5e5;
  transition: all 0.2s linear;
  text-align: center;
  padding: 1px;
}
.product-facet .facet .facet-list > li > a span.glyphicon:before {
  color: #929292;
  /*transition: all 0.2s linear;*/
  font-size: 12px;
}
.product-facet .facet .facet-list > li > a:hover span.glyphicon {
  background: #b9154a;
}
.product-facet .facet .facet-list > li > a:hover span.glyphicon:before {
  color: #FFF;
}
.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-mark {
  background: #52ae32;
  border: 1px solid #52ae32;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-mark:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 8px;
  height: 15px;
  top: -1px;
  left: 0px;
  border-color: #FFF;
  border-width: 2px;
  border-style: none solid solid none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}
.promotionContainer {
  position: relative;
  bottom: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  white-space: unset;
  max-height: 37px;
  font-size: 12px;
  margin-bottom: 5px;
  min-height: 37px;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.promotionContainer a {
  color: #ff0000 !important;
}
.promotionContainer.promotionsShortText {
  font-size: 14px;
}
.promotionContainer.promotionsLongText {
  font-size: 12px;
}
.promotionTextHeader {
  font-size: 24px;
  color: #FF0000;
  font-family: pantonFontBold;
  margin: 10px 5px 10px 5px;
}
.promotionDescription {
  font-size: 15px;
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px 5px 10px 5px;
}
.promotionDates {
  color: #A70240;
  font-size: 14px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  margin: 10px 5px 20px 5px;
}
/*----- non-owl product tiles -----*/
ul.product-listing.product-grid .productCarouselItemContainer .productCarouselItem {
  padding-bottom: 10px;
}
ul.product-listing.product-grid .addtocart-component .qty-selector {
  margin-top: 20px;
}
ul.product-listing.product-grid .addtocart-component a.btn.btn-primary.btn-block {
  padding: 6px;
}
ul.product-listing.product-grid .addtocart-component #weightDropDown {
  margin-top: 0px;
}
@media (max-width: 640px) {
  ul.product-listing.product-grid .productCarouselItemContainer {
    width: 48%;
    border: 1px solid #cccccc;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .list-actions {
    display: none;
  }
  ul.product-listing.product-list .productCarouselItemContainer:nth-child(odd) {
    margin-right: 0 !important;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(odd) {
    margin-right: 3.6%;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(even) {
    margin-left: 0;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(even),
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(odd) {
    padding: 0;
    margin-bottom: 13px;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(even) .item,
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(odd) .item {
    margin: 0 5px 0 5px;
  }
}
ul.product-listing.product-grid .productCarouselItemContainer:nth-child(even) {
  margin-left: 0;
}
.plpGridView:before {
  content: "";
  vertical-align: sub;
  display: inline-block;
  width: 33px;
  height: 36px;
  background: url(../images/grid-active.svg) no-repeat;
  background-size: 32px;
}
.plpListView:before {
  content: "";
  vertical-align: sub;
  display: inline-block;
  width: 33px;
  height: 36px;
  background: url(../images/list-active.svg) no-repeat;
  background-size: 32px;
}
ul.product-listing.product-list .productCarouselItemContainer .list-view-add-to-cart {
  position: absolute;
  top: 0;
  right: 36px;
  left: auto;
  width: 30px !important;
  background-position: -72px -4px;
}
@media (min-width: 1400px) {
  ul.product-listing.product-list .productCarouselItemContainer .list-view-add-to-cart {
    position: relative;
  }
}
ul.product-listing.product-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
ul.product-listing.product-list .productCarouselItemContainer .js-ratingCalc {
  display: none;
}
ul.product-listing.product-list .productCarouselItemContainer .item .thumb {
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 13px;
  text-align: center;
  height: 80px;
  overflow: hidden;
  width: 60px;
}
ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton {
  width: 25px;
  height: 25px;
  padding: 7px 0 0 0;
  font-size: 9px;
}
ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton div {
  display: none;
}
ul.product-listing.product-list .productCarouselItemContainer .item .product-price {
  height: auto !important;
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
}
@media (min-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .item .product-price {
    position: absolute;
    left: 70px;
  }
}
ul.product-listing.product-list .productCarouselItemContainer .item .minMaxQuantityMsgContainer {
  height: 30px;
  position: absolute;
  bottom: 6px;
  width: 50%;
  left: 0;
  display: inline-block;
}
@media (max-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .item .minMaxQuantityMsgContainer {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .item .minMaxQuantityMsgContainer {
    position: relative;
    display: block;
    left: 0;
  }
}
@media (min-width: 1024px) {
  ul.product-listing.product-list .productCarouselItemContainer .item .minMaxQuantityMsgContainer {
    position: relative;
    display: block;
    top: 10px;
    left: 70px;
  }
}
ul.product-listing.product-list .productCarouselItemContainer .item .item-name {
  color: #505050;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  padding-top: 0 !important;
  margin: 10px 0 11px 0;
  line-height: normal;
  position: relative;
  text-decoration: none !important;
  height: auto;
  width: 40%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.product-listing.product-list .productCarouselItemContainer .product-card-list a {
  display: inline-block;
  margin-bottom: 15px;
}
ul.product-listing.product-list .productCarouselItemContainer .qty-selector .btn-primary .glyphicon-plus {
  font-size: 10px;
}
ul.product-listing.product-list .productCarouselItemContainer .qty-selector .btn-primary .glyphicon-minus {
  font-size: 10px;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .btn-default.btn-default-productview {
  padding: 8px 25px !important;
}
@media (max-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .btn-default.btn-default-productview {
    margin-bottom: 0;
  }
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .prodtile-addedToCartInner {
  padding: 8px !important;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .addbuttontextShort {
  margin-right: 0px;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector .form-control {
  width: 24px !important;
  float: right;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .input-group-btn {
  width: 28px;
  float: right;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .input-group-btn:last-child {
  float: right;
}
ul.product-listing.product-list .productCarouselItemContainer .product-card-list .js-product-selection-container {
  top: 1px;
  right: 0px;
  left: auto !important;
  width: 26px;
  height: 30px;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector .btn-primary,
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector .btn-primary:hover {
  width: 25px;
  height: 25px;
  margin: 0;
  background-color: #bdbec0;
  border: none;
  padding: 3px 0;
}
ul.product-listing.product-list .productCarouselItemContainer .prodtile-addedToCart .prodtile-addedToCartInner-qty {
  padding-right: 0;
}
ul.product-listing.product-list .productCarouselItemContainer .prodtile-addedToCart .prodtile-addedToCartInner-qty:after {
  display: none;
  visibility: hidden;
}
ul.product-listing.product-list .productCarouselItemContainer .prodtile-addedToCart {
  margin-top: 0 !important;
  width: auto;
  float: right;
}
ul.product-listing.product-list .productCarouselItemContainer .inStoreOnlyContainer .inStoreOnlyBtn {
  width: auto !important;
}
ul.product-listing.product-list .productCarouselItemContainer .inStoreOnly-text {
  position: absolute;
  right: 0;
  top: -20px;
}
ul.product-listing.product-list .productCarouselItemContainer .inStoreOnlyContainer {
  width: auto;
  float: right;
  top: 20px;
  position: relative;
}
ul.product-listing.product-list .productCarouselItemContainer .prodtile-addToCartButton-container #addToCartButton {
  margin-top: 0 !important;
  width: auto !important;
}
ul.product-listing.product-list .productCarouselItemContainer .addToCartButtonContainer {
  height: auto !important;
  float: right;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component {
  position: absolute !important;
  right: 0;
  bottom: 0 !important;
  margin: 0 !important;
  display: inline-block;
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite.hoverTempWidth {
  height: calc(100%);
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite {
  right: 75px;
  top: 5px;
  left: auto;
  padding-top: 0 !important;
  height: 30px;
  z-index: 3;
}
@media (min-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite {
    right: 68px;
  }
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #trigger {
  width: 2px !important;
  position: absolute;
  top: auto !important;
  left: auto;
  right: auto;
}
@media (min-width: 1024px) {
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #trigger {
    width: 15px !important;
    position: absolute;
    top: 10px !important;
    right: -10px !important;
    left: auto;
    bottom: 1px;
    margin-bottom: 0;
  }
}
@media (min-width: 640px) {
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #trigger {
    right: 120px;
    top: -3px;
  }
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay {
  right: 0;
  bottom: 0;
  top: -5px;
  left: 38px;
  width: calc(100% + 44px);
  z-index: 999;
  height: 107%;
  position: absolute;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .quantity-drop-down {
  margin-bottom: 5px;
  width: auto;
  float: right;
}
ul.product-listing.product-list .productCarouselItemContainer {
  width: 100% !important;
}
ul.product-listing.product-list .productCarouselItemContainer:nth-child(3n+3) {
  padding-right: 0px !important;
}
ul.product-listing.product-list .productCarouselItemContainer .instoreOnly-btn-short {
  padding: 0 30px;
}
ul.product-listing.product-list .productCarouselItemContainer .product-card-list a:first-child {
  display: inline-block;
  width: 350px;
  vertical-align: bottom;
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay .btn-secondary-whiteloyalty {
  margin-bottom: 0 !important;
  width: 100%;
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay p {
  margin: 5px 0 10px;
}
ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay h3 {
  margin-top: 0;
}
ul.product-listing.product-list .productCarouselItemContainer .priceVariableWeight .priceDiv .savings:before {
  display: none;
}
ul.product-listing.product-list .productCarouselItemContainer .priceVariableWeight .priceDiv .savings {
  display: none !important;
}
ul.product-listing.product-list .productCarouselItemContainer .priceVariableWeight .informationalPricing .informationalPrice .pricedata-Save {
  display: none;
}
ul.product-listing.product-list .productCarouselItemContainer .promotionContainer {
  position: absolute;
  bottom: -25px;
  min-height: 30px;
  left: 0px;
}
@media (min-width: 1024px) {
  ul.product-listing.product-list .productCarouselItemContainer .promotionContainer {
    position: relative;
    display: block;
    left: 70px;
    bottom: -15px;
  }
}
ul.product-listing.product-list .productCarouselItemContainer .promotionContainer a {
  width: auto !important;
  margin-bottom: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
@media (min-width: 1024px) {
  ul.product-listing.product-list .productCarouselItemContainer .promotionContainer a {
    max-width: 280px;
  }
}
@media (min-width: 1024px) {
  .page-search .pagination-item-sort .selectric {
    width: 135px !important;
  }
}
.GridListBtnsContainer {
  margin-left: 5px;
  float: right;
}
.GridListBtnsContainer .plpGridView {
  margin: 0;
  margin-right: -5px;
  padding: 0 !important;
}
.GridListBtnsContainer .plpListView {
  margin: 0;
  padding: 0 !important;
}
.page-purchasedProductsSearchPage .plpSellingFast {
  display: none !important;
}
.page-purchasedProductsSearchPage .plpSellingFast span {
  display: none !important;
}
.page-purchasedProductsSearchPage .plpOnlineOnly {
  display: none !important;
}
.page-purchasedProductsSearchPage .plpOnlineOnly span {
  display: none !important;
}
@media (min-width: 640px) {
  .GridListBtnsContainer {
    margin: 0 0 0 5px;
    float: right;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay {
    top: 0;
    bottom: auto;
    left: 25px;
    padding-bottom: 35px;
    position: absolute;
    height: auto;
    width: calc(90% + 10px);
    -moz-width: calc(60%);
    -ms-width: calc(60%);
    -o-width: calc(60%);
    -webkit-width: calc(60%);
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite .prodFavourite-overlay:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 55px;
    left: auto;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #3374b6;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  ul.product-listing.product-list .productCarouselItemContainer .list-view-add-to-cart {
    position: absolute !important;
    left: auto;
    top: auto;
    right: 35px;
    bottom: 0;
    width: 30px;
    height: 25px;
    z-index: 1;
  }
  ul.product-listing.product-list .productCarouselItemContainer .priceVariableWeight .priceDiv .savings:before {
    display: none;
  }
  ul.product-listing.product-list .productCarouselItemContainer .priceVariableWeight .priceDiv .savings {
    display: none !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .priceVariableWeight .informationalPricing .informationalPrice .pricedata-Save {
    display: none;
  }
  ul.product-listing.product-list .productCarouselItemContainer .minMaxQuantityMsg {
    margin-top: 10px;
    position: absolute;
    width: 250px;
    left: auto !important;
    bottom: auto !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .product-card-list .js-product-selection-container {
    position: absolute;
    left: 95% !important;
    bottom: 0;
    width: 30px;
    height: 30px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .rating a:before {
    border: none;
  }
  ul.product-listing.product-list .productCarouselItemContainer .js-ratingCalc {
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: 150px;
    display: inline-block;
  }
  ul.product-listing.product-list .productCarouselItemContainer .item .thumb {
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 13px;
    text-align: center;
    height: 60px;
    overflow: hidden;
    width: 60px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .item .priceVariableWeight .priceInformation {
    display: inline-block;
  }
  ul.product-listing.product-list .productCarouselItemContainer .item .priceVariableWeight span.averagePrice {
    margin-right: 10px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .item .product-price {
    height: auto !important;
    position: relative;
    left: 0;
    bottom: 0;
  }
  ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton {
    width: 35px;
    height: 35px;
    padding: 10px 0 0 0;
    font-size: 11px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .image-gallery-savingsbutton div {
    display: none;
  }
  ul.product-listing.product-list .productCarouselItemContainer .item .item-name {
    color: #505050;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    text-transform: none;
    padding-top: 0 !important;
    margin-bottom: 11px;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    height: auto;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  ul.product-listing.product-list .productCarouselItemContainer .instoreOnly-btn-short {
    padding: 0 35px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .product-card-list a {
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
  }
  ul.product-listing.product-list .productCarouselItemContainer .qty-selector .btn-primary .glyphicon-plus {
    font-size: 10px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .qty-selector .btn-primary .glyphicon-minus {
    font-size: 10px;
  }
  ul.product-listing.product-list .plpOnlineOnly {
    top: 0 !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .btn-default.btn-default-productview {
    padding: 8px 30px !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .addbuttontextShort {
    margin-right: 10px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .input-group-btn {
    float: right;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector .form-control {
    float: right;
    height: 30px !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .input-group-btn:last-child {
    float: right;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector .btn-primary,
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector .btn-primary:hover {
    width: 25px;
    height: 25px;
    margin: 0;
    background-color: #bdbec0;
    border: none;
    padding: 3px 0;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodtile-addedToCart .prodtile-addedToCartInner-qty {
    padding-right: 0;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodtile-addedToCart .prodtile-addedToCartInner-qty:after {
    display: none;
    visibility: hidden;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodtile-addedToCart {
    margin-top: 0 !important;
    width: auto;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodtile-addToCartButton-container {
    width: auto;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodtile-addToCartButton-container #addToCartButton {
    margin-top: 0 !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addToCartButtonContainer {
    float: right;
    height: auto !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay .btn-secondary-whiteloyalty {
    margin-bottom: 0 !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay h3 {
    margin-top: 0;
    text-align: left;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay p {
    text-align: left;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite {
    height: 30px;
    padding-top: 0 !important;
    bottom: 10px;
    position: absolute;
    top: auto;
    z-index: 1;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite:hover:after {
    display: none;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component {
    position: absolute !important;
    right: 0;
    top: 0 !important;
    margin: 0 !important;
    display: inline-block;
    width: auto;
  }
  .page-search ul.product-listing.product-list .productCarouselItemContainer .js-product-selection-container {
    position: absolute;
    left: 95% !important;
    bottom: 0;
  }
  ul.product-listing.product-list .productCarouselItemContainer .js-product-selection-container {
    position: relative;
    bottom: 15px;
    right: 30px !important;
    width: auto;
    top: auto !important;
  }
  ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .quantity-drop-down {
    margin-bottom: 5px;
    width: auto;
    float: right;
  }
  ul.product-listing.product-list .productCarouselItemContainer {
    width: 100% !important;
  }
  .favourites-border-wrapper ul.product-listing.product-list .productCarouselItemContainer .hoverTempWidth {
    height: calc(100% - 0px);
  }
  ul.product-listing.product-list .productCarouselItemContainer {
    padding-right: 0 !important;
  }
  ul.product-listing.product-grid .productCarouselItemContainer {
    width: 33.2%;
    float: left;
    padding-right: 15px;
    padding-bottom: 10px;
  }
  ul.product-listing.product-grid .productCarouselItemContainer .productCarouselItem {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 10px 10px;
  }
}
@media (min-width: 640px) and (min-width: 1024px) {
  ul.product-listing.product-list .productCarouselItemContainer .js-product-selection-container {
    bottom: -15px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .filterIcon {
    right: -18px;
    position: absolute;
    top: -10px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #trigger {
    right: 0;
    bottom: -15px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .list-view-add-to-cart {
    left: 80%;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(3n+3) {
    padding-right: 0 !important;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(3n+3) .plpAddToListA {
    left: 80%;
  }
  .page-productList #colorbox,
  .pageType-CategoryPage #colorbox {
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .page-productList #colorbox #cboxWrapper,
  .pageType-CategoryPage #colorbox #cboxWrapper {
    width: 100% !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite {
    right: 0;
    bottom: 5px;
    left: auto !important;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(3n+3) .prodFavourite {
    right: 225px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite div#prodFavourite-overlay {
    left: 185px !important;
  }
  .rating .rating-stars {
    visibility: hidden;
  }
  .prodFavourite {
    left: 50px !important;
  }
  ul.product-listing.product-grid .productCarouselItemContainer .prodFavourite div#prodFavourite-overlay {
    left: -62px;
  }
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite {
    right: 225px;
    bottom: 25px;
  }
  ul.product-listing.product-list .productCarouselItemContainer .prodFavourite #prodFavourite-overlay {
    left: 185px;
    top: 13px;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(3n+3) {
    padding-right: 0;
  }
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(3n+3) .plpAddToListA {
    left: 53%;
  }
}
@media (min-width: 1400px) {
  ul.product-listing.product-grid .productCarouselItemContainer:nth-child(3n+3) {
    padding-right: 0 !important;
  }
}
ul.product-listing.product-grid .item .item-name {
  color: #505050;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  margin-top: 13px;
  margin-bottom: 11px;
  line-height: normal;
  overflow: hidden;
  position: relative;
  height: 58px;
  text-decoration: none !important;
}
ul.product-listing.product-grid .item .item-price {
  width: 100%;
  margin-bottom: 4px;
}
ul.product-listing.product-grid .item .item-price .currentPrice,
ul.product-listing.product-grid .item .item-price .oldPrice {
  text-align: left;
  cursor: default;
  display: inline-block;
  font-weight: bold;
  color: #575757;
  font-size: 18px;
}
ul.product-listing.product-grid .item .item-price .currentPrice {
  margin-right: 3px;
}
ul.product-listing.product-grid .item .item-price .currentPrice.hasSavings {
  color: #ff0000;
}
ul.product-listing.product-grid .item .item-price .oldPrice {
  color: #575757;
  text-decoration: line-through;
  font-weight: normal;
}
ul.product-listing.product-grid .item .item-price .currentPrice span,
ul.product-listing.product-grid .item .item-price .oldPrice span {
  font-size: 10px;
  position: relative;
  top: -6px;
  left: 1px;
  letter-spacing: 1px;
}
ul.product-listing.product-grid .image-gallery-savingsbuttonContainer {
  top: 9px;
  left: 6px;
  z-index: 1;
}
ul.product-listing.product-grid .image-gallery-savingsbutton {
  width: 50px;
  height: 50px;
  padding: 13px 0 0 0;
  font-size: 12px;
}
ul.product-listing.product-grid .image-gallery-savingsbutton.savingsbuttonPoints {
  /*padding: 5px 0 0 0;*/
  display: none;
}
ul.product-listing.product-grid .image-gallery-savingsbutton div span {
  position: relative;
  font-size: 8px;
  font-weight: bold;
  top: -3px;
}
ul.product-listing.product-grid .plpSellingFast span {
  position: absolute;
  top: 25px !important;
  left: 60px !important;
  width: 50px;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFF;
}
ul.product-listing.product-grid .plpSellingFast {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 120px 120px 0;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  z-index: 4;
  right: -5px !important;
  color: white;
  top: 0;
}
@media (min-width: 640px) {
  ul.product-listing.product-grid .plpSellingFast {
    right: -10px !important;
    top: -10px;
  }
}
ul.product-listing.product-list .plpSellingFast {
  display: none;
}
ul.product-listing.product-list .plpSellingFast span {
  display: none;
}
.plpSellingFast {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 120px 120px 0;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  z-index: 4;
  right: 0 !important;
  color: white;
  top: 0;
}
.plpSellingFast span {
  position: absolute;
  top: 25px !important;
  left: 60px !important;
  width: 50px;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFF;
}
.template-pages-search-searchEmptyPage .MiniCart-CheckoutAction {
  display: none;
}
.template-pages-search-searchGridPage .product-listing {
  min-height: 500px;
}
.template-pages-search-searchGridPage ul.product-listing.product-list .productCarouselItemContainer .item .list-actions {
  display: none;
}
ul.product-listing.product-grid .item .list-actions .rating {
  display: none;
}
@media (min-width: 640px) {
  ul.product-listing.product-grid .item .list-actions .rating {
    float: left;
    display: block;
    padding-top: 10px;
  }
}
ul.product-listing.product-grid .item .list-actions .rating .rating-stars span.active {
  color: #505050;
}
ul.product-listing.product-grid .item .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
  float: right;
}
ul.product-listing.product-grid .item .list-actions .ProductCarouselAddToCart-CarouselAddToShoppingListAction .glyphicon-th-list {
  color: #505050;
  font-size: 1.5em;
}
ul.product-listing.product-grid .productCarouselItemContainer .rating a {
  display: none;
}
@media (max-width: 480px) {
  ul.product-listing.product-grid .productCarouselItemContainer .rating .rating-stars {
    font-size: 14px;
    margin: 0;
    visibility: hidden;
  }
  ul.product-listing.product-grid .productCarouselItemContainer .rating .rating-stars span {
    margin: 0 1px;
  }
}
h1.pageCategoryTitle {
  font-family: pantonfontbold;
  font-size: 21px;
  color: #575757;
}
h1.search-h1 {
  color: #575757;
  font-size: 18px;
  padding: 0px 0;
  margin: 0px 0 10px 0;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
h1.search-h1 span {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
h3.search-h3 {
  color: #b9154a;
  font-size: 14px;
  padding: 0px 0;
  margin: 10px 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.searchSpellingSuggestionPrompt {
  color: #575757;
  font-size: 14px;
  padding: 0px 0;
  margin: 10px 0 20px 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.productListPagination {
  width: 100%;
  margin: 10px 0 15px 0;
}
.page-purchasedProductsSearchPage .productListPagination {
  margin-top: 25px;
}
@media (max-width: 640px) {
  .page-purchasedProductsSearchPage .productListPagination .grid-width {
    display: none;
  }
}
.productListPagination .pagination-bar {
  margin: 0;
}
.productListPagination .pagination-toolbar {
  border: none;
  padding: 0 0 0 0;
}
.productListPagination .pagination-bar .pagination-bar-results {
  display: none;
}
.productListPagination .form-group form div.selectric-scroll {
  z-index: auto;
}
.productListPagination .form-group form div,
.productListPagination .form-group form select,
.productListPagination .form-group form label {
  color: #929292;
  font-size: 12px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  cursor: pointer;
}
@media (min-width: 640px) {
  .productListPagination .form-group form div,
  .productListPagination .form-group form select,
  .productListPagination .form-group form label {
    float: left;
  }
}
.productListPagination .form-group form select {
  height: 32px !important;
}
.page-search ul.product-listing.product-list,
.pageType-CategoryPage ul.product-listing.product-list,
.template-pages-search-searchGridPage ul.product-listing.product-list {
  margin-top: -20px;
  width: 100%;
}
@media (min-width: 640px) {
  .page-search ul.product-listing.product-list,
  .pageType-CategoryPage ul.product-listing.product-list,
  .template-pages-search-searchGridPage ul.product-listing.product-list {
    margin-top: 0 !important;
  }
}
.page-search .actions-fav,
.pageType-CategoryPage .actions-fav,
.template-pages-search-searchGridPage .actions-fav {
  margin: 0;
  float: left;
  position: relative;
  z-index: 2;
  left: 0;
}
@media (min-width: 480px) {
  .page-search .actions-fav,
  .pageType-CategoryPage .actions-fav,
  .template-pages-search-searchGridPage .actions-fav {
    top: 0;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .page-search .actions-fav,
  .pageType-CategoryPage .actions-fav,
  .template-pages-search-searchGridPage .actions-fav {
    width: 100%;
    margin: 0;
    float: none !important;
  }
}
.page-search .filterIconContainer,
.pageType-CategoryPage .filterIconContainer,
.template-pages-search-searchGridPage .filterIconContainer {
  top: -50px;
}
@media (min-width: 640px) {
  .page-search .filterIconContainer,
  .pageType-CategoryPage .filterIconContainer,
  .template-pages-search-searchGridPage .filterIconContainer {
    top: 0 !important;
  }
}
.page-search .SectionHeaderBannerSlot,
.page-shopTheOffer .SectionHeaderBannerSlot,
.pageType-CategoryPage .SectionHeaderBannerSlot,
.page-searchB2BPage .SectionHeaderBannerSlot,
.page-productList .SectionHeaderBannerSlot,
.page-purchasedProductsSearchPage .SectionHeaderBannerSlot {
  display: none;
  visibility: hidden;
}
@media (min-width: 1024px) {
  .page-search .SectionHeaderBannerSlot,
  .page-shopTheOffer .SectionHeaderBannerSlot,
  .pageType-CategoryPage .SectionHeaderBannerSlot,
  .page-searchB2BPage .SectionHeaderBannerSlot,
  .page-productList .SectionHeaderBannerSlot,
  .page-purchasedProductsSearchPage .SectionHeaderBannerSlot {
    display: block;
    visibility: visible;
  }
}
.page-search .productListPagination,
.page-shopTheOffer .productListPagination,
.pageType-CategoryPage .productListPagination,
.page-searchB2BPage .productListPagination,
.page-productList .productListPagination,
.page-purchasedProductsSearchPage .productListPagination {
  background-color: #FFF;
}
@media (max-width: 639px) {
  .page-search .productListPagination,
  .page-shopTheOffer .productListPagination,
  .pageType-CategoryPage .productListPagination,
  .page-searchB2BPage .productListPagination,
  .page-productList .productListPagination,
  .page-purchasedProductsSearchPage .productListPagination {
    background-color: #fff;
  }
}
@media (max-width: 639px) {
  .page-search .paginationBar,
  .page-shopTheOffer .paginationBar,
  .pageType-CategoryPage .paginationBar,
  .page-searchB2BPage .paginationBar,
  .page-productList .paginationBar,
  .page-purchasedProductsSearchPage .paginationBar {
    float: right !important;
  }
}
@media (min-width: 1024px) {
  .page-search .grid-width,
  .page-shopTheOffer .grid-width,
  .pageType-CategoryPage .grid-width,
  .page-searchB2BPage .grid-width,
  .page-productList .grid-width,
  .page-purchasedProductsSearchPage .grid-width {
    width: 30%;
  }
}
.page-search .grid-n-pagination,
.page-shopTheOffer .grid-n-pagination,
.pageType-CategoryPage .grid-n-pagination,
.page-searchB2BPage .grid-n-pagination,
.page-productList .grid-n-pagination,
.page-purchasedProductsSearchPage .grid-n-pagination {
  padding: 8px 5px 10px 10px;
  display: block;
  visibility: visible;
}
@media (max-width: 639px) {
  .page-search .grid-n-pagination,
  .page-shopTheOffer .grid-n-pagination,
  .pageType-CategoryPage .grid-n-pagination,
  .page-searchB2BPage .grid-n-pagination,
  .page-productList .grid-n-pagination,
  .page-purchasedProductsSearchPage .grid-n-pagination {
    width: 100%;
    background-color: #fff;
    display: none;
    visibility: hidden;
  }
}
.page-search .show-n-number,
.page-shopTheOffer .show-n-number,
.pageType-CategoryPage .show-n-number,
.page-searchB2BPage .show-n-number,
.page-productList .show-n-number,
.page-purchasedProductsSearchPage .show-n-number {
  background-color: #f2f2f2;
  padding: 8px 0;
  margin-left: 15px;
}
@media (min-width: 1024px) {
  .page-search .show-n-number,
  .page-shopTheOffer .show-n-number,
  .pageType-CategoryPage .show-n-number,
  .page-searchB2BPage .show-n-number,
  .page-productList .show-n-number,
  .page-purchasedProductsSearchPage .show-n-number {
    margin-left: 15px;
  }
}
@media (min-width: 640px) {
  .page-search .show-n-number,
  .page-shopTheOffer .show-n-number,
  .pageType-CategoryPage .show-n-number,
  .page-searchB2BPage .show-n-number,
  .page-productList .show-n-number,
  .page-purchasedProductsSearchPage .show-n-number {
    margin-left: 0;
  }
}
@media (max-width: 639px) {
  .page-search .show-n-number,
  .page-shopTheOffer .show-n-number,
  .pageType-CategoryPage .show-n-number,
  .page-searchB2BPage .show-n-number,
  .page-productList .show-n-number,
  .page-purchasedProductsSearchPage .show-n-number {
    width: 100%;
    margin: 5px 0;
    padding: 8px;
  }
}
.page-search .sort-n-text,
.page-shopTheOffer .sort-n-text,
.pageType-CategoryPage .sort-n-text,
.page-searchB2BPage .sort-n-text,
.page-productList .sort-n-text,
.page-purchasedProductsSearchPage .sort-n-text {
  background-color: transparent;
  padding: 8px 5px 8px 12px;
}
@media (min-width: 640px) {
  .page-search .sort-n-text,
  .page-shopTheOffer .sort-n-text,
  .pageType-CategoryPage .sort-n-text,
  .page-searchB2BPage .sort-n-text,
  .page-productList .sort-n-text,
  .page-purchasedProductsSearchPage .sort-n-text {
    margin-top: 8px;
  }
}
@media (max-width: 1024px) {
  .page-search .sort-n-text,
  .page-shopTheOffer .sort-n-text,
  .pageType-CategoryPage .sort-n-text,
  .page-searchB2BPage .sort-n-text,
  .page-productList .sort-n-text,
  .page-purchasedProductsSearchPage .sort-n-text {
    padding: 8px 5px 8px 8px;
  }
}
@media (max-width: 639px) {
  .page-search .sort-n-text,
  .page-shopTheOffer .sort-n-text,
  .pageType-CategoryPage .sort-n-text,
  .page-searchB2BPage .sort-n-text,
  .page-productList .sort-n-text,
  .page-purchasedProductsSearchPage .sort-n-text {
    width: 100%;
    padding: 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5) !important;
  }
}
.page-search .selectric-open,
.page-shopTheOffer .selectric-open,
.pageType-CategoryPage .selectric-open,
.page-searchB2BPage .selectric-open,
.page-productList .selectric-open,
.page-purchasedProductsSearchPage .selectric-open {
  background-color: #92113A !important;
}
@media (min-width: 640px) {
  .page-search .selectric-open,
  .page-shopTheOffer .selectric-open,
  .pageType-CategoryPage .selectric-open,
  .page-searchB2BPage .selectric-open,
  .page-productList .selectric-open,
  .page-purchasedProductsSearchPage .selectric-open {
    background-color: transparent !important;
  }
}
.page-search .selectric-wrapper,
.page-shopTheOffer .selectric-wrapper,
.pageType-CategoryPage .selectric-wrapper,
.page-searchB2BPage .selectric-wrapper,
.page-productList .selectric-wrapper,
.page-purchasedProductsSearchPage .selectric-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 640px) {
  .page-search .selectric-wrapper,
  .page-shopTheOffer .selectric-wrapper,
  .pageType-CategoryPage .selectric-wrapper,
  .page-searchB2BPage .selectric-wrapper,
  .page-productList .selectric-wrapper,
  .page-purchasedProductsSearchPage .selectric-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 99;
  }
}
.page-search .totalResults,
.page-shopTheOffer .totalResults,
.pageType-CategoryPage .totalResults,
.page-searchB2BPage .totalResults,
.page-productList .totalResults,
.page-purchasedProductsSearchPage .totalResults {
  margin: 9px 0 0 2px;
  display: none;
}
@media (min-width: 640px) {
  .page-search .totalResults,
  .page-shopTheOffer .totalResults,
  .pageType-CategoryPage .totalResults,
  .page-searchB2BPage .totalResults,
  .page-productList .totalResults,
  .page-purchasedProductsSearchPage .totalResults {
    display: block;
    float: left;
    color: #929292;
    font-size: 12px;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .page-search .totalResults,
  .page-shopTheOffer .totalResults,
  .pageType-CategoryPage .totalResults,
  .page-searchB2BPage .totalResults,
  .page-productList .totalResults,
  .page-purchasedProductsSearchPage .totalResults {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .page-search .totalResults,
  .page-shopTheOffer .totalResults,
  .pageType-CategoryPage .totalResults,
  .page-searchB2BPage .totalResults,
  .page-productList .totalResults,
  .page-purchasedProductsSearchPage .totalResults {
    margin: 9px 0 0 7px;
  }
}
@media (max-width: 480px) {
  .page-search .totalResults,
  .page-shopTheOffer .totalResults,
  .pageType-CategoryPage .totalResults,
  .page-searchB2BPage .totalResults,
  .page-productList .totalResults,
  .page-purchasedProductsSearchPage .totalResults {
    margin: 9px 5px 0 0;
  }
}
.page-search .pagination-item-show label,
.page-shopTheOffer .pagination-item-show label,
.pageType-CategoryPage .pagination-item-show label,
.page-searchB2BPage .pagination-item-show label,
.page-productList .pagination-item-show label,
.page-purchasedProductsSearchPage .pagination-item-show label {
  margin: 9px 5px 0 0;
}
@media (min-width: 640px) {
  .page-search .pagination-item-show label,
  .page-shopTheOffer .pagination-item-show label,
  .pageType-CategoryPage .pagination-item-show label,
  .page-searchB2BPage .pagination-item-show label,
  .page-productList .pagination-item-show label,
  .page-purchasedProductsSearchPage .pagination-item-show label {
    float: left;
    color: #929292;
    font-size: 12px;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
  }
}
.page-search .pagination-item-show .selectric,
.page-shopTheOffer .pagination-item-show .selectric,
.pageType-CategoryPage .pagination-item-show .selectric,
.page-searchB2BPage .pagination-item-show .selectric,
.page-productList .pagination-item-show .selectric,
.page-purchasedProductsSearchPage .pagination-item-show .selectric {
  width: 60px;
}
@media (max-width: 1023px) {
  .page-search .pagination-item-show .selectric,
  .page-shopTheOffer .pagination-item-show .selectric,
  .pageType-CategoryPage .pagination-item-show .selectric,
  .page-searchB2BPage .pagination-item-show .selectric,
  .page-productList .pagination-item-show .selectric,
  .page-purchasedProductsSearchPage .pagination-item-show .selectric {
    width: 200px;
  }
}
@media (max-width: 639px) {
  .page-search .pagination-item-show .selectric,
  .page-shopTheOffer .pagination-item-show .selectric,
  .pageType-CategoryPage .pagination-item-show .selectric,
  .page-searchB2BPage .pagination-item-show .selectric,
  .page-productList .pagination-item-show .selectric,
  .page-purchasedProductsSearchPage .pagination-item-show .selectric {
    width: 530px;
  }
}
@media (max-width: 480px) {
  .page-search .pagination-item-show .selectric,
  .page-shopTheOffer .pagination-item-show .selectric,
  .pageType-CategoryPage .pagination-item-show .selectric,
  .page-searchB2BPage .pagination-item-show .selectric,
  .page-productList .pagination-item-show .selectric,
  .page-purchasedProductsSearchPage .pagination-item-show .selectric {
    width: 284px;
  }
}
.page-search .pagination-item-show .selectric-items,
.page-shopTheOffer .pagination-item-show .selectric-items,
.pageType-CategoryPage .pagination-item-show .selectric-items,
.page-searchB2BPage .pagination-item-show .selectric-items,
.page-productList .pagination-item-show .selectric-items,
.page-purchasedProductsSearchPage .pagination-item-show .selectric-items {
  height: auto !important;
}
@media (max-width: 640px) {
  .page-search .pagination-item-sort .selectric-open .selectric .button,
  .page-shopTheOffer .pagination-item-sort .selectric-open .selectric .button,
  .pageType-CategoryPage .pagination-item-sort .selectric-open .selectric .button,
  .page-searchB2BPage .pagination-item-sort .selectric-open .selectric .button,
  .page-productList .pagination-item-sort .selectric-open .selectric .button,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-open .selectric .button {
    transform: rotate(90deg);
  }
}
.page-search .pagination-item-sort .control-label,
.page-shopTheOffer .pagination-item-sort .control-label,
.pageType-CategoryPage .pagination-item-sort .control-label,
.page-searchB2BPage .pagination-item-sort .control-label,
.page-productList .pagination-item-sort .control-label,
.page-purchasedProductsSearchPage .pagination-item-sort .control-label {
  padding: 20px 1px 1px 15px;
  margin: 9px 5px 0 0;
  float: left;
  color: #FFF;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  position: relative;
  z-index: 4;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .control-label,
  .page-shopTheOffer .pagination-item-sort .control-label,
  .pageType-CategoryPage .pagination-item-sort .control-label,
  .page-searchB2BPage .pagination-item-sort .control-label,
  .page-productList .pagination-item-sort .control-label,
  .page-purchasedProductsSearchPage .pagination-item-sort .control-label {
    padding: 0 1px 1px 15px;
    float: left;
    color: #929292;
    font-size: 12px;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  .page-search .pagination-item-sort .control-label,
  .page-shopTheOffer .pagination-item-sort .control-label,
  .pageType-CategoryPage .pagination-item-sort .control-label,
  .page-searchB2BPage .pagination-item-sort .control-label,
  .page-productList .pagination-item-sort .control-label,
  .page-purchasedProductsSearchPage .pagination-item-sort .control-label {
    padding: 1px 1px 1px 1px;
  }
}
.page-search .pagination-item-sort .selectric,
.page-shopTheOffer .pagination-item-sort .selectric,
.pageType-CategoryPage .pagination-item-sort .selectric,
.page-searchB2BPage .pagination-item-sort .selectric,
.page-productList .pagination-item-sort .selectric,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric {
  width: 144px;
}
@media (max-width: 1023px) {
  .page-search .pagination-item-sort .selectric,
  .page-shopTheOffer .pagination-item-sort .selectric,
  .pageType-CategoryPage .pagination-item-sort .selectric,
  .page-searchB2BPage .pagination-item-sort .selectric,
  .page-productList .pagination-item-sort .selectric,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric {
    width: 188px;
  }
}
@media (max-width: 639px) {
  .page-search .pagination-item-sort .selectric,
  .page-shopTheOffer .pagination-item-sort .selectric,
  .pageType-CategoryPage .pagination-item-sort .selectric,
  .page-searchB2BPage .pagination-item-sort .selectric,
  .page-productList .pagination-item-sort .selectric,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric {
    width: 480px;
  }
}
@media (max-width: 480px) {
  .page-search .pagination-item-sort .selectric,
  .page-shopTheOffer .pagination-item-sort .selectric,
  .pageType-CategoryPage .pagination-item-sort .selectric,
  .page-searchB2BPage .pagination-item-sort .selectric,
  .page-productList .pagination-item-sort .selectric,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric {
    width: 75%;
    background: transparent;
    border: none;
  }
}
.page-search .pagination-item-sort .selectric .label,
.page-shopTheOffer .pagination-item-sort .selectric .label,
.pageType-CategoryPage .pagination-item-sort .selectric .label,
.page-searchB2BPage .pagination-item-sort .selectric .label,
.page-productList .pagination-item-sort .selectric .label,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric .label {
  color: #FFF;
  font-size: 15px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  padding-top: 7px;
  margin-left: 0;
  padding-left: 0;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric .label,
  .page-shopTheOffer .pagination-item-sort .selectric .label,
  .pageType-CategoryPage .pagination-item-sort .selectric .label,
  .page-searchB2BPage .pagination-item-sort .selectric .label,
  .page-productList .pagination-item-sort .selectric .label,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric .label {
    color: #575757;
    font-size: 13px;
    padding-top: 3px;
  }
}
@media (max-width: 640px) {
  .page-search .pagination-item-sort .selectric .button,
  .page-shopTheOffer .pagination-item-sort .selectric .button,
  .pageType-CategoryPage .pagination-item-sort .selectric .button,
  .page-searchB2BPage .pagination-item-sort .selectric .button,
  .page-productList .pagination-item-sort .selectric .button,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric .button {
    position: absolute;
    right: 12px;
    top: 10px;
    line-height: 30px;
    color: #ccc;
    font: 0/0 a;
    display: inline-block;
    background: url(../images/pnp-sort-arrow.svg) 0px 0px no-repeat;
    width: 19px;
    height: 19px;
    float: right;
    padding: 5px;
    cursor: pointer;
    content: "\e080";
  }
}
.page-search .pagination-item-sort .selectric-items,
.page-shopTheOffer .pagination-item-sort .selectric-items,
.pageType-CategoryPage .pagination-item-sort .selectric-items,
.page-searchB2BPage .pagination-item-sort .selectric-items,
.page-productList .pagination-item-sort .selectric-items,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-items {
  height: auto !important;
  width: 100% !important;
  border: none;
}
.page-search .pagination-item-sort .selectric-items li.selected,
.page-shopTheOffer .pagination-item-sort .selectric-items li.selected,
.pageType-CategoryPage .pagination-item-sort .selectric-items li.selected,
.page-searchB2BPage .pagination-item-sort .selectric-items li.selected,
.page-productList .pagination-item-sort .selectric-items li.selected,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-items li.selected {
  font-weight: bold;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric-items li.selected,
  .page-shopTheOffer .pagination-item-sort .selectric-items li.selected,
  .pageType-CategoryPage .pagination-item-sort .selectric-items li.selected,
  .page-searchB2BPage .pagination-item-sort .selectric-items li.selected,
  .page-productList .pagination-item-sort .selectric-items li.selected,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-items li.selected {
    color: #b9144a !important;
    font-weight: normal;
  }
}
.page-search .pagination-item-sort .selectric-items li.selected::after,
.page-shopTheOffer .pagination-item-sort .selectric-items li.selected::after,
.pageType-CategoryPage .pagination-item-sort .selectric-items li.selected::after,
.page-searchB2BPage .pagination-item-sort .selectric-items li.selected::after,
.page-productList .pagination-item-sort .selectric-items li.selected::after,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-items li.selected::after {
  background: url(../images/icon-radio-active.svg) center center no-repeat !important;
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 85%;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric-items li.selected::after,
  .page-shopTheOffer .pagination-item-sort .selectric-items li.selected::after,
  .pageType-CategoryPage .pagination-item-sort .selectric-items li.selected::after,
  .page-searchB2BPage .pagination-item-sort .selectric-items li.selected::after,
  .page-productList .pagination-item-sort .selectric-items li.selected::after,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-items li.selected::after {
    display: none;
  }
}
.page-search .pagination-item-sort .selectric-items .disabled,
.page-shopTheOffer .pagination-item-sort .selectric-items .disabled,
.pageType-CategoryPage .pagination-item-sort .selectric-items .disabled,
.page-searchB2BPage .pagination-item-sort .selectric-items .disabled,
.page-productList .pagination-item-sort .selectric-items .disabled,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-items .disabled {
  display: none;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric-items .disabled,
  .page-shopTheOffer .pagination-item-sort .selectric-items .disabled,
  .pageType-CategoryPage .pagination-item-sort .selectric-items .disabled,
  .page-searchB2BPage .pagination-item-sort .selectric-items .disabled,
  .page-productList .pagination-item-sort .selectric-items .disabled,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-items .disabled {
    color: #666 !important;
  }
}
.page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
.page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
.pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
.page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
.page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul {
  background-color: #92113A;
  padding-bottom: 25px;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
  .page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
  .pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
  .page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
  .page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul {
    background-color: #FFF;
    border: 1px solid #c6c6c4;
  }
  .page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li:hover,
  .page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li:hover,
  .pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li:hover,
  .page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li:hover,
  .page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li:hover,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li:hover {
    color: #b9144a;
  }
}
.page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
.page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
.pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
.page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
.page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li {
  color: #FFF;
  height: 25px;
  padding: 20px 0 20px 0px;
  margin-left: 25px;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
  .page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
  .pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
  .page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
  .page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li {
    color: #575757;
    margin-left: 5px;
  }
}
.page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
.page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
.pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
.page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
.page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
.page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after {
  background: url(../images/icon-radio-default.svg) center center no-repeat;
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 85%;
}
@media (min-width: 640px) {
  .page-search .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
  .page-shopTheOffer .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
  .pageType-CategoryPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
  .page-searchB2BPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
  .page-productList .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after,
  .page-purchasedProductsSearchPage .pagination-item-sort .selectric-wrapper .selectric-items .selectric-scroll ul li::after {
    display: none;
  }
}
.page-search .add-custom-select .selectric-wrapper,
.page-shopTheOffer .add-custom-select .selectric-wrapper,
.pageType-CategoryPage .add-custom-select .selectric-wrapper,
.page-searchB2BPage .add-custom-select .selectric-wrapper,
.page-productList .add-custom-select .selectric-wrapper,
.page-purchasedProductsSearchPage .add-custom-select .selectric-wrapper {
  width: 100%;
}
.page-search .add-custom-select .selectric,
.page-shopTheOffer .add-custom-select .selectric,
.pageType-CategoryPage .add-custom-select .selectric,
.page-searchB2BPage .add-custom-select .selectric,
.page-productList .add-custom-select .selectric,
.page-purchasedProductsSearchPage .add-custom-select .selectric {
  width: 154px;
}
@media (max-width: 1024px) {
  .page-search .add-custom-select .selectric,
  .page-shopTheOffer .add-custom-select .selectric,
  .pageType-CategoryPage .add-custom-select .selectric,
  .page-searchB2BPage .add-custom-select .selectric,
  .page-productList .add-custom-select .selectric,
  .page-purchasedProductsSearchPage .add-custom-select .selectric {
    width: 210px;
  }
}
@media (max-width: 480px) {
  .page-search .add-custom-select .selectric,
  .page-shopTheOffer .add-custom-select .selectric,
  .pageType-CategoryPage .add-custom-select .selectric,
  .page-searchB2BPage .add-custom-select .selectric,
  .page-productList .add-custom-select .selectric,
  .page-purchasedProductsSearchPage .add-custom-select .selectric {
    width: 134px;
  }
}
.page-search .seoCategoryContent h1,
.page-shopTheOffer .seoCategoryContent h1,
.pageType-CategoryPage .seoCategoryContent h1,
.page-searchB2BPage .seoCategoryContent h1,
.page-productList .seoCategoryContent h1,
.page-purchasedProductsSearchPage .seoCategoryContent h1 {
  font-family: pantonfontbold;
  font-size: 21px;
  color: #575757;
}
.page-search .seoCategoryContent h2,
.page-shopTheOffer .seoCategoryContent h2,
.pageType-CategoryPage .seoCategoryContent h2,
.page-searchB2BPage .seoCategoryContent h2,
.page-productList .seoCategoryContent h2,
.page-purchasedProductsSearchPage .seoCategoryContent h2 {
  font-family: pantonfontbold;
  font-size: 16px;
  color: #575757;
}
.page-search .seoCategoryContent p,
.page-shopTheOffer .seoCategoryContent p,
.pageType-CategoryPage .seoCategoryContent p,
.page-searchB2BPage .seoCategoryContent p,
.page-productList .seoCategoryContent p,
.page-purchasedProductsSearchPage .seoCategoryContent p {
  font-family: "Open Sans";
  font-size: 15px;
  color: #575757;
  margin: 15px 0px 20px 0px;
}
.template-pages-search-searchGridPage .actions-fav {
  padding-top: 0px;
}
@media (min-width: 480px) {
  .template-pages-search-searchGridPage .actions-fav {
    padding-top: 15px;
  }
}
.template-pages-search-searchGridPage .productListPagination {
  padding-top: 0px;
  margin: 10px 0 5px 0;
}
@media (min-width: 480px) {
  .template-pages-search-searchGridPage .productListPagination {
    padding-top: 0px;
    margin: 10px 0 15px 0;
  }
}
.template-pages-search-searchGridPage .favourites-main {
  margin: 0 0 0 0;
}
@media (min-width: 480px) {
  .template-pages-search-searchGridPage .favourites-main {
    margin: 20px 0 0 0;
  }
}
.productListPagination .form-group form .pagination-item > select {
  margin-left: 4px;
  padding: 0 5px;
  border: 1px solid #cccccc !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  color: #575757;
  height: 27px !important;
}
.productListPagination .form-group form .gridlist-btns button {
  margin: 4px 5px 0 0;
  border: none !important;
  /*font-size: 24px;
  background: none;
  color: @text-color-light;*/
  width: 22px;
  height: 20px;
  background: none;
  background-image: url(../images/pnp-spritemap-hi-res.png);
  background-repeat: no-repeat;
  background-position: -120px 0px;
  background-size: 162px;
  /*@media (max-width: 1023px){
    width: auto;
  }*/
}
.productListPagination .form-group form .gridlist-btns button#th-list {
  background-position: -119px -26px;
}
.productListPagination .form-group form .gridlist-btns button span {
  display: none;
}
.pagination-bar.bottom {
  margin: 0 0;
}
.pagination-bar.bottom .pagination-toolbar {
  padding: 0;
  border: none;
}
.pagination-bar.bottom .pagination-toolbar .col-xs-12.col-sm-6.col-md-5.pagination-wrap {
  width: 100%;
  float: left;
  text-align: center;
}
.pagination-bar .pagination,
.pagination-bar button {
  margin-top: 0;
}
.pagination > li > a,
.pagination > li > span,
.pagination > .active > span {
  width: 20px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #cccccc;
}
.pagination > li > a:hover,
.pagination > .active > span {
  color: #19212b;
}
.pagination > li a.glyphicon,
.pagination > li a.glyphicon:hover,
.pagination > li span.glyphicon .pagination > li span.glyphicon:hover,
.pagination > li.pagination-prev span.glyphicon,
.pagination > li.pagination-next span.glyphicon,
.pagination > li.pagination-prev a.glyphicon,
.pagination > li.pagination-next a.glyphicon {
  font-family: 'Glyphicons Halflings';
  color: #19212b;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  width: 20px;
  margin: 0;
}
.fav-add-to-my-trolley:disabled,
.fav-add-to-my-trolley button[disabled] {
  opacity: 0.5;
}
.fav-add-to-my-list:disabled,
.fav-add-to-my-list button[disabled] {
  opacity: 0.5;
}
/*----- search autocomplete -----*/
.site-search ul.ui-autocomplete {
  border: none;
  left: 0 !important;
}
li.ui-menu-item {
  border: none !important;
}
li.ui-menu-item:first-child {
  border-bottom: 1px solid #cccccc !important;
}
li.ui-menu-item a .thumb img {
  width: 30px;
  height: auto;
}
li.ui-menu-item a .name {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #929292;
}
li:first-child.ui-menu-item a .name {
  font-size: 16px;
}
li.ui-menu-item a .price {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
}
li.ui-menu-item a .price.savings {
  color: #ff0000;
}
.template-pages-search-searchGridPage #colorbox #cboxLoadedContent {
  margin-top: 0px;
  padding: 30px;
}
.template-pages-search-searchGridPage #colorbox .product-facet .facet .facet-name .facet-arrow {
  left: auto;
  right: 30px;
  /*background: url(../images/icon-dropdown-arrow.png) right center no-repeat;
  background-size: 16px;
  width: 20px;
  height: 20px;
  margin: 0 0;*/
  cursor: pointer;
}
/*----- no search results -----*/
.search-empty {
  margin: 0 0;
  text-align: left;
}
.search-empty-image {
  text-align: left;
}
img.search-empty-image,
.search-empty-image img {
  width: 90%;
  height: auto;
  border: none;
  margin: 0;
  padding: 0;
}
body.page-searchEmpty .side-content {
  display: none;
}
@media (min-width: 1024px) {
  body.page-searchEmpty .side-content {
    display: block;
    width: 275px;
  }
  img.search-empty-image,
  .search-empty-image img {
    width: 100%;
  }
}
/*----- variable weight -----*/
/*@text-color-pricegrey: #5a5a5a;*/
.item.js-product-card-item a,
.item.js-product-card-item a:visited,
.item.js-product-card-item a:active,
.item.js-product-card-item a:hover {
  text-decoration: none !important;
}
.productCarouselItem .product-price {
  height: 45px;
}
.priceVariableWeight {
  font-family: Arial, sans-serif, Helvetica;
}
.priceVariableWeight .normalPrice {
  font-weight: bold;
  color: #575757;
  font-size: 18px;
  margin-right: 2px;
}
.priceVariableWeight .normalPrice > span {
  font-size: 10px;
  position: relative;
  top: -6px;
  left: 1px;
}
/*.priceVariableWeight.priceDiv-hasSaving.showSave .normalPrice {
  color: @overlay-savings;
  > span{
    color: @overlay-savings;
  }
}*/
.product-list .product-item .priceVariableWeight.priceDiv-hasSaving.showSave .normalPrice,
.product-list .product-item .priceVariableWeight.priceDiv-hasSaving.showSave .normalPrice > span,
.mini-cart-item .priceVariableWeight.priceDiv-hasSaving.showSave .normalPrice,
.mini-cart-item .priceVariableWeight.priceDiv-hasSaving.showSave .normalPrice > span {
  color: #575757;
}
.fed-pdp-product-details .priceVariableWeight .normalPrice,
.fed-pdp-product-details .priceVariableWeight .normalPrice > span {
  color: #ff0000;
}
.mini-cart-item .priceVariableWeight .normalPrice > span {
  font-size: 9px;
  top: -5px;
}
.fed-pdp-product-details .priceVariableWeight .normalPrice {
  font-size: 26px;
}
.fed-pdp-product-details .priceVariableWeight .normalPrice > span {
  font-size: 14px;
  top: -9px;
}
.priceVariableWeight span.averagePrice {
  font-weight: normal;
  color: #575757;
  font-size: 12px;
}
.mini-cart-list .priceVariableWeight .priceDiv .savings {
  display: inline-block !important;
  color: #ff0000;
  font-size: 14px;
  font-weight: bold;
}
.mini-cart-list .priceVariableWeight .priceDiv .savings span {
  font-size: 8px;
  position: relative;
  top: -5px;
  left: 0px;
  letter-spacing: 1px;
  color: #ff0000;
}
.mini-cart-list .priceVariableWeight .priceDiv .pricedata-Save {
  display: inline-block !important;
  color: #ff0000;
  font-weight: bold;
}
.mini-cart-list .priceVariableWeight .priceDiv .savings {
  width: auto;
}
.mini-cart-list .priceVariableWeight .priceDiv .savings:before {
  display: none;
}
.priceVariableWeight .priceDiv .savings {
  display: block !important;
  font-size: 16px;
  color: #ff0000;
  width: 100px;
}
.priceVariableWeight .priceDiv .savings span {
  font-size: 8px;
  position: relative;
  top: -5px;
  left: 0px;
  letter-spacing: 1px;
  color: #ff0000;
}
.priceVariableWeight .priceDiv .savings:before {
  content: "SAVE";
}
.priceVariableWeight .priceDiv .pricedata-Save,
.priceVariableWeight span.selectedQuantityDiv,
.priceVariableWeight .priceDiv .oldprice,
.priceVariableWeight .priceInformation .savings {
  display: none !important;
}
.mini-cart-item .priceVariableWeight.showSave span.pricedata-Save,
.mini-cart-item .priceVariableWeight.showSave .priceDiv .savings {
  display: inline-block !important;
  color: #ff0000;
  font-weight: bold;
}
/*.priceVariableWeight.priceDiv-hasSaving.showSave span.pricedata-Save,
.priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .savings*/
.mini-cart-item .priceVariableWeight.showSave .priceDiv .savings {
  display: inline-block !important;
  color: #ff0000;
  font-size: 14px;
  font-weight: bold;
}
.mini-cart-item .priceVariableWeight.showSave .priceDiv .savings > span {
  font-size: 8px;
  position: relative;
  top: -5px;
  left: 0px;
  letter-spacing: 1px;
  color: #ff0000;
}
.product-item .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .savings {
  display: block !important;
  font-size: 16px;
  color: #ff0000;
  width: 100px;
}
.product-item .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .savings > span {
  font-size: 9px;
  position: relative;
  top: -6px;
  left: 0px;
  letter-spacing: 1px;
}
.product-item .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .savings:before {
  content: "SAVE";
}
/*.priceVariableWeight.priceDiv-hasSaving.showSave .normalPrice {
    color: @text-color-secondary;
}*/
@media (max-width: 1024px) {
  .product-item .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .savings {
    top: -4px;
    position: relative;
  }
}
@media (max-width: 640px) {
  .product-item .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .savings {
    top: 12px;
    float: right;
  }
}
.priceVariableWeight .selectedQuantityDiv {
  color: #575757;
  font-size: 12px;
}
.priceVariableWeight .priceInformation .normalPrice,
.priceVariableWeight .priceInformation .oldprice,
.priceVariableWeight.priceDiv-hasSaving .oldprice {
  display: inline-block;
  font-weight: normal;
  color: #575757;
  font-size: 12px;
}
.priceVariableWeight .priceInformation .normalPrice > span,
.priceVariableWeight .priceInformation .oldprice > span,
.priceVariableWeight.priceDiv-hasSaving .oldprice > span {
  font-size: 8px;
  position: relative;
  top: -3px;
  left: 0px;
  letter-spacing: 1px;
}
.fed-pdp-product-details-price .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .oldprice {
  display: inline-block !important;
  font-size: 26px;
}
.fed-pdp-product-details-price .priceVariableWeight.priceDiv-hasSaving.showSave .priceDiv .oldprice > span {
  font-size: 14px;
  top: -9px;
  text-decoration: line-through;
}
.priceVariableWeight.priceDiv-hasSaving .oldprice {
  text-decoration: line-through;
}
.mini-cart-item .priceVariableWeight .priceInformation .normalPrice span {
  top: -5px;
}
.priceVariableWeight .priceInformation .normalPrice-hasSaving .normalPrice {
  color: #ff0000;
  font-weight: bold;
}
.priceVariableWeight .priceInformation .normalPrice-hasSaving .normalPrice > span {
  color: #ff0000;
}
.priceVariableWeight .priceInformation .oldprice {
  text-decoration: line-through;
}
.priceVariableWeight .priceInformation .oldprice > span {
  text-decoration: none;
}
.priceVariableWeight .priceInformation .normalPrice span.priceUnit,
.priceVariableWeight .priceInformation .oldprice span.priceUnit {
  font-size: 12px;
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0 2px;
}
.productCarouselItem .qty-selector {
  width: 100%;
}
ul.product-listing.product-list .productCarouselItemContainer .addtocart-component .qty-selector {
  right: 0 !important;
  left: auto !important;
}
ul.product-listing.product-grid .productCarouselItem .js-product-card-item .addtocart-component .qty-selector {
  position: relative;
  margin-top: 0;
  right: auto;
  left: 0;
  width: 100% !important;
  bottom: 0;
  z-index: 0;
}
@media (min-width: 640px) {
  ul.product-listing.product-grid .productCarouselItem .js-product-card-item .addtocart-component .qty-selector {
    right: 0;
  }
}
.productCarouselItem .qty-selector select,
.product-list .product-item .details.details-qty .qty-selector select,
.fed-pdp-product-details .qty-selector select {
  width: 100%;
  margin: 0;
  padding: 0 0 0 5px;
  border: 1px solid #cccccc !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  color: #575757;
  height: 30px !important;
}
.productCarouselItem .qty-selector select::-ms-value,
.product-list .product-item .details.details-qty .qty-selector select::-ms-value,
.fed-pdp-product-details .qty-selector select::-ms-value {
  background: #cccccc;
  margin: 0px !important;
  padding-left: 5px;
  margin-left: -5px !important;
}
.productCarouselItem .qty-selector select::-ms-expand,
.product-list .product-item .details.details-qty .qty-selector select::-ms-expand,
.fed-pdp-product-details .qty-selector select::-ms-expand {
  border: none;
  background: #cccccc;
}
.fed-pdp-product-details .qty-selector,
.fed-pdp-product-details .addtocart-component .actions {
  width: 100%;
  margin: 0;
  float: left;
  display: block;
}
.item.js-product-card-item {
  position: relative;
}
.pageType-CategoryPage .item .list-actions {
  float: right;
  margin-right: 40px;
}
@media (min-width: 640px) {
  .pageType-CategoryPage .item .list-actions {
    float: none;
    margin-right: 0;
  }
}
.template-pages-search-searchGridPage .item .list-actions {
  float: right;
  margin-right: 40px;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .item .list-actions {
    float: none;
    margin-right: 0;
  }
}
.page-search main,
.template-pages-search-searchGridPage main {
  overflow-x: hidden;
}
.defaultWhiteProdFavourite button:hover:after {
  display: none !important;
}
.defaultWhiteProdFavourite button img {
  width: 15px;
  height: 15px;
}
.defaultWhiteProdFavourite .btn.btn-secondary-whiteloyalty:hover {
  background-color: transparent;
  background: transparent;
}
.defaultWhiteProdFavourite .btn.btn-secondary-whiteloyalty {
  border: 1px solid #cccccc !important;
  color: #19212b;
  font-size: 13px;
  padding-bottom: 12px !important;
}
.defaultWhiteProdFavourite {
  position: relative !important;
  display: inline-block;
  left: 0;
  top: 0;
  width: auto !important;
  padding-top: 5px !important;
}
.defaultWhiteProdFavourite button {
  border: 1px solid #cccccc !important;
  font-size: 13px;
  transition: all 0.2s linear;
  background-color: #FFFFFF;
  position: relative !important;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.375;
  display: inline-block;
  text-align: center !important;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  width: auto !important;
  bottom: 0 !important;
  right: 0 !important;
}
.defaultWhiteProdFavourite .defaultBlueProdFavourite {
  background: #3374b6 !important;
  color: #FFF !important;
}
ul.product-listing.product-grid .item .js-product-selection-container {
  bottom: 22px;
}
@media (min-width: 640px) {
  ul.product-listing.product-grid .item .js-product-selection-container {
    bottom: 17px;
  }
}
.carousel-component .prodFavourite {
  top: 8px;
  right: 8px;
}
.prodFavourite {
  position: absolute;
  text-align: right;
  z-index: 9;
  bottom: 15px !important;
  top: 9px;
  right: 2px;
  left: auto;
  height: 30px;
  width: 30px;
  background-color: #FFFFFF;
  border-radius: 50%;
}
@media (min-width: 640px) {
  .prodFavourite {
    top: 0;
    left: auto;
    right: 0;
    z-index: 9;
  }
}
.prodFavourite #trigger img {
  width: 20px;
  height: 18px;
  right: 4px;
  top: 6px;
  left: auto;
  position: absolute;
}
@media (min-width: 640px) {
  .prodFavourite #trigger {
    width: 25px;
    height: 23px;
  }
}
.prodFavourite #prodFavourite-overlay .btn-secondary-whiteloyalty {
  padding: 15px 10px 10px 10px;
  font-size: 13px !important;
  width: 100%;
  white-space: normal;
}
@media (max-width: 736px) {
  .page-productDetails .carousel-component .prodFavourite {
    left: 100px;
  }
}
.b2bSpecialPrice {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.b2bSpecialPrice span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 5px 0 0;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}
.b2bSpecialPrice:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 95px solid #003359;
  border-left: 100px solid transparent;
}
ul.product-listing .b2bSpecialPrice {
  top: -1px;
  right: -10px;
}
.fed-pdp-image-gallery-container .b2bSpecialPrice {
  top: 10px;
  right: 20px;
}
.fed-pdp-image-gallery-container .b2bSpecialPrice span {
  padding: 18px 13px 0 0;
  font-size: 15px;
  line-height: 15px;
}
.fed-pdp-image-gallery-container .b2bSpecialPrice:before {
  border-top: 130px solid #003359;
  border-left: 140px solid transparent;
}
.b2b-product-unavail-mesg {
  margin-bottom: 18px;
  height: 50px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .b2b-product-unavail-mesg {
    margin-bottom: 5px;
    height: auto;
    overflow: auto;
  }
}
.b2b-product-unavail-mesg.plp {
  margin-top: 10px;
}
.product-listing b2b-product-unavail-mesg.plp button {
  margin-bottom: 10px;
}
button.disabled-add-btn {
  width: 100%;
  background-color: #cccccc !important;
  color: #fff;
  margin-top: 20px;
}
button.disabled-add-btn.plp {
  margin-bottom: 11px;
}
@media (min-width: 480px) {
  .productImageCarouselTable .item.js-product-card-item {
    padding: 0px !important;
    border: 5px solid #f2f2f2 !important;
  }
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 1em;
    padding: 11px 0 0 0;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 70px;
    left: 70px;
    z-index: 3;
  }
  .productImageCarouselTable .image-gallery-sellingfastbutton {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 120px 120px 0 !important;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    z-index: 4;
    right: 0 !important;
    color: white;
    top: 0 !important;
  }
  .productImageCarouselTable .image-gallery-sellingfastbutton span {
    position: absolute;
    top: 25px !important;
    left: 60px !important;
    width: 50px;
    text-align: center;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    font-size: 14px !important;
  }
  .productImageCarouselTable .image-gallery-stockcountbutton {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 120px 120px 0 !important;
    border-color: transparent #b9154a transparent transparent;
    position: absolute;
    z-index: 3;
    right: 0 !important;
    color: white;
    top: 0 !important;
  }
  .productImageCarouselTable .image-gallery-stockcountbutton div {
    background-image: url(../images/pnp-timer.png);
    background-repeat: no-repeat;
    background-size: 65%;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 35px;
    top: 6px;
  }
  .productImageCarouselTable .image-gallery-stockcountbutton span {
    position: absolute;
    top: 25px !important;
    left: 60px !important;
    width: 50px !important;
    text-align: center;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    font-size: 14px !important;
  }
  .productImageCarouselTable .image-gallery-soldoutbutton div {
    transform: rotate(-25deg);
    position: relative;
    top: 190px !important;
    padding: 10px;
    left: -40%;
    background-color: #b9154a;
    width: 180%;
    text-align: center;
  }
}
@media (min-width: 640px) {
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 1em;
    padding: 11px 0 0 0;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 250px !important;
    left: 250px !important;
    z-index: 3;
  }
  .productImageCarouselTable .item.js-product-card-item .item-name {
    color: #000;
    text-align: center;
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    min-height: 35px !important;
    margin: 20px 0 0 0;
  }
  .productImageCarouselTable .item.js-product-card-item .product-price {
    font-weight: bold;
    text-align: center;
    padding: 5px 5px 15px 5px;
    color: #b9154a;
    font-size: 40px !important;
  }
  .productImageCarouselTable .item.js-product-card-item .product-price .item-price .currentPrice span {
    vertical-align: super;
    font-size: 20px !important;
  }
  .productImageCarouselTable .tileContainerTile {
    min-height: 550px !important;
  }
}
@media (min-width: 1024px) {
  .productImageCarouselTable .image-gallery-savingsbutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #ff0000;
    cursor: default;
  }
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 150px !important;
    left: 150px !important;
    z-index: 3;
  }
}
@media (min-device-width: 1024px) and (max-device-width: 1400px) {
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 250px !important;
    left: 250px !important;
    z-index: 3;
  }
}
@media (min-width: 1400px) {
  .productImageCarouselTable .image-gallery-onlineonlybutton {
    width: 66px !important;
    height: 66px !important;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 1em;
    padding: 20px 0 0 0 !important;
    margin-bottom: 5px;
    overflow: hidden;
    /* border: 2px solid #FFF; */
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #13375a;
    cursor: default;
    position: absolute;
    top: 250px !important;
    left: 250px !important;
    z-index: 3;
  }
}
.productImageCarouselTable .image-gallery-savingsbutton {
  width: 50px;
  height: 50px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 1em;
  padding: 8px 0 0 0;
  margin-bottom: 5px;
  overflow: hidden;
  /* border: 2px solid #FFF; */
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #ff0000;
  cursor: default;
}
.productImageCarouselTable .image-gallery-onlineonlybutton {
  width: 40px;
  height: 40px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px;
  line-height: 1em;
  padding: 11px 0 0 0;
  margin-bottom: 5px;
  overflow: hidden;
  /* border: 2px solid #FFF; */
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #13375a;
  cursor: default;
  position: absolute;
  top: 80px;
  right: 15px;
  z-index: 3;
}
.productImageCarouselTable .image-gallery-sellingfastbutton {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 80px 80px 0;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  z-index: 4;
  right: 0;
  color: white;
  top: 0;
}
.productImageCarouselTable .image-gallery-sellingfastbutton span {
  position: absolute;
  top: 15px;
  left: 30px;
  width: 50px;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  font-size: 10px;
}
.productImageCarouselTable .image-gallery-stockcountbutton {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 80px 80px 0;
  border-color: transparent #b9154a transparent transparent;
  position: absolute;
  z-index: 4;
  right: 0px;
  color: white;
  top: 0px;
}
.productImageCarouselTable .image-gallery-stockcountbutton span {
  position: absolute;
  top: 15px;
  left: 40px;
  width: 40px;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
  font-size: 10px;
}
.productImageCarouselTable .image-gallery-soldoutbutton {
  width: 100%;
  height: 105%;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 4;
  color: white;
  overflow: hidden;
}
.productImageCarouselTable .image-gallery-soldoutbutton div span {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  line-height: normal;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.productImageCarouselTable .image-gallery-soldoutbutton div {
  transform: rotate(-25deg);
  webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  position: relative;
  top: 100px;
  padding: 10px;
  left: -40%;
  background-color: #b9154a;
  width: 180%;
  text-align: center;
}
.productImageCarouselTable .item.js-product-card-item {
  padding: 0px !important;
  border: 5px solid #f2f2f2 !important;
  margin-bottom: 40px;
}
.productImageCarouselTable img {
  width: 100%;
}
.productImageCarouselTable .item.js-product-card-item .item-name {
  color: #000;
  text-align: center;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  height: 45px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 20px 0 0 0;
}
.productImageCarouselTable .item.js-product-card-item .product-price {
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 15px 5px;
  color: #b9154a;
  font-size: 20px;
}
.productImageCarouselTable .item.js-product-card-item .product-price .item-price .currentPrice span {
  vertical-align: super;
  font-size: 10px;
}
.productImageCarouselTable .centertileBtnWording {
  background-color: #000;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-top: -15px;
}
.productImageCarouselTable .tileContainerTile a {
  border: none !important;
  margin: 0 !important;
}
.productImageCarouselTable .tileContainerTile {
  width: 100%;
  overflow: hidden;
  padding: 0px !important;
  border: 5px solid #f2f2f2 !important;
  min-height: 305px;
}
.productImageCarouselTable .tileContainerTile .tileContainerTile-title {
  visibility: hidden;
  display: none;
}
.productImageCarouselTable .tileContainerTile a img {
  margin: 0px !important;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.productImageCarouselTable .image-gallery-savingsbutton div {
  font-size: 8px;
}
@media (min-width: 640px) {
  .productImageCarouselTable .image-gallery-savingsbutton div {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) {
  .productImageCarouselTable .image-gallery-savingsbutton div {
    font-size: 14px !important;
  }
}
.productImageCarouselTable .image-gallery-savingsbutton div span {
  font-size: 6px;
}
@media (min-width: 640px) {
  .productImageCarouselTable .image-gallery-savingsbutton div span {
    font-size: 10px !important;
  }
}
/** Bootstrap Overrides **/
.js-toggle-sm-navigation .glyphicon-align-justify:before {
  content: "\e055";
  visibility: hidden;
}
.nav-bottom {
  display: none;
  height: 0px;
  margin: 0;
}
@media (min-width: 1024px) {
  .nav-bottom {
    display: block;
    height: 47px;
  }
}
/** Navigation Overrides **/
.main-header .main-navigation {
  position: relative;
  left: 0;
  display: none;
  width: 100%;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-size: 12px;
}
@media (min-width: 640px) {
  .main-header .main-navigation {
    font-family: pantonFontBold;
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .main-header .main-navigation {
    left: auto;
    top: auto;
    display: block !important;
  }
}
.main-header .main-navigation .sm-back {
  line-height: 44px;
}
.main-header .main-navigation > ul.nav {
  padding: 0;
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1024px) {
  .main-header .main-navigation > ul.nav {
    box-shadow: none;
  }
}
.main-header .main-navigation > ul.nav > li > a {
  font-size: inherit;
  color: #505050;
}
.main-header .main-navigation > ul.nav > li > a:hover,
.main-header .main-navigation > ul.nav > li > a:focus {
  background: none;
}
.main-header .main-navigation > ul.nav > li > a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 13px;
  height: 15px;
  margin-top: -7px;
  background: url(../images/chevron-mobile-menu.png) right top no-repeat;
  background-size: 7px;
  overflow: hidden;
}
.main-header .main-navigation > ul.nav > li .sub-navigation {
  display: none;
  position: absolute;
  left: 0 !important;
  width: 100%;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section {
  background: #ffffff;
  z-index: 99;
  padding-left: 0;
  border-right: none !important;
  border-left: none !important;
  background: none;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section:first-child {
  border-bottom: 1px solid #ebebeb;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section:last-child:nth-last-child(2) {
  border-bottom: 1px solid #ebebeb;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section:last-child {
  padding-bottom: 40px;
  border-bottom: 1px solid #ebebeb !important;
  display: inherit;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section > li {
  margin-bottom: 0;
  margin-top: 0;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section > li:hover {
  background: #f1f2f2;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section > li a {
  padding-left: 20px;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section a {
  color: #505050;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: inherit;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section img {
  display: none;
  position: absolute;
  top: 15px;
  width: 380px;
  height: 340px;
  padding-left: 20px;
  margin-left: 780px;
  border-left: 1px solid #ebebeb;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section ul {
  display: none;
  position: absolute;
  top: 0;
  width: auto;
  min-height: 100%;
  max-height: 440px;
  margin-left: 240px;
  float: left;
  background-color: #FFF;
  overflow: hidden;
  border: 1px solid #ebebeb;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section ul li {
  width: 240px;
  display: block;
  line-height: 40px;
  height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ebebeb;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section ul li a {
  font-weight: 400;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section ul li:hover {
  background: transparent;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section ul li a:hover {
  color: #b9154a;
  text-decoration: underline;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section .title {
  color: #505050;
  line-height: inherit;
  font-size: inherit;
  font-weight: bold;
  margin-left: 5px;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li {
  border-bottom: none;
  background: #fff;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a {
  color: #404041;
  text-transform: uppercase;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:hover,
.main-header .main-navigation > ul.nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:focus {
  background: #fff;
  color: #b9154a;
}
@media (min-width: 1024px) {
  .main-header .main-navigation > ul.nav > li > a:after {
    display: none;
  }
}
.main-header .main-navigation > ul.nav > li.md-show-sub > a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  margin: 0;
  border-right: none;
  border-left: none;
  border-bottom: 5px solid #b9154a;
  z-index: 1001;
}
@media (min-width: 1024px) {
  .main-header .main-navigation > ul.nav > li.md-show-sub > a:after {
    top: auto;
    background: none;
  }
}
@media (min-width: 1024px) {
  .main-header .main-navigation > ul.nav > li.has-sub > a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 15px;
    margin-top: -7px;
    background: url(../images/chevron-mobile-menu.png) right top no-repeat;
    background-size: 7px;
    overflow: hidden;
    right: 15px;
    transform: rotate(90deg);
    top: 40%;
  }
  .main-header .main-navigation > ul.nav > li.has-sub:hover > a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 15px;
    margin-top: -7px;
    background: url(../images/chevron-mobile-menu.png) right top no-repeat;
    background-size: 7px;
    overflow: hidden;
    right: 15px;
    transform: rotate(-90deg);
    top: 50%;
  }
}
.navigation-column .wrap-once {
  display: inline-block;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  -moz-column-fill: auto;
  column-fill: auto;
  position: absolute;
  height: 445px;
  max-height: 445px;
  padding-left: 0;
  margin-left: 15px;
  background-color: #FFF;
}
.navigation-column .wrap-once .tier-two-dropdown {
  display: none !important;
}
.navigation-column .wrap-once .sub-navigation-section {
  display: inline-block;
}
.navigation-column .wrap-once a:focus {
  outline-offset: 0 !important;
  text-decoration: none !important;
}
.navigation-column .tier-two-dropdown {
  display: none !important;
}
.navigation-column .wrap-none {
  display: inline-block;
  -webkit-column-count: 1 !important;
  -moz-column-count: 1 !important;
  column-count: 1 !important;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  -moz-column-fill: auto;
  column-fill: auto;
  position: absolute;
  height: 445px;
  max-height: 445px;
  padding-left: 0;
  margin-left: 15px;
  background-color: #FFF;
}
.navigation-column .wrap-none .tier-two-dropdown {
  display: none !important;
}
.navigation-column .wrap-none .sub-navigation-section {
  display: inline-block;
}
.navigation-column .wrap-twice {
  display: inline-block;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  -moz-column-fill: auto;
  column-fill: auto;
  position: relative;
  left: 0;
  height: 445px;
  max-height: 445px;
  padding-left: 0;
  margin-left: 15px;
  background-color: #FFF;
}
.navigation-column .wrap-twice .tier-two-dropdown {
  display: none !important;
}
.navigation-column .wrap-twice .sub-navigation-section {
  display: inline-block;
}
.navigation-column .wrap-twice a:focus {
  outline-offset: 0 !important;
  text-decoration: none !important;
}
.navigation-overlay {
  position: fixed;
  top: 133px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}
.addNavWrapping {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -moz-column-fill: auto;
  column-fill: auto;
  height: 100%;
}
.main-header .nav-bottom {
  background-color: #FFFFFF;
}
.icon-mobile-menu {
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/menu-bars-icon.svg) center 2px no-repeat;
  background-size: 18px;
}
.icon-mobile-menu:after {
  content: "Menu" !important;
  visibility: visible !important;
  position: absolute;
  font-size: 10px;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  display: block;
  width: 100%;
  color: #757575;
  font-weight: 600;
  bottom: -2px;
  text-transform: capitalize;
}
.icon-mobile-menu-close-x {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/menu-bars-close-icon.svg) top center no-repeat;
  background-size: 21px;
}
.icon-mobile-menu-close-x:before {
  content: "close" !important;
  visibility: visible !important;
  position: absolute;
  font-size: 10px;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  display: block;
  width: 100%;
  color: #757575;
  font-weight: 600;
  bottom: -2px;
  text-transform: capitalize;
}
.icon-mobile-menu-close-x:after {
  content: "";
  position: absolute;
  bottom: -7px;
  display: block;
  width: 100%;
  height: 4px;
  background: #b9154a;
}
.bg-white {
  background-color: #ffffff !important;
}
/*
.sub-navigation-section .title {
  color: @text-color-grey;
  line-height: inherit;
  font-size: inherit;
  font-weight: bold;
  margin-left: 5px;
}
*/
li.mob-menu-header-link:after,
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section > li.showTierTwoIcon:hover {
  content: '';
  display: inline-block;
  background-image: url(../images/chevron-mobile-menu.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 7px;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section > li.showTierTwoIcon {
  content: '';
  display: inline-block;
  background-image: url(../images/chevron-mobile-menu.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 7px;
}
.removeTierTwoIcon + ul {
  display: none !important;
}
/*
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section > li a {
line-height: 19px;
padding-left: 20px;
text-transform: uppercase;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section a {
color: #505050;
font-family: "pnpFontMedium", Helvetica, Arial, sans-serif;
font-size: inherit;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section img {
position: absolute;
margin-left: 780px;
width: 380px;
height: 340px;
display: none;
border-left: 1px solid #ebebeb;
padding-left: 20px;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul {
display: none;
width: 500px;
height: 440px;
position: absolute;
margin-left: 200px;
top: 0;

overflow:hidden;
float:left;

-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;

-moz-column-fill: auto;
column-fill: auto;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul li {
margin-top: 17px;
width: 100%;
display: block;
display: inline-block;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul li:hover {
background: transparent;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul li a:hover {
color:#b9154a;
}

.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li {
border-bottom: none;
background: #fff;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a {
color: @nav-subcat-txt-color;
text-transform: uppercase;
font-family: "pnpFont", Arial, sans-serif, Helvetica;
}
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:hover,
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:focus {
background: #fff;
color: @brand-secondary;
}
*/
.main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .title {
  font-size: inherit;
  font-weight: normal;
  color: #404041;
  padding: 10px 20px 10px 0;
}
.userSign {
  display: none;
}
@media (min-width: 1024px) {
  .template-pages-layout-landingLayout2Page .main-header .main-navigation {
    display: block;
  }
  .template-pages-category-categoryPage .main-header .main-navigation {
    background: rgba(255, 255, 255, 0.9);
  }
}
@media (max-width: 1023px) {
  .main-header .main-navigation li.auto a {
    padding: 15px 30% 15px 25px;
  }
  .main-header .main-navigation .nav-pills li.auto {
    border-bottom: 1px solid #e2dfdf;
  }
  .main-header .main-navigation .has-sub > a:before {
    display: none;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section {
    background: #fff;
  }
  .main-header .main-navigation .has-sub .sub-navigation .sub-navigation-section .title {
    padding: 10px 20px 10px 20px;
  }
  .main-header .main-navigation .sub-navigation .sm-back {
    font-size: inherit;
    padding: 0px 20px;
    background: #fff;
    border-bottom: none;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .main-navigation {
    margin-left: 0;
    margin-right: -10px;
  }
}
@media (max-width: 769px) {
  li.mob-menu-header-link {
    background: #f1f2f2;
    width: 100% !important;
    display: block;
  }
  li.mob-menu-header-link a {
    text-transform: uppercase !important;
    height: 55px;
    line-height: 20px !important;
  }
  .main-header .main-navigation > .nav > li .sub-navigation ul.item-container {
    background: #fff;
    padding-left: 0px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul.active {
    display: block;
    top: 45px;
    margin-left: -1px;
    width: 100%;
    height: auto;
    background: #fff;
    padding-left: 0px;
    padding-bottom: 20px;
    /* Nullify desktop's split column */
    webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-gap: auto;
    -moz-column-gap: auto;
    column-gap: auto;
    -moz-column-fill: auto;
    column-fill: auto;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul.active li {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section ul.active li a {
    padding-left: 20px;
    line-height: 0px;
  }
  .main-header .main-navigation .nav-pills li.auto:hover {
    background: none;
  }
}
@media (min-width: 1024px) {
  li.mob-menu-header-link {
    display: none !important;
  }
  .main-header .main-navigation {
    background: #ffffff;
    width: inherit !important;
    display: block;
  }
  .main-header .main-navigation > .nav > li > a {
    padding: 13px 42px 14px 11px;
  }
  .main-header .main-navigation > .nav > li.md-show-sub .sub-navigation {
    margin-left: -7px;
  }
  /* draw our v line */
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section {
    background: linear-gradient(180deg, #ffffff, #ebebeb, #ffffff);
    background-position: 200px;
    background-repeat: repeat-y;
    background-size: 1px auto;
    background-color: #ffffff;
    height: 40px;
    position: static;
    padding: 0px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section > li {
    line-height: 40px;
    width: 240px;
    height: 40px;
    background: #ffffff;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
  }
  li.mob-menu-header-link:after,
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section > li:hover:after {
    top: 12px;
  }
}
.template-pages-layout-landingLayout2Page header {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .main-header .main-navigation {
    background: #ffffff;
    width: inherit !important;
    display: block;
  }
}
/*--- Customer Dashboard ---*/
#flip.listPageHeader {
  border-bottom: none !important;
}
@media (max-width: 1024px) {
  #flip.listPageHeader:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    position: absolute;
    top: 21px;
    right: 20px;
    background: url(../images/icon-dropdown-arrow.png) 0 0 no-repeat;
    background-size: cover;
  }
}
ul.myDashboard {
  padding: 15px 0 0 0;
  margin: 0;
  width: 100%;
  list-style: none;
  background-color: #FFF;
  border-top: 1px solid #cccccc;
}
ul.myDashboard li {
  padding: 0;
  margin: 0;
  width: 100%;
}
ul.myDashboard li a,
ul.myDashboard li a:active,
ul.myDashboard li a:visited,
ul.myDashboard li a:hover {
  padding: 15px 20px;
  margin: 0;
  width: 100%;
  color: #575757;
  text-decoration: none !important;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  position: relative;
}
ul.myDashboard li a:hover,
ul.myDashboard li a.active {
  color: #b9154a;
}
ul.myDashboard li a .myDashboard-link-arrow {
  display: block;
  width: 6px;
  height: 12px;
  position: absolute;
  top: 17px;
  right: 25px;
  background: url(../images/arrows1-hi-res.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 12px;
}
ul.myDashboard li a:hover .myDashboard-link-arrow,
ul.myDashboard li a.active .myDashboard-link-arrow {
  background-position: -6px 0;
}
ul.myDashboard li.groupGrey {
  border: none;
  background-color: #f2f2f2;
}
ul.myDashboard li:last-child a {
  padding-bottom: 30px;
}
/*--- Customer Dasboard - content ---*/
.mydashboard-contentpanel #addressList {
  display: block;
  float: left;
}
.mydashboard-contentpanel #addressList .listPageHeader {
  display: none;
}
.mydashboard-contentpanel .listPageContent {
  display: block;
  float: left;
  padding: 0px 20px;
}
.mydashboard-contentpanel #addressList .col-xs-12.no-space button {
  display: block;
  float: left;
  margin-right: 10px;
}
.mydashboard-contentpanel #addressList {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .mydashboard-contentpanel #addressList #addNewAddress {
    width: 49%;
    margin: 0 1% 0 0;
  }
}
@media (max-width: 320px) {
  .mydashboard-contentpanel #addressList #addNewAddress {
    width: 100%;
    margin: 0 0 1% 0;
  }
}
.mydashboard-contentpanel #addressList #accountContinueShopping {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .mydashboard-contentpanel #addressList #accountContinueShopping {
    width: 49%;
    margin: 0 0 0 1%;
  }
}
@media (max-width: 376px) {
  .mydashboard-contentpanel #addressList #accountContinueShopping {
    padding: 10px;
  }
}
@media (max-width: 320px) {
  .mydashboard-contentpanel #addressList #accountContinueShopping {
    width: 100%;
    margin: 1% 0 0 0;
  }
}
.template-pages-account-account2ColumnLayoutPage .account-section {
  border: none;
}
@media (max-width: 1023px) {
  .template-pages-account-account2ColumnLayoutPage .account-section {
    margin: 20px 0 0 0;
  }
}
.template-pages-account-account2ColumnLayoutPage .account-section-content {
  border: 1px solid #cccccc;
  display: block;
  float: left;
  width: 100%;
}
.template-pages-account-account2ColumnLayoutPage .miniSubscriptionContainer .miniCartTotals-cashOffValue {
  display: none;
}
.template-pages-search-searchGridPage .nav-bottom .sticky-header-mobile {
  display: block;
}
.template-pages-search-searchGridPage .nav-bottom .sticky-header-tablet {
  display: block;
}
.template-pages-product-productLayout2Page .nav-bottom .sticky-header-mobile {
  display: block;
}
.template-pages-product-productLayout2Page .nav-bottom .sticky-header-tablet {
  display: block;
}
.grey-bg {
  background: #e2e3e5 !important;
}
.page-shoppingListSummaryPage .listPageContent {
  padding: 0 20px;
}
.createNewListForm {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #575757;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #f2f2f2;
  margin: 0 0;
  padding: 20px;
  position: relative;
  display: block;
  width: 100%;
}
.createNewListForm label {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #575757;
  margin: 0 10px 0 0;
}
.createNewListForm input:not([type=radio]),
.createNewListForm select,
.addItemToListForm input:not([type=radio]) {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 12px;
  color: #575757;
  padding: 6px 10px;
  margin: 0 10px 0 0;
  width: 35%;
  border: 1px solid #c6c6c4 !important;
}
.createNewListForm select,
.createNewListForm input:not([type=radio]) {
  margin: 0 0 0 5px;
  width: 174px;
  height: 35px;
}
.createNewListForm select option {
  font-size: 1em;
  line-height: normal;
  padding: 20px 13px;
  width: 100%;
}
.createNewListForm select option:hover {
  background: #fff;
  color: #b9154a;
}
.createNewListForm .right {
  text-align: right;
}
@media (max-width: 1024px) {
  .createNewListForm .right {
    text-align: left;
  }
}
.createNewListForm .right label {
  color: #929292;
}
.createNewListForm span {
  font-weight: bold;
}
.createNewListForm #addressFormAdd {
  padding: 8px 10px;
  margin-top: -2px;
  height: 35px;
  font-size: 13px;
}
.shoppinglists-list {
  padding: 0;
  counter-reset: left-counter;
}
@media (min-width: 1400px) {
  .shoppinglists-list {
    margin: 30px 0 10px 0;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .shoppinglists-list {
    margin: 0;
  }
}
.shoppinglists-list ol.shoppinglists-itemList {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.shoppinglists-itemList-item {
  list-style-type: none;
  padding: 5px 0 5px 0;
  margin: 0;
}
.shoppinglists-list li.shoppinglists-itemList-item:first-of-type {
  margin-top: 15px;
}
.shoppinglists-list li.shoppinglists-itemList-item:last-of-type {
  margin-bottom: 35px;
}
.shoppinglists-list li.shoppinglists-itemList-item {
  border: 1px solid #e5e5e5;
  list-style-type: none;
  padding: 15px 15px 15px 20px;
  width: 100%;
  margin: 0 0 10px 0;
  position: relative;
}
@media (min-width: 640px) {
  .shoppinglists-list li.shoppinglists-itemList-item {
    padding: 10px 15px 5px 20px;
  }
}
.shoppinglists-list li.shoppinglists-itemList-item:before {
  content: counter(left-counter);
  counter-increment: left-counter;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  display: block;
  position: absolute;
  left: 20px;
  top: 10px;
  background-color: #003359;
  width: 24px;
  height: 24px;
  color: #FFF;
  border-radius: 50%;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
}
@media (min-width: 640px) {
  .shoppinglists-list li.shoppinglists-itemList-item:before {
    top: 20px;
  }
}
.shoppinglists-list .sl-item-title {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  text-transform: uppercase;
  color: #575757;
  margin: 3px 0 0 0;
  padding: 0px 0 0px 25px;
}
.shoppinglists-itemList-item .right {
  text-align: right;
}
.list-name-style {
  font-weight: bold;
  font-size: 14px;
  padding: 6px 10px 6px 10px;
  vertical-align: top;
  line-height: 30px;
  font-family: "Open Sans", Helvetica, sans-serif;
  color: #575757;
  text-transform: none;
}
.editTextName {
  color: #575757 !important;
  text-transform: uppercase;
  font-weight: bold;
}
.edit-slName {
  color: #575757 !important;
  font-size: 30px;
}
@media (max-width: 639px) {
  .edit-slName {
    font-size: 24px;
  }
}
.sldBannerContent {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 24px;
  font-size: 30px;
  margin: 0 0 0 0;
  padding: 0;
}
.sldBannerContent .edit-slName {
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 30px;
}
@media (min-width: 480px) and (max-width: 768px) {
  .sldBannerContent {
    padding: 0 0 0 30px;
  }
}
.sldBannerContent .bannerText {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757;
  margin: 5px 0 0 0;
}
.sldBannerContent .bannerText span {
  font-weight: bold;
}
.shoppinglists-list .sl-item-itemcount,
.shoppinglists-list .sl-item-action,
.shoppinglists-list .sl-item-extras {
  display: inline-block;
}
.sl-addtotrolley {
  padding: 8px 16px;
}
@media (max-width: 639px) {
  .sl-addtotrolley {
    margin-right: 0;
    padding: 8px 0;
    width: 49.2%;
  }
}
@media (max-width: 767px) {
  .sl-addtotrolley .sld-add-selected {
    display: none;
  }
}
@media (min-width: 768px) {
  .sl-addtotrolley .sld-add-trolley {
    display: none;
  }
}
.shoppinglists-list .sl-item-itemcount {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #575757;
  padding: 10px 0 0 0;
  float: left;
}
.shoppinglists-list .sl-item-extras-content a.sl-item-extras-link {
  display: block;
  float: left;
  clear: none;
  width: 36px;
  height: 36px;
  border: none;
  text-decoration: none;
  font-size: 0px;
  overflow: hidden;
  background: #ffffff url(../images/icons-shoppinglists.png) no-repeat;
  background-position: 0px 0px;
  background-size: 36px;
}
a.sl-item-extras-link#edit {
  background-position: 0px -44px;
  background-size: 40px;
}
a.sl-item-extras-link#delete {
  background-position: 0px -4px;
}
a.sl-item-extras-link#duplicate {
  background-position: 0px -74px;
}
a.sl-item-extras-link#email {
  background-position: 0px -88px;
  background-size: 30px;
}
.addItemToListForm {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #575757;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  min-height: 50px;
}
.pnpShoppingListDetailLabel {
  background-color: #f2f2f2;
  padding: 10px 0 10px 0;
  margin: 0 10px 0 10px;
}
.pnp-icon {
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(../images/icons-shoppinglists.png);
  background-repeat: no-repeat;
  margin: 0 2em 2em 0;
  text-indent: -1000;
}
.pnp-icon .icon-edit {
  background-position: 0 0;
}
.pnpnoteItemFont {
  font-family: Segoe Print;
  font-size: 16px;
  color: #575757;
  margin-left: 15px;
  line-height: initial;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  padding: 2px 10px 2px 10px;
}
/* .squaredFour */
.squaredFour label {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
}
.squaredFour label:after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  opacity: 0;
  background: url(../images/tick-mark.png) no-repeat;
  background-position: 5px 5px;
  background-color: #b9144a;
  border: 1px solid #b9144a;
}
.squaredFour label:hover::after {
  opacity: 0;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/* end .squaredFour */
/* .squaredFive */
.squaredFive label {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
}
.squaredFive label:after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  opacity: 0;
  background: url(../images/tick-mark.png) no-repeat;
  background-position: 5px 5px;
  background-color: #b9144a;
  border: 1px solid #b9144a;
}
.squaredFive label:hover::after {
  opacity: 0;
}
.squaredFive input[type=checkbox] {
  visibility: hidden;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0;
}
.squaredFive input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/* end .squaredFive */
/* Horizontal lines */
.pnpHrLine {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0 20px;
  padding: 12px 0 12px 0;
}
/* Icons */
.pnpnoteIcons-Edit#pnpnoteIcons-Edit {
  background-position: -4px -38px;
  background-size: 35px;
  border: 1px solid #ccc;
}
@media (max-width: 1024px) {
  .pnpnoteIcons-Edit#pnpnoteIcons-Edit {
    margin-left: -5px;
  }
}
@media (max-width: 1023px) {
  .pnpnoteIcons-Edit#pnpnoteIcons-Edit {
    margin-left: -15px;
  }
}
.pnpnoteIcons-Edit {
  display: inline-block;
  position: relative;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: url(../images/icons-shoppinglists.png) 0 0 no-repeat;
  cursor: pointer;
}
.pnpnoteIcons-Edit a {
  width: 28px;
  height: 28px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.pnpnoteIcons-Cross#pnpnoteIcons-Cross {
  background-position: -55px 8px;
  background-size: 75px;
  border: 1px solid #ccc;
  float: right;
}
.pnpnoteIcons-Cross {
  display: inline-block;
  position: relative;
  height: 30px;
  padding: 0;
  margin: 0 0 0 0;
  overflow: hidden;
  background: url(../images/pnp-spritemap.png) 0 0 no-repeat;
  cursor: pointer;
}
.pnpnoteIcons-Cross a {
  width: 28px;
  height: 28px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.pnpnoteIcons-Print#pnpnoteIcons-Print {
  background-position: 5px 4px;
  width: 31px;
  border: 1px solid #575757;
}
.pnpnoteIcons-Print {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  background: url(../images/icon-print.png) 0 0 no-repeat;
  cursor: pointer;
}
.pnpnoteIcons-Print a {
  width: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.pnpnoteIcons-Delete,
.pnpnoteIcons-Print {
  z-index: 1;
}
.pnpnoteIcons-Delete#pnpnoteIcons-Delete {
  background-position: -3px -4px;
  width: 31px;
  background-size: 36px;
  border: 1px solid #575757;
}
.pnpnoteIcons-Delete {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  background: url(../images/icons-shoppinglists.png) 0 0 no-repeat;
  cursor: pointer;
}
.pnpnoteIcons-Delete a {
  width: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.pnpnoteItemList {
  margin: 0;
}
.sl-product-price {
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
  font-weight: 600;
  font-size: 15px;
}
/* overlay starts */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  color: white;
  text-align: center;
  display: none;
}
.overlay.open {
  display: block;
}
.overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.overlay-message {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  position: relative;
}
/* overlay ends */
/* overlay for delete message 1 starts */
.overlay-dl-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.77);
  z-index: 99;
  color: white;
  display: none;
}
.overlay-dl-1:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
@media (max-width: 600px) {
  .overlay-dl-1:before {
    height: auto;
  }
}
.overlay-message-dl-1 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  position: relative;
  width: 100%;
}
@media (min-width: 480px) {
  .overlay-message-dl-1 {
    width: 100%;
  }
}
@media (min-width: 640px) {
  .overlay-message-dl-1 {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .overlay-message-dl-1 {
    width: 60%;
    padding: 0 0 0 10px;
  }
}
.shoppinglists-list .overlay-btns-dl {
  padding: 10px;
}
@media (min-width: 480px) {
  padding: 25px !important;
}
.overlay-btns-dl {
  display: inline-block;
  float: right;
  padding: 5px;
}
@media (max-width: 600px) {
  .overlay-btns-dl {
    padding: 40px 20px 10px 0px;
  }
}
@media (max-width: 480px) {
  .overlay-btns-dl {
    float: none;
    padding: 5px 20px;
  }
}
@media (max-width: 320px) {
  .overlay-btns-dl {
    float: none;
    padding: 5px 15px;
  }
}
.shoppingListSummaryDeleteBtnContainer {
  float: none;
  padding: 5px 20px;
}
@media (min-width: 480px) {
  .shoppingListSummaryDeleteBtnContainer {
    display: inline-block;
    float: right;
    padding: 25px !important;
  }
}
.btn-dl-1-yes,
.btn-dl-1-no {
  padding: 7px 40px;
  height: 30px;
  font-weight: bold;
  margin-right: 5px;
  display: inline-block !important;
}
/* overlay for delete message 1 ends */
/* overlay for delete message 2 starts */
.overlay-dl-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b9144a;
  z-index: 9999;
  color: white;
  display: none;
}
.overlay-dl-2:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
@media (max-width: 480px) {
  .overlay-dl-2:before {
    height: 30%;
  }
}
@media (max-width: 320px) {
  .overlay-dl-2:before {
    height: 20%;
  }
}
.overlay-message-dl-2 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  position: relative;
}
@media (max-width: 480px) {
  .overlay-message-dl-2 {
    padding: 0 50px 0 20px;
  }
}
.overlay-message-dl-2-close {
  position: absolute;
  right: 20px;
  top: 25px;
  background: transparent;
  color: #797979;
  padding: 10px;
  font-size: 0 !important;
  background: url(../images/icon-cross.png) 0 0 no-repeat;
  border: 1px solid #fff !important;
  background-position: 5px 5px;
  cursor: pointer;
  z-index: 1;
}
/* overlay for delete message 2 ends */
.pnpProductItemFont {
  padding: 5px 0 0 5px !important;
  color: #575757;
}
.pnpProductItemFont a {
  color: #575757;
  font-weight: 600;
}
.pnpProductItemList {
  margin: 0 0 0 5px;
}
.pnpTotalLabel {
  background-color: #f2f2f2;
  font-family: inherit;
  font-weight: 600;
  margin: 0 0 0 0;
}
@media (min-width: 640px) {
  .pnpTotalLabel {
    margin: 0 20px 0 0;
  }
}
.hrTopTotal {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  margin: 0 0 0 0;
}
@media (min-width: 640px) {
  .hrTopTotal {
    margin: 0 20px 0 0;
  }
}
.total-section {
  padding: 2px 5px 2px 5px;
}
.hrTop {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  margin: 0 20px 0 20px;
}
.hrBottom {
  border-top: 1px solid #ccc;
  margin: 5px 20px 0 20px;
}
.pnpnoteIcons-ListBanner {
  display: inline-block;
  position: relative;
  width: 87px;
  height: 87px;
  padding: 0;
  margin: 30px 0 0 30px;
  overflow: hidden;
  background: url(../images/icon-list-banner.png) 0 0 no-repeat;
}
@media (max-width: 639px) {
  .pnpnoteIcons-ListBanner {
    margin: 20px 0 0 20px;
    background-size: 67px;
    height: 80px;
  }
}
.pnpnoteIcons-Edit-Banner#pnpnoteIcons-Edit-Banner {
  background-position: -2px -36px;
  width: 36px;
  background-size: 36px;
  border: 1px solid #575757;
}
.pnpnoteIcons-Edit-Banner {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 36px;
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
  background: url(../images/icons-shoppinglists.png) 0 0 no-repeat;
  cursor: pointer;
  font-size: 0;
}
.pnpnoteIcons-Edit-Banner a {
  width: 30px;
  height: 36px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.pnpnoteIcons-Update-Banner#pnpnoteIcons-Update-Banner {
  background-position: 4px 7px;
  width: 36px;
  background-size: 24px;
  border: 1px solid #575757;
}
.pnpnoteIcons-Update-Banner {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 36px;
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
  background: url(../images/icon-check.svg) 0 0 no-repeat;
  cursor: pointer;
  font-size: 0;
}
.shoppinglists-itemList-item .update {
  position: relative;
  padding: 0;
  overflow: hidden;
  background: url(../images/icons-shoppingList-tick.png) 0 0 no-repeat;
  cursor: pointer;
  width: 32px;
  height: 30px;
  font-size: 0;
}
.shoppinglists-itemList-item .updateName,
.edit-slName .updateName {
  position: relative;
  padding: 0;
  overflow: hidden;
  background: url(../images/icons-shoppingList-tick.png) 0 0 no-repeat;
  cursor: pointer;
  margin: 0 0 0 20px;
  width: 32px;
  height: 30px;
  font-size: 0;
  display: inline-block;
}
.pnpnoteItemFont[contenteditable="true"] {
  background: #e6e7e8;
  text-decoration: none;
}
.editTextName[contenteditable="true"] {
  background: #fff;
  color: #757575 !important;
  text-decoration: none;
  padding: 0 10px 0 10px;
  border: 1px solid #757575;
}
.list-name-style[contenteditable="true"] {
  background: #e6e7e8;
  color: #575757;
  text-decoration: none;
}
.note-item-quantity {
  width: 30px !important;
  height: 30px;
  margin-left: -15px !important;
}
/* accordion new style*/
.pnp-accordion {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  color: #575757;
  background-color: #f2f2f2;
  cursor: pointer;
  padding: 8px 10px 8px 10px;
  margin: 0 20px 0 20px;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}
.pnp-accordion:hover {
  background-color: #eee;
}
.pnp-accordion.active {
  background-color: #eee;
}
.pnp-accordion.active:after {
  content: "\2212";
}
.pnp-accordion:after {
  content: '\002B';
  color: #929292;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  border: 1px solid #929292;
  padding: 0px 6px 2px 6px;
  margin-top: -2px;
}
.pnp-accordion-panel {
  padding: 0;
  background-color: white;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/* new style end */
.hrTop-panel {
  margin: 5px 20px 20px 20px;
}
/* no-accordion */
.pnp-no-accordion {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  color: #929292;
  background-color: #f2f2f2;
  padding: 8px 10px 8px 10px;
  margin: 0 20px 0 20px;
  border: none;
  text-align: left;
  outline: none;
}
.pnp-note-section {
  margin: 30px 0 20px 0;
}
.pnp-note-section .pnp-accordion.active:after {
  display: none;
}
.pnp-note-section .pnp-accordion:after {
  display: none;
}
.pnpShoppingListDetailBanner {
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: relative;
  height: auto;
  margin: 15px;
  overflow: auto;
}
.product-total-price {
  font-weight: bold;
}
.product-total-price span {
  font-weight: 600;
}
.sld-total-section {
  margin: 20px 20px 0 20px;
}
@media (max-width: 480px) {
  .sld-total-section {
    margin: 20px 15px 0 15px;
  }
}
/* accordion style for cart page */
.pnp-cart-accordion {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  color: #929292;
  background-color: #f2f2f2;
  cursor: pointer;
  padding: 8px 10px 12px 10px;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  text-transform: uppercase;
  line-height: 24px !important;
}
.pnp-cart-accordion:hover {
  background-color: #eee;
}
.pnp-cart-accordion.active {
  background-color: #f2f2f2;
}
.pnp-cart-accordion.active:after {
  content: "\2212";
}
.pnp-cart-accordion:after {
  content: '\002B';
  color: #929292;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  border: 1px solid #dcddde;
  padding: 6px 6px 5px 6px;
  line-height: 12px;
  margin-top: -2px;
}
.pnp-cart-accordion-panel {
  padding: 0;
  margin: 0 20px;
  background-color: white;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media (max-width: 639px) {
  .pnp-cart-accordion-panel {
    margin: 0 25px;
  }
}
/* accordion style for cart page end */
.hrTop-cart {
  border-top: 1px solid #f2f2f2;
  padding-top: 5px;
}
.hrBottom-cart {
  border-top: 1px solid #f2f2f2;
  margin: 5px 0 0 0;
}
.sld-addItem-textbox {
  float: left;
  width: 80% !important;
  margin-right: 0 !important;
}
.sld-addItem-textbox-width {
  width: 100% !important;
  font-size: 15px !important;
  height: 30px !important;
}
.sld-addItem-button {
  float: right !important;
  position: absolute !important;
  margin-left: 10px;
  padding: 0;
}
.pnpnoteIcons-Search {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../images/icon-search.png) 0 0 no-repeat;
  position: absolute;
  margin: -25px 0 0 90%;
}
/* modal popup styles */
.mod-heading {
  background: #A70240;
  padding: 17px 20px 20px 20px;
  margin: 0 !important;
  color: #fff;
  font-weight: bold;
}
.mod-heading h4 {
  font-size: 15px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .mod-heading h4 {
    margin: 0;
  }
}
.mod-text-title {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  text-align: center;
}
.page-productDetails .mod-text-title-success {
  text-align: center;
  font-weight: bold;
}
.page-productDetails #formCheckoutAction {
  display: block;
}
.mod-text-title-view {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  font-weight: bold;
  color: #575757;
  text-align: center;
  padding: 20px 0 20px 0;
  line-height: 20px;
}
.mod-button-view {
  text-align: center;
  padding: 0 0 50px 0;
}
.mod-button-view button {
  font-size: 12px !important;
}
.mod-list-select {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  height: 30px !important;
  width: 174px;
  padding: 0 0 0 10px;
  background-color: #FFF;
  text-transform: uppercase;
  border: 1px solid #c6c6c4 !important;
}
.new-list-name {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  height: 30px;
  width: 174px;
  padding: 0 0 0 10px;
  border: 1px solid #c6c6c4 !important;
}
/* placeholder color change styling starts*/
.input_error::-webkit-input-placeholder {
  color: #b9144a;
}
.input_error:-moz-placeholder {
  color: #b9144a;
}
.input_error::-moz-placeholder {
  color: #b9144a;
}
.input_error:-ms-input-placeholder {
  color: #b9144a;
}
/* placeholder color change styling ends */
#cboxLoadedContent {
  margin: 0 !important;
  padding: 0 !important;
  overflow: initial !important;
  width: 100% !important;
}
.mod-button {
  padding: 8px 15px !important;
  background-color: #153a59 !important;
  text-transform: uppercase;
}
.list-existing {
  margin: 0 0 0 0;
}
.mod-text-or {
  position: relative;
}
.mod-text-or:before {
  display: none;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #575757;
  content: attr(data-content);
  position: absolute;
  top: 70%;
  right: -6%;
  text-transform: uppercase;
}
@media (max-width: 639px) {
  .mod-text-or:before {
    display: none;
  }
}
.divide-or {
  display: none;
}
@media (max-width: 639px) {
  .divide-or {
    display: block;
    text-align: center;
  }
}
@media (max-width: 639px) {
  .divide-or:after {
    content: "";
    position: absolute;
    margin-top: 10px;
    left: 10px;
    right: 10px;
    border-top: solid 1px #575757;
    z-index: -1;
  }
}
@media (max-width: 639px) {
  .divide-or .line-center {
    margin: 0;
    padding: 0 10px;
    display: inline-block;
    color: #575757;
    background-color: white;
    z-index: 2;
  }
}
.overlay-sl .divide-or {
  display: block !important;
  color: white;
}
.overlay-sl .divide-or .line-center:after {
  content: "";
  position: absolute;
  margin-top: 10px;
  left: 10px;
  right: 10px;
  border-top: solid 1px #FFF;
  z-index: 1;
  opacity: 0.3;
}
.mod-content {
  padding: 30px 30px 50px 30px !important;
}
.mod-content.copy-shopping-list {
  padding: 30px 10px !important;
}
.mod-close#mod-close {
  background-position: 4px 2px;
  width: 22px;
  background-size: 12px;
  border: 1px solid #fff;
}
.mod-close {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 20px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: url(../images/icon-cross.png) 0 0 no-repeat;
  cursor: pointer;
  font-size: 0;
}
#cboxClose,
#cboxClose:focus,
#cboxClose:active {
  position: absolute;
  right: 0;
  top: 15px;
  background: transparent;
  color: #797979;
  padding: 10px;
  font-size: 0 !important;
  border: none !important;
  background: url(../images/icon-close-white.svg) 0px 0px no-repeat !important;
  background-size: 25px !important;
  background-color: #b9154a;
  z-index: 9999;
  height: 35px;
  width: 35px;
}
@media (min-width: 640px) {
  #cboxClose,
  #cboxClose:focus,
  #cboxClose:active {
    border: none !important;
    background: url(../images/icon-close-white.svg) 1px 1px no-repeat !important;
    background-size: 25px !important;
    width: 26px;
    height: 26px;
    top: 15px !important;
    right: 10px !important;
  }
}
.mod-text-title-overlay {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #fff !important;
}
/* mod-text-or-overlay starts*/
.mod-text-or-overlay {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-align: center;
  padding: 31px 0 21px 0;
  color: #fff;
}
.mod-text-or-overlay:before,
.mod-text-or-overlay:after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 40%;
}
.mod-text-or-overlay:before {
  right: 0.5em;
}
.mod-text-or-overlay:after {
  left: 0.5em;
}
.mod-content-overlay {
  margin-top: 130px;
}
/* mod-text-or-overlay ends*/
.mod-button-create {
  padding: 8px 6px !important;
}
.align-center {
  text-align: center;
}
.addlist_popup .align-center {
  text-align: left !important;
}
.productAddedToTrolleyPopUp {
  display: none;
}
.productAddedToTrolleyPopUpContainer {
  padding: 40px 20px 50px 20px !important;
  background-color: #FFF;
}
@media (max-width: 640px) {
  .productAddedToTrolleyPopUpContainer .cart-actions .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .productAddedToTrolleyPopUpContainer .productAddedToTrolleyCheckoutBTN {
    margin-top: 5px;
  }
}
.productAddedToTrolleyCheckoutBTN,
.productAddedToTrolleyPopUpBTN {
  height: 55px !important;
  padding-top: 20px !important;
}
@media (min-width: 640px) {
  .productAddedToTrolleyCheckoutBTN,
  .productAddedToTrolleyPopUpBTN {
    height: 38px !important;
    padding-top: 12px !important;
  }
}
.productCount {
  font-weight: bold;
}
.pnp-sld-add-to-list {
  padding: 0 20px !important;
}
@media (max-width: 639px) {
  .pnp-sld-add-to-list {
    padding: 5px 15px !important;
  }
}
.sl-addtotrolley:disabled,
.sl-addtotrolley:disabled:hover,
.pnpBtnCopySelected:disabled,
.pnpBtnCopySelected:disabled:hover {
  background-color: #b7b7b7;
}
.pnpBtnCopySelectedMobile {
  display: block;
  float: left !important;
}
.pnpBtnCopySelectedDesktop {
  display: none;
}
.margin-top-10 {
  margin-top: 10px;
}
.shoppingicon-print {
  margin-top: 10px;
}
.sld-copy-list {
  display: none;
}
.sld-copy-selected {
  display: block;
}
.pnpBtnCopySelected:disabled .sld-copy-list {
  display: block;
}
.pnpBtnCopySelected:disabled .sld-copy-selected {
  display: none;
}
.sl-dp-btns {
  margin: 15px 15px;
}
.pnpBtnSelectAll {
  width: 49%;
}
.btn-collapse {
  width: 49%;
}
@media (min-width: 480px) {
  .pnpBtnCopySelectedDesktop {
    display: inline-block;
  }
  .sl-dp-btns {
    margin: 30px 20px;
  }
  .shoppingicon-print {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  .pnpBtnCopySelectedMobile {
    display: none;
  }
  .pnpBtnSelectAll {
    width: auto;
  }
  .btn-collapse {
    width: auto;
  }
  .sl-addtotrolley {
    width: 100%;
  }
  .pnpnoteIcons-Search {
    margin: -25px 0 0 90%;
  }
}
.sld-addItem-button .addToMobile strong {
  font-size: 26px;
  line-height: 18px;
}
.createNewListForm .sls-custom-label {
  float: left;
  margin-top: 10px;
  margin-right: 7px;
}
@media (max-width: 767px) {
  .createNewListForm .sls-custom-label {
    margin: 0 0 5px 0;
  }
}
.createNewListForm .shortlist .sls-custom-label {
  margin-left: 70px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .createNewListForm .shortlist .sls-custom-label {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .createNewListForm .shortlist .sls-custom-label {
    margin: 0 0 5px 60px;
  }
}
@media (max-width: 639px) {
  .createNewListForm .shortlist .sls-custom-label {
    margin: 0 0 5px 0;
  }
}
.createNewListForm .shortlist .sls-custom-select {
  float: right;
}
@media (min-width: 639px) and (max-width: 767px) {
  .createNewListForm .shortlist .sls-custom-select {
    float: none;
    margin: 0 0 0 60px;
  }
}
.createNewListForm .shortlist .sls-custom-select .label {
  font-family: "Open Sans", Helvetica, sans-serif;
}
@media (min-width: 640px) {
  .createNewListForm .shortlist .sls-custom-select .selectric {
    width: 174px;
  }
}
.copy-custom-select {
  display: inline-flex;
}
.add-custom-select {
  display: inline-flex;
}
.carousel-component .js-product-card-item .sticky-addedtocart-animation {
  position: relative !important;
  transition: none !important;
}
.template-pages-search-searchGridPage {
  /* Create a custom checkbox */
  /* Hide the browser's default checkbox */
  /* When the checkbox is checked, add a green background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.template-pages-search-searchGridPage .productListPagination {
  margin-top: 0;
}
@media (min-width: 480px) {
  .template-pages-search-searchGridPage .productListPagination {
    margin: 10px 0 15px 0;
  }
}
.template-pages-search-searchGridPage .actions-fav {
  margin: 0;
  float: left;
  position: relative;
  z-index: 100;
  left: 0;
  padding-top: 15px;
}
@media (min-width: 480px) {
  .template-pages-search-searchGridPage .actions-fav {
    top: 0;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .actions-fav {
    width: 100%;
    top: -10px !important;
    margin: 0;
    padding-top: 15px;
    float: none !important;
  }
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .productListPagination {
    margin-top: 0;
  }
}
.template-pages-search-searchGridPage .show-n-number {
  background-color: transparent;
  float: left;
  width: 100%;
}
.template-pages-search-searchGridPage .js-product-card-item .sticky-addedtocart-animation {
  position: relative !important;
  transition: none !important;
}
.template-pages-search-searchGridPage .add-custom-select .selectric {
  width: 167px;
}
@media (max-width: 1024px) {
  .template-pages-search-searchGridPage .add-custom-select .selectric {
    width: 140px;
  }
}
@media (max-width: 768px) {
  .template-pages-search-searchGridPage .add-custom-select .selectric {
    width: 220px;
  }
}
@media (max-width: 480px) {
  .template-pages-search-searchGridPage .add-custom-select .selectric {
    width: 140px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .template-pages-search-searchGridPage .add-custom-select .selectric {
    width: 164px;
  }
}
@media (max-width: 320px) {
  .template-pages-search-searchGridPage .add-custom-select .selectric {
    width: 120px;
  }
}
.template-pages-search-searchGridPage .js-product-selection-container {
  position: absolute;
  left: 84%;
  bottom: 22px;
  width: 100%;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .js-product-selection-container {
    bottom: 17px;
  }
}
.template-pages-search-searchGridPage .valid-prod-section {
  padding: 40px 15px 0 15px;
  margin: 0 10px 0 10px;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .valid-prod-section {
    margin: 20px 20px;
    padding: 0px 30px;
  }
}
.template-pages-search-searchGridPage .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
  float: left !important;
  width: 32px;
  left: 10px;
  position: relative;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
    margin-left: 15px;
    float: none !important;
    display: inline-block;
    top: 0;
    position: inherit;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .template-pages-search-searchGridPage .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
    margin-left: 35px;
  }
}
@media (min-width: 1024px) {
  .template-pages-search-searchGridPage .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
    left: 0;
  }
}
.template-pages-search-searchGridPage .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: 1px solid #cccccc;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .checkmark {
    top: 0;
  }
}
.template-pages-search-searchGridPage .js-product-selection-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.template-pages-search-searchGridPage .js-product-card-item input:checked ~ .checkmark {
  background-color: #52ae32;
}
.template-pages-search-searchGridPage .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.template-pages-search-searchGridPage .js-product-card-item input:checked ~ .checkmark:after {
  display: block;
}
.template-pages-search-searchGridPage .js-product-card-item .checkmark:after {
  left: 8px;
  top: 2px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.template-pages-search-searchGridPage .sticky-addtolist-show {
  bottom: 0px !important;
}
.template-pages-search-searchGridPage .sticky-addtolist-component {
  position: fixed;
  bottom: -110px;
  left: 0;
  background: #FFF;
  padding: 10px;
  padding-bottom: 50px;
  z-index: 999;
  width: 100%;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
.template-pages-search-searchGridPage .sticky-addtolist-component button {
  height: 39px;
  width: 49%;
}
.template-pages-search-searchGridPage .sticky-addtolist-component form button {
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .sticky-addtolist-component form button {
    display: none;
  }
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .sticky-addtolist-component {
    position: relative;
    z-index: 9;
    width: auto;
    float: left;
    bottom: 0;
    padding: 0;
  }
  .template-pages-search-searchGridPage .sticky-addtolist-component button {
    width: auto;
    height: 35px;
  }
}
.page-shoppingListDetailsPage .modal-backdrop {
  background-color: rgba(0, 0, 0, 0);
}
.page-shoppingListSummaryPage .modal-backdrop,
.page-shoppingListDetailsPage .modal-backdrop {
  background-color: rgba(0, 0, 0, 0);
  z-index: 98;
}
@media (max-width: 1023px) {
  .mydashboardcomponent #panel {
    display: none;
  }
}
/* login modal starts */
.login-modal {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  width: auto;
  background-color: #ffffff;
}
.login-image {
  width: 300px;
  height: 364px;
  background-size: 130%;
  float: left;
  background-position: -80px 0;
}
@media (max-width: 480px) {
  .login-image {
    width: 300px;
    height: 180px;
    background-size: 100%;
    background-position: 0 0;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
  }
}
@media (min-width: 640px) {
  .login-image {
    float: left;
    width: 41%;
    height: 338px;
    background-size: 338px;
    background-repeat: no-repeat;
    background-position: -76px 25px;
    /*-moz-transform: scaleY(-1);*/
    /*-o-transform: scaleY(-1);*/
    /*-webkit-transform: scaleY(-1);*/
    /*transform: scaleY(-1);*/
    /*filter: FlipV;*/
    /*-ms-filter: "FlipV";*/
  }
}
@media (min-width: 768px) {
  .login-image {
    width: 278px;
    height: 343px;
    background-size: 130%;
    float: left;
    background-position: -80px 0;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    filter: none;
    -ms-filter: none;
  }
}
.login-content {
  float: left;
  margin: 0 0 0 30px;
}
@media (max-width: 1024px) {
  .login-content {
    float: left;
    margin: 0 0 0 6px;
    width: 272px;
  }
}
@media (min-width: 640px) {
  .login-content {
    float: right;
    /*margin: 0px auto;*/
    /*width:300px;*/
    width: 53%;
  }
}
@media (min-width: 768px) {
  .login-content {
    float: left;
    margin: 0 0 0 30px;
  }
}
@media (max-width: 480px) {
  .login-content {
    margin: 0px 20px 0 20px;
  }
}
@media (min-width: 1025px) {
  .login-content {
    margin: 0 0 0 30px;
    width: 400px;
  }
}
.login-content .loginModalHeading {
  color: #575757;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  display: block;
  line-height: 1.1;
}
.login-content .loginModalHeading span {
  font-weight: bold;
  font-size: 30px;
}
.login-content h2 {
  color: #575757;
}
.login-content h2 span {
  font-weight: bold;
  font-size: 30px;
}
.login-content h4 {
  font-size: 16px;
  color: #575757;
  padding: 20px 0 10px 0;
}
.login-list {
  padding: 7px 0 7px 0;
}
.login-list span {
  display: block;
  position: absolute;
  background-color: #b9144a;
  width: 30px;
  height: 30px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  padding: 4px 0;
  margin: 0;
  font-size: 18px;
}
.login-list h4 {
  margin: 0;
  padding: 7px 0 7px 40px;
  font-size: 16px;
}
.login-modal-buttons {
  padding: 15px 0 15px 0;
}
.login-modal-buttons button {
  padding: 0 40px 0 40px;
}
.btn-login-modal-login {
  margin: 0 5px 0 0;
}
@media (max-width: 480px) {
  .btn-login-modal-login,
  .btn-login-modal-signup {
    width: 48%;
  }
}
.page-homepage #cboxClose,
.page-search #cboxClose,
.page-productDetails #cboxClose,
.page-homepage #cboxClose:focus,
.page-search #cboxClose:focus,
.page-productDetails #cboxClose:focus,
.page-homepage #cboxClose:active,
.page-search #cboxClose:active,
.page-productDetails #cboxClose:active {
  position: absolute;
  right: 10px !important;
  top: 15px !important;
  padding: 10px;
  font-size: 0 !important;
  border: none !important;
  background: url(../images/icon-close-white.svg) 1px 1px no-repeat !important;
  background-size: 25px !important;
  z-index: 5;
  width: 26px;
  height: 26px;
}
@media (min-width: 640px) {
  .page-homepage #cboxClose,
  .page-search #cboxClose,
  .page-productDetails #cboxClose,
  .page-homepage #cboxClose:focus,
  .page-search #cboxClose:focus,
  .page-productDetails #cboxClose:focus,
  .page-homepage #cboxClose:active,
  .page-search #cboxClose:active,
  .page-productDetails #cboxClose:active {
    border: none !important;
    background: url(../images/icon-close-white.svg) 1px 1px no-repeat !important;
    background-size: 25px !important;
    width: 26px;
    height: 26px;
    top: 15px !important;
    right: 10px !important;
  }
}
/* login modal ends */
.empty-Message {
  margin: 45px 0px 50px 0px;
}
.empty-dt-Message {
  padding: 45px 0px 75px 20px;
}
/* overlay stock message */
.overlay-visibility {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
  color: white;
  text-align: center;
}
.overlay-visibility:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.overlay-visibility-message {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
@media (min-width: 640px) {
  .overlay-visibility-message {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    transform: translate(0, 0);
  }
}
.noProductsPopup {
  display: none;
}
.pnpOrderIcons-Print#pnpOrderIcons-Print {
  background-position: 5px 4px;
  width: 32px;
  border: 1px solid #575757;
  margin: 0 0 0 5px;
}
.pnpOrderIcons-Print {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  background: url(../images/icon-print.png) 0 0 no-repeat;
  cursor: pointer;
}
.pnpOrderIcons-Print a {
  width: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
  display: block;
}
.sidebar-section .accountNav .listPageHeader h1 {
  background: url(../images/drop_dwn.png) right no-repeat;
}
@media (max-width: 1023px) {
  .favourites-main {
    margin-top: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 639px) {
  .favourites-main .pnpShoppingListDetailBanner {
    margin: 20px 15px;
  }
}
@media (max-width: 1023px) {
  .favourites-main .pnpShoppingListDetailBanner {
    min-height: inherit;
    overflow: hidden;
    padding-bottom: 15px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .favourites-main .pnpShoppingListDetailBanner .bannershopping {
    width: 20%;
  }
}
@media (max-width: 639px) {
  .favourites-main .pnpShoppingListDetailBanner .bannershopping {
    margin-top: 5px;
    width: 30%;
  }
}
@media (max-width: 639px) {
  .favourites-main .createNewListForm .shortlist {
    padding-left: 0px !important;
  }
}
@media (max-width: 767px) {
  .favourites-main .createNewListForm span {
    width: 100%;
    float: left;
  }
}
@media (max-width: 1023px) {
  .favourites-main .createNewListForm .vld {
    width: 161px;
  }
}
@media (max-width: 767px) {
  .favourites-main .createNewListForm .vld {
    width: 68%;
    float: left;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .favourites-main .createNewListForm #addressFormAdd {
    width: 31%;
    float: left;
    margin-left: 1%;
    margin-top: 0;
  }
}
@media (max-width: 639px) {
  .favourites-main .createNewListForm .shortlist {
    margin-top: 15px;
  }
}
@media (max-width: 639px) {
  .favourites-main .createNewListForm .shortlist .sls-custom-select {
    width: 100%;
    display: inline-block;
  }
}
@media (max-width: 639px) {
  .favourites-main .createNewListForm .shortlist .sls-custom-select .selectric {
    width: 100%;
    display: inline-block;
  }
}
.favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-title {
  float: left;
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-title .pnpnoteItemFont {
    padding: 2px 5px 2px 5px;
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-title {
    width: 100%;
    margin-top: 0;
  }
}
.favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-title .list-name-style {
  padding: 6px 10px 6px 0;
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-title .list-name-style {
    padding: 0;
    line-height: normal;
  }
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-title .update {
    z-index: 9999;
    top: 2px;
    right: -23%;
    position: absolute;
  }
}
.favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-itemcount {
  float: right;
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-itemcount {
    float: left;
    margin-left: 33px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-action {
    width: 100%;
    float: right;
  }
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-action .btn-custom {
    background: #b9144a url(../images/cart-sp.png) center no-repeat;
    display: block;
    height: 30px;
    text-indent: -99999em;
    width: 33px;
    overflow: hidden;
    margin-bottom: 5px;
    float: right;
  }
}
@media (max-width: 639px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-action .btn-custom:disabled {
    background-color: #b7b7b7;
  }
}
@media (max-width: 767px) {
  .favourites-main .shoppinglists-list .shoppinglists-itemList .sl-item-extras {
    width: 32px;
  }
}
@media (max-width: 1023px) {
  .favourites-main .shopping-dt-page .product-list .hrTop-cart,
  .favourites-main .shopping-dt-page .product-list .hrBottom-cart {
    margin: 0 20px;
  }
}
@media (max-width: 1023px) {
  .favourites-main .shopping-dt-page .product-list .pnp-cart-accordion {
    margin: 0 20px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .product-list .pnp-cart-accordion {
    margin: 0 25px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .pnp-note-section .hrTop,
  .favourites-main .shopping-dt-page .pnp-note-section .pnp-accordion,
  .favourites-main .shopping-dt-page .pnp-note-section .hrBottom {
    margin: 0 15px 0 15px;
  }
}
.favourites-main .addItemToListForm .sld-addItem-textbox {
  border: 1px solid #c6c6c4;
  padding: 0;
}
@media (max-width: 639px) {
  .favourites-main .addItemToListForm .sld-addItem-textbox {
    width: 83.33333333% !important;
  }
}
.favourites-main .addItemToListForm .sld-addItem-textbox .sld-addItem-textbox-width {
  border: none !important;
}
@media (max-width: 480px) {
  .favourites-main .addItemToListForm .sld-addItem-textbox .pnpnoteIcons-Search {
    margin: -25px 0 0 90%;
  }
}
.favourites-main .addItemToListForm .sld-addItem-button {
  min-height: auto;
}
@media (max-width: 639px) {
  .favourites-main .addItemToListForm .sld-addItem-button {
    background: #b9144a url(../images/plus.png) center no-repeat;
    display: inline-block;
    /*text-indent: -99999em;*/
    overflow: hidden;
    width: 15.66666667%;
    margin-left: 1%;
    padding: 7px 0;
  }
}
.favourites-main .addItemToListForm .sld-addItem-button:before {
  content: "\002b";
  font-family: 'Glyphicons Halflings';
}
@media (max-width: 639px) {
  .favourites-main .addItemToListForm .shoppingicon-print {
    margin-top: 10px;
  }
}
.favourites-main .addItemToListForm .site-search {
  z-index: 9999;
  padding-left: 0;
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .sl-dp-btns {
    margin: 5px 15px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .sl-dp-btns .pnpBtnSelectAll,
  .favourites-main .shopping-dt-page .sl-dp-btns .btn-collapse,
  .favourites-main .shopping-dt-page .sl-dp-btns .pnpBtnDeleteAll {
    margin-bottom: 5px;
    padding: 7px 0;
    width: 49.2%;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .sl-dp-btns .btn-collapse {
    float: right;
  }
}
.favourites-main .shopping-dt-page .sl-dp-btns .pnpBtnCopySelected {
  padding: 8px 20px;
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .sl-dp-btns .pnpBtnCopySelected {
    margin-right: 0;
    padding: 8px 0;
    width: 49.2%;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .product-list .pnp-cart-accordion-panel .pnpProductItemFont {
    padding-top: 0 !important;
    line-height: 14px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .product-list .pnp-cart-accordion-panel {
    font-size: 12px;
  }
}
@media (min-width: 640px) {
  .favourites-main .shopping-dt-page .product-list .viewTrolleyTable {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .favourites-main .shopping-dt-page .product-list .viewTrolleyTable {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  .favourites-main .shopping-dt-page .product-list .viewTrolleyTable .hrTop-cart,
  .favourites-main .shopping-dt-page .product-list .viewTrolleyTable .pnp-cart-accordion,
  .favourites-main .shopping-dt-page .product-list .viewTrolleyTable .hrBottom-cart {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.favourites-main .shopping-dt-page .shop-total-right {
  float: right;
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .shop-total-right .sld-total-section {
    margin-top: 10px;
  }
}
.favourites-main .shopping-dt-page .shop-total-right .hrTopTotal,
.favourites-main .shopping-dt-page .shop-total-right .pnpTotalLabel {
  margin-right: 0;
}
.favourites-main .shopping-dt-page .trolley-btn-left .slCode-details {
  margin: 20px 20px 0 20px;
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .trolley-btn-left .slCode-details {
    margin-top: 10px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .trolley-btn-left .slCode-details .btn-custom-blue,
  .favourites-main .shopping-dt-page .trolley-btn-left .slCode-details .sl-addtotrolley {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .trolley-btn-left .slCode-details .btn-custom-blue {
    float: right;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .pnp-note-section {
    margin-top: 10px;
  }
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .pnp-note-section .sl-item-itemcount {
    padding-left: 0;
  }
}
.favourites-main .shopping-dt-page .pnp-note-section .sl-item-itemcount .note-item-quantity {
  text-align: center;
  padding: 10px 0;
}
@media (max-width: 639px) {
  .favourites-main .shopping-dt-page .pnp-note-section .shoppinglists-list {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .favourites-main .shopping-dt-page .pnp-note-section .shoppinglists-list .sl-item-extras-content {
    width: 75px;
  }
}
.favourites-main .shopping-dt-page .pnp-note-section .shoppinglists-list .sl-item-extras {
  border: 1px solid #cccccc;
}
.favourites-main .shopping-dt-page .pnp-note-section .shoppinglists-list .sl-item-extras:hover .sl-item-extras-content,
.favourites-main .shopping-dt-page .pnp-note-section .shoppinglists-list .sl-item-extras:active .sl-item-extras-content,
.favourites-main .shopping-dt-page .pnp-note-section .shoppinglists-list .sl-item-extras:focus .sl-item-extras-content {
  border: 1px solid #cccccc;
}
.page-b2bhomepage .overlay-sl-hide-animation {
  transition: none !important;
  display: none;
}
.page-b2bhomepage .overlay-sl-show-animation {
  position: absolute !important;
  transition: none !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  padding: 0;
}
.page-b2bhomepage .overlay-sl-show-animation .mod-heading {
  display: none;
}
@media (min-width: 640px) {
  .page-b2bhomepage .overlay-sl-show-animation .mod-heading {
    display: block;
  }
}
.page-b2bhomepage .overlay-sl-show-animation .mod-content {
  margin-top: 0;
  padding: 30px 20px !important;
}
@media (min-width: 640px) {
  .page-b2bhomepage .overlay-sl-show-animation .mod-content {
    margin-top: 40px;
    padding-top: 30% !important;
  }
}
.page-b2bhomepage .overlay-sl-show-animation .mod-text-title {
  color: #FFF;
}
.page-b2bhomepage .overlay-sl-show-animation .add-custom-select {
  width: 100%;
}
.overlay-close {
  position: absolute;
  right: 13px;
  top: 10px;
  background: transparent;
  color: #797979;
  padding: 10px;
  font-size: 0 !important;
  background: url(../images/icon-cross.png) 0 0 no-repeat;
  border: 1px solid #fff !important;
  background-position: 5px 5px;
  cursor: pointer;
  z-index: 1;
}
.overlay-sl-show-animation {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  opacity: 1;
}
.overlay-sl-hide-animation {
  position: fixed !important;
  left: 100% !important;
  top: 0 !important;
  opacity: 0;
  animation: all 0.5s ease;
  animation-delay: 0.1s;
}
@media (min-width: 640px) {
  .overlay-sl-show-animation {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block;
  }
  .overlay-sl-hide-animation {
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    display: none !important;
  }
}
.overlay-sl {
  left: 100%;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  height: 100% !important;
  text-align: center !important;
  width: 100% !important;
  z-index: 1000 !important;
  background-color: #FFF !important;
  transition: all .75s ease;
}
.overlay-sl .mod-heading {
  position: absolute;
  top: 0;
  clear: both;
  left: 0;
  width: 100%;
  display: block;
}
.overlay-sl .mod-content {
  padding-top: 50% !important;
}
.overlay-sl .single-div-align {
  height: 100% !important;
}
.overlay-sl .single-div-align .mod-text-title {
  color: #505050;
}
.overlay-sl .single-div-align .divide-or .line-center {
  color: #505050;
  background: #FFF;
}
.overlay-sl .single-div-align .mod-content .mod-heading {
  display: none !important;
}
@media (min-width: 640px) {
  .overlay-sl {
    left: 0 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    z-index: 5 !important;
  }
  .overlay-sl .mod-heading {
    display: none;
  }
  .overlay-sl .mod-content {
    margin-top: 40px;
    padding: 0 !important;
  }
  #colorbox {
    display: block;
  }
  .mod-text-title {
    font-size: 12px;
    text-align: left !important;
    font-weight: bold;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .divide-or .line-center {
    color: #FFF !important;
    background: none !important;
  }
}
/* overlay-sl section starts */
.overlay-sl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  height: 100%;
  padding: 0;
  text-align: center;
  width: 100%;
  display: none;
}
.overlay-sl .mod-content {
  margin-top: 40px;
}
.overlay-sl .align-center {
  width: 100%;
  padding: 20px 5px;
}
.overlay-sl .mod-text-or:before {
  color: #fff;
  top: 140%;
  right: 46%;
  font-size: 10px;
}
.overlay-sl .mod-text-title-success {
  font-size: 14px;
}
.overlay-sl .mod-list-select {
  float: left;
  font-size: 12px;
  width: 100%;
}
.overlay-sl .mod-button {
  padding: 8px 10px !important;
  font-size: 12px;
  width: 100%;
  margin-top: 5px;
}
.overlay-sl .new-list-name {
  float: left;
  font-size: 13px;
  width: 100%;
}
.overlay-sl .mod-text-or-overlay {
  font-size: 14px;
  padding: 0;
}
.overlay-sl .mod-text-or-overlay:before {
  right: 0.5em;
}
.overlay-sl .mod-text-or-overlay:after {
  left: 0.5em;
}
/* overlay-sl section ends */
/* product card overlay starts */
.page-homepage .overlay-sl {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6) !important;
  z-index: 97;
  height: 100%;
  padding: 0;
  text-align: center;
  width: 100%;
  display: none;
  transition: none !important;
}
.page-homepage .overlay-sl .mod-heading {
  display: none;
}
.page-homepage .overlay-sl .mod-content {
  margin-top: 35px;
  padding: 5px 10px 50px 10px !important;
}
@media (max-width: 1024px) {
  .page-homepage .overlay-sl .mod-content {
    padding: 30px 0 50px 0 !important;
  }
}
.page-homepage .overlay-sl .overlay-sl-show-animation {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-homepage .overlay-sl .overlay-sl-hide-animation {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-homepage .overlay-sl .align-center {
  width: 100%;
  padding: 30px 5px;
}
@media (max-width: 480px) {
  .page-homepage .overlay-sl .align-center {
    padding: 10px 5px;
  }
}
.page-homepage .overlay-sl .mod-text-title {
  font-size: 14px;
  color: #fff;
  padding-bottom: 0px;
}
@media (max-width: 480px) {
  .page-homepage .overlay-sl .mod-text-title {
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .page-homepage .overlay-sl .mod-text-title {
    width: 96%;
  }
}
.page-homepage .overlay-sl .mod-list-select {
  float: left;
  font-size: 14px;
  width: 174px;
}
.page-homepage .overlay-sl .mod-button {
  padding: 8px 0 !important;
  margin: 0;
  width: 60px;
}
@media (max-width: 480px) {
  .page-homepage .overlay-sl .mod-button {
    margin: 5px 0 0 0;
    width: 100%;
  }
}
@media (max-width: 320px) {
  .page-homepage .overlay-sl .mod-button {
    width: 130px;
  }
}
.page-homepage .overlay-sl .new-list-name {
  float: left;
  font-size: 13px;
  width: 180px;
}
@media (max-width: 1024px) {
  .page-homepage .overlay-sl .new-list-name {
    width: 148px;
  }
}
@media (max-width: 480px) {
  .page-homepage .overlay-sl .new-list-name {
    width: 154px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .page-homepage .overlay-sl .new-list-name {
    width: 180px;
  }
}
@media (max-width: 320px) {
  .page-homepage .overlay-sl .new-list-name {
    width: 130px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-homepage .overlay-sl .new-list-name {
    margin: 0 0 0 7px;
  }
}
.page-homepage .overlay-sl .mod-text-or-overlay:before,
.page-homepage .overlay-sl .mod-text-or-overlay:after {
  width: 42%;
}
@media (max-width: 480px) {
  .page-homepage .overlay-sl .mod-text-or-overlay:before,
  .page-homepage .overlay-sl .mod-text-or-overlay:after {
    width: 38%;
  }
}
@media (max-width: 1024px) {
  .page-homepage .selectric {
    width: 148px !important;
  }
}
@media (max-width: 480px) {
  .page-homepage .selectric {
    width: 154px !important;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .page-homepage .selectric {
    width: 180px !important;
  }
}
@media (max-width: 320px) {
  .page-homepage .selectric {
    width: 130px !important;
  }
}
@media (max-width: 1024px) {
  .page-homepage .single-div-align {
    height: 30vh;
  }
}
@media (max-width: 768px) {
  .page-homepage .single-div-align {
    height: 35vh;
  }
}
@media (max-width: 480px) {
  .page-homepage .single-div-align {
    height: 50vh;
  }
}
@media (max-width: 320px) {
  .page-homepage .single-div-align {
    height: 60vh;
  }
}
@media (max-width: 1024px) {
  .page-search .single-div-align {
    height: 30vh;
  }
}
@media (max-width: 768px) {
  .page-search .single-div-align {
    height: 35vh;
  }
}
@media (max-width: 480px) {
  .page-search .single-div-align {
    height: 55vh;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .page-search .single-div-align {
    height: 50vh;
  }
}
.page-search .mod-text-or .add-custom-select .selectric-wrapper {
  width: 100%;
}
.page-search .add-custom-select .selectric {
  width: 100%;
}
/* product card overlay ends */
.sld-addItem-button .addToDesktop {
  display: none;
}
@media (min-width: 640px) {
  .sld-addItem-button:before {
    display: none;
  }
  .sld-addItem-button .addToMobile {
    display: none;
  }
  .sld-addItem-button .addToDesktop {
    display: inline-block;
  }
}
.product-list input:not([type=radio]) {
  padding: 5px 0;
  text-align: center;
}
.dsb-list-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.slCode-details-btncontainer {
  display: inline-block;
  float: left;
  padding: 0 0;
  position: relative;
  margin: 0 6px 0 0;
}
@media (max-width: 639px) {
  .slCode-details-btncontainer {
    width: 50%;
    margin: 0;
  }
}
.slCode-details-btncontainer .btn-custom {
  min-width: 150px;
}
@media (max-width: 639px) {
  .slCode-details-btncontainer {
    width: 49.2%;
    margin: 0;
  }
  .slCode-details-btncontainer#slCode-details-btncontainer-view {
    float: right;
  }
}
@media (max-width: 480px) {
  .shoppinglists-itemList-item .squaredFour,
  .shoppinglists-itemList-item .shop-right-cross {
    width: 11%;
  }
}
.shoppinglists-itemList-item .squaredFour label,
.shoppinglists-itemList-item .shop-right-cross label {
  width: 28px;
}
.shoppinglists-itemList-item .squaredFour label:after,
.shoppinglists-itemList-item .shop-right-cross label:after {
  width: 28px;
  background-position: 4px 5px;
}
@media (max-width: 480px) {
  .shoppinglists-itemList-item .pd-Count {
    width: 78%;
  }
}
.shoppinglists-itemList-item .pd-Count .sl-item-itemcount input,
.shoppinglists-itemList-item .pd-Count .sl-item-itemcount input:focus {
  border-radius: 0;
  border: 1px solid #cccccc !important;
}
@media (max-width: 480px) {
  .shoppinglists-itemList-item .overlay-visibility {
    left: 3px;
    right: 3px;
  }
}
@media (max-width: 480px) {
  .shoppinglists-itemList-item .overlay-visibility::before {
    display: inline;
    vertical-align: inherit;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .shopping-dt-page .sld-copy-selected {
    display: none;
  }
}
@media (min-width: 768px) {
  .shopping-dt-page .sld-copy-list {
    display: none;
  }
}
.faq-heading {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b61a4c;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 10px 20px;
}
@media (max-width: 1024px) {
  .faq-heading {
    margin-left: 0;
  }
}
.faq-banner {
  background: #b61a4c;
  color: #ffffff;
  min-height: 147px;
}
.faq-banner .deliveryBannerContentContainer .deliveryBannerContent {
  padding: 20px 20px 20px 50px;
}
@media (max-width: 639px) {
  .faq-banner .deliveryBannerContentContainer .deliveryBannerContent {
    padding: 25px 300px 20px 50px;
  }
}
.faq-banner .deliveryBannerContentContainer .deliveryBannerContent h3 {
  margin-left: 80px;
  text-transform: uppercase;
  margin-top: 35px;
  font-size: 30px;
}
@media (max-width: 639px) {
  .faq-banner .deliveryBannerContentContainer .deliveryBannerContent h3 {
    margin-top: 0px;
    line-height: 30px;
  }
}
.faq-banner .deliveryBannerContentContainer .deliveryBannerContent h3 span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
}
.faq-banner img {
  left: 30px;
  top: 50%;
  width: 90px;
  height: 90px;
  margin-top: -45px;
}
.faq-page .hrTop {
  border-top: none;
  margin: 0;
}
.faq-page .pnp-accordion {
  margin: 0 20px;
  font-size: 14px;
  text-transform: capitalize;
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  transition: none;
}
@media (max-width: 1024px) {
  .faq-page .pnp-accordion {
    margin: 0;
  }
}
.faq-page .hrBottom {
  border-top: none;
  margin-left: 0;
}
.faq-page .hrTop-panel {
  margin: 10px 20px 20px 20px;
  padding: 0;
  text-transform: none;
  font-size: 12px;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  color: #575757;
}
@media (max-width: 1024px) {
  .faq-page .hrTop-panel {
    margin: 10px 10px 20px 10px;
  }
}
/*======================================
  Selectric v1.11.1
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.selectric-responsive {
  width: 100%;
}
.selectric {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  border: 1px solid #c6c6c4;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 174px;
  height: 30px;
}
@media (min-width: 640px) and (max-width: 1024px) {
  .selectric {
    width: 138px;
  }
}
@media (max-width: 480px) {
  .selectric {
    width: 250px;
  }
}
.selectric .label {
  display: block;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0 3px;
  line-height: 24px;
  color: #575757;
  height: 30px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric .button {
  position: absolute;
  right: 0;
  top: 5px;
  line-height: 30px;
  color: #ccc;
  font: 0/0 a;
  display: inline-block;
  background: url(../images/icon-dropdown-arrow.png) right center no-repeat;
  background-size: 18px;
  width: 20px;
  height: 20px;
  float: right;
  padding: 5px;
  cursor: pointer;
}
.selectric .button:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}
.selectric-hover .selectric {
  border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
  color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}
.selectric-open {
  z-index: 3;
}
.selectric-open .selectric {
  border-color: #c4c4c4;
}
.selectric-open .selectric-items {
  display: block;
}
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: NaN a !important;
  background: none !important;
}
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
/* Items box */
.selectric-items {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  display: none;
  position: absolute;
  top: 90%;
  left: 0;
  background: #fff;
  border: 1px solid #c6c6c4;
  z-index: -1;
  text-align: left;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
  min-width: 100%;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  list-style: none;
  padding: 5px 0 5px 0;
  margin: 0;
  font-size: 13px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  padding: 5px 0 5px 10px;
  color: #575757;
  cursor: pointer;
}
.selectric-items li.selected {
  color: #b9144a;
}
.selectric-items li.highlighted {
  color: #b9144a;
}
.selectric-items li:hover {
  color: #b9144a;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
.findAStorePopup {
  padding: 25px;
  display: inline-block;
  height: 100%;
}
@media (max-width: 640px) {
  .deliveryProductValidityOverlay {
    left: 0 !important;
  }
}
.deliveryProductValidityOverlay #cboxClose {
  background-postion: 2px 2px no-repeat !important;
  background-color: #b9154a !important;
  width: 27px;
  height: 27px;
}
.findAStorePopup-productImage img {
  max-width: 50px;
}
.findAStorePopup-title {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #575757;
}
.findAStorePopup-productDescription {
  font-family: pantonFontBold;
  font-size: 21px;
  color: #575757;
}
.findAStorePopup-infoMessage {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #575757;
  padding: 10px;
  background-color: #F5E7BF;
  border-radius: 37px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: none;
  display: inline-block;
}
@media (max-width: 640px) {
  .findAStorePopup-infoMessage {
    border-radius: 27px;
  }
}
.findaStoreinfoIcon {
  position: relative;
  width: 33px;
  height: 33px;
  display: inline-block;
  background: url(../images/toast-icon-warning.svg) 0 0 no-repeat;
}
.findaStoreInfoMessage {
  display: inline-block;
}
@media (min-width: 640px) {
  .findAStorePopup-nearestStores {
    overflow-y: scroll;
    max-height: 250px;
  }
}
.findAStorePopup-nearestStores .nearestStoreContainer {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #E9E9E9;
  background-color: #FFF;
}
.findAStorePopup-nearestStores .nearestStoreStoreName {
  display: block;
  font-family: pantonFontBold;
  font-size: 18px;
  color: #575757;
}
.findAStorePopup-nearestStores .nearestStoreAddress {
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #979797;
  padding-top: 5px;
}
.findAStorePopup-nearestStores .nearestStoreDistanceAway {
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #A70240;
  padding-top: 5px;
}
.findAStorePopup-nearestStores .nearestStoreStockLevel {
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #979797;
  padding-top: 5px;
}
.findAStorePopup-nearestStores .nearestStoreStockLevel .stockLevelIndicator {
  font-weight: bold;
}
.findAStorePopup-nearestStores .nearestStoreStockLevel .stockLevelIndicator.red {
  color: #A70240;
}
.findAStorePopup-nearestStores .nearestStoreStockLevel .stockLevelIndicator.yellow {
  color: #fcac00;
}
.findAStorePopup-nearestStores .nearestStoreStockLevel .stockLevelIndicator.green {
  color: #52ae32;
}
.findAStorePopup-nearestStores .nearestStorePhoneNumber {
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #A70240;
  font-weight: 800;
  font-size: 18px;
  text-align: right;
  text-decoration: underline;
}
.buyNowContainer {
  display: inline-block;
  position: relative;
  width: 100%;
  top: 0;
  padding-top: 5px !important;
}
.buyNowContainer .buyNowBtn {
  display: inline-block;
}
.confirmation-heading {
  background: #A70240;
  padding: 10px 80px 40px 10px;
  margin: 0 !important;
  color: #fff;
  font-weight: bold;
  width: 100%;
  height: 60px;
}
.confirmation-heading .icon {
  width: 35px;
  height: 40px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.confirmation-content {
  padding: 25px 30px 50px 30px !important;
}
.confirmation-content p {
  color: #575757;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-top: 0;
  margin-top: 0;
  font-weight: 550;
}
.confirmationContainer {
  display: inline-block;
  position: relative;
  width: 100%;
  top: 0;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.confirmationContainer .confirmation-button {
  color: #FFF;
  height: 50px;
  border: none;
  font-size: 16px;
  line-height: 30px;
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  width: 100%;
}
@media (min-width: 640px) {
  .confirmationContainer .confirmation-button {
    width: auto;
  }
}
@-webkit-keyframes uil-ellipsis {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1;
  }
  12.5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    left: 0px;
  }
  37.5% {
    left: 70px;
  }
  50% {
    left: 70px;
  }
  62.5% {
    left: 140px;
  }
  75% {
    left: 140px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  87.5% {
    left: 140px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 140px;
    opacity: 0;
  }
}
@-moz-keyframes uil-ellipsis {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1;
  }
  12.5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    left: 0px;
  }
  37.5% {
    left: 70px;
  }
  50% {
    left: 70px;
  }
  62.5% {
    left: 140px;
  }
  75% {
    left: 140px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  87.5% {
    left: 140px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 140px;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ellipsis {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1;
  }
  12.5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    left: 0px;
  }
  37.5% {
    left: 70px;
  }
  50% {
    left: 70px;
  }
  62.5% {
    left: 140px;
  }
  75% {
    left: 140px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  87.5% {
    left: 140px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 140px;
    opacity: 0;
  }
}
@-o-keyframes uil-ellipsis {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1;
  }
  12.5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    left: 0px;
  }
  37.5% {
    left: 70px;
  }
  50% {
    left: 70px;
  }
  62.5% {
    left: 140px;
  }
  75% {
    left: 140px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  87.5% {
    left: 140px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 140px;
    opacity: 0;
  }
}
@keyframes uil-ellipsis {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1;
  }
  12.5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    left: 0px;
  }
  37.5% {
    left: 70px;
  }
  50% {
    left: 70px;
  }
  62.5% {
    left: 140px;
  }
  75% {
    left: 140px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  87.5% {
    left: 140px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    left: 140px;
    opacity: 0;
  }
}
.uil-ellipsis-css {
  transform: scale(0.2);
  background: none;
  /*position: relative;*/
  position: absolute;
  /*width: 200px;
  height: 200px;*/
  width: 0;
  height: 100%;
  top: -2px;
  /*left: 50%;*/
  left: calc(50% - 19px);
  -moz-left: calc(50% - 19px);
  -ms-left: calc(50% - 19px);
  -o-left: calc(50% - 19px);
  -webkit-left: calc(50% - 19px);
}
.listPageHeader .uil-ellipsis-css {
  top: -7px;
}
.rhs button.hasSpin .uil-ellipsis-css {
  display: none;
}
.rhs.loading-spinner-active button.hasSpin .uil-ellipsis-css {
  display: block;
}
#addressSuggestionsDivOuter .spin-loader.uil-ellipsis-css,
#addressFormDistrictDivOuter .spin-loader.uil-ellipsis-css,
#addressFormStreetDivOuter .spin-loader.uil-ellipsis-css {
  display: none;
  top: 33px;
  left: 85% !important;
}
#addressSuggestionsDivOuter.loading-spinner-active .spin-loader.uil-ellipsis-css,
#addressFormDistrictDivOuter.loading-spinner-active .spin-loader.uil-ellipsis-css,
#addressFormStreetDivOuter.loading-spinner-active .spin-loader.uil-ellipsis-css {
  display: block;
}
.mini-cart-item .spin-loader.uil-ellipsis-css {
  display: none;
  transform: scale(0.15);
  top: auto;
  left: auto;
  bottom: -30px;
  right: 30px;
}
.shoppinglists-itemList-item .spin-loader.uil-ellipsis-css {
  display: none;
  transform: scale(0.15);
  top: auto;
  left: auto;
  bottom: -70px;
  right: 31px;
}
@media (max-width: 640px) {
  .shoppinglists-itemList-item .spin-loader.uil-ellipsis-css {
    bottom: -15px;
  }
}
@media (max-width: 480px) {
  .shoppinglists-itemList-item .spin-loader.uil-ellipsis-css {
    bottom: auto;
    top: -63px;
  }
}
.uil-ellipsis-css .ib {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
  top: 0%;
  left: 0;
}
.uil-ellipsis-css .spincircle {
  width: 60px;
  height: 60px;
  position: absolute;
  /*top: 70px;*/
  top: 0;
  opacity: 0;
  text-align: center;
  -webkit-animation: uil-ellipsis 2s linear infinite;
  animation: uil-ellipsis 2s linear infinite;
}
.uil-ellipsis-css .spincircle > div {
  /*width: 40px;
  height: 40px;*/
  width: calc(100% - 10px);
  -ms-width: calc(100% - 10px);
  -o-width: calc(100% - 10px);
  -webkit-width: calc(100% - 10px);
  height: calc(100% - 10px);
  -moz-width: calc(100% - 10px);
  -ms-height: calc(100% - 10px);
  -o-height: calc(100% - 10px);
  -webkit-height: calc(100% - 10px);
  border-radius: 50%;
  margin: 10px;
}
.uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div,
#addressFormAdd.loading-spinner-active .uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div {
  background: #ffffff;
}
.uil-ellipsis-css .spincircle:nth-of-type(2n) > div,
#addressFormAdd.loading-spinner-active .uil-ellipsis-css .spincircle:nth-of-type(2n) > div {
  background: rgba(255, 255, 255, 0.5);
}
.right-pdp-details .uil-ellipsis-css .spincircle:nth-of-type(2n) > div {
  background: rgba(155, 155, 155, 0.5);
}
.listPageHeader .uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div,
.mini-cart-item .uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div,
.addressFormContainer .uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div,
.btn.btn-secondary-whiteblue .uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div,
.btn-custom-blue-border .uil-ellipsis-css .spincircle:nth-of-type(2n+1) > div {
  background: #000000;
}
.listPageHeader .uil-ellipsis-css .spincircle:nth-of-type(2n) > div,
.mini-cart-item .uil-ellipsis-css .spincircle:nth-of-type(2n) > div,
.addressFormContainer .uil-ellipsis-css .spincircle:nth-of-type(2n) > div,
.btn.btn-secondary-whiteblue .uil-ellipsis-css .spincircle:nth-of-type(2n) > div,
.btn-custom-blue-border .uil-ellipsis-css .spincircle:nth-of-type(2n) > div {
  background: rgba(0, 0, 0, 0.5);
}
.spincircle:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}
.spincircle:nth-of-type(2) {
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.spincircle:nth-of-type(3) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spincircle:nth-of-type(4) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
/*--- spinner on elements ---*/
.loading-spinner-active .btn.hasSpin span,
.loading-spinner-active .hasSpin.btn-custom-pink span,
.tvlic-input .loading-spinner-active span {
  display: none !important;
}
.btn-loyalty-blue.loading-spinner-active span {
  color: #3374b6 !important;
  opacity: 0;
}
.btn-custom-blue.loading-spinner-active {
  color: #003359 !important;
}
.btn-custom-pink.loading-spinner-active,
.noTV-hasSpinContainer.loading-spinner-active .btn.hasSpin {
  color: #b9154a !important;
}
.btn-custom-blue-border.loading-spinner-active,
.template-pages-CartPageTemplate .btn.btn-secondary-whiteblue.loading-spinner-active {
  color: #FFF !important;
}
.page-cartPage.btn-custom-blue-border.loading-spinner-active,
.template-pages-CartPageTemplate .btn.btn-secondary-whiteblue.loading-spinner-active {
  color: #8b8c8c !important;
}
.ssvouchers-buttonscontainer button.loading-spinner-active {
  color: rgba(255, 255, 255, 0) !important;
}
.ssvouchers-buttonscontainer button.loading-spinner-active .uil-ellipsis-css {
  top: -4px;
}
.rhs.loading-spinner-active button,
.paymentMethodContainer button.loading-spinner-active,
#slot-change-error-msg button.loading-spinner-active,
#addressFormAdd.loading-spinner-active {
  color: rgba(255, 255, 255, 0) !important;
}
button.btn-secondary-whiteloyalty.fav-disabled.loading-spinner-active {
  color: #fff !important;
}
.defaultBlueProdFavourite.loading-spinner-active {
  color: #3374b6 !important;
}
/* --- CMS-campaignPage --- */
.col-wide {
  width: calc(55% - 5px);
  -moz-width: calc(55% - 5px);
  -ms-width: calc(55% - 5px);
  -o-width: calc(55% - 5px);
  -webkit-width: calc(55% - 5px);
}
.col-narrow {
  width: calc(45% - 5px);
  -moz-width: calc(45% - 5px);
  -ms-width: calc(45% - 5px);
  -o-width: calc(45% - 5px);
  -webkit-width: calc(45% - 5px);
}
.CMS-campaignPage .btn-default.btn-default-pink,
.CMS-campaignPage .btn-default.btn-default-pink:active {
  font-size: 15px;
  min-width: 170px;
  text-align: center;
}
.ONE,
.ONE_PLUS_ONE,
.ONE_PLUS_ONE_PLUS_ONE,
.ONE_PLUS_TWO,
.ONE_PLUS_THREE,
.TWO_PLUS_ONE,
.THREE_PLUS_ONE,
.ONE_PLUS_TWO_WIDE,
.TWO_WIDE_PLUS_ONE {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative;
  box-sizing: border-box;
}
.ONE .node-1 {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 10px 0;
}
.ONE_PLUS_TWO .node-1 {
  width: calc(55% - 5px);
  -moz-width: calc(55% - 5px);
  -ms-width: calc(55% - 5px);
  -o-width: calc(55% - 5px);
  -webkit-width: calc(55% - 5px);
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.ONE_PLUS_TWO .node-1.hasParagraph {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .ONE_PLUS_TWO .node-1 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.ONE_PLUS_TWO .node-2,
.ONE_PLUS_TWO .node-3 {
  width: calc(45% - 5px);
  -moz-width: calc(45% - 5px);
  -ms-width: calc(45% - 5px);
  -o-width: calc(45% - 5px);
  -webkit-width: calc(45% - 5px);
  float: none;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .ONE_PLUS_TWO .node-2,
  .ONE_PLUS_TWO .node-3 {
    width: 100%;
    float: left;
    clear: both;
    margin-right: 0;
  }
}
.TWO_PLUS_ONE .node-1,
.TWO_PLUS_ONE .node-2 {
  width: calc(45% - 5px);
  -moz-width: calc(45% - 5px);
  -ms-width: calc(45% - 5px);
  -o-width: calc(45% - 5px);
  -webkit-width: calc(45% - 5px);
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.TWO_PLUS_ONE .node-1.hasParagraph,
.TWO_PLUS_ONE .node-2.hasParagraph {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .TWO_PLUS_ONE .node-1,
  .TWO_PLUS_ONE .node-2 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.TWO_PLUS_ONE .node-3 {
  width: calc(55% - 5px);
  -moz-width: calc(55% - 5px);
  -ms-width: calc(55% - 5px);
  -o-width: calc(55% - 5px);
  -webkit-width: calc(55% - 5px);
  float: none;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .TWO_PLUS_ONE .node-3 {
    width: 100%;
    float: left;
    clear: both;
    margin-right: 0;
  }
}
.ONE_PLUS_ONE .node-1 {
  width: calc(55% - 5px);
  -moz-width: calc(55% - 5px);
  -ms-width: calc(55% - 5px);
  -o-width: calc(55% - 5px);
  -webkit-width: calc(55% - 5px);
  display: inline-block;
  float: left;
  clear: none;
  margin-bottom: 10px;
  margin-right: 10px;
}
.ONE_PLUS_ONE .node-1.hasParagraph {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .ONE_PLUS_ONE .node-1 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.ONE_PLUS_ONE .node-2 {
  width: calc(45% - 5px);
  -moz-width: calc(45% - 5px);
  -ms-width: calc(45% - 5px);
  -o-width: calc(45% - 5px);
  -webkit-width: calc(45% - 5px);
  float: left;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .ONE_PLUS_ONE .node-2 {
    width: 100%;
    clear: both;
    margin-left: 0;
  }
}
.ONE_PLUS_ONE_PLUS_ONE {
  overflow: hidden;
  margin: 0 0 0 -5px;
  width: calc(100% + 10px);
  -moz-width: calc(100% + 10px);
  -ms-width: calc(100% + 10px);
  -o-width: calc(100% + 10px);
  -webkit-width: calc(100% + 10px);
}
.ONE_PLUS_ONE_PLUS_ONE .node-1,
.ONE_PLUS_ONE_PLUS_ONE .node-2,
.ONE_PLUS_ONE_PLUS_ONE .node-3 {
  display: inline-block;
  float: left;
  clear: none;
  margin: 0 0px 10px 0;
  padding: 0 5px;
}
@media (max-width: 640px) {
  .ONE_PLUS_ONE_PLUS_ONE .node-1,
  .ONE_PLUS_ONE_PLUS_ONE .node-2,
  .ONE_PLUS_ONE_PLUS_ONE .node-3 {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0 0 10px 0;
  }
}
.ONE_PLUS_THREE .node-1 {
  width: calc(55% - 5px);
  -moz-width: calc(55% - 5px);
  -ms-width: calc(55% - 5px);
  -o-width: calc(55% - 5px);
  -webkit-width: calc(55% - 5px);
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
@media (max-width: 640px) {
  .ONE_PLUS_THREE .node-1 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.ONE_PLUS_THREE .node-2,
.ONE_PLUS_THREE .node-3,
.ONE_PLUS_THREE .node-4 {
  width: calc(45% - 5px);
  -moz-width: calc(45% - 5px);
  -ms-width: calc(45% - 5px);
  -o-width: calc(45% - 5px);
  -webkit-width: calc(45% - 5px);
  float: none;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .ONE_PLUS_THREE .node-2,
  .ONE_PLUS_THREE .node-3,
  .ONE_PLUS_THREE .node-4 {
    width: 100%;
    float: left;
    clear: both;
    margin-right: 0;
  }
}
.THREE_PLUS_ONE .node-1,
.THREE_PLUS_ONE .node-2,
.THREE_PLUS_ONE .node-3 {
  width: calc(45% - 5px);
  -moz-width: calc(45% - 5px);
  -ms-width: calc(45% - 5px);
  -o-width: calc(45% - 5px);
  -webkit-width: calc(45% - 5px);
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.THREE_PLUS_ONE .node-1.hasParagraph,
.THREE_PLUS_ONE .node-2.hasParagraph,
.THREE_PLUS_ONE .node-3.hasParagraph {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .THREE_PLUS_ONE .node-1,
  .THREE_PLUS_ONE .node-2,
  .THREE_PLUS_ONE .node-3 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.THREE_PLUS_ONE .node-4 {
  width: calc(55% - 5px);
  -moz-width: calc(55% - 5px);
  -ms-width: calc(55% - 5px);
  -o-width: calc(55% - 5px);
  -webkit-width: calc(55% - 5px);
  float: none;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .THREE_PLUS_ONE .node-4 {
    width: 100%;
    float: left;
    clear: both;
    margin-right: 0;
  }
}
.ONE_PLUS_TWO_WIDE .node-1 {
  width: calc(32% - 5px);
  -moz-width: calc(32% - 5px);
  -ms-width: calc(32% - 5px);
  -o-width: calc(32% - 5px);
  -webkit-width: calc(32% - 5px);
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.ONE_PLUS_TWO_WIDE .node-1.hasParagraph {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .ONE_PLUS_TWO_WIDE .node-1 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.ONE_PLUS_TWO_WIDE .node-2 {
  width: calc(68% - 5px);
  -moz-width: calc(68% - 5px);
  -ms-width: calc(68% - 5px);
  -o-width: calc(68% - 5px);
  -webkit-width: calc(68% - 5px);
  float: none;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .ONE_PLUS_TWO_WIDE .node-2 {
    width: 100%;
    float: left;
    clear: both;
    margin-right: 0;
  }
}
.TWO_WIDE_PLUS_ONE .node-1 {
  width: calc(68% - 5px);
  -moz-width: calc(68% - 5px);
  -ms-width: calc(68% - 5px);
  -o-width: calc(68% - 5px);
  -webkit-width: calc(68% - 5px);
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.TWO_WIDE_PLUS_ONE .node-1.hasParagraph {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .TWO_WIDE_PLUS_ONE .node-1 {
    width: 100%;
    clear: both;
    margin-right: 0;
  }
}
.TWO_WIDE_PLUS_ONE .node-2 {
  width: calc(32% - 5px);
  -moz-width: calc(32% - 5px);
  -ms-width: calc(32% - 5px);
  -o-width: calc(32% - 5px);
  -webkit-width: calc(32% - 5px);
  float: none;
  clear: none;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .TWO_WIDE_PLUS_ONE .node-2 {
    width: 100%;
    float: left;
    clear: both;
    margin-right: 0;
  }
}
.node-1.xup-type-CMSParagraphComponent,
.node-2.xup-type-CMSParagraphComponent,
.node-3.xup-type-CMSParagraphComponent {
  /*paragraph text runs around sibling*/
  float: none;
  clear: none;
  width: auto;
  display: block;
  color: #575757;
}
.ONE_PLUS_ONE .node-1.xup-type-CMSParagraphComponent.no-wrap,
.ONE_PLUS_ONE .node-2.xup-type-CMSParagraphComponent.no-wrap {
  width: calc(50% - 5px);
  -moz-width: calc(50% - 5px);
  -ms-width: calc(50% - 5px);
  -o-width: calc(50% - 5px);
  -webkit-width: calc(50% - 5px);
  display: inline-block;
  float: left;
  clear: none;
  margin-bottom: 10px;
  margin-right: 5px;
}
.ONE_PLUS_ONE .node-1.xup-type-CMSParagraphComponent.no-wrap.hasParagraph,
.ONE_PLUS_ONE .node-2.xup-type-CMSParagraphComponent.no-wrap.hasParagraph {
  margin-right: 0;
}
.ONE_PLUS_ONE .node-2.xup-type-CMSParagraphComponent.no-wrap {
  margin-right: 0;
  margin-left: 5px;
}
@media (max-width: 640px) {
  .ONE_PLUS_ONE .node-1.xup-type-CMSParagraphComponent.no-wrap,
  .ONE_PLUS_ONE .node-2.xup-type-CMSParagraphComponent.no-wrap {
    width: 100%;
    float: left;
    clear: both;
    margin-left: 0;
    margin-right: 0;
  }
}
.xup-type-CMSParagraphComponent h3 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 20px;
  margin: 5px 0 15px;
}
.xup-type-CMSParagraphComponent p {
  line-height: 20px;
}
.xup-type-CMSParagraphComponent p.truncated {
  margin: 0px 3px 20px 3px;
  display: inline;
}
.xup-type-CMSParagraphComponent a.truncateLink {
  display: none;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #b9154a;
  text-decoration: none;
}
@media (max-width: 640px) {
  .xup-type-CMSParagraphComponent {
    text-align: center;
  }
  .xup-type-CMSParagraphComponent a.truncateLink {
    display: inline;
  }
}
.ONE .xup-type-CMSParagraphComponent {
  text-align: left;
}
@media (max-width: 1024px) {
  .ONE .xup-type-CMSParagraphComponent {
    text-align: center;
  }
}
.ONE_PLUS_ONE_PLUS_ONE .xup-type-CMSParagraphComponent {
  float: left;
  clear: none;
  width: 33.333%;
  display: block;
}
@media (max-width: 640px) {
  .ONE_PLUS_ONE_PLUS_ONE .xup-type-CMSParagraphComponent {
    width: 100%;
  }
}
.ONE_PLUS_ONE_PLUS_ONE .xup-type-CMSParagraphComponent .content {
  padding: 0 10px;
}
.xup-type-ImageTileComponent > div {
  position: relative;
}
.xup-type-ImageTileComponent > div a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.xup-type-ImageTileComponent > div a img {
  width: 100%;
  height: auto;
}
.xup-type-CMSTileListComponent .cmstilecomponent.small-chevron.js-owl-rotatingbannercarousel {
  margin: 0;
  padding: 0 !important;
}
.xup-type-CMSTileListComponent .cmstilecomponent.small-chevron.js-owl-rotatingbannercarousel .owl-controls .owl-nav {
  height: 80px;
  margin: 0;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  top: 50%;
  margin-top: -40px !important;
}
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-next,
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-prev {
  padding: 0;
  margin: 0 !important;
  width: 35px;
  height: 80px;
}
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-next .glyphicon,
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-prev .glyphicon {
  background-color: rgba(183, 183, 183, 0.5);
  padding: 0;
  width: 35px;
  height: 80px;
  top: 0;
  line-height: normal;
  font-size: 0;
}
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-next .glyphicon:hover,
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-prev .glyphicon:hover {
  background-color: rgba(183, 183, 183, 0.8);
  padding: 0;
}
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-next .glyphicon.glyphicon-chevron-right:before,
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-prev .glyphicon.glyphicon-chevron-left:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 30px;
  left: 2px;
  border-width: 2px;
  border-style: solid solid none none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #FFF;
}
.xup-type-CMSTileListComponent .small-chevron .owl-controls .owl-nav .owl-prev .glyphicon.glyphicon-chevron-left:before {
  left: 12px;
  border-style: none none solid solid;
}
/*deliveryBanner customized for Favourites page*/
.deliveryBanner.favouritesBanner {
  background-color: #3374b6;
  color: #ffffff;
  position: relative;
  height: auto;
  min-height: 147px;
  margin: 0;
}
.deliveryBanner.favouritesBanner.favouritesBannerCustom {
  overflow: hidden;
  margin: 0 0 20px 0;
}
.deliveryBanner.favouritesBanner .deliveryBannerContent {
  padding: 30px 40px 20px 190px;
}
@media (max-width: 1024px) {
  .deliveryBanner.favouritesBanner .deliveryBannerContent {
    padding: 30px 40px 20px 150px;
  }
}
.deliveryBanner.favouritesBanner.favouritesBannerCustom .deliveryBannerContent {
  padding: 30px 240px 20px 150px !important;
}
@media (max-width: 1024px) {
  .deliveryBanner.favouritesBanner.favouritesBannerCustom .deliveryBannerContent {
    padding: 30px 240px 20px 150px;
  }
}
@media (max-width: 640px) {
  .deliveryBanner.favouritesBanner.favouritesBannerCustom .deliveryBannerContent {
    padding: 30px 40px 20px 100px !important;
  }
}
.favouritesBannerCustom .deliveryBannerContentContainer .deliveryBannerContent h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  margin: 10px 0 0 0;
  padding: 5px;
  background-color: transparent !important;
}
.deliveryBanner.favouritesBanner .deliveryBannerContent .favText-long {
  display: block;
}
.deliveryBanner.favouritesBanner .deliveryBannerContent .favText-short {
  display: none;
}
.deliveryBanner.favouritesBanner h3 {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 30px;
  margin: 0;
  padding: 0;
}
.deliveryBanner.favouritesBanner h3 span {
  font-family: "pnpFontBold", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 22px;
}
.deliveryBanner.favouritesBanner h6 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  margin: 10px 0 0 0;
  padding: 5px;
  background-color: #89b0d9;
}
.deliveryBanner.favouritesBanner h6 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #b9154a;
}
.deliveryBanner.favouritesBanner img {
  position: absolute;
  right: auto;
  left: 40px;
  top: 30px;
  height: 87px;
  width: auto;
}
.deliveryBanner.favouritesBanner .favesImgCustom {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  height: 100%;
  width: 190px;
  background-color: #f1f2f2;
  text-align: right;
}
@media (max-width: 640px) {
  .deliveryBanner.favouritesBanner .favesImgCustom {
    display: none;
  }
}
.deliveryBanner.favouritesBanner .favesImgCustom:before {
  content: '';
  position: absolute;
  left: -50px;
  top: 0px;
  width: 0;
  height: 0;
  border-bottom: 200px solid #f1f2f2;
  border-left: 50px solid transparent;
}
.deliveryBanner.favouritesBanner .favesImgCustom img {
  right: 0;
  left: auto;
  height: 117px;
  width: auto;
  padding: 0 0;
  margin: 0px 20px 0 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 640px) and (max-width: 1024px) {
  .deliveryBanner.favouritesBanner img {
    position: absolute;
    right: auto;
    left: 40px;
    top: 30px;
    height: 87px;
    width: auto;
  }
}
@media (max-width: 1024px) {
  .deliveryBanner.favouritesBanner h6 {
    display: block;
  }
}
@media (max-width: 640px) {
  .deliveryBanner.favouritesBanner {
    min-height: 120px;
  }
  .deliveryBanner.favouritesBanner h3,
  .deliveryBanner.favouritesBanner h3 span {
    font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    font-size: 30px;
    margin: 0;
    padding: 0;
  }
  .deliveryBanner.favouritesBanner img {
    left: 20px;
    height: 60px;
  }
  .deliveryBanner.favouritesBanner .deliveryBannerContent {
    padding: 30px 40px 20px 100px;
  }
  .deliveryBanner.favouritesBanner .deliveryBannerContent .favText-long {
    display: none;
  }
  .deliveryBanner.favouritesBanner .deliveryBannerContent .favText-short {
    display: block;
  }
}
.favouritesP {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  margin: 20px;
}
.favouritesP span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.page-PurchasedProductsCategoryPage .col-xs-12.col-md-3.col-md-push-9,
.page-PurchasedProductsCategoryPage .col-xs-12.col-md-9.col-md-pull-3 {
  margin-top: 20px;
}
.deliveryBanner.favouritesBanner .deliveryBannerContent {
  padding: 30px 40px 20px 150px !important;
}
@media (min-width: 640px) {
  .deliveryBanner.favouritesBanner .deliveryBannerContent {
    padding: 30px 40px 20px 200px !important;
  }
}
/*--- linkloyaltycardcomponent ---*/
.linkloyaltycardcomponent {
  background-color: #f1f2f2;
  padding: 30px 0;
}
@media (max-width: 640px) {
  .linkloyaltycardcomponent {
    padding: 20px 0;
  }
}
.linkloyaltycardReasons {
  margin: 0 0 40px 0;
}
@media (max-width: 640px) {
  .linkloyaltycardReasons {
    margin: 0 0 50px 0;
  }
}
.linkloyaltycardReasons-img {
  text-align: center;
}
.linkloyaltycardReasons-img img {
  width: 80%;
  height: auto;
}
@media (max-width: 640px) {
  .linkloyaltycardReasons-img img {
    width: 90%;
    max-width: 110px;
  }
}
.linkloyaltycardReasons-body {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #575757;
  padding: 0 30px;
}
@media (max-width: 640px) {
  .linkloyaltycardReasons-body {
    font-size: 14px;
    padding: 0 20px;
  }
}
.linkloyaltycardReasons-body h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: normal;
  margin: 5px 0 15px;
}
.linkloyaltycardReasons-body h3 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .linkloyaltycardReasons-body h3 {
    font-size: 16px;
    margin: 30px 0 15px;
  }
}
.linkloyaltycardReasons-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.linkloyaltycardReasons-body li {
  margin: 0 0 8px 0;
  padding: 0 0 0 45px;
  list-style: none;
  position: relative;
  height: auto;
  min-height: 30px;
  background: url(../images/icon-favesTick.png) 0 0 no-repeat;
  background-size: 30px;
}
.linkloyaltycardReasons-body li span {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.linkloyaltycardReasons-body li.onlyDT {
  display: block;
}
@media (max-width: 640px) {
  .linkloyaltycardReasons-body li.onlyDT {
    display: none;
  }
}
.linkloyaltycardForm {
  text-align: center;
  padding: 0px;
}
.linkloyaltycardForm .smartShopperPromptMessage span,
.linkloyaltycardForm .smartShopperPromptWithoutStepMessage span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
@media (max-width: 640px) {
  .linkloyaltycardForm {
    text-align: center;
    padding: 0 20px;
  }
}
.linkloyaltycardForm h4 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #575757;
  padding: 0 0;
  margin: 0 0;
  width: 100%;
  display: block;
}
.linkloyaltycardForm h4 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
}
.linkloyaltycardFormDiv {
  margin: 0px;
}
.linkloyaltycardFormDiv .smartShopperPromptMessage,
.linkloyaltycardFormDiv .smartShopperPromptWithoutStepMessage {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #575757;
  padding: 0 0;
  margin-right: 5px;
  margin-bottom: 10px;
  width: 374px;
  display: block;
  text-align: left;
}
@media (min-width: 641px) {
  .linkloyaltycardFormDiv .smartShopperPromptMessage,
  .linkloyaltycardFormDiv .smartShopperPromptWithoutStepMessage {
    display: inline;
  }
}
.linkloyaltyInput {
  width: auto;
  min-width: 240px;
  border: 1px solid #dcddde !important;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  color: #575757;
  font-size: 16px;
  padding: 0 8px;
  margin-bottom: 0px;
  height: 30px;
  display: inline-block;
}
@media (max-width: 640px) {
  .linkloyaltyInput {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}
.linkloyaltyInput::placeholder {
  font-style: italic;
}
.linkloyaltyInput.linkloyalty-hasIdError {
  border: 1px solid #b9154a !important;
  color: #b9154a;
  font-size: 14px;
  font-style: italic;
  padding-top: 3px;
}
#whyIsThisHappeningLink {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 30px;
  vertical-align: top;
}
@media (max-width: 640px) {
  #whyIsThisHappeningLink {
    width: 100%;
  }
}
/*--- loyalty-blue-button ---*/
.btn.btn-loyalty-blue,
.btn.btn-loyalty-blue:active,
.btn.btn-loyalty-blue:visited,
.btn.btn-loyalty-blue:hover {
  margin: 0 0;
  border: none;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  line-height: 0;
  font-size: 14px;
  padding: 0 50px;
  transition: all 0.2s linear;
  background-color: #3374b6;
  height: 30px;
  position: relative;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
}
.btn.btn-loyalty-blue span,
.btn.btn-loyalty-blue:active span,
.btn.btn-loyalty-blue:visited span,
.btn.btn-loyalty-blue:hover span {
  position: relative;
  line-height: 33px;
}
@media (max-width: 640px) {
  .btn.btn-loyalty-blue,
  .btn.btn-loyalty-blue:active,
  .btn.btn-loyalty-blue:visited,
  .btn.btn-loyalty-blue:hover {
    width: 100%;
    display: block;
  }
}
.btn.btn-loyalty-blue:hover {
  background-color: #2d67a2;
}
.btn.btn-loyalty-blue[disabled],
.btn.btn-loyalty-blue.mockDisabled {
  opacity: 1;
  background-color: #adadad;
}
.btn.btn-loyalty-blue.mockDisabled:hover {
  background-color: #a0a0a0;
}
/*--- easyCustomRadio for FAVOURITES---*/
.easyCustomRadioFaves {
  position: relative;
  left: 0;
}
.easyCustomRadioFaves input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.easyCustomRadioFaves input[type="radio"] + label {
  position: relative;
  padding: 5px 0px 0 40px;
  cursor: pointer;
  display: inline-block;
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  font-size: 16px;
  text-transform: none;
  color: #575757;
  min-height: 30px;
}
.easyCustomRadioFaves input[type="radio"] + label[for=faves-id] {
  margin: 0 10px 0 0;
}
.easyCustomRadioFaves input[type="radio"] + label[for=faves-pp] {
  margin: 0 0 0 10px;
}
.easyCustomRadioFaves input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #dcddde;
  background: #ffffff;
}
.easyCustomRadioFaves input[type="radio"] + label:after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/icon-favesTick-green.png) 0 0 no-repeat;
  background-size: 30px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.easyCustomRadioFaves input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.easyCustomRadioFaves input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.page-PurchasedProductsCategoryPage .selectric-wrapper {
  width: 100%;
}
/********* category page styling ***********/
.page-productList,
.pageType-CategoryPage {
  /* Hide the browser's default checkbox */
  /* When the checkbox is checked, add a green background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.page-productList .selectionforlist-component,
.pageType-CategoryPage .selectionforlist-component {
  float: left;
  margin-right: 0;
}
@media (min-width: 640px) {
  .page-productList .selectionforlist-component,
  .pageType-CategoryPage .selectionforlist-component {
    float: left;
    margin-right: 5px;
  }
}
.page-productList .js-product-card-item .sticky-addedtocart-animation,
.pageType-CategoryPage .js-product-card-item .sticky-addedtocart-animation {
  position: relative !important;
  transition: none !important;
}
.page-productList .show-n-number,
.pageType-CategoryPage .show-n-number {
  background-color: transparent;
  float: left;
  width: 100%;
}
.page-productList .product-list-wrapper .actions-fav .row,
.pageType-CategoryPage .product-list-wrapper .actions-fav .row {
  background-color: #FFF;
}
.page-productList .fav-select-btn,
.pageType-CategoryPage .fav-select-btn {
  background-color: #f2f2f2;
  color: #575757;
  border: 1px solid #575757;
  height: 35px;
  padding-top: 12px;
  font-size: 13px;
  font-weight: 700;
}
.page-productList .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
.pageType-CategoryPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
  padding-top: 10px;
  height: auto;
  position: fixed;
  bottom: -50px;
  z-index: 999;
  left: 0;
  margin: 0;
  width: 100% !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
  background-color: #f9f9f9;
}
@media (min-width: 640px) {
  .page-productList .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction,
  .pageType-CategoryPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 46% !important;
    transition: none !important;
    margin-left: 0;
  }
}
.page-productList .sticky-addtolist-show,
.pageType-CategoryPage .sticky-addtolist-show {
  bottom: 0 !important;
}
.page-productList .sticky-addtolist-component,
.pageType-CategoryPage .sticky-addtolist-component {
  position: fixed;
  bottom: -110px;
  left: 0;
  background: #FFF;
  padding: 10px;
  padding-bottom: 50px;
  z-index: 999;
  width: 100%;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
.page-productList .sticky-addtolist-component button,
.pageType-CategoryPage .sticky-addtolist-component button {
  height: 39px;
  width: 49%;
}
.page-productList .sticky-addtolist-component form button,
.pageType-CategoryPage .sticky-addtolist-component form button {
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .page-productList .sticky-addtolist-component form button,
  .pageType-CategoryPage .sticky-addtolist-component form button {
    display: none;
  }
}
@media (min-width: 640px) {
  .page-productList .sticky-addtolist-component,
  .pageType-CategoryPage .sticky-addtolist-component {
    position: relative;
    z-index: 9;
    width: auto;
    float: left;
    bottom: 0;
    padding: 0;
  }
  .page-productList .sticky-addtolist-component button,
  .pageType-CategoryPage .sticky-addtolist-component button {
    width: auto;
    height: 35px;
  }
}
.page-productList .pdpAddToListButton,
.pageType-CategoryPage .pdpAddToListButton {
  display: none;
}
.page-productList .ProductCarouselAddToCart-CarouselAddToShoppingListAction,
.pageType-CategoryPage .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
  float: left !important;
  width: 32px;
  margin-left: 10px;
}
.page-productList .js-product-selection-container input,
.pageType-CategoryPage .js-product-selection-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.page-productList .js-product-card-item input:checked ~ .checkmark,
.pageType-CategoryPage .js-product-card-item input:checked ~ .checkmark {
  background-color: #52ae32;
}
.page-productList .checkmark:after,
.pageType-CategoryPage .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.page-productList .js-product-card-item input:checked ~ .checkmark:after,
.pageType-CategoryPage .js-product-card-item input:checked ~ .checkmark:after {
  display: block;
}
.page-productList .js-product-card-item .checkmark:after,
.pageType-CategoryPage .js-product-card-item .checkmark:after {
  left: 8px;
  top: 2px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-productList .favourites-border-wrapper .simple-banner-component:first-child,
.pageType-CategoryPage .favourites-border-wrapper .simple-banner-component:first-child {
  padding-bottom: 10px;
}
.page-productList .favourites-border-wrapper .simple-banner-component,
.pageType-CategoryPage .favourites-border-wrapper .simple-banner-component {
  padding-bottom: 0;
}
/********* favourites section Tab headers ***********/
.page-purchasedProductsSearchEmpty .favourites-main,
.page-purchasedProductsSearchPage .favourites-main,
.page-orders .favourites-main,
.page-order .favourites-main,
.page-shoppingListSummaryPage .favourites-main,
.page-shoppingListDetailsPage .favourites-main {
  border: 1px solid #cccccc;
  border-top: none;
  margin: 20px 0 0 0;
  border-bottom: none;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites,
.page-orders .favourites-main .tab.favourites,
.page-order .favourites-main .tab.favourites,
.page-shoppingListSummaryPage .favourites-main .tab.favourites,
.page-shoppingListDetailsPage .favourites-main .tab.favourites,
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory,
.page-orders .favourites-main .tab.orderHistory,
.page-order .favourites-main .tab.orderHistory,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory,
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists,
.page-orders .favourites-main .tab.shoppingLists,
.page-order .favourites-main .tab.shoppingLists,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists {
  width: 33.33333333% !important;
  display: inline-block;
  vertical-align: top;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner,
.page-orders .favourites-main .tab.favourites .deliveryBanner,
.page-order .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner,
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-orders .favourites-main .tab.orderHistory .deliveryBanner,
.page-order .favourites-main .tab.orderHistory .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner,
.page-orders .favourites-main .tab.shoppingLists .deliveryBanner,
.page-order .favourites-main .tab.shoppingLists .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner {
  padding: 20px 0 10px 0;
  margin: 0;
  background-color: #f1f2f2;
  bottom: -0.5px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner,
  .page-orders .favourites-main .tab.favourites .deliveryBanner,
  .page-order .favourites-main .tab.favourites .deliveryBanner,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner {
    bottom: 0;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner img,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner img,
.page-orders .favourites-main .tab.favourites .deliveryBanner img,
.page-order .favourites-main .tab.favourites .deliveryBanner img,
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner img,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner img,
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner img,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner img,
.page-orders .favourites-main .tab.orderHistory .deliveryBanner img,
.page-order .favourites-main .tab.orderHistory .deliveryBanner img,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner img,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner img,
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner img,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner img,
.page-orders .favourites-main .tab.shoppingLists .deliveryBanner img,
.page-order .favourites-main .tab.shoppingLists .deliveryBanner img,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner img,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner img {
  display: none;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner img,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner img,
  .page-orders .favourites-main .tab.favourites .deliveryBanner img,
  .page-order .favourites-main .tab.favourites .deliveryBanner img,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner img,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner img,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner img {
    display: block;
    max-height: 54px;
    top: 20px;
    right: 0;
    left: 10px;
    position: absolute !important;
    background-color: #ffffff;
    border-radius: 50%;
  }
}
@media (max-width: 767px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner img,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner img,
  .page-orders .favourites-main .tab.favourites .deliveryBanner img,
  .page-order .favourites-main .tab.favourites .deliveryBanner img,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner img,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner img,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner img,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner img,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner img {
    top: 15px;
    margin: 0;
    width: 25px;
    height: 25px;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h3,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h3,
.page-orders .favourites-main .tab.favourites .deliveryBanner h3,
.page-order .favourites-main .tab.favourites .deliveryBanner h3,
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h3,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h3,
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h3,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h3,
.page-orders .favourites-main .tab.orderHistory .deliveryBanner h3,
.page-order .favourites-main .tab.orderHistory .deliveryBanner h3,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h3,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h3,
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h3,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
.page-orders .favourites-main .tab.shoppingLists .deliveryBanner h3,
.page-order .favourites-main .tab.shoppingLists .deliveryBanner h3,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h3 {
  margin: 0;
  padding: 0 0 0 75px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h3,
  .page-order .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h3 {
    margin: 0;
    padding: 0 !important;
    padding-bottom: 5px !important;
    text-align: center !important;
    width: auto;
    font-size: 13px !important;
  }
}
@media (min-width: 480px) and (max-width: 1024px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h3,
  .page-order .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h3 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h3,
  .page-order .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h3 {
    padding: 50px 0 0 0;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h3,
  .page-order .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h3 {
    font-size: 12px;
    padding: 50px 25px 0 25px;
  }
}
@media (max-width: 320px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h3,
  .page-order .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h3,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h3,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h3 {
    padding: 50px 10px 0 10px;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h6,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h6,
.page-orders .favourites-main .tab.favourites .deliveryBanner h6,
.page-order .favourites-main .tab.favourites .deliveryBanner h6,
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h6,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h6,
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h6,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h6,
.page-orders .favourites-main .tab.orderHistory .deliveryBanner h6,
.page-order .favourites-main .tab.orderHistory .deliveryBanner h6,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h6,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h6,
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h6,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
.page-orders .favourites-main .tab.shoppingLists .deliveryBanner h6,
.page-order .favourites-main .tab.shoppingLists .deliveryBanner h6,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h6 {
  margin: 0;
  padding: 5px 20px 0 75px;
  display: none;
  font-size: 13px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h6,
  .page-order .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h6 {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 1024px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h6,
  .page-order .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h6 {
    font-size: 13px;
  }
}
@media (min-width: 960px) and (max-width: 1023px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h6,
  .page-order .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h6 {
    padding: 5px 60px 0 75px;
  }
}
@media (min-width: 480px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-orders .favourites-main .tab.favourites .deliveryBanner h6,
  .page-order .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-orders .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-order .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner h6,
  .page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-orders .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-order .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner h6,
  .page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner h6 {
    display: inline-block;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner,
.page-orders .favourites-main .tab.favourites .deliveryBanner,
.page-order .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner {
  border: 1px solid #cccccc;
  border-left: none;
  border-bottom: none;
  margin: 0 0 0 0.5px;
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 480px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner,
  .page-orders .favourites-main .tab.favourites .deliveryBanner,
  .page-order .favourites-main .tab.favourites .deliveryBanner,
  .page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner,
  .page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner {
    min-height: 100px;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory,
.page-orders .favourites-main .tab.orderHistory,
.page-order .favourites-main .tab.orderHistory,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory {
  padding: 0 5px 0 5px;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-orders .favourites-main .tab.orderHistory .deliveryBanner,
.page-order .favourites-main .tab.orderHistory .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner {
  border: 1px solid #cccccc;
  border-bottom: none;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists,
.page-orders .favourites-main .tab.shoppingLists,
.page-order .favourites-main .tab.shoppingLists,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists {
  padding: 0 0 0 5px;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner,
.page-orders .favourites-main .tab.shoppingLists .deliveryBanner,
.page-order .favourites-main .tab.shoppingLists .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner {
  border: 1px solid #cccccc;
  border-right: none;
  border-bottom: none;
  margin: 0 0.5px 0 0;
}
@media (max-width: 1024px) {
  .page-purchasedProductsSearchEmpty .accountvoucherlistcomponent,
  .page-purchasedProductsSearchPage .accountvoucherlistcomponent,
  .page-orders .accountvoucherlistcomponent,
  .page-order .accountvoucherlistcomponent,
  .page-shoppingListSummaryPage .accountvoucherlistcomponent,
  .page-shoppingListDetailsPage .accountvoucherlistcomponent {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .page-purchasedProductsSearchEmpty #accountSummaryContainer_AccountSummary,
  .page-purchasedProductsSearchPage #accountSummaryContainer_AccountSummary,
  .page-orders #accountSummaryContainer_AccountSummary,
  .page-order #accountSummaryContainer_AccountSummary,
  .page-shoppingListSummaryPage #accountSummaryContainer_AccountSummary,
  .page-shoppingListDetailsPage #accountSummaryContainer_AccountSummary {
    display: none;
  }
}
.favourites-main .tab div a {
  display: block;
  white-space: normal !important;
}
/* favourites-tab */
.page-purchasedProductsSearchEmpty .categoryLandingBanner,
.page-purchasedProductsSearchPage .categoryLandingBanner {
  margin-bottom: 20px;
}
.page-purchasedProductsSearchEmpty .favourites-main,
.page-purchasedProductsSearchPage .favourites-main {
  margin: 0px;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner {
  background-color: #ffffff;
  border-bottom: none;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner {
    min-width: 100px;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner img,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner img {
  background-color: #f1f2f2;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.orderHistory .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-purchasedProductsSearchEmpty .favourites-main .tab.shoppingLists .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.shoppingLists .deliveryBanner {
  z-index: -1;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites-section-1,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites-section-1 {
  padding: 20px;
  border-top: 1px solid #cccccc;
  display: inline-block;
  margin-top: -1px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites-section-1,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites-section-1 {
    margin-top: -1.5px;
  }
}
@media (max-width: 480px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites-section-1,
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites-section-1 {
    padding: 15px;
  }
}
.page-purchasedProductsSearchEmpty .mini-smart-shopper h3:before,
.page-purchasedProductsSearchPage .mini-smart-shopper h3:before {
  left: 20px;
}
/* shopping history tab */
.page-orders .favourites-main .tab.orderHistory .deliveryBanner,
.page-order .favourites-main .tab.orderHistory .deliveryBanner {
  background-color: #ffffff;
  border-bottom: none;
}
.page-orders .favourites-main .tab.orderHistory .deliveryBanner img,
.page-order .favourites-main .tab.orderHistory .deliveryBanner img {
  background-color: #f1f2f2;
}
.page-orders .favourites-main .tab.favourites .deliveryBanner,
.page-order .favourites-main .tab.favourites .deliveryBanner,
.page-orders .favourites-main .tab.shoppingLists .deliveryBanner,
.page-order .favourites-main .tab.shoppingLists .deliveryBanner {
  z-index: -1;
}
.page-orders .favourites-main .accountvoucherlistcomponent,
.page-order .favourites-main .accountvoucherlistcomponent {
  padding: 0 0 10px 0;
  margin-top: -1px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-orders .favourites-main .accountvoucherlistcomponent,
  .page-order .favourites-main .accountvoucherlistcomponent {
    margin-top: -1.5px;
  }
}
.page-orders .favourites-main .accountvoucherlistcomponent .listPageHeader,
.page-order .favourites-main .accountvoucherlistcomponent .listPageHeader {
  display: none;
}
.page-orders .favourites-main .tab.order-detail-section-1 .listPageHeader,
.page-order .favourites-main .tab.order-detail-section-1 .listPageHeader {
  display: none;
}
.page-orders .favourites-main .tab.order-detail-section-2,
.page-order .favourites-main .tab.order-detail-section-2,
.page-orders .favourites-main .tab.order-detail-section-3,
.page-order .favourites-main .tab.order-detail-section-3 {
  border-top: 1px solid #cccccc;
  padding: 20px 0 0 0;
  margin-top: -1px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-orders .favourites-main .tab.order-detail-section-2,
  .page-order .favourites-main .tab.order-detail-section-2,
  .page-orders .favourites-main .tab.order-detail-section-3,
  .page-order .favourites-main .tab.order-detail-section-3 {
    margin-top: -1.5px;
  }
}
.page-orders .favourites-main .tab.order-detail-section-2 .deliveryBanner h3,
.page-order .favourites-main .tab.order-detail-section-2 .deliveryBanner h3,
.page-orders .favourites-main .tab.order-detail-section-3 .deliveryBanner h3,
.page-order .favourites-main .tab.order-detail-section-3 .deliveryBanner h3 {
  color: #ffffff;
}
.page-orders .favourites-main .tab.order-detail-section-2 .deliveryBanner h6,
.page-order .favourites-main .tab.order-detail-section-2 .deliveryBanner h6,
.page-orders .favourites-main .tab.order-detail-section-3 .deliveryBanner h6,
.page-order .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 {
  display: block;
}
.page-orders .favourites-main .tab.order-detail-section-2 .deliveryBanner h6 span,
.page-order .favourites-main .tab.order-detail-section-2 .deliveryBanner h6 span,
.page-orders .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 span,
.page-order .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 span {
  color: #ffffff;
}
@media (max-width: 767px) {
  .page-orders .favourites-main .tab.order-detail-section-2 .deliveryBanner h6 span.sub-desktop,
  .page-order .favourites-main .tab.order-detail-section-2 .deliveryBanner h6 span.sub-desktop,
  .page-orders .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 span.sub-desktop,
  .page-order .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 span.sub-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-orders .favourites-main .tab.order-detail-section-2 .deliveryBanner h6 span.sub-mobile,
  .page-order .favourites-main .tab.order-detail-section-2 .deliveryBanner h6 span.sub-mobile,
  .page-orders .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 span.sub-mobile,
  .page-order .favourites-main .tab.order-detail-section-3 .deliveryBanner h6 span.sub-mobile {
    display: none;
  }
}
.page-orders .favourites-main .tab.order-detail-section-4 .accountvoucherlistcomponent,
.page-order .favourites-main .tab.order-detail-section-4 .accountvoucherlistcomponent {
  border-top: none;
}
.page-orders main > div .container.sticky-header-desktop,
.page-order main > div .container.sticky-header-desktop {
  margin-top: 50px;
}
.page-orders .nav-cart,
.page-order .nav-cart {
  display: none;
}
@media (min-width: 640px) {
  .page-orders .nav-cart,
  .page-order .nav-cart {
    display: block;
  }
}
.page-shoppingListSummaryPage .favourites-main {
  margin-top: 0 !important;
}
.page-orders .favourites-main {
  margin-top: 0 !important;
}
@media (min-width: 480px) {
  .page-orders .favourites-main {
    min-height: 500px;
  }
}
.page-orders .favourites-border-wrapper {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.page-orders .favourites-border-wrapper:last-child {
  border-bottom: 1px solid #cccccc;
}
.page-orders .categoryLandingBanner {
  margin-bottom: 20px;
}
/* shopping lists tab */
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner {
  background-color: #ffffff;
  border-bottom: none;
}
.page-shoppingListSummaryPage .favourites-main .tab.shoppingLists .deliveryBanner img,
.page-shoppingListDetailsPage .favourites-main .tab.shoppingLists .deliveryBanner img {
  background-color: #f1f2f2;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.orderHistory .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.orderHistory .deliveryBanner {
  z-index: -1;
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-1,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-1 {
  display: inline-block;
  border-top: 1px solid #cccccc;
  margin-top: -1px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-1,
  .page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-1 {
    margin-top: -1.5px;
  }
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-1 .listPageHeader,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-1 .listPageHeader {
  display: none;
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-2,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-2 {
  display: inline-block;
  margin-top: -5px;
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-2 .listPageContent,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-2 .listPageContent {
  padding: 0 20px;
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-3,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-3 {
  border-top: 1px solid #cccccc;
  margin-top: -1px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-3,
  .page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-3 {
    margin-top: -1.5px;
  }
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-3 .listPageHeader,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-3 .listPageHeader {
  display: none;
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-4,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-4 {
  margin-top: -5px;
  width: 100%;
  display: inline-block;
}
.page-shoppingListSummaryPage .favourites-main .tab.shopping-list-section-4 .trolley-btn-left,
.page-shoppingListDetailsPage .favourites-main .tab.shopping-list-section-4 .trolley-btn-left {
  padding: 0 20px;
}
.page-shoppingListSummaryPage .favourites-main .pnp-note-section,
.page-shoppingListDetailsPage .favourites-main .pnp-note-section {
  margin: -5px 0 0px 0;
  padding: 30px 0 20px 0;
}
.page-shoppingListSummaryPage main > div .container.sticky-header-desktop,
.page-shoppingListDetailsPage main > div .container.sticky-header-desktop {
  margin-top: 50px;
}
.page-shoppingListSummaryPage .nav-cart,
.page-shoppingListDetailsPage .nav-cart {
  display: none;
}
@media (min-width: 640px) {
  .page-shoppingListSummaryPage .nav-cart,
  .page-shoppingListDetailsPage .nav-cart {
    display: block;
  }
}
.page-shoppingListSummaryPage .favourites-border-wrapper {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.page-shoppingListSummaryPage .favourites-border-wrapper:last-child {
  border-bottom: 1px solid #cccccc;
}
.page-shoppingListSummaryPage .categoryLandingBanner {
  margin-bottom: 20px;
}
/*----- mini smart shopper -----*/
@media (min-width: 1024px) {
  .xup-type-LoyaltyComponent .mini-smart-shopper {
    width: 50% !important;
  }
  .xup-type-LoyaltyComponent .linkButton {
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: auto !important;
  }
}
.xup-type-LoyaltyComponent .loyalty-accordion-sub-heading {
  display: block;
}
.mini-smart-shopper {
  margin: 0 0 20px 0;
  background-color: #3374b6;
  display: inline-block;
  width: 100%;
}
.mini-smart-shopper h3 {
  font-family: "pnpFont", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  font-size: 18px !important;
  text-transform: uppercase;
  color: #ffffff;
  padding: 15px 0 !important;
  margin: 0 10px !important;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
.mini-smart-shopper h3:before {
  content: '';
  position: absolute;
  top: 17px;
  left: 0;
  width: 24px;
  height: 17px;
  background: url(../images/pnp-spritemap-hi-res.png) 0px 0px no-repeat;
  background-size: 115px;
}
.mini-smart-shopper h3 span {
  font-family: "pnpFontMedium", Arial, sans-serif, Helvetica;
  font-weight: normal;
  line-height: normal;
  padding-left: 35px;
}
.mini-smart-shopper .loyalty-accordion-container {
  padding: 0 !important;
  border: none;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card {
  padding: 15px 10px;
  background-color: #3374b6;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardReasons {
  display: none;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm {
  padding: 0;
  text-align: left;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm h4 {
  color: #ffffff;
  font-size: 15px;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .smartShopperPromptMessage,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .smartShopperPromptWithoutStepMessage {
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 15px;
  display: block;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkloyaltyInput {
  min-width: 175px;
  margin-bottom: 5px;
  font-size: 14px;
  border: none;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkloyaltyInput.input_passport {
  min-width: 253px !important;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton:active,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton:visited,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton:hover {
  padding: 0 10px;
  width: 100%;
  font-weight: bold;
  height: 40px;
  font-size: 15px;
  background-color: #153a59;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton[disabled],
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton:active[disabled],
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton:visited[disabled],
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .linkButton:hover[disabled] {
  background-color: #adadad;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton:active,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton:visited,
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton:hover {
  padding: 0 25px;
  margin-left: -3px;
  font-size: 12px;
  background-color: #153a59;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton[disabled],
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton:active[disabled],
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton:visited[disabled],
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .nextButton:hover[disabled] {
  background-color: #adadad;
}
.mini-smart-shopper .loyalty-accordion-container .mini-card .linkloyaltycardForm .linkloyaltycardFormDiv .easyCustomRadioFaves label {
  font-size: 13px;
  padding: 7px 0 0 35px;
  color: #ffffff;
}
.page-search .mini-smart-shopper h3:before {
  background: url(../images/pnp-spritemap-hi-res.png) 10px 0px no-repeat !important;
  width: 35px !important;
  top: 15px !important;
  left: -10px !important;
  background-size: 118px !important;
}
.page-search .mini-smart-shopper .linkloyaltycardForm .stepTwoSection .linkloyaltycardFormDiv .linkButton span {
  margin-left: -2px !important;
  vertical-align: -webkit-baseline-middle;
}
.page-productDetails .mini-smart-shopper .loyalty-accordion-container .row {
  margin: 0 !important;
}
@media (max-width: 640px) {
  .sticky-addedtocart-animation {
    webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out !important;
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
  }
  .sticky-addtocart-animation {
    bottom: -75px;
    width: 100%;
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 640px) {
  .page-productDetails .BrandContentSlot {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-productDetails .mini-smart-shopper h3:before {
  background: url(../images/pnp-spritemap-hi-res.png) 10px 0px no-repeat !important;
  width: 35px !important;
  top: 15px !important;
  left: -10px !important;
  background-size: 118px !important;
}
.page-productDetails .mini-smart-shopper .linkloyaltycardForm .stepTwoSection .linkloyaltycardFormDiv .linkButton span {
  margin-left: -2px !important;
  vertical-align: -webkit-baseline-middle;
}
.page-purchasedProductsSearchPage .js-product-card-item .sticky-addedtocart-animation {
  position: relative !important;
  transition: none !important;
}
.page-purchasedProductsSearchPage .product-list-wrapper {
  margin-top: -20px;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .product-list-wrapper {
    margin-top: 0;
  }
}
.page-purchasedProductsSearchPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
  padding-top: 10px;
  height: auto;
  position: fixed;
  bottom: -60px;
  z-index: 99;
  left: 0;
  margin: 0;
  width: 100% !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
  background-color: #f9f9f9;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .nav-cart .actions .MiniCart-CheckoutAction #formCheckoutAction {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 46% !important;
    transition: none !important;
    margin-left: 0;
  }
}
.page-purchasedProductsSearchPage .sticky-addedtocart-animation {
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
  position: absolute;
  bottom: 0px !important;
  left: 0;
  width: 100%;
}
.page-purchasedProductsSearchPage .overlay-close {
  display: none;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper:last-child {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.page-purchasedProductsSearchPage .selectionforlist-component {
  float: left;
  margin-right: 0;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .selectionforlist-component {
    float: left;
    margin-right: 5px;
  }
}
.page-purchasedProductsSearchPage .sticky-checkout-btn {
  margin-top: 15px;
}
.page-purchasedProductsSearchPage .sticky-addtolist-show {
  bottom: 0px !important;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .sticky-addedtocart-animation {
    position: relative !important;
    transition: none !important;
  }
}
.page-purchasedProductsSearchPage .sticky-addtolist-component {
  position: fixed;
  bottom: -110px;
  left: 0;
  background: #FFF;
  padding: 10px;
  padding-bottom: 50px;
  z-index: 999;
  width: 100%;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
.page-purchasedProductsSearchPage .sticky-addtolist-component button {
  height: 39px;
  width: 49%;
}
.page-purchasedProductsSearchPage .sticky-addtolist-component form button {
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .sticky-addtolist-component form button {
    display: none;
  }
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .sticky-addtolist-component {
    position: relative;
    z-index: 9;
    width: auto;
    float: left;
    bottom: 0;
    padding: 0;
  }
  .page-purchasedProductsSearchPage .sticky-addtolist-component button {
    width: auto;
    height: 35px;
  }
}
/********* filter By colorbox popup mobile: *******/
.addlist_popup {
  height: 100% !important;
}
@media (min-width: 640px) {
  .addlist_popup #cboxContent {
    min-height: 250px !important;
  }
  .addlist_popup #cboxLoadedContent {
    min-height: 250px !important;
  }
}
@media (min-width: 640px) {
  .addlist_popup {
    height: auto !important;
  }
}
@media (max-width: 640px) {
  .addlist_popup .mod-heading {
    background-color: #A70240;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    height: 55px;
    padding: 17px 20px 20px 20px;
  }
  .addlist_popup .mod-heading h4 {
    margin: 0;
  }
  .addlist_popup #cboxClose:hover,
  .addlist_popup #cboxClose:active,
  .addlist_popup #cboxClose {
    background: url(../images/icon-close-white.svg) 1px 1px no-repeat !important;
    border: none !important;
    height: 26px;
    width: 26px;
    background-size: 25px !important;
    top: 15px !important;
    right: 10px !important;
  }
  .addlist_popup .align-center {
    padding-top: 0 !important;
  }
  .addlist_popup .mod-text-title {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    font-weight: bold;
  }
  .addlist_popup .mod-text-title-view {
    margin-top: 10px;
    padding: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    font-weight: bold;
  }
  .addlist_popup .mod-button-view button:hover,
  .addlist_popup .mod-button-view button:focus,
  .addlist_popup .mod-button-view button:active {
    background-color: #153a59;
  }
  .addlist_popup .mod-button-view button {
    width: 100%;
    background-color: #153a59;
    height: 55px;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
  }
  .addlist_popup .new-list-name {
    border-radius: 4px;
    height: 44px !important;
  }
  .addlist_popup .mod-list-select {
    border-radius: 4px;
    height: 44px !important;
  }
  .addlist_popup .create_slbtn {
    height: 55px;
    background-color: #153a59;
    width: 100%;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
  }
  .addlist_popup .mod-text-or:before {
    display: none !important;
  }
  .addlist_popup .mod-button:hover,
  .addlist_popup .mod-button:focus,
  .addlist_popup .mod-button:active {
    background-color: #153a59;
  }
  .addlist_popup .mod-button {
    height: 55px;
    background-color: #153a59;
    width: 100%;
    font-family: "pnpFont", Arial, sans-serif, Helvetica;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
  }
  .addlist_popup .divide-or .line-center {
    display: none;
  }
  .addlist_popup .mod-content.copy-shopping-sucess {
    position: relative;
    width: 100%;
    padding: 30px 10px !important;
    transform: none;
    margin-top: 0;
    top: 0;
  }
  .addlist_popup .mod-content.copy-shopping-list {
    position: relative;
    width: 100%;
    padding: 30px 10px !important;
    transform: none;
    margin-top: 0;
    top: 0;
  }
  .addlist_popup .divide-or:after {
    border-top: solid 1px #EEEEEE;
    top: 50%;
    margin-bottom: 20px;
    z-index: 1;
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .addlist_popup .divide-or {
    margin-top: 30px;
  }
  .addlist_popup .createNewList {
    margin-top: 20px;
  }
  .addlist_popup .copyToList {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.deliveryBanner.favouritesBanner.favouritesHiddenBanner .deliveryBannerContent {
  padding: 0 !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 30px !important;
}
@media (min-width: 640px) {
  .deliveryBanner.favouritesBanner.favouritesHiddenBanner .deliveryBannerContent {
    display: none;
  }
}
.favouritesHiddenBanner {
  background-color: #FFF !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
  display: none;
}
.favouritesHiddenBanner .favText-long {
  color: #575757 !important;
  font-size: 16px;
  display: inline-block !important;
}
.favouritesHiddenBanner .favesImgCustom {
  display: none;
  visibility: hidden;
}
@media (min-width: 640px) {
  .favouritesHiddenBanner {
    display: none;
  }
}
.favouritesIntroText {
  color: #575757;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 20px;
}
.template-pages-search-searchGridPage .pdpAddToListButton {
  display: none;
}
.template-pages-search-searchGridPage .product-list-wrapper .actions-fav .row {
  background-color: #FFF;
  padding-bottom: 5px;
}
.template-pages-search-searchGridPage .selectionforlist-component {
  float: left;
  margin-right: 0;
}
@media (min-width: 640px) {
  .template-pages-search-searchGridPage .selectionforlist-component {
    float: left;
    margin-right: 5px;
  }
}
.template-pages-search-searchGridPage .fav-select-btn:hover {
  background-color: #f2f2f2;
  color: #575757;
  border: 1px solid #575757;
  height: 35px;
  padding-top: 12px;
  font-size: 13px;
  font-weight: 700;
}
.template-pages-search-searchGridPage .fav-select-btn {
  background-color: #f2f2f2;
  color: #575757;
  border: 1px solid #575757;
  height: 35px;
  padding-top: 12px;
  font-size: 13px;
  font-weight: 700;
}
.template-pages-search-searchGridPage .mod-heading {
  text-align: left !important;
}
.filterIconContainer {
  position: relative;
  left: 10px;
  top: -5px;
  width: 40px;
  float: right;
}
@media (min-width: 640px) {
  .filterIconContainer {
    top: 0;
    left: 0;
    position: relative;
    float: none;
    width: 100px;
  }
}
@media (min-width: 1024px) {
  .filterIconContainer {
    float: left;
    top: 0;
    left: 0;
    width: 100px;
  }
}
.filterIcon {
  cursor: pointer;
  background: url(../images/filter-sort-results.svg) 2px 3px no-repeat;
  background-size: 32px;
  width: 41px;
  height: 38px;
  border: none;
  margin-top: -4px !important;
  float: right;
}
@media (min-width: 640px) {
  .filterIcon {
    margin-top: 0;
    margin-top: -5px !important;
    background-size: 35px;
  }
}
.filteredByColorBox {
  left: 0;
  height: 100% !important;
  webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  -ms-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out !important;
}
.filteredByColorBox #cboxWrapper {
  background-color: #FFFFFF;
  height: 100% !important;
}
.filteredByColorBox #cboxClose {
  background: url(../images/icon-close-white.svg) 1px 1px no-repeat !important;
  border: none !important;
  height: 25px;
  width: 25px;
  background-size: 20px !important;
  top: 15px !important;
}
.filteredByColorBox #cboxContent {
  background-color: #b9144a;
  width: 100% !important;
}
.filteredByColorBox #cboxLoadedContent {
  width: auto !important;
}
.filteredByColorBox #cboxMiddleRight {
  display: none;
}
.filteredByColorBox #cboxMiddleLeft {
  display: none;
}
.filteredByColorBox #cboxTitle {
  display: block;
  background-color: #A70240;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  height: 55px;
  padding: 17px 20px 20px 20px;
}
.filteredByColorBox .js-less-facet-values-link {
  text-transform: capitalize !important;
}
.filteredByColorBox .js-more-facet-values-link {
  text-transform: capitalize !important;
}
.filteredByColorBox .product-facet .facet .facet-list .facet-text a {
  color: #575757 !important;
  text-transform: capitalize !important;
  line-height: 14px;
}
.filteredByColorBox .product-facet {
  padding-top: 55px;
}
.filteredByColorBox .product-facet #filter-refine .active .facet-name {
  background-color: #F9F9F9 !important;
  border: none !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 1024px) {
  .filteredByColorBox .product-facet #filter-refine .active .facet-name {
    background-color: transparent !important;
    border: 1px solid #f2f2f2 !important;
  }
}
.filteredByColorBox .facet.active .facet-name .facet-arrow {
  transform: rotate(90deg);
}
.filteredByColorBox .facet-name {
  background-color: #FFF !important;
  color: #575757 !important;
  border-bottom: solid 1px #F2F2F2 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  text-transform: capitalize !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.filteredByColorBox .facet-name span {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  text-transform: capitalize;
}
.filteredByColorBox .facet-name span.glyphicon {
  background: url(../images/closeAccordian.svg) 1px 1px no-repeat;
  color: transparent !important;
  font-size: 14px !important;
  height: 18px;
  width: 10px;
  background-size: 9px;
}
@media (min-width: 1024px) {
  .filteredByColorBox .facet-name {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.filteredByColorBox .facet-name .facet-arrow {
  color: #575757 !important;
  top: 27px !important;
}
.filteredByColorBox .facet-values {
  background-color: #F9F9F9 !important;
  border-bottom: solid 1px #F2F2F2 !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.filteredByColorBox .facet-values .facet-list li {
  color: #575757;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .filteredByColorBox .facet-values .facet-list li {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.filteredByColorBox .facet-values .facet-list li a {
  border: none !important;
}
.filteredByColorBox .facet-text {
  color: #575757 !important;
  text-transform: capitalize !important;
  line-height: 14px !important;
}
.filteredByColorBox .facet-text .facet-value-count {
  right: 25px !important;
}
.filteredByColorBox .facet-mark {
  margin-top: -8px !important;
}
.filteredByColorBox span.glyphicon-remove {
  right: 10px;
  left: auto;
  padding-top: 3px !important;
  padding-right: 2px !important;
}
.filteredByColorBox .js-more-facet-values {
  border: none !important;
}
.filteredByColorBox .js-more-facet-values a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #575757 !important;
}
.filteredByColorBox .js-more-facet-values a .facetarrow {
  border-color: #575757 !important;
}
.filteredByColorBox .js-less-facet-values {
  border: none !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.filteredByColorBox .js-less-facet-values a {
  color: #575757 !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.filteredByColorBox .js-less-facet-values a .facetarrow {
  border-color: #575757 !important;
}
.filteredByColorBox .sort-n-text {
  border-bottom: solid 1px #F2F2F2 !important;
}
.filteredByColorBox .selectric {
  width: auto !important;
}
.filteredByColorBox .selectric-open {
  background-color: #F9F9F9 !important;
  color: #575757;
}
.filteredByColorBox .selectric-above .selectric-items {
  bottom: auto;
  top: 100%;
}
.filteredByColorBox .selectric-scroll ul {
  background-color: #F9F9F9 !important;
}
.filteredByColorBox .selectric-scroll ul li {
  color: #575757 !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.filteredByColorBox .control-label {
  color: #575757 !important;
  text-transform: capitalize !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.filteredByColorBox .label {
  color: #575757 !important;
  text-transform: capitalize !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.filteredByColorBox .pagination-item-sort .selectric .button {
  background: url(../images/closeAccordian.svg) 0px 0px no-repeat;
  position: absolute;
  right: 20px;
  left: auto;
}
/********* Zayne to clean up: *******/
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner,
.page-purchasedProductsSearchPage .favourites-main .tab.favourites .deliveryBanner,
.page-orders .favourites-main .tab.favourites .deliveryBanner,
.page-order .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListSummaryPage .favourites-main .tab.favourites .deliveryBanner,
.page-shoppingListDetailsPage .favourites-main .tab.favourites .deliveryBanner {
  margin: auto;
  background: transparent;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(1) .deliveryBanner {
  border-bottom: 1px solid #FFF;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(2) .deliveryBanner {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #f1f2f2;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(3) .deliveryBanner {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: none;
  border-top: 1px solid #cccccc;
  background-color: #f1f2f2;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(3) {
  padding-right: 0px !important;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner .row img {
  display: none;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites .deliveryBanner .row img {
    display: block;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(2) .deliveryBanner .row img {
  display: none;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(2) .deliveryBanner .row img {
    display: block;
    background-color: #FFF;
  }
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(3) .deliveryBanner .row img {
  display: none;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(3) .deliveryBanner .row img {
    display: block;
    background-color: #FFF;
  }
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(2) {
  padding-left: 5px !important;
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(3) {
  padding-left: 5px !important;
}
@media (min-width: 640px) {
  .whiteOnRedBanner h6 {
    display: block !important;
  }
  .whiteOnRedBanner .deliveryBannerContent {
    padding: 10px 40px 20px 150px !important;
  }
  .whiteOnRedBanner h3 {
    display: block !important;
  }
}
/* Orders pg */
.whiteOnRedBanner .deliveryBannerContent {
  padding: 15px 40px 20px 140px !important;
}
.whiteOnRedBanner .deliveryBannerImage {
  background-color: transparent !important;
  margin: 30px 0 0 10px !important;
  position: absolute !important;
  right: auto !important;
  left: 20px !important;
  top: 0 !important;
  max-height: 87px !important;
  width: auto !important;
}
.whiteOnRedBanner .headerLinks-btns {
  background-color: #FFF;
  width: 130px;
  height: 34px;
  text-align: center;
  padding: 7px;
  font-weight: bold;
  top: -3px;
}
.whiteOnRedBanner h6 {
  padding-left: 0 !important;
  font-family: "pnpFont", Arial, sans-serif, Helvetica !important;
  font-weight: normal !important;
  line-height: normal !important;
  font-size: 14px !important;
  padding-bottom: 10px !important;
}
.whiteOnRedBanner h3 {
  padding-left: 0 !important;
  font-size: 26px !important;
  padding-bottom: 5px !important;
  padding-top: 0 !important;
  text-align: left !important;
  line-height: normal;
}
.whiteOnRedBanner {
  background-color: #b9154a !important;
  color: #ffffff;
  position: relative;
  height: auto;
  z-index: 1 !important;
  min-height: 147px;
  margin: 40px 20px 30px 20px !important;
}
.page-orders .favourites-main .tab.favourites:nth-child(3) ~ * {
  width: 100% !important;
}
.whiteOnRedBanner {
  background-color: red;
  color: #FFF;
  position: relative;
  height: auto;
  min-height: 147px;
  margin: 40px 20px 30px 20px;
}
.whiteOnRedBanner image {
  display: inline-block;
  position: relative;
  width: 87px;
  height: 87px;
  padding: 0;
  margin: 30px 0 0 30px;
  overflow: hidden;
  background: url(../images/icon-list-banner.png) 0 0 no-repeat;
}
.page-orders .favourites-main .tab {
  margin-bottom: 10px;
}
.page-orders .favourites-main .tab.favourites:nth-child(1) .deliveryBanner {
  background-color: #f1f2f2;
}
.page-orders .favourites-main .tab.favourites:nth-child(2) .deliveryBanner {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #cccccc;
}
.page-orders .favourites-main .tab.favourites:nth-child(3) .deliveryBanner {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: none;
  background-color: #f1f2f2;
}
.page-orders .favourites-main .tab.favourites:nth-child(1) {
  border-bottom: 1px solid #cccccc;
  padding-right: 5px !important;
}
.page-orders .favourites-main .tab.favourites:nth-child(2) {
  /*border-bottom: 1px solid #cccccc;*/
}
.page-orders .favourites-main .tab.favourites:nth-child(3) {
  border-bottom: 1px solid #cccccc;
  padding-right: 0px !important;
  padding-left: 5px !important;
}
/* apply to all elements after 3rd one */
.page-orders .favourites-main .tab.favourites:nth-child(3) ~ * {
  width: inherit;
}
.page-orders .favourites-main .tab.favourites:nth-child(2) .deliveryBanner .row img {
  background-color: #f1f2f2;
}
.page-orders .favourites-main .tab.favourites .deliveryBanner .row img {
  display: none;
}
@media (min-width: 640px) {
  .page-orders .favourites-main .tab.favourites .deliveryBanner .row img {
    display: block;
  }
}
/* Shopping lists pg */
.page-shoppingListSummaryPage .favourites-main .tab.favourites {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  padding-right: 5px !important;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:last-child {
  margin-bottom: 0;
  min-height: 300px;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(3) {
  border-bottom: none;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(1) .deliveryBanner {
  background-color: #f1f2f2;
  border-bottom: 1px solid #cccccc;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(2) .deliveryBanner {
  background-color: #f1f2f2;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(3) .deliveryBanner {
  border-left: 1px solid #cccccc;
  border-right: none;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(3) .deliveryBanner img {
  background-color: #f1f2f2;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(3) {
  padding-right: 0px !important;
}
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(4) {
  border-bottom: none;
}
/* apply to all elements after 3rd one */
.page-shoppingListSummaryPage .favourites-main .tab.favourites:nth-child(3) ~ * {
  width: inherit !important;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(2) {
  padding-left: 5px !important;
}
.page-purchasedProductsSearchEmpty .favourites-main .tab.favourites:nth-child(3) {
  padding-left: 5px !important;
}
/* Favourites NOT empty pg */
.page-purchasedProductsSearchPage #loyalty-accordion {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(1) .deliveryBanner {
  border-bottom: 1px solid #fff;
  min-height: 50px;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(1) .deliveryBanner {
    min-height: 100px;
  }
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(2) .deliveryBanner {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #f1f2f2;
  min-height: 50px;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(2) .deliveryBanner {
    min-height: 100px;
  }
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(3) .deliveryBanner {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: none;
  border-top: 1px solid #cccccc;
  background-color: #f1f2f2;
  min-height: 50px;
}
@media (min-width: 640px) {
  .page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(3) .deliveryBanner {
    min-height: 100px;
  }
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(2) .deliveryBanner img {
  background-color: #FFF;
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(3) .deliveryBanner img {
  background-color: #FFF;
}
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(3) {
  padding-right: 0px;
}
/* apply to all elements after 3rd one */
.page-purchasedProductsSearchPage .favourites-main .tab.favourites:nth-child(3) ~ * {
  width: inherit !important;
}
.prodFavourite:hover {
  cursor: pointer;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper {
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* When the checkbox is checked, add a green background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .actions-fav button {
  font-weight: bold;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .actions-fav a {
  font-weight: bold;
  padding: 0;
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .fav-select-btn:hover {
  background-color: #f2f2f2;
  color: #575757;
  border: 1px solid #575757;
  height: 35px;
  padding: 12px 22px !important;
  font-size: 13px;
  font-weight: 700;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .fav-select-btn {
  background-color: #f2f2f2;
  color: #575757;
  border: 1px solid #575757;
  height: 35px;
  font-size: 13px;
  font-weight: 700;
  padding: 12px 22px !important;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .js-product-selection-container {
  position: absolute;
  left: 85%;
  bottom: 40px;
  width: 100%;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .js-product-selection-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border: 1px solid #cccccc;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .js-product-selection-container input:checked ~ .checkmark {
  background-color: #52ae32;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .js-product-selection-container input:checked ~ .checkmark:after {
  display: block;
}
.page-purchasedProductsSearchPage .favourites-border-wrapper .js-product-selection-container .checkmark:after {
  left: 8px;
  top: 2px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (min-width: 480px) {
  .page-purchasedProductsSearchPage .favourites-border-wrapper .actions-fav button {
    font-weight: bold;
    padding: 7px 22px;
  }
  .page-purchasedProductsSearchPage .favourites-border-wrapper .actions-fav a {
    font-weight: bold;
    padding: 8px 22px;
  }
  .page-purchasedProductsSearchPage .favourites-border-wrapper .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
    margin-left: 10px !important;
  }
  .page-purchasedProductsSearchPage .favourites-border-wrapper .js-product-selection-container {
    left: 84% !important;
  }
}
@media (min-width: 1400px) {
  .page-purchasedProductsSearchPage .favourites-border-wrapper div#prodFavourite-overlay {
    left: -85px;
  }
  .page-purchasedProductsSearchPage .favourites-border-wrapper .ProductCarouselAddToCart-CarouselAddToShoppingListAction {
    margin-left: 10px !important;
  }
  .page-purchasedProductsSearchPage .favourites-border-wrapper .actions-fav {
    float: none;
  }
}
.productStatusContainer {
  border: 1px solid #757575;
  background-color: #F9F9F9;
  padding: 20px;
}
.statusMessage {
  color: #B90748;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
}
.productName {
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #4A4A4A;
}
.productQuantity {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #575757;
  font-weight: bold;
}
.productTotalPrice {
  text-align: right;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 21px;
  color: #575757;
  font-weight: bold;
}