{extends file="_base/models.html"}
{block name=title}Ruger<sup>&reg;</sup>  9E<sup>&reg;</sup>{/block}
{block name=topImg}images/top.jpg{/block}
{block name=extraHeaderContent}
{/block}

{block name=body}
<h1 class="small-product-title medium">Perfectly Sized To Be Comfortable And Controllable.</h1>

	<div class="features clearfix">
		{foreach $features as $feature}
			<ul>
				{foreach from=$feature item=feat}
					<li>
						{if $feat[1]}<a class="icon-circle-plus swipebox" href="images/features/{$feat[1]}" title="{$feat[0]}"></a>{/if}
						<p>{$feat[0]}</p>
					</li>
				{/foreach}
			</ul>
		{/foreach}
	</div>


	<h1 class="small-product-title medium">Ruger<sup>&reg;</sup> 9E<sup>&reg;</sup> Models</h1>
	<h1 class="big-product-title small"></h1>

	<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|displayWeights}</li>
					{if $model.dealerExclusive == 1}
						
							
						{else}
						<li>MSRP: <strong>${$model.msrp}</strong></li>
						{/if}
				</ul>
			</div>
		{/foreach}
	</div>


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

		<div class="video-list clearfix">
			<ul>
				<li data-url="131673792" class="active">Ruger<sup>&reg;</sup> Hawkeye<sup>&reg;</sup> Rifles</li>
				<li data-url="131673792">Focus on Safari - Iron Sights</li>
				<li data-url="131673792">Sighting In</li>
				<li data-url="131673792">Mounting A Scope</li>
			</ul>
			<ul>
				<li data-url="131673792">Hawkeye<sup>&reg;</sup> Disassembly</li>
				<li data-url="131673792">Hawkeye<sup>&reg;</sup> Cleaning</li>
				<li data-url="131673792">Hawkeye<sup>&reg;</sup> Reassembly</li>
				<li data-url="131673792">Hawkeye<sup>&reg;</sup> Magnum Hunter TV Spot</li>
			</ul>
			<ul>
				<li data-url="131673792">Hawkeye<sup>&reg;</sup> Magnum Hunter Features</li>
				<li data-url="131673792">Muzzle Brake System</li>
				<li data-url="131673792">Hawkeye<sup>&reg;</sup> Predator TV Spot</li>
			</ul>
		</div>
	</div>-->
    
      <h1 class="small-product-title med">Find Accessories for the 9E<sup>&reg;</sup> at ShopRuger.com:</h1>
            <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/Holsters/products/1384/" target="_blank">
                <img src="images/accessories/holster.jpg">
                <p>Holsters</p>
                <p class="category">Buy Now</p>
			</a>
			</div><div>
			<a href="http://shopruger.com/Magazines-Loaders/products/1381/" target="_blank">
				<img src="images/accessories/mags.jpg">
				<p>Magazines &amp; Loaders</p>
				<p class="category">Buy Now</p>
			</a>
		</div><div>
			<a href="http://shopruger.com/Sights-Lights-Lasers/products/1383/" target="_blank">
				<img src="images/accessories/sights.jpg">
				<p>Sights, Lights &amp; Lasers</p>
				<p class="category">Buy Now</p>
			</a>
		</div><div>
			<a href="http://shopruger.com/Parts/products/1386/" target="_blank">
				<img src="images/accessories/parts.jpg">
				<p>Parts</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-SRSeries.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="https://ruger-docs.s3.amazonaws.com/_manuals/srSeries.pdf" 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/SR-Series/departments/1380/" target="_blank"><span class="icon-mag"></span><em>Parts &amp; Accessories</em></a></li>
	<li><a href="/dataProcess/serialHistory/"><span class="icon-pound"></span><em>Serial # Lookup</em></a></li>
{/block}