/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
*/

/* Define locally rather than importing to allow AdvAgg to load them asynchronously. */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xM6Eyu0BCqAfob_z3hhzRFzr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}

/** Viewport ****************************************************************************/

/* Set sane viewport widths, mostly for Mobile IE10.
   We are NOT applying the javascript temporary bugfix from 2013.
   See http://timkadlec.com/2013/01/windows-phone-8-and-device-width.
   The initial-scale helps prevent iOS resize on landscape. */
@-webkit-viewport {width: device-width, initial-scale: 1.0}
@-moz-viewport {width: device-width, initial-scale: 1.0}
@-ms-viewport {width: device-width, initial-scale: 1.0}
@-o-viewport {width: device-width, initial-scale: 1.0}
@viewport {width: device-width, initial-scale: 1.0}

/** Resets ******************************************************************************/

body {
  /* Prevent text resizing on orientation change. */
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body * {
  max-height: 999999px;  /* Prevent Android font scaling */
}

body .grid-1, body .grid-2, body .grid-3, body .grid-4, body .grid-5, body .grid-6, body body .grid-7, body .grid-8, body .grid-9, body .grid-10, body .grid-11, body .grid-12, body .grid-13, body .grid-14, body .grid-15, body .grid-16, body .grid-17, body .grid-18, body .grid-19, body .grid-20, body .grid-21, body .grid-22, body .grid-23, body .grid-24 {
  position: static;
  margin: 0;
  padding: 0;
}

/** Fonts *******************************************************************************/

body,
input[type],
select,
textarea,
#zone-user #mobile-toggle h2,
#page .node-homepage .view-product-listing > h2,
.node-type-product-page .field-commerce-price .field-item:after,
ol.inline.commerce-checkout-progress li:before {
  font-family: 'Open Sans', Arial, sans-serif;
}

#page h1,
#page h2,
#overlayer-inner h2,
.node-type-homepage .block-welcome,
.view-product-listing .views-row .bryces-choice:before,
.node-type-product-page #page .group-features-specs.expandable > .field-label,
.node-type-product-page #page .commerce-product-extra-field-rockclimb-discount,
#page .node-product-type .field-name-commerce-price,
.node-type-product-page .field-name-commerce-stock strong,
#page .views-field-edit-quantity .form-submit,
#page ol.inline.commerce-checkout-progress li {
  font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif;
}

body {
  font-size: 100%;
}

#page h1 {
  font-size: 2.18em;
}

.node-type-product-page #page .field-name-commerce-price {
  font-size: 2em;
}

.node-type-homepage #page .block-welcome,
#page .node-homepage .view-product-listing > h2 {
  font-size: 1.75em;
}

#page h2,
#overlayer-inner h2,
ol.inline.commerce-checkout-progress li:before {
  font-size: 1.44em;
}

.node-type-homepage .block-welcome,
.node-type-product-page .field-name-commerce-stock strong,
#page .node-homepage .view-product-listing > h2 {
  font-size: 1.25em;
}

#zone-menu-wrapper h2,
#page .view-product-listing h2,
#page .view-product-listing .field-name-commerce-price,
#zone-footer h2.block-title {
  font-size: 1.19em;
}

.node-type-product-page #page .field-name-field-bryces-take,
.node-type-product-page #page .commerce-product-extra-field-rockclimb-discount,
.page-checkout #page .fieldset-legend,
.page-checkout-review #page #commerce-checkout-form-review tr.pane-title > td {
  font-size: 1.13em;
}

input[type],
select,
textarea,
#zone-user-wrapper h2,
#zone-branding .site-name-slogan h6,
#overlayer-inner .commerce-add-to-cart-confirmation .messages-inner *,
#page .commerce-add-to-cart-confirmation .messages-inner *,
.page-checkout #page #customer-profile-shipping-ajax-wrapper label,
.page-checkout #page .terms-of-service .form-type-checkbox label,
.page-checkout #page .checkout-buttons input#edit-continue,
.page-checkout #page .checkout-buttons input#edit-cancel,
.page-checkout #page .checkout-buttons input#edit-back {
  font-size: 1em;
}

#zone-footer2-wrapper .region-inner input {
  font-size: 1rem;
}

#page .view-product-listing .field-name-field-bryces-take,
.node-type-product-page #page .commerce-add-to-cart label,
.node-type-product-page #page .commerce-add-to-cart .out-of-stock,
.page-checkout #page label {
  font-size: 0.92em;
}

#overlayer-inner .commerce-add-to-cart-confirmation .messages-inner .views-field-commerce-stock,
#overlayer-inner .commerce-add-to-cart-confirmation .messages-inner .field-name-field-packaging,
#page .view-product-listing .commerce-product-extra-field-rockclimb-discount .discount,
#page .view-commerce-cart-form .views-field-field-price-suffix .price-per-item .discount,
#page .view-commerce-cart-summary .views-field-field-price-suffix .price-per-item .discount,
.node-type-product-page #page .group-features-specs.expandable > .field,
.node-type-product-page #page .field-name-field-packaging .help,
.node-type-product-page #page .field-name-commerce-stock,
#zone-footer2-wrapper .region-inner,
#zone-footer li a {
  font-size: 0.88em;
}

#page .view-product-listing .views-row .bryces-choice:before,
#page .view-product-listing .field-name-field-main-category,
#page .view-product-listing .product-links,
#page .views-field-edit-quantity .form-submit {
  font-size: 0.82em;
}

@media all and (max-width: 25em) {
  .responsive-layout-mobile #zone-cart .button-wrapper > a {
    font-size: 0.88em;
  }
}

/** Text color **************************************************************************/

#zone-user ul.links a,
.view-shopping-cart .view-footer .button-wrapper a,
#zone-branding .site-name-slogan h6,
#zone-user #mobile-toggle h2,
.views-submit-button > .form-submit,
#zone-menu ul.menu li .menu-attach-block-wrapper input[type=submit],
#zone-footer2 .block-search input[type=submit],
#overlayer-inner input[type=submit],
#overlayer-inner .commerce-add-to-cart-confirmation .button-wrapper a,
#page .node-homepage .view-product-listing > h2,
.node-homepage .new-toys .view-header a,
.node-type-product-page.bryces-choice #page h1:after,
.view-product-listing .views-row .bryces-choice:before,
#page .commerce-add-to-cart-confirmation .button-wrapper a,
#page .commerce-product-extra-field-rockclimb-discount,
#page form.commerce-add-to-cart .form-submit,
#page #views-form-commerce-cart-form-default #edit-submit,
#page #views-form-commerce-cart-form-default #edit-checkout,
#page .views-field-edit-quantity .form-submit,
.page-checkout #page .checkout-buttons input#edit-continue,
.page-checkout #page .checkout-buttons input#edit-cancel,
.page-checkout #page .checkout-buttons input#edit-back,
.page-checkout-payment #page #edit-submit,
.page-user #page #edit-submit,
ol.inline.commerce-checkout-progress li:before {
  color: white;
}

ol.inline.commerce-checkout-progress li {
  color: #ccc;
}

#zone-footer2-wrapper .region-inner {
  color: #bbb;
}

#zone-cart a > .quantity,
#zone-cart a > .units,
#zone-cart a > .multiplier,
#page .view-commerce-cart-form .views-field-commerce-total .commerce-quantity > span {
  color: #999;
}

#zone-user .line-item-total-raw,
#zone-menu ul.menu li a,
#zone-menu ul.menu li a.active,
#region-breadcrumb .breadcrumb,
#region-breadcrumb .breadcrumb a,
#page .view-product-listing .field-name-field-main-category,
.view-product-listing .product-links a,
.node-type-product-page #page .group-features-specs.expandable .field-label.collapsed a,
.node-type-product-page #page .field-name-field-packaging .shipping.overridden .price,
#overlayer-inner .commerce-add-to-cart-confirmation .added-product-title,
#page .commerce-add-to-cart-confirmation .added-product-title,
.page-checkout #page legend span,
.page-checkout- #page #block-system-main table.checkout-review tr.pane-title > td,
#section-footer .block ul.menu li a {
  color: #777;
}

#section-footer .block ul.menu li a {
  color: #666;
}

.no-touch #page .view-product-listing .views-row:hover .field-name-field-main-category,
.node-type-product-page .field-name-field-bryces-take .field-items,
#section-footer h2.block-title {
  color: #444;
}

.page-cart #zone-user .view-shopping-cart .line-item-total-label,
.page-checkout #zone-user .view-shopping-cart .line-item-total-label,
.no-js .page-cart #zone-user .view-header .line-item-total-label,
.no-js .page-checkout #zone-user .view-header .line-item-total-label,
.responsive-layout-mobile #zone-menu li.open > a,
.no-touch #zone-menu ul.menu li a:hover,
.no-touch #region-breadcrumb .breadcrumb a:hover,
.node-type-product-page .field-name-field-bryces-take .field-items strong,
.no-touch .node-type-product-page #page .group-features-specs.expandable .field-label a:hover,
.node-type-product-page #page .group-features-specs.expandable .field-label a,
#overlayer-inner .commerce-add-to-cart-confirmation .view-content,
#page .commerce-add-to-cart-confirmation .view-content,
.no-touch #section-footer .block ul.menu li a:hover {
  color: black;
}

a:link,
a:visited,
.no-touch a:hover,
a:active,
#zone-user .view-header .line-item-total-label,
.no-touch .view-product-listing .category-link:hover,
.node-type-product-page .field-name-commerce-stock strong,
#page ol.inline.commerce-checkout-progress li.active {
  color: #d75612; /* Dark orange */
}

ol.inline.commerce-checkout-progress li.visited {
  color: #8c7; /* Green */
}

/** Border color ************************************************************************/

