/********************* Author:Sherwin Sena Aborot Date:8/26/2008 ********************** ********************** Table of Contents - A. Global - B. Header - C. Navigation - D. Body - E. Footer - F. Page Specific - G. Module Specific *********************/ /* ******************** A. GLOBAL ******************** */ HTML {height:100%;} BODY { font:normal normal normal 12px 'verdana'; margin:0px; height:100%; margin:0; padding:0; } H1,H2,H3,H4,H5,H6 { font:normal normal normal 18px 'verdana'; margin:0px; } #objContainer { margin:auto; position:relative; width:970px; } #leftPageShadow { display:none; } #rightPageShadow { display:none; } #bottomPageShadow { display:none; } #topPageShadow { display:none; } #leftPageShadow { height:100%; position:absolute; top:0px; left:0px; width:15px; } #rightPageShadow { height:100%; position:absolute; top:0px; right:0px; width:15px; } .clearBox { clear:both; font-size:0px; line-height:0px; } /* ******************** B. HEADER ******************** */ #objHeader { font-size:0; height:auto; position:relative; z-index:6;} #objHeader #branding { font:normal normal normal 18px 'verdana'; height:auto; position:absolute; top:0px; right:0px; z-index:6; } #companyLogo { border:0; position:relative; } #headerMessage { font:normal normal normal 18px 'verdana'; position:absolute; top:0px; right:0px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { border-bottom:1px solid #ffffff; height:22px; position:relative; z-index:5; } #objNavigation ul { float:left; list-style:none; margin:0px; padding:0px; width:100%; } #nav li { float:left; line-height:22px; position:relative; width:138px; } #nav a { text-decoration:none; } #nav .topMItem a { display:block; font:normal normal normal 12px 'NissanAG Bold','verdana'; height:22px; line-height:22px; padding-left:8px; text-align:left; } #nav .subMenuList { display:none; width:200px; } #nav .subMenuList li { line-height:20px; padding-top:1px; width:200px; } #nav .subMenuList li a { display:block; filter:alpha(opacity=80); font:normal normal normal 12px 'NissanAG Bold','verdana'; line-height:20px; padding-left:10px; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; } /* CrossBrowser Styles for multi-level dropdown */ /*all see this */ #nav ul { display:none; left:0px; position:absolute; top:22px; } #nav ul ul, #nav ul ul ul{ display:none; left:200px; position:absolute; top:0px; } /* non-IE browsers see this */ #nav ul li>ul, #nav ul ul li>ul{display:none; left:200px; 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; } #secondNavigation { float:left; margin-top:15px; width:234px; } #secondNavigation ul { margin:0px; padding:0px; list-style:none; } #secondNavigation ul li { width:234px; } #secondNavigation ul li a { display:block; font:normal normal bold 14px 'verdana'; line-height:37px; padding-left:23px; text-decoration:none; width:211px; } #secondNavigation ul li a:hover { } /* ******************** D. BODY ******************** */ #objBody { position:relative; z-index:2;} #objBody a { font:normal normal normal 11px 'verdana'; } #objBody .textContent { float:left; margin:10px auto 34px 0px; padding-left:56px; position:relative; width:587px; } #objBody #contentArea { padding-bottom:5px; } #objBody .textContent FORM { margin-top:0px; } #objBody .textContent.noPageText { margin:10px auto 34px 0px; padding-left:56px; width:850px; } #objBody .textContent .contentTitle { margin-bottom:5px; } #objBody .textContent.noPageText .contentTitle { margin-bottom:5px; } #objBody .l2PageTextItem.EF { width:258px; } #objBody .l2PageTextItem.EF { font-size:10px; } #objBody .l2PageTextItem.EF .emailFormInput { margin-left:10px; padding-top:20px; } #objBody .l2PageTextItem.EF input { width:50%; } #objBody .l2PageTextItem.EF .detailEmailFormText { padding-top:5px; } #objBody .l2PageTextItem.EF .emailFormSubmit { margin-right:30px; padding-bottom:10px; text-align:right; } #objBody #contentPageText { float:right; margin-top:16px; position:relative; width:280px; } #contentPageText .clsHeading { font:normal normal bold 16px 'verdana'; } #contentPageText .l2PageTextItem .clsHeading { position:relative; } #contentPageText .l2PageTextItem .topShadow { position:relative; } #contentPageText .l2PageTextItem .content { position:relative; } #contentPageText .l2PageTextItem .bottomShadow { clear:both; position:relative; } /* ******************** E. FOOTER ******************** */ #objFooter { clear:both; font:normal normal normal 11px 'verdana'; z-index:3;} #objFooter .footerText { height:30px; line-height:30px; margin-left:14px; } #objFooter .footerLinks { padding-left:10px; text-align:left; } #objFooter .footerLinks ul { list-style-type:none; margin: 0px; padding:10px 5px; } #objFooter .footerLinks li { display:inline; margin:0px 15px 0px 0px; } #objFooter .footerLinks a { font: normal normal bold 11px 'verdana'; } #objSEO { z-index:4;} #objSEO .extendedDescription { font:normal normal normal 11px 'verdana'; margin:0px 14px; padding:0px; } #objSEO .extendedDescription a { text-decoration:underline; } #objSEO .projectLinks { clear:both; font:normal normal bold 11px 'verdana'; margin:0px 14px; } #objSEO .projectLinks a { text-decoration:underline; } #objSEO .additionalFooterContent { font:normal normal normal 11px 'verdana'; margin:0px 10px; padding-bottom:14px; } /* ******************** F. PAGE SPECIFIC ******************** */ /* HOME PAGE */ #HomePage .quickQuote { font:normal normal normal 11px 'verdana'; float:left; padding:10px; width:180px; } #HomePage #quickSearchContainer { font:normal normal normal 11px 'verdana'; float:left; padding:0 10px; width:180px; } #HomePage #quickSearchContainer .quickSearch { width:160px; } #HomePage .quickSearch .rightPanelBox { padding:0 10px; } #HomePage .clsHeading { font:normal normal bold 16px 'verdana'; padding:0px 0px 0px 10px; } #HomePage .mainContent { float:left; position:relative; width:550px; } #HomePage .textContent { float:none; margin:0; padding:0px; position:relative; width:970px; } #HomePage #objBody .welcomeMessage { position:relative; } #HomePage #objBody .welcomeMessage .message { left:0px; position:absolute; top:0px; } #HomePage #quick-quote-container{ padding:10px; width:180px; } #HomePage #quick-quote-container input { font-size:10px; } #HomePage #quick-quote-container select{ font-size:10px; } #HomePage .quick-quote-label { font-size:11px; } #HomePage .quick-quote-first { float:left; width:80px; } #HomePage .quick-quote-last { float:left; width:80px; } #HomePage .quick-quote-first input { width:70px; } #HomePage .quick-quote-last input { width:70px; } #HomePage .quick-quote-phone { width:80px; margin-top:2px; float:left; } #HomePage .quick-quote-phone .quick-quote-phone { width:180px; } #HomePage .quick-quote-phone input { width:18px; padding:0px; } #HomePage .quick-quote-email { float:left; width:80px; } #HomePage .quick-quote-email input{ width:70px;} #HomePage .quick-quote-model { float:left; padding-top:0px; width:100px; } #HomePage .quick-quote-model #model{ margin-top:5px; width:100px; } #HomePage .quick-quote-model .quick-quote-label{ display:none; } #HomePage .quick-quote-button { float:left; text-align:right; width:50px; } #HomePage .quick-quote-button #submit-button{ margin-left:5px; margin-top:10px; width:auto; } #HomePage .quick-quote-button BUTTON, #HomePage .quick-quote-button IMG { cursor:pointer; margin-top:5px; padding-bottom:5px; } #HomePage #QuickSearchForm { margin:0px; padding:10px; width:180px; } #HomePage #searchType .typeNew { float:left; margin-top:7px; width:50px; } #HomePage #searchType .typeUsed { float:left; margin-top:7px; width:50px; } #HomePage #searchMake { clear:left; float:left; margin-top:15px; width:100%; } #HomePage #searchModel { clear:left; float:left; margin-top:5px; margin-bottom:10px; width:100px; } #HomePage #searchMake span { display:none; } #HomePage #searchModel span { display:none; } #HomePage #searchMake select { font-size:10px; width:100px !important; } #HomePage #searchModel select { font-size:10px; width:100px !important; } #HomePage #searchButton { clear:none; float:left; text-align:left; width:70px; } #HomePage #searchButton BUTTON, #HomePage #searchButton IMG { cursor:pointer; margin-left:5px; margin-top:5px; } #img-button-email-list { cursor:pointer; } #button-email-list { cursor:pointer; } #HomePage #quickBox { left:10px; position:absolute; width:99%; } /* LIST PAGES*/ /* OLD */ #listPage #calcContainer { clear:both; display:block; float:left; height:100%; position:relative; } #vehicleListContent { font:normal normal normal 12px 'verdana'; margin-top:15px; } #vehicleListContent form { clear:both; } #vehicleListContent #contentArea .contentTitle { padding:5px 5px 5px 0px; } #vehicleListContent #contentArea .contentText { padding:5px 5px 5px 0px; } #vehicleListContent .genericTable a { text-decoration:none; } #inv-listing { font:normal normal normal 12px 'verdana'; position:absolute; width:234px; } #inv-listing table.genericTable {width:100%;position:relative;text-align:center;} #inv-listing table.genericTable table { margin-left:auto;margin-right:auto; } #VehicleListPage #objBody .textContent.noPageText { padding-left:0px; width:950px; } /* 3VIEW */ #top-box { clear:both; margin-top:15px; } #vehicle-list-container { margin:auto; width:730px !important; } #carSelectionBox { height:auto !important; width:235px; } #VehicleListPage3views #objBody .textContent { padding:0px 0px 20px 0px; width:960px; } #VehicleListPage3views #listPage { margin-left:5px; } /* DETAIL PAGE */ #left_bar { font:normal normal normal 12px 'verdana'; } #left_bar .detailBg3 { text-align:left; } #calculator-estpayment { font-weight:bold !important; } .detailPageContent { font:normal normal normal 12px 'verdana'; } .detailBottomShadow { height:4px; font-size:0px; } .detailRightShadow { width:4px; font-size:0px; } .detailTabHeading { font:normal normal normal 12px "verdana"; text-decoration:none; } .detailTabLeftUnselected { width:10px; height:24px; background-repeat:no-repeat; } .detailTabMiddleUnselected { height:24px; background-repeat:repeat-x; } .detailTabRightUnselected { width:14px; height:24px; background-repeat:no-repeat; } .detailTabLeftSelected { width:10px; height:24px; background-repeat:no-repeat; } .detailTabMiddleSelected { height:24px; background-repeat:repeat-x; } .detailTabRightSelected { width:14px; height:24px; background-repeat:no-repeat; } /* MODEL SELECTOR */ #ModelSelectorPage td { font:normal normal normal 12px 'verdana'; } #ModelSelectorPage form { display:inline; } #ModelSelectorPage .bold { font-weight:600; } #ModelSelectorPage .padLeft10 { padding-left:10px; } #ModelSelectorPage .padLeft15 { padding-left:15px; } #ModelSelectorPage .padTop10 { padding-top:10px; } #ModelSelectorPage .padTop5 { padding-top:5px; } #ModelSelectorPage .padRight5 { padding-right:5px; } #ModelSelectorPage .padEnd5 { padding-top:5px; padding-bottom:5px; } #ModelSelectorPage .padEnd10 { padding-top:10px; padding-bottom:10px; } #ModelSelectorPage .padSide10 { padding-left:10px; padding-right:10px; } #ModelSelectorPage .pad5 { padding:5px; } #ModelSelectorPage .pad10 { padding:10px; } #ModelSelectorPage .pad20 { padding:20px; } #ModelSelectorPage .line20 { line-height:20px; } #ModelSelectorPage .vLineDrk { width:2px; height:1px; } #ModelSelectorPage .vLineMid { width:2px; height:1px; } #ModelSelectorPage .vLineLt { width:2px; height:1px; } #ModelSelectorPage .title { font-size:18px; font-weight:600; } #ModelSelectorPage .field { font-size:10px; line-height:15px; } #ModelSelectorPage .label { font-weight:600; padding-left:5px auto 5px 10px; } #ModelSelectorPage .sublabel { font-size:11px; font-weight:600; padding-left:5px auto 5px 10px; } #ModelSelectorPage .headRow { font-weight:600; padding:5px auto 5px auto; } #ModelSelectorPage .gryRow { padding:10px; } #ModelSelectorPage .whtRow { padding:10px; } #ModelSelectorPage .smlText { font-size:9px; } #ModelSelectorPage .selectText { padding:3px auto 3px 10px; } #ModelSelectorPage form table td.small table.genericTable { width:100px !important; } #ModelSelectorPage .selectorPageText .title { padding:5px; } #ModelSelectorPage .selectorPageText .text { padding:5px; } /* VEHICLE DETAIL PAGE QUICK QUOTE TAB */ #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 .quick-quote-button { float:left; padding:0px; padding-top :5px; width:355px; } /* VEHICLE CONFIGURATOR */ #VehicleConfiguratorPage #contentPageText { font-size:11px !important; margin-top:0; margin-left:10px; width:257px; } #VehicleConfiguratorPage #configurator.withPageText .configPageText .title { padding:5px; } #VehicleConfiguratorPage #configurator.withPageText .configPageText .text { padding:5px; } #VehicleConfiguratorPage #objBody .textContent { float:none; padding:0px 0px 75px 0px !important; width:100%; } #VehicleConfiguratorPage #config-page-text .configPageText { width:230px; } #VehicleConfiguratorPage #config-page-text { margin-right:0px; width:230px !important; } #VehicleConfiguratorPage #popup-container { top:0px !important; } #VehicleConfiguratorPage #trim-box #compare-link { text-decoration:none; } #VehicleConfiguratorPage #config-page-text #QuickSearchForm { margin:0px; padding:10px; width:230px; } #VehicleConfiguratorPage #config-page-text #searchType .typeNew { margin-top:5px; width:100%; } #VehicleConfiguratorPage #config-page-text #searchType .typeUsed { margin-top:15px; width:100%; } #VehicleConfiguratorPage #config-page-text #searchMake { margin-top:15px; width:100% !important; } #VehicleConfiguratorPage #config-page-text #searchMake select { width:160px !important; } #VehicleConfiguratorPage #config-page-text #searchModel { display:block; } #VehicleConfiguratorPage #config-page-text #searchModel select { width:160px !important; } #VehicleConfiguratorPage #config-page-text #searchButton { clear:both; text-align:right; width:160px; } #VehicleConfiguratorPage .quick-quote-model #model{ width:185px !important; } #VehicleConfiguratorPage #config-page-text #quick-quote-container { padding:10px; width:200px !important } #VehicleConfiguratorPage #config-page-text #quick-quote-container .quick-quote-button { float:left; width:90%; } /* VEHICLE COMPARATOR */ #car-compare-table-container { margin-right:0px !important; } #car-compare-table-container .preview-controls { font:normal normal normal 12px 'verdana'; text-align:center; position:relative; width:300px; } #car-compare-table-container .preview-controls .link1 { float:left; } #car-compare-table-container .preview-controls .link2 { } #car-compare-table-container .preview-controls .link3 { float:right; } #VehicleComparatorPage #config-page-text { margin-left:15px; margin-right:5px; width:230px; } #VehicleComparatorPage #objBody .textContent { padding-left:0px; position:relative; width:auto; } #VehicleComparatorPage #vehicle-list-container { width:100% !important; } /* SCHEDULE SERVICE */ #serviceAppointmentTd { width:400px; } /* VEHICLE_DETAIL PAGE */ #VehicleDetailPage #objBody .textContent { padding:0px 0px 20px 0px; width:970px; } #VehicleDetailPage #objBody .textContent #details-page { } #VehicleDetailPage #objBody #details-tab { width:730px; } #Auto2InventoryDetails #objBody .textContent { padding-left:5px; } /* AUTO 2 LIST PAGE */ #Auto2InventoryList #objBody .textContent { float:none; padding-left:0px; width:100%; } #Auto2InventoryList .content-title h1 { padding:0 0 10px 10px !important; } #Auto2InventoryList #objBody .content-text { padding:0 10px !important; } /* ******************** G. MODULE SPECIFIC ******************** */ /* QUICK QUOTE */ #quick-quote-container{ padding:10px; width:160px; } #quick-quote-container input, #quick-quote-container select{ font-size:10px; } .quick-quote-label { font-size:10px; } .quick-quote-first { float:left; width:80px; } .quick-quote-last { float:left; width:80px; } .quick-quote-first input, .quick-quote-last input { width:68px; } .quick-quote-phone { width:100%; margin-top:2px; float:left; } .quick-quote-phone .quick-quote-phone { width:125px; } .quick-quote-phone input { width:35px; padding:0px; } .quick-quote-zip { float:left; margin-top:5px; } .quick-quote-zip input { margin-top:5px; width:77px; } .quick-quote-email { float:left; margin-top:2px; width:100%; } .quick-quote-email input{ width:145px;} .quick-quote-model { float:left; padding-top:5px; width:85%; } .quick-quote-model #model{ margin-top:5px; width:150px; } .quick-quote-model .quick-quote-label{ display:none; } .quick-quote-button { float:left; text-align:right; width:150px; } .quick-quote-button #submit-button{ margin-top:15px; margin-bottom:10px; width:auto; } .surveyQuestions { float:left; overflow:visible; } .surveyQuestions select { overflow:visible; width:155px; } .surveyQuestions div { margin-top:10px; overflow:visible; } /* QUICK SEARCH */ #QuickSearchForm { margin:0px; padding:10px; width:200px; } #searchType .typeNew { margin-top:5px; width:100%; } #searchType .typeUsed { margin-top:15px; width:100%; } #searchMake { margin-top:15px; width:100%; } #searchModel { margin-top:5px; margin-bottom:10px; width:100%; } #searchMake select, #searchModel select { width:160px !important; } #searchButton { clear:both; text-align:right; width:160px; } /* EMAIL FORM */ #emailForm { bottom:22px; position:absolute; right:-10px; width:267px; z-index:3; } #emailForm .detailEmailFormText { line-height:12px; padding:0px 10px 10px 10px; } #emailForm .clsHeading { font:normal normal bold 14px 'verdana'; line-height:18px; padding:0 10px; } #emailForm .rightPanelBox { font:normal normal normal 11px 'verdana'; } #emailForm #customeremail { margin:0; width:140px; } #emailForm #button-email-list { margin:0px 0px 10px 0px; width:100px; } #endCalDiv { top:126px !important; left:310px !important; } #startanchor { margin:5px; } #contentPageText { width:200px; } #objBody .l2PageTextItem { font-size:12px; margin-bottom:5px; height:auto; } /** ONLY ON TEXT PAGES **/ /* QUICK QUOTE */ #objBody .l2PageTextItem #quickQuoteContainer { text-align:left; width:100%; } #objBody .l2PageTextItem #quickQuoteContainer .clsHeading { font-size:14px; font-weight:bold; padding:0 0 5px 10px; } #objBody .l2PageTextItem #quickQuoteForm { margin:0; padding:0 10px; } #objBody .l2PageTextItem #quickQuoteForm input { font-size:12px; float:left; height:13px; padding:0; } #objBody .l2PageTextItem #quickQuoteForm select { font-size:12px; } #objBody .l2PageTextItem #quickQuoteForm .quoteLabel { font-size:12px; } #objBody .l2PageTextItem #quickQuoteForm .quoteFirstName { float:left; width:50%; } #objBody .l2PageTextItem #quickQuoteForm .quoteLastName { float:left; width:50%; } #objBody .l2PageTextItem #quickQuoteForm .quoteFirstName input { width:90%; } #objBody .l2PageTextItem #quickQuoteForm .quoteLastName input { width:90%; } #objBody .l2PageTextItem #quickQuoteForm .quoteDayPhone { float:left; margin-top:2px; width:50%; } #objBody .l2PageTextItem #quickQuoteForm .quoteDayPhoneFields { width:100%; } #objBody .l2PageTextItem #quickQuoteForm .quoteDayPhoneFields input { margin-right:1px; width:25%; } #objBody .l2PageTextItem #quickQuoteForm .quoteDayPhoneFields input.field2 { margin-right:0; width:29%; } #objBody .l2PageTextItem #quickQuoteForm .quoteZip { float:left; margin-top:2px; width:50%; } #objBody .l2PageTextItem #quickQuoteForm .quoteZip input { width:90%; } #objBody .l2PageTextItem #quickQuoteForm .quoteEmail { float:left; margin-top:2px; width:100%; } #objBody .l2PageTextItem #quickQuoteForm .quoteEmail input{ width:95%;} #objBody .l2PageTextItem #quickQuoteForm .quoteModel { float:left; padding-top:5px; width:100%; } #objBody .l2PageTextItem #quickQuoteForm .quoteModel #model{ float:left; margin-top:5px; width:97%; } #objBody .l2PageTextItem #quickQuoteForm .quoteModel .quoteLabel { display:none; } #objBody .l2PageTextItem #quickQuoteForm .quoteButton { clear:both; padding-top:10px; text-align:right; width:97%; } #objBody .l2PageTextItem #quickQuoteForm .quoteButton input { height:auto !important; } /* QUICK SEARCH */ #objBody .l2PageTextItem #quickSearchContainer { text-align:left; width:100%; } #objBody .l2PageTextItem #quickSearchContainer .clsHeading { font-size:14px; font-weight:bold; padding:0 0 5px 10px; } #objBody .l2PageTextItem #quickSearchForm { font-size:12px; margin:0px; padding:0 10px; } #objBody .l2PageTextItem #quickSearchForm select { font-size:12px; padding:0; width:97%; } #objBody .l2PageTextItem #quickSearchForm #searchType { float:left; margin:5px 0; width:100%; } #objBody .l2PageTextItem #quickSearchForm #searchType .typeNew { float:left; width:40%; } #objBody .l2PageTextItem #quickSearchForm #searchType .typeUsed { float:left; width:40%; } #objBody .l2PageTextItem #quickSearchForm #searchMake { float:left; margin:5px 0; width:100%; } #objBody .l2PageTextItem #quickSearchForm #searchModel { float:left; width:100%; } #objBody .l2PageTextItem #quickSearchForm #searchButton { clear:both; padding-top:10px; text-align:right; width:97%; } #objBody .l2PageTextItem.EF { padding:0; } #objBody .l2PageTextItem.EF #emailForm { position:relative; right:auto; bottom:auto; width:258px; } /* ******************** H. FILTERS ******************** */ * HTML #objBody .l2PageTextItem #quickQuoteContainer .content { float:left; width:100%; } * HTML #objBody .l2PageTextItem #quickSearchContainer .content { float:left; width:100%; } * HTML #nav .subMenuList li { height:20px; } * HTML #nav .subMenuList li a { height:20px; }