@charset "utf-8";

/*** Icon Fonts ***/

    @font-face {
        font-family: 'Snipcart';
        src:url('fonts/snipcart/Snipcart.eot');
        src:url('fonts/snipcart/Snipcart.eot?#iefix') format('embedded-opentype'),
            url('fonts/snipcart/Snipcart.woff') format('woff'),
            url('fonts/snipcart/Snipcart.ttf') format('truetype'),
            url('fonts/snipcart/Snipcart.svg#Snipcart') format('svg');
        font-weight: normal;
        font-style: normal;
        font-family: 'Snipcart';
        src:url('fonts/snipcart/Snipcart.eot');
        src:url('fonts/snipcart/Snipcart.eot?#iefix') format('embedded-opentype'),
            url('fonts/snipcart/Snipcart.woff') format('woff'),
            url('fonts/snipcart/Snipcart.ttf') format('truetype'),
            url('fonts/snipcart/Snipcart.svg#Snipcart') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    [data-icon]:before {
        font-family: 'Snipcart';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-family: 'Snipcart';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

    .icon-Snipcart, .icon-Snipcart-2, .icon-Snipcart-3, .icon-Snipcart-4, .icon-Snipcart-5, .icon-Snipcart-6, .icon-Snipcart-7, .icon-snipcart-close {
        font-family: 'Snipcart';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-family: 'Snipcart';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    .icon-Snipcart:before { content: "\66"; }
    .icon-Snipcart-2:before { content: "\65"; }
    .icon-Snipcart-3:before { content: "\64"; }
    .icon-Snipcart-4:before { content: "\63"; }
    .icon-Snipcart-5:before { content: "\62"; }
    .icon-Snipcart-6:before { content: "\61"; }
    .icon-Snipcart-7:before { content: "\67"; }
    .icon-snipcart-close:before { content: '\68'; }

/*** / Icon Fonts ***/

/*** Custom Fonts ***/

    @font-face {
        font-family: 'LatoRegular';
        src: url('fonts/Lato-Reg-webfont.eot');
        src: url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/Lato-Reg-webfont.woff') format('woff'),
             url('fonts/Lato-Reg-webfont.ttf') format('truetype'),
             url('fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'LatoLight';
        src: url('fonts/Lato-Lig-webfont.eot');
        src: url('fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/Lato-Lig-webfont.woff') format('woff'),
             url('fonts/Lato-Lig-webfont.ttf') format('truetype'),
             url('fonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
        font-weight: normal;
        font-style: normal;

    }
    @font-face {
        font-family: 'brandon_grotesqueblack';
        src: url('fonts/brandon_grotesque/brandon_blk-webfont.eot');
        src: url('fonts/brandon_grotesque/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/brandon_grotesque/brandon_blk-webfont.woff') format('woff'),
             url('fonts/brandon_grotesque/brandon_blk-webfont.ttf') format('truetype'),
             url('fonts/brandon_grotesque/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'brandon_grotesquebold';
        src: url('fonts/brandon_grotesque/brandon_bld-webfont.eot');
        src: url('fonts/brandon_grotesque/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/brandon_grotesque/brandon_bld-webfont.woff') format('woff'),
             url('fonts/brandon_grotesque/brandon_bld-webfont.ttf') format('truetype'),
             url('fonts/brandon_grotesque/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'brandon_grotesquemedium';
        src: url('fonts/brandon_grotesque/brandon_med-webfont.eot');
        src: url('fonts/brandon_grotesque/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/brandon_grotesque/brandon_med-webfont.woff') format('woff'),
             url('fonts/brandon_grotesque/brandon_med-webfont.ttf') format('truetype'),
             url('fonts/brandon_grotesque/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'brandon_grotesqueregular';
        src: url('fonts/brandon_grotesque/brandon_re-webfont.eot');
        src: url('fonts/brandon_grotesque/brandon_re-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/brandon_grotesque/brandon_re-webfont.woff') format('woff'),
             url('fonts/brandon_grotesque/brandon_re-webfont.ttf') format('truetype'),
             url('fonts/brandon_grotesque/brandon_re-webfont.svg#brandon_grotesqueregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'brandon_grotesquelight';
        src: url('fonts/brandon_grotesque/brandon_light-webfont.eot');
        src: url('fonts/brandon_grotesque/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/brandon_grotesque/brandon_light-webfont.woff') format('woff'),
             url('fonts/brandon_grotesque/brandon_light-webfont.ttf') format('truetype'),
             url('fonts/brandon_grotesque/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
        font-weight: normal;
        font-style: normal;
    }

/*** / Custom Fonts ***/

/*** Styles Resetting ***/

    #snipcart-main-container div,
    #snipcart-main-container span,
    #snipcart-main-container h1,
    #snipcart-main-container h2,
    #snipcart-main-container h3,
    #snipcart-main-container h4,
    #snipcart-main-container p,
    #snipcart-main-container a,
    #snipcart-main-container em,
    #snipcart-main-container img,
    #snipcart-main-container small,
    #snipcart-main-container strong,
    #snipcart-main-container ol,
    #snipcart-main-container ul,
    #snipcart-main-container li,
    #snipcart-main-container fieldset,
    #snipcart-main-container form,
    #snipcart-main-container label,
    #snipcart-main-container legend,
    #snipcart-main-container table,
    #snipcart-main-container caption,
    #snipcart-main-container tbody,
    #snipcart-main-container tfoot,
    #snipcart-main-container thead,
    #snipcart-main-container tr,
    #snipcart-main-container th,
    #snipcart-main-container td {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        line-height: normal;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -mox-box-sizing: content-box;
    }

    #snipcart-main-container table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    #snipcart-main-container table th, #snipcart-main-container table td {
        vertical-align: middle;
    }

    #snipcart-main-container ol, #snipcart-main-container ul {
        list-style: none;
        list-style: none;
    }

/*** Styles Resetting ***/

/*** Main Body ***/

    body.snipcart-open {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        height: auto !important;
    }

/*** / Main Body ***/

/*** Flash messages ***/
    #snipcart-main-container #snipcart-flash-messages > li {
        padding: 10px 20px;
        border-bottom: solid 1px rgba(0, 0, 0, 0.5);
    }

    #snipcart-main-container #snipcart-flash-messages > li.snipcart-flash-success {
        background-color: #77D544;
        color: #333;
    }

    #snipcart-main-container #snipcart-flash-messages > li.snipcart-flash-warn {
        background-color: #FFEC16;
        color: #333;
    }

    #snipcart-main-container #snipcart-flash-messages > li.snipcart-flash-error {
        background-color: #FF0600;
        color: #fff;
    }

    #snipcart-main-container #snipcart-flash-messages > li:last-child {
        border-bottom: solid 1px #292B2D;
    }

/*** /Flash messages ***/

/*** Snipcart Holder ***/

    .snipcart-checkout-container {
        background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%); /* W3C */
        right: 0;
        top: 0; position: fixed; 
        bottom: 0; 
        left: 0; 
        overflow-x: auto; 
        z-index: 1040; 
        padding: 25px 0; height: auto; margin-left: 0; width: auto;
    }

/*** / Snipcart Holder ***/

/*** Modal Window ***/

/*** / Snipcart Holder ***/

/*** Modal Window ***/

    a#snipcart-close {
        text-decoration: none;
        z-index: 10000; 
        position: absolute;
        padding: 8px;
        top: 8px;
        right: 2px;
    }

    #snipcart-close span {
        position: absolute;
        text-indent: -100000px;
    }

    #snipcart-close i {
        font-family: Snipcart !important;
        color: white;
        font-size: 28px;
    }

/*** / Modal Window ***/

/*** General Styles ***/
    #snipcart-modal
    {
        height: 100%;
        position: relative;
        width: auto;
        z-index: 1050;
    }
    #snipcart-main-container span.snipcart-clear,
    span.snipcart-clear {
        display: block;
        clear: both;
    }

    #snipcart-main-container {
         position: relative; 
         outline: 0 none;
         top: auto;
         width: auto;
         max-width: 996px;
         margin: 0 auto; 
         z-index: 15000; 
         font-family: Arial !important; 
         color: #a5a5a5 !important; 
         font-size: 10pt;
        padding-bottom: 25px;
    }

    #snipcart-sub-content .snipcart-step-container {
        overflow-y: auto;
        max-height: none !important;
    }

    #snipcart-main-content { background-color: #ffffff; width: 100%; }

    #snipcart-main-container .snipcart-has-fl-elems:after {
      content: "";
      display: table;
      clear: both;
    }

    #snipcart-main-container a {
        color: #87db57;
    }

    #snipcart-main-content h4 {
        font: 14px 'brandon_grotesquebold', sans-serif;
        color: #1c1e21;
        text-transform: uppercase;
        margin: 0;
    }

    #snipcart-main-container .snipcart-full-width-text {
        padding: 50px 30px;
        padding: 20px 30px;
    }

    #snipcart-main-container .snipcart-comments-box {
        padding: 0px 50px;
    }

    #snipcart-main-container .snipcart-comments-box textarea {
        width: 100%;
        padding: 0px;
    }

    #snipcart-main-container .snipcart-full-width-text span.snipcart-title {
        padding-bottom: 10px; 
        display: block; 
        margin-top: 20px; 
        text-transform: uppercase; 
        color: #333333; 
        font-size: 16pt; 
        font-size: 12pt; 
        font-weight: bold; 
        text-align: center;
        font-family: 'brandon_grotesquebold';
    }

    #snipcart-main-container #snipcart-generic-errors ul li strong {
        font-weight: bold;
    }

    #snipcart-main-container #snipcart-generic-errors ul li {
        text-align: left;
        list-style-type: disc;
        padding: 5px 0;
    }

    #snipcart-main-container #snipcart-generic-errors ul {
        padding-left: 40px;
    }

    #snipcart-main-container .snipcart-comments-box label {
        font-size: 13px;
        margin-bottom: 5px;
        text-transform: none;
        font-family: Arial
    }

    #snipcart-main-container .snipcart-full-width-text span.snipcart-title span { color: #333; }
    #snipcart-main-container .snipcart-full-width-text span.snipcart-subtitle {
        font-size: 14px;
        font-family: 'brandon_grotesquebold';
        text-transform: uppercase;
        text-align: center;
        display: block;
        font-weight: bold;
    }

    #snipcart-main-container .snipcart-centered-text {
        text-align: center;
    }  

    #snipcart-main-container .snipcart-top-spacing {
        padding-top: 10px;
    }

    /* Buttons */

        #snipcart-main-container a.snipcart-btn,
        #snipcart-main-container button.snipcart-btn {
            display: inline-block; 
            background-color: #666; 
            padding: 0 5px; 
            color: #ffffff; 
            font-weight: bold; 
            text-decoration: none; 
            cursor: pointer; 
            font: 10px/38px 'brandon_grotesquebold', sans-serif;
            height: 38px;
            text-transform: uppercase;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
            -moz-box-shadow:    0px 1px 5px rgba(0, 0, 0, 0.25);
            box-shadow:         0px 1px 5px rgba(0, 0, 0, 0.25);
        }

        #snipcart-main-container a.snipcart-next, #snipcart-main-container a.snipcart-finalize, #snipcart-main-container a.snipcart-mainaction {
            background: rgb(135,219,87); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(135,219,87,1) 1%, rgba(101,203,54,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(135,219,87,1)), color-stop(100%,rgba(101,203,54,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(135,219,87,1) 1%,rgba(101,203,54,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(135,219,87,1) 1%,rgba(101,203,54,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(135,219,87,1) 1%,rgba(101,203,54,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(135,219,87,1) 1%,rgba(101,203,54,1) 100%); /* W3C */
            border: 1px solid #6eb247;
            color: #1d1f22;
            text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.3);
        }

    /* Buttons */

    /* Bottom bar containing action buttons */

        #snipcart-main-container div#snipcart-actions, #snipcart-main-container div.snipcart-additional-option {
            height: 75px; 
            padding: 0 20px;
            border-top: 1px solid #eeeeee;
            background: rgb(250,250,250); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(250,250,250,1) 1%, rgba(255,255,255,1) 5%, rgba(240,240,240,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(250,250,250,1)), color-stop(5%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 1%,rgba(255,255,255,1) 5%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(250,250,250,1) 1%,rgba(255,255,255,1) 5%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(250,250,250,1) 1%,rgba(255,255,255,1) 5%,rgba(240,240,240,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(250,250,250,1) 1%,rgba(255,255,255,1) 5%,rgba(240,240,240,1) 100%); /* W3C */
        }

        #snipcart-main-container #snipcart-actions a.snipcart-next,
        #snipcart-main-container #snipcart-actions a.snipcart-finalize { margin-top: 20px; float: right; }
        #snipcart-main-container #snipcart-actions a.snipcart-previous { margin-top: 20px; float: left; }
        #snipcart-main-container #snipcart-actions a.snipcart-previous.snipcart-spacing { margin-left: 10px; }

        #snipcart-main-container .snipcart-next-step { display: block; position: absolute; bottom: 15px; right: 35px; font-weight: bold; }
        #snipcart-main-container .snipcart-previous-step { display: block; position: absolute; bottom: 15px; left: 20px; font-weight: bold; }

        #snipcart-main-container #snipcart-actions .snipcart-btn {
            margin-top: 20px;
            float: left;
        }

        #snipcart-main-container .snipcart-additional-option .snipcart-btn {
            float: right;
            margin-top: 20px;
        }

        #snipcart-main-container .snipcart-additional-option h4 {
            padding-top: 15px;
        }

        #snipcart-main-container div.snipcart-additional-option#snipcart-cvc-content {
            height: auto;
            padding-bottom: 10px;
        }

        #snipcart-main-container div.snipcart-additional-option#snipcart-cvc-content p {
            padding-top: 10px;
        }

        #snipcart-main-container div.snipcart-additional-option#snipcart-cvc-content img {
            max-width: 100%;
        }

        .paypal-button {
            float: right;
            margin-top: 25px!Important;
        }

    /* Bottom bar containing action buttons */

    /* Highlight for unit price and total price */

        #snipcart-main-container span.snipcart-unit-price, #snipcart-main-container span.snipcart-total-price {
            font: 14px 'brandon_grotesquebold', sans-serif;
            font-weight: bold;
            color: #a5a5a5;
            text-align: right;
        }

        #snipcart-main-container span.snipcart-total-price {
            color: #333;
        }

        #snipcart-main-container span.snipcart-total-price.snipcart-saved-amount {
            color: #76d443;
        }

    /* Highlight for unit price and total price */

/*** / General Styles ***/

