/********************* 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:#78c1e9 url(/images/108/green_onaquablue/bodyBg.jpg) scroll repeat-x top left; } #objContainer { padding:0px 15px 0px 15px; width:970px; } #rightPageShadow { background:transparent url(/images/108/green_onaquablue/rightPageShadowBg.jpg) scroll no-repeat top left; display:block; height:100%; position:absolute; top:0px; right:0px; width:15px; height:70px !important; } #leftPageShadow { background:transparent url(/images/108/green_onaquablue/leftPageShadowBg.jpg) scroll no-repeat top right; 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:#48c4f7; color:#ffffff; } .formHeader { background-color:#48c4f7; color:#ffffff;} .clearBox { font-size:0px; line-height:0px; clear:both; } /* ******************** B. HEADER ******************** */ #objHeader { background:transparent url(/images/108/green_onaquablue/headerBg.jpg) scroll repeat-x top left; height:70px; } #companyLogo { position:relative; z-index:20; } #objHeader #branding { font-size:0px; z-index:1; } #companyNameImage { } #headerMessage { left:auto; right:0px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:#dcdcdc none scroll repeat-x top left; border-bottom:1px solid #ebedee; height:25px; } #objNavigation ul { width:auto; float:left; } #nav li { line-height:25px; text-align:center; width:107px; } #nav li .topMItem { background:transparent url(/images/108/green_onaquablue/navItemBg.jpg) scroll repeat-x bottom right; } #nav a { } #nav .topMItem a { background:transparent url(/images/108/green_onaquablue/navItemAnchorBg.jpg) scroll no-repeat top left; color:#333333; font:normal normal bold 12px arial; height:25px; line-height:25px; padding-left:0px; text-align:center; } #nav .topMItem a:hover { background:transparent url(/images/108/green_onaquablue/navItemAnchorHoverBg.jpg) scroll no-repeat bottom right; 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:#7bc345 none scroll repeat-x bottom left; color:#ffffff; font:normal normal bold 12px arial; line-height:20px; } #nav ul { top:21px; } #nav li div.topMItem a.litUpItem { background:transparent url(/images/108/green_onaquablue/litUpItem.jpg) scroll no-repeat bottom left; color:#35a800; cursor:default; } #nav .subMenuList li a.litUpItem { color:#35a800; } /* ******************** D. BODY ******************** */ #objBody { background:transparent url(/images/108/green_onaquablue/textBodyBg.png) scroll repeat-y top left; } #objBody a { color:#E29242F; } .textContent a { color:#007cc2; } #objBody .textContent.noPageText { margin-top:10px; } #objBody .textContent .contentTitle { color:#35a800; } #objBody .textContent .contentTitle H1 { color:#35a800; } #objBody .textContent .contentText { color:#3e484a; font:normal normal normal 12px arial; } #objBody .formHeader { background-color:#48c4f7; color:#ffffff; } #objBody .l2PageTextItem { margin-bottom:10px; } #objBody .l2PageTextItem a { color:#333333; } #objBody .l2PageTextItem H1,H2,H3,H4,H5,H6 { color:#333333; } #objBody .l2PageTextItem .topShadow { background:transparent url(/images/108/green_onaquablue/pageTextHeadingBg.jpg) scroll no-repeat top left; } #objBody .l2PageTextItem .clsHeading { color:#333333; } #objBody .l2PageTextItem .content { background:transparent url(/images/108/green_onaquablue/pageTextBg.jpg) scroll repeat-y top left; color:#333333; font:normal normal normal 11px arial; padding:0 10px; width:256px; } #objBody .l2PageTextItem #emailForm { background:transparent url(/images/108/green_onaquablue/pageTextBg.jpg) scroll repeat-y top left; color:#333333; font:normal normal normal 11px arial; padding:0; width:256px; } #objBody .l2PageTextItem.QS .content { padding:0; } #objBody .l2PageTextItem.QQ .content { padding:0; } #objBody .l2PageTextItem .bottomShadow { background:transparent url(/images/108/green_onaquablue/pageTextBg.jpg) scroll repeat-y bottom left; } #objBody .objBodyTail { background:#7bc2e9 url(/images/108/green_onaquablue/textBottomPageShadowBg.png) scroll no-repeat bottom left; font-size:12px; line-height:15px;} /* ******************** E. FOOTER ******************** */ #objFooter { font-family:arial; } #objFooter .footerText { color:#0c5a84; } #objFooter .footerText a { color:#0c5a84; } #objFooter .footerLinks { } #objFooter .footerLinks a { color:#0c5a84; font:normal normal normal 11px arial; } #objSEO { } #objSEO .extendedDescription { color:#0c5a84; } #objSEO .extendedDescription a { color:#0c5a84; } #objSEO .projectLinks { } #objSEO .projectLinks a { color:#0c5a84; font-weight:normal; } #objSEO .additionalFooterContent { color:#0c5a84; } /* ******************** F. PAGE SPECIFIC ******************** */ /* TEXT PAGE */ #TextPage .textContent a { color:#215881 } /* HOME PAGE */ #HomePage #objBody { background:none; } #HomePage .objBodyTail { background:none; } #HomePage .clsHeading { color:#333333; } #HomePage .textContent { width:970px;} #HomePage .mainContent { float:right; padding:0px; } #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:770px; } #HomePage .mainContent.quickTool { margin-left:165px; width:425px; } * HTML #HomePage .mainContent.quickTool { margin-left:83px; width:410px;} #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 #objContainer { } #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:#48c4f7; color:#ffffff; } #VehicleListPage .tableSet a { color:#ffffff; } #vehicleListContent .dataTableRow { background-color:#ffffff; } #vehicleListContent .dataTableRowAlt { background-color:#dddddd; } #VehicleListContent td a { color:#48c4f7; } #vehicleListContent .genericTable span.data { color:#48c4f7; } #inv-listing { background-color:#f3f3f3; } #VehicleListPage #objBody .textContent.noPageText { margin-top:10px; padding-left:20px; width:950px; } /* 3VIEW */ #VehicleListPage3views #carInfoTable .tableSet { background-color:#48c4f7 !important; } #VehicleListPage3views .page-control a { color:#40AB30; } #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:#35a800; } #carInfoTable .detail-view h3 { color:#5c5c5c; } /* DETAIL PAGE */ #Auto2InventoryDetails .auto2-inventorydetails .inventorydetails-table .column-spacer { width:5px !important;} #VehicleDetailPage #objBody .textContent { margin-left:5px; width:960px; } #VehicleDetailPage #objBody .textContent .contentTitle { padding-left:5px; } #VehicleDetailPage #objBody .textContent .contentText { padding-left:5px; } #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:#35a800; } /* AUTO 2 */ #Auto2InventoryList .auto2-inventorylist { margin-left:3px; } #Auto2InventoryList .auto2-inventorylist .auto2-content { padding:8px 5px; } /* ******************** G. MODULE SPECIFIC ******************** */ /* QUICK QUOTE */ #objBody .L2PageText.quickQuote { color:#000000; width:256px; } #objBody .L2PageText.quickQuote .clsHeading { color:#333333; } #objBody .L2PageText.quickQuote .rightPanelBox { } #objBody .L2PageText #quick-quote-container{ position:relative; width:256px; } #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:120px; } #objBody .L2PageText .quick-quote-last { float:left; width:120px; } #objBody .L2PageText .quick-quote-first input, .quick-quote-last input { width:100px; } #objBody .L2PageText .quick-quote-phone { width:256px; margin-top:5px; float:left; } #objBody .L2PageText .quick-quote-phone .quick-quote-phone { width:256px; } #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:220px;} #objBody .L2PageText .quick-quote-model { clear:both; float:none; padding-top:5px; width:225px; } #objBody .L2PageText .quick-quote-model select { margin-top:5px; width:225px; } #objBody .L2PageText .quick-quote-model .quick-quote-label{ display:none; } #objBody .L2PageText .quick-quote-button { clear:both; float:left; text-align:right; width:225px;} #objBody .L2PageText .quick-quote-button #submit-button{ padding:10px 0px; } /* QUICK SEARCH */ #objBody .L2PageText .quickSearch { color:#000000; display:inline; margin-left:4px; padding:10px 0px; width:256px; } #objBody .L2PageText .quickSearch .clsHeading { background:transparent url(/images/108/green_onaquablue/homeHeadingBg.jpg) scroll no-repeat top left; color:#666666; } #objBody .L2PageText .quickSearch .rightPanelBox { background:transparent url(/images/108/green_onaquablue/homeQQQSBg.jpg) scroll repeat-y top left !important; } #objBody .L2PageText .quickSearch .clearBox { background:transparent url(/images/108/green_onaquablue/homeQQQSBottomBg.jpg) scroll no-repeat top left; font-size:12px; line-height:12px; } #objBody #searchType span { padding-right:30px; } #objBody .L2PageText #QuickSearchForm { margin:0px; padding:10px; position:relative; width:235px; } #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:220px; } #objBody .L2PageText.quickSearch #searchMake select, #contentPageText .L2PageText.quickSearch #searchModel select { width:220px !important; } #objBody .L2PageText #searchButton { width:220px; text-align:right; } #objBody .L2PageText #searchButton button { font-size:11px; } /* HOMEPAGE QUICK QUOTE */ #HomePage #quick-quote-container { padding-bottom:0 !important; } #HomePage #quick-quote-container DIV { line-height:10px; } #HomePage .quickQuote { background:transparent url(/images/108/green_onaquablue/homeQQQSBg.jpg) scroll repeat-y top left !important; color:#000000; display:inline; padding:0px; margin:10px 0px; margin-left:8px; margin-right:4px; width:178px; } #HomePage .quickQuote .clsHeading { background:transparent url(/images/108/green_onaquablue/homeHeadingBg.jpg) scroll no-repeat top left; color:#333333; } #HomePage .quickQuote .rightPanelBox { background:transparent url(/images/108/green_onaquablue/homeQQQSBottomBg.jpg) scroll no-repeat bottom left !important; height:195px; } #HomePage #quick-quote-container input, #quick-quote-container select{ font-size:10px; } #HomePage .quick-quote-label { 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/green_onaquablue/homeQQQSBg.jpg) scroll repeat-y top left !important; color:#000000; display:inline; height:208px; padding:0px; margin:10px 0 0 0; margin-right:4px; width:178px; } #HomePage #quickSearchContainer .clsHeading { background:transparent url(/images/108/green_onaquablue/homeHeadingBg.jpg) scroll no-repeat top left; color:#333333; } #HomePage #quickSearchContainer .rightPanelBox { background:transparent url(/images/108/green_onaquablue/homeQQQSBottomBg.jpg) scroll no-repeat bottom left !important; height:195px; } #HomePage #quickSearchForm #searchMake select { width:160px !important; } #HomePage #quickSearchForm #searchModel select { width:160px !important; } #HomePage #searchType .typeNew { margin-top:5px; width:100%; } #HomePage #searchType .typeUsed { margin-top:15px; width:100%; } #HomePage #searchMake { margin-top:15px; width:100%; } #HomePage #searchModel { margin-top:5px; margin-bottom:10px; width:100%; } #HomePage #searchMake select { width:160px !important; } #HomePage #searchModel select { width:160px !important; } #HomePage #searchButton { clear:both; text-align:right; width:160px; } #objBody .quickQuote .clsHeading { font:normal normal bold 14pt arial; } #objBody .quickSearch .clsHeading { font:normal normal bold 14pt arial; } #objBody .l2PageTextItem.QQ .clsHeading { font:normal normal bold 11pt arial; } #objBody .l2PageTextItem.QS .clsHeading { font:normal normal bold 11pt arial; } #objBody .clsHeading { font:normal normal bold 11pt arial; } #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; } #objBody .l2PageTextItem a { font-family:arial; } #objBody #emailForm .clsHeading { color:#333333; } /* ******************** 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:130px; } * HTML #VehicleDetailPage #objBody .textContent { margin-left:2px; } * HTML #quickSearchContainer { width:255px !important; } * HTML #quickSearchContainer .rightPanelBox { height:203px; }