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, 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;
    font-size: 62.5%;
    font-family: 'Roboto Condensed',sans-serif;
    color: #333;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    overflow-x: hidden
}

    body .ui-dialog {
        z-index: 2147483646
    }

input {
    border-radius: 0
}

.ui-dialog-content {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    line-height: 18.2px
}

input[type='text'], textarea {
    font-size: 16px
}

input[type='submit'] {
    -webkit-appearance: none
}

a {
    text-decoration: none;
    color: #333
}

    a:hover {
        text-decoration: underline;
        color: #79a618
    }

ul {
    list-style: none
}

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

::-webkit-input-placeholder {
    font-style: italic
}

:-moz-placeholder {
    font-style: italic
}

::-moz-placeholder {
    font-style: italic
}

:-ms-input-placeholder {
    font-style: italic
}

h1 {
    font-size: 2.8em
}

h2 {
    font-size: 2.8em
}

h3 {
    font-size: 2em
}

h4 {
    font-size: 1.8em
}

h5 {
    font-size: 1.4em
}

.bb {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.green {
    color: #79a618
}

.red {
    color: #c61b1b
}

.dgray {
    color: #333
}

.gray {
    color: #999
}

.bold {
    font-weight: bold
}

.uc {
    text-transform: uppercase
}

.button {
    font-family: 'Roboto Condensed',sans-serif;
    padding: 2px 10px;
    margin: 0;
    background: #79a618;
    color: #FFF;
    cursor: pointer;
    line-height: 27px;
    border: 0;
    text-align: center;
    transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    -webkit-appearance: none
}

    .button:hover {
        color: white;
        text-decoration: none;
        background: #8cbe21;
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cbe21', endColorstr='#79A618')";
        background-image: -webkit-linear-gradient(top,#8cbe21,#79a618);
        background-image: -moz-linear-gradient(top,#8cbe21,#79a618);
        background-image: -ms-linear-gradient(top,#8cbe21,#79a618);
        background-image: -o-linear-gradient(top,#8cbe21,#79a618);
        background-image: linear-gradient(top,#8cbe21,#79a618);
        -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.3);
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.3);
        -o-box-shadow: 1px 1px 4px rgba(0,0,0,.3);
        box-shadow: 1px 1px 4px rgba(0,0,0,.3)
    }

    .button a {
        color: #FFF
    }

        .button a:hover {
            text-decoration: none
        }

    .button:active, .button-white:active, .button-black:active, .button-gray:active {
        top: 1px;
        border: 0
    }

    .button.unfollow, .button.unfollowTopic {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #ddd;
        color: #999;
        width: 105px
    }

    .button.followTopic {
        border: 1px solid #79a618;
        line-height: 25px
    }

    .button.unfollowTopic {
        width: auto;
        border: 1px solid #fff;
        line-height: 25px
    }

        .button.unfollow:hover, .button.unfollowTopic:hover {
            color: #FFF;
            border: 1px solid #b42d09;
            background: #b42d09;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb3d17',endColorstr='#b42d09');
            background-image: -webkit-linear-gradient(top,#cb3d17,#b42d09);
            background-image: -moz-linear-gradient(top,#cb3d17,#b42d09);
            background-image: -ms-linear-gradient(top,#cb3d17,#b42d09);
            background-image: -o-linear-gradient(top,#cb3d17,#b42d09);
            background-image: linear-gradient(top,#cb3d17,#b42d09)
        }

.button-center {
    display: block;
    margin: auto
}

.button-gray {
    background: #999
}

    .button-gray:hover {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc',endColorstr='#999');
        background-image: -webkit-linear-gradient(top,#ccc,#999);
        background-image: -moz-linear-gradient(top,#ccc,#999);
        background-image: -ms-linear-gradient(top,#ccc,#999);
        background-image: -o-linear-gradient(top,#ccc,#999);
        background-image: linear-gradient(top,#ccc,#999)
    }

.button-black {
    background: #333
}

    .button-black:hover {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777',endColorstr='#333');
        background-image: -webkit-linear-gradient(top,#777,#333);
        background-image: -moz-linear-gradient(top,#777,#333);
        background-image: -ms-linear-gradient(top,#777,#333);
        background-image: -o-linear-gradient(top,#777,#333);
        background-image: linear-gradient(top,#777,#333)
    }

.button-white {
    background: #fff
}

    .button-white:hover {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f9f9f9');
        background-image: -webkit-linear-gradient(top,#fff,#f9f9f9);
        background-image: -moz-linear-gradient(top,#fff,#f9f9f9);
        background-image: -ms-linear-gradient(top,#fff,#f9f9f9);
        background-image: -o-linear-gradient(top,#fff,#f9f9f9);
        background-image: linear-gradient(top,#fff,#f9f9f9)
    }

.button-orange {
    background: #e76e32
}

    .button-orange:hover {
        background: #fd9b01;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9b01',endColorstr='#e76e32');
        background-image: -webkit-linear-gradient(top,#fd9b01,#e76e32);
        background-image: -moz-linear-gradient(top,#fd9b01,#e76e32);
        background-image: -ms-linear-gradient(top,#fd9b01,#e76e32);
        background-image: -o-linear-gradient(top,#fd9b01,#e76e32);
        background-image: linear-gradient(top,#fd9b01,#e76e32)
    }

.loadmore-spinner {
    display: none;
    margin-right: 5px
}

.light-gradient {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3');
    background-image: -webkit-linear-gradient(top,#fff,#f3f3f3);
    background-image: -moz-linear-gradient(top,#fff,#f3f3f3);
    background-image: -ms-linear-gradient(top,#fff,#f3f3f3);
    background-image: -o-linear-gradient(top,#fff,#f3f3f3);
    background-image: linear-gradient(top,#fff,#f3f3f3)
}

.orange {
    background: #e76e32
}

.orange-gradient {
    background: #fd9b01;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9b01',endColorstr='#e76e32');
    background-image: -webkit-linear-gradient(top,#fd9b01,#e76e32);
    background-image: -moz-linear-gradient(top,#fd9b01,#e76e32);
    background-image: -ms-linear-gradient(top,#fd9b01,#e76e32);
    background-image: -o-linear-gradient(top,#fd9b01,#e76e32);
    background-image: linear-gradient(top,#fd9b01,#e76e32)
}

.custom-dd {
    border: 1px solid #ddd;
    font-size: 1.4em;
    padding: .4em .8em;
    display: inline-block;
    cursor: pointer
}

.wrapper {
    margin: 0 auto;
    max-width: 1440px
}

.wrapper-1000 {
    width: 1000px;
    margin: auto
}

.breadcrumb {
    padding: 1.25em 0;
    color: #999;
    font-size: 12px
}

#scanalert {
    text-align: center;
    margin-top: 15px;
    float: none
}

#tippyTopContainer {
    min-height: 47px
}

    #tippyTopContainer img {
        max-width: 1026px;
        width: 100%
    }

.header-outer {
    border: 1px solid #ddd;
    border-right: 0;
    border-left: 0;
    background: #fff;
    background-image: -webkit-linear-gradient(top,#fff,#f9f9f9);
    background-image: -moz-linear-gradient(top,#fff,#f9f9f9);
    background-image: -ms-linear-gradient(top,#fff,#f9f9f9);
    background-image: -o-linear-gradient(top,#fff,#f9f9f9);
    background-image: linear-gradient(top,#fff,#f9f9f9)
}

.header-wrap {
    zoom: 1;
    margin: auto;
    max-width: 1240px;
    height: 60px;
    position: relative;
    padding-left: 466px;
    padding-right: 125px
}

    .header-wrap .header-item {
        float: left;
        height: 100%;
        line-height: 60px;
        font-size: 18px;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .header-wrap .logo13-mobile {
        vertical-align: middle;
        color: #79a618;
        font-size: 32px;
        position: relative;
        margin-top: -4px;
        line-height: 1;
        display: inline-block
    }

.header-left .header-logo {
    padding: 0 1em 0 0;
    height: 60px
}

.header-logo .icon-cp-logo {
    display: none
}

.header-nav {
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .header-nav .icon-reorder {
        display: none;
        color: #999
    }

    .header-nav ul {
        padding-left: 0;
        list-style-type: none
    }

.header-search {
    padding: 0 10px;
    margin-left: -1px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.header-cart, .header-account {
    padding: 0 20px;
    border-right: 1px solid #ddd
}

.header-right, .header-left, .header-search {
    float: left
}

.header-left {
    margin-left: -466px
}

.header-right {
    margin-right: -125px
}

.header-wrap a {
    color: #999
}

.nav-tab {
    float: left;
    height: 100%;
    padding-right: 1px;
    padding-left: 1px
}

    .nav-tab:hover, .nav-tab.active {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding-right: 0;
        padding-left: 0;
        background: #fff
    }

        .nav-tab:hover:after, .nav-tab.active:after {
            content: "";
            display: block;
            background: #fff;
            width: 100%;
            height: 1px;
            bottom: -1px;
            position: absolute;
            z-index: 26
        }

.header-cart.active, .header-account.active, .header-cart:hover, .header-account:hover {
    background: #fff
}

    .header-cart.active:after, .header-account.active:after, .header-cart:hover:after, .header-account:hover:after {
        content: "";
        display: block;
        background: #fff;
        width: 100%;
        height: 6px;
        bottom: -1px;
        left: 0;
        position: absolute;
        z-index: 26
    }

.sub-nav a, .nav-tab a {
    padding: 0 15px;
    letter-spacing: 1px;
    color: #333;
    font-size: 1em;
    font-family: 'Roboto Condensed',sans-serif
}

    .nav-tab a:hover, .nav-tab.active a {
        text-shadow: 3px 2px 3px #ddd;
        color: #79a618;
        text-decoration: none
    }

#wrap-close-inlinecart {
    float: right;
    padding: 0 5px;
    cursor: pointer;
    display: none
}

#btn-close-inlinecart {
    width: 24px;
    text-align: center;
    font-size: 18px
}

.inlinecart-amazon-checkout {
    text-align: center
}

.cp-logo {
    display: block;
    background: url('//content.cafepress.com/mobile2.0/img/sprite-3-17-14v2.png') no-repeat 0 0;
    width: 62px;
    height: 40px
}

.header-account > a, .header-logo > a, .header-cart > a {
    text-decoration: none
}

.sticky-wrapper.is-sticky .header-outer {
    left: 0;
    right: 0;
    z-index: 10
}

.browser-upgrade-box {
    width: 100%;
    padding: 10px 0;
    position: fixed;
    top: 0;
    text-align: center;
    border-bottom: 2px solid #79a618;
    background: white;
    z-index: 10;
    font-size: 14px
}

    .browser-upgrade-box a {
        color: #79a618
    }

    .browser-upgrade-box p {
        display: inline-block;
        line-height: 26px
    }

    .browser-upgrade-box .close-btn {
        width: 16px;
        height: 16px;
        background: #777;
        text-align: center;
        line-height: 16px;
        float: right;
        padding: 5px;
        color: white;
        margin-right: 10px;
        cursor: pointer
    }

#departmentSearchlbl {
    display: none
}

#searchBarForm {
    border: 1px solid #ddd;
    margin: 13px 0;
    height: 35px;
    position: relative;
    background: #fff;
    transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s
}

.header-search:hover #searchBarForm {
    border-color: #8cbe21
}

.header-search:hover {
    background: #fff
}

#global-filter-drop {
    float: left;
    line-height: 33px;
    height: 33px;
    padding: 0 10px;
    font-size: 10px;
    color: #999;
    font-family: 'Roboto Condensed',sans-serif;
    cursor: pointer;
    transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s
}

    #global-filter-drop:hover {
        background: #79a618;
        color: #fff
    }

        #global-filter-drop:hover #filter-value {
            color: #fff
        }

    #global-filter-drop #filter-value {
        overflow: hidden;
        max-width: 79px;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        font-size: 1.4em;
        padding: 0
    }

.filter-arrow {
    margin: 3px 0 0 5px
}

    .filter-arrow sup {
        font-size: 8px;
        line-height: inherit
    }

.filter-popup {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 26;
    display: none
}

    .filter-popup .selectReplacement {
        padding: 0 5px 10px;
        background: white;
        box-shadow: 1px 1px 6px #999;
        border: 1px solid #ccc
    }

#searchBarForm input.global-searchbox {
    border: 0;
    width: 70%;
    line-height: 32px;
    height: 32px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    outline: 0;
    font-family: 'Roboto Condensed',sans-serif
}

.selectReplacement li {
    color: #333;
    cursor: pointer;
    font-size: .75em;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 5px 5px 0;
    width: 155px;
    line-height: 16px
}

    .selectReplacement li:hover {
        font-weight: bold;
        color: #363636
    }

#global-searchbutton {
    font-size: 16px;
    font-family: 'Roboto Condensed',sans-serif;
    background: #79a618;
    color: #fff;
    cursor: pointer;
    height: 33px;
    padding: 2px 10px;
    margin: 0;
    border: 0;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s
}

    #global-searchbutton:hover {
        background-color: #8cbe21
    }

.header-search .search-icon {
    text-align: center;
    display: none
}

#sub-nav-cart-item {
    display: none;
    max-width: 320px;
    position: fixed;
    padding: 24px 24px 0;
    right: 0;
    z-index: 999;
    right: 20px;
    top: 20px
}

#sub-nav-cart {
    min-width: 320px;
    right: -1px
}

    #sub-nav-shop.scrollable.mobile-fittable, #sub-nav-cart.scrollable.mobile-fittable {
        max-height: 575px;
        overflow: auto
    }

#cartItemCount {
    display: none;
    position: absolute;
    left: 35px;
    top: 15px;
    width: 25px;
    text-align: center;
    border-radius: 50%;
    background: #79a618;
    width: 16px;
    height: 15px;
    color: #fff;
    font-size: .7em;
    font-weight: normal;
    line-height: 15px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.5)
}

.cart-title, .cart-added-item-title {
    text-align: left;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 1em
}

.cart-message {
    display: none;
    background: none repeat scroll 0 0 #f9edbe;
    border: 1px solid #f0c36d;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    padding: 16px;
    position: absolute;
    right: 30px;
    top: 14%;
    width: 236px;
    z-index: 999999
}

    .cart-message:hover {
        cursor: pointer;
        text-decoration: none;
        color: black
    }

#sub-nav-cart .cart-item, #sub-nav-cart-item .cart-item {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 1em 0
}

    #sub-nav-cart .cart-item:first-child, #sub-nav-cart-item .cart-item:first-child {
        border-top: 1px solid #ddd
    }

.cart-item .cart-item-img {
    float: left
}

#sub-nav-cart ul, #sub-nav-cart-item ul {
    margin: 0 0 1em;
    width: 100%
}

    #sub-nav-cart ul li, #sub-nav-cart-item ul li {
        text-transform: none
    }

.cart-item .cart-item-desc {
    float: left;
    margin: 0 0 0 .75em;
    color: #333;
    text-align: left;
    max-width: 160px
}

    .cart-item .cart-item-desc h6 {
        font-weight: bold;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.cart-sbtl {
    float: left;
    font-size: 1.3em;
    line-height: 27px;
    margin-bottom: 0;
    color: #c61b1b
}

.cart-btn {
    float: right;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 0 15px 0 15px
}

.sub-nav a.cart-btn-wrap {
    padding: 0
}

    .sub-nav a.cart-btn-wrap.top .cart-btn {
        margin-bottom: 5px;
        width: 100%
    }

    .sub-nav a.cart-btn-wrap.top:after {
        content: '';
        display: block;
        clear: both
    }

#sub-nav-cart .cart-x {
    display: none;
    padding-right: 1px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    color: #666;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.3)
}

#sub-nav-cart .cart-item:hover .cart-x {
    display: block
}

#sub-nav-cart .icon-spin, #sub-nav-cart-item .icon-spin {
    color: #79a618;
    font-size: 2em;
    display: none;
    text-align: center
}

#sub-nav-cart .cart-empty {
    font-size: 1.5em;
    text-align: center;
    display: none
}

.sub-nav-wrapper {
    position: absolute;
    left: 0;
    width: 100%
}

div.sub-nav {
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    border-top: 0;
    top: 61px;
    background: #FFF;
    padding: 2em;
    z-index: 25;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3);
    font-size: 12px;
    font-family: arial;
    display: none
}

.sub-nav.active {
    display: block
}

#wrap-close-inlinecart {
    display: none
}

.signInPopupDialog {
    font-family: 'Roboto Condensed',sans-serif;
    height: 420px
}

.form-container #cafepress-login-container {
    padding: 5%;
    padding-top: 0;
    margin: auto;
    font-size: 1.4em;
    text-align: center;
    font-size: .9em
}

    .form-container #cafepress-login-container .textbox {
        width: 100%;
        margin: auto;
        padding: 5px;
        line-height: 1.2em;
        border: 1px solid #ddd;
        margin: .5em 0;
        display: block;
        font-family: Arial,sans-serif
    }

    .form-container #cafepress-login-container .button {
        display: block;
        margin: 3em 0 0;
        padding: 1.5%;
        width: 100%;
        border-radius: 25px;
        font-size: 1em
    }

.form-container #social-logins-container:after {
    content: '';
    display: block;
    clear: both
}

.form-container #social-logins-container {
    margin: auto;
    min-height: 80px;
    text-align: center
}

.form-container .input-form-label {
    float: left;
    margin-top: 5px
}

.form-container #email, .form-container #password {
    float: left;
    width: 100%
}

.form-container #stay-signed-in, .form-container .stay-signed-in {
    float: left
}

.form-container #forgotten-password {
    float: right
}

.form-container #submit-login-form {
    border-radius: 25px;
    float: left;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%
}

.form-container .login-divider {
    width: 100%
}

.form-container #social-logins-container a#facebook-login-button {
    background: #3b5998;
    border-radius: 3px;
    color: #fff;
    font-size: .9em;
    padding: 8px
}

.form-container #google-login-button {
    padding: 0
}

.form-container #social-logins-container a {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    height: 30px
}

.login-popup-wrapper .form-container {
    width: auto
}

.sub-nav .green {
    font-weight: bold;
    color: #7ca500
}

.sub-nav .orange {
    color: #e29708;
    font-weight: bold
}

.sub-nav ul {
    list-style-type: none;
    padding-left: 0
}

.sub-nav li {
    line-height: 17px;
    text-transform: lowercase;
    font-family: Arial,sans-serif
}

    .sub-nav li a {
        padding: 0;
        color: #777;
        font-size: 1.05em;
        line-height: 1.4em;
        letter-spacing: 0;
        vertical-align: middle;
        font-family: Arial,sans-serif
    }

.sub-nav-view-all {
    display: none
}

.sub-nav h3 a {
    font-size: .8em;
    font-family: 'Roboto Condensed',sans-serif;
    padding: 0;
    letter-spacing: 0;
    line-height: 24px
}

.sub-nav h4 {
    font-size: 1.4em;
    line-height: 24px;
    text-transform: none;
    color: #333;
    margin-bottom: -2px;
    font-weight: normal;
    font-family: 'Roboto Condensed',sans-serif
}

    .sub-nav h4 a {
        padding: 0;
        letter-spacing: 0
    }

.sub-nav .column-main, .column-last, .sub-nav .column-sub, .column-sub ul {
    float: left
}

    .sub-nav .column-main ul {
        float: left
    }

.sub-nav ul.sub-nav-two {
    padding-left: 20px;
    float: none
}

#sub-nav-shop .main-menu h4 a {
    color: #333;
    font-size: 1em;
    width: 150px
}

#sub-nav-shop ul {
    margin-bottom: 15px;
    float: left;
    width: 20%
}

#sub-nav-shop .nav-col-wrapper {
    width: 20%;
    float: left;
    padding-left: 1em
}

    #sub-nav-shop .nav-col-wrapper ul {
        width: 100%
    }

#sub-nav-shop, #sub-nav-create {
    padding: 1.2em 2em 0
}

#sub-nav-sell p {
    width: 305px;
    font-size: 1em;
    text-transform: none;
    line-height: 1.2em;
    padding-bottom: 10px
}

