<div class="accessoryTabView contentWrapper"> <div class="contentContainer"> <h1 class="sectionHeaderContainerNoFloat Nobel_book"><span class="tabHead">Select Accessories</span></h1> <div class="accessoriesLeftColumn"> #{accessoryListLeft} </div> <div class="accessoriesRightColumn"> #{accessoryListRight} </div> <div class="clearBoth"><!-- --></div> <div class="bottomSectionNav"> <a href="javascript:" class="leftBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="backButton backPackages" /></a> <a href="javascript:" class="rightBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="nextButton nextSummary" /></a> <div class="clearBoth"><!-- --></div> </div> </div> <div id="bottomContentCorners"><!-- --></div> </div> #{accessoryGroup_array} #{accessoryGroup_array} <div class="accessoryList"> <div class="accessoryListTitle #{sifrSet}">#{accessoryListTitle}</div> #{accessoryDescription_obj} #{accessoryRegular} #{accessoryMulti_array} </div> <div class="accessoryListDesc">#{accessoryDescription}</div> <table class="accessoryOption"> <tbody> #{accessoryOption_array} </tbody> </table> <tr class="accRow_#{accessoryId}"> <td class="accessoryCheckbox"><input type="checkbox" class="input" value="#{accessoryId}" #{checked} name="acc_#{accessoryId}" /></td> <td class="accessoryIconColumn accessoryTooltip"><img src="#{accessoryImage}" class="icon" /><input type="hidden" value="#{accessoryId}" /></td> <td class="accessoryOptionName"><span class="accName">#{accessoryName}</span></td> <td class="accessoryOptionPrice">#{accessoryPrice}#{accessoryDisclaimer}</td> </tr> <div class="multipleAccessoryOptions"> <div class=" accessoryGroupIcon"> <input type="hidden" value="#{accessoryId}" /> <img src="#{accessoryImage}" class="icon" /> </div> <div class="accessoryOptionGroup"> #{accessoryName} <div class="accessoryOptionChoices"> #{accessoryMultiOptionChoice_array} </div> </div> <div class="clearBoth"><!-- --></div> </div> <div class="accessoryOptionInput"><input type="radio" class="radio multiOptionRadio" name="#{inputName}" value="#{accessoryId}" #{checked} /> <div class="accOptName">#{accessoryOptionName}</div><div class="clearBoth"><!-- --></div></div>

<div class="colorsTabView contentWrapper"> <div class="contentContainer"> <h1 class="sectionHeaderContainerNoFloat Nobel_book"><span class="tabHead">Select Colors</span></h1> <div class="exterior colorList"> <div class="colorHeader Nobel_book">EXTERIOR</div> <div class="iconList"> #{ExteriorColors_array} <div class="clearBoth"><!-- --></div> </div> <div class="colorNameContainer">#{selectedExteriorColorName}</div> </div> <div class="whiteDivider"><!-- --></div> <div class="interior colorList"> <div class="colorHeader Nobel_book">INTERIOR</div> <div class="iconListContainer"> <div class="iconListWrap"> <div class="defaultLoaded iconList"> #{InteriorColors_array} </div> </div> </div> <div class="clearBoth"><!-- --></div> <div class="colorNameContainer">#{selectedInteriorColorName}</div> </div> <div class="bottomSectionNav"> <a href="javascript:" class="leftBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="backButton backStyles" /></a> <a href="javascript:" class="rightBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="nextButton nextPackages" /></a> <div class="clearBoth"><!-- --></div> </div> </div> <div id="bottomContentCorners"><!-- --></div> </div> <a href="javascript:"><div class="iconRollover colorSwatch extColor" ext_id="#{id}"><img src="#{image}" width="37" class="icon" /></div></a> <a href="javascript:"><div class="iconRollover colorSwatch intColor" int_id="#{id}" colorName="#{name}"><img src="#{image}" height="37" width="57" class="iconLarge"/></div></a>

<div class="tooltip detailOverlay"> <div class="detailOverlayArrow"></div> <div class="detailOverlayDropShadow"> <div class="detailOverlayContent"> <img src="#{objImagePath}" class="detailOverlayImage" /> <div class="detailOverlayText"> <div class="detailOverlayHeader">#{objName}</div> #{objDescription} <ul>#{listItem_array}</ul> <div class="disclaimers"></div> </div> </div> </div> <div class="detailOverlayBottom"><!-- --></div> </div> <li><span>#{detailListItem}</span></li> <div class="tooltip textOverlay"> <div class="textOverlayTop"> <div class="textOverlayArrow"><!-- --></div> </div> <div class="textOverlayDropShadow"> <div class="textOverlayContent"> <p>#{toolTipText}</p> </div> </div> <div class="textOverlayBottom"><!-- --></div> </div>

<div class="conflictResolutionOverlay overlayContainer"> <div class="overlayHeader"> <div class="closeOverlay"><a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="closeButton"/></a></div> <h2 class="Nobel_book"><span class="overlayHeader">We are sorry...</span></h2> <div class="clearBoth"><!-- --></div> </div> <div class="overlayContent "> <form name="conflictForm" class="conflictForm"> #{conflicts_array} #{warning_obj} </form> <div class="error" style="display:none;"> Please select an option or options to continue, or click Cancel. </div> <div class="bottomNavigation"> <a href="javascript:" class="leftBtn cancelButton"><img src="/lexus-share/configurator/images/spacer.gif" class="cancelBtn" /></a> <a href="javascript:" class="rightBtn continueButton"><img src="/lexus-share/configurator/images/spacer.gif" class="continueBtn" /></a> <div class="clearBoth"><!-- --></div> </div> </div> </div> <p class="conflictReason">#{reason}</p> <p>#{directions}</p> #{conflictOption_array} <div class="#{type}Option"> <table class="conflictOpt"><tr> <td class="conflictOptCol"><input type="radio" class="input" name="#{type}" value="#{value}" /></td> <td class="conflictOptCol"> #{icon_array}</td> <td class="conflictOptCol"> #{conflictOptionTitle}</td> </tr></table> </div> <p class="conflictReason">#{reason}</p> <p>#{directions}</p> <div class="conflictForm"> #{warning_array} </div> <div class="warning"> <table><tr> <td> <input type="hidden" name="#{type}" value="#{value}" /> <div class="iconList"> #{icon_array} </div> </td> <td class="warningText"><span>#{selection_text}</span></td> </tr></table> </div> <img src="#{iconpath}" class="conflictIcon" />

