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, 5 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

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098