<style type="text/css">
.form_2{
	padding-left:10px;
    overflow: hidden;
    width: 750px;
}
.item_style3{
	background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/item_style3_bg.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #954401;
    clear: both;
    float: none;
    overflow: hidden;
    padding: 10px 0;
}
.item_style3 h3{
	clear: both;
    color: #793700;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding-left: 15px;
}
.table_ul1 {
    clear: both;
    display: block;
    float: none;
    list-style: none outside none;
    padding: 10px 0 20px 120px;

}
.table_ul1 li {
    clear: both;
    float: none;
    padding-bottom: 4px;
    padding-top: 4px;
}
.table_ul1 li span {
    color: #666666;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-right: 10px;
    padding-top: 5px;
    text-align: right;
    width: 190px;
}
.table_ul1 input, .table_ul1 select, .table_ul1 textarea {
    float: left;
    margin-right: 4px;
    margin-top: 3px;
    padding-bottom: 2px;
}
.input_1 {
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 12px;
}
.message_normal {
    color: #999999;
    display: block;
    float: left;
    font-size: 11px;
    font-style: normal;
    margin-right: 10px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
}
.putIn_box {
    clear: both;
    float: none;
    padding: 10px 0;
    text-align: center;
}
.submit_3 {
    background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/submit.gif") repeat scroll 0 0 transparent;
    border-style: none;
    border-width: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    width: 80px;
}
</style>
<div class="form_2">
    <form  id="formMail" name="formMail" method="post" action="/index.php?controller=email_friend">
    <input type="hidden" name="product_id" value="<?php echo $product_id;?>" />
      <div class="item_style3">
        <h3>E-mail a Friend About this Item!</h3>
        <ul class="table_ul1">
          <li><span>From:</span>
            <input type="text" size="50" value="" class="input_1" name="FromEmail" id="FromEmail">
          </li>
          <li><span>To:</span>
            <input type="text" size="50" class="input_1" name="Toemail" id="Toemail">
            </li><li><span></span><div class="message_normal">Enter an email address. beststoreitems won't use this address for promotional purposes, or disclose it to a third party.</div>
            
          </li><li><span>Message:</span>
            <textarea class="input_1" rows="8" cols="50" name="Content">Hi, I saw this item on beststoreitems.com and thought you might be interested.</textarea>
          </li>
        </ul>
        <div class="putIn_box">
          <input type="button" class="submit_3" onclick="postMail()" value="" name="Submit4">
        </div>
      </div>
    </form>
  </div>
  <script type="text/javascript">
  function postMail(){
  	var from = document.getElementById('FromEmail').value;
  	var to = document.getElementById('Toemail').value;
  	if(from == '' || to == '')
  	{
  		alert('From and To is not empty!');
  	}else{
  		document.getElementById('formMail').submit();
  	}
  }
  </script>