<div class="emailAFriendOverlay overlayContainer"><!-- emailConflictBg class used in Email A Friend and Conflict Overlays to set background color --> <div class="overlayHeader"> <div class="closeOverlay"><a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="closeButton"/></a></div> <h2>Email a Friend</h2> <div class="clearBoth"></div> </div> <div class="overlayContent"> <div class="emailFormContainer"> <p>When you send your configured vehicle to a friend, he or she will receive a summary of your vehicle information, contact information for your local Lexus dealers, as well as any comments you want to include. Lexus respects your privacy and assures you that your e-mail address has not been added to any mailing lists, including ours. You may include up to 5 recipient email addresses separated by commas.</p> <div class="emailErrorMessage"></div> <form class="emailFormContent"> <div class="emailRequiredMessage"><div class="asterisk">*</div> <div class="message">Denotes required fields</div></div> <div class="emailContent"> <div class="emailFieldHeader">Your Name*</div> <input type="text" class="emailField userName" /> <div class="emailFieldHeader">Your Email*</div> <input type="text" class="emailField userEmail" /> <div class="emailFieldHeader">Recipient's Email*</div> <input type="text" class="emailField recipEmail" /> <div class="emailFieldHeader">Subject:</div> <input type="text" class="emailField subject" value="See My Lexus" /> <div class="emailFieldHeader">Custom Message: (Optional)</div> <textarea class="emailMessageText" name="customMessage"></textarea> <a href="javascript:" class="privacyRightsLink">Your Privacy Rights</a> </div> <div class="bottomNavigation"> <a href="javascript:" class="leftBtn"><img class="previewBtn" src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="javascript:" class="rightBtn"><img class="sendBtn" src="/lexus-share/configurator/images/spacer.gif" /></a> <div class="clearBoth"></div> </div> </form> </div> <div class="previewEmailContainer"> <p>Please review this e-mail you are about to send your friend. To edit the content, click the "Modify" button. The "Send" button will send the information exactly as you see it below.</p> <div class="emailToSubject"> To:<br /> Subject: </div> <div class="emailToSubjectInfo"> <span class="emailRecipient"></span><br /> <span class="emailSubject">See My Lexus</span> </div> <div class="clearBoth"><!-- --></div> <div class="emailReviewContainer"> <style type="text/css"> .emailReviewContent { background: #ffffff; margin: 0; padding: 2px 0; font-family: verdana, helvetica, arial; color: #333333; font-size: 13px; } .emailReviewContent table { color: #464646; font-size: 12px; margin: 0 23px; } .emailReviewContent td { padding: 10px 0; } .emailReviewContent td.field { font-weight: bold; width: 150px; } .emailReviewContent ul { margin: 0 23px; } .emailReviewContent .disclaimers { font-size: 10px; color: #999999; margin: 10px 23px; } .standardFeaturesSection { margin:10px 23px; } .sfHeader { font-weight: bold; text-transform: uppercase; } .standardFeatureSectionTitle { font-weight: bold; text-transform: uppercase; margin-top: 10px; } .standardFeatureRow { font-size: 10px; border-bottom: 1px #999999 dotted; margin: 5px 0; padding: 2px 0; } .standardFeatureName { width: 50%; float: left; } .standardFeatureValue { width: 50%; float: right; text-align: right; } </style> <table border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="53514f"><td><div style="height: 46px; background: url('http://#{imgdomain}/lexus-share/configurator/images/emailAFriendLexusLogo.jpg') 19px 0 no-repeat #53514f;"><!-- --></div></td></tr> <tr bgcolor="FFFFFF" style="padding: 2px 0;"><td><div class="emailReviewContent"> <p>This e-mail contains information on a vehicle your friend recently configured on the Lexus Web site. We've also included interior and exterior photos. Please take a look and be sure to let your friend know what you think.</p> <table> <tr> <td class="field">From:</span></td> <td><span class="emailSendUserName"></span> <span class="emailSendUserEmail"></span></td> </tr> <span class="customMessage"></span> <tr> <td class="field">Model:</span></td> <td>#{modelTrim}</td> </tr> <tr> <td class="field">Year:</span></td> <td>#{modelYear}</td> </tr> <tr> <td class="field">Exterior Color:</span></td> <td>#{exteriorColor}</td> </tr> <tr> <td colspan="2"><img src="http://#{imgdomain}#{exteriorImage}" class="emailExteriorColorImage" /></td> </tr> <tr> <td class="field">Interior Color:</span></td> <td>#{interiorColor}</td> </tr> <tr> <td colspan="2"><img src="http://#{imgdomain}#{interiorImage}" class="emailInteriorColorImage" /></td> </tr> <tr> <td class="field">Base MSRP*:</span></td> <td>$#{baseMsrp}</td> </tr> <tr> <td class="field">Available Package</span></td> <td>$#{availablePackagePrice}</td> </tr> <tr> <td colspan="2"> <ul> <li>#{availablePackageName}</li> </ul> </td> </tr> <tr> <td class="field">Accessory Options:</span></td> </tr> #{accessoryOptionList_array} <tr> <td class="field">Delivery, Processing, & Handling Fee:</span></td> <td>$#{fees}</td> </tr> <tr> <td class="field">Total MSRP**:</span></td> <td>$#{totalMsrp}</td> </tr> </table> <div class="standardFeaturesSection"> <span class="sfHeader">STANDARD FEATURES</span> #{standardFeatureSection_array} </div> <div class="disclaimers"></div> </div> </td></tr></table> </div> <div class="bottomNavigation"> <a href="javascript:" class="leftBtn"><img class="backBtn" src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="javascript:" class="rightBtn"><img class="sendBtn" src="/lexus-share/configurator/images/spacer.gif" /></a> <div class="clearBoth"></div> </div> </div> <div class="emailSuccessContainer"> <p>Thank you. Your information has been sent to <span class="emailRecipientAddress"></span>.</p> <span class="dartTagContent"></span> <div class="bottomNavigation"> <a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="closeBtnText" /></a> <div class="clearBoth"></div> </div> </div> </div> </div> <tr> <td> <ul> <li>#{accessoryOptionName}</li> </ul> </td> <td>$#{accessoryOptionPrice}</td> </tr> <div class="standardFeatureSection"> <div class="standardFeatureSectionTitle">#{standardFeatureSectionTitle}</div> #{standardFeatureRow_array} </div> <div class="standardFeatureRow"> <div class="standardFeatureName">#{standardFeatureName}</div> <div class="standardFeatureValue">#{standardFeatureValue}</div> <div class="clearBoth"><!-- --></div> </div>

