/********************* 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 *********************/ /* ******************** A. GLOBAL ******************** */ BODY { background:#ffffff url(/images/111/white_onblue/bodyBg1px.jpg) scroll repeat-x top left; } /* ******************** B. HEADER ******************** */ #objHeader { height:75px; } #objHeader #branding { top:0; } #headerMessage { color:#ffffff; font:normal normal normal 18px arial; } #companyLogo { float:left; margin:0; z-index:10; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { height:39px; } #nav { background:transparent url(/images/111/white_onblue/gradientBg.jpg) scroll repeat top left; } #nav ul { top:39px; } #nav li { height:39px; } #nav .topMItem { background:transparent url(/images/111/white_onblue/gradientBg.jpg) scroll no-repeat bottom left; height:39px; line-height:39px; } #nav .topMItem a { color:#333333; font-family:arial; height:39px; line-height:39px; } #nav .topMItem a:hover { background:transparent url(/images/111/white_onblue/onHoverTopNavBg.jpg) scroll no-repeat top left; color:#333333; } #nav .topMItem.firstMItem { border-left:0; } #nav .topMItem.firstMItem a { background:transparent url(/images/111/white_onblue/gradientCorners.jpg) scroll no-repeat top left; } #nav .topMItem.lastMItem a { background:url(/images/111/white_onblue/gradientCorners.jpg) 100% -44px no-repeat; } #nav .topMItem.firstMItem a:hover { background:transparent url(/images/111/white_onblue/firstLastItemBg.jpg) scroll no-repeat top left; } #nav .topMItem.lastMItem a:hover { background:transparent url(/images/111/white_onblue/firstLastItemBg.jpg) scroll no-repeat bottom left; } #nav .subMenuList { background:transparent url(/images/111/white_onblue/subNavCorners.jpg) scroll no-repeat bottom right; } #nav .subMenuList li { background:transparent url(/images/111/white_onblue/subNavCorners.jpg) scroll repeat-y 141px 0px; } #nav .subMenuList a { background:transparent url(/images/111/white_onblue/subNavBg.jpg) scroll no-repeat bottom left; color:#333333; } #nav .subMenuList a:hover { background-position:top left; color:#ffffff; } #nav .subMenuList .firstMItem a:hover { background:transparent url(/images/111/white_onblue/subNavBg.jpg) scroll no-repeat top left; } #nav .subMenuList .lastMItem a:hover { background:transparent url(/images/111/white_onblue/subNavBg.jpg) scroll top left;} #HomePage #nav .subMenuList { background:transparent url(/images/clear.gif) scroll no-repeat bottom right; } #HomePage #nav .subMenuList li { background:transparent url(/images/clear.gif) scroll repeat-y 141px 0px; } /* ******************** D. BODY ******************** */ #objBody { background:#ffffff; padding:10px; } #objBody .textContent { position:relative; } #objBody .textContent .contentTitle H1 { color:#003e77; } #objBody .textContent .contentText { color:#3e484a; } #objBody .textContent .contentText a { color:#003e77; } #objBody #contentArea .contentTitle H1 { color:#003e77; } #objBody #contentArea .contentText { color:#3e484a; } #objBody #contentArea .contentText a { color:#003e77; } #objBody #contentPageText a { color:#003e77; } #objBody #config-page-text a { color:#003e77; } #objBody #contentPageText .l2PageTextItem { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #contentPageText .topShadow, #objBody #config-page-text .topShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #contentPageText .bottomShadow, #objBody #config-page-text .bottomShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #top-box { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #top-box .topShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #top-box .bottomShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #detailPageText1 { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #detailPageText1 .topShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #objBody #detailPageText1 .bottomShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat bottom left; } #objBody #config-page-text .comparatorPageText { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #config-page-text .configPageText { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll repeat-y top right; } #objBody #config-page-text .content { color:#333333; } #objBody #contentPageText .content { color:#333333; } .clsHeading { color:#000000; } .l2PageTextItem .clsHeading { font-size:14px; padding:0 0 5px 10px !important; } .rightPanelBox { color:#333333; } .rightPanelBox select { color:#000000; } .generic-form { color:#333333; } .formHeader { background-color:#000000; color:#ffffff !important; } .tableSet { background-color:#000000 !important; color:#ffffff; } .tableSet a { color:#ffffff; } .dataTableRowAlt { background-color:#cccccc; } .dataTableRow a { color:#61b3e0; } .dataTableRowAlt a { color:#61b3e0; } /* ******************** E. FOOTER ******************** */ #objFooter { background:transparent url(/images/111/white_onblue/gradientBg.jpg) scroll repeat-x 40px -44px; margin-top:0; overflow:hidden; } #objFooter .footerText { background:transparent url(/images/111/white_onblue/gradientCorners.jpg) scroll no-repeat 0px -96px; color:#838383; font:normal normal normal 12px 'trebuchet ms'; } #objFooter .footerText a { color:#61b3e0; font:normal normal normal 12px 'trebuchet ms'; text-decoration: none; } #objFooter .rightSideShadow { background:transparent url(/images/111/white_onblue/gradientCorners.jpg) scroll no-repeat bottom right; } #objSEO .extendedDescription { color:#7e7f7f; } #objSEO .extendedDescription a { color:#61b3e0; } #objSEO .projectLinks { color:#61b3e0; } #objSEO .projectLinks a { color:#61b3e0; } #objSEO .additionalFooterContent { color:#999999; } #objSEO .additionalFooterContent a { color:#61b3e0; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objBody { background:none; padding:0;} #HomePage .welcomeMessage { color:#ffffff; } #HomePage .welcomeMessage .message a { color:#ffffff; } #HomePage .welcomeMessage .bottomShadow { display:none; } #HomePage .middleTextBox { color:#333333; } #HomePage .middleTextBox a { color:#333333; } #HomePage .welcomeMessage2 { color:#333333; } #HomePage .welcomeMessage2 a { color:#333333; } #HomePage .textContent { color:#333333; } #HomePage .textContent .mainContent a { color:#1983de; } #HomePage .textContent .pageTextItem { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll repeat-y top right; margin-bottom:4px; } #HomePage .textContent .pageTextItem a { color:#1983de; } #HomePage .textContent .pageTextItem .bottomShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat bottom left; } #HomePage .textContent .pageTextItem .topShadow { background: transparent url(/images/111/white_onblue/pageTextBorders.jpg) scroll no-repeat -257px 0px; } #HomePage .textContent .pageTextItem.QQ .topShadow { display:none; } #HomePage .textContent .pageTextItem.QQ .bottomShadow { display:none; } #HomePage .textContent .pageTextItem.QS .topShadow { display:none; } #HomePage .textContent .pageTextItem.QS .bottomShadow { display:none; } #HomePage .textContent .pageTextItem.EF .topShadow { display:none; } #HomePage .textContent .pageTextItem.EF .bottomShadow { display:none; } #HomePage .textContent .pageTextItem.QQ { background:none; } #HomePage .textContent .pageTextItem.QS { background:none; } #HomePage .textContent .pageTextItem.EF { background:none; } #SiteMapPage { color:#333333; } #SiteMapPage a { color:#007cc2; } #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 ******************** */ #objBody #contentPageText { position:relative; } #objBody #contentPageText .l2PageTextItem.QQ { background:none; } #objBody #contentPageText .l2PageTextItem.QS { background:none; } #objBody #contentPageText .l2PageTextItem.QQ .topShadow { display:none !important; } #objBody #contentPageText .l2PageTextItem.QS .topShadow{ display:none !important; } #objBody #contentPageText .l2PageTextItem.QQ .bottomShadow { display:none !important; } #objBody #contentPageText .l2PageTextItem.QS .bottomShadow{ display:none !important; } /* QUICK SEARCH */ #quickSearchContainer { height:88px; overflow:hidden; } #quickSearchContainer .clsHeading { float:left; padding: 0 0 0 10px !important; width:100%; } #quickSearchContainer .rightPanelBox { width:100%; } #quickSearchForm { width:85%; } #quickSearchForm #searchType { width:100%; } #quickSearchForm #searchMake{ margin:5px 0 1px 0; width:40%; } #quickSearchForm #searchModel { margin:5px 0 1px 0; width:40%; } #quickSearchForm #searchMake span, #quickSearchForm #searchModel span { display:none; } #quickSearchForm #searchMake select, #quickSearchForm #searchModel select { float:none; width:98% !important; } #quickSearchForm #searchButton { padding-top:4px; padding-bottom:2px; } #quickSearchForm #searchButton button { font-size:11px; } /* QUICK QUOTE */ #quickQuoteContainer { height:130px; overflow:hidden; } #quickQuoteContainer .clsHeading { padding: 0 0 0 10px !important; } #quickQuoteForm { padding:0; width:230px; } #quickQuoteForm .quoteButton { padding-top:4px; } #quickQuoteForm .quoteModel { padding-bottom:3px; width:175px; } #quickQuoteForm .quoteModel .quoteLabel { display:none; } #quickQuoteForm .quoteModel #model { float:left; } #quickQuoteForm .quoteButton { width:auto; } /* SHORT EMAIL */ #shortEmailForm .shortEmailInput { float:left; padding-bottom:3px; width:170px; } #shortEmailForm .shortEmailInput input { padding:0; width:165px; } #shortEmailForm .shortEmailSubmit { float:left; padding-top:17px; width:25%; }