@charset "UTF-8";
/*! 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;
  max-width: 100%; }

/**
 * 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; }

/* ==========================================================================
  Mixins
========================================================================== */
/* ==========================================================================
  Base styles: opinionated defaults
========================================================================== */
html {
  font-size: 1em;
  line-height: 1.4;
  min-width: 320px; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection styles must be defined individually, not comma-separated.
 */
::-moz-selection {
  background: #F5F5F5;
  text-shadow: none; }

::selection {
  background: #F5F5F5;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 10px 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
  Helper classes
========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto; }

h1, h2 {
  font-family: "Lato-Light";
  text-transform: uppercase;
  margin: 5px 0; }
  h1 a, h2 a {
    color: inherit; }

h1 {
  font-size: 1.875em;
  letter-spacing: 1px; }

h2 {
  font-size: 1.125em; }

h3 {
  font: bold 24px "Lato-Light";
  margin-top: 20px;
  text-transform: uppercase; }

p, li {
  font-size: 0.875em;
  font-family: "Lato";
  line-height: 1.5; }
  p a, li a {
    font-size: 1em; }

li {
  margin-bottom: 10px; }

a {
  color: #BB020A;
  text-decoration: none; }

.bright {
  color: #BB020A; }

.bold {
  font-weight: bold; }

.strikethrough {
  text-decoration: line-through;
  color: #ABABAB; }

.reqField {
  font-family: "Lato-Bold" !important; }

[class^="jenson-icon-"]:before, [class*=" jenson-icon-"]:before {
  font-family: "jenson-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.jenson-icon-search:before {
  content: '\e800'; }

/* '' */
.jenson-icon-double-arrow-left:before {
  content: '\e801'; }

/* 'εáü' */
.jenson-icon-double-arrow-right:before {
  content: '\e802'; }

/* 'εáé' */
.jenson-icon-double-arrow-up:before {
  content: '\e803'; }

/* 'εáâ' */
.jenson-icon-double-arrow-down:before {
  content: '\e804'; }

/* 'εáä' */
.jenson-icon-phone:before {
  content: '\e805'; }

/* 'εáà' */
.jenson-icon-chat-bubble:before {
  content: '\e806'; }

/* 'εáå' */
.jenson-icon-trunk:before {
  content: '\e807'; }

/* 'εáç' */
.jenson-icon-returns:before {
  content: '\e808'; }

/* 'εáê' */
.jenson-icon-wishlist:before {
  content: '\e809'; }

/* 'εáë' */
.jenson-icon-shopping-cart:before {
  content: '\e80a'; }

/* 'εáè' */
.jenson-icon-hamburger:before {
  content: '\e80c'; }

/* 'εáî' */
.jenson-icon-arrow-right:before {
  content: '\e80d'; }

/* 'εáì' */
.jenson-icon-arrow-left:before {
  content: '\e80e'; }

/* '' */
.jenson-icon-cog:before {
  content: '\e80f'; }

/* '' */
[class^="product-icon-"], [class*=" product-icon-"] {
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon {
  display: inline-block; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.product-icon-100mm {
  background-image: url(sprite.png);
  background-position: -448px -560px;
  width: 112px;
  height: 112px; }

.product-icon-120mm {
  background-image: url(sprite.png);
  background-position: -562px -448px;
  width: 112px;
  height: 112px; }

.product-icon-130mm {
  background-image: url(sprite.png);
  background-position: -786px -560px;
  width: 112px;
  height: 112px; }

.product-icon-140mm {
  background-image: url(sprite.png);
  background-position: -112px -112px;
  width: 112px;
  height: 112px; }

.product-icon-150mm {
  background-image: url(sprite.png);
  background-position: -226px 0px;
  width: 112px;
  height: 112px; }

.product-icon-160mm {
  background-image: url(sprite.png);
  background-position: -226px -112px;
  width: 112px;
  height: 112px; }

.product-icon-170mm {
  background-image: url(sprite.png);
  background-position: 0px -224px;
  width: 112px;
  height: 112px; }

.product-icon-180mm {
  background-image: url(sprite.png);
  background-position: -112px -224px;
  width: 112px;
  height: 112px; }

.product-icon-190mm {
  background-image: url(sprite.png);
  background-position: -224px -224px;
  width: 112px;
  height: 112px; }

.product-icon-200mm {
  background-image: url(sprite.png);
  background-position: -338px 0px;
  width: 112px;
  height: 112px; }

.product-icon-80mm {
  background-image: url(sprite.png);
  background-position: -338px -112px;
  width: 112px;
  height: 112px; }

.product-icon-adventure {
  background-image: url(sprite.png);
  background-position: -338px -224px;
  width: 112px;
  height: 112px; }

.product-icon-all-mountain {
  background-image: url(sprite.png);
  background-position: 0px -336px;
  width: 112px;
  height: 112px; }

.product-icon-aluminum {
  background-image: url(sprite.png);
  background-position: -112px -336px;
  width: 112px;
  height: 112px; }

.product-icon-carbon {
  background-image: url(sprite.png);
  background-position: -224px -336px;
  width: 112px;
  height: 112px; }

.product-icon-commuter {
  background-image: url(sprite.png);
  background-position: -336px -336px;
  width: 112px;
  height: 112px; }

.product-icon-conditions {
  background-image: url(sprite.png);
  background-position: -450px 0px;
  width: 112px;
  height: 112px; }

.product-icon-cross-country {
  background-image: url(sprite.png);
  background-position: -450px -112px;
  width: 112px;
  height: 112px; }

.product-icon-cyclocross {
  background-image: url(sprite.png);
  background-position: -450px -224px;
  width: 112px;
  height: 112px; }

.product-icon-dirt-jump {
  background-image: url(sprite.png);
  background-position: -450px -336px;
  width: 112px;
  height: 112px; }

.product-icon-dry {
  background-image: url(sprite.png);
  background-position: 0px -448px;
  width: 112px;
  height: 112px; }

.product-icon-fall {
  background-image: url(sprite.png);
  background-position: -112px -448px;
  width: 112px;
  height: 112px; }

.product-icon-freegoldbuild {
  background-image: url(sprite.png);
  background-position: 0px -784px;
  width: 63px;
  height: 63px; }

.product-icon-gravel {
  background-image: url(sprite.png);
  background-position: -336px -448px;
  width: 112px;
  height: 112px; }

.product-icon-gravity {
  background-image: url(sprite.png);
  background-position: -448px -448px;
  width: 112px;
  height: 112px; }

.product-icon-intended-use {
  background-image: url(sprite.png);
  background-position: -562px 0px;
  width: 112px;
  height: 112px; }

.product-icon-mens {
  background-image: url(sprite.png);
  background-position: -562px -112px;
  width: 112px;
  height: 112px; }

.product-icon-new {
  background-image: url(sprite.png);
  background-position: -117px -784px;
  width: 57px;
  height: 14px; }

.product-icon-push-bike {
  background-image: url(sprite.png);
  background-position: -562px -336px;
  width: 112px;
  height: 112px; }

.product-icon-race {
  background-image: url(sprite.png);
  background-position: 0px -112px;
  width: 112px;
  height: 112px; }

.product-icon-recreational {
  background-image: url(sprite.png);
  background-position: 0px -560px;
  width: 112px;
  height: 112px; }

.product-icon-rigid {
  background-image: url(sprite.png);
  background-position: -112px -560px;
  width: 112px;
  height: 112px; }

.product-icon-sport {
  background-image: url(sprite.png);
  background-position: -224px -560px;
  width: 112px;
  height: 112px; }

.product-icon-spring {
  background-image: url(sprite.png);
  background-position: -336px -560px;
  width: 112px;
  height: 112px; }

.product-icon-staff-pick {
  background-image: url(sprite.png);
  background-position: -63px -784px;
  width: 54px;
  height: 54px; }

.product-icon-steel {
  background-image: url(sprite.png);
  background-position: -560px -560px;
  width: 112px;
  height: 112px; }

.product-icon-street {
  background-image: url(sprite.png);
  background-position: -674px 0px;
  width: 112px;
  height: 112px; }

.product-icon-summer {
  background-image: url(sprite.png);
  background-position: -674px -112px;
  width: 112px;
  height: 112px; }

.product-icon-the-stats {
  background-image: url(sprite.png);
  background-position: -674px -224px;
  width: 112px;
  height: 112px; }

.product-icon-titanium {
  background-image: url(sprite.png);
  background-position: -674px -336px;
  width: 112px;
  height: 112px; }

.product-icon-touring {
  background-image: url(sprite.png);
  background-position: -674px -448px;
  width: 112px;
  height: 112px; }

.product-icon-trail {
  background-image: url(sprite.png);
  background-position: -674px -560px;
  width: 112px;
  height: 112px; }

.product-icon-triathlon {
  background-image: url(sprite.png);
  background-position: 0px -672px;
  width: 112px;
  height: 112px; }

.product-icon-weight-grams {
  background-image: url(sprite.png);
  background-position: -112px -672px;
  width: 112px;
  height: 112px; }

.product-icon-weight-lbs {
  background-image: url(sprite.png);
  background-position: -224px -672px;
  width: 112px;
  height: 112px; }

.product-icon-wet {
  background-image: url(sprite.png);
  background-position: -336px -672px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-24 {
  background-image: url(sprite.png);
  background-position: -448px -672px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-26 {
  background-image: url(sprite.png);
  background-position: -560px -672px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-27 {
  background-image: url(sprite.png);
  background-position: -672px -672px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-27plus {
  background-image: url(sprite.png);
  background-position: -786px 0px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-29 {
  background-image: url(sprite.png);
  background-position: -786px -112px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-29plus {
  background-image: url(sprite.png);
  background-position: -786px -224px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-650 {
  background-image: url(sprite.png);
  background-position: -786px -336px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-700 {
  background-image: url(sprite.png);
  background-position: -786px -448px;
  width: 112px;
  height: 112px; }

.product-icon-wheel-fat {
  background-image: url(sprite.png);
  background-position: -113px 0px;
  width: 113px;
  height: 112px; }

.product-icon-wheel20 {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 113px;
  height: 112px; }

.product-icon-windy {
  background-image: url(sprite.png);
  background-position: -562px -224px;
  width: 112px;
  height: 112px; }

.product-icon-winter {
  background-image: url(sprite.png);
  background-position: -224px -448px;
  width: 112px;
  height: 112px; }

.product-icon-womens {
  background-image: url(sprite.png);
  background-position: -786px -672px;
  width: 112px;
  height: 112px; }

.max-width {
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 20px; }
  @media (min-width: 64em) {
    .max-width {
      padding: 0;
      width: 85%; } }
  @media (min-width: 105em) {
    .max-width {
      width: 100%; } }

.content-align-middle {
  width: 100%;
  height: 100%;
  display: table; }
  .content-align-middle > div:first-child {
    display: table-cell;
    vertical-align: middle; }

.overlay {
  opacity: 0.25; }

html {
  overflow-x: hidden; }

body {
  font-family: Lato, sans-serif;
  position: relative; }
  body.opened-sidebar {
    overflow-x: hidden; }

strong {
  font-weight: normal;
  font-family: "Lato-Bold"; }

#Page {
  background-color: #FFFFFF;
  position: relative;
  z-index: 10; }

/* ==========================================================================
Forms and Inputs
========================================================================== */
input[type='text'],
input[type='email'],
input[type='number'],
input[type='password'] {
  width: 100%;
  border: solid 1px #858585;
  padding: 7px 5px;
  font-size: 1em;
  font-family: Lato, sans-serif; }

label {
  font-size: 0.8125em;
  margin-bottom: 5px;
  display: block; }

.custom-radio-btn {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .custom-radio-btn + label {
    cursor: pointer; }
    .custom-radio-btn + label:before {
      background-color: #FFFFFF;
      border: 1px solid #D7D7D7;
      content: "";
      display: inline-block;
      height: 14px;
      margin-right: 10px;
      position: relative;
      top: 3px;
      width: 14px; }
  .custom-radio-btn:checked + label:before {
    background-color: #000000; }

/* ==========================================================================
Lightboxes
========================================================================== */
#hdr-promo-freeship {
  display: none; }

div#FadeOut,
div#FadeOutLight {
  background-color: #000000;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
  -webkit-transform: translate3d(0, 0, 2px);
  -moz-transform: translate3d(0, 0, 2px);
  -ms-transform: translate3d(0, 0, 2px);
  -o-transform: translate3d(0, 0, 2px);
  transform: translate3d(0, 0, 2px); }
  .opened-sidebar div#FadeOut, .opened-sidebar
  div#FadeOutLight {
    position: absolute !important; }

div#FadeOut {
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  opacity: 0.75;
  -moz-opacity: .75; }

div#FadeOutLight {
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  opacity: 0.40;
  -moz-opacity: .40;
  display: none; }

.nodisplay {
  display: none; }

.showdisplay {
  display: block !important; }

.lightbox-notice {
  display: none; }

/* Added Product Popover */
div#added-product {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  float: right;
  font-size: 12px;
  left: 50%;
  margin: 0 0 10px 0;
  position: absolute;
  top: -50px;
  width: 90%;
  max-width: 425px;
  z-index: 9999;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 3px);
  -moz-transform: translate3d(0, 0, 3px);
  -ms-transform: translate3d(0, 0, 3px);
  -o-transform: translate3d(0, 0, 3px);
  transform: translate3d(0, 0, 3px); }
  div#added-product a {
    color: #CF0000; }
    div#added-product a:active, div#added-product a:hover {
      text-decoration: underline; }
  div#added-product .cart-info-warning {
    border-top: 1px solid #CCCCCC;
    color: #CF0000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px 15px; }
  div#added-product .added-product-header {
    background: -moz-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #ECECEC));
    background: -webkit-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -o-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -ms-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: linear-gradient(to bottom, #F6F6F6 0%, #ECECEC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#ECECEC',GradientType=0);
    color: #313131;
    padding: 8px 15px; }
    div#added-product .added-product-header:after {
      content: "";
      display: table;
      clear: both; }
    div#added-product .added-product-header span.added-product-title {
      float: left;
      font: 17px Lato-Bold, sans-serif; }
    div#added-product .added-product-header #close {
      float: right;
      font-size: 12px;
      font-weight: bold;
      padding-top: 5px; }
      div#added-product .added-product-header #close a {
        color: #313131; }
        div#added-product .added-product-header #close a:hover {
          text-decoration: none; }
  div#added-product #added-product-body {
    padding: 15px; }
    div#added-product #added-product-body:after {
      content: "";
      display: table;
      clear: both; }
    div#added-product #added-product-body span.error-msg {
      color: #CF0000; }
  div#added-product #added-product-img {
    margin-bottom: 20px; }
    div#added-product #added-product-img .imgBound {
      width: 90%;
      margin: 0 auto; }
      div#added-product #added-product-img .imgBound img {
        width: auto;
        max-width: 100%; }
  div#added-product #added-product-info {
    font-size: 11px;
    margin-bottom: 10px; }
    @media (min-width: 47.5em) {
      div#added-product #added-product-info {
        padding-left: 15px; } }
    div#added-product #added-product-info #added-product-name {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 10px; }
  @media (min-width: 47.5em) {
    div#added-product #added-product-footer {
      margin-top: 20px; } }
  div#added-product #added-product-footer #added-product-footer-left {
    margin-bottom: 10px; }
  div#added-product #added-product-footer #added-product-footer-right #checkout a {
    width: 100%;
    color: #fff !important;
    text-decoration: none; }
  div#added-product #added-product-footer #wishlist-cntrls:after {
    content: "";
    display: table;
    clear: both; }
  div#added-product #added-product-footer #wishlist-cntrls a {
    width: 100%;
    color: #fff !important; }
    @media (min-width: 47.5em) {
      div#added-product #added-product-footer #wishlist-cntrls a {
        float: right;
        max-width: 175px; } }

div#added-product div.prod-alsobought-lightbox-list {
  margin-bottom: 15px; }
  div#added-product div.prod-alsobought-lightbox-list:after {
    content: "";
    display: table;
    clear: both; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item {
  float: left;
  margin: 15px 0 0 15px;
  width: 190px; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-img {
  float: left;
  margin-right: 10px; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-img .imgBound {
  border: 2px solid #bcbcbc;
  display: table; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-img .imgBound a {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-img .imgBound a span {
  display: none; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-detail {
  float: left;
  width: 100px;
  font: 11px/13px Lato-Bold, sans-serif;
  padding: 2px 0; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-detail .prod-alsobought-item-ctrl {
  margin-top: 5px; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-detail .prod-alsobought-item-ctrl .btn-default {
  color: #fff !important; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-detail .prod-alsobought-item-name {
  margin-bottom: 5px; }

div#added-product div.prod-alsobought-lightbox-list div.prod-alsobought-item div.prod-alsobought-item-detail .prod-alsobought-item-price span {
  font-weight: normal; }

/* ==========================================================================
Breadcrumbs
========================================================================== */
div#bcrumb {
  line-height: 20px !important; }

#bcrumb-mini {
  font-size: 0.875em;
  font-family: "Lato"; }
  #bcrumb-mini a {
    display: inline-block;
    color: #222222; }

div#bcrumb-paging {
  color: #222222;
  min-height: 15px;
  padding: 10px;
  clear: both; }
  div#bcrumb-paging:after {
    content: "";
    display: table;
    clear: both; }

#page-label.show-for-small-only {
  text-align: center;
  margin-top: 10px; }

div#bcrumb-frame {
  float: left;
  margin-bottom: 10px; }
  @media (min-width: 47.5em) {
    div#bcrumb-frame {
      margin: 0; } }

div#bcrumb-paging span#bcrumb-prod-name {
  color: #666D2F;
  font-weight: bold; }

div#bcrumb .bcrumb-delim span {
  display: inline; }

div#bcrumb {
  font-size: 13px;
  margin: 0; }

div#bcrumb a {
  display: inline-block;
  color: #313131; }

div#bcrumb .active {
  font-style: italic; }

div#bcrumb-paging-myaccount {
  height: 39px;
  margin-bottom: 1px; }

div#bcrumb-paging-myaccount.marbtm {
  margin-bottom: 10px !important; }

div#bcrumb-paging-checkout {
  margin-bottom: 5px; }

div#bcrumb-paging-checkout div#bcrumb {
  font-size: 11px;
  font-weight: bold;
  padding: 0 5px 4px;
  text-align: left;
  text-transform: uppercase; }

div#bcrumb-paging-checkout div#bcrumb span {
  margin-right: 5px; }

/* ==========================================================================
Body
========================================================================== */
#bdy-hdr {
  position: relative; }

#bdy-content {
  display: block;
  position: relative;
  padding-bottom: 40px; }

@media (min-width: 105em) {
  #bdy-content-wide {
    padding-left: 0;
    padding-right: 0; } }
/* ==========================================================================
Breadcrumb
========================================================================== */
#mobile-brcumb a {
  font-family: Lato, sans-serif;
  font-size: 0.8125em;
  color: #313131;
  font-weight: bold; }
  #mobile-brcumb a .fa {
    font-size: 0.8125em;
    margin-right: 5px; }

a#whoson_chat_link {
  display: none; }

/* ==========================================================================
Reviews and Ratings
========================================================================== */
.review-data {
  text-align: center;
  margin: 0 auto 5px; }
  .review-data:after {
    content: "";
    display: table;
    clear: both; }
  .review-data .star-rating {
    display: inline-block;
    height: 16px;
    background: transparent url(/images/review-stars.png) no-repeat scroll;
    background-position-x: 50%;
    width: 83px;
    margin-top: 2px; }
  .review-data .review-count {
    display: inline-block;
    font-size: 12px;
    margin-left: 4px;
    font-style: italic;
    color: #666666;
    position: relative;
    top: -2px; }

/* ==========================================================================
Mobile Browser Specific
========================================================================== */
@media (max-width: 20em) {
  .isMobile .sub-nav-container .slider-next,
  .isMobile .homepage-slider .slider-next,
  .isMobile .homepage-content .slider-next,
  .isMobile .br-jfy-prods .slider-next,
  .isMobile .home-top-sellers .slider-next,
  .isMobile #featured-content .slider-next {
    display: none; }
  .isMobile .sub-nav-container .slider-prev,
  .isMobile .homepage-slider .slider-prev,
  .isMobile .homepage-content .slider-prev,
  .isMobile .br-jfy-prods .slider-prev,
  .isMobile .home-top-sellers .slider-prev,
  .isMobile #featured-content .slider-prev {
    display: none; } }
/* Newsletter */
div.newsletterRequest {
  text-transform: uppercase;
  font-size: 10px; }

div.newsletterRequest div#info-form-layout-hdr {
  clear: both;
  margin: 0 0 10px; }

div.newsletterRequest div#info-form-layout-left {
  float: left;
  margin: 0 0 40px 0; }

div.newsletterRequest div#info-form-layout-right {
  float: right;
  margin: 0 0 40px 0; }

div.newsletterRequest div.info-form-detail {
  margin: 10px 0 0;
  padding: 0 5px;
  font-weight: bold;
  font-size: 12px; }

div.newsletterRequest div.info-form-instruction {
  margin: 0 0 5px;
  padding: 0 5px;
  font-size: 12px;
  width: 395px; }

div.newsletterRequest div.info-form-hdr-label {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 5px;
  margin: 5px 0 10px; }

div.newsletterRequest div.info-form {
  margin-top: 20px; }

div.newsletterRequest div.info-form-row {
  margin: 0 0 7px;
  width: 380px; }

div.newsletterRequest div.spacer {
  margin: 0 !important; }

div.newsletterRequest div.forceleft div.info-form-row-left {
  float: left;
  width: auto;
  padding: 0 0 18px 5px; }

div.newsletterRequest div.info-form div.forceleft div.info-form-row-right {
  text-align: left; }

div.newsletterRequest div.info-form-row-left {
  float: left;
  width: 170px;
  padding: 0 0 0 5px; }

div.newsletterRequest div.info-form-row div.labellong {
  width: 140px !important; }

div.newsletterRequest div.info-form-row-right {
  text-align: left; }

div.newsletterRequest div.info-form-row-right input.intxt,
div.newsletterRequest div.info-form-row-right input.inpwd,
div.newsletterRequest div.info-form-row-right select,
div.newsletterRequest div.info-form-row-right textarea {
  width: 200px; }

div.newsletterRequest div.info-form-row-right textarea {
  font-size: 10px;
  font-family: arial,tahoma,verdana,helvetica,clean,sans-serif;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; }

div.newsletterRequest div.info-form-row-right label {
  margin: 0 0 0 10px; }

div.newsletterRequest div.info-form-row div.inputshort input.intxt,
div.newsletterRequest div.info-form-row div.inputshort input.inpwd,
div.newsletterRequest div.info-form-row div.inputshort select {
  width: 215px !important; }

div.newsletterRequest div.info-form-row-right input#txtYear {
  width: 45px; }

div.newsletterRequest div.info-form-row-err {
  clear: both;
  padding: 0 0 0 5px; }

div.newsletterRequest span.subtext {
  font-size: 8px; }

div.newsletterRequest span.rdoLbl {
  margin: 0 7px 0 3px;
  position: relative;
  bottom: 3px; }

div#mobile-cat-filter {
  clear: both;
  position: relative;
  padding-bottom: 10px; }
  div#mobile-cat-filter h3 {
    text-align: center;
    font-size: 20px;
    text-transform: none;
    margin: 0;
    font-weight: normal; }
    div#mobile-cat-filter h3 span {
      margin-left: 3px; }
  div#mobile-cat-filter .mobile-cat-filter-toggle {
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 5px 0; }
  div#mobile-cat-filter ul {
    display: none;
    position: absolute;
    top: 95%;
    border: 1px solid #000;
    left: 0;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
    padding: 10px 20px;
    margin: 0; }
    div#mobile-cat-filter ul li {
      list-style: none;
      text-align: center;
      margin: 2px 0; }
      div#mobile-cat-filter ul li a {
        font-size: 14px;
        color: #000; }

hr {
  margin-top: 0 !important;
  border-color: #222222 !important; }

.btn-default {
  background-color: #C52127;
  border-radius: 0;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font: 10px/10px Lato-Bold, sans-serif;
  padding: 12px 14px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  white-space: nowrap;
  -webkit-appearance: none; }

.btn-secondary {
  background-color: #868686; }

.btn-small {
  background-color: #6D6E70;
  font-size: 9px;
  line-height: 9px;
  padding: 7px 8px 6px; }

.btn-200-wide {
  padding-left: 0;
  padding-right: 0;
  width: 200px; }

.btn-ship-destination {
  border: none;
  background: none;
  font-size: 11px;
  text-transform: uppercase; }

.btn {
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #222222;
  color: #222222;
  display: inline-block;
  font-size: 1em;
  padding: 10px;
  text-align: center;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  /* Safari */ }
  .btn:hover {
    background-color: white; }
  .btn.btn-black {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75); }
    .btn.btn-black:hover {
      background-color: black; }
  .btn span {
    font-size: 0.875em;
    font-family: 'Lato-Light';
    font-style: italic;
    padding-right: 5px; }
  .btn .jenson-icon-double-arrow-right {
    position: relative;
    top: -2px;
    color: #BB020A; }

/* ==========================================================================
  Header
========================================================================== */
.hide-nav {
  z-index: 999; }
  .hide-nav .header-container {
    box-shadow: 0 5px 5px 0 rgba(239, 239, 239, 0.75); }
  .hide-nav .header-top,
  .hide-nav .header-navigation {
    height: 0;
    overflow: hidden; }
  .hide-nav .logo-container .logo {
    background-size: 70px 39px;
    height: 39px;
    width: 70px; }
  .hide-nav .checkout-header .logo-container {
    padding-top: 18px; }
  .hide-nav .header-links {
    margin-top: 0; }
  .hide-nav #product-search {
    margin-top: 0; }

#hd {
  background-color: #fff; }

/* Top Header */
.header-top {
  background: #F5F5F5;
  -webkit-transition: all 0.125s;
  /* Safari */
  transition: all 0.125s; }
  .header-top .header-top-content {
    margin: 0 auto;
    max-width: 1600px; }
    @media (min-width: 47.5em) {
      .header-top .header-top-content {
        width: 80% !important;
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 64em) {
      .header-top .header-top-content {
        width: 85% !important; } }
    @media (min-width: 105em) {
      .header-top .header-top-content {
        width: 100% !important; } }

.header-main {
  margin: 0 auto;
  max-width: 1600px;
  padding: 15px 20px;
  position: relative; }
  .header-main:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 64em) {
    .header-main {
      padding-left: 0;
      padding-right: 0;
      width: 85% !important; } }
  @media (min-width: 105em) {
    .header-main {
      width: 100% !important; } }

.header-main-content:after {
  content: "";
  display: table;
  clear: both; }
@media (min-width: 64em) {
  .header-main-content {
    width: 79%;
    float: right;
    border-bottom: 1px solid #222222; } }

.header-bottom {
  background-color: #F5F5F5; }

/* Logo */
.logo-container {
  float: left;
  padding: 6px 0 0 0; }
  @media (min-width: 47.5em) {
    .logo-container {
      padding: 0 40px 0 0; } }
  .logo-container .logo {
    display: block;
    width: 70px;
    height: 39px;
    background-image: url("/images/logo-2x.png");
    background-repeat: no-repeat;
    background-size: 70px 39px;
    -webkit-transition: all 0.125s;
    /* Safari */
    transition: all 0.125s; }
    @media (min-width: 47.5em) {
      .logo-container .logo {
        width: 91px;
        height: 51px;
        background-size: 91px 51px; } }
    @media (min-width: 64em) {
      .logo-container .logo {
        width: 140px;
        height: 78px;
        background-size: 140px 78px; } }

@media (min-width: 47.5em) {
  .checkout-header .logo-container {
    padding-top: 12px; } }
@media (min-width: 64em) {
  .checkout-header .logo-container {
    padding-top: 0; } }

.header-links {
  float: right;
  position: relative; }
  @media (min-width: 47.5em) {
    .header-links {
      margin-top: 6px; } }
  @media (min-width: 64em) {
    .header-links {
      margin-top: 18px; } }
  .header-links > a {
    float: left;
    margin-left: 25px;
    color: #222222; }
    @media (min-width: 64em) {
      .header-links > a {
        float: right; } }

#search-toggle > span {
  font-size: 2.25em; }

#shopping-cart {
  width: 33px;
  height: 33px;
  text-align: center;
  position: relative; }
  #shopping-cart > .jenson-icon-shopping-cart {
    color: #222222;
    font-size: 2.25em;
    position: absolute;
    top: 0;
    left: -10px; }
    @media (min-width: 64em) {
      #shopping-cart > .jenson-icon-shopping-cart {
        font-size: 2.1em;
        top: -4px; } }
  #shopping-cart > .cart-count {
    width: 100%;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 13px;
    padding-right: 8px;
    left: 0;
    z-index: 1; }
    @media (min-width: 64em) {
      #shopping-cart > .cart-count {
        top: 7px; } }