#edit-account,
#edit-customer-profile-billing,
#edit-customer-profile-shipping,
.page-checkout #page fieldset input[type],
.page-checkout #page fieldset select,
.page-checkout textarea,
#customer-profile-billing-ajax-wrapper > fieldset,
#customer-profile-billing-ajax-wrapper .ajax-progress {
  border-color: #ccc;
}

textarea,
select,
input[type],
#page,
#zone-user .cart-toggle,
#zone-cart .view-shopping-cart,
#zone-cart .view-shopping-cart .view-content .views-row a,
#zone-cart .view-shopping-cart .view-footer,
#zone-menu .content,
#zone-menu ul.menu li a,
#zone-menu ul.menu li .menu-attach-block-wrapper,
.no-js #page .commerce-add-to-cart-confirmation,
.cloud-zoom-container #cloud-zoom img,
.cloud-zoom-container #wrap .mousetrap,
#page .cloud-zoom-gallery,
.node-type-product-page .field-name-field-bryces-take,
.node-type-product-page .field-name-body,
.node-type-product-page .field-name-field-specifications,
.node-type-product-page #page .group-features-specs.expandable,
.node-type-product-page #page .group-features-specs.expandable *,
.node-type-product-page #page .group-products,
form[id^=views-exposed-form-product-listing],
form[id^=views-exposed-form-product-listing] select,
.node-homepage .view-product-listing,
.view-product-listing .views-row,
.view-product-listing .field-name-field-images,
.view-product-listing.view-categories-brands .views-field-name,
#page .view-commerce-cart-form table.views-table tr:first-child,
#page .view-commerce-cart-summary table.views-table tr:first-child,
#page tr.even,
#page tr.odd,
#page #section-footer .region {
  border-color: #b1abb5; /* Cool mid grey */
}

{
  border-color: #474349; /* Cool dark grey */
}

.no-touch .view-product-listing .views-row:hover .field-name-field-images,
.no-touch .view-product-listing .views-row:hover .field-name-field-images:before,
.view-product-listing .commerce-product-extra-field-rockclimb-discount {
  border-color: #483f4e; /* Purplish dark grey */
}

/** Background color ********************************************************************/

tr.even,
tr.odd,
#zone-user #zone-menu h2.block-title,
#page .commerce-add-to-cart-confirmation .button,
.no-touch #page #section-footer .block ul.menu li:hover {
  background-color: transparent;
}

body.cke_editable,
#page > section,
#zone-cart,
#zone-branding-wrapper,
#zone-menu-wrapper,
#zone-preface-wrapper,
#zone-content-wrapper,
#region-user-second,
#zone-cart .view-shopping-cart,
#zone-branding .logo-img,
#zone-menu ul.menu li .menu-attach-block-wrapper input[type=text],
#page .commerce-add-to-cart-confirmation,
#overlayer-inner .commerce-add-to-cart-confirmation,
#overlayer-inner .commerce-add-to-cart-confirmation .button-wrapper,
#page .commerce-add-to-cart-confirmation .button-wrapper,
form[id^=views-exposed-form-product-listing] input[type=text],
form[id^=views-exposed-form-product-listing] select,
.page-checkout textarea,
.page-checkout #page fieldset input,
.page-checkout #page fieldset select,
.page-checkout- #page #block-system-main table.checkout-review td,
.page-checkout-complete #page #block-system-main .view-commerce-cart-summary td,
.js .page-checkout-payment #page  {
  background-color: white;
}

#edit-account,
#edit-customer-profile-billing,
#edit-customer-profile-shipping,
.page-checkout #page #block-system-main form .customer_profile_shipping .form-type-checkbox input,
#customer-profile-billing-ajax-wrapper > fieldset,
.page-checkout .ajax-progress {
  background-color: #f9f7f3; /* Warm tone */
}

textarea,
select,
input[type],
html,
#zone-menu,
#zone-cart,
.responsive-layout-mobile #region-user-second.open,
.responsive-layout-mobile .open #block-views-shopping-cart-block,
.responsive-layout-mobile #zone-cart .view-shopping-cart,
#region-menu li a,
.no-touch #region-menu li a:hover,
#region-menu li .menu-attach-block-wrapper,
.node-type-product-page select,
.node-type-product-page input,
.node-type-product-page #page .group-features-specs.expandable,
form[id^=views-exposed-form-product-listing] {
  background-color: #f9f8fa; /* Cool tone */
}

.node-type-product-page #page .group-features-specs.expanded .field-label.collapsed,
#zone-footer-wrapper,
#region-footer2-first {
  background-color: #e3e1e5; /* Cool light grey */
}

ol.inline.commerce-checkout-progress li:before,
.page-checkout #page .checkout-buttons input#edit-back.form-button-disabled,
.page-checkout #page .checkout-buttons input#edit-continue.form-button-disabled {
  background-color: #dbd6de; /* Cool light grey */
}

.view-product-listing .field-name-field-images:before,
.view-product-listing .views-row .bryces-choice:before {
  background-color: #b1abb5; /* Cool mid grey */
}

#page .node-homepage .view-product-listing > h2,
.view-product-listing .commerce-product-extra-field-rockclimb-discount .discount,
.node-type-product-page .commerce-product-extra-field-rockclimb-discount .discount,
.view-shopping-cart .view-footer .button-wrapper a,
#page input[type=submit],
#overlayer-inner input[type=submit],
#page .button-wrapper a,
#overlayer-inner .button-wrapper a,
#page #views-form-commerce-cart-form-default #edit-submit,
.page-checkout #page .checkout-buttons input#edit-cancel,
.page-checkout #page .checkout-buttons input#edit-back,
#section-footer .block ul.menu li a.facebook:before {
  background-color: #a29da5; /* Cool mid grey */
}

.view-product-listing .commerce-product-extra-field-rockclimb-discount .discount,
.node-type-product-page .commerce-product-extra-field-rockclimb-discount .discount {
  background-color: #6c5977; /* Purplish mid grey */
}

#zone-user-wrapper,
#page #section-footer,
.no-touch #section-footer .block ul.menu li a.facebook:hover:before {
  background-color: #474349; /* Cool dark grey */
}

.no-touch .view-product-listing .views-row:hover .bryces-choice:before,
.no-touch .view-product-listing .views-row:hover .commerce-product-extra-field-rockclimb-discount .discount {
  background-color: #483f4e; /* Purplish dark grey */
}

#overlayer-background {
  background-color: rgba(0, 0, 0, 0.7); /* Transparent black */
}

{
  background-color: #5b108d; /* Old logo purple */
}

.node-type-product-page.bryces-choice #page h1:after,
.page-user #page #edit-submit,
#zone-user .view-shopping-cart ul.links,
#zone-menu h2.block-title,
#zone-menu-wrapper > div,
#zone-menu ul.menu li .menu-attach-block-wrapper input[type=submit],
#zone-footer2 .block-search input[type=submit],
#page .views-submit-button > .form-submit,
#zone-cart .view-shopping-cart .view-footer .button-wrapper a.checkout,
#page .node-product-type form.commerce-add-to-cart input[type=submit],
#overlayer-inner .commerce-add-to-cart-confirmation .button.checkout a,
#overlayer-inner .shipping-country input[type=submit],
#page .commerce-add-to-cart-confirmation .button.checkout a,
#page #views-form-commerce-cart-form-default .delete-line-item,
#page #views-form-commerce-cart-form-default #edit-checkout,
.page-checkout #page .checkout-buttons input#edit-continue,
.page-checkout-payment #page #edit-submit,
ol.inline.commerce-checkout-progress li.active:before {
  background-color: #e76b29; /* Bright orange */
}

#page #views-form-commerce-cart-form-default .delete-line-item {
  background-color: #d75612; /* Dark orange */
}

ol.inline.commerce-checkout-progress li.visited:before {
  background-color: #8c7; /* Green */
}

/** Background gradient *****************************************************************/

#zone-footer-wrapper {
  background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0) 9px);
}

#region-footer2-second {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 9px);
}

/** Background image ********************************************************************/

.responsive-layout-mobile #zone-menu .content li.expanded > a:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFJREFUeNpiYGBgmA/E/4nEK4CYgROIrxKh+DYQ8zNAgRYQf8aj+CcQGzCggVg8GnIYcABs/lnNgAeg++cesrtxAZh/QO42ZiASxOJyN0CAAQCQoTAijjJGXAAAAABJRU5ErkJggg==');
}

.responsive-layout-mobile #zone-menu .content li.expanded.open > a:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpiZsAOcoBYHYgvMRABjIH4JxB/BmItQor5gfgeEP+H4qtAzIlPw2okxTA8nwGPu//jwLHoig2g7salAcU/IHffxqMYwz8riFAM9w9AgAEAd/swwf6ybSsAAAAASUVORK5CYII=');
}

#zone-user .block-shopping-cart-block { background-image: url("../images/picto_cart.png"); }
#zone-branding .branding-data { background-image: url('../images/header-banner.jpg'); }
#zone-user #mobile-toggle h2 { background-image: url('../images/toggle.png'); }

#page .node-product-type form.commerce-add-to-cart .form-submit { background-image: url('../images/bg_add_to_cart_white.png'); }
#page #views-form-commerce-cart-form-default input.delete-line-item { background-image: url('../images/delete.png'); }
a.facebook:before { background-image: url('../images/facebook-icon-16x16.png'); }

#zone-user #region-user-second span.authcache-ajax-frag,
.node-type-product-page #page form.commerce-add-to-cart.loading:after,
.js .page-checkout-payment #page:before { background-image: url('../images/ajax-loader-black.gif'); }

/* IE non-clickable empty link workaround */
.view-product-listing .views-row a.row-link { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); }

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select,
  select[size] {
    background-image: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==');
  }
}

/** General layout **********************************************************************/

html {
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
}

body {
  position: relative;
  min-height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

#page {
  padding-bottom: 0;
}

.region {
  margin: 0;
}

