@media print {
    * {
        margin: 0 !important;
        padding: 0 !important;
    }

    #controls, .footer, .footerarea {
        display: none;
    }

    html, body {
        /*changing width to 100% causes huge overflow and wrap*/
        width: 100%;
        height: 100%;
        margin: 20;
        padding: 0;
        background: #FFF;
        font-size: 9.5pt;
    }

    .template {
        width: auto;
        left: 0;
        top: 0;
    }

    img {
        width: 100%;
    }

    li {
        margin: 0 0 10px 20px !important;
    }
}