/********************* Author:Sherwin Sena Aborot Date:7/22/2008 ********************** ********************** Table of Contents - A. Global - B. Header - C. Navigation - D. Body - E. Footer - F. Page Specific *********************/ /* ******************** A. GLOBAL ******************** */ HTML {height:100%;} BODY { height:100%; margin:0; padding:0; } H1,H2,H3,H4,H5,H6 { margin:0px; } .clearBox { clear:both; } /* ******************** B. HEADER ******************** */ #objHeader { font:normal normal normal 18px 'trebuchet ms'; height:145px; margin:auto; overflow:hidden; position:relative; width:1000px; z-index:1;} #companyNameImage { border:0; position:absolute; z-index:2; } #headerMessage { bottom:0px; position:absolute; right:15px; z-index:3; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { border-bottom:1px; height:39px; margin:auto; width:1000px; z-index:5; } #objNavigation ul { float:left; list-style:none; margin:0px; padding:0px; width:1000px; } #nav li { float:left; height:39px; line-height:39px; position:relative; width:125px; } #nav a { text-decoration:none; } #nav .topMItem a { display:block; font:normal normal bold 14px 'trebuchet ms'; height:39px; line-height:39px; text-align:center; } #nav .subMenuList { display:none; width:150px; } #nav .subMenuList li { height:20px; line-height:20px; width:150px; } #nav .subMenuList li a { display:block; font:normal normal bold 14px 'trebuchet ms'; height:20px; line-height:20px; padding-left:10px; } /********************* RECEIVED INSTRUCTION TO HIDE THE L2 NAVIGATION ON MAIN NAVIGATION, HID IT FOR NOW. ************************** /* CrossBrowser Styles for multi-level dropdown /*all see this #nav ul { display:none; left:0px; position:absolute; top:39px; } #nav ul ul, #nav ul ul ul{ display:none; left:150px; position:absolute; top:0px; } /* non-IE browsers see this #nav ul li>ul, #nav ul ul li>ul{display:none; left:150px; 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 'trebuchet ms'; line-height:37px; padding-left:23px; text-decoration:none; width:211px; } #secondNavigation ul li a:hover { } /* ******************** D. BODY ******************** */ #objBody { margin:auto; width:1000px; z-index:2;} #objBody a { font:normal normal normal 12px 'trebuchet ms'; } #objBody .contentStartDivider { height:31px; line-height:31px; } #objBody .textContent{ margin:auto; width:1000px; } #objBody .textContent .contentTitle { font:normal normal normal 18px 'trebuchet ms'; padding:5px 0px 5px 10px; } #objBody .textContent .contentTitle h1 { font-size:18px; } #objBody .textContent .contentText { font:normal normal normal 12px 'trebuchet ms'; line-height:18px; padding:5px 5px 5px 10px; } #objBody .smallTextContent { font:normal normal normal 12px 'trebuchet ms'; line-height:18px; } #objBody #contentArea { } #objBody #contentArea .contentTitle { font:normal normal normal 18px 'trebuchet ms'; padding:0px 0px 5px 10px; } #objBody #contentArea .contentTitle h1 { font-size:18px; } #objBody #contentArea .contentText { font:normal normal normal 12px 'trebuchet ms'; line-height:18px; padding:5px 5px 5px 10px; } #objBody #contentArea form { clear:both; padding:5px 5px 5px 10px; } #objBody #smallContentArea { float:right; margin-top:15px; width:756px; } #objBody #smallContentArea .contentTitle { font:normal normal normal 18px 'trebuchet ms'; padding:0px 0px 5px 10px; } #objBody #smallContentArea .contentTitle H1 { font-size:18px; } #objBody #smallContentArea .contentText { font:normal normal normal 12px 'trebuchet ms'; line-height:18px; padding:5px 5px 5px 10px; } #objBody #smallContentArea form { clear:both; padding:5px 5px 5px 10px; } #objBody .contentEndDivider { clear:both; height:15px; line-height:15px; } #promoMessage { width:234px; overflow:hidden; } /* ******************** E. FOOTER ******************** */ #objFooter { font:normal normal normal 12px 'times','trebuchet ms'; height:34px; line-height:34px; margin:auto; width:1000px; z-index:3;} #objFooter .footerText { margin-left:14px; } #objFooter .footerText a { text-decoration:none; } #objSEO { margin:auto; width:1000px; z-index:4;} #objSEO .extendedDescription { font:normal normal normal 11px 'trebuchet ms'; margin:10px 14px; } #objSEO .extendedDescription a { text-decoration:underline; } #objSEO .projectLinks { font:normal normal bold 11px 'trebuchet ms'; margin:0px 14px; } #objSEO .projectLinks a { text-decoration:none; } #objSEO .additionalFooterContent { font:normal normal normal 11px 'trebuchet ms'; margin:10px 14px; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objBody .textContent { } #HomePage #objBody .contentStartDivider { height:9px; line-height:9px; } #TextPageAlternate H1 { font:normal normal bold 20px 'trebuchet ms'; padding-left:10px; } #TextPageAlternate #objBody #smallContentArea { float:right; font:normal normal bold 12px 'trebuchet ms'; margin-top:0px; width:766px; } #TextPageAlternate #objBody #smallContentArea .contentText { padding:0px; } #TextPageAlternate #objBody .contentStartDivider { height:31px; line-height:31px; } #TextPageAlternate #secondNavigation { margin-top:0px; } #finance-calc-table { font:normal normal bold 12px 'trebuchet ms' } #VehicleListPage #objBody .smallTextContent { padding-right:5px; } #ModelSelectorPage #modelSelectorForm .selectorBg3 { width:234px; } #ScheduleServiceForm .smallContentArea form { overflow:auto; } #AlternativeExternalFrame #extFrame { margin:15px auto auto 10px; } /* LIST PAGES*/ /* OLD */ #listPage #calcContainer { clear:both; display:block; float:left; height:100%; position:relative; } #vehicleListContent { font:normal normal normal 12px 'trebuchet ms'; margin-top:15px; } #vehicleListContent form { clear:both; } #vehicleListContent table.dataTable { width:100%; } #vehicleListContent #contentArea .contentTitle { padding:5px 5px 5px 0px; } #vehicleListContent #contentArea .contentText { padding:5px 5px 5px 0px; } #inv-listing { font:normal normal normal 12px 'trebuchet ms'; 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; } /* 3VIEW */ #top-box { clear:both; margin-top:15px; } #vehicle-list-container { width:750px !important; } #carSelectionBox { height:auto !important; } /* DETAIL PAGE */ #left_bar { font:normal normal normal 12px 'trebuchet ms'; } #left_bar .detailBg3 { text-align:left; } #calculator-estpayment { font-weight:bold !important; } .detailPageContent { font:normal normal normal 12px 'trebuchet ms'; } .detailBottomShadow { height:4px; font-size:0px; } .detailRightShadow { width:4px; font-size:0px; } .detailTabHeading { font:normal normal normal 12px "trebuchet MS"; 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 'trebuchet ms'; } #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; } /* 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 */ #quote-form {width:470px !important;} #quote-form form {width:440px !important;} #popup-container { top:0px !important; } #trim-box #compare-link { text-decoration:none; } /* VEHICLE COMPARATOR */ #car-compare-table-container .preview-controls { font:normal normal normal 12px 'trebuchet ms'; 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; } #TextPage .l2PageTextItem.sqr-box { font-size:12px; padding-bottom:10px; height:auto; } #TextPage #contentPageText { float:left; width:200px; } .clearBox { font-size:0;line-height:0;clear:both; } #contentPageText { color:#000000; float:left; width:200px; } .l2PageTextItem { background-color:#ffffff; font-size:12px; margin-bottom:10px; height:auto; } .clearBox { font-size:0;line-height:0;clear:both; } /* QUICK QUOTE */ #quickQuoteContainer { text-align:left; width:100%; } #quickQuoteContainer .clsHeading { font-size:14px; font-weight:bold; padding:0 0 5px 10px; } #quickQuoteForm { margin:0; padding:0 10px; } #quickQuoteForm input { font-size:11px; float:left; height:13px; 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:100%; } #quickQuoteForm .quoteEmail input{ width:95%;} #quickQuoteForm .quoteModel { float:left; padding-top:5px; width:100%; } #quickQuoteForm .quoteModel #model{ float:left; margin-top:5px; width:97%; } #quickQuoteForm .quoteModel .quoteLabel { display:none; } #quickQuoteForm .quoteButton { clear:both; padding-top:10px; text-align:right; width:97%; } /* QUICK SEARCH */ #quickSearchContainer { text-align:left; width:100%; } #quickSearchContainer .clsHeading { font-size:14px; font-weight:bold; padding:0 0 5px 10px; } #quickSearchForm { font-size:11px; margin:0px; padding:0 10px; } #quickSearchForm select { font-size:11px; padding:0; width:97%; } #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:100%; } #quickSearchForm #searchModel { float:left; width:100%; } #quickSearchForm #searchButton { clear:both; padding-top:10px; text-align:right; width:97%; }