#sub-nav-sell img {
    margin: 0;
    position: relative;
    width: 100%
}

#sub-nav-sell blockquote {
    position: relative;
    top: 80px;
    font-size: 1.2em;
    text-transform: none;
    font-style: italic
}

#sub-nav-sell cite {
    float: right;
    position: relative;
    right: 30px;
    font-size: 1.1em;
    margin-top: 18px
}

.sub-nav-sell {
    overflow: hidden
}

.sell-heading {
    width: 40%;
    float: left
}

    .sell-heading.sell-img {
        width: 60%
    }

#learnmore {
    display: block;
    text-transform: uppercase;
    color: #fff;
    width: 50%
}

#nav-gifts ul {
    width: 15%;
    margin: 0 .75% 1em
}

    #nav-gifts ul h4, #nav-gifts ul h4 a {
        color: #c61b1b;
        white-space: nowrap
    }

    #nav-gifts ul h4 {
        text-overflow: ellipsis;
        overflow: hidden
    }

#nav-gifts .column-main {
    margin: 0;
    width: 100%
}

.sub-nav-extra {
    clear: left;
    padding: 1em 2em 0;
    margin: 0 -2em;
    border-top: 1px solid #b91e2b;
    position: initial
}

    .sub-nav-extra li {
        margin-left: 8px
    }

    .sub-nav-extra h4 {
        text-transform: uppercase;
        font-size: 1.2em;
        color: #b91e2b;
        margin-bottom: 0;
        line-height: 1.4em
    }

    .sub-nav-extra a.red {
        color: #c61b1b;
        text-shadow: none
    }

#sub-nav-shop .sne-wide {
    width: 78%;
    overflow: hidden;
    height: 1.5em
}

.sub-nav-extra li, .sub-nav-extra h4 {
    float: left
}

.sub-nav-extra {
    padding: 1em 0
}

    .sub-nav-extra h4 {
        float: none;
        text-align: center
    }

        .sub-nav-extra h4 a {
            color: #c61b1b
        }

#sub-nav-shop .sub-nav-extra ul {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0
}

.sub-nav-extra li {
    margin: 0;
    float: none;
    display: inline-block;
    padding: 0 1%
}

    .sub-nav-extra li a {
        display: inline-block;
        font-size: 1em;
        text-transform: none;
        color: #333
    }

#greys-anatomy {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -610px -181px;
    width: 145px;
    height: 35px
}

#peanuts {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -13px -242px;
    width: 98px;
    height: 35px
}

#big-bang-theory {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -133px -222px;
    width: 41px;
    height: 54px
}

#marvel {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -196px -240px;
    width: 69px;
    height: 28px
}

#supernatural {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -288px -243px;
    width: 136px;
    height: 21px
}

#television-city {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -448px -232px;
    width: 64px;
    height: 42px
}

#star-trek {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -539px -244px;
    width: 88px;
    height: 19px
}

#bobs-burgers {
    background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -632px -243px;
    width: 136px;
    height: 21px
}

.sub-nav-dyo {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 5px
}

.sub-nav-photogifts {
    display: none
}

.sub-nav-dyo ul {
    float: left;
    width: 20%;
    height: 116px;
    overflow: hidden;
    padding-left: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sub-nav .sub-nav-dyo h4 a {
    font-size: .8em;
    font-family: Arial,san-serif;
    font-weight: bold;
    color: #333
}

.logo-sportswear {
    padding: 1em 0;
    text-align: center;
    clear: left;
    margin: 0 -2em;
    border-top: 1px solid #ddd
}

    .logo-sportswear p, .sub-nav .logo-sportswear a {
        font-family: Arial,sans-serif
    }

.sub-nav .logo-sportswear a {
    padding: 0 2px;
    letter-spacing: 0;
    color: #79a618
}

#logo-sports {
    background: white url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -779px -239px;
    width: 67px;
    height: 29px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.dyo-heading {
    position: relative;
    padding-left: 1em
}

    .dyo-heading h3 {
        font-family: 'Roboto Condensed',sans-serif;
        font-weight: normal;
        font-size: 1.8em;
        text-align: left;
        padding: 0
    }

    .dyo-heading p {
        margin-bottom: 1em;
        line-height: 1.2em
    }

.nav-design-img {
    position: absolute;
    right: 0;
    z-index: -1
}

    .nav-design-img.sell-pic {
        background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat 0 0;
        width: 586px;
        height: 200px;
        position: relative;
        float: right
    }

#sub-nav-account {
    right: -1px;
    left: auto;
    padding: 15px 20px;
    min-width: 320px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    #sub-nav-account ul {
        margin: 0 auto;
        width: 100%
    }

    #sub-nav-account a:hover {
        text-decoration: none
    }

    #sub-nav-account li {
        text-transform: none;
        text-align: left;
        font: 14px 'Roboto Condensed',sans-serif;
        line-height: 1.4em;
        width: 45%;
        float: left;
        border: 1px solid #ddd;
        margin: .25em 2.5%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #sub-nav-account li i {
            margin-right: .25em
        }

        #sub-nav-account li a {
            padding: .5em 0 .5em 1em;
            display: block;
            font-family: 'Roboto Condensed',sans-serif
        }

            #sub-nav-account li a.active, #sub-nav-account li a:hover {
                color: #79a618
            }

                #sub-nav-account li a.active:after {
                    content: " \00bb";
                    display: inline
                }

    #sub-nav-account #signin-menu-signin, #sub-nav-account .signup-link {
        width: 95%;
        border: 0;
        padding: 0;
        text-align: center
    }

    #sub-nav-account #signin-menu-shops {
        display: none
    }

    #sub-nav-account .signup-link a {
        margin: 0 0 5px;
        width: 100%;
        padding-left: 0
    }

    #sub-nav-account #signin-menu-signin a {
        display: block;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        padding: 5px 0;
        -moz-box-shadow: 1px 1px 4px #ddd;
        -webkit-box-shadow: 1px 1px 4px #ddd;
        -o-box-shadow: 1px 1px 4px #ddd;
        box-shadow: 1px 1px 4px #ddd
    }

#sub-nav-gifts {
    width: 600px;
    padding-bottom: 0
}

    #sub-nav-gifts ul {
        float: left;
        width: 33%;
        padding: 0 0 10px 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        #sub-nav-gifts ul li {
            line-height: 18px
        }

    #sub-nav-gifts h4 {
        color: #882d7d
    }

        #sub-nav-gifts h4 a {
            color: #882d7d;
            font-family: 'Roboto Condensed',sans-serif
        }

    #sub-nav-gifts .gift-center {
        text-align: center;
        clear: left;
        margin: 10px -2em 0 -2em;
        border-top: 1px solid #ddd;
        padding: 10px 0 15px 0
    }

        #sub-nav-gifts .gift-center h4 {
            color: #333
        }

            #sub-nav-gifts .gift-center h4 a {
                color: #79a618
            }

    #sub-nav-gifts .gifts-tab-img {
        background: url('//content.cafepress.com/global/img/header-sprite-8.jpg') no-repeat -600px 0;
        width: 158px;
        height: 163px;
        display: block
    }

#sbinterest-alt .nav-2-alt[data-type="bestsellers"] {
    display: none
}

.green-button {
    padding: 2px 10px;
    margin: 0;
    font-size: 16px;
    background: #79a618;
    color: #FFF;
    cursor: pointer;
    line-height: 27px;
    border: 0;
    text-align: center
}

#help-popup .green-button {
    color: #fff
}

#help-popup i {
    font-size: 2.25em
}

.triangle-down {
    background: url('//content.cafepress.com/mobile2.0/img/sprite-3-17-14v2.png') no-repeat -96px 2px;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 40%
}

#nav-gifts .red {
    color: #c61b1b
}

#help-popup {
    position: fixed;
    color: #999;
    box-shadow: 0 0 15px #CCC;
    left: 33%;
    top: 15%;
    border: 1px solid #ccc;
    width: 590px;
    height: 280px;
    background: #FFF;
    padding: 40px 50px;
    z-index: 26;
    font-size: 14px;
    display: none
}

