/********************* Author:Sherwin Sena Aborot Date:11/7/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:#ffffff none scroll repeat-x top left; } #objContainer { padding:0px 15px 0px 15px; width:990px; } #rightPageShadow { display:block; height:100%; position:absolute; top:0px; right:0px; width:15px;} #leftPageShadow { display:block; height:100%; position:absolute; top:0px; left:0px; width:15px;} #bottomPageShadow { display:block; height:17px; margin:auto; position:relative; padding:0px 15px; width:990px; } H1,H2,H3,H4,H5,H6 { color:#000000; } .activeTopNavItem .topMItem a { } .activeMainNavItem a { } .activeSecondNavItem a { } .form-header { background-color:#135cda; color:#ffffff; } .formHeader { background-color:#135cda; 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; } #companyLogo { position:relative; z-index:20; } #objHeader #branding { font-size:0px; z-index:1; } #companyNameImage { } #headerMessage { color:#333333; left:auto; right:0px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:transparent url(/images/108/green-blue_onwhite/navBg.jpg) scroll repeat-x top left; border-bottom:0px solid transparent; height:30px; } #objNavigation ul { width:auto; float:left; } #nav li { line-height:30px; text-align:center; width:129px; } #nav li .topMItem { } #nav a { } #nav .topMItem a { background:transparent url(/images/108/green-blue_onwhite/navItemBg.jpg) scroll no-repeat top left; color:#ffffff; font:normal normal bold 13px 'trebuchet ms'; height:30px; line-height:30px; padding-left:0px; text-align:center; } #nav .topMItem a:hover { background:transparent url(/images/108/green-blue_onwhite/navItemHoverBg.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:#cecfd0; color:#0f48ac; font:normal normal bold 13px 'trebuchet ms'; line-height:20px; text-align:left; } #nav .subMenuList li a:hover { background:#6dce2a none scroll repeat-x bottom left; color:#ffffff; font:normal normal bold 12px 'arial'; line-height:20px; } #nav ul { top:30px; } #nav li div.topMItem a.litUpItem { background:transparent url(/images/108/green-blue_onwhite/navItemHoverBg.jpg) scroll no-repeat bottom left; color:#ffffff; cursor:default; } #nav .subMenuList li a.litUpItem { color:#35a800; } /* ******************** D. BODY ******************** */ #objBody { background:transparent url(/images/108/green-blue_onwhite/footerTextBg.jpg) scroll no-repeat top left; width:990px; } #objBody a { color:#E29242; } #objBody .textContent { margin-top:20px; padding-left:30px; } #objBody.textContent a { color:#1c66b3; } #objBody .textContent.noPageText { margin-top:20px; } #objBody .textContent .contentTitle { color:#339c10; } #objBody .textContent .contentTitle H1 { color:#339c10; font:normal normal normal 21px arial; } #objBody .textContent .contentText { color:#303839; font:normal normal normal 13px arial; } #objBody .formHeader { background-color:#135cda; color:#ffffff; } #objBody .L2PageText a { color:#333333; } #objBody .L2PageText H1,H2,H3,H4,H5,H6 { color:#333333; } #objBody .L2PageText .clsHeading { background:transparent url(/images/108/green-blue_onwhite/pageTextHeadingBg.jpg) scroll no-repeat bottom left; padding:0px 10px 0px 10px; } #objBody .L2PageText { background:transparent url(/images/108/green-blue_onwhite/pageTextBg.jpg) scroll repeat-y bottom left; color:#001f55; font:normal normal normal 12px arial; margin-bottom:10px; padding:0px; width:256px; } #objBody .objBodyTail { font-size:12px; line-height:15px;} #objBody #contentPageText { font-size:11px !important; margin-top:20px; width:257px; } #objBody #contentPageText form { font-size:11px !important; } #objBody #contentPageText form select { padding:0; } #objBody #contentPageText a { color:#1983de; } #objBody #configPageText a { color:#1983de; } #objBody #contentPageText .l2PageTextItem { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll repeat-y top right; } #contentPageText .l2PageTextItem .clsHeading { color:#005fbb; font-size:14px; } #objBody #contentPageText .topShadow, #objBody #configPageText .topShadow { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll no-repeat -257px 0px; font-size:5px; } #objBody #contentPageText .bottomShadow, #objBody #configPageText .bottomShadow { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll no-repeat bottom left; font-size:5px; } #objBody #top-box { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #top-box .topShadow { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #top-box .bottomShadow { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #detailPageText1 { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #detailPageText1 .topShadow { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #detailPageText1 .bottomShadow { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #configPageText .comparatorPageText { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #configPageText .configPageText { background: transparent url(/images/111/blue_onsilver/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #configPageText .content { color:#333333; } #objBody #contentPageText .content { color:#333333; } .clsHeading { color:#1983de; } .rightPanelBox { color:#333333; } .rightPanelBox select { color:#000000; } /* ******************** E. FOOTER ******************** */ #objFooter { font:normal normal normal 13px 'trebuchet ms'; } #objFooter .footerText { background:transparent url(/images/108/green-blue_onwhite/footerTextBg.jpg) scroll no-repeat bottom left; color:#666666; text-align:right; } #objFooter .footerText a { color:#666666; } #objFooter .footerLinks { } #objFooter .footerLinks a { color:#666666; font:normal normal normal 13px 'trebuchet ms'; } #objSEO { font:normal normal normal 13px 'trebuchet ms'; } #objSEO .extendedDescription { color:#707070; font:normal normal normal 13px 'trebuchet ms'; } #objSEO .extendedDescription a { color:#707070; } #objSEO .projectLinks { font:normal normal normal 13px 'trebuchet ms'; } #objSEO .projectLinks a { color:#666666; font-weight:normal; } #objSEO .additionalFooterContent { color:#707070; font:normal normal normal 13px 'trebuchet ms'; } /* ******************** F. PAGE SPECIFIC ******************** */ /* TEXT PAGE */ #TextPage .textContent a { color:#1c66b3 } /* HOME PAGE */ #HomePage #objBody { background:none; } #HomePage .clsHeading { color:#333333; } #HomePage .textContent { background:#1e55b6 url(/images/108/green-blue_onwhite/textContentBg.jpg) scroll repeat-x bottom left; margin-top:0px; padding:14px 0px; width:990px;} #HomePage .middleTextBox { background:transparent url(/images/108/green-blue_onwhite/homeTextBoxBg.jpg) scroll repeat-x top left; color:#ffffff; height:46px; } #HomePage .mainContent { color:#ffffff; float:left; padding:0px; padding-left:5px; } #HomePage .mainContent.hideQQQS { width:985px; } #HomePage .mainContent.showBothOnLeft, #HomePage .mainContent.showBothOnRight, #HomePage .mainContent.showBothOnLeftRight, #HomePage .mainContent.showBoth { width:590px; } #HomePage .mainContent.showSingleOnLeft, #HomePage .mainContent.showSingleOnRight, #HomePage .mainContent.showSingle { width:790px; } #HomePage .mainContent.quickTool { margin-left:165px; width:425px; } * HTML #HomePage .mainContent.quickTool { margin-left:83px; width:410px;} #HomePage .mainContent.showSingleOnRight.quickTool { margin-left:0px; width:790px; } * HTML #HomePage .mainContent.showSingleOnRight.quickTool { margin-left:0px; width:790px;} #HomePage .welcomeMessage2 { color:#ffffff; padding-left:10px; } #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 .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:#135cda; color:#ffffff; } #VehicleListPage .tableSet a { color:#ffffff; } #vehicleListContent .dataTableRow { background-color:#ffffff; } #vehicleListContent .dataTableRowAlt { background-color:#dddddd; } #VehicleListContent td a { color:#1c66b3; } #vehicleListContent .genericTable span.data { color:#1c66b3; } #inv-listing { background-color:#f3f3f3; } #VehicleListPage #objBody .textContent.noPageText { margin-top:10px; padding-left:20px; width:950px; } /* 3VIEW */ #VehicleListPage3views #carInfoTable .tableSet { background-color:#135cda !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 */ #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 #objBody .textContent { width:100%; } #VehicleConfiguratorPage #contentPageText { font-size:11px !important; margin-top:0; margin-left:10px; width:257px; } #VehicleConfiguratorPage #configurator .configPageText { background:#f3f3f3 } #VehicleConfiguratorPage #objBody #configPageText a { color:#e9242f; } /* ******************** G. MODULE SPECIFIC ******************** */ /* HOMEPAGE QUICK QUOTE */ #HomePage .quickQuote { color:#000000; display:inline; float:right; margin-right:16px; padding:0 0 0 8px; width:175px; } #HomePage .quickQuote .clsHeading { background:transparent url(/images/108/green-blue_onwhite/homeHeadingBg.jpg) scroll no-repeat top left; color:#001f55; } #HomePage .quickQuote .rightPanelBox { background:#fbfbfb none scroll repeat-y top left !important; } #HomePage .quickQuote .clearBox { font-size:0px; line-height:0px; } #HomePage .quickQuote form { padding:5px 10px; } #HomePage #quick-quote-container { padding:0; position:relative; width:165px; } #HomePage #quick-quote-container input, #quick-quote-container select{ font-size:10px; } #HomePage .quick-quote-label { color:#333333; font:normal normal normal 12px 'trebuchet ms'; } #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-color:#fbfbfb; color:#000000; display:inline; float:right; height:220px; margin-right:16px; padding:0px; width:175px; } #HomePage .quickSearch .clsHeading { background:transparent url(/images/108/green-blue_onwhite/homeHeadingBg.jpg) scroll no-repeat top left; color:#001f55; } #HomePage .quickSearch .rightPanelBox { background:#fbfbfb none scroll repeat-y top left !important; } #HomePage .quickSearch .clearBox { background:transparent none scroll no-repeat top left; height:10px; } #HomePage #searchType .typeNew { margin-top:5px; padding:0px; width:100%; } #HomePage #searchType .typeUsed { margin-top:15px; padding:0px; 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:both; text-align:right; width:160px; } #HomePage #QuickSearchForm { padding-right:0px; } #HomePage #QuickSearchForm #searchModel select { width:160px; } #objBody .quickQuote .clsHeading { font:normal normal bold 16pt arial; line-height:30px; } #objBody .quickSearch .clsHeading { font:normal normal bold 16pt arial; line-height:30px; } /* L2 Page text QUICK SEARCH */ #objBody .l2PageTextItem #quickSearchForm #searchMake span { float:left; } #objBody .l2PageTextItem #quickSearchForm #searchMake select { float:right; } #objBody .l2PageTextItem #quickSearchForm #searchModel span { float:left; } #objBody .l2PageTextItem #quickSearchForm #searchModel select { float:right; } #objBody .l2PageTextItem #quickSearchForm #searchButton { padding:0 0 5px 0; width:100%; } #objBody .l2PageTextItem #quickSearchForm #searchType .typeNew { margin-top:0px; } #objBody .l2PageTextItem #quickSearchForm #searchType .typeUsed { margin-top:0px; } /* L2 Page text QUICK QUOTE */ #objBody .l2PageTextItem #quickQuoteForm #customerfirstname { width:95%; } #objBody .l2PageTextItem #quickQuoteForm #customerlastname { width:100%; } #objBody .l2PageTextItem #quickQuoteForm .quoteDayPhoneFields input { width:28% !important; } #objBody .l2PageTextItem #quickQuoteForm .quoteZip input { width:100%; } #objBody .l2PageTextItem #quickQuoteForm select { width:100% !important; } #objBody .l2PageTextItem #quickQuoteForm .quoteEmail input { width:100%; } #objBody .l2PageTextItem #quickQuoteForm .quoteButton { padding:5px 0; text-align:right; width:100%; } #objBody .l2PageTextItem #quickQuoteForm .quoteButton input { float:none; } /* L2 Page text SHORT EMAIL */ #shortEmailContainer .content { padding:0 10px; } #objBody .l2PageTextItem.EF .emailFormInput { padding-top:0; } #objBody .l2PageTextItem.EF .shortEmailText { padding:5px 0; } #objBody .l2PageTextItem.EF .shortEmailSubmit { float:right; padding:5px 0; text-align:right; } #objBody .l2PageTextItem.EF .emailFormSubmit { margin-right:10px; } /* ******************** 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 { padding:0px 0px 0px 10px; width:165px; }