{extends file="_base/models.html"}
{block name=title}Ruger American<sup>&reg;</sup> Pistol Duty{/block}
{block name=pageTitle}Ruger American&reg; Pistol Duty{/block}

{block name=extraHeaderContent}
<script type='text/javascript'>
	function searchRetailer() {
		$('#inlineRetailerLocatorResults').hide();
		$('#searchType').val('zip');
		goToFormTop(350, "inlineRetailerLocatorForm");
		ajax.doRequest('submitformfromid', '/search/retailerLocator/ajaxFormProcess.php', 'inlineRetailerLocatorForm', 'showwait=true');
	}

	function searchByLocation() {
		navigator.geolocation.getCurrentPosition(doLocationSearch);
	}

	function doLocationSearch(position) {
		$('#inlineRetailerLocatorResults').hide();

		var myLiveLat  = position.coords.latitude;
		var myLiveLong = position.coords.longitude;

		if (myLiveLat && myLiveLong) {
			$('#searchType').val('loc');
			$('#searchLat').val(myLiveLat);
			$('#searchLong').val(myLiveLong);
			$('#zip').val('');


			var animLength = 350;
			$('#errorDisplayBox').hide();
			goToFormTop(animLength, "inlineRetailerLocatorForm");
			setTimeout(function() {
				ajax.doRequest('submitformfromid', '/search/retailerLocator/ajaxFormProcess.php', 'inlineRetailerLocatorForm', 'showwait=true');
			}, (animLength+10));
		}

	}
	function liveLocationSearch() {
		navigator.geolocation.getCurrentPosition(doSearch);
	}

	function goToFormTop(animateLength, formID) {
		$('html, body').animate({
			scrollTop: ($("#" + formID).offset().top - 60)
		}, animateLength);
	}
</script>

{/block}

{block name=body}
<h1 class="big-product-title small">Anything Else Would Be Un-American<sup>&trade;</sup></h1>