body > noscript > div,
#zone-user #mobile-toggle,
#zone-menu .content > ul.menu > li> a,
#zone-menu .content ul.menu .menu-attach-block-wrapper,
#zone-cart .views-row a,
#zone-cart .view-footer,
#zone-branding-wrapper,
#zone-menu-wrapper,
#zone-preface-wrapper,
#zone-content-wrapper,
#zone-footer-wrapper .region,
#zone-footer2-wrapper .region-inner {
  padding-left: 4%;
  padding-left: 4vw;
}

body > noscript > div,
#zone-menu .content > ul.menu > li > a,
#zone-menu .content ul.menu .menu-attach-block-wrapper,
#zone-user #region-user-second,
#zone-cart .views-row a,
#zone-cart .view-footer,
#zone-branding-wrapper,
#zone-menu-wrapper,
#zone-preface-wrapper,
#zone-content-wrapper,
#zone-footer-wrapper .region,
#zone-footer2-wrapper .region-inner {
  padding-right: 4%;
  padding-right: 4vw;
}

/** General text ************************************************************************/

body {
  line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6,
strong {
  font-weight: 700;
}

#page h1,
#page h1#page-title {
  margin: 0;
  padding-top: 0.7em;
  padding-bottom: 0.25em;
  line-height: 1em;
  text-transform: none;
}

#page .field-name-body h2,
#page .field-name-body h3 {
  line-height: 1.2em;
  margin: 2em 0 0.5em 0;
}

#page .field-name-body h3 + p {
  margin-top: 0;
}

#page .field-name-body p:empty,
#page .field-name-body div:empty {
  display: none;
}

p, ul, ol, form {
  margin: 1em 0;
}

.field-name-body ul,
.field-name-body ol {
  margin-left: 1em;
}

.field-name-body ul {
  list-style-type: disc;
}

.field-name-body ol {
  list-style-type: decimal;
}

.field-name-body ul > li > ul {
  margin: 0;
  list-style-type: none;
}

.field-name-body ul > li,
.field-name-body ol > li {
  margin: 0.5em 0 0.5em 1.3em;
}

.field-name-body ul > li > ul > li {
  position: relative;
  margin: 0.3em 0;
  padding-left: 1.2em;
}

.field-name-body ul > li > ul > li:before {
  content: '–';
  position: absolute;
  left: 0;
}

a:link,
a:visited {
  text-decoration: underline;
}

a.facebook:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -0.1em 0.4em 0 0;
  background-position: 0 0;
  border-radius: 3px;
  vertical-align: middle;
  opacity: 0.6;
}

.no-touch a.facebook:hover:before {
  opacity: 1;
}

/** Forms *******************************************************************************/

label {
  font-weight: 600;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  border-width: 1px;
  border-style: solid;
  margin: 0;
  max-width: 100%;
  padding: 0 0.3em;
}

select {
  height: inherit;
  padding: 0;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select,
  select[size] {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 3px;
    padding-right: 20px;
  }
}

/** Buttons *****************************************************************************/

#zone-menu input[type=submit],
#page input[type=submit],
#overlayer-inner input[type=submit],
#zone-cart .button-wrapper a,
#page .button-wrapper a,
#overlayer-inner .button-wrapper a,
#page #views-form-commerce-cart-form-default .delete-line-item,
#page #views-form-commerce-cart-form-default #edit-checkout,
#page #views-form-commerce-cart-form-default #edit-submit,
.page-checkout #page .checkout-buttons input#edit-continue,
.page-checkout #page .checkout-buttons input#edit-cancel,
.page-checkout #page .checkout-buttons input#edit-back,
.page-user #page #edit-submit,
.views-submit-button > .form-submit {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0.8em 0.7em;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  background-image: none;
  background-repeat: no-repeat;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.02em;
  text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(255, 255, 255, 0.2);
}

/** Pager *******************************************************************************/

.item-list ul.pager {
  display: block;
  padding: 2.5em 0 1.5em 0;
}

.item-list ul.pager li {
  margin: 0;
  padding: 0;
}

.item-list ul.pager li.pager-current,
.item-list ul.pager li a {
  padding: 0.7em; /* Bigger touch target */
  font-weight: 700;
}

/** Overlayer ***************************************************************************/

#overlayer-background {
  background-image: none;
}

#overlayer-inner {
  border-radius: 4px;
}

/** Shipping popup **********************************************************************/

#overlayer-inner .shipping-country {
  max-width: 23em;
  padding: 0 1em;
  text-align: left;
}

#overlayer-inner .shipping-country h2 {
  margin: 0 0 0.5em 0;
}

#overlayer-inner .shipping-country label {
  margin: 1em 0;
  font-weight: normal;
}

#overlayer-inner .shipping-country input[type=radio] {
  display: inline-block;
  margin: -2px 0.7em 0 0;
  vertical-align: middle;
}

#overlayer-inner .shipping-country input[type=submit] {
  margin: 1.5em 0 0 0;
}

/** User bar ****************************************************************************/

#zone-user-wrapper {
  width: 100%;
  box-sizing: border-box;
}

#zone-user-wrapper,
#zone-user #mobile-toggle .block-title,
#zone-user-wrapper #region-user-second,
#zone-user .block-shopping-cart-block,
#zone-user #region-user-second span.authcache-ajax-frag,
#zone-user .region ul.links,
#zone-user .cart-toggle,
#zone-user #zone-menu {
  height: 2.2rem;
  box-sizing: border-box;
  overflow: visible;
}

#zone-user #mobile-toggle {
  float: left;
  width: 100%;
  margin: 0;
}

#zone-user #region-user-second {
  position: absolute;
  right: 0;
  width: auto;
  min-width: 6em;
  box-sizing: border-box;
  margin: 0;
}

.main-menu-moved.main-menu-active #zone-user #region-user-second,
.main-menu-moved.main-submenu-active #zone-user #region-user-second {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#zone-user #region-user-second span.authcache-ajax-frag {
  display: block;
  margin-left: 0.7em;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-js #zone-user #region-user-second {
  display: none;
}

/** Fixed user bar **********************************************************************/

.user-fixed #zone-user-wrapper {
  position: fixed;
  z-index: 200;
  left: 0;
  -webkit-font-smoothing: subpixel-antialiased; /* Consistent weight with fixed position */
}

.user-fixed #page {
  padding-top: 2.2rem;
}

/** Branding ****************************************************************************/

#zone-branding-wrapper {
  clear: both;
}

#region-branding {
  clear: both;
  position: relative;
  margin: 0;
  padding: 12px 0 10px 0;
}

#zone-branding .block-views {
  display: none;
}

#zone-branding .branding-data,
#zone-branding .logo-img {
  height: 95px;
}

#zone-branding .logo-img img,
#zone-branding .site-name-slogan h6 {
  padding-bottom: 6px;
}

#zone-branding .region-branding-inner {
  margin-left: -3px;
}

#zone-branding .branding-data {
  position: relative;
  max-width: 100%;
  overflow-x: hidden; /* required so slogan padding does not overflow */
  background-repeat: no-repeat;
  background-position: 21% bottom;
  background-size: cover;
}

#zone-branding .logo-img {
  float: left;
  width: 139px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#zone-branding .logo-img img {
  display: block;
  box-sizing: border-box;
  width: auto;
  height: 100%;
}

#zone-branding .site-name-slogan {
  float: left;
}

#zone-branding .site-name-slogan h6.site-slogan {
  position: absolute;
  bottom: 0;
  padding-right: 50%; /* requires overflow hidden on container */
  padding-left: 0.5em;
  line-height: 1em;
  font-weight: 700;
  font-style: italic;
  text-transform: lowercase;
  text-shadow: 0 0 0.4em black;
}

/** Push menu ***************************************************************************/

#page {
  position: relative;
  width: 100%;
  left: 0;
  margin: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-layout-mobile #page.push-right {
  -webkit-transform: translateX(75%);
  transform: translateX(75%);
  border-left-width: 1px;
  border-left-style: solid;
}

.responsive-layout-mobile #page.push-left {
  -webkit-transform: translateX(-75%);
  transform: translateX(-75%);
  border-right-width: 1px;
  border-right-style: solid;
}

.responsive-layout-mobile #region-menu,
.responsive-layout-mobile #zone-cart {
  overflow-y: auto;
}

.touch .responsive-layout-mobile #region-menu,
.touch .responsive-layout-mobile #zone-cart  {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.responsive-layout-mobile #zone-menu {
  position: fixed;
  width: 75%;
  top: 2.2rem;
  bottom: 0;
  left: -75%;
  z-index: 199;
  -webkit-transform: translateX(0%;)
  transform: translateX(0%;)
}

.responsive-layout-mobile #zone-menu.open {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.responsive-layout-mobile #zone-cart {
  position: fixed;
  width: 75%;
  top: 2.2rem;
  bottom: 0;
  left: 100%;
  z-index: 199;
  margin-left: 1px;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-layout-mobile #zone-cart.open {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

/** Main menu ***************************************************************************/

.js #zone-menu-wrapper .main-menu-placeholder {
  height: 6px;
  overflow: hidden;
}

#mobile-toggle {
  display: block;
  width: auto;
  box-sizing: border-box;
  text-decoration: none;
}

.no-touch #mobile-toggle:hover {
  cursor: pointer;
}

#mobile-toggle .block-title {
  display: block;
  margin-top: 0;
  padding: 0.3em 0 0.3em 32px;
  background-repeat: no-repeat;
  background-position: 0 48%;
}

.no-js #zone-menu {
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
}

#zone-menu .block-title {
  display: none;
}

#zone-menu .block-menu > .block-inner > .content {
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#zone-menu ul.menu {
  margin: 0;
}

#zone-menu ul.menu:after {
  content: '';
  display: block;
  clear: both;
}

#zone-menu ul.menu li {
  float: left;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#zone-menu ul.menu li a,
