@charset "utf-8"; /* CSS Document */ /*-- ========= BEGIN INTERIOR PAGES STYLES ======== -- */ /*-- ========= BEGIN HEADER || LOGO AND ROTATING PHONE NUMBER ARE SIGNIFICANTLY SMALLER ON ALL INTERIOR PAGES ======== -- */ #header #logo.interior { display: inline; float: left; width: 285px; height: 55px; margin: 50px 0 0 23px; padding: 0; background: url(../_images/bg-logo-interior.gif) 0 0 no-repeat; text-indent: -9999px; } #header #logo.interior a { display: block; width: 285px; height: 55px; } #header .logoLanguages { display: inline; float: left; width: 300px; height: 100px; margin: 25px 0 0 23px; padding: 0; text-indent: -9999px; } #header #logoChinese { background: url(../_images/bg-logo-chinese.gif) 0 0 no-repeat; } #header #logoKorean { background: url(../_images/bg-logo-korean.gif) 0 0 no-repeat; } #header #logoSpanish { background: url(../_images/bg-logo-spanish.gif) 0 0 no-repeat; } #header #logoVietnamese { background: url(../_images/bg-logo-vietnamese.gif) 0 0 no-repeat; } #header #materials #phoneNumberInt { position: relative; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; width: 175px; height: 22px; padding: 0 70px 0 0; margin: 3px 0 0 0; } #header #materials #phoneNumberInt span { position: absolute; top: 0; left: 178px; z-index: 8; opacity:0.0; height: 22px; width: 80px; background-color: #FFCC00; text-align: left; } #header #materials #phoneNumberInt span.active { z-index:10; opacity:1.0; width: 80px; } #header #materials #phoneNumberInt span.last-active { z-index:9; width: 80px; } /*-- ========= BEGIN SECONDRY NAV || ON SEVERAL PAGES ======== -- */ #mainContentInterior { position: relative; width: 890px; padding: 0 0 10px 10px; margin: 0 auto; background: #FFFFFF url(../_images/bg-interior-rounded-top.gif) 0 0 no-repeat; } #mainContentInterior h2 { text-transform: uppercase; font-size: 18px; font-weight: bolder; line-height: .9em; margin: 0; } #mainContentInterior h2.korean { line-height: 1.4em; font-size: 13px; } ul.secondaryNav { height: 10px; padding: 25px 25px 10px 25px; } ul.secondaryNav li { float: left; display: inline; padding: 0 15px 0 0; margin: 0 10px 0 0; background: url(../_images/bg-list-item-slash.gif) top right no-repeat; } ul.secondaryNav li.last { background: none; } ul.secondaryNav li.selected { font-weigh: bold; text-decoration: none; } ul.partners { padding: 0 0 0 20px; list-style-type: disc; } ul.partners li { padding: 0 0 0 0; margin: 10px 0 0 0; } ul.first { list-style-type: disc; margin: 10px 0 0 0; text-transform: uppercase; list-style-image: url(../_images/bg-list-item.gif);} ul.sitemap { margin: 5px 0 20px 25px; text-transform: uppercase; list-style-image: url(../_images/bg-list-item-sitemap.gif); } ul.sitemap li { margin: 0 0 15px 20px; padding: 0; } /*-- ========= BEGIN FOOTER LEFT INTERIOR STYLES || THESE LOGOS ARE SIGNIFICANTLY SMALLER ON ALL INTERIOR PAGES ======== --*/ #footerLeftInterior { float: left; width: 440px; height: 65px; } #footerLeftInterior .neighborworks { float: left; display: inline; width: 110px; height: 50px; } #footerLeftInterior .usdh { float: left; display: inline; width: 60px; height: 50px; } #footerLeftInterior .ftc { float: left; display: inline; width: 60px; height: 50px; } #footerLeftInterior .treasury { float: left; display: inline; width: 60px; height: 50px; } /*-- ========= BEGIN INTERIOR PAGE HEADINGS ======== -- */ .heading { position: absolute; top: 20px; left: 20px; text-indent: -9999px; } .headingSubNav { position: absolute; top: 60px; left: 20px; text-indent: -9999px; } .headingSubNavLang { position: absolute; top: 50px; left: 20px; text-indent: -9999px; } .headingSubNavMedia { position: absolute; top: 70px; left: 20px; text-indent: -9999px; } #spotScams { width: 275px; height: 100px; background: url(../_images/bg-heading-spot-scams.gif) 0 0 no-repeat; } #reportScams { width: 410px; height: 105px; background: url(../_images/bg-heading-report-scams.gif) 0 0 no-repeat; } #partners { width: 410px; height: 110px; background: url(../_images/bg-heading-partners.gif) 0 0 no-repeat; } #about { width: 275px; height: 105px; background: url(../_images/bg-heading-about.gif) 0 0 no-repeat; } #contactUs { width: 410px; height: 105px; background: url(../_images/bg-heading-contact-us.gif) 0 0 no-repeat; } #privacyPolicy { width: 300px; height: 105px; background: url(../_images/bg-heading-privacy-policy.gif) 0 0 no-repeat; } #sitemap { width: 275px; height: 105px; background: url(../_images/bg-heading-sitemap.gif) 0 0 no-repeat; } #mediaCenter { width: 275px; height: 105px; background: url(../_images/bg-heading-media-center.gif) 0 0 no-repeat; } #spanish { width: 415px; height: 100px; background: url(../_images/bg-heading-spanish.jpg) 0 0 no-repeat; } #korean { width: 275px; height: 100px; background: url(../_images/bg-heading-korean.jpg) 0 0 no-repeat; } #chinese { width: 275px; height: 100px; background: url(../_images/bg-heading-chinese.jpg) 0 0 no-repeat; } #vietnamese { width: 275px; height: 100px; background: url(../_images/bg-heading-vietnamese.jpg) 0 0 no-repeat; } /*-- ========= BEGIN LAYOUT OPTION ONE (THREE COLUMN GRID) DEFAULT AND MOST USED LAYOUT ======== -- */ #leftCol { float: left; width: 215px; padding: 150px 10px 0 35px; } #leftColAuthorities { float: left; width: 530px; padding: 30px 10px 0 35px; } #leftColAuthorities #heading { width: 245px; padding: 20px 0 45px 280px; } #midCol { display: inline; float: left; width: 275px; margin: 0 10px 0 30px; padding: 150px 0 0 0; } .listContainer { position: relative; width: 80%; margin: 5px 0 20px 45px; } .listContainer .number { position: absolute; left: -40px; top: 2px; width: 20px; height: 23px; background-color: #FFCC00; font-weight: bold; font-size: 13px; padding: 10px 0 0 13px; } .callOutSmall { position: relative; float: left; width: 105px; height: 35px; } .callOutMed { position: relative; float: left; width: 105px; height: 50px; } .callOutLarge { position: relative; float: left; width: 105px; height: 80px; } .callOutXtraLarge { position: relative; float: left; width: 105px; height: 110px; } .callOut { position:absolute; top: 0; right: 10px; width: 265px; font-size: 17px; font-weight: bold; font-style: italic; } .quote { position: absolute; top: -10px; left: -200px; width: 30px; height: 25px; background: url(../_images/image-left-quote.gif) 0 0 no-repeat; } #rightCol { float: left; width: 290px; padding: 0 0 0 25px; margin: 0; background: #FFFFFF url(../_images/bg-right-column-interior.gif) 0 0 no-repeat; } #rightColLanguages { float: left; width: 290px; padding: 0 0 0 25px; margin: 45px 0 0 0; background: #FFFFFF url(../_images/bg-right-column-interior.gif) 0 0 no-repeat; } #rightColReport { float: left; width: 290px; padding: 0 0 0 25px; margin: 45px 0 0 0; background: #FFFFFF 0 0; } #rightColContact { float: left; width: 290px; padding: 0 0 0 25px; margin: 45px 0 0 0; background: #FFFFFF url(../_images/bg-right-column-interior.gif) 0 0 no-repeat; } .image { width: 265px; padding: 28px 0 30px 2px; } .interior { width: 265px; padding: 10px 0 10px 0; } .interior ul { list-style:inside; list-style-type:circle; font-size: 11px;} .interior ul li { float: none; display: block; list-style-type: circle; margin: 10px 0 10px 0; padding: 0 0 0 10px; } .stories { overflow: hidden; } ul.realStories { text-transform: uppercase; font-size: 11px; width: 280px; } ul.realStories li { display: block; float: left; width: 135px; list-style-type: none; margin: 0 2px 3px 0; } ul.realStories li img { float: left; margin: 0 10px 0 0; } #rightColVideo { float: left; width: 290px; padding: 0 0 0 25px; } #rightColVideo .ftcVideo { width: 275px; padding: 28px 0 0 0; margin: 0 0 20px 0; } /*-- ========= BEGIN LAYOUT OPTION TWO (TWO COLUMN GRID) ======== -- */ #midColLayoutTwo { display: inline; float: left; width: 335px; margin: 0 10px 0 180px; padding: 0 0 0 45px; } #midColLayoutTwo ol { font-weight: bold; } #midColLayoutTwo #heading { width: 250px; padding: 50px 0 30px 90px; } #midColLayoutTwo #headingStories { width: 250px; padding: 50px 0 15px 90px; } #midColLayoutTwo #headingStories .storiesName { font-family: "Times New Roman", Times, serif; color: #C50000; font-style: italic; font-size: 18px; font-weight: bold; margin: 0; } #midColLayoutTwo #headingStories .storiesCity { color: #898989; font-size: 11px; text-transform: uppercase; } /*-- ========= BEGIN LAYOUT OPTION THREE ( THREE COLUMN GRID EVEN ) ======== -- */ #leftColThree { float: left; width: 305px; padding: 150px 10px 0 35px; } #midColThree { float: left; width: 265px; padding: 150px 10px 0 25px; } #rightColThree { float: left; width: 265px; padding: 150px 10px 0 25px; } /*-- ========= BEGIN LAYOUT OPTION FOUR ( TWO COLUMN GRID ODD || LEFT SMALL - RIGHT BIG ) ======== -- */ #leftColFour { float: left; width: 250px; padding: 125px 10px 0 35px; } #leftColFourInterior { border-right: 1px dotted #BBB; margin: 0 15px 0 0; padding: 0 22px 0 0; } #midColFour { float: left; width: 265px; padding: 125px 10px 0 35px; } #rightColFour { float: left; width: 250px; padding: 150px 10px 0 20px; } #rightColFourPartners { float: left; width: 585px; padding: 150px 0 0 5px; } /*-- ========= BEGIN LAYOUT OPTION FIVE ( USE ON ALL FOREIGN LANGUAGE PAGES -- NO NAV ON THESE PAGES ) ======== -- */ #leftColLanguages { display: inline; float: left; width: 335px; margin: 0 10px 0 180px; padding: 65px 0 0 45px; } #leftColLanguages #heading { width: 245px; padding: 20px 0 25px 90px; } #leftColLanguages #headingSpanish { width: 335px; padding: 100px 0 15px 0; } /*-- ========= BEGIN LAYOUT OPTION SIX ( USED ON ALL PARTNER AND REGISTRATION PAGES EXCEPT FOR "GETTING STARTED" ) ======== -- */ #leftColPartner { position: relative; display: inline; float: left; width: 215px; padding: 150px 35px 0 45px; } * html #leftColPartner { position: relative; display: inline; float: left; width: 210px; padding: 150px 35px 0 45px; } #leftColPartner ol.partnersList { padding: 10px 0 0 17px; } #leftColPartner ol.partnersList li { margin: 0 0 10px 0; padding: 0; list-style-type: decimal; } #leftColPartnerInt { width: 220px; border-right: 1px dotted #BBB; margin: 0 15px 0 0; padding: 0 30px 0 0; } #rightColPartnerStore { position: relative; display: inline; float: left; width: 525px; padding: 135px 0 0 15px; } #rightColPartner { position: relative; display: inline; float: left; width: 525px; padding: 60px 0 0 15px; } #rightColPartner .login { margin: 25px 0 0 0; } #rightColPartner .textBox { width: 195px; height: 20px; padding: 5px; border: 1px solid #ACACAC; margin: 0 0 5px 0; } #rightColPartner .OrgTypeTextBox { width: 150px; height: 18px; padding: 2px; border: 1px solid #ACACAC; margin: 0 0 30px 0; font-size: 11px; color: #666666; } #rightColPartner .label { position: relative; float: left; display: block; height: 30px; width: 100px; padding: 5px 0 0 10px; } #rightColPartner .row { overflow: hidden; margin:0 0 1em 0; color: #656565;} #rightColPartner .rowContainer { overflow: hidden; margin:0 0 1em 0; width: 400px; border-bottom: 1px solid #CFCFCF; } #rightColPartner .warning { position: absolute; top: 7px; left: 0; height: 20px; color: #C50000; } #rightColPartner .warningInfo { float:right; height: 20px; color: #C50000; } #rightColPartner .submitButton { margin: 10px 20px 0 110px; } #rightColPartner .cancelButton { margin: 0 0 0 10px; } #rightColPartner #accountLinks { margin: 25px 0 0 110px; color: #ACACAC;} #rightColPartner #accountLinks a { color: #ACACAC; } #rightColPartner .checkboxTable { color: #656565; padding: 0 0 5px 0; } #rightColPartner .checkboxTable td { padding: 0 5px 15px 0; } #OrganizationType_2, #OrganizationType_4, #OrganizationType_5, #Acknowledgement { float: left; } .organizationType { padding: 2px 0 0 0; } /*-- ========= BEGIN LAYOUT OPTION GETTING STARTED ======== -- */ #leftColGetStarted { position: relative; display: inline; float: left; width: 475px; padding: 125px 0 0 100px; } #rightColGetStarted { display: inline; float: left; width: 250px; padding: 15px 0 0 0; } #getStartedButton { display: block; width: 415px; height: 110px; padding: 30px 30px 0 30px; background: url(../_images/bg-getting-started-button.jpg) 0 0 no-repeat; margin: 30px 0 0 -5px; } #getStartedButton a { text-decoration: none; } #getStartedButton a.alreadyRegister { padding: 0; text-decoration: underline; } #getStartedButton a:hover { color: #000000; } #getStartedButton h3 { font-size: 18px; } #getStartedButton p { font-size: 11px; margin: 0; } .promoContainer { width: 490px; } .promoContainer p { margin: 0 0 8px 0; line-height: 1.2em; } .promoContainer p.login { color: #C50000; font-size: 11px; } .promoContainer ul li { margin: 10px 0 0 15px; font-weight: bold; line-height: 1.3em; margin: 10px 0 0 15px; list-style-image: url(../_images/bg-arrow-list-item.gif); } .promoContainer #partnerPromoOne { margin: 10px 30px 0 0; } .promoContainer .partnerPromo { float: left; width: 225px; height: 305px; margin: 10px 0 0 0;} .promoContainer .partnerPromo .partTop { height: 15px; width: 225px; background: url(../_images/bg-partner-promo-top.gif) 0 0 no-repeat; } .promoContainer .partnerPromo .partMiddle { height: 260px; width: 170px; padding: 15px 30px 0 30px; background: url(../_images/bg-partner-promo-middle.gif) 0 0 no-repeat; } .promoContainer .partnerPromo .partBottom { height: 15px; width: 225px; background: url(../_images/bg-partner-promo-bottom.gif) 0 0 no-repeat; } #partnerTitles { position: absolute; top: 60px; left: 310px; width: 400px; } /*-- ========= BEGIN LAYOUT OPTION SIX ( USED ON ALL PARTNER AND REGISTRATION PAGES EXCEPT FOR "GETTING STARTED" ) ======== -- */ #leftColGetStart { display: inline; float: left; width: 230px; padding: 135px 35px 0 45px; } #rightColGetStart { display: inline; float: left; width: 525px; padding: 65px 0 0 15px; } /*-- ========= BEGIN LAYOUT OPTION SIZE (USED ONLY ON CONTACT PAGE) ======== -- */ #leftColContact { display: inline; float: left; width: 485px; margin: 0 10px 0 40px; padding: 140px 0 0 35px; } /*-- ========= BEGIN LAYOUT PRIVACY POLICY (USED ONLY ON PRIVACY POLICY PAGE) ======== -- */ #midColPrivacy { display: inline; float: left; width: 485px; margin: 0 10px 0 40px; padding: 140px 0 0 0; } /*-- ========= BEGIN IMAGES AND PROMOS ======== -- */ /* */#facingFcInterior { width: 190px; height: 105px; background: transparent url(../_images/bg-facing-foreclosure-interior.jpg) 0 0 no-repeat; padding: 25px 10px 0 75px; } #facingFcInterior p { color: #FFFFFF; font-size: 11px; } /* */#facingFcInterior h2 { font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 0 0 3px 0; margin: 0; line-height: 1.1em; } #facingFcInterior a { color: #FFCC00; text-decoration: underline; font-weight: bold; } #facingFcInterior a:hover { text-decoration: none; } #newsPromoInt { width: 275px; margin: 25px 0 0 0; } #newsPromoInt p { font-size: 11px; line-height: 1.2em; } #newsPromoInt h2 { font-size: 14px; margin: 0 0 5px 0; } #newsPromoInt #top { height: 10px; width: 275px; padding: 0; background: transparent url(../_images/bg-news-promo-top-interior.gif) left bottom no-repeat; } #newsPromoInt #middle { position: relative; width: 160px; height: 135px; padding: 15px 10px 0 105px; background: transparent url(../_images/bg-news-promo-middle-interior.gif) 0 0 repeat-y; } #newsPromoInt #middle #thumb { position: absolute; width: 90px; height: 10px; top: 10px; left: 10px; } #newsPromoInt #bottom { height: 10px; width: 275px; background: url(../_images/bg-news-promo-bottom-interior.gif) 0 0 no-repeat; padding: 0; } #hudButton { margin: 10px 0 0 0; } .grey-box { background:url(../_images/bg-grey-box.gif) no-repeat left bottom; margin:20px 0 ; padding: 10px 19px 8px; position:relative; width:234px; } .grey-box .top { background:url(../_images/bg-grey-box.gif) no-repeat top left; height:7px; width:272px; position:absolute; left:0; top:0; } .grey-box h3 { margin-bottom:7px; font-size:13px; } .grey-box h4 { text-transform:none; } .grey-box img { display:block; margin:0 0 12px;} .grey-box p { } .grey-box a { font-weight:bold; font-size:11px; } .grey-box li { margin: 10px 0 10px 15px; } /*-- ========= BEGIN FTC VIDEO ======== -- */ #ftcVideo { width: 245px; height: 105px; background: transparent url(../_images/bg-ftc-video-button.gif) 0 0 no-repeat; padding: 25px 10px 0 21px; margin: 20px 0 0 0; } #ftcVideo p { color: #000000; font-size: 11px; padding: 0 0 0 100px; } #ftcVideo h2 { text-transform: uppercase; font-size: 14px; color: #000000; font-weight: bold; padding: 0 0 8px 0; } #ftcVideo a { text-decoration: underline; font-weight: bold; } #ftcVideo a:hover { text-decoration: none; } /*-- ========= BEGIN NEXT PAGE -- USED ON SPOT SCAMS PAGES ======== -- */ #nextPageLink { width: 225px; height: 55px; background: transparent url(../_images/bg-spot-scams-next-page.gif) 0 0 no-repeat; } #nextPageLink p { padding: 19px 0 0 30px; font-size: 15px; font-weight: bold; } #nextPageLink p a { text-decoration: none; } #nextPageLink p a:hover { text-decoration: underline; } #nextPagePartners { width: 225px; height: 55px; margin: 15px 0 0 40px; background: transparent url(../_images/bg-partners-next-page.gif) 0 0 no-repeat; } #nextPagePartners p { padding: 19px 0 0 30px; font-size: 12px; font-weight: bold; } #nextPagePartners p a { text-decoration: underline; } #nextPagePartners p a:hover { text-decoration: none; } /*-- ========= BEGIN CAMPAIGN MATERIALS ======== -- */ #campaignMaterials { width: 245px; height: 235px; margin: 20px 0 0 -5px; } #campaignMaterials a { text-decoration: none; } #campaignMaterials a:hover { text-decoration: underline; } #campaignMaterials #top { height: 45px; width: 210px; padding: 25px 0 0 35px; background: transparent url(../_images/bg-campaign-materials-top.jpg) 0 0 no-repeat; } #campaignMaterials #middle { position: relative; height: 130px; width: 190px; padding: 5px 20px 0 35px; background: transparent url(../_images/bg-campaign-materials-middle.jpg) 0 0 no-repeat;} #campaignMaterials #middle .order { padding: 0 0 0 15px; background: url(../_images/bg-arrow-order-materials.gif) 0 0 no-repeat; } #campaignMaterials #bottom { height: 25px; width: 245px; background: transparent url(../_images/bg-campaign-materials-bottom.jpg) 0 0 no-repeat;} .materialsItemWrapper { width: 580px; font-size: 11px; margin: 0 0 10px 0; } * html .materialsItemWrapper { width: 580px; font-size: 11px; margin: 0 0 10px 0; } .materialsItem { float: left; width: 260px; font-size: 11px; margin: 0 0 10px 0; padding: 0 30px 0 0; } .materialsItem p { padding: 0 0 0 130px; margin: 0 0 5px 0; } .materialsItem ul { margin: 10px 0 0 0; } .materialsItem ul li { margin: 0 0 5px 130px; font-weight: bold; padding: 0 0 2px 20px; list-style: none; list-style-image: none; } .materialsItem ul li.download { background: url(../_images/icon-download-arrow.gif) 0 0 no-repeat; width: 110px; margin: 0 0 5px 130px; padding: 0 0 2px 20px; } /* for language pages */ul li.download { background: url(../_images/icon-download-arrow.gif) 0 0 no-repeat; width: 200px; list-style-image: none; list-style-type: none; font-weight: bold; font-size: 11px; margin: 0 0 0 20px; padding: 0 0 10px 20px; } .materialsItem ul li.order { background: url(../_images/icon-shopping-cart.gif) 0 0 no-repeat; line-height: 1.3em; } .materialsItem ul li.orderTemp { background: url(../_images/icon-shopping-cart.gif) 0 0 no-repeat; line-height: 1.3em; } .materialsItem .image { float: left; width: 120px; height: 120px; margin: 0 10px 0 0; padding: 0; } .materialsItemWrapperLast { margin: 0 0 30px 0; width: 580px; } /*-- ========= BEGIN MEDIA CENTER ======== -- */ .mediaCenterDate { width: 235px; border-left: 3px solid #FFCC00; padding: 0 0 0 10px; } ul.mediaAdvisory { height: 90px; margin: 0 0 15px 0; padding: 0; } ul.mediaAdvisory li { float: left; display: inline; width: 100px; margin: 0 0 5px 0; padding: 10px 0 10px 25px ; background: url(../_images/pdf-icon-white-bg.gif) 0 0 no-repeat; } ul.mediaAdvisory li.last { width: 225px; } #fachSheet { background: #FFFFFF url(../_images/pdf-icon-white-bg.gif) 0 -5px no-repeat; padding: 0 0 25px 25px; } #psa { background: transparent url(../_images/pdf-icon-white-bg.gif) 0 0 no-repeat; padding: 0 0 25px 25px; } #psa .psaItemCont { width: 315px; } #psa p { margin: 0; } #psa ul { font-size: 11px; } #psa ul.item { float: left; width: 150px; } #psa ul li { height: 15px; padding: 0 0 0 23px; margin: 5px 0 10px 0; list-style-image: none; list-style-type: none; } #psa ul li.language { font-size: 12px; margin: 0; padding: 0; font-weight: bold; } #psa ul li.script { background: transparent url(../_images/pdf-icon-white-bg-small.gif) 0 0 no-repeat; } #psa ul li.mp3 { background: transparent url(../_images/speaker-icon.gif) 0 0 no-repeat; } #video p { display: block; background: transparent url(../_images/bg-icon-video-camera.gif) 0 0 no-repeat; padding: 0 0 0 25px; } /*-- ========= BEGIN TRUSTED AUTHORITIES DROP DOWNS ======== -- */ ul.nationalResources { margin: 0 0 25px 0; padding: 0 0 0 20px; } ul.nationalResources li { margin: 0; padding: 3px 0 3px 0; list-style: none; list-style-image: none; font-weight: bold; } ul.nationalResources li a { text-decoration: none; } .treeview .hitarea { background: url(tree/images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float: none; } .treeview .hover { color: red; cursor: pointer; } .treeview .expandable-hitarea { } .treeview .collapsable-hitarea { } .treeview ul { list-style-type: none; } .treeview ul li { list-style-type: none; list-style-image: none; padding: 3px 0 3px 0; } .expandable { padding: 3px 0 3px 0; } ul.state ul { list-style-image: none; } ul.treeview { background-color: #FFF; } ul.state li { list-style-image: none; margin: 0 0 0 20px; font-weight: bold; background-color: #FFF; } ul.state li ul li { font-weight: normal; } ul.state li ul li ul li span { font-size: 11px; } /*-- ========= BEGIN PARTNERS PAGE POPUP STYLES ======== -- */ .swfSource { display: none; position: absolute; top: -20px; left: -275px; z-index: 10; width: 275px; background: #FDCD0B url(../_images/bg-embed-code.gif) 0 0 repeat-x; padding: 0; } .swfSource .arrow { position: absolute; top: 15px; right: -12px; height: 18px; width: 14px; background: url(../_images/bg-embed-code-arrow.gif) 0 0 no-repeat; } .swfSource p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding: 15px 15px 5px 15px; margin: 0; overflow:hidden; } .sourceCode { position: relative } .close { float: right; height: 20px; margin: 0 10px 0 0; } .contactUsNumber { font-size: 26px; } /*-- ========= BEGIN VIDEO AND CEO LETTER PAGE STYLES || VIDEO OF CEO || THIS PAGE HAS IT OWN LAYOUT COMPLETELY ======== -- */ #warningStripesVideo { position: absolute; top: 0; left: 0; width: 15px; height: 285px; background: #FFCC00 url(../_images/bg-warning-stripes.gif) 0 5px repeat-y;} #pageContVideo { width: 100%; margin: 0 auto; background: #FFFFFF url(../_images/bg-video-page.gif) 0 0 repeat-x; } #contentContVideo { width: 1050px; margin: 0 auto; } #mainContentVideo { position: relative; width: 565px; padding: 40px 0 10px 35px; margin: 0 auto; background: #FFFFFF url(../_images/bg-video-page-rounded-top.gif) 0 0 no-repeat; } #mainContentVideo h1 { font-size: 18px; text-transform: none; } #headerVideo { position: relative; width: 600px; margin: 0 auto; padding: 0 0 15px 0; } #headerVideo #logo { display: inline; float: left; width: 275px; height: 100px; margin: 30px 0 0 20px; padding: 0; background: url(../_images/bg-logo-video.gif) 0 0 no-repeat; text-indent: -9999px; } #headerVideo #logo a { display: block; width: 275px; height: 100px; } #leftColVideo { float: left; width: 365px; height: 200px; padding: 15px 0 0 0; } #rightColVideo { float: left; width: 150px; padding: 25px 20px 0 15px; } #rightColVideo .callOutVideo { display: block; width: 153px; height: 30px; padding: 8px 0 0 17px; background: transparent url(../_images/bg-homepage-callout-bottom.gif) 0 0 no-repeat; } #mainContent { width: 525px; height: 500px; }