I have a table for product list display and the first item is unintentionally being indented. This issue seems to only appear in Outlook 2010 and Outlook 2013.

This is the first time I've used
cellpadding="10"
. I was trying to avoid building addtional row and cols for spacing... but maybe it's inevitable?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Gift Receipt</title>


    <style type="text/css" data-premailer="ignore">
    @media only screen and (max-width: 40em){
        body,table,td,p,a,li,blockquote{
            -webkit-text-size-adjust:none !important;
        }

        body{
            width:auto !important;
        }

        .padder {
            padding:0 10px !important;
        }


        table[id=templateContainer]{
            max-width:600px !important;
            width:100% !important;
        }

        h3{
            font-size:18px !important;
            line-height:100% !important;
        }

        h4{
            font-size:16px !important;
            line-height:100% !important;
        }

        table[id=templatePreheader]{
            display:none !important;
        }


        table[id=templateHeader]{
            width:100% !important;
        }



        img[id=headerImage]{
            height:auto !important;
            max-width:125px !important;
            width:100% !important;
        }


        td[class=headerContent]{
            font-size:20px !important;
            line-height:130% !important;
            padding-top:0 !important;
            padding-right:0 !important;
            padding-bottom:0 !important;
            padding-left:0 !important;
        }



        td[class=bodyContent]{
            font-size:18px !important;
            line-height:130% !important;
        }

        table[class=table-product] td{
            line-height:110% !important;
        }

        td[class=footerContent]{
            font-size:14px !important;
            line-height:130% !important;
        }


        td[class=footerContent] a{
            display:block !important;
        }

        .table th, .table td {
            line-height: 100%;
        }


        .table-order-info {font-size: 16px !important;
            line-height: 150% !important;}
            h1 {font-size: 24px;
                font-style: normal;
                font-weight: 200;}

                .table tbody td {border-bottom:1px solid #babcbf;}
                .table {border:none;}
                .table thead th  {
                    border-bottom:0;
                    border-left:1px solid #87aac4;
                }
                .table thead th:last-child {
                    border-right: 1px solid #87aac4;
                    border-bottom: 1px solid #87aac4;
                }
                table.table-product-image {
                    width: 100%;
                }
                .table-order-info#rt2 td {
                    min-height: 85px; 
                }
                .table-order-info#rt2 td:first-child {
                    display: block;
                    max-height: 150px;
                    min-height: 145px;
                }
                .table-product-image tbody td {
                    display: table-cell !important;
                    width: auto !important;
                }
                .table-product-image tbody td, .table-product-image tbody tr {
                    border: none !important;
                }
                .sm-1-col {
                    width:30% !important;
                }

                .product-image {
                    margin-right:10px;
                }
                .order-number-id table {
                    margin-bottom: 10px;
                }
                .border-right {
                    border-right: none !important;
                }
                .border-left {
                    border-right: none !important;
                }

                .width-100-perct {
                    width:100% !important;
                }

                .width-90-perct {
                    width:90% !important;
                }
                .width-80-perct {
                    width:80% !important;
                }
                .width-70-perct {
                    width:70% !important;
                }
                .width-60-perct {
                    width:60% !important;
                }
                .width-50-perct {
                    width:50% !important;
                }
                .width-40-perct {
                    width:40% !important;
                }
                .width-30-perct {
                    width:30% !important;
                }
                .width-20-perct {
                    width:20% !important;
                }
                .width-10-perct {
                    width:10% !important;
                }
                .table-subtotal td h3 span, .table-shipping td h3 span, .table-subtax td h3 span {
                font-weight:normal;
                display: block;
                font-size: 16px;
                }
            }

            @media only screen and (max-width: 32em){

                .sm-1-col {
                    width:100% !important;
                }

            }

            @media only print {
                body {
                    margin:0;
                }
                #bodyCell{
                    border-top: none;
                    border-bottom: none;
                    padding:0 !important;
                }
                .table {border:1px solid #000; font-size:14px; background:#fff}
                .table-order-info td {
                    border: 1px solid #000;
                }
                .table thead th {
                    border-right: 1px solid #000;
                    border-bottom: 1px solid #000;
                    color:#000;
                }
                .table-order-info thead td {
                    color:#000;
                }
                .table td {
                    border-right:1px solid #000;
                }
                .table th {
                    border-top: 1px solid #000;
                }       
            }

            </style>

            <!--[if gte mso 9]>
    <style type="text/css">
    .border-right {
        border-right:1px solid #e7e7e7 !important;
    }
    .border-left {
        border-left: 1px solid #e7e7e7 !important;
    }
    .border-top {
        border-top:1px solid #e7e7e7 !important;
    }

    .border-bottom {
        border-bottom:1px solid #e7e7e7 !important;
    }
    </style>
        <![endif]-->

