@import url('https://fonts.googleapis.com/css?family=Mr+De+Haviland&subset=latin-ext,latin');
@charset "utf-8";
/* CSS Document */
/* ====================================================================================================
	Table of Content

	Misc Inlcudes
	Variables
	1. Typography - Copy into admin.css
	2. Header
	3. Navigation
		a. Navigation
		b. Sub Navigation
	4. Content
		a. Homepage Styles
		b. Page Styles
	5. Blog
	6. Print
	7. Buttons
	8. Footer
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video { display: inline-block; }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[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.
 */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%;/* 2 */ }
/**
 * Remove default margin.
 */
body { margin: 0; }
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a { background: transparent; }
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus { outline: thin dotted; }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover { outline: 0; }
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong { font-weight: bold; }
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address differences between Firefox and other browsers.
 */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre { white-space: pre-wrap; }
/**
 * Set consistent quote types.
 */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img { border: 0; }
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure { margin: 0; }
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
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.
 */
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.
 */
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.
 */
button, select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer;/* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] { cursor: default; }
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0;/* 2 */ }
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
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.
 */
textarea { overflow: auto; /* 1 */ vertical-align: top;/* 2 */ }
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
@font-face { font-family: 'icomoon'; src: url("../font/icomoon.eot?-4xo876"); src: url("../font/icomoon.eot?#iefix-4xo876") format("embedded-opentype"), url("../font/icomoon.woff?-4xo876") format("woff"), url("../font/icomoon.ttf?-4xo876") format("truetype"), url("../font/icomoon.svg?-4xo876#icomoon") format("svg"); font-weight: normal; font-style: normal; }
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-search-1:before { content: "\f002"; }
.icon-phone-1:before { content: "\f095"; }
.icon-mail:before { content: "\f0e0"; }
.icon-acrobat:before { content: "\f1c1"; }
.icon-down-bold:before { content: "\e60a"; }
.icon-up-bold:before { content: "\e60b"; }
.icon-comments:before { content: "\e60c"; }
.icon-clock:before { content: "\e60e"; }
.icon-link:before { content: "\e60d"; }
.icon-location:before { content: "\e609"; }
.icon-menu:before { content: "\e600"; }
.icon-yelp:before { content: "\e608"; }
.icon-facebook:before { content: "\e601"; }
.icon-gplus:before { content: "\e602"; }
.icon-instagram:before { content: "\e607"; }
.icon-pinterest:before { content: "\e603"; }
.icon-twitter:before { content: "\e604"; }
.icon-vimeo:before { content: "\e605"; }
.icon-youtube:before { content: "\e606"; }
/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; background: white url(../nivo/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; cursor: hand; background-color: #fff; filter: alpha(opacity=0); /*non ie*/ opacity: 0; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
/* Caption styles */
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box;/* Opera/IE 8+ */ }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(../nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; position: absolute; top: 45%; z-index: 9; cursor: pointer; }
a.nivo-prevNav { left: 15px; }
a.nivo-nextNav { background-position: -30px 0px; right: 15px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url(../nivo/bullets.png) no-repeat; color: transparent; border: 0; margin: 0 2px; cursor: pointer; }
.nivo-controlNav a.active { background-position: 0 -22px; }
.hideText { overflow: hidden; text-indent: 100%; white-space: nowrap; }
.hideText a { display: block; height: 100%; }
/*   ===================================================================================================
     1. Typography - These get copied into the admin.css
======================================================================================================== */

