/********************* Jazel Inc. Date:1/2/2009 ********************** ********************** Table of Contents - A. Global - B. Header - C. Navigation - D. Body - E. Footer - F. Page Specific - G. Module Specific - H. Filters *********************/ /* ******************** A. GLOBAL ******************** */ #objContainer { width:100%; } .clearBox { height:0; } p { margin:0 !important; } /* ******************** B. HEADER ******************** */ #objHeader { height:auto; margin:auto; width:990px; } #objHeader #companyLogo { margin:0; } #objHeader #headerMessage { font:normal normal normal 16px arial; white-space:nowrap; } #objHeader #headerMessage a { color:#000; text-decoration:none; } #objHeader #headerMessage a:hover { color:#666; } #objHeader h1, #objHeader h2 { color:#000; font:normal normal normal 21px arial; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:transparent url(/images/111/blue_green_onwhite/navBg.jpg) scroll repeat-x top left; height:40px; } #nav.nav_class { display:table; float:none; margin:auto; width:990px; z-index:999; } #nav li { background:transparent url(/images/111/blue_green_onwhite/navItemBorder.jpg) scroll no-repeat top left; height:40px; width:123px; } #nav .topMItem { padding-left:2px; } #nav .topMItem a { color:#333333; font:14px/40px arial; height:40px; } #nav .topMItem a:hover { background:#FFF; color:#007CD4; } #nav .topMItem.lastMItem { background:transparent url(/images/111/blue_green_onwhite/navItemBorder.jpg) scroll no-repeat top right; padding-right:2px; width:125px; } #nav .topMItem.lastMItem a:hover { background:#FFF; color:#007cd4; } #nav .subMenuList { background:transparent url(/images/clear.gif) scroll repeat top left; padding:0; width:197px; } #nav .subMenuList { width:197px; } #nav .subMenuList div { padding:0; width:197px; } #nav .subMenuList a { background:transparent url(/images/111/blue_green_onwhite/subNavBg.jpg) scroll no-repeat top left; color:#333; font:normal normal normal 12px arial; } #nav .subMenuList a:hover { background:transparent url(/images/111/blue_green_onwhite/subNavHoverBg.jpg) scroll no-repeat top left; color:#ffffff; } #nav .subMenuList .lastMItem { background:transparent url(/images/111/blue_green_onwhite/bottomSubNavShadow.gif) scroll no-repeat bottom left; height:24px; } #nav .subMenuList .onlyMItem { background:transparent url(/images/111/blue_green_onwhite/bottomSubNavShadow.gif) scroll no-repeat bottom left; height:24px; } #nav ul li ul, #nav ul ul li ul { left:193px; } /* ******************** D. BODY ******************** */ #objBody { margin:auto; padding-top:18px; width:990px; } #objBody .textContent .contentTitle H1 { color:#10244f; font:normal normal normal 21px arial; } #objBody .textContent .contentText { color:#333; font:normal normal normal 13px/18px arial; } #objBody .textContent .contentText a { color:#007cd4; font:normal normal normal 13px/18px arial; text-decoration:none; } #objBody .textContent .contentText a:hover { color:#10244f; } #objBody #contentArea .contentTitle H1 { color:#10244f; font:normal normal normal 21px arial; } #objBody #contentArea .contentText {color:#333; font:normal normal normal 13px/18px arial; } #objBody #contentArea .contentText a { color:#007cd4; font:normal normal normal 13px/18px arial; text-decoration:none; } #objBody #contentArea .contentText a:hover { color:#10244f; } #objBody #contentArea H2 { color:#333; font:normal normal normal 16px arial; } #objBody #contentArea H3 { color:#333; font:normal normal bold 14px arial; } #objBody #contentPageText a { color:#3a8800; font:normal normal bold 11px arial; text-decoration:none; } #objBody #config-page-text a { color:#3a8800; font:normal normal bold 11px arial; text-decoration:none; } #objBody #contentPageText a:hover { color:#10244f; } #objBody #config-page-text a:hover { color:#10244f; } #objBody #contentPageText .l2PageTextItem { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #contentPageText .topShadow, #objBody #config-page-text .topShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #contentPageText .bottomShadow, #objBody #config-page-text .bottomShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #top-box { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #top-box .topShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #top-box .bottomShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #detailPageText1 { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #detailPageText1 .topShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #detailPageText1 .bottomShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #config-page-text .comparatorPageText { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #config-page-text .configPageText { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #config-page-text .content { color:#333; } #objBody #contentPageText .content { color:#333; } .clsHeading { color:#000; font:normal normal bold 18px arial; } .text { color:#000; font:normal normal normal 12px/18px arial; } .text a { color:#3a88000; font:normal normal bold 11px arial; text-decoration:none; } .text a:hover { color:#10244F; } .text h3 { color:#000; font:normal normal normal 18px arial; } .rightPanelBox { color:#000; } .rightPanelBox select { color:#000; } .generic-form { color:#333333; } .formHeader { background-color:#1983de; color:#FFF !important; } .tableSet { background-color:#1983de !important; color:#FFF; } .tableSet a { color:#FFF; } .dataTableRowAlt { background-color:#CCC; } .dataTableRow a { color:#61b3e0; } .dataTableRowAlt a { color:#61b3e0; } /* ******************** E. FOOTER ******************** */ #objFooter { background:transparent url(/images/111/blue_green_onwhite/navBg.jpg) scroll repeat-x top left; height:40px; line-height:40px; } #objFooter .footerText { color:#000; font:normal normal normal 14px arial; height:40px; line-height:40px; margin:auto; width:990px; } #objFooter .footerText a { color:#3a8800; font:normal normal normal 12px arial; text-decoration:none; } #objFooter .footerText a:hover { color:#666; font:normal normal normal 14px arial; } #objSEO { background:transparent url(/images/111/blue_green_onwhite/footerBg.jpg) scroll repeat-x top left; } #objSEO .extendedDescription { background:#007cd4 url(/images/111/blue_green_onwhite/footerBg.jpg) scroll repeat-x top left; color:#FFF; font:normal normal normal 12px arial; line-height:27px; margin:auto; padding:0 0 0 14px; width:100%; } #objSEO .extendedDescription a { color:#FFF; } #objSEO .extendedDescription a:hover { color:#333; } #objSEO .projectLinks { color:#61b3e0; margin:auto; padding:0 0 0 14px; width:990px; } #objSEO .projectLinks a { color:#61b3e0; } #objSEO .additionalFooterContent { color:#999; font:normal normal normal 12px arial; margin:auto; padding:0 0 0 14px; width:990px; } #objSEO .additionalFooterContent a { color:#007cd4; font:normal normal normal 12px arial; text-decoration:none; } #objSEO .additionalFooterContent a:hover { color:#10244f; font:normal normal normal 12px arial; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objBody { background:transparent url(/images/111/blue_green_onwhite/welcomeBg.jpg) scroll repeat-x top left; padding-top:0; width:100%; } #HomePage .welcomeMessage { color:#FFF; height:236px; margin:auto; overflow:hidden; position:relative; width:990px; } #HomePage .welcomeMessage .message { color:#FFF; font:normal normal normal 18px arial; } #HomePage .welcomeMessage .message a { color:#666; font:normal normal normal 18px arial; text-decoration:none; } #HomePage .welcomeMessage .bottomShadow { display:none; } #HomePage .middleTextBox { color:#000; font:normal normal normal 14px/18px arial; margin:auto; width:990px; } #HomePage .middleTextBox a { color:#3A8800; font:normal normal normal 14px/18px arial; text-decoration:none; } #HomePage .middleTextBox a:hover { color:#666; } #HomePage .welcomeMessage2 { color:#000; font:normal normal normal 14px/18px arial; margin:auto; width:990px; } #HomePage .welcomeMessage2 a { color:#3a8800; text-decoration:none; } #HomePage .welcomeMessage2 a:hover { color:#666; } #HomePage .textContent { color:#333333; margin:auto; width:990px; } #HomePage .textContent .mainContent { color:#000; font:normal normal normal 12px/18px arial; float:right; } #HomePage .textContent .mainContent a { color:#3a8800; font:normal normal bold 11px/18px arial; text-decoration:none; } #HomePage .textContent .mainContent a:hover { color:#666; font:normal normal bold 11px/18px arial; } #HomePage .textContent .mainContent h3 { color:#000; font:normal normal bold 18px arial; } #HomePage .textContent .pageText { float:left; margin-left:20px; } #HomePage .textContent .pageTextItem { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll repeat-y top right; } #HomePage .textContent .pageTextItem a { color:#1983de; } #HomePage .textContent .pageTextItem .bottomShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat bottom left; } #HomePage .textContent .pageTextItem .topShadow { background: transparent url(/images/111/blue_green_onwhite/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #HomePage .pageTextItem.QQ #quickQuoteContainer .clsHeading { background: transparent url(/images/111/blue_green_onwhite/arrow.gif) scroll no-repeat top left; } #HomePage .pageTextItem.QS #quickSearchContainer .clsHeading { background: transparent url(/images/111/blue_green_onwhite/arrow.gif) scroll no-repeat top left; } #SiteMapPage { color:#333333; } #SiteMapPage a { color:#007cc2; } #SiteMapPage a:hover { color:#10244f; } #VehicleComparatorPage .left-col h1 { color:#D83907; } #FinanceCalculatorPage #finanance-calc-form { color:#333333; } #EmailAutoInfoForm .genericTable td { color:#333333; } #QuickQuoteForm .genericTable td { color:#333333; } #TestDriveForm .genericTable td { color:#333333; } #AutoInfoRequestForm .genericTable td { color:#333333; } /* ******************** G. MODULE SPECIFIC ******************** */ .l2PageTextItem.QS #quickSearchContainer .clsHeading { color:#000; font:normal normal bold 18px arial; } .pageTextItem.QS #quickSearchContainer .clsHeading { color:#000; font:normal normal bold 18px arial; height:48px; line-height:48px; margin-left:-30px; margin-top:-15px; padding:0 0 0 50px !important; } #quickSearchContainer .rightPanelBox { width:230px; } #quickSearchContainer .rightPanelBox form { color:#000; font: normal normal bold 11px arial !important; } #quickSearchForm select { float:none !important; } #quickSearchForm #searchMake, #quickSearchForm #searchModel { margin:0 5px; width:auto; } #searchMake span, #searchModel span { display:none; } #quickSearchForm #searchButton { float:right; padding-right:5px; width:auto; } .l2PageTextItem.QQ #quickQuoteContainer .clsHeading { color:#000; font:normal normal bold 18px arial; } .pageTextItem.QQ #quickQuoteContainer .clsHeading { color:#000; font:normal normal bold 18px arial; height:48px; line-height:48px; margin-left:-30px; margin-top:-15px; padding:0 0 0 50px !important; } #quickQuoteContainer .content { padding-top:0 !important; } #quickQuoteContainer .rightPanelBox { margin-top:-8px; width:230px; } #quickQuoteContainer .rightPanelBox form { color:#000; font: normal normal bold 11px arial !important; } #quickQuoteContainer .quoteModel { width:150px; } #quickQuoteContainer .quoteModel .quoteLabel { display:none; } #quickQuoteContainer .quoteModel #model { float:left; width:150px !important; } #quickQuoteContainer .surveyQuestions { padding-top:5px; } #quickQuoteContainer .surveyQuestions select { float:none; } #quickQuoteForm .quoteButton { float:right; padding-right:6px; padding-top:5px; width:auto; } /* ******************** H. FILTERS ******************** */ * HTML .pageTextItem.QQ #quickQuoteContainer .clsHeading { margin-left:-5px !important; margin-top:0; } * HTML .pageTextItem.QS #quickSearchContainer .clsHeading { margin-left:-5px !important; margin-top:0; } * HTML .pageTextItem.QQ #quickSearchForm #searchButton { padding-right:0; } * HTML #HomePage .textContent .pageText { margin-left:0px; }