.help-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ddd;
    opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    z-index: 10;
    display: none
}

#help-popup h4 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 1.4em
}

#help-popup .help-box {
    background: #f3f3f3;
    float: left;
    width: 150px;
    height: 113px;
    border: 1px solid #e6e6e6;
    padding: 30px 15px 25px;
    text-align: center;
    margin-left: 20px
}

    #help-popup .help-box.no-margin {
        margin: 0
    }

.help-content {
    position: static
}

.help-box .tagline {
    margin: 20px 0 15px 0;
    font-size: 16px
}

.help-box .help-icon {
    background: url('//content.cafepress.com/global/img/nav-sprite.png') no-repeat -102px -1px;
    width: 47px;
    height: 37px;
    display: inline-block
}

    .help-box .help-icon[data-type="track"] {
        background-position: -46px 0
    }

    .help-box .help-icon[data-type="browse"] {
        background-position: 2px 0
    }

#help-popup .help-links {
    clear: both;
    text-align: center;
    padding-top: 33px
}

    #help-popup .help-links a {
        margin: 0 5px
    }

#help-popup .help-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    background: #777;
    color: #fff;
    border-radius: 15px
}

#lpButDivID-1395155403178 {
    text-align: center
}

    #lpButDivID-1395155403178 table {
        display: inline-block
    }

.lpPoweredByDiv {
    display: none
}

.hot {
    color: #c00
}

.new {
    color: #79a618
}

.top-seller {
    color: #79a618
}

.gift-idea {
    color: #882d7d
}

.saleGifts {
    width: 100% !important
}

    .saleGifts ul {
        width: 19.5% !important;
        float: left
    }

    .saleGifts li {
        text-transform: uppercase !important
    }

    .saleGifts h4 {
        float: left;
        padding-right: 4.2%
    }

    .saleGifts a {
        font-size: 1em !important
    }

#countryLogo {
    padding: 0 20px 7px 0;
    margin-top: -9px
}

#countrySelector {
    position: relative;
    top: 12px;
    padding: 3px 3px 0 3px;
    width: auto;
    line-height: 1;
    height: 20px;
    display: inline-block
}

    #countrySelector.hover {
        background-color: #f3f3f3;
        box-shadow: 1px 1px 3px rgba(0,0,0,.4)
    }

        #countrySelector.hover #countrySelectorPopup {
            display: block
        }

    #countrySelector .button {
        cursor: pointer;
        overflow: hidden;
        padding: 0;
        border-radius: 0;
        margin: 0;
        width: auto;
        background: 0;
        height: 15px
    }

        #countrySelector .button:hover {
            color: #777;
            background: 0;
            border: 0;
            box-shadow: none;
            top: auto
        }

    #countrySelector .currencytext {
        float: left;
        display: none
    }

#countrySelectorPopup {
    position: absolute;
    display: none;
    left: 0;
    top: 17px;
    width: 210px;
    z-index: 99;
    background-color: #f3f3f3;
    box-shadow: 1px 2px 3px rgba(0,0,0,.4)
}

#countrySelector .downarrow {
    float: left;
    position: relative;
    width: 7px
}

    #countrySelector .downarrow:after {
        content: '\f0d7';
        font-family: "FontAwesome";
        font-size: 12px;
        line-height: 1;
        position: absolute;
        left: 0;
        color: #333
    }

#moreSites {
    margin: 12px;
    color: #333
}

    #moreSites ul {
        margin: .25em -12px 0;
        overflow: hidden
    }

    #moreSites li {
        font-size: 12px;
        border: 0;
        color: inherit;
        margin: 0;
        padding: 6px 12px 6px
    }

        #moreSites li:hover {
            color: #333;
            background-color: #fff
        }

        #moreSites li a {
            display: block;
            color: inherit;
            padding: 0 6px
        }

div.flag {
    float: left;
    height: 11px;
    width: 16px;
    background: url('//content.cafepress.com/mobile2.0/img/sprite-3-17-14v2.png') no-repeat scroll -17px -54px transparent;
    padding: 0;
    margin-right: 3px
}

    div.flag.au, .footerAUS .flag {
        background-position: 0 -42px
    }

    div.flag.ca, .footerCAN .flag {
        background-position: -17px -42px
    }

    div.flag.de, .footerDE .flag {
        background-position: -34px -54px
    }

    div.flag.es, .footerES .flag {
        background-position: -52px -42px
    }

    div.flag.fr, .footerFR .flag {
        background-position: -52px -54px
    }

    div.flag.us, .footerUS .flag {
        background-position: -17px -54px
    }

    div.flag.gb, .footerUK .flag {
        background-position: -34px -42px
    }

    div.flag.ie, .footerIE .flag {
        background-position: -69px -42px
    }

    div.flag.it, .footerIT .flag {
        background-position: -63px -30px
    }

    div.flag.nz, .footerNZ .flag {
        background-position: -86px -42px
    }

    div.flag.at, .footerAT .flag {
        background-position: -86px -54px
    }

    div.flag.be, .footerBE .flag {
        background-position: -69px -54px
    }

    div.flag.nl, .footerNL .flag {
        background-position: -63px -18px
    }

    div.flag.se, .footerSE .flag {
        background-position: -80px -18px
    }

    div.flag.ch, .footerCH .flag {
        background-position: -97px -30px
    }

    div.flag.pt, .footerPT .flag {
        background-position: -80px -30px
    }

    div.flag.no, .footerNO .flag {
        background-position: -63px -6px
    }

    div.flag.dk, .footerDK .flag {
        background-position: -80px -6px
    }

#currencySelector {
    margin: 12px;
    color: #333
}

    #currencySelector select {
        margin-top: .5em;
        width: 100%
    }

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px1px1px1px);
    clip: rect(1px,1px,1px,1px)
}

.ui-autocomplete {
    z-index: 20;
    background: #fff;
    padding-bottom: .25em
}

    .ui-autocomplete li {
        line-height: 1
    }

        .ui-autocomplete li a {
            padding: .25em 0 .25em .5em
        }

.header-wrap ul.ui-autocomplete a {
    cursor: pointer;
    display: block;
    color: #999;
    font-size: .9em;
    font-family: 'Roboto Condensed',sans-serif
}

    .header-wrap ul.ui-autocomplete a:hover {
        background: #f9f9f9;
        color: #333
    }

.ui-widget-content {
    border: 1px solid #ddd;
    border-top: 0
}

.grid-unit .out-of-stock-container {
    text-align: center
}

    .grid-unit .out-of-stock-container .out-of-stock {
        text-align: center;
        width: 180px;
        display: inline-block;
        padding: 6px;
        background-color: #e5e5e5
    }

.out-of-stock-popup {
    background-color: #e5e5e5;
    display: block;
    text-align: center;
    padding: 4px;
    width: 240px;
    margin-left: 50px
}

.dialogcp img {
    display: block
}

.ui-widget-header a {
    color: #222
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Roboto Condensed',sans-serif
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    background: 0;
    font-weight: 400;
    color: #555
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #555;
        text-decoration: none
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0;
    background: 0;
    font-weight: 400;
    color: #212121
}

.ui-widget:active {
    outline: 0
}

.ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui-widget-overlay {
    background: #fff;
    opacity: .75;
    filter: Alpha(Opacity=75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25
}

.ui-widget-shadow {
    background: #aaa url(//content.cafepress.com/js/jquery/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    padding: 8px
}

.ui-button {
    outline: 0;
    display: inline-block;
    position: relative;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    padding: 0
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-dialog-titlebar-close .ui-button-text {
    display: block;
    background: #777;
    color: #fff;
    width: 22px;
    height: 22px;
    font-size: 14px;
    margin: auto;
    line-height: 20px;
    -moz-box-shadow: 0 2px 4px #333;
    -webkit-box-shadow: 0 2px 4px #333;
    -o-box-shadow: 0 2px 4px #333;
    box-shadow: 0 2px 4px #333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 0
}

.ui-button-icon-only .ui-icon {
    left: 0
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-dialog {
    z-index: 25;
    outline: 0;
    text-align: left;
    position: absolute;
    width: auto;
    background: #fff;
    border: 1px solid #ddd;
    overflow: visible;
    padding: 20px;
    -o-box-shadow: 0 0 8px #ccc;
    -moz-box-shadow: 0 0 8px #ccc;
    -webkit-box-shadow: 0 0 8px #ccc;
    box-shadow: 0 0 8px #ccc
}

    .ui-dialog .ui-dialog-titlebar {
        position: relative;
        z-index: 25;
        padding: 0
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: 0
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        top: -32px;
        right: -32px;
        width: 30px;
        height: 30px;
        border: 0;
        margin: 0;
        padding: 0
    }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0
        }

    .ui-dialog .ui-dialog-content {
        font-size: 14px;
        position: relative;
        border: 0;
        background: #FFF;
        overflow: hidden;
        zoom: 1;
        padding: 0;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        background-image: none;
        border-width: 1px 0 0;
        overflow: hidden;
        padding: 0
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            cursor: pointer;
            margin: 0 0 1px .5em
        }

    .ui-dialog .ui-widget-header {
        background: #fff;
        border: 0;
        color: #666;
        font-size: 0;
        font-family: arial,san-serif;
        font-weight: 400
    }

    .ui-dialog .ui-icon-closethick {
        display: none
    }

.ui-helper-hidden, .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-helper-clearfix, .ui-dialog .ui-dialog-titlebar-close span {
    display: block
}

.ui-widget-header .ui-state-hover, .ui-dialog .ui-widget-header .ui-state-hover {
    background: 0
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(//content.cafepress.com/js/jquery/themes/base/images/ui-icons_222222_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
    background-image: url(//content.cafepress.com/js/jquery/themes/base/images/ui-icons_454545_256x240.png)
}

.ui-button-text-only .ui-button-text, input.ui-button {
    padding: .4em 1em;
    background: #ededed;
    border: 1px solid #ddd
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

footer * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto Condensed,sans-serif
}

body footer {
    background: #777;
    color: #FFF;
    padding: 4.5em 12%;
    margin-top: 50px
}

footer .wrapper {
    max-width: 974px
}

footer div.flag {
    margin: 7px 7px 0 0
}

footer form input[type="text"] {
    border: 1px solid #ddd;
    padding: 5px;
    height: 31px;
    font-size: 1.2em;
    width: 200px
}

footer form label {
    font-size: 2em;
    margin-right: .5em
}

footer form .button {
    margin-left: -2px
}

#emailSignupForm {
    float: left
}

    #emailSignupForm input[type='email'] {
        border: 0;
        padding: 6px;
        margin: 0;
        width: 38%;
        height: 30px
    }

    #emailSignupForm input[name='age'] {
        margin: 5px 5px 5px 0
    }

.agBoxInfo {
    font-size: 12px;
    font-family: Arial,sans-serif;
    float: none;
    display: inline-block;
    top: 0;
    left: 0
}

#emailSignupForm .info {
    font-family: Arial,sans-serif;
    text-align: center;
    color: #fffdd2;
    margin: 1em 0
}

.email-checkbox {
    margin-top: 5px
}

.email-wrap {
    display: inline
}

.fs-links-wrap {
    display: inline-block
}

.footer-social {
    float: right;
    font-size: 2em;
    margin: 2px 0 2em 0
}

    .footer-social a {
        background: #fff;
        display: inline-block;
        width: 35px;
        height: 35px;
        text-align: center;
        margin: 0 5px;
        border-radius: 50%;
        line-height: 35px
    }

        .footer-social a:hover {
            background: #79a618;
            color: #fff
        }

.footer-ribbon-wrap {
    clear: both;
    padding-top: 3em;
    border-top: 1px solid #555
}

    .footer-ribbon-wrap ul {
        width: 33.33%;
        float: left;
        padding: 0 1em 0 0
    }

    .footer-ribbon-wrap h4 {
        font-size: 1.8em;
        margin: .5em 0;
        font-weight: bold
    }

        .footer-ribbon-wrap h4 i {
            margin-right: 5px
        }

    .footer-ribbon-wrap li {
        font-size: 1.6em;
        line-height: 1.5em
    }

        .footer-ribbon-wrap li a {
            color: #fff
        }

.seolinks {
    padding: 3em 5em;
    font-size: 1.6em;
    line-height: 1.6em;
    font-family: Arial,sans-serif
}

.seolinks {
    padding: 3em 0 0;
    margin-top: 3em;
    border-top: 1px solid #555;
    overflow: hidden
}

    .seolinks .seolink-box {
        display: block;
        float: left;
        width: 30%;
        margin-right: 3%;
        text-align: left;
        font-family: Roboto Condensed,sans-serif;
        font-size: .9em
    }

.seolink-box li {
    float: left;
    margin-right: 15px
}

    .seolink-box li a, .seolink-box p {
        color: #ccc
    }

.copyright {
    text-align: center;
    margin: 3em 0 0 0;
    padding: 3em 0 0 0;
    font-size: 1.2em;
    font-family: arial,sans-serif;
    border-top: 1px solid #555
}

    .copyright a {
        text-decoration: underline;
        color: #FFF
    }

    .copyright:before, .footer-ribbon-wrap:before, .seolinks:before {
        content: '';
        border-top: 1px solid #999;
        height: 1px;
        display: block;
        top: -3em;
        position: relative
    }

.user-profile {
    width: 27em;
    background: #FFF;
    border: 1px solid #ccc;
    padding: 1em;
    position: absolute;
    display: none;
    z-index: 5;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -o-box-shadow: 1px 1px 4px #ccc;
    box-shadow: 1px 1px 4px #ccc
}

    .user-profile:before {
        content: "";
        position: absolute;
        background: #fa1;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden\9;
        display: block;
        width: 280px;
        height: 157px;
        top: 0;
        z-index: -1
    }

    .user-profile h3 {
        font-size: 1.6em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1.1em
    }

    .user-profile .triangle-down {
        bottom: -17px
    }

    .user-profile .profile-photo-container {
        overflow: hidden;
        float: left;
        border-radius: 75px;
        width: 90px;
        height: 90px;
        border: 1px solid #ddd;
        margin-right: 15px;
        margin-bottom: 5px
    }

        .user-profile .profile-photo-container img {
            width: 89px
        }

    .user-profile .profile-photo {
        border-radius: 50%
    }

    .user-profile .profile-links .sub-link a {
        font-size: 1.4em;
        color: #999
    }

    .user-profile .profile-links a, .user-profile .profile-links div, .user-profile .profile-links button {
        margin-top: 1em
    }

    .user-profile #profile-close {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 1.5em;
        color: #999;
        cursor: pointer;
        padding: 7px 10px
    }

