@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v6/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v6/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v6/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/ptsans/v6/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

a {
    outline: 0;
    text-decoration: none;
}

hr {
    color: #181E24;
}

.selector table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none !important;
}

.selector td {
    border: none !important;
}

.center {
    text-align: center;
}

/* ----------------------------------------------------------------
Helper Classes
-----------------------------------------------------------------*/
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFix {
    clear: both;
}

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

.clearFix:after {
    clear: both;
}

.clearFix {
    zoom: 1;
}


#bodyWrapper {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    background: #101418;
}

.siteContainer {
    width: 100%;
    padding: 0 30px;
    position: relative;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* ----------------------------------------------------------------
General Styling
-----------------------------------------------------------------*/
body {
    font-size: 13px;
    font-weight: normal;
    color: #cccccc;
    text-rendering: optimizeLegibility;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p {
    font-size: 15px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
    margin-bottom: 30px;
    color: #cccccc;
}

a {
    color: #fff;
}

a, a:active, a:link {
    text-decoration: none;
    outline: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:focus, a:hover {
    color: #4A8784;
    text-decoration: none;
    outline: none;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
}

h1 {
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    margin-bottom: 25px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 15px;
}

h3 {
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 12px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 10px;
}

h5 {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 8px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 6px;
}

.fluid-width-video-wrapper {
    margin: 0 0 40px 0;
}

.textile {
    font-size: 15px;
    line-height: 24px;
}

.textile pre {
    font: 12px 'andale mono', 'lucida console', monospace;
    line-height: 18px;
    margin: 20px 0;
    white-space: pre;
    padding: 10px 20px;
}

.textile code {
    font: 12px 'andale mono', 'lucida console', monospace;
    line-height: 18px;
    white-space: pre;
}

.textile ul,
.textile ol {
    margin: 20px 0;
}

.textile ul ul,
.textile ol ol {
    margin: 0 20px;
}

.textile ul li {
    list-style: square outside;
    margin: 0 0 0 20px;
}

.textile ol li {
    list-style: decimal outside;
    margin: 0 0 0 20px;
}

.textile table {
    border: 1px solid #181e24;
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0;
}

.textile table thead {
    display: table-header-group;
    vertical-align: middle;
    background: #f0f0f0;
}

.textile table th {
    border: 1px solid #181e24;
    padding: 5px;
}

.textile table td {
    border: 1px solid #181e24;
    padding: 5px;
}

.textile blockquote,
.textile q {
    quotes: none;
    margin: 30px 0;
    padding: 0 5%;
    width: 90%;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
}

.textile blockquote p {
    margin: 0;
}

.textile blockquote:before,
.textile blockquote:after,
.textile q:before,
.textile q:after {
    content: none;
}

.textile label {
    line-height: 25px;
    margin-bottom: 4px;
    font-weight: bold;
}

.textile input[type=text],
.textile input[type=password],
.textile input[type=telephone],
.textile input[type=tel],
.textile input[type=email],
.textile input[type=number],
.textile textarea {
    max-width: 100%;
    color: #ffffff;
    padding: 8px 10px;
    background: #0c0f12;
    font-size: 12px;
    border: 1px solid #181e24;
}

.textile input[type=text]:focus,
.textile input[type=password]:focus,
.textile input[type=telephone]:focus,
.textile input[type=tel]:focus,
.textile input[type=email]:focus,
.textile input[type=number]:focus,
.textile textarea:focus {
    background: #07080a;
    font-size: 12px;
    border: 1px solid #242629;
    outline: 0;
}

.textile input[type=submit],
.textile input[type=button],
.textile button {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 0 12px;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    background: #4A8784;
    color: #ffffff !important;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.textile input[type=submit]:focus,
.textile input[type=submit]:hover,
.textile input[type=button]:focus,
.textile input[type=button]:hover,
.textile button:focus,
.textile button:hover {
    background-color: #3F7270;
}

.textile input[type=submit]:active,
.textile input[type=button]:active,
.textile button:active {
    background-color: #bf3b2a;
    -webkit-transition: background-color 0.0s linear;
    -moz-transition: background-color 0.0s linear;
    -ms-transition: background-color 0.0s linear;
    -o-transition: background-color 0.0s linear;
    transition: background-color 0.0s linear;
}

.textile input[type=submit]:disabled,
.textile input[type=button]:disabled,
.textile button:disabled {
    cursor: default;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    background: #4A8784;
    color: #ffffff !important;
}

.textile img {
    max-width: 100%;
    height: auto;
}


/* ----------------------------------------------------------------
Main Background
-----------------------------------------------------------------*/
body {
    background: #101418 url(../../files/img/body-bg.jpg) scroll repeat top left;
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

/* ----------------------------------------------------------------
Main Header
-----------------------------------------------------------------*/
#mainHeader {
    min-width: 100%;
    padding: 20px 0;
    background: #101418;
}

#imageLogo {
    float: left;
    width: auto;
    max-width: 33%;
    display: block;
    margin: 10px 0 0;
}

#imageLogo img {
    max-width: 100%;
    max-height: 150px;
}

#textLogo {
    float: left;
    font-size: 46px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: PT Sans Narrow, sans-serif;
}

#headerRight {
    float: right;
    width: auto;
    max-width: 66%;
    text-align: right;
}

#utilityNav {
    float: right;
}

#utilityNav li {
    float: left;
    margin-left: 20px;
}

#utilityNav li a,
#utilityNav li a:link,
#utilityNav li a:active,
#utilityNav li a:visited {
    font-size: 12px;
    color: #aaaaaa;
    text-transform: uppercase;
}

#utilityNav li a:focus,
#utilityNav li a:hover {
    color: #4A8784;
}

#cartIcon {
    font-size: 14px;
    display: inline-block;
    margin: 0 7px 0 16px;
}

#cartLinkBorder {
    color: #aaaaaa !important;
}

#showMobileMenu {
    display: none;
}

#mainNavWrapper {
    margin: 35px 0 0;
    width: 100%;
}

.mainNav {
    float: right;
}

.mainNav li {
    float: left;
    position: relative;
    margin: 6px 0 0 35px;
}

.mainNav li a,
.mainNav li a:link,
.mainNav li a:visited {
    font-size: 14px;
    color: #eeeeee;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.mainNav li a:focus,
.mainNav li a:hover,
.mainNav li a:active,
.mainNav li.activePage a {
    color: #4A8784;
}

.mainNav li ul {
    display: none;
    position: absolute;
    top: 16px;
    left: -12px;
    width: 150px;
    z-index: 5000;
    padding: 10px 0;
    background: #101418;
    color: #eeeeee;
}

.mainNav li:last-child ul {
    left: -38px;
}

.mainNav li ul li {
    float: none;
    margin: 0;
    width: 100%;
    padding: 6px 10px;
}

.mainNav li ul li a,
.mainNav li ul li a:link,
.mainNav li ul li a:active,
.mainNav li ul li a:visited,
.mainNav li.activePage ul li a,
.mainNav li.activePage ul li a:link,
.mainNav li.activePage ul li a:active,
.mainNav li.activePage ul li a:visited {
    color: #eeeeee;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
}

.mainNav li ul li a:focus,
.mainNav li ul li a:hover,
.mainNav li.activePage ul li a:focus,
.mainNav li.activePage ul li a:hover,
.mainNav li ul li.activePage a,
.mainNav li ul li.activePage a:link,
.mainNav li ul li.activePage a:active,
.mainNav li ul li.activePage a:visited,
.mainNav li ul li.activePage a:focus,
.mainNav li ul li.activePage a:hover {
    color: #4A8784;
}

.hasChildrenArrow {
    font-size: 14px;
    font-weight: normal !important;
    line-height: 14px !important;
    padding-left: 6px;
}


/* ----------------------------------------------------------------
Index Template
-----------------------------------------------------------------*/

.welcomeContentActive {
    background: 0;
}

#homePageContent #homeContent {
    text-align: left;
    padding: 50px 0 0;
}

#welcomeTitle {
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: left;
    border-bottom: 1px solid #181e24;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
}

#welcomeTitle span {
    background: 0;
    padding: 0;
}

#featuredProducts {
    padding: 30px 0;
}

#featuredProducts h2 {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #181e24;
}

#featuredProducts .collectionProduct {
    margin-bottom: 0 !important;
}

#spotlightSection {
    padding: 50px 0 30px;
}

#spotlightLeft {
    width: 49%;
    float: left;
    height: auto;
}

#spotlightRight {
    width: 49%;
    float: right;
    height: auto;
}

#spotlightLeft img,
#spotlightRight img {
    width: 100%;
    height: auto;
}

#homeContentColumns {
    padding: 50px 0 0;
    border-top: 1px solid #181e24;
    padding-bottom: 30px;
}

.homeCol {
    width: 33%;
    padding: 0 15px;
    float: left;
}

#homeColCenter {
    width: 34%;
}

#homeColLeft {
    padding: 0 30px 0 0;
}

#homeColRight {
    padding: 0 0 0 30px;
}

.homeCol #fb-root {
    display: none;
}

.homeCol .fb_iframe_widget,
.homeCol .fb_iframe_widget span,
.homeCol .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.homeCol .sidebarWidget {
    margin: 0 !important;
}


/* ----------------------------------------------------------------
Billboard
-----------------------------------------------------------------*/

#billboardSection {
    width: auto;
    max-width: 1024px;
    height: auto;
    margin: 0 auto;
    background: #101418;
    position: relative;
    overflow: hidden;
}

.slide {
    min-width: 100%;
    width: 100%;
    height: auto;
}

#nextSlide,
#nextSlide:link,
#nextSlide:visited {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2000;
    margin-top: -35px;
    font-size: 40px;
    line-height: 40px;
    font-weight: normal;
    color: #fff;
    padding: 15px;
    background: #000;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

#nextSlide:active,
#nextSlide:focus,
#nextSlide:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

#prevSlide,
#prevSlide:link,
#prevSlide:visited {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2000;
    margin-top: -35px;
    font-size: 40px;
    line-height: 40px;
    font-weight: normal;
    color: #fff;
    padding: 15px;
    background: #000;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

#prevSlide:active,
#prevSlide:focus,
#prevSlide:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

.cycle-slide h2 {
    width: 100%;
    margin: 0;
    position: absolute;
    z-index: 1000;
    bottom: 50px;
    left: 0;
    font-family: PT Sans Narrow, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

.cycle-slide h2 a {
    display: inline-block;
    padding: 15px 30px;
    text-align: center;
    color: #fff;
    background-color: #4A8784;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.billboardImage {
    display: block;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: auto;
    z-index: 900;
}

.slideNoTextLink {
    display: block;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 500;
}

.videoWrapper {
    max-width: 1024px;
    margin: 0 auto;
}

.videoWrapper .fluid-width-video-wrapper {
    margin-bottom: 0;
}

.slide {
    display: none;
}


/* ----------------------------------------------------------------
Utility Bar
-----------------------------------------------------------------*/
#utilityBar {
    min-width: 100%;
    min-height: 60px;

    background: #1a1f24;

}

#breadcrumbs {
    width: auto;
    max-width: 800px;
    line-height: 60px;
    font-size: 12px;
    text-transform: none;
    color: #5f6266;
}

#breadcrumbs a {
    color: #5f6266;
}

#breadcrumbs a:focus,
#breadcrumbs a:hover {
    color: #4A8784;
}

#breadcrumbs span {
    color: #5f6266;
}

#breadcrumbs span.activeBreadcrumb {
    color: #80858a;
}

#searchWrapper {
    width: auto;
    margin: 14px 0;
    float: right;
}

#searchInput {
    float: left;
    display: block;
    width: 150px;
    padding: 7px 5px;
    height: 30px;
    background: #fff;
    background-clip: padding-box;
    outline: none;

    border: 1px solid #1a1f24;

}

#searchButton {
    float: left;
    display: block;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: transparent;
    width: 18px;
    height: 18px;
    background: url(../img/searchBu.gif) no-repeat 0 0;
    margin: 5px 0 0 -25px;
}


/* ----------------------------------------------------------------
Main Content
-----------------------------------------------------------------*/

#content {
    float: right;
    width: 80%;
    max-width: 820px;
    padding: 40px 0 40px 50px;
}

.noSidebar {
    float: none !important;
    width: 100% !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 15px !important;
    max-width: 1024px !important;
}


/* ----------------------------------------------------------------
Template Headers
-----------------------------------------------------------------*/
#pageTitle {
    font-size: 30px;
    line-height: 56px;
    margin-bottom: 18px;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
}

#selectorTitle {
    font-size: 26px;
    line-height: 56px;
    margin-bottom: 18px;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
}

#calcmain {
    font-size: 26px;
    line-height: 56px;
    margin-bottom: 18px;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
}

.wideHeader {
    background: 0;
}

.wideHeader #pageHeader {
    margin: 12px 0 0;
}

#pageTitle {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #181e24;
}

#pageTitle span {
    padding: 0;
    background: 0;
}

#selectorTitle {
    text-align: left;
    padding-bottom: 2px;
    border-top: 1px solid #181e24;
    border-bottom: 1px solid #181e24;
}

#selectorTitle span {
    padding: 0;
    background: 0;
}


/* ----------------------------------------------------------------
Collection Template
-----------------------------------------------------------------*/
.collectionArrow {
    display: none;
}

.collectionHeader #pageTitle {
    margin-bottom: 20px;
}

.titleNoDescription #pageTitle {
    margin-bottom: 10px !important
}

#collectionImage {
    margin: 10px 0 30px;
}

.titleNoDescription #collectionImage {
    margin: 20px 0 30px;
}

#collectionControls {
    border-bottom: 1px solid #181e24;
    border-top: 1px solid #181e24;
    padding: 10px 0;
    margin: 0 0 50px 0;
}

.noDescription {
    border-top: 0 !important;
    padding: 0 0 10px !important;
}

#filterByLabel {
    text-transform: uppercase;
    margin-right: 5px;
    font-family: PT Sans Narrow, sans-serif;
}

#filterByTag,
#filterByType {
    outline: none;
    height: 28px;
    font-size: 13px;
    width: 170px;
}

.pagination {
    height: 28px;
}

#paginationPrev,
#paginationNext,
.pagination span {
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 13px;
    color: #aaaaaa;
    margin: 0 0 0 10px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
    display: block;
    color: #aaaaaa;
}

.pagination a:focus,
.pagination a:hover {
    color: #ffffff;
}

.pagination #paginationCurrent {
    color: #ffffff;
    background: #181e24;
}

#paginationPrev,
#paginationNext {
    width: 20px !important;
}

#showingNumbers {
    margin: 0 !important;
    font-style: italic;
    line-height: 28px;
    color: #aaaaaa;
}

#collectionProducts {
    border-bottom: 1px solid #181e24;
    margin: 0 0 10px 0;
    width: 100%;
    display: block;
}

.collectionProduct {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: 300px;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 5%;
}

.collectionWithSidebar .collectionProduct {
    width: 33%;
}

.collectionProductImageWrapper {
    display: block;
    max-width: 100%;
    height: 240px;
    line-height: 236px;
    text-align: center;
    margin-bottom: 8px;
}

.collectionProductImage,
.collectionProductImageWrapper img {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    max-height: 100%;
    display: inline;
    vertical-align: middle;
}

.collectionProductTitle {
    font-size: 15px;
    line-height: 17px;
    color: #ffffff;
    margin: 3px 0 !important;
    padding: 0 20px;
    font-family: PT Sans Narrow, sans-serif;
}

.collectionProductTitle a,
.collectionProductTitle a:link,
.collectionProductTitle a:active,
.collectionProductTitle a:visited {
    color: #ffffff;
}

.collectionProductTitle a:focus,
.collectionProductTitle a:hover {
    color: #4A8784;
}

.collectionProductPrice {
    color: #d9cd71;
    width: 100%;
    text-align: center !important;
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    font-weight: 300;
}

.compareAtPrice {
    color: #aaaaaa;
    margin: 0 0 0 5px;
}


/* ----------------------------------------------------------------
Product Template
-----------------------------------------------------------------*/
.product-template #socialSharing {
    width: 100%;
    margin: 20px 0;
    height: 50px;
}

#productImages {
    float: left;
    width: 45%;
    margin-bottom: 40px;
}

#mainProductImages {
    width: 100%;
    position: relative;
    text-align: center;
}

#mainZoomImage {
    max-width: 100%;
    vertical-align: middle;
    display: block;
}

#mainProductImages {
    line-height: 460px;
}

#mainZoomImage {
    max-height: 460px;
    line-height: 460px;
    display: inline;
}

.productImageGallery {
    width: 100%;
    display: none;
}

.productImageGallery img {
    max-width: 100%;
    display: inline;
}

.featuredImage {
    display: block;
    text-align: center;
}

.productThumbnailWrapper {
    cursor: pointer;
    width: 33%;
    padding: 0 5px;
    text-align: center;
    line-height: 120px;
    vertical-align: middle;
    display: block;
    margin: 10px 0 0;
    float: left;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.productThumbnailWrapper img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    line-height: 120px;
    vertical-align: middle;
    display: inline-block;
}

.productThumbnailZoom {
    display: block;
    width: auto;
    padding: 0 5px;
    height: 150px;
    display: inline-block;
    float: left;
    margin: 10px 0 0;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.activeThumbnail,
.activeThumbnailZoom {
    cursor: default;
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

#productDetails {
    float: right;
    width: 49%;
    margin-bottom: 40px;
    padding-top: 15px;
}

#productDescription {
    border-bottom: 1px solid #181e24;
    margin-bottom: 30px;
    padding: 15px 0 30px;
}