html { font-size: 75%; }
body { background-color: #000; color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; max-width: 990px; margin: 0 auto; }
@media screen and (min-width: 581px) and (max-width: 1030px) {
body { padding: 0 10px; }
}
h1, h2, h3, h4, h5, h6 { color: #fff; font-family:Arial, Helvetica, sans-serif; font-style: italic; font-weight: normal; margin: 0; }
h1 { font-size: 5em; line-height: 1; margin-bottom: 0.5em; font-family: 'Mr De Haviland', cursive; }
h2 { font-size: 2.25em; line-height: 1.3333333333333333; margin-bottom: 0.6666666666666666em; }
h3 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; font-family: 'Mr De Haviland', cursive; }
h4 { font-size: 1.3125em; line-height: 1.1428571428571428; margin-bottom: 1.1428571428571428em; }
h5 { font-size: 1.125em; line-height: 1.3333333333333333; margin-bottom: 1.3333333333333333em; }
h6 { font-size: 1em; line-height: 1.5; margin-bottom: 1.5em; }
.v65-title { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 2em; font-style: italic; font-weight: normal; line-height: 1; margin-bottom: 0.5em; }
.v65-subtitle { color: #333333; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; margin-bottom: 1em; }
p, blockquote { margin: 0 0 1.5em; line-height: 1.5; }
dl, ol, ul { margin: 0 0 1.5em; }
dd, dt, li { line-height: 1.5; margin: 0; }
a { color: #fff; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
img { border: none; height: auto !important; max-width: 100%; }
form { margin-bottom: 1em; }
legend { color: #111111; }
hr { background-color: #111111; border: 0; color: #111111; height: 1px; }
a[name=footerNav] { display: none !important; }
/*   ===================================================================================================
     2. Header
======================================================================================================== */
header.primary { margin-bottom: 1em; position: relative; width: 100%; z-index: 10; }
 @media screen and (max-width: 580px) {
#user-tools { border-bottom: 1px solid black; }
}
#user-tools a { color: #333333; }
.logo { background-image: url('../images/logo.png?1426179079'); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; height: 140px; position: relative; width: 260px; }
.logo.errorLogo { float: none; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.logo { background-image: url('../images/logo@2x.png?1426179079'); }
}
@media screen and (max-width: 767px) {
.logo { clear: both; margin: 0.5em auto 0; }
}
@media screen and (min-width: 768px) {
.logo { float: left; margin-bottom: 0; }
}
/*   ===================================================================================================
     3. Navigation
======================================================================================================== */
/* ----- b. Sub Menu ----- */
.subMenu { margin-bottom: 0; margin-top: 6%; }
@media screen and (min-width: 768px) {
.subMenu { border-right: 1px solid #cccccc; float: left; margin-right: 4%; padding-right: 2%; width: 17.5%; }
}
@media screen and (max-width: 767px) {
.subMenu h3 { display: none; }
}
.subMenu ul { list-style: none; margin-bottom: 0; padding: 0; }
.subMenu li { line-height: 3; }
@media screen and (max-width: 767px) {
.subMenu li { border-top: 1px solid #cccccc; line-height: 44px; text-align: center; }
}
.subMenu li ul { margin-left: 10px; }
.subMenu a { display: inline-block; line-height: 1.5; width: 100%; }
.subMenu .v65-pageAParent { color: black; }
.subMenu .v65-leftSelected { color:#ED1C24; font-weight: bold; }
/*   ===================================================================================================
     4. Content
======================================================================================================== */
#v65-modalContentHeader { background: #333333; }
.content { background: #000; }
 @media screen and (max-width: 767px) {
.pageContent { padding: 1em; }
}
@media screen and (min-width: 768px) {
.pageContent { padding: 3em; }
}
/* ----- a. Homepage Styles ----- */
.homepageContent { background: white; box-shadow: 0 0 2em #999999; }
.homepageText { margin-bottom: 2em; }
@media screen and (max-width: 700px) {
.homepageText { padding: 0 4%; }
}
@media screen and (min-width: 701px) {
.homepageText { float: left; padding: 0 4% 4%; width: 52%; }
}
.homepageProductGroup { margin: 0 0 2em; }
@media screen and (max-width: 700px) {
.homepageProductGroup { padding: 0 4%; }
}
@media screen and (min-width: 701px) {
.homepageProductGroup { float: left; padding: 0 4% 4% 0; width: 36%; }
}
.homepageProductGroup .v65-productGroup-products { text-align: left; width: 100%; }
.homepageProductGroup .v65-productGroup-title { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 1.2; margin: 0.25em 0 0.5em; }
.homepageProductGroup .v65-productGroup-teaser { float: none; margin: 0; width: 100%; }
.homepageProductGroup .v65-productGroup-product { margin: 0 0 1em; width: 100%; }
.homepageProductGroup .v65-product-photo { float: left; width: auto; }
#slider { height: 0; padding-top: 35%; overflow: hidden; width: 100%; }
#slider .nivo-main-image { position: absolute !important; }
/* ----- b. Page Styles ----- */
.backToTop { background: #333333; bottom: 1em; color: white; border: 1px solid #cccccc; border-radius: 50%; display: none; height: 5em; line-height: 5em; opacity: 0.6; position: fixed; right: 1em; text-align: center; text-decoration: none; width: 5em; z-index: 1000; }
 @media screen and (min-width: 768px) {
.page { float: right; width: 75%; }
}
.colWrapper { margin-bottom: 2em; width: 100%; }
.colWrapper:before, .colWrapper:after { content: ""; display: table; }
.colWrapper:after { clear: both; }
.col2 { float: left; margin-left: 6%; width: 47%; }
.col2:first-child { float: left; margin-left: 0%; width: 47%; }
.col22 { float: left; margin-left: 6%; width: 29%; }
.col22:first-child { margin-left: 0; width: 65%; }
.col3 { float: left; margin-left: 5%; width: 30%; }
.col3:first-child { float: left; margin-left: 0%; width: 30%; }
.col4 { float: left; margin-left: 3%; width: 22.7%; }
.col4:first-child { margin-left: 0; }
 @media screen and (max-width: 850px) {
.col4 { margin: 0 2% 3em; width: 46%; }
.col4:first-child { margin-left: 2%; }
}
@media screen and (max-width: 580px) {
.col2 { float: none; margin-left: 0; margin-bottom: 1.5em; width: 100%; }
.col2:first-child { float: none; width: 100%; }
.col22, .col22:first-child { float: none; margin: 0 0 2em; width: 100%; }
.col3 { float: none; margin-left: 0; margin-bottom: 1.5em; width: 100%; }
.col3:first-child { float: none; width: 100%; }
.col4, .col4:first-child { float: none; margin: 0 0 2em; width: 100%; }
}
.v65-featureRight, .v65-right, .v65-featureLeft, .v65-left, .v65-border { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ----- c. Store Styles ----- */
@media screen and (max-width: 725px) {
#v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo, #v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo, #v65-fieldset-paymentMethod, #v65-fieldset-sourceCode, #v65-fieldset-usernamePassword { width: 98%; }
}
.v65-productGroup-teaser { width: 100%; }
.v65-productGroup-product:first-child { margin-left: 0; }
 @media screen and (max-width: 750px) {
.v65-productGroup .v65-clear { display: none; }
}
.v65-productGroup .v65-clear.productGroup-2Up-rowClear { display: none; }
@media screen and (min-width: 581px) and (max-width: 599px) {
.v65-productGroup .v65-clear.productGroup-2Up-rowClear { display: block; }
}
.v65-productGroup .v65-clear.productGroup-3Up-rowClear { display: none; }
@media screen and (min-width: 600px) and (max-width: 750px) {
.v65-productGroup .v65-clear.productGroup-3Up-rowClear { display: block; }
}
 @media screen and (max-width: 720px) {
.print { margin: 0 10px; }
}

/*   ===================================================================================================
     5. Blog
======================================================================================================== */

/*   ===================================================================================================
     6. Buttons
======================================================================================================== */
button span { padding: 0 1em; }
button.defaultBtn, button.modalBtn, button.largeBtn { background-color: #ED1C24; border: 1px solid #F00; border-radius: 3px; box-shadow: inset 0 1px 0 0 #F00; text-decoration: none; text-shadow: 0 -1px 0 #F00; vertical-align: middle; }
button.defaultBtn span, button.modalBtn span, button.largeBtn span { background: none; height: auto; line-height: inherit; }
button.defaultBtn:hover, button.defaultBtn:active, button.modalBtn:hover, button.modalBtn:active, button.largeBtn:hover, button.largeBtn:active { background-color: #F00; }
button.modalBtn, button.altModalBtn { height: 2.5em; line-height: inherit; }
button.altBtn, button.altModalBtn, button.altLargeBtn { background-color: #cccccc; background-image: -webkit-linear-gradient(top, #cccccc, #333333); background-image: -moz-linear-gradient(top, #cccccc, #333333); background-image: -ms-linear-gradient(top, #cccccc, #333333); background-image: -o-linear-gradient(top, #cccccc, #333333); background-image: linear-gradient(top, #cccccc, #333333); border: 1px solid #cccccc; border-radius: 3px; box-shadow: inset 0 1px 0 0 #cccccc; text-decoration: none; text-shadow: 0 -1px 0 black; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
button.altBtn span, button.altModalBtn span, button.altLargeBtn span { background: none; height: auto; line-height: inherit; }
button.altBtn:hover, button.altBtn:active, button.altModalBtn:hover, button.altModalBtn:active, button.altLargeBtn:hover, button.altLargeBtn:active { background-color: #d9d9d9; background-image: -webkit-linear-gradient(top, #d9d9d9, #404040); background-image: -moz-linear-gradient(top, #d9d9d9, #404040); background-image: -ms-linear-gradient(top, #d9d9d9, #404040); background-image: -o-linear-gradient(top, #d9d9d9, #404040); background-image: linear-gradient(top, #d9d9d9, #404040); box-shadow: inset 0 1px 0 0 #cccccc; }
a span { padding: 0 1em; height: auto; line-height: inherit; }
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn { background-color: #ED1C24; border: 1px solid #F00; border-radius: 3px; box-shadow: inset 0 1px 0 0 #F00; text-decoration: none; text-shadow: 0 -1px 0 #F00; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span { background: none; height: auto; line-height: inherit; }
a.linkBtn:hover, a.linkBtn:active, a.modalLinkBtn:hover, a.modalLinkBtn:active, a.largeLinkBtn:hover, a.largeLinkBtn:active { background-color: #F00;  }
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { background-color: #cccccc; background-image: -webkit-linear-gradient(top, #cccccc, #333333); background-image: -moz-linear-gradient(top, #cccccc, #333333); background-image: -ms-linear-gradient(top, #cccccc, #333333); background-image: -o-linear-gradient(top, #cccccc, #333333); background-image: linear-gradient(top, #cccccc, #333333); border: 1px solid #cccccc; border-radius: 3px; box-shadow: inset 0 1px 0 0 #cccccc; text-decoration: none; text-shadow: 0 -1px 0 black; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span { background: none; height: auto; line-height: inherit; }
a.linkAltBtn:hover, a.linkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active { background-color: #d9d9d9; background-image: -webkit-linear-gradient(top, #d9d9d9, #404040); background-image: -moz-linear-gradient(top, #d9d9d9, #404040); background-image: -ms-linear-gradient(top, #d9d9d9, #404040); background-image: -o-linear-gradient(top, #d9d9d9, #404040); background-image: linear-gradient(top, #d9d9d9, #404040); box-shadow: inset 0 1px 0 0 #cccccc; }
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { min-width: auto; }
/*   ===================================================================================================
     7. Footer
======================================================================================================== */
footer { color: #333333; padding: 1.5em 0; text-align: center; width: 100%; }
footer ul { list-style: none; margin: 0 1em; padding: 0; }
@media screen and (min-width: 768px) {
footer ul { margin-bottom: 0.5em; }
}
@media screen and (max-width: 767px) {
footer li { border-top: 1px solid #cccccc; line-height: 44px; text-align: center; }
}
@media screen and (min-width: 768px) {
footer li { display: inline; padding: 0 5px; }
}
footer li a { color: #333333; display: inline-block; font-size: 0.917em; position: relative; }
@media screen and (max-width: 767px) {
footer li a { width: 100%; }
}
footer li a:hover { color: black; }
footer .phone a:hover, footer .email a:hover, footer .map a:hover { text-decoration: none; }
footer .legal { font-size: 0.917em; }
footer .legal li { display: block; }
footer a { color: #333333; }
/*   ===================================================================================================
     8. Theming
======================================================================================================== */
body { background-color: #000; }
.topper { width: 100%; position: fixed; z-index: 50; top: 0px; left:0; height: 270px; text-align:center; background:#000 }
.header { padding:119px 0 0 0; z-index:999999 }
.cartholder { width:1016px; margin:0 auto; position:relative; text-align:left }
.cartholder a { color:#fff!important }
.page {margin-top:20px}
.wide {width:100%!Important}
nav { width:980px; position:relative; margin:35px auto 0 auto }
nav ul { list-style:none; position:relative; float:left; margin:0; }
nav ul a { display:block; color:#fff; padding: 0 18px; font:13px/54px Arial, Helvetica, sans-serif; text-decoration:none!important; float:left; -webkit-transition: color 0.4s ease 0s; -moz-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; border-right:1px solid #424242 }
nav ul li a.last { border:none; text-align:right }
nav ul a.active { }
nav ul li { position:relative; float:left; margin:0; padding:0 }
nav ul a:hover, nav ul a.active { color: #ED1C24; text-decoration:none }
nav ul ul { display:none; position:absolute; top:100%; left:0; background:#ED1C24; padding:0; }
nav ul ul li { float:left; width:100%; }
nav ul ul a { line-height:110%; border-right:none; border-bottom:1px solid #F1565C; padding:6px 0; text-align:right; width:100% }
nav ul ul a:hover { color: #000; }
nav ul li:hover > ul { display:block }
.container, .footer, .footerlinks { width:1012px; margin:0 auto; position:relative }
.footer, .footerlinks { color:#fff; font:13px/1.4em Arial, Helvetica, sans-serif; margin:0 auto 100px auto }
.footerlinks { margin:100px auto 120px auto }
.footer a, .footerlinks a { color:#fff }
.footerlinks ul { list-style:none; margin:0; padding:0; }
.footerlinks li { float:left; padding-right:10px }
#social { position:absolute; top:0; right:0 }
.pageContent { padding-top:300px; }
#v65-checkoutCartSummaryWrapper, #v65-checkoutCartSummaryWrapper a, #v65-checkoutCartSummaryWrapper h4, #v65-couponFormWrapper legend {color:#000}
 #v65-checkoutFormWrapper legend, #v65-cartCheckOutCoupons legend, #v65-checkBilling legend {color:#ED1C24}
#v65-modalContent, #v65-modalContent h3, #v65-modalContent a, #v65-signUpClubSummaryWrapper, #v65-signUpClubSummaryWrapper h2, #v65-signUpClubSummaryWrapper h1, #v65-signUpClubSummaryWrapper h3 {color:#000!Important}
#v65-cartTable th, #v65-cartSubtotal td, .v65-cartTax td {background-color:#222!important}
#v65-cartTotal td, #v65-couponSummaryTotal td {background-color:#333!important}
#v65-modalContent a {text-decoration:underline}
.show-menu { text-decoration: none; background:#222; color: #fff; text-align: center; padding: 10px 0; display: none; }
input#show-menu { display: none; }
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ nav ul {display: block;}
@media screen and (max-width: 1015px) {
.cartholder, .container, .footer, .footerlinks, nav { width:100% }
}
@media screen and (max-width : 970px) {
nav ul { padding:0 }
nav ul a { padding:0 12px }
}
@media screen and (max-width : 870px) {
nav ul a { padding:0 6px; }
}
@media screen and (max-width : 730px) {
.header { padding:0 }
.topper { height:auto; }
nav { margin:0; }
.pageContent { padding-top:180px; }
nav ul { width:100%; position: static; display: none; }
nav li { margin-bottom: 1px; }
nav ul li, nav li a { width: 100%; line-height:35px; text-align:center!important; background:#333; border-bottom:1px solid #444 }
nav ul a { padding:0 }
.show-menu { display:block; }
nav ul ul { display:none!important }
}