ul.crumb, ul.crumb li {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.crumb {
    margin-bottom: 40px
}

    ul.crumb li {
        display: inline-block;
        color: #999;
        font-size: 1.2em;
        font-family: arial,sans-serif
    }

        ul.crumb li a {
            color: #999;
            text-decoration: none
        }

#generalContent .wrapper {
    max-width: 970px;
    position: relative;
    padding: 30px 20px 0
}

#generalContent h1 {
    font-size: 2.2em;
    color: #79a618;
    margin: 20px 0;
    line-height: 30px;
    padding-top: 0;
    font-weight: bold;
    font-family: 'Roboto Condensed',sans-serif
}

#generalContent .content-entry h1 {
    font-size: 22px
}

#generalContent h1 {
    color: #79a618;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 3.2em;
    line-height: 1.2em;
    margin: 20px 0
}

.content-entry {
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: arial,sans-serif;
    color: #333
}

    .content-entry a, .content-entry a:link, .content-entry a:visited {
        color: #79a618;
        text-decoration: underline
    }

    .content-entry p {
        margin: 1.4em 0
    }

    .content-entry ol, .content-entry ul {
        margin: 1.4em 0
    }

    .content-entry ul {
        list-style: disc
    }

        .content-entry ol li, .content-entry ul li {
            margin-left: 1.8em
        }

    .content-entry strong, .content-entry b {
        font-weight: bold
    }

    .content-entry em, .content-entry i {
        font-style: italic
    }

    .content-entry h2 {
        line-height: 1.2em;
        color: #333;
        font-family: 'Roboto Condensed',sans-serif;
        font-size: 20px;
        font-weight: normal;
        margin: 1.2em 0
    }

    .content-entry h3 {
        line-height: 1.2em;
        color: #333;
        font-family: 'Roboto Condensed',sans-serif;
        font-size: 18px;
        font-weight: normal;
        margin: 1.2em 0
    }

    .content-entry table {
        width: 100%
    }

        .content-entry table td {
            padding: 5px
        }

.feedback {
    display: none
}

.feedback-icon {
    display: block;
    width: 25px;
    position: fixed;
    right: 0;
    top: 71px;
    background-color: #777;
    border: 1px solid #ddd;
    border-right: 0;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    z-index: 100;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -o-box-shadow: 1px 1px 4px #ccc;
    box-shadow: 1px 1px 4px #ccc
}

    .feedback-icon:hover {
        width: 100px
    }

    .feedback-icon a:hover:after {
        content: "Send Feedback";
        color: #fff;
        font-size: 12px;
        margin-left: 5px;
        white-space: nowrap
    }

    .feedback-icon a {
        display: block;
        padding: 4px 9px 6px;
        color: #fff;
        cursor: pointer;
        text-decoration: none !important;
        font-size: 1.6em
    }

.feedback-form {
    margin: 5px 0 30px;
    width: 372px;
    padding: 5px 10px 10px;
    font-size: 14px;
    font-family: 'Roboto Condensed',Arial,sans-serif
}

    .feedback-form h3 {
        margin-bottom: 5px
    }

    .feedback-form .form-row {
        margin-bottom: 15px;
        position: relative
    }

#feedback-form label {
    position: absolute;
    left: 10px;
    top: 10px
}

#feedback-form select {
    border: 1px solid #ddd;
    padding: 5px;
    margin: 15px 0 0;
    outline: 0;
    width: 200px;
    font-size: 14px
}

#feedback-form .email {
    width: 320px;
    padding: 5px 0 10px 50px;
    font-size: 14px
}

.feedback-form textarea {
    padding: 10px;
    margin: 0 0 10px;
    display: block;
    width: 350px;
    height: 150px;
    border: 1px solid #ddd;
    white-space: pre-wrap;
    word-wrap: break-word
}

.feedback-form .send {
    float: right
}

.error-msg {
    display: none;
    color: #ae1100
}

.rvp-global-expand {
    width: 24px;
    position: fixed;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: none;
    background-color: #777;
    border: 1px solid #ddd;
    border-right: 0;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -o-box-shadow: 1px 1px 4px #ccc;
    box-shadow: 1px 1px 4px #ccc
}

    .rvp-global-expand:hover {
        width: 100px
    }

    .rvp-global-expand a:hover:after {
        content: "Recently viewed";
        color: #fff;
        font-size: 12px;
        margin-left: 5px;
        white-space: nowrap
    }

    .rvp-global-expand a {
        display: block;
        padding: 4px 8px;
        color: #fff;
        cursor: pointer;
        text-decoration: none !important;
        font-size: 1.6em
    }

@media all and (max-width:1270px) {
    .header-wrap {
        margin: 0 30px
    }
}

@media all and (max-width:970px) {
    #nav-gifts {
        display: none
    }

    .header-wrap {
        padding-left: 351px
    }

    .header-left {
        margin-left: -351px
    }

        .header-left .header-logo {
            padding: 0 0 0 1em
        }

    .header-logo .icon-cp-logo {
        display: block
    }

    .cp-logo {
        display: none
    }

    #global-header-cart {
        float: right;
        width: 63px;
        padding: 5px 12px;
        margin-right: 10px;
        cursor: pointer;
        height: 50px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #global-header-carticon {
        top: 0
    }

    .touch-search, .touch-menu, .touch-item .icon-cp-cart {
        text-shadow: none;
        font-size: 1.2em
    }

    .nav-search .nav {
        text-indent: -9999px;
        width: 100%;
        position: absolute
    }

    .nav-search .nav-tab {
        width: 100%
    }

    .nav-search .nav .sub-nav {
        text-indent: 0;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(100%,#ddd));
        display: none
    }

    .nav-search {
        width: 100%
    }

    #sub-nav-shop {
        position: absolute;
        border-top: 0;
        max-width: 970px;
        min-width: 100%;
        z-index: 9;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .nav-tab a {
        border: 0;
        letter-spacing: 0
    }

    .sub-nav-extra {
        display: none
    }

    .hot {
        text-overflow: clip;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        width: 10px;
        font-size: .9em;
        line-height: 1.5em
    }

        .hot:before {
            content: '\f005';
            font-family: FontAwesome
        }

    .dyo-heading {
        height: auto
    }

        .dyo-heading p {
            width: 100%
        }

    .sub-nav-dyo ul {
        width: 25%
    }

    .nav-design-img {
        display: none
    }

    .footer-social {
        float: left;
        margin-top: 1em;
        width: 100%
    }

    .email-wrap {
        display: block;
        margin-top: 10px
    }

    #emailSignupForm input[type='email'] {
        width: 68%
    }

    footer form .button {
        width: 30%
    }

    .saleGifts {
        display: none
    }
}

@media all and (max-width:770px) {
    .header-left .header-logo {
        padding: 0 1em
    }

    .header-wrap {
        padding-left: 163px
    }

    .header-left {
        margin-left: -163px
    }

    .header-nav .icon-reorder {
        display: inline
    }

    .header-nav {
        border-left: 1px solid #ddd
    }

    #wrap-close-inlinecart.in-treatment {
        display: inline-block
    }

    #nav-shop:hover #sub-nav-shop {
        display: block
    }

    #sub-nav-shop {
        border-bottom: 5px solid #777;
        padding: 0
    }

        #sub-nav-shop ul {
            width: 100%;
            margin: 0
        }

        #sub-nav-shop .nav-col-wrapper {
            width: 100%;
            padding-left: 0
        }

        #sub-nav-shop .touch-title {
            display: block;
            font-weight: normal;
            padding: 0 5%;
            text-transform: capitalize;
            letter-spacing: 1px
        }

    .list-wrap {
        display: none;
        width: 100%;
        margin: auto;
        background: #ddd
    }

    #sub-nav-shop.sub-nav li {
        margin-left: 10%;
        text-transform: lowercase
    }

    .sub-nav li:last-child:after {
        content: ""
    }

    .sub-nav li a {
        text-transform: capitalize;
        line-height: 2em;
        padding: .9em 0 .7em 0;
        display: block;
        color: black;
        border-bottom: 1px solid white;
        font-size: 1.1em
    }

    #sub-nav-shop.sub-nav li a:after {
        content: "\00bb";
        display: inline;
        font-family: arial;
        margin-left: .3em
    }

    .sub-nav-view-all {
        display: block;
        text-align: center;
        border: 0;
        margin-top: 1em
    }

    #sub-nav-shop .sub-nav-view-all a {
        display: inline-block;
        background-color: #79a618;
        color: white;
        padding: .8em 2.5em
    }

    .sub-nav .hot {
        line-height: 2em;
        vertical-align: middle
    }

    .sub-nav ul, .sub-nav h4 {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .sub-nav h4 {
        border-bottom: 1px solid #aaa;
        letter-spacing: 1px;
        line-height: 3.2em;
        position: relative
    }

        .sub-nav h4 a {
            padding-left: 10%
        }

        .sub-nav h4:before {
            border-top: 1px solid #fff;
            content: "";
            width: 100%;
            display: block;
            position: relative
        }

        .sub-nav h4:after {
            content: "+";
            position: absolute;
            text-align: center;
            right: 10%;
            top: .5em;
            font-family: Arial,sans-serif;
            cursor: pointer;
            width: 2em;
            height: 2em;
            line-height: 2em;
            border: 1px solid #aaa;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%
        }

        .sub-nav h4.active:after {
            content: "-";
            position: absolute;
            right: 10%;
            top: .5em
        }

    .sne-signin {
        display: block
    }

    #nav-shop {
        border: 0
    }

    .nav-tab#nav-shop {
        padding: 0
    }

    .hot {
        text-overflow: initial;
        overflow: visible;
        display: inline;
        vertical-align: top;
        white-space: normal;
        width: auto;
        font-size: 1em;
        line-height: 1.5em
    }

        .hot:before {
            content: ''
        }

    .header-item a {
        color: #999
    }

    .shop-top-link {
        display: block;
        width: 62px;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #countrySelector, .right-wrapper .signin, .right-wrapper .header-help, .header-nav .shop-text, #nav-create, #nav-sell {
        display: none
    }

    .touch-item {
        padding: 10px 0
    }

    #touch-item-search {
        display: block
    }

    #sub-nav-shop {
        width: 100%;
        left: 0;
        max-width: inherit
    }

        #sub-nav-shop:after {
            content: "";
            display: none
        }

    div.sub-nav {
        box-shadow: 0 5px 6px rgba(0,0,0,.3)
    }

    #searchBarForm input.global-searchbox {
        float: left;
        margin: 0;
        padding-left: 10px;
        width: 70%
    }

    .header-search:hover #searchBarForm {
        border-color: #ddd
    }

    #global-searchbutton {
        width: 30%;
        text-align: right;
        position: relative;
        right: auto;
        float: right
    }

    #global-filter-drop {
        display: none
    }

    #countryLogo {
        padding: 0;
        display: block;
        max-width: 75%;
        height: auto;
        margin: 5px 0 0 8%
    }

    .center-wrapper {
        height: 50px;
        position: absolute
    }

    .saleGifts {
        display: none
    }

    #global-header-searchform #global-filter-drop {
        display: none
    }

    #global-header-searchform {
        width: 96%;
        padding: .5em 2% .6em 2%;
        z-index: 4;
        background: #ccc;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s
    }

    #touch-search-close {
        display: block;
        float: right;
        background: #777;
        color: #fff;
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        cursor: pointer;
        -moz-box-shadow: 0 2px 4px #333;
        -webkit-box-shadow: 0 2px 4px #333;
        -o-box-shadow: 0 2px 4px #333;
        box-shadow: 0 2px 4px #333;
        border-radius: 15px
    }

    .footer-ribbon-wrap {
        font-size: .9em
    }

        .footer-ribbon-wrap ul {
            width: 50%;
            margin-bottom: 3em
        }

    .fs-links-wrap {
        display: block;
        margin-top: 10px
    }

    .footer-social a {
        margin: 0 10px 0 0
    }

    .feedback-icon {
        display: none
    }

    .signInPopupDialog #social-logins-container {
        width: 340px
    }

    .signInPopupDialog .amazon-login-button {
        float: none
    }

    .signInPopupDialog #facebook-login-button {
        margin-bottom: 5px
    }
}