#zone-menu ul.menu li .menu-attach-block-wrapper {
  border-top-width: 1px;
  border-top-style: solid;
  display: block;
  margin: -1px 0 0 0;
  padding: 0.7em;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
}

#zone-menu li.expanded > ul.menu,
#zone-menu ul.menu li > .menu-attach-block-wrapper {
  display: none;
}

#zone-menu li.expanded > a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.js #zone-menu li.expanded > a:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 8px;
  vertical-align: middle;
  margin: 0 0 0 0.5em;
  opacity: 0.5;
}

#zone-menu li.expanded.open > a:after {
  opacity: 0.7;
}

#zone-menu li.open > a {
  font-weight: 700;
}

.no-touch #zone-menu ul.menu li a:hover {
  text-decoration: underline;
}

#zone-menu ul.menu li li a {
  padding-left: 8%;
  padding-left: calc(4% + 1.5em);
}

#zone-menu ul.menu li li li a {
  padding-left: 12%;
  padding-left: calc(4% + 3em);
}

/** Search ******************************************************************************/

.js #zone-menu ul.menu li a.search {
  display: none; /* See below  */
}

/* Always display the search block at top level for the mobile menu */
.js .responsive-layout-mobile #zone-menu ul.menu li a.search + .menu-attach-block-wrapper {
  display: block !important;
}

#zone-user #zone-menu ul.menu li a.search + .menu-attach-block-wrapper {
  border-left-width: 0;
  border-right-width: 0;
}

#zone-menu ul.menu li .menu-attach-block-wrapper .content {
  display: block;
}

#zone-menu ul.menu li .menu-attach-block-wrapper form,
#zone-footer2 .block-search form {
  margin: 0;
}

#zone-menu ul.menu li .menu-attach-block-wrapper .form-item,
#zone-menu ul.menu li .menu-attach-block-wrapper .form-actions,
#zone-menu ul.menu li .menu-attach-block-wrapper input,
#zone-footer2 .block-search .form-item,
#zone-footer2 .block-search .form-actions,
#zone-footer2 .block-search input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#zone-menu ul.menu li .menu-attach-block-wrapper .form-item,
#zone-menu ul.menu li .menu-attach-block-wrapper .form-actions,
#zone-footer2 .block-search .form-item,
#zone-footer2 .block-search .form-actions {
  float: left;
  height: 2.8em;
}

#zone-menu ul.menu li .menu-attach-block-wrapper .form-type-textfield {
  width: 60%;
  padding: 0 0.5em 0 0;
}

#zone-menu ul.menu li .menu-attach-block-wrapper .form-actions {
  width: 40%;
}

#zone-menu ul.menu li .menu-attach-block-wrapper input[type=text],
#zone-footer2 .block-search input[type=text] {
  display: inline-block;
  height: 2.8em;
  width: 100%;
  padding-left: 0.3em;
  border-radius: 0.2em;
}

#zone-menu ul.menu li .menu-attach-block-wrapper input.form-submit,
#zone-footer2 .block-search input.form-submit {
  display: inline-block;
  height: 2.8em;
}

/** Cart menu ***************************************************************************/

#block-views-shopping-cart-block {
  position: relative;
  margin: 0;
  padding: 0 0 0 45px;
  background-repeat: no-repeat;
  background-position: 10px 40%;
}

#block-views-shopping-cart-block .content {
  position: relative;
}

.no-touch #block-views-shopping-cart-block:hover {
  cursor: pointer;
}

.no-touch #block-views-shopping-cart-block.empty:hover,
.no-touch .page-cart #block-views-shopping-cart-block .content:hover,
.no-touch .page-checkout #block-views-shopping-cart-block .content:hover {
  cursor: default;
}

#block-views-shopping-cart-block .view-empty p,
#block-views-shopping-cart-block .view-empty .line-item-summary > div,
#block-views-shopping-cart-block .view-header .line-item-summary > div,
#block-views-shopping-cart-block .view-header .line-item-summary > ul.links a {
  position: relative;
  top: 7px;
  margin: 0;
  padding-right: 0;
}

#block-views-shopping-cart-block .line-item-summary {
  margin-bottom: 0;
}

#block-views-shopping-cart-block .view-header .line-item-quantity,
#block-views-shopping-cart-block .view-empty .line-item-summary,
#block-views-shopping-cart-block .links {
  display: none;
}

#block-views-shopping-cart-block .view-header .line-item-total {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#block-views-shopping-cart-block .line-item-total-label {
  display: inline;
  padding: 0 0.3em 0 0;
  font-weight: 700;
  text-decoration: underline;
}

.page-cart #block-views-shopping-cart-block .line-item-total-label,
.page-checkout #block-views-shopping-cart-block .line-item-total-label {
  font-weight: normal;
  text-decoration: none;
}

.rockclimb-cart-menu-processed .view-header ul.links,
.page-cart #block-views-shopping-cart-block .view-header ul.links,
.page-checkout #block-views-shopping-cart-block .view-header ul.links {
  display: none;
}

.view-shopping-cart .view-content {
  white-space: normal;
}

#block-views-shopping-cart-block .view-shopping-cart .view-content,
#block-views-shopping-cart-block .view-shopping-cart .view-footer {
  display: none;
}

#zone-cart {
  position: relative;
  z-index: 999;
}

#zone-cart .view-shopping-cart {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-font-smoothing: subpixel-antialiased; /* Consistent weight with fixed position */
}

#zone-cart .view-shopping-cart .views-row a,
#zone-cart .view-shopping-cart .view-footer {
  display: block;
  margin: 0;
  border-bottom-width: 1px;
  border-style: solid;
}

#zone-cart .view-shopping-cart .views-row span.item {
  display: none;
}

#zone-cart .view-shopping-cart .views-row a {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  text-decoration: none;
}

.no-touch #zone-cart .view-shopping-cart .view-content .views-row a:hover .title {
  text-decoration: underline;
}

#zone-cart .view-shopping-cart .view-footer {
  padding-top: 0.34em;
  padding-bottom: 0.34em;
}

#zone-cart .view-shopping-cart .view-footer .button-wrapper {
  padding: 0.5em 0;
}

#zone-cart .view-shopping-cart .view-footer .button-wrapper a {
  float: left;
  clear: none;
  width: 48%;
  width: calc(50% - 0.3em);
}

#zone-cart .view-shopping-cart .view-footer .button-wrapper a:first-child {
  margin-right: 4%;
  margin-right: calc(0.3em + 0.3em);
}

/** Messages ****************************************************************************/

#messages {
  position: static;
}

div.messages {
  margin: 1em 0;
  padding: 1em 1em 1em 50px;
  background-position: 10px 1em;
}

/** Preface *****************************************************************************/

#zone-preface {
  padding: 1em 0 0 0;
}

/** Content *****************************************************************************/

#zone-content {
  position: static;
  margin: 0 auto;
  padding: 0 0 3em 0;
}

#zone-preface-wrapper + #zone-content-wrapper > #zone-content {
  padding-top: 0;
}

.section-content {
  height: auto;
}

#page .block-system-main {
  margin: 0;
}

/** Breadcrumb **************************************************************************/

#region-breadcrumb {
  margin: 0;
}

#region-breadcrumb .breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

#region-breadcrumb .breadcrumb a {
  font-weight: normal;
  white-space: nowrap;
}

/** Tabs ********************************************************************************/

ul.tabs {
  margin: 0.7em 0 1em 0;
}

ul.tabs > li {
  margin: 0;
}

ul.tabs > li > a {
  position: relative;
  top: 1px;
}

/** Footer ******************************************************************************/

#section-footer {
  padding-bottom: 4em;
}

#page #zone-footer-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

#page #zone-footer .region,
#page #zone-footer2 .region-footer2-first {
  padding-top: 1.7em;
  padding-bottom: 2em;
  border-top-width: 1px;
  border-top-style: solid;
}

#section-footer h2.block-title {
  margin: 0 0 0.3em 0;
}

#page #section-footer .block ul.menu,
#page #section-footer .block ul.menu li {
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

#page #section-footer .block ul.menu li a {
  display: inline-block;
  height: auto;
  padding: 0.5em 0;
  background-image: none;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.2em;
}

.no-touch #page #section-footer .block ul.menu li a {
  padding: 0.25em 0;
}

.no-touch #page #section-footer .block ul.menu li a:hover {
  text-decoration: underline;
}

#zone-footer2-wrapper p {
  margin: 0;
}

#region-footer2-second {
  margin: 0;
  padding: 1em 0 0 0;
  line-height: 1.4em;
}

#zone-footer2-wrapper p {
  margin: 0;
}

@media screen and (min-width: 0) {
  #page #section-footer .block .menu-block-wrapper {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1.7em;
    -webkit-column-gap: 1.7em;
    column-gap: 1.7em;
  }

  /* Webkit alignment fix */
  #page #section-footer .block ul.menu li {
    display: inline-block;
    width: 100%;
  }

  #zone-footer2 .block-search .form-type-textfield {
    width: 50%;
    padding: 0 0.5em 0 0;
  }

  #zone-footer2 .block-search .form-actions {
    width: 50%;
    padding: 0 0 0 0.9em;
  }
}

@media screen and (min-width: 40em) {
  #page #section-footer .block .menu-block-wrapper {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  #zone-footer2 .block-search .form-type-textfield {
    width: 66.7%;
    padding: 0 0.2em 0 0;
  }

  #zone-footer2 .block-search .form-actions {
    width: 33.3%;
    padding: 0 0 0 1.2em;
  }
}

/** Basic pages *************************************************************************/

.node-type-page .node-page {
  margin: 0;
}

/** Text blocks *************************************************************************/

.node-text-block .links.node-links {
  margin: 0;
  padding: 0;
}

/** Brands page *************************************************************************/

