{{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>
	        {{BREAD_CRUMB}}
	        {{LEVEL_1}} > <a href="{{LINK}}">{{NAME}}</a>{{/LEVEL_1}}
	        {{/BREAD_CRUMB}}
	        
	        <div style="float: right;"><a href="{{SELF_LINK}}?command=manageAccount">My Account</a> - {{LOGIN_LOGOUT_LINK}}</div>
	      </div>
	    </div>
	          
	    <div>
				{{HOME_PAGE_FEATURE_PRODUCT}}
	  		<div class="sc_featureheaders">
	  			<div class="sc_featured_box">Featured Product</div>
	  		</div>
				<div class="sc_product_pad_style">
					<div class="sc_product_inner_pad_style">
						<div class="sc_div_grid_featured">
							<div class="sc_div_grid_featured_left">
								<a href="{{PRODUCT_LINK}}"><img src="./photos/shopcart/productThumbnails/{{PRODUCT_FILENAME}}" class="sc_product_border" alt="{{PRODUCT_NAME}}" /></a>
							</div>
							<div class="sc_div_grid_featuredright sc_special_text_pad sc_cat_product_list_right">
								<div class="sc_product_text_spacer">
									<span class="sc_sale_price">
										<span class="style18">Sale Price: ${{PRICE_BLOCK}}{{PRODUCT_PRICE_FORMATTED}}{{/PRICE_BLOCK}}{{PRODUCT_SPECIAL_BLOCK}}{{PRODUCT_SPECIAL_PRICE_FORMATTED}}{{/PRODUCT_SPECIAL_BLOCK}}</span>
									</span>
								</div>
								<div class="sc_product_text_spacer sc_featured_product_name_info">
									<span class="style14"><a href="{{PRODUCT_LINK}}">{{PRODUCT_NAME}}</a></span> ({{PRODUCT_NUMBER}})<br />
									<span class="sc_product_desc">{{PRODUCT_DESCRIPTION}}</span> <br />
									
									
									
									
									<!-- Featured ******************************************************************************************************************************************************* -->
									<!-- Featured ******************************************************************************************************************************************************* -->
									<!-- Featured ******************************************************************************************************************************************************* -->
									<!-- Featured ******************************************************************************************************************************************************* -->
									
									<div class="sc_product_additional">{{PRODUCT_ADDITIONAL_DETAILS}}</div>
									
									
									
								</div>
								
								<div class="sc_product_text_spacer">
									<span class="button_style_grey"><a href="{{PRODUCT_LINK}}">More Info</a></span>
									<span class="sc_featured_button_padding">&nbsp;</span>
									{{IS_ACTIVE}}<span class="button_style_green"><a href="{{SELF_LINK}}?command=addToCart&productID={{PRODUCT_ID}}&quantity=1&fpid={{pID}}&fcid={{cID}}&nextCommand=viewCart">Add&nbsp;To&nbsp;Cart</a></span>{{/IS_ACTIVE}}
	                {{IS_SOLDOUT}}<span class="sold_out">Out Of Stock</span>{{/IS_SOLDOUT}}
	                
								</div>
							</div>
						</div>
					</div>
				</div>
				{{/HOME_PAGE_FEATURE_PRODUCT}}
				{{HOME_PAGE_SUB_FEATURED_ITEMS}}
				<div class="sc_featureheaders">
					<div class="style21">More Featured Products </div>
				</div>
				<div>
					{{PRODUCT_LOOP}}
					{{PRODUCT_1}}<div class="sc_div_inlineblock">
						<div class="sc_product_pad_style sc_home_sub_feature sc_align_center"><!--<table width="100%"  border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF">-->
							<div><a href="{{PRODUCT_LINK}}"><img src="./photos/shopcart/productThumbnails/{{PRODUCT_FILENAME}}" class="sc_product_border"  alt="{{PRODUCT_NAME}}" /></a></div>
							
							<div><span class="style18">${{PRICE_BLOCK}}{{PRODUCT_PRICE_FORMATTED}}{{/PRICE_BLOCK}}{{PRODUCT_SPECIAL_BLOCK}}{{PRODUCT_SPECIAL_PRICE_FORMATTED}}{{/PRODUCT_SPECIAL_BLOCK}}</span> </div>
							
							<div class="sc_product_text_spacer">
								<div><div class="style14"><a href="{{PRODUCT_LINK}}">{{PRODUCT_NAME}}</a></div> ({{PRODUCT_NUMBER}}) <br /></div>
							</div>
							<div>
	              {{IS_ACTIVE}}<span class="button_style_green"><a href="{{SELF_LINK}}?command=addToCart&productID={{PRODUCT_ID}}&quantity=1&fpid={{pID}}&fcid={{cID}}&nextCommand=viewCart">Add&nbsp;To&nbsp;Cart</a></span>{{/IS_ACTIVE}}
	              {{IS_SOLDOUT}}<span class="sold_out">Out Of Stock</span>{{/IS_SOLDOUT}}
	            </div>
	          </div>
	        </div>{{/PRODUCT_1}}
					<!--
					{{PROD_xxx_UCT_2}}
	                      <td valign="top" class="sc_product_pad_style sc_home_sub_feature"><table width="100%"  border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF">
	                          <tr>
	                            <td><div align="center"><a href="{{PRODUCT_LINK}}"><img src="./photos/shopcart/productThumbnails/{{PRODUCT_FILENAME}}" class="sc_product_border"  alt="{{PRODUCT_NAME}}"  /></a></div></td>
	                          </tr>
	                          <tr>
	                            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
	                                <tr>
	                                  <td><div align="center"><span class="style18">${{PRICE_BLOCK}}{{PRODUCT_PRICE_FORMATTED}}{{/PRICE_BLOCK}}{{PRODUCT_SPECIAL_BLOCK}}{{PRODUCT_SPECIAL_PRICE_FORMATTED}}{{/PRODUCT_SPECIAL_BLOCK}}</span> </div></td>
	                                </tr>
	                                <tr>
	                                  <td class="sc_product_text_spacer"><div align="center"><div class="style14"><a href="{{PRODUCT_LINK}}">{{PRODUCT_NAME}}</a></div> ({{PRODUCT_NUMBER}}) <br />
	                                  </div></td>
	                                </tr>
	                                <tr>
	                                  <td align="center"><table width="100%"  border="0" cellspacing="0" cellpadding="3">
	                                      <tr>
	                                        <td><div align="center">
	                                            <table  border="0" cellspacing="0" cellpadding="0">
	                                              <tr>
	                                              	
	                                                {{IS_ACTIVE}}<td align="center" valign="middle" class="button_style_green"><a href="{{SELF_LINK}}?command=addToCart&productID={{PRODUCT_ID}}&quantity=1&fpid={{pID}}&fcid={{cID}}&nextCommand=viewCart">Add&nbsp;To&nbsp;Cart</a> </td>{{/IS_ACTIVE}}
	                                                {{IS_SOLDOUT}}<td align="center" valign="middle" class="sold_out">Out Of Stock</td>{{/IS_SOLDOUT}}
	                                              </tr>
	                                            </table>
	                                        </div></td>
	                                      </tr>
	                                  </table></td>
	                                </tr>
	                            </table></td>
	                          </tr>
	                      </table></td>
					{{/PROD_xxx_UCT_2}}
					{{PROD_xxx_UCT_3}}
	                      <td valign="top" class="sc_product_pad_style sc_home_sub_feature"><table width="100%"  border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF">
	                          <tr>
	                            <td><div align="center"><a href="{{PRODUCT_LINK}}"><img src="./photos/shopcart/productThumbnails/{{PRODUCT_FILENAME}}" class="sc_product_border"  alt="{{PRODUCT_NAME}}" /></a></div></td>
	                          </tr>
	                          <tr>
	                            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
	                                <tr>
	                                  <td><div align="center"><span class="style18">${{PRICE_BLOCK}}{{PRODUCT_PRICE_FORMATTED}}{{/PRICE_BLOCK}}{{PRODUCT_SPECIAL_BLOCK}}{{PRODUCT_SPECIAL_PRICE_FORMATTED}}{{/PRODUCT_SPECIAL_BLOCK}}</span> </div></td>
	                                </tr>
	                                <tr>
	                                  <td class="sc_product_text_spacer"><div align="center"><div class="style14"><a href="{{PRODUCT_LINK}}">{{PRODUCT_NAME}}</a></div> ({{PRODUCT_NUMBER}}) <br />
	                                  </div></td>
	                                </tr>
	                                <tr>
	                                  <td align="center"><table width="100%"  border="0" cellspacing="0" cellpadding="3">
	                                      <tr>
	                                        <td><div align="center">
	                                            <table  border="0" cellspacing="0" cellpadding="0">
	                                              <tr>
	                                                
	                                                {{IS_ACTIVE}}<td align="center" valign="middle" class="button_style_green"><a href="{{SELF_LINK}}?command=addToCart&productID={{PRODUCT_ID}}&quantity=1&fpid={{pID}}&fcid={{cID}}&nextCommand=viewCart">Add&nbsp;To&nbsp;Cart</a> </td>{{/IS_ACTIVE}}
	                                                {{IS_SOLDOUT}}<td align="center" valign="middle" class="sold_out">Out Of Stock</td>{{/IS_SOLDOUT}}
	                                              </tr>
	                                            </table>
	                                        </div></td>
	                                      </tr>
	                                  </table></td>
	                                </tr>
	                            </table></td>
	                          </tr>
	                      </table></td>
					{{/PRO_xxx_DUCT_3}}
	                    </tr>
	                    -->
	        {{/PRODUCT_LOOP}}
	      </div>
				{{/HOME_PAGE_SUB_FEATURED_ITEMS}}




				{{CATEGORY_PRODUCT_DISPLAY}}
				<div class="sc_featureheaders">
					<div class="style21">Un-Categorized Products</div>
				</div>
	      <div>
	      	{{CATEGORY_PRODUCTS_LOOP}}
	        {{PRODUCT_LOOP}}
	        {{PRODUCT_1}}<div class="sc_div_inlineblock">
						<div class="sc_product_pad_style sc_align_center"><!--<table width="100%"  border="0" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF">-->
							<div><a href="{{PRODUCT_LINK}}"><img src="./photos/shopcart/productThumbnails/{{PRODUCT_FILENAME}}" class="sc_product_border"  alt="{{PRODUCT_NAME}}" /></a></div>
							
							<div><span class="style18">${{PRICE_BLOCK}}{{PRODUCT_PRICE_FORMATTED}}{{/PRICE_BLOCK}}{{PRODUCT_SPECIAL_BLOCK}}{{PRODUCT_SPECIAL_PRICE_FORMATTED}}{{/PRODUCT_SPECIAL_BLOCK}}</span> </div>
							
							<div class="sc_product_text_spacer">
								<div><div class="style14"><a href="{{PRODUCT_LINK}}">{{PRODUCT_NAME}}</a></div> ({{PRODUCT_NUMBER}}) <br />
								
								
								
								
								
								
								
								
								<!-- Category loop ************************************************************************************************************************************************************* -->
								<!-- Category loop ************************************************************************************************************************************************************* -->
								<!-- Category loop ************************************************************************************************************************************************************* -->
								
								
								<div class="sc_product_additional">{{PRODUCT_ADDITIONAL_DETAILS}}</div>
								</div>
							</div>
							<div>
	              {{IS_ACTIVE}}<span class="button_style_green"><a href="{{SELF_LINK}}?command=addToCart&productID={{PRODUCT_ID}}&quantity=1&fpid={{pID}}&fcid={{cID}}&nextCommand=viewCart">Add&nbsp;To&nbsp;Cart</a></span>{{/IS_ACTIVE}}
	              {{IS_SOLDOUT}}<span class="sold_out">Out Of Stock</span>{{/IS_SOLDOUT}}
	            </div>
	          </div>
	        </div>{{/PRODUCT_1}}
					{{/PRODUCT_LOOP}}
	        {{/CATEGORY_PRODUCTS_LOOP}}
	      </div>
				{{/CATEGORY_PRODUCT_DISPLAY}}	
			</div>
		</div>
	</div>
</div>