/********************* Author:Sherwin Sena Aborot Date:7/22/2008 ********************** ********************** Table of Contents - A. Global - B. Header - C. Navigation - D. Body - E. Footer - F. Page Specific - G. Module Specific *********************/ /* ******************** A. GLOBAL ******************** */ BODY { background:#101010 url(/images/107/red_onblack/bodyBg.jpg) scroll repeat-x top left; } #objContainer { } H1,H2,H3,H4,H5,H6 { color:#000000; } .activeTopNavItem .topMItem a { } .activeMainNavItem a { } .activeSecondNavItem a { } .form-header { background-color:#e9242f; } .formHeader { background-color:#e9242f; } /* ******************** B. HEADER ******************** */ #objHeader { color:#000000; font:normal normal normal 12px verdana; } #objHeader h1 { color:#000000; font:normal normal normal 20px verdana; } #objHeader h2 { color:#000000; font:normal normal normal 20px verdana; } #objHeader #branding { background:#ffffff url(/images/107/red_onblack/brandingBg.jpg) scroll no-repeat top left; } #objHeader #phone { background:#ffffff url(/images/107/red_onblack/phoneBg2.jpg) scroll repeat-x top right; } #objHeader #phone .text { background:transparent url(/images/107/red_onblack/phoneBg.jpg) scroll no-repeat top left; } #objHeader #phone .number { } #companyNameImage { } #headerMessage { color:#000000; font:normal normal normal 12px verdana; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:#000000 url(/images/107/red_onblack/headerBg.jpg) scroll repeat-x top left; } #objNavigation ul { } #nav li { background:transparent url(/images/107/red_onblack/menuItemDividerBg.jpg) scroll no-repeat top left; } #nav a { } #nav .topMItem a { color:#ffffff; } #nav .topMItem a:hover { background:transparent url(/images/107/red_onblack/topNavHoverBg.jpg) scroll repeat-x top left; } #nav .subMenuList { } #nav .subMenuList li { background-image:url(/images/clear.gif); } #nav .subMenuList a { background-color:#000000; color:#ffffff; } #nav .subMenuList a:hover { background-color:#3c3c3c; color:#ffffff; } /* ******************** D. BODY ******************** */ #objBody { background-color:#ffffff; } #objBody a { color:#E29242F; } #objBody .contentStartDivider { background-color:#ffffff; } #objBody .textContent .contentTitle { color:#000000; font:normal normal normal 21px verdana; } #objBody .textContent .contentTitle H1 { color:#000000; font:normal normal normal 21px verdana; } #objBody .textContent .contentText { color:#000000; font:normal normal normal 13px/18px verdana; } #objBody .textContent .contentText a { color:#000000; font:normal normal normal 13px/18px verdana; } #objBody .textContent .contentText a:hover { color:#e4000d; } #objBody #promoMessage { color:#333333; font:normal normal normal 12px/16px verdana; } #objBody #promoMessage a { color:#333333; font:normal normal normal 12px/16px verdana; } #objBody #promoMessage a:hover { color:#e4000d; } #objBody .L2PageText a { color:#e9242f; } #objBody #contentPageText .L2PageText .clsHeading { background:#f3f3f3 url(/images/107/red_onblack/pageTextTitleBg.jpg) scroll no-repeat top left; color:#000000; font:normal normal bold 18px verdana; } #objBody #contentPageText .L2PageText { background:#f3f3f3 url(/images/107/red_onblack/pageTextContentBg.jpg) scroll no-repeat bottom left; color:#333333; font:normal normal normal 12px/16px verdana; } #objBody #contentPageText .L2PageText a { color:#333333; font:normal normal normal 12px/16px verdana; } #objBody #contentPageText .L2PageText a:hover { color:#e40310; font:normal normal normal 12px/16px verdana; } #objBody #contentPageText #promoMessage.L2PageText .clsHeading { background:none; } #objBody #contentPageText #promoMessage.L2PageText { background:none; } #objBody #contentPageText .L2PageText.book { background:#f3f3f3 url(/images/107/red_onblack/bookBg.jpg) scroll no-repeat bottom left; line-height:normal; } #objBody #contentPageText .L2PageText.book .title { background:transparent url(/images/107/red_onblack/bookTitle342.jpg) scroll no-repeat top left; } #objBody #contentPageText .L2PageText.book .clsHeading { background:transparent url(/images/107/red_onblack/bookTitle342.jpg) scroll no-repeat top right; } #objBody #contentPageText .L2PageText.book .text { background:transparent url(/images/107/red_onblack/bookText342.jpg) scroll repeat-y top left; } #objBody .contentEndDivider { background:#ffffff url(/images/107/red_onblack/contentEndDivider2.jpg) scroll no-repeat bottom right; } #objBody .formHeader { background-color:#e9242f; color:#ffffff; } /* ******************** E. FOOTER ******************** */ #objFooter { } #objFooter .footerText { color:#ffffff; } #objFooter .footerText a { color:#828282; text-decoration:none; } #objFooter .footerText a:hover { color:#e4000d; } #objFooter .footerLinks a { color:#e9242f; } #objSEO { } #objSEO .extendedDescription { color:#828282; } #objSEO .extendedDescription a { color:#828282; } #objSEO .extendedDescription a:hover { color:#e4000d; } #objSEO .projectLinks { } #objSEO .projectLinks a { color:#828282; } #objSEO .additionalFooterContent { color:#828282; } #objSEO .additionalFooterContent a { color:#828282; } #objSEO .additionalFooterContent a:hover { color:#e4000d; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objHeader #branding { background:transparent url(/images/107/red_onblack/brandingBg.gif) scroll no-repeat top left; } #HomePage #objBody { background-color:transparent; } #HomePage #objBody .welcomeMessage { color:#ffffff; font:normal normal normal 17px verdana; } #HomePage #objBody .welcomeMessage h1 { color:#ffffff; font:normal normal bold 21px verdana; } #HomePage #objBody .textContent { background-color:#ffffff; } #HomePage #objBody .contentStartDivider { background:#ffffff url(/images/107/red_onblack/contentStartDividerBg.jpg) scroll no-repeat top right; } #HomePage #objBody .contentStartDivider { } #HomePage #objBody .L2PageText .clsHeading { background:#ffffff; color:#000000; font:normal normal bold 18px verdana; } #HomePage #objBody .L2PageText { background:#ffffff; } #HomePage #objBody .textContent .mainContent { background-color:#ffffff; color:#5c5c5c; font:normal normal normal 12px/20px verdana; } #HomePage #objBody .textContent .mainContent a { color:#333333; } #HomePage #objBody .textContent .mainContent a:hover { color:#e4000d; } #HomePage #objBody .textContent .mainContent h1 { color:#000000; font:normal normal bold 18px verdana; } #HomePage #objBody .textContent .mainContent h2 { color:#000000; font:normal normal bold 18px verdana; } #HomePage #objBody .textContent .welcomeMessage2 { background:#ffffff url(/images/107/red_onblack/welcomeMessage2BgNoMB.jpg) scroll no-repeat top left; color:#5c5c5c; font:normal normal normal 12px/20px verdana; } #HomePage #objBody .textContent .welcomeMessage2 a { color:#000000; } #HomePage #objBody .textContent .welcomeMessage2 a:hover { color:#e40310; } #HomePage #objBody .textContent .welcomeMessage2 h1 { color:#000000; font:normal normal bold 18px verdana; } #HomePage #objBody .textContent .welcomeMessage2 h2 { color:#000000; font:normal normal bold 18px verdana; } #HomePage #objBody .textContent .quickLinks { background:transparent url(/images/107/red_onblack/dots.gif) scroll no-repeat center left; color:#333333; font:normal normal normal 12px/16px verdana; } #HomePage #objBody .textContent .quickLinks .section1 { background:#ffffff; } #HomePage #objBody .textContent .quickLinks a { color:#333333; font:normal normal normal 12px/16px verdana; } #HomePage #objBody .textContent .quickLinks a:hover { color:#e4000d; } #HomePage #objBody .textContent a { color:#E9242F; } #HomePage.Home2 #objBody .textContent .welcomeMessage2 { background:#ffffff url(/images/107/red_onblack/home2WelcomeMessage2Bg.jpg) scroll no-repeat top right; color:#5c5c5c; } #TextPage .textContent a { color:#e9242f; } #TextPage #objBody #contentPageText { background:transparent url(/images/107/red_onblack/dots2.gif) repeat-y scroll left top; } #TextPageAlternate #objBody .contentStartDivider { } #TextPageAlternate #objBody #smallContentArea .contentText { } #TextPageAlternate #objBody #smallContentArea .contentText a { } #TextPageAlternate #objBody #smallContentArea .contentText H1 { } #TextPageAlternate #objBody #contentPageText { background:transparent url(/images/107/red_onblack/dots2.gif) repeat-y scroll left top; } #finance-calc-table { } #ModelSelectorPage #modelSelectorForm .selectorBg3 { } #ScheduleServiceForm .calmonth a { } #ScheduleServiceForm .cal { } /* 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; } #car-detail-view360,#car-details-infolink,#car-detail-photos,#vehicle-finder-href a { color:#40AB30; } /* 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 } #ModelSelectorPage .selectorPageText .title { background:#f3f3f3 url(/images/107/red_onblack/pageTextTitleBg230.jpg) scroll no-repeat top left; } #ModelSelectorPage .selectorPageText .text { background:#f3f3f3 url(/images/107/red_onblack/pageTextContentBg230.jpg) scroll no-repeat bottom left; } /* VEHICLE CONFIGURATOR */ #VehicleConfiguratorPage #configurator .configPageText { background:#f3f3f3 } #VehicleConfiguratorPage #configurator .configPageText .title { background:#f3f3f3 url(/images/107/red_onblack/pageTextTitleBg230.jpg) scroll no-repeat top left; } #VehicleConfiguratorPage #configurator .configPageText .text { background:#f3f3f3 url(/images/107/red_onblack/pageTextContentBg230.jpg) scroll no-repeat bottom left; } #VehicleConfiguratorPage #objBody #config-page-text a { color:#e9242f; } #VehicleConfiguratorPage #page-text-4 { background:transparent url(/images/107/red_onblack/pageTextBookBg280.jpg) scroll no-repeat bottom left; } #VehicleConfiguratorPage #page-text-4 .title { background:transparent url(/images/107/red_onblack/pageTextBookContentBg280.jpg) scroll no-repeat top left; } #VehicleConfiguratorPage #page-text-4 .text { background:transparent url(/images/107/red_onblack/pageTextBookContentBg280.jpg) scroll repeat-y top left; } /* ******************** G. MODULE SPECIFIC ******************** */ /* EMAIL FORM */ #emailForm { background:transparent url(/images/107/red_onblack/blackBg.jpg) scroll no-repeat 10px 0px; color:#ffffff; } #emailForm .clsHeading { background:transparent url(/images/107/red_onblack/emailFormBg.gif) scroll no-repeat top left; color:#000000; font:normal normal bold 18px verdana; } #emailForm .rightPanelBox { background:transparent url(/images/107/red_onblack/emailFormBg.gif) scroll no-repeat bottom left; }