Compare Used Cars, Compare Cars Side-By-Side

<div class="column add-a-vehicle" id="column-#{column}">
            <div class="inner-wrapper" id="overview-inner-wrapper-#{column}">
                <div class="cell year-make-model">
                    <div class="box ymm" id="year-make-model-#{column}">
                        Add a Vehicle
                    </div>
                </div>
                <div class="cell 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}">
                            <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}">
                                <input class="add" id="add-#{column}" name="clear" type="button" value="Add" disabled="disabled" />
                            </div>
                            <div class="box buttons #{updateButtonClass}" id="buttons-update-#{column}">
                                <input class="update" id="update-#{column}" name="clear" value="Update" type="button" disabled="disabled" />
                                <input class="cancel" id="cancel-#{column}" name="clear" value="Cancel" type="button" />
                            </div>
                        </div>
                        
                        <div class="box suggestions" id="suggestions-#{column}">
                            
                            <div class="select-from-suggestion">
                                <div class="box label" id="previously-viewed">
                                    Previously Viewed
                                </div>
                            </div>
                            
                            <div class="select-from-suggestion" id="select-from-suggestion-#{column}">
                                <div class="box label">
                                    <img id="compare-tip-#{column}" class="tooltip tip compare-tip" onclick="ATC.utils.BIUtils.getBIEvent('e10x');" alt=""  src="http://www.autotraderstatic.com/img/research/compare/tip.gif?3.2.134790" />
                                    Choose a different way to search:
                                </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 add-a-vehicle" id="column-#{column}">
            <div class="inner-wrapper" id="overview-inner-wrapper-#{column}">
                <div class="cell year-make-model">
                    <div class="box ymm" id="year-make-model-#{column}">
                        Add a Vehicle
                    </div>
                </div>
                <div class="cell actions add-change">
                    <div id="actions-#{column}">
                        <div class="box" id="select-make-#{column}">
                            <select class="make" id="make-#{column}">
                                <option>Select One</option>
                            </select>
                        </div>
                        <div class="box" id="select-model-#{column}">
                            <select class="model" id="model-#{column}" disabled="disabled">
                                <option>Select One</option>
                            </select>
                        </div>
                        <div class="box" id="select-year-#{column}">
                            <span id="static-year-#{column}"> </span>
                            <select class="year hide" id="year-#{column}" disabled="disabled">
                            </select>
                        </div>
                        <div class="box buttons" id="buttons-add-update-#{column}">
                            <div class="box buttons #{addButtonClass}" id="buttons-add-#{column}">
                                <input class="add" id="add-#{column}" name="clear" type="button" value="Add" disabled="disabled" />
                            </div>
                            <div class="box buttons #{updateButtonClass}" id="buttons-update-#{column}">
                                <input class="update" id="update-#{column}" name="clear" value="Update" type="button" disabled="disabled" />
                                <input class="cancel" id="cancel-#{column}" name="clear" value="Cancel" type="button" />
                            </div>
                        </div>
                        
                        <div class="box suggestions" id="suggestions-#{column}">
                            
                            <div class="select-from-suggestion">
                                <div class="box label" id="previously-viewed">
                                    Previously Viewed
                                </div>
                            </div>
                            
                            <div class="select-from-suggestion" id="select-from-suggestion-#{column}">
                                <div class="box label">
                                    <img id="compare-tip-#{column}" class="tooltip tip compare-tip" onclick="ATC.utils.BIUtils.getBIEvent('e10x');" alt=""  src="http://www.autotraderstatic.com/img/research/compare/tip.gif?3.2.134790" />
                                    Choose a different way to search:
                                </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="inner-wrapper" id="overview-inner-wrapper-#{ctr.column}"> 
                <div class="sponsored #{ctr.sponsoredVehicleClass}">
                    Sponsored Vehicle
                </div>
                <div class="cell 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}
                        </a>
                        <a class="model" href="#{ctr.modelOverviewURL}" alt="#{ctr.year} #{ctr.make} #{ctr.model}" title="#{ctr.year} #{ctr.make} #{ctr.model}">
                            #{ctr.model}
                        </a>
                    </div>
                </div>
                <div class="cell actions">
                    <div id="actions-#{ctr.column}">
                        <div class="hybrid #{ctr.hybridClass}" id="hybrid-#{ctr.column}">
                            Hybrid
                        </div>
                        <div class="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 class="box buttons" id="buttons-#{ctr.column}">
                            <input class="change #{ctr.changeButtonClass}" name="clear" id="change-#{ctr.column}" type="button" value="Change" />
                            <input class="remove #{ctr.removeButtonClass}" name="clear" id="remove-#{ctr.column}" type="button" value="Remove" />
                        </div>
                    </div>
                </div>
                <div class="cell 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 price">
                    <div class="box" id="price-#{ctr.column}">
                        <span class="price">
                            #{ctr.price}
                        </span>
                        <span class="price-type">
                            #{ctr.priceType}
                        </span>
                    </div>
                </div>
                <div class="cell fuel-mileage">
                    <div class="box" id="hwy-#{ctr.column}">
                        Hwy: #{ctr.mileageHWY}
                    </div>
                    <div class="box" id="city-#{ctr.column}">
                        City: #{ctr.mileageCITY}
                    </div>
                </div>
                <div class="cell customer-ratings-and-reviews">
                    <div class="box #{ctr.ratingsClass}" id="rating-#{ctr.column}">
                        <img alt="#{ctr.starsALT}" title="#{ctr.starsALT}" class="stars" src="#{ctr.starsURL}" />
                        <span>#{ctr.overallRating} of 5</span>
                    </div>
                    <div class="box #{ctr.ratingsClass}" id="basis-#{ctr.column}">
                        Based on #{ctr.consumerreviewcount} Review(s)
                    </div>
                    <div class="box #{ctr.ratingsClass}">
                        <a id="read-reviews-#{ctr.column}" href="#{ctr.readReviewURL}">Read Reviews</a>
                    </div>
                    <div class="box">
                        <a id="write-review-#{ctr.column}" href="#{ctr.writeReviewURL}">Write a review</a>
                    </div>
                </div>
                <div class="cell next-steps">
                    <div class="box">
                         
                    </div>
                    <div id="offers-#{ctr.column}" class="box offers">
                        <a id="offers-link-#{ctr.column}" href="#{ctr.specialOffersURL}">#{ctr.specialOffersTXT}</a>
                    </div>
                    <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 id="configure-#{ctr.column}" class="box configure #{ctr.carConfigClass}">
                        <a id="configure-link-#{ctr.column}" href="#{ctr.carConfigURL}">Build & Price This Car</a>
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="column-#{ctr.column}">
            <div class="inner-wrapper" id="overview-inner-wrapper-#{ctr.column}">
                <div class="sponsored #{ctr.sponsoredVehicleClass}">
                    Sponsored Vehicle
                </div>
                <div class="cell year-make-model">
                    <div class="box ymm">
                        Loading #{ctr.year} #{ctr.make} #{ctr.model}
                    </div>
                </div>
                <div class="cell actions">
                    <div id="actions-#{ctr.column}">
                        <div class="hybrid #{ctr.hybridClass}" id="hybrid-#{ctr.column}">
                            Hybrid
                        </div>
                        <div class="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 class="box buttons" id="buttons-#{ctr.column}">
                            <input class="change #{ctr.changeButtonClass}" name="clear" id="change-#{ctr.column}" type="button" value="Change" />
                            <input class="remove #{ctr.removeButtonClass}" name="clear" id="remove-#{ctr.column}" type="button" value="Remove" />
                        </div>
                    </div>
                </div>
                <div class="cell trim-level">
                    <div class="box" id="select-trim-level-#{ctr.column}">
                    </div>
                </div>
                <div class="cell price">
                    <div class="box" id="price-#{ctr.column}">
                        <span class="price">
                        </span>
                        <span class="price-type">
                        </span>
                    </div>
                </div>
                <div class="cell fuel-mileage">
                    <div class="box" id="hwy-#{ctr.column}">
                    </div>
                    <div class="box" id="city-#{ctr.column}">
                    </div>
                </div>
                <div class="cell customer-ratings-and-reviews">
                    <div class="box #{ctr.ratingsClass}" id="rating-#{ctr.column}">
                    </div>
                    <div class="box #{ctr.ratingsClass}" id="basis-#{ctr.column}">
                    </div>
                    <div class="box #{ctr.ratingsClass}">
                    </div>
                    <div class="box">
                    </div>
                </div>
                <div class="cell next-steps">
                    <div class="box">
                         
                    </div>
                    <div id="offers-#{ctr.column}" class="box offers">
                    </div>
                    <div id="listings-link-#{ctr.column}" class="box listings #{ctr.localListingsLinkClass}">
                    </div>
                    <div id="listings-text-#{ctr.column}" class="box listings #{ctr.localListingsTextClass}">
                    </div>
                    <div id="configure-#{ctr.column}" class="box configure #{ctr.carConfigClass}">
                    </div>
                </div>
            </div>
        </div>

<div class="column" id="costs-detail-#{ctr.column}">
            <div id="costs-inner-wrapper-#{ctr.column}" class="inner-wrapper">
                <div class="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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 truck-feature fm_Aux_Fuel_Tank_Capacity__Approx__gal_" id="fm_Aux_Fuel_Tank_Capacity__Approx__gal_-#{ctr.column}" style="display: #{rollup.fm_Aux_Fuel_Tank_Capacity__Approx__gal_}">
                    <div class="box">
                        #{ctr.featureMap.fm_Aux_Fuel_Tank_Capacity__Approx__gal_}
                    </div>
                </div>
            </div>
        </div>

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

MyAutoTrader:

Compare Models

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