<div class="groupsView mainContent"> <div class="allModelsContainer"> <h1 class="clusterHeader"><span class="Reg_header Nobel_reg">Build Your Lexus</span> <span class="subHeader Nobel_reg">Select a vehicle to configure</span></h1> #{overlays_array} <!-- see /resource/model-cluster/guide.html for instructions on updating this file --> <div class="modelClusterWrapper"> <img src="/lexus-share/images/shim.gif" width="1000" height="511" class="click_map"/> <span class="map_wrapper"><!-- Map is inserted via JS to allow for unique name for each map on DOM --></span> <div class="sedanHeader groupHeader Nobel_reg"><img src="/lexus-share/images/shim.gif" alt="SEDANS"/><span>SEDANS</span></div> <div class="utilityHeader groupHeader Nobel_reg"><img src="/lexus-share/images/shim.gif" alt="LUXURY UTILITY"/><span>LUXURY UTILITY</span></div> <div class="convertibleHeader groupHeader Nobel_reg"><img src="/lexus-share/images/shim.gif" alt="CONVERTIBLE"/><span>CONVERTIBLE</span></div> <div class="hybridHeader groupHeader Nobel_reg"><img src="/lexus-share/images/shim.gif" alt="HYBRIDS"/><span>HYBRIDS</span></div> <div class="fperfHeader groupHeader Nobel_reg"><img src="/lexus-share/images/shim.gif" alt="F PERFORMANCE"/><span>F PERFORMANCE</span></div> <div class="cluster ls_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster is_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster es_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster gs_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster gx_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster rx_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster lx_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster isc_image"><img src="/lexus-share/images/shim.gif"/></div> <!-- <div class="cluster sc_image"><img src="/lexus-share/images/shim.gif"/></div> --> <div class="cluster gsh_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster hs_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster lsh_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster rxh_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster isf_image"><img src="/lexus-share/images/shim.gif"/></div> <div class="cluster lfa_image"><img src="/lexus-share/images/shim.gif"/></div> <!-- <div class="bottomDisclaimer Nobel_reg"> <span class="groupsDisc whiteFont">Vehicle(s) shown my feature optional equipment.</span> </div> --> </div> </div> <div class="disclaimers"></div> <div class="landingDetailsOverlay #{groupId}_overlay" style="display:none" selectionValue="#{groupSelection}"> <div class="landingDetailsOverlayModelYear"><span class="Reg_header Nobel_reg">#{modelName} <span class="whiteFont">#{modelYear}</span></span></div> <div class="landingDetailsOverlayList"> <ul> #{listItem_array} </ul> </div> <a href="javascript:void(0);" class="#{groupId}BuildBtn buildBtnLink"><img src="/lexus-share/configurator/images/spacer.gif" class="buildButton" /></a> </div> <li><span>#{overlayListItem}</span></li>

