Compare Used Cars, Compare Cars Side-By-Side

MyAutoTrader:

Save cars, searches & time. Always FREE!

ZIP Code:

43222

Comparing 1 - 1 of 4

New Comparison

Trim Level:

Price:

Fuel Economy:

For Sale Near You:

Special Offers:

Ratings & Reviews:

Change Remove

2007 Hyundai Santa Fe

$18,850

Hwy: 25 MPG / City: 20 MPG

2 Review(s)

Cost, Warranties & Incentives

Go directly to:

Costs

MSRP

Invoice

NADAguides Pricing Info

Incentives

Special Offers

Highlighted Specials

Warranties

Basic

Corrosion

Drivetrain

Roadside Assistance

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

$21,145

$20,338

$18,850

See specials by entering your ZIP code.

Mileage: 60,000 Months: 60 Months

Mileage: Unlimited Months: 84 Months

Mileage: 100,000 Months: 120 Months

Mileage: Unlimited Months: 60 Months

Photos

Go directly to:

Front View - Low and Wide

Front View - High Angle

Driver Side Profile

Rear View - 3/4

Front seats

Center console

Rear seats

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

2007 Hyundai Santa Fe - Front View - Low and Wide

2007 Hyundai Santa Fe - Front View - High Angle

Colors

Go directly to:

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

Exterior Colors

Arctic White

Bright Silver

Dark Cherry Red

Deepwater Blue

Interior Colors

Beige

Gray

Roof/Top Colors

Interior Features

Go directly to:

Comfort

A/C

Bucket Seats

Driver Lumbar

Privacy Glass

Convenience

Intermittent Wipers

Variable Speed Intermittent Wipers

Heated Mirrors

Power Driver Mirror

Power Passenger Mirror

Heated Exterior Driver Mirror

Heated Exterior Passenger Mirror

Driver Vanity Mirror

Passenger Vanity Mirror

Pass-Through Rear Seat

Cruise Control

Power Steering

Auxiliary Pwr Outlet

Power Windows

Luggage Rack

Wheel Locks

Entertainment

AM/FM Stereo

CD Player

Satellite Radio

MP3 Player

Memory Settings

Power Features

Power Passenger Mirror

Power Driver Mirror

Power Windows

Power Steering

Power Door Locks

Seats

Driver Lumbar

Bucket Seats

Pass-Through Rear Seat

Cloth Seats

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

Standard

Optional

Standard

Exterior Features

Go directly to:

Rear Defrost

Luggage Rack

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

Standard

Performance

Go directly to:

Brakes

ABS Brakes

Brakes Type

Engine

Displacement

Horsepower

Torque (lb-ft)

Fuel Type

Fuel Tank Capacity, Approx (gal)

EPA Manual City

EPA Manual Highway

Transmission

Drive Type

5-Speed M/T

Wheels

Spare Tire Type

Front Tire Size

Rear Tire Size

Front Wheel Size (in)

Rear Wheel Size (in)

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

4-Wheel ABS

4-Wheel Disc Brakes

2.7L/162

185 @ 6000 RPM

183 @ 4000 RPM

Gasoline Fuel

19.0

20 MPG

25 MPG

Front Wheel Drive

Standard

Compact Spare Tire

P235/65R16

16 x - TBD -

Safety

Go directly to:

Driver Air Bag

Passenger Air Bag

Passenger Air Bag On/Off Switch

Side Air Bag

Side Head Air Bag

4-Wheel ABS

Alarm

Rear Defrost

Child Safety Locks

Traction Control

Tire Pressure Monitoring System

Electronic Stability Control

Driver Crash Grade

Passenger Crash Grade

Rollover Resistance Rating

Side Impact Crash Test Front

Side Impact Crash Test Rear

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

Standard

Specifications & Dimensions

Go directly to:

Base Curb Weight (lbs)

Front Head Room (in)

Front Leg Room (in)

Second Head Room (in)

Second Leg Room (in)

Wheelbase (in)

Width, Max w/o mirrors (in)

Height, Overall (in)

Maximum Seating Capacity

Maximum Towing Capacity

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

4022

40.2

42.6

39.6

36.8

103.1

72.7

66.0

1650

Truck Features

Go directly to:

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

Maintenance Recall Information

Go directly to:

Recalls

2007 Hyundai Santa Fe GLS w/XM FWD 4dr Manual

4 recalls

Spotlighted Vehicles - We've highlighted vehicles based on your Compare List. Take a look and see how easy it is to go from 3 million vehicles to one perfect car at AutoTrader.com.

View Local Listings

Shopping & Selling Tools

Get pre-qualified today
Calculate your payment
Refinance your auto and save

Sell Your Car

Check pricing on NADAguides.com

Get a free rate quote

Data on this page may have come in part, or entirely, from one or more of the following providers.

Warranty information applies strictly to the original purchase of the car. Please see dealer or private seller for more information on warranties for specific vehicles.

<div class="cell-main actions add-change">
                    <div id="infoVehicle" class="info-vehicle">
                        <div class="cell-main year-make-model">
                            <div class="box ymm">
                                     <div id="add-vehicle-text" class="show">Add a model here, or <a href="javascript:void(null);" onclick="ATC.cs.research.ctr.view.showHide('hide','infoVehicle','infoSuggestions')">choose from similar models</a></div>
                            </div>
                        </div>

<div id="actions-#{column}">
                        <div class="box" id="select-make-#{column}" >
                            <select class="make" id="make-#{column}">
                                <option>Select One</option>
                            </select>
                        </div>
                        <div class="box" id="select-model-#{column}">
                            <select class="model" id="model-#{column}" disabled="disabled">
                                <option>Select One</option>
                            </select>
                        </div>
                        <div class="box" id="select-year-#{column}">
                            <select class="year" id="year-#{column}" disabled="disabled"></select>
                        </div>
                        <div class="box buttons" id="buttons-add-update-#{column}">
                            <div class="box buttons #{addButtonClass}" id="buttons-add-#{column}">
                            <div>
                                <span id="fake-add-#{column}" class="fake-button"> <img  src="http://www.autotraderstatic.com/img/research/compare/disabled_add-a-model_03_03.png?3.3.137016" alt=""></span>
                                <a  name="clear" class="atc-ui-button new-comparison"><span id="add-#{column}" class="hidden">Add Model</span></a>
                           </div>
                                
                            </div>
                            <div class="box buttons #{updateButtonClass}" id="buttons-update-#{column}">
                                <div>
                                    <a  name="clear" class="atc-ui-button new-comparison"><span id="update-#{column}">Update</span></a>
                                    <a  name="clear" class="atc-ui-button new-comparison"><span id="cancel-#{column}">Cancel</span></a>
                               </div>
                                
                                
                            </div>
                        </div>
                        </div>
                     </div>
                     <div id="infoSuggestions" style="display:none;" class="info-vehicle">

<div class="cell-main year-make-model">
                             <div class="box ymm" style="font-weight:normal;">
                                 <a href="javascript:void(null);" onclick="ATC.cs.research.ctr.view.showHide('hide','infoSuggestions','infoVehicle')">Go back to the Model Selection form.</a>
                             </div>
                         </div>

<div class="box suggestions" id="suggestions-#{column}">
                            
                            <div class="select-from-suggestion">
                                <div class="box label" id="previously-viewed">
                                    Previously Viewed
                                </div>
                            </div>
                            
                            <div class="select-from-suggestion" id="select-from-suggestion-#{column}">
                                <div class="box label">
                                    <img id="compare-tip-#{column}" class="tooltip tip compare-tip" alt="Help Tip" border="0"  src="http://www.autotraderstatic.com/img/standardicons/help_clickable_29.gif?3.3.137016" onmouseover="changeMouseOverImage('compare-tip-#{column}');" onmouseout="changeMouseoutImage('compare-tip-#{column}')" onclick="changeImage('compare-tip-#{column}');ATC.utils.BIUtils.getBIEvent('e10x');"/>
                                    Choose a category of vehicles to compare:

</div>
                                <div class="box" id="select-similar-#{column}">
                                    <input class="radio" id="similar-#{column}" name="group" value="similar-vehicles" type="radio" />
                                    <label for="similar-#{column}">
                                        Similar Vehicles
                                    </label>
                                </div>
                                <div class="box" id="select-others-considered-#{column}">
                                    <input class="radio" id="others-considered-#{column}" name="group" value="user-vehicles" type="radio" />
                                    <label for="others-considered-#{column}">
                                        Cars Others Considered
                                    </label>
                                </div>
                                <div class="box" id="select-previously-viewed-#{column}">
                                    <input class="radio" id="previously-viewed-#{column}" name="group" value="previously-viewed-vehicles" type="radio" />
                                    <label for="previously-viewed-#{column}">
                                        Previously Viewed
                                    </label>
                                </div>
                            </div>
                            <div class="suggestion">
                                <div class="similar others-considered previously-viewed overflow" id="suggestion-list-#{column}">
                                </div>
                            </div>
                        </div>
                     </div>
                    </div>
                </div>
            </div>
        </div>

</div>
                            
                        </div>
                        <div class="box buttons #{updateButtonClass}" id="buttons-update-#{column}">
                            <div>
                                <a  name="clear" class="atc-ui-button new-comparison"><span id="update-#{column}">Update</span></a>
                                <a  name="clear" class="atc-ui-button new-comparison"><span id="cancel-#{column}">Cancel</span></a>
                           </div>
                            
                            
                        </div>
                    </div>
                    </div>
                 </div>
                 <div id="infoSuggestions" style="display:none;" class="info-vehicle">
                     <a href="javascript:void(null);" onclick="ATC.cs.research.ctr.view.showHide('hide','infoSuggestions','infoVehicle')">Go back to the Model Selection form.</a>
                    
                    <div class="box suggestions" id="suggestions-#{column}">
                        
                        <div class="select-from-suggestion">
                            <div class="box label" id="previously-viewed">
                                Previously Viewed
                            </div>
                        </div>
                        
                        <div class="select-from-suggestion" id="select-from-suggestion-#{column}">
                            <div class="box label">
                                    <img id="compare-tip-#{column}" class="tooltip tip compare-tip" alt="Help Tip" border="0" src="/img/standardicons/help_clickable_29.gif" onmouseover="changeMouseOverImage('compare-tip-#{column}');" onmouseout="changeMouseoutImage('compare-tip-#{column}')" onclick="changeImage('compare-tip-#{column}');ATC.utils.BIUtils.getBIEvent('e10x');"/>
                                Choose a category of vehicles to compare:

</div>
                            <div class="box" id="select-similar-#{column}">
                                <input class="radio" id="similar-#{column}" name="group" value="similar-vehicles" type="radio" />
                                <label for="similar-#{column}">
                                    Similar Vehicles
                                </label>
                            </div>
                            <div class="box" id="select-others-considered-#{column}">
                                <input class="radio" id="others-considered-#{column}" name="group" value="user-vehicles" type="radio" />
                                <label for="others-considered-#{column}">
                                    Cars Others Considered
                                </label>
                            </div>
                            <div class="box" id="select-previously-viewed-#{column}">
                                <input class="radio" id="previously-viewed-#{column}" name="group" value="previously-viewed-vehicles" type="radio" />
                                <label for="previously-viewed-#{column}">
                                    Previously Viewed
                                </label>
                            </div>
                        </div>
                        <div class="suggestion">
                            <div class="similar others-considered previously-viewed overflow" id="suggestion-list-#{column}">
                            </div>
                        </div>
                    </div>
                 </div>
                </div>
            </div>
        </div>
    </div>

<div class="column add-a-vehicle" id="column-#{column}">
            <div class="inner-wrapper" id="overview-inner-wrapper-#{column}">
                <div class="cell-header"></div>
                    <div class="cell-main year-make-model">
                        <div class="box ymm" id="year-make-model-#{column}">
                            Add a Model
                        </div>
                 </div>
                <div class="cell-main actions add-change">
                    <div id="actions-#{column}">
                        <div class="box" id="select-make-#{column}">
                            <select class="make" id="make-#{column}">
                                <option>Select One</option>
                            </select>
                        </div>
                        <div class="box" id="select-model-#{column}">
                            <select class="model" id="model-#{column}" disabled="disabled">
                                <option>Select One</option>
                            </select>
                        </div>
                        <div class="box" id="select-year-#{column}">
                            <span id="static-year-#{column}"> </span>
                            <select class="year hide" id="year-#{column}" disabled="disabled">
                            </select>
                        </div>
                        <div class="box buttons" id="buttons-add-update-#{column}">
                            <div class="box buttons #{addButtonClass}" id="buttons-add-#{column}">
                                <input class="add" id="add-#{column}" name="clear" type="button" value="Add" disabled="disabled" />
                            </div>
                            <div class="box buttons #{updateButtonClass}" id="buttons-update-#{column}">
                                <input class="update" id="update-#{column}" name="clear" value="Update" type="button" disabled="disabled" />
                                <input class="cancel" id="cancel-#{column}" name="clear" value="Cancel" type="button" />
                            </div>
                        </div>
                        
                        <div class="box suggestions" id="suggestions-#{column}">
                            
                            <div class="select-from-suggestion">
                                <div class="box label" id="previously-viewed">
                                    Previously Viewed
                                </div>
                            </div>
                            
                            <div class="select-from-suggestion" id="select-from-suggestion-#{column}">
                                <div class="box label">
                                    <img id="compare-tip-#{column}" class="tooltip tip compare-tip" alt="Help Tip" border="0"  src="http://www.autotraderstatic.com/img/standardicons/help_clickable_29.gif?3.3.137016" onmouseover="changeMouseOverImage('compare-tip-#{column}');" onmouseout="changeMouseoutImage('compare-tip-#{column}')" onclick="changeImage('compare-tip-#{column}');ATC.utils.BIUtils.getBIEvent('e10x');"/>
                                    Choose a category of vehicles to compare:
                                </div>
                                <div class="box" id="select-similar-#{column}">
                                    <input class="radio" id="similar-#{column}" name="group" value="similar-vehicles" type="radio" />
                                    <label for="similar-#{column}">
                                        Similar Vehicles
                                    </label>
                                </div>
                                <div class="box" id="select-others-considered-#{column}">
                                    <input class="radio" id="others-considered-#{column}" name="group" value="user-vehicles" type="radio" />
                                    <label for="others-considered-#{column}">
                                        Cars Others Considered
                                    </label>
                                </div>
                                <div class="box" id="select-previously-viewed-#{column}">
                                    <input class="radio" id="previously-viewed-#{column}" name="group" value="previously-viewed-vehicles" type="radio" />
                                    <label for="previously-viewed-#{column}">
                                        Previously Viewed
                                    </label>
                                </div>
                            </div>
                            <div class="suggestion">
                                <div class="similar others-considered previously-viewed overflow" id="suggestion-list-#{column}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="column-#{ctr.column}">
            <div class="is-oem-height inner-wrapper" id="overview-inner-wrapper-#{ctr.column}"> 
                <div class="sponsored #{ctr.sponsoredVehicleClass}">
                    Sponsored Vehicle
                </div>
                     <div class="cell-header #{ctr.removeButtonClass}" id="cell-header-oem">
                    <div class="box-header buttons" id="buttons-#{ctr.column}">
                        <a  name="change" class="atc-ui-button-secondary #{ctr.changeButtonClass} change-button"><span id="change-#{ctr.column}">Change</span></a>
                        <a  name="remove" class="atc-ui-button-secondary new-comparison #{ctr.removeButtonClass}"><span id="remove-#{ctr.column}">Remove</span></a>
                    </div>
                    </div>
                <div class="cell-main year-make-model">
                    <div class="box ymm">
                        <a class="year" href="#{ctr.modelOverviewURL}" alt="#{ctr.year} #{ctr.make} #{ctr.model}" title="#{ctr.year} #{ctr.make} #{ctr.model}">
                            #{ctr.year} #{ctr.make}     #{ctr.model}   
                        </a>
                    </div>
                </div>

<div class="cell-main actions">
                    <div id="actions-#{ctr.column}">
                        <div class="hybrid-container">
                        <div class="hybrid #{ctr.hybridClass}" id="hybrid-#{ctr.column}">
                            Hybrid
                        </div>
                        </div>
                        <div class="image-box" id="main-car-image-container-#{ctr.column}">
                            <a href="#{ctr.modelOverviewURL}" alt="#{ctr.year} #{ctr.make} #{ctr.model}" title="#{ctr.year} #{ctr.make} #{ctr.model}"><img id="main-car-image-#{ctr.column}" title="#{ctr.images[0].caption}" alt="#{ctr.images[0].caption}" class="car" src="#{ctr.images[0].fileName}" border="0"/></a>
                            <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.style},#{ctr.photosAndSpinsURL},#{ctr.images[0].enlargedFileName}"></div>
                        </div>
                        <div class="box oem #{ctr.brandingStripeClass}" id="oem-#{ctr.column}">
                            <a href="#{ctr.brandingStripeTrackingUrl}" id="oem-#{ctr.column}-a" border='0'><img src="#{ctr.brandingStripeUrl}" alt="#{ctr.linkText}" title="#{ctr.linkText}" border='0' /></a>
                        </div>
                    </div>
                </div>
                <div class="cell-main trim-level">
                    <div class="box" id="select-trim-level-#{ctr.column}">
                        <select class="trim-level" id="trim-level-#{ctr.column}">
                            <option value="">
                                 
                            </option>
                        </select>
                    </div>
                </div>
                <div class="cell-main price">
                    <div class="box" id="price-#{ctr.column}">
                        <span class="price">
                            #{ctr.price}
                        </span>
                        <span class="price-type">
                            #{ctr.priceType}
                        </span>
                        <span id="configure-#{ctr.column}" class="box configure #{ctr.carConfigClass}">
                            <a id="configure-link-#{ctr.column}" href="#{ctr.carConfigURL}">Build & Price</a>
                        </span>

</div>
                </div>
                <div class="cell-main fuel-mileage">
                    <div class="box-hwy" id="hwy-#{ctr.column}"  style="float:left;">
                        Hwy: #{ctr.mileageHWY}   /
                    </div>
                    <div class="box-city" id="city-#{ctr.column}"  style="float:left;">
                        City: #{ctr.mileageCITY}
                    </div>
                </div>
                <div class="cell-main local-avail">
                    <div id="listings-link-#{ctr.column}" class="box listings #{ctr.localListingsLinkClass}">
                        <a id="listings-link-#{ctr.column}" href="#{ctr.localListingsURL}">#{ctr.localListingsText}</a>
                    </div>
                    <div id="listings-text-#{ctr.column}" class="box listings #{ctr.localListingsTextClass}">
                        #{ctr.localListingsText}
                    </div>
                </div>

<div class="cell-main label-specials">
                    <div id="offers-#{ctr.column}" class="box offers">
                        <a id="offers-link-#{ctr.column}" href="#{ctr.specialOffersURL}">#{ctr.specialOffersTXT}</a>
                    </div>
                </div>
                <div class="cell-main customer-ratings-and-reviews">
                    <div class="box #{ctr.ratingsClass}" id="rating-#{ctr.column}">
                        <div class="rating">
                            <span class="#{ctr.ratingClassName}"></span>
                        </div>
                             <span class="ratingsInfo"><a id="read-reviews-#{ctr.column}" href="#{ctr.readReviewURL}">#{ctr.consumerreviewcount}  #{ctr.ratingText} </a></span>
                    </div>

