/* normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

blockquote {
  margin: 1em 40px; }

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/* ==========================================================================
   Base / Misc Defaults
   ========================================================================== */
/*** Variables ***/
/*** Misc ***/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
button,
input,
select,
textarea {
  color: #444444; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

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

h1, h2, h3, h4, p, ol, ul, dl {
  margin: 0 0 15px 0; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px solid #dddddd;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

/*** Forms ***/
.form-select {
  width: 100%;
  margin-bottom: 10px; }

fieldset {
  float: left;
  width: 100%;
  margin: 10px 0; }
  fieldset.west, fieldset.east {
    width: 48%; }
  fieldset.west {
    margin-right: 2%; }
  fieldset fieldset {
    padding: 15px 10px 0 15px;
    margin-bottom: 0;
    background: #f9f9f9; }
  fieldset.noborder {
    padding: 0;
    margin-top: 0;
    background: none;
    border: none; }

legend {
  margin: 0 0 5px 0;
  font-weight: bold; }

label,
form b.label {
  display: block;
  margin: 0 0 3px 0;
  font-size: .9em;
  font-weight: bold; }
  label span,
  form b.label span {
    color: #c13422; }
  label i,
  form b.label i {
    margin-left: 5px;
    font-size: .9em;
    font-weight: normal; }
  label.inline,
  form b.label.inline {
    display: inline;
    margin: 0;
    font-size: 1em;
    font-weight: normal; }
  label.smaller,
  form b.label.smaller {
    font-size: .9em; }

input, select, textarea {
  width: 250px;
  padding: 7px 5px 5px 7px;
  margin: 0 0 15px 0;
  border: 2px solid #dddddd; }
  input.narrow, select.narrow, textarea.narrow {
    width: 100px !important; }
  input.complete, select.complete, textarea.complete {
    background: rgba(0, 87, 39, 0.3); }
  input.pending, select.pending, textarea.pending {
    background: rgba(225, 218, 30, 0.6); }
  input.cancelled, select.cancelled, textarea.cancelled {
    background: rgba(193, 52, 34, 0.4); }

input[type="file"] {
  width: auto;
  padding: 0;
  border: none; }

select[multiple] {
  height: 150px;
  font-size: .9em; }

input[disabled], select[disabled], button[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

input.checkbox,
input.radio {
  width: auto !important;
  padding: 0;
  margin: 0 2px 5px 2px;
  border: none; }

textarea {
  height: 100px;
  resize: vertical; }

textarea.wysiwyg {
  width: 100%;
  height: 300px; }

.mce-tinymce {
  float: none !important;
  display: block;
  margin-bottom: 15px !important; }
  .mce-tinymce div, .mce-tinymce section {
    width: auto !important;
    float: none !important; }

button.nice, #simplemodal-container button.simplemodal-close,
.btn {
  display: block;
  margin-top: 10px;
  padding: 10px 15px 8px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #f1f0f0;
  background: -moz-linear-gradient(top, #f1f0f0 0%, white 50%, #f1f0f0 51%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f0f0), color-stop(50%, white), color-stop(51%, #f1f0f0), color-stop(100%, #d6d6d6));
  background: -webkit-linear-gradient(top, #f1f0f0 0%, white 50%, #f1f0f0 51%, #d6d6d6 100%);
  background: -o-linear-gradient(top, #f1f0f0 0%, white 50%, #f1f0f0 51%, #d6d6d6 100%);
  background: -ms-linear-gradient(top, #f1f0f0 0%, white 50%, #f1f0f0 51%, #d6d6d6 100%);
  background: linear-gradient(top, #f1f0f0 0%, #ffffff 50%, #f1f0f0 51%, #d6d6d6 100%);
  -webkit-box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.8);
  -moz-box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.8);
  box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.8);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase; }
  button.nice:hover, #simplemodal-container button.simplemodal-close:hover,
  .btn:hover {
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 50%, #f4f4f4 51%, #c1c1c1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(50%, #efefef), color-stop(51%, #f4f4f4), color-stop(100%, #c1c1c1));
    background: -webkit-linear-gradient(top, #efefef 0%, #efefef 50%, #f4f4f4 51%, #c1c1c1 100%);
    background: -o-linear-gradient(top, #efefef 0%, #efefef 50%, #f4f4f4 51%, #c1c1c1 100%);
    background: -ms-linear-gradient(top, #efefef 0%, #efefef 50%, #f4f4f4 51%, #c1c1c1 100%);
    background: linear-gradient(top, #efefef 0%, #efefef 50%, #f4f4f4 51%, #c1c1c1 100%); }
  button.nice:focus, #simplemodal-container button.simplemodal-close:focus,
  .btn:focus {
    outline: none; }
  button.nice.red, #simplemodal-container button.red.simplemodal-close,
  .btn.red {
    background: #a41d28;
    background: -moz-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a41d28), color-stop(50%, #ce401f), color-stop(100%, #a41d28));
    background: -webkit-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: -o-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: -ms-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: linear-gradient(to bottom, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a41d28', endColorstr='#a41d28',GradientType=0 );
    color: #fff;
    text-shadow: 1px 1px 0 #444444; }
    button.nice.red:hover, #simplemodal-container button.red.simplemodal-close:hover,
    .btn.red:hover {
      -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444; }
  button.nice.charcoal, #simplemodal-container button.charcoal.simplemodal-close,
  .btn.charcoal {
    background: #555555;
    background: -moz-linear-gradient(top, #555555 0%, #888888 50%, #555555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(50%, #888888), color-stop(100%, #555555));
    background: -webkit-linear-gradient(top, #555555 0%, #888888 50%, #555555 100%);
    background: -o-linear-gradient(top, #555555 0%, #888888 50%, #555555 100%);
    background: -ms-linear-gradient(top, #555555 0%, #888888 50%, #555555 100%);
    background: linear-gradient(to bottom, #555555 0%, #888888 50%, #555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555',GradientType=0 );
    color: #fff;
    text-shadow: 1px 1px 0 #444444; }
    button.nice.charcoal:hover, #simplemodal-container button.charcoal.simplemodal-close:hover,
    .btn.charcoal:hover {
      -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444; }
  button.nice.inline, #simplemodal-container button.inline.simplemodal-close,
  .btn.inline {
    display: inline-block; }

button.plain {
  padding: 0;
  background: none;
  border: none; }

button.flat {
  padding: 10px 15px;
  background: #c13422;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: .9em;
  font-weight: 600; }
  button.flat:not([disabled]):hover {
    background: #444444; }
  button.flat.grey {
    background: #444444; }
    button.flat.grey:not([disabled]):hover {
      background: #c13422; }

.btn-link {
  display: block;
  float: right;
  padding: 7px 10px 7px 7px;
  margin-left: 10px;
  margin-bottom: 5px;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 51%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(51%, #e0e0e0), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 51%, #ededed 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 51%, #ededed 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 51%, #ededed 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #e0e0e0 51%, #ededed 100%);
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #444;
  font-size: .9em;
  text-decoration: none;
  line-height: 1.4em;
  text-shadow: 0 1px 0 white; }
  .btn-link.red {
    background: #a41d28;
    background: -moz-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a41d28), color-stop(50%, #ce401f), color-stop(100%, #a41d28));
    background: -webkit-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: -o-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: -ms-linear-gradient(top, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    background: linear-gradient(to bottom, #a41d28 0%, #ce401f 50%, #a41d28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a41d28', endColorstr='#a41d28',GradientType=0 );
    color: #fff;
    text-shadow: 1px 1px 0 #444444; }
    .btn-link.red:hover {
      -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444; }
  .btn-link.green {
    background: #005727;
    background: -moz-linear-gradient(top, #005727 0%, #0c6f38 50%, #005727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005727), color-stop(50%, #0c6f38), color-stop(100%, #005727));
    background: -webkit-linear-gradient(top, #005727 0%, #0c6f38 50%, #005727 100%);
    background: -o-linear-gradient(top, #005727 0%, #0c6f38 50%, #005727 100%);
    background: -ms-linear-gradient(top, #005727 0%, #0c6f38 50%, #005727 100%);
    background: linear-gradient(to bottom, #005727 0%, #0c6f38 50%, #005727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005727', endColorstr='#005727',GradientType=0 );
    color: #fff;
    text-shadow: 1px 1px 0 #444444; }
    .btn-link.green:hover {
      -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444;
      box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.8), inset 0 0 10px #444444; }
  .btn-link:hover {
    -webkit-box-shadow: inset 0 0 4px rgba(10, 10, 10, 0.5);
    -moz-box-shadow: inset 0 0 4px rgba(10, 10, 10, 0.5);
    box-shadow: inset 0 0 4px rgba(10, 10, 10, 0.5); }

form .row {
  width: 100%; }
  form .row .cell {
    width: 50%;
    padding-right: 5%; }
    form .row .cell input, form .row .cell select, form .row .cell textarea {
      width: 100%; }
    form .row .cell.full {
      width: 100%; }
    form .row .cell.third {
      width: 33.333333%; }
    form .row .cell.quarter {
      width: 25%; }

/*** Date picker ***/
.datepicker {
  width: 115px; }

#ui-datepicker-div {
  font-size: .8em; }

.ui-datepicker-header {
  margin-bottom: 2px; }

button.ui-datepicker-trigger {
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0 0 0 7px;
  background: 0;
  border: 0;
  cursor: pointer; }

/*** Alerts ***/
ul.alerts {
  padding: 10px 10px 8px 1.8em;
  margin: 0 0 15px 0;
  border: 2px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  ul.alerts.success {
    color: #049001; }
  ul.alerts.error {
    color: #900; }

/*** Modal ***/
#basic-modal-content {
  display: none; }

#simplemodal-overlay {
  background-color: #000;
  cursor: wait;
  z-index: 9998 !important; }

#simplemodal-container {
  width: 550px;
  min-height: 130px;
  background-color: #fff;
  border: 3px solid #444444;
  padding: 12px 12px 15px 12px;
  z-index: 9999 !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: .9em; }
  #simplemodal-container .simplemodal-data {
    padding: 15px; }
  #simplemodal-container button.simplemodal-close {
    margin: 15px auto; }

/*** Captchas ***/
#captcha-image {
  margin: 2px 0 3px 0; }

/*** Icon Font: Font Awesome by Dave Gandy - http://fontawesome.io. ***/
.iconfont span {
  display: none; }

/*** Tables ***/
table {
  width: 100%;
  border: none; }
  table tr {
    width: 100%; }
  table th {
    background-color: #444;
    color: #fff;
    padding: 8px 15px;
    text-align: left; }
    table th a {
      text-decoration: none; }
    table th .iconfont {
      display: none; }
    table th.active .iconfont {
      display: inline-block;
      margin-left: 2px; }
  table tbody {
    border-bottom: 2px solid; }
    table tbody:last-child {
      border-bottom: none; }
    table tbody tr {
      border-bottom: 1px solid #dddddd; }
      table tbody tr:nth-child(even) {
        background-color: #f2f2f2; }
      table tbody tr:last-child {
        border-bottom: none; }
  table td {
    padding: 10px 15px;
    vertical-align: middle; }
    table td select {
      width: auto;
      margin-bottom: 0; }
    table td.icons {
      min-width: 80px;
      text-align: right; }
      table td.icons.three {
        min-width: 110px; }
      table td.icons a {
        display: inline-block;
        margin-left: 5px;
        font-size: 1.3em;
        text-decoration: none; }
  table tfoot {
    border-top: 2px solid #444444; }

/*** Description Lists ***/
dt {
  font-weight: bold; }

dd {
  padding: 0;
  margin: 0 0 15px 0; }

/*** Lists ***/
ul.plain, ol.plain {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.plain.inline li, ol.plain.inline li {
    display: inline-block;
    margin-right: 5px; }
ul.images li, ol.images li {
  float: left;
  margin: 0 15px 20px 0; }
  ul.images li img, ol.images li img {
    margin-bottom: 5px; }
ul.halve, ol.halve {
  width: 100%; }
  ul.halve li, ol.halve li {
    float: left;
    width: 50%; }

/*** Breadcrumb Trail ***/
.breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0; }
  .breadcrumbs.no-margin {
    margin-bottom: 0; }
  .breadcrumbs li {
    display: inline-block;
    padding-right: 3px;
    color: #c13422;
    font-size: 1.1em;
    font-weight: 600;
    font-style: italic; }
    .breadcrumbs li:after {
      content: ">>"; }
    .breadcrumbs li:last-child:after {
      content: ""; }
    .breadcrumbs li span {
      display: inline-block;
      padding: 0 10px 0 0;
      color: #005727; }
    .breadcrumbs li a {
      display: inline-block;
      padding: 0 10px 0 0;
      color: #005727;
      text-decoration: none; }
      .breadcrumbs li a:hover {
        color: #c13422; }

/*** Lightboxes ***/
body.lightbox {
  background: #fff;
  font-size: .85em; }
  body.lightbox #main {
    min-height: 0;
    padding: 20px; }

/*** Pagination ***/
.pagination {
  width: 100%;
  padding: 10px 0;
  margin: 10px 0; }
  .pagination.search {
    margin-top: 0; }
    .pagination.search .sort-by,
    .pagination.search .per-page {
      float: right !important;
      margin-left: 20px; }
      .pagination.search .sort-by label,
      .pagination.search .per-page label {
        display: inline-block;
        margin-right: 3px; }
      .pagination.search .sort-by select,
      .pagination.search .per-page select {
        display: inline-block;
        width: auto; }
  .pagination a {
    display: block;
    float: left;
    padding: 4px 6px 2px 6px;
    margin: 0 3px 0 0;
    border: 1px solid #444444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #444444;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none; }
  .pagination a.current,
  .pagination a:hover {
    background-color: #444444;
    border-color: #444444;
    color: #fff; }
  .pagination .inactive,
  .pagination .ellipses {
    display: block;
    float: left;
    margin-right: 3px;
    font-size: .9em; }

/*** Accordions ***/
.accordion {
  float: left;
  width: 100%;
  margin-bottom: 30px !important; }

.ui-accordion .ui-accordion-header {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  border: none;
  background: none;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important; }
  .ui-accordion .ui-accordion-header .ui-icon {
    display: none; }
  .ui-accordion .ui-accordion-header.ui-accordion-header-active {
    color: #c13422 !important; }
.ui-accordion .ui-accordion-content {
  padding: 0 0 15px 0 !important;
  margin-bottom: 15px !important;
  background: none;
  border: none;
  overflow: hidden !important;
  font-size: 0.85em !important; }
  .ui-accordion .ui-accordion-content p:last-child {
    margin-bottom: 0; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Project styles
   ========================================================================== */
/*** Misc. Global Styles ***/
body {
  background: url(../img/bkgd.jpg) center top;
  color: #444444;
  font-family: "proxima-nova", sans-serif; }

a {
  color: #444; }

a:hover {
  color: #c13422; }

.hide {
  display: none !important; }

.hide-ie {
  display: none !important; }

.lt-ie9 .hide-ie {
  display: block !important; }

.float-left {
  float: left !important; }
  .float-left.with-margin {
    margin: 0 15px 10px 0; }

.float-right {
  float: right !important; }
  .float-right.with-margin {
    margin: 0 0 10px 15px; }

.align-left {
  text-align: left !important; }

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

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

.red {
  color: #c13422; }

.green {
  color: #005727; }

.drag {
  cursor: move; }

.auto-width {
  width: auto; }

.full-width {
  width: 100%; }

.hl-1 {
  font-size: 1.7em;
  font-weight: 600; }

.hl-2 {
  font-size: 1.5em;
  font-weight: 600; }
  .hl-1 ~ .hl-2 {
    margin-top: -20px; }
  .hl-2 i {
    font-size: .7em;
    font-weight: normal; }

.hl-3 {
  margin: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: 600; }
  .hl-3.margin {
    margin-bottom: 15px; }

.bordered {
  border: 1px solid #dddddd; }

.padded {
  padding: 15px; }

.block {
  display: block; }

.rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

/*** Sprites ***/
.global-sprite, .global-free-shipping, #main .primary.product-detail .east .free-shipping, .global-logo-mopar, .global-logo-my-jeep-accessories-xmas, .global-logo-my-jeep-accessories, #header .logo a, body.placard #wrapper .logo, .global-logo-rugged-ridge, .global-mopar-logo-50, #header .content .options .mopar, .global-nav-bkgd-on, #header nav.models ul.menu li.top-level.current > a, #header nav.models ul.menu li.top-level > a:hover, .global-nav-bkgd, #header nav.models ul.menu li.top-level > a, .global-nav-corners-left, #header nav.parts .corner.left, .global-nav-corners-right, #header nav.parts .corner.right, .global-social-box, #main .social {
  background: url('../img/global-sbb9395dbbe.png') no-repeat; }

.global-free-shipping, #main .primary.product-detail .east .free-shipping {
  background-position: 0 -520px; }

.global-logo-mopar {
  background-position: 0 -398px; }

.global-logo-my-jeep-accessories-xmas {
  background-position: 0 0; }

.global-logo-my-jeep-accessories, #header .logo a, body.placard #wrapper .logo {
  background-position: 0 -174px; }

.global-logo-rugged-ridge {
  background-position: 0 -348px; }

.global-mopar-logo-50, #header .content .options .mopar {
  background-position: 0 -571px; }

.global-nav-bkgd-on, #header nav.models ul.menu li.top-level.current > a, #header nav.models ul.menu li.top-level > a:hover {
  background-position: 0 -618px; }

.global-nav-bkgd, #header nav.models ul.menu li.top-level > a {
  background-position: 0 -483px; }

.global-nav-corners-left, #header nav.parts .corner.left {
  background-position: 0 -691px; }

.global-nav-corners-right, #header nav.parts .corner.right {
  background-position: 0 -726px; }

.global-social-box, #main .social {
  background-position: 0 -655px; }

.icons-sprite, .icons-american-express-32, .icons-calendar, .icons-cart-sm, .icons-discover-32, .icons-envelope-sm, .icons-facebook-sm, #main .social ul li.facebook a, .icons-googleplus-sm, #main .social ul li.googleplus a, .icons-magnifyingglass-sm, .icons-mastercard-32, .icons-paypal-32, .icons-shipping-international, .icons-shopping-secure, .icons-twitter-sm, #main .social ul li.twitter a, .icons-visa-32 {
  background: url('../img/icons-s4e89647b04.png') no-repeat; }

.icons-american-express-32 {
  background-position: 0 -178px; }

.icons-calendar {
  background-position: 0 -372px; }

.icons-cart-sm {
  background-position: 0 -311px; }

.icons-discover-32 {
  background-position: 0 -210px; }

.icons-envelope-sm {
  background-position: 0 -355px; }

.icons-facebook-sm, #main .social ul li.facebook a {
  background-position: 0 -288px; }

.icons-googleplus-sm, #main .social ul li.googleplus a {
  background-position: 0 -242px; }

.icons-magnifyingglass-sm {
  background-position: 0 -336px; }

.icons-mastercard-32 {
  background-position: 0 -82px; }

.icons-paypal-32 {
  background-position: 0 -146px; }

.icons-shipping-international {
  background-position: 0 0; }

.icons-shopping-secure {
  background-position: 0 -37px; }

.icons-twitter-sm, #main .social ul li.twitter a {
  background-position: 0 -265px; }

.icons-visa-32 {
  background-position: 0 -114px; }

/*** Wrapper ***/
#wrapper {
  max-width: 1172px;
  margin: 0 auto;
  font-size: .85em; }
  #wrapper div, #wrapper section, #wrapper header, #wrapper nav, #wrapper aside, #wrapper article, #wrapper footer {
    float: left; }

/*** Arrows ***/
.arrow-up-grey, #header .content .options .cart-summary .summary .arrow, #header nav .nav-arrow {
  display: block;
  width: 13px;
  height: 8px;
  background: url(../img/nav-arrow.png); }

/*** Top Bar ***/
#top-bar {
  width: 100%;
  padding: 0 10px;
  background: #c13422;
  text-align: center; }
  #top-bar .nav-toggle {
    display: none;
    float: right;
    color: #fff;
    font-size: 1.4em; }
    #top-bar .nav-toggle:hover {
      color: #444444; }
  #top-bar .shipping {
    display: inline-block;
    padding: 3px 20px;
    background: #005727;
    background: -moz-linear-gradient(top, #14713e 0%, #005727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #14713e), color-stop(100%, #005727));
    background: -webkit-linear-gradient(top, #14713e 0%, #005727 100%);
    background: -o-linear-gradient(top, #14713e 0%, #005727 100%);
    background: -ms-linear-gradient(top, #14713e 0%, #005727 100%);
    background: linear-gradient(to bottom, #14713e 0%, #005727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14713e', endColorstr='#005727',GradientType=0 );
    color: #fff;
    font-size: 1.1em;
    font-weight: 600; }
  #top-bar .welcome {
    float: left;
    display: block;
    padding: 5px 10px 0 10px;
    color: #fff;
    font-size: .9em; }
  #top-bar ul.courtesy-nav {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0; }
    #top-bar ul.courtesy-nav.east {
      float: right; }
    #top-bar ul.courtesy-nav li {
      float: left;
      padding: 3px 10px 7px 10px; }
      #top-bar ul.courtesy-nav li a, #top-bar ul.courtesy-nav li b {
        display: block;
        padding: 5px 0 0 0;
        color: #fff;
        font-size: .9em;
        text-decoration: none;
        line-height: 1em; }
      #top-bar ul.courtesy-nav li a .fa {
        display: none; }
      #top-bar ul.courtesy-nav li a:hover {
        border-color: inherit;
        color: inherit; }

/*** Header ***/
#header {
  width: 100%;
  padding: 15px 50px 70px 50px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  position: relative; }
  #header .logo {
    float: left;
    width: 25%;
    margin: 5px 0 20px 0; }
    #header .logo a {
      display: block;
      width: 234px;
      height: 174px; }
  #header .content {
    float: right;
    width: 75%; }
    #header .content .info {
      width: 56%;
      line-height: 1.6em;
      text-align: center; }
      #header .content .info .phone {
        width: 100%;
        padding: 15px 0 0 0;
        font-size: 1.2em; }
        #header .content .info .phone b {
          color: #c13422;
          font-size: 1.4em;
          font-weight: 600; }
      #header .content .info .tagline {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 13px 10px 10px 10px;
        position: relative; }
        #header .content .info .tagline b {
          font-size: 1.4em;
          font-weight: 600; }
        #header .content .info .tagline .satisfaction-guaranteed {
          display: inline-block;
          width: 100%;
          cursor: pointer;
          font-size: .95em; }
          #header .content .info .tagline .satisfaction-guaranteed div {
            display: none; }
          #header .content .info .tagline .satisfaction-guaranteed:hover {
            color: #c13422; }
            #header .content .info .tagline .satisfaction-guaranteed:hover div {
              display: block;
              position: absolute;
              z-index: 2000;
              left: 100px;
              width: 250px;
              padding: 15px 15px 10px 15px;
              background: #fff;
              border: 4px solid #eeeeee;
              -webkit-box-shadow: 2px 2px 2px #444444;
              -moz-box-shadow: 2px 2px 2px #444444;
              box-shadow: 2px 2px 2px #444444;
              color: #444444;
              font-size: 1.1em;
              text-align: left;
              line-height: 1.4em; }
              #header .content .info .tagline .satisfaction-guaranteed:hover div b {
                font-size: 1.1em; }
    #header .content .options {
      width: 44%;
      padding-bottom: 7px;
      text-align: right; }
      #header .content .options .icons {
        float: right;
        margin-bottom: 5px; }
      #header .content .options .mopar {
        float: left;
        width: 50px;
        height: 47px;
        margin: 85px 0 0 40px; }
      #header .content .options a.email-signup {
        display: inline-block;
        padding: 2px 36px 2px 0;
        margin-bottom: 15px;
        background: url(../img/icons/envelope-sm.png) right center no-repeat;
        color: #535353;
        font-size: .9em;
        font-weight: bold;
        text-decoration: none; }
        #header .content .options a.email-signup:hover {
          color: #c13422; }
      #header .content .options .cart-summary {
        display: inline-block;
        position: relative;
        float: none; }
        #header .content .options .cart-summary .summary {
          display: none;
          position: absolute;
          z-index: 2000;
          width: 250px;
          padding: 5px 15px;
          background: #fff;
          border: 4px solid #eeeeee;
          -webkit-box-shadow: 2px 2px 2px #444444;
          -moz-box-shadow: 2px 2px 2px #444444;
          box-shadow: 2px 2px 2px #444444;
          text-align: left; }
          #header .content .options .cart-summary .summary .arrow {
            position: absolute;
            top: -12px;
            left: 20px; }
          #header .content .options .cart-summary .summary ul.items {
            list-style: none;
            padding: 0;
            margin: 0 0 10px 0; }
            #header .content .options .cart-summary .summary ul.items li {
              padding: 5px 0;
              border-bottom: 1px solid #dddddd; }
              #header .content .options .cart-summary .summary ul.items li .img {
                float: left;
                margin: 0 10px 0 0; }
              #header .content .options .cart-summary .summary ul.items li .part {
                font-size: .95em; }
        #header .content .options .cart-summary .subtotal {
          float: right;
          font-size: .95em; }
        #header .content .options .cart-summary:hover .summary {
          display: block; }
      #header .content .options a.btn {
        display: inline-block;
        margin: 0 0 0 6px; }
      #header .content .options form {
        float: right;
        margin: 12px 0 10px 0; }
        #header .content .options form .search-box {
          border: 1px solid #222222;
          -webkit-box-shadow: 2px 2px 2px #aaaaaa;
          -moz-box-shadow: 2px 2px 2px #aaaaaa;
          box-shadow: 2px 2px 2px #aaaaaa; }
          #header .content .options form .search-box input {
            float: left;
            width: 204px;
            margin: 0;
            border: none;
            -webkit-box-shadow: inset 1px 1px 2px #999999;
            -moz-box-shadow: inset 1px 1px 2px #999999;
            box-shadow: inset 1px 1px 2px #999999;
            font-style: italic; }
          #header .content .options form .search-box button {
            float: left;
            width: 40px;
            height: 25px;
            margin: 0;
            border: none;
            background: url(../img/icons/magnifyingglass-sm.png) center center no-repeat;
            -webkit-box-shadow: inset 0 1px 2px #999999;
            -moz-box-shadow: inset 0 1px 2px #999999;
            box-shadow: inset 0 1px 2px #999999; }
  #header select.mobile {
    display: none;
    width: 100%;
    font-size: 1.1em; }
  #header nav ul.submenu {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1001;
    width: 130px;
    padding: 15px 15px 5px 2.2em;
    margin: 0;
    background: #fff;
    border: 4px solid #eeeeee;
    -webkit-box-shadow: 2px 2px 2px #444444;
    -moz-box-shadow: 2px 2px 2px #444444;
    box-shadow: 2px 2px 2px #444444;
    color: #444444;
    text-align: left; }
    #header nav ul.submenu li {
      margin-bottom: 5px; }
      #header nav ul.submenu li a {
        display: block;
        font-size: 1em;
        font-weight: bold;
        text-decoration: none; }
  #header nav .nav-arrow {
    display: none;
    position: absolute;
    bottom: 4px;
    left: 20px; }
  #header nav li.top-level:hover .nav-arrow {
    display: block; }
  #header nav.models {
    width: 114%; }
    #header nav.models ul.menu {
      float: right;
      list-style: none;
      padding: 0;
      margin: 7px 0 0 0;
      background: -moz-linear-gradient(left, rgba(137, 138, 138, 0) 0%, rgba(137, 138, 138, 0) 75%, rgba(137, 138, 138, 0.8) 84%, rgba(137, 138, 138, 0) 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(137, 138, 138, 0)), color-stop(75%, rgba(137, 138, 138, 0)), color-stop(84%, rgba(137, 138, 138, 0.8)), color-stop(100%, rgba(137, 138, 138, 0)));
      background: -webkit-linear-gradient(left, rgba(137, 138, 138, 0) 0%, rgba(137, 138, 138, 0) 75%, rgba(137, 138, 138, 0.8) 84%, rgba(137, 138, 138, 0) 100%);
      background: -o-linear-gradient(left, rgba(137, 138, 138, 0) 0%, rgba(137, 138, 138, 0) 75%, rgba(137, 138, 138, 0.8) 84%, rgba(137, 138, 138, 0) 100%);
      background: -ms-linear-gradient(left, rgba(137, 138, 138, 0) 0%, rgba(137, 138, 138, 0) 75%, rgba(137, 138, 138, 0.8) 84%, rgba(137, 138, 138, 0) 100%);
      background: linear-gradient(to right, rgba(137, 138, 138, 0) 0%, rgba(137, 138, 138, 0) 75%, rgba(137, 138, 138, 0.8) 84%, rgba(137, 138, 138, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00898a8a', endColorstr='#00898a8a',GradientType=1 );
      position: relative;
      left: -17px; }
      #header nav.models ul.menu li.top-level {
        float: left;
        margin-right: 1px;
        position: relative; }
        #header nav.models ul.menu li.top-level:nth-child(2) {
          left: -17px; }
        #header nav.models ul.menu li.top-level:nth-child(3) {
          left: -34px; }
        #header nav.models ul.menu li.top-level:nth-child(4) {
          left: -51px; }
        #header nav.models ul.menu li.top-level:nth-child(5) {
          left: -68px; }
        #header nav.models ul.menu li.top-level:nth-child(6) {
          left: -85px; }
        #header nav.models ul.menu li.top-level:nth-child(7) {
          left: -102px; }
        #header nav.models ul.menu li.top-level > a {
          display: block;
          width: 129px;
          height: 37px;
          padding: 13px 8px 0 8px;
          color: #fff;
          font-size: .8em;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          line-height: 1.2em; }
          #header nav.models ul.menu li.top-level > a.two-lines {
            padding: 6px 10px 0 10px; }
          .lt-ie9 #header nav.models ul.menu li.top-level > a {
            width: 120px;
            height: 44px;
            padding: 16px 8px 0 8px;
            background: #4c4c4c;
            background: -moz-linear-gradient(left, #4c4c4c 0%, #717170 50%, #4c4c4c 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4c4c4c), color-stop(50%, #717170), color-stop(100%, #4c4c4c));
            background: -webkit-linear-gradient(left, #4c4c4c 0%, #717170 50%, #4c4c4c 100%);
            background: -o-linear-gradient(left, #4c4c4c 0%, #717170 50%, #4c4c4c 100%);
            background: -ms-linear-gradient(left, #4c4c4c 0%, #717170 50%, #4c4c4c 100%);
            background: linear-gradient(to right, #4c4c4c 0%, #717170 50%, #4c4c4c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=1 ); }
            .lt-ie9 #header nav.models ul.menu li.top-level > a.two-lines {
              padding: 10px 10px 0 10px; }
        .lt-ie9 #header nav.models ul.menu li.top-level.current a, .lt-ie9 #header nav.models ul.menu li.top-level a:hover {
          background: #c13422;
          filter: none; }
        #header nav.models ul.menu li.top-level ul.submenu {
          top: 33px;
          left: 0;
          width: 130px;
          padding: 0; }
          #header nav.models ul.menu li.top-level ul.submenu li {
            width: 50%;
            float: left;
            border-right: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
            margin: 0; }
            #header nav.models ul.menu li.top-level ul.submenu li:nth-child(even) {
              border-right: none; }
            #header nav.models ul.menu li.top-level ul.submenu li a {
              padding: 5px;
              text-align: center; }
            #header nav.models ul.menu li.top-level ul.submenu li.current a,
            #header nav.models ul.menu li.top-level ul.submenu li a:hover {
              background: #eee; }
        #header nav.models ul.menu li.top-level:hover ul.submenu {
          display: block; }
  #header nav.parts {
    width: 106.4%;
    padding-bottom: 35px;
    position: absolute;
    left: -3.2%;
    bottom: 0; }
    #header nav.parts .corner {
      width: 37px;
      height: 35px;
      position: absolute;
      bottom: 0;
      z-index: 1; }
      #header nav.parts .corner.left {
        left: 0; }
      #header nav.parts .corner.right {
        right: 0; }
    #header nav.parts ul.menu {
      list-style: none;
      margin: 0;
      padding: 0 40px;
      background: #c13422;
      background: -moz-linear-gradient(left, #a41d28 0%, #ce401f 50%, #a41d28 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a41d28), color-stop(50%, #ce401f), color-stop(100%, #a41d28));
      background: -webkit-linear-gradient(left, #a41d28 0%, #ce401f 50%, #a41d28 100%);
      background: -o-linear-gradient(left, #a41d28 0%, #ce401f 50%, #a41d28 100%);
      background: -ms-linear-gradient(left, #a41d28 0%, #ce401f 50%, #a41d28 100%);
      background: linear-gradient(to right, #a41d28 0%, #ce401f 50%, #a41d28 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a41d28', endColorstr='#a41d28',GradientType=1 );
      position: relative;
      z-index: 100;
      -webkit-box-shadow: 0 3px 4px rgba(20, 20, 20, 0.7);
      -moz-box-shadow: 0 3px 4px rgba(20, 20, 20, 0.7);
      box-shadow: 0 3px 4px rgba(20, 20, 20, 0.7);
      text-align: center; }
      #header nav.parts ul.menu li.top-level {
        display: inline-block;
        position: relative;
        padding: 12px 0;
        color: #fff; }
        #header nav.parts ul.menu li.top-level:after {
          content: "|"; }
        #header nav.parts ul.menu li.top-level:last-child:after {
          content: ""; }
        #header nav.parts ul.menu li.top-level > a {
          display: inline-block;
          padding: 1px 8px;
          color: #fff;
          font-size: 1em;
          text-decoration: none; }
          #header nav.parts ul.menu li.top-level > a:hover {
            color: #222; }
        #header nav.parts ul.menu li.top-level ul.submenu {
          top: 40px;
          left: 0;
          width: auto; }
          #header nav.parts ul.menu li.top-level ul.submenu li {
            white-space: nowrap; }
        #header nav.parts ul.menu li.top-level:hover ul.submenu {
          display: block; }
  #header .find-vehicle {
    display: none;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    border-top: 2px solid #444444;
    border-bottom: 2px solid #444444;
    cursor: pointer; }
    #header .find-vehicle h2 {
      margin-bottom: 2px; }
    #header .find-vehicle form {
      margin-top: 7px;
      padding-top: 7px;
      border-top: 1px solid #dddddd; }
    #header .find-vehicle.closed form {
      display: none; }