#menu-toggle {
  padding-top: 5px;
  font-size: 1.75em; }

.header-account-menu-container {
  clear: both;
  font-size: 14px;
  margin-top: 15px;
  position: absolute;
  right: 50px;
  width: 175px;
  z-index: 3; }
  .header-account-menu-container a {
    color: #222222;
    text-transform: uppercase; }
  .header-account-menu-container .arrow-border {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 21px 21px;
    border-color: transparent transparent #222222 transparent;
    display: block;
    position: absolute;
    top: 17px;
    right: 5px; }
    .header-account-menu-container .arrow-border .arrow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 20px 20px;
      border-color: transparent transparent white transparent;
      display: block;
      position: absolute;
      top: 2px;
      left: -21px; }
  .header-account-menu-container .header-account-menu {
    display: none;
    z-index: 4;
    background-color: #fff;
    border: 1px solid #222222;
    margin-top: 15px;
    margin-right: 5px; }
    .header-account-menu-container .header-account-menu.active {
      display: block; }
    .header-account-menu-container .header-account-menu ul {
      margin-bottom: 10px;
      margin-top: 10px;
      margin: 0;
      padding: 0; }
      .header-account-menu-container .header-account-menu ul li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 5px 15px; }
        .header-account-menu-container .header-account-menu ul li a {
          font-size: 14px; }
  .header-account-menu-container #language-currency-container {
    background-color: #F5F5F5;
    padding: 25px 15px; }
    .header-account-menu-container #language-currency-container > *:first-child {
      margin-bottom: 10px; }
    .header-account-menu-container #language-currency-container > *:last-child {
      margin-bottom: 0 !important; }

.icon-search {
  display: inline-block;
  color: #000;
  font-size: 34px; }

.icon-cart {
  width: 33px;
  height: 33px;
  color: #fff;
  font-size: 12px;
  padding-top: 5px;
  padding-right: 3px;
  text-align: center; }

.header-navigation-border {
  margin: 0 auto;
  height: 8px; }
  .header-navigation-border:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 64em) {
    .header-navigation-border {
      height: 33px; } }
  .header-navigation-border span {
    display: block;
    float: left;
    height: 100%; }
    .header-navigation-border span:first-child {
      width: 25%;
      background-color: #BB020A; }
    .header-navigation-border span:nth-child(2) {
      width: 20%;
      background-color: #666; }
    .header-navigation-border span:last-child {
      width: 55%;
      background-color: black; }

.header-navigation-body {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px; }
  @media (min-width: 47.5em) {
    .header-navigation-body {
      width: 80% !important;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 64em) {
    .header-navigation-body {
      width: 85% !important; } }
  @media (min-width: 105em) {
    .header-navigation-body {
      width: 100% !important; } }

.menu-toggle {
  width: 30px;
  height: 27px;
  margin-top: 5px;
  display: inline-block;
  background-image: url("/images/icon-nav-toggle.png");
  background-repeat: no-repeat; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .menu-toggle {
      /* on retina, use image that's scaled by 2 */
      background-image: url("/images/icon-nav-toggle-2x.png");
      background-size: 30px 27px; } }

/* Currency Select */
#curr-cnvtr-form select {
  height: 22px;
  width: 100%;
  max-width: 200px;
  font-size: 13px; }
  #curr-cnvtr-form select option {
    font-size: 13px; }

/* Search */
.product-search-wrapper {
  width: 100%;
  background: #fff;
  clear: both;
  padding-top: 15px;
  z-index: 9999999;
  display: none; }
  @media (min-width: 47.5em) {
    .product-search-wrapper {
      width: 60%;
      display: block !important;
      margin: 0 auto;
      padding-top: 9px;
      display: block;
      float: left;
      clear: none; } }

#product-search {
  background-color: #F5F5F5;
  height: 32px;
  padding-left: 5px;
  position: relative;
  width: 100%; }
  @media (min-width: 47.5em) {
    #product-search {
      background-color: transparent; } }
  @media (min-width: 64em) {
    #product-search {
      max-width: 100%;
      margin: 15px auto 0;
      padding-bottom: 5px; } }
  #product-search input.product-search-box {
    background: transparent;
    border: none;
    color: #000;
    font: 17px "Lato-Light";
    height: 30px;
    margin-left: 5px;
    padding: 0;
    width: 80%; }
    #product-search input.product-search-box:focus {
      outline: none; }
    @media (min-width: 47.5em) {
      #product-search input.product-search-box {
        width: 90%; } }
  #product-search input.product-search-submit {
    float: left;
    padding: 0;
    width: 19px;
    height: 22px;
    text-indent: 9999999999999px;
    background: none;
    margin-top: 4px;
    margin-right: 5px;
    border: 0;
    background-color: transparent;
    background-image: url("/images/icon-search.png");
    background-repeat: no-repeat;
    background-size: 19px 22px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #product-search input.product-search-submit {
        /* on retina, use image that's scaled by 2 */
        background-image: url("/images/icon-search-2x.png");
        background-size: 19px 22px; } }
  #product-search #autosuggest-clear {
    color: #858585;
    cursor: pointer;
    display: none;
    font-size: .9375em;
    position: absolute;
    right: -10px;
    top: 5px; }
  #product-search #autosuggest-results {
    background-color: #E3E4E5;
    border: 1px solid #CCCCCC;
    display: none;
    margin-top: 3px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999999; }
    #product-search #autosuggest-results ul {
      list-style: none;
      width: 100%;
      margin: 0;
      padding: 0; }
      #product-search #autosuggest-results ul a {
        color: #000000;
        display: block;
        font-size: .8125em;
        padding: 7px 12px;
        text-transform: none; }
      #product-search #autosuggest-results ul li {
        float: none; }
        #product-search #autosuggest-results ul li + li {
          border-top: 1px solid #CCCCCC; }
      #product-search #autosuggest-results ul.right {
        background-color: #F0F0F0;
        border: 1px solid #CCCCCC;
        display: none;
        /* Hide category results */
        float: right;
        margin: 4px 4px 4px 0;
        width: 150px; }
        #product-search #autosuggest-results ul.right li + li {
          border-top: 1px solid #D3D3D3; }
          #product-search #autosuggest-results ul.right li + li a {
            padding-left: 19px; }
        #product-search #autosuggest-results ul.right li a {
          font-size: 1em;
          font-style: italic;
          padding: 5px 8px; }
    #product-search #autosuggest-results > ul > li.active-suggestion {
      background-color: #fff; }

/* Checkout Process Header */
.checkout-header .header-main-content {
  border: none;
  clear: both;
  padding-top: 20px; }
  @media (min-width: 47.5em) {
    .checkout-header .header-main-content {
      clear: none;
      float: left;
      width: 500px; } }
  .checkout-header .header-main-content .header-checkout-steps {
    position: relative;
    z-index: 1; }
    .checkout-header .header-main-content .header-checkout-steps:before {
      background-color: #EFEFEF;
      content: "";
      height: 10px;
      left: 7%;
      position: absolute;
      top: 8px;
      width: 83%;
      z-index: -1; }
      @media (min-width: 47.5em) {
        .checkout-header .header-main-content .header-checkout-steps:before {
          width: 78%; } }
    .checkout-header .header-main-content .header-checkout-steps .checkout-step {
      display: inline-block;
      font: 8px "Lato-Black";
      text-align: center;
      text-transform: uppercase;
      width: 16%; }
      @media (min-width: 47.5em) {
        .checkout-header .header-main-content .header-checkout-steps .checkout-step {
          font-size: 10px; } }
      .checkout-header .header-main-content .header-checkout-steps .checkout-step .checkout-step-circle {
        background-color: #FFFFFF;
        border-radius: 13px;
        border: 1px solid #C0C0C0;
        height: 26px;
        margin: 0 auto;
        width: 26px; }
        .checkout-header .header-main-content .header-checkout-steps .checkout-step .checkout-step-circle.current-step {
          position: relative;
          z-index: 1; }
          .checkout-header .header-main-content .header-checkout-steps .checkout-step .checkout-step-circle.current-step:before {
            background-color: #6D6E70;
            border-radius: 9px;
            content: "";
            height: 18px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 3px;
            width: 18px;
            z-index: -1; }
      .checkout-header .header-main-content .header-checkout-steps .checkout-step .checkout-step-lbl {
        margin-top: 5px; }
    .checkout-header .header-main-content .header-checkout-steps .jenson-icon-double-arrow-right {
      color: #EFEFEF;
      font-size: 38px;
      position: absolute;
      top: -14px; }

/* ==========================================================================
  Footer
========================================================================== */
#ftr {
  background-color: #222222;
  color: #fff;
  margin-top: 50px;
  background-image: url("/images/bkgd-footer.png");
  background-repeat: no-repeat;
  background-position: 225% bottom;
  background-size: 75%;
  clear: both; }

.ftr-main {
  font-size: 14px;
  padding: 0 0 20px;
  position: relative;
  text-align: center; }
  @media (min-width: 64em) {
    .ftr-main {
      text-align: left;
      padding-bottom: 40px; } }
  .ftr-main .columns:first-child > div:first-child {
    border-bottom: 1px solid #666666;
    margin: 0 40px;
    padding-top: 0; }
    @media (min-width: 64em) {
      .ftr-main .columns:first-child > div:first-child {
        border: 0; } }
  .ftr-main .columns > div {
    padding: 25px 0; }
    @media (min-width: 64em) {
      .ftr-main .columns > div {
        margin: 0 auto;
        padding: 0; } }
  .ftr-main h2 {
    font-family: 'Lato-Light';
    font-size: 33px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    margin-bottom: 5px; }
  .ftr-main p {
    margin: 0;
    font-weight: normal;
    line-height: 1; }
  .ftr-main .fa {
    margin-right: 10px;
    font-size: 1.25em; }

#ftr-gear-advice > img {
  float: left;
  margin-right: 20px;
  margin-top: 2px; }
#ftr-gear-advice #ft-gear-advice-links {
  margin-top: 20px; }
  #ftr-gear-advice #ft-gear-advice-links a {
    color: #fff;
    display: inline-block;
    padding: 0 25px; }
    @media (min-width: 64em) {
      #ftr-gear-advice #ft-gear-advice-links a {
        padding-right: 0; }
        #ftr-gear-advice #ft-gear-advice-links a:first-child {
          padding-left: 0; } }

@media (min-width: 76.75em) {
  #ftr-email-specials {
    width: 85%; } }
#ftr-email-specials form {
  margin: 0 auto;
  height: 30px;
  max-width: 365px;
  margin-top: 25px;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #000000;
  position: relative; }
  @media (min-width: 47.5em) {
    #ftr-email-specials form {
      max-width: 395px; } }
  @media (min-width: 64em) {
    #ftr-email-specials form {
      max-width: 100%; } }
  @media (min-width: 64em) {
    #ftr-email-specials form {
      margin-left: 0; } }
  #ftr-email-specials form:after {
    content: "";
    display: table;
    clear: both; }
  #ftr-email-specials form > * {
    float: left; }
  #ftr-email-specials form #ftr-email-signup-zip {
    border-left: 1px solid #000; }
  #ftr-email-specials form #ftr-email-submit .btn-default {
    border-radius: 0;
    font-size: 11px !important;
    height: 28px;
    line-height: 28px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 100%; }
  #ftr-email-specials form input {
    height: 28px;
    color: #000000;
    border: 0;
    border-radius: 0; }

#ftr-info {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 25px 0; }
  @media (min-width: 64em) {
    #ftr-info {
      background-color: #222222; } }
  #ftr-info .ftr-info-content {
    max-width: 1060px;
    margin: 0 auto; }
    @media (min-width: 64em) {
      #ftr-info .ftr-info-content {
        padding: 0; } }
  @media (min-width: 64em) {
    #ftr-info {
      border-bottom: 1px solid #666666;
      margin-bottom: 20px; } }
  #ftr-info .ftr-info-content {
    margin: 0 auto; }
  #ftr-info a {
    color: #fff; }
  #ftr-info #ftr-info-served {
    line-height: 1;
    text-transform: uppercase; }
  #ftr-info #ftr-info-brands {
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase; }
    @media (min-width: 64em) {
      #ftr-info #ftr-info-brands {
        font-size: 30px; } }
  #ftr-info #ftr-info-shipping {
    line-height: 1;
    text-transform: uppercase;
    font-size: 17px; }
    @media (min-width: 64em) {
      #ftr-info #ftr-info-shipping {
        font-size: 30px; } }
    #ftr-info #ftr-info-shipping span {
      font-size: .4em;
      font-style: italic; }
      @media (min-width: 47.5em) {
        #ftr-info #ftr-info-shipping span {
          font-size: 8px; } }
      @media (min-width: 64em) {
        #ftr-info #ftr-info-shipping span {
          font-size: 13px; } }
  #ftr-info #ftr-info-returns {
    line-height: 1;
    text-transform: uppercase;
    font-size: 17px; }
    @media (min-width: 64em) {
      #ftr-info #ftr-info-returns {
        font-size: 30px; } }

#ftr-social-media-container {
  padding-bottom: 20px; }
  @media (min-width: 76.75em) {
    #ftr-social-media-container {
      width: 185px;
      position: relative;
      top: -185px;
      left: 45%;
      padding-bottom: 0; } }
  #ftr-social-media-container .slogan-container {
    text-align: center; }
    #ftr-social-media-container .slogan-container .slogan {
      font-family: 'Exo';
      font-weight: 600;
      font-size: 26px;
      color: #666666;
      text-transform: uppercase; }
  #ftr-social-media-container #ftr-logo {
    margin: 30px auto 0;
    width: 76px;
    height: 57px;
    background-image: url("/images/ftr-logo.png");
    background-repeat: no-repeat;
    background-size: 76px 57px; }
  #ftr-social-media-container #ftr-social-media {
    padding-bottom: 10px; }
    #ftr-social-media-container #ftr-social-media .ftr-icon-vertical {
      text-align: center; }
    #ftr-social-media-container #ftr-social-media #ftr-social-media-list {
      margin: 0 auto;
      width: 93px;
      height: 16px;
      background-image: url("/images/social-icons.png");
      background-repeat: no-repeat;
      background-size: 93px 16px;
      padding: 0; }
      #ftr-social-media-container #ftr-social-media #ftr-social-media-list li {
        width: 16px !important;
        height: 16px;
        list-style: none;
        float: left; }
        #ftr-social-media-container #ftr-social-media #ftr-social-media-list li#ftr-social-instagram, #ftr-social-media-container #ftr-social-media #ftr-social-media-list li#ftr-social-twitter, #ftr-social-media-container #ftr-social-media #ftr-social-media-list li#ftr-social-gplus {
          margin-right: 5px; }
        #ftr-social-media-container #ftr-social-media #ftr-social-media-list li a {
          display: block;
          text-decoration: none; }

#ftr-links-container {
  padding: 20px 0; }
  @media (min-width: 64em) {
    #ftr-links-container {
      margin-top: 0;
      border: 0; } }
  @media (min-width: 76.75em) {
    #ftr-links-container .ftr-links {
      float: left;
      width: 150px;
      border-right: 1px solid #666666;
      margin-right: 20px; }
      #ftr-links-container .ftr-links:last-child {
        border-right: 0; } }
  #ftr-links-container .row .row {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    @media (min-width: 76.75em) {
      #ftr-links-container .row .row div {
        width: 100%;
        float: none; } }
  #ftr-links-container h3 {
    border-bottom: 1px solid #666666;
    padding-bottom: 5px;
    margin: 0;
    margin-bottom: 5px;
    font-weight: normal;
    color: #666666;
    font-size: 14px; }
    @media (min-width: 76.75em) {
      #ftr-links-container h3 {
        border: 0;
        margin: 0; } }
  #ftr-links-container ul {
    margin: 0;
    margin-bottom: 20px;
    padding: 0; }
    @media (min-width: 76.75em) {
      #ftr-links-container ul {
        margin-bottom: 0; } }
    #ftr-links-container ul li {
      list-style: none;
      margin: 5px 0; }
      #ftr-links-container ul li a {
        font-size: 14px;
        text-decoration: none;
        color: #fff !important; }
      #ftr-links-container ul li a:active {
        color: #fff !important; }

.ftr-border {
  height: 10px; }
  .ftr-border:after {
    content: "";
    display: table;
    clear: both; }
  .ftr-border span {
    display: block;
    width: 50%;
    height: 100%;
    float: left; }
    .ftr-border span:first-child {
      background-color: #666666; }
    .ftr-border span:last-child {
      background-color: #BB020A; }

.ftr-cog-element {
  width: 59px;
  height: 59px;
  background-image: url("/images/cog.png");
  background-repeat: no-repeat;
  background-size: 59px 59px;
  margin: 0 auto;
  position: relative;
  top: -30px; }

#ftr-bar {
  background-color: #FFFFFF; }
  #ftr-bar #ftr-bar-content {
    margin: -15px auto;
    text-align: center; }
  #ftr-bar #ftr-bar-button {
    width: 135px;
    display: inline-block;
    margin: 0 40px; }

/* Email Modal */
#email-signup-modal {
  display: none;
  position: relative; }
  #email-signup-modal #email-signup-modal-body {
    color: #fff; }
    #email-signup-modal #email-signup-modal-body > img {
      width: 100%; }
    #email-signup-modal #email-signup-modal-body #email-signup-modal-form {
      text-align: right;
      position: absolute;
      bottom: 10%;
      width: 90%;
      left: 10px; }
      #email-signup-modal #email-signup-modal-body #email-signup-modal-form input {
        width: 60%;
        border: medium none;
        padding-left: 5px;
        height: 30px;
        max-width: 200px;
        font-family: "Lato",sans-serif;
        font-size: 11pt;
        color: #000; }
      #email-signup-modal #email-signup-modal-body #email-signup-modal-form .submit-button {
        width: 80px;
        height: 32px;
        border: medium none;
        background-color: #C52127;
        text-transform: uppercase;
        font-family: "Lato",sans-serif;
        font-size: 11pt;
        font-weight: 600;
        cursor: pointer;
        padding: 1px 5px;
        color: #FFF;
        white-space: nowrap;
        border-radius: 3px; }

.homepage-info-content {
  max-width: 1060px !important; }

/* ==========================================================================
  Navigation
========================================================================== */
#main-nav-container {
  position: relative; }
  @media (min-width: 64em) {
    #main-nav-container {
      margin-top: -33px;
      padding: 0; } }

#main-nav {
  width: 300px;
  height: 100%;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  z-index: 3;
  left: -300px;
  display: none; }
  @media (min-width: 64em) {
    #main-nav {
      width: 100%;
      display: block !important;
      position: static; } }
  #main-nav .main-nav-header {
    background-color: #fff;
    padding: 15px;
    color: #000; }
    #main-nav .main-nav-header .back-mobile-menu {
      display: none; }
    #main-nav .main-nav-header .back-mobile-menu a,
    #main-nav .main-nav-header .close-mobile-menu a {
      color: #000;
      float: left;
      font-family: 'Lato', sans-serif;
      text-decoration: none;
      font-size: .875em;
      line-height: 100%;
      text-transform: uppercase; }
      #main-nav .main-nav-header .back-mobile-menu a .jenson-double-arrow-left,
      #main-nav .main-nav-header .close-mobile-menu a .jenson-double-arrow-left {
        margin-right: 3px; }
    #main-nav .main-nav-header .tagline {
      float: right;
      font-size: .875em;
      text-transform: uppercase;
      line-height: 100%; }
  #main-nav .toggle-submenu {
    float: right;
    margin-top: 3px;
    font-size: 16px;
    margin-right: 0; }
    @media (min-width: 64em) {
      #main-nav .toggle-submenu {
        display: none; } }
  #main-nav .jenson-icon-double-arrow-right {
    float: right;
    margin-right: 0;
    position: relative; }
    @media (min-width: 64em) {
      #main-nav .jenson-icon-double-arrow-right {
        display: none; } }