@media all and (max-width:570px) {
    #tippyTopContainer {
        display: none
    }

    .header-left .header-logo {
        padding: 0;
        height: 50px
    }

    .header-wrap {
        padding: 0;
        height: 50px;
        line-height: 50px;
        margin: 0
    }

        .header-wrap .logo13-mobile {
            float: none;
            display: block
        }

            .header-wrap .logo13-mobile i {
                font-size: 1.6em
            }

    .header-search .search-icon {
        display: block
    }

    .header-item, .header-nav {
        width: 50%;
        text-align: center;
        height: 50px
    }

        .header-item a {
            cursor: default
        }

    .header-wrap .header-item {
        line-height: 50px
    }

    .header-left, .header-right {
        width: 40%;
        margin: 0
    }

    .header-outer {
        margin-bottom: 46px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s
    }

    .header-search {
        width: 20%
    }

    #searchBarForm {
        position: absolute;
        left: -206%;
        right: -208%;
        top: 51px;
        border: 0;
        z-index: 2;
        height: auto;
        margin: 0;
        padding: 6px 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,.5);
        background-color: #ddd
    }

    .header-search.active:after {
        content: "";
        display: block;
        background: #fff;
        width: 100%;
        left: 0;
        position: absolute;
        z-index: 26
    }

    .header-search.active #searchBarForm {
        display: block
    }

    .header-search.active {
        background: #fff
    }

    #searchBarForm input.global-searchbox {
        padding-left: 10px;
        font-size: 16px;
        width: 100%;
        box-shadow: inset 0 1px 3px #bbb;
        border-radius: 5px
    }

    #global-searchbutton {
        width: auto;
        margin-left: -80px;
        background-color: #79a618;
        color: #fff;
        border-radius: 0 5px 5px 0
    }

        #global-searchbutton:hover {
            background-color: #8cbe21
        }

    #nav-shop, .shop-top-link {
        width: 100%
    }

    div.sub-nav {
        top: 51px
    }

    #sub-nav-cart, #sub-nav-cart-item {
        right: -102%
    }

    #cartItemCount {
        top: 10px;
        left: 54%
    }

    #help-popup {
        width: 89%;
        padding: 5%;
        height: auto;
        left: 0 !important;
        top: 5%
    }

        #help-popup h4 {
            margin-bottom: 5px
        }

        #help-popup .help-box {
            width: 80%;
            padding: 10px;
            height: 100px
        }

    .help-box .tagline {
        margin: 10px 0
    }

    #help-popup .help-links {
        padding-top: 0
    }

    #help-popup .help-box, #help-popup .help-box.no-margin {
        float: none;
        margin: auto;
        margin-bottom: 10px
    }

    #help-popup .help-close {
        float: none;
        margin: auto;
        margin-bottom: 10px;
        top: 5px;
        right: 5px;
        line-height: 22px
    }

    .ui-autocomplete {
        min-width: 100%;
        left: 0 !important;
        top: 38px !important;
        text-align: left;
        border-top: 1px solid #ddd
    }

    .header-wrap ul.ui-autocomplete a {
        padding-left: 10px !important
    }

    .button.unfollowTopic {
        border: 1px solid #ddd
    }

    .footer-ribbon-wrap ul {
        width: 100%;
        margin-bottom: 1em
    }

        .footer-ribbon-wrap ul:last-child {
            margin: 0
        }

    .footer-ribbon-wrap h4 {
        background: #555;
        padding: .5em
    }

        .footer-ribbon-wrap h4:after {
            content: "+";
            float: right
        }

        .footer-ribbon-wrap h4.active:after {
            content: "-"
        }

    .footer-list-wrap {
        display: none
    }

    .seolinks, .feedback-icon {
        display: none
    }

    .saleGifts {
        display: none
    }

    .sub-nav-wrapper {
        position: relative
    }

    .header-outer.active {
        position: relative !important;
        z-index: 10 !important
    }

    #sub-nav-cart .cart-x {
        display: block
    }

    #sub-nav-cart-item {
        right: 0;
        top: 0
    }

    .signInPopupDialog #social-logins-container {
        width: 300px
    }
}

.NAV-H .header-outer, #global-ribbon {
    display: none
}

#globalpromo1b.pencil-banner-hidden {
    display: block !important
}

#globalpromo1 {
    display: none !important
}

.b_gh_sprite {
    background-image: url('//content.cafepress.com/mobile2.0/img/b_gh_sprite_v08.png');
    background-size: cover
}

#b_gh *, #b_banner *, #b_ghmenus *, #b_ghsubmenus * {
    font-family: "Open Sans",arial,helvetica,sans-serif
}

[class^="icon-"], [class*=" icon-"], #b_gh i, #b_banner i, #b_ghmenus i, #b_ghsubmenus i {
    font-family: FontAwesome !important
}

#b_banner .global-ribbon-banner {
    cursor: pointer
}

#b_banner .global-ribbon-details {
    cursor: pointer;
    margin-left: 5px;
    text-transform: uppercase;
    text-decoration: underline
}

@media(min-width:801px) {
    #b_gh {
        position: relative;
        height: 145px;
        max-width: 1700px;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        background-color: white;
        margin: 0 auto;
        padding: 0 40px
    }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_gh {
        height: 135px;
        padding: 0 50px
    }
}

@media(min-width:801px) {
    #b_gh_stripe {
        position: absolute;
        top: 0;
        left: 0;
        height: 45px;
        width: 100%;
        background-color: #43464a
    }

    #b_gh_stripe2 {
        border-bottom: 6px solid #ddddde
    }
}

@media(min-width:801px) {
    #b_banner {
        position: relative;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 45px;
        max-width: 1700px;
        padding: 0 525px 0;
        margin: 0 auto;
        font-family: "Open Sans",arial,helvetica,sans-serif
    }

        #b_banner #globalpromo1b {
            display: block;
            position: absolute;
            left: 0;
            right: 475px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            font-size: 14px !important;
            text-align: left;
            line-height: 18px;
            background: transparent !important;
            background-color: transparent !important
        }

            #b_banner #globalpromo1b span, #b_banner #globalpromo1b b, #b_banner #globalpromo1b i {
                color: white !important
            }

        #b_banner .global-ribbon-banner {
            display: block;
            position: absolute;
            left: 50px;
            right: 475px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            padding: 0;
            font-size: 14px !important;
            text-align: left;
            line-height: 17px;
            background: transparent !important;
            background-color: transparent !important;
            border: 0 !important
        }

            #b_banner .global-ribbon-banner > .global-ribbon-banner-content {
                text-align: left
            }

                #b_banner .global-ribbon-banner > .global-ribbon-banner-content > span {
                    color: white !important
                }

            #b_banner .global-ribbon-banner .global-ribbon-details {
                font-size: 10px
            }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_banner {
        padding: 0 475px 0 40px
    }

        #b_banner #globalpromo1b {
            left: 40px
        }

        #b_banner .global-ribbon-banner {
            left: 40px;
            font-size: 13px !important;
            text-align: left;
            line-height: 15px
        }
}

@media(min-width:1800px) {
    #b_banner .global-ribbon-banner {
        left: 0
    }
}

@media(min-width:801px) {
    #b_nav_icon {
        display: none
    }

    #b_ghlinks {
        position: relative
    }

    .b_ghlink_home {
        display: none
    }
}

@media(min-width:801px) {
    #b_ghlink_shopby {
        position: absolute;
        left: 0;
        top: 95px;
        font-size: 15px;
        color: #53565a;
        line-height: 50px
    }

        #b_ghlink_shopby:before {
            content: "Shop by:";
            font-weight: 100
        }

        #b_ghlink_shopby > span {
            display: inline-block
        }

            #b_ghlink_shopby > span:first-child {
                margin-left: 10px
            }

    .b_ghlink_shopby:after {
        content: '\25BC';
        position: relative;
        display: inline-block;
        left: -9px;
        font-size: 12px;
        color: #53565a;
        transition: transform .3s;
        -webkit-transition: transform .3s
    }

    .b_ghlink_shopby span {
        display: inline-block;
        cursor: default;
        padding: 0 12px;
        color: #53565a
    }

        .b_ghlink_shopby span:hover {
            text-decoration: none;
            color: #64676a;
            cursor: pointer
        }

        .b_ghlink_shopby span:after {
            content: 's';
            color: #53565a
        }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_ghlink_shopby {
        top: 85px
    }

        #b_ghlink_shopby #b_ghlink_occasion {
            display: none
        }
}

@media(min-width:801px) and (max-width:940px) {
    #b_ghlink_shopby #b_ghlink_recipient {
        display: none
    }
}

@media(min-width:801px) {
    .b_ghlink_promo a {
        display: inline-block;
        padding: 0 12px;
        color: #ff4900
    }

        .b_ghlink_promo a:hover, .b_ghlink_promo a:active {
            color: #d93d00
        }

        .b_ghlink_promo a:after {
            content: ' \00BB'
        }
}

@media(min-width:801px) {
    #b_ghlink_vertical {
        position: absolute;
        right: 0;
        top: 95px;
        font-size: 15px;
        color: #53565a;
        line-height: 50px
    }

        #b_ghlink_vertical a {
            display: inline-block;
            padding: 0 12px;
            color: #53565a
        }

            #b_ghlink_vertical a:hover {
                color: #5e9200
            }

            #b_ghlink_vertical a:active {
                color: #e60
            }

    #b_ghlink_designyourown a {
        padding: 0 0 0 12px
    }

    #b_gh .b_icon {
        display: inline-block;
        width: 1.5em;
        height: 1.3em;
        margin: 0 5px;
        vertical-align: text-bottom
    }

    #b_icon_giftcenter {
        background-position: 0 -143px
    }

    #b_ghlink_vertical a:hover #b_icon_giftcenter {
        background-position: 0 -169px
    }

    #b_ghlink_vertical a:active #b_icon_giftcenter {
        background-position: 0 -194px
    }

    #b_icon_designyourown {
        background-position: 0 -60px
    }

    #b_ghlink_vertical a:hover #b_icon_designyourown {
        background-position: 0 -85px
    }

    #b_ghlink_vertical a:active #b_icon_designyourown {
        background-position: 0 -111px
    }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_ghlink_vertical {
        top: 85px
    }
}

@media(min-width:801px) {
    #b_ghlink_tools {
        position: absolute;
        top: -45px;
        right: 0;
        line-height: 45px;
        vertical-align: middle;
        font-size: 14px;
        color: white;
        text-align: right
    }

    .b_ghlink_tool {
        margin-left: 20px
    }

        .b_ghlink_tool a {
            color: white
        }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_ghlink_tools {
        font-size: 13px
    }
}

@media(min-width:801px) {
    #b_logotag {
        position: absolute;
        top: 24px
    }

    #b_logo {
        display: inline-block;
        vertical-align: middle
    }

        #b_logo img {
            height: 54px;
            border: 0
        }

    #b_tagline {
        display: inline-block;
        margin-left: 9px;
        vertical-align: middle;
        color: #77b800;
        font-weight: 500;
        font-size: 16px;
        line-height: 1;
        cursor: default
    }

        #b_tagline #perfect {
            display: block
        }

        #b_tagline #tm {
            font-size: 5px;
            position: absolute;
            right: -5px
        }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_logotag {
        left: 40px
    }

    #b_logo img {
        height: 57px;
        width: 129px;
    }

    #b_tagline {
        display: none
    }
}

@media(min-width:801px) {
    #b_gh .header-search {
        padding: 0;
        margin: 0;
        border: 0
    }

    #b_search {
        position: absolute;
        top: 22px;
        left: 320px;
        right: 150px
    }

        #b_search #searchBarForm {
            height: 68px;
            margin: 0;
            border: 6px solid #ddddde
        }

    #global-searchbutton {
        width: 130px;
        height: 56px;
        padding: 0;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        font-size: 18px;
        text-align: center;
        line-height: 53px;
        background-color: #77b800
    }

        #global-searchbutton:hover {
            background-color: #5e9200
        }

    #searchBarForm input.global-searchbox {
        position: absolute;
        height: 56px;
        width: 100%;
        top: 0;
        left: 0;
        padding-left: 50px;
        font-size: 18px;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        color: #989a9c
    }

        #searchBarForm input.global-searchbox.active {
            color: #64676a
        }

    #b_icon_search {
        position: absolute;
        cursor: text;
        top: 15px;
        left: 15px;
        height: 25px;
        width: 25px;
        background-position: 0 -33px
    }

        #b_icon_search img {
            height: 25px;
            width: 25px
        }

    #global-filter-drop {
        float: none;
        position: absolute;
        z-index: 2;
        opacity: .9;
        height: 56px;
        top: 0;
        right: 131px;
        line-height: 53px
    }

        #global-filter-drop:hover {
            background: inherit;
            color: inherit
        }

        #global-filter-drop #filter-value {
            z-index: 3;
            max-width: 150px;
            font-family: "Open Sans",arial,helvetica,sans-serif
        }

        #global-filter-drop:hover #filter-value {
            color: inherit
        }

    #b_gh .filter-popup {
        z-index: 10000;
        left: auto;
        right: 130px;
        top: 50px
    }

    #b_gh .selectReplacement li {
        width: 180px;
        font-size: 13px
    }

    #searchBarForm .ui-autocomplete {
        z-index: 10000;
        width: auto !important;
        left: -1px !important;
        right: 129px !important;
        top: 53px !important
    }

        #searchBarForm .ui-autocomplete a {
            display: block;
            cursor: pointer;
            padding: 8px 15px 8px 50px !important;
            padding-left: 50px !important;
            font-size: 16px;
            color: #989a9c
        }

            #searchBarForm .ui-autocomplete a:hover {
                text-decoration: underline;
                color: #64676a;
                background-color: #f6f6f7
            }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_search {
        left: 172px;
        right: 130px
    }

        #b_search #searchBarForm {
            height: 60px
        }

    #global-searchbutton {
        width: 90px;
        height: 48px;
        font-size: 16px;
        line-height: 48px
    }

    #searchBarForm input.global-searchbox {
        height: 48px
    }

    #b_icon_search {
        top: 10px
    }

    #global-filter-drop {
        height: 48px;
        right: 91px;
        line-height: 46px
    }

    #b_gh .filter-popup {
        right: 90px
    }

    #searchBarForm .ui-autocomplete {
        right: 89px !important;
        top: 48px !important
    }
}

@media(min-width:801px) {
    #b_cart {
        position: absolute;
        top: 22px;
        right: 50px;
        min-width: 70px;
        text-align: center;
        font-size: 15px
    }

        #b_cart a {
            color: #77b800
        }

    #b_cart_icon {
        overflow: hidden;
        display: block;
        height: 30px;
        width: 30px;
        padding: 6px;
        margin: 0 auto 5px;
        border: 4px solid #77b800;
        border-radius: 30px;
        background-position: 0 0
    }

    #b_cart #cartItemCount {
        position: relative;
        display: inline;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        background: 0;
        border-radius: 0;
        box-shadow: none;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        text-align: inherit
    }

    #b_cart[quantity="0"] #cartItemCount {
        display: none
    }

    #b_cart #b_cart_label:after {
        content: ': '
    }

    #b_cart[quantity="0"] #b_cart_label:after {
        content: ''
    }

    #nav-cart {
        padding: 0;
        border: 0
    }

    #b_gh .header-cart.active:after, #b_gh .header-cart:hover:after {
        display: none
    }

    #sub-nav-cart {
        z-index: 10000;
        top: 70px
    }

    #b_gh .cart-title {
        font-family: "Open Sans",arial,helvetica,sans-serif
    }

    #sub-nav-cart .button {
        font-family: "Open Sans",arial,helvetica,sans-serif;
        font-size: 13.5px;
        border-radius: 0;
        background-color: #e60
    }

        #sub-nav-cart .button:hover {
            background-color: #e60;
            background-image: none
        }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_cart {
        right: 40px;
        font-size: 14px
    }

    #b_cart_icon {
        height: 24px;
        width: 24px;
        margin: 0 auto 4px
    }

        #b_cart_icon img {
            height: 24px;
            width: 24px
        }

    #sub-nav-cart {
        top: 63px
    }
}