/*** Main ***/
#main {
  width: 100%;
  min-height: 500px;
  padding: 0 40px 30px 40px;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 );
  position: relative; }
  #main .social {
    width: 202px;
    height: 36px;
    padding: 7px 0 0 20px;
    position: absolute;
    top: -35px;
    right: 40px;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase; }
    #main .social ul {
      display: inline-block;
      list-style: none;
      padding: 0;
      margin: 0 0 0 7px;
      vertical-align: middle; }
      #main .social ul li {
        display: inline-block;
        margin-right: 5px; }
        #main .social ul li a {
          display: block;
          width: 23px;
          height: 23px;
          -webkit-box-shadow: 2px 2px 3px rgba(10, 10, 10, 0.5);
          -moz-box-shadow: 2px 2px 3px rgba(10, 10, 10, 0.5);
          box-shadow: 2px 2px 3px rgba(10, 10, 10, 0.5); }
          #main .social ul li a:hover {
            opacity: .8; }
  #main .primary {
    width: 72.72727%;
    margin-right: 2.90909%; }
    #main .primary .content {
      width: 100%;
      min-height: 660px;
      padding: 70px 25px;
      margin-top: -40px;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(10%, white), color-stop(90%, white), color-stop(100%, rgba(255, 255, 255, 0)));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 10%, #ffffff 90%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); }
      #main .primary .content .half {
        width: 50%; }
  #main .sidebar {
    width: 24.36364%;
    padding: 20px 0 40px 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 25%, white 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, white), color-stop(75%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 25%, white 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 25%, white 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 25%, white 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); }
    #main .sidebar hr {
      float: left;
      width: 100%;
      height: 3px;
      margin: 15px 0;
      background: url(../img/sidebar/hr.png) center center no-repeat;
      border: none; }
    #main .sidebar .item {
      width: 100%;
      text-align: center; }
      #main .sidebar .item img {
        width: 100%;
        max-width: 100%; }
      #main .sidebar .item.subnav {
        text-align: left; }
        #main .sidebar .item.subnav ul {
          padding: 15px 15px 15px 2.9em;
          margin: 0; }
          #main .sidebar .item.subnav ul a {
            font-weight: normal;
            text-transform: none;
            text-decoration: none; }
          #main .sidebar .item.subnav ul li.current a,
          #main .sidebar .item.subnav ul a:hover {
            color: #c13422; }
          #main .sidebar .item.subnav ul li.border-bottom {
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid #dddddd; }
      #main .sidebar .item.find-vehicle {
        padding: 15px;
        text-align: left; }
        #main .sidebar .item.find-vehicle .col {
          width: 100%; }
        #main .sidebar .item.find-vehicle h2 {
          margin: 0; }
        #main .sidebar .item.find-vehicle select {
          width: 100%; }
      #main .sidebar .item.search {
        padding: 15px;
        text-align: left; }
        #main .sidebar .item.search h2 {
          margin: 0; }
        #main .sidebar .item.search select {
          width: 100%; }
      #main .sidebar .item.email-signup {
        padding: 20px 20px 25px 20px;
        background: #fff;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.7)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#b3ffffff',GradientType=0 ); }
        #main .sidebar .item.email-signup i {
          margin-left: 3px; }
    #main .sidebar form {
      padding: 15px; }
      #main .sidebar form input {
        width: 100%; }
  #main .above-content-box {
    padding: 30px;
    background: #fff;
    border: 2px solid #c13422;
    margin-bottom: 10px;
    position: relative; }

