Compare Used Cars, Compare Cars Side-By-Side

My AutoTrader:

Save cars, searches & time. Always FREE!

ZIP Code:

Comparing 1 - 4 of 4

New Comparison

Trim Level:

Price:

Fuel Economy:

For Sale Near You:

Special Offers:

Ratings & Reviews:

Change Remove

2013 Audi A5

$39,050 MSRP Build & Price

Hwy: 29 MPG / City: 21 MPG

Change Remove

2013 Hyundai Elantra Coupe

$20,895 MSRP Build & Price

Hwy: 37 MPG / City: 27 MPG

Change Remove

2013 BMW 3 Series

$46,800 MSRP Build & Price

Hwy: 27 MPG / City: 18 MPG

Exterior Colors

Brilliant Black

Brilliant Red

Ibis White

Ice Silver Metallic

Moonlight Blue Metallic

Phantom Black Pearl

Scuba Blue Metallic

Atlantic Blue

Black Noir Pearl

Blue Sky Metallic

Shimmering Silver

Titanium Gray Metallic

Volcanic Red

Alpine White

Black Sapphire Metallic

Jet Black

Mineral White Metallic

Orion Silver Metallic

Absolutely Red

Black Sand Pearl

Blazing Blue Pearl

Classic Silver Metallic

Magnetic Gray Metallic

Super White

Interior Colors

Black

Titanium Gray

Black

Gray

Black

Coral Red/Black

Cream Beige

Gray

Saddle Brown

Ash

Roof/Top Colors

Interior Features

Go directly to:

Comfort

Climate Control

Dual Zone A/C

A/C

Rear A/C

Leather Seats

Bucket Seats

Driver Lumbar

Front Reading lamps

Rear Reading lamps

Leather Wrapped Steering Wheel

Wireless Cell Phone Hookup

Onboard Hands-Free Communications System

Convenience

Intermittent Wipers

Variable Speed Intermittent Wipers

Rain Sensing Wipers

Heated Mirrors

Power Driver Mirror

Driver Vanity Mirror

Passenger Vanity Mirror

Mirror Memory

Power Driver Seat

Power Passenger Seat

Pass-Through Rear Seat

Cruise Control

Navigation System

Rear Parking Aid

Remote Trunk Release

Trip Computer

Universal Garage Door Opener

Remote Engine Start

Keyless Start

Power Steering

Auxiliary Pwr Outlet

Auto-Off Headlights

Power Windows

Wheel Locks

Entertainment

AM/FM Stereo

CD Player

Premium Sound System

Satellite Radio

MP3 Player

Auxiliary Audio Input

Memory Settings

Mirror Memory

Seat Memory

Power Features

Power Driver Mirror

Power Driver Seat

Power Passenger Seat

Power Windows

Power Steering

Power Tilt/Sliding Sunroof

Power Door Locks

Seats

Heated Driver Seat

Driver Lumbar

Bucket Seats

Leather Seats

Seat Memory

Power Driver Seat

Power Passenger Seat

Pass-Through Rear Seat

Cloth Seats

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2013 Hyundai Elantra Coupe 2dr Auto SE

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 Toyota Yaris 3dr Liftback Man L (Natl)

Standard

Exterior Features

Go directly to:

Rear Spoiler

Rear Defrost

Sun/Moon Roof

Panoramic Roof

Power Tilt/Sliding Sunroof

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

Standard

2013 Hyundai Elantra Coupe 2dr Auto SE

Standard

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

Standard

2012 Toyota Yaris 3dr Liftback Man L (Natl)

Optional

Standard

Performance

Go directly to:

Brakes

ABS Brakes

Brake Assist

Engine

Displacement

Engine Type

Horsepower

Torque (lb-ft)

Fuel Type

Fuel Tank Capacity, Approx (gal)

EPA Automatic City

EPA Automatic Highway

EPA Manual City

EPA Manual Highway

Transmission

Drive Type

6-Speed A/T

5-Speed M/T

6-Speed M/T