.view-brands .view-content {
  margin: 1em 0;
}

.view-brands .view-content a {
  display: block;
  padding: 0.4em 0;
  font-weight: 600;
  text-decoration: none;
}

.no-touch .view-brands .view-content a:hover {
  text-decoration: underline;
}

/** Product listings ********************************************************************/

form[id^=views-exposed-form-product-listing] {
  padding: 0.3em 1em 0.5em;
  border-width: 1px;
  border-style: solid;
}

form[id^=views-exposed-form-product-listing] .views-exposed-widget {
  box-sizing: border-box;
  width: 35%;
  max-width: 9em;
}

form[id^=views-exposed-form-product-listing] .views-widget-filter-keys {
  float: none;
  width: 100%;
  max-width: none;
  padding-right: 0;
  padding-bottom: 0.5em;
}

form[id^=views-exposed-form-product-listing] input[type=text],
form[id^=views-exposed-form-product-listing] select {
  width: 100%;
}

form[id^=views-exposed-form-product-listing] .views-submit-button {
  float: right;
  width: 30%;
  max-width: 7em;
  padding-right: 0;
  padding-top: 1em;
}

.view-product-listing {
  margin-top: 1em;
}

#page .node-homepage .view-product-listing {
  margin: 1.5em 0 1.7em 0;
  padding: 1.5em 0 1.2em 0;
}

#page .node-homepage .view-product-listing.new-toys {
  position: relative;
  margin: 0;
  padding: 1.5em 0 0 0;
}

#page .node-homepage .view-categories-brands {
  margin: 0.5em 0 1.5em 0;
  padding: 0;
}

#page .node-homepage .view-product-listing:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#page .node-homepage .view-product-listing > h2 {
  margin-bottom: 0;
  padding: 0.6em 0.7em;
  font-weight: 700;
  line-height: 1em;
  text-transform: none;
}

#page .node-homepage .view-product-listing .view-header {
  position: absolute;
  top: 2.1em;
  right: 0;
  padding: 0 1em 0 0;
}

#page .node-homepage .view-product-listing .view-header a {
  font-weight: 600;
  text-decoration: none;
}

.no-touch #page .node-homepage .view-product-listing .view-header a:hover {
  font-weight: 600;
  text-decoration: underline;
}

#page .node-homepage .view-product-listing .view-header a:after,
#page .node-homepage .view-product-listing a.category-link:after {
  content: '»';
  display: inline-block;
  position: relative;
  top: 0.1em;
  padding-left: 0.3em;
  font-size: 1.25em;
}

#page .node-homepage .view-product-listing.new-toys .view-header a:after {
  top: 0.06em;
}

#page .node-homepage .view-product-listing a.category-link {
  box-sizing: border-box;
  padding-right: 1em;
}

#page .node-homepage .view-product-listing a.category-link:after {
  margin-right: -1em;
}

#page .node-homepage .view-product-listing .view-content {
  clear: both;
}

.view-product-listing .views-row {
  clear: both;
  position: relative;
  padding: 2em 0 1em 0;
  border-top-width: 1px;
  border-top-style: solid;
}

.view-product-listing.new-toys .views-row-first {
  margin-top: 0.5em;
  border-top-width: 0;
}

.view-product-listing .views-row:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

.view-product-listing .views-row .bryces-choice:before {
  content: 'Bryce’s Choice';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  padding: 0.6em 1px;
  line-height: 1em;
  text-align: center;
  font-weight: 700;
}

.view-product-listing .views-row .product-links .row-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.view-product-listing .field-name-field-images {
  float: right;
  position: relative;
  width: 35%;
  margin: 0.3em 0 0.5em 0.5em;
  border-width: 1px;
  border-style: solid;
}

/*  Workaround for Chrome losing some 1px top borders
    Add absolute :before element with 1px dimension and same background as border */
.view-product-listing .field-name-field-images:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 1px;
}

.no-touch .view-product-listing .views-row:hover .field-name-field-images:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  /* Chrome workaround as above */
  border-top-width: 3px;
  background-color: transparent;
}

.view-product-listing .field-name-field-images img {
  width: 100%;
  height: auto;
}

.view-product-listing .node h2 {
  margin: 0 0 0.1em 0;
  font-weight: 700;
  text-transform: none;
}

.no-touch .view-product-listing .views-row:hover h2 {
  text-decoration: underline;
}

#page .view-product-listing .field-name-field-main-category {
  position: absolute;
  z-index: 1;
  top: 0.6em;
  left: 0;
  width: 100%;
  line-height: 1.2em;
  white-space: nowrap;
}

#page .view-product-listing .bryces-choice .field-name-field-main-category {
  width: 63%;
}

#page .view-product-listing .field-name-field-main-category .field-item {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* For search engines? */
#page .view-product-listing .field-name-field-promotions {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#page .view-product-listing .field-name-field-bryces-take {
  margin-bottom: 0.2em;
  line-height: 1.4em;
}

#page .view-product-listing .field-name-field-bryces-take p {
  display: inline;
}

#page .view-product-listing .field-name-field-bryces-take br {
  display: none;
}

.view-product-listing .commerce-product-extra-field-rockclimb-discount,
.view-product-listing .field-name-field-commerce-price-label,
.view-product-listing .field-name-commerce-price {
  float: left;
  margin: 0 0.3em 0 0;
}

#page .view-product-listing .commerce-product-extra-field-rockclimb-discount {
  display: block;
  line-height: 1.1em;
  font-weight: 700;
}

#page .view-product-listing .commerce-product-extra-field-rockclimb-discount .discount {
  display: block;
  margin-right: 0.25em;
  padding: 0.3em 0.5em;
  border-radius: 0.2em;
}

.view-product-listing .field-name-commerce-price {
  font-weight: 700;
}

#page .view-product-listing .commerce-product-field-empty {
  display: none;
}

.view-product-listing .product-links * {
  display: none;
}

.node-type-homepage .view-product-listing .product-links .category-link {
  clear: both;
  display: block;
  position: relative;
  z-index: 100;
  width: 100%;
  padding: 0.7em 0;
  line-height: 1.34em;
  font-weight: 600;
}

/** Categories listings *****************************************************************/

#page .node-homepage .view-product-listing.view-categories-brands {
  margin: 1.5em 0 0 0;
  padding: 0.5em 0 0 0;
}

.view-product-listing.view-categories-brands .view-content {
  margin-left: -0.75em;
  margin-right: -0.75em;
  padding: 0.5em 0 0 0;
}

.view-product-listing.view-categories-brands .views-row {
  float: left;
  clear: none;
  box-sizing: border-box;
  width: 50%;
  margin-top: 1em;
  padding: 0.5em 0.75em 0 0.75em;
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
}

.view-categories-brands .views-row:nth-child(2n+1) {
  clear: left;
}

.view-categories-brands .views-row {
  padding-top: 0;
  padding-bottom: 0.7em;
}

.view-categories-brands .views-row a.row-link {
  top: -1.8em;
}

.view-categories-brands .field-name-field-images {
  float: none;
  width: 100%;
  margin-bottom: 0.5em;
  margin-left: 0;
}

.view-categories-brands .field-name-field-images img {
  width: 100%;
}

.no-touch .view-categories-brands .views-row:hover .field-name-field-images:before {
  border-width: 3px;
  border-top-width: 4px; /* Chrome workaround */
}

.view-categories-brands .views-row h2 {
  width: 100%;
}

.view-categories-brands .views-field-name,
.view-categories-brands .views-field-name .field-content,
.view-categories-brands .views-field-name h2 {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  min-height: 0;
}


/** Product listing grid ****************************************************************/

@media screen and (min-width: 27em) {
  #page .node-homepage .view-product-listing {
    margin: 1.5em 0 0 0;
    padding: 1.5em 0 0 0;
  }

  .view-product-listing .view-content {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }

  .view-product-listing .views-row,
  .view-product-listing.new-toys .views-row-first {
    float: left;
    clear: none;
    box-sizing: border-box;
    width: 50%;
    margin-top: 1em;
    padding: 2.5em 0.75em 0 0.75em;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
  }

  .view-product-listing .views-row:nth-child(2n+1) {
    clear: left;
  }

  .view-product-listing .views-row a.row-link {
    top: -1.8em;
  }

  .view-product-listing .node-product-page {
    position: relative;
  }

  .view-product-listing .views-row .bryces-choice:before {
    top: -2.1em;
    right: -2px;
    box-sizing: border-box;
    width: 6.5em;
    height: 2.15em;
    padding: 0.6em 0.3em;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .view-product-listing .field-name-field-images {
    float: none;
    width: 100%;
    margin-bottom: 0.5em;
    margin-left: 0;
  }

  .view-product-listing .field-name-field-images img {
    width: 100%;
  }

  .no-touch .view-product-listing .views-row:hover .field-name-field-images:before {
    border-width: 3px;
    border-top-width: 4px; /* Chrome workaround */
  }

  .view-product-listing .views-row h2,
  .view-product-listing .views-row .field-name-field-bryces-take {
    width: 100%;
  }

  #page .view-product-listing .field-name-field-main-category {
    top: -1.55em;
  }

  #page .view-product-listing .bryces-choice .field-name-field-main-category {
    box-sizing: border-box;
    width: 100%;
    padding-right: 6.8em;
  }

}

@media screen and (min-width: 40em) {
  .view-product-listing .views-row:nth-child(1n) {
    clear: none;
    width: 33.333%;
  }

  .view-product-listing .views-row:nth-child(3n+1) {
    clear: left;
  }

  .node-type-homepage .view-product-listing.new-toys .views-row-10 {
    display: none;
  }
}

/** Product pages ***********************************************************************/

.node-type-product-page #zone-content {
  padding-bottom: 2.5em;
}

.node-type-product-page #page .cloud-zoom-container {
  position: relative;
  margin-bottom: 0.5em;
}

