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

2012 MINI Cooper Coupe

$21,300 MSRP Build & Price

Hwy: 0 MPG / City: 0 MPG

Change Remove

2012 smart fortwo

$12,490 MSRP Build & Price

Hwy: 38 MPG / City: 34 MPG

Change Remove

2012 MINI Cooper Coupe

$21,300 MSRP Build & Price

Hwy: 0 MPG / City: 0 MPG

Change Remove

2012 smart fortwo

$14,690 MSRP Build & Price

Hwy: 38 MPG / City: 34 MPG

Cost, Warranties & Incentives

Go directly to:

Costs

MSRP

Invoice

NADAguides Pricing Info

Incentives

Special Offers

Highlighted Specials

Warranties

Basic

Corrosion

Drivetrain

Roadside Assistance

2012 MINI Cooper Coupe 2dr

$21,300

$19,170

$22,150

See specials by entering your ZIP code.

Mileage: 50,000 Months: 48 Months

Mileage: Unlimited Months: 144 Months

Mileage: 50,000 Months: 48 Months

Mileage: Unlimited Months: 48 Months

2012 smart fortwo 2dr Cpe Pure

$12,490

$11,616

$12,825

See specials by entering your ZIP code.

Mileage: 50,000 Months: 48 Months

Mileage: 24,000 Months: 24 Months

2012 MINI Cooper Coupe 2dr

$21,300

$19,170

$22,150

See specials by entering your ZIP code.

Mileage: 50,000 Months: 48 Months

Mileage: Unlimited Months: 144 Months

Mileage: 50,000 Months: 48 Months

Mileage: Unlimited Months: 48 Months

2012 smart fortwo 2dr Cpe Passion

$14,690

$13,662

$13,325

See specials by entering your ZIP code.

Mileage: 50,000 Months: 48 Months

Mileage: 24,000 Months: 24 Months

Photos

Go directly to:

Front View - Low and Wide

Front View - High Angle

Driver Side Profile

Rear View - Low and Wide

Front seats

2012 MINI Cooper Coupe 2dr

2012 MINI Cooper Coupe - Front View - Low and Wide

2012 MINI Cooper Coupe - Front View - High Angle

2012 MINI Cooper Coupe - Rear View - Low and Wide

2012 smart fortwo 2dr Cpe Pure

2012 smart fortwo - Front View - Low and Wide

2012 smart fortwo - Front View - High Angle

2012 smart fortwo - Rear View - Low and Wide

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Passion

Colors

Go directly to:

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Pure

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Passion

Exterior Colors

British Racing Green II Metallic

Chili Red

Eclipse Gray Metallic

Midnight Black Metallic

Pepper White

Spice Orange Metallic

White Silver Metallic

Crystal White

Deep Black

Grey Metallic

Light Blue Metallic

Rally Red

Silver Metallic

British Racing Green II Metallic

Chili Red

Eclipse Gray Metallic

Midnight Black Metallic

Pepper White

Spice Orange Metallic

White Silver Metallic

Crystal White

Deep Black

Grey Metallic

Light Blue Metallic

Rally Red

Silver Metallic

Interior Colors

Carbon Black

Carbon Black Checkered

Polar Beige

Toffee

Black

Carbon Black

Carbon Black Checkered

Polar Beige

Toffee

Beige

Black

Red

Roof/Top Colors

Interior Features

Go directly to:

Comfort

Climate Control

A/C

Leather Seats

Bucket Seats

Front Reading lamps

Leather Wrapped Steering Wheel

Wireless Cell Phone Hookup

Convenience

Intermittent Wipers

Variable Speed Intermittent Wipers

Rain Sensing Wipers

Heated Mirrors

Power Driver Mirror

Driver Vanity Mirror

Passenger Vanity Mirror

Cruise Control

Navigation System

Rear Parking Aid

Remote Trunk Release

Trip Computer

Keyless Start

Power Steering

Auxiliary Pwr Outlet

Auto-Off Headlights

Power Windows

Luggage Rack

Entertainment

AM/FM Stereo

CD Player

Premium Sound System

Satellite Radio

MP3 Player

Auxiliary Audio Input

Memory Settings

Power Features

Power Driver Mirror

Power Windows

Power Steering

Power Door Locks

Seats