/*** Header ***/

    #snipcart-main-container #snipcart-header {
        padding: 10px;
    }
    #snipcart-header { 
        position: relative;
        height: 40px;
        padding: 20px;
        background: rgb(48,50,52); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(48,50,52,1) 0%, rgba(30,31,33,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,50,52,1)), color-stop(100%,rgba(30,31,33,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(48,50,52,1) 0%,rgba(30,31,33,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(48,50,52,1) 0%,rgba(30,31,33,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(48,50,52,1) 0%,rgba(30,31,33,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(48,50,52,1) 0%,rgba(30,31,33,1) 100%); /* W3C */
   }

    #snipcart-header #snipcart-title {
        display: none; 
        float: left; 
        min-width: 300px;
        height: 95px;
        color: #fff; 
        text-transform: uppercase; 
        font-weight: bold; 
        font: 24px brandon_grotesquelight, sans-serif;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 20px;
    }

    #snipcart-header #snipcart-header-total {
        display: inline-block;
        height: 38px;
        background: rgb(26,27,29); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(26,27,29,1) 1%, rgba(30,31,33,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(26,27,29,1)), color-stop(100%,rgba(30,31,33,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(26,27,29,1) 1%,rgba(30,31,33,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(26,27,29,1) 1%,rgba(30,31,33,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(26,27,29,1) 1%,rgba(30,31,33,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(26,27,29,1) 1%,rgba(30,31,33,1) 100%); /* W3C */
        position: relative;
        margin-top: 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #2e3031;
    }

    #snipcart-header #snipcart-total {
        display: block;
        border: 1px solid #17181a;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        height: 95%;
    }
    #snipcart-header #snipcart-total span {
         display: block;
         float: left;
         font-weight: bold;
         text-transform: uppercase;
         font: 16px/38px 'brandon_grotesquemedium', sans-serif;
    }

    #snipcart-header #snipcart-total span.snipcart-label {
        color: #898989; 
    }

    #snipcart-header #snipcart-total span.snipcart-label span {
        margin-left: 10px;
        white-space: nowrap;
    }

    #snipcart-header #snipcart-total span.snipcart-amount {
         color: #fff;
         margin: 0 10px;
    }

    #snipcart-header #snipcart-total span.snipcart-amount.snipcart-with-promocode {
        color: #76d443;
    }

    #snipcart-header #snipcart-continue-shopping-link { display: block; text-align: right; margin-top: 8px; display: none; }
    #snipcart-header #snipcart-continue-shopping-link a { color: #9f9f9f; text-decoration: underline; font-size: 9pt; }
    #snipcart-header #snipcart-continue-shopping-link a:hover { color: #9f9f9f; text-decoration: none; }

    #snipcart-main-container #snipcart-cartitems-continue-top,
    #snipcart-main-container .snipcart-btn-top-right {
        display: none; 
        position: absolute; 
        top: 35px; 
        right: 20px;
    }

    #snipcart-logged-user { position: absolute; top: 40px; left: 25px; }

    #snipcart-main-content #snipcart-current-user {
        color: #fff;
    }
    #snipcart-main-content #snipcart-current-user #snipcart-user-infos {
        padding: 16px 44px 16px 10px;
        position: relative;
        text-align: center;
        background: #1a1b1d;
    }
    #snipcart-main-content #snipcart-global-notices.snipcart-error {
        margin-bottom: 0px;
        padding: 10px 5%;
        background-color: red;
        color: white;
    }
    #snipcart-main-content #snipcart-current-user .snipcart-welcome {
        color: #a5a5a5 !important;
    }

/*** / Header ***/

/*** Steps ***/

    ul#snipcart-steps {
        clear: both;
        display: block; 
        list-style: none; 
        height: 60px; 
        margin: 0; 
        padding: 0; 
        background: rgb(191,191,191); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(191,191,191,1) 1%, rgba(224,224,224,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(191,191,191,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* W3C */
        position: relative;
    }

    ul#snipcart-steps li {
        display: block; 
        height: inherit;
        float: left;
        border-right: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        background: rgb(191,191,191); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(191,191,191,1) 1%, rgba(224,224,224,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(191,191,191,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(191,191,191,1) 1%,rgba(224,224,224,1) 100%); /* W3C */
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }
    ul#snipcart-steps.nb-4 li {
        width: 25%;
    }
    ul#snipcart-steps.nb-5 li {
        width: 20%;
    }
    ul#snipcart-steps.nb-6 li {
        width: 16.66%;
    }
    ul#snipcart-steps.nb-7 li {
        width: 14.28%;
    }
    ul#snipcart-steps.nb-8 li {
        width: 12.5%;
    }
    ul#snipcart-steps.nb-9 li {
        width: 11.11%;
    }
    ul#snipcart-steps.nb-10 li {
        width: 25%;
    }
    ul#snipcart-steps li#snipcart-confirm-step {
        border-right: none;
    }

    ul#snipcart-steps li.active {
        background: rgb(227,227,227); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(227,227,227,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(227,227,227,1) 0%,rgba(255,255,255,1) 99%); /* W3C */
        border-bottom: none;
    }

    ul#snipcart-steps li span { display: block; }

    ul#snipcart-steps li span.snipcart-step-number {
       -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
       background-color: transparent; 
       height: 29px; 
       width: 100%; 
       line-height: 29px; 
       text-align: center; 
       margin: 18px 0 0 0; 
       color: #999; 
       font-weight: bold; 
       font: 22pt 'Snipcart';
        background-image: none;
    }
    ul#snipcart-steps li.active span.snipcart-step-number { color: #333; }

    ul#snipcart-steps li {
        cursor: pointer;
    }
    ul#snipcart-steps li span.snipcart-step-text {        
        display: none; /* No text on mobile version */
    }
    ul#snipcart-steps li.active span.snipcart-step-text { color: #333333; }

    #snipcart-main-container #snipcart-apply-discount {
        padding: 10px 20px;
    }

    #snipcart-main-container #snipcart-apply-discount div {
        float: right;
        width: 150px;
        margin-bottom: 10px;
        position: relative;
        top: -4px;
    }

    #snipcart-main-container #snipcart-apply-discount button {
        float: right;
    }

/*** / Steps ***/

/*** Paypal Express ***/
#snipcart-main-container #snipcart-paypal-express-loading {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
}

#snipcart-main-container #snipcart-paypal-express-loading.snipcart-loading {
    padding-top: 100px;
    background-color: #fff;
    background-image: url(img/ajax-loader.gif);
    background-position: top center;
    background-repeat: no-repeat;
}

#snipcart-main-container #snipcart-paypal-express-loading.snipcart-error {
    color: red;
    font-weight: bold;
}

/*** / Paypal Express ***/

/*** Columns ***/

    #snipcart-main-content .snipcart-columns {
        margin: 20px 0;
    }

    #snipcart-main-content .snipcart-column {
        padding: 0 20px;
    }

    #snipcart-main-content .snipcart-column.highligthed {   
        background: rgb(246,246,246); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(246,246,246,1) 1%, rgba(251,251,251,1) 5%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(246,246,246,1)), color-stop(5%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(246,246,246,1) 1%,rgba(251,251,251,1) 5%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(246,246,246,1) 1%,rgba(251,251,251,1) 5%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(246,246,246,1) 1%,rgba(251,251,251,1) 5%); /* IE10+ */
        background: linear-gradient(to right,  rgba(246,246,246,1) 1%,rgba(251,251,251,1) 5%); /* W3C */
    }    
    #snipcart-main-content .snipcart-column span.snipcart-title {
        text-transform: uppercase; 
        display: block;         
        font: 16px 'brandon_grotesquebold', sans-serif; 
        color: #333333;
    }

    #snipcart-main-content .snipcart-paymentsby-paypal {
        padding-bottom: 20px;
        text-align: center;
    }

    /* Boxed columns */

        #snipcart-main-content .snipcart-columns.snipcart-boxed-columns {
            margin: 0;
        }

        #snipcart-main-content .snipcart-columns.snipcart-boxed-columns .snipcart-column span.snipcart-title {
            padding-top: 20px;
            /* We add some padding because the box is right next to the top */
        }

        #snipcart-main-content .snipcart-columns.snipcart-boxed-columns .snipcart-action {
            display: block;
            text-align: center;
            margin-top: 10px;
        }

        #snipcart-main-content .snipcart-columns.snipcart-boxed-columns .snipcart-column-2 {
            border-top: 1px solid #f1f1f2;
        }

        #snipcart-main-content .snipcart-boxed-columns .snipcart-column {
            padding-bottom: 20px;
        }

        .confirm-container {
            width: 40%!Important;
            margin-left: 30%!Important;
            border: none!Important;
        }

        .confirm-button {
            width: 100% !Important;
        }

    /* Boxed columns */

/*** / Columns ***/