/*** Footer ***/
#footer {
  width: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  padding: 20px 50px 30px 50px;
  font-size: .95em; }
  #footer .col {
    width: 20%;
    padding: 0 15px; }
    #footer .col.col-15 {
      width: 15%; }
    #footer .col.col-25 {
      width: 25%; }
    #footer .col:first-child {
      padding-left: 0; }
    #footer .col:last-child {
      padding-right: 0; }
  #footer .row {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border-top: 1px solid #444444; }
  #footer ul.options {
    list-style: none;
    padding: 0;
    margin: 0; }
  #footer ul.social-links {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0; }
    #footer ul.social-links li {
      display: inline-block;
      margin-right: 2px; }
      #footer ul.social-links li a {
        font-size: 1.6em;
        text-decoration: none; }

/*** Home Page ***/
#main .primary.home #banner {
  width: 100%;
  margin-top: -34px; }
  #main .primary.home #banner .slideshow.flexslider {
    margin: 0;
    border: none;
    background: none; }
  #main .primary.home #banner ul.slides,
  #main .primary.home #banner ul.callouts {
    list-style: none;
    padding: 0;
    margin: 0; }
  #main .primary.home #banner ul.slides li {
    display: none; }
    #main .primary.home #banner ul.slides li:first-child {
      display: block; }
    #main .primary.home #banner ul.slides li img {
      width: 100%;
      max-width: 100%; }
  #main .primary.home #banner ul.callouts li {
    float: left;
    margin-right: 4px; }
    #main .primary.home #banner ul.callouts li.last-child {
      margin-right: 0; }
    #main .primary.home #banner ul.callouts li:last-child {
      margin-right: 0; }
  #main .primary.home #banner .slideshow-control {
    width: 100%;
    padding: 6px 15px;
    background: #222; }
    #main .primary.home #banner .slideshow-control ul {
      float: right;
      list-style: none;
      padding: 0;
      margin: 0; }
      #main .primary.home #banner .slideshow-control ul li {
        float: left;
        width: 14px;
        height: 14px;
        margin-left: 5px;
        background: #ddd;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        cursor: pointer; }
        #main .primary.home #banner .slideshow-control ul li.current, #main .primary.home #banner .slideshow-control ul li:hover {
          background: #c13422; }