</div>

</div>
        </div>

<div class="column #{ctr.oemDisabledClass}" id="column-#{ctr.column}"  style="background-color:#ffffff;">
            <div class="inner-wrapper" id="overview-inner-wrapper-#{ctr.column}">
                <div class="sponsored #{ctr.sponsoredVehicleClass}">
                    Sponsored Vehicle
                </div>
                <div class="box buttons" id="buttons-#{ctr.column}">
                    <a  name="change" class="atc-ui-button-secondary  #{ctr.changeButtonClass}"><span id="change-#{ctr.column}">Change</span></a>
                    <a  name="remove" class="atc-ui-button-secondary #{ctr.removeButtonClass}"><span id="remove-#{ctr.column}">Remove</span></a>
                </div>
                <div class="cell-main actions">
                    <div id="actions-#{ctr.column}">
                       <div class="hybrid-container">
                        <div class="hybrid #{ctr.hybridClass}" id="hybrid-#{ctr.column}">
                            Hybrid
                        </div>
                        </div>
                        <br/><br/>
                        <div class="image-box" id="main-car-image-container-#{ctr.column}">
                            <img id="main-car-image-#{ctr.column}" title="#{ctr.images[0].caption}" alt="#{ctr.images[0].caption}" class="car" src="#{ctr.images[0].fileName}" border="0" style="text-align: center; border-style: none;"/>
                        </div>
                        <div class="box oem #{ctr.brandingStripeClass}" id="oem-#{ctr.column}">
                            <a href="#{ctr.brandingStripeTrackingUrl}" id="oem-#{ctr.column}-a" border='0'><img src="#{ctr.brandingStripeUrl}" alt="#{ctr.linkText}" title="#{ctr.linkText}" border='0' /></a>
                        </div>
                    </div>
                </div>
                <div class="cell-main year-make-model">
                    <div class="box ymm">
                        Loading #{ctr.year} #{ctr.make} #{ctr.model}
                    </div>
                </div>

<div class="column #{ctr.oemDisabledClass}" id="column-#{ctr.column}"  style="background-color:#ffffff;background-image:none;border-top:1px #ccd3ec solid;">
            <div class="inner-wrapper" id="overview-inner-wrapper-#{ctr.column}"  style="height:380px;">
                <div class="sponsored #{ctr.sponsoredVehicleClass}">
                    Sponsored Vehicle
                </div>
                
                    
                    
                
                <div class="cell-main actions">
                    <div id="actions-#{ctr.column}">
                        <div class="hybrid-container">
                        <div class="hybrid #{ctr.hybridClass}" id="hybrid-#{ctr.column}">
                            Hybrid
                        </div>
                         </div>
                        <br/><br/>
                        <div class="image-box" id="main-car-image-container-#{ctr.column}">
                            <img id="main-car-image-#{ctr.column}" title="#{ctr.images[0].caption}" alt="#{ctr.images[0].caption}" class="car" src="#{ctr.images[0].fileName}" border="0" style="text-align: center; border-style: none;"/>
                        </div>
                        <div class="box oem #{ctr.brandingStripeClass}" id="oem-#{ctr.column}">
                            <a href="#{ctr.brandingStripeTrackingUrl}" id="oem-#{ctr.column}-a" border='0'><img src="#{ctr.brandingStripeUrl}" alt="#{ctr.linkText}" title="#{ctr.linkText}" border='0' /></a>
                        </div>
                    </div>
                </div>
                <div class="cell-main year-make-model">
                    <div class="box ymm">
                        Loading #{ctr.year} #{ctr.make} #{ctr.model}
                    </div>
                </div>

