/********************* 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 - H. FILTERS *********************/ /* ******************** A. GLOBAL ******************** */ BODY { background:#000000 none scroll repeat-x top left; } #objContainer { padding:0px 15px 0px 15px; width:970px; } #rightPageShadow { display:block; height:100%; position:absolute; top:0px; right:0px; width:15px; height:70px !important; } #leftPageShadow { display:block; height:100%; position:absolute; top:0px; left:0px; width:15px; height:70px !important; } #bottomPageShadow { display:block; height:17px; margin:auto; position:relative; padding:0px 15px; width:970px; } H1,H2,H3,H4,H5,H6 { color:#000000; } .activeTopNavItem .topMItem a { } .activeMainNavItem a { } .activeSecondNavItem a { } .form-header { background-color:#000000; color:#ffffff; } .formHeader { background-color:#000000; color:#ffffff;} .clearBox { font-size:0px; line-height:0px; clear:both; } /* ******************** B. HEADER ******************** */ #objHeader { background:#e3e3e3 url(/images/108/black_onwhite/headerBg.jpg) scroll repeat-x top left; height:auto; width:970px; } #companyLogo { position:relative; z-index:20; } #objHeader #branding { font-size:0px; z-index:1; } #companyNameImage { } #headerMessage { color:#000000; left:auto; right:0px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:transparent url(/images/108/black_onwhite/navBg.jpg) scroll repeat-y bottom left; border-bottom:1px solid #d83907; height:31px; width:970px; } #objNavigation ul { width:auto; float:left; } #nav li { line-height:26px; text-align:center; width:auto; } #nav li .topMItem { } #nav a { } #nav .topMItem a { background:transparent url(/images/108/black_onwhite/navItemBg.jpg) scroll no-repeat bottom left; color:#000000; font:normal normal bold 10pt verdana; float:left; height:26px; line-height:26px; padding:0px 14px; text-align:center; } #nav .topMItem a:hover { background:transparent url(/images/108/black_onwhite/navItemHoverBg.jpg) scroll no-repeat bottom left; color:#ffffff; } #nav .subMenuList.navLevel2 { background:transparent url(/images/clear.gif) scroll repeat bottom left; margin-left:0px; padding-top:2px; } #nav .subMenuList li { background:transparent url(/images/clear.gif) scroll repeat bottom left; margin-left:0px; } #nav .subMenuList li a { background-color:#e5e5e5; color:#333333; font:normal normal bold 12px arial; line-height:20px; text-align:left; } #nav .subMenuList li a:hover { background-color:#de572c; color:#ffffff; font:normal normal bold 12px arial; line-height:20px; } #nav ul { top:24px; } #nav li div.topMItem a.litUpItem { color:#d83907; cursor:default; } #nav .subMenuList li a.litUpItem { color:#d83907; } /* ******************** D. BODY ******************** */ #objBody { background:#ffffff url(/images/108/black_onwhite/textBodyBg.jpg) scroll repeat-x bottom left; width:970px; } #objBody a { color:#E29242F; } .textContent a { color:#d83907; } #objBody .textContent.noPageText { margin-top:10px; } #objBody .textContent .contentTitle { color:#d83907; font:normal normal normal 19px verdana; } #objBody .textContent .contentTitle H1 { color:#d83907; font:normal normal normal 19px verdana; } #objBody .textContent .contentText { color:#303839; font:normal normal normal 12px arial; } #objBody .formHeader { background-color:#000000; color:#ffffff; } #objBody .l2PageTextItem { background:transparent url(/images/108/black_onwhite/pageTextBg.jpg) scroll repeat-y bottom left; color:#333333; font:normal normal normal 12px verdana; margin-bottom:10px; padding:0px; width:256px; } #objBody .l2PageTextItem a { color:#333333; } #objBody .l2PageTextItem H1,H2,H3,H4,H5,H6 { color:#333333; } #objBody .l2PageTextItem .topShadow { background:transparent url(/images/108/black_onwhite/pageTextHeadingBg.jpg) scroll no-repeat top left; } #objBody .l2PageTextItem .clsHeading { padding:0 10px; } #objBody .l2PageTextItem .content { padding:0 10px; } #objBody .l2PageTextItem.QS .content { padding:0; } #objBody .l2PageTextItem.QQ .content { padding:0; } #objBody .objBodyTail { background:transparent url(/images/108/black_onwhite/bodyTailBg.jpg) scroll no-repeat top left; font-size:6px; line-height:6px;} /* ******************** E. FOOTER ******************** */ #objFooter { background:#000000 url(/images/108/black_onwhite/footerBg.jpg) scroll repeat-x top left; font:normal normal normal 11px verdana; height:63px; } #objFooter .footerText { color:#333333; } #objFooter .footerText a { color:#3333ff; } #objFooter .footerLinks { } #objFooter .footerLinks a { color:#cccccc; font:normal normal normal 11px verdana; } #objSEO { background:#000000 url(/images/108/black_onwhite/footerBg.jpg) scroll repeat-x 0px -62px; } #objSEO .extendedDescription { color:#cccccc; } #objSEO .extendedDescription a { color:#cccccc; } #objSEO .projectLinks { } #objSEO .projectLinks a { color:#cccccc; font:normal normal normal 11px verdana; } #objSEO .additionalFooterContent { color:#cccccc; } /* ******************** F. PAGE SPECIFIC ******************** */ /* TEXT PAGE */ #TextPage .textContent a { color:#215881 } /* HOME PAGE */ #HomePage #objBody { background:none; } #HomePage .clsHeading { color:#333333; } #HomePage .textContent { background-color:#ffffff; width:970px; } #HomePage .mainContent { float:left; padding:0px; } #HomePage .mainContent.hideQQQS { width:100%; } #HomePage .mainContent.showBothOnLeft, #HomePage .mainContent.showBothOnRight, #HomePage .mainContent.showBothOnLeftRight, #HomePage .mainContent.showBoth { width:580px; } #HomePage .mainContent.showSingleOnLeft, #HomePage .mainContent.showSingleOnRight, #HomePage .mainContent.showSingle { width:770px; } #HomePage .mainContent.quickTool { margin-left:165px; width:425px; } * HTML #HomePage .mainContent.quickTool { margin-left:83px; width:410px;} #HomePage .middleTextBox { border-bottom:1px solid #d83907; border-top:1px solid #d83907; color:#ffffff; } #HomePage .quickTools { background-color:#F7F4ED; position:absolute; top:-8px; right:0px; width:157px; } #HomePage .quickTools .title { background:#915e2f url(/images/108/white_onblue/subNavItemHoverBg.jpg) scroll repeat-x top left; color:#ffffff; font:normal normal normal 12px arial; padding:4px; } #HomePage .quickTools ul { margin:0px; padding:0px;} #HomePage .quickTools ul li { list-style:none; padding-left:8px; } #HomePage .quickTools ul li a { background:transparent url(/images/108/white_onblue/redArrow.jpg) scroll no-repeat center left; color:#990000; font:normal normal normal 10px arial; line-height:20px; padding:0px 10px; text-decoration:none; } #HomePage .quickTools ul li a:hover { color:#132030; } #HomePage #QuickSearchForm #searchModel select { width:160px; } #HomePage .quick-quote-button { margin-top:0px; } #HomePage .quick-quote-button #submit-button { margin-top:10px; } #HomePage .quick-quote-button IMG { margin-top:10px; } #HomePage .quick-quote-phone .quick-quote-phone { width:80px; } #HomePage #objBody .welcomeMessage .message { color:#ffffff; } /* LIST PAGES*/ /* OLD */ #VehicleListPage .tableSet { background-color:#000000; color:#ffffff; } #VehicleListPage .tableSet a { color:#ffffff; } #vehicleListContent .dataTableRow { background-color:#ffffff; } #vehicleListContent .dataTableRowAlt { background-color:#dddddd; } #VehicleListContent td a { color:#0066ff; } #vehicleListContent .genericTable span.data { color:#000000; } #inv-listing { background-color:#f3f3f3; } #VehicleListPage #objBody .textContent.noPageText { margin-top:10px; padding-left:20px; width:950px; } /* 3VIEW */ #VehicleListPage3views #carInfoTable .tableSet { background-color:#000000 !important; } #VehicleListPage3views .page-control a { color:#40AB30; } #carInfoTable .tableSet a { color:#ffffff !important; } #car-detail-view360,#car-details-infolink,#car-detail-photos,#vehicle-finder-href a { color:#40AB30; } #vehicle-list-container .page-control .page-links a { color:#40ab30; } #vehicle-list-container .left-col h1 { color:#d83907; } #carInfoTable .detail-view h3 { color:#5c5c5c; } #carInfoTable .detail-hover h3 { color:#ffffff; } /* DETAIL PAGE */ #Auto2InventoryDetails #objBody .textContent { padding-left:2px; } #Auto2InventoryDetails .auto2-inventorydetails .inventorydetails-table .column-spacer { width:5px !important;} #objBody .detailPageContent { color:#000000; } #objBody .detailPageContent .tab-td a { color:#000000; } #objBody .detailPageContent .tab-td .detailTabHeading { color:#000000; } #objBody .detailPageContent .detailPreview .detailLink { color:#000000; } #left_bar { background-color:#f3f3f3; } #left_bar .detailBg1 { background-color:#f3f3f3; } .detailEmailFormLabel { color:#000000; } .detailColorSet1 { background-color:#666666; } .detailColorSet2 { background-color:#999999; } .detailColorSet3 { background-color:#cccccc; } .detailColorSet4 { background-color:#646464; } .detailRightShadow { background-image:url(/images/000/shdw_rt.gif); } .detailBottomShadow { background-image:url(/images/000/shdw_bot.gif); } .detailTabHeading { color:#333333; } .detailTabLeftUnselected { background-image:url(/images/000/tab_wht_lt.gif); border-bottom:1px solid #999999; } .detailTabMiddleUnselected { background-image:url(/images/000/tab_wht_mid.gif); border-bottom:1px solid #999999; } .detailTabRightUnselected { background-image:url(/images/000/tab_wht_rt.gif); border-bottom:1px solid #999999; } .detailTabLeftSelected { background-image:url(/images/000/tab_gry_lt.gif); } .detailTabMiddleSelected { background-image:url(/images/000/tab_gry_mid.gif); } .detailTabRightSelected { background-image:url(/images/000/tab_gry_rt.gif); } /* MODEL SELECTOR */ #ModelSelectorPage #modelSelectorForm { background-color:#f3f3f3; } #ModelSelectorPage td { color:#333333; } #ModelSelectorPage .bold { font-weight:bold; } #ModelSelectorPage .whtText { color:#ffffff; } #ModelSelectorPage .bluText { color:#006699; } #ModelSelectorPage .mainTblBrdr { border-left:1px solid #000000; border-right:1px solid #000000; } #ModelSelectorPage .gryTbl { border:1px solid #666666; background-color:#F2F2F2; } #ModelSelectorPage .blkBrdr { border:1px solid #000000; } #ModelSelectorPage .gryBrdr { border:1px solid #666666; } #ModelSelectorPage .gryUL { border-bottom:1px solid #666666; } #ModelSelectorPage a.gryLink{ color:#333333; } #ModelSelectorPage a.whtLink{ color:#ffffff; } #ModelSelectorPage .redBg { background-color:#cc0000; } #ModelSelectorPage .gry6Bg { background-color:#666666; } #ModelSelectorPage .gry9Bg { background-color:#999999; } #ModelSelectorPage .gryCBg { background-color:#cccccc; } #ModelSelectorPage .gryDBg { background-color:#d9d9d9; } #ModelSelectorPage .whtBg { background-color:#ffffff; } #ModelSelectorPage .vLineDrk { background:transparent url(../images/v_line_drk.gif) repeat-y; } #ModelSelectorPage .vLineMid { background:transparent url(../images/v_line_mid.gif) repeat-y; } #ModelSelectorPage .vLineLt { background:transparent url(../images/v_line_lt.gif) repeat-y; } #ModelSelectorPage .title { color:#000000; } #ModelSelectorPage .field { color:#333333; border:1px solid #333333; } #ModelSelectorPage .label { color:#ffffff; background-color:#999999; } #ModelSelectorPage .sublabel { color:#333333; background-color:#F2F2F2; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } #ModelSelectorPage .resTbl { border:1px solid #666666; } #ModelSelectorPage .headRow { color:#333333; background-color:#999999; border-bottom:1px solid #666666; } #ModelSelectorPage .gryRow { background-color:#F2F2F2; border-bottom:1px solid #cccccc; } #ModelSelectorPage .whtRow { background-color:#ffffff; border-bottom:1px solid #cccccc; } #ModelSelectorPage .modelSelectorTable { background-color:#FFFFFF; } #ModelSelectorPage .selectorPageText .clsHeading { background:#205981 url(/images/108/white_onblue/pageTextTitleBg.jpg) scroll no-repeat top left; padding-left:5px; } #ModelSelectorPage .selectorPageText { background:#205981 url(/images/108/white_onblue/pageTextContentBg.jpg) scroll no-repeat bottom left; color:#ffffff; } #ModelSelectorPage .textContent.noPageText { width:950px; padding-left:10px; } #ModelSelectorPage .modelselectorclass { padding:0px 10px; } /* VEHICLE CONFIGURATOR */ #VehicleConfiguratorPage #configurator .configPageText { background:#f3f3f3 } #VehicleConfiguratorPage #objBody #config-page-text a { color:#e9242f; } /* SITEMAP */ #SiteMapPage .sitemapMenuLink { color:#d83907; } /* ******************** G. MODULE SPECIFIC ******************** */ /* QUICK QUOTE */ #objBody .L2PageText.quickQuote { color:#000000; width:256px; } #objBody .L2PageText.quickQuote .clsHeading { color:#000000; font:normal normal bold 12pt verdana; line-height:30px; padding:0px 0px 0px 10px; } #objBody .L2PageText.quickQuote .rightPanelBox { } #objBody .L2PageText.quickQuote .clearBox { font-size:12px; line-height:12px; } #objBody .L2PageText #quick-quote-container{ padding:10px; width:220px; } #objBody .L2PageText #quick-quote-container input, #quick-quote-container select{ font-size:10px; } #objBody .L2PageText .quick-quote-label { font-size:10px; } #objBody .L2PageText .quick-quote-first { float:left; width:80px; } #objBody .L2PageText .quick-quote-last { float:left; width:70px; } #objBody .L2PageText .quick-quote-first input, .quick-quote-last input { width:68px; } #objBody .L2PageText .quick-quote-phone { width:130px; margin-top:5px; float:left; } #objBody .L2PageText .quick-quote-phone .quick-quote-phone { width:155px; } #objBody .L2PageText .quick-quote-phone input { width:44px; padding:0px; } #objBody .L2PageText .quick-quote-email { float:left; margin-top:5px; width:100%; } #objBody .L2PageText .quick-quote-email input{ width:149px;} #objBody .L2PageText .quick-quote-model { float:left; padding-top:5px; width:100%; } #objBody .L2PageText .quick-quote-model #model{ margin-top:5px; width:154px; } #objBody .L2PageText .quick-quote-model .quick-quote-label{ display:none; } #objBody .L2PageText .quick-quote-button { float:left; text-align:right; width:155px; } #objBody .L2PageText .quick-quote-button #submit-button{ margin-top:15px; margin-bottom:10px; width:auto; } /* QUICK SEARCH */ #objBody .L2PageText.quickSearch { color:#000000; width:256px; } #objBody .L2PageText.quickSearch .clsHeading { color:#000000; font:normal normal bold 12pt verdana; line-height:30px; padding:0px 0px 0px 10px; } #objBody .L2PageText.quickSearch .rightPanelBox { } #objBody .L2PageText.quickSearch .clearBox { font-size:12px; line-height:12px; } #objBody .L2PageText #QuickSearchForm { margin:0px; padding:10px; width:220px; } #objBody .L2PageText #QuickSearchForm SELECT { display:block; font:normal normal normal 11px arial; } #objBody .L2PageText #searchMake { clear:both; margin-top:15px; width:100%; } #objBody .L2PageText #searchModel { margin-top:5px; margin-bottom:10px; width:100%; } #objBody .L2PageText.quickSearch #searchMake select, #contentPageText .L2PageText.quickSearch #searchModel select { width:160px !important; } #objBody .L2PageText #searchButton { clear:both; text-align:right; width:160px; } /* HOMEPAGE QUICK QUOTE */ #HomePage .quickQuote { background:transparent url(/images/108/black_onwhite/homeQQQSBottomBg.jpg) scroll no-repeat bottom left !important; color:#000000; float:right; height:230px; padding:0px; margin:10px 0px; margin-right:12px; width:180px; } #HomePage .quickQuote .clsHeading { color:#000000; line-height:normal; } #HomePage .quickQuote .rightPanelBox { } #HomePage .quickQuote .clearBox { font-size:0px; line-height:0px; } #HomePage #quick-quote-container input, #quick-quote-container select{ font-size:10px; } #HomePage .quick-quote-phone { width:130px; margin-top:5px; float:left; } #HomePage .quick-quote-phone .quick-quote-phone { width:155px; } #HomePage .quick-quote-phone input { width:45px; padding:0px; } #HomePage .quick-quote-email { float:left; margin-top:5px; width:100%; } #HomePage .quick-quote-email input{ width:149px;} #HomePage .quick-quote-model { float:left; padding-top:5px; width:100%; } #HomePage .quick-quote-model #model{ margin-top:5px; width:154px; } #HomePage .quick-quote-model .quick-quote-label{ display:none; } #HomePage .quick-quote-button { float:left; text-align:right; width:155px; } #HomePage .quick-quote-button #submit-button{ margin-top:15px; margin-bottom:10px; width:auto; } /* HOMEPAGE QUICK SEARCH */ #HomePage #quickSearchContainer { background:transparent url(/images/108/black_onwhite/homeQQQSBottomBg.jpg) scroll no-repeat bottom left !important; color:#000000; float:right; height:230px; padding:0px; margin:10px 0px; margin-right:12px; width:180px; } #HomePage #quickSearchContainer .clsHeading { color:#000000; line-height:normal; } #HomePage #quickSearchContainer .rightPanelBox { } #HomePage #quickSearchContainer .clearBox { font-size:0px; line-height:0px; } #HomePage #QuickSearchForm { height:188px; padding:10px 0px 0px 10px; width:180px; } #HomePage #searchType .typeNew { margin-top:15px; width:100%; } #HomePage #searchType .typeUsed { margin-top:10px; width:100%; } #HomePage #searchMake { margin-top:15px; width:100%; } #HomePage #searchModel { margin-top:5px; margin-bottom:10px; width:100%; } #HomePage #searchMake select, #HomePage #searchModel select { width:160px !important; } #HomePage #searchButton { clear:none; text-align:right; width:160px; } #objBody .clsHeading { font:normal normal bold 12pt verdana; } #objBody .l2PageTextItem.QS #quickSearchForm #searchMake { width:100%; } #objBody .l2PageTextItem.QS #quickSearchForm #searchMake select { width:97% !important; } #objBody .l2PageTextItem.QS #quickSearchForm #searchModel { width:100%; } #objBody .l2PageTextItem.QS #quickSearchForm #searchType .typeUsed { margin-top:5px; } #objBody .l2PageTextItem.QS #quickSearchForm #searchModel select { width:97% !important; } #objBody .l2PageTextItem.QQ #quickQuoteForm .quoteButton input { float:right; height:auto; } /* ******************** G. FILTERS ******************** */ * HTML #HomePage #quick-quote-container { padding-right:0px; width:160px; } * HTML #HomePage #quick-search-container { padding-right:0px; width:160px; } * HTML #HomePage #QuickSearchForm { width:160px; } *HTML #HomePage .quickQuote { margin-right:7px; }