Design trouble - text is oversetting in many email clients

I am struggling with a template I recently made for a client that is making the text overset and all jumbled up in a lot of email clients when sent out. I have performed a design test and it has confirmed it happens on many clients (AOL Web, Hotmail, LotusNotes 8, Outlook 2000 & Outlook 2003) but I have no idea what is creating the problem and making it look this awful.

Could be something in the repeater perhaps?

I would be eternally grateful for any help or advice on this as I'm stuck...

many thanks,
Val

Here is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pine Bank Chalets Newsletter</title>
<style type="text/css">

body { font-size: 12px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

.pagename h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; margin: 0; padding: 0; color: #34B233; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; margin: 0; padding: 0; color: #34B233; }

h2 { color: #ffffff !important; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

h3 { color: #34B233 !important; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

.welcome p { font-size: 14px; color: #313131; font-family: Arial, Helvetica, sans-serif; }

.welcome a { color: #FB4F14 !important; text-decoration: underline !important; }

li, li a, li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }

.issue p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; margin: 0; padding: 0; }

.content p { font-size: 12px; color: #313131; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

.content a { color: #FB4F14 !important; text-decoration: underline !important; }

.content a:hover { color: #FB4F14 !important; text-decoration: underline !important; }

.options p {
    font-size: 11px;
    color: #999;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.sidebar p { font-size: 12px; color: #000; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

.sidebar a { color: #ffffff !important; text-decoration: underline !important; }

.rep { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; font-weight: bold; margin: 0; padding: 0; }

.subheading h4 { color: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; font-weight: bold; }

.footer p { font-size: 12px; color: #313131; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

</style>
<!--[if gte mso 9]>
<style>
ul { margin: 0 0 0 24px; padding: 0; list-style-position: inside; }
</style>
<![endif]-->
</head>
<body style="margin: 0; padding: 0; background-color: #F2F2F2;" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">
<!--100% body table-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td bgcolor="#F2F2F2" style="background-color: #F2F2F2;">
            <!--intro-->
            <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="middle" width="11" height="100"> </td>
                    <td valign="middle" height="100">
                        <!--break-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="30" valign="middle" align="center"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #333; text-transform: uppercase; margin: 0; padding: 0;">Email not looking beautiful?
                                <webversion style="text-decoration: none; color: #34B233">View it in your browser</webversion>
                                </span></td>
                            </tr>
                        </table>
                        <!--/break-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="100">
                                    <table width="608" border="0" cellspacing="0" cellpadding="20">
                                        <tr>
                                            <td bgcolor="#ffffff">
<img src="headerlogo.gif" border="0" width="500" height="98" alt="Header">
<hr size="1" noshade color="#313131">
<p style="text-transform: uppercase; font-size: 14px;  color: #313131; margin: 10px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif;">NEWSLETTER &nbsp; <$currentdayname$> <$currentday$> <$currentmonthname$> <$currentyear$>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <!--break-->
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="20"> </td>
                            </tr>
                            <tr>
                                <td height="20" bgcolor="#FFFFFF"> </td>
                            </tr>
                            <tr>
                                <td bgcolor="#FFFFFF" align="center" valign="middle">
    <table border="0" cellspacing="0" cellpadding="0"><tr><td width="575" valign="top" align="left" class="welcome">
    <h3><$title default='Enter Welcome title here'$></h3>
    <$description default='<p>Enter a paragraph of text here</p>'$>
    </td></tr></table>
                                                            
                                </td>
                            </tr>
                            <tr>
                              <td height="20" bgcolor="#FFFFFF"> </td>
                            </tr>
                            <tr>
                                <td height="20"> </td>
                            </tr>
                        </table>
                        <!--/break-->
                    </td>
                </tr>
            </table>
            <!--/intro-->
            <!-- section-->
            <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td height="25" valign="top" width="11"> </td>
                    <td width="368" height="25" valign="top" style="background-color: #FFFFFF;" bgcolor="#FFFFFF"> </td>
                    <td height="25" valign="top" bgcolor="#FB4F14" width="11"> </td>
                    <td height="25" width="229" valign="top" bgcolor="#FB4F14"> </td>
                </tr>
            </table>
            <!-- section-->
            <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td height="25" valign="top" width="11"> </td>
                    <td width="368" height="25" valign="top" bgcolor="#FFFFFF">
                        
                        <repeater toc='true'>
                        <table border="0" align="right" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="349">
                                    <table border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td valign="middle" height="37" width="349" bgcolor="#FB4F14">
                                                <table border="0" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td bgcolor="#FB4F14" width="11" height="37"> </td>
                                                        <td height="37" width="339">
                                                            <h2>
                                                                <$title default='Enter Title Here'$>
                                                            </h2>
                                                        </td>
                                                    </tr>
                                                </table>
                                          </td>
                                        </tr>
                                    </table>
                                    <table class="content" border="0" align="center" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="332">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                      <td width="332"height="12"> </td>
                                                    </tr>
                                                </table>
                                                <$description default='<p>Enter description here</p>'$>
                                              <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                      <td  width="332"height="12"> </td>
                                                    </tr>
                                                </table>
                                                <img style="margin: 0; padding: 0; border: none; display: block;" src="<$imagesrc link='true'$>" alt="Image" width="330">
</br>
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td width="332" height="30"> </td>
                                                    </tr>
                                              </table>
                                            </td>
                                        </tr>
                                    </table>

                                </td>
                            </tr>
                        </table>
                        </repeater>
                        
                    </td>
                    <td height="25" valign="top" bgcolor="#FB4F14" width="12"> </td>
                    <td height="25" width="229" valign="top" bgcolor="#FB4F14">
                        <table width="229" border="0" align="right" cellpadding="0" cellspacing="0">
                            <tr>
                                <td valign="top">
                                    <table width="220" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td valign="top">
                                                <table class="issue" width="189" border="0" align="center" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td width="189">
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td height="10"> </td>
                                                                </tr>
                                                            </table>
                                                            <p>In this issue</p>
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td height="10"> </td>
                                                                </tr>
                                                            </table>
<ul style="margin: 0; padding-left: 14px; line-height: 18px; list-style: disc;">
                                                                <tableofcontents>
<li><$repeatertitle$></li>
</tableofcontents>
</ul>
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td height="20"> </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
<repeater>
<table bgcolor="#313131" width="229" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="5"> </td>
<td class="subheading">
<h4>
<$title default='Enter Title Here'$>
</h4>
</td>
</tr>
</table>
<table width="229" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="5"> </td>
<td class="sidebar" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"> </td>
</tr>
</table>
<$description default='<p>Enter description here</p>'$>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"></td>
</tr>
</table>
</td>
<td width="5"> </td>
</tr>
</table>
</repeater>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td height="20"> </td>
                                        </tr>
                                    </table>
                                    <!--button-->
                                    <table width="190" border="0" align="center" cellpadding="10" cellspacing="0">
                                        <tr>
                                        <td bgcolor="#FB4F14" height="11">
                                        </td>
                                        </tr>
                                        <tr>
<td style="color: #ffffff; text-align: center; font-size: 12px;" height="25" bgcolor="#313131"><a href="http://www.facebook.com/pages/Pine-Bank-Chalets/179196325450297"  target="_new" style="text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Join us on Facebook</a></td>
</tr>
<tr>
<td bgcolor="#FB4F14" height="11">
</td>
</tr>
                                                                        
<tr>
<td bgcolor="#FFFFFF"><p>For more information or to make a booking: </p>
<a href="http://www.pinebankchalets.co.uk" target="_new" style="text-decoration: none; color: #FB4F14; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">www.pinebankchalets.co.uk</a></p>
<p><strong> Tel: (0) 1479 810 000</strong></p>
</td>
</tr>

<tr>
<td bgcolor="#FB4F14" height="11">
</td>
</tr>

<tr>
<td style="color: #313131; text-align: center;" height="25" bgcolor="#F2F2F2">
                                                <forwardtoafriend style="text-decoration: none; color: #313131; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Forward email to a friend</forwardtoafriend>
</td>
</tr>
                              
</table>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td height="20"></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!--footer-->
            <table class="options" width="620" border="0" align="center" cellpadding="20" cellspacing="0">
                <tr>
                    <td valign="top">
                        <p>You received this email because at some point in the past you either rented one of our cabins or signed up to our mailing list. If you’d like, you can <unsubscribe style="color: #34B233; text-decoration: none;">unsubscribe</unsubscribe>.</p>
                    </td>
                </tr>
            </table>
            <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="11"> </td>
                    <td bgcolor="#FFFFFF" align="center">
                        <table class="footer" border="0" cellspacing="0" cellpadding="20">
                            <tr>
                                <td width="569" valign="middle" align="center">
                                    <p style="color: #313131; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Pine Bank Chalets Aviemore PH22 1PX / Tel: +44 (0) 1479 810 000 / <a href="mailto:info@pinebankchalets.co.uk" style="color: #34B233; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">info@pinebankchalets.co.uk</a></p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!--footer-->
            <!--break-->
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td height="25"> </td>
                </tr>
            </table>
            <!--/break-->
        </td>
    </tr>
</table>
<!--/100% body table-->
</body>
</html>
roshodgekiss roshodgekiss, 6 years ago

Hi Transfer Studio, welcome to the forums! I noticed there was an align=right on your repeater table that was causing the template to act all funny in the editor. I removed that, tested in Outlook and Gmail and it seems to be looking much better.

Here's the updated code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pine Bank Chalets Newsletter</title>
<style type="text/css">
body {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.pagename h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    margin: 0;
    padding: 0;
    color: #34B233;
}
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin: 0;
    padding: 0;
    color: #34B233;
}
h2 {
    color: #ffffff !important;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
h3 {
    color: #34B233 !important;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
.welcome p {
    font-size: 14px;
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
}
.welcome a {
    color: #FB4F14 !important;
    text-decoration: underline !important;
}
li, li a, li a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.issue p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.content p {
    font-size: 12px;
    color: #313131;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.content a {
    color: #FB4F14 !important;
    text-decoration: underline !important;
}
.content a:hover {
    color: #FB4F14 !important;
    text-decoration: underline !important;
}
.options p {
    font-size: 11px;
    color: #999;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.sidebar p {
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.sidebar a {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.rep {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #313131;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.subheading h4 {
    color: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}
.footer p {
    font-size: 12px;
    color: #313131;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
</style>
<!--[if gte mso 9]>
<style>
ul { margin: 0 0 0 24px; padding: 0; list-style-position: inside; }
</style>
<![endif]-->
</head>
<body style="margin: 0; padding: 0; background-color: #F2F2F2;" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">
<!--100% body table-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#F2F2F2" style="background-color: #F2F2F2;"><!--intro-->
      <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="middle" width="11" height="100"></td>
          <td valign="middle" height="100"><!--break-->
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="30" valign="middle" align="center"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #333; text-transform: uppercase; margin: 0; padding: 0;">Email not looking beautiful?
                  <webversion style="text-decoration: none; color: #34B233">View it in your browser</webversion>
                  </span></td>
              </tr>
            </table>
            <!--/break-->
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="100"><table width="608" border="0" cellspacing="0" cellpadding="20">
                    <tr>
                      <td bgcolor="#ffffff"><img src="http://placekitten.com/560/98" border="0" width="560" height="98" alt="Header">
                        <hr size="1" noshade color="#313131">
                        <p style="text-transform: uppercase; font-size: 14px;  color: #313131; margin: 10px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif;">NEWSLETTER &nbsp;
                          <$currentdayname$>
                          <$currentday$>
                          <$currentmonthname$>
                          <$currentyear$>
                        </p></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
            <!--break-->
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="20"></td>
              </tr>
              <tr>
                <td height="20" bgcolor="#FFFFFF"></td>
              </tr>
              <tr>
                <td bgcolor="#FFFFFF" align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="575" valign="top" align="left" class="welcome"><h3>
                          <$title default='Enter Welcome title here'$>
                        </h3>
                        <$description default='<p>Enter a paragraph of text here</p>'$></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="20" bgcolor="#FFFFFF"></td>
              </tr>
              <tr>
                <td height="20"></td>
              </tr>
            </table>
            <!--/break--></td>
        </tr>
      </table>
      <!--/intro-->
      <!-- section-->
      <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="25" valign="top" width="11"></td>
          <td width="368" height="25" valign="top" style="background-color: #FFFFFF;" bgcolor="#FFFFFF"></td>
          <td height="25" valign="top" bgcolor="#FB4F14" width="11"></td>
          <td height="25" width="229" valign="top" bgcolor="#FB4F14"></td>
        </tr>
      </table>
      <!-- section-->
      <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="25" valign="top" width="11"></td>
          <td width="368" height="25" align="right" valign="top" bgcolor="#FFFFFF"><repeater toc='true'>
              <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="349"><table border="0" cellspacing="0" cellpadding="0" style="text-align: left;">
                      <tr>
                        <td valign="middle" height="37" width="349" bgcolor="#FB4F14"><table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td bgcolor="#FB4F14" width="11" height="37"></td>
                              <td height="37" width="339"><h2>
                                  <$title default='Enter Title Here'$>
                                </h2></td>
                            </tr>
                          </table></td>
                      </tr>
                    </table>
                    <table class="content" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="332"><table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="332"height="12"></td>
                            </tr>
                          </table>
                          <$description default='<p>Enter description here</p>'$>
                          <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td  width="332"height="12"></td>
                            </tr>
                          </table>
                          <img style="margin: 0; padding: 0; border: none; display: block;" src="<$imagesrc link='true'$>" alt="Image" width="330"></td>
                      </tr>
                      <tr>
                        <td height="30">&nbsp;</td>
                      </tr>
                    </table></td>
                </tr>
              </table>
            </repeater></td>
          <td height="25" valign="top" bgcolor="#FB4F14" width="12"></td>
          <td height="25" width="229" valign="top" bgcolor="#FB4F14"><table width="229" border="0" align="right" cellpadding="0" cellspacing="0">
              <tr>
                <td valign="top"><table width="220" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><table class="issue" width="189" border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="189"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td height="10"></td>
                                </tr>
                              </table>
                              <p>In this issue</p>
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td height="10"></td>
                                </tr>
                              </table>
                              <ul style="margin: 0; padding-left: 14px; line-height: 18px; list-style: disc;">
                                <tableofcontents>
                                  <li>
                                    <$repeatertitle$>
                                  </li>
                                </tableofcontents>
                              </ul>
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td height="20"></td>
                                </tr>
                              </table></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table>
                  <repeater>
                    <table bgcolor="#313131" width="229" border="0" cellspacing="0" cellpadding="5">
                      <tr>
                        <td width="5"></td>
                        <td class="subheading"><h4>
                            <$title default='Enter Title Here'$>
                          </h4></td>
                      </tr>
                    </table>
                    <table width="229" border="0" cellspacing="0" cellpadding="5">
                      <tr>
                        <td width="5"></td>
                        <td class="sidebar" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="5"></td>
                            </tr>
                          </table>
                          <$description default='<p>Enter description here</p>'$>
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="20"></td>
                            </tr>
                          </table></td>
                        <td width="5"></td>
                      </tr>
                    </table>
                  </repeater>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="20"></td>
                    </tr>
                  </table>
                  <!--button-->
                  <table width="190" border="0" align="center" cellpadding="10" cellspacing="0">
                    <tr>
                      <td bgcolor="#FB4F14" height="11"></td>
                    </tr>
                    <tr>
                      <td style="color: #ffffff; text-align: center; font-size: 12px;" height="25" bgcolor="#313131"><a href="http://www.facebook.com/pages/Pine-Bank-Chalets/179196325450297"  target="_new" style="text-decoration: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Join us on Facebook</a></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FB4F14" height="11"></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FFFFFF"><p>For more information or to make a booking: </p>
                        <a href="http://www.pinebankchalets.co.uk" target="_new" style="text-decoration: none; color: #FB4F14; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">www.pinebankchalets.co.uk</a>
                        </p>
                        <p><strong> Tel: (0) 1479 810 000</strong></p></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FB4F14" height="11"></td>
                    </tr>
                    <tr>
                      <td style="color: #313131; text-align: center;" height="25" bgcolor="#F2F2F2"><forwardtoafriend style="text-decoration: none; color: #313131; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Forward email to a friend</forwardtoafriend></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="20"></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <!--footer-->
      <table class="options" width="620" border="0" align="center" cellpadding="20" cellspacing="0">
        <tr>
          <td valign="top"><p>You received this email because at some point in the past you either rented one of our cabins or signed up to our mailing list. If you’d like, you can
              <unsubscribe style="color: #34B233; text-decoration: none;">unsubscribe</unsubscribe>
              .</p></td>
        </tr>
      </table>
      <table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="11"></td>
          <td bgcolor="#FFFFFF" align="center"><table class="footer" border="0" cellspacing="0" cellpadding="20">
              <tr>
                <td width="569" valign="middle" align="center"><p style="color: #313131; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Pine Bank Chalets Aviemore PH22 1PX / Tel: +44 (0) 1479 810 000 / <a href="mailto:info@pinebankchalets.co.uk" style="color: #34B233; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">info@pinebankchalets.co.uk</a></p></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <!--footer-->
      <!--break-->
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="25"></td>
        </tr>
      </table>
      <!--/break--></td>
  </tr>
</table>
<!--/100% body table-->
</body>
</html>

Test it out and let us know how you go :)


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free