I have the following simple template layout and do not know how to style it. All I require are lines or alternating grey bars. This is the code:
<meta content="text/html; charset=utf-8" http-equiv="content-type"><style>
#customizeContentArea {
padding:10px;
margin-right:5px;
_padding:0px; } </style> <style>
#customizeContentArea {
padding:10px;
margin-right:5px;
_padding:0px; } </style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Invoice</title>
<table id="customizeContentArea" style="padding:60px 40px 40px 40px;" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>
<tr>
<td colspan="3"><b><font size="4">Client: %ContactCompanyName% SO#:%SO_Number% Date:%SO_Date%</font></b><br> <br><br><table border="0" cellpadding="0" cellspacing="0" height="350" width="100%">
<thead>
<tr bgcolor="#e8e8e8" height="20">
<td style="width: 20%; border-right:1px solid #000; border-left:1px solid #000;border-top:1px solid #000;border-bottom:1px solid #000; padding:0px 0px 1px 3px;" valign="bottom"><font face="Arial" size="1"><b><u>
Item</u></b></font></td>
<td style="width: 35%; border-right:1px solid #000; border-bottom:1px solid #000; border-top:1px solid #000;padding:0px 0px 1px 3px;" valign="bottom"><font face="Arial" size="1"><b><u>
Description</u></b></font></td>
<td style="width: 8%; border-right:1px solid #000; border-bottom:1px solid #000;border-top:1px solid #000; padding:0px 3px 1px 0px;" align="right" valign="bottom"><font face="Arial" size="1"><b><u>Qty</u></b></font></td>
<td style="width: 11%; border-right:1px solid #000; border-bottom:1px solid #000;border-top:1px solid #000; padding:0px 3px 1px 0px;" align="right" valign="bottom"><font face="Arial" size="1"><b><u>Check1</u></b></font></td><td style="width: 11%; border-right:1px solid #000; border-bottom:1px solid #000;border-top:1px solid #000; padding:0px 3px 1px 0px;" align="right" nowrap="" valign="bottom"><font face="Arial" size="1"><b><u>Check2</u></b></font></td><td style="width: 23%; border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #000; height: 10px; padding:0px 3px 1px 0px;" align="right" valign="bottom"><font face="Arial" size="1"><b><u>Price </u></b></font></td>
</tr> </thead>
<tbody id="lineItem">
<tr height="18">
<td style="padding:4px 3px;" valign="top"><font face="Arial" size="1"><u>%ItemName%</u></font></td>
<td style=" padding:4px 3px;" valign="top"><font face="Arial" size="1"><u>%ItemDescription%</u></font></td> <td style="padding:4px 3px;" align="right" valign="top"><font face="Arial" size="1"><u>%ItemQty%</u></font></td>
<td style="padding:4px 3px;" align="right" valign="top"><br></td><td style="padding:4px 3px;" align="right" valign="top"></td><td style="padding:4px 3px;" align="right" valign="top"></td></tr></tbody><tbody><tr><td></td><td></td><td></td><td></td><td></td><td><br></td></tr></tbody></table>
</td>
</tr>
<tr>
<td colspan="3"><br></td></tr><tr><td colspan="2" style="padding-top:20PX;"></td><td><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody></tbody><tbody id="taxItems"><tr><td></td><td style="padding:6px 4px 4px 4px;" align="right"></td><td style="padding:6px 0px 4px 4px;" align="right"><br></td></tr></tbody><tbody><tr><td></td>
<td style=" padding:6px 4px 4px 4px;" align="right"><br></td><td style=" padding:6px 0px 4px 4px; color:red;" align="right"><br></td></tr></tbody></table>
</td> </tr>
</tbody></table>