﻿@import url("common.css");

@media print {

    .no-print {display:none!important;}

    .mobile {display:none!important;}

    html, body {
        display:block;
        position:relative;
        padding:0; margin:0;
        width:100%;
        min-height:100%;
        background-image:url(../images/white_cardstock.jpg);
        background-repeat:repeat;
        background-attachment:fixed;
        background-size:cover;
        font-family:OpenSans-Regular, sans-serif;
        font-weight:normal;
        color:#000;
        font-size:11pt;
    }

    #site-wrapper {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
        margin:0 auto;
        padding:0;
        min-width:800px;
        max-width:1023px;
    }


    /*#region MAIN */

    main {
        display:block;
        box-sizing:border-box;
        background-color:transparent;
    }

    main .page {
        display:block;
        position:relative;
        box-sizing:border-box;
        padding:.5em;
        min-height:600px;
    }

    main .page > header {
        display:block;
        position:relative;
        padding:1em;
        margin-bottom:2em;
    }

    main .page > header h1 {
        padding:0;margin:0;
    }

    /*#endregion */

    /*#region HEADER */

    #site-wrapper > header {
        display:flex;
        flex-flow:row nowrap;
        position:relative;
        box-sizing:border-box;
        width:100%;
        height:75px;
        padding:.25em;
    }

    #site-wrapper > header > .item {
        display:inline-block;
        position:relative;
        overflow:visible;
        vertical-align:middle;
    }

    /*#region Corporate Logo */

    #logo {
        flex:0 1 25%;
        box-sizing: border-box;
        vertical-align:top;
    }

    #logo > a {
        display:inline-block;
        position:absolute;
        outline:0; height:60px;
        text-decoration:none;
        z-index:1;
    }

    #logo a img {
        display:inline-block;
        width:auto;
        height:60px;
    }

    /*#endregion */

    /*#region Site Search */

    #site-search {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 50%;
        background-color:transparent;
        color:#fff;
        padding:.75em .5em .5em .5em;
        vertical-align:middle;
        text-align:center;
    }

    #site-search form {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        padding:.25em;
        border:1px solid #fff;
        border-radius:10px;
        background-color:transparent;
    }

    #site-search form input[type=search] {
        display:inline-block;
        outline:0;
        border:1px solid #444;
        border-radius:10px 0px 0px 10px;
        padding:.5em;
        width:300px;
    }

    #site-search form button {
        outline:0;
        border:1px solid #000;
        background-color:#000;
        color:#fff;
        border-radius:0px 10px 10px 0px;
        padding:.5em;
        float:right;
        cursor:pointer;
    }

    /*#endregion */

    /*#region Header Actions */

    #header-actions {
        display:block;
        position:relative;
        flex:0 1 20%;
        text-align:right;
    }

    /*#region Select Country */
    #country {display:table-cell; position:relative; text-align:center; overflow:hidden; padding:.25em 0 1em 1em; float:right;}
    #country > div.country-toggle {overflow:hidden; width:50px; height:24px; border:1px solid #fff; border-radius:25px; background-color:transparent; float:right; margin-right:1em; box-shadow:5px 5px 3px #b4b4b4;}
    #country > div.country-toggle.usa {background-image:url(../images/usa.png); background-size:contain; background-position:left; background-repeat:no-repeat; }
    #country > div.country-toggle.usa > div {width:45%; height:21px; background-color:#d1d1d1; border-top:1px; border-right:0px; border-bottom:1px; border-left:2px; border-style:solid; border-color:#fff; border-radius:15px; z-index:10; float:right; cursor:pointer;}
    #country > div.country-toggle.can {background-image:url(../images/can.png); background-size:contain; background-position:right; background-repeat:no-repeat; }
    #country > div.country-toggle.can > div {width:45%; height:21px; background-color:#d1d1d1; border-top:1px; border-left:0px; border-bottom:1px; border-right:2px; border-style:solid; border-color:#fff; border-radius:15px; z-index:10; float:left; cursor:pointer;}

    /*#endregion */

    /*#region Authentication */

    .dropdown-container {
        display:inline-block;
        float:right;
    }

    .dropdown-container > a,
    .dropdown-container > a:hover,
    .dropdown-container > a:focus,
    .dropdown-container > a:active,
    .dropdown-container > a:visited {
        text-decoration: none;
        font-size:18pt;
        vertical-align:top;
    }

    .dropdown-container > a > .fa-shopping-cart {
        font-size:19pt;
        vertical-align:middle;
    }

    .dropdown-container > a > span {
        line-height:20pt;
        vertical-align:middle;
    }

    .dropdown-container > .acct-button {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
        padding:.25em 0;
        vertical-align:bottom;
    }

    .dropdown-container > .acct-button > .fa-user-circle {
        color:#be2438;
        font-size:22pt;
    }

    .dropdown-container > .acct-button > span {
        color:#be2438;
        font-size:16pt;
        margin-left:1em;
    }

    .dropdown-container > .acct-button .fa-caret-down {
        color:#be2438;
        font-size:16pt;
        margin-right: .5em;
    }

    .dropdown-container> .acct-button > .acct-menu {
        display:none;
        position:absolute;
        padding-top:.5em;
        width:100px;
        z-index:100;
        top:50px;
        left:-37px;
    }
    .arrow_box {
        position: relative;
        background: #ffffff;
        border: 2px solid #a61114;
    }
    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 15px;
        margin-left: -15px;
    }
    .arrow_box:before {
        border-color: rgba(166, 17, 20, 0);
        border-bottom-color: #a61114;
        border-width: 18px;
        margin-left: -18px;
    }

    .dropdown-container> .acct-button > .acct-menu > a {
        display:block;
        text-decoration:none;
        outline:0;
        text-align:center;
        font-size:10pt;
        padding:.5em 0em;
        margin:0;
    }

    .dropdown-container> .acct-button > .acct-menu > a:hover {
        display:block;
        text-decoration:none;
        outline:0;
        text-align:center;
        font-size:10pt;
        padding:.5em 0em;
        margin:0;
        background-color:#a61114;
        color:#fff;
    }

    .dropdown-container > #login-dialog-button {
        color:#be2438;
        font-size:20pt;
        vertical-align:middle;
    }

    .dropdown-container > #sample-cart-link {
        position:relative;
        text-decoration:none;
        vertical-align:top;
        font-size:20pt;
        color:#000;
    }

    .dropdown-container > #sample-cart-link > #sample-link-count {
        position:absolute;
        color:#000;
        font-size:8pt;
        top:0; left:15px;
    }

    /*#endregion */

    /*#endregion */

    #desktop-menu-container {
        display:none;
    }

    /*#endregion */

    /*#region HOME TABLET */

    #home-wrapper {
        margin:0em .5em;
    }

    /* left scroll for best-sellers */
    #home-wrapper > section:nth-child(n+1) .scroll-left {
        display:block;
        position:absolute;
        left:0; top:0; bottom:0;
        box-sizing:border-box;
        background-color:transparent;
        color:#fff;
        z-index:3;
        height:100%;
        overflow:visible;
    }
    #home-wrapper > section:nth-child(n+1) .scroll-left > i {
        display:inline-block;
        position:relative;
        font-size:3em;
        color:#686868;
        padding:.15em;
        width:50px;
        top:45%;
        opacity:0.5;
        background-color:transparent;
        cursor:pointer;
    }
    #home-wrapper > section:nth-child(n+1) .scroll-left:hover > i {
        display:inline-block;
        position:relative;
        width:50px;
        top:45%;
        opacity:1;
        background-color:rgba(255,255,240,.5);
        border:1px solid transparent;
        border-radius:10px;
    }

    /* right scroll for best sellers */
    #home-wrapper > section:nth-child(n+1) .scroll-right {
        display:block;
        position:absolute;
        right:0; top:0; bottom:0;
        box-sizing:border-box;
        background-color:transparent;
        color:#fff;
        z-index:3;
        height:100%;
        overflow:visible;
    }
    #home-wrapper > section:nth-child(n+1) .scroll-right > i {
        display:inline-block;
        position:relative;
        font-size:3em;
        color:#686868;
        padding:.15em;
        width:50px;
        top:45%;
        opacity:0.5;
        background-color:transparent;
        cursor:pointer;

    }

    #home-wrapper > section:nth-child(n+1) .scroll-right:hover > i {
        display:inline-block;
        position:relative;
        width:50px;
        top:45%;
        opacity:1;
        background-color:rgba(255,255,240,.5);
        border:1px solid transparent;
        border-radius:10px;
    }

    #home-wrapper .marketing-bar {
        position:relative;
        overflow:visible;
        height:30px;
        background-color:transparent;
        text-align:right;
    }

    #home-wrapper .marketing-bar a {
        position:absolute;
        top:0;
        right:0;
        z-index:5;
        text-decoration:none;
        outline:0;
        width:15%;
    }

    #home-wrapper .marketing-bar a > img {
        width:100%;
        vertical-align:middle;
    }


    /*#region carousel */

    #home-wrapper .feature-carousel {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
    }

    #home-wrapper .feature-carousel .owl-carousel > .item {
        display:block;
        position:relative;
        box-sizing:border-box;
        height:auto;
    }

    #home-wrapper .feature-carousel .owl-carousel > .item > img {
        width:100%;
        height:auto;
    }

    #home-wrapper .feature-carousel .owl-carousel .owl-nav {
        display:block;
        box-sizing:border-box;
    }

    #home-wrapper .feature-carousel .owl-carousel .owl-nav button:first-of-type {
        position:absolute;
        top:200px; left:0;
        background-color:transparent;
    }

    #home-wrapper .feature-carousel .owl-carousel .owl-nav button:last-of-type {
        position:absolute;
        top:200px; right:0;
        background-color:transparent;
    }

    #home-wrapper .feature-carousel .owl-carousel .owl-nav i {
        font-size:30pt;
        color:silver;
        background-color:transparent;
        vertical-align:middle;
    }

    #home-wrapper .feature-carousel .owl-carousel .owl-nav button:hover > i {
        color:#000;
        background-color:transparent;
    }

    #home-wrapper .feature-carousel .carousel-controls {
        text-align:right;
        margin:.25em;
    }

    #home-wrapper .feature-carousel .carousel-controls > button {
        padding:.25em .5em;
        margin-left:.25em;
        font-size:11pt;
        background-color:#fff;
        color:#a61114;
        cursor:pointer;
        border:0;
    }

    #home-wrapper .feature-carousel .carousel-controls > button:hover {
        padding:.25em .5em;
        margin-left:.25em;
        font-size:11pt;
        background-color:#fff;
        color:#000;
        cursor:pointer;
        border:0;
    }


    /*#endregion */


    #home-wrapper > section .home-new-products {
        display:block;
        position:relative;
        overflow:hidden;
        box-sizing:border-box;
        height:340px;
        margin:2em 0em;
        background-color:#fff;
    }

    #home-wrapper > section .home-best-sellers {
        display:block;
        position:relative;
        overflow:hidden;
        box-sizing:border-box;
        height:340px;
        margin:2em 0em;
        background-color:#fff;
    }

    #home-wrapper > section div .feature-group-header {
        padding:1em 1em;
    }

    #home-wrapper section .home-new-products .tier1 {display:block; width:auto; height:300px; background-color:#f2f2f2; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; margin-bottom:3em;}
    #home-wrapper section .home-new-products .tier1 > div {display:inline-block; background-color:#fff; box-sizing:border-box; width:200px; height:250px; margin:.5em; overflow:hidden; vertical-align:top; text-align:center; border:1px solid transparent; border-radius:10px;}
    #home-wrapper section .home-new-products .tier1 > div a {text-decoration:none; outline:0; display:inline-block;}
    #home-wrapper section .home-new-products .tier1 > div a > p {font-size:smaller; text-align:center;}
    #home-wrapper section .home-new-products .tier1 > div a > img {width:auto; height:100%;}

    #home-wrapper section .home-best-sellers .tier2 {display:block; width:auto; height:325px; background-color:#f2f2f2; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; margin-bottom:3em;}
    #home-wrapper section .home-best-sellers .tier2 > div {display:inline-block; background-color:#fff; box-sizing:border-box; width:200px; height:250px; margin:.5em; overflow:hidden; vertical-align:top; text-align:center; border:1px solid transparent; border-radius:10px;}
    #home-wrapper section .home-best-sellers .tier2 > div a {text-decoration:none; outline:0; display:inline-block;}
    #home-wrapper section .home-best-sellers .tier2 > div a > p {font-size:smaller; text-align:center;}
    #home-wrapper section .home-best-sellers .tier2 > div a > img {width:auto; height:100%;}

    .tier::-webkit-scrollbar {background-color:transparent;}
    .tier::-webkit-scrollbar-track {background-color:transparent;}
    .tier::-webkit-scrollbar-thumb {background-color:transparent;}

    /*#endregion */

    /*#region SEARCH */

    main .search-results-container {
        display:block;
        position:relative;
        box-sizing:border-box;
        width:100%;
    }

    main .search-results-container > div.search-format-wrapper {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        width:100%;
        text-align:right;
        padding:.25em .5em;
        border-top:1px solid silver;
    }

    main .search-results-container > div.search-format-wrapper > .result-messages {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        float:left;
        text-align:left;
    }

    main .search-results-container > div.search-format-wrapper > .result-messages > p {
        padding:0; margin:0;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
    }

    main .search-results-container > div.search-format-wrapper > .result-messages p a {
        padding:0; margin:0;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
    }

    main .search-results-container > div.search-format-wrapper > .result-messages p span.total {
        padding:0 .5em;
        color:#0080ff;
    }

    main .search-results-container > div.search-format-wrapper > .result-messages p span.total:hover {
        padding:0 .5em;
        color:#a61114;
    }

    main .search-results-container > div.search-format-wrapper > button {
        padding:.25em;
        margin:0 .5em 0 0em;
        font-size:12pt;
        cursor:pointer;
        background-color:silver;
        color:#000;

    }

    main .search-results-container > div.search-format-wrapper > button.active {
        color:#fff;
        border:1px solid #0080ff;
        background-color:#0080ff;
    }

    main .search-results-container > div.search-content {
        display:flex;
        flex-flow:row wrap;
        justify-content:flex-start;
        align-items:stretch;
        position:relative;
        box-sizing:border-box;
    }

    main .search-results-container > div.search-content > div.format-row {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        width:98%;
        min-width:98%;
        vertical-align:top;
        padding:.25em;
        margin:1em 0em;
    }

    main .search-results-container > div.search-content > div.format-row .product-info {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:0em .5em;
    }

    main .search-results-container > div.search-content > div.format-row .product-info > img.clearance-img {
        position:absolute;
        top:0; right:0;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info {
        display:flex;
        flex-flow:row nowrap;
        justify-content:flex-start;
        align-items:stretch;
        position:relative;
        box-sizing:border-box;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info > a {
        display:inline-block;
        position:relative;
        outline:0;
        text-align:center;
        text-decoration:none;
        padding:.5em;
        flex:0 0 auto;
        cursor:pointer;
        border:1px solid #fff;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info > a > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info > a:hover {
        outline:0;
        text-decoration:none;
        border:1px solid #0080ff;
        color:#183B61;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info > a:hover > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        color:#183B61;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info > a > img {
        width:125px;
        max-width:150px;

    }

    main .search-results-container > div.search-content > div.format-row > .product-description {
        display:block;
        padding:.5em;
    }


    main .search-results-container > div.search-content > div.format-tile {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 auto;
        vertical-align:top;
        padding:.25em;
        margin:1em 1em;
        min-width:300px;
    }

    main .search-results-container > div.search-content > div.format-tile .product-info {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:0em .5em;
    }

    main .search-results-container > div.search-content > div.format-tile .product-info > h2 {
        max-width:220px;
    }

    main .search-results-container > div.search-content > div.format-tile .product-info > img.clearance-img {
        position:absolute;
        top:0; right:0;
    }

    main .search-results-container > div.search-content > div.format-tile > .imprint-info {
        display:flex;
        flex-flow:row nowrap;
        justify-content:space-around;
        align-items:stretch;
        position:relative;
        box-sizing:border-box;
    }

    main .search-results-container > div.search-content > div.format-tile > .imprint-info > a {
        display:inline-block;
        position:relative;
        outline:0;
        text-align:center;
        text-decoration:none;
        padding:.5em;
        flex:1 1 auto;
        cursor:pointer;
        border:1px solid #fff;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-tile > .imprint-info > a > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-tile > .imprint-info > a:hover {
        outline:0;
        text-decoration:none;
        border:1px solid #0080ff;
        color:#183B61;
    }

    main .search-results-container > div.search-content > div.format-tile > .imprint-info > a:hover > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        color:#183B61;
    }

    main .search-results-container > div.search-content > div.format-tile > .imprint-info > a > img {
        width:125px;
        max-width:150px;

    }

    main .search-results-container > div.search-content > div.format-tile > .product-description {
        display:none;
    }

    main .search-results-container > div.search-content > div.content-container {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        vertical-align:top;
        cursor:pointer;
    }

    main .search-results-container > div.search-content > div.content-container:hover > h2 {
        color:#0080ff;
    }

    main .search-results-container > div.search-content > div.content-container.format-tile {

        min-width:300px;
        max-width:30%;
        padding:.5em;
        margin:1em 1em;
    }

    main .search-results-container > div.search-content > div.content-container.format-row {

        width:98%;
        max-width:98%;
        padding:.5em;
        margin:1em 0em;
    }


    /* # start custom css */
    main .search-results-container > div.search-content > div.format-tile > .imprint-info {
        display: flex !important;
    }

    main .search-results-container > div.search-content > div.format-tile > .product-container {
        display: block !important;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 auto;
        vertical-align:bottom;
        margin:0 .5em;
        min-width: 200px;
    }

    main .search-results-container > div.search-content > div.format-tile > .product-container > .imprint-info > a {
        display:inline-block;
        position:relative;
        outline:0;
        text-align:center;
        text-decoration:none;
        flex:1 1 auto;
        cursor:pointer;
        border:1px solid #fff;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-tile > .product-container > .imprint-info > a > img {
        max-width:80px;
        height:80px;
        border: 2px solid #fff;
    }

    main .search-results-container > div.search-content > div.format-tile > .product-container > .imprint-info > a.active > img {
        border: 2px solid #be2438;
    }

    main .search-results-container > div.search-content > div.format-tile > .product-container > .imprint-info > a:hover > img {
        border: 2px solid #be2438;
    }

    main .search-results-container > div.search-content > div.format-tile > .product-container > .imprint-info > a > p {
        display: none !important;
    }

    main .search-results-container > div.search-content > div.format-row > .imprint-info {
        display: flex !important;
    }

    main .search-results-container > div.search-content > div.format-row > .variant-item {
        display: none !important;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants {
        display: block !important;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants > .imprint-info {
        display:flex;
        flex-flow:row nowrap;
        justify-content:flex-start;
        align-items:stretch;
        position:relative;
        box-sizing:border-box;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants > .imprint-info > a {
        display:inline-block;
        position:relative;
        outline:0;
        text-align:center;
        text-decoration:none;
        padding:.5em;
        flex:0 0 auto;
        cursor:pointer;
        border:1px solid #fff;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants > .imprint-info > a > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        color:#000;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants > .imprint-info > a:hover {
        outline:0;
        text-decoration:none;
        border:1px solid #0080ff;
        color:#183B61;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants > .imprint-info > a:hover > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        color:#183B61;
    }

    main .search-results-container > div.search-content > div.format-row > .product-variants > .imprint-info > a > img {
        width:125px;
        max-width:150px;

    }

    main .search-results-container > div.pager {
        margin-top: 2em;
        padding: 1em 0;
        font-size: 12px;
        color: #be2438;
        text-align: center;
    }

    main .search-results-container > div.pager a {
        height: 24px;
        padding: 0 9px;
        line-height: 24px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        margin-right: 8px;
        color: #be2438
    }

    main .search-results-container > div.pager a>.iconfont {
        position: relative
    }

    main .search-results-container > div.pager .cur {
        color: #fff;
        background-color: #be2438
    }

    /*# end custom css*/

    /*#endregion */

    /*#region PRODUCT PAGE */

    #product-page-container {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        margin-bottom:3em;
        border-top:1px solid silver;
    }

    #product-page-container  table.product-data-table {
        table-layout:auto;
        border-collapse:collapse;
    }

    #product-page-container table.product-data-table td {
        font-family:OpenSans-Regular, sans-serif;
        font-size:11pt;
        padding:.25em 1em .25em 0em;
    }

    #product-page-container table.product-data-table td:first-of-type {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
    }

    #product-page-container table.product-data-table tfoot td p {
        padding:.5em 0em;
        font-size:11pt;
        white-space: normal;
    }

    #product-page-container .page-header {
        display:none!important;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
        padding-right:15px;
    }

    #product-page-container .page-header > div.page-border {
        width:100%;
        height:10px;
    }

    #product-page-container .page-header > div.page-edge {
        display:inline-block;
        position:absolute;
        top:0; right:0;
        width:20px;
        padding:.25em;
        min-height:100px;
        border:1px solid transparent;
        border-bottom-left-radius:10px;

    }

    #product-page-container .page-header > div.page-edge > p {
        display:block;
        writing-mode:vertical-rl;
        text-orientation: mixed;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:12pt;
        padding:1em 0 0 0; margin:0;
        vertical-align:middle;
    }


    /*#region Product Images */

    #product-page-container .product-content {
        display:flex;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex-flow:row nowrap;
        justify-content:space-between;
        align-content:stretch;
        padding:1em 0em;
        margin-right:30px;
    }

    #product-page-container .product-content > .product-image {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:0 1 390px;
        margin-right:1em;
    }

    #product-page-container .product-content > .product-image > .stickers {
        display:block;
        position:relative;
        overflow:visible;
        top:0px; left:0;
        z-index:2;
    }

    #product-page-container .product-content > .product-image > .stickers > .sticker-img {
        display:inline-block;
        position:relative;
        vertical-align:top;
        padding:.5em 0em;
        max-width:100px;
    }

    #product-page-container .product-content > .product-image > .product-image-wrapper {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        width:390px;
        height:390px;
        text-align:center;
    }

    #product-page-container .product-content > .product-image > .product-image-wrapper > img {
        display:inline-block;
        min-width:100%;
        max-height:100%;
        height:auto;
        object-fit:contain;
    }

    #product-page-container .product-content > .product-image > .product-img-nav-container {
        display:none;
        text-align:center;
        margin-bottom:2em;
    }

    #product-page-container .product-content > .product-image > .product-img-nav-container .product-img-nav {
        display:inline-block;
        margin:0 auto;
    }

    #product-page-container .product-content > .product-image .product-img-nav-container .product-img-nav > a {
        outline:0;
        text-decoration:none;
    }

    #product-page-container .product-content > .product-image .product-img-nav-container .product-img-nav > a > img {
        padding:0em 1em;
    }



    /*#endregion */

    /*#region Product Info */

    #product-page-container .product-content > .product-info {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 40%;
    }

    #product-page-container .product-content > .product-info > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        margin-bottom:2em;
    }

    #product-page-container .product-content > .product-info > div > h3 {
        border-bottom:1px solid silver;
    }

    #product-page-container .product-content > .product-info .product-info-header  h2 {
        font-size:30pt;
        padding:0; margin:0;
    }

    #product-page-container .product-content > .product-info .product-info-header  h2 > sup {
        font-size:18pt;
    }

    #product-page-container .product-content > .product-info .product-info-header  p {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:0; margin:0;
        font-size:10pt;
    }

    #product-page-container .product-content > .product-info .product-info-header a {
        font:inherit;
        color:#0080ff;
        text-decoration:none;
        outline:0;
    }

    #product-page-container .product-content > .product-info .product-features {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
    }

    #product-page-container .product-desc {
        display:block;
        position:relative;
        box-sizing:border-box;
        padding:.5em;
        font-family:OpenSans-Regular, sans-serif;
        font-size:12pt;
        text-align:justify;
    }

    #product-page-container .product-imprints {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:.5em;
        text-align:center;
        margin-bottom:2em;
    }

    #product-page-container .product-imprints h4 {
        font-family:OpenSans-Regular, sans-serif;
        font-size:12pt;
        padding:0; margin:0 0 .5em 0;
    }

    #product-page-container .product-imprints > div.valid-imprint-links {
        display:inline-block;
        margin-right:1.5em;
    }

    #product-page-container .product-imprints > div.valid-imprint-links > a {
        outline:0;
        text-decoration:none;
    }

    #product-page-container .product-imprints > div.valid-imprint-links > a > img {
        max-width:85px;
    }

    #product-page-container .product-detail {
        display:flex;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex-flow:row wrap;
        justify-content:space-between;
        align-content:stretch;
        padding:1em 0em;
    }

    #product-page-container .product-detail > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 45%;
        padding:.5em;
        margin-bottom:3em;
    }

    #product-page-container .product-detail > div > h3 {
        border-bottom:1px solid silver;
    }

    #product-page-container .additional-info {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
    }

    #product-page-container .additional-info p {
        font-size: 11pt;
        padding:.25em 0; margin:0;
    }

    #product-page-container .art-templates {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
    }

    #product-page-container .art-templates p {
        font-size:11pt;
        padding:.25em 0; margin:0;
    }

    #product-page-container .bows {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        min-width:99%;
    }

    #product-page-container .bows h4 {
        font-family:OpenSans-Bold, sans-serif;
        font-size:12pt;
        padding:0; margin:0;
    }

    #product-page-container .bows .restriction {
        font-size:10pt;
        font-style:italic;
        padding:0; margin:0;
    }

    #product-page-container .shortcut-links {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        min-width:99%;
        margin-bottom:2em;
    }

    #product-page-container .shortcut-links > a {
        padding:.25em .5em;
        outline:0;
        text-decoration:none;
        float:left;
        font-size:10pt;
        margin-right:1em;
        background-color:#555;
        color:#fff;
        border:1px solid transparent;
    }

    #product-page-container .shortcut-links > a:hover {
        padding:.25em .5em;
        outline:0;
        text-decoration:none;
        float:left;
        font-size:10pt;
        margin-right:1em;
        color:#fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }


    /*#endregion */

    /*#region Product Price */

    #product-page-container .product-content .product-price {
        display:block;
        position:relative;
        margin:2em 0em;
    }

    #product-page-container .product-content .product-price > .product-price-table {
        table-layout:auto;
        border-collapse:collapse;
        width:98%;
    }

    #product-page-container .product-content .product-price > .product-price-table caption {
        text-align:left;
    }

    #product-page-container .product-content .product-price > .product-price-table > thead td {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        border-bottom:1px solid silver;
        text-align:center;
        padding:.25em; margin:0;
    }

    #product-page-container .product-content .product-price .imprint-image {
        width:auto;
        height:35px;
    }

    #product-page-container .product-content .product-price > .product-price-table > tbody .price-catalog-id > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        padding:0; margin:0;
    }

    #product-page-container .product-content .product-price > .product-price-table > tbody td.price {
        font-family:OpenSans-Regular, sans-serif;
        font-size:11pt;
        color:#444;
        padding:.25em; margin:0;
        text-align:center;
    }

    #product-page-container .product-content .product-price .imprint-message {
        font-size:10pt;
        font-style:italic;
    }

    /*#endregion */

    /*#region Product Colors */

    #product-page-container .product-colors {
        margin-bottom:2em;
    }

    #product-page-container .product-colors p {
        font-size:11pt;
    }

    #product-page-container .product-colors ul {
        list-style:none;
        margin:0;
        padding:1em 0em .5em 0em;
    }

    #product-page-container .product-colors ul li{
        display:inline-block;
        cursor:pointer;
        padding:.25em .5em;
        position:relative;
    }

    #product-page-container .product-colors ul li.color-hidden {
        display:none;
    }

    #product-page-container .product-colors ul li.available {
        border:1px solid #999;
    }

    #product-page-container .product-colors ul li.unavailable {
        /*border:1px dashed #ccc;*/
        cursor: not-allowed;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        -moz-opacity: 0.3;
        opacity: 0.3;
        color: #ccc;
    }

    #product-page-container .product-colors ul li.selected-option {
        border:1px solid #a6111f;
    }

    #product-page-container .product-colors ul li > img {
        width:30px;
    }

    #product-page-container .product-colors .inventory-info-container {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    #product-page-container .product-colors .inventory-info-container img {
        display:inline-block;
        width:15px;
        vertical-align:middle;
    }

    #product-page-container .product-colors .inventory-info-container p {
        display:inline-block;
        vertical-align:middle;
        font-size:12pt;
        padding:.15em 0em;
        margin:0;
    }

    #product-page-container .product-colors .inventory-info-container p:last-of-type {
        font-size:10pt;
        padding:0 0 0 30px; margin:0;
    }

    #product-page-container .available-colors {
        display:inline-block;
        outline: 0;
        border:1px solid transparent;
        text-decoration:none;
        background-image:url(../images/Right-Arrow-White.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
        color:#006400;
        font-weight:bold;
        margin:1em 0em;
    }

    #product-page-container .available-colors > img {
        width:50px; height:50px;
        vertical-align:middle;
        padding-right:.5em;
    }

    #product-page-container .imprint-colors p:first-of-type {
        padding:.25em 0; margin:0;
    }

    #product-page-container .imprint-colors p:first-of-type strong {
        font-family:OpenSans-Regular, sans-serif;
        font-size:11pt;
    }

    #product-page-container .imprint-colors p:not(:first-of-type) {
        padding:0; margin:0;
    }

    #product-page-container .imprint-colors p.color-chart-link {
        font-size:11pt;
        padding:.25em 0em; margin:.5em 0em;
    }

    /*#endregion */

    /*#region Freight Estimator */

    #product-page-container .product-shipping {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        min-width:99%;
    }

    #product-page-container .product-shipping p {
        font-size:11pt;
        padding:.25em 0; margin:0;
    }

    #product-page-container .product-shipping .home-freight-estimator {
        margin-top:1em;
    }

    #product-page-container .product-shipping .home-freight-estimator label {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        padding:.25em;
    }

    #product-page-container .product-shipping .home-freight-estimator #btnGetFreight {
        display:inline-block;
        border:0;
        background-color:transparent;
        color:#006400;
        font-size:18pt;
        vertical-align:middle;
        cursor:pointer;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-error {
        padding:0em 0em 1em 0em;
        font-family:OpenSans-SemiBold,sans-serif;
        font-size:12pt;
        color:#a61114;
    }

    #product-page-container .product-shipping .home-freight-estimator .fob-info p {
        font-family:OpenSans-SemiBold,sans-serif;
        font-size:10pt;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container button {
        background-color:#0080ff;
        border:1px solid #0080ff;
        color:#fff;
        padding:5px;
        cursor:pointer;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        background-color:#EAF5FF;
        padding:.5em .25em;
        margin-top:.25em;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container header > span {
        font-family:OpenSans-Regular, sans-serif;
        font-size:10pt;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container header > span > strong {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container table.freight-table {
        table-layout:auto;
        border-collapse:collapse;
        width:100%;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container table.freight-table th {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        text-align:left;
        background-color: #183B61;
        color:#fff;
        padding:.25em;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container table.freight-table td {
        font-family:OpenSans-Regular, sans-serif;
        font-size:10pt;
        text-align:left;
        padding:.25em;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container table.freight-table tr:hover {
        background-color:#EAF5FF;
        font-weight:bold;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container .fob-info {
        padding:.5em 0em;
        margin:.5em 0em;
        border-top:1px solid #000;
    }

    #product-page-container .product-shipping .home-freight-estimator .freight-quote-container .fob-info p {
        font-family:OpenSans-SemiBold,sans-serif;
        font-size:10pt;
    }

    /*#endregion */



    /*#endregion */

    /*#region INDUSTRY */

    main .industry{
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
    }

    .industry > .page-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
    }

    .industry > .page-header > .page-border {
        width:100%;
        height:10px;
    }

    .industry .page-header > div.page-edge {
        display:inline-block;
        position:absolute;
        top:0; right:0;
        width:20px;
        padding:.25em;
        min-height:100px;
        border:1px solid transparent;
        border-bottom-left-radius:10px;

    }

    .industry .page-header > div.page-edge > p {
        display:block;
        writing-mode:vertical-rl;
        text-orientation: mixed;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:12pt;
        padding:1em 0 0 0; margin:0;
        vertical-align:middle;
    }

    .industry .page-header > p {
        margin-right:40px;
    }

    .industry > ul.industry-list {
        display:block;
        padding:0; margin:2em 0;
    }

    .industry > ul.industry-list > li {
        display:inline-block;
        padding:.5em;
        margin:1em;
        text-align:center;
        width:150px;
    }

    .industry > ul.industry-list > li > p {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
    }

    .industry > ul.industry-list > li > a {
        display:block;
        outline:0;
        text-decoration:none;
    }

    .industry > ul.industry-list > li > a > img {
        max-width:100px;
    }

    /*#endregion */

    /*#region PRODUCTION TABLE */

    .production-times-table {
        table-layout:auto;
        border-collapse:collapse;
    }

    .production-times-table thead th {
        padding:.25em .5em;
        font-size:10pt;
        border-bottom:1px solid silver;
    }

    .production-times-table thead th:first-of-type {
        padding:.25em 1em .25em 0em;
        text-align:left;
        border-bottom:1px solid silver;
    }

    .production-times-table tbody td {
        padding:.25em .5em;
    }

    .production-times-table tbody td.prod-type {
        padding:.25em .25em;
        font-size:10pt;
    }

    .production-times-table tbody td.new {
        text-align:center;
    }

    .production-times-table tbody td.reorder {
        text-align:center;

    }

    /*#endregion */

    /*#region IMPRINTS  */

    main .imprint-info > header {
        display:block;
        position:relative;
        padding:1em;
        margin-bottom:2em;
    }

    main .imprint-info > header h1 {
        padding:0;margin:0;
    }

    main .imprint-info section {
        background-color:#fff;
        color:#000;
        margin-bottom:3em;
    }

    main .imprint-info section > h2 {
        padding:.25em 0em; margin:0;
    }

    main .imprint-info section p {
        font-weight:normal;
        font-size:11pt;
        padding:.5em 0em; margin:0;
        line-height:18pt;
    }

    main .imprint-info section > .preview-image {
        display:inline-block;
        width:40%;
        vertical-align:bottom;
    }

    main .imprint-info .video-embed {
        display:none!important;
    }

    main .imprint-info section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
        width:100%;
        padding-top:20px;
        background-color:#fff;
    }

    main .imprint-info section.about > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
        color:#000;
        padding:.5em;
    }

    main .imprint-info section.about div > img:first-of-type {
        position:absolute;
        top:-35px; right:20px;
    }


    /*#region ColorVista */

    main .colorvista .colorvista-logo {
        font-size:24pt;
    }

    main .colorvista .colorvista-logo span:first-of-type {
        color:#CF118C;
        font-family: OpenSans-ExtraBold, sans-serif;
    }

    main .colorvista .colorvista-logo span:last-of-type {
        color:#0099D2;
        font-family: OpenSans-Light, sans-serif;
        font-weight:normal;
    }

    main .colorvista section.ordering {
        background-color:#fff;
    }

    /*#endregion */

    /*#region Digital Full-Color */

    main .dfc section.about > div > .ul-checkmark {
        padding:0 1.5em; margin:0;
    }

    main .dfc section.about > div > .ul-checkmark li {
        font-size:12pt;
    }

    /*#endregion */

    /*#region Direct Print */

    main .directprint .directprint-logo {
        font-size:24pt;
    }

    main .directprint .directprint-logo span:first-of-type {
        color:#CF118C;
        font-family: OpenSans-ExtraBold, sans-serif;
    }

    main .directprint .directprint-logo span:last-of-type {
        color:#0099D2;
        font-family: OpenSans-Light, sans-serif;
        font-weight:normal;
    }

    main .directprint section p > .fa-check-square {
        color:#006400;
    }

    main .directprint section.about > div > .ul-checkmark {
        padding:0 1.5em; margin:0;
    }

    /*#endregion */

    /*#region Flexo */

    main .flexo section.about > div > .ul-checkmark {
        padding:0 1em 0 1.5em; margin:0;
    }

    main .flexo section.about > div > .ul-checkmark li {
        font-size:11pt;
    }

    /*#endregion */

    /*#region Hot Stamp */

    main .hotstamp section.about > div > .ul-checkmark {
        padding:0 1em 0 1.5em; margin:0;
    }

    main .hotstamp section.about > div > .ul-checkmark li {
        font-size:11pt;
    }

    /*#endregion */

    /*#region Screen Print */

    main .screen section.about > div > .ul-checkmark {
        padding:0 1em 0 1.5em; margin:0;
    }

    main .screen section.about > div > .ul-checkmark li {
        font-size:11pt;
    }

    /*#endregion */

    /*#region Sparkle Decoration */


    /*#endregion */

    /*#region Sublimation */


    main .screen section.about > div > .ul-checkmark {
        padding:0 1em 0 1.5em; margin:0;
    }

    main .screen section.about > div > .ul-checkmark li {
        font-size:10pt;
    }



    /*#endregion */

    /*#region VistaScan */

    main .vistascan section.about > div p > a {
        text-decoration:none;
        color:#0080ff;
    }

    main .vistascan section .no-bullets i {
        font-size:18pt;
        padding-right:.5em;
    }

    main .vistascan section.art-specs ul li {
        padding-bottom:.5em;
    }

    /*#endregion */

    /*#region General Art Specs */

    main .artspecs {
        margin-top:2em;
    }

    main .artspecs section .format-links-list {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .artspecs section .format-links-list > div {
        display:inline-block;
        text-align:center;
        margin:2em;
    }

    main .artspecs section .format-links-list > div > a {
        outline:0;
        text-decoration:none;
    }

    main .artspecs section .format-links-list > div > a > p {
        font-size:10pt;
        font-weight:bold;
        text-align:center;
        color:#000;
    }

    main .artspecs section.charges div.subsection {
        margin-top:2em;
    }

    main .artspecs section h3 {
        padding:0; margin:0;
        font-size:14pt;
        color:#183B61;
    }

    main .artspecs section.charges div.subsection p {
        padding:.25em 0em; margin:0;
    }

    /*#endregion */

    /*#region Color Charts */

    main .colorchart .color-chart-list {
        margin-bottom:2em;
    }

    main .colorchart .color-chart-list a {
        display:inline-block;
        text-decoration:none;
        outline:0;
        margin-right:1em;
    }

    /*#endregion */

    /*#region Stock Images */

    main .stockdesigns section {
        margin-bottom:3em;
    }

    main .stockdesigns #images-section .stock-img-wrapper {
        text-align:justify;
    }

    main .stockdesigns #images-section .stock-img-wrapper div {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        vertical-align:top;
        width:300px;
        margin:1em;
    }

    main .stockdesigns #images-section .stock-img-wrapper div a {
        display:inline-block;
        width:300px;
    }

    main .stockdesigns #images-section .stock-img-wrapper img {
        width:100%;
        height:auto;
    }

    /*#endregion  */

    /*#endregion */

    /*#region ORDER INFO */

    main .order-info section {
        margin-bottom:3em;
    }

    main .order-info > section > h2 {
        padding:0em; margin:0;
    }

    main .order-info > section > p {
        padding:.5em 0em; margin:0;
        line-height:18pt;
    }

    main .order-info .prod-times {
        text-align:center;
    }

    main .order-info .prod-times > div {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        width:300px;
        height:200px;
        padding:.5em;
        margin:2em 2em 1em 0em;
    }

    main .order-info section #color-chart-link {
        display:inline-block;
        padding:1em; margin:1em 0em;
        outline:0;
        font-family:OpenSans-SemiBold, sans-serif;
        text-decoration:none;
        color:#fff; font-size:14pt;
        background-color:#a61114;
        border:1px solid #a61114;
        border-radius:10px;

    }

    main .order-info section #color-chart-link:hover {
        display:inline-block;
        padding:1em; margin:1em 0em;
        outline:0;
        font-family:OpenSans-SemiBold, sans-serif;
        text-decoration:none;
        color:#fff; font-size:14pt;
        background-color:#be2438;
        border:1px solid #a61114;
        border-radius:10px;

    }

    main .order-info > header > img {
        position:absolute;
        top:-100px; left:0;
    }

    main .order-info .rush-header {margin-top:2em; text-align:center; background-color:#dcdcde; border-style:solid solid double solid; border-color:#000; border-width:1px 1px 3px 1px;}
    main .order-info .rush-header > h4 {padding-top:.5em;}
    main .order-info .rush-header > p {font-size:small;}

    main .order-info .rush-table {table-layout:fixed; border-collapse:collapse; width:100%;}
    main .order-info .rush-table thead tr.top-hdr {background-color:#dcdcde;}
    main .order-info .rush-table thead tr th {font-size:small;text-align:center; padding:.25em; background-color:transparent; border:1px solid #444;}
    main .order-info .rush-table tbody tr td {font-size:small;text-align:center; padding:.5em; background-color:#fff; border:1px solid #444;}
    main .order-info .rush-table tbody tr td.na {vertical-align:middle; background-color:#F0F0ED; font-weight:bold;}
    main .order-info .rush-table tbody tr td:first-child {font-weight:bold;}

    /*#endregion */

    /*#region FLYERS */
    .gallery-container {
        margin: 2em 0em;
        padding:0em 1em;
        list-style: none;
    }

    .gallery-container .content > section {
        margin-bottom: 1em;
    }

    .gallery-container .content > section h2 {
        border-bottom: 1px solid silver;
    }

    .gallery-container .nav {
        width:100%;
        height: 52px;
        background: #f5f5f5;
        color: #fff;
        margin-bottom: 1em;
    }

    .gallery-container .nav ul {
        margin:0; padding:0;
        list-style:none;
    }

    .gallery-container .nav ul:after {
        content: "";
        display: table;
        clear: both;
    }

    .gallery-container .nav li {
        float: left;
        width: auto;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        padding: 0em 1em;
        cursor: pointer;
        border-right: 2px solid #eee;
    }

    .gallery-container .nav li.active {
        background: #fff;
        border-top: 2px solid #183B61;
        color: #183B61;
    }

    .gallery-flyers {
        padding:0em 1em;
    }

    .gallery-flyers .gallery-image-wrapper {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom: 2em;
    }

    .gallery-flyers .gallery-image-wrapper > .gallery-image-container {
        display: flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row wrap;
        justify-content:center;
        align-items:stretch;
        padding: .25em;
    }

    .gallery-flyers .gallery-image-wrapper > .gallery-image-container > img {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin:0 auto;
        max-width:100%;
    }

    .flyers .flyers-content {
        list-style:none;
        padding:0; margin:0;
        text-align:center;
    }

    .flyers .flyers-content > li {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        padding:.5em .25em; margin:2em;
        width:150px;
        height:190px;
        text-align:center;
        vertical-align:top;
    }

    .flyers .flyers-content > li > a {
        display:inline-block;
        margin: 0;
        padding: 0;
        text-decoration:none;
        outline:0;
    }

    .flyers .flyers-content > li > p {
        text-align:center;
        font-size:9pt;
        color:#000;
    }

    .flyers .flyers-content > li > a > img {
        width:auto;
        height:130px;
    }

    .flyers .flyers-content > li > a > div {
        display:block;
        position:absolute;
        left:0; right:0; bottom:0;
        padding:.25em;
        background-color:#0080ff;

    }

    .flyers .flyers-content > li > div > a {
        outline:0;
        text-decoration:none;
        padding:0em 1em;
        color:#fff;
    }

    .flyers .flyers-content > li > div > a:hover {
        outline:0;
        text-decoration:none;
        padding:0em 1em;
        color:#183B61;
    }

    /*#endregion */

    /*#region DOWNLOADS */

    .downloads > section {
        margin-bottom:3em;
        padding:0em 1em;
    }

    .downloads > section > h2 {
        border-bottom:1px solid silver;
    }

    .download-mockups > ul {
        display:block;
        position:relative;
        box-sizing:border-box;
        list-style:none;
        padding:0; margin:0;
        width:100%;
    }

    .download-mockups > ul > li {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        vertical-align:top;
        width:45%;
        padding:.25em; margin:1em 1em 1em 0em;
    }

    .download-mockups > ul > li:hover {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        vertical-align:top;
        width:45%;
        padding:.25em; margin:1em 1em 1em 0em;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .download-mockups > ul > li > a {
        display:inline-block;
        font-family:OpenSans-SemiBold,sans-serif;
        outline:0;
        text-decoration:none;
        font-size:11pt;
        width:100%;
    }

    .download-mockups > ul > li > a:hover {
        font-family:OpenSans-SemiBold,sans-serif;
        outline:0;
        text-decoration:none;
        font-size:11pt;
        color:#000
    }

    .download-mockups > ul > li > a > span {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        text-align:center;
        width:50px; line-height:50px;
        padding:0; margin:.25em;
        border:1px solid #fff;
        border-radius:30px;
        background-color:#000;
        color:#fff;
    }

    .download-color-guide ul li > i {
        padding-right:1em;
    }

    .downloads .postcard {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        text-align:center;
        width:150px;
        min-height:225px;
        padding:.5em;
        margin:1em.5em.5em 0em;
        text-decoration:none;
        outline:0;
        vertical-align:top;
    }

    .downloads .postcard > i {
        display:inline;
        position:absolute;
        top:5px; left:5px;
        font-size:9pt;
    }

    .downloads .postcard > img {
        width:100px;
        text-align:center;
        border:1px solid silver;
    }

    .downloads .postcard > span {
        display:block;
        margin-top:.75em;
        font-family:OpenSans-SemiBold, sans-serif;
        color:#000;
        text-align:center;
        font-size:11pt;
    }


    /*#endregion */

    /*#region CATALOGS */

    .catalogs .catalog-wrapper {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em;
    }

    .catalogs .catalog-wrapper > .catalog-links {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row nowrap;
        justify-content:center;
        align-items:stretch;
        padding:.25em;
    }

    .catalogs .catalog-wrapper .catalog-links > div {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        flex-basis:0 1 auto;
        text-align:center;
        padding:.5em;
        margin:1em;
    }

    .catalogs .catalog-wrapper .catalog-links > div > img {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin:0 auto;
        max-width:250px;
    }

    .catalogs .catalog-wrapper .catalog-links > div > h3 {
        display:block;
        position:relative;
    }

    .catalogs .catalog-wrapper .catalog-links > div > h3 > img {
        display:inline-block;
        position:relative;
        margin:0; padding:0;
        vertical-align:middle;
    }

    .catalogs .catalog-wrapper .catalog-links > div .download-icons {
        text-align:center;
    }

    .catalogs .catalog-wrapper .catalog-links > div .download-icons a {
        display:inline-block;
        padding:.25em;
        margin:.25em;
        text-align:center;
        font-size:2em;
    }

    .catalogs .catalog-wrapper .catalog-links > div .download-icons a:hover {
        color:#0080ff;
    }

    .catalogs .catalog-wrapper .catalog-links > div .download-icons a > img {
        margin:0 auto;
        text-align:center;
        vertical-align:middle;
    }

    /*#endregion */

    /*#region CATALOG PAGES */

    .catalog-page-control {
        padding:1em 0em;
    }

    .catalog-page-control label {
        color:#000;
        font-family:OpenSans-SemiBold, sans-serif;

    }

    .catalog-page-control input[type=text]{
        padding:.25em;
        border:1px solid silver;
        border-radius:5px;
        outline:0;
    }

    .catalog-pages-wrapper > .catalog-page {
        display:inline-block;
        border:1px solid silver;
        box-shadow:3px 3px 3px silver;
        padding:.25em;
        margin:.5em 1em;
    }

    .catalog-pages-wrapper > .catalog-page a {
        display:block;
        text-decoration:none;
        outline:0;
        text-align:center;
    }

    .catalog-pages-wrapper > .catalog-page a > p {
        text-align:center;
        font-size:.8em;
        color:#000;
    }

    /*#endregion */

    /*#region ABOUT */

    main .about section {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:3em;
    }

    /*#region Timeline */

    div.timeline-wrapper {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow-x:scroll;
        margin:0; padding:0;
        width:auto;
        background-color:#fff;
    }

    div.timeline-wrapper::-webkit-scrollbar {background-color:transparent;}
    div.timeline-wrapper::-webkit-scrollbar-track {background-color:transparent;}
    div.timeline-wrapper::-webkit-scrollbar-thumb {background-color:transparent;}

    div.timeline-scroll-btn {
        display:block;
        position:absolute;
        top:0;bottom:0;
        width:30px;
        height:100%;
        z-index:3;
        cursor:pointer;
        text-align:center;
        outline:0;
    }

    div.timeline-scroll-btn > i {
        display:inline-block;
        position:relative;
        font-size:25pt;
        top:70%;
        color:#a61114;
    }

    div.timeline-scroll-btn i:hover {
        color:#000;
    }

    div.timeline-scroll-left {
        left:5px;
    }

    div.timeline-scroll-right {
        right:10px
    }


    .timeline {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:transparent;
        margin:0; padding:0;
        min-width:2500px;
        height:300px;
        cursor:grab;
    }

    .timeline > div > div.timeline-item {
        float:left;
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        vertical-align:bottom;
        text-align:center;
        margin:1em 0em;
        cursor:pointer;
    }

    .timeline > div > div.timeline-item > div.timeline-image {
        overflow:hidden;
    }

    .timeline > div > div.timeline-item > div.timeline-info {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        max-width:215px;
        padding-left:80px;
        text-align:left;
    }

    .timeline > div > div.timeline-item > div.timeline-info > h4 {
        margin:0;
        padding:.25em 0em;
        color:#a61114;
    }

    .timeline > div > div.timeline-item > div.timeline-info > p {
        text-align:left;
        color:#000;
        font-family:OpenSans-SemiBold;
        font-size:9pt;
        margin:0; padding:.25em 0em;

    }

    .timeline > div > div.timeline-item > div.timeline-image > img {
        width:225px;
        text-align:center;
        vertical-align:middle;
    }



    #hover-image {
        display:none;
        position:relative;
        box-sizing:border-box;
        margin:0; padding:25px;
        max-width:600px;
        height:650px;
        overflow-y:hidden;
    }

    #hover-image .dialog-content p {
        color:#000;
        font-family:OpenSans-SemiBold;
        font-size:10pt;
    }

    #hover-image div.hover-image-container {
        display:block;
        position:relative;
        box-sizing:border-box;
        text-align:center;
        overflow:hidden;
        width:auto;
    }

    #hover-image div.hover-image-container > img {
        margin:0 auto;
        width:auto;
        max-height:400px;
        padding:1em 1em 2em 1em;

    }


    #hover-image .dialog-content div.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin:0 auto;
        width:100%;
    }

    #hover-image .dialog-content div.video iframe {
        width:100%;
        height:400px;
    }

    #hover-image span.dialog-close {
        font-size:14pt;
        color:silver;
        position:absolute;
        top:3px; right:5px;
        cursor:pointer;
    }

    #hover-image span.dialog-close:hover {
        font-size:14pt;
        color:black;
        position:absolute;
        top:3px; right:5px;
        cursor:pointer;
    }


    /*#endregion */

    /*#endregion */

    /*#region MEDIA */

    main .media header {
        position:relative;
        box-sizing:border-box;
    }

    main .media header > h1 {
        display:inline-block;
    }

    main .media section {
        display:block;
        margin-bottom:2em;
    }

    #media-archive {
        float:right;
        display:inline;
        vertical-align:middle;
        text-align:right;
        padding:.25em 0em;
    }

    #media-archive > label {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:0 1em;
    }

    #media-archive > a {
        color:#fff;
        padding:0em .5em;
    }

    main .media #press-releases {
        text-align:justify;
    }

    .press-release {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        vertical-align:top;
        padding:.5em; margin:1em 1em 1em 0em;
        width:300px;
        height:400px;
    }

    .press-release > h4 {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:0; margin:0;

    }

    .press-release .pr-date {
        padding:.5em 0em; margin:0;
        font-size:9pt;
        color:#666;
    }

    .press-release .pr-content {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
    }

    .press-release .pr-content p {
        font-family:OpenSans-SemiBold,sans-serif;
        font-size:10pt;
        color:#000;
        margin:0;
    }

    .press-release .press-image {
        display:none;
    }

    .press-release .pr-complete {
        display:none;
    }

    .press-release .pr-action {
        display:block;
        position:absolute;
        box-sizing:border-box;
        background-color:#fff;
        padding:.25em;
        bottom:0; left:0;
        width:100%;
    }

    .press-release .pr-action a {
        font-size:10pt;
        cursor:pointer;
        color:#0080ff;
    }

    .press-release .pr-action > .pr-expand {
        font-size:10pt;
        cursor:pointer;
        color:#0080ff;
    }

    .press-release .pr-action > a.download-action {
        float:right;
    }

    main .pr-item {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .pr-item > section {
        margin-bottom:2em;
    }

    .pr-item .pr-item-menu a {
        font-family:OpenSans-SemiBold;
        color:#0080ff;
        outline:0;
        font-size:10pt;
        text-decoration:none;
    }

    .pr-item .pr-item-menu a.download-action {
        float:right;
    }

    .pr-item h1 {
        font-family:OpenSans-SemiBold;
    }

    .pr-item .pr-date {
        font-family:OpenSans-Light, sans-serif;
        font-size:10pt;
    }

    .pr-item .pr-content {
        display:flex;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex-flow:row nowrap;
        justify-content:flex-start;
        align-items:stretch;

    }

    .pr-item .pr-content > div:first-of-type {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 auto;
    }

    .pr-item .pr-content > div.press-image {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:0 1 50%;
    }

    .pr-item .pr-content > div p {
        line-height:20pt;
    }

    .pr-item .pr-content > div.press-image > img {
        padding:1em;
        width:100%;
        height:auto;
        vertical-align:baseline;
    }

    .pr-item .pr-content > div > div.press-release-footer {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-top:2em;
        border-top:1px solid silver;
    }

    .pr-item .pr-content div.press-release-footer h4 {
        margin:0;
        padding:.25em 0em;
    }

    .pr-item .pr-content div.press-release-footer p {
        margin:0; padding:0;
        font-size:10pt;
        line-height:16pt;
    }


    /*#endregion */

    /*#region RECYCLING */

    main .recycling section {
        margin-bottom:2em;
    }

    main .recycling > section > h2 {
        border-bottom:1px solid silver;
    }

    main .recycling > section .video-embed {
        display:none;
    }

    /*#endregion */

    /*#region CAREERS */

    main .careers > section {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em;
    }

    main .careers .position {
        padding:2em;
    }

    main .careers .position > h4 {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:0em; margin:0;
    }

    main .careers .position .open-date {
        padding:.25em 0; margin:0;
        font-size:10pt;
        color:#000;
    }

    main .careers .position .position-description {
        line-height:18pt;
        padding:.25em 0; margin:0;
    }

    main .careers .careers-menu {
        display:block;
        box-sizing:border-box;
        position:absolute;
        width:100%;
        bottom:20%; left:0;
        text-align:center;
        padding:1em;
        overflow:hidden;
    }

    main .careers .careers-menu a {
        border:1px solid #fff;
        outline:0;
        color:#fff;
        padding:.5em; margin-left:1em;
        text-decoration:none;
    }

    /*#endregion */

    /*#region DESIGN CENTRE */

    main .dc .dc-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
    }

    main .dc .dc-header > div.page-border {
        width:100%;
        height:10px;
    }

    main .dc .dc-header > div.page-edge {
        display:none;
        position:absolute;
        top:0; right:0;
        /*width:20px;*/
        padding:.25em;
        min-height:100px;
        border:1px solid transparent;
        border-bottom-left-radius:10px;

    }

    main .dc .dc-header > div.page-edge > p {
        display:block;
        writing-mode:vertical-rl;
        text-orientation: mixed;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:12pt;
        padding:1em 0 0 0; margin:0;
        vertical-align:middle;
    }

    main .dc .dc-header > .dc-header-img {
        display:inline-block;
        width:100%;
        height:auto;
        vertical-align:middle;
    }

    main .dc .dc-header > .dc-logo {
        width:100px;
        float:right;
        padding:.5em 1em 0em 1em;
    }

    main .dc .dc-header > h1 {
        font-family:OpenSans-SemiBold;
        padding:.5em 0em .25em 0;
    }

    main .dc .dc-header > p {
        display:block;
        overflow:hidden;
        width:90%;
    }

    main .dc .dc-usa-made {
        display:inline-block;
        float:right;
        width:150px;
    }

    main .dc .why-dc {display:block; overflow:hidden; margin:1em 0em; text-align:center;}
    main .dc .why-dc > div {display:inline-block; vertical-align:top; text-align:center; margin:1.5em; width:150px; }
    main .dc .why-dc > div > img {width:40px; height:40px;}
    main .dc .why-dc > div > h3 {font-size:1em;}
    main .dc .why-dc > div > p {font-size:.8em; width:95%; text-align:center;}

    main .dc .dc-page-nav {display:block; width:90%; margin:0 auto; text-align:center; padding:.5em 0em; background-color:transparent;}
    main .dc .dc-page-nav .image-wrapper {display:block; box-sizing:border-box; margin:0 0 1em 0;}
    main .dc .dc-page-nav .image-wrapper img {display:inline; margin:0 auto; max-width:500px;  }
    main .dc .dc-page-nav div {display:inline-block; vertical-align:top; margin:.25em .25em .25em .25em; text-align:left; width:30%; border-left:1px solid #dcdcde; padding-left:.5em;}
    main .dc .dc-page-nav div > a {display:block; text-decoration:none; outline:0; padding:.5em 0em; color:#000; font-size:.9em;}
    main .dc .dc-page-nav div > a:hover {display:block; text-decoration:none; outline:0; padding:.5em 0em; color:#be2438; font-size:.9em; }

    main .dc .dc-collaboration {
        text-align:center;
        margin-top:2em;
    }

    main .dc .dc-collaboration > .image-wrapper > img {
        max-width:700px;
    }

    main .dc .dc-side-by-side div:first-of-type {
        float:left;
    }

    main .dc .dc-side-by-side div.image-wrapper {
        display:block;
        overflow:hidden;
    }

    main .dc .dc-tissue-colors {
        margin-bottom:3em;
    }

    main .dc .dc-special-options > p {
        margin:0;
    }

    main .dc .dc-special-options > p > i {
        color:#006400;
    }

    main .dc .dc-downloads {
        display:none;
        position:relative;
        box-sizing:border-box;
        padding:.5em 0em;
        text-align:right;
    }

    main .dc .dc-downloads a {
        font-family:OpenSans-SemiBold;
        font-size:10pt;
        outline:0;
        text-decoration:none;
        padding:.25em .5em;
        margin-left:1em;
        border:1px solid transparent;
        border-radius:10px;
    }

    main .dc .dc-downloads a > i {
        font-size:14pt;
    }

    main .dc .dc-downloads a:hover {
        font-family:OpenSans-SemiBold;
        font-size:10pt;
        outline:0;
        text-decoration:none;
        padding:.25em .5em;
        margin-left:1em;
        background-color:#000;
        color:#fff;
        border:1px solid transparent;
        border-radius:10px;
    }

    main .dc .dc-flex-images {
        display:flex; flex-flow:row nowrap;
    }

    main .dc .dc-flex-images > section {
        flex-basis:0 1 auto;
    }

    main .dc .dc-flex-images > section .dc-special-options {
        margin-right:2em;
    }

}

/*#endregion */