{{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; <a href="{{SELF_LINK}}?command=viewCart">Shopping Cart</a> &gt; <strong>Confirmation</strong>
	        
	        <div style="float: right;"><a href="{{SELF_LINK}}?command=manageAccount">My Account</a> - {{LOGIN_LOGOUT_LINK}}</div>
	      </div>
	    </div>
	    
	    <div class="sc_featureheaders">
  			<div class="sc_featured_box">Confirmation</div>
  		</div>

      {{SHOP_CART_DISPLAY}}
    	<table style="width: 100%;" title="Your Products">
        <tr>
          <th style="width: 19%;" class="co_conf_header_boxes">Product Number</th>
          <th style="width: 21%;" class="co_conf_header_boxes">Product Name</th>
          <th style="width: 14%; text-align: right; vertical-align: bottom;" class="co_conf_header_boxes">QTY</th>
          <th style="width: 16%; text-align: right; vertical-align: bottom;" class="co_conf_header_boxes">Price</th>
          <th style="width: 20%; text-align: right; vertical-align: bottom;" class="co_conf_header_boxes">Subtotal</th>
        </tr>
        {{SHOP_CART_PRODUCTS_LOOP}}
        <tr>
          <td class="co_conf_content_boxes">{{PRODUCT_NUMBER}}</td>
          <td class="co_conf_content_boxes">{{PRODUCT_NAME}}</td>
          <td style="text-align: right;" class="co_conf_content_boxes">{{PRODUCT_QUANTITY}}</td>
          <td style="text-align: right;" class="co_conf_content_boxes">{{PRICE_BLOCK}}{{PRODUCT_PRICE_FORMATTED}}{{/PRICE_BLOCK}}{{PRODUCT_SPECIAL_BLOCK}}{{PRODUCT_SPECIAL_PRICE_FORMATTED}}{{/PRODUCT_SPECIAL_BLOCK}}</td>
          <td style="text-align: right;" class="co_conf_content_boxes">{{PRODUCT_SUBTOTAL_FORMATTED}}</td>
        </tr>
        {{/SHOP_CART_PRODUCTS_LOOP}}
        {{SHOP_CART_TOTALS_LINE}}
        <tr>
          <td colspan="4" style="text-align: right;" class="co_conf_content_boxes">Subtotal</td>
          <td style="text-align: right;" class="co_conf_content_boxes">{{SHOP_CART_SUBTOTAL_FORMATTED}}</td>
        </tr>
        {{COUPONS}}
        {{LOOP}}
        {{ITEM_1}}
        <tr>
          <td colspan="4"  style="text-align: right;" class="co_conf_content_boxes">{{COUPON_NAME}}</td>
          <td  style="text-align: right;" class="co_conf_content_boxes">{{COUPON_DISCOUNT_AMOUNT}}</td>
        </tr>
        {{/ITEM_1}}
        {{/LOOP}}
        {{/COUPONS}}
        <tr>
          <td colspan="4" style="text-align: right;" class="co_conf_content_boxes">Shipping</td>
          <td style="text-align: right;" class="co_conf_content_boxes">{{SHOP_CART_SHIPPING_COST_FORMATTED}}</td>
        </tr>
        {{TAXES_LOOP}}
        <tr>
          <td colspan="4" style="text-align: right;" class="co_conf_content_boxes">{{TAX_NAME}}</td>
          <td style="text-align: right;" class="co_conf_content_boxes">{{TAX_COST_FORMATTED}}</td>
        </tr>
        {{/TAXES_LOOP}}
        <tr>
          <td colspan="4" style="text-align: right;" class="co_conf_total_boxes">Total</td>
          <td style="text-align: right;" class="co_conf_total_boxes">{{SHOP_CART_TOTAL_COST_FORMATTED}}</td>
        </tr>
        {{/SHOP_CART_TOTALS_LINE}}
      </table>
      {{/SHOP_CART_DISPLAY}}
            
      {{PERSONAL_INFORMATION_DISPLAY}}
      <div class="sc_div_grid_2col_50" style="padding-top: 40px;">
      	<div>
        	<div class="co_info_box1">
          	<div class="co_bs_header_style"><strong>Billing Information</strong></div>
            <table style="width: 95%;" title="Billing Information">
              <tr>
                <td class="style7">Company:</td>
                <td style="width:70%;" class="personalData">{{COMPANY}}</td>
              </tr>
              <tr>
                <td class="style7">Name:</td>
                <td style="width:70%;" class="personalData">{{FORMATTED_NAME}}</td>
              </tr>
              <tr>
                <td ><div class="style7">Address:</div></td>
                <td class="personalData">{{FORMATTED_ADDRESS}}</td>
              </tr>
              <tr>
                <td><div class="style7">Phone:</div></td>
                <td class="personalData">{{FORMATTED_PHONE}}</td>
              </tr>
              <!--<tr>
                <td><div class="style7">Fax:</div></td>
                <td align="left" class="personalData">{{FORMATTED_FAX}}</td>
              </tr>-->
              <tr>
                <td><div class="style7">Email:</div></td>
                <td class="personalData">{{EMAIL}}</td>
              </tr>
            </table>
          </div>
        </div>
        <div>
          <div class="co_info_box1">
						<div class="co_bs_header_style"><strong>Shipping Information</strong></div>
						<table style="width: 95%;" title="Shipping Information">
						  <tr>
						    <td class="style7">Company:</td>
						    <td style="width: 70%;" class="personalData">{{SHIPPINGCOMPANY}}</td>
						  </tr>
						  <tr>
						    <td class="style7">Name:</td>
						    <td class="personalData">{{FORMATTED_SHIPPING_NAME}}</td>
						  </tr>
						  <tr>
						    <td ><div class="style7">Address:</div></td>
						    <td class="personalData">{{FORMATTED_SHIPPING_ADDRESS}}</td>
						  </tr>
						  <tr>
						    <td class="style7">Phone:</td>
						    <td class="personalData">{{FORMATTED_SHIPPING_PHONE}}</td>
						  </tr>
						  <!--<tr>
						    <td><div class="style7">Fax:</div></td>
						    <td align="left" class="personalData">{{FORMATTED_SHIPPING_FAX}}</td>
						  </tr>-->
						  <tr>
						    <td class="style7">Email:</td>
						    <td class="personalData">{{SHIPPING_EMAIL}}</td>
						  </tr>
						</table>
					</div>
				</div>
			</div>
      {{/PERSONAL_INFORMATION_DISPLAY}}
        
      {{PAYMENT_TYPE_DISPLAY}}
      <form name="theForm" method="post" action="{{SELF_LINK}}">
        <input type="hidden" name="command" value="checkout4">
        <div class="sc_div_grid_2col_50">
        	<div>
        		<div class="co_submit_pad" style="text-align: right;">
        			<label for="PAYMENT_TYPE">Payment Type:</label> <select name="PAYMENT_TYPE" id="PAYMENT_TYPE">{{PAYMENT_TYPE_LIST}}</select>
        		</div>
        	</div>
        	<div>
      			<div style="text-align: right;" class="co_submit_pad">
      				<span class="button_style_grey"><input type="button" value="Go Back" onclick="javascript:document.theForm.command.value='checkout'; document.theForm.submit();"></span> &nbsp;&nbsp;&nbsp;
              <span class="button_style_grey"><input type="submit" value="Continue"></span>
            </div>
          </div>
        </div> 
      </form>
      {{/PAYMENT_TYPE_DISPLAY}}
		</div>
	</div>
</div>