@import url("common.css");

@media screen and (max-width: 1023px) {

    * {-webkit-font-smoothing: antialiased;}

    .mobile {display:none!important;}


    /*#region JQUERY WIDGETS  */

    .ui-tooltip {
        font-size:small;
        color:#444;
        font-family:Arial, Helvetica, sans-serif;
    }

    .ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden; font-size:.8em;}

    .ui-menu .ui-menu-item a{
        padding:.5em 0em;
    }

    /*#endregion */


    p > .fa-lightbulb {color:blue;}
    .fa-info-circle {color:#0080ff;}


    html, body {
        display:block;
        position:relative;
        padding:0; margin:0;
        width:100%;
        min-height:100%;
        background-color:#fff;
        background-image:url(../images/white_cardstock.jpg);
        /*background-image:url(../images/2021_halloween_background.png);*/
        background-repeat:repeat;
        background-attachment:fixed;
        background-size:cover;
        font-family:OpenSans-Regular, sans-serif;
        font-weight:normal;
        color:#000;
        font-size:12pt;
    }

    .infobar {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#000;
        color:#fff;
        width:100%;
        min-width:100%;
        max-height:100px;
    }

    .infobar > p {
        color:#fff;
        font-size:10pt;
        vertical-align:middle;
        text-align:left;
        line-height:100%;
        padding:.5em .25em;
    }

    .infobar > p > a {
        color:#fff;
        outline:0;
        vertical-align:middle;
        text-align:left;
        font-size:inherit;
    }

    .infobar i {
        color:#fff;
        float:right;
        padding:.25em;
        cursor:pointer;
    }



    blink, .blink {
        -webkit-animation: blink 1s step-end infinite;
        -moz-animation: blink 1s step-end infinite;
        -o-animation: blink 1s step-end infinite;
        animation: blink 1s step-end infinite;
    }

    @-webkit-keyframes blink {
        67% { opacity: 0 }
    }

    @-moz-keyframes blink {
        67% { opacity: 0 }
    }

    @-o-keyframes blink {
        67% { opacity: 0 }
    }

    @keyframes blink {
        67% { opacity: 0 }
    }







    #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 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 40%;
        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:.25em .5em;*/
        padding:.5em;
        float:right;
        cursor:pointer;
    }

    /*#endregion */

    /*#region Marketing Callout */

    #marketing-callout {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        flex:0 1 12%;
        text-align:center;
        /*border:1px solid red;*/
    }

    #marketing-callout > img {
        width:auto;
        height:100%;
        vertical-align:middle;
        max-width:100px;
    }

    /*#endregion*/

    /*#region Header Actions */

    #header-actions {
        display:block;
        position:relative;
        flex:1 1 25%;
        text-align:center;
    }

    /*#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.acct-samples {
        position:relative;
    }

    .dropdown-container > a > .fa-shopping-cart {
        font-size:19pt;
        vertical-align:middle;
    }

    .dropdown-container > a > span {
        font-size:10pt;
        line-height:20pt;
        vertical-align:middle;
    }

    .dropdown-container > a.acct-samples > span {
        position:absolute;
        top:-3px;
        left:30px;
    }

    .dropdown-container > .acct-button {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
        margin-left:1em;
        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;
    }

    .dropdown-container > .acct-button .fa-caret-down {
        color:#be2438;
        font-size:16pt;
    }

    .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 */

    /*#region Desktop Navigation */

    #desktop-menu-container {
        display:block;
        position:relative;
        box-sizing:border-box;
        text-align:left;
    }

    nav.desktop-menu {
        display:block;
        position:relative;
        box-sizing:border-box;
        width:100%;
        text-align:left;
        padding:.5em .25em .5em .25em;
    }

    nav.desktop-menu > div:first-of-type {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-direction:row;
        flex-wrap: nowrap;
        justify-content:flex-start;
        min-height:40px;
    }

    nav.desktop-menu > div:first-child a {
        display:block;
        text-align:center;
        vertical-align:middle;
        padding:1em;
        text-decoration:none;
        outline:0;
        font-size:11pt;
        font-family:OpenSans-SemiBold, sans-serif;
    }

    /* top menu */
    nav.desktop-menu .desktop-top-menu {
        display:inline-block;
        white-space:nowrap;
        position:relative;
        overflow:visible;
    }

    /* top menu - submenu */
    nav.desktop-menu .desktop-top-menu .desktop-submenu {display:none;  background-color:#fff; opacity:1; z-index:15; text-align:left; padding-top:1em; margin-top:.75em; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
    /*nav.desktop-menu .desktop-top-menu:hover > .desktop-submenu {display:block;  background-color:#fff; opacity:1; z-index:10; text-align:left; padding-top:1em; }*/
    nav.desktop-menu .desktop-top-menu:hover > a {color:#a6111f;}
    nav.desktop-menu .desktop-top-menu .right-submenu {position:absolute; top:28px; left:25px;}
    nav.desktop-menu .desktop-top-menu .left-submenu {position:absolute; top:28px; right:10px;}
    nav.desktop-menu .desktop-top-menu .desktop-submenu > div {display:inline-block; vertical-align:top; text-align:left; padding:.25em 0em; margin:0em 1em;}
    nav.desktop-menu .desktop-top-menu .desktop-submenu div > h2 {display:block; vertical-align:top; text-align:left; font-size:16pt;}
    nav.desktop-menu .desktop-top-menu .desktop-submenu div > a {display:block; position:relative; vertical-align:top; text-align:left; padding:.5em 0em; font-size:10pt; font-weight:normal;}
    nav.desktop-menu .desktop-top-menu .desktop-submenu div > a:hover {background-color: rgba(255,0,0,0.1);}
    nav.desktop-menu .desktop-top-menu .desktop-submenu div > a > img {display:inline-block; position:absolute; top:0; bottom:0; left:-45px; vertical-align:middle; padding:.5em .25em; width:40px; height:auto;}
    nav.desktop-menu .desktop-top-menu .desktop-submenu > div > div {display:inline-block; vertical-align:top; text-align:left; margin-right:1em;}

    /*#endregion */

    /*#region Info Bar */

    #info-bar {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#000;
        text-align:center;
    }

    #info-bar > p {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        font-size:9pt;
        color:#fff;
        text-align:center;
        vertical-align:middle;
        padding:.25em 0; margin:0;
    }

    #info-bar > p > a {
        color:#fff;
        font-size:9pt;
        padding:0; margin:0;
    }

    /*#endregion */

    /*#endregion  */

    /*#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 FOOTER */

    footer {
        display:block;
    }

    footer > div {
        display:block;
        max-width:1280px;
        min-height:100px;
        margin:0 auto;
        text-align:center;
    }

    footer > div > p {
        text-align:center;
    }

    footer > div > img {
        width:100%;
        height:auto;
    }

    footer > .social-media {
        display:block;
        box-sizing:border-box;
        padding-top:.5em;
    }

    footer > .social-media > div {
        display:inline-block;
        box-sizing:border-box;
        min-width:300px;
        margin:0 auto;
        vertical-align:middle;
    }

    footer .social-media a {
        display:inline-block;
        padding:.5em  .5em;

    }

    /*#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 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 .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .imprint-info section {
        margin-bottom:3em;
    }

    main .imprint-info section.about {
        margin:.25em;
    }

    main .imprint-info section > h2 {
        padding:.25em 0em; margin:0;
        border-bottom:1px solid silver;
    }

    main .imprint-info section p {
        font-weight:normal;
        padding:.5em 0em; margin:0;
        line-height:18pt;
    }

    main .imprint-info section > .preview-image {
        display:inline-block;
        width:40%;
        vertical-align:bottom;
    }



    /*#region Variable Data page */

    main .variable-data {
        width:95%;
        margin:0 auto;
        overflow:hidden;
    }

    main .variable-data header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        margin-top:1em;
    }

    main .variable-data header h1 {
        text-align:center;
        font-family:Kenyan-Regular;
        font-size:4em;
    }

    main .variable-data header a.video-callout {
        display:block;
        outline:0;
        text-decoration:none;
        float:left;
        background-color:#a6111f;
        border:1px solid #a6111f;
        border-radius:25px;
        font-family:OpenSans-SemiBold;
        font-size:10pt;
        color:#fff;
        padding:.5em 1em;
        margin-top:2em;
        cursor:pointer;
    }

    main .variable-data header a.video-callout > i {
        padding-right:1em;
        cursor:pointer;
    }

    main .variable-data .variable-1 {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .variable-data .variable-1 > img {
        width:100%;
        height:auto;
    }

    /*#endregion */


    /*#region Brilliance Decoration */

    main .brilliance .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .brilliance section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .brilliance section.about img {
        width:100%;
        height:auto;
    }

    main .brilliance section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .brilliance section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    /*#endregion */

    /*#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.about  {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        background-color:#fff;
    }

    main .colorvista section.about img {
        width:100%;
    }

    main .colorvista section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .colorvista section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
    }

    main .colorvista section.ordering {
        background-color:#fff;
    }

    /*#endregion */

    /*#region Digital Full-Color */

    main .dfc section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        background-color:#fff;
        text-align:center;
    }

    main .dfc section.about img {
        width:100%;
        height:auto;
    }

    main .dfc section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .dfc section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
    }

    main .dfc a.dfc-template {
        display:block;
        text-decoration:none;
        outline:0;
    }

    main .dfc a.dfc-template > img {
        width: auto;
        height: auto;
    }

    /*#endregion */

    /*#region Direct Print */

    main .directprint section.about  {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        background-color:#fff;
        text-align:left;
    }

    main .directprint section.about img {
        width:100%;
    }

    /*#endregion */

    /*#region Dynamic Color */

    main .dynamic-color .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .dynamic-color section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .dynamic-color section.about img {
        width:100%;
        height:auto;
    }

    main .dynamic-color section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .dynamic-color section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    /*#endregion */

    /*#region Flexo */

    main .flexo .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .flexo section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .flexo section.about img {
        width:100%;
        height:auto;
    }

    main .flexo section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .flexo section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    /*#endregion */

    /*#region Hot Stamp */

    main .hotstamp .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .hotstamp section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .hotstamp section.about img {
        width:100%;
        height:auto;
    }

    main .hotstamp section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .hotstamp section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    /*#endregion */

    /*#region Marquee */

    main .marquee .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .marquee section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .marquee section.about img {
        width:100%;
        height:auto;
    }

    main .marquee section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .marquee section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }



    /*#endregion */

    /*#region Screen Print */

    main .screen .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .screen section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .screen section.about img {
        width:100%;
        height:auto;
    }

    main .screen section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .screen section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    /*#endregion */

    /*#region Sparkle Decoration */

    main .sparkle .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .sparkle section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .sparkle section.about > img {
        width:100%;
        height:auto;
    }

    main .sparkle section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .sparkle section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    /*#endregion */

    /*#region Sublimation */

    main .sublimation .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .sublimation section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .sublimation section.about img {
        width:100%;
        height:auto;
    }

    main .sublimation section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .sublimation section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }


    /*#endregion */

    /*#region VistaScan */

    main .vistascan .page-imprint-icon {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .vistascan section.about {
        display:block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
    }

    main .vistascan section.about img {
        width:100%;
        height:auto;
    }

    main .vistascan section.video {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:2em; padding:0;
    }

    main .vistascan section .video-embed {
        display:inline-block;
        position:relative;
        box-sizing:border-box;

    }

    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 > a > p {
        text-align:center;
        font-size:9pt;
        color:#000;
    }

    .flyers .flyers-content > li > a > img {
        width:auto;
        height:130px;
    }

    .flyers .flyers-content > li > 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;
        /*color:#fff;
    background-color:#a61114;*/
        border:1px solid #fff;
        border-radius:30px;

    }

    .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 WEBINARS */

    .webinar-list {
        display:flex;
        flex-flow:row wrap;
        justify-content:flex-start;
        align-items:center;
    }

    .webinar-list > div {
        position:relative;
        flex:0 1 auto;
        width:300px;
        margin:1em;

    }

    .webinar-list > div > .image {
        display:block;
        position:relative;
        overflow:hidden;
        box-sizing:border-box;
        width:100%;
        height:auto;

    }

    .webinar-list > div > .image > img {
        width:100%;

    }

    .webinar-list > div > .description {
        height:100px;
        padding:.25em;
    }


    .webinar-list > div > .description > p {
        padding:.25em 0; margin:0;
    }

    .webinar-list > div > .description > p:nth-child(2) {
        font-size:10pt;
    }


    .webinar-list > div > .buttons {
        display:block;
        position:relative;
        left:0; right:0; bottom:0;
        padding:.25em;
        text-align:right;
    }

    .webinar-list > div > .buttons > .webinar-register-btn {
        display:inline-block;
        text-decoration:none;
        padding:.5em 1em;
        background-color:#a61114;
        color:#fff;
        border:0;
        outline:0;
        font-size:12pt;
        cursor:pointer;
    }

    .webinars-home > .why-join {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:.5em;
        margin-top:2em;
    }


    .webinars-home > .why-join > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:.5em;
        border-top:1px solid silver;
    }

    .web-registration .back-nav {
        padding:1em .5em;
    }

    .web-registration .reg-form-container {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row nowrap;
        justify-content:center;
        align-items:stretch;
        width:100%;
        height:100%;
        margin-bottom:3em;
    }

    .web-registration .reg-form-container h2 {
        font-family:OpenSans-SemiBold;
        font-size:12pt;
        margin:0; padding:0em 0em .5em 0em;
    }

    .web-registration .reg-form-container p {
        padding:0; margin:0;
    }

    .web-registration .reg-form-container > div {
        align-content:flex-start;
        border:1px solid silver;
    }

    .web-registration .reg-form-container form {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:1em;
        margin:1em;
    }

    .web-registration .reg-form-container form > .ctrlbox {
        margin:0em 0em 2em 0em;
    }

    .web-registration .reg-form-container form > .ctrlbox > fieldset {
        padding:.15em; margin:1em 0em;
        border:1px solid #ddd;
    }

    .web-registration .reg-form-container form > .ctrlbox > fieldset > legend {
        font-size:10pt;
        color:#444;
        font-weight:bold;
    }

    .web-registration .reg-form-container form > .ctrlbox > fieldset > input {
        width:98%;
        border:0;
        outline:0;
    }

    .web-registration .reg-form-container form > section.sticky-controls {
        display:block;
        box-sizing:border-box;
        margin-top:3em;
    }

    .web-registration .reg-form-container form > section.sticky-controls #SubmitRegRequest {
        margin:1.5em 0em;
        font-size:12pt;
    }


    .web-registration .reg-form-container > div.webinar-img {
        max-width:400px;
    }

    .web-registration .reg-form-container > div.webinar-img > img {
        display:inline-block;
        width:100%;
    }

    .web-registration .reg-form-container > div.webinar-img > div {
        padding:1em;
    }

    .webinar-slot-confirmation-widget  {
        display:block;
        position:relative;
        overflow:hidden;
        text-align:left;
        padding:.5em;
    }



    /*#region Custom Radio Buttons */

    /* Customize the label (the container) */
    .web-registration .reg-form-container form > .ctrlbox .radio-container {
        display: block;
        position: relative;
        padding-left: 25px;
        padding-bottom:.5em;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 10pt;
        font-weight:bold;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* Hide the browser's default radio button */
    .web-registration .reg-form-container form > .ctrlbox .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom radio button */
    .web-registration .reg-form-container form > .ctrlbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 17px;
        width: 17px;
        background-color: #eee;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .web-registration .reg-form-container form > .ctrlbox .radio-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .web-registration .reg-form-container form > .ctrlbox .radio-container input:checked ~ .checkmark {
        background-color: #183B61;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .web-registration .reg-form-container form > .ctrlbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .web-registration .reg-form-container form > .ctrlbox .radio-container input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .web-registration .reg-form-container form > .ctrlbox .radio-container .checkmark:after {
        top: 6px;
        left: 6px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: white;
    }

    /*#endregion */

    /*#endregion*/

    /*#region ABOUT */

    main .about section {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:3em;
    }

    main .safety > header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:0;
        margin-bottom:2em;
    }

    main .safety > header > img {
        width:auto;
        height:60px;
        vertical-align:bottom;
        float:left; padding-right:.5em;
    }

    main .safety > header > h1 {
        font-family:OpenSans-Bold;
        font-size:24pt;
        line-height:60pt;
        vertical-align:bottom;
    }

    main .safety section {
        display:block;
        position:relative;
        box-sizing:border-box;
        margin-bottom:3em;
    }

    main .safety section > h1 {
        padding:0; margin:0;
    }

    main .safety section > p {
        padding:.25em 0em 1em 0em; margin:0;
    }

    main .safety section .image-text-list h3 {
        font-size:14pt!important;
        color:#0060AF;
    }


    /*#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 p {
        line-height:20pt;
    }

    .pr-item .pr-content > div > img.pr-image {
        float:left;
        padding:1em;
        max-width:200px;
        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 .fda-list {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row nowrap;
        justify-content:flex-start;
        align-items:stretch;
    }

    main .recycling .fda-list > div {
        display:block;
        flex:0 0 auto;
    }

    /*#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:inline-block;
        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:block;
        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 */

    /*#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 {
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        /*max-width:220px;
        height: 96px;*/
        line-height: 32px;
    }

    main .search-results-container > div.search-content > div.format-tile .product-info > h2.title1,
    main .search-results-container > div.search-content > div.format-tile .product-info > p.size1 {
        max-width: 276px;
    }

    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 {
        max-width:150px;
        height: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;
        background-color:#fff;
    }

    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;
        -moz-opacity: .8;
        opacity: .8;
    }

    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;
        -moz-opacity: 1;
        opacity: 1;
    }

    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;
    }

    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;
    }

    #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:block;
        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:75px;
    }

    #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 {
        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-videos {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        padding:1em 0em;
        border-top:1px solid silver;
    }

    #product-page-container .product-videos > .product-video-container {
        display:inline-block;
        position:relative;
        padding:.25em;
        border:1px solid #fff;
    }

    #product-page-container .product-videos > .product-video-container label {
        display:none;
    }

    #product-page-container .product-videos > .product-video-container:hover label {
        display:inline-block;
        position:absolute;
        top:0; right:-10px;
        background-color:#fff;
        padding:.25em;
        font-size:9pt;
        border:1px solid #000;
        z-index:1;
    }

    #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;
        vertical-align:top;
    }

    #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 CATALOG ORDER FORM */

    .catalog-orders .page-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
        padding-right:15px;
    }

    .catalog-orders .page-header > div.page-border {
        width:100%;
        height:10px;
    }

    .catalog-orders .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;

    }

    .catalog-orders .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;
    }

    .catalog-orders #frmOrderCatalog {
        display:block;
        position:relative;
        box-sizing:border-box;
        padding:2em .5em;
        background-color:#fff;
        color:#000;
    }

    .catalog-orders #frmOrderCatalog > .flex-container {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row nowrap;
        justify-content:space-around;
        align-content:center;
        min-width:300px;
        max-width:1024px;
        margin:0 auto;
    }

    .catalog-orders #frmOrderCatalog > .flex-container > div {
        display:block;
        flex:0 1 48%;
        /*border:1px solid #fff;*/
    }

    .catalog-orders #frmOrderCatalog .form-ctrl {
        text-align:left;
        padding:.5em 0em;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl:last-of-type {
        text-align:center;
        padding:.5em 0em;
        margin:1em 0em;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl button[type=submit] {
        display:inline-block;
        font-size:12pt;
        width:45%;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl label {
        display:inline-block;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        width:150px;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl label span {
        color:#a61114;
        font-weight:bold;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl input[type=text] {
        padding:.25em;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl textarea {
        width:50%;
        height:50px;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .select-wrapper {
        display:inline-block;
        width:150px;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .select-wrapper #AccountType {
        display:inline-block;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        padding:.25em 0;
        margin:0;
        border:0;
        width:100px;
        cursor:pointer;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl #AccountType > option {
        display:inline-block;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        width:150px;
        padding:.25em 0em;
        margin:0;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .ship-methods {
        padding-top:1em;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .ship-methods > label {
        display:inline-block;
        padding:.25em;
        margin:0;
        border:1px solid #0080ff;
        cursor:pointer;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .ship-methods > .selected-ship-method {
        display:inline-block;
        padding:.25em;
        background-color:#0080ff;
        color:#fff;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .shipper-info {
        display:none;
        position:relative;
        padding:1em 0em;
    }

    .catalog-orders #frmOrderCatalog .form-ctrl .shipper-info p {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:1em 0em .25em 0em;
        margin:0;
        font-size:10pt;
    }


    .catalog-orders #frmOrderCatalog .catalog-order-table {
        table-layout:auto;
        border-collapse:collapse;
        margin-bottom:1em;
    }

    .catalog-orders #frmOrderCatalog .catalog-order-table thead th {
        padding:.5em;
        text-align:left;
    }

    .catalog-orders #frmOrderCatalog .catalog-order-table tbody td {
        padding:.5em;
    }

    .catalog-orders #frmOrderCatalog .catalog-order-table label {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
    }

    .catalog-orders #frmOrderCatalog .catalog-order-table label > input[type=checkbox] {
        vertical-align:middle;
    }



    /*#endregion */

    /*#region NEW PRODUCT KIT */

    .new-product-kit .page-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;
    }

    .new-product-kit .page-header > div.page-border {
        width:100%;
        height:10px;
    }

    .new-product-kit .page-header > div.page-edge {
        display:inline-block;
        position:absolute;
        top:0; right:0;
        width:20px;
        padding:.25em;
        min-height:150px;
        z-index:2;
        border:1px solid transparent;
        border-bottom-left-radius:10px;

    }

    .new-product-kit .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;
    }

    .new-product-kit .page-header > p {
        margin-right:40px;
    }

    .new-product-kit > div:last-of-type {
        width:96%;
    }

    .new-product-kit .flex-container {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row nowrap;
        justify-content:flex-start;
        width:100%;
        padding-right:15px;
    }

    .new-product-kit .flex-container > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        flex:0 1 48%;
        text-align:center;
    }

    .new-product-kit .flex-container > div:first-child {
        display:block;
        position:relative;
        box-sizing:border-box;
        flex:1 1 auto;
        text-align:left;
        margin-right:.25em;
    }


    .new-product-kit .flex-container > div > img {
        width:100%;
        margin:auto 0;
    }

    .new-product-kit #frmNewProductKit {
        display:inline-block;
        position:relative;
        box-sizing:border-box;
        background-color:#fff;
        color:#000;
        text-align:left;
    }

    .new-product-kit #frmNewProductKit > h2 {
        border-bottom:1px solid silver;
    }

    .new-product-kit #frmNewProductKit > h2:not(:first-of-type) {
        margin:2em 0 0 0;
    }

    .new-product-kit #frmNewProductKit > p {
        display:inline-block;
        position:absolute;
        top:0; right:0;
        padding:.25em;
        text-align:left;
        font-size:smaller;
    }

    .new-product-kit #frmNewProductKit .form-ctrl {
        display:block;
        position:relative;
        box-sizing:border-box;
        text-align:left;
        padding:.5em 0em;
        clear:both;
    }

    .new-product-kit #frmNewProductKit .form-ctrl label {
        display:inline-block;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        width:130px;
    }

    .new-product-kit #frmNewProductKit .form-ctrl label span {
        color:#a61114;
        font-weight:bold;
    }

    .new-product-kit #frmNewProductKit .form-ctrl input[type=text] {
        padding:.25em;
    }

    .new-product-kit #frmNewProductKit .form-ctrl textarea {
        width:50%;
        height:50px;
    }

    .new-product-kit #frmNewProductKit .form-ctrl > .select-wrapper {
        display:inline-block;
        position:relative;
        width:130px;
    }

    .new-product-kit #frmNewProductKit .form-ctrl > .select-wrapper >  #AccountType {
        display:inline-block;
        position:relative;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        padding:.25em 0;
        margin:0;
        border:0;
        width:100px;
        cursor:pointer;
        background-color:transparent;
    }

    .new-product-kit #frmNewProductKit .form-ctrl #AccountType > option {
        display:inline-block;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:11pt;
        width:130px;
        padding:.25em 0em;
        margin:0;
    }

    .new-product-kit #frmNewProductKit .form-ctrl .ship-methods {
        padding-top:1em;
    }

    .new-product-kit #frmNewProductKit .form-ctrl .ship-methods > label {
        display:inline-block;
        padding:.25em;
        margin:0 0 .25em 0;
        border:1px solid #0080ff;
        cursor:pointer;
        width:100px;
    }

    .new-product-kit #frmNewProductKit .form-ctrl .ship-methods > .selected-ship-method {
        display:inline-block;
        padding:.25em;
        background-color:#0080ff;
        color:#fff;
    }

    .new-product-kit #frmNewProductKit .form-ctrl .shipper-info {
        display:none;
        position:relative;
        padding:1em 0em;
    }

    .new-product-kit #frmNewProductKit .form-ctrl .shipper-info p {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:1em 0em .25em 0em;
        margin:0;
        font-size:10pt;
    }

    .new-product-kit #frmNewProductKit .recaptcha {
        display:block;
        position:relative;
        box-sizing:border-box;
        text-align:center;
    }

    .new-product-kit #frmNewProductKit .recaptcha .g-recaptcha {
        display:inline-block;
    }

    .new-product-kit #frmNewProductKit .form-ctrl:last-of-type {
        text-align:center;
        padding:.5em 0em;
        margin:1em 0em;
    }

    .new-product-kit #frmNewProductKit .form-ctrl button[type=submit] {
        display:inline-block;
        font-size:12pt;
        width:50%;
    }

    /*#endregion */

    /*#region THANK YOU */

    main .thank-you {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .thank-you > div.flex {
        display:flex;
        position:relative;
        box-sizing:border-box;
        flex-flow:row nowrap;
        justify-content:center;
        align-items:stretch;
    }

    main .thank-you > div.flex > div {
        display:block;
        position:relative;
        box-sizing:border-box;
    }

    main .thank-you > div.flex > div > img {
        margin: 0 auto;
        width:100%;
        height:auto;
    }

    main .thank-you > div.flex > div:first-of-type {
        flex:0 1 45%;
        align-self:center;
    }

    main .thank-you > div.flex > div:last-of-type {
        flex:1 1 auto;
        align-self:center;
    }

    main .thank-you > div.flex > div > div.message-container  {
        display:block;
        position: relative;
        box-sizing:border-box;
        padding:.5em; margin:.5em;
    }

    main .thank-you > div.flex > div > div.message-container .message-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        text-align:center;
    }

    main .thank-you > div.flex > div > div.message-container .message-content {
        display:block;
        position:relative;
        box-sizing:border-box;
        text-align:left;
        width:80%;
        margin:0 auto;
    }

    main .thank-you > div.flex > div > div.message-container .message-content > p {
        text-align:justify;
    }

    main .thank-you > div.flex > div > div.message-container .message-content > .contact-info {
        text-align:center;
    }

    /*#endregion */

    /*#region PORTAL */

    .portal-wrapper {
        display:flex;
        flex-flow:row nowrap;
        justify-content:flex-start;
        align-items:stretch;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        width:98%;
    }


    /*#region Portal Menu */

    #portal-menu {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:0 0 150px;
        background-color:#000;
        width:150px;
        min-height:600px;
        margin-right:1em;
    }

    #portal-menu > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        border:1px solid transparent;
        background-color:#000;
    }

    #portal-menu > div.active {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        background-color:#fff;
        border:1px solid #fff;

    }

    #portal-menu > div.active a {
        display:block;
        position:relative;
        box-sizing:border-box;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        outline:0;
        color:#000;
        text-decoration:none;
    }

    #portal-menu > div.active a:hover {
        display:block;
        position:relative;
        box-sizing:border-box;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        outline:0;
        background-color:#666;
        color:#fff;
        text-decoration:none;
    }

    #portal-menu a {
        display:block;
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        outline:0;
        color:#fff;
        text-decoration:none;
        padding:1em .25em;
    }

    #portal-menu a:hover {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:10pt;
        outline:0;
        background-color:#666;
        color:#fff;
        text-decoration:none;
        padding:1em .5em;
    }

    #portal-menu a > i {
        padding-right:.25em;
    }

    #portal-menu > div.portal-submenu > a {
        display:block;
        padding:.5em .25em .5em 2em;
    }


    /*#endregion */

    /*#region Portal Content */

    #portal-content {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        flex:1 1 auto;
        margin-right:30px;
    }

    #portal-content > div, #portal-content > form > div {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        margin-bottom:2em;
    }

    #portal-content p {
        font-family:OpenSans-Regular, sans-serif;
        font-size:11pt;
        margin:0;
        padding:.5em 0em;
    }

    #portal-content label {
        display:block;
        font-family:OpenSans-SemiBold, sans-serif;
    }

    #portal-content input[type=text] {
        outline:0;
        padding:.25em;
        width:150px;
        border:1px solid silver;
        border-radius:3px;
    }


    /*#endregion */

    /*#region Table Data */

    .dataTables_wrapper {display:block; overflow:hidden; box-sizing:border-box; width:100%; padding-top:.5em; background-color:#fff;}
    .dataTables_length {display:inline-block; float:left; margin-bottom:.5em;}
    .dataTables_filter {display:inline-block; margin-bottom:.5em; float:right; }
    .dataTables_filter input[type=search]{border:1px solid silver; border-radius:5px; padding:.25em; margin-left:.25em;}

    .mytable {border-collapse:collapse; box-sizing:border-box; width:100%;}
    .mytable caption {text-align:left; padding:1em 0em;}
    .mytable thead, tbody {font-size:.9em;}
    .mytable thead tr {background-color:#000; color:#fff; box-sizing:border-box;}
    .mytable thead tr th {cursor:pointer; background-size:100% 100%; padding:.5em; text-align:left; min-width:50px; font-family:OpenSans-SemiBold, sans-serif;}
    .mytable tbody tr {margin:.25em 0em;}
    .mytable tbody tr td {font-family:OpenSans-SemiBold, sans-serif; padding:.5em; text-align:left;}
    .mytable tbody td a {font-family:OpenSans-SemiBold, sans-serif; text-decoration:none; color:#be2438;}
    .mytable .right-justify {display:block; width:75px; text-align:right;}

    .dataTables_info {margin:1em 0em; padding:0em .25em; font-family:OpenSans-Light; font-size:10pt; font-style:italic;}
    .dataTables_paginate {font-family:OpenSans-SemiBold, sans-serif; background-color:#000; color:#fff; padding:.5em; font-size:.9em;}
    .dataTables_paginate span a {font-family:OpenSans-SemiBold, sans-serif; color:#fff; padding:.5em; cursor:pointer; }
    .dataTables_paginate span a.current {text-decoration:underline; color:#fff;}
    .dataTables_paginate a.disabled {color:silver; text-decoration:none;}
    .dataTables_paginate .paginate_button {color:#fff;}

    .sorting_asc::after  {content:"\25B2"; font-size: smaller;}
    .sorting_desc::after {content:"\25BC"; font-size: smaller;}

    /*#endregion */

    #portal-content .correct-msg {
        margin:3px 0;
        background: url("../images/i_msg-success.gif") no-repeat scroll 8px 7px transparent;
        color: green;
        font-size: smaller;
        padding: 5px 30px;
        line-height: 22px;
    }

    #portal-content .error-msg {
        margin:3px 0;
        background: url("../images/i_msg-error.gif") no-repeat scroll 8px 7px transparent;
        color: red;
        font-size: smaller;
        padding: 5px 30px;
        line-height: 22px;
    }

    #portal-content .validation-error {
        padding:0em .5em;
        font-size:smaller;
        white-space:nowrap;
    }

    #portal-content .validation-error::before {
        content:"⛔";
        padding-right:.25em;
    }

    #portal-content .form-actions {
        margin-top:1em;
        padding:1em .25em;
        overflow:hidden;
    }

    #portal-content .form-actions > button {
        padding:.5em;
        border:1px solid transparent;
        border-radius:5px;
        cursor:pointer;
        margin:0 1em;
    }

    #portal-content .form-actions > button:first-child {
        margin: 0;
    }

    main .portal-profile {
        padding:0; margin:0 0 3em;
    }

    .portal-profile > .page-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:visible;

    }

    .portal-profile > .page-header > .page-border {
        width:100%;
        height:10px;
        background-color:#a61114;
    }

    .portal-profile > .page-header > .page-edge {
        display:inline-block;
        position:absolute;
        top:0; right:0px;
        width:20px;
        z-index:2;
        padding:.25em;
        min-height:100px;
        background-color:#a61114;
        border:1px solid transparent;
        border-bottom-left-radius:10px;
    }

    .portal-profile > .page-header > .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;
        color:#fff;
    }


    /*#region Profile Page */

    #portal-content > .profile-header {
        display:block;
        position:relative;
        box-sizing:border-box;
        overflow:hidden;
        background-color:#fff;
        color:#000;
        text-align:left;
        padding:1em;
        margin-right:1em;
        border-bottom:1px solid silver;
    }

    #portal-content > .profile-header > i {
        color:#000;
        font-size:50pt;
        vertical-align:top;
        margin-right:.25em;
    }

    #portal-content > .profile-header > div {
        display:inline-block;
        vertical-align:top;
    }

    #portal-content > .profile-header > div > h4 {
        font-family:OpenSans-SemiBold, sans-serif;
        padding:0; margin:0;
    }

    #portal-content > .profile-header > div > p {
        padding:0; margin:0;
        font-family:OpenSans-Regular, sans-serif;
        font-size:10pt;
        color:#000;
    }

    #portal-content .quick-track-wrapper {
        display: block;
    }

    #portal-content .quick-track-response {
        margin: 1em 0em;
        padding:.25em;
        background-color: #f6f6f6;
    }

    #portal-content .quick-track-response > div {
        display: inline-block;
        margin-right: 1em;
        vertical-align: top;
    }

    #portal-content .quick-track-response p {
        font-family:OpenSans-SemiBold;
        font-size: 10pt;
    }

    #portal-content .quick-track-response .track-rec {
        padding: .5em 0em;
        font-size: .9em;
    }

    #portal-content #quick-track {
        padding: .5em;
        border: 1px solid #dbdbdb;
        border-radius: 5px;
        max-width: 200px;
    }

    #portal-content #quick-track-btn {
        padding: .5em;
        margin-right: 1em;
        background-color: green;
        color: #fff;
        border: 1px solid transparent;
        border-radius: 5px;
        max-width: 200px;
        cursor: pointer;
    }

    #portal-content #quick-track-clear-btn {
        display: none;
        padding: .5em;
        margin-right: 1em;
        background-color: silver;
        color: #000;
        border: 1px solid silver;
        border-radius: 5px;
        max-width: 200px;
        cursor: pointer;
    }

    #portal-content .tracking-close {
        color: #000;
        cursor: pointer;
        font-weight: bold;
        font-size: 1em;
        float: right;
    }

    /*#endregion */

    /*#region Company */

    #add-company .whatsthis {
        padding:.5em 0em;
        font-style:italic;
    }

    #add-company-form input {
        padding:.25em;
        border:1px solid #dbdbdb;
        border-radius:5px;
    }

    #add-company-form .save-btn {
        padding:.25em;
        margin:.25em .5em;
        cursor:pointer;
    }

    #add-company-form .user-checkmark {
        display:none;
        color:green;
    }

    #company-list {display:block; box-sizing:border-box; overflow:hidden; background-color:#f8f8f8; padding:0em .5em;}
    #company-list > .company-controls {display:block; width:100%; padding:.25em; overflow:hidden; box-sizing:border-box; border-bottom:1px solid silver;}
    #company-list > .company-controls > button {display:inline-block; float:right; text-decoration:none; outline:0;padding:.25em .5em; margin:0em .5em; border:1px solid transparent; cursor:pointer; border-radius:10px; font-family:OpenSans-SemiBold, Arial, sans-serif;}
    #company-list > .company-controls > .company-edit { background-color:#a6111f; color:#fff; }
    #company-list > .company-controls > .close-edit {display:none; background-color:#808080; color:#fff;}
    #company-list .company-rec {overflow:hidden; cursor:pointer; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; box-sizing:border-box; margin-bottom:1em;}
    #company-list .company-rec > div:first-child {display:block; flex-basis:1 1 20%; background-color:#f8f8f8; padding:.5em; margin:0 .5em; overflow:hidden;}
    #company-list .company-rec > div:first-child.hidden {display:none;}
    #company-list .company-rec > div:first-child > a {display:inline-block; margin:auto 0; color:#a6111f; font-size:1.5em;}
    #company-list .company-rec > div.company-info h3 {color:#000; font-family:OpenSans-SemiBold, Arial, sans-serif; padding:0; margin:0;}
    #company-list .company-rec > div.company-info p {padding:0;margin:0;font-size:10pt;}

    /*#endregion */

    /*#region  Quotes, Orders, Invoices */

    .company-header {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:space-between;
        margin:1em .5em 1em 0em;
    }

    .company-header > div {
        flex-basis:1 1 40%;
    }

    .company-select-wrapper {
        overflow:hidden;
        text-align:left;
    }

    .company-select-wrapper label {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:12pt;
    }

    .filter-menu {
        display:flex;
        box-sizing:border-box;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:space-between;
        align-items:stretch;
        margin-bottom:1em;
    }

    .filter-menu > div {
        display:block;
        overflow:hidden;
        flex-basis:49%;
    }

    .filter-menu > div > .date-filter {
        display:block;
        width:222px;
        height:50px;
        background-color:#d1d1d1;
        box-sizing:border-box;
        overflow:hidden;
        border:1px solid transparent;
        border-radius:15px;
    }

    .filter-menu > div > .date-filter > button {
        width:55px;
        padding:.5em .5em;
        border:1px solid transparent;
        background-color:#d1d1d1;
        margin:0;
        font-size:9pt;
        font-family:OpenSans-SemiBold, sans-serif;
        color:#000;
        text-align:center;
        float:left;
        cursor:pointer;
        vertical-align:middle;
    }

    .filter-menu > div > .date-filter > .active-filter {
        background-color:#a6111f;
        color:#fff;
    }

    .filter-menu > .table-search {
        display:block;
        overflow:hidden;
        position:relative;
        box-sizing:border-box;
        text-align:left;
    }

    .filter-menu > .table-search > div {
        display:block;
        vertical-align:middle;
        box-sizing:border-box;
        vertical-align:bottom;
        text-align:left;
        line-height:50px;
    }

    .filter-menu > .table-search input[type=search]{
        display:inline-block;
        box-sizing:border-box;
        padding:.25em;
        outline:0;
        width:185px;
    }

    .filter-menu > .table-search button {
        display:inline-block;
        width:30px;
        overflow:hidden;
        border:1px solid transparent;
        border-radius:6px;
        padding:.25em;
        margin:0 .25em;
        vertical-align:middle;
        outline:0;
        cursor:pointer;
    }

    .filter-menu > .table-search button > i {
        color:#fff;
        font-size:12pt;
    }

    /*#endregion */

    /*#region Address Book */

    #address-book-wrapper {margin:1em 0em; /*border-bottom:1px solid silver;*/}

    #address-book-wrapper .contact-star {color:silver;}
    #address-book-wrapper .starred {color:#eead0e;}

    #address-book-wrapper .action-box {display:block; background-color:silver; padding:.25em; overflow:hidden;}
    #address-book-wrapper .action-box > div:first-child {float:left;}
    #address-book-wrapper .action-box > div:nth-child(2) {float:right;}
    #address-book-wrapper .action-box input[type=text] {border:1px solid transparent; border-radius:5px; padding:.25em; outline:0;}
    #address-book-wrapper .action-box span {display:inline-block; vertical-align:middle; margin-left:.5em;}
    #address-book-wrapper .action-box > div.add-action {float: right;}
    #address-book-wrapper .action-box a {border:1px solid transparent; border-radius:5px; background-color:transparent; cursor:pointer; padding:.15em; outline:0; text-decoration: none; display: inline-block;}
    #address-book-wrapper .action-box a:hover {background-color:#dadada;}
    #address-book-wrapper .action-box a img {vertical-align:middle; max-height:25px; padding:0em .25em;}
    #address-book-wrapper .action-box button {border:1px solid transparent; border-radius:5px; background-color:transparent; cursor:pointer; padding:.15em; outline:0;}
    #address-book-wrapper .action-box button:hover {background-color:#dadada;}
    #address-book-wrapper .action-box button img {vertical-align:middle; max-height:25px; padding:0em .25em;}
    #address-book-wrapper .action-box #remove-contact-filter-btn {display:none;}
    #address-book-wrapper .action-box #fav-contact-filter-btn {background-color:silver; padding:.25em; color:#fff; font-size:1em; vertical-align:middle; }
    #address-book-wrapper .action-box #fav-contact-filter-btn:hover {background-color:#dadada; padding:.25em; color:#fff; font-size:1em; vertical-align:middle; }
    #address-book-wrapper .action-box #fav-contact-filter-btn.star-filtered {background-color:#999; color:#daa520; font-size:1em; vertical-align:middle;}
    #address-book-wrapper .action-box #fav-contact-filter-btn.star-filtered:hover {background-color:#dadada; color:#daa520; font-size:1em; vertical-align:middle;}

    #address-book-wrapper .contact-card {display:flex; flex-wrap:nowrap; justify-content:space-between; border-top:1px solid silver; margin:1em 0em;}
    #address-book-wrapper .contact-card h3 {color:#be2438; font-weight:normal; padding-bottom:.25em; margin:0;}
    #address-book-wrapper .contact-card h4 {color:#000; font-weight:bold; padding-bottom:.25em; margin:0; }
    #address-book-wrapper .contact-card p {font-size:10pt; color:#000; padding:.25em 0em; margin:0;}
    #address-book-wrapper .contact-card > section {display:inline-block; vertical-align:top; padding:.5em;}
    #address-book-wrapper .contact-card > section.usage-info p {padding-bottom:.5em;}
    #address-book-wrapper .contact-card > section.usage-info p > span {max-height:25px; vertical-align:top; cursor:pointer; padding:0em .25em 0em 0em; margin-right:.5em;}
    #address-book-wrapper .contact-card > section.usage-info p img {max-height:25px;}
    #address-book-wrapper .contact-card > section.usage-info p a.map-pin {font-size:inherit; color:#be2438; text-decoration:none!important; outline:0;}
    #address-book-wrapper .contact-card > section.usage-info .contact-star {font-size:14pt; max-height:25px; vertical-align:top; cursor:pointer; padding:0em .25em 0em 0em; margin-right:.5em; }
    #address-book-wrapper .contact-card > section.usage-info .starred {color:#eead0e;}
    #address-book-wrapper .contact-card > section.usage-info .ajax-response {display:inline-block; vertical-align:bottom; font-size:smaller;}

    /* action form */
    #address-book-wrapper #contact-form {display:none; margin-top:1em; font-size:11pt; box-sizing:border-box;}
    #address-book-wrapper #contact-form form {text-align:left;}
    #address-book-wrapper #contact-form .user-data {margin:.25em;}
    #address-book-wrapper #contact-form .user-data > span {padding:0em .5em; font-size:smaller; white-space:nowrap;}
    #address-book-wrapper #contact-form .user-data .contact-star {font-size:14pt;}
    #address-book-wrapper #contact-form .form-actions {margin-top:1em;padding:1em .25em; overflow:hidden; /*background-color:#dbdbdb;*/}
    #address-book-wrapper #contact-form hr {margin:1em 0em; opacity:.2;}
    #address-book-wrapper #contact-form label {display:inline-block; width:120px; color:#be2438; overflow:hidden;}
    #address-book-wrapper #contact-form label > span {float:right;}
    #address-book-wrapper #contact-form input[type=text] {border:1px solid silver; border-radius:5px;padding:.25em; width:140px;}
    #address-book-wrapper #contact-form select {border:1px solid silver; border-radius:5px;padding:.25em; min-width:150px; font-size:.9em;}
    /*#address-book-wrapper #contact-form button {padding:.5em; border:1px solid transparent; border-radius:5px; cursor:pointer; float:right; margin:0 1em;}
    #address-book-wrapper #contact-form button:first-child {float:left; margin:0em 0em 0em .25em;}*/

    #address-book-wrapper #contact-delete-confirm {display:none;}

    /* popup */
    #addr-book-select .bmi-contact {border-bottom:1px solid silver; margin-bottom:.5em;}
    #addr-book-select .bmi-contact:hover {background-color:#f1efe6; cursor:pointer;}
    #addr-book-select .bmi-contact .select-contact {background-color:#f1efe6;}



    /*#endregion */

    /*#region Sample Cart */

    .sample-cart-add {
        padding:0; margin:0;
    }

    .sample-cart-add > form {
        padding:0; margin:0;
    }

    .sample-cart-add > form > input[type=text] {
        padding:.25em;
        outline:0;
        width:200px;
        border:1px solid silver;
        border-radius:5px;
        vertical-align:bottom;
    }

    .sample-cart-add > form > button {
        padding:.35em;
        background-color:green;
        color:#fff;
        border:1px solid transparent;
        border-radius:5px;
        cursor:pointer;
    }

    .sample-cart > table {
        width:100%;
        table-layout: auto;
        border-collapse: collapse;
        border:1px solid gray;
    }

    .sample-cart > table > caption {
        text-align:left;
        font-style: italic;
        color:#be2438;
        padding:.25em 0em;
    }

    .sample-cart > table > thead {
        background-color:#666;
    }

    .sample-cart > table thead th {
        text-align:left;
        padding:.5em 0em;
        color:#fff;
    }

    .sample-cart > table thead th:nth-child(4){
        text-align:center;
        vertical-align:middle;
    }

    .sample-cart > table tbody td {
        font-size:10pt;
        text-align:left;
        padding:.25em .25em;
    }

    .sample-cart > table tbody td:nth-child(4){
        text-align:center;
        vertical-align:middle;
    }

    .sample-cart > table tbody td:nth-child(4) > input {
        text-align:center;
        width:30px;
        border:1px solid transparent;
    }

    .sample-cart > table tbody td span.remove-sample {
        display:inline-block;
        padding:0em .5em;
        font-size:14pt;
        color:#be2438;
        cursor:pointer;
        float:right;
    }

    .sample-cart > table tbody td span.increment-sample {
        font-size:14pt;
        color:#009900;
        cursor:pointer;
    }

    .sample-cart > table tbody td span.order-view,
    .sample-cart > table tbody td span.order-pay,
    .sample-cart > table tbody td span.order-receipt,
    .sample-cart > table tbody td span.order-shipping,
    .sample-cart > table tbody td span.order-cancel {
        display:inline-block;
        font-size:14pt;
        color:#009900;
        cursor:pointer;
    }

    .sample-cart > table tbody td span.order-cancel {
        color:#be2438;
    }

    .sample-cart-next {
        margin:2em 0em;
    }

    .sample-cart-next > a, .sample-cart-next > a:hover {
        background-color:#172F53;
        text-decoration:none;
        color:#fff;
        outline:0;
        padding:.5em;
        border:1px solid transparent;
        border-radius:5px;
    }

    .sample-cart-next > a.disabled {
        background-color:silver;
        text-decoration:none;
        color:#888;
        outline:0;
        padding:.5em;
        border:1px solid transparent;
        border-radius:5px;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */

    }

    /*#endregion */

    /*#region Sample Form */

    #sample-form .field-validation-error {
        display:block;
        color:red;
        font-size:.9em;
        padding:.25em 0em;
    }

    #sample-form .field-validation-error::before {
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        padding-right: 5px;
        vertical-align:baseline;
        font-weight: 900;
        content:"\f071";

    }

    #sample-form .block-label {
        display:block;
        position:relative;
        box-sizing:border-box;
        width:100%;
    }

    #sample-form textarea {
        display:block;
        position:relative;
        resize:none;
        outline:0;
        border:1px solid transparent;
        border-radius:5px;
        width:95%;
        padding:.25em;
    }

    /* validation */
    #sample-form {
        box-sizing:border-box;
        overflow:hidden;
    }

    #sample-form .control-wrapper {
        display:inline-block;
        position:relative;
        margin:0;padding:0;
        border:1px solid #dbdbdb;
        border-radius:5px;
    }

    #sample-form .control-wrapper > span.val-icon {
        display:none;
    }

    #sample-form .ok-border {
        border:1px solid #009900;
        border-radius:5px;
    }

    #sample-form .ok-border > span.ok-icon {
        display:inline-block;
        font-size:.8em;
        color:#009900;
        padding:0em .5em 0em 0em;
    }

    #sample-form .err-border {
        border:1px solid red;
        border-radius:5px;
    }

    #sample-form .err-border > span.err-icon {
        display:inline-block;
        font-size:.8em;
        color:red;
        padding:0em .5em 0em 0em;
    }


    /* validated controls with wrapper */

    #sample-form .control-wrapper > input[type=text] {
        padding:.25em;
        border:1px solid transparent;
        border-radius:5px;
        outline:0;
    }

    #sample-form .control-wrapper > select {
        border:1px solid transparent;
        border-radius:5px;
        outline:0;
        padding:.25em;
    }

    #select-form textarea.err-border {
        display:block;
        width:99%;
        border:1px solid red!important;
        outline:0;
        resize:none;
    }

    #select-form textarea.ok-border {
        display:block;
        width:99%;
        border:1px solid #009900!important;
        outline:0;
        resize:none;
    }


    /* unvalidated controls with no wrapper */

    #sample-form .sample-spec-instr {
        box-sizing:border-box;
        overflow:hidden;

    }

    #sample-form .sample-spec-instr > label {
        display:block;
        padding:.25em 0em;
    }

    #SpecialInstructions {
        display:block;
        padding:.25em;
        width:99%;
        outline:0;
    }

    #sample-form .ctrlbox {
        display:block;
        margin:1em 0em;
    }

    #sample-form .ctrlbox > input[type=text]{
        padding:.25em;
        border:1px solid #dbdbdb;
        border-radius:5px;
        outline:0;
    }

    #sample-form .ctrlbox > select {
        padding:.25em;
        border:1px solid #dbdbdb;
        border-radius:5px;
        outline:0;
    }

    #sample-form .ctrlbox > textarea {
        display:block;
        border:1px solid #dbdbdb;
        resize:none;
        outline:0;
    }

    #sample-form > div:nth-child(2) {
        display:block;
        vertical-align:top;
        margin-right:2em;
    }

    #sample-form > .shipping-info-container {
        display:block;
        vertical-align:top;
    }

    /*#sample-form > .shipping-info-container > div {
        display:inline-block;
        vertical-align:top;
        max-width:400px;
        margin-right:3em;
    }*/

    #sample-form #addr-book-btn {
        background-image: none;
        background-color: #fff;
        color:#172F53;
        border:1px solid transparent;
        font-size:1.25em;
        vertical-align:middle;
        cursor:pointer;
        outline:0;
        padding:.25em;
    }

    #sample-form .ctrlbox > div {
        display:block;
        margin:1em 0em;
    }

    #sample-form label {
        display:inline-block;
        width:140px;
        font-size:.9em;
        color:#444;
        font-weight:500;
        margin-bottom:.15em;
    }

    #sample-form label > .fa-info-circle{
        padding-right:.25em;
        cursor:pointer;
    }

    #sample-form .sample-shipping-info label,  #sample-form .sample-payment-info label {
        width:100%;
    }

    #sample-form .ctrlbox-radio {
        margin-top:1em;
        /*margin-bottom:2em;*/
    }

    #sample-form .ctrlbox-radio > header {
        padding-bottom:.25em;
    }

    #sample-form .ctrlbox-radio > div {
        background-color:rgba(0,0,0,.15);
        padding:1em;
    }

    #sample-form .ctrlbox-radio .radio-selected {
        background-color:#172F53;
        color:#fff;
        padding:.5em .5em;
    }

    #sample-form .ctrlbox-radio > div > label {
        display:block;
        font-size:10pt;
        color:#000;
        font-weight:normal;
        padding:.25em .25em;
    }

    #sample-form .sample-payment-info .ctrlbox-radio > div > label > span {
        display:inline-block;
        height:2.5em;
        line-height:2.5em;
        vertical-align:middle;
    }

    #sample-form .sample-payment-info .ctrlbox-radio > div > label > span > img {
        max-height:2.5em;
    }

    #sample-form .ctrlbox-radio input[type=radio]{
        outline:0;
        vertical-align:text-bottom;
        cursor:pointer;
    }

    #sample-form .samples-your-info {
        display:block;
        border-bottom:1px solid silver;
        margin-bottom:1em;
        padding-bottom:.5em;
    }

    #sample-form .samples-your-info .pseudoinput {
        display:inline-block;
        padding:.25em;
        border:1px solid #dbdbdb;
        border-radius:5px;
        font-size:small;
        font-family: Arial, Helvetica, sans-serif;
        width:150px;
    }

    #sample-form .ctrlbox-chk > div {
        margin:1em 0em;
    }

    #sample-form .sample-cart-finish {
        display:block;
        margin:1em 0em;
    }

    #sample-form .sample-cart-finish > button {
        background-image:none;
        background-color:#172F53;
        border:1px solid transparent;
        border-radius:5px;
        color:#fff;
        padding:.5em;
        cursor:pointer;
    }

    #sample-form #ship-blind-company {
        display:none;
    }

    #sample-form #ship-blind-company > p {
        font-size:small;
    }

    #sample-form #ship-blind-company > input[type=text] {
        width:200px;
        outline:0;
    }

    #samples-back-btn {
        display:inline-block;
        text-decoration:none;
        outline:0;
        color:#444;
        background-color:#dbdbdb;
        padding:.5em;
        border:1px solid transparent;
        border-radius:5px;
        font-size:small;
        margin-bottom: 2em;
        margin-right:5em;
    }

    /* Address Book Dialog */
    .addr-book-samples {
        box-sizing:border-box;
        overflow:hidden;
    }

    .addr-book-samples > header {
        display:block;
        min-height:50px;
        border-bottom:1px solid silver;
    }

    .addr-book-samples > header > h2 {
        vertical-align:middle;
    }

    .addr-book-samples > .addr-table-wrapper {
        max-height:250px;
        overflow-x:auto;
    }

    .addr-book-samples > .addr-table-wrapper > table {
        border-collapse:collapse;
        table-layout: auto;
        width:100%;
    }

    .addr-book-samples > .addr-table-wrapper > table tr {
        cursor:pointer;
    }

    .addr-book-samples > .addr-table-wrapper > table td {
        padding:.25em .25em 1em .25em;
        vertical-align:top;
    }

    .addr-book-samples > .addr-table-wrapper > table td h4 {
        margin:0; padding:0;
    }

    .addr-book-samples > .addr-table-wrapper > table td p {
        margin:0; padding:0;
    }

    .addr-book-samples > .addr-table-wrapper > table td:last-of-type > span:first-child {
        float:right;
        display:none;
    }

    .addr-book-samples > .addr-table-wrapper > table tr.selected-contact {
        background-color:#f1efe6;
    }

    .addr-book-samples > .addr-table-wrapper > table tr.selected-contact > td:last-of-type > span:first-child {
        float:right;
        display:inline;
        color:green;
    }

    #add-contact, #reset-contact {
        display:inline-block;
        text-decoration:none;
        outline:0;
        background-image:none;
        border:1px solid #172F53;
        border-radius:15px;
        background-color:transparent;
        color:#172F53;
        font-size:smaller;
        margin:.5em 0em;
        padding:.25em .5em;
        cursor:pointer;
    }

    #add-contact > span, #reset-contact > span {
        padding-left:.5em;
    }

    /* Sample Summary */

    .portal-content .summary-greeting {
        margin:0em 0em 3em 0em;
    }

    .portal-content .summary-greeting h1 {
        color:#be2438;
        margin-bottom:.25em;
    }

    .portal-content .summary-ship-to {
        display:block;
        /*padding:.5em;*/
        margin-bottom:3em;
    }

    .portal-content .summary-ship-to > h3 {
        margin:0;
        padding:.5em 0em;
        color:#666;
    }

    .portal-content .summary-ship-to > div > h4 {
        margin:0;
    }

    .portal-content .summary-ship-to > div:first-of-type {
        border:1px solid #dbdbdb;
        border-radius:10px;
        padding:.5em;
    }

    .portal-content .summary-ship-to > div > div {
        display:inline-block;
        vertical-align:top;
        margin:0em 1em 0em 0em;
    }

    .portal-content .summary-ship-to .sample-summary-table {
        border-collapse:collapse;
        table-layout:auto;
        vertical-align:top;
    }

    .portal-content .summary-ship-to .sample-summary-table td {
        vertical-align:top;
        padding:.5em 1em .5em 0em;
        font-size:1em;
    }

    .portal-content .summary-ship-to .sample-summary-table td:first-of-type {
        font-weight:bold;
        color:#444;
    }

    .portal-content .summary-ship-to .sample-summary-table td > p {
        font-weight:lighter;
        padding:.25em;
    }

    .portal-content .summary-sample-items {
        border:1px solid #dbdbdb;
        border-radius:10px;
        padding:.5em;
    }

    .portal-content .summary-sample-items table {
        width: 100%;
        border-collapse:collapse;
        table-layout:auto;
        vertical-align:top;
    }

    .portal-content .summary-sample-items table thead th {
        text-align:center;
        padding:.5em 1em .5em 0em;
    }

    .portal-content .summary-sample-items table thead th:first-of-type {
        text-align:left;
    }

    .portal-content .summary-sample-items table thead th:last-of-type {
        text-align:left;
    }

    .portal-content .summary-sample-items table tbody td {
        text-align:center;
        padding:.5em 1em .5em 0em;
    }

    .portal-content .summary-sample-items table tbody td:first-of-type {
        text-align:left;
    }

    .portal-content .summary-sample-items table tbody td:last-of-type {
        text-align:left;
    }

    .portal-content .summary-sample-items table tfoot {
        border-top:1px solid #dbdbdb;
    }

    .portal-content .summary-sample-items table tfoot td:first-of-type {
        text-align:right;
    }

    .portal-content .summary-sample-items table tfoot td .pay-amount {
        color:#be2438;
    }


    /*#endregion */

    /*#region Sample History */

    #sample-history-table td { position:relative;}

    #sample-history-table td.expand {
        cursor:pointer;
        padding:.25em;
        color:#0080ff;
    }

    #sample-history-table td.item-detail-display {
        padding:.25em;
        background-color:#f1efe6;
    }

    #sample-history-table td.item-detail-display .item-detail-row {
        display:block;
        padding:.25em 0em;
    }

    #sample-history-table td.item-detail-display .item-detail-row .item-detail-column {
        display:inline-block;
    }

    #sample-history-table td.item-detail-display .item-detail-row .item-detail-column:first-child{
        width:250px;
    }

    #sample-history-table td.item-detail-display .item-detail-row .item-detail-column:last-child{
        width:50px;
    }

    #sample-history-table td.item-detail-display .detail-close {
        float:right;
        color:#000;
    }


    /*#endregion */

    /*#region Top Sellers */

    #portal-content .item-history-table {
        table-layout:auto;
        min-width:300px;
        max-width:100%;
        border-collapse: collapse;

    }

    #portal-content .item-history-table thead tr {
        border-bottom:1px solid #444;
    }

    #portal-content .item-history-table thead th {
        font-family:OpenSans-SemiBold, sans-serif;
        font-size:12pt;
    }

    #portal-content .item-history-table th, .item-history-table td {
        font-family:OpenSans-SemiBold, sans-serif;
        text-align:left;
        padding:1em .5em;
        font-size:10pt;
    }

    #portal-content .item-history-table tbody td:last-child {
        text-align:center;
    }

    /*#endregion */

    /*#region Settings */

    #acct-settings-wrapper {font-size:.9em; margin-top:2em;}
    #acct-settings-wrapper label {display:block; color:#be2438; font-size:1em; margin:0; padding:.25em 0em;}
    #acct-settings-wrapper  .mktg-wrapper {padding:.25em 0em 0em 0em;}
    #acct-settings-wrapper  .mktg-wrapper input[type=checkbox]{padding:0em; margin:0 .25em 0 0; vertical-align:middle; outline:0;}
    #acct-settings-wrapper  input[type=password] {display:inline-block; outline:0; border:1px solid #dbdbdb; border-radius:5px; padding:.25em; vertical-align:middle;}
    #acct-settings-wrapper  .save-btn {border:0; outline: 0; background-color:green; color:#fff; padding:.25em;}
    #acct-settings-wrapper  select {border:1px solid #dbdbdb; border-radius:5px; padding:.25em;margin:.5em 0em; outline:0;}
    #acct-settings-wrapper  select option {padding:.5em 0em;}
    #acct-settings-wrapper  .mktg-wrapper {margin:.5em 0em; font-weight:bold; cursor:pointer;}
    #acct-settings-wrapper  .mktg-wrapper > span {font-family:OpenSans-SemiBold, sans-serif; font-size:12pt;}
    #acct-settings-wrapper .settings-grp .ajax-response-mktg {display:block;}


    #acct-settings-wrapper .settings-grp {margin-bottom:2em; padding:.25em; border-bottom:1px solid #dbdbdb;}
    #acct-settings-wrapper .settings-grp button {}
    #acct-settings-wrapper .settings-grp p {padding:.25em 0em;}
    #acct-settings-wrapper .settings-grp > div {margin:.5em 0em 1em 0em; overflow:hidden; }
    #acct-settings-wrapper .settings-grp .verify {display:inline-block; vertical-align:middle; height:20px; line-height:14px; margin-left:.5em; cursor:pointer; overflow:hidden;  }
    #acct-settings-wrapper .settings-grp .ajax-loader {margin-left:1em;}
    #acct-settings-wrapper .settings-grp .ajax-response-pw {display:block;margin:1em 0em;}

    /*#endregion */


    /*#endregion */


    /****************************************/

    /*#region LOGIN DIALOG */

    #login-widget {
        display:block;
        margin:0 auto;
        box-sizing:border-box;
        overflow:hidden;
        width:300px;
        padding:.5em;
        background-color:rgba(255,255,255,.60);
    }

    .login-dialog {
        font-size:.9em;
        width:300px;
        overflow:hidden;
    }

    .login-dialog .page-header .logo {
        max-width:150px;
    }

    .login-dialog .page-content input {
        font-size:small;
    }

    .login-dialog .portal-form-close {
        display:inline-block;
        position:absolute;
        top:.5em; right:.5em;
        background-color:transparent;
        background-image:none;
        border:0;
        outline:0;
        cursor:pointer;
    }

    .login-dialog .validation-summary-errors ul li {
        text-align:center;
        font-weight:bold;
    }

    .login-dialog .ui-dialog-content {
        box-sizing:border-box;
        padding:0;
        margin:0;
    }

    .login-dialog .ui-dialog-titlebar {
        display:none;
    }

    .login-dialog-overlay {
        background-color: black;
        background-image: none;
        opacity: 0.7;
        z-index:1001;
    }

    /*#region Portal Form */

    .portal-form {
        display:block;
        box-sizing:border-box;
        height:auto;
        overflow:hidden;
        text-align:left;
        vertical-align:middle;
    }

    .portal-form > div {
        margin-top:2em;
    }

    .portal-form .ctrlbox {
        margin-bottom:2em;
        display:block;
        overflow:visible;
        padding:0;
    }

    .portal-form input[type=text], .portal-form input[type=email], .portal-form input[type=password]{
        display:inline-block;
        border:0;
        border-bottom:1px solid #444;
        width:95%;
        outline:0;
        background-color:transparent;
    }

    .portal-form .input-wrapper {
        display:block;
        box-sizing:border-box;
        color:#666;
    }

    .portal-form .input-wrapper > input {
        display:inline-block;
        margin-left:1em;
        width:85%;
    }

    .portal-form .marketing-wrapper label {
        background-image:none;
        background-color:transparent;
        color:#666;
        font-size:small;
        padding:.15em;
        margin:.25em 0em;
    }

    .portal-form .portal-form-submit-button {
        display:block;
        padding:.5em 1em;
        margin-top:1.5em;
        border:1px solid transparent;
        color:#fff;
        background-color:#be2438;
        width:100%;
        outline:0;
        cursor:pointer;
        text-align:center;
    }

    .portal-form .form-links {
        display:block;
        position:relative;
        overflow:hidden;
        text-align:center;
    }

    .portal-form .form-links a {
        display:inline-block;
        text-decoration:none;
        font-size:smaller;
        vertical-align:middle;
    }

    .portal-form .validation-summary {
        padding:1em;
    }

    .portal-form .validation-summary-errors ul {
        padding:0; margin:0;
        font-size:.9em;
    }

    .portal-form .validation-summary-errors ul li {
        padding:.25em 0em;
        color:#be2438;
        font-weight:bold;
        text-align:center;
    }

    .portal-form .field-validation-error {
        display:block;
        font-size:.75em;
        color:#be2438;
        padding-top:.25em;
    }

    .portal-form-close {
        display:none;
    }
}

@media screen and (max-width: 890px) {
    main .search-results-container > div.search-content > div.format-tile .product-info > h2.title1,
    main .search-results-container > div.search-content > div.format-tile .product-info > p.size1 {
        max-width: 100%;
    }
}

/*#endregion */

/*#endregion */