#productDescription p:last-child {
    margin-bottom: 0;
}

#productOptions {
    border-bottom: 1px solid #181e24;
    margin-bottom: 15px;
    padding-top: 15px;
}

#productOptions .selector-wrapper {
    width: 33%;
    float: left;
}

#productOptions label {
    display: block;
}

#productOptions select {
    width: 85%;
}

#productPurchase {
    margin: 40px 0 20px;
}

#productPriceWrapper {
    margin-bottom: 30px;
}

#productPriceWrapper #oldPrice {
    margin-left: -15px;
    padding-right: 20px;
}

#productPrice {
    color: #d9cd71;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    margin-right: 20px;
}

#productPrice #soldOutText {
    color: #cccccc;
}

#quantityWrapper {
    font-size: 14px;
    font-weight: 300;
    color: #aaaaaa;
}

#quantityWrapper input {
    margin: 0 20px 10px 20px;
    width: 50px;
    text-align: center;
}

#productExtras {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #181e24;
    color: #cccccc;
}

#productExtras p {
    margin: 0;
    font-style: italic;
    color: #cccccc;
    font-size: 13px;
    line-height: 21px;
}

#productExtras p a,
#productExtras p a:link,
#productExtras p a:visited,
#productExtras p a:active {
    color: #cccccc;
}

#productExtras p a:focus,
#productExtras p a:hover {
    color: #4A8784;
}

#productExtras p span.productExtrasTitle {
    color: #cccccc;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-family: PT Sans Narrow, sans-serif;
}

#facebookCommentsWall {
    padding: 10px 0 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #181e24;
}

#facebookCommentsWall #fb-root {
    display: none;
}

#facebookCommentsWall .fb_iframe_widget,
#facebookCommentsWall .fb_iframe_widget span,
#facebookCommentsWall .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

#productControls a,
#productControls a:link,
#productControls a:active,
#productControls a:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    color: #aaaaaa;
}

#productControls a:focus,
#productControls a:hover {
    color: #4A8784;
}

.cloudzoom-lens {
    border: none;
    border: 5px solid #888;
    width: 100px;
    height: 100px;
    box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.40);
    cursor: crosshair;
}

.cloudzoom-zoom {
    border: 1px solid #888;
    width: 500px;
    height: 200px;
    box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.40);
}

.cloudzoom-zoom-inside {
    border: none;
    box-shadow: none;
}

.cloudzoom-caption {
    display: none;
    text-align: left;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-family: sans-serif;
    font-size: 11px;
}

#relatedProducts {
    padding: 30px 0;
}

#relatedProducts h2 {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #181e24;
}

#relatedProducts .collectionProduct {
    margin-bottom: 0 !important;
}


/* ----------------------------------------------------------------
Blog Template
-----------------------------------------------------------------*/
#blogArticles {
    width: 100%;
}

.articleWrapper {
    margin: 0 0 60px 0 !important;
}

.articleTitle {
    margin-bottom: 6px !important;
}

.articleWrapper .articleTitle {
    margin-bottom: 20px !important;
    font-weight: 400;
    text-transform: none;
    font-size: 26px;
    line-height: 36px;

    padding-bottom: 10px;
    margin-bottom: 30px;
    background: 0;
    border-bottom: 1px solid #181e24;

}

.articleWrapper .articleTitle a,
.articleWrapper .articleTitle a:link,
.articleWrapper .articleTitle a:active,
.articleWrapper .articleTitle a:visited {
    color: #ffffff;
}

.articleWrapper .articleTitle a:focus,
.articleWrapper .articleTitle a:hover {
    color: #4A8784;
}

#articleSummary p {
    margin: 0 0 5px 0;
}

#articleSummary img {
    float: left;
    margin: 0 20px 10px 0;
}

#articleDetails {
    border-top: 1px solid #181e24;
    border-bottom: 1px solid #181e24;
    padding: 5px 0 0;
    margin: 25px 0 25px 0;
}

#articleDetails p {
    font-size: 13px;
    color: #aaaaaa;
    margin-bottom: 8px;
}

#articleDetails a,
#articleDetails a:link,
#articleDetails a:active,
#articleDetails a:visited {
    color: #cccccc;
    text-transform: capitalize;
}

#articleDetails a:focus,
#articleDetails a:hover {
    color: #4A8784;
}

#articleDetails span.tinyBar {
    padding: 0 20px;
    color: #181e24;
}

.articleWideTemplate #content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
}

.articleAuthor,
.articlePostedIn,
.articleDate {
    display: inline-block;
}

.articleCommentsCount {
    display: inline;
    white-space: nowrap;
}


/* ----------------------------------------------------------------
Article Template
-----------------------------------------------------------------*/
.article-template #pageTitle {
    margin-bottom: 4px;
    padding-bottom: 5px;
    font-size: 40px;

    background: 0;
    border-bottom: 1px solid #181e24;

}

.articleDetailsSingle {
    border-top: 0 !important;
    margin: 0 0 30px 0 !important;
}

#articleContent {
    border-bottom: 1px solid #181e24;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.article-template #socialSharing {
    margin: 0 0 40px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #181e24;
    padding: 0 0 20px 0;
}

#comments {
    margin: 10px 0 30px 0;
}

#commentsTitle,
#commentForm h2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}

#commentsList {
    list-style: none outside !important;
    margin: 0 0 30px 0 !important;
}

#commentsList article {
    list-style: none outside !important;
    border-bottom: 1px solid #181e24;
    padding: 15px 15px 15px 0;
    margin: 0 !important;
}

#commentsList article p {
    margin-bottom: 8px;
    line-height: 18px;
    font-size: 12px;
}

#commentsList article .commentDetails p {
    color: #aaaaaa;
    font-style: italic;
    font-size: 12px;
}

.commentGravatar {
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #181e24;
    margin: 0 15px 15px 0;
}

.commentFieldRow label {
}

.commentFieldRow p {
    margin: 0 0 30px 0 !important;
    min-height: 30px;
    clear: both;
}

.commentFieldRow input,
.commentFieldRow textarea {
    float: left;
    padding: 9px !important;
}

.commentFieldRow textarea {
    max-width: 100%;
}

.noticeSuccess {
    padding: 10px 15px;
    background: #E3F5D6;
    color: #378C09;
    margin: 10px 0;
}

.errors,
.noticeError {
    padding: 10px 15px;
    background: #F0CBCC;
    color: #990000;
    margin: 10px 0;
}

.errors {
    margin-bottom: 30px !important;
    color: #990000;
}

.errors ul {
    margin: 0 !important;
    color: #990000;
}

.errors ul li {
    list-style: none;
    margin: 0 !important;
    padding: 10px 0;
    color: #990000;
}

#commentSubmit {
    margin: 0 10px 20px 0;
}

.commentHint {
    font-size: 12px;
    display: inline-block;
}


/* ----------------------------------------------------------------
Sidebar
-----------------------------------------------------------------*/
#sidebar {
    float: left;
    width: 20%;
    max-width: 200px;
    padding: 40px 0 40px 0;
}

.sidebarWidget iframe,
.sidebarWidget img {
    max-width: 100%;
}

#sidebar #fb-root {
    display: none;
}

#sidebar .fb_iframe_widget,
#sidebar .fb_iframe_widget span,
#sidebar .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.sidebarWidget {
    margin: 0 0 50px 0;
}

.sidebarTitle {
    font-size: 15px;
    line-height: 21px;
    border-bottom: 1px solid #181e24;
    padding: 0 0 6px 0;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: PT Sans Narrow, sans-serif;
}

.subNavigationWrapper .sidebarTitle {
    margin-bottom: 0;
}

.subNavigation li {
    border-bottom: 1px solid #181e24;
    position: relative;
}

.subNavigation li a,
.subNavigation li a:link,
.subNavigation li a:active,
.subNavigation li a:visited {
    font-size: 13px;
    line-height: 16px;
    padding: 10px 0;
    display: block;
    color: #aaaaaa;
    font-weight: 400;
    text-transform: uppercase;
}

.subNavigation li a:focus,
.subNavigation li a:hover {
    color: #4A8784;
}

.subNavigation li .icon-angle-right {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 14px;
    line-height: 28px;
    color: #aaaaaa;
}

.subNavigation li.activeSubPage .icon-angle-down,
.subNavigation li:hover .icon-angle-down,
.subNavigation li.activeSubPage a,
.subNavigation li.activeSubPage a:link,
.subNavigation li.activeSubPage a:active,
.subNavigation li.activeSubPage a:visited,
.subNavigation li.activeSubPage a:focus,
.subNavigation li.activeSubPage a:hover {
    color: #4A8784;
}


/* ----------------------------------------------------------------
Blog Tags Widget
-----------------------------------------------------------------*/
#blogTags li {
    float: left;
    margin: 0 6px 6px 0;
}

#blogTags li a,
#blogTags li a:link,
#blogTags li a:visited {
    background: #181e24;
    color: #cccccc;
    padding: 3px 4px 5px;
    display: inline-block;
}