#main .primary.home .content header {
  width: 100%;
  margin-bottom: 15px;
  background: url(../img/home/header-bkgd.jpg) left bottom no-repeat; }
  #main .primary.home .content header h1 {
    float: left;
    margin: 10px 0 0 10px;
    color: #fff;
    font-size: 1.3em;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px #111111; }
  #main .primary.home .content header ul.makes {
    list-style: none;
    float: right;
    padding: 0;
    margin: 0; }
    #main .primary.home .content header ul.makes li {
      float: left;
      margin-left: 3px; }
      #main .primary.home .content header ul.makes li a {
        display: block;
        width: 90px;
        height: 40px;
        padding: 14px 5px 0 5px;
        background: #c13422;
        background: -moz-radial-gradient(center, ellipse cover, #c73921 0%, #9f1c1b 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #c73921), color-stop(100%, #9f1c1b));
        background: -webkit-radial-gradient(center, ellipse cover, #c73921 0%, #9f1c1b 100%);
        background: -o-radial-gradient(center, ellipse cover, #c73921 0%, #9f1c1b 100%);
        background: -ms-radial-gradient(center, ellipse cover, #c73921 0%, #9f1c1b 100%);
        background: radial-gradient(ellipse at center, #c73921 0%, #9f1c1b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c73921', endColorstr='#9f1c1b',GradientType=1 );
        color: #fff;
        font-size: .85em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1.1em; }
        #main .primary.home .content header ul.makes li a.two-lines {
          padding-top: 8px; }
        #main .primary.home .content header ul.makes li a:hover {
          background: #777777;
          background: -moz-radial-gradient(center, ellipse cover, #777777 0%, #444444 100%);
          background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #777777), color-stop(100%, #444444));
          background: -webkit-radial-gradient(center, ellipse cover, #777777 0%, #444444 100%);
          background: -o-radial-gradient(center, ellipse cover, #777777 0%, #444444 100%);
          background: -ms-radial-gradient(center, ellipse cover, #777777 0%, #444444 100%);
          background: radial-gradient(ellipse at center, #777777 0%, #444444 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444',GradientType=1 ); }
#main .primary.home .content .parts-section {
  width: 100%; }
  #main .primary.home .content .parts-section h2 {
    width: 100%;
    margin: 0 0 15px 0;
    border-bottom: 2px solid #eeeeee;
    font-size: 1.3em;
    font-style: italic; }
    #main .primary.home .content .parts-section h2 a {
      float: right;
      margin-top: 4px;
      color: #c13422;
      font-size: .6em;
      font-style: normal;
      text-decoration: none;
      text-transform: uppercase; }
      #main .primary.home .content .parts-section h2 a:hover {
        color: inherit; }
  #main .primary.home .content .parts-section .parts {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0; }
    #main .primary.home .content .parts-section .parts li {
      float: left;
      width: 20%;
      padding-right: 15px;
      margin-bottom: 20px;
      font-size: .9em; }
      #main .primary.home .content .parts-section .parts li a {
        display: block;
        margin-bottom: 3px; }

/*** Product Categories Page ***/
#main .primary.product-categories .categories {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0; }
  #main .primary.product-categories .categories li {
    float: left;
    width: 166px;
    margin: 0 28px 20px 0; }
  #main .primary.product-categories .categories.padded li {
    width: 158px; }
  #main .primary.product-categories .categories .img {
    display: block;
    margin-bottom: 5px;
    border: 2px solid #555555;
    position: relative;
    text-decoration: none; }
    #main .primary.product-categories .categories .img .label {
      width: 100%;
      padding: 5px 25px 5px 10px;
      background: #c13422;
      background: -moz-linear-gradient(left, #c13422 0%, #c13422 87%, rgba(193, 52, 34, 0) 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c13422), color-stop(87%, #c13422), color-stop(100%, rgba(193, 52, 34, 0)));
      background: -webkit-linear-gradient(left, #c13422 0%, #c13422 87%, rgba(193, 52, 34, 0) 100%);
      background: -o-linear-gradient(left, #c13422 0%, #c13422 87%, rgba(193, 52, 34, 0) 100%);
      background: -ms-linear-gradient(left, #c13422 0%, #c13422 87%, rgba(193, 52, 34, 0) 100%);
      background: linear-gradient(to right, #c13422 0%, #c13422 87%, rgba(193, 52, 34, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c13422', endColorstr='#00c13422',GradientType=1 );
      position: absolute;
      left: -5px;
      bottom: 10px;
      color: #fff; }
    #main .primary.product-categories .categories .img:hover .label {
      background: #005727;
      background: -moz-linear-gradient(left, #005727 0%, #005727 87%, rgba(0, 87, 39, 0) 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #005727), color-stop(87%, #005727), color-stop(100%, rgba(0, 87, 39, 0)));
      background: -webkit-linear-gradient(left, #005727 0%, #005727 87%, rgba(0, 87, 39, 0) 100%);
      background: -o-linear-gradient(left, #005727 0%, #005727 87%, rgba(0, 87, 39, 0) 100%);
      background: -ms-linear-gradient(left, #005727 0%, #005727 87%, rgba(0, 87, 39, 0) 100%);
      background: linear-gradient(to right, #005727 0%, #005727 87%, rgba(0, 87, 39, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005727', endColorstr='#00005727',GradientType=1 ); }
  #main .primary.product-categories .categories .info {
    padding: 0 0 0 10px;
    font-size: .95em;
    font-weight: 600; }

/*** Products Listing Page ***/
#main .primary.product-products .content {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
#main .primary.product-products .products {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0; }
  #main .primary.product-products .products li {
    float: left;
    width: 166px;
    margin: 0 21px 20px 0; }
  #main .primary.product-products .products .img {
    display: block;
    margin-bottom: 5px;
    border: 2px solid #555555;
    position: relative;
    text-decoration: none; }
    #main .primary.product-products .products .img .label {
      display: block;
      width: 100%;
      padding: 5px 10px;
      background: rgba(193, 52, 34, 0.8);
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      font-size: .9em;
      font-weight: 600;
      text-align: center;
      text-transform: uppercase; }
  #main .primary.product-products .products .info {
    padding: 0 0 0 10px;
    font-size: .95em; }
    #main .primary.product-products .products .info .brand {
      font-weight: bold; }
    #main .primary.product-products .products .info .our-price {
      color: #c13422;
      font-size: 1.1em;
      font-weight: 600; }
    #main .primary.product-products .products .info .price {
      display: inline-block;
      margin-bottom: 6px;
      color: #c13422;
      font-size: 1.4em;
      font-weight: 600;
      line-height: 1em; }

/*** Search Listing Page ***/
#main .primary.product-products.search .content {
  padding-top: 40px; }

/*** Product Detail Page ***/
#main .primary.product-detail .west {
  width: 55%;
  border-right: 1px solid #acacac; }
  #main .primary.product-detail .west .item {
    width: 100%;
    padding: 0 15px 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #acacac; }
    #main .primary.product-detail .west .item:last-child {
      border: none; }
  #main .primary.product-detail .west .hl-1 {
    line-height: 1.1em; }
  #main .primary.product-detail .west .img {
    width: 100%;
    text-align: center; }
    #main .primary.product-detail .west .img img {
      width: 100%; }
    #main .primary.product-detail .west .img a.enlarge {
      display: inline-block;
      float: none;
      margin-bottom: 15px;
      font-size: .9em;
      text-decoration: none;
      text-align: left; }
      #main .primary.product-detail .west .img a.enlarge img {
        margin-bottom: 15px; }
      #main .primary.product-detail .west .img a.enlarge i {
        margin-right: 5px; }
  #main .primary.product-detail .west .thumbs {
    list-style: none;
    padding: 0;
    margin: 0; }
    #main .primary.product-detail .west .thumbs li {
      float: left;
      margin: 0 10px 10px 0; }
  #main .primary.product-detail .west .products {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0; }
    #main .primary.product-detail .west .products li {
      float: left;
      width: 114px;
      margin: 0 15px 20px 0; }
    #main .primary.product-detail .west .products li:nth-child(3n+0) {
      margin-right: 0; }
    #main .primary.product-detail .west .products li:nth-child(4n+0) {
      clear: left; }
    #main .primary.product-detail .west .products .img {
      display: block;
      margin-bottom: 5px;
      border: 2px solid #555555; }
    #main .primary.product-detail .west .products .info {
      padding: 0 0 0 10px;
      font-size: .95em; }
