{section name=all_product_list loop=$all_product_list}
<div id="product_box">
<div id="inner_pro_info_box">
    <div id="product_left_box">
        <div id="product_image_box">
        {if $product_images[0].image_filename!=""}
        <a href="javascript:openImageViewer('{$product_images[0].image_filename}','{$product_id}','{$all_product_list[all_product_list].product_name}');"><img src="../product_images/{$product_images[0].image_filename}" width="250" id="main_product_image" border="0"/></a><br />
        {/if}
        {section name=product_images loop=$product_images}
        {if $product_images[product_images].product_id == $all_product_list[all_product_list].product_id}
        <a href="#" onClick="changeProductImage('{$product_images[product_images].image_filename}')"><img src="../product_images/{$product_images[product_images].image_filename}" border="0" width="50" /></a> {/if}
        {/section}
        </div>
       
    </div>
	<div id="product_rigth_box">
    {section name=all_brands loop=$all_brands}
{if $all_brands[all_brands].brand_id == $all_product_list[all_product_list].brand_id}
<img src="../brand_images/{$all_brands[all_brands].brand_logo}" title="{$all_brands[all_brands].brand_name}" width="100" /><br />{/if}
{/section}
<h1>{$all_product_list[all_product_list].product_name}</h1>
    <p>{$all_product_list[all_product_list].product_description}</p>
    <h3>Features</h3>
    <p>{$all_product_list[all_product_list].product_overview}</p>
    <span class="price_text">Price: $<span id="price1">{$all_product_list[all_product_list].product_price}</span></span><br />
    {section name=product_attribute_value loop=$product_attribute_value}
    {if $product_attribute_value[product_attribute_value].product_id == $all_product_list[all_product_list].product_id}
    <br />&raquo;&nbsp;<strong>{$product_attribute_value[product_attribute_value].attribute_name}: </strong> {$product_attribute_value[product_attribute_value].attribute_value}
    {/if}
    {/section}
    
    <br />
    <form action="cart.php" method="post">
    {if $show_variant_box == "yes"}
    <div id="variant_box" style="background-color:#E6E6E6; border:1px solid $cccccc; padding:5px; margin-top:7px; ">
        {section name=list_all_variant_groups loop=$list_all_variant_groups}
       <br /><strong>{$list_all_variant_groups[list_all_variant_groups].group_name}</strong><br />
        <select id="variant_selected_group_{$list_all_variant_groups[list_all_variant_groups].variant_group_id}" name="variant_selected_group_{$list_all_variant_groups[list_all_variant_groups].variant_group_id}" style="width:70%; padding:3px;">
        <option value="" selected="selected">Default + $0.00</option>
            {section name=product_variants loop=$product_variants}
        	    {if $list_all_variant_groups[list_all_variant_groups].variant_group_id==$product_variants[product_variants].variant_group_id}
                    {if $product_variants[product_variants].show_variant=="yes"}
                        <option value="{$product_variants[product_variants].id}">{$product_variants[product_variants].variant_name} + ${$product_variants[product_variants].surcharge}</option>
                    {/if}
                {/if}
			{/section} 
         </select><br />
  
        {/section}
        
        
    </div>
    {/if}
    <br />
<br />
    <div align="right" >
    <input id="mode" name="mode" type="hidden" value="add" />
   <input id="product_price" name="product_price" type="hidden" value="{$all_product_list[all_product_list].product_price}" />
   <input id="product_name" name="product_name" type="hidden" value="{$all_product_list[all_product_list].product_name}" />
   <input id="product_id" name="product_id" type="hidden" value="{$all_product_list[all_product_list].product_id}" />
   <input name="" type="image" src="../images/btns/add_to_cart_btn.gif" />
   </div>
   </form>
    <br />
    <br />
     <br />
    <br />
    <br />
	</div>
    {* related products *}
     {if $total_products_related!=0}
        <div id="related_product_box">
        <h3>Related Products</h3>
        {section name=related_product_list loop=$related_product_list}
        	{section name=related_product_image loop=$related_product_image}
            {if $related_product_image[related_product_image].product_id == $related_product_list[related_product_list].product_id}
            <a href="product.php?product_id={$related_product_list[related_product_list].product_id}&product_name={$related_product_list[related_product_list].product_name}"><img src="../product_images/{$related_product_image[related_product_image].image_filename}" border="0" width="70" align="left" hspace="3" /></a>
            {/if}
            {/section}
            <strong><a href="product.php?product_id={$related_product_list[related_product_list].product_id}&product_name={$related_product_list[related_product_list].product_name}">{$related_product_list[related_product_list].product_name}</a></strong><br />
            {$related_product_list[related_product_list].product_description|truncate:161:"..."}<br />
            <strong>${$related_product_list[related_product_list].product_price}</strong><br />
            <!-- <a href="javascript:addToCart('{$related_product_list[related_product_list].product_id}','{$related_product_list[related_product_list].product_name}')">Add to cart</a> --><br />
            <div id="update_my_cart_msg_{$related_product_list[related_product_list].product_id}"></div>
			<div style="border-bottom:1px solid #CCCCCC; padding:10px;"></div>

        {/section}
        </div>
        {/if}
</div>
</div>
{/section}