/*** Forms ***/

    #snipcart-main-container label {
        font: 11px 'brandon_grotesquebold';
        text-transform: uppercase; 
        display: block;
        color: #333;
        opacity: 0.7;
        margin-top: 10px;      
    }

    #snipcart-main-container input[type=text], 
    #snipcart-main-container input[type=password],  
    #snipcart-main-container select {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        width: 100%;
        height: 38px;
        display: block;
        padding: 8px 6px;
        margin: 5px 0 0 0;
        font-size: 14px; 
        line-height: 20px; 
        color: #555; 
        background-image: none; 
        background-color: white;
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        border-radius: 3px; 
        border: 1px solid #e5e5e5;
    }

    #snipcart-main-container input[type=text], #snipcart-main-container input[type=password] {                       
        background: rgb(246,246,246); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  rgba(246,246,246,1) 0%, rgba(255,255,255,1) 5%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(246,246,246,1)), color-stop(5%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 5%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 5%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 5%); /* IE10+ */
        background: radial-gradient(ellipse at center,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 5%); /* W3C */
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 
        -o-transition: border linear 0.2s, box-shadow linear 0.2s; 
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }
    #snipcart-main-container input[type=text].snipcart-has-errors, #snipcart-main-container input[type=password].snipcart-has-errors { border-color: red; outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px gainsboro, 0 0 8px red; -moz-box-shadow: inset 0 1px 1px gainsboro, 0 0 8px red; box-shadow: inset 0 1px 1px gainsboro, 0 0 8px red; color: red; }
    #snipcart-main-container input[type=text]:focus, #snipcart-main-container input[type=password]:focus { border-color: #333; outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px gainsboro, 0 0 8px #333; -moz-box-shadow: inset 0 1px 1px gainsboro, 0 0 8px #333; box-shadow: inset 0 1px 1px gainsboro, 0 0 8px #333; }

    #snipcart-main-container .snipcart-same-as-billing-address { margin: 20px 0 0 20px; }
    #snipcart-main-container .snipcart-same-as-billing-address a { display: inline-block; height: 17px; line-height: 17px; text-decoration: none; color: inherit; font-weight: bold; background: url("img/checkbox.png") left center no-repeat; padding-left: 25px; }
    #snipcart-main-container .snipcart-same-as-billing-address a:hover { color: #333333; }
    #snipcart-main-container .snipcart-same-as-billing-address.same a { background-image: url("img/selected.png"); }
    #snipcart-main-container .snipcart-form-field {
        position: relative;
        display: block;
    }

    #snipcart-main-container .snipcart-checkbox-field input {
        float: left;
        margin-right: 10px;
        margin-top: 10px;
    }
    #snipcart-main-container .snipcart-checkbox-field label {
        float: left;
    }

    #snipcart-main-container select#snipcart-billing-expmonth,
    #snipcart-main-container select#snipcart-billing-expyear {
        float: left;
        width: 49%;        
    }
    #snipcart-main-container select#snipcart-billing-expyear {
        margin-left: 2%;
    }

    #snipcart-main-container a#snipcart-cvc-trigger {
        font: 14px 'brandon_grotesquebold', sans-serif;
        color: #26282a;
        position: absolute;
        right: 10px;
        top: 0;
    }

    /* Full Width Forms */

        #snipcart-form.snipcart-full-width-form {
            padding: 10px 0 20px 0;
        }

        #snipcart-form.snipcart-full-width-form .snipcart-centered-field {
            text-align: center;
            padding: 0 20px;
        }

        #snipcart-form.snipcart-full-width-form .snipcart-centered-field label {
            font-size: inherit;
            font-family: inherit;
            text-transform: none;
            margin-bottom: 15px;
        }

        #snipcart-form.snipcart-full-width-form p.snipcart-message {
            text-align: center;
            font-weight: bold;
        }

    /* Full Width Forms */

    /* Errors */

        #snipcart-global-errors ul { display: block; list-style: none; margin: 0 0 15px 30px; }
        #snipcart-global-errors ul li { display: block; list-style: none; margin: 0 0 5px 0; padding: 0; color: red; text-transform: uppercase; }

        #snipcart-main-container .snipcart-errors ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        #snipcart-main-container .snipcart-errors {
            display: block;
            color: red;
            font: 14px 'brandon_grotesqueregular';
        }

        #snipcart-main-container .snipcart-errors.snipcart-centered-errors {
            text-align: center;
        }

        #snipcart-main-container span.snipcart-form-error {
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            display: block;
            color: #fff;
            text-align: center;
            background: rgb(239,37,58); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(239,37,58,1) 0%, rgba(232,20,35,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,37,58,1)), color-stop(100%,rgba(232,20,35,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(239,37,58,1) 0%,rgba(232,20,35,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(239,37,58,1) 0%,rgba(232,20,35,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(239,37,58,1) 0%,rgba(232,20,35,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(239,37,58,1) 0%,rgba(232,20,35,1) 100%); /* W3C */
            border: solid 1px #bc101c;
            padding: 5px;
            width: 100%;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

    /* / Errors */

/*** / Forms ***/

/*** Lists ***/

    #snipcart-main-container table.snipcart-list { width: 100%; clear: both; }

    #snipcart-main-container table.snipcart-list th {
        text-align: center;
        color: #333;
        opacity: 0.7;
        font: 11px 'brandon_grotesquebold', sans-serif;
        text-transform: uppercase;
        height: 40px;
    }

    #snipcart-main-container table.snipcart-list .snipcart-td-pad-right {
        padding-right: 20px;
    }
    

    #snipcart-main-container table.snipcart-list .snipcart-th-left,
    #snipcart-main-container table.snipcart-list .snipcart-td-left {
        text-align: left;
    }
    
    #snipcart-main-container table.snipcart-list .snipcart-th-1,
    #snipcart-main-container table.snipcart-list .snipcart-td-1 {
        padding-left: 10px;
    }

    #snipcart-main-container table.snipcart-list .snipcart-th-right,
    #snipcart-main-container table.snipcart-list .snipcart-td-right {
        text-align: right;
        
    }

    #snipcart-main-container table.snipcart-list .snipcart-td-right.snipcart-pad-right {
        padding-right: 60px;
    }

    #snipcart-main-container table.snipcart-list td { padding: 20px 0; text-align: center; border-top: 1px solid #f1f1f2; }
    #snipcart-main-container table.snipcart-list tr.odd td { background-color: #fbfbfb; }
    #snipcart-main-container table.snipcart-list td span { display: block; }

    #snipcart-main-container table.snipcart-list span.snipcart-product-name,
    #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-name,
    #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-price,
    #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-quantity,
    #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-price,
    #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-total-price,
    #snipcart-main-container table.snipcart-list span.snipcart-title
    {
        color: #333333; 
        font: 14px 'brandon_grotesquebold', sans-serif;
        text-transform: uppercase;
    }
    #snipcart-main-container table.snipcart-list span.snipcart-product-id,
    #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-time 
    {
         font-weight: bold; color: #979797; font-size: 10pt;
    }

    #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-quantity { color: #999999; }

/*** / Lists ***/

/*** Items ***/

    #snipcart-main-container table#snipcart-items tr {
        position: relative;
        display: block;
        clear: both;
    }

    #snipcart-main-container table#snipcart-items tbody.snipcart-subtotal,
    #snipcart-main-container table#snipcart-items tbody.snipcart-total,
    #snipcart-main-container table#snipcart-items tbody.snipcart-fees {
        background-color: #fbfbfb;
    }

    #snipcart-main-container table#snipcart-items tbody.snipcart-discounts tr td {
        padding: 10px 0 10px 20px;
    }

    #snipcart-main-container table#snipcart-items tbody.snipcart-fees tr td {
        padding: 5px 0 5px 20px;
        border-top: solid 1px #eee;
    }

    #snipcart-main-container table#snipcart-items tbody.snipcart-subtotal tr td {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    #snipcart-main-container table#snipcart-items tbody.snipcart-subtotal tr td span,
    #snipcart-main-container table#snipcart-items tbody.snipcart-total tr td span {
        font-size: 18px;
    }

    #snipcart-main-container table#snipcart-items th {
        display: none; /* No heading on mobile */
    }

    #snipcart-main-container table#snipcart-items td {
        display: block; /* We want cells to use the full width */
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-1 {
         padding-right: 20px;
    }

    #snipcart-main-container #snipcart-step-content-cart-content table#snipcart-items tr:first-child td.snipcart-td-1,
    #snipcart-main-container #snipcart-step-content-cart-items table#snipcart-items tr:first-child td.snipcart-td-1 {
       /* We don't want the top border for this specific step since it's close to the top */
       border-top: 0;
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-2 {
        text-align: left;
        padding: 10px 20px 20px 20px;
        border-top: 0;
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-2.snipcart-no-customfields {
        border: 0;
        padding: 0;
        /* We don't want to see the empty cell on mobile version */
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-3,
    #snipcart-main-container table#snipcart-items td.snipcart-td-4,
    #snipcart-main-container table#snipcart-items td.snipcart-td-5 {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        width: 33.33333333333%;
        float: left;
        border-right: 1px solid #f1f1f2;
        margin: 10px 0;
        border-top: none;
        background: #fff !important;
    }   

    #snipcart-main-container table#snipcart-items .snipcart-td-5 {
        border-right: none;
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-6 {
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        right: 15px;
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-6 a.snipcart-remove-item {
        display: block; 
        width: 9px; 
        height: 9px; 
        text-indent: -9999px;
        background: url('img/remove-item.png') no-repeat 0 0;
        float: left;
    }

    #snipcart-main-container table#snipcart-items td.snipcart-td-6 a.snipcart-duplicate-item {
        margin-top: 15px;
        position: relative;
        right: 4px;
    }

    #snipcart-main-container table#snipcart-items .snipcart-item-quantity-triggers {
        display: inline-block;
    }

    #snipcart-main-container table#snipcart-items .snipcart-item-quantity-triggers a,
    #snipcart-main-container table#snipcart-items .snipcart-item-quantity-triggers span {
        display: block;    
        float: left;
        height: 17px;
        line-height: 17px;
    }

    #snipcart-main-container table#snipcart-items .snipcart-item-quantity-triggers a {
         padding: 0 5px;
         font-family: Arial;
         font-size: 13pt;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 30px;
         background-color: #e8e8e8;
         color: #1c1e21;
         text-align: center;
         text-decoration: none;
         height: 17px;
         line-height: 19px;
    }

    #snipcart-main-container table#snipcart-items .snipcart-item-quantity-triggers a.snipcart-minus-quantity {
        line-height: 14px;
        /* The minus sign looks better when higher in the circle */
    }

    #snipcart-main-container table#snipcart-items .snipcart-item-quantity-triggers span {
        color: #333333; 
        font-weight: bold; 
        font: 14px 'brandon_grotesquebold', sans-serif; 
        margin: 0 8px;
        background-color: #ffffff;
    }

    #snipcart-main-container table#snipcart-items span.snipcart-product-description {
        font-size: 9pt;    
    }
    #snipcart-main-container table#snipcart-items span.snipcart-thumbnail-wrapper {
        width: 65px;
        height: 65px;
        float: left;
        display: none;
        margin-right: 10px;
    }

    #snipcart-main-container table#snipcart-items span.snipcart-thumbnail img,
    #snipcart-main-container table#snipcart-items span.snipcart-thumbnail-wrapper img {
        max-width: 100%;
        max-height: 100%;
        display: block;
    }

    /* Items at confirm step */

        #snipcart-main-container #snipcart-step-content-confirm table#snipcart-items th {
            background-color: #fbfbfb;
            border-top: 1px solid #eeeeee;
        }

    /* Items at confirm step */

/*** / Items ***/

/*** Custom Fields ***/

    #snipcart-main-container .snipcart-customfield-checkbox {
        margin-top: 10px;
    }

    #snipcart-main-container .snipcart-customfield-checkbox input {
        margin: 0;
        padding: 0;
    }
    #snipcart-main-container .snipcart-customfield-checkbox .snipcart-customfield-element,
    #snipcart-main-container .snipcart-customfield-checkbox label,
    #snipcart-main-container .snipcart-customfield-checkbox .snipcart-customfield-element span {
        display: inline-block;
    }
    .snipcart-customfield-checkbox .snipcart-customfield-element {
        margin-bottom: 10px;
    }
    #snipcart-main-container .snipcart-customfield-checkbox label {
        margin: 3px 0 0 5px;
    }

    #snipcart-main-container .snipcart-confirm-custom-field {
        margin-top: 10px;
    }

    #snipcart-main-container .snipcart-confirm-custom-field span.snipcart-confirm-custom-field-name {
        display: block;
        font-weight: bold;
    }

/*** / Custom Fields ***/

/*** Promo Codes ***/

    #snipcart-promocodes {
        background: rgb(247,247,247); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(251,251,251,1) 5%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(5%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(251,251,251,1) 5%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(251,251,251,1) 5%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(251,251,251,1) 5%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(251,251,251,1) 5%); /* W3C */
    }

    #snipcart-promocodes .snipcart-promocode-form {
        border-bottom: 1px solid #eaebec;
        padding: 10px 20px;
        text-align: center;
    }

    #snipcart-promocodes .snipcart-promocode-form input[type=text] {
        margin-bottom: 10px;
    }

    #snipcart-promocodes .snipcart-promocodes-list ul {
        margin: 0;
    }

    #snipcart-promocodes .snipcart-promocodes-list li {
        list-style-type: none;
        border-bottom: 1px solid #eaebec;
        padding: 10px 30px 10px;
        text-transform: uppercase;
        font: 14px 'brandon_grotesquebold', sans-serif;
    }

    #snipcart-promocodes .snipcart-promocodes-list strong {
        color: #76d443;
    }         

    #snipcart-promocodes div.snipcart-error-message {
        margin: 0;
        padding: 10px 30px;
        color: red;
        font: 14px 'brandon_grotesquebold', sans-serif;
        border-bottom: 1px solid #eaebec;
        text-transform: uppercase;
        text-align: center;
    }

/*** / Promo Codes ***/

/*** Shipping Methods ***/

    #snipcart-main-container table#snipcart-shipping-methods tr td.snipcart-td-1 {
        background: url("img/checkbox.png") no-repeat 20px center;  
        padding-left: 50px;     
    }

    #snipcart-main-container table#snipcart-shipping-methods tr.selected td.snipcart-td-1 {
        background-image: url("img/selected.png");    
    }

    #snipcart-main-container table#snipcart-shipping-methods td {
        cursor: pointer;  
    }

/*** / Shipping Methods ***/

/*** Confirm ***/

    /* Adress infos */

        #snipcart-main-container #snipcart-step-content-confirm .snipcart-column span {
            display: block;
            padding-bottom: 3px;
        }

        #snipcart-main-container #snipcart-step-content-confirm .snipcart-column-2,
        #snipcart-main-container #snipcart-step-content-confirm .snipcart-column-3
        {
            margin-top: 20px;
        }

    /* Adress infos */

    /* Prices */

        #snipcart-bottom-confirm {
            background: rgb(246,246,246); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(251,251,251,1) 5%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(5%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(251,251,251,1) 5%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(251,251,251,1) 5%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(251,251,251,1) 5%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(251,251,251,1) 5%); /* W3C */
            border-bottom: 1px solid #e9e9eb;            
        }

        #snipcart-order-totals {
            padding-top: 12px;
        }

        table#snipcart-confirm-prices { width: 100%; }
        table#snipcart-confirm-prices tr td {
            padding: 0 20px 10px 20px;
            vertical-align: top;
        }

        table#snipcart-confirm-prices tr:first-child td {
            padding-top: 10px;
        }

        table#snipcart-confirm-prices tr td span {
            font: 14px 'brandon_grotesquebold', sans-serif; 
            color: #1c1e21;
            text-transform: uppercase;
        }
        table#snipcart-confirm-prices tr td span small {
            color: #a1a2a2;
        }
        table#snipcart-confirm-prices tr td.snipcart-price-td-2 { text-align: right; white-space: nowrap; }
        table#snipcart-confirm-prices tr td.snipcart-price-td-2.snipcart-negative-price span { color: #76d443; }
        table#snipcart-confirm-prices tr.snipcart-total-price-tr td span { color: #333; }
        table#snipcart-confirm-prices tr.snipcart-grand-total-price-tr td {
            padding-top: 15px; 
            padding-bottom: 15px;
            border-top: 1px solid #eaebec;
        }
        table#snipcart-confirm-prices tr.snipcart-grand-total-price-tr td span {
            font: 16px 'brandon_grotesquebold', sans-serif;
        }

    /* Prices */

/*** / Confirm ***/