.mobile-nav-include {
  margin: 0;
  padding: 20px 10px; }
  .mobile-nav-include p.header-text {
    font-weight: normal;
    font-size: 20px;
    margin: 0; }
  .mobile-nav-include p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-size: .85em;
    text-transform: none; }
    .mobile-nav-include p .fa {
      margin-right: 10px; }
    .mobile-nav-include p:last-child {
      padding: 0; }
  .mobile-nav-include a {
    color: #000 !important;
    text-transform: none; }
    .mobile-nav-include a.btn {
      width: 165px;
      border: 1px solid #000;
      background-color: #fff;
      margin: 10px 0;
      font-size: 16px !important;
      text-align: center; }
      .mobile-nav-include a.btn .fa {
        font-size: 18px;
        margin-right: 7px; }
        .mobile-nav-include a.btn .fa.fa-phone {
          font-size: 22px;
          position: relative;
          top: 2px; }
  .mobile-nav-include.mobile-nav-include-1 {
    background-color: #fff; }
  .mobile-nav-include.mobile-nav-include-2 {
    background-color: #f5f5f5; }

@media (min-width: 64em) {
  .blog-brands-container {
    float: right; }
    .blog-brands-container li:last-child a {
      padding-right: 0 !important; }

  .main-nav-body {
    background-color: #000; }

  .main-nav-body ul:first-child {
    float: left; } }
.nav-lvl-1 {
  background-color: #000;
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }
  .nav-lvl-1 > li {
    list-style-type: none;
    margin: 0;
    text-transform: uppercase; }
    @media (min-width: 64em) {
      .nav-lvl-1 > li {
        border-bottom: 0;
        float: left;
        padding: 0; }
        .nav-lvl-1 > li.separator {
          color: #fff;
          margin-top: 6px; } }
    @media (min-width: 76.75em) {
      .nav-lvl-1 > li {
        border-bottom: 0;
        float: left;
        padding: 0; } }
    .nav-lvl-1 > li > a {
      color: #FFFFFF;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      text-decoration: none;
      display: block;
      padding: 10px;
      font-size: 0.875em;
      line-height: 1.2em; }
      @media (min-width: 64em) {
        .nav-lvl-1 > li > a {
          font-size: .9em;
          padding: 10px 20px 8px; } }
  .nav-lvl-1 .main-category-link {
    background-color: #BB020A; }
    @media (min-width: 64em) {
      .nav-lvl-1 .main-category-link a {
        padding-left: 0 !important; } }
    .nav-lvl-1 .main-category-link.over {
      background-color: #BB020A;
      position: relative; }
      .nav-lvl-1 .main-category-link.over:before {
        content: "";
        display: block;
        width: 0;
        border: 10px solid #BB020A;
        border-color: #BB020A transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        z-index: 2000; }
  .nav-lvl-1 .secondary-category-link {
    background-color: #666; }
    .nav-lvl-1 .secondary-category-link.over {
      background-color: #BB020A;
      position: relative; }
      .nav-lvl-1 .secondary-category-link.over:before {
        content: "";
        display: block;
        width: 0;
        border: 10px solid #BB020A;
        border-color: #BB020A transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        z-index: 2000; }

.nav-lvl-2,
.nav-lvl-3,
.nav-lvl-4 {
  width: 100%;
  background-color: #f5f5f5;
  padding: 0;
  position: absolute;
  left: 300px;
  top: 0;
  display: none; }
  .nav-lvl-2 > li,
  .nav-lvl-3 > li,
  .nav-lvl-4 > li {
    list-style-type: none;
    margin: 0;
    text-transform: uppercase; }
    .nav-lvl-2 > li.mobile-menu-header,
    .nav-lvl-3 > li.mobile-menu-header,
    .nav-lvl-4 > li.mobile-menu-header {
      color: #fff;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      text-decoration: none;
      display: block;
      font-size: 0.875em;
      line-height: 1em;
      background-color: #666; }
      .nav-lvl-2 > li.mobile-menu-header > .mobile-menu-header-text,
      .nav-lvl-3 > li.mobile-menu-header > .mobile-menu-header-text,
      .nav-lvl-4 > li.mobile-menu-header > .mobile-menu-header-text {
        display: block;
        padding: 10px; }
      .nav-lvl-2 > li.mobile-menu-header > a,
      .nav-lvl-3 > li.mobile-menu-header > a,
      .nav-lvl-4 > li.mobile-menu-header > a {
        color: #fff; }
    .nav-lvl-2 > li > a,
    .nav-lvl-3 > li > a,
    .nav-lvl-4 > li > a {
      color: #000;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      text-decoration: none;
      display: block;
      padding: 10px;
      line-height: 1em; }

.opened-sidebar .filter-toggle {
  display: none !important; }

/* Desktop */
#sub-nav-container {
  width: 100%;
  overflow: hidden;
  height: 0;
  position: absolute; }

.sub-nav-1 {
  position: absolute;
  left: 0;
  width: 100%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #dcdcdc !important;
  background: #f5f5f5;
  z-index: 1000;
  top: -999px;
  -webkit-transform: translateZ(0px) !important;
  /* Safari */
  transform: translateZ(0px) !important; }
  .sub-nav-1:after {
    content: "";
    display: table;
    clear: both; }
  .sub-nav-1.over {
    top: 0 !important; }
  .sub-nav-1 > div {
    float: left; }
  .sub-nav-1 ul {
    padding: 0;
    margin: 0; }
    .sub-nav-1 ul li {
      list-style: none;
      margin: 0; }

.sub-nav-links {
  width: 22.25%;
  background-color: #f5f5f5; }
  .sub-nav-links ul {
    padding: 20px 0; }
  .sub-nav-links li {
    position: relative;
    z-index: 10; }
    .sub-nav-links li a {
      text-transform: uppercase;
      font-weight: bold;
      color: #000;
      font-size: 13px;
      display: block;
      width: 100%;
      padding: 6px 8px;
      padding-left: 30px; }
      .sub-nav-links li a.over {
        background-color: #dcdcdc; }
        .sub-nav-links li a.over .right-arrow {
          display: block; }
      .sub-nav-links li a .right-arrow {
        position: absolute;
        display: none;
        top: 0;
        right: -15px;
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #dcdcdc; }

.subsub-nav-container {
  width: 77.75%;
  min-height: 320px;
  background-color: #fff;
  overflow: hidden;
  position: relative; }
  .subsub-nav-container > div {
    height: 100%;
    width: 100%;
    position: absolute;
    top: -9999999px; }

.sub-nav-2 {
  width: 100%;
  padding: 20px; }
  .sub-nav-2:after {
    content: "";
    display: table;
    clear: both; }
  .sub-nav-2.over {
    display: block;
    position: relative;
    top: auto;
    left: auto; }
  .sub-nav-2:after {
    content: "";
    display: table;
    clear: both; }
  .sub-nav-2 >
  .column {
    padding: 0 !important; }
    .sub-nav-2 >
    .column > ul {
      width: 100%;
      height: 100%; }
      .sub-nav-2 >
      .column > ul:after {
        content: "";
        display: table;
        clear: both; }
      .sub-nav-2 >
      .column > ul > li {
        padding: 5px;
        line-height: 16px; }
        .sub-nav-2 >
        .column > ul > li > a {
          color: #000;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 12px;
          line-height: 16px; }
  .sub-nav-2 > ul {
    height: 100%;
    float: left;
    width: 25%; }
    .sub-nav-2 > ul:after {
      content: "";
      display: table;
      clear: both; }
    .sub-nav-2 > ul > li {
      padding: 5px;
      line-height: 16px; }
      .sub-nav-2 > ul > li > a {
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 16px; }

.sub-nav-3 li {
  line-height: 16px; }
  .sub-nav-3 li a {
    color: #000;
    font-size: 12px;
    line-height: 14px; }

.sub-nav-footer {
  width: 100%;
  float: left;
  height: 100px; }
  .sub-nav-footer:after {
    content: "";
    display: table;
    clear: both; }
  .sub-nav-footer > * {
    float: left; }
  .sub-nav-footer .sub-nav-footer-left {
    width: 22.25%;
    background-color: #f5f5f5;
    height: 100%; }
    .sub-nav-footer .sub-nav-footer-left ul {
      padding: 10px 0;
      margin: 0 10px;
      border-top: 2px solid #ECECEC; }
      .sub-nav-footer .sub-nav-footer-left ul li {
        list-style: none; }
        .sub-nav-footer .sub-nav-footer-left ul li a {
          text-transform: uppercase;
          font-weight: bold;
          color: #000;
          font-size: 13px;
          display: block;
          width: 100%;
          padding: 6px 8px;
          padding-left: 20px; }
  .sub-nav-footer .sub-nav-footer-right {
    background-color: #ffffff;
    width: 77.75%;
    height: 100%;
    border-top: 2px solid #ECECEC;
    overflow: hidden; }

/* Category Banner */
/*doc
---
title: Category Header
name: 04_CatHeader
category: basics
---

```html_example
<div class="category-banner" style="background-image: url(http://placehold.it/1600x150);">
	<div class="content-align-middle">
			<div class="category-banner-content">
				<h1>Mountain Bikes</h1>
			</div>
	</div>
</div>
<div class="category-feature">
	<p>Need assistance choosing the right mountain bike? Call our Gear Advisors at <strong>(888) 880-3811 for expert guidance</strong>.</p>			
</div>
```

*/
.category-banner {
  width: 100%;
  height: 95px;
  display: table;
  background-size: cover;
  background-position: center center; }
  @media (min-width: 64em) {
    .category-banner {
      height: 130px; } }
  @media (min-width: 76.75em) {
    .category-banner {
      height: 150px; } }
  .category-banner > div {
    width: 100%;
    height: 100%;
    color: #fff;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1600px; }
    @media (min-width: 47.5em) {
      .category-banner > div {
        width: 80% !important;
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 64em) {
      .category-banner > div {
        width: 85% !important; } }
    @media (min-width: 105em) {
      .category-banner > div {
        width: 100% !important; } }

.category-feature {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 1600px; }
  @media (min-width: 64em) {
    .category-feature {
      width: 85% !important; } }
  @media (min-width: 105em) {
    .category-feature {
      width: 100% !important; } }
  .category-feature > * {
    padding: 20px;
    background-color: #F5F5F5;
    margin: 0; }
    @media (min-width: 47.5em) {
      .category-feature > * {
        padding: 20px; } }
    @media (min-width: 64em) {
      .category-feature > * {
        margin: 20px 0 0; } }

/* Category Page Product Item */
.prod-list {
  margin-top: 20px; }
  .prod-list .prlst-itm {
    height: 640px;
    margin-bottom: 30px; }
    @media (min-width: 76.75em) {
      .prod-list .prlst-itm {
        width: 33.33%; } }
    @media (min-width: 105em) {
      .prod-list .prlst-itm {
        width: 25%; } }
    .prod-list .prlst-itm .prlist-itm-content {
      height: 100%;
      text-align: center;
      position: relative; }
      .prod-list .prlst-itm .prlist-itm-content .prlst-itm-flags {
        text-align: left;
        position: relative;
        z-index: 3; }
        .prod-list .prlst-itm .prlist-itm-content .prlst-itm-flags .prlst-itm-flags-left {
          position: absolute;
          top: 0;
          left: 0; }
          .prod-list .prlst-itm .prlist-itm-content .prlst-itm-flags .prlst-itm-flags-left > * {
            display: block;
            margin-bottom: 3px; }
        .prod-list .prlst-itm .prlist-itm-content .prlst-itm-flags .prlst-itm-flags-right {
          position: absolute;
          top: 0;
          right: 0; }
          .prod-list .prlst-itm .prlist-itm-content .prlst-itm-flags .prlst-itm-flags-right > * {
            display: block;
            margin-bottom: 3px; }
      .prod-list .prlst-itm .prlist-itm-content .prlst-itm-img {
        display: table;
        height: 382px;
        margin-bottom: 10px;
        padding-top: 40px;
        table-layout: fixed;
        width: 100%; }
        .prod-list .prlst-itm .prlist-itm-content .prlst-itm-img a {
          display: table-cell;
          height: 382px;
          text-decoration: none;
          vertical-align: middle; }
          .prod-list .prlst-itm .prlist-itm-content .prlst-itm-img a img {
            display: block;
            height: auto;
            margin: 0 auto;
            max-height: 382px;
            max-width: 100%;
            position: relative;
            width: auto; }
            .prod-list .prlst-itm .prlist-itm-content .prlst-itm-img a img.no-img {
              width: 76%; }
      .prod-list .prlst-itm .prlist-itm-content a.prlist-name {
        color: #313131;
        display: block;
        font-size: 0.9375em;
        display: block;
        padding: 0 20px;
        line-height: 1.5;
        text-transform: uppercase;
        text-align: center;
        height: 45px; }
      .prod-list .prlst-itm .prlist-itm-content .prlist-price {
        margin-top: 20px;
        border-top: 1px dashed #222222;
        border-bottom: 1px dashed #222222;
        text-align: center;
        padding: 10px 0;
        height: 65px !important;
        font-size: 1.125em; }
        .prod-list .prlst-itm .prlist-itm-content .prlist-price .product-price-adjsaleprice {
          margin-bottom: 3px; }
        .prod-list .prlst-itm .prlist-itm-content .prlist-price .product-price-percentoff {
          display: inline;
          font-size: 0.75em;
          font-family: "Lato-Bold";
          padding-right: 5px; }
        .prod-list .prlst-itm .prlist-itm-content .prlist-price .product-price-defprice {
          display: inline;
          font-size: 0.75em;
          text-decoration: line-through; }
      .prod-list .prlst-itm .prlist-itm-content .prlist-ratings {
        height: 50px;
        padding-top: 10px; }
      .prod-list .prlst-itm .prlist-itm-content .prlist-award {
        display: block;
        text-transform: uppercase;
        text-align: center;
        font-size: 0.75em;
        color: #C9C9C9;
        margin-top: 5px; }
    .prod-list .prlst-itm .btn-more-like-this {
      margin: 20px auto; }

.banner-area-BPSCRT {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 60px;
  font-size: 0.6875em;
  text-align: center;
  color: #BB020A; }

/* ==========================================================================
  Category Page Filters
========================================================================== */
#bdy-content-left {
  width: 250px;
  height: 90%;
  position: fixed;
  background: #fff;
  z-index: 99999;
  border-top: 1px solid #B5B5B5;
  border-right: 1px solid #B5B5B5;
  border-bottom: 1px solid #B5B5B5;
  top: 40%;
  left: -250px; }
  @media (min-width: 64em) {
    #bdy-content-left {
      width: 25%;
      height: auto;
      position: static;
      border: 0;
      height: auto; } }
  @media (min-width: 76.75em) {
    #bdy-content-left {
      width: 16.25%; } }
  #bdy-content-left.active {
    -webkit-box-shadow: 2px 2px 5px 0 #B5B5B5;
    box-shadow: 2px 2px 5px 0 #B5B5B5; }
    @media (min-width: 64em) {
      #bdy-content-left.active {
        -webkit-box-shadow: none;
        box-shadow: none; } }

@media (min-width: 76.75em) {
  #bdy-content-right {
    width: 83.75%;
    padding-left: 20px; } }

#subcat-list {
  margin-bottom: 40px; }
  #subcat-list .subcat-list-header {
    color: #222222;
    font-size: 0.875em;
    font-family: "Lato";
    padding: 10px 15px;
    background-color: #F5F5F5;
    text-transform: uppercase; }
  #subcat-list .subcat-list-links a {
    padding: 10px 15px;
    display: block;
    font-family: "Lato-Light";
    text-decoration: none;
    color: #222222;
    display: block;
    font-size: 0.875em;
    cursor: pointer;
    border-bottom: 1px dashed #BCBCBC; }
    #subcat-list .subcat-list-links a input {
      line-height: 17px;
      height: auto;
      float: right;
      margin: 1px 2px 1px 0; }
    #subcat-list .subcat-list-links a:hover {
      text-decoration: none;
      color: #828282;
      display: block; }

#left-nav {
  height: 100%;
  overflow: auto; }
  #left-nav a {
    color: #222222;
    font-family: "Lato"; }
  #left-nav .username {
    padding: 10px 10px 0; }
    #left-nav .username a {
      font: 1em 'Lato-Bold', sans-serif !important; }
      #left-nav .username a:hover {
        color: #313131; }
  #left-nav .filter-toggle {
    width: 50px;
    height: 148px;
    position: absolute;
    right: -49px;
    top: -1px;
    display: block;
    background-image: url("/images/filter-toggle.png");
    background-repeat: no-repeat;
    display: block; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #left-nav .filter-toggle {
        /* on retina, use image that's scaled by 2 */
        background-image: url("/images/filter-toggle@2x.png");
        background-size: 50px 148px; } }
  #left-nav .myaccount-filter-toggle {
    position: absolute;
    right: -25px;
    top: -1px;
    background: #818181;
    /* Old browsers */
    background: -moz-linear-gradient(left, #818181 0%, #4b4b4b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #818181), color-stop(100%, #4b4b4b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #818181 0%, #4b4b4b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #818181 0%, #4b4b4b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #818181 0%, #4b4b4b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #818181 0%, #4b4b4b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#4b4b4b',GradientType=1 );
    /* IE6-9 */
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0; }
    #left-nav .myaccount-filter-toggle .fa {
      color: #fff;
      padding: 8px 8px 8px 5px;
      font-size: 0.875em;
      line-height: 100%; }
  #left-nav .left-nav-hdr {
    color: #222222;
    font-size: 0.875em;
    font-family: "Lato";
    padding: 10px 15px;
    text-transform: uppercase; }
    #left-nav .left-nav-hdr .hdr-txt {
      display: inline-block;
      width: 80px; }
    #left-nav .left-nav-hdr .clear-text {
      float: right;
      font-size: 12px;
      font-family: "Lato-Light";
      text-transform: none; }
      #left-nav .left-nav-hdr .clear-text a {
        font-style: italic;
        color: #222222; }
  #left-nav .filter-bool-container {
    background-color: #F5F5F5; }
    #left-nav .filter-bool-container:after {
      content: "";
      display: table;
      clear: both; }
  #left-nav .left-nav-bool {
    font-size: 0.875em;
    width: 50%;
    float: left;
    padding: 10px 15px !important;
    color: #222222;
    text-transform: uppercase; }
    #left-nav .left-nav-bool:nth-child(odd) {
      padding-right: 0;
      text-align: left; }
    #left-nav .left-nav-bool:nth-child(even) {
      padding-left: 0;
      text-align: right; }
    #left-nav .left-nav-bool a {
      padding: 0 !important;
      border: 0 !important; }
    #left-nav .left-nav-bool input {
      margin-left: 2px;
      position: relative;
      top: 1px; }
  #left-nav .leftNav-leaf {
    cursor: pointer;
    position: relative;
    display: block;
    clear: both;
    font-size: 0.875em; }
    #left-nav .leftNav-leaf.active a {
      font: 13px Lato-Bold, sans-serif;
      display: block;
      line-height: 20px; }
    #left-nav .leftNav-leaf.lvl0 {
      padding: 10px 15px;
      position: relative;
      border-bottom: 1px dashed #BCBCBC;
      font-family: "Lato-Light"; }
      #left-nav .leftNav-leaf.lvl0.nav-arrow-down {
        border-bottom: 0 !important; }
    #left-nav .leftNav-leaf .swatch-container {
      margin-right: 5px; }
  #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link {
    padding: 8px 15px;
    display: block;
    font-family: "Lato-Light";
    text-decoration: none;
    color: #222222;
    display: block;
    font-size: 0.875em;
    cursor: pointer;
    position: relative; }
    #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link:after {
      content: "";
      width: 10px;
      height: 10px;
      border: 1px solid #222222;
      display: block;
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -5px; }
    #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link input {
      line-height: 17px;
      height: auto;
      float: right;
      margin: 1px 2px 1px 0;
      opacity: 0; }
    #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link:hover {
      text-decoration: none;
      color: #828282;
      display: block; }
    #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link.leftNav-leaf-lbl-checked:after {
      background-color: #222222; }
    #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link.leftNav-leaf-lbl-checked:hover {
      text-decoration: none;
      color: #C9C9C9;
      display: block; }
      #left-nav .left-nav-lvl1:not(.left-nav-bool) a.filter-option-link.leftNav-leaf-lbl-checked:hover:after {
        border: 1px solid #C9C9C9; }
  #left-nav .leftNav-leaf-disabled a.filter-option-link {
    color: #CCCCCC; }
    #left-nav .leftNav-leaf-disabled a.filter-option-link.leftNav-leaf-lbl-checked {
      color: #DDBEBE; }
  #left-nav .leftNav-leaf-disabled a:link,
  #left-nav .leftNav-leaf-disabled a:visited {
    color: #CCCCCC; }
  #left-nav .jenson-icon-double-arrow-right {
    float: right;
    font-size: 1em;
    color: #858585; }
  #left-nav .jenson-icon-double-arrow-down {
    float: right;
    font-size: 0.65em;
    margin-top: 8px;
    margin-right: 5px;
    color: #858585; }

.filter-results-loading {
  display: none;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  top: 100px;
  z-index: 3; }

.br-jfy-prods:not(.br-jfy-prods-partial-list) .br-jfy-prods-group .prlst-itm {
  height: 325px; }
  .br-jfy-prods:not(.br-jfy-prods-partial-list) .br-jfy-prods-group .prlst-itm .prlist-itm-content {
    height: 100%;
    border-bottom: 1px solid #B5B5B5; }

#br-content-RELATED-wrapper {
  margin-top: 0; }
  #br-content-RELATED-wrapper #br-related-searches-widget {
    padding-bottom: 10px; }
    #br-content-RELATED-wrapper #br-related-searches-widget .br-related-heading {
      color: #222222;
      font-size: 0.875em;
      font-family: "Lato";
      padding: 10px 15px;
      text-transform: uppercase; }
    #br-content-RELATED-wrapper #br-related-searches-widget .br-related-query {
      padding: 0 15px 5px;
      font-size: 1em; }
      #br-content-RELATED-wrapper #br-related-searches-widget .br-related-query a {
        font-size: 0.875em;
        color: #222222;
        font-family: "Lato-Light"; }

.product-attskuselector {
  height: 22px;
  width: 100%;
  margin-bottom: 10px; }
  .product-attskuselector:after {
    content: "";
    display: table;
    clear: both; }
  .product-attskuselector .prod-attsel-itm {
    height: 20px;
    width: 20px;
    margin: 1px;
    display: inline-block; }
    @media (min-width: 64em) {
      .prlist-itm-content .product-attskuselector .prod-attsel-itm {
        height: 10px;
        width: 10px;
        position: relative; }
        .prlist-itm-content .product-attskuselector .prod-attsel-itm:hover {
          width: 15px;
          height: 15px; }
          .prlist-itm-content .product-attskuselector .prod-attsel-itm:hover:before {
            display: none; }
        .prlist-itm-content .product-attskuselector .prod-attsel-itm:before {
          content: "";
          width: 10px;
          height: 10px;
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: #C9C9C9; } }
    .product-attskuselector .prod-attsel-itm a {
      display: block;
      width: 100%;
      height: 100%; }
      .product-attskuselector .prod-attsel-itm a img {
        background-position: 50% 50%;
        background-size: 100%;
        display: block;
        height: 100%;
        width: 100%; }
    .product-attskuselector .prod-attsel-itm.skuImage a img {
      background-size: initial; }
    .product-attskuselector .prod-attsel-itm .prod-attsel-itm-btn {
      height: 20px;
      width: 20px;
      display: inline-block; }
      @media (min-width: 64em) {
        .product-attskuselector .prod-attsel-itm .prod-attsel-itm-btn {
          height: 10px;
          width: 10px; } }
      .product-attskuselector .prod-attsel-itm .prod-attsel-itm-btn a {
        display: block;
        width: 100%;
        height: 100%; }
        .product-attskuselector .prod-attsel-itm .prod-attsel-itm-btn a img {
          background-position: 50% 50%;
          height: 100%;
          width: 100%;
          background-size: 100%; }
      .product-attskuselector .prod-attsel-itm .prod-attsel-itm-btn.skuImage a img {
        background-size: initial; }

/* ==========================================================================
  Pagination
========================================================================== */
.pagerprodcount .selectric-wrapper {
  display: none; }

.top-controls .pagerpagenum,
.top-controls .pagerprodcount {
  display: none; }
.top-controls:after {
  content: "";
  display: table;
  clear: both; }
@media (min-width: 64em) {
  .top-controls {
    top: 0px;
    padding: 20px 0;
    border-bottom: 1px solid #BCBCBC; }
    .top-controls > * {
      float: left;
      width: 33.33%; }
    .top-controls .pagerpagenum {
      display: block;
      text-align: right; } }
@media (min-width: 76.75em) {
  .top-controls .pagerprodcount {
    display: block; }
  .top-controls > * {
    float: left;
    width: 17.5%; }
  .top-controls .sort-filter {
    width: 25%; }
  .top-controls #bcrumb-frame {
    width: 40%; } }

.sort-filter label {
  float: left;
  font-size: 0.875em;
  margin-right: 10px;
  text-transform: uppercase; }
.sort-filter .selectric-wrapper {
  float: left;
  width: 55%;
  margin-top: -5px; }

.top-controls {
  margin-top: 20px; }

.sort-filter {
  clear: both; }
  @media (min-width: 47.5em) {
    .sort-filter {
      clear: none;
      float: right; } }
  @media (min-width: 64em) {
    .sort-filter {
      float: left; } }

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

.pagerpagenum {
  font-size: 0.875em;
  color: #222222; }
  .pagerpagenum span {
    color: #C9C9C9; }
  .pagerpagenum .page-label {
    color: #222222; }
    .pagerpagenum .page-label span {
      font-family: "Lato-Light";
      padding: 0 5px; }
  .pagerpagenum a {
    cursor: pointer;
    color: #222222; }
    .pagerpagenum a span {
      color: #222222; }
  .pagerpagenum:after {
    content: "";
    display: table;
    clear: both; }

#prodcount-select {
  display: none; }

div.pagerprodcount {
  text-align: center; }
  div.pagerprodcount .pagerprodcount-options {
    float: left;
    line-height: 1;
    margin-left: 15px; }
  div.pagerprodcount select {
    display: none; }
  div.pagerprodcount a {
    font-size: 0.875em;
    color: #222222; }
    div.pagerprodcount a.selected {
      color: #C9C9C9; }
    div.pagerprodcount a:hover {
      text-decoration: none; }
  @media (min-width: 47.5em) {
    div.pagerprodcount {
      float: left;
      text-align: left; } }
  div.pagerprodcount select {
    border: 0; }

.cat-search-pager {
  clear: both; }
  .cat-search-pager:after {
    content: "";
    display: table;
    clear: both; }
  .cat-search-pager a:hover {
    text-decoration: underline; }
  .cat-search-pager .pagerprodcount,
  .cat-search-pager .sort-by {
    text-align: center; }
    .cat-search-pager .pagerprodcount .label,
    .cat-search-pager .sort-by .label {
      display: inline;
      text-transform: uppercase;
      margin: 0;
      font-size: 0.875em; }
      @media (min-width: 47.5em) {
        .cat-search-pager .pagerprodcount .label,
        .cat-search-pager .sort-by .label {
          display: block;
          float: left; } }
    .cat-search-pager .pagerprodcount select,
    .cat-search-pager .sort-by select {
      border: 0;
      font-size: 0.875em;
      color: #666666;
      font-family: "Lato";
      padding: 0 5px;
      display: inline; }
      @media (min-width: 47.5em) {
        .cat-search-pager .pagerprodcount select,
        .cat-search-pager .sort-by select {
          float: left; } }
      .cat-search-pager .pagerprodcount select option,
      .cat-search-pager .sort-by select option {
        font-family: "Lato";
        color: #666666; }
  .cat-search-pager .filter-by input,
  .cat-search-pager .filter-by select,
  .cat-search-pager .filter-by p {
    vertical-align: middle; }
  .cat-search-pager .filter-by select {
    width: 120px;
    margin-right: 4px;
    display: inline;
    margin-bottom: 5px;
    float: left;
    border: 0;
    font-size: 0.875em; }
    .cat-search-pager .filter-by select optgroup {
      font-weight: normal; }

.alpha-filter {
  clear: both;
  padding-top: 15px;
  width: 100%; }
  .alpha-filter .alphabet {
    color: #CCCCCC;
    font-weight: bold;
    text-align: center; }
    .alpha-filter .alphabet .letter + .letter {
      margin-left: 6px; }
    .alpha-filter .alphabet .letter a {
      color: #CF0000; }
      .alpha-filter .alphabet .letter a.selected-letter {
        text-decoration: underline; }

.products-pages {
  color: #493F2E;
  float: right;
  font-size: 11px; }
  .products-pages div {
    float: left; }
  .products-pages a {
    color: #566422; }

/* Top-Level Category Dimension page */
div#category-list {
  margin-top: 50px;
  margin-bottom: 50px; }

div#category-list div.cat-list-column:nth-child(odd) {
  clear: left;
  margin-bottom: 20px; }
  @media (min-width: 64em) {
    div#category-list div.cat-list-column:nth-child(odd) {
      clear: none; } }

div#category-list div.cat-list-column div.cat-list-hdr {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 10px; }

div#category-list div.cat-list-column div.cat-list-hdr a {
  color: #000;
  text-transform: uppercase;
  font-weight: bold; }

div#category-list div.cat-list-column div.cat-list-hdr a:hover,
div#category-list div.cat-list-column div.cat-list-hdr a:active {
  color: #828282; }

div#category-list div.cat-list-column div.cat-list-bdy {
  margin-bottom: 20px; }

div#category-list div.cat-list-column div.cat-list-bdy a {
  color: #444444;
  display: block;
  font-size: 0.75em; }

div#category-list div.cat-list-column div.cat-list-bdy span a:hover,
div#category-list div.cat-list-column div.cat-list-bdy span a:active {
  color: #828282; }

/* Brand Category List Page */
.featured-brands-container h2 {
  border-bottom: 1px solid #000;
  margin: 0; }
  @media (min-width: 47.5em) {
    .featured-brands-container h2 {
      margin-top: 20px; } }

@media (min-width: 76.75em) {
  .featured-brands > div {
    width: 20% !important; } }
.featured-brands .featured-brand {
  width: 100%;
  height: 125px;
  display: table; }
  .featured-brands .featured-brand .featured-brand-image {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
    .featured-brands .featured-brand .featured-brand-image a {
      width: 100%;
      height: 100%;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      filter: gray;
      -webkit-filter: grayscale(1); }

#brand-page-primary .spotlight-brand {
  margin-bottom: 20px; }
  #brand-page-primary .spotlight-brand img {
    width: auto;
    max-width: 100%; }
#brand-page-primary #brand-list {
  color: #444444; }
  #brand-page-primary #brand-list a {
    color: #444444; }
  #brand-page-primary #brand-list .brand-index {
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
    text-align: center;
    font-size: 0.875em; }
    @media (min-width: 64em) {
      #brand-page-primary #brand-list .brand-index {
        text-align: left; } }
    #brand-page-primary #brand-list .brand-index span {
      display: block;
      margin-bottom: 5px;
      font-weight: bold; }
      @media (min-width: 64em) {
        #brand-page-primary #brand-list .brand-index span {
          display: inline; } }
    #brand-page-primary #brand-list .brand-index a {
      padding: 0 1.25%;
      line-height: 25px; }
      @media (min-width: 64em) {
        #brand-page-primary #brand-list .brand-index a {
          padding: 0;
          padding-left: 1.4%; } }
      @media (min-width: 76.75em) {
        #brand-page-primary #brand-list .brand-index a {
          padding-left: 2%; } }
  #brand-page-primary #brand-list .brand-list-item {
    margin: 20px 0; }
    #brand-page-primary #brand-list .brand-list-item:after {
      content: "";
      display: table;
      clear: both; }
    #brand-page-primary #brand-list .brand-list-item a.brand-back-to-top {
      font-size: 0.875em;
      text-transform: uppercase;
      float: right;
      margin-top: 50px; }
      #brand-page-primary #brand-list .brand-list-item a.brand-back-to-top span {
        margin-right: 10px; }
    #brand-page-primary #brand-list .brand-list-item .brand-list-hdr {
      font-weight: bold;
      margin-bottom: 5px; }
    #brand-page-primary #brand-list .brand-list-item .brand-list-links:after {
      content: "";
      display: table;
      clear: both; }
    #brand-page-primary #brand-list .brand-list-item .brand-list-links a {
      font-size: 0.875em;
      display: block; }
      @media (min-width: 47.5em) {
        #brand-page-primary #brand-list .brand-list-item .brand-list-links a {
          width: 50%;
          float: left; } }
      @media (min-width: 64em) {
        #brand-page-primary #brand-list .brand-list-item .brand-list-links a {
          width: 33.33%; } }
      @media (min-width: 76.75em) {
        #brand-page-primary #brand-list .brand-list-item .brand-list-links a {
          width: 20%; } }

/* Search Page - More Like This Header Product */
#mlt-prod-container {
  margin: 0 auto 20px;
  width: 300px; }

#mlt-prod-img {
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin-right: 10px;
  padding: 5px;
  width: 71px; }

#mlt-prod-details {
  float: left;
  font-weight: bold;
  width: 207px; }

#mlt-prod-hdr {
  color: #666666;
  font-style: italic; }

#mlt-prod-name {
  margin-top: 10px; }

#mlt-prod-name a {
  color: #040500; }

#mlt-prod-price {
  color: #CF0000;
  margin-top: 10px; }

/* Search */
.search-results-suggestion {
  text-align: center;
  padding: 10px;
  font-size: .875em; }
  @media (min-width: 64em) {
    .search-results-suggestion {
      font-size: 22px;
      line-height: 22px;
      text-align: left; } }

#search-filter-info-msg {
  padding: 10px;
  font-size: .875em; }

#not-found-content {
  margin: 0 auto;
  max-width: 1600px;
  width: 90%; }
  @media (min-width: 64em) {
    #not-found-content {
      width: 85%; } }
  @media (min-width: 105em) {
    #not-found-content {
      width: 100%; } }

div.search-results-hdr {
  clear: both;
  color: #000000;
  font-size: 17px;
  font-weight: bold;
  margin: 20px 0 10px; }

div.search-warning-instruction {
  margin-bottom: 5px; }

div.search-warning-form {
  border: solid 1px #858585;
  height: 32px;
  padding-left: 5px;
  width: 100%;
  max-width: 325px; }

div.search-warning-form input.product-search-box {
  border: none;
  color: #858585;
  font-size: 15px;
  height: 30px;
  width: 100%;
  max-width: 250px; }

div.search-warning-form input.no-results-search-submit {
  float: right; }

/* Discount Category Page */
.discount-cat-page-banner {
  margin: 10px 0; }

.discount-cat-no-thanks {
  margin: 10px 0; }

/*doc
---
title: Product Details
name: 04_ProdDetails
category: basics
---

```html_example
<div id="product-icons">
	<span class="icon product-icon-cross-country"></span>
	<span class="icon product-icon-120mm"></span>
	<span class="icon product-icon-wheel-fat"></span>
</div>
<div class="accordion close">
	<p>Bacon ipsum dolor amet qui pancetta meatloaf alcatra deserunt commodo. Pork cupidatat anim, rump kielbasa cillum spare ribs proident commodo velit chuck. Bacon exercitation boudin aute fugiat quis ut ground round, picanha tail eiusmod cow frankfurter. Fugiat incididunt est, et cow drumstick frankfurter laborum shankle aute nulla sunt tongue brisket qui.</p>
	<p>Velit ham hock fugiat, ball tip ea reprehenderit andouille. Drumstick ea in strip steak labore tongue, boudin tri-tip kevin. Exercitation ground round landjaeger bresaola nisi consectetur dolor in tail cupidatat nostrud. Nulla sausage shank chicken boudin tongue ad. Mollit ipsum ex beef ribs reprehenderit ground round porchetta bacon minim beef eu sunt swine venison filet mignon. Ut boudin biltong, magna pork chop picanha kielbasa dolor. Filet mignon jerky turkey occaecat sunt exercitation shank consectetur pastrami spare ribs chuck velit.</p>
	<p>Non sausage pork chop id biltong consectetur dolor duis. Mollit shankle short loin ut picanha elit nostrud drumstick ea sunt enim qui labore et bacon. Capicola nisi venison, t-bone swine minim tongue. Non tongue veniam shoulder tri-tip pork loin venison leberkas mollit short ribs consequat tenderloin ad. Turducken cillum ut pork loin, pariatur pork belly short loin exercitation eu duis fatback ball tip doner sirloin bresaola. Tongue tail non enim consequat labore in, occaecat porchetta shankle aute consectetur prosciutto shank. Culpa irure biltong occaecat venison alcatra sunt anim proident exercitation ham minim consequat non.</p>
	<button id="full-description-toggle" class="btn"><span>READ</span> FULL DESCRIPTION  <span class="jenson-icon-double-arrow-right"></span></button>
</div>
<h2><a name="F">Features</a></h2>
<hr>
<ul>
	<li>Travel: 6" (152mm)</li>     
	<li>High Modulus Carbon Fiber Main Frame and Swing Arm</li>
	<li>Switch Infinity Technology Suspension System</li>  
	<li>Tapered Inset Headtube</li>
	<li>12x142mm Rear Axle</li>    
	<li>Post-Mount Rear Brake Tab</li> 
	<li>Custom Chain Slap Guards</li>
	<li>Internal Cable Routing for Height Adjustable Seat Post</li>
</ul>
<h2><a name="G">Geometry</a></h2>
<hr>
<div class="geometry-table table-scroll">
	<table>
		<thead>
			<tr>
				<th>Size</th>
				<th>Small</th>
				<th>Medium</th>
				<th>Large</th>
				<th>Extra Large</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>A: Seat Tube Length</td>
				<td>419 / 16.5</td>
				<td>419 / 16.5</td>
				<td>419 / 16.5</td>
				<td>419 / 16.5</td>
			</tr>
			<tr>
				<td>B: Effective Top Tube</td>
				<td>579 / 22.8 </td>
				<td>579 / 22.8 </td>
				<td>579 / 22.8 </td>
				<td>579 / 22.8 </td>
			</tr>
			<tr>
				<td>C: Stack</td>
				<td>608 / 23.9</td>
				<td>608 / 23.9</td>
				<td>608 / 23.9</td>
				<td>579 / 22.8 </td>
			</tr><tr>
				<td>D: Reach</td>
				<td>397 / 15.6 </td>
				<td>397 / 15.6 </td>
				<td>397 / 15.6 </td>
				<td>397 / 15.6 </td>
			</tr>
			<tr>
				<td>E: BB Height</td>
				<td>334 / 13.1 </td>
				<td>334 / 13.1 </td>
				<td>334 / 13.1 </td>
				<td>334 / 13.1 </td>
			</tr>
			<tr>
				<td>F: BB Drop</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>G: Head Tube Length</td>
				<td>90 / 3.5 </td>
				<td>90 / 3.5 </td>
				<td>90 / 3.5 </td>
				<td>90 / 3.5 </td>
			</tr>
			<tr>
				<td>H: Head Tube Angle</td>
				<td>67.4░ </td>
				<td>67.4░ </td>
				<td>67.4░ </td>
				<td>67.4░ </td>
			</tr>
			<tr>
				<td>I: Seat Tube Angle</td>
				<td>73.3░ </td>
				<td>73.3░ </td>
				<td>73.3░ </td>
				<td>73.3░ </td>
			</tr>
			<tr>
				<td>J: Standover Height</td>
				<td>751 / 29.6 </td>
				<td>751 / 29.6 </td>
				<td>751 / 29.6 </td>
				<td>751 / 29.6 </td>
			</tr>
			<tr>
				<td>K: Chainstay Length </td>
				<td>437 / 17.2 </td>
				<td>437 / 17.2 </td>
				<td>437 / 17.2 </td>
				<td>437 / 17.2 </td>
			</tr>
			<tr>
				<td>L: Wheelbase </td>
				<td>1127 / 44.4 </td>
				<td>1127 / 44.4 </td>
				<td>1127 / 44.4 </td>
				<td>1127 / 44.4 </td>
			</tr>
		</tbody>
	</table>
</div>
```
*/
#pricematch-popup {
  display: none; }

.zoom-inactive .zoomContainer {
  z-index: 1 !important; }

.banner-area-BPSPTP {
  margin-bottom: 5px; }

.product-layout {
  width: 100%;
  position: relative; }
  .product-layout:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 76.75em) {
    .product-layout {
      width: 85%;
      margin: 0 auto; } }
  @media (min-width: 105em) {
    .product-layout {
      width: 100%;
      max-width: 1600px; } }
  .product-layout .selectric {
    border: 1px solid #222222; }
  .product-layout .prod-images-container {
    clear: both;
    overflow: hidden; }
    .product-layout .prod-images-container .slick-dots {
      position: static;
      text-align: center;
      margin: 30px 0; }
      .product-layout .prod-images-container .slick-dots li {
        background-color: transparent;
        border: 1px solid #999999; }
        .product-layout .prod-images-container .slick-dots li.slick-active {
          background-color: #999999; }
    .product-layout .prod-images-container .prod-images-group {
      display: none; }
      @media (min-width: 76.75em) {
        .product-layout .prod-images-container .prod-images-group {
          margin: 20px 0; } }
      .product-layout .prod-images-container .prod-images-group.prod-images-group-select {
        display: block; }
      .product-layout .prod-images-container .prod-images-group .prod-images-itm {
        height: 100%;
        width: 100%; }
        .product-layout .prod-images-container .prod-images-group .prod-images-itm .imgBound {
          display: table;
          margin: 0 auto;
          max-height: 100%;
          max-width: 100%; }
          .product-layout .prod-images-container .prod-images-group .prod-images-itm .imgBound > div {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            width: 100%; }
        .product-layout .prod-images-container .prod-images-group .prod-images-itm a {
          background-color: #FFFFFF;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          display: block;
          max-height: 630px;
          max-width: 100%;
          position: relative;
          text-decoration: none;
          z-index: 205; }

.product-layout-left {
  width: 92%;
  margin: 0 auto; }
  @media (min-width: 64em) {
    .product-layout-left {
      width: 70%;
      float: left;
      margin: 0;
      padding-right: 3%; } }
  @media (min-width: 76.75em) {
    .product-layout-left .container {
      width: 100%; } }

.product-main-image {
  margin: 20px 0; }
  .product-main-image img {
    margin: 0 auto;
    max-height: 630px;
    max-width: 100%;
    /*min-width: 300px;*/ }
  .product-main-image .largImg {
    opacity: 0; }

.prod-images-group {
  display: none; }
  .prod-images-group.prod-images-group-select {
    display: block; }

@media (min-width: 64em) {
  .prod-addl-views-container {
    margin-top: 40px; } }
.prod-addl-views-container .prod-addl-views-group {
  display: none; }
  .prod-addl-views-container .prod-addl-views-group.prod-addl-views-group-select {
    display: block; }
.prod-addl-views-container .slick-track {
  margin: 0 auto; }

.prod-addl-views-ctrl-slide {
  width: auto;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center; }
  .prod-addl-views-ctrl-slide > div {
    display: inline; }

.prod-addl-views-group .slick-arrow {
  width: 17px;
  height: 25px;
  background-size: 17px 25px; }
  .prod-addl-views-group .slick-arrow.slider-prev {
    left: -30px;
    margin-top: -13px; }
  .prod-addl-views-group .slick-arrow.slider-next {
    right: -30px;
    margin-top: -13px; }
.prod-addl-views-group .product-videos-thumb {
  background-image: url(/Images/product-video.png);
  background-size: cover;
  background-position: center center;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875em; }
  .prod-addl-views-group .product-videos-thumb a {
    color: #ffffff; }
.prod-addl-views-group .product-videos-thumb,
.prod-addl-views-group .prod-addlviews-itm {
  height: 76px;
  border: 1px solid #BCBCBC;
  margin-right: 10px; }
  .prod-addl-views-group .product-videos-thumb a,
  .prod-addl-views-group .prod-addlviews-itm a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

.product-layout-right {
  padding-bottom: 20px; }
  @media (min-width: 64em) {
    .product-layout-right {
      width: 30%;
      float: left;
      margin: 0;
      padding-left: 3%; } }
  .product-layout-right .product-name {
    margin: 20px 0;
    background-color: #F5F5F5;
    text-align: center;
    padding: 15px 20px; }
    @media (min-width: 47.5em) {
      .product-layout-right .product-name {
        text-align: left;
        padding: 15px 0; } }
    @media (min-width: 64em) {
      .product-layout-right .product-name {
        background-color: transparent;
        margin: 0;
        padding-bottom: 0; }
        .product-layout-right .product-name .container {
          width: 100%; } }
    .product-layout-right .product-name h1 {
      margin-top: 10px; }
    .product-layout-right .product-name .product-brand-icon {
      float: left; }
      .product-layout-right .product-name .product-brand-icon a {
        display: block; }
        .product-layout-right .product-name .product-brand-icon a img {
          height: auto;
          max-width: 100%;
          width: auto; }
    .product-layout-right .product-name .product-layout-ugc-snippets {
      color: #666666;
      font-size: 12px;
      text-align: center; }
      @media (min-width: 47.5em) {
        .product-layout-right .product-name .product-layout-ugc-snippets {
          float: right;
          text-align: right; } }
      .product-layout-right .product-name .product-layout-ugc-snippets a {
        color: #666666; }
      .product-layout-right .product-name .product-layout-ugc-snippets .review-data {
        cursor: pointer;
        float: right; }
      .product-layout-right .product-name .product-layout-ugc-snippets .product-layout-reviews-snippet {
        clear: both;
        display: none; }
      .product-layout-right .product-name .product-layout-ugc-snippets .product-layout-qa-snippet {
        clear: both;
        font-style: italic; }
  .product-layout-right .product-pricing {
    padding: 0 20px; }
    @media (min-width: 47.5em) {
      .product-layout-right .product-pricing {
        padding: 0; } }
    .product-layout-right .product-pricing .product-price-match {
      margin-top: 10px; }
      .product-layout-right .product-pricing .product-price-match .prod-price-match-question {
        color: #4C4B4B;
        font-size: 13px; }
      .product-layout-right .product-pricing .product-price-match .prod-price-match-response {
        margin-bottom: 10px; }
        .product-layout-right .product-pricing .product-price-match .prod-price-match-response a {
          color: #CF0000;
          font-size: 13px; }
          .product-layout-right .product-pricing .product-price-match .prod-price-match-response a:hover {
            text-decoration: underline; }
    .product-layout-right .product-pricing .product-price-adjdefprice {
      color: #000000;
      font-size: 1.375em;
      display: block; }
    .product-layout-right .product-pricing .product-price-minadvprice {
      color: #4C4B4B;
      font-size: 24px;
      font-weight: bold; }
    .product-layout-right .product-pricing .product-price-defprice {
      color: #4C4B4B;
      display: block; }
      .product-layout-right .product-pricing .product-price-defprice span.bright {
        font-size: 0.875em; }
      .product-layout-right .product-pricing .product-price-defprice .prcoff {
        margin-right: 5px; }
      .product-layout-right .product-pricing .product-price-defprice .msrp {
        color: #222222;
        font-size: 0.75em;
        text-decoration: line-through; }
    .product-layout-right .product-pricing .product-retail-discount {
      font-size: 16px; }
      .product-layout-right .product-pricing .product-retail-discount .product-precentoff {
        color: #CF0000;
        font-weight: bold;
        font-style: italic;
        text-transform: lowercase; }
      .product-layout-right .product-pricing .product-retail-discount .product-msrp {
        color: #4C4B4B;
        font-weight: normal;
        font-style: italic; }
    .product-layout-right .product-pricing .price-showiso .Code {
      display: inline;
      margin-right: 4px; }
    .product-layout-right .product-pricing .price-hideiso .Code {
      display: none; }
  .product-layout-right .prod-attsel-itm-selected .prod-attsel-itm-btn {
    position: relative; }
    .product-layout-right .prod-attsel-itm-selected .prod-attsel-itm-btn a:before {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      margin-left: -6px;
      margin-top: -6px;
      top: 50%;
      left: 50%;
      z-index: 2;
      background-color: white; }
  .product-layout-right .quantityForm {
    padding-top: 30px;
    border-top: 1px solid #222222;
    margin-top: 20px; }
    .product-layout-right .quantityForm:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 64em) {
      .product-layout-right .quantityForm {
        margin-top: 0;
        padding-top: 0;
        border-top: 0; } }
    .product-layout-right .quantityForm .product-attskuselector {
      height: auto;
      padding: 0 20px; }
      @media (min-width: 47.5em) {
        .product-layout-right .quantityForm .product-attskuselector {
          padding: 0; } }
      .product-layout-right .quantityForm .product-attskuselector .prod-selector-section-hdr {
        display: none; }
      .product-layout-right .quantityForm .product-attskuselector .prod-selector-section {
        margin: 10px 0; }
        .product-layout-right .quantityForm .product-attskuselector .prod-selector-section:after {
          content: "";
          display: table;
          clear: both; }
        .product-layout-right .quantityForm .product-attskuselector .prod-selector-section select {
          border-color: #222222;
          border-radius: 0;
          color: #222222;
          font-size: 0.75em;
          height: 30px;
          width: 95%; }
          .product-layout-right .quantityForm .product-attskuselector .prod-selector-section select option:disabled {
            display: none; }
          @media (min-width: 64em) {
            .product-layout-right .quantityForm .product-attskuselector .prod-selector-section select {
              width: 100% !important; } }
        .product-layout-right .quantityForm .product-attskuselector .prod-selector-section .selectric-wrapper {
          width: 95%; }
      .product-layout-right .quantityForm .product-attskuselector #dropdownSkuCtrl_nojs {
        width: 75% !important;
        float: left; }
        @media (min-width: 64em) {
          .product-layout-right .quantityForm .product-attskuselector #dropdownSkuCtrl_nojs {
            float: none;
            width: 100% !important; } }
      .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-color {
        width: 100% !important; }
        .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-color > * {
          float: left; }
        .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-color .prod-attsel-itm a {
          border: 1px solid #222222;
          display: block;
          width: 100%;
          height: 100%; }
          .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-color .prod-attsel-itm a img {
            background-position: 50% 50%;
            height: 100%;
            width: 100%; }
        .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-color .selectedColor {
          margin-left: 10px;
          font-size: 0.75em;
          text-transform: uppercase;
          margin-top: 4px; }
      .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-sizes {
        width: 75% !important;
        clear: both;
        float: left; }
        @media (min-width: 64em) {
          .product-layout-right .quantityForm .product-attskuselector .prod-attselector-type-sizes {
            float: none;
            width: 100% !important; } }
      .product-layout-right .quantityForm .product-attskuselector .product-quantity-container {
        float: right;
        margin-top: 10px;
        position: relative;
        position: relative; }
        .product-layout-right .quantityForm .product-attskuselector .product-quantity-container:after {
          content: "";
          display: table;
          clear: both; }
        @media (min-width: 64em) {
          .product-layout-right .quantityForm .product-attskuselector .product-quantity-container {
            float: none; } }
        .product-layout-right .quantityForm .product-attskuselector .product-quantity-container > div {
          float: left; }
        .product-layout-right .quantityForm .product-attskuselector .product-quantity-container input[type=text] {
          -webkit-appearance: none;
          border-color: #222222;
          border-radius: 0;
          color: #222222;
          font-family: "Lato-Light";
          font-size: 0.75em;
          height: 30px;
          text-align: center;
          width: 50px; }
        .product-layout-right .quantityForm .product-attskuselector .product-quantity-container .prodQtyLbl {
          display: none; }
        .product-layout-right .quantityForm .product-attskuselector .product-quantity-container .prod-selector-availability {
          left: -25px;
          position: absolute;
          text-align: right;
          top: -47px;
          width: 75px; }
          @media (min-width: 47.5em) {
            .product-layout-right .quantityForm .product-attskuselector .product-quantity-container .prod-selector-availability {
              margin-top: 4px;
              padding-left: 10px;
              position: static;
              text-align: left; } }
          .product-layout-right .quantityForm .product-attskuselector .product-quantity-container .prod-selector-availability .prod-selector-status {
            font-size: 0.75em; }
            .product-layout-right .quantityForm .product-attskuselector .product-quantity-container .prod-selector-availability .prod-selector-status .status {
              color: #4C4B4B; }
              .product-layout-right .quantityForm .product-attskuselector .product-quantity-container .prod-selector-availability .prod-selector-status .status .in-stock {
                color: #30B600; }
      .product-layout-right .quantityForm .product-attskuselector .prod-includes {
        background-color: #F5F5F5;
        margin-top: 20px;
        padding: 15px; }

.prod-layout-right-info {
  margin: 0 auto; }
  .prod-layout-right-info:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 64em) {
    .prod-layout-right-info {
      width: 100%; }
      .prod-layout-right-info > div {
        float: none;
        width: 100%;
        margin: 20px 0 !important; }
        .prod-layout-right-info > div.product-prodcode {
          margin-top: 0 !important; }
      .prod-layout-right-info .container {
        width: 100% !important; } }
  @media (min-width: 105em) {
    .prod-layout-right-info {
      width: 100%; } }

.product-prodcode {
  clear: both;
  color: #666666;
  display: none;
  font-size: 0.675em;
  margin-left: 2%; }
  @media (min-width: 64em) {
    .product-prodcode {
      display: block;
      float: none !important; } }
  @media (min-width: 76.75em) {
    .product-prodcode {
      margin: 0 !important;
      position: static; } }

.product-price-match {
  padding: 0 20px;
  font-size: 0.75em; }
  .product-price-match:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 47.5em) {
    .product-price-match {
      padding: 0; } }
  .product-price-match .container > * {
    float: left;
    margin-right: 10px; }
  .product-price-match a {
    font-style: italic;
    color: #666666; }

.product-buttons {
  padding: 10px 0;
  clear: both; }
  .product-buttons:after {
    content: "";
    display: table;
    clear: both; }
  .product-buttons button {
    width: 100%;
    border: 0;
    color: white;
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1;
    font-family: "Lato-Bold";
    position: relative; }
  .product-buttons .button_add {
    width: 68%;
    margin-right: 3%;
    float: left; }
    @media (min-width: 47.5em) {
      .product-buttons .button_add {
        width: 81%; } }
    @media (min-width: 64em) {
      .product-buttons .button_add {
        width: 74%; } }
    @media (min-width: 76.75em) {
      .product-buttons .button_add {
        width: 67%; } }
    .product-buttons .button_add button {
      background-color: #BB020A;
      padding: 15px; }
      .product-buttons .button_add button .jenson-icon-shopping-cart {
        font-size: 1.5em;
        position: absolute;
        right: 10px;
        top: 11px; }
  .product-buttons .button_wishlist {
    width: 29%;
    float: left; }
    @media (min-width: 47.5em) {
      .product-buttons .button_wishlist {
        width: 16%; } }
    @media (min-width: 64em) {
      .product-buttons .button_wishlist {
        width: 23%; } }
    @media (min-width: 76.75em) {
      .product-buttons .button_wishlist {
        width: 30%; } }
    .product-buttons .button_wishlist button {
      padding: 10px 0;
      border: 1px solid #222222;
      background-color: white;
      color: #222222;
      text-align: center; }
      .product-buttons .button_wishlist button .jenson-icon-wishlist {
        font-size: 1.5em; }
        .product-buttons .button_wishlist button .jenson-icon-wishlist:before {
          display: inline; }
  .product-buttons .button_disabled {
    background-color: #666666 !important;
    display: none; }

.product-return-info {
  text-align: center;
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px solid #222222; }
  @media (min-width: 64em) {
    .product-return-info {
      margin-top: 40px;
      margin-top: 0;
      border-top: 0; } }
  .product-return-info a {
    color: #222222;
    font-size: 1.5em;
    text-transform: uppercase; }
    .product-return-info a span.jenson-icon-returns {
      font-size: 1.25em;
      position: relative;
      top: -1px; }

.product-layout-ftr {
  clear: both; }
  @media (min-width: 76.75em) {
    .product-layout-ftr {
      margin-top: 40px; } }
  .product-layout-ftr h2 {
    margin-top: 0; }

.product-video {
  display: none; }

.prod-layout-ftr-name {
  padding-top: 20px;
  border-bottom: 1px solid #222222;
  position: relative; }
  .prod-layout-ftr-name .jenson-icon-cog {
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
    padding: 10px;
    bottom: -26px;
    display: none;
    left: 70%;
    background-color: #fff; }
    @media (min-width: 76.75em) {
      .prod-layout-ftr-name .jenson-icon-cog {
        display: block; } }

.prod-layout-ftr-tabs .prod-layout-ftr-tabbar {
  background-color: #F5F5F5; }
  .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    text-align: center; }
    .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 64em) {
      .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul {
        padding-top: 20px; } }
    .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li {
      display: inline-block;
      list-style: none;
      margin: 0 3%;
      line-height: 1; }
      @media (min-width: 47.5em) {
        .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li {
          margin: 0 5%; } }
      @media (min-width: 64em) {
        .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li {
          margin: 0;
          float: left; } }
      .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li.prod-tab-selected a {
        border-color: #666666; }
      .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li a {
        font-size: 0.875em;
        line-height: 1;
        padding-bottom: 5px;
        color: #666666;
        text-transform: uppercase;
        display: block;
        border-bottom: 5px solid #F5F5F5;
        position: relative; }
        @media (min-width: 64em) {
          .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li a {
            padding: 15px 40px 20px 20px;
            height: 50px;
            border-bottom: 0;
            background-color: white;
            border-top: 5px solid white; }
            .prod-layout-ftr-tabs .prod-layout-ftr-tabbar ul li a:before {
              content: "";
              position: absolute;
              top: -5px;
              right: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 20px 50px 0;
              border-color: transparent #F5F5F5 transparent transparent;
              z-index: 5; } }
.prod-layout-ftr-tabs .prod-layout-ftr-tabcontent {
  padding: 0 20px;
  margin-top: 20px; }
  @media (min-width: 76.75em) {
    .prod-layout-ftr-tabs .prod-layout-ftr-tabcontent .prod-tabcontent-left {
      border-right: 1px solid #222222;
      float: left;
      padding-right: 3%;
      width: 67%; } }
  @media (min-width: 76.75em) {
    .prod-layout-ftr-tabs .prod-layout-ftr-tabcontent .prod-tabcontent-right {
      float: right;
      padding-left: 3%;
      width: 33%; } }
  .prod-layout-ftr-tabs .prod-layout-ftr-tabcontent .prod-tabcontent-frame {
    display: none; }
    .prod-layout-ftr-tabs .prod-layout-ftr-tabcontent .prod-tabcontent-frame.prod-tab-selected {
      display: block; }

#prod-upsell-container .prod-layout-ftr-alsobought {
  margin-bottom: 30px; }
#prod-upsell-container .prod-alsobought-hdr,
#prod-upsell-container .prod-recommend-hdr {
  border-bottom: 1px solid #222222;
  font: bold 24px "Lato-Light";
  margin-bottom: 15px;
  padding-bottom: 13px;
  text-transform: uppercase; }
#prod-upsell-container .product-slider-item .product-item {
  padding: 0 50px; }
  #prod-upsell-container .product-slider-item .product-item .product-image {
    height: 141px; }
  #prod-upsell-container .product-slider-item .product-item .product-price {
    margin-top: 5px; }
#prod-upsell-container h2 {
  border: none; }

.banner-area-BPSPBM {
  display: none; }

.zoomContainer {
  z-index: 99; }
  .zoomContainer .zoomWindowContainer {
    z-index: 999; }
    .zoomContainer .zoomWindowContainer .zoomWindow {
      background: #FFFFFF; }

#product-description img {
  width: auto; }

#product-icons:after {
  content: "";
  display: table;
  clear: both; }
#product-icons .product-icon {
  display: block;
  height: 70px;
  width: 32%;
  float: left;
  color: #fff;
  background-color: #888888;
  position: relative;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 1.5%; }
  @media (min-width: 47.5em) {
    #product-icons .product-icon {
      width: 115px;
      margin-left: 0 !important;
      margin-right: 1.5% !important; } }
  #product-icons .product-icon:nth-child(3n+2) {
    margin-left: 1.5%;
    margin-right: 1.5%; }
  #product-icons .product-icon::before {
    font-size: 2em; }
  #product-icons .product-icon span {
    font-size: 0.5em;
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    text-transform: uppercase; }

.accordion {
  overflow: hidden;
  position: relative;
  clear: both;
  -webkit-transition: height 1500ms ease-in-out;
  -moz-transition: height 1500ms ease-in-out;
  -ms-transition: height 1500ms ease-in-out;
  -o-transition: height 1500ms ease-in-out;
  transition: height 1500ms ease-in-out;
  padding-bottom: 100px; }
  .accordion.close {
    height: 300px;
    padding-bottom: 0; }
    .accordion.close::before {
      display: block; }
  .accordion::before {
    width: 100%;
    height: 55%;
    display: none;
    content: " ";
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    border-color: transparent !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+43 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 43%, white 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 43%, white 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 43%, white 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .accordion .btn {
    margin-bottom: 20px;
    outline: none;
    position: absolute;
    bottom: 0;
    z-index: 5; }

table.geo,
table.spec,
table.garminspec,
table.apparel,
table.shoe,
table.shoewide,
table.geoskinny,
.geometry-table table {
  border: 0; }
  table.geo thead,
  table.spec thead,
  table.garminspec thead,
  table.apparel thead,
  table.shoe thead,
  table.shoewide thead,
  table.geoskinny thead,
  .geometry-table table thead {
    border: 0;
    background-color: #F5F5F5; }
    table.geo thead tr,
    table.spec thead tr,
    table.garminspec thead tr,
    table.apparel thead tr,
    table.shoe thead tr,
    table.shoewide thead tr,
    table.geoskinny thead tr,
    .geometry-table table thead tr {
      border: 0; }
  table.geo tbody,
  table.spec tbody,
  table.garminspec tbody,
  table.apparel tbody,
  table.shoe tbody,
  table.shoewide tbody,
  table.geoskinny tbody,
  .geometry-table table tbody {
    border: 0; }
    table.geo tbody tr,
    table.spec tbody tr,
    table.garminspec tbody tr,
    table.apparel tbody tr,
    table.shoe tbody tr,
    table.shoewide tbody tr,
    table.geoskinny tbody tr,
    .geometry-table table tbody tr {
      border: 0; }
      table.geo tbody tr:nth-child(even),
      table.spec tbody tr:nth-child(even),
      table.garminspec tbody tr:nth-child(even),
      table.apparel tbody tr:nth-child(even),
      table.shoe tbody tr:nth-child(even),
      table.shoewide tbody tr:nth-child(even),
      table.geoskinny tbody tr:nth-child(even),
      .geometry-table table tbody tr:nth-child(even) {
        background-color: #F5F5F5; }
  table.geo th,
  table.spec th,
  table.garminspec th,
  table.apparel th,
  table.shoe th,
  table.shoewide th,
  table.geoskinny th,
  .geometry-table table th {
    border: none;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase; }
  table.geo th,
  table.geo td,
  table.spec th,
  table.spec td,
  table.garminspec th,
  table.garminspec td,
  table.apparel th,
  table.apparel td,
  table.shoe th,
  table.shoe td,
  table.shoewide th,
  table.shoewide td,
  table.geoskinny th,
  table.geoskinny td,
  .geometry-table table th,
  .geometry-table table td {
    font-size: 0.875em;
    padding: 10px 20px;
    border: 0;
    border: 0; }
    table.geo th:first-child,
    table.geo td:first-child,
    table.spec th:first-child,
    table.spec td:first-child,
    table.garminspec th:first-child,
    table.garminspec td:first-child,
    table.apparel th:first-child,
    table.apparel td:first-child,
    table.shoe th:first-child,
    table.shoe td:first-child,
    table.shoewide th:first-child,
    table.shoewide td:first-child,
    table.geoskinny th:first-child,
    table.geoskinny td:first-child,
    .geometry-table table th:first-child,
    .geometry-table table td:first-child {
      width: 35%;
      min-width: 100px; }
    table.geo th:not(:first-child),
    table.geo td:not(:first-child),
    table.spec th:not(:first-child),
    table.spec td:not(:first-child),
    table.garminspec th:not(:first-child),
    table.garminspec td:not(:first-child),
    table.apparel th:not(:first-child),
    table.apparel td:not(:first-child),
    table.shoe th:not(:first-child),
    table.shoe td:not(:first-child),
    table.shoewide th:not(:first-child),
    table.shoewide td:not(:first-child),
    table.geoskinny th:not(:first-child),
    table.geoskinny td:not(:first-child),
    .geometry-table table th:not(:first-child),
    .geometry-table table td:not(:first-child) {
      min-width: 125px;
      text-align: left; }
  table.geo caption,
  table.spec caption,
  table.garminspec caption,
  table.apparel caption,
  table.shoe caption,
  table.shoewide caption,
  table.geoskinny caption,
  .geometry-table table caption {
    font: bold 24px "Lato-Light";
    text-align: left; }

#prod-tab-frame-A .itemStoreAvailability {
  min-height: 250px; }
  #prod-tab-frame-A .itemStoreAvailability iframe {
    height: 450px; }

iframe#pricematch-iframe {
  border: none;
  width: 100%;
  height: 475px; }