@media(min-width:801px) {
    #b_gh .b_flyout, #b_ghsubmenus {
        display: none
    }

    #b_ghlink_account, #b_ghwelcome {
        display: none
    }

    body.signed-in #b_ghlink_signin {
        display: none
    }

    body.signed-in #b_ghlink_account {
        display: inline-block
    }

    #b_ghlink_account:after {
        content: '\25BC';
        display: inline-block;
        margin-left: 3px;
        font-size: 10px;
        transition: transform .3s;
        -webkit-transition: transform .3s
    }
}

@media(min-width:801px) {
    #b_ghmenus {
        position: absolute;
        overflow: hidden;
        left: 0;
        width: 100%;
        max-height: 0;
        margin-top: -6px;
        background-color: white;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        text-align: left;
        border-top: 6px solid #ddddde;
        transition: max-height .7s;
        -webkit-transition: max-height .7s
    }

    body.menu-open-product #b_ghmenus, body.menu-open-interest #b_ghmenus, body.menu-open-recipient #b_ghmenus, body.menu-open-occasion #b_ghmenus {
        max-height: 100vh;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
        z-index: 99999
    }

    #b_ghmenus .b_ghmenu {
        display: none;
        position: relative;
        max-width: 1600px;
        top: -6px;
        padding: 20px 0 10px;
        margin: 0 auto
    }

        #b_ghmenus .b_ghmenu.force-open {
            display: block !important
        }

        #b_ghmenus .b_ghmenu .menu-close {
            display: block;
            position: absolute;
            cursor: pointer;
            z-index: 20;
            top: 12px;
            right: 0;
            height: 31px;
            width: 31px;
            color: #a9aaac;
            font-size: 24px
        }

            #b_ghmenus .b_ghmenu .menu-close i {
                text-shadow: none
            }

    .b_ghlink_shopby {
        position: relative
    }

        .b_ghlink_shopby:before {
            content: ".";
            display: none;
            position: absolute;
            z-index: 10001;
            bottom: 0;
            left: 50%;
            height: 0;
            width: 0;
            border: 10px solid transparent;
            border-width: 0 10px 10px;
            border-color: transparent transparent #ddddde;
            font-size: 0;
            line-height: 0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%)
        }

    body.menu-open-product #b_ghmenus .b_ghmenu_product, body.menu-open-interest #b_ghmenus .b_ghmenu_interest, body.menu-open-recipient #b_ghmenus .b_ghmenu_recipient, body.menu-open-occasion #b_ghmenus .b_ghmenu_occasion {
        display: block !important
    }

    body.menu-open-product #b_ghlink_product:before, body.menu-open-interest #b_ghlink_interest:before, body.menu-open-recipient #b_ghlink_recipient:before, body.menu-open-occasion #b_ghlink_occasion:before {
        display: block
    }

    body.menu-open-product #b_ghlink_product, body.menu-open-interest #b_ghlink_interest, body.menu-open-recipient #b_ghlink_recipient, body.menu-open-occasion #b_ghlink_occasion {
        color: #5e9200
    }

        body.menu-open-product #b_ghlink_product:after, body.menu-open-interest #b_ghlink_interest:after, body.menu-open-recipient #b_ghlink_recipient:after, body.menu-open-occasion #b_ghlink_occasion:after {
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            color: #77b800
        }

        body.menu-open-product #b_ghlink_product span, body.menu-open-interest #b_ghlink_interest span, body.menu-open-recipient #b_ghlink_recipient span, body.menu-open-occasion #b_ghlink_occasion span {
            color: #5e9200
        }

            body.menu-open-product #b_ghlink_product span:after, body.menu-open-interest #b_ghlink_interest span:after, body.menu-open-recipient #b_ghlink_recipient span:after, body.menu-open-occasion #b_ghlink_occasion span:after {
                color: #5e9200
            }

    #b_ghmenus .menu-block {
        display: block;
        margin-bottom: 30px;
        font-size: 13px
    }

        #b_ghmenus .menu-block .menu-block-caption {
            font-size: 15px;
            font-family: "Roboto Condensed",arial,helvetica,sans-serif;
            text-transform: uppercase;
            color: #989a9c;
            letter-spacing: .01em;
            font-weight: 700
        }

            #b_ghmenus .menu-block .menu-block-caption a {
                color: #989a9c;
                line-height: 1.8;
                font-family: "Roboto Condensed",arial,helvetica,sans-serif
            }

        #b_ghmenus .menu-block .menu-block-links a {
            display: block;
            white-space: nowrap;
            color: #53565a;
            line-height: 1.8
        }

    #b_ghmenus .menu-block-links-viewall {
        display: none !important
    }

    #b_gh .flyout-host {
        cursor: default;
        position: relative;
        z-index: 10000
    }

        #b_gh .flyout-host a:hover {
            text-decoration: none
        }

        #b_gh .flyout-host .flyout-pointer {
            display: none;
            position: absolute;
            z-index: 10001;
            bottom: 0;
            left: 50%;
            height: 0;
            width: 0;
            border: 10px solid transparent;
            border-width: 0 10px 10px;
            border-color: transparent transparent white;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%)
        }

    #b_gh .flyout-target {
        position: fixed;
        z-index: 9999;
        display: none;
        background-color: white;
        box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
        transition: top .1s,left .1s,right .1s,transform .1s;
        -webkit-transition: top .1s,left .1s,right .1s,transform .1s
    }

    body.flyout-open-currency #b_gh .flyout-host[flyout-id="currency"] .flyout-pointer, body.flyout-open-membertools #b_gh .flyout-host[flyout-id="membertools"] .flyout-pointer {
        display: block
    }

    body.flyout-open-currency #b_gh .flyout-target[flyout-id="currency"], body.flyout-open-membertools #b_gh .flyout-target[flyout-id="membertools"] {
        display: block
    }

    body.flyout-open-membertools #b_ghlink_account:after {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #b_gh .saving {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 35px;
        line-height: 0;
        font-family: Arial,Helvetica,sans-serif
    }

    .b_ghlink_membertool a {
        display: block;
        cursor: pointer;
        position: relative;
        min-width: 120px;
        padding: 0 50px 0 15px;
        color: black;
        text-align: left;
        line-height: 42px;
        background-color: white
    }

        .b_ghlink_membertool a:hover {
            background-color: #edeeee;
            text-decoration: none
        }

    #b_ghlink_account a {
        overflow: hidden;
        display: inline-block;
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: top
    }
}

@media(min-width:1024px) and (max-width:1700px) {
    #b_ghmenus .b_ghmenu {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 0 50px
    }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_ghmenus .b_ghmenu {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 0 40px
    }
}

#b_ghmenus .menu-block, #b_ghmenus .menu-block-sizer {
    width: 17.2%
}

#b_ghmenus .menu-gutter-sizer {
    width: 3.5%
}

@media(max-width:1150px) and (min-width:901px) {
    #b_ghmenus .menu-block, #b_ghmenus .menu-block-sizer {
        width: 22%
    }

    #b_ghmenus .menu-gutter-sizer {
        width: 4%
    }
}

@media(max-width:900px) and (min-width:801px) {
    #b_ghmenus .menu-block, #b_ghmenus .menu-block-sizer {
        width: 30%
    }

    #b_ghmenus .menu-gutter-sizer {
        width: 5%
    }
}

@media(max-width:800px) {
    #b_ghmenus {
        display: none
    }
}

@media(min-width:801px) {
    #b_breadcrumb {
        font-family: "Open Sans",arial,helvetica,sans-serif;
        line-height: 35px;
        text-align: center;
        background-color: #f6f6f7
    }

    #b_breadcrumb_contents {
        display: inline-block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        max-width: 1700px;
        width: 100%;
        padding: 0 50px;
        margin: 6px auto;
        font-size: 13px;
        font-weight: 100;
        color: black;
        font-style: normal;
        line-height: 16px;
        text-align: left
    }

        #b_breadcrumb_contents:empty {
            display: none
        }

        #b_breadcrumb_contents * {
            float: none;
            display: inline;
            padding: 0;
            line-height: 16px;
            font-size: 13px;
            color: black;
            font-style: normal
        }

        #b_breadcrumb_contents .delimiter {
            margin: 0 8px;
            font-style: normal;
            color: black
        }
}

@media(min-width:801px) and (max-width:1023px) {
    #b_breadcrumb_contents {
        padding: 0 40px
    }
}

