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 Volkswagen Jetta SportWagen

$24,210 MSRP Build & Price

Hwy: 31 MPG / City: 24 MPG

1 Review(s)

Change Remove

2012 Honda Civic Sdn

$18,805 MSRP Build & Price

Hwy: 39 MPG / City: 28 MPG

2 Review(s)

Change Remove

2012 Chevrolet Cruze

$18,555 MSRP Build & Price

Hwy: 0 MPG / City: 0 MPG

Change Remove

2012 Chevrolet Sonic

$15,865 MSRP Build & Price

Hwy: 0 MPG / City: 0 MPG

4 Review(s)

Cost, Warranties & Incentives

Go directly to:

Costs

MSRP

Invoice

NADAguides Pricing Info

Incentives

Special Offers

Highlighted Specials

Warranties

Basic

Corrosion

Drivetrain

Roadside Assistance

2012 Volkswagen Jetta SportWagen 4dr Auto SE

$24,210

$23,242

$19,675

See specials by entering your ZIP code.

Mileage: 36,000 Months: 36 Months

Mileage: Unlimited Months: 144 Months

Mileage: 60,000 Months: 60 Months

Mileage: 36,000 Months: 36 Months

2012 Honda Civic Sdn 4dr Auto LX

$18,805

$17,484

$16,950

See specials by entering your ZIP code.

Mileage: 36,000 Months: 36 Months

Mileage: Unlimited Months: 60 Months

Mileage: 60,000 Months: 60 Months

Mileage: - Months: -

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

$18,555

$17,812

$17,150

See specials by entering your ZIP code.

Mileage: 36,000 Months: 36 Months

Mileage: 36,000 Months: 72 Months

Mileage: 100,000 Months: 60 Months

2012 Chevrolet Sonic 5dr HB LT 1LT

$15,865

$15,230

$15,475

See specials by entering your ZIP code.

Mileage: 36,000 Months: 36 Months

Mileage: 36,000 Months: 72 Months

Mileage: 100,000 Months: 60 Months

Photos

Go directly to:

Front View - Low and Wide

Front View - High Angle

Driver Side Profile

Rear View - Low and Wide

Front seats

Rear seats

2012 Volkswagen Jetta SportWagen 4dr Auto SE

2012 Volkswagen Jetta SportWagen - Front View - Low and Wide

2012 Volkswagen Jetta SportWagen - Front View - High Angle

2012 Volkswagen Jetta SportWagen - Rear View - Low and Wide

2012 Volkswagen Jetta SportWagen - Front seats

2012 Volkswagen Jetta SportWagen - Rear seats

2012 Honda Civic Sdn 4dr Auto LX

2012 Honda Civic Sdn - Front View - Low and Wide

2012 Honda Civic Sdn - Front View - High Angle

2012 Honda Civic Sdn - Rear View - Low and Wide

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

2012 Chevrolet Cruze - Front View - Low and Wide

2012 Chevrolet Cruze - Front View - High Angle

2012 Chevrolet Cruze - Rear View - Low and Wide

2012 Chevrolet Sonic 5dr HB LT 1LT

2012 Chevrolet Sonic - Front View - Low and Wide

2012 Chevrolet Sonic - Front View - High Angle

2012 Chevrolet Sonic - Rear View - Low and Wide

Colors

Go directly to:

2012 Volkswagen Jetta SportWagen 4dr Auto SE

2012 Honda Civic Sdn 4dr Auto LX

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

2012 Chevrolet Sonic 5dr HB LT 1LT

Exterior Colors

Black

Candy White

Platinum Gray Metallic

Reflex Silver Metallic

Tempest Blue Metallic

Toffee Brown Metallic

Tornado Red

White Gold Metallic

Alabaster Silver Metallic

Crimson Pearl

Crystal Black Pearl

Dyno Blue Pearl

Polished Metal Metallic

Taffeta White

Urban Titanium Metallic

Black Granite Metallic

Blue Granite Metallic

Gold Mist Metallic

Ice Blue Metallic

Silver Ice Metallic

Summit White

Victory Red

Black

Inferno Orange Metallic

Silver Ice Metallic

Summit White

Victory Red

Interior Colors

Cornsilk Beige

Titan Black

Beige

Gray

Jet Black

Jet Black/Sport Red

Medium Titanium

Roof/Top Colors

Interior Features

Go directly to:

Comfort

A/C

Bucket Seats

Front Reading lamps

Rear Reading lamps

Leather Wrapped Steering Wheel

Wireless Cell Phone Hookup

Onboard Hands-Free Communications System

Convenience

Intermittent Wipers

Variable Speed Intermittent Wipers

Heated Mirrors

Power Driver Mirror

Driver Vanity Mirror

Passenger Vanity Mirror

Power Driver Seat

Pass-Through Rear Seat

Cruise Control

Rear Parking Aid

Remote Trunk Release

Trip Computer

Remote Engine Start

Power Steering

Auxiliary Pwr Outlet

Auto-Off Headlights

Power Windows

Wheel Locks

Entertainment

AM/FM Stereo

CD Changer

CD Player

Premium Sound System

Satellite Radio

MP3 Player

Auxiliary Audio Input

Memory Settings

Power Features

Power Driver Mirror

Power Driver Seat

Power Windows

Power Steering

Power Tilt/Sliding Sunroof

Power Door Locks

Seats

Heated Driver Seat