/* Cart Layout */
#cart-layout {
  margin-top: 20px; }
  @media (min-width: 47.5em) {
    #cart-layout #cart-layout-left {
      float: left;
      width: 67%; } }
  @media (min-width: 76.75em) {
    #cart-layout #cart-layout-left {
      width: 75%; } }
  @media (min-width: 105em) {
    #cart-layout #cart-layout-left {
      width: 82%; } }
  #cart-layout #cart-layout-right {
    margin-top: 15px; }
    @media (min-width: 47.5em) {
      #cart-layout #cart-layout-right {
        float: right;
        margin: 0 0 0 3%;
        width: 30%; } }
    @media (min-width: 76.75em) {
      #cart-layout #cart-layout-right {
        width: 22%; } }
    @media (min-width: 105em) {
      #cart-layout #cart-layout-right {
        width: 15%; } }
    #cart-layout #cart-layout-right #cart-layout-right-sticky {
      background-color: #FFFFFF;
      border: 1px solid #D7D7D7;
      top: 0; }
  #cart-layout .section-label {
    font-family: "Lato-Bold";
    text-transform: uppercase; }

.cart-ctrl-emptycart {
  margin: 15px 0; }
  @media (min-width: 47.5em) {
    .cart-ctrl-emptycart {
      text-align: right; } }

a.link_change {
  color: #000000;
  font: italic 10px "Lato";
  padding-left: 15px;
  text-decoration: underline;
  text-transform: none; }

.cart-ctrls {
  margin-top: 25px;
  padding: 0 10px 10px;
  text-align: center; }
  .cart-ctrls .cart-ctrl-contchkout .btn-default,
  .cart-ctrls .cart-ctrl-placeord .btn-default {
    width: 100%; }
  .cart-ctrls .cart-ctrl-paypal {
    margin-top: 15px; }
  .cart-ctrls .security-badges {
    border-top: 2px solid #D7D7D7;
    margin: 25px 0 0 0;
    padding-top: 10px;
    text-align: center; }
    .cart-ctrls .security-badges > div {
      display: inline-block;
      width: 26%; }

table.cart-item-list {
  border-collapse: collapse;
  border: none;
  border-radius: 0;
  width: 100%; }

table.cart-item-list .updateBtn {
  background-color: #EFEFEF;
  color: #000000;
  margin-left: 5px; }

table.cart-item-list .qtyRemaining {
  color: #CF0000;
  margin-top: 5px;
  text-align: left; }

table.cart-item-list thead {
  background-color: #F8F8F8;
  border: 1px solid #F1F1F1;
  color: #313131; }

table.cart-item-list th {
  border: none;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top; }

table.cart-item-list th.cart-item-hdr-product {
  width: 485px; }

table.cart-item-list tr.extracol th.cart-item-hdr-product {
  width: 350px; }

table.cart-item-list th.cart-item-hdr-giftwrap {
  width: 215px; }

table.cart-item-list th.cart-item-hdr-itemPrice,
table.cart-item-list td.cart-item-itemPrice {
  width: 170px; }

table.cart-item-list th.cart-item-hdr-quantity {
  width: 135px; }

table.cart-item-list th.cart-item-hdr-extendedPrice {
  text-align: right;
  white-space: nowrap;
  width: 155px; }

table.cart-item-list tbody {
  border: none;
  font-size: 0.875em; }

table.cart-item-list tr {
  border: none; }

table.cart-item-list td {
  border: none;
  clear: both;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  vertical-align: top; }

div.cart-item-img {
  float: left;
  margin-right: 10px;
  height: 92px;
  width: 71px; }

div.cart-item-img .imgBound {
  display: table;
  height: 90px;
  width: 69px; }

div.cart-item-img .imgBound a {
  height: 90px;
  width: 69px;
  display: table-cell;
  vertical-align: middle; }

div.cart-item-detail {
  float: left;
  width: 70%; }
  @media (min-width: 47.5em) {
    div.cart-item-detail {
      width: 60%; } }

.cart-item-small-container {
  width: 100%;
  clear: both;
  display: block !important; }
  @media (min-width: 64em) {
    .cart-item-small-container {
      display: none !important; } }
  .cart-item-small-container:after {
    content: "";
    display: table;
    clear: both; }
  .cart-item-small-container .cart-item-qty-small {
    margin: 5px 0;
    font-size: 10px;
    float: left;
    width: 50%; }
    .cart-item-small-container .cart-item-qty-small .qty-input-container strong {
      position: relative;
      top: 5px; }
    .cart-item-small-container .cart-item-qty-small strong {
      float: left;
      margin-right: 5px; }
    .cart-item-small-container .cart-item-qty-small input.quantityBox {
      border-top: 1px solid #999999;
      border-left: 1px solid #999999;
      border-right: 1px solid #F1F1F1;
      border-bottom: 1px solid #F1F1F1;
      height: 15px;
      padding: 10px 0;
      text-align: center;
      width: 25px;
      float: left; }
  .cart-item-small-container .cart-item-extprice-small {
    float: left;
    width: 50%;
    margin-top: 20px;
    text-align: right;
    position: relative;
    top: -20px; }
    @media (min-width: 47.5em) {
      .cart-item-small-container .cart-item-extprice-small {
        margin-top: 0;
        position: absolute;
        top: 10px;
        right: 10px; } }
    .cart-item-small-container .cart-item-extprice-small .strikethrough {
      margin-right: 10px; }
      @media (min-width: 47.5em) {
        .cart-item-small-container .cart-item-extprice-small .strikethrough {
          margin-right: 0;
          display: block;
          margin-bottom: 2px; } }
  .cart-item-small-container .cart-item-btnCtrl {
    margin-top: 10px; }

table.cart-item-list tr.extracol div.cart-item-detail {
  float: left;
  width: 250px; }

table.checkout-item-list tr.extracol div.cart-item-detail,
table.receipt-item-list tr.extracol div.receipt-item-detail {
  float: left;
  width: 250px; }

table.checkout-item-list div.split-actions {
  margin: 10px 0; }

div.cart-item-detail-prodname {
  margin: 10px 0; }
  @media (min-width: 47.5em) {
    div.cart-item-detail-prodname {
      margin-top: 0; } }

div.cart-item-detail-prodname a {
  color: #313131;
  font-family: "Lato-Bold";
  text-decoration: none; }

div.cart-item-detail-prodname a:hover,
div.cart-item-detail-prodname a:active {
  text-decoration: underline; }

div.cart-item-detail-proditemnum {
  font-size: 10px; }

div.cart-item-detail-prodstatus {
  font-size: 10px; }

table.cart-item-list input.quantityBox {
  font-size: 11px;
  text-align: center;
  width: 45px;
  padding: 4px;
  float: left; }

table.cart-item-list div.cart-item-extprice {
  margin-bottom: 9px;
  text-align: right; }

table.cart-item-list div.cart-item-extprice span.strikethrough {
  margin: 0;
  color: #000000;
  font-weight: normal; }

table.cart-item-list div.cart-item-btnCtrl {
  font-size: 10px;
  white-space: nowrap;
  text-align: right; }

table.cart-item-list div.cart-item-btnCtrl a {
  color: #000000;
  line-height: 16px; }

#cart-layout .cart-message {
  padding: 10px;
  font-weight: bold;
  color: #C52127;
  text-align: center;
  border: 1px solid #ececec; }
  @media (min-width: 64em) {
    #cart-layout .cart-message {
      border: 0; } }

#cart-layout .cart-error {
  margin-bottom: 40px;
  font-weight: bold;
  color: red;
  text-align: center; }

#cart-layout .selectric-wrapper {
  max-width: 250px; }

.cart-info-message {
  color: #000000;
  font-size: 10px;
  margin-bottom: 10px; }

.cart-info-warning {
  color: #CF0000;
  font-weight: bold; }
  .cart-info-warning + .cart-info-warning {
    margin-top: 10px; }

div.cart-info-row {
  font-size: 12px;
  clear: both;
  margin-bottom: 8px; }
  div.cart-info-row label {
    font-size: 11px !important; }

div.cart-info-row .input-sourcecode {
  padding: 4px;
  width: 75%;
  max-width: 200px;
  text-align: center; }

div.cart-info-row #promo-code-tooltip-label {
  cursor: pointer;
  text-decoration: underline; }

div.cart-info-row #promo-code-tooltip-text {
  display: none;
  margin-top: 10px; }

div.cart-info-row #promo-code-tooltip-text a {
  color: #000000;
  text-decoration: underline; }

div.cart-info-row-left {
  float: left; }

div.cart-info-row-err {
  color: #CF0000;
  margin-top: 8px;
  clear: both;
  font-size: 11px; }

.cart-info-promocode {
  margin: 15px 0; }
  .cart-info-promocode .cart-info-row-left {
    width: 153px; }
  .cart-info-promocode .cart-info-row-right {
    text-align: right; }
  .cart-info-promocode .cart-info-row-right input.intxt {
    width: 65px; }

.cart-info-shippingopts,
.checkout-info-shipping {
  margin: 0; }
  @media (min-width: 47.5em) {
    .cart-info-shippingopts .cart-info-shippingopts-form .cart-info-shippingopts-right,
    .cart-info-shippingopts .cart-info-shippingopts-form .ship-opts-col,
    .checkout-info-shipping .cart-info-shippingopts-form .cart-info-shippingopts-right,
    .checkout-info-shipping .cart-info-shippingopts-form .ship-opts-col {
      padding-left: 20px !important; } }
  .cart-info-shippingopts .cart-shipping-opt-list,
  .checkout-info-shipping .cart-shipping-opt-list {
    font-size: 11px; }
    .cart-info-shippingopts .cart-shipping-opt-list .shipping-opt,
    .checkout-info-shipping .cart-shipping-opt-list .shipping-opt {
      border: 1px solid #D7D7D7;
      font-family: "Lato-Bold";
      margin-bottom: 10px;
      text-transform: uppercase; }
      .cart-info-shippingopts .cart-shipping-opt-list .shipping-opt.shipping-opt-selected,
      .checkout-info-shipping .cart-shipping-opt-list .shipping-opt.shipping-opt-selected {
        border: 2px solid #000000; }
      .cart-info-shippingopts .cart-shipping-opt-list .shipping-opt label,
      .checkout-info-shipping .cart-shipping-opt-list .shipping-opt label {
        margin: 0;
        padding: 5px 5px 7px; }
        .cart-info-shippingopts .cart-shipping-opt-list .shipping-opt label .delivery-date,
        .checkout-info-shipping .cart-shipping-opt-list .shipping-opt label .delivery-date {
          display: inline-block;
          width: 130px; }
          .cart-info-shippingopts .cart-shipping-opt-list .shipping-opt label .delivery-date .delivery-date-prefix,
          .checkout-info-shipping .cart-shipping-opt-list .shipping-opt label .delivery-date .delivery-date-prefix {
            color: #858585;
            padding-right: 2px; }
        .cart-info-shippingopts .cart-shipping-opt-list .shipping-opt label .delivery-cost,
        .checkout-info-shipping .cart-shipping-opt-list .shipping-opt label .delivery-cost {
          display: inline-block;
          margin-left: 5px; }
    .cart-info-shippingopts .cart-shipping-opt-list .store-pickup-opts,
    .checkout-info-shipping .cart-shipping-opt-list .store-pickup-opts {
      border: 1px solid #D7D7D7; }
      .cart-info-shippingopts .cart-shipping-opt-list .store-pickup-opts .store-pickup-lbl,
      .checkout-info-shipping .cart-shipping-opt-list .store-pickup-opts .store-pickup-lbl {
        font-family: "Lato-Bold";
        padding: 9px 5px; }
      .cart-info-shippingopts .cart-shipping-opt-list .store-pickup-opts .shipping-opt,
      .checkout-info-shipping .cart-shipping-opt-list .store-pickup-opts .shipping-opt {
        border: none;
        margin: 0;
        text-transform: none; }
        @media (min-width: 64em) {
          .cart-info-shippingopts .cart-shipping-opt-list .store-pickup-opts .shipping-opt,
          .checkout-info-shipping .cart-shipping-opt-list .store-pickup-opts .shipping-opt {
            border-left: 1px solid #D7D7D7; } }
        .cart-info-shippingopts .cart-shipping-opt-list .store-pickup-opts .shipping-opt.shipping-opt-selected,
        .checkout-info-shipping .cart-shipping-opt-list .store-pickup-opts .shipping-opt.shipping-opt-selected {
          border: 2px solid #000000; }

.cart-info-shippingopts-left {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase; }

.cart-info-shippingopts input#PostalCode {
  max-width: 120px;
  padding: 4px;
  text-align: center; }

.cart-info-ordersummary .cart-info-ordersummary-form {
  padding: 20px 10px 10px; }
.cart-info-ordersummary .cart-info-row {
  margin-bottom: 15px; }
.cart-info-ordersummary .cart-info-row-right {
  text-align: right; }
.cart-info-ordersummary .total {
  border-top: 2px solid #D7D7D7;
  margin: 40px 0 0 0;
  padding-top: 20px;
  text-align: center; }
  .cart-info-ordersummary .total .total-amt {
    font-size: 24px; }
  .cart-info-ordersummary .total .total-lbl {
    font-size: 14px;
    text-transform: uppercase; }
.cart-info-ordersummary cart-info-ship-to-door-message {
  color: red;
  font-size: 11px; }
.cart-info-ordersummary .total .cart-info-row-right {
  height: 18px; }
.cart-info-ordersummary .cart-info-freeshipmsg {
  border: 1px solid #000000;
  font-size: 10px;
  margin: 15px 0;
  padding: 3px;
  height: 36px; }
.cart-info-ordersummary .cart-info-freeshipmsg .freeship {
  color: #AE1F25;
  text-transform: uppercase;
  font-weight: bold; }
.cart-info-ordersummary .cart-info-freeshipmsg .freeshipamount {
  font-weight: bold; }

div.cart-info-alsobought {
  margin-bottom: 30px; }

div.cart-info-alsobought div.cart-info-row {
  margin: 20px 0 0; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item {
  float: left;
  width: 224px; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item + div.cart-info-row-item {
  margin-left: 10px; }

div.cart-info-alsobought div.cart-info-row div.lastitem {
  margin-right: 0 !important; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-left div.imgBound {
  display: table; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-left div.imgBound a {
  display: table-cell;
  vertical-align: middle; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right div.cart-info-row-right-detail {
  margin-bottom: 5px; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right div.cart-info-row-right-prodname {
  margin-bottom: 4px;
  font-size: 12px; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right div.cart-info-row-right-listprice {
  color: #666666;
  text-decoration: line-through; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right div.cart-info-row-right-nowprice {
  margin-bottom: 4px; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right a {
  color: #000000;
  text-decoration: none; }

div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right a:hover,
div.cart-info-alsobought div.cart-info-row div.cart-info-row-item div.cart-info-row-right a:active {
  color: #AE1F25; }

div.cart-info-saveforlater {
  margin-top: 25px; }
  div.cart-info-saveforlater div.cart-info-row-item {
    margin-top: 15px; }
    @media (min-width: 47.5em) {
      div.cart-info-saveforlater div.cart-info-row-item {
        margin: 0; } }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-left .imgBound {
      display: table; }
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-left .imgBound a {
        display: table-cell;
        vertical-align: middle; }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-detail {
      margin-bottom: 4px; }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-prodname {
      font-size: 12px;
      margin-bottom: 4px; }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-listprice {
      color: #666666;
      text-decoration: line-through; }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-nowprice {
      margin-bottom: 4px; }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-ctrl {
      font-size: 10px; }
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-ctrl .inv-status {
        float: left; }
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-ctrl a:link,
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-ctrl a:visited {
        text-decoration: none; }
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-ctrl a:hover,
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right .cart-info-row-right-ctrl a:active {
        text-decoration: underline; }
    div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right a {
      color: #000000;
      text-decoration: none; }
      div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right a:hover, div.cart-info-saveforlater div.cart-info-row-item .cart-info-row-right a:active {
        color: #CF0000; }

div.cart-info-country-option {
  padding-bottom: 10px; }

div.cart-promos {
  margin: 10px 0 20px; }

div.cart-promo-hdr {
  margin-bottom: 5px;
  font: 13px "Lato-Bold"; }

.discount-header {
  color: #222222;
  float: left;
  margin-right: 5px; }

.cart-promo-list-row {
  padding: 10px 0;
  font-size: 13px;
  clear: both; }
  .cart-promo-list-row:after {
    content: "";
    display: table;
    clear: both; }
  .cart-promo-list-row:last-child {
    border-bottom: 0; }
  @media (min-width: 64em) {
    .cart-promo-list-row {
      border: 0; } }
  .cart-promo-list-row .cart-promo-row-left {
    float: left;
    width: 75%; }
    .cart-promo-list-row .cart-promo-row-left .cart-promo-row-title {
      margin-bottom: 10px; }
    .cart-promo-list-row .cart-promo-row-left .cart-promo-row-amount {
      text-align: left;
      font-family: "Lato-Bold";
      color: #CF0000;
      float: left;
      width: 50%; }
  .cart-promo-list-row .cart-promo-row-ctrl,
  .cart-promo-list-row .cart-promo-row-note {
    width: 25%;
    font-family: "Lato-Bold";
    float: right;
    text-align: right; }

.cart-promo-row-err {
  color: #CF0000;
  font-weight: bold; }

.cart-info-shippingopts .cart-info-shippingopts-form .cart-info-country-option input {
  width: 100%;
  max-width: 290px; }
.cart-info-shippingopts .cart-info-shippingopts-form select {
  width: 100%;
  max-width: 250px;
  height: 25px;
  margin-top: 5px; }

/* Lightbox Popup */
#lightbox-wrapper {
  display: none;
  margin: auto;
  position: fixed;
  top: 200px;
  width: 962px;
  z-index: 300; }

#lightbox-popup {
  background-color: #F9F7EC;
  border: 3px solid #CE6E19;
  box-shadow: 1px 2px 5px #111111;
  -moz-box-shadow: 1px 2px 5px #111111;
  -webkit-box-shadow: 1px 2px 5px #111111;
  margin: auto;
  padding: 25px;
  width: 350px; }

#lightbox-popup a.close-link {
  color: #666666;
  font-size: 11px;
  text-decoration: none; }

.checkout-info-shipping,
.checkout-info-billing {
  margin-bottom: 20px; }

.RcptWaiting {
  text-align: center;
  margin: 20px 0; }

.checkout-terms {
  font-size: 0.55em;
  margin-top: 15px; }

/* Verify CVV2 Layout */
#verify-CVV2-form {
  background-color: #F7F7F7;
  border: 2px solid #0000FF;
  margin-bottom: 25px;
  padding: 10px; }
  #verify-CVV2-form .verify-CVV2-form-title {
    margin-bottom: 5px;
    font-size: 18px; }
  #verify-CVV2-form .verify-CVV2-form-instruction {
    font-size: 12px;
    margin: 10px 0; }
  #verify-CVV2-form .verify-CVV2-form-row {
    margin-bottom: 10px; }
    #verify-CVV2-form .verify-CVV2-form-row input[type=text] {
      width: 50px; }
  #verify-CVV2-form .verify-CVV2-form-row-ctrl {
    text-align: right; }
  #verify-CVV2-form .verify-CVV2-change-card {
    font-size: 11px;
    padding-right: 10px; }
  #verify-CVV2-form .verify-CVV2-form-row-err {
    margin-top: 5px;
    padding-left: 7px;
    color: #CF0000; }

/* Receipt Page */
#receipt-layout {
  margin-top: 20px; }

.receipt-info {
  width: 100%;
  margin: 0 auto;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'DejaVu Sans Condensed', sans-serif;
  color: #7b7b7b;
  font-size: 0.6875em; }
  .receipt-info p {
    margin-top: 0; }
  .receipt-info a {
    color: #ff9900;
    text-decoration: none; }
  .receipt-info .receipt-info-hdr {
    color: #515151;
    margin-bottom: 10px;
    display: block; }
  .receipt-info .receipt-banner {
    width: 100%;
    margin: 10px 0; }
  .receipt-info .receipt-info-content {
    font-size: 14px;
    margin-top: 0;
    color: #ff9900;
    text-align: center;
    margin-right: 0;
    text-transform: uppercase; }
    .receipt-info .receipt-info-content span {
      display: block;
      color: #000;
      font-weight: bold; }
    @media (min-width: 47.5em) {
      .receipt-info .receipt-info-content {
        text-align: right; } }
  .receipt-info .receipt-address-container {
    background-color: #f3f3f3;
    padding: 15px;
    margin-bottom: 5px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px; }
    @media (min-width: 47.5em) {
      .receipt-info .receipt-address-container .receipt-info-shipping {
        border-left: 1px solid #D7D7D7;
        padding-left: 15px; } }
    .receipt-info .receipt-address-container .receipt-info-billing {
      margin-bottom: 20px; }
    .receipt-info .receipt-address-container #addressDisclaimer {
      margin-top: 10px; }
  .receipt-info .receipt-estimates-container {
    background-color: #f3f3f3;
    padding: 15px;
    margin-bottom: 5px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px; }
    .receipt-info .receipt-estimates-container span {
      color: #ff9900;
      font-size: 11px;
      text-align: left;
      display: block;
      padding-bottom: 5px; }
      @media (min-width: 64em) {
        .receipt-info .receipt-estimates-container span {
          display: inline-block;
          margin-right: 5%; } }
      .receipt-info .receipt-estimates-container span:last-child {
        padding-bottom: 0; }
  .receipt-info .receipt-meta-container {
    background-color: #f3f3f3;
    padding: 15px;
    margin-bottom: 5px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px; }
    .receipt-info .receipt-meta-container .receipt-order-details {
      margin-bottom: 0; }
      .receipt-info .receipt-meta-container .receipt-order-details span {
        display: block;
        margin-bottom: 5px; }
        .receipt-info .receipt-meta-container .receipt-order-details span em {
          font-style: normal;
          color: #515151; }
        .receipt-info .receipt-meta-container .receipt-order-details span:last-child {
          margin-bottom: 0; }
        @media (min-width: 64em) {
          .receipt-info .receipt-meta-container .receipt-order-details span {
            display: inline-block;
            margin-right: 5%;
            margin-bottom: 0; } }
  .receipt-info .recipe-purchase-info-container {
    background-color: #f3f3f3;
    padding: 15px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px; }
    .receipt-info .recipe-purchase-info-container .receipt-item-detail {
      margin-bottom: 10px; }
      .receipt-info .recipe-purchase-info-container .receipt-item-detail div.receipt-item-itemPrice,
      .receipt-info .recipe-purchase-info-container .receipt-item-detail div.receipt-item-extprice,
      .receipt-info .recipe-purchase-info-container .receipt-item-detail div.quantity {
        margin-top: 2px;
        display: block;
        text-align: left !important; }
        .receipt-info .recipe-purchase-info-container .receipt-item-detail div.receipt-item-itemPrice:after,
        .receipt-info .recipe-purchase-info-container .receipt-item-detail div.receipt-item-extprice:after,
        .receipt-info .recipe-purchase-info-container .receipt-item-detail div.quantity:after {
          content: "";
          display: table;
          clear: both; }
        @media (min-width: 47.5em) {
          .receipt-info .recipe-purchase-info-container .receipt-item-detail div.receipt-item-itemPrice,
          .receipt-info .recipe-purchase-info-container .receipt-item-detail div.receipt-item-extprice,
          .receipt-info .recipe-purchase-info-container .receipt-item-detail div.quantity {
            display: none; } }
    .receipt-info .recipe-purchase-info-container #purchaseInfo .left {
      text-align: left; }
    .receipt-info .recipe-purchase-info-container #purchaseInfo .right {
      text-align: right; }
    .receipt-info .recipe-purchase-info-container #purchaseInfo .center {
      text-align: center; }
    .receipt-info .recipe-purchase-info-container #purchaseInfo th {
      font-weight: normal;
      color: #515151;
      padding: 10px 0;
      vertical-align: middle; }
  @media (min-width: 47.5em) {
    .receipt-info .receipt-footer {
      margin-top: 20px !important; } }
  .receipt-info .receipt-info-invoicesummary {
    margin-top: 20px; }
    @media (min-width: 47.5em) {
      .receipt-info .receipt-info-invoicesummary {
        margin-top: 0;
        padding-left: 20px; } }
    @media (min-width: 64em) {
      .receipt-info .receipt-info-invoicesummary {
        width: 250px;
        float: right; } }
    .receipt-info .receipt-info-invoicesummary .receipt-info-row {
      margin-bottom: 5px;
      overflow: hidden;
      border: 0; }
    .receipt-info .receipt-info-invoicesummary .receipt-info-row-left {
      width: 50%;
      color: #515151;
      float: left; }
    .receipt-info .receipt-info-invoicesummary .receipt-info-row-right {
      width: 50%;
      color: #515151;
      float: left;
      text-align: right; }
  .receipt-info .bizRateLink img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .receipt-info #howAreWeDoing {
    text-transform: none;
    font-size: 11px;
    text-align: left;
    margin: 10px auto;
    max-width: 420px; }
    @media (min-width: 64em) {
      .receipt-info #howAreWeDoing {
        max-width: 100%; } }
    .receipt-info #howAreWeDoing a {
      -webkit-text-size-adjust: none;
      color: #ff9900;
      text-decoration: none; }
  .receipt-info #emailLower {
    display: none; }
    @media (min-width: 64em) {
      .receipt-info #emailLower {
        display: block; } }
  .receipt-info .btn-default {
    width: 100%;
    color: #fff; }
    @media (min-width: 47.5em) {
      .receipt-info .btn-default {
        width: auto;
        float: right; } }

/* ==========================================================================
Global Account/Checkout Page Styles
========================================================================== */
#myaccount-layout {
  width: 85%;
  margin: 20px auto; }
  @media (min-width: 64em) {
    #myaccount-layout {
      min-height: 400px;
      margin: 40px auto; } }
  #myaccount-layout input[type=text],
  #myaccount-layout input[type=email],
  #myaccount-layout input[type=number],
  #myaccount-layout input[type=password],
  #myaccount-layout select {
    border: 1px solid #C1C1C1;
    font-size: 13px;
    padding: 2px;
    width: 100%; }
  #myaccount-layout label {
    font-size: 1em;
    margin-bottom: 5px;
    text-transform: uppercase; }
  #myaccount-layout .username {
    font-family: 'Lato-Bold'; }
  #myaccount-layout #left-nav .left-nav-hdr {
    background: -moz-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #ECECEC));
    background: -webkit-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -o-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -ms-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: linear-gradient(to bottom, #F6F6F6 0%, #ECECEC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#ECECEC',GradientType=0);
    color: #313131;
    font: 0.9125em Lato-Bold, sans-serif;
    padding: 8px; }
    #myaccount-layout #left-nav .left-nav-hdr .hdr-txt {
      width: 100%; }
  #myaccount-layout #left-nav .left-nav-lvl1 {
    padding: 5px 0 10px 15px; }
  #myaccount-layout .myaccount-instruction {
    margin: 10px 0;
    font-size: 0.8125em; }
  #myaccount-layout .myaccount-form-row {
    font-size: 0.6875em;
    margin: 5px 0; }
    #myaccount-layout .myaccount-form-row:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 76.75em) {
      #myaccount-layout .myaccount-form-row .myaccount-form-row-left {
        width: 35%;
        float: left; }
      #myaccount-layout .myaccount-form-row .myaccount-form-row-right {
        width: 65%;
        float: left; }
      #myaccount-layout .myaccount-form-row .myaccount-form-row-err {
        clear: both;
        font-size: 11px;
        color: red;
        font-family: Arial;
        margin-left: 35%;
        margin-top: 5px;
        font-weight: bold; }
      #myaccount-layout .myaccount-form-row.longinput .myaccount-form-row-left {
        width: 50% !important; }
      #myaccount-layout .myaccount-form-row.longinput .myaccount-form-row-right {
        width: 50% !important; }
      #myaccount-layout .myaccount-form-row.rightonly .myaccount-form-row-right {
        width: 100% !important; } }
  #myaccount-layout .inline-label-row {
    margin-bottom: 15px; }
    #myaccount-layout .inline-label-row label {
      display: inline;
      padding-right: 5px;
      text-transform: none; }
    #myaccount-layout .inline-label-row input[type=checkbox],
    #myaccount-layout .inline-label-row input[type=radio] {
      position: relative;
      top: 3px; }
  #myaccount-layout #myaccount-layout-left {
    margin-bottom: 20px; }
    #myaccount-layout #myaccount-layout-left:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 64em) {
      #myaccount-layout #myaccount-layout-left {
        width: 49%;
        margin-right: 1%;
        float: left; } }
  #myaccount-layout #myaccount-layout-right {
    margin-bottom: 20px; }
    #myaccount-layout #myaccount-layout-right:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 64em) {
      #myaccount-layout #myaccount-layout-right {
        width: 49%;
        margin-left: 1%;
        float: left; } }
    #myaccount-layout #myaccount-layout-right .myaccount-content {
      border: none; }
  #myaccount-layout .myaccount-header {
    background: -moz-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #ECECEC));
    background: -webkit-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -o-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -ms-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: linear-gradient(to bottom, #F6F6F6 0%, #ECECEC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#ECECEC',GradientType=0);
    color: #313131;
    font-size: 0.8125em;
    font-family: Lato-Bold, sans-serif;
    line-height: 1em;
    padding: 10px;
    text-transform: uppercase; }
  #myaccount-layout .myaccount-content {
    padding: 10px; }
    #myaccount-layout .myaccount-content:after {
      content: "";
      display: table;
      clear: both; }
    #myaccount-layout .myaccount-content .myaccount-form-row-err {
      font-size: 11px;
      color: red;
      font-weight: bold;
      padding-top: 5px;
      font-family: Arial; }
  #myaccount-layout .myaccount-form .myaccount-form-row:after {
    content: "";
    display: table;
    clear: both; }
  #myaccount-layout .myaccount-form .myaccount-form-row.forceleft .myaccount-form-row-left {
    float: left;
    width: auto !important;
    margin-right: 7px; }
  #myaccount-layout .myaccount-form .myaccount-form-row.forceleft .myaccount-form-row-right {
    width: auto !important; }
  #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-left {
    margin-bottom: 5px; }
  #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-right:after {
    content: "";
    display: table;
    clear: both; }
  #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-right input {
    margin-bottom: 5px; }
  #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-submit:after {
    content: "";
    display: table;
    clear: both; }
  #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-submit input {
    width: 100%;
    margin-bottom: 10px; }
  @media (min-width: 47.5em) {
    #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-submit .btn-default {
      width: 48%;
      float: right; }
    #myaccount-layout .myaccount-form .myaccount-form-row .myaccount-form-row-submit .btn-secondary {
      width: 48%;
      float: left; } }

.checkout-hdr {
  background: #EFEFEF url(/c/images/checkout/cog.png) no-repeat left;
  color: #313131;
  font-size: 0.8125em;
  font-family: Lato-Bold, sans-serif;
  line-height: 1em;
  margin-bottom: 10px;
  padding: 9px 9px 9px 55px;
  text-transform: uppercase; }
  .checkout-hdr.payment-hdr-1-icon {
    background-image: url(/c/images/checkout/header_1.png); }
  .checkout-hdr.payment-hdr-2-icon {
    background-image: url(/c/images/checkout/header_2.png); }
  .checkout-hdr.cart-hdr-icon {
    background-image: url(/c/images/checkout/cartIcon.png); }
  .checkout-hdr.shipping-hdr-icon {
    background-image: url(/c/images/checkout/shipIcon.png); }
  .checkout-hdr.billing-hdr-icon {
    background-image: url(/c/images/checkout/billIcon.png); }
  .checkout-hdr.summary-hdr-icon {
    background-image: url(/c/images/checkout/summaryIcon.png); }

.security-badges {
  margin: 20px 0 30px; }
  .security-badges > div {
    margin: 10px 10px 0 0; }
    @media (min-width: 47.5em) {
      .security-badges > div {
        display: inline-block; } }
  .security-badges img {
    height: auto;
    max-height: 55px;
    max-width: 100%;
    width: auto; }

/* ==========================================================================
Forgot Password Page
========================================================================== */
#myaccount-layout.forgot-password .myaccount-form {
  margin-top: 20px; }
  #myaccount-layout.forgot-password .myaccount-form input.intxt {
    max-width: 300px; }

/* ==========================================================================
Login Page
========================================================================== */
#login-layout {
  margin: 20px auto 0;
  max-width: 1600px;
  padding: 0 20px; }
  @media (min-width: 64em) {
    #login-layout {
      padding: 0;
      width: 85%; } }
  @media (min-width: 105em) {
    #login-layout {
      width: 100%; } }
  #login-layout input[type=text],
  #login-layout input[type=email],
  #login-layout input[type=number],
  #login-layout input[type=password] {
    border: 1px solid #C1C1C1;
    font-size: 13px;
    padding: 2px;
    width: 100%; }
    @media (min-width: 76.75em) {
      #login-layout input[type=text],
      #login-layout input[type=email],
      #login-layout input[type=number],
      #login-layout input[type=password] {
        width: 65%; } }
  #login-layout #login-existing,
  #login-layout #login-new,
  #login-layout #login-guest,
  #login-layout #login-paypal {
    margin-bottom: 40px; }
    @media (min-width: 47.5em) {
      #login-layout #login-existing,
      #login-layout #login-new,
      #login-layout #login-guest,
      #login-layout #login-paypal {
        display: table;
        table-layout: fixed;
        width: 100%; } }
  #login-layout .login-form {
    padding-left: 10px; }
    @media (min-width: 47.5em) {
      #login-layout .login-form {
        display: table-cell;
        padding-right: 5%;
        width: 50%; } }
    #login-layout .login-form p {
      margin-top: 0;
      font-size: 13px; }
    #login-layout .login-form .login-form-row-err {
      padding-top: 5px; }
    #login-layout .login-form .login-form-row {
      margin-bottom: 10px; }
      #login-layout .login-form .login-form-row:after {
        content: "";
        display: table;
        clear: both; }
      #login-layout .login-form .login-form-row label {
        text-transform: uppercase; }
  #login-layout .login-desc {
    display: none;
    font-size: 1.2em; }
    @media (min-width: 47.5em) {
      #login-layout .login-desc {
        border-left: 1px solid #000000;
        display: table-cell;
        padding-left: 5%;
        vertical-align: middle;
        width: 50%; } }
  #login-layout input[type=checkbox] {
    margin-right: 5px;
    position: relative;
    top: 2px; }
  #login-layout .forgotPwd {
    color: #000000;
    margin-top: 10px;
    font-size: 0.7em;
    display: block; }
  #login-layout #login-warning-message {
    color: #BB020A; }

/* ==========================================================================
Checkout Shipping & Billing Address Pages
========================================================================== */
.checkout-form-instructions {
  font-family: "Lato-Light";
  text-transform: uppercase; }

.malAccountInfo label {
  font-size: 0.6875em !important;
  margin-bottom: 5px; }

@media (min-width: 64em) {
  .adrForm .myaccount-content {
    border-right: 1px solid #000000;
    margin-top: 20px;
    width: 50%; } }
.adrForm #myaccount-layout-left .myaccount-content {
  width: 100%; }
.adrForm .addnew-shipping-address {
  width: 100%; }
  @media (min-width: 47.5em) {
    .adrForm .addnew-shipping-address {
      max-width: 190px; } }
@media (min-width: 64em) {
  .adrForm .myaccount-form-row {
    width: 75%; } }
.adrForm .myaccount-form-row-submit:after {
  content: "";
  display: table;
  clear: both; }
.adrForm .myaccount-form-row-submit input, .adrForm .myaccount-form-row-submit a {
  width: 100%;
  margin-bottom: 10px; }
@media (min-width: 47.5em) {
  .adrForm .myaccount-form-row-submit .btn-default {
    width: 48%;
    float: right; }
  .adrForm .myaccount-form-row-submit .btn-secondary {
    width: 48%;
    float: left; } }
.adrForm .addnew-address {
  width: 100%; }
  @media (min-width: 47.5em) {
    .adrForm .addnew-address {
      width: auto; } }
.adrForm #address-book {
  margin-top: 20px;
  border-top: 1px solid #ececec;
  padding-top: 20px; }
  .adrForm #address-book .address-book-item {
    font-size: 0.6875em;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px; }
    .adrForm #address-book .address-book-item:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 47.5em) {
      .adrForm #address-book .address-book-item {
        max-width: 475px;
        border-bottom: 0; } }
    .adrForm #address-book .address-book-item .use-shipping-address {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 47.5em) {
        .adrForm #address-book .address-book-item .use-shipping-address {
          max-width: 160px; } }
    .adrForm #address-book .address-book-item .edit-address {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 47.5em) {
        .adrForm #address-book .address-book-item .edit-address {
          max-width: 60px;
          margin-right: 5px; } }
    .adrForm #address-book .address-book-item .edit-primaryaddress {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 47.5em) {
        .adrForm #address-book .address-book-item .edit-primaryaddress {
          max-width: 60px; } }
    .adrForm #address-book .address-book-item .delete-address {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 47.5em) {
        .adrForm #address-book .address-book-item .delete-address {
          max-width: 100px; } }
    @media (min-width: 47.5em) {
      .adrForm #address-book .address-book-item .address-book-item-left {
        width: 50%;
        float: left; } }
    .adrForm #address-book .address-book-item .address-book-item-right {
      margin-top: 20px; }
      @media (min-width: 47.5em) {
        .adrForm #address-book .address-book-item .address-book-item-right {
          margin-top: 0;
          width: 50%;
          float: left; } }
      .adrForm #address-book .address-book-item .address-book-item-right input[type=submit] {
        float: right; }
    .adrForm #address-book .address-book-item .billaddr_default {
      margin-bottom: 4px; }
      .adrForm #address-book .address-book-item .billaddr_default input {
        position: relative;
        top: 2px; }
      .adrForm #address-book .address-book-item .billaddr_default > * {
        display: inline;
        font-size: 1em; }
    .adrForm #address-book .address-book-item .shipaddr_default {
      margin-bottom: 8px;
      padding-bottom: 8px; }
      @media (min-width: 64em) {
        .adrForm #address-book .address-book-item .shipaddr_default {
          border-bottom: 1px solid #ccc; } }
      .adrForm #address-book .address-book-item .shipaddr_default input {
        position: relative;
        top: 2px; }
      .adrForm #address-book .address-book-item .shipaddr_default > * {
        display: inline;
        font-size: 1em; }

/* ==========================================================================
Payment Method Page
========================================================================== */
.malPayInfo .myaccount-content {
  padding: 10px; }
  .malPayInfo .myaccount-content:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 64em) {
    .malPayInfo .myaccount-content {
      border: 0; } }
  .malPayInfo .myaccount-content .myaccount-instruction {
    margin: 10px 0;
    font-size: 0.8125em; }
  .malPayInfo .myaccount-content .myaccount-form-row:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 64em) {
    .malPayInfo .myaccount-content .myaccount-form {
      max-width: 450px; } }
  .malPayInfo .myaccount-content .myaccount-form-row-err {
    font-size: 10px;
    text-transform: uppercase; }
  .malPayInfo .myaccount-content .myaccount-form-exp-month {
    width: 48%;
    float: left; }
  .malPayInfo .myaccount-content .myaccount-form-exp-year {
    width: 48%;
    float: right; }
  .malPayInfo .myaccount-content #txtCSC {
    max-width: 50px;
    margin-right: 10px; }
  .malPayInfo .myaccount-content .cc-opts {
    margin-bottom: 20px; }
    @media (min-width: 47.5em) {
      .malPayInfo .myaccount-content .cc-opts {
        margin-bottom: 0; } }
    .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt {
      margin: 10px 0; }
      @media (min-width: 47.5em) {
        .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt {
          margin-top: 0;
          float: left;
          width: 50%; } }
      .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input {
        cursor: pointer;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 3px; }
        .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input + label {
          cursor: pointer;
          display: inline-block;
          text-transform: none !important; }
          .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input + label:before {
            content: "";
            display: inline-block;
            margin-right: 5px;
            position: relative;
            top: 4px;
            height: 20px;
            width: 32px; }
        .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input#rdoCardTypeMC + label:before {
          background: url(/c/images/checkout/mc_small.png) 0 0 no-repeat; }
        .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input#rdoCardTypeVS + label:before {
          background: url(/c/images/checkout/visa_small.png) 0 0 no-repeat; }
        .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input#rdoCardTypeAM + label:before {
          background: url(/c/images/checkout/amex_small.png) 0 0 no-repeat; }
        .malPayInfo .myaccount-content .cc-opts .myaccount-form-row-right-opt input#rdoCardTypeDS + label:before {
          background: url(/c/images/checkout/dc_small.png) 0 0 no-repeat; }
  .malPayInfo .myaccount-content .myaccount-form-row-submit {
    margin-top: 20px; }
    .malPayInfo .myaccount-content .myaccount-form-row-submit:after {
      content: "";
      display: table;
      clear: both; }
    .malPayInfo .myaccount-content .myaccount-form-row-submit a, .malPayInfo .myaccount-content .myaccount-form-row-submit input {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 47.5em) {
        .malPayInfo .myaccount-content .myaccount-form-row-submit a, .malPayInfo .myaccount-content .myaccount-form-row-submit input {
          width: 49%; }
          .malPayInfo .myaccount-content .myaccount-form-row-submit a + a, .malPayInfo .myaccount-content .myaccount-form-row-submit a + input, .malPayInfo .myaccount-content .myaccount-form-row-submit input + a, .malPayInfo .myaccount-content .myaccount-form-row-submit input + input {
            margin-left: 1%; } }
      .malPayInfo .myaccount-content .myaccount-form-row-submit a.continuePayPal, .malPayInfo .myaccount-content .myaccount-form-row-submit input.continuePayPal {
        float: none;
        width: auto; }
  @media (min-width: 47.5em) {
    .malPayInfo .myaccount-content .myaccount-form-row-left {
      width: 35%;
      float: left; }
    .malPayInfo .myaccount-content .myaccount-form-row-right {
      width: 65%;
      float: left; } }
.malPayInfo #myaccount-layout-ftr {
  text-align: center; }
  @media (min-width: 47.5em) {
    .malPayInfo #myaccount-layout-ftr {
      text-align: left; } }
  @media (min-width: 64em) {
    .malPayInfo #myaccount-layout-ftr .myaccount-form-row {
      max-width: 600px; } }
  .malPayInfo #myaccount-layout-ftr .myaccount-form-row .myaccount-form-row-left {
    margin: 10px 0 20px; }
    @media (min-width: 47.5em) {
      .malPayInfo #myaccount-layout-ftr .myaccount-form-row .myaccount-form-row-left {
        width: 40%; } }
    @media (min-width: 64em) {
      .malPayInfo #myaccount-layout-ftr .myaccount-form-row .myaccount-form-row-left {
        width: 35%; } }
  .malPayInfo #myaccount-layout-ftr .myaccount-form-row .myaccount-form-row-right {
    margin: 10px 0 20px;
    font-size: 0.875em;
    text-align: left; }
    @media (min-width: 47.5em) {
      .malPayInfo #myaccount-layout-ftr .myaccount-form-row .myaccount-form-row-right {
        width: 60%; } }
    @media (min-width: 64em) {
      .malPayInfo #myaccount-layout-ftr .myaccount-form-row .myaccount-form-row-right {
        width: 65%; } }
@media (min-width: 47.5em) {
  .malPayInfo .payment-security {
    text-align: center; } }
.malPayInfo .payment-security .payment-security-hdr {
  font: 1.5em Lato-Light;
  margin-top: 30px;
  text-transform: uppercase; }
  @media (min-width: 47.5em) {
    .malPayInfo .payment-security .payment-security-hdr {
      margin-top: 0; } }

.CCardForm {
  margin-bottom: 30px; }
  .CCardForm .myaccount-instruction {
    font-size: 0.6875em !important; }
  .CCardForm .continuePayPal {
    max-width: 145px; }
  .CCardForm .use-card {
    width: 100%; }
  .CCardForm .use-money-order {
    width: 100%; }
  .CCardForm .wiretransfer-address {
    margin: 10px 0;
    padding-right: 10px; }
  .CCardForm .add-ccard {
    width: 100%;
    margin-bottom: 10px; }
    @media (min-width: 47.5em) {
      .CCardForm .add-ccard {
        max-width: 250px; } }
  @media (min-width: 64em) {
    .CCardForm {
      margin-top: 0; }
      .CCardForm .edit-ccard {
        max-width: 75px; }
      .CCardForm .delete-ccard {
        max-width: 90px; } }
  .CCardForm .addnew-creditcard {
    border-bottom: 1px solid #ECECEC; }
    @media (min-width: 64em) {
      .CCardForm .addnew-creditcard {
        border-bottom: 0; } }
    .CCardForm .addnew-creditcard a {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 64em) {
        .CCardForm .addnew-creditcard a {
          max-width: 225px; } }
  .CCardForm .payment-book-item {
    font-size: 0.6875em;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px; }
    .CCardForm .payment-book-item:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 47.5em) {
      .CCardForm .payment-book-item {
        max-width: 450px;
        border: 0; } }
    .CCardForm .payment-book-item .payment-book-item-row:after {
      content: "";
      display: table;
      clear: both; }
    .CCardForm .payment-book-item .payment-book-item-row .payment-book-item-row-left {
      width: 75%;
      float: left;
      font-weight: bold; }
    .CCardForm .payment-book-item .payment-book-item-row .payment-book-item-row-right {
      width: 25%;
      float: left; }
    @media (min-width: 76.75em) {
      .CCardForm .payment-book-item .payment-book-item-left {
        width: 50%;
        float: left; } }
    @media (min-width: 47.5em) {
      .CCardForm .payment-book-item .payment-book-item-left {
        width: 50%;
        float: left; } }
    .CCardForm .payment-book-item .payment-book-item-right {
      margin-top: 20px; }
      .CCardForm .payment-book-item .payment-book-item-right .delete-ccard {
        width: 100%; }
        @media (min-width: 47.5em) {
          .CCardForm .payment-book-item .payment-book-item-right .delete-ccard {
            max-width: 90px; } }
      @media (min-width: 47.5em) {
        .CCardForm .payment-book-item .payment-book-item-right {
          margin-top: 0;
          width: 50%;
          float: left; } }
      .CCardForm .payment-book-item .payment-book-item-right input[type=submit] {
        position: relative;
        top: -5px;
        float: right; }
      .CCardForm .payment-book-item .payment-book-item-right a {
        margin-bottom: 10px;
        width: 100%; }
      @media (min-width: 47.5em) {
        .CCardForm .payment-book-item .payment-book-item-right .payment-book-item-row:first-child {
          margin-right: 5px; } }
      .CCardForm .payment-book-item .payment-book-item-right .use-ccard {
        width: 100%; }
        @media (min-width: 47.5em) {
          .CCardForm .payment-book-item .payment-book-item-right .use-ccard {
            width: 150px;
            float: left; } }
      .CCardForm .payment-book-item .payment-book-item-right .edit-ccard {
        width: 100%; }
        @media (min-width: 47.5em) {
          .CCardForm .payment-book-item .payment-book-item-right .edit-ccard {
            max-width: 60px; } }
    .CCardForm .payment-book-item .ccard-default {
      margin-bottom: 8px; }
      @media (min-width: 47.5em) {
        .CCardForm .payment-book-item .ccard-default {
          border-bottom: 1px solid #ccc; } }
      .CCardForm .payment-book-item .ccard-default input {
        position: relative;
        top: 2px; }
      .CCardForm .payment-book-item .ccard-default > * {
        display: inline;
        font-size: 1em; }

#maSetPwd {
  max-width: 450px; }

/* Mobile Index Page Nav */
#cat-nav #cat-nav-hdr #cat-nav-hdr-contextlbl {
  color: #313131;
  font-size: 16px;
  font-family: 'Lato-Bold', sans-serif; }
#cat-nav #cat-nav-list .cat-nav-list-item a {
  width: 100%;
  margin-top: 10px; }

/* My Coupon Page */
#my-coupons #mycoupons-hdr .total-discounts {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px; }
#my-coupons #mycoupons-hdr .coupon-hint {
  color: #666666;
  font-size: 12px;
  margin: 10px 0 20px; }
#my-coupons table.mycoupons-item-list {
  border-collapse: collapse;
  font-size: 11px;
  margin: 0 0 10px 0; }
  #my-coupons table.mycoupons-item-list thead {
    background: url(/images/input_bg.jpg) repeat-x scroll 0 0;
    border: 1px solid #CCCCCC;
    color: #313131; }
    #my-coupons table.mycoupons-item-list thead th {
      clear: both;
      margin-bottom: 10px;
      padding: 5px;
      vertical-align: top;
      text-align: left;
      font-weight: bold;
      text-transform: uppercase; }
      #my-coupons table.mycoupons-item-list thead th.mycoupons-item-hdr-couponcode {
        width: 174px; }
      #my-coupons table.mycoupons-item-list thead th.mycoupons-item-hdr-discount {
        width: 130px; }
      #my-coupons table.mycoupons-item-list thead th.mycoupons-item-hdr-date {
        white-space: nowrap;
        width: 110px; }
      #my-coupons table.mycoupons-item-list thead th.mycoupons-item-hdr-status {
        width: 160px; }
  #my-coupons table.mycoupons-item-list td {
    clear: both;
    margin-bottom: 10px;
    padding: 10px 5px;
    vertical-align: top;
    border-top: solid 1px #E3E4E5; }
  #my-coupons table.mycoupons-item-list tr a:hover {
    text-decoration: underline; }
  #my-coupons table.mycoupons-item-list tr td.active {
    color: #009900; }
  #my-coupons table.mycoupons-item-list tr td.nonactive {
    color: #CF0000; }
  #my-coupons table.mycoupons-item-list .tr.nonactive {
    color: #999999; }
  #my-coupons table.mycoupons-item-list tr.firstRow td {
    border: medium none; }
#my-coupons .mobile-mycoupons-item-list {
  display: block; }
  @media (min-width: 47.5em) {
    #my-coupons .mobile-mycoupons-item-list {
      display: none; } }
  #my-coupons .mobile-mycoupons-item-list .mobile-mycoupons-item {
    margin-top: 10px;
    width: 100%;
    font-size: 12px; }
    #my-coupons .mobile-mycoupons-item-list .mobile-mycoupons-item tr.coderow {
      padding-top: 20px; }
    #my-coupons .mobile-mycoupons-item-list .mobile-mycoupons-item tr td {
      width: 50%;
      text-align: right; }
      #my-coupons .mobile-mycoupons-item-list .mobile-mycoupons-item tr td.mycoupons-lbl {
        text-align: left !important;
        font-weight: bold; }

.malAddressBook .myaccount-form-row-submit input[type=submit] {
  margin-bottom: 10px; }
  @media (min-width: 47.5em) {
    .malAddressBook .myaccount-form-row-submit input[type=submit].btn-default {
      float: right; }
    .malAddressBook .myaccount-form-row-submit input[type=submit].btn-secondary {
      float: left; } }
@media (min-width: 47.5em) {
  .malAddressBook .myaccount-form-row .myaccount-form-row-left {
    width: 40%;
    float: left; } }
@media (min-width: 64em) {
  .malAddressBook .myaccount-form-row .myaccount-form-row-left {
    width: 35%; } }
.malAddressBook .myaccount-form-row .myaccount-form-row-right {
  font-size: 0.875em;
  text-align: left; }
  @media (min-width: 47.5em) {
    .malAddressBook .myaccount-form-row .myaccount-form-row-right {
      width: 60%;
      float: left; } }
  @media (min-width: 64em) {
    .malAddressBook .myaccount-form-row .myaccount-form-row-right {
      width: 65%; } }

@media (min-width: 47.5em) {
  #myaccount-payment-selector {
    padding-right: 20px; } }
#myaccount-payment-selector .myaccount-payment-type {
  border: 1px solid #D7D7D7;
  cursor: pointer; }
  #myaccount-payment-selector .myaccount-payment-type label {
    font-size: 11px;
    height: 30px;
    margin: 0;
    padding: 5px; }
  #myaccount-payment-selector .myaccount-payment-type + .myaccount-payment-type {
    margin-top: 10px; }
  #myaccount-payment-selector .myaccount-payment-type.payment-type-selected {
    border: 2px solid #000000;
    font-family: "Lato-Bold"; }
  #myaccount-payment-selector .myaccount-payment-type .mini-cc-logos {
    float: right; }

.hidePayOpt {
  display: none; }

.continuePayPal {
  float: right;
  margin: 0 0 13px 0;
  clear: both; }

/* Order History */
div#order-history {
  margin-top: 10px; }
  div#order-history .myaccount-message {
    text-align: center;
    color: #FC0000;
    font-weight: bold; }
  div#order-history table {
    width: 100%;
    border-collapse: collapse; }
    div#order-history table strong {
      width: 75px;
      display: inline-block !important; }
      @media (min-width: 47.5em) {
        div#order-history table strong {
          display: none !important; } }
    div#order-history table thead {
      background: url(/images/input_bg.jpg) repeat-x scroll 0 0;
      border: 1px solid #CCCCCC;
      color: #313131; }
      div#order-history table thead th {
        clear: both;
        font-size: 11px;
        text-align: center;
        padding: 5px;
        text-transform: uppercase; }
    div#order-history table tbody tr td {
      font-size: 12px;
      padding: 5px; }
      @media (min-width: 47.5em) {
        div#order-history table tbody tr td {
          text-align: center; } }
    div#order-history table a:link,
    div#order-history table a:visited,
    div#order-history table a:hover,
    div#order-history table a:active {
      font-weight: normal;
      color: #CF0000; }
    div#order-history table .order-history-mobile-content {
      width: 100%;
      display: block !important; }
      @media (min-width: 47.5em) {
        div#order-history table .order-history-mobile-content {
          display: none !important; } }
      div#order-history table .order-history-mobile-content span {
        display: block;
        margin-top: 5px; }
      div#order-history table .order-history-mobile-content a.btn-default {
        color: #fff;
        width: 100%;
        margin: 10px 0;
        font-weight: bold; }

