@charset "utf-8";
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Base (mobile first) Stylesheet
******************************************************************/
/* @charset needs to be declared for icon fonts to work */
/*********************
PULL IN OUR SASS VARIABLES, MIXINS, ETC. IN _utilities.scss
*********************/
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Utilities (variables and Mixins)
******************************************************************/
/******************************************************************
VARIABLES
******************************************************************/
/*the widest your content will display*/
/*the amount of screen your content will take up on smaller screens*/
/*TIP: the variables of $red, $green, $blue and $yellow are used in the styleguide, alerts, etc. So you should always have them defined here. If the client branding has reds, blues, greens or yellows you can adjust the values below to match the client colors or add them seperately like $clientname-red, $clientname-green, etc.
The variables of $grey. $medium-grey, and $light-grey are also used across the site so I would keep those although they can be adjusted to match the grey tones of the client brand as well */
/*replace with the client font defined in _typography.scss*/
/*replace with the client font defined in _typography.scss*/
/*basic sans serif stack*/
/*basic serif stack*/
/*see fontello.com*/
/*for consisent bottom margin of elements with same font-size as body*/
/* base size of html is set to 62.5%, so 1.333em = 20px*/
/*15px*/
/*5px*/
/*10px*/
/*12.5px*/
/*15px*/
/*20px*/
/*25px*/
/*30px*/
/*40px*/
/******************************************************************
FILE PATHS
******************************************************************/
/* path to images the client will not be editing (relative from stylesheet)*/
/* path to images the client may edit (relative from stylesheet) */
/* path to web fonts (relative from stylesheet) */
/******************************************************************
MIXINS
******************************************************************/
/*for main content container(s)*/
/* visually hidden is for things you dont want to show onscreen but can still be useful to screen readers for the disabled */
/*sizes fonts to rems with a pixel backup for IE8*/
/*border-radius*/
/*apply the default icon style for before and after elements as defined in _typography.scss*/
/* USAGE: @include gradient($grey,$white); */
/* USAGE: @include hard-gradient($grey,$white); */
/*for applying rgba(transparent) backgrounds with a hex backup for older browsers*/
/* USAGE: @include background-opacity($grey,.5);*/
/*applies light (bottom) emboss effect for dark copy on colored backgrounds*/
/*applies dark (top) emboss effect for light copy on colored backgrounds*/
/*generic text shadow*/
/*box shadows*/
/*generic transition effect*/
/*USAGE: @include transition(all 0.2s ease-in-out);*/
/*********************
NORMALIZE THINGS CROSS BROWSER IN _normalize.scss
*********************/
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, scss/_normalize.scss */
audio,
canvas,
video {
    display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, scss/_normalize.scss */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
/* line 79, scss/_normalize.scss */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 91, scss/_normalize.scss */
a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 99, scss/_normalize.scss */
a:focus {
    outline: thin dotted;
}

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

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 177, scss/_normalize.scss */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 186, scss/_normalize.scss */
pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 194, scss/_normalize.scss */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

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

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

/* line 218, scss/_normalize.scss */
sup {
    top: -0.5em;
}

/* line 222, scss/_normalize.scss */
sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 234, scss/_normalize.scss */
img {
    border: 0;
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 254, scss/_normalize.scss */
figure {
    margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 293, scss/_normalize.scss */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 308, scss/_normalize.scss */
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 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 320, scss/_normalize.scss */
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.
 */
/* line 335, scss/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 357, scss/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 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).
 */
/* line 370, scss/_normalize.scss */
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.
 */
/* line 385, scss/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

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

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 419, scss/_normalize.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*********************
FONTS, ICONS, ETC. IN _typography.scss
*********************/
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Print Stylesheet
******************************************************************/
@font-face {
    font-family: 'fontello';
    src: url("webFonts/fontello.eot");
    src: url("webFonts/fontello.eot?#iefix") format("embedded-opentype"), url("webFonts/fontello.woff") format("woff"), url("webFonts/fontello.ttf") format("truetype"), url("webFonts/fontello.svg#webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd-Roman';
    src: url("webFonts/29A739_1_0.eot");
    src: url("webFonts/29A739_1_0.eot?#iefix") format("embedded-opentype"), url("webFonts/29A739_1_0.woff") format("woff"), url("webFonts/29A739_1_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd-Cn';
    src: url("webFonts/29A739_2_0.eot");
    src: url("webFonts/29A739_2_0.eot?#iefix") format("embedded-opentype"), url("webFonts/29A739_2_0.woff") format("woff"), url("webFonts/29A739_2_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLT-BoldCond';
    src: url("webFonts/29A739_C_0.eot");
    src: url("webFonts/29A739_C_0.eot?#iefix") format("embedded-opentype"), url("webFonts/29A739_C_0.woff") format("woff"), url("webFonts/29A739_C_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITCAvantGardeStd-Bk';
    src: url("webFonts/29A739_5_0.eot");
    src: url("webFonts/29A739_5_0.eot?#iefix") format("embedded-opentype"), url("webFonts/29A739_5_0.woff") format("woff"), url("webFonts/29A739_5_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITCAvantGardeStd-MdCn';
    src: url("webFonts/29A739_8_0.eot");
    src: url("webFonts/29A739_8_0.eot?#iefix") format("embedded-opentype"), url("webFonts/29A739_B_0.woff") format("woff"), url("webFonts/29A739_8_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITCAvantGardeStd-Demi';
    src: url("webFonts/29A739_9_0.eot");
    src: url("webFonts/29A739_9_0.eot?#iefix") format("embedded-opentype"), url("webFonts/29A739_B_0.woff") format("woff"), url("webFonts/29A739_9_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* line 62, scss/_typography.scss */
b, strong {
    font-weight: bold;
}

/*styles when user selects text*/
/* line 67, scss/_typography.scss */
::-moz-selection {
    background: #079bd5;
    text-shadow: none;
    color: white;
}

/* line 73, scss/_typography.scss */
::selection {
    background: #079bd5;
    text-shadow: none;
    color: white;
}

/* line 79, scss/_typography.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 0.5em;
    margin-top: 1em;
    /*make sure the color of the heading stays the same if it contains a link*/
}
/* line 85, scss/_typography.scss */
h1.bold, h1 .b, h1 strong, .h1.bold, .h1 .b, .h1 strong, h2.bold, h2 .b, h2 strong, .h2.bold, .h2 .b, .h2 strong, h3.bold, h3 .b, h3 strong, .h3.bold, .h3 .b, .h3 strong, h4.bold, h4 .b, h4 strong, .h4.bold, .h4 .b, .h4 strong, h5.bold, h5 .b, h5 strong, .h5.bold, .h5 .b, .h5 strong, h6.bold, h6 .b, h6 strong, .h6.bold, .h6 .b, .h6 strong {
    font-weight: bold;
}
/* line 88, scss/_typography.scss */
h1.border, .h1.border, h2.border, .h2.border, h3.border, .h3.border, h4.border, .h4.border, h5.border, .h5.border, h6.border, .h6.border {
    padding-bottom: 0.75em;
    border-bottom: 1px solid #d2d2d2;
}
/* line 89, scss/_typography.scss */
h1.in-context, .h1.in-context, h2.in-context, .h2.in-context, h3.in-context, .h3.in-context, h4.in-context, .h4.in-context, h5.in-context, .h5.in-context, h6.in-context, .h6.in-context {
    color: #525252;
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 0.25em;
}
/* line 90, scss/_typography.scss */
h1.in-context.no-margin, .h1.in-context.no-margin, h2.in-context.no-margin, .h2.in-context.no-margin, h3.in-context.no-margin, .h3.in-context.no-margin, h4.in-context.no-margin, .h4.in-context.no-margin, h5.in-context.no-margin, .h5.in-context.no-margin, h6.in-context.no-margin, .h6.in-context.no-margin {
    margin: 0;
}
/* line 92, scss/_typography.scss */
h1.cond-blue, .h1.cond-blue, h2.cond-blue, .h2.cond-blue, h3.cond-blue, .h3.cond-blue, h4.cond-blue, .h4.cond-blue, h5.cond-blue, .h5.cond-blue, h6.cond-blue, .h6.cond-blue {
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    color: #079bd5;
    font-weight: bold;
}
/* line 93, scss/_typography.scss */
h1.line, .h1.line, h2.line, .h2.line, h3.line, .h3.line, h4.line, .h4.line, h5.line, .h5.line, h6.line, .h6.line {
    background: white;
    display: inline-block;
    padding-right: 0.5em;
    position: relative;
}
/* line 94, scss/_typography.scss */
h1.headers-font-bold, .h1.headers-font-bold, h2.headers-font-bold, .h2.headers-font-bold, h3.headers-font-bold, .h3.headers-font-bold, h4.headers-font-bold, .h4.headers-font-bold, h5.headers-font-bold, .h5.headers-font-bold, h6.headers-font-bold, .h6.headers-font-bold {
    font-weight: normal;
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    letter-spacing: 0.01em;
}
/* line 96, scss/_typography.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: inherit;
}

/* place this span above h.line to create inline-block border */
/* line 99, scss/_typography.scss */
span.h-line {
    border-top: 1px solid gainsboro;
    position: absolute;
    top: 0.75em;
    width: 100%;
}

/* line 105, scss/_typography.scss */
h1, .h1 {
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
}

/* line 111, scss/_typography.scss */
h2, .h2 {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 1em;
}

/* line 116, scss/_typography.scss */
h3, .h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 1em;
    font-weight: bold;
}

/* line 122, scss/_typography.scss */
h4, .h4 {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 0.75em;
    font-weight: bold;
}

/* line 128, scss/_typography.scss */
h5, .h5 {
    font-size: 17px;
    font-size: 1.7rem;
    /*margin-bottom: 0.75em;*/
    font-weight: bold;
}

/* line 134, scss/_typography.scss */
h6, .h6 {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 0 0.5em 0;
    font-weight: bold;
}

/******************************************************************
ICONS
******************************************************************/
/* I use fontello.com as it is a very comrehensive icon library and you can build your own font with only the icons you need.
USAGE: Go to fontello.com, click the dropdown with the lil gear on it, click "import", upload the config.json file in Style Library/PageStyle/webfonts/, then just select/deselect the icons you need and download the webfont*/
/*IMPORTANT: These icons codes are usprinkled throughout the stylesheets. If you delete any you have to make sure they are not being used. Importing the config file and adding icons should be a breeze.*/
/* line 147, scss/_typography.scss */
[class^="icon"]:before, [class*=" icon"]:before, [class^="icon"]:after, [class*=" icon"]:after {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
}

/* line 162, scss/_typography.scss */
[class^="icon"]:before, [class*=" icon"]:before {
    margin: 0 0.25em 0 0;
}

/* line 166, scss/_typography.scss */
[class^="icon"]:after, [class*=" icon"]:after {
    margin: 0 0 0 0.25em;
}

/* line 170, scss/_typography.scss */
.icon-spin1:before {
    content: '\e830';
}

/* '' */
/* line 171, scss/_typography.scss */
.icon-th:before {
    content: '\e80b';
}

/* '' */
/* line 172, scss/_typography.scss */
.icon-user:before {
    content: '\e833';
}

/* '' */
/* line 173, scss/_typography.scss */
.icon-ok-circled-alt:before {
    content: '\e817';
}

/* '' */
/* line 174, scss/_typography.scss */
.icon-cancel-circled:before {
    content: '\e815';
}

/* '' */
/* line 175, scss/_typography.scss */
.icon-cancel-circled-alt:before {
    content: '\e803';
}

/* '' */
/* line 176, scss/_typography.scss */
.icon-home:before {
    content: '\2302';
}

/* '⌂' */
/* line 177, scss/_typography.scss */
.icon-lock:before {
    content: '🔒';
}

/* '\1f512' */
/* line 178, scss/_typography.scss */
.icon-tag:before {
    content: '\e82e';
}

/* '' */
/* line 179, scss/_typography.scss */
.icon-tags:before {
    content: '\e810';
}

/* '' */
/* line 180, scss/_typography.scss */
.icon-reply-all:before {
    content: '\e836';
}

/* '' */
/* line 181, scss/_typography.scss */
.icon-print:before {
    content: '\e716';
}

/* '' */
/* line 182, scss/_typography.scss */
.icon-chat:before {
    content: '\e806';
}

/* '' */
/* line 183, scss/_typography.scss */
.icon-attention-circled:before {
    content: '\e805';
}

/* '' */
/* line 184, scss/_typography.scss */
.icon-doc:before {
    content: '\e834';
}

/* '' */
/* line 185, scss/_typography.scss */
.icon-doc-text-inv:before {
    content: '\e835';
}

/* '' */
/* line 186, scss/_typography.scss */
.icon-rss:before {
    content: '\e807';
}

/* '' */
/* line 187, scss/_typography.scss */
.icon-phone:before {
    content: '\e832';
}

/* '' */
/* line 188, scss/_typography.scss */
.icon-wrench:before {
    content: '\e808';
}

/* '' */
/* line 189, scss/_typography.scss */
.icon-basket:before {
    content: '\e809';
}

/* '' */
/* line 190, scss/_typography.scss */
.icon-clock:before {
    content: '\e839';
}

/* '' */
/* line 191, scss/_typography.scss */
.icon-down-dir:before {
    content: '\e828';
}

/* '' */
/* line 192, scss/_typography.scss */
.icon-up-dir:before {
    content: '\e829';
}

/* '' */
/* line 193, scss/_typography.scss */
.icon-left-dir:before {
    content: '\e82a';
}

/* '' */
/* line 194, scss/_typography.scss */
.icon-right-dir:before {
    content: '\e82b';
}

/* '' */
/* line 195, scss/_typography.scss */
.icon-play-circled:before {
    content: '\e82c';
}

/* '' */
/* line 196, scss/_typography.scss */
.icon-globe:before {
    content: '\e81e';
}

/* '' */
/* line 197, scss/_typography.scss */
.icon-truck:before {
    content: '\e838';
}

/* '' */
/* line 198, scss/_typography.scss */
.icon-sort:before {
    content: '\e811';
}

/* '' */
/* line 199, scss/_typography.scss */
.icon-youtube:before {
    content: '\e81d';
}

/* '' */
/* line 200, scss/_typography.scss */
.icon-user-1:before {
    content: '\e800';
}

/* '' */
/* line 201, scss/_typography.scss */
.icon-th-list:before {
    content: '\e801';
}

/* '' */
/* line 202, scss/_typography.scss */
.icon-plus:before {
    content: '\2b';
}

/* '+' */
/* line 203, scss/_typography.scss */
.icon-mail:before {
    content: '\2709';
}

/* '✉' */
/* line 204, scss/_typography.scss */
.icon-minus:before {
    content: '\2d';
}

/* '-' */
/* line 205, scss/_typography.scss */
.icon-minus-circle:before {
    content: '\2796';
}

/* '➖' */
/* line 206, scss/_typography.scss */
.icon-help:before {
    content: '\e81a';
}

/* '' */
/* line 207, scss/_typography.scss */
.icon-help-circled:before {
    content: '\e704';
}

/* '' */
/* line 208, scss/_typography.scss */
.icon-download:before {
    content: '📥';
}

/* '\1f4e5' */
/* line 209, scss/_typography.scss */
.icon-calendar:before {
    content: '\e80f';
}

/* '' */
/* line 210, scss/_typography.scss */
.icon-down-open:before {
    content: '\e814';
}

/* '' */
/* line 211, scss/_typography.scss */
.icon-left-open:before {
    content: '\e82d';
}

/* '' */
/* line 212, scss/_typography.scss */
.icon-right-open:after {
    content: '\e82f';
}

/* '' */
/* line 213, scss/_typography.scss */
.icon-up-open:before {
    content: '\e831';
}

/* '' */
/* line 214, scss/_typography.scss */
.icon-down-open-mini:before {
    content: '\e820';
}

/* '' */
/* line 215, scss/_typography.scss */
.icon-left-open-mini:before {
    content: '\e821';
}

/* '' */
/* line 216, scss/_typography.scss */
.icon-right-open-mini:after {
    content: '\e822';
}

/* '' */
/* line 217, scss/_typography.scss */
.icon-up-open-mini:before {
    content: '\e823';
}

/* '' */
/* line 218, scss/_typography.scss */
.icon-down-open-big:before {
    content: '\e824';
}

/* '' */
/* line 219, scss/_typography.scss */
.icon-left-open-big:before {
    content: '\e825';
}

/* '' */
/* line 220, scss/_typography.scss */
.icon-right-open-big:after {
    content: '\e826';
}

/* '' */
/* line 221, scss/_typography.scss */
.icon-up-open-big:before {
    content: '\e827';
}

/* '' */
/* line 222, scss/_typography.scss */
.icon-facebook:before {
    content: '\e80c';
}

/* '' */
/* line 223, scss/_typography.scss */
.icon-pinterest:before {
    content: '\e80d';
}

/* '' */
/* line 224, scss/_typography.scss */
.icon-linkedin:before {
    content: '\e80e';
}

/* '' */
/* line 225, scss/_typography.scss */
.icon-instagram:before {
    content: '\e818';
}

/* '' */
/* line 226, scss/_typography.scss */
.icon-pencil:before {
    content: '\e802';
}

/* '' */
/* line 227, scss/_typography.scss */
.icon-quote-left:before {
    content: '\275d';
}

/* '❝' */
/* line 228, scss/_typography.scss */
.icon-search:before {
    content: '\2c';
}

/* ',' */
/* line 229, scss/_typography.scss */
.icon-zoom-in:before {
    content: '\e819';
}

/* '' */
/* line 230, scss/_typography.scss */
.icon-zoom-out:before {
    content: '\e81c';
}

/* '' */
/* line 231, scss/_typography.scss */
.icon-help-circled-alt:before {
    content: '\e816';
}

/* '' */
/* line 232, scss/_typography.scss */
.icon-info-circled-alt:before {
    content: '\e804';
}

/* '' */
/* line 233, scss/_typography.scss */
.icon-twitter:before {
    content: '\e812';
}

/* '' */
/* line 234, scss/_typography.scss */
.icon-star:before {
    content: '\e813';
}

/* '' */
/* line 235, scss/_typography.scss */
.icon-th-large:before {
    content: '\e80a';
}

/* '' */
/* line 236, scss/_typography.scss */
.icon-plus-circle:before {
    content: '\2795';
}

/* '➕' */
/*icon animation*/
/*Gives a spinning icon for loading messages etc*/
/* USAGE: <span class="animate-spin icon-spin1"></span> */
/* line 242, scss/_typography.scss */
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}
/* line 248, scss/_typography.scss */
.animate-spin:before, .animate-spin:after {
    margin: 0;
    font-size: inherit;
}

@-moz-keyframes spin {
    /* line 255, scss/_typography.scss */
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    /* line 261, scss/_typography.scss */
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    /* line 271, scss/_typography.scss */
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    /* line 277, scss/_typography.scss */
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    /* line 287, scss/_typography.scss */
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    /* line 293, scss/_typography.scss */
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    /* line 303, scss/_typography.scss */
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    /* line 309, scss/_typography.scss */
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    /* line 319, scss/_typography.scss */
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    /* line 325, scss/_typography.scss */
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/*********************
BASIC FORM STYLING IN _forms.scss
*********************/
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Forms Stylesheet
******************************************************************/
/*all this div does is make sure the form isnt too wide if it is the only thing on the page*/
/* line 8, scss/_forms.scss */
.form-container {
    max-width: 51.2em;
}
/* line 10, scss/_forms.scss */
.form-container.negative {
    margin-left: -1em;
}

/*{
  padding-left: $basic-spacing;
  padding-right: $basic-spacing;
  width: 100%;
}*/
/* line 19, scss/_forms.scss */
.expiry select {
    width: 45%;
    float: left;
}
/* line 20, scss/_forms.scss */
.expiry select ~ select {
    margin-left: 10%;
}

/* style the form elements*/
/* line 27, scss/_forms.scss */
input.formTextBox, input[type="text"], input[type="email"], input[type="date"], input[type="datetime"], input[type="datetimelocal"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], textarea, select {
    font-family: inherit;
    border: 1px solid #9f9f9f;
    padding: 0.5em;
    line-height: normal;
    width: 100%;
    background: #fdfdfd;
    color: #525252;
    margin-bottom: 1em;
    vertical-align: baseline;
    outline: none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
/* line 41, scss/_forms.scss */
input.formTextBox:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetimelocal"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    outline: none;
    border-color: gray;
}

/* line 48, scss/_forms.scss */
select {
    padding: .4375em;
    border-radius: 0;
    /*-webkit-box-shadow: 0 -7px 11px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 0 -7px 11px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 -7px 11px rgba(0, 0, 0, 0.05) inset;*/
    cursor: pointer;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: url("/Image%20Library/TemplateImages/select-arrow.png") no-repeat right center #fdfdfd;
    -webkit-background-size: contain;
    background-size: contain;
}

/*Stop webkit from applying (gross) default styles to the inputs for consistent styling*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* line 65, scss/_forms.scss */
    input, textarea, select {
        /*take off all default styles*/
        -webkit-appearance: none;
    }

    /*Fix the appearance of checkboxes and radios on webkit browsers since we just told it to take off all the default chrome*/
    /* line 71, scss/_forms.scss */
    input[type="radio"] {
        -webkit-appearance: radio;
        -webkit-border-radius: 50%;
    }
    /* line 75, scss/_forms.scss */
    input[type="checkbox"] {
        -webkit-appearance: checkbox;
        -webkit-border-radius: .15em;
    }

    /*Fix the appearance of selects on webkit browsers since we just told it to take off all the default chrome*/
    /* line 81, scss/_forms.scss */
    select {
        /*add the arrow image and also put a gradient that makes it look clickable*/
        background: url("/Image%20Library/TemplateImages/select-arrow.png") no-repeat right center white;
        /* size high res background so it's sharp on retina displays */
        border-radius: 0;
        -webkit-background-size: contain;
    }
}
/* line 90, scss/_forms.scss */
legend {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1em;
    background: white;
    color: #525252;
    clear: both;
    display: block;
    width: 100%;
    border-top: 1px solid gainsboro;
    /*label-style is when you need the legend to look like the form labels. Like if it needs to sit on fields with inline labels or multiple inputs like day/month/year dropdowns*/
}
/* line 101, scss/_forms.scss */
legend.grey {
    background: gainsboro;
    border: none;
}
/* line 102, scss/_forms.scss */
legend.spaced {
    margin: 1em 0 2em 0;
    padding: 0.75em 0 0.25em 0;
}
/* line 103, scss/_forms.scss */
legend.label-style {
    background: transparent;
    background: transparent;
    border: none;
    display: block;
    margin-bottom: .3em;
    font-weight: bold;
    color: #525252;
}

/* line 114, scss/_forms.scss */
label, .labelItems {
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    margin-bottom: .3em;
    font-weight: bold;
    color: #525252;
}
/* line 120, scss/_forms.scss */
label.normal, .labelItems.normal {
    font-weight: normal;
}
/* line 121, scss/_forms.scss */
label span, .labelItems span {
    font-weight: normal;
    font-size: 90%;
}

/* line 124, scss/_forms.scss */
fieldset {
    zoom: 1;
    border: none;
    padding: 0 0 0.75em 0;
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
}
/* line 102, scss/_utilities.scss */
fieldset:after {
    content: "";
    display: table;
    clear: both;
}

/* line 134, scss/_forms.scss */
.formCheckBox, .formRadioButton {
    padding: 0.25em auto 1em auto;
}
/* line 136, scss/_forms.scss */
.formCheckBox span, .formRadioButton span {
    margin: 0;
    display: inline-block;
}
/* line 139, scss/_forms.scss */
.formCheckBox span label, .formCheckBox span .labelItems, .formRadioButton span label, .formRadioButton span .labelItems {
    display: block !important;
    overflow: visible !important;
    height: 100% !important;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding: 0 .5em 0 1.75em;
    margin: 0;
    line-height: 1.2;
}
/* line 151, scss/_forms.scss */
.formCheckBox span input[type=checkbox], .formCheckBox span input[type=radio], .formRadioButton span input[type=checkbox], .formRadioButton span input[type=radio] {
    font-size: 1em;
    height: .75em;
    margin: .65em 0 0 .3em;
    padding: 0;
    vertical-align: top;
    width: .75em;
    background: transparent;
    position: absolute;
    z-index: 2;
    visibility: hidden;
    margin: 0;
}

/* line 167, scss/_forms.scss */
.formCheckBox label, .formCheckBox .labelItems {
    line-height: 1.4 !important;
}
/* line 169, scss/_forms.scss */
.formCheckBox label:before, .formCheckBox .labelItems:before {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    top: 18%;
    left: 2px;
    background: white;
    border: 1px solid gray;
    -webkit-box-shadow: inset 0 0 0 1px white;
    box-shadow: inset 0 0 0 1px white;
}
/* line 184, scss/_forms.scss */
.formCheckBox input[type=checkbox]:checked + label:before, .formCheckBox input[type=checkbox]:checked + .labelItems:before {
    background: #079bd5;
}
/* line 189, scss/_forms.scss */
.formCheckBox.check span:before {
    content: " ";
    background: url("/Image%20Library/TemplateImages/checkbox.png") no-repeat left top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    height: 18px;
    width: 18px;
}
/* line 202, scss/_forms.scss */
.formCheckBox.check span input[type=checkbox] {
    display: none;
}
/* line 203, scss/_forms.scss */
.formCheckBox.check span label, .formCheckBox.check span .labelItems {
    padding-left: 23px;
    vertical-align: top !important;
}
/* line 206, scss/_forms.scss */
.formCheckBox.check span label:before, .formCheckBox.check span .labelItems:before {
    display: none;
}
/* line 209, scss/_forms.scss */
.formCheckBox.check span.clicked:before {
    background-position: 0 -18px;
}

/* line 215, scss/_forms.scss */
.formRadioButton {
    padding: 0.25em 0;
}
/* line 218, scss/_forms.scss */
.formRadioButton span:before {
    content: " ";
    background: url("/Image%20Library/TemplateImages/radio-button.png") no-repeat left top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    height: 16px;
    width: 16px;
}
/* line 231, scss/_forms.scss */
.formRadioButton span input[type=radio] {
    display: none;
}
/* line 232, scss/_forms.scss */
.formRadioButton span label, .formRadioButton span .labelItems, .formRadioButton div.no-spacing label {
    padding-left: 21px;
    vertical-align: top !important;
}
/* line 236, scss/_forms.scss */
.formRadioButton span label span:before, .formRadioButton span .labelItems span:before {
    display: none;
}
/* line 237, scss/_forms.scss */
.formRadioButton span label span.shipping-radio, .formRadioButton span .labelItems span.shipping-radio {
    background: none;
    display: block;
}
/* line 241, scss/_forms.scss */
.formRadioButton span.clicked:before {
    background-position: 0 -16.85px;
}

/* line 246, scss/_forms.scss */
.formSubmit {
    padding: 1em 0;
    clear: both;
    /*border-top: 1px solid darken($light-grey,16%);*/
    text-align: left;
}

/*style the placeholder so it isnt so greyed out and can be used as a "label"*/
/* line 254, scss/_forms.scss */
::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

/* line 259, scss/_forms.scss */
:-moz-placeholder {
    color: inherit;
    opacity: 1;
}

/* line 264, scss/_forms.scss */
::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

/* line 269, scss/_forms.scss */
:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

/* line 274, scss/_forms.scss */
input[type="button"], input[type="submit"] {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    padding: .5em .75em;
    margin: 0 .5em;
    color: white;
    position: relative;
    overflow: hidden;
    /*can't use inline-block mixin because it adds vertical-align:top */
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    border: none;
}
/* line 288, scss/_forms.scss */
.no-touch input[type="button"]:hover, .no-touch input[type="submit"]:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 291, scss/_forms.scss */
input[type="button"].secondary, input[type="submit"].secondary {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    background: gray;
}
/* line 294, scss/_forms.scss */
.no-touch input[type="button"].secondary:hover, .no-touch input[type="submit"].secondary:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
    background: #9a9a9a;
}

/* line 300, scss/_forms.scss */
.form-error {
    color: #ee2f3a;
}
/* line 302, scss/_forms.scss */
.form-error input.formTextBox, .form-error input[type="text"], .form-error input[type="email"], .form-error input[type="date"], .form-error input[type="datetime"], .form-error input[type="datetimelocal"], .form-error input[type="month"], .form-error input[type="number"], .form-error input[type="password"], .form-error textarea, .form-error select, .form-error fieldset, .form-error .formCheckBox, .form-error .formRadioButton {
    margin-bottom: 0;
}
/* line 303, scss/_forms.scss */
.form-error span.error-message {
    display: inline-block;
    padding: 0.5em;
    margin: 0 0 1em 0;
    color: #ee2f3a;
}
/* line 309, scss/_forms.scss */
.form-error span.error-message:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e805';
    display: inline-block;
    margin-right: 0.75em;
}
/* line 316, scss/_forms.scss */
.form-error fieldset {
    padding-bottom: 0;
}
/* line 318, scss/_forms.scss */
.form-error .formRadioButton label, .form-error .formRadioButton .labelItems, .form-error .formCheckBox label, .form-error .formCheckBox .labelItems {
    color: #525252;
}
/* line 319, scss/_forms.scss */
.form-error .formRadioButton label:after, .form-error .formRadioButton .labelItems:after, .form-error .formCheckBox label:after, .form-error .formCheckBox .labelItems:after {
    display: none;
}

/*********************
THE BASE (MOBILE) STYLING FOR SITE ELEMENTS, GRID, ETC. IN _base-styles.scss
*********************/
/******************************************************************
Site Name:PNY
Author:Katie Murray / Eric Boyer - eCommerce Toolkit
Date: 3/10/2014
Stylesheet:Base Mobile Stylesheet

CONTENTS:
GLOBAL STYLES
LAYOUT & GRID
LINKS
BUTTONS
TYPOGRAPHY
ICONS
FIGURES & IMAGES
TABLES
GENERAL SITE ELEMENTS
HEADER
FOOTER
NAVIGATION
PAGE PART STYLES

******************************************************************/
/******************************************************************
GLOBAL STYLES
******************************************************************/
/*Make everything border-box so borders, padding, etc. arent computed into an element's size. Removing will break many pages and the grid.*/
/* line 31, scss/_base-styles.scss */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 37, scss/_base-styles.scss */
html {
    font-size: 62.5%;
    background: #f1f0eb;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    min-height: 100%;
}

/* line 45, scss/_base-styles.scss */
body {
    zoom: 1;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 0;
    width: 100%;
    background: white;
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif;
    /*Changing the value below will also effect all paddings/margins as they are em-based as well*/
    line-height: 1.275;
    color: #1a1a1a;
    /*Don't let the body collapse smaller than 320px*/
    min-width: 21.333em;
}
/* line 102, scss/_utilities.scss */
body:after {
    content: "";
    display: table;
    clear: both;
}
/* line 59, scss/_base-styles.scss */
body.grey {
    background-color: #f0f0f0;
}

/* line 62, scss/_base-styles.scss */
#main {
    margin-top: 2.5em;
}

/* line 64, scss/_base-styles.scss */
p, ol, ul, dl, address, article, p, ul {
    margin: 0 0 1.5em;
    line-height: 1.5;
}
/* line 67, scss/_base-styles.scss */
p.sm-margin, ol.sm-margin, ul.sm-margin, dl.sm-margin, address.sm-margin, article.sm-margin, p.sm-margin, ul.sm-margin {
    margin: 0 0 0.5em;
}

/* line 70, scss/_base-styles.scss */
hr {
    border: 1px solid #949494;
    border-style: none none solid;
    color: white;
    background: transparent;
    clear: both;
    margin: 0 0 1em 0;
}
/* line 77, scss/_base-styles.scss */
hr.light {
    border-color: gainsboro;
}
/* line 78, scss/_base-styles.scss */
hr.lg-space {
    margin: 0 0 2em 0;
}
/* line 79, scss/_base-styles.scss */
hr.thick {
    border-width: 2px;
}

/* line 82, scss/_base-styles.scss */
ul, ol {
    margin: 0 0 1em 0;
    padding: 0 0 0 2.5em;
}
/* line 85, scss/_base-styles.scss */
ul li, ol li {
    margin: 0.25em 0;
}

/* line 90, scss/_base-styles.scss */
ul {
    list-style-type: disc;
}
/* line 92, scss/_base-styles.scss */
ul.horizontal {
    padding: 0;
    list-style-type: none;
}
/* line 95, scss/_base-styles.scss */
ul.horizontal li {
    display: inline-block;
    margin: 0 1em 1em 0;
}
/* line 100, scss/_base-styles.scss */
ul.link-list {
    list-style-type: none;
    padding: 0;
}
/* line 103, scss/_base-styles.scss */
ul.link-list li {
    margin: 0 0 0.5em;
    padding-left: 1em;
    position: relative;
}
/* line 107, scss/_base-styles.scss */
ul.link-list li:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    width: auto;
    content: '\e82b';
    color: #bba168;
    position: absolute;
    left: 0;
    top: .1em;
}
/* line 116, scss/_base-styles.scss */
ul.link-list li a {
    display: block;
}
/* line 121, scss/_base-styles.scss */
ul.link-list.piped li {
    padding: 0;
    margin-right: -6px;
}
/* line 124, scss/_base-styles.scss */
ul.link-list.piped li:before {
    content: '|';
    color: gray;
    font-size: 150%;
}
/* line 129, scss/_base-styles.scss */
ul.link-list.piped li a {
    padding: 0 0.5em;
}
/* line 133, scss/_base-styles.scss */
ul.link-list.piped li:first-child a {
    padding-left: 0;
}
/* line 136, scss/_base-styles.scss */
ul.link-list.piped li:first-child:before {
    display: none;
}
/* line 143, scss/_base-styles.scss */
ul.no-bullets {
    list-style-type: none;
    padding: 0;
}

/* line 149, scss/_base-styles.scss */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: inherit;
    text-decoration: inherit;
}

/* line 151, scss/_base-styles.scss */
ol {
    list-style-type: decimal;
}

/* line 155, scss/_base-styles.scss */
dt, dd {
    color: gray;
    display: inline-block;
    width: 50%;
    margin: 0.25em 0;
}

/****************************************************************
  GENERAL LAYOUT
*********************/
/* line 165, scss/_base-styles.scss */
.wrap {
    margin: 0 auto;
    /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
    width: 95%;
    /*set max-width to the widest you want your content to display. default is set above in variables*/
    max-width: 80em;
    position: relative;
    zoom: 1;
    position: relative;
}
/* line 102, scss/_utilities.scss */
.wrap:after {
    content: "";
    display: table;
    clear: both;
}

/* line 171, scss/_base-styles.scss */
.row {
    zoom: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 80em;
    position: relative;
}
/* line 102, scss/_utilities.scss */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* line 182, scss/_base-styles.scss */
.row .row {
    width: auto;
    /*margin-left: -$basic-spacing;
  margin-right: -$basic-spacing;*/
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
}

/* line 191, scss/_base-styles.scss */
[class*=column] {
    position: relative;
    min-height: 1px;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    float: left;
}
/* line 198, scss/_base-styles.scss */
[class*=column].no-padd {
    padding-left: 0;
    padding-right: 0;
}

/****** GRIDE MEASUREMENTS ******/
/* line 202, scss/_base-styles.scss */
.xsm-1, .x-sm-1 {
    width: 4.16666666667%;
}

/* line 203, scss/_base-styles.scss */
.xsm-2, .x-sm-2 {
    width: 8.33333333333%;
}

/* line 204, scss/_base-styles.scss */
.xsm-3, .x-sm-3 {
    width: 12.5%;
}

/* line 205, scss/_base-styles.scss */
.xsm-4, .x-sm-4 {
    width: 16.6666666667%;
}

/* line 206, scss/_base-styles.scss */
.xsm-5, .x-sm-5 {
    width: 20.8333333333%;
}

/* line 207, scss/_base-styles.scss */
.xsm-6, .x-sm-6 {
    width: 25%;
}

/* line 208, scss/_base-styles.scss */
.xsm-7, .x-sm-7 {
    width: 29.1666666667%;
}

/* line 209, scss/_base-styles.scss */
.xsm-8, .x-sm-8 {
    width: 33.3333333333%;
}

/* line 210, scss/_base-styles.scss */
.xsm-9, .x-sm-9 {
    width: 37.5%;
}

/* line 211, scss/_base-styles.scss */
.xsm-10, .x-sm-10 {
    width: 41.6666666667%;
}

/* line 212, scss/_base-styles.scss */
.xsm-11, .x-sm-11 {
    width: 45.8333333333%;
}

/* line 213, scss/_base-styles.scss */
.xsm-12, .x-sm-12 {
    width: 50%;
}

/* line 214, scss/_base-styles.scss */
.xsm-13, .x-sm-13 {
    width: 54.1666666667%;
}

/* line 215, scss/_base-styles.scss */
.xsm-14, .x-sm-14 {
    width: 58.3333333333%;
}

/* line 216, scss/_base-styles.scss */
.xsm-15, .x-sm-15 {
    width: 62.5%;
}

/* line 217, scss/_base-styles.scss */
.xsm-16, .x-sm-16 {
    width: 66.6666666667%;
}

/* line 218, scss/_base-styles.scss */
.xsm-17, .x-sm-17 {
    width: 70.8333333333%;
}

/* line 219, scss/_base-styles.scss */
.xsm-18, .x-sm-18 {
    width: 75%;
}

/* line 220, scss/_base-styles.scss */
.xsm-19, .x-sm-19 {
    width: 79.1666666667%;
}

/* line 221, scss/_base-styles.scss */
.xsm-20, .x-sm-20 {
    width: 83.3333333333%;
}

/* line 222, scss/_base-styles.scss */
.xsm-21, .x-sm-21 {
    width: 87.5%;
}

/* line 223, scss/_base-styles.scss */
.xsm-22, .x-sm-22 {
    width: 91.6666666667%;
}

/* line 224, scss/_base-styles.scss */
.xsm-23, .x-sm-23 {
    width: 95.8333333333%;
}

/* line 225, scss/_base-styles.scss */
.xsm-24, .x-sm-24 {
    width: 100%;
}

/* show and hide elements based on screen size */
/* line 232, scss/_base-styles.scss */
.show-x-sm,
.show-sm-down,
.show-med-down,
.show-lg-down {
    display: inherit !important;
}

/* line 238, scss/_base-styles.scss */
.show-sm,
.show-sm-up,
.show-med,
.show-med-up,
.show-lg {
    display: none !important;
}

/* line 244, scss/_base-styles.scss */
.hide-sm,
.hide-sm-up,
.hide-med,
.hide-med-up,
.hide-lg {
    display: inherit !important;
}

/* line 248, scss/_base-styles.scss */
.hide-x-sm,
.hide-sm-down,
.hide-med-down {
    display: none !important;
}

/* line 250, scss/_base-styles.scss */
.touch .show-for-touch {
    display: inherit !important;
}

/* line 252, scss/_base-styles.scss */
.no-touch .show-for-touch {
    display: none !important;
}

/* line 254, scss/_base-styles.scss */
.touch .hide-for-touch {
    display: none !important;
}

/* line 256, scss/_base-styles.scss */
.no-touch .hide-for-touch {
    display: inherit !important;
}

/* line 258, scss/_base-styles.scss */
.login-account {
    margin-bottom: 4em;
}

/* line 260, scss/_base-styles.scss */
.product-line {
    padding: 0;
    margin-bottom: 2em;
}

/****************************************************************
  LINKS STYLES
*********************/
/* line 266, scss/_base-styles.scss */
a {
    color: #079bd5;
    text-decoration: none;
    cursor: pointer;
}
/* line 270, scss/_base-styles.scss */
.no-touch a:hover {
    text-decoration: none;
    color: #18b8f7;
}
/* line 274, scss/_base-styles.scss */
a.white {
    color: white;
}
/* line 275, scss/_base-styles.scss */
a:link {
    /*highlights links on iPhones/iPads. Basically works like the :hover selector for mobile devices*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/* line 279, scss/_base-styles.scss */
a.play-link {
    color: #079bd5;
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}
/* line 283, scss/_base-styles.scss */
a.play-link:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    font-size: 27px;
    font-size: 2.7rem;
    content: '\e82c';
    margin-right: 0.25em;
    vertical-align: -0.1em;
}

/* line 292, scss/_base-styles.scss */
.remove {
    color: #525252;
}
/* line 294, scss/_base-styles.scss */
.remove.link {
    color: #079bd5;
}
/* line 295, scss/_base-styles.scss */
.remove.inverse {
    color: #079bd5;
}
/* line 297, scss/_base-styles.scss */
.remove.inverse:before {
    color: gray;
}
/* line 299, scss/_base-styles.scss */
.remove:before {
    color: #079bd5;
}
/* line 300, scss/_base-styles.scss */
.no-touch .remove:hover {
    color: #525252;
}
/* line 302, scss/_base-styles.scss */
.no-touch .remove:hover:before {
    color: #ee2f3a;
}

/*hide telephone number links in non-touch browsers. The pointer events could affect how skype users etc interact but I havent tested that.*/
/* line 307, scss/_base-styles.scss */
.no-touch a[href^="tel"], .no-touch a[href^="tel"]:hover {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
}

/*floating "back to top" link*/
/* line 315, scss/_base-styles.scss */
.back-to-top {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    background: #079bd5;
    color: white;
    display: none;
    position: fixed;
    bottom: 1em;
    right: 1em;
    width: 3em;
    height: 3em;
    z-index: 1001;
    text-align: center;
}
/* line 327, scss/_base-styles.scss */
.back-to-top:before {
    content: '\e827';
    font-family: "fontello";
    font-size: 30px;
    font-size: 3rem;
    vertical-align: -0.1em;
}
/* line 333, scss/_base-styles.scss */
.no-touch .back-to-top:hover {
    color: white;
    text-decoration: none;
}

/****************************************************************
  BUTTON STYLES
*********************/
/* line 342, scss/_base-styles.scss */
a.button-link {
    background: gainsboro;
    background: -webkit-gradient(linear, left top 30%, left bottom, from(white), to(gainsboro));
    background: -webkit-linear-gradient(top, white 30%, gainsboro);
    background: -moz-linear-gradient(top, white 30%, gainsboro);
    background: -o-linear-gradient(top, white 30%, gainsboro);
    background: linear-gradient(to bottom, #ffffff 30%, #dcdcdc);
    color: #1a1a1a;
    border: 1px solid #aeaeae;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0.5em 1em;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}
/* line 352, scss/_base-styles.scss */
.no-touch a.button-link:hover {
    background: white;
    background: -webkit-gradient(linear, left top 30%, left bottom, from(gainsboro), to(white));
    background: -webkit-linear-gradient(top, gainsboro 30%, white);
    background: -moz-linear-gradient(top, gainsboro 30%, white);
    background: -o-linear-gradient(top, gainsboro 30%, white);
    background: linear-gradient(to bottom, #dcdcdc 30%, #ffffff);
    color: #1a1a1a;
}
/* line 355, scss/_base-styles.scss */
a.button-link.small {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0.25em 0.5em;
    font-weight: normal;
}
/* line 360, scss/_base-styles.scss */
a.button-link.large {
    font-size: 17.5px;
    font-size: 1.75rem;
    padding: 0.5em 1.5em;
}
/* line 364, scss/_base-styles.scss */
a.button-link.inline {
    padding: .2em .7em;
    font-size: 90%;
}
/* line 368, scss/_base-styles.scss */
a.button-link.full-width {
    width: 100%;
}
/* line 371, scss/_base-styles.scss */
a.button-link.primary {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
}
/* line 373, scss/_base-styles.scss */
.no-touch a.button-link.primary:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 377, scss/_base-styles.scss */
a.button-link.secondary, a.button-link.no-stock {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    background: gray;
}
/* line 380, scss/_base-styles.scss */
a.button-link.secondary.light, a.button-link.no-stock.light {
    background: #f0f0f0;
    color: gray;
    font-weight: normal;
}
/* line 381, scss/_base-styles.scss */
.no-touch a.button-link.secondary:hover, .no-touch a.button-link.no-stock:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 385, scss/_base-styles.scss */
a.button-link.gold {
    background: #bba168;
}
/* line 386, scss/_base-styles.scss */
.no-touch a.button-link.gold:hover {
    background: #cbb78b;
}
/* line 390, scss/_base-styles.scss */
a.button-link.bw-inverse {
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    background: white;
    color: black;
    font-weight: normal;
    border: none;
}
/* line 392, scss/_base-styles.scss */
.no-touch a.button-link.bw-inverse:hover {
    background: #e1e1e1;
    color: black;
    border: none;
}
/* line 396, scss/_base-styles.scss */
a.button-link.bw {
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    background: black;
    color: white;
    font-weight: normal;
    border: none;
}
/* line 398, scss/_base-styles.scss */
.no-touch a.button-link.bw:hover {
    background: #313131;
    color: white;
    border: none;
}
/* line 402, scss/_base-styles.scss */
a.button-link.fancy {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    border-color: white;
}

/****************************************************************
  BLOCKQUOTE, LABEL, BADGE, TAG STYLES
*********************/
/* line 412, scss/_base-styles.scss */
blockquote, blockquote.left, blockquote.right {
    float: none;
    display: block;
    border-bottom: 1px solid #525252;
    margin-bottom: 1em;
    position: relative;
    padding: 0 1em 0 4em;
    font-style: italic;
    color: #404040;
    text-align: justify;
    /*add the quotation marks*/
}
/* line 423, scss/_base-styles.scss */
blockquote:before, blockquote.left:before, blockquote.right:before {
    content: '\275d';
    background: #f0f0f0;
    border-radius: 50%;
    color: gray;
    display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    height: 1em;
    line-height: 1;
    padding: .75em;
    width: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

/* spinning font character from fontello:<p class="loading"><span class="animate-spin icon-spin1"></span></p> */
/* line 443, scss/_base-styles.scss */
.loading {
    display: inline-block;
    background: gray;
    background: rgba(128, 128, 128, 0.7);
    border-radius: 6px;
    font-size: 30px;
    font-size: 3rem;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    text-align: center;
    color: white;
    line-height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1em;
    margin-top: -1em;
    height: 2em;
    width: 2em;
    padding: .5em 0;
}

/* line 462, scss/_base-styles.scss */
.alert {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    color: white;
    padding: .2em;
    border: 2px solid #ed212d;
    background: #ee2f3a;
}
/* line 468, scss/_base-styles.scss */
.alert:before {
    font-size: 140%;
    margin-right: .5em;
}
/* line 472, scss/_base-styles.scss */
.alert.yellow {
    background: #f9b106;
    border: 2px solid #eaa606;
}
/* line 476, scss/_base-styles.scss */
.alert.green {
    background: #42be2a;
    border: 2px solid #3eb127;
}

/* line 482, scss/_base-styles.scss */
.label {
    display: inline-block;
    padding: .133em .267em;
    font-size: 86.66666666666667%;
    line-height: 1;
    color: #1a1a1a;
    white-space: nowrap;
    vertical-align: baseline;
    background: white;
}
/* line 492, scss/_base-styles.scss */
.label.close:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e815';
    vertical-align: 0;
    color: #079bd5;
    margin-right: 0.25em;
}
/* line 499, scss/_base-styles.scss */
.label.close:hover {
    color: gray;
}
/* line 501, scss/_base-styles.scss */
.label.close:hover:before {
    color: #18b8f7;
}

/* line 506, scss/_base-styles.scss */
.badge {
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    background: #bba168;
    border-radius: 50%;
    color: white;
    display: inline-block;
    padding: .133em .267em;
    font-size: 98%;
    text-transform: uppercase;
    line-height: 2.75;
    white-space: nowrap;
    position: absolute;
    height: 3em;
    width: 3em;
    top: 0;
    right: 2em;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}
/* line 525, scss/_base-styles.scss */
.badge.sale {
    background: #ee2f3a;
}
/* line 526, scss/_base-styles.scss */
.badge.hp {
    background: url("/Image Library/TemplateImages/hp-badge.png") transparent no-repeat;
    background-size: contain;
}

/* line 529, scss/_base-styles.scss */
.tags {
    list-style: none;
    padding: 0;
    margin: 0 0 1em 0;
}
/* line 533, scss/_base-styles.scss */
.tags li {
    display: inline-block;
    margin: .3em;
}
/* line 536, scss/_base-styles.scss */
.tags li a {
    font-size: 14px;
    font-size: 1.4rem;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    padding: .2em .4em;
    line-height: 1;
    color: white;
    white-space: nowrap;
    vertical-align: baseline;
    background: gray;
    border-radius: 2px;
}
/* line 546, scss/_base-styles.scss */
.tags li a:hover {
    color: white;
    text-decoration: none;
    background: #313131;
}

/****************************************************************
  FIGURE / IMG STYLES
*********************/
/* line 558, scss/_base-styles.scss */
img {
    border-width: 0;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    display: inline-block;
}

/* line 566, scss/_base-styles.scss */
figure {
    text-align: center;
    margin: 0 0 1em 0;
    position: relative;
    /*figures when embedding video. USAGE:<figure class="video"><iframe width="560" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/Sx_QTgx4nAI"></iframe></figure>*/
    /*image captions*/
}
/* line 570, scss/_base-styles.scss */
figure.left {
    float: left;
    margin: .35em 4% 4% 0;
    max-width: 35%;
}
/* line 575, scss/_base-styles.scss */
figure.right {
    float: right;
    margin: .35em 0 4% 4%;
    max-width: 35%;
}
/* line 581, scss/_base-styles.scss */
figure.video {
    position: relative;
    padding-top: 50%;
    height: 0;
}
/* line 585, scss/_base-styles.scss */
figure.video iframe, figure.video object, figure.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* line 594, scss/_base-styles.scss */
figure figcaption {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    display: block;
    color: gray;
    padding-bottom: 0.5em;
    line-height: 1.35;
    border-bottom: 1px solid gainsboro;
    margin-top: 0.5em;
    font-style: italic;
}

/* line 608, scss/_base-styles.scss */
.image-column figure.left ~ * {
    margin-left: 45%;
}
/* line 611, scss/_base-styles.scss */
.image-column figure.right ~ * {
    margin-right: 45%;
}

/* line 616, scss/_base-styles.scss */
p.message, p.message1 {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    font-size: 14px;
    font-size: 1.4rem;
    background: #fdfdfd;
    /*same background/border colors as form fields*/
    border: 1px solid #9f9f9f;
    padding: 0.75em;
    position: relative;
    /*take the bottom margin off the last element in the container so there is no extra whitespace*/
}

p.message1 {
}
/* line 624, scss/_base-styles.scss */
p.message:after, p.message1:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #454545;
}
/* line 636, scss/_base-styles.scss */
p.message .action-item, p.message1 .action-item {
    display: block;
    margin: 0.5em -0.5em -0.5em;
    padding: .5em;
    text-align: right;
    border-top: 1px dotted #525252;
}

/****************************************************************
  TABLES
*********************/
/*placing tables in the table-container div allows horizontal scrolling if the table overflows the page on small screens*/
/* line 650, scss/_base-styles.scss */
.table-container {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/*make sure when you style tables that you only target tables within the container for your pages. If you set global styles outside of your page container it will wreak havoc on iAPPS site editor*/
/* line 658, scss/_base-styles.scss */
[role="main"] table, .modalContent table {
    width: 100%;
    margin-bottom: 2em;
    border-collapse: collapse;
    background-color: transparent;
    font-size: 13px;
    font-size: 1.3rem;
    /*adds border to table. USAGE: <table class="table-bordered">*/
    /*adds zebra striping (every other row) to table. USAGE: <table class="table-striped">*/
}
/* line 664, scss/_base-styles.scss */
[role="main"] table.no-margin, .modalContent table.no-margin {
    margin-bottom: 0;
}
/* line 665, scss/_base-styles.scss */
[role="main"] table tr, .modalContent table tr {
/*add a background color when user hovers over a row to help with readability*/
}
/* line 666, scss/_base-styles.scss */
[role="main"] table tr th, [role="main"] table tr td, .modalContent table tr th, .modalContent table tr td {
    padding: .3em .5em .3em 0;
    vertical-align: top;
    text-align: left;
    -webkit-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    /*force ios to use the gpu to smooth out transitions. May be really choppy otherwise
  -webkit-transform: translateZ(0); This line actually creates line oddities in Chrome/Mac */
}
/* line 672, scss/_base-styles.scss */
[role="main"] table tr th, .modalContent table tr th {
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif;
    color: #525252;
    font-weight: bold;
    vertical-align: bottom;
}
/* line 677, scss/_base-styles.scss */
[role="main"] table tr th[scope="row"], .modalContent table tr th[scope="row"] {
    vertical-align: top;
    /*border-bottom: 1px solid $medium-grey;*/
    padding: .3em .3em .3em 0;
}
/* line 681, scss/_base-styles.scss */
[role="main"] table tr th[scope="row"] ~ td, .modalContent table tr th[scope="row"] ~ td {
    /*border-bottom: 1px solid $medium-grey;*/
    padding: .3em .3em .3em 0;
}
/* line 685, scss/_base-styles.scss */
[role="main"] table tr th[scope="row"]:after, .modalContent table tr th[scope="row"]:after {
    content: ":";
}
/* line 692, scss/_base-styles.scss */
/*PNY EDIT: REMOVE HOVER ON TABLE*/
/*.no-touch [role="main"] table tr:hover th, .no-touch [role="main"] table tr:hover td,*/ .no-touch .modalContent table tr:hover th, .no-touch .modalContent table tr:hover td {
    background: #f0f0f0 !important;
    color: #1a1a1a;
}
/* line 699, scss/_base-styles.scss */
[role="main"] table.table-bordered, .modalContent table.table-bordered {
    border: 1px solid black;
    border-left: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
/* line 704, scss/_base-styles.scss */
[role="main"] table.table-bordered th, [role="main"] table.table-bordered td, .modalContent table.table-bordered th, .modalContent table.table-bordered td {
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: none;
    padding-left: .5em;
}
/* line 710, scss/_base-styles.scss */
[role="main"] table.table-bordered thead:first-child tr:first-child th, [role="main"] table.table-bordered tbody:first-child tr:first-child th, [role="main"] table.table-bordered tbody:first-child tr:first-child td, .modalContent table.table-bordered thead:first-child tr:first-child th, .modalContent table.table-bordered tbody:first-child tr:first-child th, .modalContent table.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}
/* line 714, scss/_base-styles.scss */
[role="main"] table.table-outlined, .modalContent table.table-outlined {
    border: 1px solid black;
}
/* line 716, scss/_base-styles.scss */
[role="main"] table.table-outlined th, [role="main"] table.table-outlined td, .modalContent table.table-outlined th, .modalContent table.table-outlined td {
    border: none;
    padding: .3em .5em .3em 0;
}
/* line 717, scss/_base-styles.scss */
[role="main"] table.table-outlined.light, .modalContent table.table-outlined.light {
    border-color: gainsboro;
}
/* line 721, scss/_base-styles.scss */
[role="main"] table.table-striped tr:nth-child(odd) td, [role="main"] table.table-striped tr:nth-child(odd) th, .modalContent table.table-striped tr:nth-child(odd) td, .modalContent table.table-striped tr:nth-child(odd) th {
    background: #f0f0f0;
}
/* line 725, scss/_base-styles.scss */
[role="main"] table.table-dark, .modalContent table.table-dark {
    border-collapse: separate;
    background: #313131;
    color: white;
}
/* line 731, scss/_base-styles.scss */
[role="main"] table .confirmation-totals th, [role="main"] table .confirmation-totals td, .modalContent table .confirmation-totals th, .modalContent table .confirmation-totals td {
    text-align: right;
}
/* line 734, scss/_base-styles.scss */
[role="main"] table .confirmation-totals tr:last-child th, [role="main"] table .confirmation-totals tr:last-child td, .modalContent table .confirmation-totals tr:last-child th, .modalContent table .confirmation-totals tr:last-child td {
    font-weight: bold;
    background: #f0f0f0;
    padding: .5em;
    border-bottom-width: 0;
}
/* line 741, scss/_base-styles.scss */
[role="main"] table tbody + tbody, .modalContent table tbody + tbody {
    border-top: 2px solid gray;
}
/* line 744, scss/_base-styles.scss */
[role="main"] table .sale, .modalContent table .sale {
    color: #ee2f3a;
}
/* line 745, scss/_base-styles.scss */
[role="main"] table .total, .modalContent table .total {
    background: black;
    padding: 0.75em 0;
}
/* line 748, scss/_base-styles.scss */
[role="main"] table .total strong, .modalContent table .total strong {
    font-size: 130%;
}

/****************************************************************
  LIST-TO-TABLE - SHOPPING CART / WISHLIST CART
*********************/
/* line 756, scss/_base-styles.scss */
.list-to-table {
    margin-bottom: 1em;
    width: 100%;
}
/* line 759, scss/_base-styles.scss */
.list-to-table.no-margin {
    margin: 0;
}
/* line 760, scss/_base-styles.scss */
.list-to-table .list-item {
    padding: 0.5em 0;
    margin-bottom: 1em;
    border-bottom: 2px solid gainsboro;
}
/* line 761, scss/_base-styles.scss */
.list-to-table .list-item.list-headers {
    background: #f0f0f0;
    font-weight: bold;
    font-size: 90%;
    display: none;
}
/* line 765, scss/_base-styles.scss */
.list-to-table .list-item.list-headers.dark {
    background: gray;
    color: white;
}
/* line 774, scss/_base-styles.scss */
.list-to-table .list-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
/* line 775, scss/_base-styles.scss */
.list-to-table .list-item .list-block {
    padding: 0.25em 1em;
    vertical-align: middle;
}
/* line 778, scss/_base-styles.scss */
.list-to-table .list-item .list-block .date-time {
    width: 3em;
    margin-right: 0.5em;
}
/* line 780, scss/_base-styles.scss */
.list-to-table .list-item ul {
    margin: 0;
    padding-left: 0.75em;
}
/* line 781, scss/_base-styles.scss */
.list-to-table .list-item.full {
    padding: 0;
}
/* line 783, scss/_base-styles.scss */
.list-to-table .list-item.full .list-block {
    display: table-header-group;
}
/* line 785, scss/_base-styles.scss */
.list-to-table .list-item.full .list-block.light-grey {
    background: #f0f0f0;
}
/* line 789, scss/_base-styles.scss */
.list-to-table.bordered {
    border: 1px solid gainsboro;
    border-top: none;
    border-bottom: none;
}
/* line 790, scss/_base-styles.scss */
.list-to-table.align-top .list-block {
    vertical-align: top;
}
/* line 791, scss/_base-styles.scss */
.list-to-table.shopping-cart, .list-to-table.wishlist-cart, .list-to-table.order-history {
    border: 1px solid gainsboro;
}
/* line 794, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .header, .list-to-table.shopping-cart .wishlist-cart-inner .header, .list-to-table.shopping-cart .order-history-inner .header, .list-to-table.wishlist-cart .shopping-cart-inner .header, .list-to-table.wishlist-cart .wishlist-cart-inner .header, .list-to-table.wishlist-cart .order-history-inner .header, .list-to-table.order-history .shopping-cart-inner .header, .list-to-table.order-history .wishlist-cart-inner .header, .list-to-table.order-history .order-history-inner .header {
    display: none;
}
/* line 795, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item, .list-to-table.shopping-cart .wishlist-cart-inner .list-item, .list-to-table.shopping-cart .order-history-inner .list-item, .list-to-table.wishlist-cart .shopping-cart-inner .list-item, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item, .list-to-table.wishlist-cart .order-history-inner .list-item, .list-to-table.order-history .shopping-cart-inner .list-item, .list-to-table.order-history .wishlist-cart-inner .list-item, .list-to-table.order-history .order-history-inner .list-item {
    padding: 0;
    margin: 0;
    position: relative;
}
/* line 799, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block, .list-to-table.shopping-cart .order-history-inner .list-item .list-block, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block, .list-to-table.order-history .shopping-cart-inner .list-item .list-block, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block, .list-to-table.order-history .order-history-inner .list-item .list-block {
    zoom: 1;
    vertical-align: top;
    background: #f8f8f8;
    padding: 0.5em 1em;
    /*style the product details in the shopping cart*/
}
/* line 102, scss/_utilities.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:after, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block:after, .list-to-table.shopping-cart .order-history-inner .list-item .list-block:after, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block:after, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block:after, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block:after, .list-to-table.order-history .shopping-cart-inner .list-item .list-block:after, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block:after, .list-to-table.order-history .order-history-inner .list-item .list-block:after {
    content: "";
    display: table;
    clear: both;
}
/* line 804, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block:first-child, .list-to-table.shopping-cart .order-history-inner .list-item .list-block:first-child, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block:first-child, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block:first-child, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block:first-child, .list-to-table.order-history .shopping-cart-inner .list-item .list-block:first-child, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block:first-child, .list-to-table.order-history .order-history-inner .list-item .list-block:first-child {
    text-align: center;
    border-left-width: 0;
    min-width: 65%;
    background: white;
}
/* line 809, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child img, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block:first-child img, .list-to-table.shopping-cart .order-history-inner .list-item .list-block:first-child img, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block:first-child img, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block:first-child img, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block:first-child img, .list-to-table.order-history .shopping-cart-inner .list-item .list-block:first-child img, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block:first-child img, .list-to-table.order-history .order-history-inner .list-item .list-block:first-child img {
    float: none;
    max-width: 100%;
}
/* line 813, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child p, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block:first-child p, .list-to-table.shopping-cart .order-history-inner .list-item .list-block:first-child p, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block:first-child p, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block:first-child p, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block:first-child p, .list-to-table.order-history .shopping-cart-inner .list-item .list-block:first-child p, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block:first-child p, .list-to-table.order-history .order-history-inner .list-item .list-block:first-child p {
    text-align: left;
    margin-bottom: .5em;
}
/* line 816, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child p.item-title a, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block:first-child p.item-title a, .list-to-table.shopping-cart .order-history-inner .list-item .list-block:first-child p.item-title a, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block:first-child p.item-title a, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block:first-child p.item-title a, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block:first-child p.item-title a, .list-to-table.order-history .shopping-cart-inner .list-item .list-block:first-child p.item-title a, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block:first-child p.item-title a, .list-to-table.order-history .order-history-inner .list-item .list-block:first-child p.item-title a {
    color: black;
    font-size: 135%;
}
/* line 820, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-tools, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block .product-tools, .list-to-table.shopping-cart .order-history-inner .list-item .list-block .product-tools, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block .product-tools, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block .product-tools, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block .product-tools, .list-to-table.order-history .shopping-cart-inner .list-item .list-block .product-tools, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block .product-tools, .list-to-table.order-history .order-history-inner .list-item .list-block .product-tools {
    text-align: left;
    margin: 0;
    display: inline-block;
}
/* line 824, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-tools .button-link, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block .product-tools .button-link, .list-to-table.shopping-cart .order-history-inner .list-item .list-block .product-tools .button-link, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block .product-tools .button-link, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block .product-tools .button-link, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block .product-tools .button-link, .list-to-table.order-history .shopping-cart-inner .list-item .list-block .product-tools .button-link, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block .product-tools .button-link, .list-to-table.order-history .order-history-inner .list-item .list-block .product-tools .button-link {
    padding: 0.25em 0.5em;
    white-space: nowrap;
}
/* line 829, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .item-label, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block .item-label, .list-to-table.shopping-cart .order-history-inner .list-item .list-block .item-label, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block .item-label, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block .item-label, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block .item-label, .list-to-table.order-history .shopping-cart-inner .list-item .list-block .item-label, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block .item-label, .list-to-table.order-history .order-history-inner .list-item .list-block .item-label {
    font-weight: bold;
    color: #525252;
}
/* line 833, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-count-wrap, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block .product-count-wrap, .list-to-table.shopping-cart .order-history-inner .list-item .list-block .product-count-wrap, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block .product-count-wrap, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block .product-count-wrap, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block .product-count-wrap, .list-to-table.order-history .shopping-cart-inner .list-item .list-block .product-count-wrap, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block .product-count-wrap, .list-to-table.order-history .order-history-inner .list-item .list-block .product-count-wrap {
    display: inline-block;
    white-space: nowrap;
    margin: 0 0.5em 0 0;
}
/* line 838, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .add-count, .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .subtract-count, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block .add-count, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .list-block .subtract-count, .list-to-table.shopping-cart .order-history-inner .list-item .list-block .add-count, .list-to-table.shopping-cart .order-history-inner .list-item .list-block .subtract-count, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block .add-count, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .list-block .subtract-count, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block .add-count, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .list-block .subtract-count, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block .add-count, .list-to-table.wishlist-cart .order-history-inner .list-item .list-block .subtract-count, .list-to-table.order-history .shopping-cart-inner .list-item .list-block .add-count, .list-to-table.order-history .shopping-cart-inner .list-item .list-block .subtract-count, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block .add-count, .list-to-table.order-history .wishlist-cart-inner .list-item .list-block .subtract-count, .list-to-table.order-history .order-history-inner .list-item .list-block .add-count, .list-to-table.order-history .order-history-inner .list-item .list-block .subtract-count {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: .167em;
    padding-bottom: .167em;
}
/* line 844, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item:last-child .list-block, .list-to-table.shopping-cart .wishlist-cart-inner .list-item:last-child .list-block, .list-to-table.shopping-cart .order-history-inner .list-item:last-child .list-block, .list-to-table.wishlist-cart .shopping-cart-inner .list-item:last-child .list-block, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item:last-child .list-block, .list-to-table.wishlist-cart .order-history-inner .list-item:last-child .list-block, .list-to-table.order-history .shopping-cart-inner .list-item:last-child .list-block, .list-to-table.order-history .wishlist-cart-inner .list-item:last-child .list-block, .list-to-table.order-history .order-history-inner .list-item:last-child .list-block {
    border-bottom-width: 0;
}
/* line 847, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .list-item .product-count, .list-to-table.shopping-cart .wishlist-cart-inner .list-item .product-count, .list-to-table.shopping-cart .order-history-inner .list-item .product-count, .list-to-table.wishlist-cart .shopping-cart-inner .list-item .product-count, .list-to-table.wishlist-cart .wishlist-cart-inner .list-item .product-count, .list-to-table.wishlist-cart .order-history-inner .list-item .product-count, .list-to-table.order-history .shopping-cart-inner .list-item .product-count, .list-to-table.order-history .wishlist-cart-inner .list-item .product-count, .list-to-table.order-history .order-history-inner .list-item .product-count {
    font-size: 16.3px;
    font-size: 1.63rem;
    height: 1.963em;
}
/* line 852, scss/_base-styles.scss */
.list-to-table.shopping-cart .shopping-cart-inner .remove, .list-to-table.shopping-cart .wishlist-cart-inner .remove, .list-to-table.shopping-cart .order-history-inner .remove, .list-to-table.wishlist-cart .shopping-cart-inner .remove, .list-to-table.wishlist-cart .wishlist-cart-inner .remove, .list-to-table.wishlist-cart .order-history-inner .remove, .list-to-table.order-history .shopping-cart-inner .remove, .list-to-table.order-history .wishlist-cart-inner .remove, .list-to-table.order-history .order-history-inner .remove {
    position: absolute;
    top: 1em;
    left: 1em;
}
/* line 854, scss/_base-styles.scss */
.list-to-table.shopping-cart .footer, .list-to-table.wishlist-cart .footer, .list-to-table.order-history .footer {
    background: #f0f0f0;
    text-align: right;
    border-top: 1px solid gainsboro;
}

/****************************************************************
  TABS / ACCORDION
*********************/
/* line 865, scss/_base-styles.scss */
ul.tabs {
    padding: 0;
    margin-bottom: 1em;
    /*style the tabs that turn into an accordion on mobile. USAGE:<ul class="tabs accordion">*/
    /*make the li's span available space*/
}
/* line 868, scss/_base-styles.scss */
ul.tabs > li {
    list-style: none;
    display: inline;
}
/* line 871, scss/_base-styles.scss */
ul.tabs > li > a {
    background: gray;
    color: white;
    font-weight: bold;
    padding: .7em 0.5em;
    cursor: pointer;
    display: inline-block;
    clear: both;
    position: relative;
    border-bottom-width: 0;
    /*hide the div immediately following the tab link that toggles it*/
    /*style the link when it is clicked and the js adds the class of .active*/
}
/* line 881, scss/_base-styles.scss */
.no-touch ul.tabs > li > a:hover {
    background: #079bd5;
    color: white;
}
/* line 886, scss/_base-styles.scss */
ul.tabs > li > a + div {
    display: none;
    width: 95%;
    padding: 1.5em 0 0 0;
    background: white;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 1em;
}
/* line 897, scss/_base-styles.scss */
ul.tabs > li > a.active {
    background: #079bd5;
    color: white;
    /*when the link gets the class of .active, show the div immediately following it*/
}
/* line 900, scss/_base-styles.scss */
.no-touch ul.tabs > li > a.active:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
    border-bottom-width: 0;
    cursor: default;
}
/* line 906, scss/_base-styles.scss */
ul.tabs > li > a.active + div {
    display: block;
    margin-bottom: 1em;
}
/* line 915, scss/_base-styles.scss */
ul.tabs.accordion > li {
    display: block;
}
/* line 917, scss/_base-styles.scss */
ul.tabs.accordion > li > a {
    display: block;
    margin-bottom: .2em;
    padding: 0.7em 1em;
    /*style the icon added by adding an icon-font class to the tab*/
    /*when active/expanded, change the icon*/
    /*take the top border off of the lower divs for accordion view*/
}
/* line 922, scss/_base-styles.scss */
ul.tabs.accordion > li > a:after {
    content: '\e814';
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    margin: 0;
    padding: 0.1em;
    position: absolute;
    right: 1em;
    top: .6em;
}
/* line 932, scss/_base-styles.scss */
ul.tabs.accordion > li > a.active:after {
    content: '\e831';
}
/* line 934, scss/_base-styles.scss */
ul.tabs.accordion > li > a + div {
    border: none;
    padding: 2em 1.5em;
    margin-bottom: 0;
}

/****************************************************************
  MODAL STYLES
*********************/
/* line 946, scss/_base-styles.scss */
.modalCover {
    position: fixed;
    left: 0;
    top: 0;
    width: 150%;
    height: 150%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1002;
}

/* line 956, scss/_base-styles.scss */
.modalContent {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
    display: none;
    background: #e3e3e3;
    background: -webkit-gradient(linear, left top 30%, left bottom, from(#fdfdfd), to(#e3e3e3));
    background: -webkit-linear-gradient(top, #fdfdfd 30%, #e3e3e3);
    background: -moz-linear-gradient(top, #fdfdfd 30%, #e3e3e3);
    background: -o-linear-gradient(top, #fdfdfd 30%, #e3e3e3);
    background: linear-gradient(to bottom, #fdfdfd 30%, #e3e3e3);
    position: fixed;
    top: 25%;
    z-index: 1003;
    padding: 0;
    min-width: 300px;
    max-width: 95%;
    max-height: 93%;
}

/* line 969, scss/_base-styles.scss */
.modalInner {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1em;
}
/* line 974, scss/_base-styles.scss */
.modalInner img {
    margin: 0 auto;
}

/* line 979, scss/_base-styles.scss */
a.modalClose {
    font-size: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    color: inherit;
    background: #f0f0f0;
    position: absolute;
    top: -2.85em;
    right: 0;
    padding: 0.5em 0.5em 0.5em 1em;
    line-height: 1;
}
/* line 989, scss/_base-styles.scss */
.no-touch a.modalClose:hover {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    background: #ee2f3a;
    color: white;
    text-decoration: none;
}
/* line 995, scss/_base-styles.scss */
a.modalClose:after {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    font-size: 20px;
    font-size: 2rem;
    vertical-align: -0.2em;
    content: '\2715';
    margin-left: 0.25em;
}

/* line 1004, scss/_base-styles.scss */
.modal_heading {
    background: #F7F7F7;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    padding: 10px;
}

/* line 1013, scss/_base-styles.scss */
.modal_heading h2 {
    margin: 0px;
}

/* line 1015, scss/_base-styles.scss */
.modal_content {
    padding: 10px;
    overflow: scroll;
    max-height: 350px;
}

/* line 1021, scss/_base-styles.scss */
.modal_footer {
    background: #F7F7F7;
    border-top: 1px solid #e7e7e7;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    padding: 10px;
}

/****************************************************************
  UNIVERSAL SHOW / HIDE SCRIPT
*********************/
/* When clicked (<a class="hiddenTriggerClick">) or hovered (<a class="hiddenTriggerHover") the proceeding hidden element with class of hiddenContent will toggle visibility. Common.js adds the class "active" to the trigger and "notHidden" to the hidden alement and the css below handles the visibilty.
USAGE:<a href="" class="hiddenTriggerClick">show stuff when this is clicked</a><div class="hiddenContent>I will show when that link above me is clicked</div>
*/
/* line 1036, scss/_base-styles.scss */
.hiddenTriggerClick, .hiddenTriggerHover {
    position: relative;
    color: #079bd5;
    cursor: pointer;
}

/* line 1042, scss/_base-styles.scss */
.hiddenContent {
    display: none;
    position: relative;
    z-index: 1;
}
/* line 1046, scss/_base-styles.scss */
.hiddenContent.notHidden {
    display: block;
}

/****************************************************************
  PAGINATION
*********************/
/*style the default iAPPS pagination*/
/* line 1054, scss/_base-styles.scss */
.pagination {
    overflow: hidden;
    margin-bottom: 1em;
    margin-top: 3em;
    line-height: 2em;
    text-align: center;
    position: relative;
}
/* line 1061, scss/_base-styles.scss */
.pagination b {
    display: none;
}
/* line 1062, scss/_base-styles.scss */
.pagination .pageNumbers {
    display: inline-block;
    padding: 1px;
}
/* line 1065, scss/_base-styles.scss */
.pagination .pageNumbers a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    margin-left: 1px;
    color: #079bd5;
}
/* line 1071, scss/_base-styles.scss */
.no-touch .pagination .pageNumbers a:hover {
    color: black;
    text-decoration: none;
}
/* line 1075, scss/_base-styles.scss */
.pagination .pageNumbers a:before {
    content: "|";
    color: #f0f0f0;
    margin: 0 0.5em;
}
/* line 1081, scss/_base-styles.scss */
.pagination .pageNumbers .current {
    color: black;
    font-weight: bold;
    padding-left: 0.25em;
    display: inline-block;
    margin-left: 1px;
}
/* line 1087, scss/_base-styles.scss */
.pagination .pageNumbers .current:before {
    display: none;
}
/* line 1089, scss/_base-styles.scss */
.pagination .pageNumbers .prev, .pagination .pageNumbers .next {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    width: 3em;
    text-align: center;
    padding: 0.25em;
    margin: 0;
    background: black;
}
/* line 1096, scss/_base-styles.scss */
.pagination .pageNumbers .prev:after, .pagination .pageNumbers .prev:before, .pagination .pageNumbers .next:after, .pagination .pageNumbers .next:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
}
/* line 1099, scss/_base-styles.scss */
.pagination .pageNumbers .prev.inactive, .pagination .pageNumbers .next.inactive {
    opacity: .5;
    pointer-events: none;
    cursor: default;
}
/* line 1104, scss/_base-styles.scss */
.pagination .pageNumbers .prev:hover, .pagination .pageNumbers .next:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 1107, scss/_base-styles.scss */
.pagination .pageNumbers .prev a:hover, .pagination .pageNumbers .next a:hover {
    color: white !important;
}
/* line 1110, scss/_base-styles.scss */
.pagination .pageNumbers .prev:before {
    content: '\e82d';
    margin: 0;
}
/* line 1115, scss/_base-styles.scss */
.pagination .pageNumbers .next {
    margin-left: 1em;
}
/* line 1117, scss/_base-styles.scss */
.pagination .pageNumbers .next:after {
    content: '\e82f';
}
/* line 1120, scss/_base-styles.scss */
.pagination .pageNumbers .next:before {
    display: none;
}

/****************************************************************
  HEADER
*********************/
/* line 1129, scss/_base-styles.scss */
.main-header {
    background: #313131;
}

/* Use a logo about 3x the size it needs to be for retina. Size it for mobile here. Re-adjust for desktop in _responsive.scss */
/* line 1132, scss/_base-styles.scss */
.main-logo {
    display: inline-block;
    /*this is the size you want the logo to be on desktop/large screens*/
    min-width: 75px;
    max-width: 150px;
    /*this is the percentage based width you want the logo to take up on smaller screens once the pixel value set above is more than the percentage value set below*/
    width: 50%;
    padding: 0.5em 1em;
}

/* line 1142, scss/_base-styles.scss */
.top-bar {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    padding: 0.35em 1em 0.3em 1em;
    line-height: 1;
    background: black;
    color: white;
    font-size: 11.5px;
    font-size: 1.15rem;
}

/* line 1151, scss/_base-styles.scss */
.utilities .promo-message {
    margin: 0;
    text-align: center;
}
/* line 1152, scss/_base-styles.scss */
.utilities .promo-message a {
    color: #bba168;
}
/* line 1154, scss/_base-styles.scss */
.utilities .utility-nav {
    display: none;
}
/* line 1155, scss/_base-styles.scss */
.utilities .header-shopping-cart {
    display: inline-block;
    position: absolute;
    right: 4em;
    transition: all 0.2s ease-in-out 0s;
}
/* line 1161, scss/_base-styles.scss */
.utilities .cart-info {
    position: relative;
    line-height: 2;
    color: white;
    cursor: pointer !important;
    font-family: "fontello";
    font-size: 30px;
    font-size: 3rem;
    padding: 0 0.5em;
    z-index: 10;
}
/* line 1170, scss/_base-styles.scss */
.no-touch .utilities .cart-info:hover {
    color: white;
}
/* line 1174, scss/_base-styles.scss */
.utilities span {
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif, "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    display: none;
}
/* line 1175, scss/_base-styles.scss */
.utilities .cart-summary {
    display: none;
    color: #1a1a1a;
}
/* line 1178, scss/_base-styles.scss */
.utilities .cart-summary .button-link + .button-link {
    margin-left: 0.5em;
}

/* line 1183, scss/_base-styles.scss */
.header-content {
    color: white;
    position: relative;
    min-height: 2.15em;
}

/* SDF - 06/25/2015 - added code below for header logo resize issue */
div.header-content img {
    width: 100%;
}

/* line 1189, scss/_base-styles.scss */
.header-banner {
    width: 100%;
}
/* line 1191, scss/_base-styles.scss */
.header-banner.commercial {
    margin-top: -1.3em;
}
/* line 1192, scss/_base-styles.scss */
.header-banner .header-banner-content {
    background: #f0f0f0;
    background: -webkit-gradient(linear, left top 30%, left bottom, from(white), to(#f0f0f0));
    background: -webkit-linear-gradient(top, white 30%, #f0f0f0);
    background: -moz-linear-gradient(top, white 30%, #f0f0f0);
    background: -o-linear-gradient(top, white 30%, #f0f0f0);
    background: linear-gradient(to bottom, #ffffff 30%, #f0f0f0);
    padding: 1em;
}
/* line 1196, scss/_base-styles.scss */
.header-banner .header-banner-content .header-copy p {
    color: #525252;
}
/* line 1197, scss/_base-styles.scss */
.header-banner .header-banner-content .header-copy p.blue {
    color: #079bd5;
}
/* line 1200, scss/_base-styles.scss */
.header-banner .header-banner-content .header-video {
    position: static;
    min-height: 240px;
    /*text-align:center;*/
    margin: 1em 0;
}
/* line 1205, scss/_base-styles.scss */
.header-banner .header-banner-content .header-video #player, .header-banner .header-banner-content .header-video #single-video {
    min-width: 348px;
    max-width: 750px;
    width: 94%;
    height: 240px;
    overflow: hidden;
    background: gray;
    position: absolute;
    border: solid 1px #525252;
    text-align: left;
}
/* line 1217, scss/_base-styles.scss */
.header-banner .header-banner-content .header-video .youtube .carousel {
    width: 22%;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
    z-index: 3;
    text-align: right;
}
/* line 1227, scss/_base-styles.scss */
.header-banner .header-banner-content .header-video .youtube .thumbnail {
    margin: 2px;
    width: 80%;
    border: 1px solid black;
    cursor: pointer;
}
/* line 1234, scss/_base-styles.scss */
.header-banner .header-banner-content .header-video .youtube iframe.player {
    width: 80%;
    height: 240px;
    overflow: auto;
    border: 0;
}

/****** HEADER BLOCKS / INLINE EDIT/ADD ******/
/* line 1246, scss/_base-styles.scss */
.header-block h1, .header-block .h1, .header-block h2, .header-block .h2, .header-block h3, .header-block .h3 {
    margin: 0;
    padding: 0;
}
/* line 1247, scss/_base-styles.scss */
.header-block p {
    margin-bottom: 0.75em;
}
/* line 1249, scss/_base-styles.scss */
.header-block p:first-child {
    margin-top: 1em;
}
/* line 1252, scss/_base-styles.scss */
.header-block .color.light-grey {
    background: #f0f0f0;
}
/* line 1253, scss/_base-styles.scss */
.header-block .color.black {
    background: black;
    color: white;
}
/* line 1254, scss/_base-styles.scss */
.header-block .color .wrap {
    margin-bottom: 1em;
}
/* line 1256, scss/_base-styles.scss */
.header-block .wrap {
    margin: 0 auto;
    /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
    width: 95%;
    /*set max-width to the widest you want your content to display. default is set above in variables*/
    max-width: 80em;
    position: relative;
    padding: 2.5em 0;
}
/* line 1257, scss/_base-styles.scss */
.header-block .with-nav .wrap {
    padding: 1.5em 0;
    margin-bottom: 0;
}
/* line 1258, scss/_base-styles.scss */
.header-block .nav.wrap {
    padding: 1em 0;
}

/* line 1261, scss/_base-styles.scss */
.color-block {
    background: #f0f0f0;
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    letter-spacing: 0.01em;
    margin: 0;
    padding: .85em;
    height: 2.9em;
}
/* line 1268, scss/_base-styles.scss */
.color-block.auto-height {
    height: auto;
}
/* line 1269, scss/_base-styles.scss */
.color-block.black {
    background: black;
    color: white;
}
/* line 1270, scss/_base-styles.scss */
.color-block.gold {
    background: #bba168;
    color: white;
}

/* line 1273, scss/_base-styles.scss */
.inline-edit, .inline-add, .inline-print {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    font-size: 90%;
    width: 100%;
    text-align: center;
    margin: 0;
    line-height: 3.5;
    height: 3.45em;
}
/* line 1281, scss/_base-styles.scss */
.inline-edit span, .inline-add span, .inline-print span {
    display: none;
}
/* line 1282, scss/_base-styles.scss */
.no-touch .inline-edit:hover, .no-touch .inline-add:hover, .no-touch .inline-print:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 1283, scss/_base-styles.scss */
.inline-edit:before, .inline-add:before, .inline-print:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    font-size: 18px;
    content: '\e802';
}

/* line 1289, scss/_base-styles.scss */
.inline-add:before {
    content: '\2795';
}

/* line 1290, scss/_base-styles.scss */
.inline-print {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 1292, scss/_base-styles.scss */
.inline-print:before {
    content: '\e716';
}

.PageTitle {
    margin-top: 0 !important;
}
/****************************************************************
  BREADCRUMBS
*********************/
/* line 1299, scss/_base-styles.scss */
.breadcrumb-border {
    border-bottom: 1px solid gainsboro;
    padding-bottom: 1em;
    /*margin-bottom: 3em;*/
    padding-top: 1em;
}
/* line 1303, scss/_base-styles.scss */
.breadcrumb-border ul.breadCrumbs {
    margin: 0 auto;
    /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
    width: 95%;
    /*set max-width to the widest you want your content to display. default is set above in variables*/
    max-width: 80em;
    position: relative;
}

/* line 1305, scss/_base-styles.scss */
ul.breadCrumbs {
    padding: 0;
    margin-left: 1em;
    font-style: italic;
    zoom: 1;
}
/* line 102, scss/_utilities.scss */
ul.breadCrumbs:after {
    content: "";
    display: table;
    clear: both;
}
/* line 1310, scss/_base-styles.scss */
ul.breadCrumbs li {
    font-size: 13px;
    font-size: 1.3rem;
    /*on mobile, we only show the last breadcrumb like a "go back one page" link.
  So we hide all of the links on mobile except the last one. see below*/
    display: none;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 0;
    line-height: 1.2;
    /*show the last link only on mobile. We make them all visible for desktop in responsive.scss*/
}
/* line 1319, scss/_base-styles.scss */
ul.breadCrumbs li a {
    color: gray;
}
/* line 1321, scss/_base-styles.scss */
ul.breadCrumbs li a:after {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '/';
    margin-left: 0.25em;
    opacity: .5;
}
/* line 1329, scss/_base-styles.scss */
ul.breadCrumbs li:nth-last-child(0n+2) {
    display: block;
}
/* line 1331, scss/_base-styles.scss */
ul.breadCrumbs li:nth-last-child(0n+2) a:after {
    display: none;
}
/* line 1332, scss/_base-styles.scss */
ul.breadCrumbs li:nth-last-child(0n+2) a:before {
    content: '\e825';
    font-family: "fontello" !important;
    display: inline-block;
    margin-right: 0.5em;
    opacity: .5;
}

/****************************************************************
  FOOTER
*********************/
/* line 1346, scss/_base-styles.scss */
.main-footer {
    background: #313131;
    width: 100%;
    margin-top: 4em;
    padding: 0 0 0.75em;
}

/* line 1353, scss/_base-styles.scss */
.footer-top-bar {
    background: #bba168;
    background: -webkit-gradient(linear, left top 30%, left bottom, from(#d8c8a7), to(#bba168));
    background: -webkit-linear-gradient(top, #d8c8a7 30%, #bba168);
    background: -moz-linear-gradient(top, #d8c8a7 30%, #bba168);
    background: -o-linear-gradient(top, #d8c8a7 30%, #bba168);
    background: linear-gradient(to bottom, #d8c8a7 30%, #bba168);
    width: 100%;
    height: 0.5em;
}

/* line 1358, scss/_base-styles.scss */
.footer-banner {
    background: black;
    color: white;
    font-size: 15px;
    font-size: 1.5rem;
}
/* line 1362, scss/_base-styles.scss */
.footer-banner ul {
    list-style-type: none;
    padding: 0;
}
/* line 1363, scss/_base-styles.scss */
.footer-banner ul li {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #313131;
    padding: 1em 0;
}
/* line 1368, scss/_base-styles.scss */
.footer-banner ul li:first-child {
    border: none;
}
/* line 1369, scss/_base-styles.scss */
.footer-banner ul li b, .footer-banner ul li span {
    padding: 0 1em;
}
/* line 1370, scss/_base-styles.scss */
.footer-banner ul li span {
    padding-left: 2.5em;
    display: block;
}
/* line 1374, scss/_base-styles.scss */
.footer-banner ul li a {
    color: inherit;
}
/* line 1375, scss/_base-styles.scss */
.footer-banner ul li a:before {
    font-size: 22.5px;
    font-size: 2.25rem;
    padding-right: 0.25em;
}

/****** SOCIAL / CONNECT ******/
/* line 1383, scss/_base-styles.scss */
.footer-connect {
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
    color: white;
    border-bottom: 1px solid #242424;
}
/* line 1387, scss/_base-styles.scss */
.footer-connect b {
    display: block;
    padding-bottom: 0.5em;
}
/* line 1388, scss/_base-styles.scss */
.footer-connect a.social {
    font-size: 22.5px;
    font-size: 2.25rem;
    line-height: 1.2;
    background: transparent;
    color: inherit;
    display: inline-block;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    padding: .375em .55em;
    margin: .5em;
}
/* line 1399, scss/_base-styles.scss */
.footer-connect a.social.facebook {
    margin-left: 0;
    padding-left: .625em;
    background: #315d99;
}
/* line 1403, scss/_base-styles.scss */
.footer-connect a.social.facebook:before {
    content: '\e80c';
    font-family: "fontello";
    margin-left: 0.05em;
}
/* line 1404, scss/_base-styles.scss */
.no-touch .footer-connect a.social.facebook:hover {
    color: white;
    background: #3d74c0;
    text-decoration: none;
}
/* line 1406, scss/_base-styles.scss */
.footer-connect a.social.twitter {
    background: #00abe2;
}
/* line 1408, scss/_base-styles.scss */
.footer-connect a.social.twitter:before {
    content: '\e812';
    font-family: "fontello";
}
/* line 1409, scss/_base-styles.scss */
.no-touch .footer-connect a.social.twitter:hover {
    color: white;
    background: #16c6ff;
    text-decoration: none;
}
/* line 1411, scss/_base-styles.scss */
.footer-connect a.social.youtube {
    background: #dd3627;
}
/* line 1413, scss/_base-styles.scss */
.footer-connect a.social.youtube:before {
    content: '\e81d';
    font-family: "fontello";
}
/* line 1414, scss/_base-styles.scss */
.no-touch .footer-connect a.social.youtube:hover {
    color: white;
    background: #e45f53;
    text-decoration: none;
}
/* line 1416, scss/_base-styles.scss */
.footer-connect a.social.linkedin {
    background: #0087bd;
}
/* line 1418, scss/_base-styles.scss */
.footer-connect a.social.linkedin:before {
    content: '\e80e';
    font-family: "fontello";
}
/* line 1419, scss/_base-styles.scss */
.no-touch .footer-connect a.social.linkedin:hover {
    color: white;
    background: #00abf0;
    text-decoration: none;
}
/* line 1421, scss/_base-styles.scss */
.footer-connect a.social.pinterest {
    background: #d12b1f;
}
/* line 1423, scss/_base-styles.scss */
.footer-connect a.social.pinterest:before {
    content: '\e80d';
    font-family: "fontello";
}
/* line 1424, scss/_base-styles.scss */
.no-touch .footer-connect a.social.pinterest:hover {
    color: white;
    background: #e34b40;
    text-decoration: none;
}

/* line 1429, scss/_base-styles.scss */
.social-share .stButton .stFb, .social-share .stButton .stTwbutton, .social-share .stButton .stMainServices {
    height: 25px !important;
    line-height: 20px !important;
}
/* line 1430, scss/_base-styles.scss */
.social-share .stButton .stArrow {
    height: 20px !important;
    line-height: 18px !important;
    vertical-align: top !important;
}
/* line 1431, scss/_base-styles.scss */
.social-share .stButton .stHBubble {
    height: 23px !important;
}
/* line 1432, scss/_base-styles.scss */
.social-share .st_sharethis_hcount .stArrow {
    display: none !important;
}
/* line 1433, scss/_base-styles.scss */
.social-share .stMainServices .st-sharethis-counter {
    background: none !important;
    background-image: none !important;
}
/* line 1435, scss/_base-styles.scss */
.social-share .st_sharethis_hcount > img {
    vertical-align: top;
}
/* line 1436, scss/_base-styles.scss */
.social-share .st_sharethis_hcount span.stButton {
    display: none !important;
}

/* line 1440, scss/_base-styles.scss */
.footer-links {
    margin-bottom: 1em;
}
/* line 1442, scss/_base-styles.scss */
.footer-links a.header {
    border-bottom: 1px solid #242424;
    display: block;
    color: #f0f0f0;
    font-weight: bold;
    padding: 1em;
}
/* line 1449, scss/_base-styles.scss */
.footer-links ul {
    display: none;
}

/* line 1451, scss/_base-styles.scss */
.lower-footer {
    color: #f0f0f0;
}
/* line 1453, scss/_base-styles.scss */
.lower-footer .copyright {
    padding: 0 1em;
    font-size: 90%;
}
/* line 1454, scss/_base-styles.scss */
.lower-footer a {
    color: inherit;
}
/* line 1455, scss/_base-styles.scss */
.lower-footer p {
    margin-bottom: 0.5em;
}
/* line 1457, scss/_base-styles.scss */
.lower-footer p.footer-right, .lower-footer p.footer-left {
    display: block;
    width: 100%;
    padding-top: 1.5em;
    font-size: 12px;
    font-size: 1.2rem;
}
/* line 1462, scss/_base-styles.scss */
.lower-footer p.footer-right span, .lower-footer p.footer-left span {
    margin-left: .5em;
}

/* line 1467, scss/_base-styles.scss */
.footnote {
    font-size: 12px;
    font-size: 1.2rem;
    color: #9f9f9f;
    margin-bottom: 0.25em;
}

/****************************************************************
  SITE SEARCH, COUPONS + NEWSLETTER SIGNUPS
*********************/
/* line 1472, scss/_base-styles.scss */
.site-search, .search-results, .newsletter-field, .coupon-field {
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*force ios to use the gpu to smooth out transitions. May be really choppy otherwise
  -webkit-transform: translateZ(0); This line actually creates line oddities in Chrome/Mac */
    display: inline-block;
    position: relative;
    background: black;
    text-align: left;
    width: 90%;
    margin: 2.5% 5%;
}
/* line 1480, scss/_base-styles.scss */
.site-search.active, .search-results.active, .newsletter-field.active, .coupon-field.active {
    width: 95%;
}
/* line 1483, scss/_base-styles.scss */
.site-search input[type=text], .search-results input[type=text], .newsletter-field input.txtHeaderKeyword, .coupon-field input[type=text], .newsletter-signup .newsletter-field input.formTextBox {
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*force ios to use the gpu to smooth out transitions. May be really choppy otherwise
  -webkit-transform: translateZ(0); This line actually creates line oddities in Chrome/Mac */
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    background: url("/Image Library/TemplateImages/blank.gif") transparent;
    color: #999999;
    height: 1.9em;
    padding: 0.35em 2.5em 0.25em 0.25em;
    margin-bottom: 0;
    cursor: pointer;
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif, "Helvetica Neue", Arial, sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 1495, scss/_base-styles.scss */
.site-search a, .search-results input[type=text] + i, .search-results input[type=text] + button, .newsletter-field input.txtHeaderKeyword + a, .coupon-field input[type=text] + i {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 2;
    width: 2em;
    height: 1.85em;
    text-align: center;
    color: #3e3e3e;
    background: gray;
    overflow: hidden;
    border: none;
}
/* line 1506, scss/_base-styles.scss */
.site-search a:before, .search-results input[type=text] + i:before, .search-results input[type=text] + button:before, .newsletter-field input.txtHeaderKeyword + a:before, .coupon-field input[type=text] + i:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    font-size: 125%;
    content: '\2c';
    vertical-align: 0;
}

.newsletter-field input.txtHeaderKeyword + a:before {
    content: '\e826';
}
/* line 1513, scss/_base-styles.scss */
.site-search input[type=text]:focus, .search-results input[type=text]:focus, .newsletter-field input.txtHeaderKeyword:focus, .coupon-field input[type=text]:focus {
    width: 100%;
    cursor: text;
    opacity: 1;
    border-color: gray;
}
/* line 1518, scss/_base-styles.scss */
.site-search input[type=text]:focus + i, .site-search input[type=text]:focus + i:hover, .search-results input[type=text]:focus + i, .search-results input[type=text]:focus + i:hover, .newsletter-field input.txtHeaderKeyword:focus + a, .newsletter-field input.txtHeaderKeyword:focus + a:hover, .coupon-field input[type=text]:focus + i, .coupon-field input[type=text]:focus + i:hover {
    cursor: text;
    box-shadow: none;
}

/* line 1525, scss/_base-styles.scss */
.search-results {
    position: relative;
    z-index: 1;
    margin: 0.5em 0;
}

/* line 1526, scss/_base-styles.scss */
.newsletter-signup, .enter-coupon {
    padding: 1em 1.5em 1.5em 1.5em;
    background: #079bd5;
}
/* line 1529, scss/_base-styles.scss */
.newsletter-signup h4, .newsletter-signup .h4, .newsletter-signup h3, .newsletter-signup .h3, .enter-coupon h4, .enter-coupon .h4, .enter-coupon h3, .enter-coupon .h3 {
    color: white;
}
/* line 1530, scss/_base-styles.scss */
.newsletter-signup .newsletter-field, .newsletter-signup .coupon-field, .enter-coupon .newsletter-field, .enter-coupon .coupon-field {
    width: 100%;
    margin: 0;
    background: white;
}
/* line 1532, scss/_base-styles.scss */
.newsletter-signup .newsletter-field a, .enter-coupon input[type=text] + i {
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    text-align: center;
    color: white;
    background: #3e3e3e;
    line-height: 1.9;
}
/* line 1541, scss/_base-styles.scss */
.enter-coupon input[type=text] + i:before {
    content: '\e826';
}
/* line 1545, scss/_base-styles.scss */
.newsletter-signup input[type=text]:focus, .enter-coupon input[type=text]:focus {
    width: 100%;
}

/* line 1548, scss/_base-styles.scss */
.enter-coupon {
    background: #bba168;
}

/* line 1549, scss/_base-styles.scss */
.newsletter-signup-footer {
    padding-right: 1.5em;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #242424;
}

.newsletter-signup-footer h4 {
    margin-top: 0;
}
/* line 1554, scss/_base-styles.scss */
.newsletter-signup-footer h4, .newsletter-signup-footer .h4, .newsletter-signup-footer h3, .newsletter-signup-footer .h3 {
    color: white;
}
/* line 1555, scss/_base-styles.scss */
.newsletter-signup-footer .newsletter-field {
    width: 70%;
    margin: 0;
}
/* line 1557, scss/_base-styles.scss */
.newsletter-signup-footer input[type=text] + i {
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    text-align: center;
    color: #3e3e3e;
    background: gray;
    line-height: 2.25;
}
/* line 1566, scss/_base-styles.scss */
.newsletter-signup-footer input[type=text] + i:before {
    content: '\e826';
}
/* line 1570, scss/_base-styles.scss */
.newsletter-signup-footer input[type=text]:focus {
    width: 100%;
}

/****************************************************************
  MAIN NAVIGATION / DESTYLED MEGAMENU
*********************/
/* line 1578, scss/_base-styles.scss */
.main-nav-toggle {
    background: transparent;
    color: white;
    padding: 0.25em 1em;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: .5em;
    /*style the active (clicked) state of the button*/
}
/* line 1587, scss/_base-styles.scss */
.main-nav-toggle:after {
    font-size: 35px;
    font-size: 3.5rem;
    content: '\e801';
    display: inline-block;
    font-family: "fontello";
    line-height: 1;
    vertical-align: -0.1em;
    width: .75em;
}
/* line 1598, scss/_base-styles.scss */
.main-nav-toggle.active:after {
    content: '\e804';
}
/* line 1600, scss/_base-styles.scss */
.no-touch .main-nav-toggle:hover {
    color: #bba168;
    text-decoration: none;
}

/* line 1603, scss/_base-styles.scss */
.main-nav {
    display: none;
    background: #313131;
    /*make the nav visible when .main-nav-toggle is clicked and applies the class of active to the nav*/
    /*style the lists/links in the nav*/
}
/* line 1607, scss/_base-styles.scss */
.main-nav.active {
    -webkit-box-shadow: 0 4px 2px -2px rgba(116, 137, 153, 0.25);
    -moz-box-shadow: 0 4px 2px -2px rgba(116, 137, 153, 0.25);
    box-shadow: 0 4px 2px -2px rgba(116, 137, 153, 0.25);
    display: block;
    position: absolute;
    z-index: 1001;
    width: 100%;
}
/* line 1613, scss/_base-styles.scss */
.main-nav.active li {
    display: block;
}
/* line 1616, scss/_base-styles.scss */
.main-nav ul {
    padding: 0;
    margin: 0;
}
/* line 1618, scss/_base-styles.scss */
.main-nav ul li {
    font-family: "ITCAvantGardeStd-MdCn", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    /*style the link of the page the user is currently on*/
    /*style the button that toggles the submenus*/
    /*style the submenus*/
}
/* line 1625, scss/_base-styles.scss */
.main-nav ul li a {
    color: white;
}
/* line 1628, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu, .main-nav ul li .mega-menu > li.support-menu {
    float: none;
}
/* line 1630, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu ul, .main-nav ul li .mega-menu > li.support-menu ul {
    padding-right: 0;
}
/* line 1632, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu ul li, .main-nav ul li .mega-menu > li.support-menu ul li {
    display: block;
    width: 100%;
    vertical-align: middle;
}
/* line 1633, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu ul li a, .main-nav ul li .mega-menu > li.support-menu ul li a {
    text-align: left;
    padding: 1em 1.5em;
    line-height: 1;
}
/* line 1634, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu ul li a figure, .main-nav ul li .mega-menu > li.support-menu ul li a figure {
    display: none;
}
/* line 1639, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu-links, .main-nav ul li .mega-menu > li.support-menu-links, .main-nav ul li .mega-menu > li.support-menu-contact {
    width: 100%;
}
/* line 1641, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu-links.row-2, .main-nav ul li .mega-menu > li.support-menu-links.row-2, .main-nav ul li .mega-menu > li.support-menu-contact.row-2 {
    float: none;
    margin-top: 0;
}
/* line 1642, scss/_base-styles.scss */
.main-nav ul li .mega-menu > li.consumer-menu-links a.sale, .main-nav ul li .mega-menu > li.support-menu-links a.sale, .main-nav ul li .mega-menu > li.support-menu-contact a.sale {
    color: white;
}
/* line 1645, scss/_base-styles.scss */
.main-nav ul li .mega-menu .HP-callout {
    display: none;
}
/* line 1649, scss/_base-styles.scss */
.main-nav ul li.selected > a {
    color: white;
}
/* line 1652, scss/_base-styles.scss */
.main-nav ul li a.sub-nav-toggle {
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: none;
    width: 3.5em;
    text-align: center;
}
/* line 1659, scss/_base-styles.scss */
.main-nav ul li a.sub-nav-toggle:before {
    font-size: 25px;
    font-size: 2.5rem;
    content: '\e820';
    font-family: "fontello";
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
}
/* line 1668, scss/_base-styles.scss */
.main-nav ul li a.sub-nav-toggle.active:before {
    content: '\e823';
}
/* line 1671, scss/_base-styles.scss */
.main-nav ul li a {
    display: block;
    padding: 1em 0.5em;
    border-top: 1px solid #525252;
    line-height: 1;
}
/* line 1678, scss/_base-styles.scss */
.main-nav ul li ul {
    display: none;
    margin-left: 0;
    /*make the subnav visible when .sub-nav-toggle is clicked and applies the class of active to the ul*/
}
/* line 1682, scss/_base-styles.scss */
.main-nav ul li ul.active {
    display: block;
    background: #242424;
    margin: 0;
    -webkit-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.75);
}
/* line 1688, scss/_base-styles.scss */
.main-nav ul li ul li {
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
    /*change the icon for .sub-nav-toggle in the submenus.  See _typography.scss*/
}
/* line 1696, scss/_base-styles.scss */
.main-nav ul li ul li.menu-callout.img-tiles {
    display: none;
}
/* line 1697, scss/_base-styles.scss */
.main-nav ul li ul li.menu-callout span {
    display: inline-block;
}
/* line 1698, scss/_base-styles.scss */
.main-nav ul li ul li.menu-callout figure {
    display: none;
}
/* line 1700, scss/_base-styles.scss */
.main-nav ul li ul li a:before {
    content: '\2d';
    margin-right: .35em;
}
/* line 1703, scss/_base-styles.scss */
.main-nav ul li ul li a.sub-nav-toggle:before {
    content: '\e820';
    color: #616161;
}
/* line 1705, scss/_base-styles.scss */
.main-nav ul li ul li a.sub-nav-toggle.active:before {
    content: '\e823';
    color: #525252;
}
/* line 1712, scss/_base-styles.scss */
.main-nav ul li ul li ul.active {
    background: #171717;
    box-shadow: none;
}
/* line 1713, scss/_base-styles.scss */
.main-nav ul li ul li ul li a {
    font-weight: normal;
    color: #f0f0f0;
    padding-left: 1.5em;
}

/****** OTHER SITE NAVS / MENUS ******/
/*even if you don't have a side nav on the site, these styles also apply to the style guide menu*/
/* line 1724, scss/_base-styles.scss */

.secondary-nav-toggle {
    background: transparent;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: .2em 0;
    text-align: center;
    width: 2.5em;
    cursor: pointer;
    margin-right: 0;
}
/* line 1734, scss/_base-styles.scss */
.secondary-nav-toggle:before {
    font-size: 20px;
    font-size: 2rem;
    color: transparent;
    content: ' ';
    display: inline-block;
    width: 1em;
    line-height: 0;
    vertical-align: .15em;
    text-align: center;
}

.secondary-nav-toggle.active:before {
    content: ' ';
}

.secondary-nav {
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    border-top: 3px solid #f0f0f0;
}
/* line 1728, scss/_base-styles.scss */
.secondary-nav ul {
    padding: 0;
    margin-bottom: 2em;
}
/* line 1729, scss/_base-styles.scss */
.secondary-nav ul li {
    position: relative;
    list-style: none;
    margin: 0;
    /*style the secondary (nested) ul's*/
}
/* line 1732, scss/_base-styles.scss */
.secondary-nav ul li a {
    color: black;
    background: #f0f0f0;
    display: block;
    margin: 0.25em 0;
    padding: 0.25em;
}
/* line 1738, scss/_base-styles.scss */
.secondary-nav ul li a:hover {
    color: black;
}
/* line 1741, scss/_base-styles.scss */
.secondary-nav ul li ul {
    margin: 0 0 0.25em 0;
    display: none;
}
/* line 1769, scss/_base-styles.scss */
.secondary-nav ul li ul.show, .secondary-nav ul li ul.active-category {
    display: block;
}
/* line 1742, scss/_base-styles.scss */
.secondary-nav ul li ul li {
    border-bottom: none;
}
/* line 1743, scss/_base-styles.scss */
.secondary-nav ul li ul li a {
    padding: 0;
    color: gray;
    margin-left: 0.5em;
    background: transparent;
}
/* line 1748, scss/_base-styles.scss */
.secondary-nav ul li ul li a:before {
    content: '\2d';
    margin-right: .35em;
}

.secondary-nav ul li ul li ul {
    margin-left: 0.75em;
}
/* line 1780, scss/_base-styles.scss */
.secondary-nav ul li ul li ul li a {
    color: gray;
}
/* line 1782, scss/_base-styles.scss */
.secondary-nav ul li ul li ul li a:before {
    content: none;
}

/* line 1753, scss/_base-styles.scss */
.no-touch .secondary-nav ul li.selected a:hover {
    color: black;
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
}
/* line 1754, scss/_base-styles.scss */
.secondary-nav ul li.selected > a {
    color: black;
    font-family: "HelveticaNeueLT-BoldCond", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}
/* line 1755, scss/_base-styles.scss */
.secondary-nav ul li.selected > a:hover {
    color: #1a1a1a !important;
    font-family: "HelveticaNeueLT-BoldCond", Arial, Helvetica, sans-serif !important;
}

/* dropdown menu on mobile that turns into a side nav (or whatever kind of nav you want really) on larger screens.*/
/* line 1763, scss/_base-styles.scss */
.dropdown-to-nav, .dropdown-to-nav.content-nav {
    font-size: 16px;
    font-size: 1.6rem;
}
/* line 1764, scss/_base-styles.scss */
.dropdown-to-nav a, .dropdown-to-nav.content-nav a {
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
}
/* line 1766, scss/_base-styles.scss */
.dropdown-to-nav ul, .dropdown-to-nav.content-nav ul {
    padding: 0;
    display: table;
    width: 100%;
}
/* line 1771, scss/_base-styles.scss */
.dropdown-to-nav ul.open li, .dropdown-to-nav.content-nav ul.open li {
    display: table-row;
}
/* line 1773, scss/_base-styles.scss */
.dropdown-to-nav ul.open li a, .dropdown-to-nav.content-nav ul.open li a {
    background: #f0f0f0;
    display: block;
    margin-bottom: 0.25em;
    padding: 0.25em;
    color: gray;
}
/* line 1784, scss/_base-styles.scss */
.dropdown-to-nav ul li, .dropdown-to-nav.content-nav ul li {
    display: none;
}
/* line 1786, scss/_base-styles.scss */
.dropdown-to-nav ul li.selected, .dropdown-to-nav.content-nav ul li.selected {
    display: table-header-group;
}
/* line 1788, scss/_base-styles.scss */
.dropdown-to-nav ul li.selected a, .dropdown-to-nav.content-nav ul li.selected a {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "HelveticaNeueLT-BoldCond", Arial, Helvetica, sans-serif;
    padding: 0.5em;
    display: block;
    font-weight: normal;
}
/* line 1795, scss/_base-styles.scss */
.dropdown-to-nav ul li.selected a:after, .dropdown-to-nav.content-nav ul li.selected a:after {
    content: '\e811';
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    float: right;
    position: relative;
    top: .15em;
}
/* line 1802, scss/_base-styles.scss */
.no-touch .dropdown-to-nav ul li.selected a:hover, .dropdown-to-nav ul li.selected a.active, .no-touch .dropdown-to-nav.content-nav ul li.selected a:hover, .dropdown-to-nav.content-nav ul li.selected a.active {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}

/****************************************************************
  FLEXSLIDER
*********************/
/* line 1817, scss/_base-styles.scss */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

/* line 1821, scss/_base-styles.scss */
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* line 1827, scss/_base-styles.scss */
.flex-manual-nav {
    display: none;
}

/* line 1829, scss/_base-styles.scss */
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    margin: 0;
    position: relative;
}

/* line 1835, scss/_base-styles.scss */
.flexslider-copy, .header-copy {
    position: relative;
    padding: 1em 1.5em;
    text-align: left;
}

.flexslider-copy {
    top: -40px;
}
/* line 1839, scss/_base-styles.scss */
.flexslider-copy h1, .flexslider-copy .h1, .flexslider-copy h2, .flexslider-copy .h2, .flexslider-copy h3, .flexslider-copy .h3, .header-copy h1, .header-copy .h1, .header-copy h2, .header-copy .h2, .header-copy h3, .header-copy .h3 {
    margin-bottom: 0.25em;
    font-size: 32px;
    font-size: 3.2rem;
}
/* line 1840, scss/_base-styles.scss */
.flexslider-copy p, .header-copy p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    letter-spacing: 0.01em;
    margin: 0 0 0.75em 0;
    left: 0;
    width: 100%;
}
/* line 1849, scss/_base-styles.scss */
.flexslider-copy a, .header-copy a {
    font-family: "ITCAvantGardeStd-MdCn", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
}
/* line 1850, scss/_base-styles.scss */
.flexslider-copy a.button-link, .header-copy a.button-link {
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
    padding: 0.5em 1em;
}
/* line 1853, scss/_base-styles.scss */
.flexslider-copy a.button-link.bw, .flexslider-copy a.button-link.bw-inverse, .header-copy a.button-link.bw, .header-copy a.button-link.bw-inverse {
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
    background: black;
    color: white;
    font-weight: normal;
    border: none;
}
/* line 1855, scss/_base-styles.scss */
.flexslider-copy a.button-link.bw:hover, .flexslider-copy a.button-link.bw-inverse:hover, .header-copy a.button-link.bw:hover, .header-copy a.button-link.bw-inverse:hover {
    background: #313131;
    color: white;
    border: none;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
/* line 1860, scss/_base-styles.scss */
.flexslider .slides img {
    width: 100%;
    display: block;
}

/* line 1862, scss/_base-styles.scss */
.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
/* line 1865, scss/_base-styles.scss */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* line 1874, scss/_base-styles.scss */
html[xmlns] .slides {
    display: block;
}

/* line 1876, scss/_base-styles.scss */
* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* line 1881, scss/_base-styles.scss */
.no-js .slides > li:first-child {
    display: block;
}

/* line 1884, scss/_base-styles.scss */
.flexslider {
    margin: -1.5em 0 2.5em;
    padding: 0;
    position: relative;
}

/* line 1886, scss/_base-styles.scss */
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

/* line 1893, scss/_base-styles.scss */
.loading .flex-viewport {
    max-height: 300px;
}

/* line 1894, scss/_base-styles.scss */
.flexslider .slides {
    zoom: 1;
}

/* line 1895, scss/_base-styles.scss */
.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
/* line 1898, scss/_base-styles.scss */
.flex-direction-nav {
    display: none;
}

/* line 1899, scss/_base-styles.scss */
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}

/* line 1901, scss/_base-styles.scss */
.flex-direction-nav .flex-disabled {
    opacity: 0.3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
/* line 1908, scss/_base-styles.scss */
.flex-control-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 100;
}

/* line 1916, scss/_base-styles.scss */
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/* line 1923, scss/_base-styles.scss */
.flex-control-paging li a {
    width: 15px;
    height: 15px;
    display: block;
    background: gainsboro;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

/* line 1937, scss/_base-styles.scss */
.flex-control-paging li a:hover {
    background: white;
    border-color: #bba168;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

/* line 1945, scss/_base-styles.scss */
.flex-control-paging li a.flex-active {
    background: white;
    border-color: #bba168;
    cursor: default;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

/* line 1954, scss/_base-styles.scss */
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

/* line 1960, scss/_base-styles.scss */
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

/* line 1966, scss/_base-styles.scss */
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

/* line 1973, scss/_base-styles.scss */
.flex-control-thumbs img:hover {
    opacity: 1;
}

/* line 1975, scss/_base-styles.scss */
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/****************************************************************
  THUMBNAIL GALLERY CAROUSEL, HP CAROUSEL
*********************/
/* line 1980, scss/_base-styles.scss */
.gallery {
    zoom: 1;
    text-align: center;
    position: relative;
    margin-bottom: 2em;
}
/* line 102, scss/_utilities.scss */
.gallery:after {
    content: "";
    display: table;
    clear: both;
}
/* line 1985, scss/_base-styles.scss */
.gallery .main-image-container {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
}
/* line 1990, scss/_base-styles.scss */
.gallery .main-image {
    max-width: 90%;
}
/* line 1993, scss/_base-styles.scss */
.gallery .next, .gallery .prev {
    background: #079bd5;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    padding: 1em;
    left: -1em;
    color: white;
    z-index: 3;
}
/* line 2002, scss/_base-styles.scss */
.gallery .next:before, .gallery .prev:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e825';
    font-size: 200%;
}
/* line 2008, scss/_base-styles.scss */
.gallery .next {
    left: auto;
    right: -1em;
}
/* line 2011, scss/_base-styles.scss */
.gallery .next:before {
    content: '\e826';
}
/* line 2015, scss/_base-styles.scss */
.gallery ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    text-align: center;
}
/* line 2021, scss/_base-styles.scss */
.gallery ul li {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    margin: 0 -4px 0.5em 3.8%;
    background: gray;
    cursor: pointer;
}
/* line 2030, scss/_base-styles.scss */
.gallery ul li img {
    display: none;
}
/* line 2033, scss/_base-styles.scss */
.gallery ul li.active {
    background: #079bd5;
    border-color: #05658b;
}

/* line 2040, scss/_base-styles.scss */
#thumbs-next {
    display: block;
    width: 15%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-indent: -999px;
    outline: 0;
    overflow: hidden;
    /*z-index:300;*/
}
/* line 2051, scss/_base-styles.scss */
#thumbs-next:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e82f';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em -0.5em 0;
    text-indent: 0;
}

/* line 2061, scss/_base-styles.scss */
#thumbs-prev {
    display: block;
    width: 15%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    text-indent: -999px;
    outline: 0;
    overflow: hidden;
}
/* line 2071, scss/_base-styles.scss */
#thumbs-prev:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e826';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em -0.5em 0;
    text-indent: 0;
}

/* line 2081, scss/_base-styles.scss */
#thumbs-next, #thumbs-prev {
    display: none;
}

/****** HP CAROUSEL ******/
/* line 2086, scss/_base-styles.scss */
ul.hp-carousel {
    list-style-type: none;
    padding: 0;
    height: 30em;
    overflow: hidden;
}
/* line 2091, scss/_base-styles.scss */
ul.hp-carousel li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
/* line 2092, scss/_base-styles.scss */
ul.hp-carousel li .thumbnail-container {
    height: 30em;
}
/* line 2093, scss/_base-styles.scss */
ul.hp-carousel li .thumbnail-image {
    background: none;
}

/* line 2097, scss/_base-styles.scss */
#carousel-next {
    background: #079bd5;
    color: white;
    width: 4em;
    height: 4em;
    display: block;
    position: absolute;
    left: -1em;
    top: 30%;
    text-indent: -999px;
    outline: 0;
    overflow: hidden;
    z-index: 300;
}
/* line 2110, scss/_base-styles.scss */
#carousel-next:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e825';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em -0.65em 0;
    text-indent: 0;
    font-size: 200%;
}

/* line 2121, scss/_base-styles.scss */
#carousel-prev {
    background: #079bd5;
    color: white;
    width: 4em;
    height: 4em;
    display: block;
    position: absolute;
    right: -1em;
    top: 30%;
    text-indent: -999px;
    outline: 0;
    overflow: hidden;
    z-index: 300;
}
/* line 2134, scss/_base-styles.scss */
#carousel-prev:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e826';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em -0.45em 0;
    text-indent: 0;
    font-size: 200%;
}

/****************************************************************
  SIDE RAILS
*********************/
/* line 2149, scss/_base-styles.scss */
.filters {
    margin-bottom: 1.5em !important;
}

/* line 2150, scss/_base-styles.scss */
.compare-filter {
    text-align: left;
    margin-bottom: 0.5em;
}
/* line 2153, scss/_base-styles.scss */
.compare-filter p {
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    margin-right: 0.25em;
}
/* line 2154, scss/_base-styles.scss */
.compare-filter a.button-link {
    padding: 0.4em 1.5em;
}

/* line 2157, scss/_base-styles.scss */
.side-rail {
    font-size: 14px;
    font-size: 1.4rem;
}

/****** SEARCH FILTERS ******/
/* line 2160, scss/_base-styles.scss */
.labels {
    display: block;
}

/* line 2161, scss/_base-styles.scss */
.search-filter-container {
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    letter-spacing: 0.01em;
    line-height: 1.5;
    margin-bottom: 1em;
}
/* line 2166, scss/_base-styles.scss */
.search-filter-container span.count {
    margin-right: .2em;
}
/* line 2168, scss/_base-styles.scss */
.search-filter-container span.count:before {
    content: '(';
    margin-right: .1em;
}
/* line 2172, scss/_base-styles.scss */
.search-filter-container span.count:after {
    content: ')';
    margin-left: .1em;
}
/* line 2177, scss/_base-styles.scss */
.search-filter-container .clear-link {
    display: none;
}
/* line 2178, scss/_base-styles.scss */
.search-filter-container .main-filter-toggle {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: bold;
    display: block;
    padding: 0.5em 2.5em 0.5em 0.5em;
}
/* line 2187, scss/_base-styles.scss */
.search-filter-container .main-filter-toggle a {
    color: white;
}
/* line 2188, scss/_base-styles.scss */
.no-touch .search-filter-container .main-filter-toggle:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 2191, scss/_base-styles.scss */
.search-filter-container .main-filter-toggle:after {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    font-size: 25px;
    font-size: 2.5rem;
    content: '\e820';
    position: absolute;
    right: .2em;
    margin: 0;
}
/* line 2199, scss/_base-styles.scss */
.search-filter-container .main-filter-toggle.active {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 2201, scss/_base-styles.scss */
.search-filter-container .main-filter-toggle.active:after {
    content: '\e823';
}
/* line 2204, scss/_base-styles.scss */
.search-filter-container .main-filter-toggle.active + ul {
    border-bottom: 5px solid #079bd5;
}
/* line 2209, scss/_base-styles.scss */
.search-filter-container .search-filters {
    list-style: none;
    margin: 0;
}
/* line 2212, scss/_base-styles.scss */
.search-filter-container .search-filters > li {
    margin: 0.75em 0;
}
/* line 2214, scss/_base-styles.scss */
.search-filter-container .search-filters > li .filter-toggle {
    font-size: 14.5px;
    font-size: 1.45rem;
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: bold;
    display: block;
    padding: 0.25em 0.25em 0.25em 1.65em;
    position: relative;
    color: #1a1a1a;
}
/* line 2224, scss/_base-styles.scss */
.search-filter-container .search-filters > li .filter-toggle:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    font-size: 18px;
    font-size: 1.8rem;
    content: '\2b';
    position: absolute;
    left: 0;
    top: 0.25em;
    margin: 0;
}
/* line 2233, scss/_base-styles.scss */
.search-filter-container .search-filters > li .filter-toggle.active {
    color: #079bd5;
    border-radius: 3px 3px 0 0;
}
/* line 2237, scss/_base-styles.scss */
.search-filter-container .search-filters > li .filter-toggle.active:before {
    content: '\2d';
}
/* line 2245, scss/_base-styles.scss */
.search-filter-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: white;
}
/* line 2250, scss/_base-styles.scss */
.search-filter-container ul li {
    margin: 0.25em 0;
    background: transparent;
}
/* line 2253, scss/_base-styles.scss */
.search-filter-container ul li a {
    display: block;
    padding: .3em .4em;
}
/* line 2256, scss/_base-styles.scss */
.search-filter-container ul li a.active {
    color: #079bd5;
}
/* line 2257, scss/_base-styles.scss */
.no-touch .search-filter-container ul li a:hover {
    color: #079bd5;
    text-decoration: none;
}

/* line 2266, scss/_base-styles.scss */
.side-nav-store {
    display: none;
}

/* line 2268, scss/_base-styles.scss */
.siderail-callouts {
    display: none;
}
/* line 2270, scss/_base-styles.scss */
.siderail-callouts.top-spaced {
    margin-top: 3em;
}
/* line 2271, scss/_base-styles.scss */
.siderail-callouts ul {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}
/* line 2275, scss/_base-styles.scss */
.siderail-callouts ul li {
    zoom: 1;
    position: relative;
    padding: 0.4em 0;
    margin-bottom: 1em;
}
/* line 102, scss/_utilities.scss */
.siderail-callouts ul li:after {
    content: "";
    display: table;
    clear: both;
}
/* line 2281, scss/_base-styles.scss */
.siderail-callouts ul h4, .siderail-callouts ul .h4, .siderail-callouts ul h5, .siderail-callouts ul .h5, .siderail-callouts ul p {
    /* background: #f0f0f0;*/
    /*  padding: 0 1em;*/
}
/* line 2283, scss/_base-styles.scss */
.siderail-callouts ul h4, .siderail-callouts ul .h4, .siderail-callouts ul h5, .siderail-callouts ul .h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 1em;
    margin-bottom: 0;
}
/* line 2289, scss/_base-styles.scss */
.siderail-callouts ul p {
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 1em;
}

/****************************************************************
  PRODUCT LISTING
*********************/
/* line 2300, scss/_base-styles.scss */
#prod-listing {
    padding: 0 !important;
}

/* line 2302, scss/_base-styles.scss */
.thumbnail-container {
    margin: 0 auto 2em auto;
    text-align: center;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
/* line 2308, scss/_base-styles.scss */
.thumbnail-container .badge {
    top: 1em;
}
/* line 2309, scss/_base-styles.scss */
.thumbnail-container .quick-look, .thumbnail-container .quick-look:hover {
    display: none;
}

/* line 2311, scss/_base-styles.scss */
.thumbnail {
    zoom: 1;
    text-align: left;
}
/* line 102, scss/_utilities.scss */
.thumbnail:after {
    content: "";
    display: table;
    clear: both;
}

/* line 2313, scss/_base-styles.scss */
.thumbnail-name {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #525252;
    line-height: 1.4;
    max-height: 4.2em;
    overflow: hidden;
}

/* line 2322, scss/_base-styles.scss */
.prod-btm > span {
    color: #ee2f3a;
    display: block;
    position: absolute;
    padding-top: 0.5em;
    font-size: 11px;
    font-size: 1.1rem;
    width: 98%;
}
/* line 2331, scss/_base-styles.scss */
.prod-btm .thumbnail-price p {
    padding-bottom: 0.25em;
    margin: 0;
    font-size: 17.5px;
    font-size: 1.75rem;
    font-weight: bold;
    color: gray;
}
/* line 2338, scss/_base-styles.scss */
.prod-btm .thumbnail-price .sale-price {
    color: #ee2f3a;
}

/* line 2341, scss/_base-styles.scss */
.thumbnail-description {
    display: none;
}

/* line 2342, scss/_base-styles.scss */
.thumbnail-links {
    display: table;
    margin: 0;
    padding: 0.25em 0;
    list-style: none;
}
/* line 2347, scss/_base-styles.scss */
.thumbnail-links li {
    display: table-cell;
}
/* line 2349, scss/_base-styles.scss */
.thumbnail-links li a {
    padding-left: 0.5em;
    position: relative;
}
/* line 2352, scss/_base-styles.scss */
.thumbnail-links li a:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    width: auto;
    content: '|';
    color: #bba168;
    position: absolute;
    left: -1px;
}
/* line 2361, scss/_base-styles.scss */
.thumbnail-links li:first-child a {
    padding-right: 0.5em;
    padding-left: 0;
}
/* line 2364, scss/_base-styles.scss */
.thumbnail-links li:first-child a:before {
    display: none;
}

/* line 2369, scss/_base-styles.scss */
.thumbnail-image {
    display: block;
    text-align: center;
    margin: 0;
    padding: 1em 0;
}

/* line 2376, scss/_base-styles.scss */
.thumbnail-container.commercial {
    height: 26em;
}
/* line 2378, scss/_base-styles.scss */
.thumbnail-container.commercial .ratings {
    display: none;
}
/* line 2379, scss/_base-styles.scss */
.thumbnail-container.commercial .thumbnail-price {
    display: none;
}

/* line 2383, scss/_base-styles.scss */
.load-more {
    border-top: 1px solid gainsboro;
    margin-top: 1.5em;
    padding-top: 2em;
    text-align: center;
}

/****************************************************************
  PRODUCT DETAILS
*********************/
/* line 2393, scss/_base-styles.scss */
.upsell {
    margin-top: 5em;
}

/* line 2395, scss/_base-styles.scss */
#product-detail-container {
    width: 100%;
    padding-bottom: 8em;
    background: #e3e3e3;
    background: -webkit-gradient(linear, left top 30%, left bottom, from(#fdfdfd), to(#e3e3e3));
    background: -webkit-linear-gradient(top, #fdfdfd 30%, #e3e3e3);
    background: -moz-linear-gradient(top, #fdfdfd 30%, #e3e3e3);
    background: -o-linear-gradient(top, #fdfdfd 30%, #e3e3e3);
    background: linear-gradient(to bottom, #fdfdfd 30%, #e3e3e3);
}
/* line 2399, scss/_base-styles.scss */
#product-detail-container .row.content {
    margin: 0 auto;
    /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
    width: 95%;
    /*set max-width to the widest you want your content to display. default is set above in variables*/
    max-width: 80em;
    position: relative;
    padding-top: 2.5em;
}

/* line 2406, scss/_base-styles.scss */
.prod-detail h1 {
    margin-bottom: 0;
    padding-right: 2em;
    /*accounts for Badge*/
}
/* line 2409, scss/_base-styles.scss */
.prod-detail h1 .SKU {
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: gray;
    padding-top: 0.25em;
    font-weight: normal;
}
/* line 2418, scss/_base-styles.scss */
.prod-detail .commercial {
    display: none;
}

/* line 2421, scss/_base-styles.scss */
.product-detail-price {
    margin-bottom: 1em;
    padding: 0.25em 0 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}
/* line 2426, scss/_base-styles.scss */
.product-detail-price .sale-price {
    color: #ee2f3a;
}

/* line 2430, scss/_base-styles.scss */
.product-reviews {
    color: gray;
    margin-bottom: 2em;
}

/* line 2431, scss/_base-styles.scss */
.product-tools {
    margin: 1em 0 2em 0;
}
/* line 2433, scss/_base-styles.scss */
.product-tools .product-count-wrap {
    display: block;
    margin-bottom: 1em;
}
/* line 2436, scss/_base-styles.scss */
.product-tools .product-count-wrap label {
    color: #1a1a1a;
    font-weight: normal;
    display: inline-block;
    margin: 0.3em 0.25em 0 0;
}
/* line 2441, scss/_base-styles.scss */
.product-tools .product-count-wrap label:after {
    content: ':';
    margin-right: 0.25em;
}
/* line 2446, scss/_base-styles.scss */
.product-tools .product-count-wrap.commercial {
    display: none;
}
/* line 2447, scss/_base-styles.scss */
.product-tools .product-count-wrap .product-count {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0.25em 0;
    width: 4em;
    vertical-align: top;
    text-align: center;
    margin: 0;
    height: 1.65em;
}
/* line 2456, scss/_base-styles.scss */
.product-tools .product-count-wrap .product-count.cart {
    display: inline-block;
    margin: 0 0 0 2em;
}
/* line 2459, scss/_base-styles.scss */
.product-tools .add-count, .product-tools .subtract-count, .product-tools .update {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    background: gray;
    color: white;
    font-size: 31px;
    font-size: 3.1rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0.5em;
}
/* line 2467, scss/_base-styles.scss */
.product-tools .add-count:before, .product-tools .subtract-count:before, .product-tools .update:before {
    content: '\2b';
    font-family: "fontello";
    width: 1em;
    height: 1em;
    font-size: 150%;
    line-height: .9;
    vertical-align: -0.25em;
}
/* line 2476, scss/_base-styles.scss */
.no-touch .product-tools .add-count:hover, .no-touch .product-tools .subtract-count:hover, .no-touch .product-tools .update:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
    background: #9a9a9a;
}
/* line 2481, scss/_base-styles.scss */
.product-tools .add-count {
    float: none;
}
/* line 2483, scss/_base-styles.scss */
.product-tools .add-count:before {
    content: '\2b';
}
/* line 2485, scss/_base-styles.scss */
.product-tools .subtract-count {
    position: absolute;
    float: left;
    margin-left: -7.25em;
}
/* line 2489, scss/_base-styles.scss */
.product-tools .subtract-count:before {
    content: '\2d';
}
/* line 2491, scss/_base-styles.scss */
.product-tools .update {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 1em;
}
/* line 2494, scss/_base-styles.scss */
.product-tools .update:before {
    display: none;
}

/* line 2499, scss/_base-styles.scss */
.product-options .color a {
    display: inline-block;
    position: relative;
    padding: 1px;
    line-height: 0;
    margin-right: 0.5em;
    /*border: 2px solid transparent;*/
    border: none;
}
/* line 2506, scss/_base-styles.scss */
.product-options .color a.selected, .no-touch .product-options .color a:hover {
    border-color: gray;
    -webkit-box-shadow: inset 0 0 0 1px white;
    box-shadow: inset 0 0 0 1px white;
    position: relative;
}
/* line 2513, scss/_base-styles.scss */
.product-options .sizes a {
    display: inline-block;
    background: gray;
    color: white;
    position: relative;
    padding: 0.25em 0.5em;
    min-width: 1.5em;
    line-height: 2;
    text-align: center;
    margin-right: 0.5em;
    border: 2px solid gray;
}
/* line 2524, scss/_base-styles.scss */
.product-options .sizes a.selected, .no-touch .product-options .sizes a:hover {
    background: white;
    color: #1a1a1a;
    position: relative;
}

/* line 2532, scss/_base-styles.scss */
.product-colors {
    margin-bottom: 1em;
    zoom: 1;
}
/* line 102, scss/_utilities.scss */
.product-colors:after {
    content: "";
    display: table;
    clear: both;
}
/* line 2535, scss/_base-styles.scss */
.product-colors p {
    display: inline-block;
    padding: .3em 0;
    width: 3em;
    margin-bottom: 0;
}
/* line 2541, scss/_base-styles.scss */
.product-colors ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
/* line 2546, scss/_base-styles.scss */
.product-colors ul li {
    display: inline-block;
    margin: 0 0 0 .5em;
}
/* line 2549, scss/_base-styles.scss */
.product-colors ul li a {
    display: inline-block;
    position: relative;
    border: 1px solid #525252;
    padding: .133em;
    line-height: 0;
}
/* line 2556, scss/_base-styles.scss */
.product-colors ul li.selected a, .product-colors ul li a:hover {
    border-color: black;
    position: relative;
}
/* line 2559, scss/_base-styles.scss */
.product-colors ul li.selected a:before, .product-colors ul li a:hover:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid #f0f0f0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7px;
}
/* line 2571, scss/_base-styles.scss */
.product-colors ul li.selected a:after, .product-colors ul li a:hover:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid black;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -5px;
}
/* line 2584, scss/_base-styles.scss */
.product-colors ul li:first-child {
    margin-left: 0;
}

/* line 2590, scss/_base-styles.scss */
.specs th.text-right {
    max-width: 30em;
    width: 50%;
}

/******  PRODUCT REVIEWS / RATINGS ******/
/* line 2594, scss/_base-styles.scss */
span.review-count, span.result-count {
    margin-right: .2em;
    display: inline-block;
}
/* line 2597, scss/_base-styles.scss */
span.review-count:before, span.result-count:before {
    content: '(';
    margin-right: .1em;
}
/* line 2601, scss/_base-styles.scss */
span.review-count:after, span.result-count:after {
    content: ')';
    margin-left: .1em;
}

/* line 2607, scss/_base-styles.scss */
.review-button {
    font-size: 80%;
    margin-bottom: 2.5em;
}

/* line 2608, scss/_base-styles.scss */
.write-review {
    background: white;
    padding: 1em;
    margin: 0 0 1em 0 !important;
    overflow: hidden;
    /*take the bottom margin off the last element in the container so there is no extra whitespace*/
}
/* line 2614, scss/_base-styles.scss */
.write-review > *:last-child {
    margin-bottom: 0;
}
/* line 2617, scss/_base-styles.scss */
.write-review .line {
    font-weight: bold;
}

/* line 2619, scss/_base-styles.scss */
.ratings-summary {
    line-height: 1;
    padding: 1em 0 2em 0;
}
/* line 2622, scss/_base-styles.scss */
.ratings-summary .progress-bar-wrap {
    display: table;
    padding-bottom: 0.5em;
    width: 100%;
}
/* line 2626, scss/_base-styles.scss */
.ratings-summary .progress-bar-wrap .small-label {
    display: table-cell;
    white-space: nowrap;
    width: 3em;
    padding: 0 0.5em;
    color: gray;
    font-size: 90%;
}
/* line 2633, scss/_base-styles.scss */
.ratings-summary .progress-bar-wrap .small-label:first-child {
    width: 4.5em;
}
/* line 2635, scss/_base-styles.scss */
.ratings-summary .progress-bar-wrap .graph {
    display: table-cell;
    background: #f0f0f0;
    height: 7px;
    vertical-align: middle;
}
/* line 2640, scss/_base-styles.scss */
.ratings-summary .progress-bar-wrap .graph .graph-ratings {
    display: inline-block;
    background: #bba168;
}

/* line 2647, scss/_base-styles.scss */
.ratings {
    display: inline-block;
    margin-bottom: .4em;
}
/* line 2650, scss/_base-styles.scss */
.ratings span:before {
    margin: 0;
}
/* line 2651, scss/_base-styles.scss */
.ratings.inline-block {
    padding-left: 1em;
    margin-bottom: 1.5em;
}

/* line 2654, scss/_base-styles.scss */
.captcha {
    zoom: 1;
}

/****** USED? ******/
/* line 2657, scss/_base-styles.scss */
#td_rating {
    zoom: 1;
}

/* line 2658, scss/_base-styles.scss */
#td_rating div input[type="image"] {
    zoom: 1;
}

/* line 2660, scss/_base-styles.scss */
.product-review {
    padding-bottom: 1.5em;
    margin-bottom: 2.5em;
    border-bottom: 1px solid gainsboro;
}
/* line 2664, scss/_base-styles.scss */
.product-review .review-date {
    display: inline-block;
    margin-top: .4em;
    color: gray;
}
/* line 2668, scss/_base-styles.scss */
.product-review .review-date:before {
    content: '|';
    margin: 0 0.75em;
    color: gainsboro;
}

/* line 2676, scss/_base-styles.scss */
.row.document-listing {
    margin-bottom: 2em;
}
/* line 2678, scss/_base-styles.scss */
.row.document-listing span {
    color: gray;
    font-size: 90%;
}
/* line 2679, scss/_base-styles.scss */
.row.document-listing p {
    margin-top: 0.25em;
}
/* line 2680, scss/_base-styles.scss */
.row.document-listing .document {
    border-top: 1px solid gainsboro;
    padding: 1.5em 4em 0 0;
    margin-bottom: 1.5em;
}
/* line 2684, scss/_base-styles.scss */
.row.document-listing .document.no-border {
    border-top: none !important;
}

/* line 2687, scss/_base-styles.scss */
.pdf {
    margin-bottom: 0.25em;
}
/* line 2689, scss/_base-styles.scss */
.pdf:before {
    content: '';
    background: url("/Image%20Library/TemplateImages/PDF.png");
    background-size: contain;
    display: inline-block;
    height: 1.25em;
    width: 1.25em;
    vertical-align: -0.25em;
    margin-right: 0.5em;
}

/****** USED?******/
/* line 2702, scss/_base-styles.scss */
.wishlist {
    margin-bottom: 2.5em;
    text-align: center;
}

/****************************************************************
  PRODUCT COMPARISON
*********************/
/* line 2707, scss/_base-styles.scss */
.compare {
    background: url("/Image Library/TemplateImages/product-bg.png") transparent no-repeat;
    background-size: cover;
    padding: 0.5em 0 0 0.75em;
    text-align: left;
}
/* line 2712, scss/_base-styles.scss */
.compare label {
    color: gray;
}

/* line 2714, scss/_base-styles.scss */
.compare-table {
    padding: 1.5em;
}

/* line 2715, scss/_base-styles.scss */
.product-comparison {
    border: 1px solid gainsboro;
    margin-left: -1px;
    /*solves double borders*/
}
/* line 2718, scss/_base-styles.scss */
.product-comparison .close {
    font-size: 30px;
    font-size: 3rem;
    line-height: .75;
    color: #d2d2d2;
    position: absolute;
    left: .15em;
    top: 0;
    z-index: 1;
}
/* line 2726, scss/_base-styles.scss */
.product-comparison .close:before {
    content: '×';
}
/* line 2728, scss/_base-styles.scss */
.product-comparison p {
    margin: 0;
    padding: 0;
}
/* line 2729, scss/_base-styles.scss */
.product-comparison .compare-product, .product-comparison .compare-feature {
    padding: 1em;
    height: auto !important;
}
/* line 2730, scss/_base-styles.scss */
.product-comparison .compare-feature {
    border-top: 1px solid gainsboro;
    background: #f0f0f0;
}
/* line 2731, scss/_base-styles.scss */
.product-comparison .feature-title {
    display: inline-block;
    font-family: “HelveticaNeueLTStd-Cn”, Arial,Helvetica,sans-serif;
    font-weight: bold;
}

/* line 2733, scss/_base-styles.scss */
.feature-title-column, .feature-title-column .feature-title {
    display: none;
}

/* line 2736, scss/_base-styles.scss */
.content-listing {
    border-top: 1px solid #f0f0f0;
    padding: 1.5em 0;
    overflow: hidden;
}

ul.content-list {
    padding-left: 0em;
}
/* line 2740, scss/_base-styles.scss */
.content-listing img {
    max-width: 22%;
    float: left;
    margin-right: 2em;
}
/* line 2741, scss/_base-styles.scss */
.content-listing h3, .content-listing .h3, .content-listing h4, .content-listing .h4, .content-listing p {
    margin: 0;
}
/* line 2742, scss/_base-styles.scss */
.content-listing h3, .content-listing .h3, .content-listing h4, .content-listing .h4 {
    margin-bottom: 0.25em;
}

/****************************************************************
  COMMERCE CHECKOUT STEPS 1-4
*********************/
/* line 2749, scss/_base-styles.scss */
.checkout .checkout-steps {
    padding: 0;
    margin-bottom: 2.5em;
}
/* line 2750, scss/_base-styles.scss */
.checkout .checkout-section {
    margin-bottom: 0.5em;
    background: white;
}
/* line 2753, scss/_base-styles.scss */
.checkout .checkout-section .checkout-header {
    background: #079bd5;
    color: white;
    font-weight: bold;
    border: none;
    padding: 0.5em 0.75em;
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
    background: gray;
    display: block;
    position: relative;
}
/* line 2760, scss/_base-styles.scss */
.checkout .checkout-section .checkout-header .number {
    display: inline-block;
    border-radius: 50%;
    background: white;
    color: gray;
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
    padding: 0.25em;
    text-align: center;
    margin-right: 1em;
}
/* line 2772, scss/_base-styles.scss */
.checkout .checkout-section .checkout-header:hover {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
}
/* line 2774, scss/_base-styles.scss */
.checkout .checkout-section .checkout-header:hover .number {
    color: black;
}
/* line 2777, scss/_base-styles.scss */
.checkout .checkout-section .checkout-contents {
    max-height: 0;
    overflow: hidden;
}
/* line 2779, scss/_base-styles.scss */
.checkout .checkout-section.active .checkout-header {
    /*background: lighten($primary-color,10%);*/
    background: black;
    color: white;
    text-decoration: none;
    border: none;
    margin-bottom: 1em;
}
/* line 2782, scss/_base-styles.scss */
.checkout .checkout-section.active .checkout-header .number {
    color: black;
}
/* line 2783, scss/_base-styles.scss */
.checkout .checkout-section.active .checkout-header a {
    color: white;
}
/* line 2785, scss/_base-styles.scss */
.checkout .checkout-section.active .checkout-contents {
    max-height: 2600px;
    padding: 0 0.75em 1em 0.75em;
}
/* line 2792, scss/_base-styles.scss */
.checkout .checkout-section.completed .number:after {
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif, "Helvetica Neue", Arial, sans-serif;
    content: 'Edit';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2.5;
    height: 2.5em;
    width: 7em;
    color: white;
    background: #b3b3b3;
}

/* line 2808, scss/_base-styles.scss */
.summary-col {
    font-size: 85%;
    margin-bottom: 2em;
}
/* line 2811, scss/_base-styles.scss */
.summary-col span, .summary-col strong {
    display: block;
}

/* line 2813, scss/_base-styles.scss */
.order-complete {
    color: #42be2a;
}
/* line 2815, scss/_base-styles.scss */
.order-complete:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e817';
    margin-right: 0.25em;
}

/* line 2822, scss/_base-styles.scss */
.formRadioButton span label span.shipping-radio {
    display: block;
    line-height: 1.5;
}

/* line 2823, scss/_base-styles.scss */
.card-option, .address-option {
    clear: both;
}

/* line 2824, scss/_base-styles.scss */
.mobile-coupon input[type="text"] {
    width: 70%;
}
/* line 2826, scss/_base-styles.scss */
.mobile-coupon input[type="text"] ~ .button-link {
    width: 25%;
    float: right;
}

/****************************************************************
  PAGE PARTS
*********************/
/****** HOMEPAGE ******/
/* line 2837, scss/_base-styles.scss */
.home-featured {
    background: #f0f0f0;
    margin-top: -0.25em;
    padding-top: 2em;
}
/* line 2841, scss/_base-styles.scss */
.home-featured .wrap {
    margin: 0 auto;
    /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
    width: 95%;
    /*set max-width to the widest you want your content to display. default is set above in variables*/
    max-width: 80em;
    position: relative;
}
/* line 2842, scss/_base-styles.scss */
.home-featured hr {
    display: none;
}
/* line 2843, scss/_base-styles.scss */
.home-featured .featured-container {
    height: auto;
    margin-bottom: 2.5em;
}
/* line 2846, scss/_base-styles.scss */
.home-featured .featured-container h2, .home-featured .featured-container .h2, .home-featured .featured-container h3, .home-featured .featured-container .h3 {
    margin: 0.5em 0;
}
/* line 2847, scss/_base-styles.scss */
.home-featured .featured-container p {
    max-height: auto;
    line-height: 1.35;
}

/****** CATEGORY LANDING ******/
/* line 2851, scss/_base-styles.scss */
.category-callout {
    margin-bottom: 2.5em !important;
}
/* line 2853, scss/_base-styles.scss */
.category-callout .brand-font-cond {
    font-size: 20px;
    font-size: 2rem;
}
/* line 2854, scss/_base-styles.scss */
.category-callout p {
    margin-bottom: 2em;
}

/* line 2857, scss/_base-styles.scss */
.category-feature p {
    margin-bottom: 2em;
}
/* line 2858, scss/_base-styles.scss */
.category-feature .category-name {
    color: #079bd5;
    font-weight: bold;
}

.category-feature.column a {
    position: relative;
    z-index: 2;
}

/* line 2861, scss/_base-styles.scss */
.button-row .primary {
    font-size: 125%;
}
/* line 2862, scss/_base-styles.scss */
.button-row .primary, .button-row .secondary {
    width: 100%;
    padding: 0.75em 1.5em;
    margin-bottom: 1em;
}

/****** SUPPORT / FAQs ******/
/* line 2866, scss/_base-styles.scss */
table.order-support {
    width: 100%;
}
/* line 2868, scss/_base-styles.scss */
table.order-support tr {
    /*&:last-child {margin-top:-1px}*/
}
/* line 2870, scss/_base-styles.scss */
table.order-support tr td {
    padding: 1em;
}
/* line 2871, scss/_base-styles.scss */
table.order-support tr .gold-block {
    background: #bba168;
    border: 1px solid #bba168;
    border-bottom: 1px solid white;
    text-align: center;
    padding: 1em 0.25em;
}
/* line 2877, scss/_base-styles.scss */
table.order-support tr .gold-block:before {
    font-size: 300%;
    display: inline-block;
    color: white;
    margin-left: 0.2em;
}
/* line 2884, scss/_base-styles.scss */
table.order-support tr .link {
    font-size: 18px;
    font-size: 1.8rem;
    border: 1px solid gainsboro;
    border-left: none;
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
    color: #079bd5;
    padding-left: 1em;
    vertical-align: middle;
    font-weight: bold;
}
/* line 2895, scss/_base-styles.scss */
.no-touch table.order-support tr:hover td.gold-block {
    background: #bba168 !important;
}
/* line 2896, scss/_base-styles.scss */
.no-touch table.order-support tr:hover th, .no-touch table.order-support tr:hover td {
    background: inherit !important;
    color: inherit !important;
}

/* line 2902, scss/_base-styles.scss */
.FAQs ul {
    padding: 0;
    margin-bottom: 2.5em;
}
/* line 2903, scss/_base-styles.scss */
.FAQs ul li {
    list-style-type: none;
    margin: 0;
    display: block;
    padding: 0.75em 0;
    border-bottom: 1px solid gainsboro;
}
/* line 2906, scss/_base-styles.scss */
.FAQs ul li:first-child {
    border-top: 1px solid gainsboro;
}
/* line 2911, scss/_base-styles.scss */
.FAQs ul .hiddenContent {
    color: #525252;
    margin: 0.75em 0 1em 2em;
}
/* line 2913, scss/_base-styles.scss */
.FAQs ul .icon-plus:before {
    background: #079bd5;
    color: white;
    border: 1px solid #f0f0f0;
    width: 1em;
    margin-right: 0.5em;
    float: left;
}
/* line 2921, scss/_base-styles.scss */
.FAQs h6.hiddenTriggerClick {
    margin-bottom: 0;
}

/* line 2923, scss/_base-styles.scss */
.row.technical-support {
    margin-bottom: 4em;
}
/* line 2925, scss/_base-styles.scss */
.row.technical-support .column {
    text-align: center;
    margin-bottom: 2.5em;
}
/* line 2928, scss/_base-styles.scss */
.row.technical-support .column span {
    color: #525252;
    font-size: 13.25px;
    font-size: 1.325rem;
}

/* line 2932, scss/_base-styles.scss */
.contact-support h5.color-block span {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    margin-left: 0;
}
/* line 2937, scss/_base-styles.scss */
.contact-support h5.color-block span.icon-chat {
    width: auto;
    margin: 0;
}

/****** USED? ******/
/* line 2941, scss/_base-styles.scss */
.view-controls {
    width: 48%;
    float: left;
}
/* line 2944, scss/_base-styles.scss */
.view-controls + .view-controls {
    margin-left: 3.8%;
}

/* line 2948, scss/_base-styles.scss */
.confirmation-summary {
    font-size: 14px;
    font-size: 1.4rem;
}

/* line 2952, scss/_base-styles.scss */
.secure:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '🔒';
    margin-right: .25em;
}

/* line 2959, scss/_base-styles.scss */
.customer-service a {
    display: block;
}
/* line 2961, scss/_base-styles.scss */
.customer-service a:before {
    font-family: "fontello";
    font-size: 115%;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    height: 1em;
    width: 1em;
    text-align: center;
    opacity: 0.95;
    line-height: 1em;
    vertical-align: -0.05em;
    content: '\e82d';
    margin-right: .25em;
}

/* line 2970, scss/_base-styles.scss */
.rwd tr, .rwd tr td, .rwd tr th {
    display: block !important;
    width: 100%;
}

/*h3 {
position:relative;
}
h3:after {
background:blue;
content:"";
position:absolute;
width:3000%;
height:100%;
}*/
/*********************
SUPPLEMENTAL FORMATTING STYLES LIKE TEXT-CENTER, SMALL, UNDERLINE ETC. IN _supplemental-styles.scss
*********************/
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Supplemental Styles Stylesheet
******************************************************************/
/******************************************************************
SUPPLEMENTAL FORMATTING STYLES
******************************************************************/
/* line 11, scss/_supplemental-styles.scss */
.grey-block {
    background: #f0f0f0;
    padding: 1em;
    margin-bottom: 1em;
    overflow: hidden;
    /*take the bottom margin off the last element in the container so there is no extra whitespace*/
}
/* line 17, scss/_supplemental-styles.scss */
.grey-block > *:last-child {
    margin-bottom: 0;
}

/* line 23, scss/_supplemental-styles.scss */
.gold-icon:before {
    color: #bba168;
}

/* line 27, scss/_supplemental-styles.scss */
.lg-icon:before {
    font-size: 140%;
    margin-right: 0.25em;
}

/* line 29, scss/_supplemental-styles.scss */
.standout-block {
    padding: 1em;
    margin-bottom: 2em;
    overflow: hidden;
    /*take the bottom margin off the last element in the container so there is no extra whitespace*/
}

.column.med-7 .freeXml {
    margin-bottom: 2em;
}

/* line 34, scss/_supplemental-styles.scss */
.standout-block > *:last-child {
    margin-bottom: 0;
}
/* line 37, scss/_supplemental-styles.scss */
.standout-block.dark-grey {
    background: #313131;
}
/* line 38, scss/_supplemental-styles.scss */
.standout-block.grey {
    background: gray;
}
/* line 39, scss/_supplemental-styles.scss */
.standout-block.mid-grey {
    background: #d2d2d2;
}
/* line 40, scss/_supplemental-styles.scss */
.standout-block.light-grey {
    background: #f0f0f0;
    margin-top: 2em;
}
/* line 41, scss/_supplemental-styles.scss */
.standout-block.white {
    background: white;
}
/* line 42, scss/_supplemental-styles.scss */
.standout-block.blue {
    background: #079bd5;
}
/* line 43, scss/_supplemental-styles.scss */
.standout-block.gold {
    background: #bba168;
}
/* line 44, scss/_supplemental-styles.scss */
.standout-block.bordered {
    border: 1px solid gainsboro;
    margin-bottom: 0;
}
/* line 45, scss/_supplemental-styles.scss */
.standout-block.bordered.btm-margin {
    margin-bottom: 1em;
}

/* line 49, scss/_supplemental-styles.scss */
.red-text {
    color: #ee2f3a;
}

/* line 53, scss/_supplemental-styles.scss */
.green-text {
    color: #42be2a;
}

/* line 57, scss/_supplemental-styles.scss */
.blue-text {
    color: #079bd5;
}

/* line 61, scss/_supplemental-styles.scss */
.yellow-text {
    color: #f9b106;
}

/* line 65, scss/_supplemental-styles.scss */
.gold-text {
    color: #bba168;
}

/* line 69, scss/_supplemental-styles.scss */
.grey-text {
    color: gray;
}

/* line 73, scss/_supplemental-styles.scss */
.light-grey-text {
    color: #c7c7c7;
}

/* line 77, scss/_supplemental-styles.scss */
.white-text {
    color: white;
}

/* line 81, scss/_supplemental-styles.scss */
.brand-headers-font {
    font-family: "ITCAvantGardeStd-Bk", Arial, Helvetica, sans-serif;
}

/* line 82, scss/_supplemental-styles.scss */
.brand-headers-font-bold {
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
}

/* line 83, scss/_supplemental-styles.scss */
.brand-headers-font-bold-cond {
    font-family: "ITCAvantGardeStd-Demi", Arial, Helvetica, sans-serif;
}

/* line 84, scss/_supplemental-styles.scss */
.brand-font {
    font-family: "HelveticaNeueLTStd-Roman", Arial, Helvetica, sans-serif;
}

/* line 85, scss/_supplemental-styles.scss */
.brand-font-cond {
    font-family: "HelveticaNeueLTStd-Cn", Arial, Helvetica, sans-serif;
}

/* line 86, scss/_supplemental-styles.scss */
.brand-font-cond-bold {
    font-family: "HelveticaNeueLT-BoldCond", Arial, Helvetica, sans-serif;
}

/* line 88, scss/_supplemental-styles.scss */
.border-left {
    border-left: 1px solid gainsboro;
}

/* line 91, scss/_supplemental-styles.scss */
.border-top {
    border-top: 1px solid gainsboro;
}

/* line 94, scss/_supplemental-styles.scss */
.border-right {
    border-right: 1px solid gainsboro;
}

/* line 97, scss/_supplemental-styles.scss */
.border-bottom {
    border-bottom: 1px solid gainsboro;
}

/* line 100, scss/_supplemental-styles.scss */
.no-border {
    border: none !important;
}

/* line 102, scss/_supplemental-styles.scss */
.separator-horizontal {
    position: relative;
    text-align: center;
}
/* line 105, scss/_supplemental-styles.scss */
.separator-horizontal span {
    background: white;
    padding: 0 0.25em;
    position: relative;
    z-index: 2;
}
/* line 111, scss/_supplemental-styles.scss */
.separator-horizontal:before {
    content: "";
    border-top: 1px dashed gray;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
}

/*helps for one-off situations where you want a block level element to be inline, or something floated, etc.*/
/* line 125, scss/_supplemental-styles.scss */
.clearfix {
    zoom: 1;
}
/* line 102, scss/_utilities.scss */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* line 129, scss/_supplemental-styles.scss */
.clear-both {
    clear: both;
}

/* line 133, scss/_supplemental-styles.scss */
.clear-left {
    clear: left;
}

/* line 137, scss/_supplemental-styles.scss */
.clear-right {
    clear: right;
}

/* line 141, scss/_supplemental-styles.scss */
.text-left {
    text-align: left;
}

/* line 145, scss/_supplemental-styles.scss */
.text-right {
    text-align: right;
}

/* line 149, scss/_supplemental-styles.scss */
.text-center {
    text-align: center;
}

/* line 153, scss/_supplemental-styles.scss */
.text-right-sm, .text-right-med {
    text-align: left;
}

/* line 157, scss/_supplemental-styles.scss */
.small {
    font-size: 75%;
}

/* line 161, scss/_supplemental-styles.scss */
.medium {
    font-size: 90%;
}

/* line 165, scss/_supplemental-styles.scss */
.large {
    font-size: 125%;
}

/* line 169, scss/_supplemental-styles.scss */
.xlarge {
    font-size: 150%;
}

/* line 173, scss/_supplemental-styles.scss */
.left {
    float: left;
}

/* line 177, scss/_supplemental-styles.scss */
.right {
    float: right;
}

/* line 181, scss/_supplemental-styles.scss */
.middle {
    vertical-align: middle;
}

/* line 185, scss/_supplemental-styles.scss */
.auto-width {
    width: auto;
}

/* line 189, scss/_supplemental-styles.scss */
.inline {
    display: inline;
}

/* line 193, scss/_supplemental-styles.scss */
.clear-both {
    clear: both;
}

/* line 197, scss/_supplemental-styles.scss */
.block {
    display: block;
}

/* line 201, scss/_supplemental-styles.scss */
.inline-block {
    display: inline-block;
}

/* line 205, scss/_supplemental-styles.scss */
.table {
    display: table;
}

/* line 209, scss/_supplemental-styles.scss */
.hide-mobile {
    display: none;
}

/* line 213, scss/_supplemental-styles.scss */
.hide-tablet-mobile {
    display: none;
}

/* line 217, scss/_supplemental-styles.scss */
.hide-tablet {
    display: none;
}

/* line 221, scss/_supplemental-styles.scss */
.hidden {
    display: none !important;
}

/* line 225, scss/_supplemental-styles.scss */
.visible {
    display: block !important;
}

/* line 229, scss/_supplemental-styles.scss */
.nowrap {
    white-space: nowrap;
}

/* line 233, scss/_supplemental-styles.scss */
.underline {
    border-bottom: 1px solid #525252;
}

/* line 237, scss/_supplemental-styles.scss */
[disabled], .disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

/* visually hide something that needs to be on the page like for screen readers for the blind*/
/* line 244, scss/_supplemental-styles.scss */
.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* hide on small screens. for large screens .hide-mobile{display:block} is in responsive.css */
/* line 256, scss/_supplemental-styles.scss */
.hide-mobile {
    display: none;
}

/* line 260, scss/_supplemental-styles.scss */
.no-margin {
    margin: 0;
}

/* line 264, scss/_supplemental-styles.scss */
.top-spaced {
    margin-top: 10px;
}

/* line 268, scss/_supplemental-styles.scss */
.right-spaced {
    margin-right: 10px;
}

/* line 272, scss/_supplemental-styles.scss */
.bottom-spaced {
    margin-bottom: 10px;
}

/* line 276, scss/_supplemental-styles.scss */
.left-spaced {
    margin-left: 10px;
}

/* line 280, scss/_supplemental-styles.scss */
.top-padd {
    padding-top: 10px;
}

/* line 284, scss/_supplemental-styles.scss */
.right-padd {
    padding-right: 10px;
}

/* line 288, scss/_supplemental-styles.scss */
.bottom-padd {
    padding-bottom: 10px;
}

/* line 292, scss/_supplemental-styles.scss */
.left-padd {
    padding-left: 10px;
}

/* line 296, scss/_supplemental-styles.scss */
.strike-through {
    text-decoration: line-through;
}

.couponButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    text-align: center;
    color: white;
    background: #3e3e3e;
    line-height: 1.75;
    height: 1.9em;
}

.sidebarXml {
    padding: 0.4em 0;
    margin-bottom: 1em;
}

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

.siderail-callouts {
    background: #e6e6e6;
}

.siderail-callouts h4, .siderail-callouts p {
    margin: 15px;
}

.siderail-callouts .button-link {
    margin-bottom: 15px;
}

/*********************
PRINT STYLES
*********************/
@media print {
    /******************************************************************
  Site Name: Site Name
  Author: UI Developer Name(s)
  Stylesheet: Print Stylesheet
  ******************************************************************/
    /* line 6, scss/_print.scss */
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        box-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* line 15, scss/_print.scss */
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
        /* show link href values on printed pages*/
        /* show titles*/
    }
    /* line 19, scss/_print.scss */
    a:after, a:visited:after {
        content: " (" attr(href) ")";
    }
    /* line 23, scss/_print.scss */
    a abbr[title]:after, a:visited abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /* line 28, scss/_print.scss */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /* line 33, scss/_print.scss */
    thead {
        display: table-header-group;
    }

    /* line 37, scss/_print.scss */
    tr, img {
        page-break-inside: avoid;
    }

    /* line 41, scss/_print.scss */
    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    /* line 50, scss/_print.scss */
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    /* line 55, scss/_print.scss */
    h2, h3 {
        page-break-after: avoid;
    }

    /* hide content people who print don't need to see*/
    /* line 60, scss/_print.scss */
    nav {
        display: none;
    }
}