<div class="column" id="costs-detail-#{ctr.column}">
            <div id="costs-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell-underline-1 cell ymmt" id="costs-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="costs-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="costs-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell msrp" id="costs-msrp-#{ctr.column}">
                    <div class="box">
                        #{ctr.cost.msrp}
                    </div>
                </div>
                <div class="cell invoice" id="costs-invoice-#{ctr.column}">
                    <div class="box">
                        #{ctr.cost.invoicePrice}
                    </div>
                </div>
                <div class="cell-underline-1 cell nada-valuation show-nada" id="costs-nada-valuation-#{ctr.column}">
                    <div class="box">
                        #{ctr.cost.valuationPrice}
                    </div>
                </div>
                <div class="cell">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell specials" id="costs-specials-#{ctr.column}">
                    <div class="box">
                        <span class="offers" id="costs-offers-#{ctr.column}">
                            <a href="#{ctr.specialOffersURL}" id="costs-offers-link-#{ctr.column}">#{ctr.specialOffersTXT}</a>
                        </span>
                    </div>
                </div>
                <div class="cell-underline-1 cell highlighted-specials" id="costs-special-offers-#{ctr.column}">
                    <div class="box">
                        <span class="highlighted-offer #{ctr.tier2SpecialsClass}" id="costs-highlighted-offer-#{ctr.column}">
                            <a href="#{ctr.tier2SpecialsURL}" id="costs-highlighted-offer-link-#{ctr.column}">#{ctr.tier2SpecialsText}</a>
                        </span>
                    </div>
                </div>
                <div class="cell warranties" id="costs-warranties-#{ctr.column}">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell basic" id="costs-basic-#{ctr.column}">
                    <div class="box">
                        <span class="mileage" id="costs-basic-mileage-#{ctr.column}">
                            Mileage: #{ctr.warranties[0].miles}
                        </span>
                        <span class="months" id="costs-basic-months-#{ctr.column}">
                            Months: #{ctr.warranties[0].months}
                        </span>
                    </div>
                </div>
                <div class="cell corrosion" id="costs-corrosion-#{ctr.column}">
                    <div class="box">
                        <span class="mileage" id="costs-corrosion-mileage-#{ctr.column}">
                            Mileage: #{ctr.warranties[1].miles}
                        </span>
                        <span class="months" id="costs-corrosion-months-#{ctr.column}">
                            Months: #{ctr.warranties[1].months}
                        </span>
                    </div>
                </div>
                <div class="cell drive-train" id="costs-drive-train-#{ctr.column}">
                    <div class="box">
                        <span class="mileage" id="costs-drive-train-mileage-#{ctr.column}">
                            Mileage: #{ctr.warranties[2].miles}
                        </span>
                        <span class="months" id="costs-drive-train-months-#{ctr.column}">
                            Months: #{ctr.warranties[2].months}
                        </span>
                    </div>
                </div>
                <div class="cell roadside-assistance" id="costs-roadside-assistance-#{ctr.column}">
                    <div class="box">
                        <span class="mileage" id="costs-roadside-assistance-mileage-#{ctr.column}">
                            Mileage: #{ctr.warranties[3].miles}
                        </span>
                        <span class="months" id="costs-roadside-assistance-months-#{ctr.column}">
                            Months: #{ctr.warranties[3].months}
                        </span>
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="photos-detail-#{ctr.column}">
            <div id="photos-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class=" cell ymmt" id="photos-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="photos-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="photos-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell photo fm_118" id="fm_118-#{ctr.column}" style="display: #{rollup.fm_118}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-0" title="#{ctr.photos[0].caption} - #{ctr.photos[0].viewName}" alt="#{ctr.photos[0].caption} - #{ctr.photos[0].viewName}" class="car" src="#{ctr.photos[0].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[0].enlargedFileName},#{ctr.photos[0].photoId},#{ctr.photos[0].viewName}"></div>
                    </div>
                </div>
                <div class=" cell photo fm_46" id="fm_46-#{ctr.column}" style="display: #{rollup.fm_46}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-1" title="#{ctr.photos[1].caption} - #{ctr.photos[1].viewName}" alt="#{ctr.photos[1].caption} - #{ctr.photos[1].viewName}" class="car" src="#{ctr.photos[1].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[1].enlargedFileName},#{ctr.photos[1].photoId},#{ctr.photos[1].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_37" id="fm_37-#{ctr.column}" style="display: #{rollup.fm_37}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-2" title="#{ctr.photos[2].caption} - #{ctr.photos[2].viewName}" alt="#{ctr.photos[2].caption} - #{ctr.photos[2].viewName}" class="car" src="#{ctr.photos[2].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[2].enlargedFileName},#{ctr.photos[2].photoId},#{ctr.photos[2].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_119" id="fm_119-#{ctr.column}" style="display: #{rollup.fm_119}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-3" title="#{ctr.photos[3].caption} - #{ctr.photos[3].viewName}" alt="#{ctr.photos[3].caption} - #{ctr.photos[3].viewName}" class="car" src="#{ctr.photos[3].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[3].enlargedFileName},#{ctr.photos[3].photoId},#{ctr.photos[3].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_48" id="fm_48-#{ctr.column}" style="display: #{rollup.fm_48}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-4" title="#{ctr.photos[4].caption} - #{ctr.photos[4].viewName}" alt="#{ctr.photos[4].caption} - #{ctr.photos[4].viewName}" class="car" src="#{ctr.photos[4].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[4].enlargedFileName},#{ctr.photos[4].photoId},#{ctr.photos[4].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_41" id="fm_41-#{ctr.column}" style="display: #{rollup.fm_41}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-5" title="#{ctr.photos[5].caption} - #{ctr.photos[5].viewName}" alt="#{ctr.photos[5].caption} - #{ctr.photos[5].viewName}" class="car" src="#{ctr.photos[5].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[5].enlargedFileName},#{ctr.photos[5].photoId},#{ctr.photos[5].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_51" id="fm_51-#{ctr.column}" style="display: #{rollup.fm_51}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-6" title="#{ctr.photos[6].caption} - #{ctr.photos[6].viewName}" alt="#{ctr.photos[6].caption} - #{ctr.photos[6].viewName}" class="car" src="#{ctr.photos[6].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[6].enlargedFileName},#{ctr.photos[6].photoId},#{ctr.photos[6].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_55" id="fm_55-#{ctr.column}" style="display: #{rollup.fm_55}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-7" title="#{ctr.photos[7].caption} - #{ctr.photos[7].viewName}" alt="#{ctr.photos[7].caption} - #{ctr.photos[7].viewName}" class="car" src="#{ctr.photos[7].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[7].enlargedFileName},#{ctr.photos[7].photoId},#{ctr.photos[7].viewName}"></div>
                    </div>
                </div>
                <div class="cell photo fm_52" id="fm_52-#{ctr.column}" style="display: #{rollup.fm_52}">
                    <div class="box">
                        <img id="detCarImage-#{ctr.column}-8" title="#{ctr.photos[8].caption} - #{ctr.photos[8].viewName}" alt="#{ctr.photos[8].caption} - #{ctr.photos[8].viewName}" class="car" src="#{ctr.photos[8].fileName}"/>
                        <div class="hover-data" title="#{ctr.column},#{ctr.year} #{ctr.make} #{ctr.model},#{ctr.photosAndSpinsURL},#{ctr.photos[8].enlargedFileName},#{ctr.photos[8].photoId},#{ctr.photos[8].viewName}"></div>
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="interior-detail-#{ctr.column}">
            <div id="interior-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell ymmt" id="interior-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="interior-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="interior-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                
                <div class="cell interior-comfort first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell interior fm_1009" id="fm_1009-#{ctr.column}" style="display: #{rollup.fm_1009}">
                    <div class="box">
                        #{ctr.featureMap.fm_1009}
                    </div>
                </div>
                <div class="cell interior fm_1010" id="fm_1010-#{ctr.column}" style="display: #{rollup.fm_1010}">
                    <div class="box">
                        #{ctr.featureMap.fm_1010}
                    </div>
                </div>
                <div class="cell interior fm_1011" id="fm_1011-#{ctr.column}" style="display: #{rollup.fm_1011}">
                    <div class="box">
                        #{ctr.featureMap.fm_1011}
                    </div>
                </div>
                <div class="cell interior fm_1012" id="fm_1012-#{ctr.column}" style="display: #{rollup.fm_1012}">
                    <div class="box">
                        #{ctr.featureMap.fm_1012}
                    </div>
                </div>
                <div class="cell interior fm_1078_Comfort" id="fm_1078_Comfort-#{ctr.column}" style="display: #{rollup.fm_1078_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1078_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_1082_Comfort" id="fm_1082_Comfort-#{ctr.column}" style="display: #{rollup.fm_1082_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1082_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_Heated_Driver_Seat" id="fm_Heated_Driver_Seat-#{ctr.column}" style="display: #{rollup.fm_Heated_Driver_Seat}">
                    <div class="box">
                        #{ctr.featureMap.fm_Heated_Driver_Seat}
                    </div>
                </div>
                <div class="cell interior fm_1157_Comfort" id="fm_1157_Comfort-#{ctr.column}" style="display: #{rollup.fm_1157_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1157_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_1141_Comfort" id="fm_1141_Comfort-#{ctr.column}" style="display: #{rollup.fm_1141_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1141_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_1189_Comfort" id="fm_1189_Comfort-#{ctr.column}" style="display: #{rollup.fm_1189_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1189_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_1190_Comfort" id="fm_1190_Comfort-#{ctr.column}" style="display: #{rollup.fm_1190_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1190_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_1158" id="fm_1158-#{ctr.column}" style="display: #{rollup.fm_1158}">
                    <div class="box">
                        #{ctr.featureMap.fm_1158}
                    </div>
                </div>
                <div class="cell interior fm_1187" id="fm_1187-#{ctr.column}" style="display: #{rollup.fm_1187}">
                    <div class="box">
                        #{ctr.featureMap.fm_1187}
                    </div>
                </div>
                <div class="cell interior fm_1188" id="fm_1188-#{ctr.column}" style="display: #{rollup.fm_1188}">
                    <div class="box">
                        #{ctr.featureMap.fm_1188}
                    </div>
                </div>
                <div class="cell interior fm_1139" id="fm_1139-#{ctr.column}" style="display: #{rollup.fm_1139}">
                    <div class="box">
                        #{ctr.featureMap.fm_1139}
                    </div>
                </div>
                <div class="cell interior fm_1140" id="fm_1140-#{ctr.column}" style="display: #{rollup.fm_1140}">
                    <div class="box">
                        #{ctr.featureMap.fm_1140}
                    </div>
                </div>
                <div class="cell interior fm_1192" id="fm_1192-#{ctr.column}" style="display: #{rollup.fm_1192}">
                    <div class="box">
                        #{ctr.featureMap.fm_1192}
                    </div>
                </div>
                <div class="cell interior fm_1211_Comfort" id="fm_1211_Comfort-#{ctr.column}" style="display: #{rollup.fm_1211_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1211_Comfort}
                    </div>
                </div>
                <div class="cell interior fm_1212_Comfort" id="fm_1212_Comfort-#{ctr.column}" style="display: #{rollup.fm_1212_Comfort}">
                    <div class="box">
                        #{ctr.featureMap.fm_1212_Comfort}
                    </div>
                </div>
                
                <div class="cell interior convenience first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell interior fm_1127" id="fm_1127-#{ctr.column}" style="display: #{rollup.fm_1127}">
                    <div class="box">
                        #{ctr.featureMap.fm_1127}
                    </div>
                </div>
                <div class="cell interior fm_1159" id="fm_1159-#{ctr.column}" style="display: #{rollup.fm_1159}">
                    <div class="box">
                        #{ctr.featureMap.fm_1159}
                    </div>
                </div>
                <div class="cell interior fm_1160" id="fm_1160-#{ctr.column}" style="display: #{rollup.fm_1160}">
                    <div class="box">
                        #{ctr.featureMap.fm_1160}
                    </div>
                </div>
                <div class="cell interior fm_1064" id="fm_1064-#{ctr.column}" style="display: #{rollup.fm_1064}">
                    <div class="box">
                        #{ctr.featureMap.fm_1064}
                    </div>
                </div>
                <div class="cell interior fm_1065_Convenience" id="fm_1065_Convenience-#{ctr.column}" style="display: #{rollup.fm_1065_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1065_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1153_Convenience" id="fm_1153_Convenience-#{ctr.column}" style="display: #{rollup.fm_1153_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1153_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1154" id="fm_1154-#{ctr.column}" style="display: #{rollup.fm_1154}">
                    <div class="box">
                        #{ctr.featureMap.fm_1154}
                    </div>
                </div>
                <div class="cell interior fm_1155" id="fm_1155-#{ctr.column}" style="display: #{rollup.fm_1155}">
                    <div class="box">
                        #{ctr.featureMap.fm_1155}
                    </div>
                </div>
                <div class="cell interior fm_1175" id="fm_1175-#{ctr.column}" style="display: #{rollup.fm_1175}">
                    <div class="box">
                        #{ctr.featureMap.fm_1175}
                    </div>
                </div>
                <div class="cell interior fm_1176" id="fm_1176-#{ctr.column}" style="display: #{rollup.fm_1176}">
                    <div class="box">
                        #{ctr.featureMap.fm_1176}
                    </div>
                </div>
                <div class="cell interior fm_1179_Convenience" id="fm_1179_Convenience-#{ctr.column}" style="display: #{rollup.fm_1179_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1179_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1074_Convenience" id="fm_1074_Convenience-#{ctr.column}" style="display: #{rollup.fm_1074_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1074_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1075_Convenience" id="fm_1075_Convenience-#{ctr.column}" style="display: #{rollup.fm_1075_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1075_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1076_Convenience" id="fm_1076_Convenience-#{ctr.column}" style="display: #{rollup.fm_1076_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1076_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1081_Convenience" id="fm_1081_Convenience-#{ctr.column}" style="display: #{rollup.fm_1081_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1081_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1033" id="fm_1033-#{ctr.column}" style="display: #{rollup.fm_1033}">
                    <div class="box">
                        #{ctr.featureMap.fm_1033}
                    </div>
                </div>
                <div class="cell interior fm_1066" id="fm_1066-#{ctr.column}" style="display: #{rollup.fm_1066}">
                    <div class="box">
                        #{ctr.featureMap.fm_1066}
                    </div>
                </div>
                <div class="cell interior fm_1180_Convenience" id="fm_1180_Convenience-#{ctr.column}" style="display: #{rollup.fm_1180_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1180_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1198" id="fm_1198-#{ctr.column}" style="display: #{rollup.fm_1198}">
                    <div class="box">
                        #{ctr.featureMap.fm_1198}
                    </div>
                </div>
                <div class="cell interior fm_1203" id="fm_1203-#{ctr.column}" style="display: #{rollup.fm_1203}">
                    <div class="box">
                        #{ctr.featureMap.fm_1203}
                    </div>
                </div>
                <div class="cell interior fm_1204" id="fm_1204-#{ctr.column}" style="display: #{rollup.fm_1204}">
                    <div class="box">
                        #{ctr.featureMap.fm_1204}
                    </div>
                </div>
                <div class="cell interior fm_1221" id="fm_1221-#{ctr.column}" style="display: #{rollup.fm_1221}">
                    <div class="box">
                        #{ctr.featureMap.fm_1221}
                    </div>
                </div>
                <div class="cell interior fm_1225" id="fm_1225-#{ctr.column}" style="display: #{rollup.fm_1225}">
                    <div class="box">
                        #{ctr.featureMap.fm_1225}
                    </div>
                </div>
                <div class="cell interior fm_1229" id="fm_1229-#{ctr.column}" style="display: #{rollup.fm_1229}">
                    <div class="box">
                        #{ctr.featureMap.fm_1229}
                    </div>
                </div>
                <div class="cell interior fm_1084_Convenience" id="fm_1084_Convenience-#{ctr.column}" style="display: #{rollup.fm_1084_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1084_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1164" id="fm_1164-#{ctr.column}" style="display: #{rollup.fm_1164}">
                    <div class="box">
                        #{ctr.featureMap.fm_1164}
                    </div>
                </div>
                <div class="cell interior fm_1169" id="fm_1169-#{ctr.column}" style="display: #{rollup.fm_1169}">
                    <div class="box">
                        #{ctr.featureMap.fm_1169}
                    </div>
                </div>
                <div class="cell interior fm_1126_Convenience" id="fm_1126_Convenience-#{ctr.column}" style="display: #{rollup.fm_1126_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1126_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1072" id="fm_1072-#{ctr.column}" style="display: #{rollup.fm_1072}">
                    <div class="box">
                        #{ctr.featureMap.fm_1072}
                    </div>
                </div>
                <div class="cell interior fm_1099" id="fm_1099-#{ctr.column}" style="display: #{rollup.fm_1099}">
                    <div class="box">
                        #{ctr.featureMap.fm_1099}
                    </div>
                </div>
                <div class="cell interior fm_1172_Convenience" id="fm_1172_Convenience-#{ctr.column}" style="display: #{rollup.fm_1172_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1172_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1199_Convenience" id="fm_1199_Convenience-#{ctr.column}" style="display: #{rollup.fm_1199_Convenience}">
                    <div class="box">
                        #{ctr.featureMap.fm_1199_Convenience}
                    </div>
                </div>
                <div class="cell interior fm_1205" id="fm_1205-#{ctr.column}" style="display: #{rollup.fm_1205}">
                    <div class="box">
                        #{ctr.featureMap.fm_1205}
                    </div>
                </div>
                <div class="cell interior fm_1206" id="fm_1206-#{ctr.column}" style="display: #{rollup.fm_1206}">
                    <div class="box">
                        #{ctr.featureMap.fm_1206}
                    </div>
                </div>
                <div class="cell interior fm_1219" id="fm_1219-#{ctr.column}" style="display: #{rollup.fm_1219}">
                    <div class="box">
                        #{ctr.featureMap.fm_1219}
                    </div>
                </div>
                
                <div class="cell interior entertainment first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell interior fm_1014" id="fm_1014-#{ctr.column}" style="display: #{rollup.fm_1014}">
                    <div class="box">
                        #{ctr.featureMap.fm_1014}
                    </div>
                </div>
                <div class="cell interior fm_1015" id="fm_1015-#{ctr.column}" style="display: #{rollup.fm_1015}">
                    <div class="box">
                        #{ctr.featureMap.fm_1015}
                    </div>
                </div>
                <div class="cell interior fm_1016" id="fm_1016-#{ctr.column}" style="display: #{rollup.fm_1016}">
                    <div class="box">
                        #{ctr.featureMap.fm_1016}
                    </div>
                </div>
                <div class="cell interior fm_1017" id="fm_1017-#{ctr.column}" style="display: #{rollup.fm_1017}">
                    <div class="box">
                        #{ctr.featureMap.fm_1017}
                    </div>
                </div>
                <div class="cell interior fm_1136" id="fm_1136-#{ctr.column}" style="display: #{rollup.fm_1136}">
                    <div class="box">
                        #{ctr.featureMap.fm_1136}
                    </div>
                </div>
                <div class="cell interior fm_1149" id="fm_1149-#{ctr.column}" style="display: #{rollup.fm_1149}">
                    <div class="box">
                        #{ctr.featureMap.fm_1149}
                    </div>
                </div>
                <div class="cell interior fm_1150" id="fm_1150-#{ctr.column}" style="display: #{rollup.fm_1150}">
                    <div class="box">
                        #{ctr.featureMap.fm_1150}
                    </div>
                </div>
                <div class="cell interior fm_1162" id="fm_1162-#{ctr.column}" style="display: #{rollup.fm_1162}">
                    <div class="box">
                        #{ctr.featureMap.fm_1162}
                    </div>
                </div>
                <div class="cell interior fm_1215" id="fm_1215-#{ctr.column}" style="display: #{rollup.fm_1215}">
                    <div class="box">
                        #{ctr.featureMap.fm_1215}
                    </div>
                </div>
                <div class="cell interior fm_1230" id="fm_1230-#{ctr.column}" style="display: #{rollup.fm_1230}">
                    <div class="box">
                        #{ctr.featureMap.fm_1230}
                    </div>
                </div>
                
                <div class="cell interior memory-settings first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell interior fm_1179_Memory" id="fm_1179_Memory-#{ctr.column}" style="display: #{rollup.fm_1179_Memory}">
                    <div class="box">
                        #{ctr.featureMap.fm_1179_Memory}
                    </div>
                </div>
                <div class="cell interior fm_1191_Memory" id="fm_1191_Memory-#{ctr.column}" style="display: #{rollup.fm_1191_Memory}">
                    <div class="box">
                        #{ctr.featureMap.fm_1191_Memory}
                    </div>
                </div>
                
                <div class="cell interior power-features first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell interior fm_1153_Power" id="fm_1153_Power-#{ctr.column}" style="display: #{rollup.fm_1153_Power}">
                    <div class="box">
                         #{ctr.featureMap.fm_1153_Power}
                    </div>
                </div>
                <div class="cell interior fm_1065_Power" id="fm_1065_Power-#{ctr.column}" style="display: #{rollup.fm_1065_Power}">
                    <div class="box">
                        #{ctr.featureMap.fm_1065_Power}
                    </div>
                </div>
                <div class="cell interior fm_1074_Power" id="fm_1074_Power-#{ctr.column}" style="display: #{rollup.fm_1074_Power}">
                    <div class="box">
                        #{ctr.featureMap.fm_1074_Power}
                    </div>
                </div>
                <div class="cell interior fm_1075_Power" id="fm_1075_Power-#{ctr.column}" style="display: #{rollup.fm_1075_Power}">
                    <div class="box">
                        #{ctr.featureMap.fm_1075_Power}
                    </div>
                </div>
                <div class="cell interior fm_1126_Power" id="fm_1126_Power-#{ctr.column}" style="display: #{rollup.fm_1126_Power}">
                    <div class="box">
                        #{ctr.featureMap.fm_1126_Power}
                    </div>
                </div>
                <div class="cell interior fm_1084_Power" id="fm_1084_Power-#{ctr.column}" style="display: #{rollup.fm_1084_Power}">
                    <div class="box">
                        #{ctr.featureMap.fm_1084_Power}
                    </div>
                </div>
                <div class="cell interior fm_1069_Power" id="fm_1069_Power-#{ctr.column}" style="display: #{rollup.fm_1069_Power}">
                    <div class="box">
                        #{ctr.featureMap.fm_1069_Power}
                    </div>
                </div>
                <div class="cell interior fm_Power_Door_Locks" id="fm_Power_Door_Locks-#{ctr.column}" style="display: #{rollup.fm_Power_Door_Locks}">
                    <div class="box">
                        #{ctr.featureMap.fm_Power_Door_Locks}
                    </div>
                </div>
                
                <div class="cell interior seats first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell interior fm_1156" id="fm_1156-#{ctr.column}" style="display: #{rollup.fm_1156}">
                    <div class="box">
                        #{ctr.featureMap.fm_1156}
                    </div>
                </div>
                <div class="cell interior fm_1189_Seats" id="fm_1189_Seats-#{ctr.column}" style="display: #{rollup.fm_1189_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1189_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1157_Seats" id="fm_1157_Seats-#{ctr.column}" style="display: #{rollup.fm_1157_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1157_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1190_Seats" id="fm_1190_Seats-#{ctr.column}" style="display: #{rollup.fm_1190_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1190_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1082_Seats" id="fm_1082_Seats-#{ctr.column}" style="display: #{rollup.fm_1082_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1082_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1078_Seats" id="fm_1078_Seats-#{ctr.column}" style="display: #{rollup.fm_1078_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1078_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1079" id="fm_1079-#{ctr.column}" style="display: #{rollup.fm_1079}">
                    <div class="box">
                        #{ctr.featureMap.fm_1079}
                    </div>
                </div>
                <div class="cell interior fm_1141_Seats" id="fm_1141_Seats-#{ctr.column}" style="display: #{rollup.fm_1141_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1141_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1191_Seats" id="fm_1191_Seats-#{ctr.column}" style="display: #{rollup.fm_1191_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1191_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1074_Seats" id="fm_1074_Seats-#{ctr.column}" style="display: #{rollup.fm_1074_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1074_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1075_Seats" id="fm_1075_Seats-#{ctr.column}" style="display: #{rollup.fm_1075_Seats}">
                    <div class="box">
                         #{ctr.featureMap.fm_1075_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1076_Seats" id="fm_1076_Seats-#{ctr.column}" style="display: #{rollup.fm_1076_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1076_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1081_Seats" id="fm_1081_Seats-#{ctr.column}" style="display: #{rollup.fm_1081_Seats}">
                    <div class="box">
                        #{ctr.featureMap.fm_1081_Seats}
                    </div>
                </div>
                <div class="cell interior fm_1080" id="fm_1080-#{ctr.column}" style="display: #{rollup.fm_1080}">
                    <div class="box">
                        #{ctr.featureMap.fm_1080}
                    </div>
                </div>
                <div class="cell interior fm_1077" id="fm_1077-#{ctr.column}" style="display: #{rollup.fm_1077}">
                    <div class="box">
                        #{ctr.featureMap.fm_1077}
                    </div>
                </div>
                <div class="cell interior fm_1073" id="fm_1073-#{ctr.column}" style="display: #{rollup.fm_1073}">
                    <div class="box">
                        #{ctr.featureMap.fm_1073}
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="exterior-detail-#{ctr.column}">
            <div id="exterior-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell-underline-1 cell ymmt" id="exterior-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="exterior-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="exterior-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1194" id="fm_1194-#{ctr.column}" style="display: #{rollup.fm_1194}">
                    <div class="box">
                        #{ctr.featureMap.fm_1194}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_333" id="fm_333-#{ctr.column}" style="display: #{rollup.fm_333}">
                    <div class="box">
                         #{ctr.featureMap.fm_333}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_336" id="fm_336-#{ctr.column}" style="display: #{rollup.fm_336}">
                    <div class="box">
                        #{ctr.featureMap.fm_336}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1034_Exterior" id="fm_1034_Exterior-#{ctr.column}" style="display: #{rollup.fm_1034_Exterior}">
                    <div class="box">
                        #{ctr.featureMap.fm_1034_Exterior}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1172_Exterior" id="fm_1172_Exterior-#{ctr.column}" style="display: #{rollup.fm_1172_Exterior}">
                    <div class="box">
                        #{ctr.featureMap.fm_1172_Exterior}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1132" id="fm_1132-#{ctr.column}" style="display: #{rollup.fm_1132}">
                    <div class="box">
                         #{ctr.featureMap.fm_1132}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1138" id="fm_1138-#{ctr.column}" style="display: #{rollup.fm_1138}">
                    <div class="box">
                        #{ctr.featureMap.fm_1138}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1143" id="fm_1143-#{ctr.column}" style="display: #{rollup.fm_1143}">
                    <div class="box">
                        #{ctr.featureMap.fm_1143}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1144" id="fm_1144-#{ctr.column}" style="display: #{rollup.fm_1144}">
                    <div class="box">
                        #{ctr.featureMap.fm_1144}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1183" id="fm_1183-#{ctr.column}" style="display: #{rollup.fm_1183}">
                    <div class="box">
                        #{ctr.featureMap.fm_1183}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1184" id="fm_1184-#{ctr.column}" style="display: #{rollup.fm_1184}">
                    <div class="box">
                        #{ctr.featureMap.fm_1184}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1067" id="fm_1067-#{ctr.column}" style="display: #{rollup.fm_1067}">
                    <div class="box">
                        #{ctr.featureMap.fm_1067}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1068" id="fm_1068-#{ctr.column}" style="display: #{rollup.fm_1068}">
                    <div class="box">
                        #{ctr.featureMap.fm_1068}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1069_Exterior" id="fm_1069_Exterior-#{ctr.column}" style="display: #{rollup.fm_1069_Exterior}">
                    <div class="box">
                        #{ctr.featureMap.fm_1069_Exterior}
                    </div>
                </div>
                <div class="cell-underline-1 cell exterior fm_1071" id="fm_1071-#{ctr.column}" style="display: #{rollup.fm_1071}">
                    <div class="box">
                        #{ctr.featureMap.fm_1071}
                    </div>
                </div>
               <div class="cell-underline-1 cell exterior fm_1199_Exterior" id="fm_1199_Exterior-#{ctr.column}" style="display: #{rollup.fm_1199_Exterior}">
                    <div class="box">
                        #{ctr.featureMap.fm_1199_Exterior}
                        
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="performance-detail-#{ctr.column}">
            <div id="performance-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell ymmt" id="performance-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="performance-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="performance-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                
                <div class="cell performance-safety first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell performance fm_ABS_BRAKES" id="fm_ABS_BRAKES-#{ctr.column}" style="display: #{rollup.fm_ABS_BRAKES}">
                    <div class="box">
                        #{ctr.featureMap.fm_ABS_BRAKES}
                    </div>
                </div>
                <div class="cell performance fm_BRAKES_TYPE" id="fm_BRAKES_TYPE-#{ctr.column}" style="display: #{rollup.fm_BRAKES_TYPE}">
                    <div class="box">
                        #{ctr.featureMap.fm_BRAKES_TYPE}
                    </div>
                </div>
                <div class="cell performance fm_1228_Brakes" id="fm_1228_Brakes-#{ctr.column}" style="display: #{rollup.fm_1228_Brakes}">
                    <div class="box">
                        #{ctr.featureMap.fm_1228_Brakes}
                    </div>
                </div>
                
                <div class="cell performance-engine first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell performance fm_Displacement" id="fm_Displacement-#{ctr.column}" style="display: #{rollup.fm_Displacement}">
                    <div class="box">
                        #{ctr.featureMap.fm_Displacement}
                    </div>
                </div>
                <div class="cell performance fm_ENGINE_COMPRESSOR" id="fm_ENGINE_COMPRESSOR-#{ctr.column}" style="display: #{rollup.fm_ENGINE_COMPRESSOR}">
                    <div class="box">
                        #{ctr.featureMap.fm_ENGINE_COMPRESSOR}
                    </div>
                </div>
                <div class="cell performance fm_SAE_Net_Horsepower___RPM" id="fm_SAE_Net_Horsepower___RPM-#{ctr.column}" style="display: #{rollup.fm_SAE_Net_Horsepower___RPM}">
                    <div class="box">
                        #{ctr.featureMap.fm_SAE_Net_Horsepower___RPM}
                    </div>
                </div>
                <div class="cell performance fm_SAE_Net_Torque___RPM" id="fm_SAE_Net_Torque___RPM-#{ctr.column}" style="display: #{rollup.fm_SAE_Net_Torque___RPM}">
                    <div class="box">
                        #{ctr.featureMap.fm_SAE_Net_Torque___RPM}
                    </div>
                </div>
                <div class="cell performance fm_FuelType" id="fm_FuelType-#{ctr.column}" style="display: #{rollup.fm_FuelType}">
                    <div class="box">
                        #{ctr.featureMap.fm_FuelType}
                    </div>
                </div>
                <div class="cell performance fm_Fuel_Tank_Capacity__Approx__gal_" id="fm_Fuel_Tank_Capacity__Approx__gal_-#{ctr.column}" style="display: #{rollup.fm_Fuel_Tank_Capacity__Approx__gal_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Fuel_Tank_Capacity__Approx__gal_}
                    </div>
                </div>
                 <div class="cell performance fm_EPA_AUTO_CITY" id="fm_EPA_AUTO_CITY-#{ctr.column}" style="display: #{rollup.fm_EPA_AUTO_CITY}">
                    <div class="box">
                        #{ctr.featureMap.fm_EPA_AUTO_CITY}
                    </div>
                </div>
                <div class="cell performance fm_EPA_AUTO_HIGHWAY" id="fm_EPA_AUTO_HIGHWAY-#{ctr.column}" style="display: #{rollup.fm_EPA_AUTO_HIGHWAY}">
                    <div class="box">
                        #{ctr.featureMap.fm_EPA_AUTO_HIGHWAY}
                    </div>
                </div>
                <div class="cell performance fm_EPA_MANUAL_CITY" id="fm_EPA_MANUAL_CITY-#{ctr.column}" style="display: #{rollup.fm_EPA_MANUAL_CITY}">
                    <div class="box">
                        #{ctr.featureMap.fm_EPA_MANUAL_CITY}
                    </div>
                </div>
                <div class="cell performance fm_EPA_MANUAL_HIGHWAY" id="fm_EPA_MANUAL_HIGHWAY-#{ctr.column}" style="display: #{rollup.fm_EPA_MANUAL_HIGHWAY}">
                    <div class="box">
                        #{ctr.featureMap.fm_EPA_MANUAL_HIGHWAY}
                    </div>
                </div>
                
                <div class="cell performance-transmission first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell performance fm_40" id="fm_40-#{ctr.column}" style="display: #{rollup.fm_40}">
                    <div class="box">
                        #{ctr.featureMap.fm_40}
                    </div>
                </div>
                <div class="cell performance fm_DRIVTRN_DRIVEN_WHEELS" id="fm_DRIVTRN_DRIVEN_WHEELS-#{ctr.column}" style="display: #{rollup.fm_DRIVTRN_DRIVEN_WHEELS}">
                    <div class="box">
                        #{ctr.featureMap.fm_DRIVTRN_DRIVEN_WHEELS}
                    </div>
                </div>
                <div class="cell performance fm_1101" id="fm_1101-#{ctr.column}" style="display: #{rollup.fm_1101}">
                    <div class="box">
                        #{ctr.featureMap.fm_1101}
                    </div>
                </div>
                <div class="cell performance fm_1102" id="fm_1102-#{ctr.column}" style="display: #{rollup.fm_1102}">
                    <div class="box">
                        #{ctr.featureMap.fm_1102}
                    </div>
                </div>
                <div class="cell performance fm_1103" id="fm_1103-#{ctr.column}" style="display: #{rollup.fm_1103}">
                    <div class="box">
                        #{ctr.featureMap.fm_1103}
                    </div>
                </div>
                <div class="cell performance fm_1104" id="fm_1104-#{ctr.column}" style="display: #{rollup.fm_1104}">
                    <div class="box">
                        #{ctr.featureMap.fm_1104}
                    </div>
                </div>
                <div class="cell performance fm_1105" id="fm_1105-#{ctr.column}" style="display: #{rollup.fm_1105}">
                    <div class="box">
                        #{ctr.featureMap.fm_1105}
                    </div>
                </div>
                <div class="cell performance fm_1106" id="fm_1106-#{ctr.column}" style="display: #{rollup.fm_1106}">
                    <div class="box">
                        #{ctr.featureMap.fm_1106}
                    </div>
                </div>
                <div class="cell performance fm_1107" id="fm_1107-#{ctr.column}" style="display: #{rollup.fm_1107}">
                    <div class="box">
                        #{ctr.featureMap.fm_1107}
                    </div>
                </div>
                <div class="cell performance fm_1108" id="fm_1108-#{ctr.column}" style="display: #{rollup.fm_1108}">
                    <div class="box">
                        #{ctr.featureMap.fm_1108}
                    </div>
                </div>
                <div class="cell performance fm_1210" id="fm_1210-#{ctr.column}" style="display: #{rollup.fm_1210}">
                    <div class="box">
                        #{ctr.featureMap.fm_1210}
                    </div>
                </div>
                <div class="cell performance fm_1220" id="fm_1220-#{ctr.column}" style="display: #{rollup.fm_1220}">
                    <div class="box">
                        #{ctr.featureMap.fm_1220}
                    </div>
                </div>
                <div class="cell performance fm_7" id="fm_7-#{ctr.column}" style="display: #{rollup.fm_7}">
                    <div class="box">
                        #{ctr.featureMap.fm_7}
                    </div>
                </div>
                
                <div class="cell performance-wheels first">
                    <div class="box">
                         
                    </div>
                </div>
                <div class="cell performance fm_Compact_Spare_Tire" id="fm_Compact_Spare_Tire-#{ctr.column}" style="display: #{rollup.fm_Compact_Spare_Tire}">
                    <div class="box">
                        #{ctr.featureMap.fm_Compact_Spare_Tire}
                    </div>
                </div>
                <div class="cell performance fm_Front_Tire_Size" id="fm_Front_Tire_Size-#{ctr.column}" style="display: #{rollup.fm_Front_Tire_Size}">
                    <div class="box">
                        #{ctr.featureMap.fm_Front_Tire_Size}
                    </div>
                </div>
                <div class="cell performance fm_Rear_Tire_Size" id="fm_Rear_Tire_Size-#{ctr.column}" style="display: #{rollup.fm_Rear_Tire_Size}">
                    <div class="box">
                        #{ctr.featureMap.fm_Rear_Tire_Size}
                    </div>
                </div>
                <div class="cell performance fm_Front_Wheel_Size__in_" id="fm_Front_Wheel_Size__in_-#{ctr.column}" style="display: #{rollup.fm_Front_Wheel_Size__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Front_Wheel_Size__in_}
                    </div>
                </div>
                <div class="cell performance fm_Rear_Wheel_Size__in_" id="fm_Rear_Wheel_Size__in_-#{ctr.column}" style="display: #{rollup.fm_Rear_Wheel_Size__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Rear_Wheel_Size__in_}
                    </div>
                </div>
                <div class="cell performance fm_Dual_Rear_Wheels" id="fm_Dual_Rear_Wheels-#{ctr.column}" style="display: #{rollup.fm_Dual_Rear_Wheels}">
                    <div class="box">
                        #{ctr.featureMap.fm_Dual_Rear_Wheels}
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="safety-detail-#{ctr.column}">
            <div id="safety-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell-underline-1 cell ymmt" id="safety-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="safety-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="safety-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1001" id="fm_1001-#{ctr.column}" style="display: #{rollup.fm_1001}">
                    <div class="box">
                        #{ctr.featureMap.fm_1001}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1002" id="fm_1002-#{ctr.column}" style="display: #{rollup.fm_1002}">
                    <div class="box">
                        #{ctr.featureMap.fm_1002}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1003" id="fm_1003-#{ctr.column}" style="display: #{rollup.fm_1003}">
                    <div class="box">
                        #{ctr.featureMap.fm_1003}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1004" id="fm_1004-#{ctr.column}" style="display: #{rollup.fm_1004}">
                    <div class="box">
                        #{ctr.featureMap.fm_1004}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1005" id="fm_1005-#{ctr.column}" style="display: #{rollup.fm_1005}">
                    <div class="box">
                        #{ctr.featureMap.fm_1005}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1006" id="fm_1006-#{ctr.column}" style="display: #{rollup.fm_1006}">
                    <div class="box">
                        #{ctr.featureMap.fm_1006}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1007" id="fm_1007-#{ctr.column}" style="display: #{rollup.fm_1007}">
                    <div class="box">
                        #{ctr.featureMap.fm_1007}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1008" id="fm_1008-#{ctr.column}" style="display: #{rollup.fm_1008}">
                    <div class="box">
                        #{ctr.featureMap.fm_1008}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1018" id="fm_1018-#{ctr.column}" style="display: #{rollup.fm_1018}">
                    <div class="box">
                        #{ctr.featureMap.fm_1018}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1019" id="fm_1019-#{ctr.column}" style="display: #{rollup.fm_1019}">
                    <div class="box">
                        #{ctr.featureMap.fm_1019}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1200" id="fm_1200-#{ctr.column}" style="display: #{rollup.fm_1200}">
                    <div class="box">
                        #{ctr.featureMap.fm_1200}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1201" id="fm_1201-#{ctr.column}" style="display: #{rollup.fm_1201}">
                    <div class="box">
                        #{ctr.featureMap.fm_1201}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1212_Safety" id="fm_1212_Safety-#{ctr.column}" style="display: #{rollup.fm_1212_Safety}">
                    <div class="box">
                        #{ctr.featureMap.fm_1212_Safety}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1013" id="fm_1013-#{ctr.column}" style="display: #{rollup.fm_1013}">
                    <div class="box">
                        #{ctr.featureMap.fm_1013}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1034_Safety" id="fm_1034_Safety-#{ctr.column}" style="display: #{rollup.fm_1034_Safety}">
                    <div class="box">
                         #{ctr.featureMap.fm_1034_Safety}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1039" id="fm_1039-#{ctr.column}" style="display: #{rollup.fm_1039}">
                    <div class="box">
                        #{ctr.featureMap.fm_1039}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1060" id="fm_1060-#{ctr.column}" style="display: #{rollup.fm_1060}">
                    <div class="box">
                        #{ctr.featureMap.fm_1060}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1061" id="fm_1061-#{ctr.column}" style="display: #{rollup.fm_1061}">
                    <div class="box">
                        #{ctr.featureMap.fm_1061}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1100" id="fm_1100-#{ctr.column}" style="display: #{rollup.fm_1100}">
                    <div class="box">
                        #{ctr.featureMap.fm_1100}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1142" id="fm_1142-#{ctr.column}" style="display: #{rollup.fm_1142}">
                    <div class="box">
                        #{ctr.featureMap.fm_1142}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1145" id="fm_1145-#{ctr.column}" style="display: #{rollup.fm_1145}">
                    <div class="box">
                        #{ctr.featureMap.fm_1145}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1151" id="fm_1151-#{ctr.column}" style="display: #{rollup.fm_1151}">
                    <div class="box">
                        #{ctr.featureMap.fm_1151}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1166" id="fm_1166-#{ctr.column}" style="display: #{rollup.fm_1166}">
                    <div class="box">
                        #{ctr.featureMap.fm_1166}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1168" id="fm_1168-#{ctr.column}" style="display: #{rollup.fm_1168}">
                    <div class="box">
                        #{ctr.featureMap.fm_1168}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1174" id="fm_1174-#{ctr.column}" style="display: #{rollup.fm_1174}">
                    <div class="box">
                        #{ctr.featureMap.fm_1174}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1180_Safety" id="fm_1180_Safety-#{ctr.column}" style="display: #{rollup.fm_1180_Safety}">
                    <div class="box">
                        #{ctr.featureMap.fm_1180_Safety}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1197" id="fm_1197-#{ctr.column}" style="display: #{rollup.fm_1197}">
                    <div class="box">
                        #{ctr.featureMap.fm_1197}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1202" id="fm_1202-#{ctr.column}" style="display: #{rollup.fm_1202}">
                    <div class="box">
                        #{ctr.featureMap.fm_1202}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1211_Safety" id="fm_1211_Safety-#{ctr.column}" style="display: #{rollup.fm_1211_Safety}">
                    <div class="box">
                        #{ctr.featureMap.fm_1211_Safety}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1224" id="fm_1224-#{ctr.column}" style="display: #{rollup.fm_1224}">
                    <div class="box">
                        #{ctr.featureMap.fm_1224}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1227" id="fm_1227-#{ctr.column}" style="display: #{rollup.fm_1227}">
                    <div class="box">
                        #{ctr.featureMap.fm_1227}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_1228_Safety" id="fm_1228_Safety-#{ctr.column}" style="display: #{rollup.fm_1228_Safety}">
                    <div class="box">
                        #{ctr.featureMap.fm_1228_Safety}
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_DriverCrashGradeRating" id="fm_DriverCrashGradeRating-#{ctr.column}" style="display: #{rollup.fm_DriverCrashGradeRating}">
                    <div class="box">
                        <img class="#{ctr.featureMap.fm_DriverCrashGradeRating.imageClass}" src="#{ctr.featureMap.fm_DriverCrashGradeRating.url}" alt="#{ctr.featureMap.fm_DriverCrashGradeRating.caption}" title="#{ctr.featureMap.fm_DriverCrashGradeRating.caption}" />
                        <span class="#{ctr.featureMap.fm_DriverCrashGradeRating.textClass}">#{ctr.featureMap.fm_DriverCrashGradeRating.text}</span>
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_PassengerCrashGradeRating" id="fm_PassengerCrashGradeRating-#{ctr.column}" style="display: #{rollup.fm_PassengerCrashGradeRating}">
                    <div class="box">
                        <img class="#{ctr.featureMap.fm_PassengerCrashGradeRating.imageClass}" src="#{ctr.featureMap.fm_PassengerCrashGradeRating.url}" alt="#{ctr.featureMap.fm_PassengerCrashGradeRating.caption}" title="#{ctr.featureMap.fm_PassengerCrashGradeRating.caption}" />
                        <span class="#{ctr.featureMap.fm_PassengerCrashGradeRating.textClass}">#{ctr.featureMap.fm_PassengerCrashGradeRating.text}</span>
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_RolloverResistanceRating" id="fm_RolloverResistanceRating-#{ctr.column}" style="display: #{rollup.fm_RolloverResistanceRating}">
                    <div class="box">
                        <img class="#{ctr.featureMap.fm_RolloverResistanceRating.imageClass}" src="#{ctr.featureMap.fm_RolloverResistanceRating.url}" alt="#{ctr.featureMap.fm_RolloverResistanceRating.caption}" title="#{ctr.featureMap.fm_RolloverResistanceRating.caption}" />
                        <span class="#{ctr.featureMap.fm_RolloverResistanceRating.textClass}">#{ctr.featureMap.fm_RolloverResistanceRating.text}</span>
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_SideImpactCrashTestFrontRating" id="fm_SideImpactCrashTestFrontRating-#{ctr.column}" style="display: #{rollup.fm_SideImpactCrashTestFrontRating}">
                    <div class="box">
                        <img class="#{ctr.featureMap.fm_SideImpactCrashTestFrontRating.imageClass}" src="#{ctr.featureMap.fm_SideImpactCrashTestFrontRating.url}" alt="#{ctr.featureMap.fm_SideImpactCrashTestFrontRating.caption}" title="#{ctr.featureMap.fm_SideImpactCrashTestFrontRating.caption}" />
                        <span class="#{ctr.featureMap.fm_SideImpactCrashTestFrontRating.textClass}">#{ctr.featureMap.fm_SideImpactCrashTestFrontRating.text}</span>
                    </div>
                </div>
                <div class="cell-underline-1 cell safety fm_SideImpactCrashTestRearRating" id="fm_SideImpactCrashTestRearRating-#{ctr.column}" style="display: #{rollup.fm_SideImpactCrashTestRearRating}">
                    <div class="box">
                        <img class="#{ctr.featureMap.fm_SideImpactCrashTestRearRating.imageClass}" src="#{ctr.featureMap.fm_SideImpactCrashTestRearRating.url}" alt="#{ctr.featureMap.fm_SideImpactCrashTestRearRating.caption}" title="#{ctr.featureMap.fm_SideImpactCrashTestRearRating.caption}" />
                        <span class="#{ctr.featureMap.fm_SideImpactCrashTestRearRating.textClass}">#{ctr.featureMap.fm_SideImpactCrashTestRearRating.text}</span>
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="specifications-detail-#{ctr.column}">
            <div id="specifications-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell ymmt" id="specification-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="specification-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="specification-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell specification fm_Base_Curb_Weight__lbs_" id="fm_Base_Curb_Weight__lbs_-#{ctr.column}" style="display: #{rollup.fm_Base_Curb_Weight__lbs_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Base_Curb_Weight__lbs_}
                    </div>
                </div>
                <div class="cell specification fm_Gross_Vehicle_Weight_Rating_Cap__lbs_" id="fm_Gross_Vehicle_Weight_Rating_Cap__lbs_-#{ctr.column}" style="display: #{rollup.fm_Gross_Vehicle_Weight_Rating_Cap__lbs_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Gross_Vehicle_Weight_Rating_Cap__lbs_}
                    </div>
                </div>
                <div class="cell specification fm_Front_Head_Room__in_" id="fm_Front_Head_Room__in_-#{ctr.column}" style="display: #{rollup.fm_Front_Head_Room__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Front_Head_Room__in_}
                    </div>
                </div>
                <div class="cell specification fm_Front_Leg_Room__in_" id="fm_Front_Leg_Room__in_-#{ctr.column}" style="display: #{rollup.fm_Front_Leg_Room__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Front_Leg_Room__in_}
                    </div>
                </div>
                <div class="cell specification fm_Second_Head_Room__in_" id="fm_Second_Head_Room__in_-#{ctr.column}" style="display: #{rollup.fm_Second_Head_Room__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Second_Head_Room__in_}
                    </div>
                </div>
                <div class="cell specification fm_Second_Leg_Room__in_" id="fm_Second_Leg_Room__in_-#{ctr.column}" style="display: #{rollup.fm_Second_Leg_Room__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Second_Leg_Room__in_}
                    </div>
                </div>
                <div class="cell specification fm_Wheelbase__in_" id="fm_Wheelbase__in_-#{ctr.column}" style="display: #{rollup.fm_Wheelbase__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Wheelbase__in_}
                    </div>
                </div>
                <div class="cell specification fm_Length__Overall_w_o_rear_bumper__in_" id="fm_Length__Overall_w_o_rear_bumper__in_-#{ctr.column}" style="display: #{rollup.fm_Length__Overall_w_o_rear_bumper__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Length__Overall_w_o_rear_bumper__in_}
                    </div>
                </div>
                <div class="cell specification fm_Width__Max_w_o_mirrors__in_" id="fm_Width__Max_w_o_mirrors__in_-#{ctr.column}" style="display: #{rollup.fm_Width__Max_w_o_mirrors__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Width__Max_w_o_mirrors__in_}
                    </div>
                </div>
                <div class="cell specification fm_Height__Overall__in_" id="fm_Height__Overall__in_-#{ctr.column}" style="display: #{rollup.fm_Height__Overall__in_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Height__Overall__in_}
                    </div>
                </div>
                <div class="cell specification fm_MAXIMUM_SEATING" id="fm_MAXIMUM_SEATING-#{ctr.column}" style="display: #{rollup.fm_MAXIMUM_SEATING}">
                    <div class="box">
                        #{ctr.featureMap.fm_MAXIMUM_SEATING}
                    </div>
                </div>
                <div class="cell specification fm_TOWING_CAPACITY_MAX" id="fm_TOWING_CAPACITY_MAX-#{ctr.column}" style="display: #{rollup.fm_TOWING_CAPACITY_MAX}">
                    <div class="box">
                        #{ctr.featureMap.fm_TOWING_CAPACITY_MAX}
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="truck-features-detail-#{ctr.column}">
            <div id="truck-features-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell-underline-1 cell ymmt" id="truck-feature-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="truck-feature-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="truck-feature-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_1222" id="fm_1222-#{ctr.column}" style="display: #{rollup.fm_1222}">
                    <div class="box">
                        
                        #{ctr.featureMap.fm_1222}
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_1216" id="fm_1216-#{ctr.column}" style="display: #{rollup.fm_1216}">
                    <div class="box">
                        
                        #{ctr.featureMap.fm_1216}
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_1223" id="fm_1223-#{ctr.column}" style="display: #{rollup.fm_1223}">
                    <div class="box">
                        
                        #{ctr.featureMap.fm_1223}
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_Step_Side" id="fm_Step_Side-#{ctr.column}" style="display: #{rollup.fm_Step_Side}">
                    <div class="box">
                        
                        #{ctr.featureMap.fm_Step_Side}
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_Body_Style" id="fm_Body_Style-#{ctr.column}" style="display: #{rollup.fm_Body_Style}">
                    <div class="box">
                        
                        #{ctr.featureMap.fm_Body_Style}
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_1044" id="fm_1044-#{ctr.column}" style="display: #{rollup.fm_1044}">
                    <div class="box">
                        
                        #{ctr.featureMap.fm_1044}
                    </div>
                </div>
                <div class="cell-underline-1 cell truck-feature fm_Aux_Fuel_Tank_Capacity__Approx__gal_" id="fm_Aux_Fuel_Tank_Capacity__Approx__gal_-#{ctr.column}" style="display: #{rollup.fm_Aux_Fuel_Tank_Capacity__Approx__gal_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Aux_Fuel_Tank_Capacity__Approx__gal_}
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="maintenance-detail-#{ctr.column}">
            <div id="maintenance-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="cell ymmt" id="maintenance-ymmt-#{ctr.column}">
                    <div class="box">
                        <span class="ymm" id="maintenance-ymm-#{ctr.column}">
                            #{ctr.year} #{ctr.make} #{ctr.model}
                        </span>
                        <span class="trim" id="maintenance-trim-#{ctr.column}">
                            #{ctr.style}
                        </span>
                    </div>
                </div>
                <div class="cell maintenance fm_Recalls" id="fm_Recalls-#{ctr.column}" style="display: #{rollup.fm_Recalls}">
                    <div class="box #{ctr.featureMap.recallTextClass}">
                        #{ctr.featureMap.fm_Recalls}
                    </div>
                    <div class="box #{ctr.featureMap.recallLinkClass}">
                        <a href="#{ctr.featureMap.recallURL}">#{ctr.featureMap.fm_Recalls}</a>
                    </div>
                </div>
            </div>
        </div>

MyAutoTrader:

Compare Cars

Exterior Colors

Interior Colors

Roof/Top Colors

Spotlighted Vehicles - We've highlighted vehicles based on your Compare List. Take a look and see how easy it is to go from 3 million vehicles to one perfect car at AutoTrader.com.

Shopping & Selling Tools

Share: