{extends file="_base/modelsMicroVideo.html"}
{block name=title}Ruger American Rimfire<sup>&reg;</sup> {/block}


{block name=topVideo}
<div class="section" style="position: relative;">
	<div style="xbackground-color: #000;">
		<img src="images/top.jpg" style="width: 100%" />
	</div>
	
</div>
{/block}
{block name=extraHeaderContent}
<link rel="stylesheet" href="/css/micros.css"/>

<script>
	$(document).ready(function() {
		initHolsterSearch();
		var pageAnchor = window.location.hash.substr(1);
		if (pageAnchor == 'signup') {
			if (! $('#formWrapper').is(':visible')) {
				$('#formWrapper').show();
			}
		}
	});

	function initHolsterSearch() {
		//ajax.doRequest('get', '/dataProcess/holster/ajaxFilter.php', 'pl=lcpmax', 'showwait=false');
		ajax.doRequest('get', '/dataProcess/accFinder/ajaxFilter.php', 'acc_f=holsters&acc_pl=lcpmax', 'showwait=false');
	}
	function applyFilter(changeField) {
		ajax.doRequest('submitformfromid', '/dataProcess/accFinder/ajaxFilter.php?cf=' + changeField, 'hfform', 'showwait=false');
	}
	function showfilterOverflow() {
		$('.resultOverflowContent').show();
		$('.resultOverflowLink').hide();
	}
	function toggleSignup() {
		if ($('#formWrapper').is(':visible')) {
			$('#formWrapper').slideUp(500);
		} else {
			$('#formWrapper').slideDown(500);
			$('body').scrollTo('#formWrapper');
		}
	}
	function infoSignup() {
		// mailingListInline
		// alert('Signup processing here');
		if ($('#optIn').is(":checked")) {
			ajax.doRequest('submitformfromid', '/dataProcess/mailingList/ajaxFormProcess.php', 'mailingListInline', 'showwait=false');
		} else {
			alert('You must check the box allowing us to notify you to sign up for email and/or text notifications.');
		}
	}
</script>



<style type="text/css">
    .filterResult {
        display: inline-block;
        width: 200px;
        height: 250px;
        padding: 0.25em;
        margin: 0.25em;
        text-align: center;
        font-weight: bold;
        /*overflow: hidden;*/
        vertical-align: top;
    }
    .filterResult p a img {
        width: 150px;
    }
    .inlineCheckbox label {
        display: inline-block;
        font-size: 0.8em;
        white-space: nowrap;
    }
    .price {
        color: #900;
    }
    .resultOverflowLink {
        vertical-align: baseline;
    }
    #holsterFilters {
        background-color: #e5e5e5;
        width: 95%;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
    }
</style>

{/block}

{block name=body}

<div class="section">
	
	<div class="content" style="padding-top: 2em;">
		<p class="copy" style="font-size: 1.6em;">Reliability, Versatility, Performance and Affordability</p>
			
	</div>
</div>



<!--<div class="section">
	<section class="custom-shop">
		<div class="liteBlocks">
			<div class="liteFeature">
				<img src="images/features/magazine.jpg" alt="">
			</div>
			<div class="liteFeature">
				<img src="images/features/magazine.jpg" alt="">
			</div>
	  </div>
	</section>
</div>-->


<!--<div class="fit-link-img">
	<img src="images/features/stock.jpg">
</div>
-->




<div class="section">
	<div class="content product">
		<div class="product-thumbs clearfix m-t-3 flex">
		{foreach $models as $model}
			<div class="product-thumb long-gun de-overlay">
				<a href="specSheets/{$model.model}.html" class="image-link">
					<img src="images/{$model.model|makeNbsp}.jpg">
					{if $model.isNew}<img src="/img/new-icon.png" class="new-icon">{/if}
					{if $model.dealerExclusive && $model.distributorList}
					{foreach $model.distBuy as $dist}
					<p class="dist">{$dist.name} Distributor Exclusive</p>
					{/foreach}
					{/if}
					{if $model.altTitle}<p class="dist secondary">{$model.altTitle}</p>{/if}
				</a>
				<div class="specs single-col flex-grow">
			<table>
				<tr>
					<td>Model:</td>
					<td>{$model.model|makeNbsp}</td>
				</tr>
				<tr>
					<td>Caliber:</td>
					<td>{$model.caliber|makeNbsp}</td>
				</tr>
				<tr>
					<td>Capacity:</td>
					<td>{$model.capacity|decimalPlaces:0}</td>
				</tr>
				<tr>
					<td>Stock:</td>
					<td class="strong">{$model.stock|makeNbsp}</td>
				</tr>
				<tr>
					<td>Barrel Material:</td>
					<td class="strong">{$model.material|makeNbsp}</td>
				</tr>
				<tr>
					<td>Barrel Length:</td>
					<td class="strong">{$model.barrel_length|displayLengths}</td>
				</tr>
								{if $model.dealerExclusive != 1}
				<tr>
					<td>MSRP:</td>
					<td class="strong">${$model.msrp}</td>
				</tr>
				{/if}

				{if $model.modelAvailability}
				<tr>
					<td>Availability:</td>
					<td><span style="font-style: italic; color: #716d6d;" class="glossaryTerm" lookupTerm="modelavailability_{$model.modelAvailability|lower|replace:' ':'_'|escape:'html'}_{if $model.dealerExclusive eq 1}de{else}catalog{/if}">{$model.modelAvailability|capitalize|makeNbsp}</span></td>
				</tr>
				{/if}
			</table>
		</div>
				<div class="flex-grow"></div>
				{if $model.miscFlags ne 'comingSoon'}
					<ul class="links">
						<li><a href="specSheets/{$model.model}.html">Spec Sheet</a></li>
						{if $model.distributor_buyonline}
						<li><a href="specSheets/{$model.model}.html?buy=1">Buy Now</a></li>
						{/if}
					</ul>
				{/if}
			</div>
		{/foreach}
		</div>
		<!--<p class="copy" style="font-size: .8em; text-align: center;">The acquisition, ownership and use of firearms is heavily regulated. Some models may not be legally available in your state or locale. Know the law and shoot safely.</p>-->
	</div>
</div>



<!--<div class="section" style="padding-bottom: .3em;">
	<div class="content product-top">
		<img src="images/detail3.jpg">
	</div>
</div>-->


<!--<section class="custom-shop">
	<div class="liteBlocks">
		
		<div class="liteFeature">
				<img src="images/features/magazine.jpg" alt="" >
			</div>
			<div class="liteFeature">

				<img src="images/features/receiver.jpg" alt="" >
			</div>
			
  </div>
</section>-->

<p>&#160;</p>


<div class="section">
	<div class="content product">
		<div class="video-wrap">
			<div class="fluid-video"><iframe class="vimeo-frame" src="https://player.vimeo.com/video/131264828" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
			<div class="video-list clearfix">
				<ul>
            	<li data-url="131264828" class="active">TV Spot</li>
                <li data-url="168779759">Modular Stock System</li>
            </ul>
            
            <ul>
				<li data-url="345710808">Disassembly</li>
            	<li data-url="73887409">Features</li>
            </ul>
            
            <ul>
				<li data-url="346862566">Reassembly</li>
				<li>&#160;</li>
            </ul>
			</div>
		</div>
	</div>
</div>


{/block}

{block name=csBar}
	<li><a href="/dataProcess/manual/fetch.php/pl/{$common.productline}" target="_blank"><span class="icon-manual"></span><em>Instruction Manual</em></a></li>
	<li><a href="/dataProcess/customerService"><span class="icon-faq"></span><em>Customer Service</em></a></li>
	<li><a href="http://shopruger.com/Ruger-American-Rimfire/products/2120/" target="_blank"><span class="icon-mag"></span><em>Accessories</em></a></li>
	<li><a href="/dataProcess/serialHistory/"><span class="icon-pound"></span><em>Serial # Lookup</em></a></li>
{/block}