#main .primary.product-detail .east {
  width: 45%; }
  #main .primary.product-detail .east .item {
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #acacac; }
    #main .primary.product-detail .east .item:last-child {
      border: none; }
  #main .primary.product-detail .east .part-num {
    display: inline-block;
    margin-bottom: 3px; }
  #main .primary.product-detail .east .our-price {
    color: #c13422;
    font-size: 1.4em; }
    #main .primary.product-detail .east .our-price .my {
      display: inline-block;
      width: 40px;
      height: 22px;
      margin: 0 -3px 3px 0;
      background: url(../img/txt-my-sm.jpg) no-repeat;
      vertical-align: middle; }
  #main .primary.product-detail .east .price {
    display: inline-block;
    margin-bottom: 6px;
    color: #c13422;
    font-size: 2em;
    font-weight: 700;
    line-height: 1em; }
  #main .primary.product-detail .east .msrp {
    text-decoration: line-through; }
  #main .primary.product-detail .east .savings {
    color: #005727;
    font-size: 1.3em;
    font-weight: 900;
    text-transform: uppercase; }
  #main .primary.product-detail .east .free-shipping {
    display: block;
    float: right;
    width: 122px;
    height: 51px; }
  #main .primary.product-detail .east a.btn {
    float: left;
    margin-top: 10px; }

