{extends file="_base/models.html"}
{block name=title}77-Series Ruger<sup>&reg;</sup> 77/357<sup>&trade;</sup>{/block}
{block name=topImg}images/top.jpg{/block}
{block name=extraHeaderContent}
{/block}

{block name=body}
	<h1 class="small-product-title small">The powerful Ruger<sup>&reg;</sup> 77/357<sup>&trade;</sup> is chambered in .357 Mag.</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>

<div class="table-overflow">
		<table class="product-grid">
			<thead>
				<tr>
					<td>Model No.</td><td>Caliber</td><td>Capacity</td><td>Material / Finish</td><td>Stock</td><td>Sights</td><td>Barrel Length</td>
					<td>Sug. 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>{$model.caliber|makeNbsp}</td>
					<td>{$model.capacity|decimalPlaces:0}</td>
					<td>{$model.material|makeNbsp} / {$model.finish|makeNbsp}</td>
					<td>{$model.stock|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>{$model.barrel_length|smartRound8ths}&quot;</td>
					
				<td>${$model.msrp}</td>
					<td><a class="link" href="specSheets/{$model.model}.html">Spec&nbsp;Sheet</a><a class="link" href="specSheets/{$model.model}.html?buy=1">Buy&nbsp;Now</a></td>
				</tr>
				{/foreach}
			</tbody>
		</table>
	</div>
    
	<div class="video-wrap">
		<div class="fluid-video"><iframe class="vimeo-frame" src="https://player.vimeo.com/video/131250384" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

		<div class="video-list clearfix">
			<ul>
				<li data-url="131250384" class="active">TV Spot</li>
			</ul>
			<ul>
				<li data-url="131250608">Features</li>
			</ul>
		</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-RotaryMagazine.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-circle-lock"></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/Rotary-Magazine/products/2200/" 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}