@media(max-width:800px) {
    .NAV-H {
        margin-left: 0;
        margin-right: 0;
        -webkit-transition: margin-left .3s,margin-right .3s,-webkit-transform .3s;
        transition: margin-left .3s,margin-right .3s,transform .3s
    }

        .NAV-H.nav-open {
            overflow: hidden;
            position: fixed;
            width: 100%;
            margin-left: 270px;
            margin-right: -270px
        }

    @media(max-width:350px) {
        .NAV-H.nav-open {
            margin-left: 250px;
            margin-right: -250px
        }
    }

    #b_banner {
        position: relative;
        overflow: hidden;
        padding: 5px 10px 4px;
        background-color: #43464a;
        font-family: "Open Sans",arial,helvetica,sans-serif
    }

    #globalpromo1b {
        padding: 1px 15px;
        font-size: 12px !important;
        line-height: 14px !important;
        background-color: #43464a !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

        #globalpromo1b span, #globalpromo1b b, #globalpromo1b i {
            color: white !important;
            font-size: 12px !important;
            line-height: 14px !important
        }

        #globalpromo1b i {
            margin-left: 4px
        }

    #b_banner .global-ribbon-banner {
        padding: 1px 15px;
        font-size: 12px !important;
        line-height: 14px !important;
        background-color: #43464a !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

        #b_banner .global-ribbon-banner > .global-ribbon-banner-content {
            text-align: center
        }

            #b_banner .global-ribbon-banner > .global-ribbon-banner-content > span {
                color: white !important
            }

        #b_banner .global-ribbon-banner .global-ribbon-details {
            font-size: 8px
        }

    #b_gh {
        position: relative;
        z-index: 999998;
        min-height: 45px;
        margin: 0 10px 1px;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        background-color: white;
        border-top: 1px solid white;
        -webkit-transition: left .3s,right .3s,-webkit-transform .3s;
        transition: left .3s,right .3s,transform .3s;
        margin: 0;
        padding: 0 10px
    }

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

    #b_nav_icon {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 3px;
        height: 55px;
        width: 55px;
        background-position: 0 -550px
    }

    body.nav-open #b_nav_icon {
        z-index: 999999
    }

        body.nav-open #b_nav_icon:before {
            content: ".";
            position: fixed;
            opacity: .1;
            z-index: 999998;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-size: 0;
            background-color: black
        }

    #b_logotag {
        position: absolute;
        right: 65%;
        top: 0;
        height: 45px;
        width: 65px
    }

    #b_logo {
        position: relative;
        left: 50%;
        padding-top: 8px;
        text-align: center
    }

        #b_logo img {
            height: 37px
        }

    #b_tagline {
        display: none
    }

    #b_search {
        position: relative;
        width: 100%;
        margin-top: 55px;
        margin-bottom: 5px
    }

        #b_search .header-search {
            float: none;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            border: 0;
            text-align: left
        }

            #b_search .header-search .search-icon {
                position: absolute;
                cursor: pointer;
                display: block;
                top: -51px;
                right: 70px;
                height: 51px;
                width: 55px;
                padding: 13px
            }


    @media (max-width:410px) {
        #b_logotag {
            right: 68%;
        }
    }


    @media(max-width:350px) {
        #b_search .header-search .search-icon {
            right: 61px
        }
    }

    #b_search .header-search .search-icon:after {
        display: block;
        z-index: 6;
        position: absolute;
        content: ".";
        height: 11px;
        width: 11px;
        bottom: -7px;
        margin-left: 4px;
        border: 2px solid #cbcccd;
        border-width: 2px 0 0 2px;
        font-size: 0;
        line-height: 0;
        background-color: #f6f6f7;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    #b_search .header-search .search-icon:before {
        display: block;
        position: relative;
        content: ".";
        top: -2px;
        font-size: 0;
        height: 25px;
        width: 25px;
        background-image: url("//content.cafepress.com/mobile2.0/img/b_gh_sprite_v08.png");
        background-size: cover;
        background-position: 0 -33px
    }

    #b_search .header-search .search-icon i {
        display: none
    }

    #b_search #searchBarForm {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        padding: 0;
        margin: 0;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        border-bottom: 1px solid white
    }

    #b_search #searchBarFormInner {
        overflow: hidden;
        height: 45px;
        -webkit-transition: height .3s,-webkit-transform .3s;
        transition: height .3s,transform .3s
    }

    #b_search #searchBarForm #q {
        float: left;
        height: 45px;
        left: 0;
        top: 0;
        width: calc(100% - 90px);
        padding-left: 15px;
        margin-left: 5px;
        font-size: 14px;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        line-height: 37px;
        box-shadow: none !important;
        border-radius: 0;
        border: 2px solid #cbcccd;
        border-right: 0;
        background-color: #f6f6f7;
        -webkit-appearance: none
    }

    #b_search #global-searchbutton {
        float: right;
        width: 80px;
        top: 0;
        right: 0;
        height: 45px;
        padding: 0;
        margin: 0 5px 0 0;
        font-size: 14px;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        line-height: 45px;
        text-align: center;
        border-radius: 0;
        background-color: #77b800
    }

        #b_search #global-searchbutton:hover {
            background-color: #5e9200
        }

    #searchBarForm .ui-autocomplete {
        z-index: 10000;
        width: auto !important;
        left: 0 !important;
        right: 0 !important;
        top: 45px !important;
        min-width: 0;
        border-top: 0
    }

        #searchBarForm .ui-autocomplete a {
            display: block;
            cursor: pointer;
            padding: 10px 15px 10px 20px !important;
            padding-left: 20px !important;
            font-size: 12px;
            color: #989a9c
        }

            #searchBarForm .ui-autocomplete a:hover {
                text-decoration: underline;
                color: #64676a;
                background-color: #f6f6f7
            }

    #b_icon_search {
        display: none
    }

    #global-filter-drop {
        display: none
    }

    #b_cart {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 66px;
        text-align: left;
        font-size: 14px
    }

        #b_cart a {
            cursor: pointer;
            color: white;
            text-align: left
        }

    #b_cart_icon {
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 45px;
        width: 45px;
        padding: 12px 0 0 8px;
        margin: 2px 0 0
    }

    #b_cart #cartItemCount {
        display: block;
        position: absolute;
        top: 17px;
        left: 34px;
        padding: 2px 4px;
        color: #77b800;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        font-size: 17px;
        line-height: 17px;
        background-color: transparent;
        box-shadow: none
    }

    #b_cart[quantity="0"] #cartItemCount {
        display: none
    }

    #b_cart #b_cart_label {
        display: none
    }

    #nav-cart {
        height: 53px;
        padding: 0;
        border: 0
    }

    #b_gh .header-cart.active:after, #b_gh .header-cart:hover:after {
        display: none !important
    }

    #sub-nav-cart {
        right: 0
    }

    .b_ghsubmenu, .b_ghsubmenu .menu-block-links, #b_ghlinks {
        display: block;
        position: fixed;
        z-index: 999999;
        overflow-y: auto;
        overflow-x: hidden;
        top: 0;
        left: -270px;
        width: 269px;
        height: 100vh;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        color: #53565a;
        background-color: #edeeee;
        border-right: 1px solid #ddddde;
        -webkit-transition: left .3s,-webkit-transform .3s;
        transition: left .3s,transform .3s;
        -webkit-overflow-scrolling: touch
    }

    @media(max-width:350px) {
        .b_ghsubmenu, .b_ghsubmenu .menu-block-links, #b_ghlinks {
            left: -250px;
            width: 249px
        }
    }

    body.submenu1-open .b_ghsubmenu.active, body.submenu1-open .b_ghsubmenu .menu-block-links.active, body.nav-open #b_ghlinks {
        left: 0
    }

    .b_ghsubmenu .menu-block-caption, .b_ghsubmenu .menu-block-links a, .b_ghlink {
        display: block;
        cursor: pointer;
        font-size: 15px;
        border-top: 1px solid #ececec;
        background-color: #f6f6f7
    }

        .b_ghsubmenu .menu-block-caption a, .b_ghsubmenu .menu-block-links a, .b_ghlink a {
            display: block;
            padding: 15px;
            color: #53565a
        }

    .b_ghlink_shopby span {
        display: block;
        color: #53565a
    }

    .b_ghsubmenu .menu-block-caption a:hover, .b_ghsubmenu .menu-block-links a:hover, .b_ghlink a:hover {
        text-decoration: none;
        color: #53565a
    }

    .b_ghsubmenu_header {
        display: block;
        cursor: pointer;
        padding: 14px 15px 13px;
        color: white;
        font-size: 14px;
        border: 0;
        background-color: #77b800
    }

    #b_ghlink_account a:after {
        display: block;
        float: right;
        content: '\25BA';
        font-size: 12px
    }

    .b_ghlink_tool {
        border-top: 1px solid #ddddde;
        background-color: #edeeee
    }

    #b_ghlink_designyourown a {
        padding-bottom: 20px
    }

    #b_ghlink_account a {
        font-size: 0
    }

        #b_ghlink_account a:before {
            content: "Your Account";
            font-size: 15px
        }

    #b_ghlink_account, #b_ghlink_signin {
        border: 0
    }

        #b_ghlink_account a, #b_ghlink_signin a {
            padding-top: 20px;
            border: 0
        }

    #b_ghlink_account, #b_ghlink_signin {
        border: 0
    }

    #b_ghwelcome {
        cursor: default;
        padding: 14px 15px 13px;
        color: white;
        font-size: 14px;
        border: 0;
        background-color: #77b800
    }

        #b_ghwelcome a {
            display: inline;
            padding: 0;
            color: white
        }

            #b_ghwelcome a.b_loginout {
                float: right
            }

    .b_ghlink_home {
        background-color: white;
        border: 0
    }

    #b_ghlink_product {
        border: 0
    }

        #b_ghlink_product span:before, #b_ghlink_interest span:before, #b_ghlink_recipient span:before, #b_ghlink_occasion span:before {
            content: "Shop by "
        }

        #b_ghlink_product span:after, #b_ghlink_interest span:after, #b_ghlink_recipient span:after, #b_ghlink_occasion span:after, .b_ghsubmenu .menu-block-caption a:after {
            display: block;
            float: right;
            content: '\25BA';
            font-size: 12px
        }

    #b_ghlink_account {
        display: none
    }

    body.signed-in #b_ghlink_signin {
        display: none
    }

    body.signed-in #b_ghlink_account {
        display: block
    }

    #b_ghlink_account a:after {
        display: block;
        float: right;
        content: '\25BA';
        font-size: 12px
    }

    #b_ghlink_membertools {
        display: block;
        position: fixed;
        z-index: 1000000;
        overflow-y: auto;
        top: 0;
        left: -270px;
        width: 269px;
        height: 100vh;
        background-color: #edeeee;
        border-right: 1px solid #ddddde;
        -webkit-transition: left .3s,-webkit-transform .3s;
        transition: left .3s,transform .3s
    }

    @media(max-width:350px) {
        #b_ghlink_membertools {
            left: -250px;
            width: 249px
        }
    }

    body.membertools-open #b_ghlink_membertools {
        left: 0
    }

    .b_ghlink_membertool {
        display: block;
        cursor: pointer;
        font-size: 15px;
        border-top: 1px solid #ececec;
        background-color: #f6f6f7
    }

    #b_ghlink_membertools:before {
        content: "Your Account";
        display: block;
        cursor: pointer;
        padding: 14px 15px 13px;
        color: white;
        font-size: 14px;
        border: 0;
        background-color: #77b800
    }

    .b_ghlink_membertool a {
        padding: 15px
    }

    .b_ghlink a {
        color: #64676a
    }

    .NAV-H .saving {
        float: right;
        font-size: 35px;
        line-height: 0;
        font-family: Arial,Helvetica,sans-serif
    }

    .b_flyout_cancel {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        padding: 14px 15px 13px
    }

        .b_flyout_cancel:after {
            content: "\25C4\00a0 Back";
            position: absolute;
            cursor: pointer;
            top: 0;
            right: 0;
            padding: 14px 15px 13px;
            font-size: 14px;
            color: white
        }

    #b_breadcrumb {
        display: none
    }
}

#b_search #searchBarForm #q::-webkit-input-placeholder {
    font-style: normal
}

#b_search #searchBarForm #q::-moz-placeholder {
    font-style: normal
}

#popup-modal-screen {
    position: fixed;
    opacity: .7;
    z-index: 10000000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: black
}

#popup-modal {
    position: fixed;
    z-index: 10000001;
    height: 400px;
    width: 500px;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90vh;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    background: white;
    border-radius: 10px
}

#popup-modal-content {
    position: absolute;
    overflow: auto;
    left: 5%;
    top: 30px;
    right: 5%;
    bottom: 10px;
    width: 90%;
    height: 360px;
    max-height: 86%;
    padding: 0;
    margin: 0;
    border: 0
}

#popup-modal-close {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 5px 10px
}

    #popup-modal-close:after {
        font-size: 24px;
        line-height: 20px;
        font-family: arial,helvetica,sans-serif;
        content: "x";
        color: black
    }

@keyframes blink {
    0 {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

.saving span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

    .saving span:nth-child(2) {
        animation-delay: .2s
    }

    .saving span:nth-child(3) {
        animation-delay: .4s
    }

.help-overlay {
    z-index: 11000;
    background-color: black
}

#help-popup {
    z-index: 11001;
    position: fixed;
    top: 50%;
    left: 50% !important;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%)
}

    #help-popup h4 {
        text-transform: none
    }

    #help-popup .help-box .tagline {
        font-size: 14px
    }

    #help-popup .green-button {
        display: inline-block;
        width: 100%;
        padding: 5px 0;
        font-size: 14px
    }

#homepage .desktop-heroes .wrapper, #homepage .desktop-heroes .hero-banner {
    max-width: none
}

#homepage .sub-header-bg {
    display: none
}

body .clp-wrap {
    max-width: none
}

    body .clp-wrap img {
        width: 100%
    }

@media(max-width:1023px) and (min-width:801px) {
    body #dlp.wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 40px;
        margin-right: 40px
    }
}

@media(max-width:800px) and (min-width:361px) {
    body #dlp.wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 30px;
        margin-right: 30px
    }
}

@media(max-width:360px) {
    body #dlp.wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:970px) {
    body #dlp.wrapper .header, body #dlp.wrapper .col-two {
        max-width: none;
        margin-left: 0;
        margin-right: 0
    }
}

.dlp-thumbnail-wrap .featuredCategories {
    padding: 2em 0
}

.serp-query h1 {
    line-height: 1.1;
    text-transform: capitalize
}

@media(min-width:1024px) {
    body #serp {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2em
    }

        body #serp .serp-wrapper {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 1700px;
            padding-left: 30px;
            padding-right: 30px
        }

    #serp #portal-header .logo {
        left: 0
    }
}

@media(min-width:1800px) {
    body #serp .serp-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width:1023px) and (min-width:971px) {
    body #serp {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2em
    }

        body #serp .serp-wrapper {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            max-width: none;
            padding-left: 20px;
            padding-right: 20px
        }

    #serp #portal-header .logo {
        left: 0
    }
}

@media(max-width:970px) and (min-width:801px) {
    body #serp {
        padding-top: 2em
    }

        body #serp .serp-wrapper {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            max-width: none;
            padding: 0
        }

    .serp-query h1 {
        margin-top: 20px
    }

    #serp .dept-stripe {
        margin-left: 40px;
        margin-right: 40px
    }

    body #serp .grid-container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }

    #serp #breadCrumbLinks {
        padding-left: 40px
    }

    .serp-query {
        padding-left: 40px
    }

    #serp #portal-header {
        margin-bottom: 2em;
        padding-left: 40px;
        margin-right: 40px
    }

        #serp #portal-header .logo {
            left: 0
        }
}

@media(max-width:800px) and (min-width:768px) {
    body #serp {
        padding-top: 2em
    }

    #serp #breadCrumbLinks {
        padding-left: 30px
    }

    .serp-query {
        padding-left: 30px
    }

    #serp #portal-header {
        margin-bottom: 2em;
        padding-left: 30px;
        margin-right: 30px
    }

        #serp #portal-header .logo {
            left: 0
        }
}

@media(max-width:800px) and (min-width:361px) {
    body #serp .serp-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: none;
        padding: 0
    }

    .serp-query h1 {
        margin-top: 20px
    }

    #serp .dept-stripe {
        margin-left: 30px;
        margin-right: 30px
    }

    body #serp .grid-container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:360px) {
    body #serp .serp-wrapper {
        width: 300px;
        padding: 1.5em 0 0 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:771px) {
    body .grid-container .tax-disclaimer {
        position: relative;
        top: 10px
    }
}

@media(min-width:971px) {
    .grid-container .tax-disclaimer ~ .grid-header .serp-pagination-container {
        margin-top: 40px
    }
}

body #portalpage #portalpage, body #portalpage .department-wrapper {
    width: auto;
    padding-left: 0;
    padding-right: 0
}

#portalpage {
    margin-top: 1em
}

@media(min-width:801px) {
    body .department-wrapper, body #portalpage {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1700px;
        padding-left: 40px;
        padding-right: 40px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:1024px) {
    body .department-wrapper, body #portalpage {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1700px;
        padding-left: 50px;
        padding-right: 50px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:801px) and (max-width:1023px) {
    body .department-wrapper, body #portalpage {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(min-width:361px) and (max-width:800px) {
    body .department-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    body #portalpage {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(max-width:360px) {
    body .department-wrapper, body #portalpage {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:1350px) {
    body .hero-banner {
        margin-left: auto;
        margin-right: auto
    }

    body .department-wrapper {
        padding-top: 30px;
        margin-top: 0
    }

        body .department-wrapper > .left-nav, body .department-wrapper > .page-body {
            padding-top: 0;
            margin-top: 1%;
            overflow: hidden
        }
}

@media(min-width:1800px) {
    body .department-wrapper, body #portalpage {
        padding-left: 0;
        padding-right: 0
    }
}

body .lp-wrapper {
    max-width: none
}

    body .lp-wrapper .left-nav {
        margin-left: 0
    }

body #portalpage .page-wrap {
    max-width: none
}

#pdp #sibling-products-popup {
    z-index: 1000000
}

#pdp .avp, #pdp .odp {
    overflow-x: auto !important
}

#pdp .body-width {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

#pdp cp-also-viewed-products h3.upsell-carousel-header, #pdp cp-other-departments-products h3.upsell-carousel-header, #pdp .avp, #pdp .odp {
    width: auto
}

@media(min-width:1700px) {
    #pdp cp-also-viewed-products, #pdp cp-other-departments-products, #pdp .pdp-info-section {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:1699px) and (min-width:1025px) {
    #pdp cp-also-viewed-products, #pdp cp-other-departments-products, #pdp .pdp-info-section {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: auto;
        margin-left: 50px;
        margin-right: 50px;
        padding-left: 0;
        padding-right: 0
    }

    #pdp .pdp-product-details-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width:1260px) and (min-width:1025px) {
    #pdp .avp, #pdp .odp {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    #pdp .upsell-carousel-header {
        padding-left: 0;
        margin-left: 0
    }
}

@media(max-width:1024px) and (min-width:801px) {
    #pdp cp-also-viewed-products > div, #pdp cp-other-departments-products > div, #pdp .pdp-info-section {
        margin-left: 40px;
        margin-right: 40px
    }

    #pdp cp-also-viewed-products h3.upsell-carousel-header, #pdp cp-other-departments-products h3.upsell-carousel-header {
        padding-left: 0
    }

    #pdp cp-also-viewed-products h3.upsell-carousel-header, #pdp cp-other-departments-products h3.upsell-carousel-header, #pdp .avp, #pdp .odp {
        width: auto;
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:800px) and (min-width:571px) {
    #pdp cp-also-viewed-products > div, #pdp cp-other-departments-products > div, #pdp .pdp-info-section {
        margin-left: 30px;
        margin-right: 30px
    }

    #pdp cp-also-viewed-products h3.upsell-carousel-header, #pdp cp-other-departments-products h3.upsell-carousel-header {
        padding-left: 0
    }

    #pdp cp-also-viewed-products h3.upsell-carousel-header, #pdp cp-other-departments-products h3.upsell-carousel-header, #pdp .avp, #pdp .odp {
        width: auto;
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:800px) and (min-width:361px) {
    #pdp .pdp-info-section {
        margin-top: 0
    }
}

@media(max-width:570px) {
    #pdp .avp-items, #pdp .odp-items {
        min-width: 0 !important
    }

    #pdp .pdp-product-desc {
        margin-top: 20px
    }

    #pdp .pdp-product-desc, #pdp .pdp-design-desc {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    #pdp .pdp-info-section {
        width: auto;
        margin-left: 30px;
        margin-right: 30px;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1271px) {
    body #pdp.wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1700px;
        padding-left: 50px;
        padding-right: 50px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:1270px) {
    body #pdp.wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1026px) {
    #pdp .pdp-col-one {
        width: 55% !important
    }

    #pdp .pdp-col-two {
        width: 40% !important
    }
}

@media(max-width:1270px) and (min-width:1025px) {
    #pdp .pdp-col-three {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width:1024px) and (min-width:801px) {
    #pdp .pdp-col-three {
        padding-left: 40px;
        padding-right: 30px
    }
}

@media(max-width:800px) and (min-width:361px) {
    #pdp .pdp-col-three {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:360px) {
    #pdp .pdp-col-three {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    #pdp .grid-products h3 {
        margin-left: 0
    }

    #pdp .pdp-display-prod {
        margin: 0 auto
    }

    #pdp .pdp-thumbnail-wrapper {
        margin-left: auto;
        margin-right: auto
    }
}

.gc-header .sub-header-bg {
    display: none
}

@media(min-width:1700px) {
    .gc-header .gift-runner {
        max-width: none;
        background-color: #8ab21e !important
    }

    body #giftCenter {
        overflow: hidden;
        max-width: 1600px
    }

        body #giftCenter + .seo-area-wrapper {
            max-width: 1600px
        }
}

@media(min-width:1025px) and (max-width:1699px) {
    .gc-header .gift-runner {
        max-width: none;
        background-color: #8ab21e !important
    }

    body #giftCenter {
        overflow: hidden;
        max-width: 1600px;
        margin-left: 50px;
        margin-right: 50px
    }

        body #giftCenter + .seo-area-wrapper {
            max-width: 1600px;
            margin-left: 50px;
            margin-right: 50px
        }
}

@media(min-width:971px) and (max-width:1024px) {
    .gc-header .gift-runner {
        max-width: none;
        background-color: #8ab21e !important
    }

    body #giftCenter {
        overflow: hidden;
        max-width: 1600px;
        margin-left: 40px;
        margin-right: 40px
    }

        body #giftCenter + .seo-area-wrapper {
            max-width: 1600px;
            margin-left: 40px;
            margin-right: 40px
        }
}

.cookie-bar-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #f6f6f7;
    border: 1px solid #cbcccd;
    box-sizing: border-box;
    z-index: 999999;
    text-align: center;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    padding-bottom: 0;
    font-size: 14px;
    font-family: 'Open Sans','Arial'
}

.cookie-bar {
    margin: 0 auto;
    padding-bottom: 10px
}

    .cookie-bar span.disclaimer {
        color: #43464a;
        display: inline-block;
        margin: 16px 20px 10px 20px;
        font-size: 12px;
        text-align: left;
        font-weight: normal;
        font-family: 'Open Sans','Arial'
    }

    .cookie-bar a {
        display: inline-block;
        color: #43464a;
        text-decoration: underline;
        margin-right: 34px;
        vertical-align: middle
    }

    .cookie-bar .button {
        background-color: #43464a;
        color: #fff;
        font-size: 20px;
        padding: 6px 36px;
        border-radius: 30px;
        vertical-align: middle;
        font-weight: 300;
        font-family: 'Open Sans','Arial';
        display: inline-block;
        margin: 10px
    }

@media all and (min-width:900px) {
    .cookie-bar {
        max-width: 1700px;
        padding: 0 30px
    }

        .cookie-bar span.disclaimer {
            padding: 23px 0;
            margin: 7px 11px 7px 0
        }

        .cookie-bar .button {
            padding: 8px 40px;
            margin: 0
        }
}

#trackorderform {
    line-height: 30px
}

    #trackorderform h1 {
        margin-top: .5em;
        font-family: "Open Sans",arial,helvetica,sans-serif;
        font-size: 36px;
        font-weight: 300;
        color: #77b800
    }

    #trackorderform .login-side {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 30px
    }

    #trackorderform #submitTrackOrder {
        line-height: 36px
    }

    #trackorderform input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

@media(min-width:481px) and (max-width:600px) {
    #trackorderform .login-wrap {
        padding-top: 20px
    }
}

@media(max-width:480px) {
    #trackorderform .login-wrap {
        padding-top: 0
    }

    #trackorderform .login-side {
        width: 100%;
        max-width: none
    }
}

body div.cart-mobile-layout {
    max-width: 1700px;
    padding: 0 50px;
    margin: 0 auto
}

@media(max-width:1023px) and (min-width:801px) {
    body div.cart-mobile-layout {
        margin: 0 40px;
        padding: 0
    }
}

@media(max-width:800px) and (min-width:361px) {
    body div.cart-mobile-layout {
        margin: 0 30px;
        padding: 0
    }
}

@media(max-width:360px) {
    body div.cart-mobile-layout {
        width: 300px;
        padding: 0;
        margin: 0 auto
    }
}

[class^="icon-"], [class*=" icon-"] {
    text-shadow: none
}

footer * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans",Helvetica,Arial,sans-serif
}

.button {
    background: #e60;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    transition: all .1s ease 0;
    text-transform: capitalize
}

    .button:hover {
        background: #5e9200;
        color: #fff;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }

    .button:focus {
        background: #e60;
        color: #fff;
        text-decoration: none
    }

    .button a {
        color: #fff
    }

        .button a:hover {
            text-decoration: none
        }

    .button:focus {
        background-color: #e90
    }

body footer {
    background-color: #53565a;
    color: #fff;
    margin-top: 50px;
    padding: 50px
}

footer .wrapper {
    max-width: 1700px
}

footer div.flag {
    margin: 7px 7px 0 0
}

footer form input[type="text"] {
    border: 1px solid #ddddde;
    font-size: 1.2em;
    height: 31px;
    padding: 5px;
    width: 200px
}

footer form label {
    font-size: 17px;
    font-weight: 300;
    margin-right: .5em
}

footer form .button {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    position: relative;
    top: 0;
    margin-left: -3px
}

#emailSignupForm {
    width: 60%;
    float: left
}

    #emailSignupForm input[type="email"] {
        border: medium none;
        height: 30px;
        margin: 0;
        padding: 6px;
        width: 38%;
        position: relative;
        top: -3px
    }

    #emailSignupForm input[name='age'] {
        margin: 5px 5px 5px 0
    }

.agBoxInfo {
    display: inline-block;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    float: none;
    font-size: 12px;
    left: 0;
    top: 0
}

#emailSignupForm .info {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    color: #fffdd2;
    margin: 1em 0;
    text-align: center
}

.email-checkbox {
    margin-top: 5px;
    line-height: 1.3
}

.email-wrap {
    display: inline
}

.fs-links-wrap {
    display: inline-block
}

.footer-social {
    float: right;
    font-size: 17px;
    font-weight: 300;
    margin: 2px 0 2em
}

    .footer-social a {
        background: #fff none repeat scroll 0 0;
        border-radius: 50%;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        margin: 0 5px;
        text-align: center;
        width: 35px
    }

        .footer-social a:hover {
            background: #77b800 none repeat scroll 0 0;
            color: #fff
        }

.footer-ribbon-wrap {
    border-top: 1px solid #75787b;
    clear: both;
    padding-top: 3em
}

    .footer-ribbon-wrap ul {
        float: left;
        padding: 0 1em 0 0;
        width: 33.33%
    }

    .footer-ribbon-wrap h4 {
        font-size: 18px;
        font-family: "Roboto Condensed",Impact,sans-serif;
        font-weight: 700;
        letter-spacing: .01em;
        text-transform: uppercase;
        margin: .5em 0 10px
    }

        .footer-ribbon-wrap h4 i {
            margin-right: 5px
        }

    .footer-ribbon-wrap li {
        font-size: 15px;
        line-height: 150%;
        padding: 3px 0
    }

        .footer-ribbon-wrap li a {
            color: #ddddde;
            line-height: 1.3;
            padding: 3px 0;
            display: block
        }

            .footer-ribbon-wrap li a:hover {
                color: #fff;
                text-decoration: none
            }

.seolinks {
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 3em 5em
}

.seolinks {
    border-top: 1px solid #75787b;
    margin-top: 3em;
    overflow: hidden;
    padding: 3em 0 0
}

    .seolinks .seolink-box {
        display: block;
        float: left;
        font-size: .9em;
        margin-right: 3%;
        text-align: left;
        width: 30%
    }

.seolink-box li {
    float: left;
    margin-right: 15px
}

    .seolink-box li a, .seolink-box p {
        color: #cbcccd
    }

.copyright {
    border-top: 1px solid #75787b;
    font-size: 12px;
    line-height: 1.3;
    margin: 3em 0 0;
    padding: 3em 0 0;
    text-align: center
}

    .copyright a {
        color: #fff;
        text-decoration: underline
    }

    .copyright::before, .footer-ribbon-wrap::before, .seolinks::before {
        content: "";
        display: block;
        height: 1px;
        position: relative;
        top: -3em
    }

@media all and (max-width:770px) {
    body footer {
        padding: 40px
    }
}

@media all and (max-width:970px) {
    .footer-social {
        clear: both;
        float: left;
        margin-top: 1em;
        width: 100%
    }

    .email-wrap {
        display: block;
        margin-top: 10px
    }

    #emailSignupForm input[type="email"] {
        width: 50%
    }

    #emailSignupForm {
        width: 100%
    }

    footer form .button {
        font-size: 18px;
        width: 30%;
        max-width: 130px;
        top: 0
    }
}

@media all and (max-width:800px) {
    body footer {
        padding: 30px
    }
}

@media all and (max-width:770px) {
    body footer .wrapper {
        padding: 0
    }

    .footer-ribbon-wrap {
        font-size: .9em
    }

        .footer-ribbon-wrap ul {
            width: 50%;
            margin-bottom: 2em
        }

    .fs-links-wrap {
        display: block;
        margin-top: 10px
    }

    .footer-social a {
        margin: 0 10px 0 0
    }

    .feedback-icon {
        display: none
    }
}

@media all and (max-width:570px) {
    .button.unfollowTopic {
        border: 0 none
    }

    body footer {
        padding: 50px 30px
    }

        body footer .wrapper {
            padding: 0
        }

    .footer-ribbon-wrap {
        padding: 0;
        border: 0 none
    }

        .footer-ribbon-wrap::before, .copyright::before {
            border: 0 none
        }

        .footer-ribbon-wrap h4 {
            font-family: "Open Sans";
            font-weight: 300;
            letter-spacing: 0;
            text-transform: capitalize
        }

            .footer-ribbon-wrap h4 i {
                margin-right: 10px
            }

        .footer-ribbon-wrap ul {
            margin-bottom: 0;
            width: 100%
        }

            .footer-ribbon-wrap ul:last-child {
                margin: 0
            }

        .footer-ribbon-wrap h4 {
            background: #75787b none repeat scroll 0 0;
            padding: .5em
        }

            .footer-ribbon-wrap h4::after {
                content: "+";
                float: right
            }

            .footer-ribbon-wrap h4.active::after {
                content: "-"
            }

    .footer-list-wrap {
        display: none
    }

    .footer-social {
        margin-top: 40px
    }

    .seolinks, .feedback-icon {
        display: none
    }

    .copyright {
        border: 0 none;
        margin: 0
    }

    footer form label {
        margin-right: 0
    }

    footer form .button {
        width: 38%
    }

    .email-checkbox {
        width: 100%
    }

    #emailSignupForm input[name="age"] {
        display: block;
        float: left;
        margin: 0;
        text-align: left;
        width: 5%;
        position: relative;
        top: 1px
    }

    #emailSignupForm input[type="email"] {
        width: 60%
    }

    .agBoxInfo {
        display: block;
        float: left;
        width: 94%;
        padding-left: 1%;
        line-height: 1.3
    }

    .email-checkbox {
        float: left;
        margin-top: 10px
    }
}

@media all and (max-width:320px) {
    body footer {
        padding: 30px
    }
}

#b_gh_holidaystripe {
    display: none
}

#b_ghmenus #ocassion-gift-tag {
    display: none
}

@media(min-width:801px) {
    #b_ghlink_vertical #gift-tag {
        display: none
    }

    #b_ghmenus #ocassion-gift-tag {
        margin-left: -2%;
        display: block
    }

    #b_ghmenus .menu-block.holiday-gift-tag img {
        width: 85%;
        margin: 2% 0
    }
}

@media(min-width:600px) {
    .mobile_only {
        display: none !important
    }
}

@media only screen and (max-width:529px) {
    .mobile_only {
        display: block !important
    }