I'm hoping someone can help with a coding issue which appears to only affect outlook 2013.
I'm hiding the 4 graphic tick marks for mobile but the accompanying copy is hiding too but only in outlook 2013!
Anyone out there know what I'm doing wrong?
Code below if someone can help me and stop me going mad.

thanks
Louise


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge" /><!--<![endif]-->
    <style type="text/css">
    .ReadMsgBody { width: 100%; background-color: #f1f1f1; }
        .ExternalClass { width: 100%; background-color: #f1f1f1; }
        body { width: 100%; background-color: #f1f1f1; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; font-family: Verdana, Arial, Helvetica, sans-serif; }
        table { border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
        @-ms-viewport{ width: device-width; }
        @media only screen and (max-width: 639px){
        .wrapper{ width:100%;  padding: 0 !important; }
        }
        @media only screen and (max-width: 480px){
        .centerClass{ margin:0 auto !important; }
        .imgClass{ width:100% !important; height:auto; }
        .wrapper{ width:320px; padding: 0 !important; }
        .wrapper2{ width:300px; padding: 0 !important; }
        .header{ width:320px; padding: 0 !important; background-image: !important; }
        .container{ width:300px;  padding: 0 !important; }
        .mobileSub{ width:300px; display:block; padding: 0 !important; text-align:center !important; font-size: 21px !important; line-height: 22px !important;}
        .mobileBTA{ width:300px; display:block; padding: 0 !important; text-align:center !important; font-size: 10px !important; line-height: 12px !important;}
        .mobile{ width:300px; display:block; padding: 0 !important; text-align:center !important;}
        .mobileHide{ width:300px; display:none; padding: 0 !important; text-align:center !important;}
        .mobileColor{ color: #ffffff !important; background-color:#092c74; width:300px; display:block; padding: 0 !important; text-align:center !important;}

        .mobile50{ width:300px; padding: 0 !important; text-align:center; }
        *[class="mobileOff"] { width: 0px !important; display: none !important; }
        *[class*="mobileOn"] { display: block !important; max-height:none !important; }

            .emailButton{
            max-width:100% !important;
            width:100% !important;
                                                line-height: 22px !important;
        }

        .emailButton a{
            display:block !important;
            font-size:18px !important;
                                                line-height:22px !important;
        }
    .imgClass {width:100% !important; height:auto; }
.mobile {width:300px; display:block; padding: 0 !important; text-align:center !important;}
    </style>
    <!--[if gte mso 15]>
    <style type="text/css">
        table { font-size:1px; line-height:0; mso-margin-top-alt:1px;mso-line-height-rule: exactly; }
        * { mso-line-height-rule: exactly; }
    </style>
    <![endif]--><!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->

           <!-- end of 0.start code. always use this and end code on all new templates -->

 <!-- start wrapper 1.preheader -->
<table align="center" bgcolor="#f1f1f1" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:640px;">
                <tbody>
                                <tr>
     <td align="center" valign="top" width="100%"><!-- Start Wrapper -->
     <table border="0" cellpadding="0" cellspacing="0" class="mobileOff" width="640">
    <tbody>
    <tr>
   <td height="10" style="font-size:10px; line-height:10px;"></td>
   <!-- Spacer -->
  </tr>
    <tr>
    <td align="center"><!-- Start Container -->
     <table border="0" cellpadding="0" cellspacing="0" class="container" width="640">
  <tbody>
 <tr>
   <td>
    <p style="text-align: center;"><span style="font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#000000;">Save 20% on your airport parking. Get a quote </span><span style="font-family: Verdana, Arial, sans-serif; font-size: 10px;"><a href="http://www.aph.com/welcome-back-loyal-parking.shtml?code=home&amp;ref=dl16a&amp;utm_source=email&amp;utm_medium=direct&amp;utm_campaign=weekly" name="preheader_1" target="_blank">here</a></span><br />
        <span style="font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#000000;">Can&#39;t view the images? <a href="http://x.email.aph.com/ats/msg.aspx?sg1={(URLSignature1)}">Click here</a></span></p>
     </td>
    </tr>
     </tbody>
      </table>
     <!-- End Container --></td>
    </tr>
     <tr>
     <td height="10" style="font-size:10px; line-height:10px;"></td>
     <!-- Spacer -->
       </tr>
     </tbody>
         </table>
        <!-- end wrapper 1. preheader -->

        <!-- Start Wrapper 2. logo -->

      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="640">
     <tbody>
      <tr>
      <td height="20" style="font-size:10px; line-height:10px;"></td>
    <!-- Spacer -->
       </tr>
       <tr>
     <td align="center"><!-- Start Container -->
     <table border="0" cellpadding="0" cellspacing="0" class="container" width="640">
      <tbody>
      <tr>
        <td class="mobile" style="font-family:Verdana, Arial, sans-serif; font-size:5px; padding-left:10px;" width="280"><a href="https://www.aph.com/welcome-back-loyal-parking.shtml?code=home&ref=dl16d&utm_source=email&utm_medium=direct&utm_campaign=weekly"><img alt="aph" src="http://namwpm.eccmp.com/wpm/540/TestLou/aph-logo-300.gif" width="300" /></a></td>
   <td class="mobile" style=""></td>
      <td align="right" class="mobileHide" style="font-family:Verdana, Arial, sans-serif; font-size:5px; padding-right:10px;" width="280"><a href="https://www.aph.com/welcome-back-loyal-parking.shtml?code=home&ref=dl16d&utm_source=email&utm_medium=direct&utm_campaign=weekly"><img alt="British Travel Award Winners" src="http://namwpm.eccmp.com/wpm/540/TestLou/BTA2017.gif" width="180" /></a></td>
        </tr>
          </tbody>
        </table>
  <!-- End Container --></td>
</tr>
<tr>
<td height="20" style="font-size:10px; line-height:10px;"></td>
<!-- Spacer -->
</tr>
</tbody>
</table>
<!-- End Wrapper 2.logo --> 

<!-- Start Wrapper 3.NavBarHideOnMobile -->

<table bgcolor="#092c74" border="0" cellpadding="0" cellspacing="0" class="mobileHide" style="border-bottom:#fd8204 3px solid;" width="640">
<tbody>
<tr>
<td height="4" style="font-size:4px; line-height:4px;"></td>
<!-- Spacer -->
</tr>
<tr>
<td align="center"><!-- Start Container -->
<table border="0" cellpadding="0" cellspacing="0" class="mobileHide" width="640">
<tbody>
<tr>
<td align="center" class="mobileHide" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#ffffff;" width="140"><a href="https://www.aph.com/welcome-back-loyal-parking.shtml?code=home&ref=dl16d&utm_source=email&utm_medium=direct&utm_campaign=weekly" style="font-size:12px; line-height:18px; color:#ffffff; text-decoration:none;" target="_blank">Airport Parking</a></td>
<td align="center" class="mobileHide" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#ffffff;" width="140"><a href="https://www.aph.com/welcome-back-loyal-hotels.shtml?code=home&ref=dl16d&utm_source=email&utm_medium=direct&utm_campaign=weekly" style="font-size:12px; line-height:18px; color:#ffffff; text-decoration:none;" target="_blank">Airport Hotels</a></td>
<td align="center" class="mobileHide" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#ffffff;" width="140"><a href="https://www.aph.com/exclusive/?ref=dl16d&utm_source=email&utm_medium=direct&utm_campaign=weekly" style="font-size:12px; line-height:18px; color:#ffffff; text-decoration:none;" target="_blank">APH Exclusive</a></td>
    <td align="center" class="mobileHide" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:18px; color:#ffffff;" width="180"><a href="#" style="font-size:14px; line-height:18px; color:#ffffff; text-decoration:none;" target="_blank">01342 859442</a></td>
</tr>
</tbody>
</table>
<!-- End Container --></td>
</tr>
<tr>
<td height="3" style="font-size:3px; line-height:3px;"></td>
<!-- Spacer -->
</tr>
</tbody>
</table>
<!-- End Wrapper 3.NavBarHideOnMobile --> 

 <!-- Start Wrapper 9.headline-copy-button-in-a-box -->

<table align="center" bgcolor="#fd8204" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="640">
<tbody>
<tr>
<td height="10" style="line-height:10px; font-size:10px;"></td>
<!-- Spacer -->
</tr>
<tr>
<td align="center"><!-- Start Container -->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="640">
<tbody>
<tr>
<td align="center" class="mobile" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size:32px; line-height:34px; font-weight:bold; color:#FFFFFF;">Important information</td>
</tr>
<!-- horizontal line -->
<tr><td align="center" valign="middle">
<hr text-align="center" noshade color="#ffffff" width="40px" size="4" style="padding:0; margin:8px 0 8px 0; border:none; width:10%; height: 4px; color:#ffffff; background-color: #ffffff" />
    </td></tr>
<!-- close horizontal line -->
<tr>
<td height="10" style="line-height:20px; font-size:20px;"></td>
<!-- Spacer -->
</tr>
<tr>
<td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #4d4d4d; line-height:20px; color:#FFFFFF;">Regarding your Bristol Airport booking</td>
</tr>
<tr>
<td height="20" style="line-height:20px; font-size:20px;"></td>
<!-- Spacer -->
</tr>
<tr>
<td align="center"><!-- Start Button --><!-- End Button --></td>
</tr>
</tbody>
</table>
<!-- End Container --></td>
</tr>

</tbody>
</table>
<!-- End Wrapper 9.headline-copy-button-in-a-box -->

 <!-- Start Wrapper 4.Header-intro-button -->

<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="640">
<tbody>
<tr>
<td align="center" bgcolor="#ffffff"><!-- Start Container -->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="640">
<tbody>
<tr>
<td height="0" style="line-height:0px; font-size:0px;"></td>
<!-- Spacer -->
</tr>

<tr>
<td height="20" style="line-height:20px; font-size:20px;"></td>
<!-- Spacer -->
</tr>




<tr>
<td align="left" class="mobile" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; line-height:18px; padding-left:15px; padding-right:15px;"><p>Dear {(sBookingTitle|APH)} {(sBookingLastName|Customer)},</p>
    <p>Bristol Airport has informed us of minor changes to the collection procedure of your car for your <strong>Silver Zone Car Park</strong> booking. These changes are due to necessary work on enhancing passenger facilities in the car park.</p>
  <p>Please take note of the new instructions below.</p>
  <p style="font-size:16px; color:#fd031a;"><strong>Landing back at Bristol Airport</strong></p>
  <p>Please follow these instructions when you land at Bristol Airport:</p>

  <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="wrapper2" width="600">
    <tbody>
      <tr>
        <td width="30" class="mobileHide"><img src="http://namwpm.eccmp.com/wpm/540/TestLou/tick20.jpg" width="20" height="20" alt=""/></td>
        <td class="mobileColor" width="610" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666;"><strong>Head towards the Silver Zone bus stop.</strong></td>
      </tr>
      <!-- spacer -->
<tr>
<td bgcolor="#ffffff" height="8" style="font-size:8px; line-height:8px;"></td>
</tr>
<!-- close spacer -->   
      <tr>
        <td class="mobileHide"><img src="http://namwpm.eccmp.com/wpm/540/TestLou/tick20.jpg" width="20" height="20" alt=""/></td>
        <td class="mobileColor" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666"><strong>The Silver Zone bus will take you directly to a temporary reception buildng where you will collect your car keys.</strong></td>
      </tr>
      <!-- spacer -->
<tr>
<td bgcolor="#ffffff" height="8" style="font-size:8px; line-height:8px;"></td>
</tr>
<!-- close spacer -->   
      <tr>
        <td class="mobileHide"><img src="http://namwpm.eccmp.com/wpm/540/TestLou/tick20.jpg" width="20" height="20" alt=""/></td>
        <td class="mobileColor" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666;"><strong>Your car will be located as close to the reception building as possible.</strong></td>
      </tr>
      <!-- spacer -->
<tr>
<td bgcolor="#ffffff" height="8" style="font-size:8px; line-height:8px;"></td>
</tr>
<!-- close spacer -->   
      <tr>
        <td class="mobileHide"><img src="http://namwpm.eccmp.com/wpm/540/TestLou/tick20.jpg" width="20" height="20" alt=""/></td>
        <td class="mobileColor" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666"><strong>A short walk may be required where cars are parked slightly further away.</strong></td>
      </tr>
    </tbody>
  </table>
<table width="600" border="0">
  <tbody>

    </tbody>
</table>
  <p>If you are a Blue Badge holder you will still be able to drop your car and pick it up in the dedicated car park spaces next to the Reception building.</p>
  <p style="font-size:16px; color:#fd031a;"><strong>Arriving at Bristol Airport</strong></p>
  <p>The arrival process remains unchanged. Please continue to park your car in the drop off area and check your keys in at the Customer Reception Centre.</p>
  <p>Disruption to your collection procedure should be minimal, however if you need to contact us regarding your booking please feel free to email us at <strong>customerservices@aph.com</strong> or call <strong>01342 859442.</strong></p>
  <p>Thank you for your understanding and we hope you have a great trip.</p>
  <p>Kind regards<br>
    The APH team</p></td>
</tr>
<tr>
<td height="20" style="line-height:20px; font-size:20px;"></td>
<!-- Spacer -->
</tr>
<tr>
<td align="center"><!-- Start Button -->
<table align="center" class="emailButton" border="0" cellpadding="0" cellspacing="0" width="170">
<tbody>

</tbody>
</table>
<!-- End Button --></td>
</tr>
</tbody>
</table>
<!-- End Container --></td>
</tr>

</tbody>
</table>
<!-- End Wrapper 4.Header-intro-button --> 

<!-- Start Wrapper 11.Manage-booking-tel-social -->

<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="640">
 <tbody>
 <tr>
 <td align="center"><!-- Start Container -->
  <table align="center" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="640">
 <tbody>

 <tr>
<td align="center" bgcolor="#092c74" border="0" cellpadding="0" cellspacing="0" height="36" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:36px; font-weight: bold;"><a alias="" href="https://www.parking-quote.co.uk/aphmyb/AmendValidate.aspx" style="font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff; font-weight:bold;" target="_blank">MANAGE MY BOOKING</a></td>
  </tr>
 <tr>
 <td height="20" style="line-height:10px; font-size:10px;"></td>
 <!-- Spacer -->
 </tr>
 <tr>
<td align="center" class="mobile" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size:22px; line-height:24px; font-weight:bold; color:#092c74;">01342 859448</td>
 </tr>
 <tr>
  <td height="10" style="line-height:10px; font-size:10px;"></td>
  <!-- Spacer -->
  </tr>
    <tr>
   </tr>
   <tr>
    <td align="center" class="mobile" width="40"><a href="https://www.facebook.com/AirportParkingHotels" name="fb_1" target="_blank"><img alt="facebook" border="0" name="email_facebook2.jpg" src="http://namwpm.eccmp.com/wpm/540/TestLou/facebook.jpg" width="30" /></a> <a href="https://twitter.com/APHParking" name="twitter_1" target="_blank"><img alt="twitter" border="0" name="http://namwpm.eccmp.com/wpm/540/TestLou/social-buttons-email-sm_02.jpg" src="http://namwpm.eccmp.com/wpm/540/TestLou/twitter.jpg" width="30" /></a> <a href="http://www.aph.com/community/blog/?ref=mote&amp;utm_source=motor&amp;utm_medium=email&amp;utm_campaign=weekly" name="blog_1" target="_blank"><img alt="blog" border="0" name="email_wordpress_blog.jpg" src="http://namwpm.eccmp.com/wpm/540/TestLou/blog.jpg" width="30" /></a> <a href="https://www.instagram.com/airportparkinghotels/" name="insta_1" target="_blank"><img alt="instagram" height="30" src="http://namwpm.eccmp.com/wpm/540/TestLou/instagram.jpg" width="30" /></a></td>
   </tr>
   <tr>
 <td height="10" style="line-height:10px; font-size:10px;"></td>
  <!-- Spacer -->
   </tr>
  </tbody>
</table>
 <!-- End Container --></td>
  </tr>
  </tbody>
   </table>
   <!-- End Wrapper --><!-- Start Wrapper -->

  <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="640">
 <tbody>
 <tr>
<td align="center"><!-- Start Container -->
 <table border="0" cellpadding="0" cellspacing="0" class="container" width="640">
 <tbody>
   <tr>
  <td align="center" class="mobile" style="padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; line-height: 11px; color:#666666;" valign="top" width="600"><p>This is a service email sent to you as a customer of APH (Airport Parking &amp; Hotels Ltd) who has booked online or through our call centre. Please do not reply to this message as emails to this address are unmonitored. If you have a query please email <a href="mailto:customerservices@aph.com" name="conatc_1" target="_blank">customerservices@aph.com</a>.</p>

      <p>Terms and Conditions: Information correct at time of print and subject to change without notice.</p>
    <p>Airport Parking and Hotels Ltd (APH Ltd) is registered in England (1539777) and the registered office is 12 Lonsdale Gardens, Tunbridge Wells, Kent TN1 1PA, VAT Number: GB 350 9836 37. APH&#39;s trading address is Snowhill, Copthorne, West Sussex, RH10 3EQ.</p>
    <p>{[Blank (Booking)|8816]}
    </p></td>
 </tr>
 </tbody>
</table>
 <!-- End Container --></td>
  </tr>
</tbody>
</table>
 <!-- End Wrapper 11.Manage-booking-tel-social -->

<!-- always add this at end of template if not already there -->                                    
</td>
</tr>
</tbody>
</table>
<!-- End Background -->
    </head>
</html>