/********************* 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 ******************** */ BODY { background:#ffffff none scroll repeat-x top left; } #objContainer { background-color:#ffffff; } H1,H2,H3,H4,H5,H6 { color:#000000; } .activeTopNavItem .topMItem a { } .activeMainNavItem a { } .activeSecondNavItem a { } .form-header { background-color:#e9242f; } .formHeader { background-color:#e9242f; } .clearBox { background-color:#cccccc; } /* ******************** B. HEADER ******************** */ #objHeader { } #objHeader #branding { } #companyNameImage { } #companyLogo { z-index:20; } #headerMessage { } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:#000000 url(/images/108/white/navigationBg.jpg) scroll repeat-x top left; border-bottom:3px solid #ffffff; } #objNavigation ul { } #nav li:hover .topMItem a { background:transparent url(/images/108/white/navItemHoverBg.jpg) scroll repeat-x bottom left; color:#E1253D; } #nav li.sfhover .topMItem a { background:transparent url(/images/108/white/navItemHoverBg.jpg) scroll repeat-x bottom left; color:#E1253D; } #nav a { } #nav .topMItem a { background:transparent url(/images/108/white/navItemBg.jpg) scroll repeat-x bottom left; border-left:1px solid white; color:#333333; } #nav .topMItem.firstMItem a { border-left:0px; } #nav .topMItem a:hover { color:#E1253D; background:transparent url(/images/108/white/navItemHoverBg.jpg) scroll repeat-x bottom left; } #nav .subMenuList { } #nav .subMenuList li { background:transparent url(/images/clear.gif) scroll repeat bottom left; } #nav .subMenuList a { background-color:#000000; color:#ffffff; } #nav .subMenuList a:hover { color:#E1253D; } /* Removed highlighting of visited pages #nav li div.topMItem a.litUpItem { background:transparent url(/images/108/white/navItemHoverBg.jpg) scroll repeat-x top left; color:#E1253D; } #nav .subMenuList li a.litUpItem { color:#BF0000; } */ /* ******************** D. BODY ******************** */ #objBody { background-color:#ffffff; } #objBody a { color:#E29242F; } #objBody .textContent .contentTitle { color:#991200; } #objBody .textContent .contentTitle H1 { color:#991200; } #objBody .textContent.noPageText { margin:44px auto 34px 0px; padding-left:0px; width:970px; } #objBody .formHeader { background-color:#e9242f; color:#ffffff; } #objBody .L2PageText { padding:0px; margin-bottom:5px; } #objBody .l2PageTextItem .topShadow { display:none; background:#cccccc none scroll no-repeat top left; padding:0; } #objBody .l2PageTextItem .content { background:#cccccc none scroll no-repeat bottom left; padding:0 10px; } #objBody .l2PageTextItem.QS .content { padding:0; } #objBody .l2PageTextItem.QQ .content { padding:0; } #objBody .l2PageTextItem .bottomShadow { display:none; background:#cccccc none scroll no-repeat bottom left; } #objBody #contentPageText { width:258px; } #objBody #contentPageText a { color:#E9242F; } #objBody .quickTools { display:none; } /* ******************** E. FOOTER ******************** */ #objFooter { background-color:#cccccc; } #objFooter .footerText { color:#828282; } #objFooter .footerText a { color:#e9242f; } #objFooter .footerLinks { background-color:#ffffff; } #objFooter .footerLinks a { color:#cc0000; } #objSEO { background-color:#ffffff; } #objSEO .extendedDescription { color:#666666; } #objSEO .extendedDescription a { color:#666666; } #objSEO .projectLinks { } #objSEO .projectLinks a { color:#cc0000; } #objSEO .additionalFooterContent { color:#666666; } /* ******************** F. PAGE SPECIFIC ******************** */ /* TEXT PAGE */ #TextPage .textContent a { color:#e9242f } /* HOME PAGE */ #HomePage .clsHeading { color:#991200; } #HomePage .textContent { background-color:#ffffff; padding:15px 0px; } #HomePage .quickQuote { color:#493920; float:right; padding:10px 0px 10px 0px; } #HomePage .quickSearch { color:#493920; float:right; padding:10px 20px 10px 0; width:180px; } * HTML #HomePage .quickSearch { padding-left:0px; padding-right:10px; } * HTML #HomePage #QuickSearchForm { padding-left:10px; padding-right:0px; } #HomePage .mainContent { color:#493920; float:left; } #HomePage .mainContent.hideQQQS { width:100%; } #HomePage .mainContent.showBothOnLeft, #HomePage .mainContent.showBothOnRight, #HomePage .mainContent.showBothOnLeftRight, #HomePage .mainContent.showBoth { width:590px; } #HomePage .mainContent.showSingleOnLeft, #HomePage .mainContent.showSingleOnRight, #HomePage .mainContent.showSingle { width:780px; } #HomePage .mainContent.quickTool { margin-left:165px; width:425px; } * HTML #HomePage .mainContent.quickTool { margin-left:83px; width:410px;} #HomePage #quick-quote-container{ width:160px; } #HomePage .quick-quote-button IMG { margin-top:8px; } #HomePage .quick-quote-phone { width:155px; } #HomePage .quick-quote-phone .quick-quote-phone { width:155px; } #HomePage .quick-quote-phone input { width:35px; } #HomePage .quick-quote-email { width:155px; } #HomePage .quick-quote-email input { width:150px; } #HomePage .quick-quote-model { width:155px; } #HomePage .quick-quote-model #model { width:155px; } #HomePage .quick-quote-button { width:155px; } #HomePage #objBody .welcomeMessage .message { color:#ffffff; } ##HomePage #searchType .typeNew { width:180px; } #HomePage #searchType .typeUsed { width:180px; } #HomePage #searchMake span { display:block; } #HomePage #searchMake select { width:170px !important; } #HomePage #searchModel span { display:block; } #HomePage #searchModel { width:180px; } #HomePage #searchModel select { width:170px !important; } #HomePage #searchButton { float:right; } /* LIST PAGES*/ /* OLD */ #VehicleListPage .tableSet { background-color:#181A22; color:#ffffff; } #VehicleListPage .tableSet a { color:#ffffff; } #vehicleListContent .dataTableRow { background-color:#ffffff; } #vehicleListContent .dataTableRowAlt { background-color:#dddddd; } #VehicleListContent td a { color:#e9242f; } #vehicleListContent .genericTable span.data { color:#e9242f; } #inv-listing { background-color:#f3f3f3; } /* 3VIEW */ #VehicleListPage3views #carInfoTable .tableSet { background-color:#181A22 !important; } #VehicleListPage3views .page-control a { color:#40AB30; } #VehicleListPage3views #objBody .textContent.noPageText { margin-top:0px; } #car-detail-view360,#car-details-infolink,#car-detail-photos,#vehicle-finder-href a { color:#40AB30; } #vehicle-list-container .page-control .page-links a { color:#e9242f; } #vehicle-list-container .left-col h1 { color:#991200; } /* DETAIL PAGE */ #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 { background:#f3f3f3 } /* VEHICLE CONFIGURATOR */ #VehicleConfiguratorPage #configurator .configPageText { background:#f3f3f3 } #VehicleConfiguratorPage #objBody #config-page-text a { color:#e9242f; } /* ******************** G. MODULE SPECIFIC ******************** */ #objBody .l2PageTextItem.QS #quickSearchForm #searchMake { width:50%; } #objBody .l2PageTextItem.QS #quickSearchForm #searchMake select { width:90% !important; } #objBody .l2PageTextItem.QS #quickSearchForm #searchModel { width:50%; } #objBody .l2PageTextItem.QS #quickSearchForm #searchType .typeUsed { margin-top:5px; } #objBody .l2PageTextItem.QS #quickSearchForm #searchModel select { width:90% !important; } #objBody .l2PageTextItem #quickSearchForm #searchButton { clear:none; float:left; padding-top:0; } #objBody .l2PageTextItem.QQ #quickQuoteForm .quoteButton input { float:right; height:auto; } #objBody .l2PageTextItem.EF { padding:0; } #objBody .l2PageTextItem.EF #emailForm { background-color:#cccccc; position:relative; right:auto; bottom:auto; width:258px; }