/********************* Jazel Inc. Date:1/2/2009 ********************** ********************** Table of Contents - A. Global - B. Header - C. Navigation - D. Body - E. Footer - F. Page Specific - G. Module Specific - H. Filters *********************/ /* ******************** A. GLOBAL ******************** */ BODY { margin:0px; padding:0; } H1,H2,H3,H4,H5,H6 { font:normal normal normal 18px 'trebuchet ms'; margin:0; } P { margin:0; } FORM { margin:0; } #objContainer { margin:auto; position:relative; width:990px; } .clearBox { clear:both; font-size:0px; line-height:0px; } .contentStartDivider { display:none; } .surveyQuestions { clear:both; } .printPage a { font-size:14px; } /* ******************** B. HEADER ******************** */ #objHeader { height:80px; position:relative; z-index:6;} #companyLogo { border:0; position:relative; margin:5px; } #objHeader #branding { height:auto; position:absolute; top:5px; right:5px; z-index:6; } #headerMessage { font:normal normal normal 14px 'trebuchet ms'; height:80px; position:absolute; top:0px; right:0px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { height:44px; position:relative; z-index:5; } #objNavigation ul { float:left; list-style:none; margin:0; padding:0px; } #nav li { float:left; height:44px; position:relative; width:123px; } #nav a { text-decoration:none; } #nav .topMItem { font-size:0; line-height:40px; height:40px; } #nav .topMItem a { display:block; font:normal normal normal 14px 'trebuchet ms'; height:44px; line-height:44px; text-align:center; } #nav .subMenuList { display:none; padding-bottom:5px; padding-top:4px; width:145px; } #nav .subMenuList li { min-height:20px; height:auto; width:145px; } #nav .subMenuList div { width:141px; } #nav .subMenuList li a { display:block; filter:alpha(opacity=90); font:normal normal normal 12px verdana; min-height:20px; line-height:20px; padding-left:15px; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; } /* CrossBrowser Styles for multi-level dropdown */ /*all see this */ #nav ul { display:none; left:0px; position:absolute; top:40px; } #nav ul ul, #nav ul ul ul{ display:none; left:140px; position:absolute; top:0px; } /* non-IE browsers see this */ #nav ul li>ul, #nav ul ul li>ul{display:none; left:140px; position:absolute; top:0px; } #nav li:hover ul , #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li:hover ul ul ul ul ul ul, #nav li.sfhover ul , #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul, #nav li.sfhover ul ul ul ul ul ul { display:none; } #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul, #nav ul ul ul ul ul li:hover ul, #nav li.sfhover ul, #nav ul li.sfhover ul, #nav ul ul li.sfhover ul, #nav ul ul ul li.sfhover ul, #nav ul ul ul ul li.sfhover ul, #nav ul ul ul ul ul li.sfhover ul { display:block; } /* ******************** D. BODY ******************** */ #objBody { margin-top:18px; padding-left:20px; position:relative; z-index:2;} #objBody .textContent { float:left; width:600px; } #objBody .textContent .genericTable form { font:normal normal normal 13px 'trebuchet ms'; } #objBody .textContent.noPageText { width:100%; } #objBody #contentArea .contentTitle H1 { font:normal normal normal 21px 'trebuchet ms'; } #objBody #contentArea .contentText { font:normal normal normal 13px 'trebuchet ms'; line-height:16px; padding-top:10px; padding-bottom:10px; } #objBody .textContent .contentText { font:normal normal normal 13px 'trebuchet ms'; line-height:16px; padding-top:10px; padding-bottom:10px; } #objBody .content-text { font:normal normal normal 13px 'trebuchet ms'; } #objBody #contentArea .contentText a { text-decoration:none; } #objBody #config-page-text { font:normal normal normal 12px 'trebuchet ms'; margin-right:0; width:257px; } #objBody #contentPageText { font:normal normal normal 12px 'trebuchet ms'; } #objBody #contentPageText { font:normal normal normal 12px 'trebuchet ms'; float:right; width:257px; } #objBody #contentPageText .l2PageTextItem .content, #objBody #config-page-text .configPageText .content { padding:0; } #objBody #top-box .content, #objBody #detailPageText1 .content { font:normal normal normal 12px 'trebuchet ms'; padding:0px 5px; } #objBody #contentPageText .bottomShadow, #objBody #config-page-text .bottomShadow { clear:both; display:block !important; font-size:0px; height:8px; } #objBody #contentPageText .topShadow, #objBody #config-page-text .topShadow, #objBody #detailPageText1 .topShadow, #objBody #detailPageText1 .bottomShadow, #objBody #top-box .topShadow, #objBody #top-box .bottomShadow { clear:both; display:block !important; font-size:0px; height:8px; } #objBody .pageText form { font:normal normal normal 11px 'trebuchet ms'; } .pageText form { margin:0px; } .clsHeading { font:normal normal bold 16px arial; float:left; padding:0px 0 0 5px !important; } .rightPanelBox { font:normal normal normal 11px 'trebuchet ms'; float:left; padding-left:15px; } .rightPanelBox select { float:right; font:normal normal normal 11px 'trebuchet ms'; height:20px; width:100px !important; } .l2PageTextItem, .configPageText, .comparatorPageText { margin-bottom:10px; } .generic-form { font: normal normal normal 12px 'trebuchet ms'; } /* ******************** E. FOOTER ******************** */ #objFooter { height:52px; margin-top:18px; position:relative; z-index:3; } #objFooter .footerText { font:normal normal normal 14px 'trebuchet ms'; height:52px; line-height:48px; padding-left:14px; } #objFooter .footerText a { text-decoration: underline; } #objFooter .rightSideShadow { font-size:0px; height:52px; position:absolute; right:0px; top:0px; width:5px; } #objSEO { z-index:4;} #objSEO .extendedDescription { font:normal normal normal 12px 'trebuchet ms'; padding:10px 0 0 10px; } #objSEO .extendedDescription a { text-decoration:underline; } #objSEO #projectLinksTable td { width:145px; } #objSEO .projectLinks { font:normal normal normal 12px 'trebuchet ms'; margin-top:20px; padding-left:10px; } #objSEO .projectLinks a { text-decoration:underline; } #objSEO .additionalFooterContent { font:normal normal normal 10px 'trebuchet ms'; padding:16px 0 14px 10px; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objBody { margin-top:0; padding:0; } #HomePage .welcomeMessage { font-size:0px; margin-top:15px; width:990px; } #HomePage .welcomeMessage .message { font:normal normal normal 12px 'trebuchet ms'; left:0; position:absolute; top: 0; } #HomePage .welcomeMessage .message a { text-decoration:underline; } #HomePage .welcomeMessage .bottomShadow { height:5px; } #HomePage .middleTextBox { font:normal normal normal 12px 'trebuchet ms'; margin:10px 0; } #HomePage .middleTextBox a { text-decoration: underline; } #HomePage .welcomeMessage2 { font:normal normal normal 12px 'trebuchet ms'; margin:10px 0; } #HomePage .welcomeMessage2 a { text-decoration: underline; } #HomePage .textContent { float:none; font-size:0px; width:100%; } #HomePage .textContent a { text-decoration:underline; } #HomePage .textContent .mainContent { float:left; font:normal normal normal 12px 'trebuchet ms'; position:relative; width:710px; } #HomePage .textContent .mainContent.fullWidth { width:100%; } #HomePage .textContent .pageText { font:normal normal normal 12px 'trebuchet ms'; float:right; width:257px; } #HomePage .textContent .pageTextItem { margin-bottom:10px; } #HomePage .textContent .pageTextItem .content { padding:5px 0 0 5px; } #HomePage .textContent .bottomShadow { clear:both; font-size:0px; height:8px; } #HomePage .textContent .topShadow { clear:both; font-size:0px; height:8px; } #HomePage .quick-quote-button { float:left; width:60px !important; } #HomePage .quick-quote-button input { float:left; } #HomePage .quick-quote-button img { cursor:pointer; margin: 12px 0 0 0px; position:relative; } #HomePage #newsContentArea { left:0; bottom:0; position:absolute; width:390px; } #VehicleConfiguratorPage #objBody { padding:0px; position:static; } #VehicleConfiguratorPage #objBody .textContent { width:100%; } #VehicleConfiguratorPage #objBody #config-page-text { float:right; width:257px; } #VehicleConfiguratorPage #objBody #config-page-text .configPageText{ float:left; width:257px; } #VehicleConfiguratorPage #tabs-config { z-index:1; } #VehicleComparatorPage #objBody { padding-left:0px; } #VehicleComparatorPage #objBody #config-page-text { margin-right:0px; width:255px; overflow:hidden; } #VehicleComparatorPage #objBody #config-page-text .configPageText { float:left; width:257px; } #VehicleComparatorPage #objBody #config-page-text .comparatorPageText { float:left; margin-bottom:10px; width:257px; } #VehicleComparatorPage #objBody #config-page-text .clsHeading { width:237px; } #VehicleComparatorPage #objBody #config-page-text .rightPanelBox { width:240px; } #VehicleComparatorPage #objBody #config-page-text .content { padding:10px; } /* LIST PAGE */ #VehicleListPage #inv-listing { padding-left:10px; } #VehicleListPage #objBody { padding-left:0; } #VehicleListPage #objBody .textContent.noPageText { float:none; position:relative; } #VehicleListPage #objBody #vehicleListContent select { font:normal normal normal 11px 'trebuchet ms'; } #VehicleListPage #objBody #vehicleListContent input { font:normal normal normal 11px 'trebuchet ms'; } #listPage { font:normal normal normal 12px 'trebuchet ms'; position:relative; } #listPage tr { height:0 !important; } #top-box { clear:both; margin-top:15px; } #vehicleListContent { position:relative; } #vehicle-list-container { margin:auto; width:710px !important; } #carSelectionBox { height:auto !important; width:235px; } #VehicleListPage3views #inv-listing { width:252px; } #VehicleListPage3views #top-box { width:257px; } #VehicleListPage3views #objBody { padding-left:0; width:980px; } #VehicleListPage3views #objBody .textContent { padding:0px 0px 20px 0px; } #VehicleListPage3views #listPage { margin-left:5px; position:relative; } /* NEW VEHICLE DETAIL PAGE */ #VehicleDetailPage #objBody { padding-left:0; } #VehicleDetailPage #objBody #detailPageText1 { width:257px; } #details-calculator { width:248px !important; } #calculator-estpayment { font-weight:bold !important; } #details-calculator h2 { font-family:'trebuchet ms' !important; } #details-calculator .disclaimer { font-family:'trebuchet ms' !important; } #details-calculator td { font: normal normal normal 13px 'trebuchet ms' !important; } #quote-tab form { position:relative; } #detail-quote-container .detail-quote-first { float:left; width:200px; } #detail-quote-container .detail-quote-last { float:left; width:200px; } #detail-quote-phone { clear:left; float:left; width:200px; } #detail-quote-container .detail-quote-phone INPUT{ width:30px; } #detail-quote-container .detail-quote-email { float:left; width:200px; } #detail-quote-container .detail-quote-comments { float:left; width:350px; } #customercomments { float:left; width:350px; } #detail-quote-container { float:left; position:auto; } #detail-quote-container .quick-quote-button { float:left; padding:0px; padding-top :5px; width:355px; } #VehicleDetailPage #detail-quote-container .quick-quote-button { width:auto !important; } #detail-quote-container .quick-quote-button input { float:left; } #ScheduleServiceForm #serviceAppointmentTd { width:400px; } #SiteMapPage a { font:normal normal normal 12px 'trebuchet ms';text-decoration:underline; } #SiteMapPage { font:normal normal normal 13px 'trebuchet ms'; } #FinanceCalculatorPage #finanance-calc-form { font:normal normal normal 13px 'trebuchet ms'; } /* OLD DETAIL PAGE */ #VehicleDetailQuickQuoteFormTabs #objBody { padding-left:0; } #VehicleDetailFeaturesPageTabs #objBody { padding-left:0; } #VehicleDetailGalleryPageTabs #objBody { padding-left:0; } #VehicleDetailOfferFormTabs #objBody { padding-left:0; } .detailColorSet1 {background-color: #666666; color:#ffffff;} .detailColorSet2 {background-color: #999999;} .detailColorSet3 {background-color: #cccccc;} .detailColorSet4 {background-color: #646464;} #vehicle-gallery-content #detailPhotoDiv { float:none; margin-top:0px; width:320px; height:240px; } .tab-td { padding:0 !important; } .detailPreview td { color:#333333; font-size:12px; } .detailSectionHeader { font:normal normal bold 16px "trebuchet MS"; font-weight:600; } .detailSubSectionHeader { font-size:14px;font-weight:600; color:#CCCCCC; } .detailBg1 { font:normal normal normal 12px 'trebuchet MS'; } .detailBg2 { font:normal normal normal 12px 'trebuchet MS'; } .detailMessageText { font-size:11px; } .detailEmailFormText { font-size:11px; text-align:left; } .detailEmailFormLabel { font-size:10px; color:#FFFFFF; text-align:left; } .detailLink { text-decoration:none; color:#333333; } .detailTabHeading { font: normal normal normal 12px "trebuchet MS"; color: #333333; text-decoration: none; } .detailTabLeftUnselected { background-image:url(/images/000/tab_wht_lt.gif); width:10px; height:24px; background-repeat:no-repeat; border-bottom:1px solid #999999; } .detailTabMiddleUnselected { background-image:url(/images/000/tab_wht_mid.gif); height:24px; background-repeat:repeat-x; border-bottom:1px solid #999999; } .detailTabRightUnselected { background-image:url(/images/000/tab_wht_rt.gif); width: 14px; height:24px; background-repeat:no-repeat; border-bottom:1px solid #999999; } .detailTabLeftSelected { background-image:url(/images/000/tab_gry_lt.gif); width:10px; height:24px; background-repeat:no-repeat; } .detailTabMiddleSelected { background-image:url(/images/000/tab_gry_mid.gif); height:24px; background-repeat:repeat-x; } .detailTabRightSelected { background-image:url(/images/000/tab_gry_rt.gif); width:14px; height:24px; background-repeat:no-repeat; } .detailRightShadow { background-image:url(/images/000/shdw_rt.gif); width:5px; background-repeat:repeat-y; } .detailBottomShadow { background-image:url(/images/000/shdw_bot.gif); height:7px; background-repeat:repeat-x; } .detailBorder input { font: normal normal normal 11px "trebuchet MS"; } .detailBorder { border-left:1px solid #999999; } #FinanceCalculatorPage .bottomContent { font:normal normal normal 13px 'trebuchet ms'; margin-top:10px; } #EmailAutoInfoForm .genericTable td { font: normal normal normal 12px 'trebuchet ms'; } #QuickQuoteForm .genericTable td { font: normal normal normal 12px 'trebuchet ms'; } #TestDriveForm .genericTable td { font: normal normal normal 12px 'trebuchet ms'; } #AutoInfoRequestForm .genericTable td { font: normal normal normal 12px 'trebuchet ms'; } /* AUTO 2 LIST PAGE */ #Auto2InventoryList #objBody { padding-left:0; } #Auto2InventoryList #objBody .textContent { width:auto; float:none; } #Auto2InventoryList .content-title h1 { padding:0 0 10px 10px !important; } #Auto2InventoryList #objBody .content-text { padding:0 10px !important; } /* AUTO 2 DETAIL PAGE */ #Auto2InventoryDetails #objBody { padding-left:0; } #Auto2InventoryDetails #objBody .textContent { width:auto; float:none; } #FinancingRequestForm #objBody { position:static; } /* ******************** G. MODULE SPECIFIC ******************** */ /* QUICK SEARCH */ #quickSearchContainer { text-align:left; width:100%; } #quickSearchContainer .clsHeading { float:none; font-size:14px; font-weight:bold; padding:0 0 5px 10px !important; } #quickSearchForm { font-size:11px; margin:0px; padding:0 10px 0 0; } #quickSearchForm .rightPanelBox { float:none; padding:0; } #quickSearchForm select { font-size:11px; padding:0; } #quickSearchForm #searchType { float:left; margin:5px 0; width:100%; } #quickSearchForm #searchType .typeNew { float:left; width:40%; } #quickSearchForm #searchType .typeUsed { float:left; width:40%; } #quickSearchForm #searchMake { float:left; margin:5px 0; width:75%; } #quickSearchForm #searchMake select { float:right; } #quickSearchForm #searchMake span { float:left; } #quickSearchForm #searchModel { float:left; width:75%; } #quickSearchForm #searchModel select { float:right; } #quickSearchForm #searchModel span { float:left; } #quickSearchForm #searchButton { float:left; padding-bottom:3px; text-align:right; width:20%; } #quickSearchForm #searchButton img { cursor:pointer; float:none; margin: 4px 0 0 20px; } /* QUICK QUOTE */ #quickQuoteContainer { text-align:left; width:100%; } #quickQuoteContainer .clsHeading { float:none; font-size:14px; font-weight:bold; padding:0 0 5px 10px !important; } #quickQuoteForm { margin:0; padding:0 10px 0 0; } #quickQuoteForm .rightPanelBox { float:none; padding:0; } #quickQuoteForm input { font-size:11px; float:left; padding:0; } #quickQuoteForm select { font-size:11px; } #quickQuoteForm .quoteLabel { font-size:11px; } #quickQuoteForm .quoteFirstName { float:left; width:50%; } #quickQuoteForm .quoteLastName { float:left; width:50%; } #quickQuoteForm .quoteFirstName input { width:90%; } #quickQuoteForm .quoteLastName input { width:90%; } #quickQuoteForm .quoteDayPhone { float:left; margin-top:2px; width:50%; } #quickQuoteForm .quoteDayPhoneFields { width:100%; } #quickQuoteForm .quoteDayPhoneFields input { margin-right:1px; width:25%; } #quickQuoteForm .quoteDayPhoneFields input.field2 { margin-right:0; width:29%; } #quickQuoteForm .quoteZip { float:left; margin-top:2px; width:50%; } #quickQuoteForm .quoteZip input { width:90%; } #quickQuoteForm .quoteEmail { float:left; margin-top:2px; width:50%; } #quickQuoteForm .quoteEmail input{ width:90%;} #quickQuoteForm .quoteModel { float:left; padding-top:5px; width:73%; } #quickQuoteForm .quoteModel #model{ float:right; width:97%; } #quickQuoteForm .quoteModel .quoteLabel { float:left; width:auto; } #quickQuoteForm .quoteButton { float:left; padding-top:10px; text-align:right; width:25%; } #quickQuoteForm .quoteButton img { cursor:pointer; } /* Email Form */ #emailForm { position:relative !important; right:auto !important; bottom:auto !important; width:auto !important; } #emailForm .clsHeading { clear:both; font-size:14px; padding:5px 0 0 10px !important; } #emailForm form { font-size:11px !important; } #emailForm .detailEmailFormText { line-height:16px; padding:7px 0px; } #emailForm .emailFormInput { float:left; line-height:12px; } #emailForm .emailFormInput input { font:normal normal normal 11px 'trebuchet ms'; width:135px !important; } #emailForm .emailFormSubmit { float:left; padding-bottom:10px; width:90px; } #emailForm .emailFormSubmit img { cursor:pointer; float:right; margin:15px auto auto; } #HomePage #emailForm .emailFormSubmit { width:85px; } /* FOR L2 Pages */ #contentPageText form { margin:0px; } #contentPageText .bottomShadow { clear:both; font-size:0px; height:8px; } /* ****************** H.FILTERS ********************/ * HTML #objFooter{ margin-top:9px; } * HTML #nav .subMenuList li { height:20px; } * HTML #nav .subMenuList li a { height:20px; } * HTML #quickQuote { width:252px; }