/********************* Jazel Inc. Date: 6/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 ******************** */ h1,h2,h3,h4,h5,h6 { margin:0; } form { margin:0; } .flusher { clear:both; font-size:0; line-height:0; height:0; } body { margin:0; padding:0; text-align:center; width:100%; } #objLeftBodyBgBox { height:100%; left:0; position:absolute; top:1px; width:50%; z-index:0; } #objRightBodyBgBox { height:100%; position:absolute; right:0; top:1px; width:50%; z-index:0; } .clearBox { clear:both; font-size:0; line-height:0; } /* ******************** B. HEADER ******************** */ #objHeaderContainer { border-bottom:1px solid transparent; } #objHeader { height:69px; margin:auto; text-align:left; width:1000px; } #objHeader .brand { float:left; width:438px; } #objHeader .brand img { float:left; border:0; } #objHeader .phoneNumber { float:right; font:normal normal normal 22px georgia; line-height:69px; padding-right:34px; } #objSubHeader { font:normal normal normal 12px arial; height:25px; line-height:25px; margin:auto; position:relative; text-align:left; width:1000px; z-index:10; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { float:left; height:69px; width:560px; } #objNavigation ul { float:left; list-style:none; margin:0px; padding:0; position:relative; width:100%; z-index:30; } #objNavigation #nav { padding:0 1px; } #nav li { float:left; position:relative; width:80px; } #nav a { text-decoration:none; } #nav .topMItem a { display:block; font:normal normal bold 14px arial; height:69px; line-height:69px; text-align:center; } #nav .subMenuList { display:none; text-align:left; width:211px; } #nav .subMenuList li { position:relative; width:211px; } #nav .subMenuList li a { display:block; font:normal normal normal 13px arial; height:25px; line-height:25px; padding-left:10px; } #nav .subMenuList.navLevel2 { border-top:1px solid #504609; position:absolute; top:69px; } #nav .subMenuList.navLevel2 li a { font-size:12px; padding:0 21px 0 24px; } #nav .subMenuList.navLevel3 li a { font-size:12px; padding:0 21px 0 35px; } /* CrossBrowser Styles for multi-level dropdown */ /*all see this */ /* non-IE browsers see this */ #nav li:hover ul, #nav li.sfhover ul { display:block; } /* ******************** D. BODY ******************** */ #objBodyContainer { border-top:1px solid transparent; border-bottom:1px solid transparent; overflow:hidden; padding-top:1px; position:relative; width:100%; z-index:10; } #objBody { margin:auto; position:relative; text-align:left; width:1000px; z-index:10; } #leftPanel { float:left; width:200px; } #textContent { float:left; padding:20px 32px; position:relative; width:520px; } #textContent.woPageText { width:736px; } #additionalTextContent { float:left; padding:0 32px; position:relative; width:520px; } #additionalTextContent form input { width:215px; } #additionalTextContent table .phone-table input { width:40px; } #additionalTextContent #message { width:100%; } #additionalTextContent .message-field { padding-left:8px; } #copyText { float:left; padding:27px 0 36px 43px; width:510px; } #pageText { float:right; margin-top:20px; width:200px; } /* Page Content */ .copyTitle h1 { float:left; font:normal normal normal 24px georgia; padding:20px 0 10px 0; position:relative; width:520px; } .topTextContent { float:left; font:normal normal normal 12px arial; line-height:21px; padding:0 0 0 32px; position:relative; width:750px; } #textContent .copyTitle h1 { font:normal normal normal 24px georgia; } #textContent .copyText { font:normal normal normal 12px arial; line-height:21px; } #textContent .copyText a { text-decoration:none; } #textContent .copyText h2 { font:normal normal normal 18px georgia; } #textContent .copyText li { font:normal normal bold 13px arial; line-height:24px; list-style: square; list-style-position:inside; } #textContent .copyText ul { margin:0; padding:0; } /* Form Content */ .formHeader { font:normal normal bold 15px arial; line-height:18px; padding-left:10px; margin-bottom:5px; } .text, .required-text, .message-field { font:normal normal bold 13px arial; } /* Left Panel */ #leftPanel .sectionTitle { font:normal normal normal 18px georgia; margin:0; } #leftPanel .subMenu a { display:block; height:35px; line-height:35px; text-decoration:none; } #leftPanel .subMenu .navLevel1 { font:normal normal normal 30px georgia; height:55px; line-height:55px; } #leftPanel .subMenu .navLevel2 { font:normal normal normal 14px arial; height:35px; line-height:35px; } #leftPanel .subMenu .navLevel3 { font:normal normal normal 12px arial; height:35px; line-height:35px; padding-left:10px; } #leftPanel .quickLinks { font:normal normal normal 12px arial; padding-top:50px; } #leftPanel .quickLinks a { text-decoration:none; } #leftPanel .search { height:53px; padding-left:5px; } #leftPanel .search div { height:19px; padding-top: 17px; overflow:hidden; width:190px; } #leftPanel .search input { border:0; font:normal normal normal 12px arial; height:16px; width:164px; } #leftPanel .search img { cursor:pointer; height:19px; width:20px; } #leftPanel .tools { padding-top:2px; table-layout:fixed; width:100%; } #leftPanel .tools .tool { background:transparent url(none) scroll no-repeat 10px 10px; height:41px; } #leftPanel .tools .tool a { display:block; font:normal normal normal 14px arial; line-height:35px; padding-left:50px; text-decoration:none; } #leftPanel .news { font:normal normal normal 12px arial; padding:20px; } #leftPanel .promo { font:normal normal normal 12px arial; padding:20px; } #leftPanel .blogs { font:normal normal bold 12px arial; padding:0 5px; } /* Page Text */ #pageText .topShadow { display:none; } #pageText .clsHeading { font:normal normal bold 14px arial; line-height:23px; padding-left:10px; margin-bottom:5px; } #pageText .content .rightPanelBox { font:normal normal bold 14px arial; } #pageText .content { font:normal normal normal 13px arial; line-height:18px; } #pageText .content a { font-style:italic; } /* ******************** E. FOOTER ******************** */ #objFooterContainer { border-bottom:1px solid transparent; border-top:1px solid transparent; } #objFooter { font:normal normal normal 12px arial; height:25px; line-height:25px; margin:auto; text-align:left; width:1000px; } #objFooter a { text-decoration:none; } #objSubFooter { font:normal normal normal 13px arial; line-height:21px; margin:auto; text-align:left; width:1000px; } #objSubFooter .additionalFooterContent { font:normal normal normal 12px arial; padding-top:10px; line-height:21px; } #objSubFooter .additionalFooterContent a { text-decoration:none; } #objSubFooter .extendedDescription { padding:10px 0; } #objSubFooter h2 { font:normal normal bold 14px; line-height:21px; } #objSubFooter h3 { font:normal normal bold 12px; line-height:21px; } #projectLinksTable { width:100%; } /* ******************** F. PAGE SPECIFIC ******************** */ #TextPage #textContent h2 { padding-left:20px; } #TextPage #textContent h3 { font:normal normal bold 14px arial; line-height:20px; padding:0 0 2px 0; } #TextPage #textContent h3 span { padding:3px 10px; } #HomePage #objHeaderContainer { border-bottom:0; } #HomePage #objBodyContainer { margin-bottom:1px; overflow:visible; } #HomePage #promoBgContainer { top:-29px; position:absolute; right:0; z-index:5; } #HomePage #objMainContentContainer .mainContent { font:normal normal normal 12px arial; margin:auto; position:relative; text-align:left; width:1000px; z-index:10; } #HomePage #objMainContentContainer .mainContent h1 { font:normal normal normal 30px georgia; } #HomePage #objMainContentContainer .mainContent a { font:normal normal normal 12px arial; text-decoration:none; } #HomePage #contactForm { position:relative; z-index:20; } #HomePage #objBody .mainContent2 { font:normal normal normal 12px arial; float:left; line-height:18px; overflow:hidden; width:800px; } #HomePage #objBody .mainContent2 a { font:normal normal normal 12px arial; line-height:18px; text-decoration:none; } #HomePage #objBody .mainContent2 h2 { font:normal normal normal 18px georgia; } #HomePage #objBody .mainContent2 h3 { font:normal normal bold 12px arial; } #HomePage #objBody .homeQuickContact { float:right; overflow:visible; position:relative; width:200px; z-index:6; } #HomePage #objBody .homeQuickContact .contactFormTitle { font:normal normal normal 14px georgia; float:right; padding:0; margin:11px 0 5px 0; width:100px; } #HomePage #objBody .homeQuickContact .contactFormText { clear:both; font:normal normal normal 11px arial; float:right; width:100px; } #HomePage #objBody .homeQuickContact div { width:100%; } #HomePage #objBody .homeQuickContact .label { font-size:11px; float:left; height:29px; line-height:14px; padding-left:4px; width:46px; } #HomePage #objBody .homeQuickContact .contactFormFirstName { margin-top:40px; } #HomePage #objBody .homeQuickContact .contactFormEmail .label { line-height:29px; } #HomePage #objBody .homeQuickContact .contactFormDayPhone .label { line-height:29px; } #HomePage #objBody .homeQuickContact input { float:left; height:22px; padding-top:5px; width:148px; } #HomePage #objBody .contactFormLastName { margin:10px 0; padding:0; } #HomePage #objBody .contactFormEmail { height:27px; } #HomePage #objBody .contactFormDayPhone { margin:10px 0; height:27px; } #HomePage #objBody .contactFormDayPhone .dayPhoneFields { width:auto; } #HomePage #objBody .contactFormDayPhone .dayPhoneFields input { width:47px; } #HomePage #objBody .contactFormDayPhone .dayPhoneFields input.field0 { width:35px; } #HomePage #objBody .contactFormDayPhone .dayPhoneFields input.field1 { margin:0 7px 0 8px; } #TextPageAlternate #textContent { width:368px; } #TextPageAlternate #textContent.woPageText { width:736px; } #TextPageAlternate #objBody #pageText { width:auto; } #TextPageAlternate #objBody #pageText #contactForm #contactFormContainer { width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormTitle { font:normal normal normal 14px georgia; float:left; padding:0; margin:11px 0 5px 0; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormText { clear:both; font:normal normal normal 11px arial; float:left; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .label { border:0; font-size:11px; float:left; height:29px; line-height:14px; padding-left:4px; width:46px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormFirstName { border:0; margin-top:20px; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormEmail .label { line-height:29px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormDayPhone .label { line-height:29px; } #TextPageAlternate #objBody #pageText #contactForm input { clear:none; float:left; height:22px; padding-top:5px; width:270px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormLastName { border:0; padding:0; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormEmail { border:0; float:left; height:27px; margin:0; padding:0; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormDayPhone { border:0; float:left; height:27px; margin:7px 0; padding:0; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormDayPhone .dayPhoneFields { width:auto; } #TextPageAlternate #objBody #pageText #contactForm .contactFormDayPhone .dayPhoneFields input.field0 { width:83px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormDayPhone .dayPhoneFields input.field1 { margin:0 7px 0 8px; width:83px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormDayPhone .dayPhoneFields input.field2 { margin-left:0; width:84px; } #TextPageAlternate #objBody #pageText #contactForm .questionItem { border:0; width:322px; } #TextPageAlternate #objBody #pageText #contactForm .contactFormButton { width:322px; } #ContactRequestForm #textContent .copyText { font:normal normal normal 14px arial; line-height:21px; } #ContactRequestForm .email-field { font:normal normal bold 13px arial; } #ContactRequestForm #additionalTextContent .message-field { padding-left:0; } #ContactRequestForm #additionalTextContent #message { width:445px; } #SiteMapPage #additionalTextContent a { font:normal normal normal 12px arial; line-height:21px; text-decoration:none; } #SiteMapPage #siteMapRightContent { font:normal normal normal 12px arial; line-height:21px; } /* ****************** H. MODULES ********************/ #contactForm .contactFormTitle { font:normal normal bold 14px arial; line-height:23px; padding-left:10px; margin-bottom:5px; } #contactForm .contactFormText { font:normal normal normal 14px arial; } #contactForm #contactFormContainer { font:normal normal normal 12px arial; margin-top:10px; width:200px; } #contactForm input { padding:0; width:100%; } #contactForm .contactFormFirstName { float:left; width:95px; } #contactForm .contactFormLastName { float:left; padding-left:5px; width:95px; } #contactForm .contactFormEmail { clear:both; width:195px; } #contactForm .contactFormDayPhone { width:195px; } #contactForm .dayPhoneFields { width:100%; } #contactForm .contactFormDayPhone input { width:59px; } #contactForm .contactFormButton { cursor:pointer; margin-top:10px; text-align:right; width:200px; } #contactForm .contactFormButton img { cursor:pointer; } #pageText #contactForm .contactFormTitle { font:normal normal bold 14px arial; line-height:23px; padding-left:0; margin-bottom:5px; } #pageText #contactForm .contactFormText { font:normal normal normal 14px arial; } #pageText #contactForm .label { border-bottom:1px solid #999999; font:normal normal normal 11px arial; float:left; height:15px; padding-left:5px; width:193px; } #pageText #contactForm input { clear:both; border:0; height:19px; float:left; } #pageText #contactForm .contactFormFirstName { border:1px solid #999999; float:left; margin-bottom:5px; width:198px; } #pageText #contactForm .contactFormLastName { border:1px solid #999999; float:left; margin-bottom:5px; padding-left:0; width:198px; } #pageText #contactForm .contactFormEmail { border:1px solid #999999; float:left; margin-bottom:5px; padding-left:0; width:198px; } #pageText #contactForm .contactFormDayPhone { border:1px solid #999999; border-bottom:0; float:left; margin-bottom:5px; padding-left:0; width:198px; } #pageText #contactForm .contactFormDayPhone input { border-bottom:1px solid #999999; clear:none; width:60px; } #pageText #contactForm .contactFormDayPhone .field0 { border-right:1px solid #999999; } #pageText #contactForm .contactFormDayPhone .field1 { border-left:1px solid #999999; border-right:1px solid #999999; margin-left:7px; } #pageText #contactForm .contactFormDayPhone .field2 { border-left:1px solid #999999; margin-left:7px; } #pageText #contactForm .questionItem { border:1px solid #999999; float:left; margin-bottom:5px; width:198px; } #pageText #contactForm .contactFormButton { clear;both; float:left; } #emailBox { display:none; } #emailBox label { font:normal normal normal 12px arial; } #emailBox input { border:0; font:normal normal normal 12px arial; padding:0; width:198px; } #emailBox textarea { border:0; font:normal normal normal 12px arial; height:50px; padding:0; width:198px; } #emailBox p.info1 { font:normal normal normal 12px arial; margin:2px 0; } #emailBox p.info2 { font:normal normal normal 11px arial; margin:5px 0; } #emailBox p.info2 span { font:normal normal normal 10px arial; } #emailBox div { text-align:right; padding:4px 0; width:198px; } #emailBox div img { cursor:pointer; } #emailProcessBox { display:none; } #emailProcessBox p { font:normal normal normal 11px arial; margin:5px 0; } #emailProcessBox p.infoSuccess { font:normal normal normal 11px arial; margin:5px 0; } #emailProcessBox p.infoFailed { font:normal normal normal 11px arial; margin:5px 0; } /* ****************** I. FILTERS ********************/ * HTML #objContainer #objLeftBodyBgBox { height:2000px; } * HTML #objContainer #objRightBodyBgBox { height:2000px; } * HTML #HomePage #objContainer #objLeftBodyBgBox { height:0; } * HTML #HomePage #objContainer #objRightBodyBgBox { height:0; } * HTML #pageText #contactForm .contactFormButton { position:relative; } * HTML #pageText #contactForm .contactFormButton img { position:absolute; right:0; top:0; } * HTML #pageText #contactForm .clearBox { font-size:12px; line-height:5px; }