.invoice { padding-top:2em;  font:0.9em verdana,sans-serif; }
.invoice .banner img {display:none}
.invoice .invoice_inner { padding-left:1em; padding-right:1em; }
.invoice .invoice_inner .header .header_title { float:left; padding-left:2em;}
.invoice .invoice_inner .header .header_title .invoice_title { font-size:3em }
.invoice .invoice_inner .header .header_contact {float:right;}
.invoice .invoice_inner .header .header_contact .header_address {font-size:0.9em;}
.invoice .invoice_inner .customer_address {clear:both; padding-top:1em;}
.invoice .invoice_inner .customer_address .invoice_address {float:left;}
.invoice .invoice_inner .customer_address .delivery_address {float:left;margin-left:10em;}
.invoice .invoice_inner .customer_address .payment_details {float:right;}
.invoice .invoice_inner .order {clear:both; padding-top:1em;}
.invoice .invoice_inner .order table .text {text-align:left;}
.invoice .invoice_inner .order table .number {text-align:right; padding-left:0.5em;}
.invoice .invoice_inner .order table tr.invoice_line td { height:2em;}
.invoice .invoice_inner .order table th { padding-bottom:1em;}
.invoice .invoice_inner .order table td.total_title {font-weight: bold; text-align:right;}
.invoice .invoice_inner .order table .total {font-weight: bold; text-align:right;}
.invoice .invoice_inner .footer {padding-top:3em;}
.invoice .invoice_inner .footer .footer_text {font-size:0.75em;}

@media print
{
.invoice { padding-top:0; font:0.9em verdana,sans-serif; }
.invoice .banner img { display:inline; width:100%}
}