{{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>Login</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">Customer Login</div>
	  		</div>
        
        <div style="padding-left: 15px;">
        	<form name="scLoginFrm" method="post" action="{{SELF_LINK}}">
          	<input type="hidden" name="command" value="doLogin">
	                	Please enter your email address and password below. (<a href="{{SELF_LINK}}?command=signup">Click Here to signup for a new account</a>)<br><br>
            <label for="LOGUSERNAME">E-mail Address:</label>  <input name="LOGUSERNAME" id="LOGUSERNAME" type="text" size="20" /><br><br>
          	<label for="LOGPASSWORD">Password:</label> <input name="LOGPASSWORD" id="LOGPASSWORD" type="password" size="15" />
          	<br><br>
            <div>
            	<span class="button_style_grey"><input type="submit" value="Login to Account"></span>
						</div>	                      
          </form>
        </div>
      </div>
    </div>
  </div>
</div>