/*** Viewing an Order's Details ***/
#main .primary.order-view table.cart td, #main .primary.order-view table.cart th {
  padding: 5px 10px; }
  #main .primary.order-view table.cart td.quantity, #main .primary.order-view table.cart th.quantity {
    text-align: center; }
  #main .primary.order-view table.cart td.charge, #main .primary.order-view table.cart th.charge {
    text-align: right; }
#main .primary.order-view table.cart tfoot {
  border-top: 1px solid; }
  #main .primary.order-view table.cart tfoot td.label {
    padding: 3px 10px 0 10px;
    text-align: right; }
  #main .primary.order-view table.cart tfoot td.charge {
    padding: 3px 10px 0 10px;
    font-size: 1.1em;
    text-align: right; }
  #main .primary.order-view table.cart tfoot td.bold {
    font-weight: bold; }
  #main .primary.order-view table.cart tfoot .cart-total-row .label {
    color: #c13422;
    font-size: 1.1em; }
  #main .primary.order-view table.cart tfoot .cart-total-row .cart-total {
    color: #c13422;
    font-size: 1.1em; }
#main .primary.order-view table.cart.simple tbody tr:nth-child(even) {
  background: none; }
#main .primary.order-view table.cart.simple thead th {
  background: none;
  color: inherit; }
#main .primary.order-view .n {
  width: 100%;
  margin-bottom: 15px; }
  #main .primary.order-view .n .payment-info {
    width: 50%;
    padding-right: 15px; }
    #main .primary.order-view .n .payment-info .order-total-box {
      width: 100%;
      margin: 0 0 15px 0;
      color: #c13422;
      font-size: 1.1em;
      font-weight: bold; }
    #main .primary.order-view .n .payment-info a.cvc-info,
    #main .primary.order-view .n .payment-info a.promo-code-clear {
      margin-left: 5px;
      font-size: .9em;
      font-style: italic; }
  #main .primary.order-view .n .shopping-cart {
    width: 50%;
    padding-left: 15px;
    border-left: 1px solid #dddddd; }
#main .primary.order-view .sw {
  width: 49%;
  margin-right: 2%; }
#main .primary.order-view .se {
  width: 49%; }

/*** Ordering/Shopping Cart ***/
#main .primary.order .secure-checkout {
  display: inline-block;
  margin: 5px 0 0 15px;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase; }
#main .primary.order #siteseal {
  float: right; }
#main .primary.order table.cart {
  width: 100%;
  margin-bottom: 15px; }
  #main .primary.order table.cart td.qty label,
  #main .primary.order table.cart td.quantity .label {
    display: none; }
  #main .primary.order table.cart td.item-total .label,
  #main .primary.order table.cart td.total .label {
    display: none; }
  #main .primary.order table.cart td.icons {
    min-width: 0; }
    #main .primary.order table.cart td.icons a {
      margin: 0; }
  #main .primary.order table.cart input.quantity {
    width: 3em;
    margin: 0;
    text-align: center; }
