<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title> </title>
<style type="text/css">
.moosetext {
background-color : #eee;
border: 1px solid #ddd;
width: 100px;
}
.product {
float:left;
-webkit-transform: ;
-moz-transform: ;
-o-transition: ;
transform: ;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.product:hover,
.product:focus,
.product:active {
z-index: 999;
border-color: #6A6A6A;
-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
-webkit-transform: translateX(20px) translateY(8px) ScaleX(1.5) ScaleY(1.5);
-moz-transform: translateX(20px) translateY(8px) ScaleX(1.5) ScaleY(1.5);
-o-transition: translateX(20px) translateY(8px) ScaleX(1.5) ScaleY(1.5);
transform: translateX(20px) translateY(8px) ScaleX(1.5) ScaleY(1.5);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
body {
margin: 0;
}
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
}
@media screen and (max-width:600px) {
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: Merienda, 'Times New Roman', serif;
}
table {
width: 100%;
}
}
@media screen and (max-width:480px) {
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: Merienda, 'Times New Roman', serif;
}
table {
width: 100% !important;
border-style: none !important;
}
*{
padding-bottom:0;
padding-top:0;
margin-bottom:10px;
margin-top:0;
}
}
}
.maintitle{
text-align:center;
font-size: 32px;
line-height: 14pt;
color: {{ colorz }};
font-family: Merienda, 'Times New Roman', serif, sans-serif;
}
.content_p{
font-size: 14px;
font-style: normal;
font-weight: 100;
color: #929292;
line-height: 14pt;
text-align:left;
padding:0px 5px 0px 5px;
font-family:Merienda, 'Times New Roman', serif, sans-serif;
}
.moosebutt {
border-radius:8px;
background-color: {{ colorz }};/*button rest*/
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color: #ffffff;
border:1px solid #eee;
}
.moosebutt:hover {
margin-bottom:0px;
background-color: #000000;/*button hover*/
border:1px solid #000000;
}
</style>
</head>
<body yahoo>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><table width="320" align="center" cellpadding="0" cellspacing="0" style="background-color: ;">
<tbody>
<tr>
<td>
<!-- Wide Text Area -->
<table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<!-- Style Paragraph Text -->
<td class="maintitle" style="text-align:center">
<h1 style="color:{{ colorz }}">{{ item_name }}</h1>
</td>
</tr>
</table>
<!-- /Wide Text Area -->
<!-- Two columns with text -->
<table border=0 bgcolor="transparent" class="top" width="50%" align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left" class="content_p">
<p class="content_p">
<img class="product" style="width:100%;height:auto;" src="{{ URL }}/{{ Product_Graphic }}" >
</p>
</td>
</tr>
</tbody>
</table>
<table border=0 bgcolor="transparent" class="top" width="50%" align="left" cellpadding="0" cellspacing="0" style="line-height:10px;padding:0px 0px 0px 0px;float:left">
<tbody>
<tr>
<td align="left" class="content_p">
<p class="content_p">
<center><h2> ${{ amount }}</h2>
<i>Shipping: ${{ shipping }}</i>
</center>
<div style="width:115px;background-color:transparent;float:left;padding:5px;font: 12px arial ; font-weight: normal; color: #000000;">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" />
<input type="hidden" name="item_name" value=" {{ item_name }}" />
<input type="hidden" name="item_number" value="{{ item_number }}" />
<input type="hidden" name="amount" value="{{ amount }}" />
<input type="hidden" name="on0" value="{{ on0 }}" />
<input type="hidden" name="os0" value="{{ os0 }}" />
<input type="hidden" name="quantity" value="{{ quantity }}" />
<input type="hidden" name="business" value="{{ business }}" />
<input type="hidden" name="shipping" value="{{ shipping }}" />
<input type="hidden" name="shipping2" value="{{ shipping2 }}" />
<input type="hidden" name="handling" value="{{ handling }}" />
<input type="hidden" name="tax" value="{{ tax }}" />
<input type="hidden" name="cancel_return" value="{{ cancel_return }}" />
<input type="hidden" name="cbt" value="{{ cbt }}" />
<input type="hidden" name="cn" value="{{ cn }}" />
<input type="hidden" name="cpp_header_image" value="http://{{ Images_URL }}/{{ cpp_header_image }}" />
<input type="hidden" name="image_url" value="{{ URL }}/{{ cpp_header_image }}"/>
<input type="hidden" name="return" value="{{ return }}" />
<input type="hidden" name="rm" value="2" />
<input type="hidden" name="cmd" value="_xclick" />
<!----------- Add Options ---------------->
<input class="moosebutt" type="submit" border="0" name="submit" value="Pay on PayPal" />
</form>
</p>
</td>
</tr>
</tbody>
</table>
<!-- /two columns with text -->
<!-- Description -->
<table width="96%" align="left" cellpadding="0" cellspacing="0">
<!-- Style Paragraph Text -->
<td colspan="2" class="content_p">
<p class="content_p">{{ Description }}</P>
</td>
</tr>
</table>
<!-- /Description -->
</td>
</tr>
</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>