<style type="text/css">
.ReadMsgBody { width: 100% !important; }
.ExternalClass { width: 100% !important; }
body { margin: 0 !important; padding: 0 !important; }
img { border: 0 !important; height: auto !important; line-height: 100% !important; outline: none !important; text-decoration: none !important; }
body { background-color: #FFFFFF !important; }
.preheaderContent a:visited { color: #FFFFFF !important; font-weight: normal !important; text-decoration: underline !important; }
.headerContent a:visited { color: #363636 !important; font-weight: normal !important; text-decoration: underline !important; }
.bodyContent a:visited { color: #278ad6 !important; font-weight: normal !important; text-decoration: none !important; }
.footerContent a:visited { color: #363636 !important; font-weight: normal !important; text-decoration: underline !important; }
</style>
</head>
        <!-- BEGIN BODY -->
        <body style="margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
            <!-- BEGIN CENTER -->
            <center>
                <!-- BEGIN EMAIL -->
                <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse !important; font-family: Helvetica; height: 100% !important; width: 100% !important; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
                    <tr>
                        <td align="center" height="100%" valign="top" width="100%" style="border-collapse: collapse !important; font-family: Helvetica;">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse !important; font-family: Helvetica;">
                                <tr>
                                    <td align="center" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;"></td>
                                </tr>
                                <tr>
                                    <td align="center" valign="top" id="bodyCell" style="border-collapse: collapse !important; font-family: Helvetica; height: 100% !important; width: 100% !important; border-top-width: 10px; border-top-color: #0060a9; border-top-style: solid; border-bottom-width: 10px; border-bottom-color: #0060a9; border-bottom-style: solid; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;">
                                        <!-- BEGIN CONTAINER -->
                                        <table border="0" width="600" cellpadding="0" cellspacing="0" id="templateContainer" style="border-collapse: collapse !important; font-family: Helvetica; width: 600px;">
                                            <tr>
                                                <td align="center" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                    <!-- BEGIN HEADER -->
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="border-collapse: collapse !important; font-family: Helvetica; border-bottom-width: 0;">
                                                        <tr>
                                                            <td width="80%" valign="bottom" class="headerContent" style="border-collapse: collapse !important; font-family: Helvetica; color: #363636; font-size: 20px; font-weight: bold; line-height: 100%; padding-top: 20px; padding-right: 0; padding-left: 0; text-align: left; vertical-align: middle;" align="left"><h1 style="color: #979797 !important; display: block; font-family: Helvetica; font-size: 24px; font-style: normal; font-weight: 200; line-height: 100%; letter-spacing: normal; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-bottom: 0; margin-left: 0;">Gift Receipt</h1></td>
                                                            <td width="20%" valign="top" class="headerContent" style="border-collapse: collapse !important; font-family: Helvetica; color: #363636; font-size: 20px; font-weight: bold; line-height: 100%; padding-top: 20px; padding-right: 0; padding-left: 0; text-align: left; vertical-align: middle;" align="left"><img src="images/CPH-logo.jpg" style="border-left-width: 0; border-bottom-width: 0; border-right-width: 0; border-top-width: 0; height: auto; line-height: 100%; outline: none; text-decoration: none;" /></td>
                                                        </tr>
                                                    </table>
                                                    <hr style="margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; border-right-width: 0; border-left-width: 0; border-top-width: 1px; border-top-color: #eeeeee; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #ffffff; border-bottom-style: solid;" />
                                                    <!-- END HEADER -->
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                    <!-- BEGIN BODY -->
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="border-collapse: collapse !important; font-family: Helvetica; border-top-width: 0; border-bottom-width: 0;">
                                                        <tr>
                                                            <td valign="top" class="bodyContent padder" align="center" style="border-collapse: collapse !important; font-family: Helvetica; color: #363636; font-size: 14px; line-height: 130%; padding-top: 10px; text-align: left;">
                                                                <img align="center" class="center-img" src="http://cph.org/images/icon-large-gift-registry.jpg" style="height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" />
                                                                <h1 class="center-content" style="color: #979797 !important; display: block; font-family: Helvetica; font-size: 42px; font-style: normal; font-weight: 200; line-height: 100%; letter-spacing: normal; padding-bottom: 0; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;" align="center">A Gift for You!</h1>
                                                                <h2 class="center-content" style="color: #363636 !important; display: block; font-family: Helvetica; font-size: 18px; font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: normal; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0;" align="center"><span style="font-weight: normal;">From:</span> Steve Harvey</h2>
                                                                <p>Dave,<br> The following items have been purchased from your Concordia Publishing House <a href="" style="color: #278ad6; font-weight: normal; text-decoration: none;">gift registry</a>. They have been shipped today so your gifts should arrive soon at the address on your registry.</p>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- END BODY -->
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center" valign="top" class="bodyContent" style="border-collapse: collapse !important; font-family: Helvetica; color: #363636; font-size: 14px; line-height: 130%; padding-top: 10px; text-align: left;">
                                                    <table width="600" border="0" cellspacing="0" cellpadding="0" class="width-100-perct" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                        <tr>
                                                            <td align="center" valign="top" class="bodyContent" style="border-collapse: collapse !important; font-family: Helvetica; color: #363636; font-size: 14px; line-height: 130%; padding-top: 10px; text-align: left;">
                                                                <div>
                                                                    <!-- Cart Table -->
                                                                    <table width="600" class="table-cart table-header-h2 width-100-perct" border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                        <thead>
                                                                            <tr>
                                                                                <td width="420" class="width-70-perct" align="left" valign="top" style="border-collapse: collapse !important; font-family: Helvetica; border-bottom-width: 2px; border-bottom-color: #c5c4c1; border-bottom-style: solid;"><h2 style="color: #C0B9AD !important; display: block; font-family: Helvetica; font-size: 15px; font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: normal; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;">Item</h2></td>
                                                                                <td width="180" class="width-30-perct" align="right" valign="top" style="border-collapse: collapse !important; font-family: Helvetica; border-bottom-width: 2px; border-bottom-color: #c5c4c1; border-bottom-style: solid;"><h2 style="color: #C0B9AD !important; display: block; font-family: Helvetica; font-size: 15px; font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: normal; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;">Quantity</h2></td>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody class="border-right border-left" style="border-right-width: 1px !important; border-right-color: #e7e7e7 !important; border-right-style: solid !important; border-left-width: 1px !important; border-left-color: #e7e7e7 !important; border-left-style: solid !important;">
                                                                            <!-- Item 01 -->
                                                                            <tr>
                                                                                <td width="420" class="width-70-perct" align="left" style="border-collapse: collapse !important; font-family: Helvetica;">

                                                                                    <table width="420" class="table-product table-list width-100-perct" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                                        <tr>
                                                                                            <td width="60" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;"><img src="http://www.cph.org/images/Product/icon/012030.jpg" class="product-image" style="height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 50px !important; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" /></td>
                                                                                            <td width="340" class="width-80-perct" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                                                <strong>Lutheran Study Bible</strong><br>
                                                                                                    Item: 361705
                                                                                                                                                                                                </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                                <td width="180" class="width-30-perct" align="right" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;"><strong>1</strong></td>
                                                                            </tr>
                                                                            <!-- Item 02 -->
                                                                            <tr style="border-top-width: 1px; border-top-color: #e7e7e7; border-top-style: solid;">
                                                                                <td width="420" class="width-70-perct" align="left" style="border-collapse: collapse !important; font-family: Helvetica;">

                                                                                    <table width="420" class="table-product table-list width-100-perct" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                                        <tr>
                                                                                            <td width="60" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;"><img src="http://www.cph.org/images/Product/icon/012030.jpg" class="product-image" style="height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 50px !important; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" /></td>
                                                                                            <td width="340" class="width-80-perct" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                                                <strong>Lutheran Study Bible</strong><br>
                                                                                                    Item: 361705
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                                <td width="180" class="width-30-perct" align="right" valign="top" style="border-collapse: collapse !important; font-family: Helvetica;"><strong>1</strong></td>
                                                                            </tr>
                                                                            </tbody>
                                                                    </table>
                                                                    <!-- End Cart Table -->
                                                                </div>
                                                            </td>
                                                        </tr>

                                                            <tr>
                                                                <td class="order-number-id border-right border-left border-bottom" style="border-collapse: collapse !important; font-family: Helvetica; border-right-width: 1px !important; border-right-color: #e7e7e7 !important; border-right-style: solid !important; border-left-width: 1px !important; border-left-color: #e7e7e7 !important; border-left-style: solid !important; border-bottom-width: 1px !important; border-bottom-color: #e7e7e7 !important; border-bottom-style: solid !important; background-color: #F3EFE7;" bgcolor="#F3EFE7">
                                                                    <br>
                                                                    <table width="200" align="left" class="width-50-perct table-header-h2" border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                        <tr>
                                                                            <td style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                                <h2 style="color: #C0B9AD !important; display: block; font-family: Helvetica; font-size: 15px; font-style: normal; font-weight: bold; line-height: 100%; letter-spacing: normal; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;">Order Number</h2>
                                                                                <span style="color: #555149;">7366068</span>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                    <table align="right" width="300" class="table-order-notes table-header-h2 width-50-perct" border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse !important; font-family: Helvetica;">
                                                                        <tr>
                                                                            <td align="right" style="border-collapse: collapse !important; font-family: Helvetica;"><a href="" style="color: #278ad6; font-weight: normal; text-decoration: none;"><img src="http://cph.org/images/btn-view-your-registry.jpg" style="border-left-width: 0; border-bottom-width: 0; border-right-width: 0; border-top-width: 0; height: auto; line-height: 100%; outline: none; text-decoration: none;" /></a>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <!-- End Billing Info -->
                                                            <!-- Order Notes -->
                                                            <tr>
                                                                <td style="border-collapse: collapse !important; font-family: Helvetica;">

                                                                </td>
                                                            </tr>
                                                            <!-- End Order Notes -->
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="center" valign="top" class="bodyContent padder" style="border-collapse: collapse !important; font-family: Helvetica; color: #363636; font-size: 14px; line-height: 130%; padding-top: 10px; text-align: left;">
                                                        <p>Please review your order details above. If you have any questions or changes, please email <a href="mailto:order@cph.org" style="color: #278ad6; font-weight: normal; text-decoration: none;">order@cph.org</a> or call Customer Service at <strong>1.800.325.3040</strong>, Monday&ndash;Friday, 7:30 a.m.&ndash;5:00 p.m., CST. To help us process your request, please have your order number handy. </p>
                                                        <br />

                                                        <br />
                                                        <a href="http://cph.org" style="color: #278ad6; font-weight: normal; text-decoration: none;">cph.org</a>&nbsp;&nbsp;<span style="color: #C0B9AD;">|</span>&nbsp;&nbsp;1.800.325.3040&nbsp;&nbsp;<span style="color: #C0B9AD;">|</span>&nbsp;&nbsp;<a href="mailto:order@cph.org" style="color: #278ad6; font-weight: normal; text-decoration: none;">order@cph.org</a>
                                                        <br />
                                                        <br />
                                                    </td>
                                                </tr>
                                            </table>

                                            <!-- END CONTAINER -->
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <!-- END EMAIL -->
                </center>
                <!-- END CENTER -->
            </body>
            <!-- END BODY -->
            </html>