Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

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.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
  
  <head>
    <!--[if gte mso 9]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
      <style type="text/css">
        .body {background: #ffffff;}       
        .container {background: none;}
      </style>
    <![endif]-->
    <title>B&amp;Q</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
    />
    <meta name="viewport" content="initial-scale=1.0,width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style type="text/css">
      /* Bugfix CSS */
      #outlook a { padding: 0; }
      body { margin: 0 !important; padding: 0 !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
      img { outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
      a img { border: none; }
      p { margin: 1em 0; }
      table td { border-collapse: collapse; }
      table th { margin: 0 !important; padding: 0 !important; vertical-align: top; font-weight: normal; }
      .image_fix { display: block; }
      .ReadMsgBody { width: 100%; }
      .ExternalClass { width: 100%; }
      .ExternalClass * { line-height: 100%; }
      .yshortcuts { color: #ffffff; }
      .yshortcuts a span { color: #ffffff; }
      .header .yshortcuts { color: #c22d42; }
      .menu .yshortcuts { color: #636363; }
      #backgroundTable { margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; }
      .appleLinksGrey a { color: #3c3c3c; text-decoration: none; }
      .appleLinks a { color: #3c3c3c; text-decoration: none; }
      .appleLinksWhite a { color: #ffffff; text-decoration: none; }
      .appleLinksFooter a { color: #535353; text-decoration: none; }
      span.preheader { display: none !important; font-size: 1px; }
      /* Bugfix CSS */
      
      /* Gallery */
      input{display: none;}
      
      @media screen and (-webkit-min-device-pixel-ratio: 1) {
      .cboxcheck:checked + .thumb-carousel, * [summary=cboxcheck]:checked + [summary^=thumb-carousel] {height: auto !important; max-height: none !important;  line-height:0; }
      .thumb-carousel span, * [summary^=thumb-carousel] span {  font-size:0; line-height:0;}
      .cboxcheck:checked + .thumb-carousel .car-content, * [summary=cboxcheck]:checked + [summary^=thumb-carousel] [summary^=content]{ display:none; max-height:0px; overflow:hidden;}
      .thumb-carousel .cbox1:checked + span .content-1, .thumb-carousel .cbox2:checked + span .content-2, .thumb-carousel .cbox3:checked + span .content-3, * [summary^=thumb-carousel] [summary=cbox1]:checked + span [summary=content-1], * [summary^=thumb-carousel] [summary=cbox2]:checked + span [summary=content-2], * [summary^=thumb-carousel] [summary=cbox3]:checked + span [summary=content-3]  {display:block !important; max-height:none !important; overflow:visible !important;}
      .thumb-carousel .thumb, * [summary^=thumb-carousel] [summary=thumb]{ cursor:pointer; display:inline-block; width:20%; margin:3% 2%; border:1px solid #ffffff;}
      .thumb-carousel .thumb:hover, * [summary^=thumb-carousel] [summary=thumb]:hover{ border:1px solid #ff6600;}
      .thumb-carousel input:checked + span > span, * [summary^=thumb-carousel] [summary^=cbox]:checked + span > span{ border-color: #ff6600;}  
      .thumb-carousel .thumb img, * [summary^=thumb-carousel] [summary=thumb] img{ width:100%; height: auto;}
      .thumb-carousel img, * [summary^=thumb-carousel] img{ max-height: none !important; }      
      .cboxcheck:checked + .fallback{ display:none !important; display:none; max-height: 0px; height: 0px; overflow: hidden;}
      * [lang="x-cboxcheck"]:checked + [lang="x-fallback"] {max-height: 0px; height: 0px; overflow: hidden;}  
      }
      
      @media screen and (max-device-width:600px) {
      .car-table.responsive, .car-table.responsive .thumb-carousel,  .car-table.responsive .thumb-carousel .car-content img, .car-table.responsive .fallback .car-content img {width:100% !important; height:auto;}
      .thumb-carousel .thumb, * [summary^=thumb-carousel] [summary=thumb]{ width:27%; margin:3% 2%; border:1px solid #ffffff;}
      }    
       /* Gallery */
      
      
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      body { min-width: 100% !important; }
      }
      
      @media only screen and (max-device-width: 580px) {
      *[class].fl { float: left !important; }
      *[class].wr { display: block !important; }
      *[class].h { display: none !important; }
      *[class].autoh { height: auto !important; }
      *[class=head] { display: table-header-group !important; width: 100% !important; }
      *[class=foot] { display: table-footer-group !important; width: 100% !important; }
      *[class].wrapto100pc { width: 100% !important; height: auto !important; }
      *[class=wrapto100pc] { width: 100% !important; height: auto !important; display: table !important; }
      *[class=show] { display: block!important; width: auto!important; max-height: inherit!important; overflow: visible!important; }
      *[class].talignl { text-align: left !important; }
      *[class].talignr { text-align: right !important; }
      *[class].talignc { text-align: center !important; }
      *[class].w10 { width: 10px !important; }
      *[class].w20 { width: 20px !important; }
      *[class].w24 { width: 24px !important; }
      *[class].w30 { width: 30px !important; }
      *[class].w40 { width: 40px !important; }
      *[class].w45 { width: 45px !important; }
      *[class].w90 { width: 90px !important; }
      *[class].w115 { width: 115px !important; }
      *[class].w138 { width: 138px !important; }
      *[class].w140 { width: 140px !important; }
      *[class].w150 { width: 150px !important; }
      *[class].w180 { width: 180px !important; }
      *[class].w240 { width: 240px !important; }
      *[class].w250 { width: 250px !important; }
      *[class].w258 { width: 258px !important; }
      *[class].w260 { width: 260px !important; }
      *[class].w280 { width: 280px !important; }
      *[class].w296 { width: 296px !important; }
      *[class].w300 { width: 300px !important; }
      *[class].w310 { width: 310px !important; }
      *[class].w320 { width: 320px !important; }
      *[class].wFull { width: 100% !important; }
      *[class].h1 { height: 1px !important; }
      *[class].h5 { height: 5px !important; }
      *[class].h15 { height: 15px !important; }
      *[class].h10 { height: 10px !important; }
      *[class].h18 { height: 18px !important; }
      *[class].h20 { height: 20px !important; }
      *[class].h30 { height: 30px !important; }
      *[class].h40 { height: 40px !important; }
      *[class].h350 { height: 350px !important; }
      *[class].h440 { height: 440px !important; }
      *[class].font12 { font-size: 12px !important; line-height: normal !important; }
      *[class].font14 { font-size: 14px !important; line-height: normal !important; }
      *[class].font16 { font-size: 16px !important; line-height: normal !important; }
      *[class].font24 { font-size: 24px !important; line-height: normal !important; }
      *[class].font28 { font-size: 28px !important; line-height: normal !important; }
      *[class].font30 { font-size: 30px !important; line-height: 34px !important; }
      *[class].font36 { font-size: 36px !important; line-height: normal !important; }
      
      /* Header Classes Start */
      *[class].LinksMob { width: 140px !important; }
      *[class].LinksMobStack { width: 140px !important; float: left !important; display: block !important; }
      *[class].LogoMob { width: 160px !important; }
      *[class].clubnumber { padding: 8px !important; background-color: #545150 !important; text-align: center !important; font-size: 16px !important; }
      span[id=logo] { display: block !important; background-image: url(https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/2016_club-logo-mobile.gif) !important; width: 160px !important; height: 50px !important; background-size: cover !important; }
      /* Header Classes End */
      
      *[class].noBG {background-image: none !important; }
      *[class].mHero { background-image: url(https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_hero-mobile.jpg) !important; background-repeat: no-repeat !important; background-position: center !important; background-size:cover !important;}
      span[id=heroClick] { display: block; background-image: url(https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_overlay.png) !important; background-repeat: no-repeat !important; background-position: center top !important; width: 300px !important; height: 360px !important;}
      }
    </style>
  </head>
  
  <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#ffffff"
  style="background-color:#ffffff;">
    <style type="text/css">
      input{display:none;}
    </style>
    <form>
      <!--[if !mso]>
        <!-->
        <table width="100%" class="h" cellpadding="0" cellspacing="0" border="0" style="display:none;">
          <tr style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;">
            <td align="center">
              <table width="640" cellpadding="0" cellspacing="0" align="center" border="0">
                <tr>
                  <td height="1" style="font-size:1px; line-height:1px;"><span class="preheader">Discover our outdoor living ranges</span>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      <!--<![endif]-->
      <!--android gmail zoom fix-->
      <table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff"
      style="background-color:#ffffff;">
        <tbody>
          <tr class="h">
            <td height="1" style="font-size:1px; line-height:1px; min-width:576px">&nbsp;</td>
          </tr>
        </tbody>
      </table>
      <!--/android gmail zoom fix-->
      <!-- trade header start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      bgcolor="#333231" style="background-color:#333231; table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <table width="640" class="w320" cellpadding="0" cellspacing="0" align="center"
            border="0" bgcolor="#333231" style="background-color:#333231; width:640px;">
              <tr>
                <td align="center">
                  <!--outer-->
                  <table width="640" class="w320" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                      <td colspan="3" height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="17" class="w10"></td>
                      <td width="606" class="w300">
                        <!--inner-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td align="left" valign="middle" style="vertical-align:middle;">
                              <table width="60" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td bgcolor="#ff6600">
                                    <a href="http://www.diy.com/?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="text-decoration:none;">
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Trade_Header_Full_V2/images_HF/header-logo.gif"
                                      width="60" height="60" style="display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:21px; color:#ffffff; text-align:left; font-weight:bold;"
                                      border="0" alt="B&amp;Q" title="B&amp;Q" />
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td align="right" valign="middle" style="vertical-align:middle;">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="right" valign="middle" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; line-height:15px; font-weight:normal; white-space:nowrap;">
                                    <a href="http://www.diy.com/bandqclub?ecamp=eml-DB-wk8-16-cust-cal-leisure&menu=club&mid=wk8_16_cust_cal_leisure&rid=48721938&stop_mobi=yes"
                                    style="color:#ffffff; text-decoration:none;" target="_blank">Join the B&amp;Q Club
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Trade_Header_Full_V2/images_HF/header-cta-arrow.png"
                                      width="11" height="12" style="display:inline block" border="0" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="5" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td align="right" valign="middle" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; line-height:15px; font-weight:normal; white-space:nowrap;">
                                    <a href="http://www.diy.com/shop?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    style="color:#ffffff; text-decoration:none;" target="_blank">Shop
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Trade_Header_Full_V2/images_HF/header-cta-arrow.png"
                                      width="11" height="12" style="display:inline block" border="0" />
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="5" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td align="right" valign="middle" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; line-height:15px; font-weight:normal; white-space:nowrap;">
                                    <a href="http://www.diy.com/help-advice/1.hroot?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    style="color:#ffffff; text-decoration:none;" target="_blank">Help &amp; Advice
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Trade_Header_Full_V2/images_HF/header-cta-arrow.png"
                                      width="11" height="12" style="display:inline block" border="0" />
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                        <!--/inner-->
                      </td>
                      <td width="17" class="w10"></td>
                    </tr>
                    <tr>
                      <td colspan="3" height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </table>
                  <!--/outer-->
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <!-- trade header end -->
      <!-- hero start -->
      <table class="h" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
        </tr>
      </table>
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <table width="640" class="wFull" cellpadding="0" cellspacing="0" align="center"
            border="0" style="width:640px;">
              <tr>
                <td align="center" valign="top" bgcolor="#ededed">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="mHero" align="center" valign="top">
                        <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/DIY780334.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                        target="_blank" style="text-decoration:none;">  <span id="heroClick">
                    <img class="h" src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/hero.jpg" style="display:block; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#414042; line-height:normal; text-decoration:none;" border="0" alt="LET'S CREATE A GREATER OUTDOORS" title="LET'S CREATE A GREATER OUTDOORS" width="640" height="330" />
                  </span>

                        </a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <!-- hero end -->
      <!-- intro start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <!--outer-->
            <table width="640" class="wFull" border="0" cellspacing="0" cellpadding="0" align="center"
            style="width:640px;" bgcolor="#ededed">
              <tr>
                <td width="17" class="h" style="width:17px;"></td>
                <td width="606" class="wFull" align="center" style="width:606px;">
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <td>
                        <!--inner-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td class="h30" height="35" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; mso-line-height-rule:exactly; line-height:20px; font-weight:normal;">Whether you're looking for a peaceful sanctuary to escape to, a place for family
                              fun or space for summer entertainment, we have a stunning range of furniture and
                              accessories, designed for your enjoyment.</td>
                          </tr>
                          <tr>
                            <td class="h30" height="35" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                        </table>
                        <!--/inner-->
                      </td>
                    </tr>
                  </table>
                </td>
                <td width="17" class="h" style="width:17px;"></td>
              </tr>
            </table>
            <!--/outer-->
          </td>
        </tr>
      </table>
      <!-- intro end -->
      <!-- metal start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <!--outer-->
            <table width="640" class="wFull" border="0" cellspacing="0" cellpadding="0" align="center"
            bgcolor="#ededed" style="width:640px;">
              <tr>
                <td width="17" class="h" style="width:17px;"></td>
                <td width="606" class="wFull" align="center" style="width:606px;" bgcolor="#c8d1d4">
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="20" class="h"></td>
                      <td width="566" class="w300">
                        <table width="566" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:566px;">
                          <tr>
                            <th width="178" class="wr fl w300" valign="top">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td class="talignc" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:20px; mso-line-height-rule:exactly; line-height:24px; font-weight:normal; text-align:left;">Metal furniture ranges</td>
                                </tr>
                                <tr>
                                  <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td class="talignc" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; mso-line-height-rule:exactly; line-height:20px; font-weight:normal; text-align:left;">If you're looking for something stylish and easy to care for, our elegant metal
                                    collection will have you spoilt for choice.</td>
                                </tr>
                                <tr>
                                  <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td align="left">
                                    <table class="wFull" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="center">
                                          <!-- button start -->
                                          <table cellspacing="0" cellpadding="0" border="0">
                                            <tr>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-left.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                              <td width="6" bgcolor="#ffffff"></td>
                                              <td align="left" valign="middle" bgcolor="#ffffff" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; line-height:18px; font-weight:bold;">
                                                <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/metal-garden-furniture/DIY1053157.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank" style="color:#343434; text-decoration:none;">Discover</a>
                                              </td>
                                              <td width="6" bgcolor="#ffffff"></td>
                                              <td width="7" height="29" bgcolor="#ffffff">
                                                <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/metal-garden-furniture/DIY1053157.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank">
                                                  <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-arrow.gif"
                                                  width="7" height="29" border="0" style="border:none; display:block;" alt="" />
                                                </a>
                                              </td>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-right.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                            </tr>
                                          </table>
                                          <!-- button end -->
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                              </table>
                            </th>
                            <th width="18" class="h" valign="top"></th>
                            <th width="370" class="wr fl w300" valign="top">
                              <table class="car-table responsive" cellpadding="0" cellspacing="0" border="0"
                              width="370" style="width:370px;">
                                <tr>
                                  <td>
                                    <!--[if !mso]>
                                      <!-- -->
                                      <input type="radio" class="cboxcheck" summary="cboxcheck" style="display:none !important;"
                                      checked/="">
                                      <div class="thumb-carousel " summary="thumb-carousel" style="width:370px;height:0px;max-height:0px;overflow:hidden;text-align:center">
                                        <label>
                                          <input type="radio" name="car-rd1" class="cbox3" summary="cbox3" style="display:none !important;">  <span>
                          <label><input
                           type="radio"
                           name="car-rd1"
                           class="cbox2"
                           summary="cbox2"
                           style="display:none !important;"
                          >
                          <span>
                          <label><input
                            type="radio"
                            name="car-rd1"
                            class="cbox1"
                            summary="cbox1"
                            style="display:none !important;"
                            checked/=""
                           >
                          <span>
                          <div class="content-1 car-content" summary="content-1"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/metal-garden-furniture/ripley/DIY1413245.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_ripley.jpg" width="370" height="280" alt="RIPLEY" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <div class="content-2 car-content" summary="content-2"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/metal-garden-furniture/adelaide/DIY1053158.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_adelaide.jpg" width="370" height="280" alt="ADELAIDE" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <div class="content-3 car-content" summary="content-3"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/metal-garden-furniture/janeiro/DIY1053178.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_janeiro.jpg" width="370" height="280" alt="JANEIRO" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_ripley-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>  <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_adelaide-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>  <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_janeiro-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>
                                      </div>
                                      <input type="radio" class="cboxcheck" lang="x-cboxcheck" style="display:none !important;"
                                      checked/="">
                                    <!--<![endif]-->
                                    <div class="fallback " lang="x-fallback">
                                      <div class="car-content" summary="car-content">
                                        <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/metal-garden-furniture/DIY1053157.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                        target="_blank">
                                          <img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_metal-fallback.gif"
                                          width="370" height="280" alt="RIPLEY" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;"
                                          border="0">
                                        </a>
                                      </div>
                                    </div>
                                  </td>
                                </tr>
                              </table>
                            </th>
                          </tr>
                        </table>
                      </td>
                      <td width="20" class="h"></td>
                    </tr>
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="17" class="h" style="width:17px;"></td>
              </tr>
              <tr>
                <td colspan="3" height="17" class="h1" style="font-size:1px; line-height:1px;">&nbsp;</td>
              </tr>
            </table>
            <!--/outer-->
          </td>
        </tr>
      </table>
      <!-- metal end -->
      <!-- rattan start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <!--outer-->
            <table width="640" class="wFull" border="0" cellspacing="0" cellpadding="0" align="center"
            bgcolor="#ededed" style="width:640px;">
              <tr>
                <td width="17" class="h" style="width:17px;"></td>
                <td width="606" class="wFull" align="center" style="width:606px;" bgcolor="#c9c8c8">
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="20" class="h"></td>
                      <td width="566" class="w300">
                        <table width="566" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:566px;">
                          <tr>
                            <th width="370" class="foot" valign="top">
                              <table class="car-table responsive" cellpadding="0" cellspacing="0" border="0"
                              width="370" style="width:370px;">
                                <tr>
                                  <td>
                                    <!--[if !mso]>
                                      <!-- -->
                                      <input type="radio" class="cboxcheck" summary="cboxcheck" style="display:none !important;"
                                      checked/="">
                                      <div class="thumb-carousel " summary="thumb-carousel" style="width:370px;height:0px;max-height:0px;overflow:hidden;text-align:center">
                                        <label>
                                          <input type="radio" name="car-rd2" class="cbox3" summary="cbox3" style="display:none !important;">  <span>
                          <label><input
                           type="radio"
                           name="car-rd2"
                           class="cbox2"
                           summary="cbox2"
                           style="display:none !important;"
                          >
                          <span>
                          <label><input
                            type="radio"
                            name="car-rd2"
                            class="cbox1"
                            summary="cbox1"
                            style="display:none !important;"
                            checked/=""
                           >
                          <span>
                          <div class="content-1 car-content" summary="content-1"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/rattan-effect-garden-furniture/henley/DIY1413281.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_henley.jpg" width="370" height="280" alt="HENLEY" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <div class="content-2 car-content" summary="content-2"><a href="http://www.diy.com/departments/kington-rattan-effect-7-seater-dining-set/1368688_BQ.prd?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_kingtonv2.jpg" width="370" height="280" alt="KINGTON" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <div class="content-3 car-content" summary="content-3"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/rattan-effect-garden-furniture/elsa/DIY1413284.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_elsa.jpg" width="370" height="280" alt="ELSA" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_henley-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>  <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_kington-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>  <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_elsa-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>
                                      </div>
                                      <input type="radio" class="cboxcheck" lang="x-cboxcheck" style="display:none !important;"
                                      checked/="">
                                    <!--<![endif]-->
                                    <div class="fallback " lang="x-fallback">
                                      <div class="car-content" summary="car-content">
                                        <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/rattan-effect-garden-furniture/DIY1053192.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                        target="_blank">
                                          <img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_rattan-fallbackv2.gif"
                                          width="370" height="280" alt="HENLEY" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;"
                                          border="0">
                                        </a>
                                      </div>
                                    </div>
                                  </td>
                                </tr>
                              </table>
                            </th>
                            <th width="18" class="h" valign="top"></th>
                            <th width="178" class="head" valign="top">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td class="talignc" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:20px; mso-line-height-rule:exactly; line-height:24px; font-weight:normal; text-align:left;">Rattan furniture ranges</td>
                                </tr>
                                <tr>
                                  <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td class="talignc" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; mso-line-height-rule:exactly; line-height:20px; font-weight:normal; text-align:left;">The beauty and natural look of resin weave is ideal for casual or fine dining.
                                    These comfy collections work just as well indoors, adding a touch of relaxed style
                                    to a conservatory or garden room.</td>
                                </tr>
                                <tr>
                                  <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td align="left">
                                    <table class="wFull" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="center">
                                          <!-- button start -->
                                          <table cellspacing="0" cellpadding="0" border="0">
                                            <tr>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-left.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                              <td width="6" bgcolor="#ffffff"></td>
                                              <td align="left" valign="middle" bgcolor="#ffffff" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; line-height:18px; font-weight:bold;">
                                                <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/rattan-effect-garden-furniture/DIY1053192.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank" style="color:#343434; text-decoration:none;">Discover</a>
                                              </td>
                                              <td width="6" bgcolor="#ffffff"></td>
                                              <td width="7" height="29" bgcolor="#ffffff">
                                                <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/rattan-effect-garden-furniture/DIY1053192.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank">
                                                  <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-arrow.gif"
                                                  width="7" height="29" border="0" style="border:none; display:block;" alt="" />
                                                </a>
                                              </td>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-right.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                            </tr>
                                          </table>
                                          <!-- button end -->
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                              </table>
                            </th>
                          </tr>
                        </table>
                      </td>
                      <td width="20" class="h"></td>
                    </tr>
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="17" class="h" style="width:17px;"></td>
              </tr>
              <tr>
                <td colspan="3" height="17" class="h1" style="font-size:1px; line-height:1px;">&nbsp;</td>
              </tr>
            </table>
            <!--/outer-->
          </td>
        </tr>
      </table>
      <!-- rattan end -->
      <!-- wooden start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <!--outer-->
            <table width="640" class="wFull" border="0" cellspacing="0" cellpadding="0" align="center"
            bgcolor="#ededed" style="width:640px;">
              <tr>
                <td width="17" class="h" style="width:17px;"></td>
                <td width="606" class="wFull" align="center" style="width:606px;" bgcolor="#d3cec2">
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="20" class="h"></td>
                      <td width="566" class="w300">
                        <table width="566" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:566px;">
                          <tr>
                            <th width="178" class="wr fl w300" valign="top">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td class="talignc" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:20px; mso-line-height-rule:exactly; line-height:24px; font-weight:normal; text-align:left;">Wooden furniture ranges</td>
                                </tr>
                                <tr>
                                  <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td class="talignc" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; mso-line-height-rule:exactly; line-height:20px; font-weight:normal; text-align:left;">Wooden furniture can help you bring a natural and timeless look to your outdoor
                                    space. Beautiful raw material combined with stylish classic design is the cornerstone
                                    of our wood range.</td>
                                </tr>
                                <tr>
                                  <td height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td align="left">
                                    <table class="wFull" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="center">
                                          <!-- button start -->
                                          <table cellspacing="0" cellpadding="0" border="0">
                                            <tr>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-left.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                              <td width="6" bgcolor="#ffffff"></td>
                                              <td align="left" valign="middle" bgcolor="#ffffff" style="font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:15px; line-height:18px; font-weight:bold;">
                                                <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/wooden-garden-furniture/DIY1053138.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank" style="color:#343434; text-decoration:none;">Discover</a>
                                              </td>
                                              <td width="6" bgcolor="#ffffff"></td>
                                              <td width="7" height="29" bgcolor="#ffffff">
                                                <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/wooden-garden-furniture/DIY1053138.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank">
                                                  <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-arrow.gif"
                                                  width="7" height="29" border="0" style="border:none; display:block;" alt="" />
                                                </a>
                                              </td>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/white-btn-right.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                            </tr>
                                          </table>
                                          <!-- button end -->
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                              </table>
                            </th>
                            <th width="18" class="h" valign="top"></th>
                            <th width="370" class="wr fl w300" valign="top">
                              <table class="car-table responsive" cellpadding="0" cellspacing="0" border="0"
                              width="370" style="width:370px;">
                                <tr>
                                  <td>
                                    <!--[if !mso]>
                                      <!-- -->
                                      <input type="radio" class="cboxcheck" summary="cboxcheck" style="display:none !important;"
                                      checked/="">
                                      <div class="thumb-carousel " summary="thumb-carousel" style="width:370px;height:0px;max-height:0px;overflow:hidden;text-align:center">
                                        <label>
                                          <input type="radio" name="car-rd3" class="cbox3" summary="cbox3" style="display:none !important;">  <span>
                          <label><input
                           type="radio"
                           name="car-rd3"
                           class="cbox2"
                           summary="cbox2"
                           style="display:none !important;"
                          >
                          <span>
                          <label><input
                            type="radio"
                            name="car-rd3"
                            class="cbox1"
                            summary="cbox1"
                            style="display:none !important;"
                            checked/=""
                           >
                          <span>
                          <div class="content-1 car-content" summary="content-1"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/wooden-garden-furniture/victoria/DIY1412964.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_victoria.jpg" width="370" height="280" alt="VICTORIA" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <div class="content-2 car-content" summary="content-2"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/wooden-garden-furniture/roscana/DIY1053148.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_roscana.jpg" width="370" height="280" alt="ROSCANA" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <div class="content-3 car-content" summary="content-3"><a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/wooden-garden-furniture/rosa/DIY1421746.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure" target="_blank"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_rosa.jpg" width="370" height="280" alt="ROSA" style="display:block;max-height:0; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;" border="0"></a></div>
                          <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_victoria-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>  <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_roscana-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>  <span class="thumb" summary="thumb"><img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_rosa-thumb.jpg" width="50" style="display:block;max-height:0" border="0"></span>
</span>
                                        </label>
                                      </div>
                                      <input type="radio" class="cboxcheck" lang="x-cboxcheck" style="display:none !important;"
                                      checked/="">
                                    <!--<![endif]-->
                                    <div class="fallback " lang="x-fallback">
                                      <div class="car-content" summary="car-content">
                                        <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/garden-furniture/wooden-garden-furniture/DIY1053138.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                        target="_blank">
                                          <img src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_wood-fallbackv2.gif"
                                          width="370" height="280" alt="VICTORIA" style="display:block; font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:40px;"
                                          border="0">
                                        </a>
                                      </div>
                                    </div>
                                  </td>
                                </tr>
                              </table>
                            </th>
                          </tr>
                        </table>
                      </td>
                      <td width="20" class="h"></td>
                    </tr>
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="17" class="h" style="width:17px;"></td>
              </tr>
              <tr>
                <td colspan="3" height="17" class="h20" style="font-size:1px; line-height:1px;">&nbsp;</td>
              </tr>
            </table>
            <!--/outer-->
          </td>
        </tr>
      </table>
      <!-- wooden end -->
      <!-- categories start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <!--outer-->
            <table width="640" class="wFull" border="0" cellspacing="0" cellpadding="0" align="center"
            bgcolor="#ededed" style="width:640px;">
              <tr>
                <td width="17" class="h" style="width:17px;"></td>
                <td width="606" class="wFull" align="center" style="width:606px;">
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <th width="300" class="w300 wr fl" valign="top">
                        <table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"
                        style="width:300px;">
                          <tr>
                            <td colspan="3">
                              <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/outdoor-heating/DIY581095.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                              target="_blank">
                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/1.jpg"
                                width="300" height="260" border="0" style="border:none; display:block;" alt=""
                                />
                              </a>
                            </td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td width="15"></td>
                            <td width="270">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="left" style="font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; font-size:15px; line-height:20px; font-weight:normal;">
                                    <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/outdoor-heating/DIY581095.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="color:#3c3c3c; text-decoration:none;">Outdoor heating &nbsp;
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/cta-arrow-orange.png"
                                      width="6" height="11" border="0" style="border:none; display:inline-block;" alt=""
                                      />
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td width="15"></td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                        </table>
                      </th>
                      <th width="6" class="w300 wr fl h10" style="font-size:1px; line-height:1px;">&nbsp;</th>
                      <th width="300" class="w300 wr fl" valign="top">
                        <table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"
                        style="width:300px;">
                          <tr>
                            <td colspan="3">
                              <a href="http://www.diy.com/departments/lighting/outdoor-lights/DIY579490.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                              target="_blank">
                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/2.jpg"
                                width="300" height="260" border="0" style="border:none; display:block;" alt=""
                                />
                              </a>
                            </td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td width="15"></td>
                            <td width="270">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="left" style="font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; font-size:15px; line-height:20px; font-weight:normal;">
                                    <a href="http://www.diy.com/departments/lighting/outdoor-lights/DIY579490.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="color:#3c3c3c; text-decoration:none;">Outdoor lighting &nbsp;
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/cta-arrow-orange.png"
                                      width="6" height="11" border="0" style="border:none; display:inline-block;" alt=""
                                      />
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td width="15"></td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                        </table>
                      </th>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="6" class="h10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                    </tr>
                  </table>
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <th width="300" class="w300 wr fl" valign="top">
                        <table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"
                        style="width:300px;">
                          <tr>
                            <td colspan="3">
                              <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/bbqs/DIY1065139.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                              target="_blank">
                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/3.jpg"
                                width="300" height="260" border="0" style="border:none; display:block;" alt=""
                                />
                              </a>
                            </td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td width="15"></td>
                            <td width="270">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="left" style="font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; font-size:15px; line-height:20px; font-weight:normal;">
                                    <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/bbqs/DIY1065139.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="color:#3c3c3c; text-decoration:none;">Barbecues &nbsp;
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/cta-arrow-orange.png"
                                      width="6" height="11" border="0" style="border:none; display:inline-block;" alt=""
                                      />
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td width="15"></td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                        </table>
                      </th>
                      <th width="6" class="w300 wr fl h10" style="font-size:1px; line-height:1px;">&nbsp;</th>
                      <th width="300" class="w300 wr fl" valign="top">
                        <table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"
                        style="width:300px;">
                          <tr>
                            <td colspan="3">
                              <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/gazebos-awnings/DIY581088.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                              target="_blank">
                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/4.jpg"
                                width="300" height="260" border="0" style="border:none; display:block;" alt=""
                                />
                              </a>
                            </td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td width="15"></td>
                            <td width="270">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td align="left" style="font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; font-size:15px; line-height:20px; font-weight:normal;">
                                    <a href="http://www.diy.com/departments/outdoor-garden/barbecues-outdoor-living/gazebos-awnings/DIY581088.cat?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="color:#3c3c3c; text-decoration:none;">Gazebos &nbsp;
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/cta-arrow-orange.png"
                                      width="6" height="11" border="0" style="border:none; display:inline-block;" alt=""
                                      />
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td width="15"></td>
                          </tr>
                          <tr>
                            <td colspan="3" height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                          </tr>
                        </table>
                      </th>
                    </tr>
                  </table>
                </td>
                <td width="17" class="h" style="width:17px;"></td>
              </tr>
              <tr>
                <td colspan="3" height="17" class="h20" style="font-size:1px; line-height:1px;">&nbsp;</td>
              </tr>
            </table>
            <!--/outer-->
          </td>
        </tr>
      </table>
      <!-- categories end -->
      <!-- hub start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      style="table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <!--outer-->
            <table width="640" class="wFull" border="0" cellspacing="0" cellpadding="0" align="center"
            bgcolor="#ededed" style="width:640px;">
              <tr>
                <td width="17" class="h" style="width:17px;"></td>
                <td width="606" class="wFull" align="center" style="width:606px;">
                  <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                    <tr>
                      <td bgcolor="#817456" background="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_wood-bg.jpg"
                      style="background-image:url(https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_wood-bg.jpg); background-position:center; background-repeat:no-repeat;"
                      valign="top">
                        <!--[if gte mso 9]>
                          <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:606px;height:150px;">
                            <v:fill type="tile" src="https://static.cdn.responsys.net/i2/responsysimages/content/bqplace/wk8_16_cust_cal_leisure_wood-bg.jpg"
                            color="#ffffff" />
                            <v:textbox inset="0,0,0,0">
                            <![endif]-->
                            <div>
                              <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0" style="width:606px;">
                                <tr>
                                  <td colspan="3" height="15" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td width="20"></td>
                                  <td width="566" class="w260">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td class="font36" align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:42px; mso-line-height-rule:exactly; line-height:46px; font-weight:bold;">YOUR GREAT OUTDOORS</td>
                                      </tr>
                                      <tr>
                                        <td height="5" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td class="font16" align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:20px; mso-line-height-rule:exactly; line-height:26px; font-weight:normal;">How to create the perfect space for a summer to remember</td>
                                      </tr>
                                      <tr>
                                        <td height="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td align="center">
                                          <!-- button start -->
                                          <table cellspacing="0" cellpadding="0" border="0">
                                            <tr>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/orange-btn-left.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                              <td width="6" bgcolor="#ff6600" style="background-color:#ff6600;"></td>
                                              <td align="left" valign="middle" bgcolor="#ff6600" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:15px; line-height:18px; font-weight:bold; background-color:#ff6600;">
                                                <a href="http://www.diy.com/great-outdoors?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank" style="color:#ffffff; text-decoration:none;">Find out more</a>
                                              </td>
                                              <td width="6" bgcolor="#ff6600" style="background-color:#ff6600;"></td>
                                              <td width="7" height="29" bgcolor="#ff6600" style="background-color:#ff6600;">
                                                <a href="http://www.diy.com/great-outdoors?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                                target="_blank">
                                                  <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/orange-btn-arrow.gif"
                                                  width="7" height="29" border="0" style="border:none; display:block;" alt="" />
                                                </a>
                                              </td>
                                              <td width="14">
                                                <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/wk8_16_cust_cal_leisure_shell/images/orange-btn-right.png"
                                                width="14" height="29" style="border:none; display:block;" />
                                              </td>
                                            </tr>
                                          </table>
                                          <!-- button end -->
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                  <td width="20"></td>
                                </tr>
                                <tr>
                                  <td colspan="3" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                </tr>
                              </table>
                            </div>
                            <!--[if gte mso 9]>
                            </v:textbox>
                          </v:rect>
                        <![endif]-->
                      </td>
                    </tr>
                  </table>
                </td>
                <td width="17" class="h" style="width:17px;"></td>
              </tr>
              <tr>
                <td colspan="3" height="17" class="h20" style="font-size:1px; line-height:1px;">&nbsp;</td>
              </tr>
            </table>
            <!--/outer-->
          </td>
        </tr>
      </table>
      <!-- hub end -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="h1" height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
        </tr>
      </table>
      <!-- footer start -->
      <!-- footer start -->
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      bgcolor="#f3efec" style="background-color:#f3efec; table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <table class="w320" cellpadding="0" cellspacing="0" align="center" width="640"
            border="0" bgcolor="#f3efec" style="background-color:#f3efec">
              <tr>
                <td align="center">
                  <!--outer-->
                  <table width="640" class="w320" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">
                        <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                        height="1" width="1" style="display:block; border:0" />
                      </td>
                    </tr>
                    <tr>
                      <td width="17" class="w10"></td>
                      <td width="606" class="w300">
                        <!--inner-->
                        <table width="606" class="w300" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="456" class="h" align="left" valign="bottom" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#535353;">
                              <a href="http://www.diy.com/customer-support/policies/privacy/?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                              target="_blank" style="color:#535353; text-decoration:none;">Privacy policy</a>&nbsp;|&nbsp;
                              <a href="http://www.diy.com/customer-support/policies/terms/?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                              target="_blank" style="color:#535353; text-decoration:none;">Terms &amp; conditions</a>&nbsp;|&nbsp;
                              
                            </td>
                            <td width="150" class="w300" align="center">
                              <table cellpadding="0" cellspacing="0" border="0" align="center">
                                <tr>
                                  <td width="30" class="w45">
                                    <a href="https://www.pinterest.com/bandq/?ecamp=eml-DB-wk8-16-cust-cal-leisure&mid=wk8_16_cust_cal_leisure&rid=48721938"
                                    target="_blank" style="text-decoration:none;">
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/pinterest.gif"
                                      style="display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#313131; line-height:16px; text-decoration:none;"
                                      border="0" alt="Pinterest" title="Pinterest" width="30" height="30" class="w45 autoh">
                                    </a>
                                  </td>
                                  <td width="10" class="w20">
                                    <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                                    style="display:block" border="0" width="1" height="1">
                                  </td>
                                  <td width="30" class="w45">
                                    <a href="https://www.facebook.com/bandq?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="text-decoration:none;">
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/facebook.gif"
                                      style="display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#313131; line-height:16px; text-decoration:none;"
                                      border="0" alt="Facebook" title="Facebook" width="30" height="30" class="w45 autoh">
                                    </a>
                                  </td>
                                  <td width="10" class="w20">
                                    <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                                    style="display:block" border="0" width="1" height="1">
                                  </td>
                                  <td width="30" class="w45">
                                    <a href="https://twitter.com/bandq?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="text-decoration:none;">
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/twitter.gif"
                                      style="display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#313131; line-height:16px; text-decoration:none;"
                                      border="0" alt="Twitter" title="Twitter" width="30" height="30" class="w45 autoh">
                                    </a>
                                  </td>
                                  <td width="10" class="w20">
                                    <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                                    style="display:block" border="0" width="1" height="1">
                                  </td>
                                  <td width="30" class="w45">
                                    <a href="https://www.youtube.com/bandq?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                    target="_blank" style="text-decoration:none;">
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/youtube.gif"
                                      style="display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#313131; line-height:16px; text-decoration:none;"
                                      border="0" alt="YouTube" title="YouTube" width="30" height="30" class="w45 autoh">
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                        <!--[if !mso]>
                          <!-->
                          <!-- mobile copy start -->
                          <table cellpadding="0" cellspacing="0" border="0" style="display:none;" class="wrapto100pc">
                            <tr style="width:0; overflow:hidden; float:left; display:none; max-height:0px; mso-hide:all;"
                            class="show">
                              <td>
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td height="20" style="line-height:1px; font-size:1px;">
                                      <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                                      width="1" height="1" style="display:block" border="0">
                                    </td>
                                  </tr>
                                  <tr>
                                    <td align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#535353;">
                                      <a href="http://www.diy.com/customer-support/policies/privacy/?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                      target="_blank" style="color:#535353; text-decoration:none;">Privacy policy</a>&nbsp;|&nbsp;
                                      <a href="http://www.diy.com/customer-support/policies/terms/?mid=wk8_16_cust_cal_leisure&rid=48721938&ecamp=eml-DB-wk8-16-cust-cal-leisure"
                                      target="_blank" style="color:#535353; text-decoration:none;">Terms &amp; conditions</a>&nbsp;|&nbsp;
                                      <a href="https://info.diy.com/pub/sf/FormLink?_ri_=X0Gzc2X%3DYQpglLjHJlTQGpXy4FLcezeEzcBzfmEgHmze6aulRuHzchW9b9iY4SLWPlzgOPbfVXMtX%3DYQpglLjHJlTQGhqhwvza4NPXmjaH9k8zft4WRD6HG7zeDlDjY2lUzduLJ2KANR&_ei_=EuxTqTytxXCOiKewHMQEjxSjBOpaxmda9zw3l4te9SleZmI6d6ZekV27irVUdDEBw0J8C1XbatIz5B5fkxf1ZyGjHNZvnJAhvtiwLoCRxjcONGo123dM3hL0bdR79fGZta1TnrrBJKjNsU4_wfufKqDetkBvSkZxN3xLjI7VBG1ZM-g-DocTNodKM52e3xBqfPzwHq8CbNiD_bUTQTbF-gEbG3epklIZ_oh_rWnxA1QWhtBi943NzHMXGU8KzpQqt5bnaBL0mp19wg7nRekIfPku57cdJyfbxWwPxLrUL-tOlmT6DsHvTv6wdlDd4bMbCKbl7vY7fnwq3XBAQ-vyCiZ9ULf0XnCKevFySiPTizDS2CTIciwYSx2xmX_SdcgIZzhkrl9GbH9BuDThAcaOs-Z6KiOFbHlPlPJ-21txCevwRgEgRUzpldAtJlbeBgeWw_NF6Rz0YB0NVt2z6XLBG7VFeg3pZQB3MgKWDJJD0-D7Pm_7zEQi2Ik."
                                      target="_blank" style="color:#535353; text-decoration:none;">View in browser</a>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                          <!-- mobile copy end -->
                        <!--<![endif]-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="20" style="line-height:1px; font-size:1px;">
                              <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                              width="1" height="1" style="display:block" border="0">
                            </td>
                          </tr>
                          <tr>
                            <td height="1" bgcolor="#ccc8c7" style="background-color:#ccc8c7; line-height:1px; font-size:1px;">
                              <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                              width="1" height="1" style="display:block" border="0">
                            </td>
                          </tr>
                          <tr>
                            <td height="20" style="line-height:1px; font-size:1px;">
                              <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                              width="1" height="1" style="display:block" border="0">
                            </td>
                          </tr>
                        </table>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#535353;">B&amp;Q Plc, B&amp;Q House, Chestnut Avenue, Chandler's Ford, Eastleigh, Hampshire
                              SO53 3LE
                              <br />Registered in England No. 973387</td>
                          </tr>
                        </table>
                        <!--/inner-->
                      </td>
                      <td width="17" class="w10"></td>
                    </tr>
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">
                        <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                        height="1" width="1" style="display:block; border:0" />
                      </td>
                    </tr>
                  </table>
                  <!--/outer-->
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"
      bgcolor="#333231" style="background-color:#333231; table-layout: fixed; margin: 0 auto;">
        <tr>
          <td align="center">
            <table class="w320" cellpadding="0" cellspacing="0" align="center" width="640"
            border="0" bgcolor="#333231" style="background-color:#333231">
              <tr>
                <td align="center">
                  <!--outer-->
                  <table width="640" class="w320" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">
                        <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                        height="1" width="1" style="display:block; border:0" />
                      </td>
                    </tr>
                    <tr>
                      <td width="17" class="w10"></td>
                      <td width="606" class="w300">
                        <!--inner-->
                        <table width="606" class="w300" cellpadding="0" cellspacing="0" border="0" align="left">
                          <tr>
                            <th class="wr fl w300" width="190" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; text-align:left; line-height:18px; font-weight:normal; vertical-align:top;">&copy; B&amp;Q 2016. All rights reserved.</th>
                            <th class="wr fl w300" width="416"
                            style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; text-align:left; line-height:18px; font-weight:normal; vertical-align:top;"
                            valign="top">
                              <a href="#"
                              target="_blank" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:underline; font-weight:bold;">Unsubscribe</a>from B&amp;Q marketing emails.</th>
                          </tr>
                        </table>
                        <!--/inner-->
                      </td>
                      <td width="17" class="w10"></td>
                    </tr>
                    <tr>
                      <td colspan="3" height="20" style="font-size:1px; line-height:1px;">
                        <img src="https://static.cdn.responsys.net/i2/responsysimages/bqplace/contentlibrary/!2016_bau_campaigns/2016_wk8_leisure_launch/Footer_Full_NOTerms_Trade/images_HF/spacer.gif"
                        height="1" width="1" style="display:block; border:0" />
                      </td>
                    </tr>
                  </table>
                  <!--/outer-->
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <!-- footer end -->
      <!-- framework end -->
      <!-- footer end -->
      <!-- framework end -->
      <img width="0" height="0" src="http://log.dmtry.com/redir/1/1/3898/755547/0/1/164/0/976/1.ver?at=i&d=EOpen&img=1"
      />
      <input type="hidden" name="__HIDDEN_FIELD_NAMES__" value="__HIDDEN_FIELD_NAMES__">
    </form>
    <br>
    <br>
    <table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; float: left">
      <tr>
        <td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
          <img height="1" width="1" style="padding: 0px 0px; !important; margin: 0px 0px; font-size: 1px; line-height: 1px;"
          src="http://info.diy.com/pub/as?_ri_=X0Gzc2X%3DYQpglLjHJlTQGpXy4FLcezeEzcBzfmEgHmze6auXol6tYzazfGa7zetmOP6o5OesnVXHkMX%3Dw&_ei_=EolaGGF4SNMvxFF7KucKuWNMte-GbVk1NK-tSqUaChLjhPLYdT9-d1pcdTTZ00kdOdW-ZiFmd-It."></img>
        </td>
      </tr>
    </table>
    <br>
    <!-- Start Adara Media Pixel -->,
    <img src="https://tag.yieldoptimizer.com/ps/ps?t=i&p=1350&u=[Customer_ID]" width="1"
    height="1" />,
    <img src="https://tag.yieldoptimizer.com/ps/sync?t=i&p=1350&w=true&r=1" width="1"
    height="1" />,
    <img src="https://tag.yieldoptimizer.com/ps/sync?t=i&p=1350&w=true&r=2" width="1"
    height="1" />,
    <img src="https://tag.yieldoptimizer.com/ps/sync?t=i&p=1350&w=true&r=3" width="1"
    height="1" />,
    <!-- End Adara Media Pixel -->
  </body>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console