<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{{ title }}</title>
<style type="text/css">
  body {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
  }
  body, td, th, input, textarea, select, a {
    font-size: 12px;
  }
  p {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  a, a:visited, a b {
    color: #378DC1;
    text-decoration: underline;
    cursor: pointer;
  }
  a:hover {
    text-decoration: none;
  }
  a img {
    border: none;
  }
  #container {
    width: 680px;
  }
</style>
</head>
<body>
<div id="container">
  {% if image %}
  <div style="float: right; margin-left: 20px;"><a href="{{ store_url }}" title="{{ store_name }}"><img src="{{ image }}" alt="{{ store_name }}" /></a></div>
  {% endif %}
  <div>
    <p>{{ text_greeting }}</p>
    <p>{{ text_from }}</p>
    {% if message %}
    <p>{{ text_message }}</p>
    <p>{{ message }}</p>
    {% endif %}
    <p>{{ text_redeem }}</p>
    <p><a href="{{ store_url }}" title="{{ store_name }}">{{ store_url }}</a></p>
    <p>{{ text_footer }}</p>
  </div>
</div>
</body>
</html>