#blogTags li a:focus,
#blogTags li a:hover,
#blogTags li a:active {
    color: #aaaaaa;
}

#blogTags li.activeTag a {
    background: #ffffff;
    color: #aaaaaa;
}


/* ----------------------------------------------------------------
Latest News Widget
-----------------------------------------------------------------*/
#latestNews h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#latestNews .articleMeta {
    font-size: 11px;
    color: #aaaaaa;
    margin-bottom: 20px;
}


/* ----------------------------------------------------------------
Other Widgets
-----------------------------------------------------------------*/
.sidebarWidget input {
    margin-bottom: 10px;
    max-width: 100% !important;
}

#htmlContentWidget p,
#newsletterSignup p {
    font-size: 13px !important;
    line-height: 21px;
}


/* ----------------------------------------------------------------
Footer
-----------------------------------------------------------------*/
#mainFooter {
    min-width: 100%;
    padding: 40px 0 0;
    margin-bottom: 40px;

    background: 0;
    border-top: 1px solid #181e24;

}

#footerLeft {
    float: left;
    width: 50%;
    border-right: 1px solid #181e24;
    padding-right: 50px;
    margin-bottom: 30px;
}

#footerRight {
    float: right;
    width: 50%;
    padding-left: 30px;
}

#copyright {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    color: #676767;
    margin-bottom: 25px;
}

#credits {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    color: #676767;
    margin-bottom: 0;
}

#credits a,
#credits a:link,
#credits a:active,
#credits a:visited {
    color: #676767;
}

#credits a:focus,
#credits a:hover {
    color: #ffffff;
}

#footerLeft h5 {
    font-size: 16px;
    color: #676767;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
}

#footerSummary {
    font-size: 12px;
    line-height: 18px;
    color: #676767;
    padding-right: 40px;
    margin-bottom: 20px;
}

#footerNavWrapper {
    text-align: right;
}

#footerNav {
    min-height: 30px;
    margin: 0;
    text-align: right;
}

#footerNav li {
    margin: 0 0 15px 30px;
    display: inline-block;
}

#footerNav li a,
#footerNav li a:link,
#footerNav li a:active,
#footerNav li a:visited {
    font-size: 13px;
    color: #676767;
    font-weight: 400;
    text-transform: uppercase;
}

#footerNav li a:focus,
#footerNav li a:hover {
    color: #ffffff;
}

#paymentMethods {
    text-align: right;
    margin: 30px 0;
}

#paymentMethods img {
    margin-left: 10px;
    height: auto;
}


/* ----------------------------------------------------------------
Search Template
-----------------------------------------------------------------*/
#searchResults ul li {
    list-style: none outside !important;
}

.searchResultsImage {
    width: 120px;
    height: 120px;
    vertical-align: middle;
    line-height: 120px;
    text-align: center;
    margin: 0 20px 40px 0;
}

.searchResultsImage img {
    max-width: 120px;
    max-height: 120px;
    display: inline;
    vertical-align: middle;
    line-height: 120px;
}

#searchResultsListings li {
    margin: 0;
    padding: 40px 0 0;
    border-bottom: 1px solid #181e24;
}

#searchResults .btnStyle {
    margin-left: 10px;
}

.highlight {
    background: yellow;
    font-weight: bold;
}


/* ----------------------------------------------------------------
Shopping Cart
---------------------------------------------------------------- */
#cartEmpty {
    margin: 0 0 40px;
}

#cartStuff {
    margin-bottom: 30px;
}

#basket {
    width: 100%;
}

#basket p {
    margin-bottom: 0px;
}

#basketHeader {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #181e24;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#basketHeader .basketColumn {
    float: left;
    width: 10%;
    text-align: center;
}

#basketHeader #itemsHeader {
    text-align: left;
    width: 60% !important;
}

.basketRow {
    border-bottom: 1px solid #181e24;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.basketRow .basketColumn {
    float: left;
    width: 10%;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

.titleImageCol {
    width: 60% !important;
}

.itemImage {
    float: left;
    height: auto;
    max-height: 100px;
    width: auto;
    max-width: 100px;
    display: block;
    margin-right: 20px;
}

.itemTitle {
    float: left;
    text-align: left !important;
    padding: 40px 0 0;
    font-size: 14px;
    line-height: 18px;
}

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

.itemDelete a,
.itemDelete a:link,
.itemDelete a:active,
.itemDelete a:visited {
    border: 0px;
    font-size: 14px !important;
    color: #ffffff;
}

.itemDelete a:focus,
.itemDelete a:hover {
    color: #cc0000;
}

.itemLinePrice {
    font-weight: bold;
}

#specialInstructions {
    width: 45%;
    padding-top: 20px;
}

#specialInstructions textarea {
    max-width: 100%;
}

#checkoutButtons {
    width: 45%;
    text-align: right;
    padding-top: 20px;
    margin-bottom: 30px;
}

#updateCart {
    display: inline-block;
    margin: 20px 10px 0 0;
    background: 0;
    color: #cccccc !important;
}

#updateCart:focus,
#updateCart:hover {
    color: #4A8784 !important;
}

#subTotal {
    display: block;
    margin: 10px 0;
    font-size: 22px;
    font-weight: 400;
    text-transform: none;
}

#estimated-shipping {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    text-transform: none;
}

#subTotal span {
    color: #d9cd71;
}


/* ----------------------------------------------------------------
Shipping Calculator Styling
---------------------------------------------------------------- */
#shipping-calculator {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #181e24;
}

#wrapper-response {
    margin-bottom: 15px;
}

#wrapper-response * {
    font-size: 12px;
}

#shipping-rates {
    list-style-type: square;
    padding-left: 0;
    margin-left: 0;
    list-style-position: inside;
}

.get_rates {
    margin: 30px 0 0 !important;
    float: right;
    display: block;
}

#shipping-calculator p.success {
    padding: 10px 15px;
    color: #378C09;
    background: #BDE0A8;
}

#shipping-calculator p.error {
    color: #990000;
    padding: 10px 15px;
    background: #EEBDBD;
}

#shipping-rates li {
    list-style: none;
    padding: 10px 15px;
    background: #ddd;
    color: #000;
    margin: 0 0 10px 0;
}

#shipping-calculator label {
    width: 155px;
    display: inline-block;
}

#shipping-calculator select {
    width: 200px;
}

#shippingWeightError {
    padding: 10px;
    color: #990000;
    background: #F4DFDC;
    border: 1px solid #990000;
}


/* ----------------------------------------------------------------
Fancybox
---------------------------------------------------------------- */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none; /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/* ----------------------------------------------------------------
Alertify
---------------------------------------------------------------- */
.alertify,
.alertify-log {
}

.alertify {
    background: #FFF;
    border: 10px solid #333; /* browsers that don't support rgba */
    border: 10px solid rgba(0, 0, 0, .7);
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    -moz-background-clip: padding; /* Firefox 3.6 */
    background-clip: padding-box; /* Firefox 4,Safari 5,Opera 10,IE 9 */
}

.alertify-text {
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 4px;
}

.alertify-button {
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
}

.alertify-button:hover,
.alertify-button:focus {
    outline: none;
    box-shadow: 0 0 15px #2B72D5;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
}

.alertify-button:active {
    position: relative;
    top: 1px;
}

.alertify-button-cancel {
    background-color: #FE1A00;
    border: 1px solid #D83526;
}

.alertify-button-ok {
    background-color: #5CB811;
    border: 1px solid #3B7808;
}

.alertify-log {
    background: #4A8784;
    color: Added to Cart;
    padding: 15px;
    color: #fff;
}

.alertify-log-error {
    background: #FE1A00;
    background: rgba(254, 26, 0, .9);
}

.alertify-log-success {
    background: #4A8784;
    color: Added to Cart;
}

.alertify-show,
.alertify-log {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.alertify-hide {
    -webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
    -webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 50px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
}

.alertify-hidden {
    top: -50px;
    visibility: hidden;
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    top: 10px;
    right: 10px;
    width: 300px;
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
}

.alertify-log-show {
    right: 0;
}

.alertify-dialog {
    padding: 25px;
}

.alertify-resetFocus {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.alertify-inner {
    text-align: center;
}

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}

.alertify-buttons {
}

.alertify-button {
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}


/* ----------------------------------------------------------------
Account Templates
-----------------------------------------------------------------*/
#customerLeft {
    width: 45%;
    float: left;
}

#customerRight {
    width: 45%;
    float: right;
}

.action_top {
    padding-top: 10px;
    text-align: center;
}

.action_return a {
    display: inline-block;
}

.note p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 15px;
    font-style: italic;
}

.address_table {
    width: 48%;
    float: left;
    margin: 10px 4% 60px 0;
}

.oddAddress {
    margin-right: 0;
}

.address_title {
    float: left;
    margin-bottom: 0;
}

.cancelled_order,
.cancelled_order a {
    color:;
}

.customer_address {
    padding: 20px;
    background: #181e24;
}

.customer_address form {
}

.customer_address_table {
    margin: 0;
    border: 0 !important;
}

.customer_address .view_address {
    display: none;
}

.customer_address .view_address p {
    padding-bottom: 0;
    margin: 0;
}

.address_actions {
    margin-bottom: 0 !important;
    font-size: 12px;
    float: right;
}

.address_actions a {
    margin-left: 10px;
    display: inline-block;
}

.default_address {
    font-style: italic;
    margin-left: 10px;
}

.note {
    color:;
    font-size: 12px;
    font-weight: normal;
}

.note_first {
    font-weight: bold;
}

.order_date {
    padding: 12px 15px;
    text-align: left;
    background: #f4f8e4;
    margin-bottom: 20px;
}

.order_number {
    width: 100px;
}

.order_section_title {
    padding-bottom: 15px;
}

.order_summary .label {
    padding: 10px 35px 10px 6px;
}

.order_summary td {
    border: none;
    text-align: center !important;
}

.order_total td {
    border-bottom: 1px solid;
    border-top: 1px solid;
    font-weight: bold;
}

.status_paid, .status_authorized,
.status_filed, .status_pending,
.status_abandoned,
.status_fulfilled,
.status_partial,
.status_unfulfilled,
.status_restocked,
.status_voided,
.status_refunded {
    font-size: 12px;
    padding: 1px 4px;
    margin: 0;
}

.status_paid, .status_authorized,
.status_fulfilled {
    background-color: #80BD4E;
    color: #FFFFFF;
}

.status_filed, .status_pending,
.status_unfulfilled {
    background-color: #EEEEEE;
    color: #000000;
}

.status_abandoned, .status_voided,
.status_refunded,
.status_restocked {
    background-color: #AF9C7E;
    color: #FFFFFF;
}

.value {
    text-align: left;
}

.textile #customer_orders table td {
    text-align: center !important;
}

#address_tables .label {
    color:;
    font-size: 12px;
    padding-right: 35px;
    width: 100px;
}

.edit_address p,
#add_address p {
    margin-bottom: 15px !important;
}

#add_address {
    margin: 0 0 40px;
}

#address_pagination {
    padding-top: 20px;
}

#view_address {
    display: block;
    margin-top: 15px;
}

#customer_sidebar {
    padding: 12px;
    background: #181e24;
}

#view_address {
    text-align: center;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: #4A8784;
    color: #ffffff !important;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

#addAddressLink {
    margin-bottom: 40px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: #4A8784;
    color: #ffffff !important;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

#badtoken {
    width: 200px;
}

#customer,
#recover-password {
    width: 100%;
}

#guestForm {
    border-top: 1px solid #181e24;
    padding: 30px 0;
    margin-top: 40px;
}

#customer_detail .name {
    padding-bottom: 5px;
}

#customer_sidebar {
    float: left;
    padding-right: 30px;
    text-align: left;
    width: 25%;
}

#forgot_password a {
    color:;
    display: block;
    height: 34px;
    float: left;
    line-height: 34px;
    text-align: center;
    width: 203px;
    border: 1px solid #E8E8E8;
    border-left: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#forgot_password a:hover {
    text-decoration: underline;
    #ffffff;
}

#logout {
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 0;
}

#customer_orders {
    width: 70%;
    float: right;
}

#customer_orders table {
    margin-top: 0 !important;
    text-align: center;
}

#customer_orders .date {
    width: 125px;
}

#order_address {
    float: left;
    width: 25%;
    padding: 12px;
    background: #181e24;
    margin: 20px 0;
}

#order_address p {
    line-height: 1.2em;
    text-align: left;
}

#order_cancelled {
    margin-bottom: 20px;
}

#order_cancelled_title {
    padding-bottom: 0;
}

#order_details {
    width: 70%;
}

#order_details,
#order_notes {
    float: right;
    margin: 20px 0 0;
}

#order_details .money {
    white-space: nowrap;
}

#order_details {
    text-align: center;
}

#order_payment {
    border-bottom: 1px solid #181e24;
    padding: 10px 0 15px;
}

#order_shipping {
    padding: 25px 0 10px;
}

#order_notes {
    width: 580px;
}

#forgotPasswordLink {
    margin-top: 10px;
    display: inline-block;
}

td.alignTextLeft {
    text-align: left !important;
    padding-left: 6px;
}


/* ----------------------------------------------------------------
Facebook Helper CSS
---------------------------------------------------------------- */
.fb_iframe_widget iframe {
    background: #101418 !important;
}

.fb_iframe_widget iframe .fbFeedbackContent .fbFeedbackContentHeader {
    border-color: #181e24 !important;
}

/* Font Awesome 3.2.1 - the iconic font designed for use with Twitter Bootstrap - The full suite of pictographic icons,examples,and documentation can be found at:http://fortawesome.github.com/Font-Awesome/ */

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em;
}

a [class^="icon-"], a [class*=" icon-"] {
    display: inline;
}

[class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.1428571428571428em;
    text-align: right;
    padding-right: 0.2857142857142857em;
}

[class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.4285714285714286em;
}

.icons-ul {
    margin-left: 2.142857142857143em;
    list-style-type: none;
}

.icons-ul > li {
    position: relative;
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    text-align: center;
    line-height: inherit;
}

[class^="icon-"].hide, [class*=" icon-"].hide {
    display: none;
}

.icon-muted {
    color: #eeeeee;
}

.icon-light {
    color: #ffffff;
}

.icon-dark {
    color: #333333;
}

.icon-border {
    border: solid 1px #eeeeee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.icon-2x {
    font-size: 2em;
}

.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.icon-3x {
    font-size: 3em;
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.icon-4x {
    font-size: 4em;
}

.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.icon-5x {
    font-size: 5em;
}

.icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

[class^="icon-"].pull-left, [class*=" icon-"].pull-left {
    margin-right: .3em;
}

[class^="icon-"].pull-right, [class*=" icon-"].pull-right {
    margin-left: .3em;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: none;
}

.btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large {
    line-height: .9em;
}

.btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin {
    display: inline-block;
}

.nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large {
    line-height: .9em;
}

.btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em;
}

.btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em;
}

.btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] {
    margin-top: 0;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em;
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em;
}

.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
    line-height: inherit;
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%;
}

.icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em;
}

.icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em;
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

a .icon-stack, a .icon-spin {
    display: inline-block;
    text-decoration: none;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
    display: inline-block;
}

.icon-glass:before {
    content: "\f000";
}

.icon-music:before {
    content: "\f001";
}

.icon-search:before {
    content: "\f002";
}

.icon-envelope-alt:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

.icon-user:before {
    content: "\f007";
}

.icon-film:before {
    content: "\f008";
}

.icon-th-large:before {
    content: "\f009";
}

.icon-th:before {
    content: "\f00a";
}

.icon-th-list:before {
    content: "\f00b";
}

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-power-off:before, .icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

.icon-gear:before, .icon-cog:before {
    content: "\f013";
}

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file-alt:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

.icon-rotate-right:before, .icon-repeat:before {
    content: "\f01e";
}

.icon-refresh:before {
    content: "\f021";
}

.icon-list-alt:before {
    content: "\f022";
}

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-map-marker:before {
    content: "\f041";
}

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-mail-forward:before, .icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.icon-folder-close:before {
    content: "\f07b";
}

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-gears:before, .icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up-alt:before {
    content: "\f087";
}

.icon-thumbs-down-alt:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

.icon-phone:before {
    content: "\f095";
}

.icon-unchecked:before, .icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

.icon-phone-sign:before {
    content: "\f098";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

.icon-credit-card:before {
    content: "\f09d";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

.icon-circle-arrow-left:before {
    content: "\f0a8";
}

.icon-circle-arrow-right:before {
    content: "\f0a9";
}

.icon-circle-arrow-up:before {
    content: "\f0aa";
}

.icon-circle-arrow-down:before {
    content: "\f0ab";
}

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-fullscreen:before {
    content: "\f0b2";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paperclip:before, .icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

.icon-list-ul:before {
    content: "\f0ca";
}

.icon-list-ol:before {
    content: "\f0cb";
}

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-pinterest-sign:before {
    content: "\f0d3";
}

.icon-google-plus-sign:before {
    content: "\f0d4";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-money:before {
    content: "\f0d6";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-rotate-left:before, .icon-undo:before {
    content: "\f0e2";
}

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

.icon-comment-alt:before {
    content: "\f0e5";
}

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-lightbulb:before {
    content: "\f0eb";
}

.icon-exchange:before {
    content: "\f0ec";
}

.icon-cloud-download:before {
    content: "\f0ed";
}

.icon-cloud-upload:before {
    content: "\f0ee";
}

.icon-user-md:before {
    content: "\f0f0";
}

.icon-stethoscope:before {
    content: "\f0f1";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-bell-alt:before {
    content: "\f0f3";
}

.icon-coffee:before {
    content: "\f0f4";
}

.icon-food:before {
    content: "\f0f5";
}

.icon-file-text-alt:before {
    content: "\f0f6";
}

.icon-building:before {
    content: "\f0f7";
}

.icon-hospital:before {
    content: "\f0f8";
}

.icon-ambulance:before {
    content: "\f0f9";
}

.icon-medkit:before {
    content: "\f0fa";
}

.icon-fighter-jet:before {
    content: "\f0fb";
}

.icon-beer:before {
    content: "\f0fc";
}

.icon-h-sign:before {
    content: "\f0fd";
}

.icon-plus-sign-alt:before {
    content: "\f0fe";
}

.icon-double-angle-left:before {
    content: "\f100";
}

.icon-double-angle-right:before {
    content: "\f101";
}

.icon-double-angle-up:before {
    content: "\f102";
}

.icon-double-angle-down:before {
    content: "\f103";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-desktop:before {
    content: "\f108";
}

.icon-laptop:before {
    content: "\f109";
}

.icon-tablet:before {
    content: "\f10a";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-circle-blank:before {
    content: "\f10c";
}

.icon-quote-left:before {
    content: "\f10d";
}

.icon-quote-right:before {
    content: "\f10e";
}

.icon-spinner:before {
    content: "\f110";
}

.icon-circle:before {
    content: "\f111";
}

.icon-mail-reply:before, .icon-reply:before {
    content: "\f112";
}

.icon-github-alt:before {
    content: "\f113";
}

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}

.icon-expand-alt:before {
    content: "\f116";
}

.icon-collapse-alt:before {
    content: "\f117";
}

.icon-smile:before {
    content: "\f118";
}

.icon-frown:before {
    content: "\f119";
}

.icon-meh:before {
    content: "\f11a";
}

.icon-gamepad:before {
    content: "\f11b";
}

.icon-keyboard:before {
    content: "\f11c";
}

.icon-flag-alt:before {
    content: "\f11d";
}

.icon-flag-checkered:before {
    content: "\f11e";
}

.icon-terminal:before {
    content: "\f120";
}

.icon-code:before {
    content: "\f121";
}

.icon-reply-all:before {
    content: "\f122";
}

.icon-mail-reply-all:before {
    content: "\f122";
}

.icon-star-half-full:before, .icon-star-half-empty:before {
    content: "\f123";
}

.icon-location-arrow:before {
    content: "\f124";
}

.icon-crop:before {
    content: "\f125";
}

.icon-code-fork:before {
    content: "\f126";
}

.icon-unlink:before {
    content: "\f127";
}

.icon-question:before {
    content: "\f128";
}

.icon-info:before {
    content: "\f129";
}

.icon-exclamation:before {
    content: "\f12a";
}

.icon-superscript:before {
    content: "\f12b";
}

.icon-subscript:before {
    content: "\f12c";
}

.icon-eraser:before {
    content: "\f12d";
}

.icon-puzzle-piece:before {
    content: "\f12e";
}

.icon-microphone:before {
    content: "\f130";
}

.icon-microphone-off:before {
    content: "\f131";
}

.icon-shield:before {
    content: "\f132";
}

.icon-calendar-empty:before {
    content: "\f133";
}

.icon-fire-extinguisher:before {
    content: "\f134";
}

.icon-rocket:before {
    content: "\f135";
}

.icon-maxcdn:before {
    content: "\f136";
}

.icon-chevron-sign-left:before {
    content: "\f137";
}

.icon-chevron-sign-right:before {
    content: "\f138";
}

.icon-chevron-sign-up:before {
    content: "\f139";
}

.icon-chevron-sign-down:before {
    content: "\f13a";
}

.icon-html5:before {
    content: "\f13b";
}

.icon-css3:before {
    content: "\f13c";
}

.icon-anchor:before {
    content: "\f13d";
}

.icon-unlock-alt:before {
    content: "\f13e";
}

.icon-bullseye:before {
    content: "\f140";
}

.icon-ellipsis-horizontal:before {
    content: "\f141";
}

.icon-ellipsis-vertical:before {
    content: "\f142";
}

.icon-rss-sign:before {
    content: "\f143";
}

.icon-play-sign:before {
    content: "\f144";
}

.icon-ticket:before {
    content: "\f145";
}

.icon-minus-sign-alt:before {
    content: "\f146";
}

.icon-check-minus:before {
    content: "\f147";
}

.icon-level-up:before {
    content: "\f148";
}

.icon-level-down:before {
    content: "\f149";
}

.icon-check-sign:before {
    content: "\f14a";
}

.icon-edit-sign:before {
    content: "\f14b";
}

.icon-external-link-sign:before {
    content: "\f14c";
}

.icon-share-sign:before {
    content: "\f14d";
}

.icon-compass:before {
    content: "\f14e";
}

.icon-collapse:before {
    content: "\f150";
}

.icon-collapse-top:before {
    content: "\f151";
}

.icon-expand:before {
    content: "\f152";
}

.icon-euro:before, .icon-eur:before {
    content: "\f153";
}

.icon-gbp:before {
    content: "\f154";
}

.icon-dollar:before, .icon-usd:before {
    content: "\f155";
}

.icon-rupee:before, .icon-inr:before {
    content: "\f156";
}

.icon-yen:before, .icon-jpy:before {
    content: "\f157";
}

.icon-renminbi:before, .icon-cny:before {
    content: "\f158";
}

.icon-won:before, .icon-krw:before {
    content: "\f159";
}

.icon-bitcoin:before, .icon-btc:before {
    content: "\f15a";
}

.icon-file:before {
    content: "\f15b";
}

.icon-file-text:before {
    content: "\f15c";
}

.icon-sort-by-alphabet:before {
    content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e";
}

.icon-sort-by-attributes:before {
    content: "\f160";
}

.icon-sort-by-attributes-alt:before {
    content: "\f161";
}

.icon-sort-by-order:before {
    content: "\f162";
}

.icon-sort-by-order-alt:before {
    content: "\f163";
}

.icon-thumbs-up:before {
    content: "\f164";
}

.icon-thumbs-down:before {
    content: "\f165";
}

.icon-youtube-sign:before {
    content: "\f166";
}

.icon-youtube:before {
    content: "\f167";
}

.icon-xing:before {
    content: "\f168";
}

.icon-xing-sign:before {
    content: "\f169";
}

.icon-youtube-play:before {
    content: "\f16a";
}

.icon-dropbox:before {
    content: "\f16b";
}

.icon-stackexchange:before {
    content: "\f16c";
}

.icon-instagram:before {
    content: "\f16d";
}

.icon-flickr:before {
    content: "\f16e";
}

.icon-adn:before {
    content: "\f170";
}

.icon-bitbucket:before {
    content: "\f171";
}

.icon-bitbucket-sign:before {
    content: "\f172";
}

.icon-tumblr:before {
    content: "\f173";
}

.icon-tumblr-sign:before {
    content: "\f174";
}

.icon-long-arrow-down:before {
    content: "\f175";
}

.icon-long-arrow-up:before {
    content: "\f176";
}

.icon-long-arrow-left:before {
    content: "\f177";
}

.icon-long-arrow-right:before {
    content: "\f178";
}

.icon-apple:before {
    content: "\f179";
}

.icon-windows:before {
    content: "\f17a";
}

.icon-android:before {
    content: "\f17b";
}

.icon-linux:before {
    content: "\f17c";
}

.icon-dribbble:before {
    content: "\f17d";
}

.icon-skype:before {
    content: "\f17e";
}

.icon-foursquare:before {
    content: "\f180";
}

.icon-trello:before {
    content: "\f181";
}

.icon-female:before {
    content: "\f182";
}

.icon-male:before {
    content: "\f183";
}

.icon-gittip:before {
    content: "\f184";
}

.icon-sun:before {
    content: "\f185";
}

.icon-moon:before {
    content: "\f186";
}

.icon-archive:before {
    content: "\f187";
}

.icon-bug:before {
    content: "\f188";
}

.icon-vk:before {
    content: "\f189";
}

.icon-weibo:before {
    content: "\f18a";
}

.icon-renren:before {
    content: "\f18b";
}

.collectionArrow {
    display: none;
}


/* ----------------------------------------------------------------
IE Only CSS
---------------------------------------------------------------- */
.ie7 textarea,
.ie8 textarea,
.ie9 textarea {
    overflow: auto;
}

.ie7 .cycle-slide-active {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000 !important;
    visibility: visible !important;
    display: block !important;
    filter: alpha(opacity=100) !important;
}

.ie7 #nextSlide,
.ie7 #prevSlide {
    z-index: 5000 !important;
}

.ie7 #mainHeader {
    position: relative;
    z-index: 6000 !important;
}

.ie7 .mainNav li ul {
    width: 180px;
}

.ie7 #searchInput {
    height: 15px;
}

.ie7 #billboardSection {
    z-index: 1000 !important;
}

.ie7 .wideHeader {
    background-position-y: 70px;
}

.ie7 #content {
    width: 770px;
    max-width: 770px;
}

.ie7 .wideHeader #content {
    width: 100%;
    max-width: 100%;
}

.ie7 #collectionProducts {
    clear: both;
}

.ie7 .collectionProduct {
    width: 240px !important;
    padding: 0 8px !important;
    height: 330px !important;
}

.ie7 #footerLeft {
    width: 40%;
}

.ie7 #footerNavWrapper {
    text-align: right;
    margin-bottom: 15px;
}

.ie7 #footerNav {
    float: none;
    text-align: right;
}

.ie7 #footerNav li {
    display: inline;
}

.ie7 .icon-remove {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-pencil {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-shopping-cart {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-twitter-sign {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-facebook-sign {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-twitter {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-facebook {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-reorder {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-pinterest {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-pinterest-sign {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-google-plus-sign {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-google-plus {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-angle-left {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-angle-right {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 .icon-angle-down {
    *zoom: expression(this.runtimeStyle['zoom']='1',this.innerHTML=' ');
}

.ie7 #homeColLeft {
    width: 31% !important;
    padding: 0 !important;
    margin: 0 2% 30px 0 !important;
}

.ie7 #homeColCenter {
    width: 32% !important;
    padding: 0 !important;
    margin: 0 1% 30px !important;
}

.ie7 #homeColRight {
    width: 31% !important;
    padding: 0 !important;
    margin: 0 0 30px 2% !important;
}

.ie7 .productThumbnailWrapper {
    width: 31% !important;
}


/* ----------------------------------------------------------------
Mobile Styling Begin
-----------------------------------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 770px) {
    .collectionProductTitle {
        font-size: 13px;
        line-height: 15px;
    }

    .collectionProductImageWrapper {
        height: 200px;
        line-height: 196px;
    }

    .mainNav li {
        margin: 0 0 6px 24px;
    }

    .mainNav li a,
    .mainNav li a:link,
    .mainNav li a:active,
    .mainNav li a:visited,
    .mainNav li a:focus,
    .mainNav li a:active {
        font-size: 13px;
    }
}

@media screen and (max-width: 769px) {
    .mobileNav {
        text-align: left !important;
        z-index: 9000;
        display: none;
        background: #101418;
        margin: 0;
        width: 100%;
        position: absolute;
        left: 0;
        padding: 20px 0;
        -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.5);
    }

    .mobileNav li {
        margin: 0;
        padding: 10px 20px;
        color: #eeeeee;
    }

    .mobileNav li a {
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: PT Sans, sans-serif;
        color: #eeeeee;
        padding: 10px 0;
        display: block;
        margin: 0;
        background: 0;
        float: none;
    }

    .mobileNav li ul {
        display: none;
    }

    .mobileNav li ul li a {
        font-size: 16px;
    }

    /* Main Header/Footer Styling */
    #mainHeader {
        padding: 10px 0;
    }

    #imageLogo {
        width: 50%;
        margin: 10px 0;
    }

    #textLogo {
        font-size: 40px;
    }

    #headerRight {
        width: 45%;
    }

    #mainNavWrapper {
        margin: 0;
    }

    .mainNav {
        display: none;
    }

    #showMobileMenu {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        height: 24px;
        margin-top: -12px;
        line-height: 25px;
        font-size: 25px;
        color: #eeeeee;
        font-weight: normal !important;
    }

    .showMobileMenuActive {
        z-index: 9000;
        color: #4A8784;
        background: #101418;
    }

    #utilityNav li,
    #cartLinkBorder {
        display: none;
    }

    #cartLinkWrapper {
        display: block !important;
        position: absolute;
        top: 50%;
        right: 30px;
        height: 24px;
        margin-top: -12px;
    }

    #cartLinkWrapper .icon-shopping-cart {
        color: #eeeeee;
        font-weight: normal !important;
        font-size: 23px;
        line-height: 23px;
    }

    #cartLinkWrapper #yourCart {
        display: none;
    }

    #showMobileMenu {
        right: 30px;
    }

    #cartLinkWrapper {
        right: 60px;
    }

    #footerLeft {
        width: 100%;
        margin: 0 auto 30px;
        text-align: center;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #181e24;
    }

    #footerRight {
        width: 100%;
        margin: 0 auto 30px;
        text-align: center !important;
        padding: 0;
    }

    #footerNavWrapper,
    #footerNav,
    #socialLinks,
    #paymentMethods {
        text-align: center;
    }

    #socialLinks a {
        margin: 0 10px !important;
    }

    #footerNav li {
        margin: 0 15px 15px;
    }

    #footerSummary {
        padding-right: 0;
    }

    #credits {
        margin-bottom: 20px !important;
    }

    /* Index */
    .homeCol .sidebarWidget {
        margin-top: 40px !important;
    }

    .cycle-slide h2 {
        font-size: 30px;
        line-height: 30px;
        bottom: 30px;
    }

    /* Content */
    .wideHeader {
        background-position: center 20px;
    }

    #pageTitle {
        font-size: 40px;
        line-height: 46px;
        padding-bottom: 10px;
    }

    .wideHeader #pageHeader {
        margin-top: 30px;
    }

    .wideHeader #pageHeader #pageTitle {
        margin-bottom: 10px;
    }

    #content {
        float: none;
        width: 100%;
        max-width: 100%;
        padding-top: 30px;
        padding-left: 0;
    }

    #sidebar {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    /* Product */
    #productImages {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .fancyboxContainer {
        width: 100% !important;
    }

    .fancyboxContainer a {
        display: block !important;
        width: 28%;
        float: left;
        margin: 0 2% 20px;
    }

    .fancyboxGallery {
        display: none;
    }

    #productDetails {
        width: 100%;
    }

    .alertify,
    .alertify-logs {
        width: 100%;
        top: 0px;
        right: 0;
    }

    .alertify {
        left: 5%;
        margin: 0;
    }

    /* Blog/Articles */
    #articleDetails span {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid #181e24;
    }

    .articleCommentsCount {
        display: block;
    }

    #articleDetails span.tinyBar {
        display: none;
    }

    .article-template #socialSharing {
        width: 100%;
    }

    /* Customer */
    #order_details,
    #customer_orders {
        width: 100%;
        float: none;
        font-size: 12px;
    }

    #customer_sidebar,
    #order_address {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .address_table {
        width: 100%;
        float: left;
        margin: 10px 0 30px;
    }

    #order_details table td,
    #customer_orders table td {
        padding: 0 !important;
    }

    .noty_text {
        float: none;
        margin-bottom: 30px;
    }

    /* Cart */
    #priceHeader,
    .itemPrice {
        display: none;
    }

    .basketColumn {
        width: 13% !important
    }

    .basketRow .basketColumn {
        line-height: 80px !important;
    }

    .basketRow .basketColumn img {
        max-width: 80px;
        max-height: 80px;
    }

    .titleImageCol {
        width: 60% !important;
    }

    .itemTitle {
        font-size: 13px;
        padding-top: 30px;
    }
}

@media screen and (max-width: 769px) and (min-width: 480px) {
    /* Collection */
    .collectionWithSidebar .collectionProduct,
    .collectionProduct {
        width: 33.3%;
        height: 210px
    }

    .lastProduct {
        display: none !important;
    }

    .collectionProductImageWrapper {
        height: 150px;
        line-height: 146px;
    }

    /* Product */
    .zoomContainer {
        width: 65% !important;
        float: left;
        margin: 0;
        padding: 0;
    }

    .zoomGallery {
        width: 35% !important;
        float: right;
        margin: 0;
        padding: 0;
        clear: none;
    }

    /* Cart */
    #specialInstructions {
        width: 60%;
        float: left;
        margin: 0;
    }

    #checkoutButtons {
        width: 40%;
        float: right;
        margin: 0 0 50px;
    }
}

@media screen and (max-width: 640px) {
    body {
        -webkit-text-size-adjust: 100%;
    }

    .siteContainer {
        padding: 0 15px;
    }

    /* Index */
    #homeContent {
        text-align: left !important;
    }

    #homeContentColumns {
        border-top: 0;
        padding-top: 0px;
    }

    #homeColCenter,
    #homeColLeft,
    #homeColRight {
        width: 100%;
        padding: 0;
        float: none;
        margin: 0 0 20px !important;
    }

    /* Collection */
    #filterByWrapper {
        width: 100%;
        margin-bottom: 15px;
    }

    #collectionProducts {
        border-bottom: 0;
    }

    #collectionPagination {
        width: 100%;
    }

    .collectionProduct,
    .collectionWithSidebar .collectionProduct {
        position: relative;
        float: none;
        text-align: left !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100px !important;
        padding: 10px 0 20px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #181e24;
    }

    .collectionProductImageWrapper {
        float: left;
        width: 80px !important;
        height: 80px !important;
        margin: 0 20px 0 0;
        padding: 0;
    }

    .collectionProductImageWrapper img {
        max-width: 100%;
        max-height: 100%;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }

    .lastProduct {
        display: block !important;
    }

    .collectionProductDetailsWrapper {
        display: block !important;
        background: 0 !important;
    }

    .collectionProductTitle {
        margin: 0 0 5px !important;
        padding: 10px 20px 0 0;
        font-size: 22px;
        line-height: 26px;
    }

    .collectionProductPrice {
        display: inline;
    }

    .collectionArrow {
        display: block;
        position: absolute;
        top: 15px;
        right: 0;
        font-size: 30px;
        line-height: 30px;
    }

    /* Cart */
    #specialInstructions {
        width: 100%;
        float: none;
        margin: 0;
    }

    #checkoutButtons {
        width: 100%;
        float: none;
        margin: 0 0 50px;
    }

    #basketHeader .basketColumn,
    .itemPrice {
        display: none;
    }

    #itemsHeader {
        display: block !important;
    }

    .basketColumn {
        width: 33% !important;
        text-align: left !important;
    }

    .itemDelete a,
    .itemDelete a:link,
    .itemDelete a:active,
    .itemDelete a:visited {
        font-size: 20px !important;
        position: absolute;
        bottom: 48px;
        right: 0;
    }

    .basketRow {
        position: relative;
    }

    .basketRow .basketColumn {
        line-height: 80px !important;
    }

    .basketRow .basketColumn img {
        max-width: 80px;
        max-height: 80px;
    }

    .titleImageCol {
        width: 100% !important;
    }

    .itemTitle {
        font-size: 13px;
        padding-top: 30px;
    }
}

@media screen and (max-width: 479px) and (min-width: 321px) {
    /* Main Header/Footer Styling */
    #textLogo {
        font-size: 32px;
        line-height: 40px;
    }

    #searchWrapper {
        display: none;
    }

    #breadcrumbs {
        padding: 15px;
        line-height: 20px;
    }

    #breadcrumbs a,
    #breadcrumbs span {
        display: inline-block;
    }

    #footerNav {
        display: none;
    }

    /* Index */
    .cycle-slide h2 {
        font-size: 20px;
        line-height: 20px;
        bottom: 0px;
        width: 100%;
    }

    .cycle-slide h2 a {
        padding: 6px 12px;
    }

    #nextSlide, #prevSlide {
        display: block !important;
        padding: 8px !important;
    }

    #spotlightLeft,
    #spotlightRight {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 20px;
    }

    /* Content */
    #pageTitle {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 10px;
    }

    /* Collection */
    .collectionProductTitle {
        font-size: 20px;
        line-height: 24px;
    }

    /* Product */
    .product-template #socialSharing {
        width: 100%;
        margin: 0 auto 30px;
    }

    #productOptions .selector-wrapper {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    #productOptions .selector-wrapper select {
        width: 100%;
    }

    .addToCart {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: 50px !important;
        line-height: 50px !important;
        margin: 30px 0 0 !important;
    }

    #productControls,
    #facebookCommentsWall {
        display: none;
    }

    .fancyboxGallery a {
        display: block !important;
        width: 40%;
        float: left;
        margin: 0 5% 20px;
    }

    .zoomContainer {
        width: 100% !important;
        float: none;
        margin: 0;
        padding: 0;
    }

    .zoomGallery {
        width: 100% !important;
        float: none;
        margin: 20px 0 0;
        padding: 0;
        clear: none;
    }

    /* Cart */
    #specialInstructions {
        width: 100%;
        float: none;
        margin: 0;
    }

    #checkoutButtons {
        width: 100%;
        float: none;
        margin: 0 0 50px;
    }

    #shipping-calculator label {
        display: block;
    }

    #paymentMethods img {
        margin: 0 3px !important;
    }

}

@media screen and (max-width: 320px) {
    /* Main Header/Footer Styling */
    #textLogo {
        font-size: 28px;
        line-height: 38px;
    }

    #searchWrapper {
        display: none;
    }

    #breadcrumbs {
        padding: 15px 0 !important;
        line-height: 20px !important;
    }

    #breadcrumbs a,
    #breadcrumbs span {
        display: inline-block;
    }

    #footerNav {
        display: none;
    }

    #paymentMethods img {
        margin: 0 2px !important;
    }

    /* Index */
    .cycle-slide h2 {
        font-size: 20px;
        line-height: 20px;
        bottom: 0px;
        width: 100%;
    }

    .cycle-slide h2 a {
        padding: 6px 12px;
    }

    #nextSlide,
    #prevSlide {
        display: block !important;
        padding: 8px !important;
    }

    #spotlightLeft,
    #spotlightRight {
        width: 100%;
        float: none;
        height: auto;
        margin: 0 0 20px !important;
    }

    #homeColCenter,
    #homeColLeft,
    #homeColRight {
        width: 100%;
        padding: 0;
        float: none;
        margin-bottom: 20px;
    }

    /* Content */
    #pageTitle {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 10px;
    }

    /* Collection */
    .collectionProductImageWrapper {
        width: 70px !important;
        height: 70px !important;
    }

    .collectionProductTitle {
        font-size: 16px;
        line-height: 18px;
    }

    /* Product */
    .product-template #socialSharing {
        width: 100%;
        margin: 0 auto 30px;
    }

    #productOptions .selector-wrapper {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    #productOptions .selector-wrapper select {
        width: 100%;
    }

    .addToCart {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: 50px !important;
        line-height: 50px !important;
        margin: 30px 0 0 !important;
    }

    #productControls,
    #facebookCommentsWall {
        display: none;
    }

    .fancyboxGallery a {
        display: block !important;
        width: 40%;
        float: left;
        margin: 0 5% 20px;
    }

    /* Cart */
    #specialInstructions {
        width: 100%;
        float: none;
        margin: 0;
    }

    #checkoutButtons {
        width: 100%;
        float: none;
        margin: 0 0 50px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    /* Retina stuff can go here but no need yet */
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

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

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

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

    .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after {
        content: "";
    }

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

    thead {
        display: table-header-group;
    }

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

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

    @page {
        margin: 0.5cm;
    }

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

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

/* Class icon */

.selection {
    margin: 50px 150px;
}

.class-icon {
    width: 120px;
    height: 70px;
}

.h3 {
    text-rendering: optimizeLegibility;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
    font-size: 28px;
}

.h4 {
    text-rendering: optimizeLegibility;
    font-weight: 400;
    text-transform: none;
    font-family: PT Sans Narrow, sans-serif;
    font-size: 18px;
    color: #606060;
}

.selector a {
    border-bottom: 1px dashed;
}

.race-select {
    color: #ffffff;
    border-bottom: 1px dashed;
    cursor: pointer;
}

hr {
    border-color: #222222;
}


.spoiler a {
    font-size: 28px;
    color: #ffffff;
    border-bottom: #ffffff dashed 1px;
    text-decoration: none;
}

.spoiler:hover {
    cursor: pointer;
}


.calc-parent {
    margin: -18px 0 0 -14px;
}

.center-wrap {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 125px);
    width: 250px;
    height: 200px;
}

.button2 {
    position: relative;
    display: block;
    background: none center center no-repeat;
    background-size: cover;
    border: 2px solid #2e2e2e;
    text-transform: uppercase;
    letter-spacing: .3rem;
    padding: 20px 15px;
    text-align: center;
    max-width: 1024px;
    min-width: 200px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: border 1s cubic-bezier(0.19, 1, .22, 1), color .6s cubic-bezier(0.19, 1, .22, 1);
    transition: border 1s cubic-bezier(0.19, 1, .22, 1), color .6s cubic-bezier(0.19, 1, .22, 1), background 5s cubic-bezier(0.19, 1, .22, 1);
}

.button2 a {
    color: #969696;
    font-family: 'Varela Round';
    text-decoration: none;
}

.button2 .mask {
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.button2 .mask {
    position: absolute;
    display: block;
    width: 749px;
    height: 100px;
    -webkit-transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    -webkit-transition: all 1.1s cubic-bezier(0.19, 1, .22, 1);
    transition: all 1.1s cubic-bezier(0.19, 1, .22, 1);
}

.button2 .shift {
    -webkit-transition: all 1.1s cubic-bezier(0.19, 1, .22, 1);
    transition: all 1.1s cubic-bezier(0.19, 1, .22, 1);
}

.button2:hover {
    border-color: #fff;
    /* box-shadow: 0 0 5px rgba(255,245,245,0.8); */
    /* background-image: url('http://cuinine.com/img/codepen/savvy.jpg'); */
}

.button2:hover a {
    color: #fff;
}

.button2:hover .mask {
    background: #fff;
    -webkit-transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
    transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

.button2:hover .shift {
    padding-left: 5px;
}