﻿@media print {

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    @page { margin: 2cm; }

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
        position: relative !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: auto !important;
        max-height: none !important;
        background: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        transition: none !important;
        color: #000 !important;
        border: 0 !important;
    }

    /* Reset quotes */
    q { quotes: none !important; }
    q:before, q:after { content: "" !important; }  

    /* Typography */
    body, 
    html {
        color: #000 !important;
        font-size: 12px !important;
        margin: 0 auto !important;
    }

    .container { margin: 40px 60px !important; display: block !important; }

    ul li {
        font-size: 12px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-left: 10px !important;
    }

    ul li a {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    h1 {
        font-size: 21px !important;
        margin-top: 20px !important;
        color: #000;
    }

    h2 {
        font-size: 15px !important;
        color: #000;
    }

    h3 {
        font-size: 13px !important;
        color: #000;
    }

    p { font-size: 12px !important; }

    /* Show the URL after each link, whereby internal links are preceeded by the site's URL */
    a:after {
	    content: " " !important;
    }

    /* External links don't get this treatment */
    a[href^="http://"]:after, 
    a[href^="https://"]:after,
    a[href^="mailto:"]:after {
        content: " " !important;
    }

    
    /** 
     * Site specific styles
     */
    .sr-only,
    .supernav,
    .header-right,
    .header-nav,
    .breadcrumb-banner,
    .product_left,
    .product_right:before,
    .headerimage-slider,
    .banner-img,
    .product_images,
    .product_content img,
    .product_resources,
    .hx-tile-line,
    .hx-tile_icon,
    .hx-tile-match .link,
    .fr-video,
    .footer-nav,
    .footer {
        display: none !important;
    }
    .brand { display: block; }
    .brand a:after {
	    content: " ";
    }
    .logo { max-width: 40% !important; }
    .product_right { float: none !important; height: auto !important; }
    .collapse { display: block !important; }
    .product_content { clear: both !important; }
    .hx-tile_outer, .hx-tile-match { height: auto !important; background-color: transparent !important; }
        .hx-tile-match:before, .hx-tile-variable:before { background-color: transparent !important }
    .hx-tile { position: relative !important; width: 100% !important; top: auto !important; }
    .hx-tile_padding { padding: 0 0 20px !important; }
}