Bucket Seats

Power Driver Seat

Pass-Through Rear Seat

Cloth Seats

2012 Volkswagen Jetta SportWagen 4dr Auto SE

Standard

2012 Honda Civic Sdn 4dr Auto LX

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 Chevrolet Sonic 5dr HB LT 1LT

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Exterior Features

Go directly to:

Rear Spoiler

Rear Defrost

Sun/Moon Roof

Power Tilt/Sliding Sunroof

2012 Volkswagen Jetta SportWagen 4dr Auto SE

Optional

Standard

2012 Honda Civic Sdn 4dr Auto LX

Optional

Standard

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

Optional

Standard

Optional

2012 Chevrolet Sonic 5dr HB LT 1LT

Standard

Performance

Go directly to:

Brakes

ABS Brakes

Brake Assist

Engine

Displacement

Engine Type

Horsepower

Torque (lb-ft)

Fuel Type

Fuel Tank Capacity, Approx (gal)

EPA Automatic City

EPA Automatic Highway

EPA Manual City

EPA Manual Highway

Transmission

Drive Type

5-Speed A/T

6-Speed A/T

5-Speed M/T

6-Speed M/T

Wheels

Spare Tire Type

Front Tire Size

Rear Tire Size

Front Wheel Size (in)

Rear Wheel Size (in)

2012 Volkswagen Jetta SportWagen 4dr Auto SE

4-Wheel ABS

2.5L

170 @ 5700 RPM

177 @ 4250 RPM

Gasoline Fuel

14.5

24 MPG

31 MPG

0 MPG

FWD

Standard

P205/55HR16

16 x - TBD -

2012 Honda Civic Sdn 4dr Auto LX

4-Wheel ABS

Standard

1.8L

140 @ 6500 RPM

128 @ 4300 RPM

Gasoline Fuel

13.2

28 MPG

39 MPG

0 MPG

FWD

Standard

Compact Spare Tire

P195/65HR15

15 x - TBD -

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

4-Wheel ABS

1.4L

Turbocharged

138 @ 4900 RPM

148 @ 1850 RPM

Gasoline Fuel

15.6

0 MPG

26 MPG

38 MPG

FWD

Optional

Standard

Compact Spare Tire

P215/60R16

16 x - TBD -

2012 Chevrolet Sonic 5dr HB LT 1LT

4-Wheel ABS

Standard

1.8L

138 @ 6300 RPM

125 @ 3800 RPM

Gasoline Fuel

12.2

0 MPG

26 MPG

35 MPG

FWD

Standard

Compact Spare Tire

P195/65R15

15 x - TBD -

Safety

Go directly to:

Driver Air Bag

Passenger Air Bag

Side Air Bag

Rear Body Air Bag

Side Head Air Bag

Rear Head Air Bag

4-Wheel ABS

Onboard Hands-Free Communications System

Alarm

Rear Defrost

Child Safety Locks

Daytime Running Lights

Traction Control

Fog Lamps

Vehicle Anti-Theft System

Rear Parking Aid

Emergency Trunk Release

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 Volkswagen Jetta SportWagen 4dr Auto SE

Standard

Not Tested

Not Tested

2012 Honda Civic Sdn 4dr Auto LX

Standard

Optional

Standard

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

Standard

Optional

Standard

Optional

Standard

Optional

Standard

2012 Chevrolet Sonic 5dr HB LT 1LT

Standard

Optional

Standard

Optional

Standard

Optional

Standard

Specifications & Dimensions

Go directly to:

Base Curb Weight (lbs)

Front Head Room (in)

Front Leg Room (in)

Second Head Room (in)

Second Leg Room (in)

Wheelbase (in)

Width, Max w/o mirrors (in)

Height, Overall (in)

Maximum Seating Capacity

Maximum Towing Capacity

2012 Volkswagen Jetta SportWagen 4dr Auto SE

3285

38.4

41.1

38.1

35.5

101.5

70.1

59.2

2012 Honda Civic Sdn 4dr Auto LX

2705

39.0

42.0

37.1

36.2

105.1

69.0

56.5

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

3126

39.3

42.3

37.9

35.4

105.7

70.7

58.1

1000.00000

2012 Chevrolet Sonic 5dr HB LT 1LT

2712

38.7

41.8

38.1

34.6

99.4

68.3

59.7

Truck Features

Go directly to:

2012 Volkswagen Jetta SportWagen 4dr Auto SE

2012 Honda Civic Sdn 4dr Auto LX

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

2012 Chevrolet Sonic 5dr HB LT 1LT

Maintenance Recall Information

Go directly to:

Recalls

2012 Volkswagen Jetta SportWagen 4dr Auto SE

1 recall

2012 Honda Civic Sdn 4dr Auto LX

2 recalls

2012 Chevrolet Cruze 4dr Sdn LT w/1LT

4 recalls

2012 Chevrolet Sonic 5dr HB LT 1LT

4 recalls

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

View Local Listings

Shopping & Selling Tools

Get Pre-Approved Today!
Rates as low as 1.99% APR
Preferred direct lending partner of AutoTrader

Sell Your Car

Check pricing on NADAguides.com

Get a free rate quote

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</div>

</div>
        </div>

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

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

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

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

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

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

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

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

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

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

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

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

Compare Cars

Exterior Colors

Interior Colors

Roof/Top Colors

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

Shopping & Selling Tools

Share: