/********************* 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:#d0dfe6 url(/images/118/green/bodyBg.jpg) scroll repeat-x left top; } /* ******************** B. HEADER ******************** */ #objHeader { background:#ffffff; } #objHeader #branding { top:0; } #headerMessage { color:#000000; font:normal normal normal 16px arial; } #headerMessage H1 { color:#000000; font:normal normal normal 21px arial; } #headerMessage H2 { color:#000000; font:normal normal normal 21px arial; } #headerMessage a { color:#000000; text-decoration: none; } #headerMessage a:hover { color:#125f3a; } #companyLogo { float:left; margin:0; z-index:10; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { background:transparent url(/images/118/green/topNavItemBg.jpg) scroll repeat-x center right; height:40px; margin-bottom:3px; } #nav { background:transparent url(/images/118/green/lastTopItemBg.jpg) scroll no-repeat center right; width:100%; } #nav li { height:40px; } #nav a { text-decoration:none; } #nav .topMItem { display:block; font-size:0; float:left; height:40px; } #nav .topMItem.firstMItem { background:transparent url(/images/118/green/firstTopItemBg.jpg) scroll no-repeat center left; } #nav .topMItem a { background:transparent url(/images/118/green/dropArrow.gif) scroll no-repeat center right; color:#ffffff; font:normal normal bold 12px/40px arial; height:40px; line-height:40px; padding:0 12px 0 25px; text-transform:uppercase; } #nav .topMItem a:hover { color:#003951; } #nav .subMenuList .firstMItem { background:none; } #nav .subMenuList .lastMItem { background:none; } #nav .subMenuList { background:#e2eae2 url(/images/118/blue_ongrey/navBottomShadow.jpg) scroll no-repeat bottom right; } #nav .subMenuList li { background:transparent url(/images/118/blue_ongrey/navRightShadow.jpg) scroll repeat-y top right; } #nav .subMenuList a { background:#e2eae2; color:#333333; display:block; font:normal normal normal 12px arial; width:129px; } #nav .subMenuList a:hover { background:#003951; border-color:#ffffff; color:#ffffff; } #nav ul { left:25px; top:40px; } /* ******************** D. BODY ******************** */ #objBody { background:#ffffff; } #objBody .contentTitle H1 { color:#000000; font:normal normal normal 21px arial; } #objBody .contentText { color:#000000; font:normal normal normal 14px/18px arial; } #objBody .contentText h1 { color:#000000; font:normal normal normal 21px arial; } #objBody .contentText h2 { color:#003850; font:normal normal normal 16px arial; } #objBody .contentText h3 { color:#000000; font:normal normal bold 14px arial; } #objBody .contentText a { color:#24955a; font:normal normal normal 13px/18px arial; text-decoration:none; } #objBody .contentText a:hover { color:#24955a; font:normal normal normal 13px/18px arial; text-decoration:underline; } #objBody #contentPageText { overflow:hidden; padding-right:20px; width:315px; } #objBody #contentPageText .clsHeading { color:#003850; font:normal normal normal 18px arial; } #objBody #contentPageText a { color:#003850; font:normal normal normal 13px arial; } #objBody #contentPageText .l2PageTextItem { color:#666666; font:normal normal normal 13px arial; width:100%; } #objBody #contentPageText .l2PageTextItem .content { border-top:1px solid #ffffff; padding:10px 0; } #objBody #contentPageText .l2PageTextItem .topShadow { border-bottom:1px solid #cdcbcc; display:block; } #objBody #contentPageText .l2PageTextItem.QQ .content { border:0; } #objBody #contentPageText .l2PageTextItem.QS .content { border:0; } #objBody #contentPageText .l2PageTextItem.QQ .topShadow { border:0; display:none; } #objBody #contentPageText .l2PageTextItem.QS .topShadow { border:0; display:none; } .formPage { color:#3e484a !important; font:normal normal normal 12px arial !important; line-height:20px !important; } .generic-form { color:#333333; } .formHeader { background-color:#10244f; color:#d5e0ec !important; } .tableSet { background-color:#999999 !important; color:#d5e0ec; } .tableSet a { color:#ffffff; } .dataTableRowAlt { background-color:#cccccc; } .dataTableRow a { color:#666666; } .dataTableRowAlt a { color:#666666; } /* ******************** E. FOOTER ******************** */ #objFooter { background:transparent url(/images/118/green/footerBg.jpg) scroll repeat-x top left; margin-top:5px; width:990px; } #objFooter .footerText { background:transparent url(/images/118/green/footerRightEdgeBg.jpg) scroll no-repeat top right; color:#ffffff; font:normal normal normal 12px arial; float:right; height:40px; line-height:40px; padding-right:12px; } #objFooter .footerText a { color:#ffffff; text-decoration: none; } #objFooter .footerText a:hover { color:#003951; font:normal normal normal 12px/40px arial; text-decoration:none; } #objFooter #objFooter .footerText a:hover { color:#5a6cab; } #objFooter .footerLinks { background:transparent url(/images/118/green/footerLeftEdgeBg.jpg) scroll no-repeat top left; float:left; list-style-position:outside; } #objFooter .footerLinks li { background:transparent url(/images/118/green/footerLinkBg.jpg) scroll no-repeat top right; } #objFooter .footerLinks li a { color:#ffffff; font:normal normal normal 12px/40px arial; text-decoration:none; } #objFooter .footerLinks li a:hover { color:#003951; font:normal normal normal 12px/40px arial; text-decoration:none; } #objSEO { background-repeat:no-repeat; background-position:top center; } #objSEO .extendedDescription { color:#5a7366; font:normal normal normal 12px arial; } #objSEO .extendedDescription a { color:#5a7366; text-decoration:none; } #objSEO .extendedDescription a:hover { color:#5a7366; text-decoration:underline; } #objSEO .additionalFooterContent { color:#5a7366; font:normal normal normal 12px arial; } #objSEO .additionalFooterContent a { color:#5a7366; text-decoration:none; } #objSEO .additionalFooterContent a:hover { color:#003951; text-decoration:none; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage .homeContentContainer { background:#ffffff; } #HomePage #objBody .mainPromoMessage { color:#3b5d82; font:normal normal normal 10px arial; } #HomePage #objBody .mainPromoMessage a { color:#c71458; font-weight:bold; text-decoration:none; } #HomePage #objBody .mainPromoMessage strong { color:#c71458; } #HomePage #objBody .mainPromoMessage h3 { color:#000000; font:normal normal bold 15px georgia; } #HomePage #objBody .welcomeMessage { color:#ffffff; font:normal normal normal 11px 'trebuchet ms'; } #HomePage #objBody .welcomeMessage h1 { color:#ffffff; font:normal normal bold 21px arial; } #HomePage #objBody .welcomeMessage h2 { color:#ffffff; font:normal normal normal 18px arial; } #HomePage #objBody .welcomeMessage a { color:#9cc3d6; font:normal normal normal 11px 'trebuchet ms'; } #HomePage #objBody .welcomeMessage a:hover { color:#ffffff; } #HomePage #objBody .mainContent { color:#000000; font:normal normal normal 14px/18px arial; padding-left:10px; } #HomePage #objBody .mainContent a { color:#000000; font:normal normal bold 14px/18px arial; text-decoration:none; } #HomePage #objBody .mainContent a:hover { color:#24955a; } #HomePage #objBody .mainContent h3 { color:#003951; font:normal normal bold 14px arial; } #HomePage #objBody .mainContent .clsHeading { color:#333333; font:normal normal normal 16px georgia; } #HomePage #objBody .middleSection { background:#ffffff; color:#000000; font:normal normal normal 14px/18px arial; display:block; float:left; margin-bottom:0; padding-left:10px; width:980px; } #HomePage #objBody .middleSection h2 { color:#96abc4; font:normal normal normal 16px georgia; } #HomePage #objBody .middleSection h3 { color:#001134; font:normal normal normal 18px georgia; line-height:24px; } #HomePage #objBody .middleSection a { color:#000000; font:normal normal bold 14px arial; text-decoration:none; } #HomePage #objBody .middleSection a:hover { color:#003951; } #HomePage #objBody .welcomeMessage2 { background:#ffffff; color:#000000; font:normal normal normal 14px/18px arial; margin:0; } #HomePage #objBody .welcomeMessage2 h2 { color:#666666; font:normal normal normal 16px georgia; } #HomePage #objBody .welcomeMessage2 h3 { color:#666666; font:normal normal normal 18px georgia; line-height:24px; } #HomePage #objBody .welcomeMessage2 a { color:#000000; font:normal normal bold 14px/18px arial; text-decoration:none; } #HomePage #objBody .welcomeMessage2 a:hover { color:#003951; } #HomePage #objBody .HomePageTextItem { color:#333333; font:normal normal normal 11px arial; line-height:14px; } #HomePage #objBody .HomePageTextItem .clsHeading { color:#333333; font:normal normal normal 16px georgia; } #HomePage #objBody .HomePageTextItem a { color:#c71458; font:normal normal normal 11px arial; line-height:14px; text-decoration:none; } #SiteMapPage .sitemapMenuLink { color:#333333; font:normal normal normal 13px/18px arial; } #SiteMapPage a.sitemapMenuLink:hover { color:#24955a; } #SiteMapPage #siteMapRightContent { color:#333333; font:normal normal normal 13px/18px arial; } #SiteMapPage #siteMapRightContent a { color:#333333; } #SiteMapPage #siteMapRightContent a:hover { color:#24955a; } #Auto2InventoryList #objBody { padding:25px 0 0 0; } #Auto2InventoryList #objBody .textContent.noPageText { padding-left:0; width:990px; } #Auto2InventoryList #objBody .auto2-inventorylist .auto2-content { padding:0; } #Auto2InventoryDetails #objBody { padding:25px 0 0 0; } #Auto2InventoryDetails #objBody .textContent.noPageText { padding-left:0; width:990px; } #Auto2InventoryDetails #objBody .auto2-inventorydetails.auto2-content { padding:0; } .detailPageContent a { color:#10244f; font:normal normal normal 13px arial; text-decoration:none; } .detailPageContent a:hover { text-decoration:underline; } /* ******************** G. MODULE SPECIFIC ******************** */ #quickSearchContainer { border-bottom:1px solid #cdcbcc; color:#666666; } #quickSearchContainer .clsHeading { color:#003850; font:normal normal normal 18px arial; } #quickQuoteContainer { border-top:1px solid #ffffff; color:#666666; } #quickQuoteContainer .clsHeading { color:#003850; font:normal normal normal 18px arial; } #quickQuoteForm .quoteModel #model { font:normal normal normal 11px arial; } #quickQuoteForm .surveyQuestions { font:normal normal normal 11px arial; } #quickQuoteForm .surveyQuestions select { display:block; } #shortEmailContainer { color:#666666; } #shortEmailContainer .clsHeading { color:#003850; font:normal normal normal 18px arial; } #shortEmailContainer .shortEmailText { color:#666666; font:normal normal normal 11px arial; padding-top:5px; padding-bottom:5px; } #shortEmailContainer .shortEmailInput { color:#666666; font:normal normal normal 11px arial; } #shortEmailContainer .shortEmailSubmit { cursor:pointer; }