/********************* Author:Sherwin Sena Aborot Date:7/30/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 { height:100%; margin:0; padding:0; } H1,H2,H3,H4,H5,H6 { font:normal normal normal 18px verdana; margin:0px; } .clearBox { clear:both; } .seeThrough { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; } .seeThrough80 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85; } /* ******************** B. HEADER ******************** */ #objHeader { font:normal normal normal 18px verdana; height:0px; margin:2px auto auto auto; overflow:visible; position:relative; width:980px; z-index:6;} #objHeader #branding { height:114px; left:-10px; position:absolute; top:12px; width:237px; z-index:6; } #objHeader #phone { font:normal normal normal 12px verdana; height:24px; line-height:26px; position:absolute; overflow:hidden; top:-2px; right:-13px; width:225px; z-index:6; } #objHeader #phone .text { float:left; padding-left:14px; } #objHeader #phone .number { font:normal normal bold 14px verdana; padding-left:3px; padding-right:14px; } #companyLogo { border:0; float:left; } #headerMessage { display:inline; padding-right:10px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { border-bottom:1px; height:64px; margin:auto; position:relative; width:980px; z-index:5; } #objNavigation ul { float:right; list-style:none; margin:0px; padding:0px; width:auto; } #nav li { float:left; height:64px; line-height:64px; position:relative; } #nav a { text-decoration:none; } #nav .topMItem a { display:block; float:left; font:normal normal normal 14px verdana; height:64px; line-height:64px; margin-left:2px; padding:0 10px; text-align:center; } * HTML #nav .topMItem a { margin-left:1px; } #nav .subMenuList { display:none; width:200px; } #nav .subMenuList li { height:auto; line-height:20px; padding-top:1px; width:200px; } #nav .subMenuList li a { display:block; filter:alpha(opacity=80); font:normal normal normal 12px verdana; line-height:20px; padding-left:10px; opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; } * HTML #nav .subMenuList li { height:20px; } * HTML #nav .subMenuList li a { height:20px; } /* CrossBrowser Styles for multi-level dropdown */ /*all see this */ #nav ul { display:none; left:0px; position:absolute; top:64px; } #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 { margin:auto; width:980px; z-index:2;} #objBody a { font:normal normal normal 11px verdana; } #objBody .contentStartDivider { font-size:0px; height:1px; line-height:1px; } #objBody .textContent { float:left; margin:auto; padding:75px 0px 0px 40px; width:590px; } #objBody .textContent.noPageText { float:left; margin:auto; padding:75px 0px 10px 0px; width:980px; } #objBody .textContent .contentTitle { padding:5px 0px 5px 10px; } #objBody .textContent .contentTitle h1 { padding:0px 0px 5px 0px; } #objBody .textContent .contentText { padding:5px 5px 5px 10px; } #objBody .textContent { font:normal normal normal 11px verdana; line-height:14px; } #objBody .smallTextContent { font:normal normal normal 11px verdana; line-height:14px; } #objBody #contentArea { } #objBody #contentArea form { clear:both; padding:5px 5px 5px 10px; } #objBody #smallContentArea { float:right; margin-top:15px; width:756px; } #objBody #smallContentArea form { clear:both; padding:5px 5px 5px 10px; } #objBody #contentPageText { float:right; font:normal normal normal 11px verdana; margin-top:25px; margin-right:-25px; padding-left:20px; width:347px; } #objBody #contentPageText .L2PageText { margin-bottom:10px; width:300px; } #objBody #contentPageText .clsHeading { padding:5px 10px; } #objBody #contentPageText H1 { font:normal normal bold 16px verdana; padding-left:10px; } #objBody #contentPageText .L2PageText.book { padding-bottom:20px; position:relative; width:342px; } #objBody #contentPageText .L2PageText.book .title { height:33px; padding-left:10px; } #objBody #contentPageText .L2PageText.book .text { padding:5px 55px 8px 10px; margin:0px; } #objBody .contentEndDivider { clear:both; font-size:0px; height:22px; line-height:22px; } table.generic-form.form-table-parent { width:100%; } /* ******************** E. FOOTER ******************** */ #objFooter { font:normal normal normal 11px verdana; margin:auto; width:980px; z-index:3;} #objFooter .footerText { margin-left:14px; } #objFooter .footerLinks ul { list-style-type:none; margin: 0px; padding:10px 5px; } #objFooter .footerLinks li { display:inline; margin:0px 15px 0px 10px; } #objFooter .footerLinks a { font: normal normal bold 11px 'verrdana'; } #objSEO { margin:auto; width:980px; z-index:4;} #objSEO .extendedDescription { font:normal normal normal 11px verdana; margin:0px 14px; padding:10px 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; padding:10px 14px; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objBody .contentStartDivider { height:8px; line-height:8px; } #HomePage #objBody .welcome { font-size:0px; margin-bottom:4px; overflow:visible; position:relative; width:980px; } #HomePage #objBody .welcomeMessage { position:absolute; z-index:2; } #HomePage #objBody .mainImage { z-index:1; } #HomePage #objBody .textContent { padding:0px; width:980px; } #HomePage #objBody .textContent .L2PageText { width:258px; } #HomePage #objBody .textContent .clsHeading { font:normal normal normal 18px verdana; padding:5px 10px; } #HomePage #objBody .textContent .mainContent { font:normal normal normal 11px verdana; height:auto; line-height:14px; width:640px; } #HomePage #objBody .textContent .welcomeMessage2 { font:normal normal normal 11px verdana; height:139px; line-height:14px; margin-left:-20px; position:relative; width:660px; } #HomePage #objBody .textContent .welcomeMessage2 .text { margin-left:60px; } #HomePage #objBody .textContent .quickLinks { float:right; margin-top:12px; width:310px; } #HomePage #objBody .textContent .quickLinks .section1 { font:normal normal normal 11px verdana; margin:0px auto; width:290px; } #HomePage #objBody .textContent .quickLinks .section2 { margin:12px auto; width:258px; } #HomePage #objBody .textContent .quickLinks .section3 { margin:12px auto; width:258px; } #HomePage.Home2 #objBody .textContent .mainContent { float:right; width:690px; } #HomePage.Home2 #objBody .textContent .mainContent .text { margin-left:20px; } #HomePage.Home2 #objBody .textContent .welcomeMessage2 { float:right; margin-right:-20px; width:690px; } #HomePage.Home2 #objBody .textContent .welcomeMessage2 .text { margin-left:267px; } #HomePage.Home2 #objBody .textContent .quickLinks { float:left; } #TextPageAlternate H1 { font:normal normal bold 22px verdana; } #TextPageAlternate #objBody #smallContentArea { float:right; font:normal normal bold 12px verdana; margin-top:0px; width:756px; } #TextPageAlternate #objBody .contentStartDivider { height:9px; line-height:9px; } #TextPageAlternate #secondNavigation { margin-top:0px; } #finance-calc-table { font:normal normal bold 12px verdana } #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 */ #VehicleListPage #listPage { padding:10px; } #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; } /* 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:75px 0px 20px 0px; width:970px; } #VehicleListPage3views #listPage { margin-left:5px; } /* DETAIL PAGE */ #left_bar { font:normal normal normal 12px verdana; } #left_bar .detailBg3 { text-align:left; } .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 #configurator.withPageText .configPageText .title { padding:5px; } #VehicleConfiguratorPage #configurator.withPageText .configPageText .text { padding:5px; } #VehicleConfiguratorPage #objBody .textContent { padding:75px 0px 75px 5px; width:970px; } #VehicleConfiguratorPage #config-page-text { margin-right:-50px; width:300px; } #VehicleConfiguratorPage #config-page-text .configPageText { width:230px; } #VehicleConfiguratorPage #config-page-text #page-text-4 { padding-bottom:128px; position:relative; width:300px; } #VehicleConfiguratorPage #quote-form {overflow-x:scroll !important; width:470px !important;} #VehicleConfiguratorPage #quote-form form {width:410px !important;} #VehicleConfiguratorPage #popup-container { top:0px !important; } #VehicleConfiguratorPage #trim-box #compare-link { text-decoration:none; } /* 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; } /* SCHEDULE SERVICE */ #serviceAppointmentTd { width:400px; } /* VEHICLE_DETAIL PAGE */ #VehicleDetailPage #objBody .textContent { padding:75px 0px 20px 5px; width:970px; } #VehicleDetailPage #objBody .textContent #details-page { } #VehicleDetailPage #objBody #details-tab { width:730px; } /* SITEMAP */ #SiteMapPage .sitemapMenuLink { padding-left:10px; } /* AUTO 2 */ #Auto2InventoryList #objNavigation { width:980px; } #Auto2InventoryList #objBody { width:980px; } #Auto2InventoryList #objBody .textContent { padding:75px 0 0 0; width:980px; } #Auto2InventoryDetails .textContent { padding:75px 0 0 5px; width:970px; } /* ******************** G. MODULE SPECIFIC ******************** */ #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%; }