<div id="product_attribute_box">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  {section name=product_attributes loop=$product_attributes}
  <tr>
    <td width="151"><input type="hidden" id="product_attribute_id_{$product_attributes[product_attributes].attribute_id}" name="product_attribute_id_{$product_attributes[product_attributes].attribute_id}" value="{$product_attributes[product_attributes].id}" />
{$product_attributes[product_attributes].attribute_name}: </td>
    <td><input type="text" id="attribute_value_{$product_attributes[product_attributes].attribute_id}"  name="attribute_value_{$product_attributes[product_attributes].attribute_id}" value="{$product_attributes[product_attributes].attribute_value}" /><input type="hidden" id="old_attribute_value_{$product_attributes[product_attributes].attribute_id}"  name="old_attribute_value_{$product_attributes[product_attributes].attribute_id}" value="{$product_attributes[product_attributes].attribute_value}" /> <a href="javascript:deleteProductAttribute('{$product_attributes[product_attributes].id}','{$product_attributes[product_attributes].product_id}');"><img src="images/icons/delete.png" title="Delete" align="absmiddle" /></a></td>
  </tr>
  {/section}
</table>

<span class="text_btn"><img src="images/icons/add.png" title="Add new attribute" align="absmiddle" /> <a href="javascript:showInlineAttributeForm()">Add New Attribute</a></span><br />
<br />


</div>