<!-- Begin of All Vehicles Container --> <div id="allVehiclesContainer"> <div class="ibsBlurb"> <div class="Nobel_reg title">New Vehicle Inventory</div> <div class="Nobel_reg title #{blurbMessageHidden}"> | </div> <div class="message #{blurbMessageHidden}">Select a vehicle below to search for inventory at your local dealer.</div> <div class="message dealer #{blurbDealerEspMessageHidden}">To help with your shopping experience, you can refine your search, sort and compare the new vehicle inventory listing. You can also schedule a Test Drive, select Shopping tools to help in planning your lease/purchase or have us contact you regarding your Purchase Inquiry.</div> <div class="message dealer #{blurbDealerMessageHidden}">To help with your shopping experience, you can refine your search, sort and compare the new vehicle inventory listing. You can also schedule a Test Drive.</div> </div> <!-- Begin Row 1 --> <div id="allVehiclesRow1" class="allVehiclesRow"> <div class="allVehiclesHeader"> <img id="allVehiclesSedanHeader" src="/models/allVehicles/images/allVehicles_sedans.gif" width="86" height="20" border="0" alt="SEDANS" /> <img id="allVehiclesConvertiblesHeader" src="/models/allVehicles/images/allVehicles_convertibles.gif" width="117" height="20" border="0" alt="CONVERTIBLES" /> </div> <div class="allVehiclesVehicleContainer"> <!-- Begin Sedans Container --> <div id="allVehiclesSedansContainer"> <!-- Begin IS --> <div id="allVehiclesIS" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesISImg" class="allVehiclesVehicleImg"> <a id="allVehiclesISImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="IS" /> </a> </div> <div id="allVehiclesISTitle" class="allVehiclesVehicleTitle"><span>IS</span></div> <div id="allVehiclesISPrice" class="allVehiclesPrice">#{MSRP_IS} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnIS"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesISIbsLinks" class="allVehiclesIbsLinks"> #{trims_IS} </div> </div> </div> <!-- End IS --> <!-- Begin ES --> <div id="allVehiclesES" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesESImg" class="allVehiclesVehicleImg"> <a id="allVehiclesESImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="ES" /> </a> </div> <div id="allVehiclesESTitle" class="allVehiclesVehicleTitle"><span>ES</span></div> <div id="allVehiclesESPrice" class="allVehiclesPrice"> #{MSRP_ES} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnES"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesESIbsLinks" class="allVehiclesIbsLinks"> #{trims_ES} </div> </div> </div> <!-- End ES --> <!-- Begin GS --> <div id="allVehiclesGS" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesGSImg" class="allVehiclesVehicleImg"> <a id="allVehiclesGSImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="GS" /> </a> </div> <div id="allVehiclesGSTitle" class="allVehiclesVehicleTitle"><span>GS</span></div> <div id="allVehiclesGSPrice" class="allVehiclesPrice"> #{MSRP_GS} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnGS"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesGSIbsLinks" class="allVehiclesIbsLinks"> #{trims_GS} </div> </div> </div> <!-- End GS --> <!-- Begin LS --> <div id="allVehiclesLS" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesLSImg" class="allVehiclesVehicleImg"> <a id="allVehiclesLSImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="LS" /> </a> </div> <div id="allVehiclesLSTitle" class="allVehiclesVehicleTitle"><span>LS</span></div> <div id="allVehiclesLSPrice" class="allVehiclesPrice"> #{MSRP_LS} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnLS"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesLSIbsLinks" class="allVehiclesIbsLinks"> #{trims_LS} </div> </div> </div> <!-- End LS --> </div> <!-- End of Sedans Container --> <!-- Begin Convertibles Container --> <div id="allVehiclesConvertiblesContainer"> <!-- Begin ISC --> <div id="allVehiclesISC" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesISCImg" class="allVehiclesVehicleImg"> <a id="allVehiclesISCImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="ISC" /> </a> </div> <div id="allVehiclesISCTitle" class="allVehiclesVehicleTitle"><span>ISC</span></div> <div id="allVehiclesISCPrice" class="allVehiclesPrice"> #{MSRP_ISC} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnISC"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesISCIbsLinks" class="allVehiclesIbsLinks"> #{trims_ISC} </div> </div> </div> <!-- End ISC --> </div> <!-- End Convertibles Container --> </div> </div> <div class="allVehiclesShadow"><!-- --></div> <!-- End of Row 1 --> <!-- Begin Row 2 --> <div id="allVehiclesRow2" class="allVehiclesRow"> <div class="allVehiclesHeader"> <img id="allVehiclesSUVSHeader" src="/models/allVehicles/images/allVehicles_suvs.gif" width="86" height="20" border="0" alt="SUVS" /> <img id="allVehiclesPerformanceHeader" src="/models/allVehicles/images/allVehicles_performance.gif" width="106" height="20" border="0" alt="PERFORMANCE" /> </div> <div class="allVehiclesVehicleContainer"> <div id="allVehiclesSUVSContainer"> <!-- Begin RX --> <div id="allVehiclesRX" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesRXImg" class="allVehiclesVehicleImg"> <a id="allVehiclesRXImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="RX" /> </a> </div> <div id="allVehiclesRXTitle" class="allVehiclesVehicleTitle"><span>RX</span></div> <div id="allVehiclesRXPrice" class="allVehiclesPrice"> #{MSRP_RX} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnRX"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesRXIbsLinks" class="allVehiclesIbsLinks"> #{trims_RX} </div> </div> </div> <!-- End RX --> <!-- Begin GX --> <div id="allVehiclesGX" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesGXImg" class="allVehiclesVehicleImg"> <a id="allVehiclesGXImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="GX" /> </a> </div> <div id="allVehiclesGXTitle" class="allVehiclesVehicleTitle"><span>GX</span></div> <div id="allVehiclesGXPrice" class="allVehiclesPrice"> #{MSRP_GX} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnGX"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesGXIbsLinks" class="allVehiclesIbsLinks"> #{trims_GX} </div> </div> </div> <!-- End GX --> <!-- Begin LX --> <div id="allVehiclesLX" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesLXImg" class="allVehiclesVehicleImg"> <a id="allVehiclesLXImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="LX" /> </a> </div> <div id="allVehiclesLXTitle" class="allVehiclesVehicleTitle"><span>LX</span></div> <div id="allVehiclesLXPrice" class="allVehiclesPrice"> #{MSRP_LX} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnLX"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesLXIbsLinks" class="allVehiclesIbsLinks"> #{trims_LX} </div> </div> </div> <!-- End LX --> </div> <!-- End of SUVs Container --> <div id="allVehiclesPerformanceContainer"> <!-- Begin ISF --> <div id="allVehiclesISF" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesISFImg" class="allVehiclesVehicleImg"> <a id="allVehiclesISFImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="ISF" /> </a> </div> <div id="allVehiclesISFTitle" class="allVehiclesVehicleTitle"><span>ISF</span></div> <div id="allVehiclesISFPrice" class="allVehiclesPrice"> #{MSRP_ISF} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnISF"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesISFIbsLinks" class="allVehiclesIbsLinks"> #{trims_ISF} </div> </div> </div> <!-- End ISF --> </div> <!-- End of Performance Container --> </div> <!-- End Row 2 class allVehiclesVehicleContainer --> </div> <div class="allVehiclesShadow"><!-- --></div> <!-- End of Row 2 --> <!-- Begin Row 3 --> <div id="allVehiclesRow3" class="allVehiclesRow"> <div class="allVehiclesHeader"> <img id="allVehiclesHybridsHeader" src="/models/allVehicles/images/allVehicles_hybrids.gif" width="86" height="20" border="0" alt="HYBRIDS" /> </div> <div class="allVehiclesVehicleContainer"> <div id="allVehiclesHybridsContainer"> <!-- Begin CTh --> <div id="allVehiclesCTh" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesCThImg" class="allVehiclesVehicleImg"> <a id="allVehiclesCThImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="CTh" /> </a> </div> <div id="allVehiclesCThTitle" class="allVehiclesVehicleTitle"><span>CTh</span></div> <div id="allVehiclesCThPrice" class="allVehiclesPrice"> #{MSRP_CTh} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnCTh"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesCThIbsLinks" class="allVehiclesIbsLinks"> #{trims_CTh} </div> </div> </div> <!-- End CTh --> <!-- Begin HSh --> <div id="allVehiclesHSh" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesHShImg" class="allVehiclesVehicleImg"> <a id="allVehiclesHShImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="HSh" /> </a> </div> <div id="allVehiclesHShTitle" class="allVehiclesVehicleTitle"><span>HSh</span></div> <div id="allVehiclesHShPrice" class="allVehiclesPrice"> #{MSRP_HSh} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnHSh"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesHShIbsLinks" class="allVehiclesIbsLinks"> #{trims_HSh} </div> </div> </div> <!-- End HSh --> <!-- Begin RXh --> <div id="allVehiclesRXh" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesRXhImg" class="allVehiclesVehicleImg"> <a id="allVehiclesRXhImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="RXh" /> </a> </div> <div id="allVehiclesRXhTitle" class="allVehiclesVehicleTitle"><span>RXh</span></div> <div id="allVehiclesRXhPrice" class="allVehiclesPrice"> #{MSRP_RXh} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnRXh"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesRXhIbsLinks" class="allVehiclesIbsLinks"> #{trims_RXh} </div> </div> </div> <!-- End RXh --> <!-- Begin GSh --> <div id="allVehiclesGSh" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesGShImg" class="allVehiclesVehicleImg"> <a id="allVehiclesGShImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="GSh" /> </a> </div> <div id="allVehiclesGShTitle" class="allVehiclesVehicleTitle"><span>GSh</span></div> <div id="allVehiclesGShPrice" class="allVehiclesPrice"> #{MSRP_GSh} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnGSh"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesGShIbsLinks" class="allVehiclesIbsLinks"> #{trims_GSh} </div> </div> </div> <!-- End GSh --> <!-- Begin LSh --> <div id="allVehiclesLSh" class="allVehiclesVehicle" > <div class="allVehiclesVehicleInfo"> <div id="allVehiclesLShImg" class="allVehiclesVehicleImg"> <a id="allVehiclesLShImgLink" href="javascript: void(0);"> <img src="/lexus-share/images/spacer.gif" width="144" height="80" border="0" alt="LSh" /> </a> </div> <div id="allVehiclesLShTitle" class="allVehiclesVehicleTitle"><span>LSh</span></div> <div id="allVehiclesLShPrice" class="allVehiclesPrice"> #{MSRP_LSh} <span name="MSRPNODPHF" class="span_disclaim">[<a class="link_disclaim" href="#anchorDisclaimers_1">1</a>]</span> </div> <div class="allVehiclesButtons"> <a href="javascript: void(0);" class="findYourLexusBtnLSh"> <img src="/lexus-share/configurator/images/spacer.gif"> </a> </div> </div> <div class="allVehiclesVehicleIbsBG"> <div id="allVehiclesLShIbsLinks" class="allVehiclesIbsLinks"> #{trims_LSh} </div> </div> </div> <!-- End LSh --> </div> <!-- End of Hybrids Container --> </div> <!-- End Row 3 class allVehiclesVehicleContainer --> </div> <div class="allVehiclesShadow"><!-- --></div> <!-- End of Row 3 --> </div> <!-- End of All Vehicles Container --> #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} #{trimArray} #{mobileClose} <div class="mobileClose #{mobileHidden}"> <a href="javascript: void(0);">Close<img class="cancel" width="55" height="21" alt="Close" src="/lexus-share/configurator/images/spacer.gif" /></a> </div> <div class="allVehiclesBYLLinkContainer"> <input class="ibsModelId" type="hidden" name="modelId" value="#{modelId}"></input> <input class="ibsGroup" type="hidden" name="modelId" value="#{group}"></input> <a href="javascript: void(0);"> <span class="linkTitle"><img src="/models/allVehicles/images/allVehiclesLinkArrow.gif" width="8" height="9" border="0" alt="" />#{name}</span> </a> </div>