8-Speed A/T

Wheels

Spare Tire Type

Front Tire Size

Rear Tire Size

Front Wheel Size (in)

Rear Wheel Size (in)

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

4-Wheel ABS

Standard

2.0L

Turbocharged

211 @ 4300 RPM

258 @ 1500 RPM

Gasoline Fuel

16.900

21 MPG

29 MPG

0 MPG

AWD

Standard

Compact Spare Tire

P245/40R18

18 x 8.5

2013 Hyundai Elantra Coupe 2dr Auto SE

4-Wheel ABS

Standard

1.8L

148 @ 6500 RPM

131 @ 4700 RPM

Gasoline Fuel

13.200

27 MPG

37 MPG

0 MPG

FWD

Standard

P215/45R17

17 x 7.0

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

4-Wheel ABS

Standard

3.0L

Turbocharged

300 @ 5800 RPM

300 @ 1200 - 5000 RPM

Gasoline Fuel

16.100

18 MPG

27 MPG

0 MPG

AWD

Standard

Optional

P225/45R17

17 x 8.0

17 x 8.5

2012 Toyota Yaris 3dr Liftback Man L (Natl)

4-Wheel ABS

Standard

1.5L

106 @ 6000 RPM

103 @ 4200 RPM

Gasoline Fuel

11.1

0 MPG

30 MPG

38 MPG

FWD

Standard

Compact Spare Tire

P175/65HR15

15 x 5.0

Safety

Go directly to:

Driver Air Bag

Passenger Air Bag

Side Air Bag

Side Head Air Bag

Rear Head Air Bag

4-Wheel ABS

Onboard Hands-Free Communications System

Alarm

Rear Defrost

Daytime Running Lights

Traction Control

Fog Lamps

Vehicle Anti-Theft System

HID headlights

Integrated Turn Signal Mirrors

Rear Parking Aid

Emergency Trunk Release

Tire Pressure Monitoring System

Wireless Cell Phone Hookup

Back-Up Camera

Electronic Stability Control

Brake Assist

Driver Crash Grade

Passenger Crash Grade

Rollover Resistance Rating

Side Impact Crash Test Front

Side Impact Crash Test Rear

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

Standard

Not Tested

2013 Hyundai Elantra Coupe 2dr Auto SE

Standard

Optional

Standard

Optional

Standard

Not Tested

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Not Tested

Not Tested

2012 Toyota Yaris 3dr Liftback Man L (Natl)

Standard

Not Tested

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

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

3682

37.900

41.300

36.000

31.700

108.300

73.000

54.000

2013 Hyundai Elantra Coupe 2dr Auto SE

2729

39.800

43.600

37.100

33.300

106.300

69.900

56.500

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

3582

38.400

41.800

36.800

33.700

108.700

71.500

54.100

2012 Toyota Yaris 3dr Liftback Man L (Natl)

2295

39.3

40.6

37.6

33.3

98.8

66.7

59.4

Truck Features

Go directly to:

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

2013 Hyundai Elantra Coupe 2dr Auto SE

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

2012 Toyota Yaris 3dr Liftback Man L (Natl)

Maintenance Recall Information

Go directly to:

2013 Audi A5 2dr Cpe Auto quattro 2.0T Premium

2013 Hyundai Elantra Coupe 2dr Auto SE

2013 BMW 3 Series 2dr Cpe 335i xDrive AWD

2012 Toyota Yaris 3dr Liftback Man L (Natl)

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-Approved Today!
Rates as low as 1.99% APR
Preferred direct lending partner of AutoTrader

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?v=3.59.247598" 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_Icon_Default.png?v=3.59.247598" 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-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="http://www.autotraderstatic.com/img/standardicons/Help_Icon_Default.png?v=3.59.247598" 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 class="box-header buttons" 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}">
                            <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?v=3.59.247598" 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 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_Icon_Default.png?v=3.59.247598" 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>

By using this service, you accept the terms of our Visitor Agreement. Privacy Statement. AdChoices

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: