{{SHOPCART_CSS}}

<script type="text/javascript" src="/javascript/jquery.js"></script>
<script type="text/javascript">

$(function() {
	$(".sc_mobi_nav_trigger").click(function() {
		
		$(".sc_mobi_nav_container").toggleClass("sc_mobi_showme");
	});
});
	
</script>

<div class="sc_div_grid_2col">
	<div class="sc_div_grid_2col_left">
		<div class="sc_sidenav_pad">
	    	
	    	<div class="sc_cart_summary">
	    		Cart - {{MINI_CART}}{{TOTAL_PRODUCTS_COUNT}} Items - <strong>${{SUBTOTAL_LINE}}{{MINI_CART_SUBTOTAL_FORMATTED}}{{/SUBTOTAL_LINE}}</strong>{{/MINI_CART}}
	    		
	    		<a href="{{SELF_LINK}}?command=viewCart" class="sc_view_cart_button sc_filled_button sc_filled_color">View Cart</a>
	    		</div> 
	    	
	    	<div class="sc_mobi_nav_trigger"><a href="javascript:void(0);">Open/Close Navigation</a></div>
	    	<div class="sc_mobi_nav_container">
	    		
	    		
	    		
	    		
	    		<div class="sc_sidenav_headers">Product Search</div>
	    		
	    		<div class="sc_cart_search_leftcol sc_sidenav_sideborders">
	    			<!-- Search auto complete code -->
					{{AUTOCOMPLETE_JAVASCRIPT}}
					
					<form name="scSearchForm" method="get" action="{{SELF_LINK}}">
					<label for="txtSearch" style="display: none;">Product Search</label>
					<input name="txtSearch" id="txtSearch" type="text" /> 
					<input type="submit" value="Go" title="Search Shop Cart" />
					<input type="hidden" name="command" value="doCartSearch">
					</form>	
	    			
	    			
	    		</div>
	    		 
	    		
	    		

				<div class="sc_outerbox_border">
		{{MENU}}
			<div class="sc_sidenav_headers">Product Navigation</div>
			<div class="sc_sidenav_sideborders">
				<ul>
	        {{LEVEL_1}}
	        	{{CURRENT_CATEGORY_DATA}}
	          	{{STANDARD}}
	              <li><a href="{{CATEGORY_LINK}}">{{CATEGORY_NAME}}</a></li>
	          	{{/STANDARD}}
	          	{{CURRENT}}
	             <li><a href="{{CATEGORY_LINK}}">{{CATEGORY_NAME}}</a></li>
	          	{{/CURRENT}}
	        	{{/CURRENT_CATEGORY_DATA}}
	        {{/LEVEL_1}}
	      </ul>
			</div>
			<br>
	        
		{{/MENU}}
	  	</div>
	  	</div>
	  </div>
	</div>
	<div class="sc_div_grid_2col_right">
	  <div class="sc_main_column sc_content_style">
	  	<div class="sc_topheader_pad">
	  		<div class="sc_breadcrumb_style">
	        <a href="{{SELF_LINK}}">Home</a> &gt; <strong>Manage Account</strong>
	        
	        <div style="float: right;"><a href="{{SELF_LINK}}?command=manageAccount">My Account</a> - {{LOGIN_LOGOUT_LINK}}</div>
	      </div>
	    </div>
	          
	    <div>
	    	<div class="sc_featureheaders">
	  			<div class="sc_featured_box">Account Management</div>
	  		</div>
	  		
        
        {{PROFILE_BLOCK}}
        <div style="padding-left: 15px;">
        	<table style="width:100%; border-collapse: collapsed;" title="Billing and Shipping Information">
            <tr>
              <td class="co_bs_header_style"><strong>Billing Information</strong></td>
              <td class="co_bs_header_style"><strong>Shipping Information</strong></td>
            </tr>
            <tr>
              <td class="co_info_box1"><table style="width:95%;" title="Billing Information">
              	<tr>
                    <td class="style7">Company:</td>
                    <td style="width: 171px;" class="content">{{FORMATTED_COMPANY}}</td>
                  </tr>

                  <tr>
                    <td class="style7">Name:</td>
                    <td  class="content	">{{FORMATTED_NAME}}</td>
                  </tr>
                  <tr>
                    <td class="style7">Address:</td>
                    <td class="content">{{FORMATTED_ADDRESS}}</td>
                  </tr>
                  <tr>
                    <td class="style7">Phone:</td>
                    <td class="content">{{FORMATTED_PHONE}}</td>
                  </tr>
                  
                  <tr>
                    <td class="style7">Email:</td>
                    <td class="content">{{EMAIL}}</td>
                  </tr>
              </table></td>
              <td class="co_info_box1"><table style="width:95%;" title="Shipping Information">
              	<tr>
                    <td class="style7">Company:</td>
                    <td style="width: 171px;"  class="content">{{FORMATTED_SHIPPING_COMPANY}}</td>
                  </tr>
                <tr>
                  <td class="style7">Name:</td>
                  <td width="171"  class="content">{{FORMATTED_SHIPPING_NAME}}</td>
                </tr>
                <tr>
                  <td valign="top"><div class="style7">Address:</div></td>
                  <td  class="content">{{FORMATTED_SHIPPING_ADDRESS}}</td>
                </tr>
                <tr>
                  <td><div class="style7">Phone:</div></td>
                  <td  class="content">{{FORMATTED_SHIPPING_PHONE}}</td>
                </tr>
                
                <tr>
                  <td><div class="style7">Email:</div></td>
                  <td  class="content">{{SHIPPINGEMAIL}}</td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td class="co_submit_pad">&nbsp;</td>
              <td class="co_submit_pad"><div class="button_style_grey"><a href="{{SELF_LINK}}?command=manageProfile">Manage My Profile </a></div></td>
            </tr>
          </table>
				</div>
				{{/PROFILE_BLOCK}}
				
				{{PREVIOUS_ORDERS}}
				<div style="padding-left: 15px;">
					<table style="width:100%; border-collapse: collapsed;" title="Order History">
		        <tr>
		          <td style="width: 21%;" class="co_conf_header_boxes">Order Number </td>
		          <td style="width: 49%;" class="co_conf_header_boxes">Date Purchased </td>
		          <td style="width: 10%;" class="co_conf_header_boxes">Amount</td>
		          <td style="width: 11%;" class="co_conf_header_boxes">Options</td>
		        </tr>
		        {{ORDER_ITEMS_LOOP}}
		        {{ORDER_ITEM_1}}
		        <tr>
		          <td class="co_conf_content_boxes">{{ID}}</td>
		          <td class="co_conf_content_boxes">{{DATE_PLACED}}</td>
		          <td class="co_conf_content_boxes">{{TOTAL_CHARGED}}</td>
		          <td class="co_conf_content_boxes"><div style="text-align: center;"><a href="{{SELF_LINK}}?command=viewOrder&ID={{ID}}">View</a></div></td>
		        </tr>
	          {{/ORDER_ITEM_1}}
	          {{/ORDER_ITEMS_LOOP}}
	        </table>
     		</div>
				{{/PREVIOUS_ORDERS}}
    	</div>
    </div>
  </div>
</div>