<div class="navContent"> <div class="navHeader"> <div class="Nobel_book navHeadContainer"><span class='navHead'>Build your</span></div> <span class="modelNavInfo">#{modelInfo_obj}</span> </div> <div class="bylTopNav"> <a href="javascript:" class="navLink styles" view_target="styles"><img src="/lexus-share/configurator/images/spacer.gif" class="navTab"/></a> <a href="javascript:" class="navLink colors" view_target="colors"><img src="/lexus-share/configurator/images/spacer.gif" class="navTab"/></a> <a href="javascript:" class="navLink packages" view_target="packages"><img src="/lexus-share/configurator/images/spacer.gif" class="navTab"/></a> <a href="javascript:" class="navLink accessories" view_target="accessories"><img src="/lexus-share/configurator/images/spacer.gif" class="navTab"/></a> <a href="javascript:" class="navLink summary" view_target="summary"><img src="/lexus-share/configurator/images/spacer.gif" class="navTab"/></a> </div> <div class="vehicleImageView"> <div class="galleryBtns"> <a href="javascript:" class="threeSixtyLink" style="#{initial360Display}"><img src="/lexus-share/configurator/images/spacer.gif" class="threeSixtyButton"/></a> <a href="javascript:" class="galleryLink"><img src="/lexus-share/configurator/images/spacer.gif" class="galleryButton"/></a> </div> <img src="#{largeStylesImage}" class="stylesVehicleImage"/> <img src="/lexus-share/configurator/images/spacer.gif" style="background-image: url('#{exteriorImage}');" class="exteriorViewImage" /> <img src="/lexus-share/configurator/images/spacer.gif" style="background-image: url('#{interiorImage}');" class="interiorViewImage" /> <img src="/lexus-share/configurator/images/spacer.gif" /> <!-- This fixes a layout issue in IE with the gallery buttons --> <div class="clearBoth"><!-- --></div> </div> </div> <div class="clearBoth"><!-- --></div> <div class="Nobel_reg"><span class='navHeadModel'>#{series}</span></div> <div class="Nobel_reg navTrimContainer"><span class='navHeadStyle'>#{trim}</span></div> <div class="Nobel_reg navYearContainer"><span class='navYear'>| #{year}   </span></div>

<div class="packagesTabView contentWrapper"> <div class="contentContainer"> <h1 class="sectionHeaderContainer Nobel_book"><span class="tabHead">Select Packages</span></h1> <div class="iconListBtns"> <a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="listButton on" /></a> <a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="iconButton" /></a> </div> <div class="clearBoth"><!-- --></div> <form name="packageForm"> <div class="packageViewContainer listView"> <div class="tableNavContainer"> <div class="tableNav"> <div class="prev end"><img src="/lexus-share/configurator/images/leftArrow.gif" class="leftArrow" /></div> <div class="next"><img src="/lexus-share/configurator/images/rightArrow.gif" class="rightArrow" /></div> <div class="packageCount">Showing 6 Packages of <span></span></div> </div> <span class="Nobel_book">Rollover the column(s) to compare packages.</span> </div> <div class="packageListCheckTable"> <table style="left: 1px;"> <tbody> <tr class="packageSelection"> <td class="column1" colspan="2"><!-- --></td> #{packageCheckRadioSelect_array} </tr> <tr class="packageHeader"> <td class="column1" colspan="2"><div>Choose Your Package</div></td> #{packagePrice_array} </tr> #{packageOptions_array} <tr class="packageHeader"> <td class="column1" colspan="2">Choose Your Package</div></td> #{packagePrice_array} </tr> <tr class="packageSelection bottom"> <td class="column1" colspan="2"></td> #{packageCheckRadioSelectBottom_array} </tr> #{nopackagerow_obj} </tbody> </table> </div> <div class="packageListNameTable"> <table> <tbody> <tr class="packageSelection"> <td class="column1" colspan="2"><input type="radio" class="radio package" /></td> #{packageRadioSelect_array} </tr> <tr class="packageHeader"> <td class="column1" colSpan="2">Choose Your Package</td> #{packagePrice_array} </tr> #{packageOptions_array} <tr class="packageHeader"> <td class="column1" colspan="2">Choose Your Package</td> #{packagePrice_array} </tr> <tr class="packageSelection bottom"> <td class="column1" colspan="2"></td> #{packageRadioSelectBottom_array} </tr> #{nopackagerow_obj} </tbody> </table> </div> <div class="clearBoth"><!-- --></div> <div class="packageOverlay off"> <div class="prev end"><img src="/lexus-share/configurator/images/overlayPrev.gif" width="49" height="51" /></div> <div class="next"><img src="/lexus-share/configurator/images/overlayNext.gif" width="49" height="51" /></div> <div class="pkgListContent"> <div class="pkgList" style="left: 0px;"> <div> #{packageList_array} <div class="clearBoth"><!-- --></div> </div> </div> </div> <div class="clearBoth"><!-- --></div> </div> </div> <div class="packageViewContainer iconView"> #{packageIconContainer_array} #{nopackageview_obj} </div> </form> <div class="bottomSectionNav"> <a href="javascript:" class="leftBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="backButton backColors" /></a> <a href="javascript:" class="rightBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="nextButton nextAccessories" /></a> <div class="clearBoth"><!-- --></div> </div> <div id="bottomContentCorners"><!-- --></div> </div> </div> <tr class="noPackageRow"> <td class="column1" colspan="7"> <input type="radio" class="radio noPackage" name="packageSelection1" value="No Package" #{nopack_checked} /> $0 No Package </td> </tr> <div class="noPackageContainer"> <div class="iconViewInput"><input type="radio" class="radio noPackage" value="noPackage" name="packageSelection3" #{nopack_checked} /> $0</div> <div class="iconDesc">No Package</div> <div class="clearBoth"><!-- --></div> </div> <td class="infoTooltip packageHeader packageCol#{packageNum}"><input type="radio" class="radio package" value="#{packageId}" name="packageSelection1" id="packageSelection1_#{packageId}" #{checked}/></td> <td class="infoTooltip packageHeader packageCol#{packageNum}" style="width: 56px;"><input type="radio" class="radio package" value="#{packageId}" name="packageSelection1_2" id="packageSelection1_2_#{packageId}" #{checked}/></td> <td>#{packagePrice}</td> <tr class="#{rowColor}"> <td class="column1"><img src="#{packageAccessoryImage}" class="pkg_#{packageAccessoryId} icon accessoryImage accessoryTooltip" /></td> <td class="column2"><span class="pkg_#{packageAccessoryId} packageAccessoryName accessoryTtClick">#{packageAccessoryName}</span></td> #{packageContainsAccessory_array} </tr> <td class="packageCol#{packageNum}">#{packageContainsAccessory}</td> <td class="packageCol#{packageNum}"><input type="radio" class="radio package" value="#{packageId}" name="packageSelection2" /></td> <td class="packageCol#{packageNum}"><input type="radio" class="radio package" value="#{packageId}" name="packageSelection2_2" /></td> <div class="packageContainer"> <div class="iconViewInput"><input type="radio" class="radio package" value="#{packageId}" name="packageSelection3" #{checked}/> #{packagePrice}</div> <div class="iconDesc"> #{packageDesc} <div class="iconImageList"> #{packagesAccessoryImageList_array} </div> <div class="clearBoth"><!-- --></div> </div> <div class="clearBoth"><!-- --></div> </div> <div class="packageItem packageCol#{packageNum}" id="ovrId#{packageId}" style="width: 110px; padding: 10px 15px;"> <div class="pkgPrice">#{packagePrice}</div> <div class="pkgOptions"> #{packageDesc} </div> <div class="pkgArrow"><img src="/lexus-share/configurator/images/overlayArrow.gif" /></div> <div class="pkgCode">Code: #{packageCode}</div> </div> <img src="/lexus-share/configurator/images/spacer.gif" class="pkg_#{packageAccessoryId} icon accessoryTooltip" style="background: url('#{packageAccessoryImage}');" />

<div class="sidebar"> <div class="pricingModelInfo"> <span class="modelInfo">#{modelInfo_obj}</span> <span class="pricingItems" #{style}> #{pricingData_array} </span> </div> <div class="zipLink"> Inventory based on zip: <span class="zipCode">#{zipCode}</span> (<a href="javascript:void(0);" class="zipCodeChange">change</a>) </div> <div class="sidebarNav"> <div class="defaultBtns"> <a href="javascript: void(0);" class="standardFeaturesBtn sidebarBtn"><img src="/lexus-share/configurator/images/spacer.gif"/></a> <a href="javascript: void(0);" class="locateADealerBtn sidebarBtn"><img src="/lexus-share/configurator/images/spacer.gif"/></a> <a href="javascript: void(0);" class="buildAnotherModelBtn sidebarBtn"><img src="/lexus-share/configurator/images/spacer.gif"/></a> </div> <div class="summaryBtns"> <a href="javascript: void(0);" class="buildAnotherModelLongBtn"><img src="/lexus-share/configurator/images/spacer.gif" /></a> </div> <div class="promoContainer">#{promo_obj}</div> <input type="hidden" value="#{dealerName}" name="dealerName" class="dealerNameSidebar" /> <input type="hidden" value="#{dealerCode}" name="dealerCode" class="dealerCodeSidebar" /> </div> </div> <span class="Nobel_book"> <span class="sidebarModelName">#{series}</span> <span class="sidebarModelSeriesName">#{trim}</span> <span class="sidebarModelYear"> | #{year}</span> </span> <div class="pricingData #{itemClass}"> <div class="sectionTitle">#{sectionTitle}</div> <div class="infoTooltip pricingTitle #{itemClass}"><span>#{item}</span></div> <div class="pricingAmount">#{cost}</div> <div class="clearBoth"><!-- --></div> </div> <a href="javascript: void(0);" class="promoLink"><img src="#{promoImage}" class="specialOfferButton"/></a>

<div class="spin360Overlay overlayContainer"> <div class="spinOverlayHeader"> <h2 class="Nobel_book"><span class="overlayHeader">#{modelName} | #{modelYear} 360° Spin</span></h2> <div class="closeOverlay"><a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="closeButton"/></a></div> <div class="centerDirections">Click and drag image to rotate</div><!-- Only on 360 Overlay --> <div class="clearBoth"></div> </div> <div class="overlayContent spinContent"> <div class="overlayFlashContainer">#{flashContent}</div> <div class="bottomMessage">Vehicle(s) shown may feature optional equipment</div> </div> </div>