<div class="product-thumbs clearfix m-t-3 flex">
	{foreach $models as $model}
		<div class="product-thumb handgun 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}
				{else}
					{if $model.leStatus}<p class="dist">LE Only Model</p>{/if}
				{/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 class="strong">{$model.caliber|makeNbsp}</td>
					</tr>
					<tr>
						<td>Capacity:</td>
						<td>{$model.capacity|decimalPlaces:0}+{$model.ext_capacity|decimalPlaces:0}</td>
					</tr>
					<tr>
						<td>Safety Option:</td>
						<td class="strong">{$model.stockoption|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>

			<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>
		</div>
	{/foreach}
</div>




<!--<div class="table-overflow">
	<table class="product-grid">
		<thead>
		<tr>
			<td>Model No.</td>
			<td class="highlight">Caliber</td>
			<td class="highlight">Capacity</td>
			<td class="highlight">Safety Option</td>
			<td>Size</td>
			<td>Slide Finish</td>
			<td>Sights</td>
			<td class="highlight">Barrel Length</td>
			<td class="highlight">Overall Length</td>
			<td class="highlight">Weight</td>
			<td>Suggested Retail</td>
			<td></td>
		</tr>
		</thead>
		<tbody>
		{foreach $models as $model}
		<tr>
			<td>{if $model.isNew}<img src="/img/new-icon.png" class="new-icon">{/if}{$model.model|makeNbsp}</td>
			<td class="highlight"><strong>{$model.caliber|makeNbsp}</strong></td>
			<td class="highlight">{$model.capacity|decimalPlaces:0}+{$model.ext_capacity|decimalPlaces:0}</td>
			<td class="highlight">{$model.stockoption|makeNbsp}</td>
			<td>{$model.stock|makeNbsp}</td>
			<td>{$model.slide_finish|makeNbsp}</td>
			<td>{if $model.front_sight == $model.rear_sight} {$model.front_sight|makeNbsp}{else} {$model.front_sight|makeNbsp} / </br> {$model.rear_sight|makeNbsp}{/if}</td>
			<td class="highlight">{$model.barrel_length|displayLengths}</td>
			<td class="highlight">{$model.length|displayLengths}</td>
			<td class="highlight">{$model.weight|displayWeights}</td>


			<td>{if $model.dealerExclusive && $model.distributorList}
							<span>{$model.distributorList} Distributor Exclusive</span>
						{else}
				{if $model.leStatus}<strong>LE Only Model</strong>
						{else}
							${$model.msrp}
							{/if}
						{/if}</td>
			<td>
				<a class="link" href="specSheets/{$model.model}.html">Spec&nbsp;Sheet</a>{if $model.distributor_buyonline}<a class="link" href="specSheets/{$model.model}.html?buy=1">Buy&nbsp;Now</a>{/if}
			</td>
		</tr>
		{/foreach}
		</tbody>
	</table>
</div>-->


<h1 class="small-product-title medium">Designed with the toughest standards in mind.<br>
	Built to perform in the harshest conditions.</h1>

<div class="features clearfix">
	<ul class="modern-columns">
					{foreach $flatFeatures as $feature}
					<li>
						{if $feature[1]}<a class="icon-circle-plus swipebox" href="images/features/{$feature[1]}" title="{$feature[0]}"></a>{/if}
						<p>{$feature[0]}</p>
					</li>
					{/foreach}
					</ul>
	<p class="statement">
		Features listed above are available on all standard models, but may not appear on Distributor Exclusive models. See individual spec sheets for model specific features.
	</p>
</div>



<!--<div class="product-thumbs clearfix">
	{foreach $models as $model}
		<div class="product-thumb">
			<a href="specSheets/{$model.model}.html"><img src="images/{$model.model|makeNbsp}.jpg"></a>
			{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}
			<ul>
				<li>Model: {$model.model|makeNbsp}</li>
				<li>Caliber: {$model.caliber|makeNbsp}</li>
				<li><a class="link" href="specSheets/{$model.model}.html">Spec Sheet</a></li>
									{if $model.distributor_buyonline}<li><a class="link" href="specSheets/{$model.model}.html?buy=1">Buy Now</a></li>{/if}
			</ul>
			<ul>
				<li>Capacity: <strong>{$model.capacity|decimalPlaces:0}+{$model.ext_capacity|decimalPlaces:0}</strong></li>
				<li>Weight: {$model.weight|smartRoundWeights} oz.</li>
				{if $model.dealerExclusive == 1}


					{else}
					<li>MSRP: <strong>${$model.msrp}</strong></li>
					{/if}
			</ul>
		</div>
	{/foreach}
</div>-->

<!--<div class="general-callout">
	<div class="callout-body">Learn more about the Ruger American Pistol&trade;</div>
	<h1>
		<a href="http://ruger-hosted.s3.amazonaws.com/email/RugerAmericanPistol-SellSheet-8679320edeb06956.pdf" target="_blank">Download the sell sheet for the new Ruger American Pistol&trade;</a>
	</h1>
</div>-->

<div class="fit-link-img">
	<img src="images/widthChart.jpg"/>
</div>
<!--<a name="rangeday"></a><br/><br/><br/>-->
<!--<h2 class="section-title">Find a Range to Test Fire the Ruger American Pistol<sup>&trade;</sup></h2>-->
<!--<p>Visit a participating retailer listed below and test fire the Ruger American Pistol<sup>&trade;</sup> today!</p>-->
<!--<div class="general-callout flush-bottom" id="range-search">
	<h1>Find a Range to Test Fire the Ruger American<sup>&reg;</sup> Pistol Compact!</h1>
	<div class="callout-body clearfix with-wide-img">
		Find a participating retailer by entering your Zip Code below and go test fire the Ruger American<sup>&reg;</sup> Pistol Compact today!
		<img src="images/2016RangeGraphic3.jpg">
	</div>
</div>
<form id="inlineRetailerLocatorForm" name="specSheetFindForm" class="simple-form dark clearfix" method="post" action="javascript: searchRetailer();">
	<p style="display: inline;">Find a participating range. Enter Zip Code:</p>
	<input name="zip" id="zip" type="text" size="5" maxlength="5">

	<button type="submit" name="button">Search by Zip Code</button>
			<span id="searchByLocationContainer" style="">
				<button type="button" name="button" onclick="searchByLocation();">Search Using My Current Location</button>
			</span>


	<input type="hidden" name="sm" value="inline">

	<input type="hidden" name="searchType" id="searchType" value="zip">
	<input type="hidden" name="searchLat" id="searchLat" value="">
	<input type="hidden" name="searchLong" id="searchLong" value="">

	<input type="hidden" name="searchPromo" id="searchPromo" value="rap">

</form>
<div id="inlineRetailerLocatorResults"></div>-->

<div class="video-wrap">
	<div class="fluid-video">
		<iframe class="vimeo-frame" src="https://player.vimeo.com/video/150257510" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	</div>

	<div class="video-list clearfix">
		<ul>
			<li data-url="150257510">Web Spot</li>
			<li data-url="150172495">Grips</li>
			<li data-url="150172239">Disassembly &amp; Reassembly</li>
			<li data-url="149422353">Features</li>
			
		</ul>
		<ul>
			
			<li data-url="150175793">Accessories</li>
			<li data-url="150174480">Holsters</li>
            <li data-url="151655099">Environmental Tests</li>
			
		</ul>
		<ul>
			<li data-url="150173028">Magazine Cleaning</li>
            <li data-url="149429577">What's In The Box?</li>
			<li data-url="150172720">Lubrication</li>
			
		</ul>
	</div>
</div>



<div class="content product-scroll">
	<div class="left-arrow scroll-arrow" data-direction="left"></div>
	<div class="slider-wrap">
		<div class="slider">
			<div>
			<a href="http://shopruger.com/Sights-Lights-Lasers/products/1443/" target="_blank">
                <img src="/products/rugerAmericanPistol/images/accessory/sights2.jpg">
                <p>Sights, Lights &amp; Lasers</p>
                <p class="category">Buy Now</p>
			</a>
			</div><div>
			<a href="http://shopruger.com/Magazines-Loaders/products/1441/" target="_blank">
                <img src="/products/rugerAmericanPistol/images/accessory/mags.jpg">
                <p>Mags and Loaders</p>
                <p class="category">Buy Now</p>
			</a>
			</div><div>
			<a href="http://shopruger.com/Holsters/products/1444/" target="_blank">
				<img src="/products/rugerAmericanPistol/images/accessory/holsters.jpg">
				<p>Holsters</p>
				<p class="category">Buy Now</p>
			</a>
		</div><div>
			<a href="http://shopruger.com/Grips/products/1445/" target="_blank">
                <img src="/products/rugerAmericanPistol/images/accessory/grips.jpg">
                <p>Grips</p>
                <p class="category">Buy Now</p>
			</a>
		</div>
		</div>
	</div>
	<div class="right-arrow scroll-arrow" data-direction="right"></div>
</div>

<div class="family-link-btns" style="text-align: center;">
	<a href="/dataProcess/ownerCard/"><img src="/img/family/link-btns/ownerNotification.jpg"></a><a href="../_locks/cableLock-AmericanPistol.pdf" target="_blank"><img src="/img/family/link-btns/locking-device.jpg"></a><a href="/safety/newFirearmOwnerResources.html"><img src="/img/family/link-btns/safety/NFOR.jpg"></a>
</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-Pistol/departments/1440/" 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}