cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <table></table>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Country Road</title>
    <table cellpadding="0" cellspacing="0" border="0" bordercolor=""
    width="100%" bgcolor="">
      <tr>
        <td>
          <table width="100%" bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0">
            <tr>
              <td style="font-family:Arial; font-size:13px">
                <!---->
                <!---->
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!--[if !mso]>
      <!-- -->
      <style>
        @font-face{
        	font-family:'Brown';
        	src:url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-regular-c.eot");
        	src:url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-regular-c.eot?#iefix") format("embedded-opentype"),
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-regular-c.woff") format("woff"),
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-regular-c.ttf") format("truetype"),
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-regular-c.svg#LLBrownWeb-Regular") format("svg");
        	font-weight:normal;
        	font-style:normal;
        }
        @font-face{
        	font-family:'Brown';
        	src:url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-bold-c.eot");
        	src:url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-bold-c.eot?#iefix") format("embedded-opentype"),
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-bold-c.woff") format("woff"),
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-bold-c.ttf") format("truetype"),
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-bold-c.svg#LLBrownWeb-Bold") format("svg");
        	font-weight:bold;
        	font-style:normal;
        }
        
        @font-face { 
        	font-family: 'BrownLight'; 
        	src: url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-light-c.eot"); 
        	src: url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-light-c.eot?#iefix") format("embedded-opentype"), 
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-light-c.woff") format("woff"), 
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-light-c.ttf") format("truetype"), 
        		url("http://www.countryroad.com.au/images/assetimages/fonts/lineto-brown-light-c.svg#LLBrownWeb-Regular") format("svg"); 
        	font-weight: normal; 
        	font-style: normal; 
        }
      </style>
    <!--<![endif]-->
    <style type="text/css">
      /* ***** CLIENT-SPECIFIC CSS FIXES ***** */
      .ExternalClass * {line-height: 100%}
      img {-ms-interpolation-mode: bicubic !important}
      a[href^="x-apple-data-detectors:"] {color: inherit;text-decoration: inherit;}
      @media yahoo {form input {display: none!important;max-height: 0px!important;height: 0px!important;visibility: hidden!important;}}
      @-webkit-keyframes bugfix {from {padding:0;}to {padding: 0;}}
      @-ms-viewport {width:device-width}
       
      /* ***** LINKS ***** */
      a:link, a:active, a:visited, a:hover {color: #000001;}
      td.cta a, td.cta a:link {color: #4f555d;background-color: #ffffff;-webkit-transition: color .2s ease-out, background .5s ease-in;transition: color .2s ease-out, background .5s ease-in;}
      td.cta a:hover, td.cta a:active {text-decoration: none;background-color: #000000 !important;color: #ffffff!important;}
      td.cta_rewardbanner a, td.cta_rewardbanner a:link {color: #4f555d;background-color: #e9eaec;-webkit-transition: color .2s ease-out, background .5s ease-in;transition: color .2s ease-out, background .5s ease-in;}
      td.cta_rewardbanner a:hover, td.cta_rewardbanner a:active {text-decoration: none;background-color: #000000 !important;color: #ffffff!important;}
      
      
      /* ***** DROPDOWN MENU ***** */
      .desktopmenutext a, .desktopmenutext a strong {font-family: Arial, Helvetica, sans-serif !important;font-size: 12px!important;letter-spacing: 1px !important;}
      input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;}
      label, label img {max-height: 0px;height: 0px;-webkit-appearance: none;margin-top: 15px;-moz-appearance: none;display: inline-block;cursor: pointer;}
      
      
       @media only screen and (max-width:640px) {
      	 
      /* ***** DISPLAY MODIFIERS***** */
      .mobile-hide, #mobile-hide {display: none!important;visibility: hidden !important;height: 0px !important;width: 0px!important;}
      .mobile-show, #mobile-show {width: 100% !important;overflow: visible !important;visibility: visible!important;display: block !important;max-height: none!important;}
      .nofloat, #nofloat {float: none!important;}
      
      /* ***** WIDTH MODIFIERS***** */
      .full-width, #full-width {width: 100%!important;}
      .half-width, #half-width {width: 50%!important;}
      .third-width, #third-width {width: 33%!important;}
      .quarter-width, #quarter-width {width: 25%!important;}
      .autoheight {height:auto!important;}
      
      
      /* ***** IMAGE MODIFIERS***** */
      .img-full img, #img-full img {width: 100%!important;height: auto!important;}
      .img-half img, #img-half img {width: 50%!important;height: auto!important;}
      .img-third img, #img-third img {width: 33%!important;height: auto!important;}
      
      /* ***** PADDING MODIFIERS***** */
      .copy-pad, #copy-pad { 	padding-left: 6% !important;
      	padding-right: 6% !important;
      	width:88%!Important;
      }
      
      
      /* *****DROPDOWN MENU CSS***** */
      img[class=crmainlogo] {width: 210px!important; height: auto!important; display: block !important; margin: 0 auto!Important; padding: 15px 0 !important;}
      *[id=wrapper] {	border-top:1px solid #eee !important;}
      a[class=crmainlogo] {border: 20px !important;}
      *[class=revealmenu] {width: 30px !important;height: 30px!important;overflow: visible !important;display: block !important;max-height: none!important;
      }
      label, label img {display: block;max-height: none;height: 35px;width: 30px!important;
      }
      /* Default State */
      div.menu {visibility: hidden; height: 0px; background: #ffffff; line-height: 36px; width: 100%; color: white; text-align: center; -webkit-transition: height 0.5s, color 1s, -webkit-transform 0.5s; transition: height 0.5s, color 1s, transform 0.5s;}
      input[id=mobile-checkbox] {display: none !important;}
      * [title="mob_checkbox"] {display: none !important;}
      
      /* Toggled State */
      input[type=checkbox]:checked ~ div.menu {background: #ffffff;color: #333333;visibility: visible;height: 160px;}
      input[type=checkbox]:checked ~ table.menutable {opacity: 1;}
      *[id]#wrapper + table, *[class].container, *[class].menu {min-width: 0 !important;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;width: 100% !important;}
      *[id]#mobile-label {background-color: #ffffff; cursor: pointer; display: block !important; float: right; padding:18px 10px 0 10px; -webkit-tap-highlight-color: transparent; width: 18px; margin-top:0;}
      *[id]#mobile-label > b {background-color: #404040;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;display: block;height: 3px;vertical-align: middle !important;}
      *[id]#mobile-label > b + b {margin-top: 4px;}
      *[class].menu td {padding-top: 0px !important;padding-bottom: 0px;background-color: #ffffff !important;}
      *[id]#menu-wrapper {height: 0px;overflow: hidden;-moz-transition: height .25s linear;-ms-transition: height .25s linear;-o-transition: height .25s linear;-webkit-transition: height .25s linear;transition: height .25s linear;border-bottom:1px solid #eee;}
      *[id]#menu-wrapper img {margin:0 auto!important;}
      *[id]#mobile-checkbox:checked + table #menu-wrapper {height: 240px;border:0!important}
      .toppad42px {padding-top: 42px !important;}
      *[id=border] {border-bottom:1px solid #cccccc;}
      a[class=menuitem] {display: block !important;padding-top: 15px !important;padding-bottom: 15px !important;width: 100%!important;border-bottom: 1px solid #eeeeee;text-align: center;padding-left: 0px !important;padding-right: 0px!important;}
      td[class=menuitem] {letter-spacing: 2px !important;font-size: 14px !important;line-height: 15px !important; color: #000000 !important;
      background-color: #ffffff !important;text-transform: uppercase !important;}
      }
      
      
      @media only screen and (max-device-width : 320px) {
      
      /***** iPhone 5 specific classes *****/
      .ip5-text, #ip5-text {font-size: 10px !important;}
      .ip5-hidden, #ip5-hidden {display: none!important;visibility: hidden !important;height: 0px !important;width: 0px!important;}
      
      img[class=crmainlogo] {width: 210px!important;height: auto!important;display: block !important;margin: 0 auto!important;padding: 16px 7px 20px 10px!Important;}
      }
    </style>
    <style>
      table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
      @media only screen and (max-width: 640px) {
      
      	.mobbgimg, #mobbgimg {
      		
      		  background-image: url(http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/0518_PromoLaunch_DESK_01.png) !important;
        background-size: 100% !important;
      	}
      	#rewards-right {
      		text-align:right!important;
      		float:right!important;}
      	
      	td#rewards-right {
      		padding:10px 5% 10px!important;
      		
      		
      	}
      	
      	td#topbanner-left {
      		padding:10px 5% 10px!important
      	}
      }
    </style>
    <style>
      @media only screen and (max-width: 640px) {
      	
      .reward-pad{
      	padding-left: 20px !important;
      }
      	u ~ div .reward-pad{
      	padding-left: 70px !important;
      }
      .three-quarter-width, #three-quarter-width {width: 75%!important;}
      
      .allmob-padding, #allmob-padding {
      	padding: 3% !important;
      }
      	.padding3right, #padding3right {
      	padding: 0px 0px 0px 0px !important;
      }
      
      .padding2left, #padding2left {
      	padding: 20px 0px 10px 0px !important;
      }
      .padding2right, #padding2right {
      	padding: 0px 0px 40px 0px !important;
      }
      	.paddingmiddle, #paddingmiddle {
      	padding: 0px 0px 10px 0px !important;
      }
      .centeralign, #centeralign {
      	float: none !important;
      	text-align: center;
      	margin: 0 auto;
      }
      }
      
      @media only screen and (max-width: 480px) {
      
      	#background-fix {
      		background:auto 100%!important;
      	}
      	.toppad20px, #toppad20px {padding-top: 20px !important;}
      }
      
      @media only screen and (max-width: 350px) {
      	
      	.iphone-button, #iphone-button {
      		
      		width: 90px !important;
      	}
      
      	.ipfive-button, #ipfive-button {
      		
      		width: 90px !important;
      	}
      	.toppad20px, #toppad20px {padding-top: 20px !important;}
      	
      	}
    </style>
    <style>
      @media only screen and (max-width:640px) {
      	
      	.heading, #heading {
      	font-weight: normal !important;
      }
      	.toppad20px, #toppad20px {padding-top: 20px !important;}
      }
      .termslinks a  {color: #666666; text-decoration: none;}
    </style>
  </head>
  
  <body yahoo="fix" marginwidth="0" marginheight="0" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; width: 100% !important; background-color: #ffffff;"
  topmargin="0" leftmargin="0" bgcolor="#ffffff">
    <style type="text/css">
      div.preheader 
      { display: none !important; }
    </style>
    <div class="preheader" style="font-size: 1px; display: none !important;">Mother’s Day is all about spoiling mum, so we’re starting her day off the right
      way.</div>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table cellspacing="0" cellpadding="0" border="0" width="600" class="full-width"
                height="30" valign="middle">
                  <tbody>
                    <tr>
                      <td style="text-align: left;">
                        <a href="http://view.e.countryroad.com.au/?qs=7244e511023f8135d1ebe41cc1b386321c04767f68fbc804e472734c6465d85633493b86a278e0e47dc86051fd0cb7a6a5e593f69128899a126e7f3aa622e7bc7de6439d9ad6fd4f39833d5303ec6b21cf96425ed4bf21b5"
                        style="font-family: arial; font-size: 11px; color: #666666; font-weight: bold; text-decoration: underline;"
                        height="30" valign="middle">View online</a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <div id="wrapper" style="background-color: #FFFFFF;">
                  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"
                  style="border-collapse: collapse; border-spacing: 0; table-layout: fixed; color:#000000; ">
                    <tbody>
                      <tr>
                        <td>
                          <form>
                            <!--[if mso]>
                              <p style="display: none;  ">
                              <![endif]-->
                              <input id="mobile-checkbox" title="mob_checkbox" type="checkbox" style="max-height:0px;">
                              <!--[if mso]>
                              </p>
                            <![endif]-->
                            <table align="center" border="0" cellpadding="0" cellspacing="0" class="container"
                            style="border-collapse: collapse; border-spacing: 0; min-width:600px; max-width:600px; border-top:3px solid black;"
                            width="600">
                              <tbody>
                                <tr>
                                  <td height="30" colspan="2" class="mobile-hide"></td>
                                </tr>
                                <tr>
                                  <td align="center" valign="middle" class="bordermob">
                                    <div>
                                      <label for="mobile-checkbox" id="mobile-label" style="display: none;"> <b></b>  <b></b>  <b></b> 
                                      </label>
                                      <a class="crmainlogo" href="https://www.countryroad.com?popupwsid=1&utm_campaign=cr_may18_130518_mothersdayrecipe&utm_content=other_range_category_herolaunch&utm_medium=email&utm_source=brand&utm_term=multiple">
                                        <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/4/CR_HighResImg.jpg"
                                        alt="" width="250" height="30" style="display:block;" border="0" class="crmainlogo">
                                      </a>
                                    </div>
                                    <table align="right" border="0" cellpadding="0" cellspacing="0" class="menu" width="100%">
                                      <tbody>
                                        <tr>
                                          <td height="20" id="spacefix" class="mobile-hide">&nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td class="toppad42px" align="center">
                                            <div id="menu-wrapper">
                                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width"
                                              style="border-collapse: collapse; border-spacing: 0; ">
                                                <tbody>
                                                  <tr>
                                                    <td align="center">
                                                      <table border="0" align="left" cellpadding="0" cellspacing="0" style="display:inline-table"
                                                      class="full-width">
                                                        <tr>
                                                          <td class="menuitem" nowrap="" style="font-family: Arial, Helvetica, serif; padding-left:0px; color:#404040; background-color:#ffffff;  text-transform: uppercase;">
                                                            <a class="menuitem" href="https://www.countryroad.com/shop/woman/clothing/new-in?popupwsid=1"
                                                            style="color:#929497; text-decoration:none; font-family: Arial, sans-serif; text-transform:uppercase; display: inline-block;font-size:12px; letter-spacing:1px;">
                                                              <!--[if !mso 9]>
                                                                <!-->
                                                                <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                                                  <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_New_Mob.jpg"
                                                                  width="58" border="0">
                                                                </div>
                                                              <!--<![endif]-->
                                                              <img alt="NEW IN" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_New_Desk.jpg"
                                                              width="58" height="9" title="NEW IN" class="mobile-hide" />
                                                            </a>
                                                          </td>
                                                          <td id="spacefix" width="20" class="mobile-hide">&nbsp;</td>
                                                        </tr>
                                                      </table>
                                                      <!-- end of left table -->
                                                      <!-- whack in a column if Outlook -->
                                                      <!--[if mso]>
                                                    </td>
                                                    <td valign="top">
                                                    <![endif]-->
                                                    <!-- start of right table -->
                                                    <table border="0" align="left" cellpadding="0" cellspacing="0" style="display:inline-table"
                                                    class="full-width">
                                                      <tr>
                                                        <td class="menuitem" style="font-family: Arial, Helvetica, serif;  padding-left:0px;  color:#404040; background-color:#ffffff;  text-transform: uppercase;"
                                                        align="center">
                                                          <a class="menuitem" href="https://www.countryroad.com/shop/woman/clothing?popupwsid=1"
                                                          style="color:#929497; text-decoration:none; font-family: Arial, sans-serif; text-transform:uppercase; display: inline-block; font-size:12px; letter-spacing:1px;">
                                                            <!--[if !mso 9]>
                                                              <!-->
                                                              <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                                                <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_WW_Mob.jpg"
                                                                width="59" border="0">
                                                              </div>
                                                            <!--<![endif]-->
                                                            <img alt="WOMAN" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_WW_Desk.jpg"
                                                            width="59" height="9" title="WOMAN" class="mobile-hide" />
                                                          </a>
                                                        </td>
                                                        <td id="spacefix" width="20" class="mobile-hide">&nbsp;</td>
                                                      </tr>
                                                    </table>
                                                    <!-- end of left table -->
                                                    <!-- whack in a column if Outlook -->
                                                    <!--[if mso]>
                                                    </td>
                                                    <td valign="top">
                                                    <![endif]-->
                                                    <!-- start of right table -->
                                                    <table border="0" align="left" cellpadding="0" cellspacing="0" style="display:inline-table"
                                                    class="full-width">
                                                      <tr>
                                                        <td class="menuitem" nowrap="" style="font-family: Arial, Helvetica, serif; padding-left:0px; color:#404040; background-color:#ffffff;  text-transform: uppercase;">
                                                          <a class="menuitem" href="https://www.countryroad.com/shop/man/clothing?popupwsid=1"
                                                          style="color:#929497; text-decoration:none; font-family: Arial, sans-serif; text-transform:uppercase; display: inline-block;font-size:12px; letter-spacing:1px;">
                                                            <!--[if !mso 9]>
                                                              <!-->
                                                              <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                                                <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_MW_Mob.jpg"
                                                                width="33" border="0">
                                                              </div>
                                                            <!--<![endif]-->
                                                            <img alt="MAN" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/3/CR-Apr14Header_Desktop_MW.jpg"
                                                            width="30" height="9" title="MAN" class="mobile-hide" />
                                                          </a>
                                                        </td>
                                                        <td id="spacefix" width="20" class="mobile-hide">&nbsp;</td>
                                                      </tr>
                                                    </table>
                                                    <!-- end of left table -->
                                                    <!-- whack in a column if Outlook -->
                                                    <!--[if mso]>
                                                    </td>
                                                    <td valign="top">
                                                    <![endif]-->
                                                    <!-- start of right table -->
                                                    <table border="0" align="left" cellpadding="0" cellspacing="0" style="display:inline-table"
                                                    class="full-width">
                                                      <tr>
                                                        <td class="menuitem" nowrap="" style="font-family: Arial, Helvetica, serif; padding-left:0px; color:#404040; background-color:#ffffff;  text-transform: uppercase;">
                                                          <a class="menuitem" href="https://www.countryroad.com/shop/child?popupwsid=1"
                                                          style="color:#929497; text-decoration:none; font-family: Arial, sans-serif; text-transform:uppercase; display: inline-block;font-size:12px; letter-spacing:1px;">
                                                            <!--[if !mso 9]>
                                                              <!-->
                                                              <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                                                <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_KW_Mob.jpg"
                                                                width="45" border="0">
                                                              </div>
                                                            <!--<![endif]-->
                                                            <img alt="CHILD" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/3/CR-Apr14Header_Desktop_KW.jpg"
                                                            width="44" height="9" title="CHILD" class="mobile-hide" />
                                                          </a>
                                                        </td>
                                                        <td id="spacefix" width="20" class="mobile-hide">&nbsp;</td>
                                                      </tr>
                                                    </table>
                                                    <!-- end of left table -->
                                                    <!-- whack in a column if Outlook -->
                                                    <!--[if mso]>
                                                    </td>
                                                    <td valign="top">
                                                    <![endif]-->
                                                    <!-- start of right table -->
                                                    <table border="0" align="left" cellpadding="0" cellspacing="0" style="display:inline-table"
                                                    class="full-width">
                                                      <tr>
                                                        <td class="menuitem" nowrap="" style="font-family: Arial, Helvetica, serif; padding-left:0px; color:#404040; background-color:#ffffff;  text-transform: uppercase;">
                                                          <a class="menuitem" href="https://www.countryroad.com/shop/home?popupwsid=1" style="color:#929497; text-decoration:none; font-family: Arial, sans-serif; text-transform:uppercase; display: inline-block;font-size:12px; letter-spacing:1px;">
                                                            <!--[if !mso 9]>
                                                              <!-->
                                                              <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                                                <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_HW_Mob.jpg"
                                                                width="45" border="0">
                                                              </div>
                                                            <!--<![endif]-->
                                                            <img alt="HOME" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/3/CR-Apr14Header_Desktop_HW.jpg"
                                                            width="41" height="9" title="HOME" class="mobile-hide" />
                                                          </a>
                                                        </td>
                                                        <td id="spacefix" width="20" class="mobile-hide">&nbsp;</td>
                                                      </tr>
                                                    </table>
                                                    <!-- end of left table -->
                                                    <!-- whack in a column if Outlook -->
                                                    <!--[if mso]>
                                                    </td>
                                                    <td valign="top">
                                                    <![endif]-->
                                                    <!-- start of right table -->
                                                    <table border="0" align="left" cellpadding="0" cellspacing="0" style="display:inline-table"
                                                    class="full-width">
                                                      <tr>
                                                        <td class="menuitem" nowrap="" style="font-family: Arial, Helvetica, serif; padding-left:0px; color:#404040; background-color:#ffffff;  text-transform: uppercase;">
                                                          <a class="menuitem" href="https://www.countryroad.com/livewithus?popupwsid=1"
                                                          style="color:#929497; text-decoration:none; font-family: Arial, sans-serif; text-transform:uppercase; display: inline-block;font-size:12px; letter-spacing:1px;">
                                                            <!--[if !mso 9]>
                                                              <!-->
                                                              <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                                                <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/25/CR_Jan17_NavUpd_LWU_Mob.jpg"
                                                                width="102" border="0">
                                                              </div>
                                                            <!--<![endif]-->
                                                            <img alt="LIVE WITH US" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/3/CR-Apr14Header_Desktop_LWU.jpg"
                                                            width="101" height="9" title="LIVE WITH US" class="mobile-hide" />
                                                          </a>
                                                        </td>
                                                        <td id="spacefix" width="1" class="mobile-hide">&nbsp;</td>
                                                      </tr>
                                                    </table>
                                                    </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </div>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </form>
                        </td>
                      </tr>
                      <tr>
                        <td height="25" id="spacefix" class="mobile-hide">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" class="full-width">
                  <tr>
                    <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" class="full-width">
                  <tbody>
                    <tr>
                      <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center">
                        <a href="https://www.countryroad.com/livewithus/treat-mum-to-breakfast-in-bed?popupwsid=1"
                        target="_blank" style="color: #343434 !important;">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                              <img alt="" style=" max-width: 320px;" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_01.png"
                              width="90%" border="0">
                            </div>
                          <!--<![endif]-->
                          <img alt="Live With Us" style="display:block;  " border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_01.png"
                          width="412" height="29" class="mobile-hide">
                        </a>
                      </td>
                    </tr>
                    <tr>
                      <td height="30" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="20" style="font-size:1px; line-height:1px;" class="mobile-hide">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center">
                        <a href="https://www.countryroad.com/livewithus/treat-mum-to-breakfast-in-bed?popupwsid=1"
                        target="_blank" style="color: #343434 !important;">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; mso-hide: all; line-height:0;">
                              <img alt="" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_02b.jpg"
                              width="100%" border="0" style="mso-hide:all;">
                            </div>
                          <!--<![endif]-->
                          <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_02b.jpg"
                          alt="Happy Mothers Day" width="600" height="743" class="mobile-hide" style="display:block;"
                          border="0">
                        </a>
                      </td>
                    </tr>
                    <tr>
                      <td height="40" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" class="full-width">
                  <tbody>
                    <tr>
                      <td align="center">
                        <a href="https://www.countryroad.com/livewithus/treat-mum-to-breakfast-in-bed?popupwsid=1"
                        target="_blank" style="color: #343434 !important;">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; mso-hide: all; line-height:0;">
                              <img alt="" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_03.jpg"
                              width="100%" border="0" style="mso-hide:all;">
                            </div>
                          <!--<![endif]-->
                          <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_03.jpg"
                          alt="Breakfast In Bed" width="600" height="451" class="mobile-hide" style="display:block;"
                          border="0">
                        </a>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" bgcolor="#ffffff">
                        <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="full-width">
                          <tbody>
                            <tr>
                              <td height="25" style="font-size:1px; line-height:1px;">&nbsp;</td>
                            </tr>
                            <tr>
                              <td align="center">
                                <a href="https://www.countryroad.com/livewithus/treat-mum-to-breakfast-in-bed?popupwsid=1"
                                target="_blank">
                                  <!--[if !mso 9]>
                                    <!-->
                                    <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; line-height:0;">
                                      <img alt="" style=" max-width: 320px;" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_04.png"
                                      width="90%" border="0">
                                    </div>
                                  <!--<![endif]-->
                                  <img alt="Living. Treat Mum To Breakfast In Bed" style="display:block;  " border="0"
                                  src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_04.png"
                                  width="412" height="60" class="mobile-hide">
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td style="font-size: 14px; font-family: 'Georgia', Times, 'Times New Roman', serif; letter-spacing:0px; text-align:center; font-size:14px; line-height: 20px; color: #000000; display:block; font-weight:normal; margin:0 auto; padding: 20px 0 0px;"
                              valign="top" align="center" id="copy-pad">Mother’s Day is all about spoiling mum, so we’re starting
                                <br class="mobile-hide">her day off the right way: with a beautiful breakfast in bed.
                                <br class="mobile-hide">A new mum herself, here Sarah Pound of Two Pounds shares three
                                <br class="mobile-hide">delicious recipes; ricotta pancakes with berries and mint, smashed pea
                                <br class="mobile-hide">and goat’s cheese on sourdough, and a basil and&nbsp;strawberry&nbsp;smoothie.</td>
                            </tr>
                            <tr>
                              <td align="center" class="cta" style=" padding: 20px 0px 40px 0px;">
                                <table width="130" border="0" cellspacing="0" cellpadding="0" align="center">
                                  <tbody>
                                    <tr>
                                      <td height="25" align="center" style="font-family:'BrownLight', Corbel, Arial, Sans-Serif; letter-spacing:1px; text-align:center; font-size:12px; border:1px solid #000000;">
                                        <a href="https://www.countryroad.com/livewithus/treat-mum-to-breakfast-in-bed?popupwsid=1"
                                        target="_blank" style="text-decoration: none; color: #000000; height:inherit; width:inherit;padding:0px 0px;line-height:25px; display:block;"><span style="text-decoration: none;" class="ip5-text">READ MORE</span>
                                        </a>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="full-width">
                  <tr>
                    <td align="center">
                      <a href="https://www.countryroad.com/livewithus/treat-mum-to-breakfast-in-bed?popupwsid=1"
                      target="_blank" style="color: #343434 !important;">
                        <!--[if !mso 9]>
                          <!-->
                          <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; mso-hide: all; line-height:0;">
                            <img alt="" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_05.jpg"
                            width="90%" border="0" style="mso-hide:all;">
                          </div>
                        <!--<![endif]-->
                        <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_05.jpg"
                        alt="Country Road" width="560" height="400" class="mobile-hide" style="display:block;"
                        border="0">
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" class="full-width">
                  <tbody>
                    <tr>
                      <td height="40" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </tbody>
                </table>
                <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" class="full-width"
                bgcolor="#5d8089" border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;>
                  <tr>
                    <td height="40" style="font-size:1px; line-height:1px;">&nbsp;</td>
                  </tr>
                  <tr>
                    <td align="center" valign="top">
                      <a href="https://www.countryroad.com?popupwsid=1&utm_campaign=cr_may18_130518_mothersdayrecipe&utm_content=other_range_category_herolaunch&utm_medium=email&utm_source=brand&utm_term=multiple"
                      target="_blank" style="color: #343434 !important;">
                        <!--[if !mso 9]>
                          <!-->
                          <div class="mobile-show" style="display:none; width:0px; overflow: hidden; max-height: 0px; mso-hide: all; line-height:0;">
                            <img alt="" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_06.png"
                            width="90%" border="0" style="mso-hide:all;max-width: 320px;">
                          </div>
                        <!--<![endif]-->
                        <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/32/Mothers-Day-Recip_06.png"
                        alt="25% Off" width="379" height="125" class="mobile-hide" style="display:block;"
                        border="0">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center">
                      <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="full-width">
                        <tbody>
                          <tr>
                            <td style="font-size: 13px; font-family:'BrownLight','Brown','Avenir Medium','Avenir',Ebrima,Corbel,Lucida Sans Unicode,Arial;letter-spacing:0px; text-align:center; font-size:13px; line-height: 20px; color: #ffffff; display:block; font-weight:normal; margin:0 auto; letter-spacing:0.5px; padding: 20px 0 0px; "
                            valign="top" align="center" id="copy-pad">Excludes full priced CR.CAPSULE.</td>
                          </tr>
                          <tr>
                            <td height="40" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </table>
                <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" class="full-width">
                  <tbody>
                    <tr>
                      <td height="40" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed;">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
    cellspacing="0" style="table-layout: fixed; ">
      <tr>
        <td width="100%" align="center" valign="top" bgcolor="#ffffff" style="table-layout: fixed;">
          <table width="600" bgcolor="#ffffff" border="0" align="center" cellpadding="0"
          cellspacing="0" class="full-width">
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
            <tr>
              <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
            </tr>
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table border="0" cellpadding="0" cellspacing="0" width="280" align="center">
                  <tbody>
                    <tr>
                      <td valign="top" width="20" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" align="center" width="18">
                        <a href="http://www.facebook.com/CountryRoad" target="_blank">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display: none; width: 0px; max-height: 0px; line-height: 0;">
                              <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/10/footer-social-facebookv2_mob.jpg"
                              height="20" border="0" />
                            </div>
                          <!--<![endif]-->
                          <img alt="Facebook" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-social-facebook.jpg"
                          width="18" height="20" class="mobile-hide" />
                        </a>
                      </td>
                      <td valign="top" width="5" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" width="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" align="center" width="24">
                        <a href="https://twitter.com/countryroad" target="_blank">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display: none; width: 0px; max-height: 0px; line-height: 0;">
                              <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/10/footer-socialtwitterv2_mob.jpg"
                              height="20" border="0" />
                            </div>
                          <!--<![endif]-->
                          <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-social-twitter.jpg"
                          style="display: block;" border="0" height="20" width="24" alt="Twitter" title="Twitter"
                          class="mobile-hide" />
                        </a>
                      </td>
                      <td valign="top" width="5" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" width="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" align="center" width="20">
                        <a href="https://instagram.com/countryroad/" target="_blank">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display: none; width: 0px; max-height: 0px; line-height: 0;">
                              <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/10/footer-social-instagramv2_mob.jpg"
                              height="20" border="0" />
                            </div>
                          <!--<![endif]-->
                          <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/10/footer-social-instagramv2.jpg"
                          style="display: block;" border="0" height="20" width="20" alt="Instagram" title="Instagram"
                          class="mobile-hide" />
                        </a>
                      </td>
                      <td valign="top" width="5" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" width="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" align="center" width="21">
                        <a href="https://www.pinterest.com/countryroad/" target="_blank">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display: none; width: 0px; max-height: 0px; line-height: 0;">
                              <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/10/footer-socialpinterestv2_mob.jpg"
                              height="20" border="0" />
                            </div>
                          <!--<![endif]-->
                          <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-social-pinterest.jpg"
                          style="display: block;" border="0" height="20" width="21" alt="Pinterest" title="Pinterest"
                          class="mobile-hide" />
                        </a>
                      </td>
                      <td valign="top" width="5" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" width="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                      <td valign="top" align="left" width="45">
                        <a href="https://www.youtube.com/user/countryroad" target="_blank">
                          <!--[if !mso 9]>
                            <!-->
                            <div class="mobile-show" style="display: none; width: 0px; max-height: 0px; line-height: 0;">
                              <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/10/footer-socialyoutubev2_mob.jpg"
                              height="20" border="0" />
                            </div>
                          <!--<![endif]-->
                          <img src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-social-youtube.jpg"
                          style="display: block;" border="0" height="20" width="45" alt="YouTube" title="YouTube"
                          class="mobile-hide" />
                        </a>
                      </td>
                    </tr>
                    <tr>
                      <td height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" valign="top" bgcolor="#ffffff" style="border-top: 3px solid #000000; border-bottom: 3px solid #000000;">
                <table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff"
                style="table-layout: fixed;">
                  <tbody>
                    <tr>
                      <td align="center">
                        <table border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#ffffff"
                        class="full-width">
                          <tbody>
                            <tr>
                              <td width="15" style="font-size:1px; line-height:1px;" class="mobile-hide">&nbsp;</td>
                              <td bgcolor="#ffffff" align="center">
                                <table border="0" cellpadding="0" cellspacing="0" align="center">
                                  <tbody>
                                    <tr>
                                      <td align="center" width="50">
                                        <a href="https://www.countryroad.com?popupwsid=1&utm_campaign=cr_may18_130518_mothersdayrecipe&utm_content=other_range_category_herolaunch&utm_medium=email&utm_source=brand&utm_term=multiple">
                                          <img alt="SHOP" title="SHOP" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-shop.gif"
                                          width="50" height="44" class="mobile-hide" />
                                        </a>
                                      </td>
                                      <td align="center" width="60">
                                        <a href="https://www.countryroad.com/stores?popupwsid=1">
                                          <img alt="STORES" title="STORES" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-stores.gif"
                                          width="60" height="44" class="mobile-hide" />
                                        </a>
                                      </td>
                                      <td class="mobile-hide" align="center">
                                        <a href="https://customerservice.countryroad.com.au/home?utm_campaign=cr_may18_130518_mothersdayrecipe&utm_source=brand&utm_medium=email&utm_term=multiple&utm_content=other_range_category_herolaunch">
                                          <img alt="CONTACT US" title="CONTACT US" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-contact-us.gif"
                                          width="91" height="44" class="mobile-hide" />
                                        </a>
                                      </td>
                                      <td align="center" width="110">
                                        <a href="https://www.countryroad.com/privacy-policy?popupwsid=1">
                                          <img alt="PRIVACY POLICY" title="PRIVACY POLICY" style="display: block;" border="0"
                                          src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-privacy2.gif"
                                          width="105" height="44" class="mobile-hide" />
                                        </a>
                                      </td>
                                      <td align="left" width="125">
                                        <a href="http://crg.force.com/cust_maint/default/site_down/maintenance.html">
                                          <img alt="EMAIL PREFERENCES" title="EMAIL PREFERENCES" style="display: block;"
                                          border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-prefs.gif"
                                          width="120" height="44" class="mobile-hide" />
                                        </a>
                                      </td>
                                      <td align="center" width="135">
                                        <a href="https://www.countryroad.com/terms-and-conditions?popupwsid=1">
                                          <img alt="TERMS AND CONDITIONS" title="TERMS AND CONDITIONS" style="display: block;"
                                          border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-tcs.gif"
                                          width="135" height="44" class="mobile-hide" />
                                        </a>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </td>
                              <td width="15" style="font-size:1px; line-height:1px;" class="mobile-hide">&nbsp;</td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <table width="311" border="0" align="center" cellpadding="0" cellspacing="0">
                  <td align="center" width="50">
                    <a href="https://www.countryroad.com?popupwsid=1&utm_campaign=cr_may18_130518_mothersdayrecipe&utm_content=other_range_category_herolaunch&utm_medium=email&utm_source=brand&utm_term=multiple">
                      <!--[if !mso 9]>
                        <!-->
                        <div class="mobile-show" style="display:none; width:0px; overflow:hidden; max-height: 0px; line-height:0;">
                          <img alt="SHOP" title="SHOP" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-shop.gif"
                          width="50" height="44" />
                        </div>
                      <!--<![endif]-->
                    </a>
                  </td>
                  <td align="center" width="60">
                    <a href="https://www.countryroad.com/stores?popupwsid=1">
                      <!--[if !mso 9]>
                        <!-->
                        <div class="mobile-show" style="display:none; width:0px; overflow:hidden; max-height: 0px; line-height:0;">
                          <img alt="STORES" title="STORES" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-stores.gif"
                          width="60" height="44" />
                        </div>
                      <!--<![endif]-->
                    </a>
                  </td>
                  <td align="center">
                    <a href="https://customerservice.countryroad.com.au/home?utm_campaign=cr_may18_130518_mothersdayrecipe&utm_source=brand&utm_medium=email&utm_term=multiple&utm_content=other_range_category_herolaunch">
                      <!--[if !mso 9]>
                        <!-->
                        <div class="mobile-show" style="display:none; width:0px; overflow:hidden; max-height: 0px; line-height:0;">
                          <img alt="CONTACT US" title="CONTACT US" style="display: block;" border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-contact-us.gif"
                          width="91" height="44" />
                        </div>
                      <!--<![endif]-->
                    </a>
                  </td>
                  <td align="center" width="110">
                    <a href="https://www.countryroad.com/privacy-policy?popupwsid=1">
                      <!--[if !mso 9]>
                        <!-->
                        <div class="mobile-show" style="display:none; width:0px; overflow:hidden; max-height: 0px; line-height:0;">
                          <img alt="PRIVACY POLICY" title="PRIVACY POLICY" style="display: block;" border="0"
                          src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/1/footer-nav-privacy2.gif"
                          width="105" height="44" />
                        </div>
                      <!--<![endif]-->
                    </a>
                  </td>
                </table>
                <table width="260" border="0" align="center" cellpadding="0" cellspacing="0">
                  <td align="left" width="125">
                    <a href="http://crg.force.com/cust_maint/default/site_down/maintenance.html">
                      <!--[if !mso 9]>
                        <!-->
                        <div class="mobile-show" style="display:none; width:0px; overflow:hidden; max-height: 0px; line-height:0;">
                          <img alt="EMAIL PREFERENCES" title="EMAIL PREFERENCES" style="display: block;"
                          border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/30/footer-nav-prefs_MOB.gif"
                          width="120" height="28" />
                        </div>
                      <!--<![endif]-->
                    </a>
                  </td>
                  <td align="center" width="135">
                    <a href="https://www.countryroad.com/terms-and-conditions?popupwsid=1">
                      <!--[if !mso 9]>
                        <!-->
                        <div class="mobile-show" style="display:none; width:0px; overflow:hidden; max-height: 0px; line-height:0;">
                          <img alt="TERMS AND CONDITIONS" title="TERMS AND CONDITIONS" style="display: block;"
                          border="0" src="http://image.e.countryroad.com.au/lib/fe9312727260027f74/m/30/footer-nav-tcs_mob.gif"
                          width="135" height="28" />
                        </div>
                      <!--<![endif]-->
                    </a>
                  </td>
                </table>
              </td>
            </tr>
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width"></td>
            </tr>
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table style="text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;"
                border="0" cellspacing="0" cellpadding="0" width="600" align="center" class="full-width">
                  <tbody>
                    <tr>
                      <td height="15">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" class="termslinks">*The 25% off full priced womenswear and homeware offer is available from
                        <a>Thursday 10 May 2018</a>, until close of trade in store on
                        <a>Sunday 13 May 2018 and 2:00am AEST, Monday 14 May 2018,</a>online to accommodate
                        for our WA customers. The offer is available at Country Road stores in Australia
                        and New Zealand, online at countryroad.com.au and on Country Road merchandise in
                        David Jones and Myer stores stocking Country Road and at
                        <a>davidjones.com.au</a>. The offer is not available on full priced CR.Capsule or
                        at Outlet stores or
                        <a>outlet.countryroad.com.au.</a>View full terms and conditions
                        <a href="https://www.countryroad.com/terms-and-conditions?popupwsid=1"
                        style="text-decoration: underline; color: #666666;">here</a>.</td>
                    </tr>
                  </tbody>
                </table>
                <table style="text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;"
                border="0" cellspacing="0" cellpadding="0" width="600" align="center" class="full-width">
                  <tbody></tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td width="600" align="center" valign="top" bgcolor="#ffffff" class="full-width">
                <table style="text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;"
                border="0" cellspacing="0" cellpadding="0" width="600" align="center" class="full-width">
                  <tbody>
                    <tr>
                      <td height="15">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center">This email was sent by: Country Road Group Pty Ltd&nbsp;658 Church Street&nbsp;Richmond,
                        Victoria, 3121, Australia
                        <br />To ensure you receive our emails in your inbox, add
                        <a href="mailto:news@e.countryroad.com.au"
                        style="color: #666666; text-decoration: underline;">news@e.countryroad.com.au</a>to your address book.
                        <br />To stop receiving emails from Country Road,
                        <a href="http://crg.force.com/cust_maint/default/site_down/maintenance.html"
                        style="color: #666666; text-decoration: underline;">unsubscribe here</a>.</td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <img src="https://dc.optimahub.com/?c.ap=mediaattribution_email&c.ch=email&c.pl=exacttarget&c.pr=c81r48194&c.tz=Australia/Sydney&c.ve=1&edm.eid=95118&e.ty=email|open&smc.id=&smc.na=20180513 CR - Happy Mother's Day recipe - 7am&edm.sid=3784220&edm.ty=campaign-email&pie.de=941d3411a437e3bf4cb47ee3d6a2975b01bb420b14741ccb41024dd1748b8a61&pin.gn=d979885447a413abb6d606a5d0f45c3b7809e6fde2c83f0df3426f1fc9bfed97&pin.fn=e81dfe69841ad2f7b5790b63e998f0febaf3b29acd732881975130761b98e2c7">
    <img src="https://pixel.inbox.exacttarget.com/pixel.gif?r=cd121478564e838e738dc1c67cdce9a7657f8b4b&brand=countryroad&c=&s=a1l900000073swteau"
    width="1" height="1" />
    <img src="http://click.e.countryroad.com.au/open.aspx?ffcb10-fe9517777d60067f75-fe26117172630d7b701471-fe9312727260027f74-fec712747c64007c-fe3d157177650479771576-ff301575756d"
    width="1" height="1">
    <img src="https://pixel.inbox.exacttarget.com/pixel.gif?r=cd121478564e838e738dc1c67cdce9a7657f8b4b&brand=countryroad&campaign=cr_may18_130518_mothersdayrecipe&c=cr_may18_130518_mothersdayrecipe"
    width="1" height="1" />
    <img src="https://pixel.app.returnpath.net/pixel.gif?r=cd121478564e838e738dc1c67cdce9a7657f8b4b&brand=countryroad&campaign=cr_may18_130518_mothersdayrecipe&c=cr_may18_130518_mothersdayrecipe"
    width="1" height="1" />
  </body>
  <table></table>

</html>
            
          
!
999px
Loading ..................

Console