<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Your Firebox.com order (#XXXXXXX) has been dispatched</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
@font-face {font-family: 'sofia'; src: url('http://media.firebox.com/fonts/sofiapro_regular_macroman/SofiaProRegular-webfont.woff') format('woff'); mso-font-alt: 'Arial'; font-weight: normal !important; font-style: normal !important;}
body,table,td,a{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-webkit-font-smoothing: antialiased;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body{
margin:0;
padding:0;
}
img{
border:0;
height:auto;
line-height:100%;
outline:none;
text-decoration:none;
}
table{
border-collapse:collapse !important;
}
body{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
.appleBody a{
color: #0087DB !important;
text-decoration: underline !important;;
}
.appleFooter a{
color: #343434 !important;
text-decoration: none;
}
td[class=btn]{
width:50% !important;
}
span.preheader { display: none !important; }
@media screen and (max-width: 525px){
table[class=wrapper]{
width:100% !important;
}
} @media screen and (max-width: 525px){
td[class=wrapper]{
width:100% !important;
}
} @media screen and (max-width: 525px){
td[class=mobile-hide]{
display:none;
}
} @media screen and (max-width: 525px){
img[class=mobile-show]{
display:block !important;
height:60px !important;
width:60px !important;
overflow:auto !important;
}
} @media screen and (max-width: 525px){
img[class=mobile-hide]{
display:none !important;
}
} @media screen and (max-width: 525px){
img[class=img-max]{
max-width:100% !important;
width:100% !important;
height:auto !important;
}
} @media screen and (max-width: 525px){
img[class=img-picture]{
max-width:60% !important;
width:60% !important;
height:auto !important;
float:right !important;
}
} @media screen and (max-width: 525px){
table[class=responsive-table]{
width:100%!important;
}
} @media screen and (max-width: 525px){
table[class=responsive-column]{
width:100%!important;
padding:0px 0px 15px 0px !important;
display:block !important;
}
} @media screen and (max-width: 525px){
td[class=top-padding]{
padding: 0px 0px 10px 0px !important;
}
} @media screen and (max-width: 525px){
td[class=slice-padding]{
padding:0px 15px 0px 15px !important;
}
} @media screen and (max-width: 525px){
td[class=smaller-padding]{
padding:15px 0px 15px 0px !important;
}
}
@media screen and (max-width: 525px){
td[class=section-padding]{
padding: 0px 10px 20px 10px !important;
}
}
@media screen and (max-width: 525px){
td[class=mobile-wrapper]{
padding:0 !important;
}
} @media screen and (max-width: 525px){
td[class=title]{
font-size: 16px !important;
}
} @media screen and (max-width: 525px){
td[class=btn]{
width:80% !important;
}
}
</style>
<!--[if gte mso 9]>
<style type="text/css">
.img-max {
width: 246px !important;
}
</style>
<![endif]-->
</head>
<body style="margin: 0; padding: 0;">
<div style="display:none !important; font-size:1px; color:#FFFFFF;">It's on the way to XXXXX, Really Good Emails</div>
<!-- HEADER LOGO -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#00C186" style="background-color: #00C186;">
<div align="center" style="padding: 0px 20px 0px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper" align="center">
<tr align="center">
<td style="padding: 15px 0px 10px 0px; text-align: center; width: 400px;" class="logo" align="center">
<a href="https://www.firebox.com?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch" title="Firebox.com">
<img alt="Firebox.com" src="http://media.firebox.com/i/nl/fb_light.png" width="130" border="0">
</a>
</td>
</tr>
<tr align="center">
<td style="padding: 0px 0px 15px 0px; text-align: center; width: 400px;" class="logo" align="center">
<img src="https://media.firebox.com/i/transactional/header-dispatch.png" width="100%" class="img-max">
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- ORDER CONFIRMATION -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" align="center" style="padding: 20px 15px 20px 15px;" class="top-padding">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
<!-- LONGER WIDTH THAN 600 FOR OUTLOOK 07,10,11 -->
<tr>
<td>
<!-- TWO COLUMNS -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" style="padding: 0;" class="mobile-wrapper">
<table cellpadding="0" cellspacing="0" border="0" width="600" align="left" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0" class="responsive-table">
<tr>
<td align="center" bgcolor="#FFFFFF" valign="middle" width="600" class="wrapper" style="padding: 20px; border: 1px solid #EFEFEF;">
<table cellspacing="0" cellpadding="0" style="width: 100%;" class="responsive-table" width="300" valign="top">
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" width="33%" style="text-align: left; font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888 !important; font-size: 14px; line-height: 20px; font-weight: normal;"> <span style="color: #343434; text-transform: uppercase; font-size: 12px; -webkit-font-smoothing: auto; font-weight: bold;" class="appleBody">Order date</span>
<br /> <span class="appleBody">Friday, XXth July 2016</span>
</td>
<td cellspacing="0" cellpadding="0" width="33%" style="text-align: right; font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888 !important; font-size: 14px; line-height: 20px; font-weight: normal;"> <span style="color: #343434; text-transform: uppercase; font-size: 12px; -webkit-font-smoothing: auto; font-weight: bold;" class="appleBody">Order no.</span>
<br />
<a href="#" style="color: #0087DB !important;">XXXXXXX</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END ORDER CONFIRMATION -->
<!-- COPY SIMPLE SECTION-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" align="center" style="padding: 0px 15px 20px 15px;" class="section-padding">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
<!-- LONGER WIDTH THAN 600 FOR OUTLOOK 07,10,11 -->
<tr>
<td>
<!-- TWO COLUMNS -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" style="padding: 0;" class="mobile-wrapper">
<table cellpadding="0" cellspacing="0" border="0" width="600" align="left" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#FFFFFF" valign="middle" width="600" class="wrapper" style="padding: 20px; border: 1px solid #EFEFEF;">
<table cellspacing="0" cellpadding="0" style="width: 100%;" class="responsive-table" width="300">
<!-- STYLE WIDTH FOR CHROME BROWSER -->
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" class="title" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; font-weight: normal; text-align: left; line-height: 1; padding: 0px 0px 5px 0px; text-transform: uppercase; -webkit-font-smoothing: auto; font-weight: bold;">It's on the way, Really Good Emails</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" class="title" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888; font-size: 14px; font-weight: normal; text-align: left; line-height: 1; padding: 0px 0px 20px 0px; -webkit-font-smoothing: antialiased;">Await your parcel</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: left; font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888 !important; font-size: 14px; line-height: 20px; font-weight: normal; padding: 0px 0px 20px 0px;">It's that time. Those countless hours spent crying into the pillow are over; your order has left our warehouse.</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: left; font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434 !important; font-size: 14px; line-height: 20px; font-weight: normal; padding: 0px 0px 0px 0px;">Sent using Airmail</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: left; font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888 !important; font-size: 14px; line-height: 20px; font-weight: normal; padding: 0px 0px 0px 0px;">Expected delivery: Monday XXth July - Wednesday XXth July</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: left; font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888 !important; font-size: 14px; line-height: 20px; font-weight: normal; padding: 0px 0px 0px 0px;"> <span class="appleBody"><a href="#">More info</a></span>
</td>
</tr>
<tr border="0" cellpadding="0" cellspacing="0">
<td align="center" bgcolor="#FFFFFF" valign="middle" width="600" class="wrapper" style="padding: 20px 20px 10px 0px; width: 400px;">
<a href="#" target="_blank" style="font-size: 16px; font-family:'sofia', Helvetica, Arial, sans-serif; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: bold; text-transform: uppercase; background-color: #0087DB; border-top: 12px solid #0087DB; border-bottom: 12px solid #0087DB; border-right: 18px solid #0087DB; border-left: 18px solid #0087DB; display: inline-block; color: #ffffff;">Track my order</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END COPY SIMPLE SECTION-->
<!-- DELIVERY SECTION-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" align="center" style="padding: 0px 15px 20px 15px;" class="section-padding">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
<!-- LONGER WIDTH THAN 600 FOR OUTLOOK 07,10,11 -->
<tr>
<td>
<!-- TWO COLUMNS -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" style="padding: 0;" class="mobile-wrapper">
<!-- LEFT COLUMN -->
<table cellpadding="0" cellspacing="0" border="0" width="290" align="left" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#FFFFFF" width="290" height="308" class="wrapper" valign="top" style="padding: 20px 0; border: 1px solid #EFEFEF; width: 400px;">
<table cellspacing="0" cellpadding="0" style="width: 100%;" class="responsive-table" width="100%">
<tr cellspacing="0" cellpadding="0">
<td class="title" cellspacing="0" cellpadding="0" colspan="4" style="text-align: left; font-family:'sofia', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; padding: 0px 20px 10px 20px; text-transform: uppercase;">Your delivery address</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888; font-size: 14px; line-height: 1.44; font-weight: normal; text-align: left; padding: 0px 20px 10px 20px;">Soon your one-of-a-kind parcel will be extravagantly chauffeured (in the back of a van) to this address:</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; font-weight: normal; text-align: left; padding: 10px 20px 0px 20px; width: 400px;">
<table table="" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr cellspacing="0" cellpadding="0">
<td bgcolor="#EDF8FE" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; font-weight: normal; text-align: left; padding: 10px 20px 20px 20px; width: 400px; border: 2px solid #E2E2E2;"> <span style="font-size: 14px; color: #343434 !important; line-height: 1.44;"><strong>Really Good Emails</strong></span>
<br> <span style="font-size: 14px; color: #343434 !important; line-height: 1.44;"><span class="appleBody">XXXXX XXXXX XXXXXX, XXX</span></span>
<br> <span style="font-size: 14px; color: #343434 !important; line-height: 1.44;"><span class="appleBody">XX XXXX XXXXXX XXX XX</span></span>
<br> <span style="font-size: 14px; color: #343434 !important; line-height: 1.44;"><span class="appleBody">XXXXX</span></span>
<br> <span style="font-size: 14px; color: #343434 !important; line-height: 1.44;"><span class="appleBody">UNITED STATES</span></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- RIGHT COLUMN -->
<table cellpadding="0" cellspacing="0" border="0" width="290" align="right" class="responsive-table">
<tr>
<td valign="top" align="right">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align="left" bgcolor="#FFFFFF" width="100%" valign="middle"> <span>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Chicago,UNITED STATES&zoom=18&size=500x600&markers=Chicago,UNITED STATES&sensor=false" width="290" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 100%; max-width: 300px;" alt="Firebox.com" border="0" class="img-max">
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END DELIVERY SECTION-->
<!-- ORDER SUMMARY SECTION -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" align="center" style="padding: 0px 15px 20px 15px;" class="section-padding">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
<!-- LONGER WIDTH THAN 600 FOR OUTLOOK 07,10,11 -->
<tr>
<td>
<!-- TWO COLUMNS -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" style="padding: 0;" class="mobile-wrapper">
<table cellpadding="0" cellspacing="0" border="0" width="600" align="left" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#FFFFFF" valign="middle" width="600" class="wrapper" style="padding: 20px; border: 1px solid #EFEFEF;">
<table cellspacing="0" cellpadding="0" style="width: 100%;" class="responsive-table" width="300">
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" class="title" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; text-align: left; padding: 0px 0px 0px 0px; text-transform: uppercase; font-weight: bold;">Items dispatched</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" class="title" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888; font-size: 14px; text-align: left; padding: 0px 0px 20px 0px; -webkit-font-smoothing: antialiased; font-weight: normal;">The following items have been dispatched.</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: center; font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888 !important; font-size: 14px; line-height: 20px; font-weight: normal; padding: 0px 0px 0px 0px; border: 2px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;">
<table cellspacing="0" cellpadding="0" style="width: 100%;" class="responsive-table" width="300">
<tr cellspacing="0" cellpadding="0">
<td colspan="3" bgcolor="#EDF8FE" cellspacing="0" cellpadding="0" border="0" style="padding: 5px 0 5px 10px; text-align: left; font-size: 14px; line-height: 1; border-bottom: 1px solid #efefef;">Item</td>
<td cellspacing="0" bgcolor="#EDF8FE" cellpadding="0" border="0" style="padding: 5px 10px 5px 0; font-size: 14px; text-align: right; border-bottom: 1px solid #efefef;">Price</td>
</tr>
<tr cellspacing="0" cellpadding="0" style="border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; padding: 0px 0px 10px 0px;" valign="top">
<td width="50" style="padding: 10px 0 10px 10px;">
<a href="https://www.firebox.com/Super-Graphic/p6394?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch" target="blank" title="Super" graphic alt="Super">
<img src="https://media.firebox.com/product/6394/s15369_column_grid_2/super-graphic-_3760.jpg" width="50">
</a>
</td>
<td colspan="2" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: inherit; font-size: 14px; font-weight: normal; text-align: left; padding-left: 10px; padding-bottom: 0px; padding-top: 10px; border-bottom: 1px solid #efefef;" class="wrapper">
<a href="https://www.firebox.com/Super-Graphic/p6394?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch" target="blank" title="Super Graphic" style="color: #343434 !important; text-decoration: none !important;">Super Graphic x1</a>
<br /> <span style="color: #888888 !important; padding-bottom: 10px; padding-left: 20px; display: inline-block;">Giftwrap: Goldenboy</span>
</td>
<td style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 14px; font-weight: normal; text-align: right; padding-right: 10px; padding-top: 10px; border-bottom: 1px solid #efefef;">$16.79</td>
</tr>
</table>
</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888; font-size: 14px; font-weight: normal; text-align: left; padding: 20px 0px 20px 0px; line-height: 1.44;">Thanks again old bean, you've made an extraordinary purchase and we salute your savvy shopping skills.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END ORDER SUMMARY SECTION-->
<!-- ORDER DISCLAIMER SECTION -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" align="center" style="padding: 0px 15px 20px 15px;" class="section-padding">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
<!-- LONGER WIDTH THAN 600 FOR OUTLOOK 07,10,11 -->
<tr>
<td>
<!-- TWO COLUMNS -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" style="padding: 0;" class="mobile-wrapper">
<table cellpadding="0" cellspacing="0" border="0" width="600" align="left" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#FFFFFF" valign="middle" width="600" class="wrapper" style="padding: 20px; border: 1px solid #EFEFEF;">
<table cellspacing="0" cellpadding="0" style="width: 100%;" class="responsive-table" width="300">
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" class="title" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; text-align: left; padding: 0px 0px 20px 0px; text-transform: uppercase; font-weight: bold;">Missed deliveries</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" class="title" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #888888; font-size: 14px; text-align: left; padding: 0px 0px 20px 0px; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 1.44;">If you pop out, get caught on the loo, or are singing in the shower when they arrive, they should leave you a card to let you know. Being the nice chaps they are, they'll also drop you an email with instructions on
how to re-arrange delivery or to have it left with a trusty neighbour.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END DISCLAIMER SECTION-->
<!-- TEXT TOP -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" style="padding: 0px 15px 20px 15px;" class="section-padding">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="600" class="text" align="center" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; line-height: 1; text-transform: uppercase;">We offer 30 day FREE Returns</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- ROW CS CONTACT SECTION-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" align="center" style="padding: 0px 15px 20px 15px;" class="section-padding">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="responsive-table">
<!-- LONGER WIDTH THAN 600 FOR OUTLOOK 07,10,11 -->
<tr>
<td>
<!-- TWO COLUMNS -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" style="padding: 0;" class="mobile-wrapper">
<!-- LEFT COLUMN -->
<table cellpadding="0" cellspacing="0" border="0" width="290" align="left" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#FFFFFF" valign="middle" height="310" width="290" class="wrapper" style="border: 1px solid #EFEFEF; width: 400px;">
<table cellspacing="0" cellpadding="0" width="100%" style="width: 100%;" class="responsive-table">
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #333333; font-size: 18px; font-weight: bold; text-align: center; padding: 15px 20px 10px 20px; width: 400px;">
<img src="https://media.firebox.com/i/transactional/icon-customer-service.png" width="100">
</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; font-weight: bold; text-align: center; padding: 0px 20px 10px 20px; width: 400px; text-transform: uppercase;">Got a query?
<br />Get in touch</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: center; font-family:'sofia', Helvetica, Arial, sans-serif; padding: 0px 20px 20px 20px; color: #888888 !important; line-height: 1.44; font-size: 14px;">Hit us up on the numbers featured or feel free to vist our FAQ</td>
</tr>
<tr border="0" cellpadding="0" cellspacing="0">
<td align="center" bgcolor="#FFFFFF" valign="middle" width="600" class="wrapper" style="padding: 0px 20px 20px 20px; width: 400px;">
<a href="https://www.firebox.com/admin/faqs?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch" target="_blank" style="font-size: 16px; font-family:'sofia', Helvetica, Arial, sans-serif; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: bold; text-transform: uppercase; background-color: #0099E0; border-top: 12px solid #0099E0; border-bottom: 12px solid #0099E0; border-right: 18px solid #0099E0; border-left: 18px solid #0099E0; display: inline-block; color: #ffffff;">FAQ ME</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- RIGHT COLUMN -->
<table cellpadding="0" cellspacing="0" border="0" width="290" align="right" class="responsive-table">
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#FFFFFF" valign="middle" height="310" width="290" class="wrapper" style="border: 1px solid #EFEFEF; width: 400px;">
<table cellspacing="0" cellpadding="0" width="100%" style="width: 100%;" class="responsive-table">
<!-- STYLE WIDTH FOR CHROME BROWSER -->
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: center; font-family:'sofia', Helvetica, Arial, sans-serif; padding: 10px 20px 10px 20px; color: #343434; text-transform: uppercase; width: 400px;">Phone</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #0087DB; font-size: 18px; font-weight: bold; text-align: center; padding: 0px 20px 10px 20px;">(UK) <span class="appleBody">0800 044 5010</span>
<br />(Int.) <span class="appleBody">0044 20 33683410</span>
</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: center; font-family:'sofia', Helvetica, Arial, sans-serif; padding: 10px 20px 10px 20px; color: #343434; text-transform: uppercase;">Email</td>
</tr>
<tr cellspacing="0" cellpadding="0">
<td cellspacing="0" cellpadding="0" colspan="4" style="text-align: center; font-family:'sofia', Helvetica, Arial, sans-serif; color: #0087DB; padding: 0px 20px 20px 20px; font-weight: bold; font-size: 18px;"> <span class="appleBody"><a href="mailto:info@firebox.com" style="color: #0087DB; text-decoration: none !important;">info@firebox.com</a></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END CS CONTACT ROW SECTION-->
<!-- TEXT-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" style="padding: 0px 15px 20px 15px;" class="link-padding">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="600" class="text" align="center" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; font-size: 18px; line-height: 1; text-transform: uppercase;">Other ways to shop</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- LINK -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" style="padding: 0px 15px 20px 15px;" class="link-padding">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="600" align="center" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; padding-top: 15px; padding-bottom: 15px; font-size: 18px; line-height: 1; border: 1px solid #ccc; text-transform: uppercase;"> <span class="appleBody">
<a href="https://www.firebox.com/whatsnew?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch" style="color: #343434 !important; text-decoration: none;" target="blank">What's New</a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- LINK -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#F6F6F6" style="padding: 0px 15px 20px 15px;" class="link-padding">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="600" align="center" style="font-family:'sofia', Helvetica, Arial, sans-serif; color: #343434; padding-top: 15px; padding-bottom: 15px; font-size: 18px; line-height: 1; border: 1px solid #ccc; text-transform: uppercase;"> <span class="appleBody">
<a href="https://www.firebox.com/chart?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch" style="color: #343434 !important; text-decoration: none;" target="blank">Top 50</a>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- FOOTER -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 20px 0px;">
<!-- UNSUBSCRIBE COPY -->
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="responsive-table">
<tr>
<td width="100%" align="center" style="padding: 0 0 20px 0; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#888888;">Until next time, <strong>The Firebox Team</strong>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr width="183">
<td>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr width="157">
<td width="16" align="center" style="padding: 0 10px 20px 10px;">
<a href="https://www.facebook.com/Firebox" target="blank">
<img src="http://media.firebox.com/i/nl/facebook_icon.png" width="16" height="16">
</a>
</td>
<td width="19" align="center" style="padding: 0 10px 20px 10px;">
<a href="https://twitter.com/Firebox" target="blank">
<img src="http://media.firebox.com/i/nl/twitter_icon.png" width="19" height="16">
</a>
</td>
<td width="16" align="center" style="padding: 0 10px 20px 10px;">
<a href="https://www.instagram.com/Firebox/" target="blank">
<img src="http://media.firebox.com/i/nl/instagram_icon.png" width="16" height="16">
</a>
</td>
<td width="16" align="center" style="padding: 0 10px 20px 10px;">
<a href="https://www.pinterest.com/firebox/" target="blank">
<img src="http://media.firebox.com/i/nl/pinterest_icon.png" width="16" height="16">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" align="center" style="padding: 0 10px 0 10px; font-family:'sofia', Helvetica, Arial, sans-serif; line-height: 24px; color: #888888; font-size: 12px;"> <span class="appleBody">
<strong>Firebox.com Ltd</strong><br /> Dragoon House, 37 Artillery Lane, London E1 7LP
</span>
</td>
</tr>
<tr>
<td width="100%" align="center" style="padding: 0 10px 20px 10px; font-family:'sofia', Helvetica, Arial, sans-serif; line-height: 24px; color: #888888; font-size: 12px;"> <span class="appleBody">
VAT Reg. No.: 798 6593 41 Registered in England & Wales, No. 3874477
</span>
</td>
</tr>
<tr>
<td width="100%" align="center" style="padding: 0 10px 20px 10px; font-family:'sofia', Helvetica, Arial, sans-serif; line-height: 24px; color: #888888; font-size: 12px;"> <span class="appleBody" style="color:#888888;">
<a href="mailto:info@firebox.com" style="color:#888888 !important;">info@firebox.com</a>
</span>
<span class="hide-mobile"> | </span>
<span class="appleBody break" style="color:#888888;">
<a href="http://www.firebox.com?itc=915&utm_source=email&utm_medium=transactional&utm_campaign=order_dispatch"
style="color: #888888 !important;">www.firebox.com</a>
</span> <span class="hide-mobile"> | </span>
<span class="appleBody break" style="color:#888888;">
0800 802 1420
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>