Heated Driver Seat

Bucket Seats

Leather Seats

Cloth Seats

2012 MINI Cooper Coupe 2dr

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 smart fortwo 2dr Cpe Pure

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 MINI Cooper Coupe 2dr

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 smart fortwo 2dr Cpe Passion

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Exterior Features

Go directly to:

Rear Spoiler

Rear Defrost

Luggage Rack

Sun/Moon Roof

Panoramic Roof

2012 MINI Cooper Coupe 2dr

Standard

Optional

2012 smart fortwo 2dr Cpe Pure

Standard

2012 MINI Cooper Coupe 2dr

Standard

Optional

2012 smart fortwo 2dr Cpe Passion

Standard

Performance

Go directly to:

Brakes

ABS Brakes

Brake Assist

Engine

Displacement

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

5-Speed A/T

6-Speed A/T

6-Speed M/T

Wheels

Spare Tire Type

Front Tire Size

Rear Tire Size

Front Wheel Size (in)

Rear Wheel Size (in)

2012 MINI Cooper Coupe 2dr

4-Wheel ABS

Standard

1.6L

121 @ 6000 RPM

114 @ 4250 RPM

Gasoline Fuel

10.6

0 MPG

29 MPG

37 MPG

FWD

Optional

Standard

Compact Spare Tire

P175/65R15

15 x 5.5

2012 smart fortwo 2dr Cpe Pure

4-Wheel ABS

70 @ 5800 RPM

68 @ 4500 RPM

Gasoline Fuel

8.7

34 MPG

38 MPG

0 MPG

RWD

Standard

P155/60R15

P175/55R15

15 x 4.5

15 x 5.5

2012 MINI Cooper Coupe 2dr

4-Wheel ABS

Standard

1.6L

121 @ 6000 RPM

114 @ 4250 RPM

Gasoline Fuel

10.6

0 MPG

29 MPG

37 MPG

FWD

Optional

Standard

Compact Spare Tire

P175/65R15

15 x 5.5

2012 smart fortwo 2dr Cpe Passion

4-Wheel ABS

70 @ 5800 RPM

68 @ 4500 RPM

Gasoline Fuel

8.7

34 MPG

38 MPG

0 MPG

RWD

Standard

P155/60R15

P175/55R15

15 x 4.5

15 x 5.5

Safety

Go directly to:

Driver Air Bag

Passenger Air Bag

Side Air Bag

Side Head Air Bag

4-Wheel ABS

Alarm

Rear Defrost

Daytime Running Lights

Traction Control

Fog Lamps

Vehicle Anti-Theft System

HID headlights

Rear Parking Aid

Tire Pressure Monitoring System

Wireless Cell Phone Hookup

Electronic Stability Control

Brake Assist

Driver Crash Grade

Passenger Crash Grade

Rollover Resistance Rating

Side Impact Crash Test Front

Side Impact Crash Test Rear

2012 MINI Cooper Coupe 2dr

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Not Tested

2012 smart fortwo 2dr Cpe Pure

Standard

Optional

Standard

Optional

Standard

Not Tested

2012 MINI Cooper Coupe 2dr

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Not Tested

2012 smart fortwo 2dr Cpe Passion

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Not Tested

Specifications & Dimensions

Go directly to:

Base Curb Weight (lbs)

Front Head Room (in)

Front Leg Room (in)

Wheelbase (in)

Width, Max w/o mirrors (in)

Height, Overall (in)

Maximum Seating Capacity

2012 MINI Cooper Coupe 2dr

2557

38.4

41.7

97.1

66.3

54.3

2012 smart fortwo 2dr Cpe Pure

1808

39.7

41.2

73.5

61.4

60.7

2012 MINI Cooper Coupe 2dr

2557

38.4

41.7

97.1

66.3

54.3

2012 smart fortwo 2dr Cpe Passion

1808

39.7

41.2

73.5

61.4

60.7

Truck Features

Go directly to:

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Pure

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Passion

Maintenance Recall Information

Go directly to:

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Pure

2012 MINI Cooper Coupe 2dr

2012 smart fortwo 2dr Cpe Passion

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.58.246367" 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="/img/standardicons/Help_Icon_Default.png" 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.58.246367" 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.58.246367" 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.58.246367" 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: