@media print
{
    a[href]:after{content:none}

    .mainTable
    {
        font-family:Arial,Verdana,sans-serif;
        font-size:0.75em; 
        color:#000000;
    }
    tr.spaceUnder > td
    {
        padding-bottom: 0em;
        padding-top: 0em;
    }
    hr 
    {
        display: block;
        height: 1px;
        background: transparent;
        width: 100%;
        border: none;
        border-top: solid 1px #aaa;
    }
    /*body
    {   
        margin:0 auto; 
    }*/
    html, body {
        height: 99%;    
    }
    #merchantCopy {page-break-after: always;}
}
@page 
{
    margin:0 -6cm
}
html 
{
    margin:0 6cm
}
a img
{
    max-width: 100% !important;
    vertical-align: middle;
}
.page 
{
    background-color: lightblue !important;
}

@media only screen and (min-device-width : 980px) and (max-device-width : 1200px)
{
    a img
    {
        max-width: 100% !important;
        vertical-align: middle;
    }
}
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px)
{
    a img
    {
        max-width: 100% !important;
        vertical-align: middle;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
    a img
    {
        max-width: 100% !important;
        vertical-align: middle;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
    a img
    {
        max-width: 100% !important;
        vertical-align: middle;
    }
}


@media screen{
    .mainTable 
    {
        font-family:Arial,Verdana,sans-serif;
        font-size:1em; 
        color:#000000;
    }
    tr.spaceUnder > td
    {
        padding-bottom: 0em;
        padding-top: 0em;
    }
    hr 
    {
        display: block;
        height: 1px;
        background: transparent;
        width: 100%;
        border: none;
        border-top: solid 1px #aaa;
    }
    body
    {   
        margin:0 auto; 
    }
    #merchantCopy {page-break-after: always;}
}