diff --git a/wrenchboard/email/REMINDER/offer_pending_reminder.mailfile b/wrenchboard/email/REMINDER/offer_pending_reminder.mailfile
index b148c4e9..225fca0b 100644
--- a/wrenchboard/email/REMINDER/offer_pending_reminder.mailfile
+++ b/wrenchboard/email/REMINDER/offer_pending_reminder.mailfile
@@ -16,6 +16,7 @@ img {height: auto;}
 .subhead {font-size: 12px; color: #ffffff; font-family: sans-serif; letter-spacing: 3px;}
 .h1, .h2, .bodycopy {color: #153643; font-family: sans-serif;}
 .h1 {font-size: 33px; line-height: 38px; font-weight: bold;}
+.sect-text {font-weight:bold;  text-align: right;}
 .bodycopy {font-size: 14px; line-height: 20px;}
 .button {text-align: center; font-size: 16px; font-family: sans-serif;  padding: 0 30px 0 30px;}
 .button a {color: #ffffff; text-decoration: none;}
@@ -36,7 +37,7 @@ img {height: auto;}
     <![endif]-->
     <table bgcolor="#ffffff" class="content" align="center" cellpadding="0" cellspacing="0" border="0">
       <tr>
-        <td bgcolor="#c7d8a7" class="header">
+        <td bgcolor="#ffffff" class="header">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 
 					<tr>
@@ -45,7 +46,7 @@ img {height: auto;}
 					</td>
 					</tr>
 					<tr>
-					<td class="subhead" style="padding: 0 0 0 3px;  text-align:center;">
+					<td class="subhead" style="padding: 0 0 0 3px; color:black;  text-align:center;">
 					{{site_trade_name}}
 					</td>
 					</tr>
@@ -73,12 +74,64 @@ img {height: auto;}
                   <tr>
                     <td class="bodycopy">
                      An offer was sent to you and waiting for your acceptance at <a href="{{server_name}}">{{site_name}}</a>.
-						<br>Title : {{title}} <br>
+		                <br>
 						<span class="expire">This will expire after {{expire_formated}}.</span>
 						<br>
                     </td>
                   </tr>
 
+<tr>
+<td>
+
+<div style="background-color:aliceblue; border-radius: 10px; padding: 10px;">
+	<table width="100%" border="0" cellspacing="1" cellpadding="2" class="bodycopy" style="font-size: 14px; font-family: sans-serif; border: 1px solid #f2eeed;">
+	<tr>
+	<td width="100px" class="sect-text">
+	Title :
+	</td>
+	<td class="bodycopy">
+	{{title}}
+	</td>
+	</tr>
+	<tr>
+	<td class="sect-text">
+	Offer ID :
+	</td>
+	<td class="bodycopy">
+	<a href ="{{server_name}}/eoffer?offerID={{offer_code}}">{{offer_code}}</a>
+	</td>
+	</tr>
+	<tr>
+	<tr>
+	<td class="sect-text">
+	Duration :
+	</td>
+	<td class="bodycopy">
+	{{timeline_days}} day(s)
+	</td>
+	</tr>
+
+	<tr>
+	<td class="sect-text">
+	Reward :
+	</td>
+	<td class="bodycopy">
+	{{price}} {{currency}}
+	</td>
+	</tr>
+	<tr>
+	<td class="sect-text">
+	Detail :
+	</td>
+	<td class="bodycopy">
+	{{job_description}}
+	</td>
+	</tr>
+	</table>
+</div>
+  </td>
+</tr>
+
 
                 </table>
               </td>
@@ -92,6 +145,7 @@ img {height: auto;}
         </td>
       </tr>
 
+
       <tr>
         <td class="innerpadding bodycopy">
          If you have any further support question, Please contact us at {{server_name}}/contact<br>
@@ -107,7 +161,7 @@ img {height: auto;}
         </td>
       </tr>
       <tr>
-        <td class="footer">
+       <td class="footer" style="color:#ffffff; padding: 20px 30px 15px 30px; bgcolor:#007bff; background-color:#007bff; border-radius: 10px 10px 10px 10px;">
           <table width="100%" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <td align="center" class="footercopy">