@charset "UTF-8";
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
.picker_tooltip {
  display: none;
  background: #d2d2d2;
  width: 190px;
  padding: 10px;
  z-index: 10000;
  font-size: 10px; }

@charset "UTF-8";
/*
 * Global CSS Rules.
 */
/* Elements. */
* {
  border: none;
  box-sizing: border-box;
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: 1.4;
  list-style: none;
  outline-width: 0;
  padding: 0;
  text-decoration: none; }

button, label, input[type=submit] {
  cursor: pointer; }

body,
html {
  height: 100%;
  width: 100%; }

footer,
main:after {
  height: 65px; }

html {
  background: #fff;
  color: #000;
  font: normal 10px sans-serif; }

main {
  margin-bottom: -65px;
  min-height: 100%; }

main,
main:after,
nav {
  display: block; }

main:after {
  content: ""; }

/* Classes. */
.auto {
  overflow: auto; }

.block {
  display: block; }

.center {
  margin: auto; }

.container {
  margin: auto; }

.normal {
  font-weight: 400; }

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

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.img-responsive {
  max-width: 100%; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  color: #ffffff !important; }

.discount-radio, .toggle-check {
  position: absolute;
  top: -999999px;
  left: -999999px; }

/*
 * Import Stylesheets.
 */
/* Global. */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
.picker_tooltip {
  display: none;
  background: #d2d2d2;
  width: 190px;
  padding: 10px;
  z-index: 10000;
  font-size: 10px; }

/* Mobile. */
@media (max-width: 767px) {
  /*
 * Mobile CSS Rules.
 */
  /* Elements. */
  body {
    font: 300 15px 'Helvetica Neue', 'Roboto', Arial, sans-serif;
    color: #212022; }
  .weight-400 {
    font-weight: 400; }
  button, select, input, textarea {
    -webkit-appearance: none; }
  body,
  header,
  main,
  nav,
  footer {
    min-width: 320px; }
  footer {
    color: #abb0b5;
    font-size: 8px;
    line-height: 12px; }
  header {
    background: #b8002a url(../img/mobile/thorntons-logo.png) no-repeat center right;
    height: 46px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
    header nav {
      background: #b8002a;
      bottom: 0;
      left: 0;
      position: fixed;
      z-index: 100;
      width: 100%; }
      header nav ul {
        display: block; }
        header nav ul li {
          float: left;
          width: 25%; }
          header nav ul li.active > a, header nav ul li > a:hover {
            background: #7d0d1b; }
          header nav ul li a {
            color: #fff;
            display: block;
            font-size: 12px;
            font-weight: 400;
            height: 100%;
            padding: 12px 0;
            text-align: center;
            width: 100%; }
  section .container {
    padding-bottom: 40px;
    padding-top: 60px; }
    section .container h1 {
      font-weight: 400;
      margin: 0 0 20px 0; }
    section .container .strokebox {
      line-height: 24px; }
      section .container .strokebox > div {
        background: #fff;
        border-radius: 14px; }
      section .container .strokebox h2 {
        font-weight: 400;
        margin: 0 0 10px 0; }
      section .container .strokebox p, section .container .strokebox ul {
        margin: 0 0 24px 0; }
        section .container .strokebox p a, section .container .strokebox ul a {
          color: #A70C2B; }
          section .container .strokebox p a:hover, section .container .strokebox ul a:hover {
            text-decoration: underline; }
          section .container .strokebox p a.link, section .container .strokebox ul a.link {
            color: #3fc3a9; }
        section .container .strokebox p li, section .container .strokebox ul li {
          text-indent: -5px;
          margin: 0 0 5px 20px; }
          section .container .strokebox p li.list-header, section .container .strokebox ul li.list-header {
            text-indent: 0px;
            margin: 0 0 5px 0; }
            section .container .strokebox p li.list-header:before, section .container .strokebox ul li.list-header:before {
              content: ""; }
          section .container .strokebox p li:before, section .container .strokebox ul li:before {
            content: "-";
            left: -5px;
            position: relative; }
      section .container .strokebox p:last-child {
        margin-bottom: -10px; }
      section .container .strokebox table p {
        margin: 0 !important; }
      section .container .strokebox table td:first-child {
        width: 55px; }
    section .container .lower-banner {
      margin: 0 -10px 0 !important;
      padding: 15px 10px;
      background-color: #f2f5f7; }
  .homepage .home-photo-text {
    padding-bottom: 10px;
    width: 80%; }
    .homepage .home-photo-text p {
      line-height: 25px; }
  .homepage .home-online-discount {
    font-family: Arial, sans-serif;
    font-weight: 400;
    background-color: #f2f5f7;
    margin-left: -10px;
    margin-right: -10px;
    padding: 7px 10px 7px 130px;
    position: relative;
    height: 82px;
    border-bottom: 1px solid;
    border-color: #d9dfe4; }
    .homepage .home-online-discount div {
      font-size: 25px;
      line-height: 34px; } }
    @media (max-width: 767px) and (min-width: 457px) {
      .homepage .home-online-discount div {
        line-height: 65px; } }

@media (max-width: 767px) {
    .homepage .home-online-discount em {
      font-size: 72px;
      left: 10px;
      position: absolute;
      top: 4px;
      line-height: 1; }
  .homepage .home-discount-list p {
    line-height: 50px; }
  .homepage .home-discount-list ul {
    margin: 0 -10px; }
  .homepage .home-discount-list li {
    font-weight: 400;
    border-bottom: 1px solid;
    padding: 11px 10px;
    background-color: #e5f0f9;
    border-color: #d9dfe4;
    position: relative; }
    .homepage .home-discount-list li .discount-percentage-badge {
      right: 42px;
      position: absolute;
      top: 7px;
      color: #fff;
      font-size: 12px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      border-radius: 50%;
      background: #27a2a7;
      width: 28px; }
  .homepage .start-order a {
    border-radius: 3px;
    height: 62px;
    font-size: 40px;
    line-height: 62px;
    display: block;
    text-align: center;
    background-color: #29b390;
    color: #fff;
    font-weight: 400;
    margin: 20px 0 0; }
  .homepage .toggle-open {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    width: 40px;
    text-align: center; }
  .homepage .toggle-check:checked + .discount-description {
    max-height: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: max-height 0.3s ease-in, padding-top 0.3s ease-in, padding-bottom 0.3s ease-in;
    transition: max-height 0.3s ease-in, padding-top 0.3s ease-in, padding-bottom 0.3s ease-in; }
  .homepage .discount-description {
    color: #4c4d50;
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: max-height 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    transition: max-height 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
    font-weight: 300;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px; }
  .progress-bar .container {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px; }
  .progress-bar .progress-block ul {
    overflow: hidden;
    background-color: #d8f2ec;
    margin-top: 5px; }
  .progress-bar .progress-block li {
    font-size: 24px;
    float: left;
    width: 25%;
    height: 55px;
    border: 1px solid;
    border-color: #d9dfe4;
    border-left: 0; }
    .progress-bar .progress-block li i {
      color: #29b390;
      font-size: 18px;
      left: 50%;
      margin-left: 8px;
      top: 10px;
      position: absolute; }
    .progress-bar .progress-block li:first-of-type {
      border-left: 1px solid #d9dfe4; }
    .progress-bar .progress-block li.current {
      border-color: #189da2 !important; }
    .progress-bar .progress-block li.current ~ li {
      background: #f2f5f7; }
    .progress-bar .progress-block li.current ~ li i, .progress-bar .progress-block li.current i {
      display: none; }
    .progress-bar .progress-block li a {
      position: relative;
      text-align: center;
      float: left;
      height: 55px;
      width: 100%;
      font-weight: 400;
      padding-top: 2px; }
      .progress-bar .progress-block li a .sub {
        display: block;
        font-size: 10px;
        font-weight: 300; }
    .progress-bar .progress-block li.current a {
      background: #27a2a7;
      color: #fff; }
  .skip-overview {
    position: relative;
    height: 147px;
    background-color: #f2f5f7;
    border-bottom: 1px solid #d9dfe4;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px 15px; }
    .skip-overview h2 {
      margin-bottom: 8px !important; }
    .skip-overview .skip-image {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 35%;
      max-width: 200px; }
      .skip-overview .skip-image img {
        max-width: 120px;
        width: 100%; }
    .skip-overview .skip-description p {
      color: #4c4d50;
      font-size: 10px;
      font-weight: 300;
      line-height: 12px;
      width: 59%; }
    .skip-overview .skip-price {
      overflow: hidden;
      padding-top: 30px; }
      .skip-overview .skip-price .price {
        font-size: 24px;
        font-weight: 400;
        float: left; }
      .skip-overview .skip-price .proceed-skip {
        max-width: 200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 35%;
        height: 59px;
        color: #fff;
        border-radius: 3px;
        height: 28px;
        line-height: 28px;
        font-weight: 400;
        background-color: #29b390;
        text-align: center;
        float: right; }
  /* Classes. */
  .order-header {
    margin-top: -7px; }
  .order-sub-header {
    margin-top: 10px;
    margin-bottom: -60px;
    border-bottom: 1px solid #d9dfe4;
    padding-bottom: 8px; }
  .container {
    padding: 0 10px;
    width: 100%; }
  .desktop-show,
  .mobile-hide {
    display: none; }
  .small-mobile-margin {
    margin-bottom: 10px !important; }
  .delivery-form {
    padding-top: 10px; }
    .delivery-form .desktop-half + .desktop-half {
      padding-top: 25px;
      margin-top: 20px;
      border-top: 1px solid #d9dfe4; }
    .delivery-form .desktop-half > div {
      overflow: hidden; }
    .delivery-form input[type=text], .delivery-form input[type=email], .delivery-form select, .delivery-form textarea, .delivery-form input[type=tel] {
      background-color: #fff;
      border-radius: 3px;
      border: 1px solid #dee2e6;
      height: 30px;
      margin-top: 5px;
      margin-bottom: 15px;
      padding-left: 7px;
      padding-right: 7px;
      display: block;
      width: 100%;
      resize: none; }
    .delivery-form textarea {
      height: 90px;
      line-height: 24px;
      padding-bottom: 8px;
      padding-top: 8px; }
    .delivery-form input[type=radio] {
      display: none; }
    .delivery-form .radio-block {
      display: inline; }
    .delivery-form input[type=radio]:checked + label {
      border-color: #17ac87 !important;
      color: #fff;
      background-color: #29b390 !important;
      color: #fff !important; }
    .delivery-form input[type=radio] + label {
      background-color: #f8f8f8;
      border: 1px solid #dee2e6;
      height: 30px;
      width: 50%;
      float: left;
      line-height: 30px;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 5px; }
    .delivery-form input[type=radio].smaller-toggle + label {
      width: 32%; }
    .delivery-form input[type=radio].right + label {
      border-left: 0px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .delivery-form input[type=radio].left + label {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .delivery-form .lower-banner {
      position: relative; }
      .delivery-form .lower-banner p {
        margin-bottom: 0px !important; }
    .delivery-form .mobile-tick {
      position: absolute;
      top: 12px;
      background-color: #fff;
      border: 1px solid #dee2e6;
      border-radius: 3px;
      height: 28px;
      width: 28px;
      text-align: center;
      left: 10px; }
      .delivery-form .mobile-tick i {
        display: none;
        color: #29b390;
        font-size: 22px;
        line-height: 28px; }
    .delivery-form #conditions + label {
      padding-left: 50px;
      display: block; }
    .delivery-form #conditions:checked + label i {
      display: block; }
    .delivery-form .proceed-checkout {
      float: right;
      max-width: 200px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 15px;
      display: block;
      background-color: #29b390;
      color: #fff;
      border-radius: 3px;
      height: 28px;
      line-height: 28px;
      font-weight: 400; }
    .delivery-form #areaField,
    .delivery-form #townKildare,
    .delivery-form #townMeath,
    .delivery-form #townWicklow,
    .delivery-form #townContainer.kildare #town,
    .delivery-form #townContainer.meath #town,
    .delivery-form #townContainer.wicklow #town {
      display: none; }
    .delivery-form #townContainer.dublin #town,
    .delivery-form #townContainer.kildare #townKildare,
    .delivery-form #townContainer.meath #townMeath,
    .delivery-form #townContainer.wicklow #townWicklow {
      display: block; }
  .mobile-clear {
    clear: both;
    display: block; }
  .error input:first-of-type, .error select, .error textarea, .error input[type=radio] + label, .error .mobile-tick {
    border-color: #cb0008 !important; }
  .error .fa-exclamation-circle {
    display: block; }
  .lower-banner .fa-exclamation-circle {
    top: 10px !important; }
  .fa-exclamation-circle {
    display: none;
    color: #cb0008;
    font-size: 9px;
    clear: both;
    top: -10px;
    position: relative; }
    .fa-exclamation-circle span {
      font-family: 'Open Sans', sans-serif; }
  .picker {
    width: 75%; }
  .discount-chooser .discount-block {
    margin-left: -10px;
    margin-right: -10px;
    padding: 23px 10px;
    border-bottom: 1px solid;
    border-color: #d9dfe4;
    background-color: #f2f5f7; }
  .discount-chooser .discount-name {
    font-weight: 400; }
  .discount-chooser .strokebox > div {
    background-color: transparent !important; }
  .discount-chooser .discount-description {
    font-size: 10px;
    padding-top: 8px;
    color: #4c4d50;
    font-weight: 300; }
  .discount-chooser .discount-percentage {
    font-family: Arial, sans-serif;
    font-size: 24px;
    line-height: 16px;
    width: 60%;
    font-weight: 400;
    padding-top: 20px; }
  .discount-chooser #discount-1:checked + .strokebox {
    height: 270px; }
  .discount-chooser #discount-2:checked + .strokebox {
    height: 210px; }
  .discount-chooser .strokebox {
    height: 0px;
    overflow: hidden;
    transition: height 0.4s ease-out;
    -webkit-transition: height 0.4s ease-out; }
  .discount-chooser .discount-select {
    float: right;
    margin-top: -30px;
    max-width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
    background-color: #29b390;
    color: #fff;
    width: 50%;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    font-weight: 400; }
  .discount-chooser h1 {
    border-bottom: 1px solid;
    border-top: 1px solid;
    line-height: 24px;
    margin-top: 20px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    border-color: #ccd4da;
    font-size: 15px;
    font-weight: 300 !important; }
  .discount-chooser .open-discount {
    background-color: #d8f2ec !important; }
  .discount-chooser table.discount-table-block {
    width: 100%;
    table-layout: fixed; }
    .discount-chooser table.discount-table-block tr td {
      width: auto !important;
      padding-bottom: 24px; }
      .discount-chooser table.discount-table-block tr td:last-child {
        text-align: right; }
      .discount-chooser table.discount-table-block tr td input {
        border: 1px solid #ced6dc;
        border-radius: 3px;
        max-width: 200px;
        width: 100%;
        height: 30px;
        padding-left: 7px;
        padding-right: 7px; }
  .discount-chooser .validate-discount {
    float: right;
    margin-top: 0px;
    max-width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
    background-color: #29b390;
    color: #fff;
    width: 50%;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    font-weight: 400; }
  .discount-chooser .fa-exclamation-circle {
    top: 5px;
    margin-bottom: -12px; }
  .order-checkout {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f2f5f7; }
    .order-checkout > div {
      background: transparent !important;
      margin-left: -10px;
      margin-right: -10px; }
    .order-checkout table {
      width: 100%;
      border-collapse: collapse; }
    .order-checkout td {
      border-bottom: 1px solid;
      padding: 10px 10px;
      border-color: #d9dfe4;
      width: auto !important; }
    .order-checkout tr:last-of-type, .order-checkout tr:last-of-type td {
      background-color: #d8f2ec; }
    .order-checkout h2 {
      padding-left: 10px;
      padding-top: 14px !important;
      margin-bottom: 0px !important; }
    .order-checkout p {
      line-height: 27px; }
    .order-checkout .spacer {
      display: inline-block;
      width: 90px; }
    .order-checkout .submit-order {
      background: #fff; }
      .order-checkout .submit-order input {
        width: 122px;
        text-align: center;
        background-color: #29b390;
        color: #fff;
        border-radius: 3px;
        height: 28px;
        line-height: 28px;
        font-weight: 400;
        margin-left: 10px;
        margin-top: 20px; }
    .order-checkout img {
      margin-top: -45px; }
    .order-checkout .cheat-overflow {
      line-height: 26px;
      position: absolute; }
  .space-mobile {
    padding-top: 15px; }
  #duration {
    width: 30% !important; }
  #phone {
    width: 75%; }
  #endDate, #startDate {
    width: 50% !important; }
  .heavy-weight {
    font-weight: 400;
    text-decoration: underline; } }

/* Desktop. */
@media (min-width: 768px) {
  /*
 * Desktop CSS Rules.
 */
  /* Elements. */
  body {
    background: url(../img/desktop/body-background.png) repeat-x;
    font: 400 13px 'Lucida Sans Unicode', Garamond, sans-serif; }
  .bold {
    font-weight: bold; }
  footer {
    color: #6584A3;
    text-align: center; }
    footer a:hover {
      text-decoration: underline; }
    footer .container {
      border-top: 1px solid #C7D3DE;
      padding: 10px 0; }
  header .container {
    background: url(../img/desktop/thorntons-logo.png) no-repeat right center;
    position: relative; }
  header nav {
    position: absolute;
    right: 140px;
    top: 45px; }
    header nav li {
      border-right: 1px solid #fff;
      display: inline-block;
      padding: 0 5px 0 3px; }
      header nav li:last-of-type {
        border: none; }
      header nav li.active > a, header nav li > a:hover {
        background: #dd3152; }
      header nav li a {
        border-radius: 3px;
        color: #fff;
        font-size: 11px;
        padding: 6px;
        text-shadow: 1px 2px 3px #000;
        text-transform: uppercase; }
  section .container {
    padding: 20px; }
    section .container h1 {
      color: #74A8A7;
      font-size: 20px;
      margin: 0 0 20px 0; }
    section .container .strokebox {
      background: #ebf6dc;
      border-radius: 24px;
      padding: 10px; }
      section .container .strokebox > div {
        background: #fff;
        border-radius: 14px;
        padding: 20px 30px; }
      section .container .strokebox h2 {
        color: #428887;
        font-size: 12px;
        font-weight: bold;
        margin: 20px 0 10px 0;
        text-transform: uppercase; }
        section .container .strokebox h2:first-child {
          margin-top: 0px; }
      section .container .strokebox p, section .container .strokebox ul {
        margin: 0 0 10px 0; }
        section .container .strokebox p a, section .container .strokebox ul a {
          color: #A70C2B; }
          section .container .strokebox p a:hover, section .container .strokebox ul a:hover {
            text-decoration: underline; }
        section .container .strokebox p li, section .container .strokebox ul li {
          list-style-type: disc;
          margin: 0 0 5px 20px; }
          section .container .strokebox p li.list-header, section .container .strokebox ul li.list-header {
            font-weight: bold;
            list-style-type: none;
            margin: 0 0 5px 0; }
      section .container .strokebox p:last-child {
        margin: 0; }
  .progress-bar .container {
    padding: 0px !important; }
  .progress-bar .progress-block {
    background: url(../img/desktop/progress-bar.png) no-repeat;
    height: 86px;
    padding: 35px 0 0 230px;
    margin-bottom: -10px; }
    .progress-bar .progress-block li {
      border-right: 1px solid #c2c7b9;
      font-size: 13px;
      display: inline;
      padding: 0 10px;
      color: #809b58; }
      .progress-bar .progress-block li a {
        border-radius: 4px;
        display: inline-block;
        padding: 4px 6px;
        position: relative; }
      .progress-bar .progress-block li:last-of-type {
        border: none; }
      .progress-bar .progress-block li.current a {
        background: #a4c176;
        color: #fff; }
      .progress-bar .progress-block li.current ~ li .tick, .progress-bar .progress-block li.current .tick {
        display: none; }
    .progress-bar .progress-block .tick {
      height: 25px;
      width: 10px;
      background: url(../img/desktop/tick.png) right 3px no-repeat;
      display: block;
      position: absolute;
      top: 0px;
      right: -9px; }
  .smaller-stroke {
    padding: 10px !important; }
  .skip-overview {
    border-bottom: 1px solid #DEE9CE;
    padding: 5px 0;
    overflow: hidden; }
    .skip-overview .skip-image {
      width: 200px; }
    .skip-overview .skip-description {
      padding-top: 15px;
      width: 270px; }
      .skip-overview .skip-description p {
        color: #2E5857;
        font-size: 12px;
        width: 96%; }
    .skip-overview .skip-price {
      width: 180px; }
      .skip-overview .skip-price .price {
        font-size: 24px;
        color: #74A8A7;
        text-align: center;
        margin: 15px 0 10px; }
      .skip-overview .skip-price .proceed-skip {
        width: 127px;
        height: 59px;
        background: url(../img/desktop/proceed-button.png) no-repeat center top;
        display: block;
        color: transparent; }
        .skip-overview .skip-price .proceed-skip:hover {
          background-position: bottom; }
  /* Classes. */
  .container {
    width: 743px; }
  .desktop-half {
    position: relative;
    width: 50%; }
  .desktop-hide,
  .mobile-show {
    display: none; }
  .desktop-left {
    float: left; }
  .desktop-right {
    float: right; }
  .homepage {
    background: url(../img/desktop/homepage.png) no-repeat top center;
    height: 503px;
    margin-top: -19px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 35px 0 0 0; }
    .homepage .home-photo-text {
      color: #40BCD6;
      font-size: 20px;
      margin-right: -5px;
      text-align: right; }
      .homepage .home-photo-text p {
        line-height: 1.6; }
    .homepage .home-online-discount {
      font-size: 23px;
      padding-left: 130px;
      padding-right: 10px;
      padding-top: 27px;
      position: relative; }
      .homepage .home-online-discount div {
        line-height: 24px; }
      .homepage .home-online-discount em {
        font-size: 56px;
        left: 45px;
        position: absolute;
        top: 12px; }
    .homepage .home-discount-list {
      padding: 12px 33px 0 45px; }
      .homepage .home-discount-list p {
        color: #6584A3;
        font-size: 16px;
        padding: 15px 0; }
      .homepage .home-discount-list li {
        color: #6584A3;
        padding: 5px 0 5px 15px;
        font-size: 18px;
        line-height: 28px; }
        .homepage .home-discount-list li i {
          margin-right: 10px;
          cursor: pointer; }
      .homepage .home-discount-list p, .homepage .home-discount-list li {
        border-bottom: 1px solid #fff; }
    .homepage .desktop-right {
      height: 430px; }
    .homepage .start-order a {
      background: url(../img/desktop/start-button.png) center top no-repeat;
      width: 318px;
      height: 137px;
      display: block;
      color: transparent;
      position: absolute;
      bottom: 21px;
      left: 32px; }
      .homepage .start-order a:hover {
        background-position: bottom; }
  .discount-chooser {
    background: #fff;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -10px;
    z-index: 20;
    position: relative;
    height: 540px; }
    .discount-chooser .desktop-left {
      /*
        position: relative;
*/ }
    .discount-chooser .fa-exclamation-circle {
      display: none; }
    .discount-chooser .error td {
      position: relative; }
      .discount-chooser .error td i {
        display: block;
        top: 5px;
        right: -20px; }
        .discount-chooser .error td i span {
          top: -6px;
          left: 20px;
          width: 150px; }
    .discount-chooser h2 {
      margin: 22px 24px 0 24px;
      height: 40px;
      text-align: center;
      font-size: 12px;
      font-weight: bold; }
    .discount-chooser .discount-block {
      width: 224px;
      height: 278px; }
      .discount-chooser .discount-block .discount-radio:checked + .strokebox {
        top: 280px;
        background: #ebf6dc;
        transition: top 0.4s ease-out;
        -webkit-transition: top 0.4s ease-out;
        width: 728px; }
      .discount-chooser .discount-block .strokebox {
        position: absolute;
        top: 10px;
        left: 0px;
        width: 100%;
        z-index: -20;
        background: #fff;
        color: #428887; }
        .discount-chooser .discount-block .strokebox.voucher-stroke > div {
          height: 160px; }
          .discount-chooser .discount-block .strokebox.voucher-stroke > div input[type=text] {
            color: #95520E;
            background: #f1dfcc; }
        .discount-chooser .discount-block .strokebox h1 {
          color: #428887; }
        .discount-chooser .discount-block .strokebox label {
          font-size: 14px;
          font-weight: bold;
          margin-right: 30px; }
        .discount-chooser .discount-block .strokebox td {
          padding-bottom: 15px; }
        .discount-chooser .discount-block .strokebox input[type=text] {
          padding: 0 10px;
          background: #91e4e3;
          height: 25px;
          line-height: 25px;
          width: 120px;
          border-radius: 5px; }
        .discount-chooser .discount-block .strokebox a {
          font-size: 12px; }
          .discount-chooser .discount-block .strokebox a:hover {
            text-decoration: underline; }
        .discount-chooser .discount-block .strokebox > div {
          height: 220px;
          position: relative; }
          .discount-chooser .discount-block .strokebox > div input[type=submit] {
            position: absolute;
            top: 80px;
            right: 20px;
            width: 127px;
            height: 59px;
            background: url(../img/desktop/proceed-button.png) center top no-repeat;
            display: block;
            color: transparent; }
      .discount-chooser .discount-block:nth-child(1) {
        background: url(../img/desktop/discount-customer.png) no-repeat center top; }
        .discount-chooser .discount-block:nth-child(1) h2 {
          color: #4F7699; }
      .discount-chooser .discount-block:nth-child(3) {
        background: url(../img/desktop/discount-voucher.png) no-repeat center top; }
        .discount-chooser .discount-block:nth-child(3) h2 {
          color: #BB8E60; }
      .discount-chooser .discount-block:nth-child(5) {
        background: url(../img/desktop/discount-just.png) no-repeat center top; }
        .discount-chooser .discount-block:nth-child(5) h2 {
          color: #C76977; }
      .discount-chooser .discount-block .discount-percentage {
        font-size: 48px;
        color: #fff;
        text-align: center;
        line-height: 52px;
        margin-top: 5px; }
      .discount-chooser .discount-block .discount-off {
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 100%;
        font-weight: bold; }
      .discount-chooser .discount-block .discount-description {
        color: #7B9BBB;
        font-size: 11px;
        width: 128px;
        margin-top: 3px;
        margin-bottom: 8px;
        text-align: center; }
      .discount-chooser .discount-block .discount-select {
        width: 128px;
        height: 58px;
        background: url(../img/desktop/select-button.png) left top no-repeat;
        display: block;
        margin: 0 auto;
        color: transparent; }
        .discount-chooser .discount-block .discount-select:hover {
          background-position: left -58px; }
    .discount-chooser .discount-or {
      width: 41px;
      margin: 0 -10px 0 -3px;
      height: 280px;
      background: #fff url(../img/desktop/or.png) no-repeat center;
      opacity: .99; }
      .discount-chooser .discount-or:last-of-type {
        display: none; }
  .desktop-clear {
    clear: both;
    display: block; }
  .delivery-form .desktop-half + .desktop-half .fa-exclamation-circle {
    right: -20px; }
  .delivery-form .lower-banner {
    position: relative; }
  .delivery-form .desktop-half > div {
    position: relative; }
  .delivery-form .error input:first-of-type, .delivery-form .error select, .delivery-form .error textarea, .delivery-form .error input[type=radio] + label {
    border-color: #dd7870 !important; }
  .delivery-form .error .fa-exclamation-circle {
    display: block; }
    .delivery-form .error .fa-exclamation-circle span {
      border-color: #a1311f;
      top: -5px;
      left: 20px;
      width: 200px; }
  .delivery-form .fa-exclamation-circle {
    display: none; }
  .delivery-form input[type=checkbox] {
    margin-right: 5px;
    position: relative;
    top: 2px; }
    .delivery-form input[type=checkbox]:focus {
      outline-width: 5px; }
  .delivery-form p {
    color: #2E5857;
    padding: 0;
    margin: 5px 0;
    font-size: 12px;
    height: 60px; }
  .delivery-form .desktop-clear {
    padding-top: 30px; }
    .delivery-form .desktop-clear a {
      color: #000;
      text-decoration: underline; }
      .delivery-form .desktop-clear a:hover {
        text-decoration: none; }
    .delivery-form .desktop-clear .proceed-checkout {
      width: 127px;
      height: 59px;
      background: url(../img/desktop/proceed-checkout-button.png) center top;
      display: block;
      color: transparent;
      float: right;
      margin-top: -53px;
      position: relative;
      z-index: 50; }
      .delivery-form .desktop-clear .proceed-checkout:hover {
        background-position: center bottom; }
  .delivery-form .desktop-half div, .delivery-form .desktop-clear div {
    color: #5D5D5D;
    font: normal 12px tahoma,arial,helvetica,sans-serif; }
  .delivery-form .desktop-half div {
    margin-bottom: 7px; }
  .delivery-form .desktop-half div > label:first-child {
    display: inline-block;
    width: 120px; }
  .delivery-form .desktop-half input[type=text], .delivery-form .desktop-half select, .delivery-form .desktop-half input[type=email], .delivery-form .desktop-half .radio-block, .delivery-form .desktop-half textarea, .delivery-form .desktop-half input[type=tel] {
    border: 1px solid #B5B8C8;
    padding: 1px 3px;
    line-height: 18px;
    height: 22px;
    vertical-align: middle;
    display: block;
    margin-left: auto;
    width: 160px;
    resize: none; }
    .delivery-form .desktop-half input[type=text].radio-block, .delivery-form .desktop-half select.radio-block, .delivery-form .desktop-half input[type=email].radio-block, .delivery-form .desktop-half .radio-block.radio-block, .delivery-form .desktop-half textarea.radio-block, .delivery-form .desktop-half input[type=tel].radio-block {
      border: 0px;
      margin-bottom: 0px; }
      .delivery-form .desktop-half input[type=text].radio-block input[type=radio], .delivery-form .desktop-half select.radio-block input[type=radio], .delivery-form .desktop-half input[type=email].radio-block input[type=radio], .delivery-form .desktop-half .radio-block.radio-block input[type=radio], .delivery-form .desktop-half textarea.radio-block input[type=radio], .delivery-form .desktop-half input[type=tel].radio-block input[type=radio] {
        position: relative;
        top: 2px; }
      .delivery-form .desktop-half input[type=text].radio-block label, .delivery-form .desktop-half select.radio-block label, .delivery-form .desktop-half input[type=email].radio-block label, .delivery-form .desktop-half .radio-block.radio-block label, .delivery-form .desktop-half textarea.radio-block label, .delivery-form .desktop-half input[type=tel].radio-block label {
        margin-right: 10px; }
    .delivery-form .desktop-half input[type=text]:first-of-type, .delivery-form .desktop-half select:first-of-type, .delivery-form .desktop-half input[type=email]:first-of-type, .delivery-form .desktop-half .radio-block:first-of-type, .delivery-form .desktop-half textarea:first-of-type, .delivery-form .desktop-half input[type=tel]:first-of-type {
      margin-top: -19px; }
    .delivery-form .desktop-half input[type=text]:not(:first-of-type)[type=text], .delivery-form .desktop-half select:not(:first-of-type)[type=text], .delivery-form .desktop-half input[type=email]:not(:first-of-type)[type=text], .delivery-form .desktop-half .radio-block:not(:first-of-type)[type=text], .delivery-form .desktop-half textarea:not(:first-of-type)[type=text], .delivery-form .desktop-half input[type=tel]:not(:first-of-type)[type=text] {
      margin-top: 5px; }
    .delivery-form .desktop-half input[type=text]:focus, .delivery-form .desktop-half input[type=text] input[type=radio]:focus, .delivery-form .desktop-half select:focus, .delivery-form .desktop-half select input[type=radio]:focus, .delivery-form .desktop-half input[type=email]:focus, .delivery-form .desktop-half input[type=email] input[type=radio]:focus, .delivery-form .desktop-half .radio-block:focus, .delivery-form .desktop-half .radio-block input[type=radio]:focus, .delivery-form .desktop-half textarea:focus, .delivery-form .desktop-half textarea input[type=radio]:focus, .delivery-form .desktop-half input[type=tel]:focus, .delivery-form .desktop-half input[type=tel] input[type=radio]:focus {
      outline-width: 5px; }
    .delivery-form .desktop-half input[type=text][readonly]:focus, .delivery-form .desktop-half select[readonly]:focus, .delivery-form .desktop-half input[type=email][readonly]:focus, .delivery-form .desktop-half .radio-block[readonly]:focus, .delivery-form .desktop-half textarea[readonly]:focus, .delivery-form .desktop-half input[type=tel][readonly]:focus {
      border-color: #B5B8C8; }
  .delivery-form .desktop-half textarea {
    height: 84px; }
  .delivery-form .desktop-half:first-of-type {
    border-right: 1px solid #d0d0d0; }
    .delivery-form .desktop-half:first-of-type input[type=text], .delivery-form .desktop-half:first-of-type select, .delivery-form .desktop-half:first-of-type input[type=email], .delivery-form .desktop-half:first-of-type .radio-block, .delivery-form .desktop-half:first-of-type textarea {
      margin-right: 30px; }
  .delivery-form .desktop-half:first-of-type + div {
    padding-left: 30px; }
  .delivery-form #areaField,
  .delivery-form #townKildare,
  .delivery-form #townMeath,
  .delivery-form #townWicklow,
  .delivery-form #townContainer.kildare #town,
  .delivery-form #townContainer.meath #town,
  .delivery-form #townContainer.wicklow #town {
    display: none; }
  .delivery-form #townContainer.dublin #town,
  .delivery-form #townContainer.kildare #townKildare,
  .delivery-form #townContainer.meath #townMeath,
  .delivery-form #townContainer.wicklow #townWicklow,
  .delivery-form #townContainer.nocity #town {
    display: block; }
  .delivery-form #townKildare,
  .delivery-form #townMeath,
  .delivery-form #townWicklow {
    margin-top: -19px; }
  .picker__day {
    margin-bottom: 0 !important; }
  .fa-info-circle, .fa-exclamation-circle {
    position: relative;
    z-index: 30;
    color: #3981c1;
    font-size: 16px;
    cursor: pointer;
    z-index: 600; }
    .fa-info-circle.fa-exclamation-circle, .fa-exclamation-circle.fa-exclamation-circle {
      color: #e86958;
      position: absolute;
      top: 0px;
      right: 10px; }
    .fa-info-circle:hover > .info-tooltip, .fa-exclamation-circle:hover > .info-tooltip {
      display: block; }
    .fa-info-circle .tooltip-title, .fa-exclamation-circle .tooltip-title {
      font-weight: bold;
      display: block; }
    .fa-info-circle .info-tooltip, .fa-exclamation-circle .info-tooltip {
      font-family: Arial, sans-serif;
      display: none;
      position: absolute;
      top: 10px;
      left: 30px;
      width: 300px;
      font-size: 11px;
      color: #2E5857;
      padding: 5px;
      background: #f1f1f1;
      border-radius: 3px;
      border: 1px solid #a7a7a7;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
    .fa-info-circle.skip-tip, .fa-exclamation-circle.skip-tip {
      left: 450px;
      top: 36px; }
  .lower-banner .fa-exclamation-circle {
    left: 350px;
    right: auto; }
  .lock {
    background: url(../img/desktop/lock.png) no-repeat right bottom;
    height: 30px; }
  .order-checkout {
    color: #5D5D5D; }
    .order-checkout table {
      width: 100%;
      background: url(../img/desktop/gradient.png) no-repeat bottom right;
      margin-bottom: 20px; }
    .order-checkout td {
      padding: 6px; }
    .order-checkout tr.line-under td {
      border-bottom: 1px solid #A4C176; }
    .order-checkout p {
      margin-bottom: 6px !important; }
    .order-checkout input[type=submit] {
      width: 127px;
      height: 59px;
      background: url(../img/desktop/submit-button.png) no-repeat center top;
      color: transparent; }
      .order-checkout input[type=submit]:hover {
        background-position: center bottom; }
    .order-checkout .bold {
      color: #333; }
  .desktop-text-right {
    text-align: right; }
  .heavy-weight {
    font-weight: bold; } }