/*** Cart items ***/

    #snipcart-sharebyemail-container {
        float: left;
        margin-top: 20px;
    }

    #snipcart-sharebyemail-container a.snipcart-btn {
        float: none;
        margin-top: 0px;
        margin-left: 10px;
    }

    #snipcart-sharebyemail-container input {
        float: left;
    }

/*** / Cart items ***/

/*** Tipsy jquery plugin ***/

  .snipcart-tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .snipcart-tipsy-inner { background-color: #C00; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .snipcart-tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

  .snipcart-tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

  /* Rules to colour arrows */
  .snipcart-tipsy-arrow-n { border-bottom-color: #C00; }
  .snipcart-tipsy-arrow-s { border-top-color: #C00; }
  .snipcart-tipsy-arrow-e { border-left-color: #C00; }
  .snipcart-tipsy-arrow-w { border-right-color: #C00; }

  .snipcart-tipsy-n .snipcart-tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
  .snipcart-tipsy-nw .snipcart-tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
  .snipcart-tipsy-ne .snipcart-tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .snipcart-tipsy-s .snipcart-tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
  .snipcart-tipsy-sw .snipcart-tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
  .snipcart-tipsy-se .snipcart-tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .snipcart-tipsy-e .snipcart-tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .snipcart-tipsy-w .snipcart-tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*** / Tipsy jquery plugin ***/

/*** Loading state ***/

    #snipcart-sub-content.snipcart-loading * {
        display: none;
    }
    #snipcart-sub-content.snipcart-loading,
    #snipcart-main-container .snipcart-step.snipcart-loading 
    {
        min-height: 300px;
        background-color: #fff;
        background-image: url(img/ajax-loader.gif);
        background-position: center center;
        background-repeat: no-repeat;
    }

    #snipcart-main-container .snipcart-step.snipcart-loading {
        background-position: center 40px;
        min-height: 0;
    }

    #snipcart-main-container .snipcart-loading #snipcart-loading-message {
        padding-top: 160px;
        padding-bottom: 20px;
        text-transform: uppercase; 
        color: #333; 
        font-size: 16pt; 
        font-size: 12pt; 
        font-weight: bold; 
        text-align: center;
        font-family: 'brandon_grotesquebold';
    }

/*** / Loading state ***/

/*** Empty cart ***/

    #snipcart-step-content-emptycart .snipcart-full-width-text p,
    #snipcart-blocked .snipcart-full-width-text p {
        font-size: 18px;
        font-family: 'brandon_grotesquebold', sans-serif;
        text-transform: uppercase;
    }

/*** / Empty cart ***/

/*** Footer ***/

    div#snipcart-footer {
        background: rgb(54,56,58); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(54,56,58,1) 1%, rgba(33,35,36,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(54,56,58,1)), color-stop(100%,rgba(33,35,36,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(54,56,58,1) 1%,rgba(33,35,36,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(54,56,58,1) 1%,rgba(33,35,36,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(54,56,58,1) 1%,rgba(33,35,36,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(54,56,58,1) 1%,rgba(33,35,36,1) 100%); /* W3C */
        height: 35px;
        border-top: 1px solid #434648;
        padding: 0 10px;
    }

    #snipcart-footer .snipcart-big {
        color: #a5a5a5;
    }
    #snipcart-footer #snipcart-powered {
        background: url('img/snipcart-footer.png') no-repeat left center;
        padding-left: 25px;
        background: url('img/lock.png') no-repeat left 3px;
        padding-left: 30px;
        text-transform: uppercase;
        font: 7.42pt/10px 'brandon_grotesqueregular', sans-serif;
        color: #545557;
        font: 8.42pt/11px 'brandon_grotesqueregular', sans-serif;
        color: #767676;
        display: block;
        text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
        height: 35px;
        line-height: 35px;    
    }

    #snipcart-footer #snipcart-powered a {
        color: #545557;
        text-decoration: none;
        display: block;
        padding: 10px 0;
    }

/*** / Footer ***/

@media only screen and (min-width: 480px)
{
    #snipcart-header {
       text-align: center;
    }

    #snipcart-main-container a.snipcart-btn,
    #snipcart-main-container button.snipcart-btn {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px)
{
        #snipcart-main-container #snipcart-cartitems-continue-top 
        {
            display: block
        }

        a#snipcart-close {
            top: 10px;
            right: 10px;
            padding: 0;
        }

        #snipcart-close i {
            font-size: 22px;
        }

        #snipcart-main-container table#snipcart-items td.snipcart-td-6 a.snipcart-duplicate-item {
            margin-top: 0;
            right: 0;
        }
    /*** General Styles ***/
        #snipcart-main-container #snipcart-header {
            height: 105px;
            padding: 0;
        }

        #snipcart-header #snipcart-title {
            display: block;
            min-width: 300px;
        }

        #snipcart-main-container a.snipcart-btn,
        #snipcart-main-container button.snipcart-btn {
            padding: 0 25px; /* Larger buttons */
        }

        #snipcart-main-container button.snipcart-btn {
            border: none;
        }

        #snipcart-main-container td, #snipcart-main-container th {
            display: table-cell; /* We have enough space so we list elems as cells */
        }

        #snipcart-main-container table.snipcart-list .snipcart-no-customfields {
            border-top: 1px solid #f1f1f2;
            /* We want to see the border when the elem is show as cell */
        }

    /*** / General Styles ***/

    /*** Header ***/

        #snipcart-header #snipcart-header-total {
            margin-top: 35px; /* We want the total to be slightly higher to align with the larger title */
            margin-left: 20px;
        }

        #snipcart-header #snipcart-title {
            text-align: left;
            font: 30px/105px brandon_grotesquelight, sans-serif;
            padding-left: 25px; 
            width: auto;
            top: 0;

            min-width: 300px;
            position: absolute;
        }
        #snipcart-header #snipcart-total span.snipcart-label {
            display: inline;
        }

        #snipcart-cartitems-checkout-top {
            top: 35px; /* We want the checkout button to be slightly higher to align with the larger title */
        }

    /*** / Header ***/

    /*** Steps ***/

        #snipcart-main-content #snipcart-current-user #snipcart-user-infos {
            padding: 10px 44px 10px 10px;
        }

        ul#snipcart-steps {
            height: 90px;
        }

        ul#snipcart-steps li span.snipcart-step-text {
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            display: block;
            text-align: center;
            margin: 13px 0 0 0;
            padding: 0 2px;
            width: 100%;
            text-transform: uppercase; 
            color: #8e8e8e; 
            font-weight: bold; 
            line-height: 16px; 
            font: 10px/16px 'brandon_grotesquebold', Arial, sans-serif;
        }

        ul#snipcart-steps li span.snipcart-step-number {
           margin: 9px 0 0 0; 
           font: 28pt 'Snipcart';
        }

    /*** / Steps ***/

    /*** Columns ***/

        /* We split the columns (33% each) */

        #snipcart-main-content .snipcart-columns {
            overflow: hidden;
        }

        #snipcart-main-content div.snipcart-column
        {
            float: left;
            width: 33.33333333333%;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            margin-bottom: -99989px;
            padding-bottom: 99999px !important;
        } 

        #snipcart-main-content div.snipcart-column.snipcart-column-right {
            float: right;
            text-align: right;
        }

        #snipcart-main-content div.snipcart-column.snipcart-column-right img {
            max-height: 50px;
        }

        #snipcart-main-content div.snipcart-column-2,
        #snipcart-main-content div.snipcart-column-3
        {
            border-left: 1px solid #f1f1f2;
        }

        /* Boxed Columns */

            #snipcart-main-content .snipcart-boxed-columns div.snipcart-column-2 {
                border-top : 0;
            }

        /* / Boxed Columns */

    /*** / Columns ***/

    /*** Promo Codes ***/

        /* We want the promo code form on same line */

        #snipcart-main-container #snipcart-apply-discount {
            padding: 10px 20px;
            text-align: right;
        }

        #snipcart-main-container #snipcart-apply-discount input[type=text] {
            display: inline-block;
            margin: 0 7px 0 0;
        }

        #snipcart-main-container #snipcart-apply-discount div {
            float: right;
            width: 250px;
            margin-right: 10px;
            margin-bottom: 10px;
            top: 0;
        }

        #snipcart-main-container #snipcart-apply-discount button {
            float: right;
        }

    /*** / Promo Codes ***/

    /*** Items ***/

        #snipcart-main-container table#snipcart-items tr {
            display: table-row;
        }

        #snipcart-main-container table#snipcart-items tr th, #snipcart-main-container table#snipcart-items tr td {
            display: table-cell;     
        }

        #snipcart-main-container table#snipcart-items td span.snipcart-thumbnail-wrapper {
            display: inline-block;
        }

        #snipcart-main-container table#snipcart-items td.snipcart-td-1,
        #snipcart-main-container table#snipcart-items td.snipcart-td-2,
        #snipcart-main-container table#snipcart-items td.snipcart-td-2.snipcart-no-customfields,
        #snipcart-main-container #snipcart-step-content-cart-items table#snipcart-items tr:first-child td.snipcart-td-1,
        #snipcart-main-container #snipcart-step-content-cart-content table#snipcart-items tr:first-child td.snipcart-td-1
        {
             border-top: 1px solid #eee;
        } 

        #snipcart-main-container #snipcart-step-content-cart-items table#snipcart-items td.snipcart-td-2,
        #snipcart-main-container #snipcart-step-content-cart-content table#snipcart-items td.snipcart-td-2 {
            /* We limit the width in Order to have decent looking input fields */
            width: 160px;
            padding-left: 0;
            padding-right: 0;
        } 

        #snipcart-main-container table#snipcart-items td.snipcart-td-2.snipcart-no-customfields {
            /* We want to to use smallest width when no custom fields to show */
            width: auto !important;
        }

        #snipcart-main-container table#snipcart-items td.snipcart-td-3,
        #snipcart-main-container table#snipcart-items td.snipcart-td-4,
        #snipcart-main-container table#snipcart-items td.snipcart-td-5 {
            float: none;
            width: 120px;            
            border-right: none;
            margin: 0;
            border-top: 1px solid #eee;
        }
        #snipcart-main-container table#snipcart-items td.snipcart-td-3 {
            width: 140px
        }

        #snipcart-main-container table#snipcart-items td.snipcart-td-6 {
            position: static;
            width: 60px;
        }

    /*** / Items ***/        

    /*** Confirm ***/

        /* Adress infos */

            #snipcart-main-container #snipcart-step-content-confirm .snipcart-column-2,
            #snipcart-main-container #snipcart-step-content-confirm .snipcart-column-3
            {
                margin-top: 0;
                /* No margin needed because the columns are on the same line */
            }

        /* / Adress infos */

    /*** / Confirm ***/

}