.node-type-product-page #page .cloud-zoom-container #wrap {
  float: none !important;
  z-index: 10 !important;
}

.node-type-product-page #page a.cloud-zoom img {
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  border-width: 1px;
  border-style: solid;
}

.no-js .node-type-product-page #page a.cloud-zoom img {
  height: auto;
}

.node-type-product-page #page #wrap .cloud-zoom {
  width: 100%;
  height: 0;
  padding-top: 67%;
  position: relative;
}

.node-type-product-page #page #wrap .cloud-zoom img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-width: 0;
}

.node-type-product-page #page .cloud-zoom-container #wrap .mousetrap {
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  border-width: 1px;
  border-style: solid;
}

.node-type-product-page #page .cloud-zoom-container #wrap #cloud-zoom-big {
  width: 100% !important;
  height: 100% !important;
  background-repeat: no-repeat;

}

.node-type-product-page #page .cloud-zoom-gallery-thumbs {
  float: none !important;
  clear: both;
}

.node-type-product-page #page .cloud-zoom-gallery {
  display: inline-block;
  width: 20%;
  height: auto;
  box-sizing: border-box;
  margin: 1em -1px 0 0;
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
}

.node-type-product-page #page .cloud-zoom-gallery img {
  width: 100%;
  height: auto;
}

.node-type-product-page #page .cloud-zoom-gallery:only-child {
  display: none;
}

.node-type-product-page .field-name-field-bryces-take,
.node-type-product-page .field-name-body,
.node-type-product-page .field-name-field-specifications {
  line-height: inherit;
  padding-bottom: 0.5em;
  margin-bottom: 1.5em;
  border-bottom-style: solid;
}

/* For search engines? */
.node-type-product-page .field-name-field-promotions {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.node-type-product-page #page h1#page-title {
  padding-bottom: 0.5em;
}

.node-type-product-page.bryces-choice #page h1#page-title {
  position: relative;
  box-sizing: border-box;
  padding-right: 2.5em;
  padding-bottom: 0.7em;
}

.node-type-product-page.bryces-choice #page h1#page-title:after {
  content: 'Bryce’s choice';
  position: absolute;
  top: 50%;
  right: -0.1em;
  display: block;
  box-sizing: border-box;
  width: 4.5em;
  height: 4.5em;
  border-radius: 2.25em;
  margin: -2.5em 0 0 0;
  padding: 1.1em 0.6em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  font-size: 0.42em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2em;
}

.node-type-product-page #page .field-name-field-bryces-take {
  margin-top: 0.7em;
  border-bottom-width: 1px;
  padding-bottom: 1.3em;
}

.features-expandable.node-type-product-page #page .field-name-field-bryces-take {
  border-bottom-width: 0;
}

.node-type-product-page #page .field-name-field-bryces-take * {
  float: none;
  display: inline;
}

.node-type-product-page #page .field-name-field-bryces-take br {
  display: none;
}

.node-type-product-page #page .field-name-field-bryces-take .field-label {
  font-weight: 700;
}

.node-type-product-page #page .field-name-field-bryces-take .field-item p {
  margin: 0.3em 0;
  line-height: 1.25em;
}

.node-type-product-page #page .field-name-body {
  border-bottom-width: 1px;
}

.node-type-product-page #page .field-name-body ul {
  margin-left: 0;
}

.node-type-product-page #page .field-name-field-specifications {
  margin-bottom: 0;
}

.node-type-product-page #page .group-features-specs.expandable {
  margin-top: -1.5em;
  margin-bottom: -0.5em;
  border-width: 1px;
  border-style: solid;
}

.node-type-product-page #page .group-features-specs.expandable > .field-label {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  margin: 0;
  padding: 0.5em 1em;
  border-left-width: 1px;
  border-left-style: solid;
  text-align: center;
}

.node-type-product-page #page .group-features-specs.expandable > .field-label:first-child {
  border-left-width: 0;
}

.node-type-product-page #page .group-features-specs.expanded .field-label.collapsed {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.node-type-product-page #page .group-features-specs.expandable > .field-label a {
  font-weight: 700;
  text-decoration: none;
}

.no-touch .node-type-product-page #page .group-features-specs.expandable > .field-label a:hover {
  text-decoration: underline;
}

.node-type-product-page #page .group-features-specs.expandable > .field {
  display: none;
  padding: 0.7em 1.2em;
  line-height: 1.34em;
}

.node-type-product-page #page .group-features-specs.expandable > .field-name-body {
  margin: 0;
  border-bottom-width: 0;
}

.node-type-product-page #page .group-products {
  margin-top: 0.5em;
  padding-top: 1.5em;
  border-top-width: 1px;
  border-top-style: solid;
}

.features-expandable.node-type-product-page #page .group-products {
  position: relative;
  border-top-width: 0;
}

.node-type-product-page .field-type-commerce-product-reference,
.node-type-product-page #page form.commerce-add-to-cart {
  padding: 0;
  background-image: none;
}

.node-type-product-page #page .field-field-price-max-label,
.node-type-product-page #page .field-field-price-max,
.node-type-product-page #page .field-commerce-price,
.node-type-product-page #page .field-field-units {
  display: inline-block;
  margin-right: 0.25em;
}

.node-type-product-page #page .field-field-price-max,
.node-type-product-page #page .field-field-commerce-price-label .overridden,
.node-type-product-page #page .shipping.overridden .price {
  text-decoration: line-through;
}

.node-type-product-page #page .field-field-commerce-price-label {
  margin-bottom: 0.4em;
}

.node-type-product-page #page .field-name-commerce-price,
.node-type-product-page #page commerce-product-field-field-price-suffix,
.node-type-product-page #page .commerce-product-extra-field-rockclimb-discount {
  display: inline-block;
}

.node-type-product-page #page .field-name-commerce-price {
  margin-bottom: 0;
  font-weight: 700;
}

.node-type-product-page #page .commerce-product-extra-field-rockclimb-discount .discount {
  display: block;
  position: relative;
  top: -0.3em;
  margin-right: 0.6em;
  padding: 0.15em 0.6em 0.2em;
  font-weight: 700;
  border-radius: 0.2em;
}

.node-type-product-page #page .shipping .help {
  line-height: 1.5em;
}

.node-type-product-page #page span.authcache-p13n-asm-field-node-field-product {
  display: block;
  width: 100%;
  height: 200px; /* Approx same height as add-to-cart form, for features auto-expand */
  background-repeat: no-repeat;
  background-position: center center;
}

.no-js .node-type-product-page #page span.authcache-p13n-asm-field-node-field-product {
  display: none;
  background-image: none;
}

.node-type-product-page .group-products .field-name-commerce-stock {
  display: none;
  line-height: 1;
}

.node-type-product-page .field-name-commerce-stock strong {
  text-transform: uppercase;
}

/** Add to cart *************************************************************************/

.node-type-product-page #page form.commerce-add-to-cart {
  margin: 0;
}

.no-js .node-type-product-page #page form.commerce-add-to-cart {
  display: none;
}

.node-type-product-page #page form.commerce-add-to-cart:after {
  content: '';
  display: block;
  clear: both;
}

.node-type-product-page #page form.commerce-add-to-cart select,
.node-type-product-page #page form.commerce-add-to-cart input[type=text],
.node-type-product-page #page form.commerce-add-to-cart input[type=number] {
  box-sizing: border-box;
  height: 2em;
}

.node-type-product-page #page form.commerce-add-to-cart label {
  display: block;
  float: none;
  padding-bottom: 0.2em;
  white-space: nowrap;
}

.node-type-product-page #page form.commerce-add-to-cart label:after {
  display: none;
}

.node-type-product-page #page form.commerce-add-to-cart .form-item-rockclimb-cart-reload {
  display: none !important;
}

.node-type-product-page #page form.commerce-add-to-cart select {
  width: 100%;
}

.node-type-product-page #page .form-item-quantity > input {
  display: block;
  width: 100% !important;
  margin-bottom: 1em;
  padding-bottom: 0;
}

.node-type-product-page #page form.commerce-add-to-cart .form-submit {
  padding-right: 3em;
  padding-left: 1.5em;
  background-position: 86% center; /* default for non-calc() */
}

.node-type-product-page #page form.commerce-add-to-cart .ajax-progress {
  display: none; /* We ghost the entire form */
}

.gt-ie9 .node-type-product-page #page form.commerce-add-to-cart .form-submit,
.not-ie .node-type-product-page #page form.commerce-add-to-cart .form-submit {
  background-position: calc(50% + 4em) center; /* This crashes IE9 */
}

.node-type-product-page #page form.commerce-add-to-cart.loading {
  position: relative;
}

.node-type-product-page #page form.commerce-add-to-cart.loading > * {
  opacity: 0.5;
}

.node-type-product-page #page form.commerce-add-to-cart.loading:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center 45%;
  opacity: 1;
}

.node-type-product-page #page form.commerce-add-to-cart .form-submit[disabled] {
  opacity: 0.5;
}

.no-touch .node-type-product-page #page form.commerce-add-to-cart .form-submit[disabled]:hover {
  cursor: default;
}

.node-type-product-page #page form.commerce-add-to-cart .field-name-commerce-stock {
  clear: both;
  display: block;
  position: relative;
  top: -1.2em;
  margin: 0;
  line-height: 1.5em;
}