/* Order Detail */
.malOrderDetail .infoBoxes .order-info-hdr {
  background: -moz-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #ECECEC));
  background: -webkit-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: -o-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: -ms-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: linear-gradient(to bottom, #F6F6F6 0%, #ECECEC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#ECECEC',GradientType=0);
  color: #313131;
  font: 13px Lato-Bold, sans-serif;
  padding: 6px 5px 5px;
  text-transform: uppercase; }
.malOrderDetail .infoBoxes .order-info-orderheader-form,
.malOrderDetail .infoBoxes .order-info-billing-form,
.malOrderDetail .infoBoxes .order-info-shipping-form {
  padding: 10px;
  border: 1px solid #ececec; }
  @media (min-width: 64em) {
    .malOrderDetail .infoBoxes .order-info-orderheader-form,
    .malOrderDetail .infoBoxes .order-info-billing-form,
    .malOrderDetail .infoBoxes .order-info-shipping-form {
      border: 0; } }
.malOrderDetail .infoBoxes .order-info-row {
  font-family: Lato, sans-serif;
  font-size: 11px; }
  .malOrderDetail .infoBoxes .order-info-row:after {
    content: "";
    display: table;
    clear: both; }
  .malOrderDetail .infoBoxes .order-info-row .order-info-row-left {
    font-weight: bold;
    float: left; }
  .malOrderDetail .infoBoxes .order-info-row .order-info-row-right {
    text-align: right; }

.order-items-container .order-info-hdr {
  background: -moz-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #ECECEC));
  background: -webkit-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: -o-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: -ms-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
  background: linear-gradient(to bottom, #F6F6F6 0%, #ECECEC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#ECECEC',GradientType=0);
  color: #313131;
  font: 13px Lato-Bold, sans-serif;
  padding: 6px 5px 5px;
  text-transform: uppercase; }
.order-items-container .mobile-meta {
  margin-bottom: 2px;
  margin-left: 25px; }
.order-items-container .order-item-list {
  width: 100%;
  border-collapse: collapse;
  font: 11px Lato, sans-serif;
  padding: 10px;
  border: 1px solid #ececec; }
  @media (min-width: 47.5em) {
    .order-items-container .order-item-list {
      padding: 0;
      border: 0; } }
  .order-items-container .order-item-list thead {
    background: -moz-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #ECECEC));
    background: -webkit-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -o-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: -ms-linear-gradient(top, #F6F6F6 0%, #ECECEC 100%);
    background: linear-gradient(to bottom, #F6F6F6 0%, #ECECEC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#ECECEC',GradientType=0);
    color: #313131;
    font: 11px Lato-Bold, sans-serif;
    text-align: left; }
    @media (min-width: 64em) {
      .order-items-container .order-item-list thead {
        font-size: 13px; } }
    .order-items-container .order-item-list thead th {
      clear: both;
      margin-bottom: 10px;
      padding: 6px 5px 5px;
      vertical-align: middle;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center; }
  .order-items-container .order-item-list td {
    clear: both;
    margin-bottom: 10px;
    padding: 10px 5px 5px;
    vertical-align: top;
    border-top: solid 1px #E3E4E5; }

.order-item-ftr-wrapper {
  border-top: 1px solid #E3E4E5;
  padding-top: 10px;
  font-size: 11px; }
  .order-item-ftr-wrapper .btn-default {
    width: 100%; }
    @media (min-width: 64em) {
      .order-item-ftr-wrapper .btn-default {
        max-width: 150px; } }
  .order-item-ftr-wrapper .order-info-ordersummary {
    font-size: 11px;
    margin-top: 20px; }
    @media (min-width: 64em) {
      .order-item-ftr-wrapper .order-info-ordersummary {
        padding-left: 20px; } }
    .order-item-ftr-wrapper .order-info-ordersummary .order-info-row-left {
      float: left;
      font-weight: bold; }
    .order-item-ftr-wrapper .order-info-ordersummary .order-info-row-right {
      text-align: right; }
    .order-item-ftr-wrapper .order-info-ordersummary .total {
      padding-top: 5px;
      margin-top: 5px;
      font-weight: bold;
      border-top: 1px solid #000000; }

table.order-item-list td.noline {
  clear: both;
  margin-bottom: 10px;
  padding: 10px 5px 5px;
  vertical-align: top;
  border-top: none 0 #000000; }

table.order-item-list input.quantityBox {
  border: 1px solid gray;
  height: 13px;
  padding: 6px 1px 5px;
  text-align: center; }

table.order-item-list div.order-item-extprice {
  font-size: 11px;
  margin-bottom: 20px;
  color: #000000;
  font-weight: bold;
  text-align: right; }

table.order-item-list div.order-item-extprice span.strikethrough {
  margin: 0;
  color: #000000;
  font-weight: normal; }

table.order-item-list div.order-item-detail-ctrl {
  float: left;
  margin: 0 10px 30px 0; }

table.order-item-list div.order-item-detail-prodname {
  margin-bottom: 3px; }

table.order-item-list div.order-kitpartlistheader {
  float: left;
  height: 12px;
  margin: 0 0 0 23px; }

table.order-item-list div.order-kititem-detail {
  float: left;
  margin: 0 0 2px 25px; }

table.order-item-list div.order-item-btnCtrl {
  font-size: 10px;
  white-space: nowrap;
  text-align: right; }

table.order-item-list a {
  color: #CF0000; }

table.order-item-list a:hover {
  text-decoration: underline; }

table.order-item-list tfoot div.order-item-ftr-left {
  float: left;
  font-size: 10px; }

/* WishList */
.malWishList .update-btn {
  width: 100%; }
  @media (min-width: 47.5em) {
    .malWishList .update-btn {
      width: auto; } }
.malWishList .input-want {
  width: 40px !important; }
.malWishList #foundWListCtrl {
  float: right; }
.malWishList #sendToFriend {
  font-size: 12px; }
  .malWishList #sendToFriend .myaccount-instruction {
    font-size: 12px; }
  .malWishList #sendToFriend textarea {
    width: 100%; }
  .malWishList #sendToFriend .btn_send {
    width: 100%; }
    @media (min-width: 47.5em) {
      .malWishList #sendToFriend .btn_send {
        width: auto; } }
.malWishList #myaccount-layout-left {
  width: 100% !important;
  margin: 0 !important; }
  @media (min-width: 76.75em) {
    .malWishList #myaccount-layout-left {
      width: 49% !important;
      margin-right: 1% !important;
      float: left; } }
.malWishList #myaccount-layout-right {
  width: 100% !important;
  margin: 0 !important; }
  @media (min-width: 76.75em) {
    .malWishList #myaccount-layout-right {
      margin-left: 1% !important;
      width: 49% !important;
      float: left; } }

.wishlist-search-bar {
  margin: 10px 0; }
  .wishlist-search-bar:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 47.5em) {
    .wishlist-search-bar .wishlist-search-left {
      float: left; } }
  .wishlist-search-bar .wishlist-search-left .wishlist-search-hdr {
    font: 13px Lato-Bold, sans-serif;
    padding-right: 5px; }
  .wishlist-search-bar .wishlist-search-left .wishlist-search-bar-instruction {
    color: #666666;
    font-size: 10px;
    padding-right: 5px; }
  @media (min-width: 47.5em) {
    .wishlist-search-bar .wishlist-search-right {
      float: left; } }
  .wishlist-search-bar .wishlist-search-right .wishlist-search-bar-ctrl {
    margin-top: 5px; }
    .wishlist-search-bar .wishlist-search-right .wishlist-search-bar-ctrl input {
      width: 125px !important;
      padding: 2px;
      border: 1px solid #C1C1C1;
      float: left;
      height: 25px;
      margin-right: 4px; }
      @media (min-width: 47.5em) {
        .wishlist-search-bar .wishlist-search-right .wishlist-search-bar-ctrl input {
          width: 175px !important; } }
    .wishlist-search-bar .wishlist-search-right .wishlist-search-bar-ctrl button.wishlist-submit-button {
      background: none;
      border: none;
      padding: 0;
      margin: 0; }
    .wishlist-search-bar .wishlist-search-right .wishlist-search-bar-ctrl .wishlist-search-icon {
      background-color: #C52127;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      height: 25px;
      padding: 4px 8px; }
  .wishlist-search-bar .wishlist-email {
    color: #C52127;
    font: 13px Lato-Bold, sans-serif;
    float: right;
    margin-top: 30px; }
    @media (min-width: 47.5em) {
      .wishlist-search-bar .wishlist-email {
        margin-top: 0; } }
    .wishlist-search-bar .wishlist-email .wishlist-email-icon {
      font-size: 24px;
      margin-left: 5px;
      position: relative;
      top: 2px; }

.wishlist-item-list {
  width: 100%; }
  .wishlist-item-list .wishlist-item-custname {
    font-size: 12px; }
  .wishlist-item-list .wishlist-item-custname a {
    color: #CF0000; }
  .wishlist-item-list .wishlist-item-location {
    font-size: 12px; }
  .wishlist-item-list thead {
    color: #313131;
    font: 13px Lato-Bold, sans-serif;
    text-align: left;
    text-transform: uppercase; }
    .wishlist-item-list thead .wishlist-item-hdr-price {
      text-align: right; }
    .wishlist-item-list thead .wishlist-item-hdr-want {
      width: 55px; }
    .wishlist-item-list thead .wishlist-item-hdr-got {
      width: 50px;
      text-align: center; }
  .wishlist-item-list .firstRow td {
    border: 0; }
  .wishlist-item-list td {
    border-top: solid 1px #E3E4E5;
    padding: 10px 0;
    vertical-align: top; }
    .wishlist-item-list td .wishlist-item-btnCtrl a {
      width: auto;
      display: block;
      margin-bottom: 10px; }
    .wishlist-item-list td.wishlist-got {
      text-align: center; }
    .wishlist-item-list td .wishlist-item-extprice {
      text-align: left; }
      @media (min-width: 47.5em) {
        .wishlist-item-list td .wishlist-item-extprice {
          font: 12px Lato-Bold, sans-serif;
          margin-bottom: 20px;
          color: #DF2226;
          text-align: right; } }
  .wishlist-item-list .wishlist-item-container {
    width: 100%; }
    .wishlist-item-list .wishlist-item-container:after {
      content: "";
      display: table;
      clear: both; }
    .wishlist-item-list .wishlist-item-container .cart-item-img {
      float: left; }
    .wishlist-item-list .wishlist-item-container .wishlist-item-detail {
      width: 65%;
      float: left;
      font-size: 10px; }
      @media (min-width: 47.5em) {
        .wishlist-item-list .wishlist-item-container .wishlist-item-detail {
          width: 50%; } }
      .wishlist-item-list .wishlist-item-container .wishlist-item-detail .wishlist-item-detail-prodname {
        margin-bottom: 10px;
        font-size: 12px;
        font-family: Lato-Bold, sans-serif; }
  .wishlist-item-list .wishlist-item-detail-comment {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px; }
    .wishlist-item-list .wishlist-item-detail-comment:after {
      content: "";
      display: table;
      clear: both; }
    .wishlist-item-list .wishlist-item-detail-comment label {
      float: left;
      margin-right: 5px;
      margin-top: 5px; }
    .wishlist-item-list .wishlist-item-detail-comment input {
      width: 150px !important;
      float: left; }
  .wishlist-item-list .wishlist-item-mobile-controls {
    width: 100%;
    margin-bottom: 20px;
    display: block; }
    @media (min-width: 47.5em) {
      .wishlist-item-list .wishlist-item-mobile-controls {
        display: none; } }
    .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-btnCtrl a {
      width: 100%;
      margin-bottom: 10px;
      display: block; }
    .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-wantgot {
      margin: 10px 0; }
      .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-wantgot:after {
        content: "";
        display: table;
        clear: both; }
      .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-wantgot > div {
        width: 50%;
        float: left; }
    .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-want {
      font-size: 12px; }
      .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-want:after {
        content: "";
        display: table;
        clear: both; }
      .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-want span {
        float: left;
        margin-top: 5px;
        margin-right: 5px; }
      .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-want input {
        width: 50px !important;
        float: left; }
    .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-got {
      margin-top: 5px;
      font-size: 12px; }
    .wishlist-item-list .wishlist-item-mobile-controls .wishlist-item-extprice {
      font-size: 12px; }

a.slider-prev {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  outline: 0;
  width: 39px;
  height: 58px;
  text-indent: -9999px;
  z-index: 99;
  left: 10px;
  background-size: 39px 58px;
  background-image: url("/images/slider-arrow-left.png"); }

a.slider-next {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  outline: 0;
  width: 39px;
  height: 58px;
  text-indent: -9999px;
  z-index: 99;
  right: 10px;
  background-size: 39px 58px;
  background-image: url("/images/slider-arrow-right.png"); }

.slick-disabled {
  display: none !important; }

/* Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -31px;
  list-style: none;
  display: block;
  padding: 0;
  width: 100%;
  margin-left: 5px; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    background-color: #666;
    width: 10px;
    padding: 0;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      text-indent: 999999999999px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "ΓÇó";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active {
      background-color: #000; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* ==========================================================================
BloomReach related content widgets
========================================================================== */
.br-content-product {
  max-width: 100%; }

#br-related-searches-widget .br-related-heading {
  background: none;
  text-transform: uppercase; }
#br-related-searches-widget .br-related-query {
  font-size: 13px; }
  @media (min-width: 64em) {
    #br-related-searches-widget .br-related-query {
      margin-right: 5px;
      float: left; } }

.br-content-category,
.br-content-product {
  width: 66.66667%;
  margin: 75px auto 30px;
  position: relative; }
  #bdy-content-left .br-content-category, #bdy-content-left
  .br-content-product {
    width: 100%;
    margin: 10px 0;
    padding: 0; }
    #bdy-content-left .br-content-category .br-related-heading, #bdy-content-left
    .br-content-product .br-related-heading {
      color: #313131;
      font: 0.875em Lato-Bold, sans-serif;
      padding: 8px;
      text-transform: none;
      margin-top: 20px; }
    #bdy-content-left .br-content-category .br-related-query, #bdy-content-left
    .br-content-product .br-related-query {
      float: none; }
  .br-content-category:after,
  .br-content-product:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 47.5em) {
    .br-content-category,
    .br-content-product {
      width: 100%;
      padding-left: 0.83333em;
      padding-right: 0.83333em; } }
  .br-content-category .br-found-heading,
  .br-content-product .br-found-heading {
    color: #313131;
    font: 12pt Lato-Bold, sans-serif;
    line-height: 13px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .br-content-category .br-sf-widget,
  .br-content-product .br-sf-widget {
    width: 100%;
    font-size: 13px;
    height: 300px; }
    @media (min-width: 47.5em) {
      .br-content-category .br-sf-widget,
      .br-content-product .br-sf-widget {
        width: 50%;
        float: left;
        padding-left: 0.83333em;
        padding-right: 0.83333em; } }
    @media (min-width: 64em) {
      .br-content-category .br-sf-widget,
      .br-content-product .br-sf-widget {
        width: 33.33333%; } }
    .br-content-category .br-sf-widget .br-sf-widget-merchant-img,
    .br-content-product .br-sf-widget .br-sf-widget-merchant-img {
      width: 100%;
      height: 168px;
      text-align: center;
      display: table; }
      .br-content-category .br-sf-widget .br-sf-widget-merchant-img a,
      .br-content-product .br-sf-widget .br-sf-widget-merchant-img a {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        display: table-cell; }
    .br-content-category .br-sf-widget .br-sf-widget-merchant-title,
    .br-content-product .br-sf-widget .br-sf-widget-merchant-title {
      font-weight: bold;
      margin: 10px 0; }
      .br-content-category .br-sf-widget .br-sf-widget-merchant-title a,
      .br-content-product .br-sf-widget .br-sf-widget-merchant-title a {
        color: #040500;
        line-height: 18px; }
    .br-content-category .br-sf-widget .br-sf-widget-merchant-qv,
    .br-content-product .br-sf-widget .br-sf-widget-merchant-qv {
      font-size: 12px;
      line-height: 12px;
      margin-top: 10px;
      text-transform: uppercase; }
      .br-content-category .br-sf-widget .br-sf-widget-merchant-qv a,
      .br-content-product .br-sf-widget .br-sf-widget-merchant-qv a {
        color: #040500; }
  .br-content-category #br1, .br-content-category #br2, .br-content-category #br3, .br-content-category #br4, .br-content-category #br5, .br-content-category #br6, .br-content-category #br7, .br-content-category #br8, .br-content-category #br9, .br-content-category #br10, .br-content-category #br11, .br-content-category #br12,
  .br-content-product #br1,
  .br-content-product #br2,
  .br-content-product #br3,
  .br-content-product #br4,
  .br-content-product #br5,
  .br-content-product #br6,
  .br-content-product #br7,
  .br-content-product #br8,
  .br-content-product #br9,
  .br-content-product #br10,
  .br-content-product #br11,
  .br-content-product #br12 {
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    overflow: hidden;
    position: fixed;
    top: 20px;
    left: 0;
    margin: 0 5%;
    width: 90%;
    z-index: 999999; }
    @media (min-width: 64em) {
      .br-content-category #br1, .br-content-category #br2, .br-content-category #br3, .br-content-category #br4, .br-content-category #br5, .br-content-category #br6, .br-content-category #br7, .br-content-category #br8, .br-content-category #br9, .br-content-category #br10, .br-content-category #br11, .br-content-category #br12,
      .br-content-product #br1,
      .br-content-product #br2,
      .br-content-product #br3,
      .br-content-product #br4,
      .br-content-product #br5,
      .br-content-product #br6,
      .br-content-product #br7,
      .br-content-product #br8,
      .br-content-product #br9,
      .br-content-product #br10,
      .br-content-product #br11,
      .br-content-product #br12 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0; } }
  .br-content-category .br-sf-widget-merchant-popup-maincont,
  .br-content-product .br-sf-widget-merchant-popup-maincont {
    font-size: 13px;
    padding: 20px; }
    .br-content-category .br-sf-widget-merchant-popup-maincont:after,
    .br-content-product .br-sf-widget-merchant-popup-maincont:after {
      content: "";
      display: table;
      clear: both; }
    .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-title,
    .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-title {
      color: #040500;
      font-size: 16px;
      font-weight: bold;
      margin: 15px 0 10px; }
    .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-desc,
    .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-desc {
      font-size: 13px;
      margin: 0 15px 10px 0; }
    .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img,
    .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img {
      width: 100%;
      height: 168px;
      text-align: center;
      display: table; }
      @media (min-width: 64em) {
        .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img,
        .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img {
          width: auto;
          float: left;
          height: 225px;
          margin-right: 20px; } }
      .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img a,
      .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img a {
        width: 100%;
        height: 100%;
        vertical-align: middle;
        display: table-cell; }
        @media (min-width: 64em) {
          .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img a,
          .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-img a {
            vertical-align: top; } }
    .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-view a,
    .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-view a {
      color: #CF0000;
      font-size: 12px;
      line-height: 12px;
      text-transform: uppercase; }
    .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-close,
    .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-close {
      position: absolute;
      top: 15px;
      right: 15px; }
      .br-content-category .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-close a,
      .br-content-product .br-sf-widget-merchant-popup-maincont .br-sf-widget-merchant-popup-close a {
        background: url(/images/close-x.gif) no-repeat 0 0;
        display: block;
        height: 17px;
        text-indent: -10000px;
        width: 17px; }

.disable-zoom .zoomContainer {
  display: none !important; }

/* ==========================================================================
TurnTo
========================================================================== */
.TTratingBox {
  background-image: url(/images/review-stars.png) !important;
  background-size: auto !important;
  height: 16px !important;
  width: 83px !important; }

.TTrating-0-0 {
  background-position: 50% 0 !important; }

.TTrating-0-5 {
  background-position: 50% -16px !important; }

.TTrating-1-0 {
  background-position: 50% -32px !important; }

.TTrating-1-5 {
  background-position: 50% -48px !important; }

.TTrating-2-0 {
  background-position: 50% -64px !important; }

.TTrating-2-5 {
  background-position: 50% -80px !important; }

.TTrating-3-0 {
  background-position: 50% -96px !important; }

.TTrating-3-5 {
  background-position: 50% -112px !important; }

.TTrating-4-0 {
  background-position: 50% -128px !important; }

.TTrating-4-5 {
  background-position: 50% -144px !important; }

.TTrating-5-0 {
  background-position: 50% -160px !important; }

#TTtraBackOverlay {
  background-repeat: repeat;
  opacity: 0.6; }

#TurnToContent *,
#TurnToReviewsContent *,
#TurnToChatterContent *,
.TT4chatter * {
  font-family: "Lato" !important; }
  #TurnToContent * a,
  #TurnToContent * h3,
  #TurnToContent * input,
  #TurnToContent * select,
  #TurnToContent * textarea,
  #TurnToReviewsContent * a,
  #TurnToReviewsContent * h3,
  #TurnToReviewsContent * input,
  #TurnToReviewsContent * select,
  #TurnToReviewsContent * textarea,
  #TurnToChatterContent * a,
  #TurnToChatterContent * h3,
  #TurnToChatterContent * input,
  #TurnToChatterContent * select,
  #TurnToChatterContent * textarea,
  .TT4chatter * a,
  .TT4chatter * h3,
  .TT4chatter * input,
  .TT4chatter * select,
  .TT4chatter * textarea {
    color: #000000 !important; }
  #TurnToContent * .TT3storeBadge,
  #TurnToContent * .TT3staffBadge,
  #TurnToContent * .TT3youBadge,
  #TurnToReviewsContent * .TT3storeBadge,
  #TurnToReviewsContent * .TT3staffBadge,
  #TurnToReviewsContent * .TT3youBadge,
  #TurnToChatterContent * .TT3storeBadge,
  #TurnToChatterContent * .TT3staffBadge,
  #TurnToChatterContent * .TT3youBadge,
  .TT4chatter * .TT3storeBadge,
  .TT4chatter * .TT3staffBadge,
  .TT4chatter * .TT3youBadge {
    background-color: #666666 !important;
    color: #FFFFFF !important; }
  #TurnToContent * .TTbestAnswer,
  #TurnToReviewsContent * .TTbestAnswer,
  #TurnToChatterContent * .TTbestAnswer,
  .TT4chatter * .TTbestAnswer {
    font-family: "Lato-Bold" !important; }
  #TurnToContent * .TT3linkLine *,
  #TurnToReviewsContent * .TT3linkLine *,
  #TurnToChatterContent * .TT3linkLine *,
  .TT4chatter * .TT3linkLine * {
    color: #666666 !important;
    font-family: "Lato-Black" !important; }
    #TurnToContent * .TT3linkLine * .TT3storeBadge,
    #TurnToContent * .TT3linkLine * .TT3staffBadge,
    #TurnToContent * .TT3linkLine * .TT3youBadge,
    #TurnToReviewsContent * .TT3linkLine * .TT3storeBadge,
    #TurnToReviewsContent * .TT3linkLine * .TT3staffBadge,
    #TurnToReviewsContent * .TT3linkLine * .TT3youBadge,
    #TurnToChatterContent * .TT3linkLine * .TT3storeBadge,
    #TurnToChatterContent * .TT3linkLine * .TT3staffBadge,
    #TurnToChatterContent * .TT3linkLine * .TT3youBadge,
    .TT4chatter * .TT3linkLine * .TT3storeBadge,
    .TT4chatter * .TT3linkLine * .TT3staffBadge,
    .TT4chatter * .TT3linkLine * .TT3youBadge {
      color: #FFFFFF !important; }
  #TurnToContent * .selectric-wrapper,
  #TurnToReviewsContent * .selectric-wrapper,
  #TurnToChatterContent * .selectric-wrapper,
  .TT4chatter * .selectric-wrapper {
    border: 1px solid #000000; }
    #TurnToContent * .selectric-wrapper .selectric,
    #TurnToReviewsContent * .selectric-wrapper .selectric,
    #TurnToChatterContent * .selectric-wrapper .selectric,
    .TT4chatter * .selectric-wrapper .selectric {
      height: 30px; }

.TTreviewDimsTitle,
.TTreviewDimsSingleSelectValue,
#TTreviewSearchTerm,
.TT2reviewSearchSortLeftRespCenter .label,
.TTrevCol2 *,
.TT3qText,
.TT3aText {
  font-size: 14px !important; }

.TT4writeReviewBtn,
.TT4breakdown,
.TT4breakdownPercent,
.TT4expand,
.TT4collapse,
.TT4pen,
.TT4thumb,
.TT3yesVote,
.TT4answVoteCallArrow,
.TTbigSubmitBtn,
.TT4searchIcon,
.TTclearRevSearch {
  background-image: url(/images/reviews-qa-sprite.png) !important;
  background-size: auto !important; }

.TT4writeReviewBtn {
  background-position: 0 0 !important; }

.TT4breakdown {
  background-position: 0 -32px !important; }

.TT4breakdownPercent {
  background-position: 0 -44px !important; }

.TT4expand {
  background-position: 0 -55px !important;
  height: 7px !important;
  width: 10px !important; }

.TT4collapse,
.TT4answVoteCallArrow {
  background-position: 0 -63px !important;
  height: 7px !important;
  padding: 0 !important;
  width: 10px !important; }

.TT4pen {
  background-position: -11px -55px !important;
  height: 12px !important;
  width: 12px !important; }

.TT4thumb {
  background-position: -24px -55px !important;
  height: 12px !important;
  width: 13px !important; }

.TT3yesVote {
  background-position: -38px -55px !important;
  height: 17px !important;
  width: 19px !important; }

.TTbigSubmitBtn {
  background-position: 0 -72px !important;
  height: 32px !important;
  width: 76px !important; }

.TT4searchIcon {
  background-position: -76px -55px !important;
  height: 22px !important;
  margin: 4px 4px 0 3px !important;
  width: 23px !important; }

.TTclearRevSearch {
  background-position: -101px -55px !important;
  height: 21px !important;
  margin: 4px 4px 0 0 !important;
  width: 22px !important; }

#TTreviewSearchTerm {
  height: 30px !important;
  width: 77% !important; }

#TTsearchTermGrp {
  border-color: #000000 !important;
  height: 32px !important;
  width: 280px !important; }

#TTsearchSort {
  overflow: visible !important; }

#TTreviewSort {
  max-width: 280px !important; }

.TurnToItemInputTeaser {
  font-size: 12px !important; }

.qa-teaser-summary {
  cursor: pointer; }

.qa-teaser-wrapper {
  display: none; }

.TTpoweredby {
  display: none; }

#TTreviewSearchLeft {
  margin-left: 0 !important; }

.TTreviewSummary {
  background: none !important;
  border: none !important;
  padding: 0 !important; }

.TTreviewCount {
  color: #000000;
  font: bold 24px "Lato-Light" !important;
  text-transform: uppercase; }

.TTreview {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #333333 !important;
  margin: 0 0 20px 0 !important;
  padding: 0 0 20px 0 !important; }

.TTratingBoxBorder {
  background: none !important;
  border: none !important;
  padding: 0 !important; }

#TurnToChatterContent {
  margin-bottom: 30px; }

.TT4chatter-header {
  border-color: #222222 !important; }
  .TT4chatter-header .TT4chatter-title {
    font: bold 24px "Lato-Light" !important; }
  .TT4chatter-header .TT4chatter-link {
    padding-top: 15px !important; }

.TT4chatter {
  border: none !important;
  padding: 0 !important; }
  .TT4chatter .TT4chatterCol blockquote {
    border: none !important;
    border-left: 5px solid #EBEBEB !important; }
  .TT4chatter blockquote.TT4quote:before {
    color: #000000 !important;
    left: 4px !important; }

.TTavgRate {
  margin-left: 5px; }

.TT4chatIcon {
  display: none !important; }

.TT4AskBkgAndBorder {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #000000 !important; }

#TT2questionSection {
  padding: 0 !important; }

#TTbrowseQAWrapper > .TT8 {
  border-bottom: 1px solid #000000 !important;
  font: 24px "Lato-Light" !important;
  padding: 0 0 5px 0 !important; }

.TT3itemBox {
  border: none !important;
  border-left: 5px solid #666666 !important; }
  .TT3itemBox * {
    color: #666666 !important; }

.TT3IAContainer * {
  color: #666666 !important; }

.TT3linkLine {
  text-transform: uppercase !important; }
  .TT3linkLine .TT3askedBy {
    text-transform: none !important; }

.TT3questionLinkLine {
  text-transform: none !important; }

.TT3ansArea {
  border: 1px solid #666666 !important; }

.TT4bestAnswerBlock .TT3ansArea {
  border: none !important; }

.TT3IAContainer {
  border-top: 1px solid #666666 !important; }

.TTrevCol3 .TT4QProductImg {
  display: none !important; }

#TT4questionTextHelpCnt {
  color: #666666 !important; }

.TT4ansBtns .TT2cancelBtn {
  padding-top: 10px !important; }

meta.foundation-version {
  font-family: "/5.5.2/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: $small)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:$medium)/";
  width: 47.5em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:$medium) and (max-width:$medium-max)/";
  width: 47.5em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:$large)/";
  width: 64em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:$large) and (max-width:$large-max)/";
  width: 64em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:$xlarge)/";
  width: 76.75em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:$xlarge) and (max-width:$xlarge-max)/";
  width: 76.75em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:$xxlarge)/";
  width: 105em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

/* ==========================================================================
  Grid
========================================================================== */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1600px; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row.collapse .row {
  margin-left: 0;
  margin-right: 0; }

.row .row {
  width: auto;
  margin-left: -0.83333em;
  margin-right: -0.83333em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none; }

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table; }

.row .row.collapse:after {
  clear: both; }

.column,
.columns {
  padding-left: 0.83333em;
  padding-right: 0.83333em;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.83333em;
    padding-right: 0.83333em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }

  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }

  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.83333em;
    padding-right: 0.83333em;
    float: left; } }
@media only screen and (min-width: 47.5em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.83333em;
    padding-right: 0.83333em;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }

  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.83333em;
    padding-right: 0.83333em;
    float: left; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.83333em;
    padding-right: 0.83333em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }

  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.83333em;
    padding-right: 0.83333em;
    float: left; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 47.5em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 64em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 76.75em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