<div class="standardFeaturesOverlay overlayContainer #{singleOrMulti}"><!-- emailConflictBg class used in Email A Friend and Conflict Overlays to set background color --> <div class="overlayHeader"> <div class="closeOverlay"><a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="closeButton"/></a></div> <a href="javascript:" class="printLink"><img src="/lexus-share/configurator/images/spacer.gif" class="printButton"/></a><!-- Only on Standard Features Modal Overlay & Compare Styles Modal Overlay --> <h2 class="Nobel_book"><span class="overlayHeader">#{standardFeaturesHeader}</span></h2> <div class="clearBoth"><!-- --></div> </div> <div class="overlayContent"><!-- spinContent class used in 360 Overlay to set background gradient --> <div class="overlayTable"> <div class="standardFeaturesOptions"> <div class="standardFeaturesTopMenu"> <div class="standardFeaturesTableLinks"> <div class="highlightCellContainer" style="display: #{visibility}"> <input type="checkbox" class="highlightCellCheckbox" id="highlightCellCheckbox" /> <label for="highlightCellCheckbox">Show only highlighted differences</label> </div> <div class="standardFeaturesLinkContainer"> <div class="goToHeader">Go to:</div> <div class="goToRightCol"> #{standardFeatureLinkRight_array} </div> <div class="goToLeftCol"> #{standardFeatureLinkLeft_array} </div> <div class="clearBoth"><!-- --></div> </div> </div> <div class="standardFeaturesDropDownContainer"> #{seriesOption_array} </div> </div> </div> <div class="clearBoth"><!-- --></div> <div class="compareStyles"> #{standardFeatureSection_array} <div class="disclaimers"></div> </div> </div> <div class="styleIcons"> <img src="/lexus-share/configurator/images/standardEquipmentIcon.gif" width="10" height="10" /> Standard Equipment <img src="/lexus-share/configurator/images/optionalEquipmentIcon.gif" width="10" height="10" /> Optional Equipment <img src="/lexus-share/configurator/images/includedIcon.gif" width="10" height="10" /> Included In Package <img src="/lexus-share/configurator/images/notIncludedIcon.gif" width="10" height="10" /> Not Available </div> </div> </div> <div class="standardFeatureLink"><a href="javascript:" onclick="$$('.compareStyles')[0].scrollTop=($$('a[name=#{featureGroupID}]')[0].offsetTop-((!document.all)?$$('.compareStyles')[0].offsetTop:0));">#{standardFeatureSection}</a></div> <div class="standardFeatureLink"><a href="javascript:" onclick="$$('.compareStyles')[0].scrollTop=($$('a[name=#{featureGroupID}]')[0].offsetTop-((!document.all)?$$('.compareStyles')[0].offsetTop:0));">#{standardFeatureSection}</a></div> <div class="seriesOptions s_option#{iterationIndex}"> <img src="#{vehicleSeriesImage}" class="standardFeaturesVehicleImage" width="127px" height="54px" /> <div class="buttonContainer"> <a href="javascript:" style="display:#{visibility}" class="buildstylelink"><img src="/lexus-share/configurator/images/spacer.gif" width="126px" height="23px" /> </a> </div> <select name="" class="seriesOptionsSelector"> <option value="">SELECT STYLE</option> #{seriesSelectOption_array} </select> </div> <option value="#{styleId}" #{selectedState}>#{seriesSelectOption}</option> <a name="#{featureGroupID}"></a> <table> <tr class="header"> <th class="first" colspan="5"><img class="toggleArrow" src="/lexus-share/configurator/images/spacer.gif" /> #{standardFeatureSection}</th> </tr> #{compareList_array} </table> <tr class="s_row_#{itemId}"> <td class="rowType">#{compareItemRow}</td> #{seriesInfoCells_array} </tr> <td class="featureValue s_value_#{featureID}_#{iterationIndex}">#{compareItemInfo}</td>

#{singleStyle} #{multiStyle} <div class="singleStyleTabView contentWrapper"> <div class="contentContainer"> <h1 class="sectionHeaderContainerNoFloat Nobel_book"><span class="stylesHead">Build Your #{modelYear} #{modelName}</span></h1> <div class="clearBoth"><!-- --></div> <div class="SingleStyleList"> <ul> #{listItem_array} </ul> <div> <a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="standardFeaturesBtn" /></a><!-- TODO: Add link that launches Standard Features Overlay --> </div> </div> <div class="singleStyleBottomSectionNav"> <a href="javascript:" class="rightBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="nextButton nextColors"/></a> #{alternateYearLinks_array} <div class="clearBoth"><!-- --></div> </div> <img src="#{singleStyleImage}" class="singleStyleImage"/> </div> </div> <li><span>#{featuresListItem}</span></li> <div class="multiStyleTabView contentWrapper"> <div class="contentContainer"> <div> <h1 class="sectionHeaderContainer Nobel_book"><span class="tabHead">Select a #{modelYear} #{modelName}</span></h1> <a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="compareStandardBtn" /></a> </div> <div class="stylesContainer"> #{modelStyle_array} </div> <div class="clearBoth"><!-- --></div> <div class="bottomSectionNav"> <div class="multiViewStylesLink"> #{alternateYearLinks_array} </div> <a href="javascript:" class="rightBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="nextButton nextColors"/></a> <div class="clearBoth"><!-- --></div> </div> </div> <div id="bottomContentCorners"><!-- --></div> </div> <div class="modelStyle" style="background-image: url('#{trimAnchorImage}');" styleId="#{trimID}"> <img src="#{vehicleImage}" class="styleImage" alt="#{displayName}" /> <input type="radio" class="styleInput radio" name="modelStyle" value ="#{trimID}" /> <div class="stylePrice">From <span class="trimPrice">#{price}</span></div> </div> #{alternateYearLink} <a href="javascript:" class="stylesLink" onclick="byl4.vehicle.year.is(#{alternateYear});"><img src="/lexus-share/configurator/images/spacer.gif" class="" />VIEW #{alternateYear} #{modelName} STYLES</a> <span class="Book_modelStyleDriveSingle"><span class="modelDriveName">#{suffix}</span></span> #{suffix}

<div class="summarySidebar"> <div class="summarySidebarContent"> <h2 class="Nobel_book">Next Steps</h2> <!--<p class="Nobel_book">Explore the various options available to help with your<br />shopping process.</p>--> <p class="Nobel_book">Please contact your local dealer to make a purchase inquiry</p> <div class="clearBoth"><!-- --></div> <div id="dealerList" class="dealerList shortList"> #{dealerInfo_array} <a href="javascript: void(0);" class="moreDealersLink"><img src="/lexus-share/configurator/images/listArrow.gif" /> View More Dealers</a> <a href="javascript: void(0);" class="lessDealersLink"><img src="/lexus-share/configurator/images/listArrow.gif" /> View Less Dealers</a> </div> <div class="clearBoth"><!-- --></div> <div class="nextSteps"> <a href="javascript: void(0);" class="rightBtn paymentEstimator"><img class="" src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="javascript: void(0);" class="rightBtn email"><img class="" src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="javascript: void(0);" class="rightBtn applyForCredit hidden"><img class="" src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="javascript: void(0);" class="rightBtn buildAnotherModelBtn"><img class="" src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="javascript: void(0);" class="rightBtn printSave"><img class="" src="/lexus-share/configurator/images/spacer.gif" /></a> </div> </div> </div> <div class="summaryTabView contentWrapper"> <div class="contentContainer"> <div class="summaryRightSection"> <h1 class="summaryHeaderNS Nobel_book"><span class="tabHead">Vehicle Summary</span></h1> <div class="clearBoth"><!-- --></div> <span class="modelInfo">#{modelInfo} </div> <table cellpadding="0" cellspacing="0" class="priceBreakdown"> #{pricingData_array} <!-- <tr class="baseMSRP"> <th>Base MSRP</th> <td>$33,315</td> </tr> <tr> <th>Row 1</th> <td>Price</td> </tr> <tr> <th>Row 1</th> <td>Price</td> </tr> <tr class="processingFee""> <th>Delivery, Processing & Handling Fee</th> <td>$875</td> </tr> <tr class="totalMSRP"> <th>Total MSRP</th> <td>$39,980</td> </tr> --> </table> #{subSection_array} <div class="clearBoth"><!-- --></div> <div class="bottomSectionNav"> <span class="dartTagContent"></span> <a href="javascript: void(0);" class="leftBtn"><img src="/lexus-share/configurator/images/spacer.gif" class="backButton backAccessories" /></a> <div class="clearBoth"><!-- --></div> </div> </div> <div id="bottomContentCorners"><!-- --></div> <div class="vehicleDisclaimers"> </div> <span class="currentExteriorColor hidden">#{exteriorColorName}</span> </div> <tr class="pricingData #{itemClass}"> <th class="infoTooltip pricingTitle #{itemClass}"><span>#{item}</span></th> <td class="pricingAmount">#{cost}</td> </tr> <div class="dealerInfo #{firstPageDealer}" style="display:#{display}"> <div class="dealerContent"> <input type="hidden" value="#{dealerName}" name="dealerName" class="dealerNameInput" /> <input type="hidden" value="#{dealerCode}" name="dealerCode" class="dealerCodeInput" /> <a href="#{dealerLink}" class="dealerName" target="#{dealerLinkTarget}">#{dealerName}</a> <div class="dealerText">#{dealerDistance} #{dealerPhone}</div> <div class="dealerButtons"> <a href="javascript: void(0);" class="dealerBtnInventoryPool #{hiddenVA}"><img src="/lexus-share/configurator/images/spacer.gif" /></a> <a href="#{dealerPurchaseUrl}" class="dealerBtn1" onclick="return byl4.manager.openDealerInqiry(this)"><img src="/lexus-share/configurator/images/spacer.gif" /></a> <!-- <a href="#{dealerDirections}" class="dealerBtn2 hidden" target="#{dealerLinkTarget}"><img src="/lexus-share/configurator/images/spacer.gif" /></a> --> <a href="javascript: void(0);" class="dealerBtnTestDrive #{hiddenTD}"><img src="/lexus-share/configurator/images/spacer.gif" /></a> </div> <div class="inventoryNote #{hiddenVA}">*Inventory may be within Dealer area; not on the lot.</div> <div class="clearBoth"><!-- --></div> </div> </div> <div class="summarySubSection"> <div class="summarySectionHeader Nobel_book"><span class="summarySection">#{summarySubSectionTitle}</span></div> #{summaryList} #{summaryToggleList_array} </div> <ul class="summaryListToggle toggleWrapper #{toggleListClassName}"> <li><span class="toggleSwitch closed">#{toggleListItem}</span> #{summaryToggleList} #{summaryPackageList} </li> </ul> <ul class="summaryList"> #{summaryListItem_array} </ul> <ul class="summaryList toggleItem packageList"> #{summaryListItem_array} </ul> <li>#{summaryListItem}</li> <ul class="summaryList toggleItem" style="display: none;"> #{summaryToggleListItem_array} </ul> <li class="sfList"> <div> <div class="sfName">#{summaryListName}<!-- --></div> <div class="sfValue">#{summaryListItem}<!-- --></div> <div class="clearBoth"><!-- --></div> </div> </li> <span class="Nobel_book"> <span class="">#{series} #{trim}</span> <span class="summaryModelYear"> | #{year}</span> </span>

<div class="zipCodeEntryOverlay overlayContainer" style="background-image: url('#{overlayImage}'); background-repeat: no-repeat;"> <div class="zipCodeOverlayClose #{CLOSE_HIDDEN}"> <div class="closeTextContent"><span class="closeTextOverlay Nobel_reg"><span class="closeText">Cancel</span></span></div> <a href="javascript:"><img src="/lexus-share/configurator/images/spacer.gif" class="closeButton"/></a></div> <div class="modelYear zipHeader Nobel_book"><span class="zipOverlayName">#{modelName}</span> <span class="zipOverlayYear">#{modelYear}</span></div> <div class="featureList"> <ul> #{listItem_array} </ul> </div> <div class="setHeight"></div> <div class="clearBoth"></div> <div class="zipCodeEntry"> <div class="zipCodeError">Please Enter A Valid Zip Code</div> <form name="zipCodeEntry" class="zipCodeFormOverlay" onsubmit="return false;"> <a href="javascript:" class="buildButton"><img src="/lexus-share/configurator/images/spacer.gif" class="buildButtonStyle" /></a> <span class="loadingMessage" style="display:none;">Loading...</span> <div class="zipCodeText Nobel_reg"><span class="zipDesc">Enter zip code to build your Lexus:</span></div> <input type="text" class="zipCodeInput" maxlength="5" /> <div class="clearBoth"><!-- --></div> </form> </div> <div class="zipCodeExplaination">Why do we need this?</div> <div class="tooltip textOverlay" style=""> <div class="textOverlayArrow"><!-- --></div> <div class="textOverlayDropShadow"> <div class="textOverlayContent"> <p>#{toolTipText}</p> </div> </div> <div class="textOverlayBottom"><!-- --></div> </div> <div class="disclaimers"> <span class="disc_number">*</span><span class="disc_text" disc_code="static">Lexus makes the best effort to ensure that vehicle availability information is accurate and up-to-date. However, exact configuration details cannot be guaranteed at all times, and vehicle availability may be subject to change prior to sale.<br /><br /> </span> <span class="generated"></span> </div> </div> <li>#{featuresListItem}</li>