@media screen and (min-width: 22em) {
  .node-type-product-page #page .commerce-add-to-cart .attribute-widgets,
  .node-type-product-page #page .commerce-add-to-cart .form-item {
    float: left;
  }

  .node-type-product-page #page .commerce-add-to-cart .form-item {
    box-sizing: border-box;
    padding-left: 0.5em;
  }

  .node-type-product-page #page .commerce-add-to-cart .attribute-widgets > .form-item:first-child {
    padding-left: 0;
  }

  .node-type-product-page #page .attributes-0 .form-item-quantity {
    width: 100%;
    padding-left: 0;
  }

  .node-type-product-page #page .attributes-1 .attribute-widgets {
    width: 70%;
  }

  .node-type-product-page #page .attributes-1 .form-item-quantity {
    width: 30%;
  }

  .node-type-product-page #page .attributes-1 .attribute-widgets > .form-item {
    width: 100%;
  }

  .node-type-product-page #page .attributes-2 .attribute-widgets {
    width: 74%;
  }

  .node-type-product-page #page .attributes-2 .form-item-quantity {
    width: 26%;
  }

  .node-type-product-page #page .attributes-2 .attribute-widgets > .form-item {
    width: 50%;
  }

}

/** Cart confirmation *******************************************************************/

/* Be careful here. The confirmation might:
   A - appear in the messages area in #page after a page reload if javascript is off.
   B - appear in #page as a popup after a page reload if overlayer is off (really??).
   C - appear in #overlayer-inner without a page reload if overlayer is on.
   The IDs are needed to override excessively specific supplied styles.
   But at least it is possible to distinguish between these as needed.
   @todo - get rid of the overlayer off with javascript on rules, and cart js file */

#page .commerce-add-to-cart-confirmation,
#overlayer-inner .commerce-add-to-cart-confirmation {
  box-sizing: border-box;
  text-align: left;
  font-weight: normal;
}

#overlayer-inner .commerce-add-to-cart-confirmation {
  margin: 0 !important;
  padding: 0 0.5em 0.4em 0.5em;
  border-width: 0;
}

#page .commerce-add-to-cart-confirmation {
  top: 50%;
  left: 4%;
  width: 92%;
  min-height: 12em;
  margin-top: -6.5em;
  margin-left: 0 !important;
  padding: 0 1em;
}

#overlayer-inner .commerce-add-to-cart-confirmation,
.no-js #page .commerce-add-to-cart-confirmation {
  position: static;
  width: 100%;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 1.3em;
  box-shadow: none;
  border-radius: 0;
}

@media screen and (min-width: 544px) {
  .js #overlayer-inner .commerce-add-to-cart-confirmation,
  .js #page .commerce-add-to-cart-confirmation {
    width: 500px;
  }

  .js #overlayer-inner .commerce-add-to-cart-confirmation {
    padding: 0 1em 0.9em 1em;
  }

  .js #page .commerce-add-to-cart-confirmation {
    left: 50%;
    margin-left: -250px !important;
  }
}

#overlayer-inner .commerce-add-to-cart-confirmation .added-product-title,
#page .commerce-add-to-cart-confirmation .added-product-title {
  padding-left: 0;
  text-align: left;
  text-transform: none;
  font-weight: 700;
}

#overlayer-inner .commerce-add-to-cart-confirmation .added-product-title a,
#page .commerce-add-to-cart-confirmation .added-product-title a {
  text-decoration: underline;
}

.no-js #page .commerce-add-to-cart-confirmation-close {
  display: none;
}

#overlayer-inner .commerce-add-to-cart-confirmation .view,
#page .commerce-add-to-cart-confirmation .view {
  margin: 0.7em 0 1.5em 0;
  padding: 0;
}

#overlayer-inner .commerce-add-to-cart-confirmation .view-content,
#page .commerce-add-to-cart-confirmation .view-content {
  width: 100%;
  margin: 0;
  padding: 0;
}

#overlayer-inner .commerce-add-to-cart-confirmation .commerce-product-title-label,
#page .commerce-add-to-cart-confirmation .commerce-product-title-label,
#overlayer-inner .commerce-add-to-cart-confirmation .commerce-product-sku,
#page .commerce-add-to-cart-confirmation .commerce-product-sku,
#overlayer-inner .commerce-add-to-cart-confirmation .commerce-product-status,
#page .commerce-add-to-cart-confirmation .commerce-product-status {
  display: none;
}

#overlayer-inner .commerce-add-to-cart-confirmation .commerce-product-title,
#page .commerce-add-to-cart-confirmation .commerce-product-title {
  font-weight: 700;
  line-height: 1.25em;
}

#overlayer-inner .commerce-add-to-cart-confirmation .views-label-quantity,
#page .commerce-add-to-cart-confirmation .views-label-quantity {
  font-weight: normal;
}

#overlayer-inner .commerce-add-to-cart-confirmation .views-field-commerce-stock {
  display: none;
}

body.added-quantity-reduced #overlayer-inner .commerce-add-to-cart-confirmation .views-field-commerce-stock {
  display: block;
  margin-bottom: 0.7em;
}

#overlayer-inner .commerce-add-to-cart-confirmation .field-name-commerce-order-total,
#page .commerce-add-to-cart-confirmation .field-name-commerce-order-total,
#overlayer-inner .commerce-add-to-cart-confirmation .field-name-commerce-order-total *,
#page .commerce-add-to-cart-confirmation .field-name-commerce-order-total * {
  display: inline;
}

#overlayer-inner .commerce-add-to-cart-confirmation .field-name-commerce-order-total .field-items,
#page .commerce-add-to-cart-confirmation .field-name-commerce-order-total .field-items {
  float: none;
  padding: 0;
  background: none;
  font-weight: 700;
}

#overlayer-inner .commerce-add-to-cart-confirmation .messages-inner .field-name-field-packaging {
  line-height: 1.5em;
}

#overlayer-inner .commerce-add-to-cart-confirmation .button-wrapper,
#page .commerce-add-to-cart-confirmation .button-wrapper {
  padding: 0 0 0.5em 0;
}

#overlayer-inner .commerce-add-to-cart-confirmation .button a,
#page .commerce-add-to-cart-confirmation .button a {
  float: right;
  width: 48%;
  margin-right: 4%;
}

#overlayer-inner .commerce-add-to-cart-confirmation .button:first-child a,
#page .commerce-add-to-cart-confirmation .button:first-child a {
  margin-right: 0;
}

.no-js #page .commerce-add-to-cart-confirmation .button.continue {
  display: none;
}

.no-js #page .commerce-add-to-cart-confirmation .button.checkout {
  float: none;
  width: 100%;
  max-width: 20em;
  padding-left: 0;
}

.no-js #page .commerce-add-to-cart-confirmation .button.checkout a {
  float: none;
}

div.commerce_add_to_cart_confirmation_overlay {
  background-image: none;
  opacity: 0.8;
}

.overlayer-attached div.commerce_add_to_cart_confirmation_overlay {
  display: none;
}

/** Cart edit & summary *****************************************************************/

#page .cart-empty-page {
  margin: 1em 0;
}

#page .view-commerce-cart-form {
  margin-top: 2em;
}

#page .view-commerce-cart-form table.views-table,
#page .view-commerce-cart-summary table.views-table {
  width: 100%;
  border-collapse: collapse;
}

#page .view-commerce-cart-form table.views-table tr,
#page .view-commerce-cart-summary table.views-table tr {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#page .view-commerce-cart-form table.views-table tr:first-child,
#page .view-commerce-cart-summary table.views-table tr:first-child {
  border-top-width: 1px;
  border-top-style: solid;
}

#page .view-commerce-cart-form table td,
#page .view-commerce-cart-summary table td {
  vertical-align: top;
  padding: 1em 0 0.8em 0;
}

#page #views-form-commerce-cart-form-default .delete-line-item {
  position: relative;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
  overflow: hidden;
  padding: 0;
  border-width: 0;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent;
  text-shadow: none;
}

#page .view-commerce-cart-form .views-field-field-price-suffix,
#page .view-commerce-cart-summary .views-field-field-price-suffix {
  padding-right: 0.7em;
}

#page .view-commerce-cart-form .views-field-field-price-suffix *,
#page .view-commerce-cart-summary .views-field-field-price-suffix * {
  display: inline;
}

.no-touch #page .view-commerce-cart-form .views-field-field-price-suffix a:hover {
  text-decoration: underline;
}

#page .view-commerce-cart-form .views-field-field-price-suffix .price-per-item,
#page .view-commerce-cart-summary .views-field-field-price-suffix .price-per-item {
  white-space: normal;
}

#page .view-commerce-cart-form .views-field-field-price-suffix .price-per-item .discount,
#page .view-commerce-cart-summary .views-field-field-price-suffix .price-per-item .discount {
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 700;
}

#page .view-commerce-cart-form .views-field-field-price-suffix .price-per-item .discount:before,
#page .view-commerce-cart-summary .views-field-field-price-suffix .price-per-item .discount:before {
  content: '(';
}

#page .view-commerce-cart-form .views-field-field-price-suffix .price-per-item .discount:after,
#page .view-commerce-cart-summary .views-field-field-price-suffix .price-per-item .discount:after {
  content: ')';
}

#page .view-commerce-cart-form .views-field-commerce-total,
#page .view-commerce-cart-summary .views-field-commerce-total {
  min-width: 6.5em;
  text-align: right;
}

#page .view-commerce-cart-form .views-field-commerce-total {
  padding-top: 0.8em;
}

#page .view-commerce-cart-form .views-field-commerce-total > div,
#page .view-commerce-cart-summary .views-field-commerce-total > div {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: right;
}

#page .view-commerce-cart-form .views-field-commerce-total input {
  max-width: 3.7em;
  margin-right: -0.2em;
}

#page .view-commerce-cart-form .views-field-commerce-total .commerce-total-price {
  margin: 0.3em 0 0 0;
}

.field-name-commerce-order-total .field-items {
  float: right;
  box-sizing: border-box;
  min-width: 280px;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0 0 0 36px;
  background: none;
}

#page .field-name-commerce-order-total .field-items td {
  padding: 0.8em 0 0.8em 0 !important;
}

#page .commerce-order-handler-area-order-total .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount {
  font-weight: 700;
}

#page .commerce-order-handler-area-order-total .commerce-price-formatted-components {
  width: 100%;
}