@media (max-width: 800px) {
  .snipcart-checkout-container {
    margin-left: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
  }
  
  #snipcart-main-container {
      padding: 0;
      top: 0;
  }

    #snipcart-main-container input[type=text] {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1024px)
{
    /*** Steps ***/

        ul#snipcart-steps {
            height: 60px;
        }

        ul#snipcart-steps li span {
            float: left; /* Icon and text on the same line */
        }

        ul#snipcart-steps li span.snipcart-step-text {
            text-align: left;
            margin: 13px 0 0 3px;
            width: 70px; /* We want the text to wrap */
        }

        ul#snipcart-steps li span.snipcart-step-number {
            width: auto;
            margin: 9px 0 0 5px;
        }

    /*** / Steps ***/
}

@media print {

    body.snipcart-open #snipcart-modal {
        position: static;
    }

    body.snipcart-open #snipcart-overlay {
        display: none;
    }

    body.snipcart-open #snipcart-actions {
        display: none;
    }

    body.snipcart-open .snipcart-checkout-container .snipcart-add-quantity, 
    body.snipcart-open .snipcart-checkout-container .snipcart-minus-quantity, 
    body.snipcart-open .snipcart-checkout-container .snipcart-remove-item, 
    body.snipcart-open .snipcart-checkout-container #snipcart-logged-user, 
    body.snipcart-open .snipcart-checkout-container #snipcart-continue-shopping-link {
        display: none !important;
    }

    body.snipcart-open table#snipcart-items td.snipcart-td-3 span {
        border: none;
        background-color: inherit;
    }

    body.snipcart-open #snipcart-header #snipcart-title {
        line-height: inherit;
        display: none;
        min-width: 300px;
    }

    body.snipcart-open #snipcart-main-container span.snipcart-total-price {
        color: inherit;
        font-weight: bold;
    }

    body.snipcart-open #snipcart-header #snipcart-total span.snipcart-label {
        width: auto;
    }

    body.snipcart-open #snipcart-header {
        height: auto;
    }

    body.snipcart-open #snipcart-header #snipcart-total span.snipcart-label span {
        margin-top: 0;
    }

    body.snipcart-open #snipcart-header #snipcart-total span.snipcart-amount {
        font-size: inherit;
        color: inherit;
        font-weight: bold;
        line-height: inherit;
    }
    body.snipcart-open .snipcart-print-no-show {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    ul#snipcart-steps li span.snipcart-step-text {
        width: 80px; /* We want the text to wrap */
    }
}

#snipcart-main-container table.snipcart-list td.snipcart-td-loading {
    width: 30px;
    padding-right: 10px;
}

#snipcart-main-container .snipcart-td-loading.snipcart-loading .snipcart-loader {
    width: 20px;
    height: 20px;
    background-image: url(img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

#snipcart-main-container .snipcart-upcomingpayment-details {
    display: none; 
}

#snipcart-main-container .snipcart-upcomingpayment .snipcart-td-1 {
    vertical-align: top;
}

#snipcart-main-container .snipcart-upcomingpayment-details {
    text-align: right;
}
#snipcart-main-container .snipcart-show-upcoming-payment-details {
    float: right;
}

#snipcart-main-container .snipcart-upcomingpayment-details dl dt {
    float: left;
    width: 100px;
}

#snipcart-main-container .snipcart-upcomingpayment-details dl dd {
    color: #333;
    font: 14px 'brandon_grotesquebold', sans-serif;
    font-weight: bold;
}
.snipcart-user-logout {
  display: none; }

#snipcart-main-container #snipcart-header.snipcart-total-hidden {
  height: 20px; }
  #snipcart-main-container #snipcart-header.snipcart-total-hidden #snipcart-title {
    display: block;
    left: 0;
    min-width: 0px;
    height: auto;
    margin-left: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      #snipcart-main-container #snipcart-header.snipcart-total-hidden #snipcart-title {
        font-size: 24px;
        text-align: left;
        width: auto; } }
  @media only screen and (min-width: 768px) {
    #snipcart-main-container #snipcart-header.snipcart-total-hidden {
      height: 95px; } }

#snipcart-main-container .snipcart-btn-fullwidth {
  width: 100%; }

#snipcart-main-container #snipcart-step-content-login {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 768px) {
    #snipcart-main-container #snipcart-step-content-login {
      display: block; } }

#snipcart-main-container #snipcart-guest-checkout-container {
  order: 3; }
  @media only screen and (min-width: 768px) {
    #snipcart-main-container #snipcart-guest-checkout-container {
      float: right;
      width: 33.3%; } }

#snipcart-main-container #snipcart-login-forms {
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    #snipcart-main-container #snipcart-login-forms > div {
      float: left;
      width: 50%; } }

#snipcart-main-container .snipcart-test-mode-flag {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10;
  background-color: yellow;
  opacity: 0.7;
  color: black;
  padding: 2px;
  border-radius: 1px;
  font-size: 10px;
  text-transform: uppercase; }

#snipcart-main-container dl.snipcart-def-list dd {
  float: left;
  clear: left;
  margin-right: 10px;
  padding-bottom: 3px;
  margin-left: 0; }

#snipcart-main-container dl.snipcart-def-list dt {
  padding-bottom: 3px; }

#snipcart-main-container .snipcart-container-content {
  padding: 20px; }

#snipcart-main-container table.snipcart-list .snipcart-td-last, #snipcart-main-container table.snipcart-list .snipcart-th-last {
  padding-right: 20px; }

#snipcart-main-container table.snipcart-list td strong {
  font-weight: bold;
  color: #333; }

#snipcart-main-container #snipcart-upcoming-payments > div {
  border-top: 1px solid #aaa;
  padding-top: 10px;
  border-bottom: 1px solid #aaa;
  background-color: #eee; }

#snipcart-main-container #snipcart-upcoming-payments h2 {
  color: #333333;
  font: 18px 'brandon_grotesquebold', sans-serif;
  text-transform: uppercase;
  padding-left: 10px; }

#snipcart-main-container #snipcart-upcoming-payments table tr td {
  vertical-align: top; }
  #snipcart-main-container #snipcart-upcoming-payments table tr td.snipcart-td-3 {
    padding-right: 40px; }
    #snipcart-main-container #snipcart-upcoming-payments table tr td.snipcart-td-3 > .snipcart-total-price {
      font-size: 18px; }

#snipcart-main-container #snipcart-upcoming-payments table tr th.snipcart-th-3 {
  padding-right: 40px; }

#snipcart-main-container #snipcart-upcoming-payments dd {
  margin-bottom: 5px; }

#snipcart-main-container #snipcart-upcoming-payments-list tr td {
  position: relative; }

#snipcart-main-container a.snipcart-btn.snipcart-show-upcoming-payment-details {
  padding: 5px;
  font-size: 14px;
  height: auto;
  line-height: 11px;
  margin-left: 10px;
  margin-top: 2px; }
  #snipcart-main-container a.snipcart-btn.snipcart-show-upcoming-payment-details:before {
    content: "?";
    display: inline-block;
    width: 10px;
    text-align: center;
    text-indent: 0; }
  #snipcart-main-container a.snipcart-btn.snipcart-show-upcoming-payment-details.snipcart-hide-details:before {
    content: "-"; }

#snipcart-main-container .snipcart-upcoming-payment-details {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  text-align: center;
  position: absolute;
  background-color: #ccc;
  bottom: 70px;
  right: 5px;
  text-align: center;
  display: none; }
  #snipcart-main-container .snipcart-upcoming-payment-details:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #ccc transparent;
    display: block;
    width: 0; }
  #snipcart-main-container .snipcart-upcoming-payment-details dl {
    margin: 0; }
  #snipcart-main-container .snipcart-upcoming-payment-details dd,
  #snipcart-main-container .snipcart-upcoming-payment-details dt {
    margin-left: 0;
    margin-right: 0; }
    #snipcart-main-container .snipcart-upcoming-payment-details dd span.snipcart-total-price,
    #snipcart-main-container .snipcart-upcoming-payment-details dt span.snipcart-total-price {
      text-align: center; }
  #snipcart-main-container .snipcart-upcoming-payment-details dt {
    color: #666; }

#snipcart-main-container .snipcart-plan-details {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 768px) {
    #snipcart-main-container .snipcart-plan-details {
      display: block; } }
  #snipcart-main-container .snipcart-plan-details .snipcart-subscription-actions {
    order: 2; }
    #snipcart-main-container .snipcart-plan-details .snipcart-subscription-actions button {
      background-color: red;
      width: 100%;
      margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      #snipcart-main-container .snipcart-plan-details .snipcart-subscription-actions {
        float: right;
        text-align: right;
        width: 30%; } }

#snipcart-main-container .snipcart-flash-confirm {
  background-color: #1e1f21;
  color: white; }

#snipcart-main-container .snipcart-confirm-content {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 768px) {
    #snipcart-main-container .snipcart-confirm-content {
      display: block; } }
  #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-options {
    order: 2; }
    #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-options a {
      font-size: smaller;
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 5px; }
      @media only screen and (min-width: 768px) {
        #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-options a {
          display: inline-block;
          width: 10%;
          margin-left: 10px; } }
    #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-options a.snipcart-confirm-yes {
      background-color: #87db57; }
    #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-options a.snipcart-confirm-no {
      background-color: red; }
    @media only screen and (min-width: 768px) {
      #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-options {
        float: right;
        width: 50%;
        text-align: right; } }
  #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-message {
    text-align: center;
    padding: 5px; }
    @media only screen and (min-width: 768px) {
      #snipcart-main-container .snipcart-confirm-content .snipcart-confirm-message {
        vertical-align: middle;
        line-height: 38px;
        text-align: left;
        font-weight: normal;
        padding-left: 25px; } }

#snipcart-main-container #snipcart-current-user nav {
  float: left; }

#snipcart-main-container table.snipcart-list td span.hidden {
  display: none; }

#snipcart-main-container h2.snipcart-invoices-title {
  text-transform: uppercase;
  text-align: center;
  background-color: #333;
  color: #fff;
  font: 16px 'brandon_grotesquelight', sans-serif;
  padding: 5px; }

#snipcart-main-container .snipcart-table-header-color .snipcart-grand-total {
  font-size: larger;
  font-weight: bold; }

#snipcart-main-container .snipcart-table-header-color .snipcart-th-left,
#snipcart-main-container .snipcart-table-header-color .snipcart-td-left {
  padding-left: 10px; }

#snipcart-main-container .snipcart-table-header-color .snipcart-th-right,
#snipcart-main-container .snipcart-table-header-color .snipcart-td-right {
  padding-right: 10px; }

#snipcart-main-container .snipcart-def-list dd {
  width: 90px;
  clear: both; }

/*** User Menu ***/
.snipcart-user-welcome {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 82%;
  vertical-align: middle; }

#snipcart-user-menu {
  text-align: left; }
  #snipcart-user-menu .snip-menu-control {
    cursor: pointer;
    color: #999; }
    #snipcart-user-menu .snip-menu-control.snip-control-active, #snipcart-user-menu .snip-menu-control:hover {
      color: #fff; }
      #snipcart-user-menu .snip-menu-control.snip-control-active .snipcart-burger-icon,
      #snipcart-user-menu .snip-menu-control.snip-control-active .snipcart-burger-icon:before,
      #snipcart-user-menu .snip-menu-control.snip-control-active .snipcart-burger-icon:after, #snipcart-user-menu .snip-menu-control:hover .snipcart-burger-icon,
      #snipcart-user-menu .snip-menu-control:hover .snipcart-burger-icon:before,
      #snipcart-user-menu .snip-menu-control:hover .snipcart-burger-icon:after {
        background: #fff; }
    #snipcart-user-menu .snip-menu-control span {
      display: none;
      color: red; }
  #snipcart-user-menu .snipcart-burger-icon {
    background: #999;
    width: 18px;
    height: 3px;
    position: relative;
    display: inline-block;
    vertical-align: 4px;
    margin-right: .3em; }
    #snipcart-user-menu .snipcart-burger-icon:before, #snipcart-user-menu .snipcart-burger-icon:after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background: #999; }
    #snipcart-user-menu .snipcart-burger-icon:before {
      top: -6px; }
    #snipcart-user-menu .snipcart-burger-icon:after {
      bottom: -6px; }
  #snipcart-user-menu .snip-user-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #1a1b1d;
    color: #fff;
    z-index: 2;
    text-align: left; }
    #snipcart-user-menu .snip-user-menu li {
      padding: 1em 2em;
      border-bottom: 1px solid #333;
      display: block; }
      #snipcart-user-menu .snip-user-menu li:first-child {
        border-top: 1px solid #333; }
    #snipcart-user-menu .snip-user-menu a {
      cursor: pointer;
      display: block;
      color: #999; }
      #snipcart-user-menu .snip-user-menu a:hover {
        color: #fff; }

@media only screen and (min-width: 768px) {
  #snipcart-user-menu .snip-menu-control span {
    display: inline;
    color: inherit; }
  #snipcart-user-menu .snipcart-burger-icon {
    width: 15px;
    height: 2px; }
    #snipcart-user-menu .snipcart-burger-icon:before {
      top: -5px; }
    #snipcart-user-menu .snipcart-burger-icon:after {
      bottom: -5px; }
  #snipcart-user-menu .snip-user-menu li {
    padding: 0.75em 1.5em; } }

/*** / User Menu ***/