.touch table.show-for-touch {
  display: table !important; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* ==========================================================================
  Reveal / Lightbox
========================================================================== */
.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 20em) {
  .reveal-modal {
    min-height: 100vh; } }
.reveal-modal .column, .reveal-modal .columns {
  min-width: 0; }

.reveal-modal > :first-child {
  margin-top: 0; }

.reveal-modal > :last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 47.5em) {
  .reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 80%; } }
@media only screen and (min-width: 47.5em) {
  .reveal-modal {
    top: 6.25rem; } }
.reveal-modal.radius {
  border-radius: 3px; }

.reveal-modal.round {
  border-radius: 1000px; }

.reveal-modal.collapse {
  padding: 0; }

@media only screen and (min-width: 47.5em) {
  .reveal-modal.tiny {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 30%; } }
@media only screen and (min-width: 47.5em) {
  .reveal-modal.small {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 40%; } }
@media only screen and (min-width: 47.5em) {
  .reveal-modal.medium {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 60%; } }
@media only screen and (min-width: 47.5em) {
  .reveal-modal.large {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 70%; } }
@media only screen and (min-width: 47.5em) {
  .reveal-modal.xlarge {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 95%; } }
.reveal-modal.full {
  height: 100vh;
  height: 100%;
  left: 0;
  margin-left: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0; }

@media only screen and (min-width: 47.5em) {
  .reveal-modal.full {
    left: 0;
    margin: 0 auto;
    max-width: 62.5em;
    right: 0;
    width: 100%; } }
.reveal-modal.toback {
  z-index: 1003; }

.reveal-modal .close-reveal-modal {
  color: #AAAAAA;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  right: 1.375rem; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 3px; }

table thead,
table tbody,
table tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe; }

table caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem; }

table thead,
table tfoot {
  background: #f8f8f8;
  color: #0a0a0a; }

table thead tr,
table tfoot tr {
  background: transparent; }

table thead th,
table thead td,
table tfoot th,
table tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left; }

table tbody tr:nth-child(even) {
  background-color: #f1f1f1; }

table tbody th,
table tbody td {
  padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }

  table.stack tfoot {
    display: none; }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }

  table.stack td {
    border-top: 0; } }
table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #f9f9f9; }

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }

.table-scroll table {
  width: auto; }

pre, code {
  font-family: Menlo,Consolas,Monaco,"Lucida Console",monospace; }

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 4px; }

pre {
  color: #d14; }

.componentMenu {
  max-height: 535px;
  width: 175px;
  overflow-y: auto; }

blockquote:before {
  content: "Design Note:";
  font-weight: bold; }

blockquote {
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 16px;
  margin: 10px 0;
  padding: 5px; }

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 4px; }

div.codeExample, div.jsExample {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 10px 0; }

div.jsExample {
  border-top: 0px; }

div.codeExample:before, div.jsExample:before {
  font-family: "OpenSans", sans-serif;
  color: #222;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  padding: 2px;
  display: block; }

div.codeExample:before {
  font-size: 14px;
  content: "Example";
  background-color: #f9f9f9;
  width: 70px;
  padding: 2px 5px;
  top: -1px;
  left: -1px; }

div.jsExample:before {
  content: "JS Example";
  background-color: #fff;
  width: 80px;
  top: -11px;
  left: -11px; }

div.codeBlock, div.exampleOutput {
  padding: 10px; }

div.codeBlock {
  background-color: #f9f9f9;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

table div.codeBlock {
  background-color: transparent;
  border-top: none;
  border-radius: 0; }

.codeExample .line > div:after {
  content: attr(class);
  display: block;
  min-height: 40px;
  line-height: 40px;
  background-color: #EEE;
  text-align: center;
  border-radius: 3px;
  font-size: 12px; }

table, table tr, table td, table th {
  padding: 7px;
  border: 1px solid #ccc; }

table th {
  font-weight: bold; }

.docSwatch {
  width: 100%;
  height: 50px; }

h1.styleguide {
  margin-top: 40px; }

/*doc
---
title: Colors
name: 00_colors
category: basics
---
<div class="colors">
    <div class="color">
      <div class="docSwatch" style="background-color: #222222;"></div>
      <code>#222222</code>
    </div>
    <div class="color">
      <div class="docSwatch" style="background-color: #bb020a;"></div>
      <code>#bb020a</code>
    </div>
    <div class="color">
      <div class="docSwatch" style="background-color: #C9C9C9;"></div>
      <code>#C9C9C9</code>
    </div>
    <div class="color">
      <div class="docSwatch" style="background-color: #666666;"></div>
      <code>#666666</code>
    </div>
		<div class="color">
      <div class="docSwatch" style="background-color: #f5f5f5;"></div>
      <code>#f5f5f5</code>
    </div>
		<div class="color">
      <div class="docSwatch" style="background-color: #30b600;"></div>
      <code>#30b600</code>
    </div>
</div>
*/
.colors:after {
  content: "";
  display: table;
  clear: both; }
.colors .color {
  float: left;
  width: 100px;
  height: 100px;
  text-align: center;
  margin-right: 20px; }
  .colors .color .docSwatch {
    width: 100%;
    height: 50px;
    border: 1px solid #d7d7d7;
    margin-bottom: 10px; }

/*doc
---
title: Jenson Icons
name: 01_jenson-icons
category: basics
---
These icons are used globally throughout the website. The size of these icons can be changed using the <code>font-size</code> css property. 
<div class="jenson-icons">
  
  <div class="jenson-icon">
    <span class="jenson-icon-search"></span> 
    .jenson-icon-search
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-arrow-left"></span> 
    jenson-icon-arrow-left
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-arrow-right"></span> 
    jenson-icon-arrow-right
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-double-arrow-left"></span> 
    jenson-icon-double-arrow-left
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-double-arrow-right"></span> 
    jenson-icon-double-arrow-right
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-double-arrow-up"></span> 
    jenson-icon-double-arrow-up
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-double-arrow-down"></span> 
    jenson-icon-double-arrow-down
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-phone"></span> 
    jenson-icon-phone
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-chat-bubble"></span>
    jenson-icon-chat-bubble
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-trunk"></span>
    jenson-icon-trunk
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-returns"></span> 
    jenson-icon-returns
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-wishlist"></span> 
    jenson-icon-wishlist
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-shopping-cart"></span> 
    jenson-icon-shopping-cart
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-hamburger"></span> 
    jenson-icon-hamburger
  </div>

  <div class="jenson-icon">
    <span class="jenson-icon-cog"></span> 
    jenson-icon-cog
  </div>
</div>

```html_example
  <span class="jenson-icon-search"></span> 
```

*/
.jenson-icons {
  margin: 20px 0; }
  .jenson-icons:after {
    content: "";
    display: table;
    clear: both; }
  .jenson-icons .jenson-icon {
    width: 250px;
    text-align: center;
    float: left;
    margin-bottom: 10px; }
    .jenson-icons .jenson-icon span {
      font-size: 2em;
      margin-bottom: 10px;
      display: block; }

.exampleOutput .jenson-icon-search {
  font-size: 1.5em; }

/*doc
---
title: Product Icons
name: 02_product-icons
category: basics
---
<div class="product-icons">
  
  <div class="product-icon">
    <div>
      <span class="icon product-icon-100mm"></span>
    </div>
    product-icon-100mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-120mm"></span>
    </div>
    product-icon-120mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-130mm"></span>
    </div>
    product-icon-130mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-140mm"></span>
    </div>
    product-icon-140mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-150mm"></span>
    </div>
    product-icon-150mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-160mm"></span>
    </div>
    product-icon-160mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-170mm"></span>
    </div>
    product-icon-170mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-180mm"></span>
    </div>
    product-icon-180mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-190mm"></span>
    </div>
    product-icon-190mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-200mm"></span>
    </div>
    product-icon-200mm
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-adventure"></span>
    </div>
    product-icon-adventure
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-all-mountain"></span>
    </div>
    product-icon-all-mountain
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-aluminum"></span>
    </div>
    product-icon-aluminum
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-carbon"></span>
    </div>
    product-icon-carbon
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-commuter"></span>
    </div>
    product-icon-commuter
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-cross-country"></span>
    </div>
    product-icon-cross-country
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-cyclocross"></span>
    </div>
    product-icon-cyclocross
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-dirt-jump"></span>
    </div>
    product-icon-dirt-jump
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-dry"></span>
    </div>
    product-icon-dry
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-fall"></span>
    </div>
    product-icon-fall
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-gravel"></span>
    </div>
    product-icon-gravel
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-gravity"></span>
    </div>
    product-icon-gravity
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-intended-use"></span>
    </div>
    product-icon-intended-use
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-mens"></span>
    </div>
    product-icon-mens
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-push-bike"></span>
    </div>
    product-icon-push-bike
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-race"></span>
    </div>
    product-icon-race
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-recreational"></span>
    </div>
    product-icon-recreational
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-rigid"></span>
    </div>
    product-icon-rigid
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-sport"></span>
    </div>
    product-icon-sport
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-spring"></span>
    </div>
    product-icon-spring
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-steel"></span>
    </div>
    product-icon-steel
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-street"></span>
    </div>
    product-icon-street
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-summer"></span>
    </div>
    product-icon-summer
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-titanium"></span>
    </div>
    product-icon-titanium
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-touring"></span>
    </div>
    product-icon-touring
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-trail"></span>
    </div>
    product-icon-trail
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-triathlon"></span>
    </div>
    product-icon-triathlon
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-weight-grams"></span>
    </div>
    product-icon-weight-grams
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-weight-lbs"></span>
    </div>
    product-icon-weight-lbs
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wet"></span>
    </div>
    product-icon-wet
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-24"></span>
    </div>
    product-icon-wheel-24
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-26"></span>
    </div>
    product-icon-wheel-26
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-27"></span>
    </div>
    product-icon-wheel-27
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-27plus"></span>
    </div>
    product-icon-wheel-27plus
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-29"></span>
    </div>
    product-icon-wheel-29
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-29plus"></span>
    </div>
    product-icon-wheel-29plus
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-650"></span>
    </div>
    product-icon-wheel-650
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-700"></span>
    </div>
    product-icon-wheel-700
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel-fat"></span>
    </div>
    product-icon-wheel-fat
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-wheel20"></span>
    </div>
    product-icon-wheel20
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-windy"></span>
    </div>
    product-icon-windy
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-winter"></span>
    </div>
    product-icon-winter
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-womens"></span>
    </div>
    product-icon-womens
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-new"></span>
    </div>
    product-icon-new
  </div>
  
  <div class="product-icon">
    <div>
      <span class="icon product-icon-staff-pick"></span>
    </div>
    product-icon-staff-pick
  </div>

  <div class="product-icon">
    <div>
      <span class="icon product-icon-freegoldbuild"></span>
    </div>
    product-icon-freegoldbuild
  </div>


</div>

```html_example
  <span class="icon product-icon-80mm"></span> 
```
*/
.product-icons {
  margin: 20px 0; }
  .product-icons:after {
    content: "";
    display: table;
    clear: both; }
  .product-icons .product-icon {
    width: 250px;
    width: 250px;
    text-align: center;
    float: left;
    margin-bottom: 40px; }
    .product-icons .product-icon > div {
      height: 125px; }
    .product-icons .product-icon span {
      margin-bottom: 10px;
      display: block;
      margin: 0 auto 10px; }

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1600px; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 47.5em) {
    .container {
      width: 90%; } }
  @media (min-width: 64em) {
    .container {
      width: 85%; } }
  @media (min-width: 105em) {
    .container {
      width: 100%; } }

/*doc
---
title: Large Slider
name: 03_sliders
category: basics
---

```html_example
<div id="large-slider-example" class="slider slider-large">
	<div class="slide slide-text-white" style="background-image: url('http://placehold.it/1600x700')">
		<div class="slide-content">
			<h2>Fall Bike Clearance</h2>
			<p>Save Big on Prior Year Models Up to 60% Off</p>
			<a class="btn" href="#"><span>Shop</span> The COLLECTION <span class="jenson-icon-double-arrow-right"></span></a>
		</div>
	</div>
	<div class="slide slide-text-black" style="background-image: url('http://placehold.it/1600x700')">
		<div class="slide-content">
			<h2>Summer Bike Sale</h2>
			<p>Save Big on Prior Year Models Up to 100% Off</p>
			<a class="btn" href="#"><span>Shop</span> The COLLECTION <span class="jenson-icon-double-arrow-right"></span></a>
		</div>
	</div>
</div>
<script>
$(document).ready(function(){
	$('#large-slider-example').slick({ 
		infinite: true, 
		slidesToShow: 1, 
		slidesToScroll: 1, 
		autoplay: true,
		autoplaySpeed: 8000, 
		draggable: false, 
		prevArrow: '<a class="slider-prev" href="">Prev</a>', 
		nextArrow: '<a class="slider-next" href="">Next</a>',
	});
});
</script>
```

*/
/*doc
---
title: Slider
name: 04_sliders
category: basics
---

```html_example
<div id="slider-example" class="slider container">
	<div class="slide slide-text-black" style="background-image: url('http://placehold.it/1600x500')">
		<div class="slide-content">
			<h2>The <br />Custom Collection</h2>
			<p>Carefully Curated Build Kits,<br />Paired with Premium Frames,<br />Delivered at Unbelievable Prices.</p>
			<a class="btn" href="#"><span>Shop</span> The COLLECTION  <span class="jenson-icon-double-arrow-right"></span></a>
		</div>
	</div>
	<div class="slide slide-text-white" style="background-image: url('http://placehold.it/1600x500')">
		<div class="slide-content slide-content-left">
			<h2>The Latest Gear.<br />All in One Place</h2>
			<a class="btn" href="#"><span>Shop</span> ALL NEW RELEASES  <span class="jenson-icon-double-arrow-right"></span></a>
		</div>
	</div>
</div>
<script>
$(document).ready(function(){
	$('#slider-example').slick({ 
		infinite: true, 
		slidesToShow: 1, 
		slidesToScroll: 1, 
		autoplay: true,
		autoplaySpeed: 8000, 
		draggable: false, 
		prevArrow: '<a class="slider-prev" href="">Prev</a>', 
		nextArrow: '<a class="slider-next" href="">Next</a>',
	});
});
</script>
```

*/
.slider.slider-large .slide {
  height: 140px;
  padding-left: 25px;
  padding-right: 25px; }
  @media (min-width: 47.5em) {
    .slider.slider-large .slide {
      height: 385px;
      padding-left: 75px;
      padding-right: 75px; } }
  @media (min-width: 64em) {
    .slider.slider-large .slide {
      height: 385px; } }
  @media (min-width: 76.75em) {
    .slider.slider-large .slide {
      height: 500px; } }
  @media (min-width: 105em) {
    .slider.slider-large .slide {
      height: 700px; } }
  .slider.slider-large .slide h2 {
    font-weight: normal;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    font-size: 1.5em; }
    @media (min-width: 47.5em) {
      .slider.slider-large .slide h2 {
        font-size: 3.125em; } }
  .slider.slider-large .slide p {
    font-family: 'Lato-Light';
    font-size: .9em;
    line-height: 1em; }
    @media (min-width: 47.5em) {
      .slider.slider-large .slide p {
        font-size: 1.375em; } }
  .slider.slider-large .slide .btn {
    display: none; }
    @media (min-width: 47.5em) {
      .slider.slider-large .slide .btn {
        display: inline-block; } }
.slider .slide-text-white {
  color: #fff !important; }
  .slider .slide-text-white > * {
    color: #fff !important; }
.slider .slide-text-black {
  color: #222222 !important; }
  .slider .slide-text-black > * {
    color: #222222 !important; }
.slider .slide {
  width: 100%;
  height: 100%;
  display: table !important;
  background-size: cover;
  background-position: center;
  text-align: center;
  height: 140px; }
  @media (min-width: 47.5em) {
    .slider .slide {
      height: 385px; } }
  @media (min-width: 64em) {
    .slider .slide {
      height: 385px; } }
  @media (min-width: 76.75em) {
    .slider .slide {
      height: 500px; } }
  .slider .slide h2 {
    font-weight: normal;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    font-size: 3.125em; }
  .slider .slide p {
    font-family: 'Lato-Light';
    font-size: 1.375em; }
  .slider .slide h2 {
    margin: 0;
    line-height: 1; }
  .slider .slide p {
    margin: 0; }
  .slider .slide .btn {
    margin-top: 30px; }
  .slider .slide .slide-content {
    display: table-cell;
    vertical-align: middle; }
    .slider .slide .slide-content.slide-content-left p {
      text-align: left !important; }
    @media (min-width: 47.5em) {
      .slider .slide .slide-content.slide-content-left {
        padding-left: 5%;
        padding-right: 5%;
        text-align: left; } }
    .slider .slide .slide-content.slide-content-right p {
      text-align: right !important; }
    @media (min-width: 47.5em) {
      .slider .slide .slide-content.slide-content-right {
        padding-left: 5%;
        padding-right: 5%;
        text-align: right; } }

.info-text-badge {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  position: relative; }
  .info-text-badge .info-text-medium {
    font-size: 11px;
    font-weight: normal;
    font-family: 'Lato-Bold';
    margin-bottom: 1px; }
    @media (min-width: 64em) {
      .info-text-badge .info-text-medium {
        font-size: 16px;
        letter-spacing: 2px;
        margin-bottom: 2px; } }
  .info-text-badge .info-text-textline {
    font-size: 8px;
    font-style: italic;
    text-transform: none;
    display: block;
    margin: 1px 0; }
    @media (min-width: 64em) {
      .info-text-badge .info-text-textline {
        font-size: 13px; } }
  .info-text-badge .info-text-large {
    display: block;
    font-size: 16px; }
    @media (min-width: 64em) {
      .info-text-badge .info-text-large {
        font-size: 28px; } }

.info-text {
  font-size: 17px;
  line-height: 1;
  text-transform: uppercase; }
  @media (min-width: 64em) {
    .info-text {
      font-size: 30px; } }
  .info-text .info-text-small {
    font-size: 8px;
    font-style: italic; }
    @media (min-width: 64em) {
      .info-text .info-text-small {
        font-size: 13px; } }
  .info-text .info-text-bold {
    font-family: 'Lato-Bold'; }

/*doc
---
title: Banner
name: 05_banner
category: basics
---

```html_example
  <div class="banner container">
		<div class="banner-text">
			Endless Selection from Cycling's Greatest Brands
		</div>
		<div class="banner-cta">
			<a class="btn" href="#"><span>Browse</span> PREMIER BRANDS <span class="jenson-icon-double-arrow-right"></span></a>
		</div>
	</div>
```

*/
.banner {
  text-align: center;
  padding: 25px;
  line-height: 1; }
  @media (min-width: 64em) {
    .banner > * {
      display: inline; } }
  .banner .banner-text {
    font-size: 38px;
    font-family: 'Lato-Light'; }
  .banner .banner-cta {
    position: relative; }
    .banner .banner-cta .btn {
      font-size: 1em;
      color: #222222;
      padding: 10px;
      display: inline-block;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.75);
      margin-top: 30px; }
      @media (min-width: 64em) {
        .banner .banner-cta .btn {
          margin-left: 20px; } }
      @media (min-width: 76.75em) {
        .banner .banner-cta .btn {
          margin-top: 0; } }
      .banner .banner-cta .btn span {
        font-size: 0.925em;
        font-family: 'Lato-Light';
        font-style: italic; }
      .banner .banner-cta .btn .icon {
        color: #BB020A; }

/*doc
---
title: Product Slider
name: 05_product-slider
category: basics
---

```html_example
<div id="product-slider-example" class="product-slider-container">
  <div class="product-slider-header callout-container">
    <div class="callout-content">
      <p>Best Sellers</p> 
      <a class="btn btn-small" href="/{link-to-content-group}"><span>Shop</span>Now<span class="jenson-icon-double-arrow-right"></span></a> 
  	</div>
  </div>
  <div class="product-slider">
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
    <div class="product-slider-item">
      <div class="product-item">
        <div class="product-image">
          <a href="/{link-to-product}"> 
          	<img src="/Images/NoImg_Gallery_Main.gif" border="0" alt="">
        	</a>
        </div>
        <div class="product-content">
          <div class="product-name">
            <h2>
            	<a href="/{link-to-product}"> Product Name </a>
          	</h2> 
          </div>
        	<div class="product-price">
            <div class="product-price-adjsaleprice"> $4,199.00 </div>
            <div class="product-price-percentoff"> <span class="bright">SAVE 42%</span> </div>
            <div class="product-price-defprice"> MSRP $7,299.00 </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#product-slider-example .product-slider').slick({
			prevArrow: '<a class="slider-prev" href="javascript:void(0);">Prev</a>',	
			nextArrow: '<a class="slider-next" href="javascript:void(0);">Next</a>', 
			mobileFirst: true, 
			centerMode: true,
      centerPadding: '50px',
			slidesToShow: 2, 
			slidesToScroll: 2, 
			draggable: false, 
			responsive: [
				{
					breakpoint: 480, 
					settings: {
						slidesToShow: 2, 
						slidesToScroll: 2
					}
				},
				{
					breakpoint: 760, 
					settings: {
						slidesToShow: 3, 
						slidesToScroll: 3
					}
				},
				{
					breakpoint: 1024, 
					settings: {
						slidesToShow: 4, 
						slidesToScroll: 4,
						centerMode: false,
						centerPadding: '0px'
   				}
				},
				{
					breakpoint: 1228, 
					settings: {
						slidesToShow: 5, 
						slidesToScroll: 5,
						centerMode: false,
						centerPadding: '0px'
   				}
				},
				{
					breakpoint: 1600, 
					settings: {
						slidesToShow: 6, 
						slidesToScroll: 6,
						centerMode: false,
						centerPadding: '0px'
   				}
				}
			]
		});
	});
</script>
```

*/
.product-slider-container {
  margin: 25px auto;
  max-width: 1600px;
  position: relative; }
  @media (min-width: 64em) {
    .product-slider-container {
      width: 85%;
      height: 300px; } }
  @media (min-width: 76.75em) {
    .product-slider-container {
      height: 175px; } }
  @media (min-width: 105em) {
    .product-slider-container {
      width: 100%; } }
  @media (min-width: 47.5em) {
    .product-slider-container .slick-list {
      margin-left: 40px !important;
      padding-left: 0 !important;
      padding-right: 100px !important; } }
  @media (min-width: 64em) {
    .product-slider-container .slick-list {
      margin-left: 0px !important;
      padding-right: 0 !important; } }
  .product-slider-container .product-slider-header {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 64em) {
      .product-slider-container .product-slider-header {
        position: absolute;
        top: 0;
        right: 0;
        width: 25%;
        z-index: 2;
        margin-bottom: 0;
        padding: 0 10px; } }
    @media (min-width: 76.75em) {
      .product-slider-container .product-slider-header {
        width: 20%; } }
    @media (min-width: 105em) {
      .product-slider-container .product-slider-header {
        width: 14%; } }
    .product-slider-container .product-slider-header p {
      color: #222222;
      font-family: 'Lato-Light';
      font-size: 1.375em;
      margin: 0;
      line-height: 1;
      margin-bottom: 10px; }
      @media (min-width: 64em) {
        .product-slider-container .product-slider-header p {
          font-size: 2.375em; } }
    .product-slider-container .product-slider-header a {
      display: none; }
      @media (min-width: 64em) {
        .product-slider-container .product-slider-header a {
          display: inline-block; } }
  .product-slider-container .product-slider {
    height: 100%; }
    @media (min-width: 64em) {
      .product-slider-container .product-slider {
        padding-right: 25%; } }
    @media (min-width: 76.75em) {
      .product-slider-container .product-slider {
        padding-right: 20%; } }
    @media (min-width: 105em) {
      .product-slider-container .product-slider {
        padding-right: 14%; } }
    .product-slider-container .product-slider .slick-list {
      height: 100%; }
      .product-slider-container .product-slider .slick-list > .slick-track {
        height: 100%; }
    .product-slider-container .product-slider .slider-prev,
    .product-slider-container .product-slider .slider-next {
      display: none !important; }
      @media (min-width: 64em) {
        .product-slider-container .product-slider .slider-prev,
        .product-slider-container .product-slider .slider-next {
          display: block !important; } }
    .product-slider-container .product-slider .slider-prev {
      width: 33px;
      height: 50px;
      background-size: 33px 50px;
      left: -35px; }
    .product-slider-container .product-slider .slider-next {
      width: 33px;
      height: 50px;
      background-size: 33px 50px;
      right: -35px; }

.product-slider-item .product-item {
  cursor: pointer;
  height: 100%;
  padding: 0 15px;
  position: relative; }
  .product-slider-item .product-item:hover .product-content {
    opacity: 1; }
  @media (min-width: 64em) {
    .product-slider-item .product-item {
      padding: 0; } }
  .product-slider-item .product-item .product-image {
    width: 110px;
    height: 141px;
    display: table;
    margin: 0 auto; }
    @media (min-width: 47.5em) {
      .product-slider-item .product-item .product-image {
        width: 177px; } }
    @media (min-width: 76.75em) {
      .product-slider-item .product-item .product-image {
        height: 100%; } }
    .product-slider-item .product-item .product-image a {
      display: table-cell;
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align: middle;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
      .product-slider-item .product-item .product-image a img {
        max-height: 141px;
        max-width: 100%;
        display: block;
        margin: 0 auto; }
  .product-slider-item .product-item .product-content {
    text-align: center;
    font-size: 14px;
    position: relative; }
    @media (min-width: 76.75em) {
      .product-slider-item .product-item .product-content {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        background-color: #222222;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 20px;
        -webkit-transition: all 0.25s;
        /* Safari */
        transition: all 0.25s; }
        .product-slider-item .product-item .product-content h2 {
          height: 45px; }
          .product-slider-item .product-item .product-content h2 a {
            color: #fff !important; } }
  .product-slider-item .product-item .product-name {
    margin: 5px 0; }
    .product-slider-item .product-item .product-name h2 {
      font-weight: normal;
      font-size: 14px;
      margin: 0; }
  @media (min-width: 64em) {
    .product-slider-item .product-item .product-price {
      margin-top: 20px; } }
  .product-slider-item .product-item .product-price .product-price-defprice {
    text-decoration: line-through; }
  .product-slider-item .product-item .product-price .product-price-adjsaleprice {
    margin: 5px 0; }

.feature-container {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  background-size: cover;
  background-position: center center; }
  .feature-container h2 {
    font-size: 22px;
    font-family: 'Lato-Light';
    text-transform: uppercase;
    font-weight: normal;
    color: white; }
  @media (min-width: 47.5em) {
    .feature-container.feature-large {
      display: block; } }
  .feature-container.feature-large .feature-content {
    vertical-align: middle;
    padding: 0; }
    @media (min-width: 47.5em) {
      .feature-container.feature-large .feature-content {
        display: block;
        width: 365px;
        height: auto;
        position: absolute;
        bottom: 10%;
        right: 0;
        text-align: center; } }
  @media (min-width: 47.5em) {
    .feature-container.feature-large .btn {
      width: 100%;
      text-align: center; } }
  .feature-container .feature-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .feature-container .feature-content {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 40px;
    padding-left: 40px; }
    @media (min-width: 47.5em) {
      .feature-container .feature-content {
        padding-left: 30px;
        padding-bottom: 30px; } }
    .feature-container .feature-content.feature-inline {
      padding-top: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      position: relative; }
      @media (min-width: 47.5em) {
        .feature-container .feature-content.feature-inline:after {
          content: "";
          display: table;
          clear: both; }
        .feature-container .feature-content.feature-inline > * {
          float: left;
          margin-bottom: 40px; }
        .feature-container .feature-content.feature-inline .btn {
          width: auto !important;
          position: absolute;
          bottom: 0; } }
      @media (min-width: 64em) {
        .feature-container .feature-content.feature-inline > * {
          margin-bottom: 0; }
        .feature-container .feature-content.feature-inline .btn {
          width: 100% !important;
          position: static; } }
      @media (min-width: 76.75em) {
        .feature-container .feature-content.feature-inline:after {
          content: "";
          display: table;
          clear: both; }
        .feature-container .feature-content.feature-inline > * {
          float: left; }
        .feature-container .feature-content.feature-inline .btn {
          width: auto !important;
          position: absolute;
          bottom: 0; } }
      .feature-container .feature-content.feature-inline .btn {
        text-align: center;
        width: 100%; }

.callout-container {
  height: 100%;
  display: table; }
  .callout-container .callout-content {
    display: table-cell;
    vertical-align: middle; }

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