@media only screen and (max-width: 758px) {
    .mobile {
        display: block !important;
    }
}

@media only screen and (min-width: 759px) {
    .mobile {
        display: none !important;
    }
}

.prod-list {
    background: none;
}

.padd-bot {
    padding-bottom: 1em;
}

/*PNY-21*/
.formDate input.hasDatepicker {
    max-width: 100px;
    margin-right: 8px;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.ui-datepicker {
    background-color: white;
    border: 1px solid #9f9f9f;
    padding: 8px;
}

/* PNY */

/*********************
PRODUCT PAGE
*********************/
/*MAKE FEATURE IMAGES 100% WIDTH*/
.featured-container img {
    width: 100%;
}

/* STICKY HEADER */
#stickyheader {
    background: #fff;
    text-align: center;
    width: 100%;
    z-index: 50;
    border-bottom: 1px solid #dedede;
}

#stickyheader h5 {
    color: #079bd5;
}

#stickyheader a {
    font-weight: 700;
}

.stickyheader-mobile {
    margin-top: 5px;
}

.stickyheader-mobile a:not(:last-child) {
    padding-right: 15px;
}

/*FIX .IMG SPACE ON DESKTOP*/
@media only screen and (min-width: 985px) {
    #stickyheader {
        margin-left: 1px;
    }
}

/* PRODUCT PAGE TABLE STYLES */
div.table-container table {
    text-align: center !important;
    border-collapse: collapse;
    border: 1px solid #dedede;
    width: 100%;
}

div.table-container table tr td {
    border: 1px solid #dedede;
    padding: 5px !important;
}

div.table-container table tbody tr td:first-child {
    color: #fff;
    font-weight: 700;
    background-color: #5f5f5f;
    text-align: left;
    max-width: 200px;
    min-width: 125px;
}

/***************************
HOMEPAGE
****************************/

/*SOCIAL ICONS*/
.social-ico {
    max-width:40px;
    max-height:40px;
    margin-bottom:20px;
    margin-right:5px;
}

/* FOOTER */
.lower-footer {
    font-size:12px;
    color:#999 !important;
    line-height:1.4em;
}
.lower-footer .column {
    padding-bottom:10px;
}
.lower-footer a {
    font-weight:bold;
}
.lower-footer a:hover {
    color:#fff;
}
.lower-footer img{
    max-width:100%;
    width:120px;
}