/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html { font-size: 100%; line-height: 1.5em; }

body { font-family: Georgia, Times, 'Times New Roman', serif; }

main > header, main > footer, main .mobile-home-menu, #container > .mobile-menu, h1, h2, h3 { font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; text-transform: uppercase; }

h1, h2 { font-size: 1.5em; line-height: 1.15em; margin-top: 0; letter-spacing: 0.04em; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }

.page { width: 960px; margin-left: auto; margin-right: auto; }

#container { height: 100%; overflow: hidden; }

/* style these inputs/buttons like links */
input[type=submit], input.link { 
    line-height: 2.25em;
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
    display: inline;
    float: none;
    width: auto !important;
    color: white;
    font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    font-size: 12px !important;
    text-align: left;
    cursor: pointer;
    text-transform: uppercase;

    /*background-color: black;*/
    background:black;
    /*background:linear-gradient(to right, white, grey, black, black,black, black, black, black, black, grey, white);*/

    border: 1px solid black !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.05em;
    border-radius: 0;
}
input[type=submit]:hover, input.link:hover { text-decoration: none; }

.flash { margin: 10px auto; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-size: 0.6875em; line-height: 2.18182em; text-align: center; text-transform: uppercase; background-color: #fef8d8; }

.flash div { padding: 2px 0; }

main > header { width: 960px; margin-left: auto; margin-right: auto; position: relative; min-height: 134px; padding-top: 0.75em; margin-bottom: 2.5em; padding-bottom: 1em; border-bottom: 2px solid black; }
main > header a { color: #000; color: inherit; text-decoration: inherit; text-transform: uppercase; }
main > header a:hover { color: #888; }
main > header a:active, main > header a:focus { outline: none; }
main > header a.active { color: #888; }
main > header a.active:hover { color: #000; }
main > header nav.categories { position: absolute; bottom: 0.75em; left: 0; font-size: 0.75em; line-height: 2em; }
main > header nav.categories ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
main > header nav.categories ul li { list-style-image: none; list-style-type: none; margin-left: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; white-space: nowrap; }
main > header nav.categories li { margin-right: 30px; }
main > header nav.categories a { font-weight: bold; letter-spacing: 0.1em; }
main > header nav.info { position: absolute; right: 0; bottom: 0.75em; font-size: 0.6875em; line-height: 2.18182em; letter-spacing: 0.05em; }
main > header nav.info ul { list-style: none; padding: 0; margin: 0; }
main > header nav.info ul li { list-style-image: none; list-style-type: none; margin-left: 0; }
main > header nav.info a { display: block; line-height: 1.875em; text-align: right; }
main > header #menu-toggle { display: none; }
main > header #identity { position: absolute; top: 42px; }
main > header #account { position: absolute; top: 12px; right: 0; width: 100%; text-align: right; letter-spacing: 0.05em; font-size: 0.6875em; line-height: 2.18182em; }
main > header #account .sep { color: #888; }
main > header #account #basket { display: inline; }
main > header .bannermenu-desktop { display: inline; }

#container > .mobile-menu { display: none; }

section.content { width: 960px; margin-left: auto; margin-right: auto; overflow: hidden; }
section.content p { font-size: 0.9375em; line-height: 1.6em; }

section.copy { width: 480px; float: left; }

.product section.copy { float: right; }

section.image { width: 480px; float: left; text-align: center; }
section.image img { max-height: 320px; max-width: 480px; }

ul.products { list-style: none; margin: 0; padding: 0; }
ul.products li { list-style-image: none; list-style-type: none; margin-left: 0; }

li.product { margin-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #ccc; overflow: hidden; }
li.product:first-child { margin-top: 0; }
li.product:last-child { border-bottom: 0; }
li.product .description { line-height: 1.5em; }
li.product .summary { font-size: 0.73333em; line-height: 2.18182em; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; }
li.product form { font-size: 0.73333em; line-height: 2.18182em; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-weight: bold; letter-spacing: 0.05em; }

main > footer { width: 960px; margin-left: auto; margin-right: auto; position: relative; margin-top: 3em; margin-bottom: 3em; border-top: 2px solid black; letter-spacing: 0.05em; overflow: hidden; font-size: 0.6875em; line-height: 4.36364em; }
main > footer a { color: #000; color: inherit; text-decoration: inherit; text-transform: uppercase; }
main > footer a:hover { color: #888; }
main > footer a:active, main > footer a:focus { outline: none; }
main > footer a.active { color: #888; }
main > footer a.active:hover { color: #000; }
main > footer img { vertical-align: middle; }
main > footer span { float: right; font-weight: bold; }
main > footer nav.info { float: left; }
main > footer nav.info ul { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; }
main > footer nav.info ul li { list-style-image: none; list-style-type: none; margin-left: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; white-space: nowrap; }
main > footer nav.info li { margin-right: 30px; }

fieldset { margin: 0; padding: 0; border: 0; }

.form { width: 60%; }

.form fieldset { clear: both; margin-bottom: 1em; }

span.messageStandalone, .form br { clear: both; float: left; margin: .5em 0; }

.form label { clear: both; float: left; width: 8em; }

.form label.required:after { content: '*'; font-size: 0.625em; line-height: 2.4em; }

.form select, .form input { float: left; }

.form .radio { display: block; overflow: hidden; position: relative; }
.form .radio input[type="radio"] { position: absolute; left: 0; height: 100%; }
.form .radio .text { display: block; margin-left: 18px; }

#trolley input, input.text, .form textarea { width: 18em; margin-bottom: 5px; border: 1px solid #bbb; }

span.text { float: left; }

.form textarea { float: left; }

fieldset.submit, span.actions { float: right; }

span.actions.field { float: left; width: 15em; margin-left: 8em; }
span.actions.field * { float: right; border: 0; }

.formError { color: red; }

span.formError { float: left; margin-left: 8em; }

form.split { width: auto; }
form.split fieldset.split { float: left; clear: none; width: 450px; margin-right: 20px; }
form.split fieldset.split.right { float: right; }

p.note { margin-top: 0em; float: left; clear: both; margin-left: 8em; }

body.home section.image { display: none; }
body.home section.copy { height: 356px; width: 960px; background: transparent url(../../images/public/home-bg.jpg) no-repeat; }
body.home section.copy a { display: inline-block; height: 100%; width: 100%; text-decoration: none; }
body.home section.copy a:hover { text-decoration: none; }
body.home section.copy a .spacer { width: 50px; border-top: 1px solid #000; margin: 0 auto; }
body.home section.copy .mobile-text { display: none; }
body.home section.copy .desktop-text { display: block; }
body.home h1 { float: right; margin-top: 1.5em; margin-right: 1.5em; width: 450px; font-size: 1.625em; line-height: 1.15385em; letter-spacing: 0.04em; text-align: right; }
body.home .mobile-home-menu { display: none; }

ol.steps { list-style: decimal inside; width: 80%; margin: 0 auto 20px; overflow: hidden; }
ol.steps li { float: left; width: 33%; text-align: center; }
ol.steps li.current { font-weight: bold; }

.steps-mobile { display: none; }

div#trolley { display: table; width: 100%; font-size: 0.9375em; line-height: 1.6em; border-collapse: collapse; }
div#trolley .row { display: table-row; }
div#trolley .row, div#trolley .heading-row { border-bottom: 1px solid black; }
div#trolley .heading-row .cell { font-weight: bold; }
div#trolley.payment { margin-bottom: 2em; }
div#trolley .cell { display: table-cell; text-align: right; padding: 0 5px; vertical-align: middle; line-height: 1.5em; }
div#trolley .heading-row .cell, div#trolley .product .cell { padding-top: 3px; padding-bottom: 3px; text-align: left; line-height: 1.5em; }
div#trolley .cell.quantity { text-align: center; }
div#trolley .cell.quantity form { display: inline; }
div#trolley .cell.quantity .mobile-text { display: none; }
div#trolley .cell.subtotal { width: 250px; }
div#trolley .cell.actions { width: 80px; white-space: nowrap; }
div#trolley .link { font-size: 0.75em; line-height: 2em; margin-left: 0; }
div#trolley .link-desktop { display: block; }
div#trolley .link-mobile { display: none; }

.totals { display: table; width: 100%; margin-top: 23px; }
.totals .row { display: table-row; }
.totals .row > div { display: table-cell; padding: 0 5px; vertical-align: middle; line-height: 1.5em; }
.totals .total.label { text-align: right; font-weight: bold; border: 0; }
.totals .total.price { width: 340px; }
.totals .total.price, .totals .total.promotion { text-align: left; }

input[name=promotion] { width: 90px !important; font-weight: normal; float: none; }

table.payment { margin: 0 0 10px 20px; }
table.payment td, table.payment th { padding: 2px 5px; }
table.payment th { width: 100px; text-align: left; font-weight: bold; }
table.payment tr .amount { text-align: right; }
table.payment .total { border-top: 1px solid #ccc; }

.form-view-receipt label { font-weight: bold; }

table.receipt-list { width: 100%; }
table.receipt-list tr { border-bottom: 1px solid #000; }
table.receipt-list tr td { vertical-align: middle; padding: 5px; text-align: center; }
table.receipt-list .receipt-id a { display: block; }

body.home.xmas section.copy { height: 356px; width: 960px; background: transparent url(../../images/public/home-xmas-2014.jpg) no-repeat; }
body.home.xmas section.copy h1 { display: none; }

body.xmas main > header nav.categories ul li.sets a { color: #b3c6c0; }

@media (max-width: 970px) { 
    h1, h2 { font-size: 1.25em; }

    input[type="submit"], input.link { padding: 0px; }

  body { position: relative; left: 0; min-height: 100vh; overflow-x: hidden; }

  main { position: relative; }
  main > header, main > footer { width: auto; margin-left: 15px; margin-right: 15px; }
  main > header { min-height: 0; padding-bottom: 6px; margin-bottom: 2em; }
  main > header #menu-toggle { display: block; position: absolute; left: 0; top: 20px; height: 25px; width: 25px; background: transparent url(../../images/public/menu.png) no-repeat; background-size: contain; }
  main > header #identity { position: static; display: block; text-align: center; }
  main > header #identity img { margin-top: 2px; height: 38px; }
  main > header .menu { display: none; }
  main > header #account { display: block; position: absolute; top: 17px; right: 0; height: 30px; width: 35px; background-image: url(../../images/public/trolley.png); background-repeat: no-repeat; background-size: 100% auto; }
  main > header #account .bannermenu-desktop { display: none; }
  main > header #account #basket { display: none; }
  main > header #account #basket-mobile { display: block; height: 100%; width: 100%; }
  #container > .mobile-menu { display: block; position: absolute; bottom: auto; top: 0; height: 100%; left: -250px; width: 250px; background-color: #000000; font-size: 0.75em; line-height: 35px; }
  #container > .mobile-menu a { color: #ffffff; }
  #container > .mobile-menu .menu-widget { position: absolute; right: 0; height: 30px; width: 30px; display: block; top: 18px; background-image: url("../../images/public/menu-widget.png"); background-position: center right; background-size: 50%; background-repeat: no-repeat; }
  #container > .mobile-menu .categories a { font-weight: bold; letter-spacing: 0.1em; }
  #container > .mobile-menu ul { padding-left: 31px; }
  #container > .mobile-menu ul a { text-decoration: none; }
  #container > .mobile-menu .menu-spacer { height: 1px; background: #fff; width: 64px; margin-top: 45px; margin-left: 30px; }
  main > footer span { float: none; display: block; text-align: center; }
  main > footer nav.info { float: none; }
  main > footer nav.info ul { text-align: center; }
  main > footer nav.info ul li { margin-left: 30px; margin-right: 0; }
  main > footer nav.info ul li:first-child { margin-left: 0; }
  .flash { margin: 0; }
  section.content { width: auto; padding: 0 15px; }
  section.content p { font-size: 1em; }
  section.image, .product section.copy { width: 100%; float: none; }
  section.image { 
      text-align: left; 
      padding-bottom:.5em;
  }
  section.image img { max-width: 100% !important; max-height: 250px !important; }
  section.copy { float: none; width: 100%; margin-bottom: 5px; }
  li.product section.copy > h2 > br { display: none; }
  li.product .quantity { float: left; }
  li.product .quantity { clear: left; margin-left: 0;}
  li.product input.link { float: left; margin-left: 0; margin-top: 0; padding-left: 0.75em !important; padding-right: 0.75em !important; font-size: 13px !important; }
  li.product form { overflow: hidden; font-size: 14px; }
  .form { width: 100%; }
  .form label { display: block; width: 100%; }
  input.text, .form textarea { width: 100%; padding: 4px; box-sizing: border-box; }
  fieldset.submit { float: none; width: 100%; margin-top: 50px; }
  fieldset.submit input { margin-left: 0; }
  fieldset.submit input[name="submit"] { float: right; }
  span.actions.field { float: right; margin-left: 0; margin-top: 20px; }
  form.checkout-contact { margin-top: 40px; }
  form.checkout-contact label[for="address2"], form.checkout-contact label[for="deliveryAddress2"] { display: none; }
  span.formError { margin-left: 0; margin-top: 0.5em; }
  form.split { width: 100%; }
  form.split fieldset.split { float: none; width: 100%; margin-right: 0; }
  form.split fieldset.split.right { float: none; }
  p.note { float: none; clear: both; margin-left: 0; }
  input[name=promotion] { width: 180px !important; }
  body.home section.content { padding: 0; }

  body.home section.copy { position: relative; 
                           width: 100%; 
                           height: 55%; 
                           min-height: 230px; 
                           margin-bottom: 0; 
                           border-bottom: 1px solid #000; background: transparent url(../../images/public/home-bg-mobile.jpg) no-repeat center center; 
                           background-size: cover; }

  body.home section.copy .mobile-text { display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 45%; padding-right: 5%; text-align: center; }
  body.home section.copy .mobile-text h2 { margin-bottom: 12px; }
  body.home section.copy .mobile-text h3 { font-size: 12px; font-weight: normal; line-height: 1; }
  body.home section.copy .desktop-text { display: none; }
  body.home .mobile-home-menu { display: block; margin: 0 15px; }
  body.home .mobile-home-menu a { display: block; padding: 5px 0; border-top: 1px solid #000; font-size: 14px; text-decoration: none; text-transform: uppercase; }
  body.home .mobile-home-menu a:first-child { border-top: 0; }
  ol.steps { display: none; }
  .steps-mobile { display: block; margin-bottom: 33px; line-height: 1; text-align: center; font-weight: bold; }
  div#trolley { font-size: 1em; }
  div#trolley .cell { display: block; float: left; }
  div#trolley .cell.hidden-mobile { display: none; }
  div#trolley .row, div#trolley .heading-row { display: block; overflow: hidden; }
  div#trolley .heading-row .cell { display: block; float: left; padding-left: 0; }
  div#trolley .heading-row .cell.hidden-mobile { display: none; }
  div#trolley .heading-row .cell.subtotal { width: auto; float: right; padding-right: 0; }
  div#trolley .row { padding-left: 34px; }
  div#trolley .row.heading-row { padding-left: 0; }
  div#trolley .row.product { position: relative; }
  div#trolley .row.product .cell { padding-top: 6px; padding-bottom: 6px; }
  div#trolley .row a { text-decoration: none; }
  div#trolley .row a:hover { text-decoration: underline; }
  div#trolley .row .product-name { display: block; width: auto; margin-right: 70px; }
  div#trolley .row .unit-price { clear: left; }
  div#trolley .row .quantity { clear: right; margin-left: 10px; }
  div#trolley .row .quantity .mobile-text { display: inline; }
  div#trolley .row .quantity input.link { padding: 0 !important; width: 28px !important; height: 28px; text-align: center; }
  div#trolley .row .quantity .quantity-number { margin: 0 3px; }
  div#trolley .row .subtotal, div#trolley .row .actions { width: auto; }
  div#trolley .row .subtotal { float: right; padding-right: 0; }
  div#trolley .row .subtotal .tax { display: none; }
  div#trolley .row .actions { position: absolute; left: 0; top: 5px; padding-left: 0; }
  div#trolley .link-desktop { display: none; }
  div#trolley .link-mobile { display: block; }
  div#trolley .link-remove { padding: 0 !important; width: 28px !important; height: 28px; background: #000 url(../../images/public/x.png) no-repeat center center/12px; }
  div#trolley.payment { margin-bottom: 1em; }
  div#trolley.payment .row { padding-left: 0; }
  div#trolley.payment .row .product-name { padding-left: 0; }
  div#trolley.payment .row .quantity { margin-left: 30px; }
  .totals { margin-bottom: 23px; }
  .totals .total.price { width: auto; }
  .totals .total.price, .totals .total.promotion { text-align: right; }
  table.payment { margin-left: 0; width: 100%; }
  table.payment td { text-align: right; }
  table.payment td:first-child { font-weight: bold; }
  .form .order-details { display: none; }
  .paymentMethod h2 { margin-top: 1em; }
  .paymentMethod p { margin-top: 0; }
  fieldset.submit input[name="submit"] { clear: right; margin-bottom: 10px; }
  div#trolley.view-receipt .row.product { padding-left: 0; }
  div#trolley.view-receipt .row .quantity { float: left; margin-left: 0; }
  div#trolley.view-receipt .hidden-qty { display: inline; }
  .form-view-receipt { line-height: 1.1; }
  .form-view-receipt span.value { display: block; }
  table.receipt-list { width: 100%; } }
table.details th { text-align: right; padding-right: 20px; }

.addToCartRow {
    width:100%;
    padding-top:1.0em;
}

.addToCartRow > .quantity {
    min-width:50%;
    float:left;
    display:inline-block;
}

@media screen and (min-width:971px) {
    .addToCartRow > .quantity {
        /*padding-top:7.7px;*/
    }
}

.addToCartRow > .basketButton {
    min-width:50%;
    display:inline-block;
}

.productUnitRow .productUnitRadio {
    padding:0.3em;
    
}

.productUnitRow .radio-and-unit {
    display:inline-block;
    min-width:50%;
}

.productUnitRow .radio-and-unit .name {
    padding-right:0.7em;
}

.productUnitRow .radio-and-unit .productUnitRadio {
    padding-right:0.7em;
}

.productUnitRow {
    border-bottom:1px solid transparent;
    margin-bottom:0.6em;
	padding-top:0.1em;
}
.productUnitRow.activeRow {
    /*background:radial-gradient(#ececec, #efefef, #ffffff);*/
    /*transition: all 0.4s ease-in-out;*/
    /*border-bottom:1px solid;*/
}

.addToCartRow .quantityDropbox {
    display:inline;
    padding-left:0.7em;
    padding-right:0.7em;
}

.productUnitRow .price {
    max-width:50%;
    display:inline-block;
    line-height:1.6em;
    font-size:0.9375em;
}

.productUnitRow .radio-and-unit span {
    line-height:1.6em;
    font-size:0.9375em;
}

.ccQuadBox .ccBoxMid {
    display: inline;
    width:3.82em;
    margin-left: 0.33em;
    margin-right:0.33em;
}

.ccQuadBox .ccBoxLeft {
    display:inline;
    width:3.82em;
    margin-right:0.33em;
}

.ccQuadBox .ccBoxRight {
    display:inline;
    width:3.82em;
    margin-left:0.33em;
}

.return_to_payment {
    float:right;
    display:inline;
}

.statusIndicator {
    display:inline;
    font-weight:bold;
    padding-left:1em;
    float:right;
}

.priceAndStatus {
    display:inline-block;
}

/*# sourceMappingURL=screen.css.map */


/* Add spacing for addjacent buttons. */
input.btn-rhSpace{
    margin-right:1rem;
}