#main .primary.order #shipping-estimate {
  float: left;
  width: 100%;
  padding: 15px 20px;
  margin: 15px 0 0 0;
  background: #f5f5f5;
  background: -moz-linear-gradient(top, whitesmoke 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, white));
  background: -webkit-linear-gradient(top, whitesmoke 0%, white 100%);
  background: -o-linear-gradient(top, whitesmoke 0%, white 100%);
  background: -ms-linear-gradient(top, whitesmoke 0%, white 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
  border-top: 1px solid #eeeeee; }
  #main .primary.order #shipping-estimate div.location {
    width: 40%;
    padding-right: 40px; }
    #main .primary.order #shipping-estimate div.location input, #main .primary.order #shipping-estimate div.location select {
      width: 100%; }
    #main .primary.order #shipping-estimate div.location div.state {
      width: 100%; }
  #main .primary.order #shipping-estimate div.options {
    width: 60%;
    min-height: 240px; }
    #main .primary.order #shipping-estimate div.options.loading {
      background: url(../img/spinner-gear.gif) center center no-repeat; }
    #main .primary.order #shipping-estimate div.options table {
      width: 100%;
      margin-bottom: 15px; }
#main .primary.order #upsale-box {
  float: left;
  width: 100%;
  padding: 15px 20px;
  margin: 15px 0 0 0;
  border: 1px solid #dddddd; }
  #main .primary.order #upsale-box h2 {
    margin-bottom: 15px; }
  #main .primary.order #upsale-box ul.products {
    list-style: none;
    padding: 0;
    margin: 0; }
    #main .primary.order #upsale-box ul.products li {
      float: left;
      width: 20%;
      text-align: center; }
      #main .primary.order #upsale-box ul.products li a {
        display: block;
        font-size: .9em;
        text-decoration: none; }
        #main .primary.order #upsale-box ul.products li a .img {
          width: 100%;
          margin-bottom: 8px; }
        #main .primary.order #upsale-box ul.products li a .name {
          color: #005727;
          font-weight: bold; }
        #main .primary.order #upsale-box ul.products li a .msrp {
          color: #444444;
          text-decoration: line-through; }
        #main .primary.order #upsale-box ul.products li a .cost {
          color: #444444;
          font-weight: bold; }
        #main .primary.order #upsale-box ul.products li a:hover .name {
          color: #c13422; }

/*** Ordering/Checkout ***/
#main .primary.order.checkout #f-card-cvc {
  width: 100px; }
#main .primary.order.checkout #f-promo-code {
  width: 150px; }
#main .primary.order.checkout #f-billing-address,
#main .primary.order.checkout #f-shipping-address {
  margin-bottom: 5px; }
#main .primary.order.checkout #f-billing-zip,
#main .primary.order.checkout #f-shipping-zip {
  width: 100px; }
#main .primary.order.checkout #email-signup {
  margin-top: 10px; }
#main .primary.order.checkout .btn-submit {
  float: right;
  text-align: right; }
  #main .primary.order.checkout .btn-submit button {
    display: inline-block;
    margin-bottom: 5px; }
  #main .primary.order.checkout .btn-submit .btn-note {
    font-size: .9em; }

#cvc-info {
  width: 600px;
  font-size: .9em; }
  #cvc-info .img {
    float: right;
    margin: 0 0 20px 20px; }
    #cvc-info .img img {
      margin-bottom: 10px; }
  #cvc-info ul {
    padding-left: 0;
    margin-left: 1.3em; }
    #cvc-info ul li {
      margin-bottom: 5px; }

/*** Contests ***/
#main .primary.contests ul.contests {
  float: left;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0; }
  #main .primary.contests ul.contests > li {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd; }
    #main .primary.contests ul.contests > li:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none; }
    #main .primary.contests ul.contests > li .hl-2 {
      margin: 0 0 3px 0;
      font-size: 1.3em; }

/*** Referral Program ***/
body.referral-program #main .content {
  min-height: 0;
  margin-top: -20px;
  padding-top: 50px; }
body.referral-program #main .above-content-box {
  position: relative;
  margin-top: 20px;
  padding-bottom: 170px;
  background: white url(../img/referral-program-bkgd.png) center bottom no-repeat; }
  body.referral-program #main .above-content-box h1.sign {
    width: 252px;
    height: 218px;
    padding: 20px 0 0 25px;
    background: url(../img/referral-program-sign.png);
    position: absolute;
    top: -35px;
    left: -20px;
    font-size: 3em;
    text-transform: uppercase;
    line-height: .8em; }
  body.referral-program #main .above-content-box h2.earn-rewards {
    margin: 0 0 10px 250px;
    font-size: 2.8em;
    font-style: italic;
    line-height: 1em; }
    body.referral-program #main .above-content-box h2.earn-rewards span {
      display: block;
      padding-left: 25px; }
  body.referral-program #main .above-content-box .get-started {
    display: block;
    padding: 20px 0 17px 0;
    margin: 0 0 20px 230px;
    background: url(../img/referral-program-lines.png) center center no-repeat;
    font-size: 2.4em;
    font-style: italic;
    text-align: center;
    text-transform: uppercase; }
  body.referral-program #main .above-content-box h2.how-it-works {
    clear: left;
    margin: 0 0 5px 25px;
    font-size: 1.3em;
    text-transform: uppercase; }
  body.referral-program #main .above-content-box ol.ol {
    list-style: none;
    padding: 0 180px 0 0;
    margin: 0 0 35px 25px; }
    body.referral-program #main .above-content-box ol.ol li {
      position: relative;
      padding-left: 45px;
      margin-bottom: 5px;
      font-weight: bold; }
      body.referral-program #main .above-content-box ol.ol li .num {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-left: -45px;
        margin-right: 10px;
        padding: 4px 0 0 0;
        background: #005727;
        border: 2px solid white;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        -webkit-box-shadow: 2px 2px 2px #444444;
        -moz-box-shadow: 2px 2px 2px #444444;
        box-shadow: 2px 2px 2px #444444;
        color: #fff;
        font-weight: bold;
        text-align: center; }
  body.referral-program #main .above-content-box a.btn {
    margin-right: 20px; }
  body.referral-program #main .above-content-box .or {
    float: right;
    display: inline-block;
    padding: 20px 20px 0 0; }

/*** DB Error and Maintenance Mode ***/
body.placard {
  padding: 40px; }
  body.placard #wrapper {
    width: 100%;
    min-width: 320px;
    padding: 40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-align: center; }
    body.placard #wrapper .logo {
      width: 234px;
      height: 174px;
      margin: 0 auto 40px auto; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1180px) {
  /*** Header ***/
  #header {
    padding: 15px; }
    #header h1.logo {
      padding: 5% 0 0 5%; }
    #header .content .info {
      width: 100%; }
    #header .content .options {
      width: 100%;
      text-align: center; }
      #header .content .options .mopar, #header .content .options .icons {
        display: none; }
      #header .content .options form {
        width: 100%;
        text-align: center; }
        #header .content .options form .search-box {
          float: none;
          display: inline-block; }
    #header nav.models {
      width: 100%; }
      #header nav.models ul.menu {
        display: table;
        left: 0; }
        #header nav.models ul.menu li.top-level {
          display: table-row;
          left: 0 !important; }
          #header nav.models ul.menu li.top-level > a {
            display: table-cell;
            width: auto;
            height: 50px;
            padding: 10px 15px !important;
            background: #444444;
            vertical-align: middle; }
          #header nav.models ul.menu li.top-level.current > a, #header nav.models ul.menu li.top-level > a:hover {
            background: #c13422; }
    #header nav.parts {
      width: 100%;
      position: static; }
      #header nav.parts .corner {
        display: none; }
      #header nav.parts ul.menu {
        padding: 5px 20px; }
        #header nav.parts ul.menu li.top-level {
          padding: 5px 0; } }
@media only screen and (max-width: 1165px) {
  /*** Main ***/
  #main ul.products {
    text-align: center; }
    #main ul.products li {
      float: none !important;
      display: inline-block; }
      #main ul.products li.clear {
        clear: none; }
      #main ul.products li a {
        display: inline-block;
        float: none; }
    #main ul.products li:nth-child(3n-1) {
      clear: both; }

  /*** Home Page ***/
  #main .primary.home #banner ul.callouts {
    width: 100%;
    float: left; }
    #main .primary.home #banner ul.callouts li {
      width: 33.333333%;
      margin: 0; }
      #main .primary.home #banner ul.callouts li img {
        width: 100%; }
  #main .primary.home .content .parts-section .parts li {
    width: 25%; }
    #main .primary.home .content .parts-section .parts li.clear {
      clear: none; }
    #main .primary.home .content .parts-section .parts li:nth-child(4n+1) {
      clear: both; } }
@media only screen and (max-width: 950px) {
  /*** Top Bar ***/
  #top-bar .shipping {
    display: none; }

  /*** Main ***/
  #main {
    padding-left: 15px;
    padding-right: 15px; }

  /*** Product Detail Page ***/
  #main .primary.product-detail .west {
    width: 100%;
    border-right: none; }
    #main .primary.product-detail .west .item {
      padding-right: 0; }
  #main .primary.product-detail .east {
    width: 100%; } }
