Professional Documents
Culture Documents
or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>*|MC:SUBJECT|*</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\
/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "vi
ew in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /*
Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .
ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /
* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-sizeadjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile ch
anging default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /
* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother r
endering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:non
e; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; marg
in:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ *
/
/* ========== Page Styles ========== */
#bodyCell{padding:20px;}
#templateContainer{width:600px;}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your
email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ background-color:#DEE0E2;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your
email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ border-top:4px solid #BBBBBB;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border:1px solid #BBBBBB;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in y
our emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#202020 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:26px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in
your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in y
our emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#606060 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in
your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#808080 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for yo
ur email's preheader area.
* @theme header
*/
#templatePreheader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text.
Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links.
Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /
* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Overrid
e */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your ema
il's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Cho
ose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Ch
oose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yaho
o! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your ema
il's body area.
*/
#templateBody{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content tex
t. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content lin
ks. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! M
ail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:560px;
}
/* ========== Column Styles ========== */
.templateColumnContainer{width:260px;}
/**
* @tab Columns
* @section column style
* @tip Set the background color and borders for your ema
il's column area.
*/
#templateColumns{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Columns
* @section left column text
* @tip Set the styling for your email's left column cont
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your ema
il's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Cho
ose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Ch
oose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yaho
o! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo
! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 480px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /
\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-te
xt-size-adjust:none !important;} /* Prevent Webkit platforms from changing defau
lt text sizes */
body{width:100% !important; min-width:100% !important;} /* Preve
nt iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/
\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\
/\/\/ */
/* ======== Page Styles ======== */
/**
.leftColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !importan
t;
}
/**
* @tab Mobile Styles
* @section right column text
* @tip Make the right column content text larger
in size for better readability on small screens. We recommend a font size of at
least 16px.
*/
.rightColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !importan
t;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size
for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !importan
t;
}
.footerContent a{display:block !important;} /* P
lace footer social and utility links on their own lines, for easier access */
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="
0">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0"
height="100%" width="100%" id="bodyTable">
<tr>
<td align="center" valign="top" id="bodyCell">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" id="te
mplateContainer">
<tr>
<td align="center" valign="top">
<!-- BEGIN PREHEADER // -->
<table border="0" cellpadding="0" cellspacin
g="0" width="100%" id="templatePreheader">
<tr>
<td valign="top" class="preheaderCon
tent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; paddingleft:20px;" mc:edit="preheader_content00">
Use this area to offer a short t
easer of your email's content. Text here will show in the preview area of some e
mail clients.
</td>
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
<td valign="top" width="180" class="
preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10
</tr>
<tr>
<td align="center" valign="top">
<!-- BEGIN COLUMNS // -->
<table border="0" cellpadding="0" cellspacin
g="0" width="100%" id="templateColumns">
<tr mc:repeatable>
<td align="center" valign="top"
class="templateColumnContainer" style="padding-top:20px;">
<table border="0" cellpadding="2
0" cellspacing="0" width="100%">
<tr>
<td class="leftColumnCon
tent">
<img src="http:/
/gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/header_placeholder_260px
.png" style="max-width:260px;" class="columnImage" mc:label="left_column_image"
mc:edit="left_column_image" />
</td>
</tr>
<tr>
<td valign="top" class="
leftColumnContent" mc:edit="left_column_content">
<h3>Repeatable Conte
nt</h3>
<a href="http://kb.m
ailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blan
k">Repeatable sections</a> are noted with plus and minus signs so that you can a
dd and subtract content blocks.
<br />
<br />
You can also get a l
ittle fancy; repeat blocks and remove all text to make image galleries, or do th
e opposite and remove images for text-only blocks.
</td>
</tr>
</table>
</td>
<td align="center" valign="top"
class="templateColumnContainer" style="padding-top:20px;">
<table border="0" cellpadding="2
0" cellspacing="0" width="100%">
<tr>
<td class="rightColumnCo
ntent">
<img src="http:/
/gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/header_placeholder_260px
.png" style="max-width:260px;" class="columnImage" mc:label="right_column_image"
mc:edit="right_column_image" />
</td>
</tr>
<tr>
<td valign="top" class="
rightColumnContent" mc:edit="right_column_content">
<h3>Repeatable Conte
nt</h3>
<a href="http://kb.m
ailchimp.com/article/how-do-i-work-with-repeatable-content-blocks" target="_blan
k">Repeatable sections</a> are noted with plus and minus signs so that you can a
dd and subtract content blocks.
<br />
<br />
You can also get a l
ittle fancy; repeat blocks and remove all text to make image galleries, or do th
e opposite and remove images for text-only blocks.
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- // END COLUMNS -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- BEGIN FOOTER // -->
<table border="0" cellpadding="0" cellspacin
g="0" width="100%" id="templateFooter">
<tr>
<td valign="top" class="footerConten
t" mc:edit="footer_content00">
<a href="*|TWITTER:PROFILEURL|*"
>Follow on Twitter</a> <a href="*|FACEBOOK:PROFILEURL|*">Friend
on Facebook</a> <a href="*|FORWARD|*">Forward to Friend</a>&nb
sp;
</td>
</tr>
<tr>
<td valign="top" class="footerConten
t" style="padding-top:0;" mc:edit="footer_content01">
<em>Copyright © *|CURRENT_Y
EAR|* *|LIST:COMPANY|*, All rights reserved.</em>
<br />
*|IFNOT:ARCHIVE_PAGE|* *|LIST:DE
SCRIPTION|*
<br />
<br />
<strong>Our mailing address is:<
/strong>
<br />
*|HTML:LIST_ADDRESS_HTML|* *|END
:IF|*
</td>
</tr>
<tr>
<td valign="top" class="footerConten
t" style="padding-top:0;" mc:edit="footer_content02">
<a href="*|UNSUB|*">unsubscribe
from this list</a> <a href="*|UPDATE_PROFILE|*">update subscrip
tion preferences</a>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</table>
<!-- // END TEMPLATE -->