#page #views-form-commerce-cart-form-default .form-actions {
  clear: both;
  padding: 1.5em 0 0 0;
}

#page #views-form-commerce-cart-form-default #edit-submit,
#page #views-form-commerce-cart-form-default #edit-checkout {
  width: 100%;
  margin: 0 0 1em 0;
}

/* Wider widths only */
@media screen and (min-width: 31em) {
  .field-name-commerce-order-total .field-items,
  #page #views-form-commerce-cart-form-default #edit-checkout {
    min-width: 16em;
  }

  .field-name-commerce-order-total .field-items {
    width: auto;
    padding-left: 0;
  }

  #page #views-form-commerce-cart-form-default .form-actions {
    float: right;
    padding-top: 0.8em;
  }

  #page #views-form-commerce-cart-form-default #edit-submit,
  #page #views-form-commerce-cart-form-default #edit-checkout {
    display: inline-block;
    margin: 0 0 1em 0;
  }

  #page #views-form-commerce-cart-form-default #edit-submit {
    width: 11em;
  }

  #page #views-form-commerce-cart-form-default #edit-checkout {
    width: auto;
    margin-left: 1em;
  }
}

/** Checkout progress *******************************************************************/

.page-checkout- #region-breadcrumb {
  margin: 0.7em 0;
}

.block-commerce-checkout-progress .item-list {
  display: table;
  width: 100%;
  max-width: 35em;
  margin: 1em auto 0 auto;
  font-weight: 700;
}

ol.inline.commerce-checkout-progress {
  display: table-row;
  counter-reset: checkout-counter;
}

ol.inline.commerce-checkout-progress li,
ol.inline.commerce-checkout-progress li.active,
ol.inline.commerce-checkout-progress li.last.active {
  float: none;
  position: static;
  display: table-cell;
  width: 25%;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-align: center;
}

ol.inline.commerce-checkout-progress li:after {
  content: '';
  display: none;
}

ol.inline.commerce-checkout-progress li:before {
  content: counter(checkout-counter);
  counter-increment: checkout-counter;
  display: block;
  box-sizing: border-box;
  width: 2em;
  height: 2em;
  overflow: hidden;
  margin: 0 auto 0.3em auto;
  padding: 0.45em 0 0 0;
  border-radius: 1em;
  text-align: center;
}

/** Checkout ****************************************************************************/

#page .view-commerce-cart-form .views-field-commerce-total .commerce-total-quantity {
  margin: 0.3em 0 0 0;
}

#edit-cart-contents {
  margin: 2.5em 0 0 0;
}

#edit-cart-contents legend {
  padding-bottom: 0.5em;
}

#edit-account {
  margin: 3em 0 0 0;
}

#edit-account,
#edit-customer-profile-billing,
#edit-customer-profile-shipping,
#customer-profile-billing-ajax-wrapper > fieldset {
  position: relative;
  padding: 2.5em 1em 1.5em 1em;
  border-width: 1px;
  border-style: solid;
}

#edit-customer-profile-billing,
#edit-customer-profile-shipping,
#customer-profile-billing-ajax-wrapper > fieldset,
#edit-buttons.checkout-buttons {
  margin: 1em 0 0 0;
}

.page-checkout #page fieldset legend {
  border-bottom: none;
}

#edit-account legend,
#edit-customer-profile-billing legend,
#edit-customer-profile-shipping legend,
#customer-profile-billing-ajax-wrapper > fieldset legend {
  position: absolute;
  top: 1em;
}

.page-checkout #page fieldset .fieldset-wrapper {
  margin: 0;
}

.page-checkout #page fieldset legend span {
  padding: 0;
  text-transform: none;
  font-weight: 700;
  text-transform: uppercase;
}

.page-checkout #page .messages {
  margin: 2em 0 1em 0;
}

.page-checkout #page .checkout-help {
  margin: 1em 0;
}

/* Narrower widths only */
@media screen and (max-width: 31em) {
  .page-checkout .field-name-commerce-order-total .field-items {
    width: auto;
    min-width: 16em;
    padding-left: 0;
  }
}

.page-checkout #page #block-system-main form fieldset label {
  float: none;
  display: block;
  width: auto;
}

.page-checkout #page #block-system-main form fieldset .form-item {
  float: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 1em 0 0 0;
  padding: 0;
}

.page-checkout #page #block-system-main form fieldset .form-item input,
.page-checkout #page #block-system-main form fieldset .form-item select {
  box-sizing: border-box;
  width: 100%;
  min-height: 2em;
}

.page-checkout .commerce-customer-profile-copy {
  position: relative;
}

.page-checkout #page #block-system-main #customer-profile-billing-ajax-wrapper .commerce-customer-profile-copy * {
  display: inline;
  width: auto;
  vertical-align: baseline;
}

.page-checkout #page #block-system-main #customer-profile-billing-ajax-wrapper .form-type-checkbox {
  display: block;
  padding-top: 0.5em;
}

.page-checkout #page #section-content #block-system-main form fieldset .form-type-checkbox input {
  display: inline-block;
  position: relative;
  top: -3px;
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
  width: auto;
  margin: 0 1em 0 0.5em;
  padding: 10px;
  vertical-align: middle;
}

.page-checkout #page #block-system-main form .terms-of-service .form-type-checkbox label {
  display: inline-block;
  font-weight: 700;
  vertical-align: middle;
}

.page-checkout #page #block-system-main form .terms-of-service {
  padding-top: 0.5em;
}

.page-checkout .ajax-progress {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
}

.page-checkout #page #block-system-main #customer-profile-billing-ajax-wrapper .ajax-progress .throbber {
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
}

#edit-buttons.checkout-buttons {
  margin: 2em 0 0 0;
}

.page-checkout #page .checkout-buttons input#edit-continue {
  margin-bottom: 1em;
}

.page-checkout .button-operator {
  display: none;
}

@media screen and (min-width: 31em) {
  .page-checkout #page #block-system-main .field-type-addressfield .form-type-select,
  .page-checkout #page #block-system-main .field-type-addressfield .custom-block {
    width: 33.33%;
  }
  .page-checkout #page #block-system-main .locality-block .form-item {
    float: left;
    width: 33.33%;
    padding-left: 0.5em;
  }

  .page-checkout #page #block-system-main .locality-block .form-item:first-child {
    padding-left: 0;
  }

  .page-checkout #page #block-system-main .locality-block .clearfix:after {
    display: none;
  }

  .page-checkout #page #block-system-main .locality-block .form-item label {
    clear: none;
    width: 100%;
  }

  .page-checkout #page .checkout-buttons input#edit-continue {
    float: right;
    width: auto;
    min-width: 16em;
    margin-left: 1em;
  }

  .page-checkout #page .checkout-buttons input#edit-cancel,
  .page-checkout #page .checkout-buttons input#edit-back {
    float: right;
    width: auto;
  }
}

.page-checkout-review #page #block-system-main form fieldset .form-item input[type=radio],
.page-checkout-review #page #block-system-main form fieldset .form-item label {
  display: inline;
  width: auto;
  min-height: 0;
}

.page-checkout-review #payment-details {
  display: none;
}

.page-checkout-payment #page #edit-submit {
  max-width: 15em;
}

.js .page-checkout-payment {
  height: 100%;
  overflow-y: hidden;
}

.js .page-checkout-payment #page:before {
  content: 'Redirecting to payment server, please wait...';
  display: block;
  position: absolute;
  top: 40%;
  width: 100%;
  padding: 80px 0 0 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top center;
}

.js .page-checkout-payment #page > .section {
  visibility: hidden;
}

/** Shipping & Review *******************************************************************/

.page-checkout- #page #block-system-main table.checkout-review {
  width: 100%;
}

.page-checkout- #page #block-system-main table.checkout-review > tbody > tr {
  border: none;
}

.page-checkout- #page #block-system-main table.checkout-review tr.pane-title > td {
  padding: 2em 0 0 0;
  border-bottom: none;
  font-weight: 700;
  text-transform: uppercase;
}

.page-checkout- #page #block-system-main table.checkout-review tr.pane-title:first-child > td {
  padding-bottom: 0.5em;
}

.page-checkout- #page #block-system-main table.checkout-review tr.pane-data > td {
  padding: 0.2em 0 0 0;
}

.page-checkout-review #edit-commerce-payment {
  display: none; /* There is only one payment method */
  margin-top: 2em;
}

.page-checkout-review .field-name-field-checkout-notes .field-label {
  display: none;
}

.page-checkout-review #page #edit-commerce-payment > .fieldset-wrapper {
  padding: 0;
}

.page-checkout-shipping #page .checkout-buttons,
.page-checkout-review #page .checkout-buttons {
  margin-top: 4em;
}

.page-checkout-review #page #commerce-checkout-form-review .checkout-help {
  margin: 0;
  padding: 0;
}

/** Complete ****************************************************************************/

.page-checkout-complete #commerce-checkout-form-complete {
  margin: 0;
}

.page-checkout-complete .view-commerce-cart-summary:after {
  content: '';
  display: block;
  clear: both;
}

/** Homepage ****************************************************************************/

.front #page h1#page-title {
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 0;
  overflow: hidden;
}

.front .node,
.node-type-homepage .node-homepage {
  margin: 0;
  padding: 0;
  border: none;
}

.node-type-homepage .block-welcome p {
  margin: 0;
  font-weight: 700;
  line-height: 1.1em;
}

.node-type-homepage .field-name-body .summary {
  display: none;
  margin: 1em 0 -0.2em 0;
}

/** Login page **************************************************************************/

.page-user #page #user-login #user_login_form {
  padding: 0;
  border-width: 0;
}

.page-user a.login-password {
  display: none;
}

.page-user #page #user-login #edit-submit {
  max-width: 15em;
  margin-top: 2em;
}