@media only screen and (max-width: 850px) {
  /*** Top Bar ***/
  #top-bar {
    padding: 2px 15px; }
    #top-bar .nav-toggle {
      display: block; }
    #top-bar ul.courtesy-nav {
      display: none;
      width: 100%;
      text-align: left; }
      #top-bar ul.courtesy-nav.opened {
        display: block; }
      #top-bar ul.courtesy-nav li {
        width: 100%; }
        #top-bar ul.courtesy-nav li a {
          width: 100%; }
          #top-bar ul.courtesy-nav li a .fa {
            display: inline;
            margin-right: 5px; }

  /*** Header ***/
  #header h1.logo {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center; }
    #header h1.logo a {
      display: inline-block;
      width: 150px;
      height: 112px;
      background: url(../img/global/logo-my-jeep-accessories.png);
      -webkit-background-size: 150px 112px;
      -moz-background-size: 150px 112px;
      -o-background-size: 150px 112px;
      background-size: 150px 112px; }
  #header .content {
    width: 100%; }
    #header .content .info .phone {
      padding: 10px 0; }
    #header .content .info .tagline {
      margin: 0; }
      #header .content .info .tagline .satisfaction-guaranteed {
        color: #444444 !important; }
        #header .content .info .tagline .satisfaction-guaranteed div {
          display: none !important; }
    #header .content .options .cart-summary .summary {
      display: none !important; }
  #header .find-vehicle {
    display: block; }

  /*** Main ***/
  #main {
    min-height: 0;
    padding: 15px 10px;
    background: rgba(255, 255, 255, 0.9); }
    #main .social {
      display: none; }
    #main .primary {
      width: 100%;
      margin-right: 0;
      border-bottom: 1px solid #444444; }
      #main .primary .content {
        width: 100%;
        min-height: 0;
        padding: 10px;
        margin-top: 0;
        background: none; }
        #main .primary .content .half {
          width: 100%;
          padding: 30px 0;
          border-bottom: 1px solid #444444; }
          #main .primary .content .half:first-of-type {
            padding-top: 0; }
          #main .primary .content .half:last-of-type {
            border-bottom: none; }
    #main .sidebar {
      width: 100%;
      padding: 0 0 10px 0;
      background: none; }
      #main .sidebar hr {
        display: none; }
      #main .sidebar .item {
        width: 25%;
        padding: 10px;
        float: left; }
        #main .sidebar .item.find-vehicle h2 {
          margin-top: 10px; }
        #main .sidebar .item.find-vehicle .col {
          width: 50%;
          padding-right: 15px; }
        #main .sidebar .item.find-vehicle {
          display: none; }
      #main .sidebar form.item {
        width: 100%; }
      #main .sidebar.float-right {
        float: left !important; }
      #main .sidebar .item.subnav {
        width: 100%;
        padding: 0; }
        #main .sidebar .item.subnav ul {
          width: 100%;
          padding: 0;
          margin: 0;
          text-align: center; }
          #main .sidebar .item.subnav ul li {
            display: inline-block; }
            #main .sidebar .item.subnav ul li a {
              display: block;
              padding: 5px; }
              #main .sidebar .item.subnav ul li a .fa-li {
                position: static; }

  /*** Footer ***/
  #footer {
    padding: 20px; }
    #footer .col {
      width: 100%;
      padding: 0 0 15px 0;
      margin: 0 0 15px 0;
      border-bottom: 1px solid #444444; }
    #footer .row {
      border: none;
      padding: 0; } }
@media only screen and (max-width: 815px) {
  /*** Main ***/
  #main ul.products li:nth-child(3n-1) {
    clear: both; } }
@media only screen and (max-width: 650px) {
  /*** Forms ***/
  form fieldset {
    width: 100% !important;
    margin-right: 0 !important; }
  form .cell {
    width: 100% !important; }
  form input, form select, form textarea {
    width: 100%; }

  /*** Header ***/
  #header {
    padding: 15px 15px 0 15px; }
    #header .tagline {
      display: none; }
    #header nav.models,
    #header nav.parts {
      display: none; }
    #header select.mobile {
      display: block; }

  /*** Main ***/
  #main .sidebar .item {
    width: 50%; }

  /*** Home Page ***/
  #main .primary.home #banner {
    margin-top: -15px; }

  /*** Referral Program ***/
  body.referral-program #main .content {
    margin-top: 0; }
  body.referral-program #main .above-content-box {
    margin-top: 20px;
    padding: 15px;
    background: white url(../img/referral-program-bkgd.png) center bottom no-repeat; }
    body.referral-program #main .above-content-box h1.sign {
      width: 252px;
      height: 218px;
      padding: 20px 0 0 25px;
      margin: -30px 0 20px -30px;
      position: static; }
    body.referral-program #main .above-content-box h2.earn-rewards {
      width: 100%;
      margin: 0 0 10px 0;
      font-size: 2em;
      text-align: center; }
      body.referral-program #main .above-content-box h2.earn-rewards span {
        display: inline;
        padding-left: 0; }
    body.referral-program #main .above-content-box .get-started {
      display: block;
      width: 100%;
      margin: 0 0 20px 0;
      font-size: 1.6em; }
    body.referral-program #main .above-content-box h2.how-it-works {
      margin-left: 10px; }
    body.referral-program #main .above-content-box ol.ol {
      padding: 0;
      margin-left: 10px; }
    body.referral-program #main .above-content-box a.btn {
      display: inline-block;
      float: none !important;
      margin-right: 10px; }
    body.referral-program #main .above-content-box .or {
      float: none;
      padding: 20px 10px 0 0; } }
@media only screen and (max-width: 620px) {
  /*** Typography ***/
  .hl-1 {
    font-size: 1.4em !important; }

  /*** Live Chat ***/
  #comm100-float-button-2 {
    display: none; }

  /*** Main ***/
  #main .breadcrumbs {
    display: none; }
  #main ul.products li:nth-child(2n-1) {
    clear: both; }

  /*** Home Page ***/
  #main .primary.home .content .parts-section .parts {
    text-align: center; }
    #main .primary.home .content .parts-section .parts li {
      width: 50%;
      margin: 0 0 20px 0;
      padding-left: 15px;
      padding-right: 15px; }
      #main .primary.home .content .parts-section .parts li:nth-child(2n+1) {
        clear: both; }

  /*** Product Detail Page ***/
  #main .primary.product-detail .west .images {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
    #main .primary.product-detail .west .images .img a.enlarge {
      margin-bottom: 0; }
      #main .primary.product-detail .west .images .img a.enlarge .enlarge-label {
        display: none; }
  #main .primary.product-detail .west .also-purchased,
  #main .primary.product-detail .west .mopar-info {
    display: none; }
  #main .primary.product-detail .east .item {
    padding-left: 0;
    padding-right: 0; }

  /*** Ordering/Shopping Cart ***/
  #main .primary.order .secure-checkout {
    margin-left: 0;
    font-size: 1em; }
  #main .primary.order table.cart {
    width: 100%;
    margin-bottom: 15px; }
    #main .primary.order table.cart thead {
      display: none; }
    #main .primary.order table.cart tr {
      display: block;
      width: 100%;
      float: left; }
    #main .primary.order table.cart td {
      display: block;
      float: left; }
      #main .primary.order table.cart td.img {
        width: 20%; }
      #main .primary.order table.cart td.description {
        width: 80%; }
      #main .primary.order table.cart td.unit-cost {
        display: none; }
      #main .primary.order table.cart td.qty {
        width: 30%;
        clear: left; }
        #main .primary.order table.cart td.qty label {
          display: inline-block; }
      #main .primary.order table.cart td.item-total {
        width: 50%;
        padding-top: 10px; }
        #main .primary.order table.cart td.item-total .label {
          display: inline-block; }
      #main .primary.order table.cart td.icons {
        width: 20%; }
    #main .primary.order table.cart.simple td.description {
      width: 100%; }
    #main .primary.order table.cart.simple td.quantity {
      width: 30%;
      clear: left; }
      #main .primary.order table.cart.simple td.quantity .label {
        display: inline-block; }
    #main .primary.order table.cart.simple td.total {
      width: 70%; }
      #main .primary.order table.cart.simple td.total .label {
        display: inline-block; }
    #main .primary.order table.cart.simple tfoot td.label {
      width: 75%; }
    #main .primary.order table.cart.simple tfoot td.charge {
      width: 25%; }
  #main .primary.order #upsale-box,
  #main .primary.order #shipping-estimate {
    display: none; }

  /*** Viewing an Order's Details ***/
  #main .primary.order-view .n .payment-info {
    width: 100%;
    padding-right: 0; }
    #main .primary.order-view .n .payment-info .order-total-box {
      width: 100%;
      margin: 0 0 15px 0;
      color: #c13422;
      font-size: 1.1em;
      font-weight: bold; }
  #main .primary.order-view .n .shopping-cart {
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
    border-left: none;
    border-top: 1px solid #444444; }
    #main .primary.order-view .n .shopping-cart .shipping-logo {
      max-height: 50px; }
  #main .primary.order-view .sw,
  #main .primary.order-view .se {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }

  .print-text {
    display: none; } }
@media only screen and (max-width: 420px) {
  body.placard {
    padding: 20px; }
    body.placard #wrapper {
      min-width: 0;
      padding: 30px 20px; } }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

.clear {
  clear: both; }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

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

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }