/* Overall Layout Formatting ----------------------------------------------- */ BODY { margin: 0; padding: 0; text-align: center; background: #101b25 url(/images/global-bg.gif) top left repeat-x; font: 95% 'Trebuchet MS','Gill Sans',helvetica, arial,san-serif; color: #b4c9d1; } #SiteWrapper { margin: 0 auto 10px auto; padding: 0; position: relative; text-align: left; width: 970px; background: url(/images/global-footer-bg.gif) bottom left repeat-x; border-bottom: 1px solid #98b0ba; } /* Masthead Treatment ----------------------------------------------- */ #Masthead { position: relative; display: block; height: 70px; } #AuxNav { position: absolute; right: 0; top: 10px; font-size: 70%; } #AuxNav UL { list-style: none; display: inline; } #AuxNav LI { display: inline; border-right: 1px solid #68aadd; } #AuxNav LI.Last { border-right: none; } #AuxNav A { padding: 10px; color: #68aadd; text-decoration: none; text-transform: uppercase; } #AuxNav A:LINK { color: #68aadd; } #AuxNav A:VISITED { color: #68aadd; } #AuxNav A:ACTIVE { color: #FFF; text-decoration: none; } #AuxNav A:HOVER { color: #FFF; text-decoration: none; } #Slogan { position: absolute; right: 0; top: 65px; padding: 0 10px 0 0; font-size: 75%; text-align: right; } H1#Logo { padding-top: 10px; } #Navigation UL { position: absolute; left: 300px; top: 40px; width: 700px; } #Navigation LI { display: inline; font-size: 120%; } #Navigation A { padding: 0px 10px; color: #68aadd; text-decoration: none; text-transform: uppercase; } #Navigation LI A.Selected { color: #FFF; } #Navigation A:LINK { color: #68aadd; } #Navigation A:VISITED { color: #68aadd; } #Navigation A:ACTIVE { color: #68aadd; text-decoration: none; } #Navigation A:HOVER { color: #FFF; text-decoration: none; } #SubNavigation UL { position: absolute; left: 300px; top: 65px; } #SubNavigation LI { display: inline; font-size: 80%; } #SubNavigation LI A { padding: 4px 6px 4px 10px; color: #68aadd; text-decoration: none; text-transform: uppercase; } #SubNavigation LI A.Selected { color: #FFF; } #SubNavigation A:LINK { color: #68aadd; } #SubNavigation A:VISITED { color: #68aadd; } #SubNavigation A:ACTIVE { color: #68aadd; } #SubNavigation A:HOVER { color: #FFF; text-decoration: none; } #SecIntro { margin: 0 0 0px 0; height: 82px; width: 970px; background: url(/images/global-sec_intro_bg.gif) top left repeat-x; border-top: 1px solid #98b0ba; border-bottom: 1px solid #98b0ba; } #SecIntro H1 { padding: 20px; font-size: 220%; font-weight: normal; color: #FFF; } #SecIntro LI { display: inline; font-size: 80%; text-transform: uppercase; } #SecIntro UL { position: absolute; right: 10px; top: 125px; } #SecIntro A { color: #68aadd; text-decoration: none; padding: 0 10px; } #SecIntro A.Last { border-left: 1px solid #68aadd; } #SecIntro A:Hover { color: #FFF; } /* Utilities Treatment ----------------------------------------------- */ .Left { float: left; } .Right { float: right; } .Center { text-align: center; } IMG.Left { border: 1px solid #98b0ba; margin: 0 10px 10px 0;} IMG.Right { border: 1px solid #98b0ba; margin: 0 10px 10px 0;} DIV.Right { margin-left: 10px; float: right; } DIV.Left { margin-right: 10px; float: left; } /* Column Layout ----------------------------------------------- */ #Columns { padding: 10px 10px 30px 10px; } #Columns.TypeA #Column1 { width: 640px; float: left; } #Columns.TypeA #Column2 { width: 300px; float: right; } #Columns.TypeB #Column1 { width: 640px; float: left; background: none; } #Columns.TypeB #Column2 { width: 280px; float: right; } #Columns.TypeC #Column1 { width: 460px; padding-right: 20px; float: left; background: none; } #Columns.TypeC #Column2 { width: 460px; float: right; } #Footer { font-size: 80%; margin: 0 auto 10px auto; padding: 0; position: relative; text-align: left; width: 970px; } #Footer P { padding: 10px; } #Footer UL { list-style: none; } #Footer LI { display: inline; } #Footer A { color: #68aadd; text-decoration: none; border-right: #68aadd 1px solid; padding: 0px 10px; } #Footer A.Last { border: none; } #Footer A:LINK { color: #68aadd; } #Footer A:VISITED { color: #68aadd; text-decoration: none; } #Footer A:ACTIVE { color: #68aadd; text-decoration: none; } #Footer A:HOVER { color: #FFF; text-decoration: none; } /* Global Column Typography ----------------------------------------------- */ #Columns A { color: #68aadd; text-decoration: none; } #Columns A:LINK { color: #68aadd; } #Columns A:VISITED { color: #68aadd; text-decoration: none; } #Columns A:ACTIVE { color: #68aadd; text-decoration: none; } #Columns A:HOVER { color: #FFF; text-decoration: none; } #Columns P { margin-bottom: .5em; line-height: 1.5em; font-size: 90%; } #Columns .Intro { color: #FFF; } #Columns H1, H2, H3,H4, H5, H6 { color: #FFF; } #Columns H1 { font-size: 200%; } #Columns H2 { font-size: 160%; } #Columns H3 { font-size: 140%; margin-bottom: .5em; text-transform: uppercase; font-weight: normal; } #Columns H4 { font-size: 120%; margin-bottom: .5em; text-transform: none; line-height: 1.35em; } #Columns H5 { font-size: 100%; margin-bottom: .5em; font-weight: bold; text-transform: uppercase; } #Column1 UL { list-style: square; } #Column1 B { color: #FFF; } /* Branding Formatting ----------------------------------------------- */ #Columns .Item { padding: 10px; width: 290px; float: left; margin-right: 10px; } #Columns .Item.Last { margin-right: 0px; } #Columns .TechBrand H3 { margin-bottom: 0; color: #7c8085; } #Columns .TechBrand H3 SPAN { color: #68aadd; text-transform: none; } #Columns .TechBrand H4 { font-size: 85%; line-height: 1.15em; } /* Home Formatting ----------------------------------------------- */ #Home #Columns { padding: 10px 0; } #Home #Columns #Column1 { width: 660px; } #Home #Columns #Column2 { width: 300px; } #Home DIV.HomeFlash { margin: 0px 0 0 0; width: 970px; min-height: 400px; background: url(/images/home-flash_temp.jpg) top left no-repeat; position: relative; } #Home DIV.HomeFlash H1 { display: none; } #Home DIV.HomeFlash P.One { padding: 130px 0 10px 20px; width: 275px; line-height: 1.45em; font-size: 90%; color: #FFF; } #Home DIV.HomeFlash P.Two { padding-left: 20px; width: 275px; line-height: 1.5em; font-size: 90%; color: #FFF; font-weight: bold; } #Home DIV.HomeFlash A { color: #68aadd; text-decoration: none; } #Home DIV.HomeFlash A:LINK { color: #68aadd; } #Home DIV.HomeFlash A:VISITED { color: #68aadd; text-decoration: none; } #Home DIV.HomeFlash A:ACTIVE { color: #68aadd; text-decoration: none; } #Home DIV.HomeFlash A:HOVER { color: #FFF; text-decoration: none; } #Home DIV.HomeFlash .Right { position: absolute; border: 1px solid #9db2c5; top: 10px; right: 10px; } #AdvantageModule IMG { padding-bottom: 10px; } #Home .Unit { padding: 10px; background: url(/images/global-small_fade_bg.gif) top left repeat-x; } #Home .Applications.Unit IMG { } #Home .Unit UL { list-style: none; margin-bottom: 10px; border-top: 1px solid #98b0ba; } #Home .Unit LI { background: #000 url(/images/global-unit_bg.gif) repeat-x top; padding: 10px; border-bottom: 1px solid #98b0ba; } #Home .Unit LI A { text-transform: uppercase; } #Home .Unit A:hover { text-decoration: none; } #Home #Promo.Unit { margin: 10px 0 0 0; padding: 12px; background: #244469 url(/images/home-promo-small_fade_bg.gif) top left repeat-x; border-bottom: 1px solid #98B0BA; clear:both; float:left; width: 946px;} #Home #Promo.Unit H3 { font-size: 17px; margin-bottom: 10px; text-transform: uppercase;} #Home #Promo.Unit .Item { margin: 0 4px; float: left; background-color: #152534; color: #FFFFFF; height: 150px; } #Home #Promo.Unit .Item H4 { margin: 10px 10px 0 14px; text-transform: uppercase; } #Home #Promo.Unit .Item P { font-size: 11px; margin: 6px 10px; } #Home #Promo.Unit .Item IMG { float: left; } #Home #Promo.Unit .Item UL { border-top: 0 none; } #Home #Promo.Unit .Item UL LI { background: none; border-bottom: 0 none; display: inline; } #Home #Promo.Unit .Item A { font-size: 12px; text-transform: uppercase; text-decoration: none; color: #68AADD; } #Home #Promo.Unit .Item A:HOVER { color: #FFFFFF; } #Home #Promo.Unit .Item.First { width: 395px; } #Home #Promo.Unit .Item.First P { margin: 8px 10px 0px; line-height: 1.3; } #Home #Promo.Unit .Item.First .Left { display: block; height: 100%; } #Home #Promo.Unit .Item.First A IMG { opacity: .8; margin: 10px 18px 16px; float: left; } #Home #Promo.Unit .Item.First A:Hover IMG { opacity: 1; } #Home #Promo.Unit .Item.First P A SPAN{ text-transform: none; } #Home #Promo.Unit .Item.Middle { width: 205px; line-height: 1.2; } #Home #Promo.Unit .Item.Middle A P.CaseStudy { text-transform: none; font-size: 15px; margin: 6px; color: #FFFFFF; } #Home #Promo.Unit .Item.Middle A P.CaseStudy SPAN { color: #68AADD; } #Home #Promo.Unit .Item.Middle A P.CaseStudy SPAN:Hover { color: #FFFFFF; } #Home #Promo.Unit .Item.Middle A P.Quote { color: #FFFFFF; margin-bottom: 3px; text-transform: none; } #Home #Promo.Unit .Item.Middle A P.Link { margin: 6px 10px; } #Home #Promo.Unit .Item.Middle IMG { margin: 5px 0 0 10px; } #Home #Promo.Unit .Item.Middle UL { text-align: center; } #Home #Promo.Unit .Item.Middle UL LI { padding: 0 4px; color: #68AADD;} #Home #Promo.Unit .Item.Middle DL { padding: 6px 14px; } #Home #Promo.Unit .Item.Middle DL { line-height: 110%; } #Home #Promo.Unit .Item.Middle DD { margin: 3px 0 0 5px; font-size: 11px; } #Home #Promo.Unit .Item.Middle P.Link { margin: 0; text-align: center; } #Home #Promo.Unit .Item.Middle P.Link A { } #Home #Promo.Unit .Item.Middle A.RecentNews { padding: 0 14px; font-size: 11px; } #Home #Promo.Unit .Item.Last .Icons { width: 81px; margin: 15px auto 0; } #Home #Promo.Unit .Item.Last .LeftIcon { float: left; width:34px; padding: 0 3px; border-right: 1px solid #68AADD; } #Home #Promo.Unit .Item.Last .RightIcon { float: left; width:34px; padding-left: 6px; } #Home #Promo.Unit .Item.Last .Top { border-bottom: 1px solid #68AADD; padding-bottom: 2px; } #Home #Promo.Unit .Item.Last .Bottom { padding-top: 5px; } /* ie Hacks */ #Home #Promo.Unit .Item.Last { *width: 114px; } /* Offering Formatting ----------------------------------------------- */ #Offering { } #Offering.Index #Column1 #StepsNavigation { width: 640px; } #Offering #Column1 .TechBrand { clear: both; display: block; padding: 20px 0 10px 0; } #Offering #Column1 .Item { width: 540px; } #Offering #Column1 UL { margin: 10px 10px 0 20px; font-size: 90%; } #Offering #Column1 .TechBrand UL { margin-top: 0; } #Offering #Column1 LI { margin: 5px 0; line-height: 1.45em; } #Offering #Column2 .TechBrand { clear:both; padding: 10px 40px 5px 10px ; display: block; } #Offering #Column2 .Selected { background: #101b25 url(/images/offering-quote_bkg.jpg) top left repeat-x; } #Offering #Column2 .Quote { padding: 10px; } #Offering #Column2 { padding: 10px; background: #101b25 url(/images/offering-quote_bkg.jpg) top left repeat-x; } #Offering #Column2 .Fader A:hover { color: #FFF; } #Offering #Column2 .Fader SPAN { color: #7c8085; } #Offering #Column2 .Fader H6 { color: #68aadd; } #Offering #Column2 .Fader A P { color: #FFF; line-height: 1.25em; font-size: 70%; } #Offering #Column2 .Fader LI { margin-left: 20px; list-style: square; } #Offering #Column2 .Fader UL { margin: 10px 0 15px 0; } #Offering #Column2 .Fader LI A.Selected { background: none; color: #FFF; } #Offering.Index .Unit.HowItWorks { margin-top: 10px; padding-top: 20px; border-top: 1px solid #546670; background: none; } #Offering.Index .Unit.HowItWorks P { width 50%; } #Offering.Index .Unit.HowItWorks .Item { background: url(/images/global-small_fade_bg.gif) top left repeat-x; width: 290px; float: left; padding: 10px; margin: 10px 10px 10px 0px; } #Offering.Index .Unit.HowItWorks .Item.Last { margin-right: 0px; } #Offering.Index .Item DL { color: #98b0ba; font-size: 85%; margin: .5em 0; clear: both; } #Offering.Index .Item DT { line-height: 1.25em; } #Offering.Index .Item UL { padding-top: 5px; color: #98b0ba; font-size: 85%; clear:both; list-style: square;} #Offering.Index .Item LI { margin: 0 0 5px 15px; background: none; border: none; } #Offering .Quote { padding: 10px 15px; line-height: 1.25em; font-weight: normal; } #Offering .Intro { color: #FFF; font-size: 120%; } #Offering.Index .Item A:LINK { } #Offering.Index .Item A:VISITED{ } #Offering.Index .Item A:HOVER { } #Offering.Index .Item A:ACTIVE { } #Offering.Steps #Column1 LI { margin-left: 10px; } #Offering.Technology #Column1 .TechBrand H3 { font-size: 200%; } #Offering.Technology #Column1 LI { line-height: 1.5em; } #Offering.Products #Column1 LI { padding: 0 0 10px 0px; } #Offering.Technology #Column2 H5 { margin-bottom: 1em; } #Offering.Technology #Column2 H6 { margin-bottom: 0; } #Offering.Technology #Column2 .Techbrand { height: 180px; } #Offering #Column1 .Diagram { padding: 10px; background: #101f2c url(/images/global-sec_intro_bg.gif) top left repeat-x; } #Offering #Column1 .Diagram IMG { margin-10px; border: 1px solid #98b0ba; } #Offering.Products #Column1 H2 { color: #68aadd; } #Offering.Products #Column2 LI { margin-bottom: 1em; } #Offering #StepsNavigation { width: 970px; height: 41px; background: #000 url(/images/nav-steps_06.jpg) right no-repeat; } #Offering.Steps #SecIntro { border-bottom: none; } #Offering.Steps #Column1 .Item { background: #101b25 url(/images/global-small_fade_bg.gif) top left repeat-x; } /* Application Formatting ----------------------------------------------- */ #Applications .Item H4 { text-transform: uppercase; } #Applications #Columns .Item { background: url(/images/global-item_bkg.jpg) top repeat-x; } #Applications #Columns .Item IMG { border: 1px solid #98b0ba; margin: 0 0 10px 0; } #Applications.Index #Columns #Column1 { width: 455px; margin-right: 50px; } #Applications #Columns #Column1 IMG { margin-bottom: 10px; border: 1px solid #98b0ba; } #Applications #Columns #Column2 { width: 420px; float: left; } #Applications.Index .WhyPromo { margin-left: 40px; float: right; width: 290px; padding: 10px; background: #101b25 url(/images/offering-quote_bkg.jpg) top left repeat-x; } #Applications.Index .WhyPromo P { font-size: 85%; line-height: 1.2em; font-weight: bold; } #Applications.WhyDigitalMedia #Column1 { width: 950px; padding: 0px; margin: 0; } #Applications.WhyDigitalMedia .Item LI { padding: 5px 10px 5px 0; margin-left: 15px; font-size: 85%; } #Applications.WhyDigitalMedia #DigitalMedia { display: block; padding-top: 15px; margin-top: 10px; clear: both; border-top: solid 1px #98b0ba; } #Applications.WhyDigitalMedia #DigitalMedia .Item { margin-right: 10px; } #Applications #Column2 UL { margin: 0 0px 10px 20px; font-size: 85%; } #Applications #Column2 LI { padding-bottom: 5px; } /* Customers Formatting ----------------------------------------------- */ #Customers.Index #FlashScroll { width: 950px; border-bottom: 1px solid #98b0ba; border-top: 1px solid #98b0ba; } #Customers.Index #VerticalMarkets .Item H4 { padding: 10px 0 0 0; } #Customers.Index #VerticalMarkets { padding: 15px 0 20px 0; clear: both; } #Customers.Index #VerticalMarkets .Item { padding: 0 10px 0 0px; width: 220px; } #Customers.Index #VerticalMarkets Item.Last { padding-right: none; } #Customers.CaseStudies #Column1 UL { margin: 10px 10px 20px 20px; } #Customers.CaseStudies #Column1 LI { margin: 10px 0; line-height: 1.25em; } #Customers.CaseStudies #Column1 DD { padding: 3px 0; font-size: 85%; } #Customers.CaseStudies #Column1 .Quote { padding: 10px; background: #101b25 url(/images/offering-quote_bkg.jpg) top left repeat-x; width: 200px; } #Customers.CaseStudies #Column1 DIV.Left { margin: 5px 10px 10px 0; } #Customers.CaseStudies #Column1 DIV.Right { margin: 5px 0px 10px 10px; } #Customers.CaseStudies #Column2 .Unit { background: #101b25 url(/images/offering-quote_bkg.jpg) top left repeat-x; } #Customers.CaseStudies #Column2 .Unit { margin-bottom: 10px; padding: 10px; } #Customers.CaseStudies #Column2 .Unit UL { padding-bottom: 10px; } #Customers.CaseStudies #Column2 .Unit LI { margin: 0 0 10px 15px; } #Customers.CaseStudies #Column2 DD { font-size: 85%; } #Customers.CaseStudies #Column2 DT { padding-top: 10px; } #Customers.CaseStudies #Column2 .Unit IMG { margin: 0 0 10px 0px; border: 1px solid #98b0ba; } #Customers.CaseStudies .Button { background: #101b25 url(/images/offering-quote_bkg.jpg) bottom left repeat-x; padding: 10px; text-transform: uppercase} #Customers.CaseStudies .ButtonGreen { background: #91c15d url(/images/global-button_green_bg.gif) bottom left repeat-x; padding: 10px; text-transform: uppercase; } #Customers.CaseStudies .ButtonGreen A { color: #2e5900; } #Customers.CaseStudies .ButtonGreen A:HOVER { color: #FFF; } #Customers.CaseStudies .ButtonRed { background: #030000 url(/images/global-button_red_bg.gif) bottom left repeat-x; padding: 10px; text-transform: uppercase; } #Customers.CaseStudies .ButtonRed A { color: #FFF; } #Customers.CaseStudies .ButtonRed A:HOVER { color: #FFF; } #Customers.CaseStudies .Button IMG { float: left; margin: 2px 8px 0 0; } #Customers.CaseStudies .ButtonGreen IMG { float: left; margin: 2px 8px 0 0; } #Customers.CaseStudies .ButtonRed IMG { float: left; margin: 2px 8px 0 0; } /* AboutUs Formatting ----------------------------------------------- */ #AboutUs #Column1 .Unit { margin-bottom: 10px; padding: 10px; } #AboutUs #Column1 UL { margin: 10px 10px 20px 20px; font-size: 85%; } #AboutUs #Column1 LI { margin: 10px 0; line-height: 1.25em; } DL.NewsListing { margin-bottom: 1.25em; } DL.NewsListing DT { margin-bottom: .5em; } DL.NewsListing DD { font-size: 75%; } #AboutUs.Details #Column1 H4 { margin: 1em 0 .2em 0; } /* Newsletter Formatting ----------------------------------------------- */ #Newsletter #Column1 OL { margin-left: 25px; } #Newsletter #Column1 .Unit { margin-bottom: 10px; padding: 10px; } #Newsletter #Column1 H5 { margin-top: 20px; } #Newsletter #Column1 UL { margin: 10px 10px 20px 20px; font-size: 85%; } #Newsletter #Column1 LI { margin: 10px 0; line-height: 1.25em; } #Newsletter #Column2 UL { margin: 10px 10px 10px 15px; font-size: 90%; } #Newsletter #Column2 LI { margin: 10px 0; line-height: 1.0em; } #Newsletter .NewsletterEntries IMG { display: none; } #Newsletter .NewsletterEntries { padding: 10px 0 20px 0; margin-bottom: 10px; border-bottom: 1px solid #98b0ba;} #Newsletter .ButtonRed { background: #030000 url(/images/global-button_red_bg.gif) bottom left repeat-x; padding: 10px; text-transform: uppercase; } #Newsletter .ButtonRed A { color: #FFF; } #Newsletter .ButtonRed A:HOVER { color: #FFF; } #Newsletter #Column2 .Unit { margin: 10px 0 0 0; } #Newsletter #Column2 .Unit LI { margin-bottom: 5px; padding: 0px; line-height: 1.2em; } /* ContactUs Formatting ----------------------------------------------- */ #Contact #Columns .Map { border: 1px solid #98b0ba; margin: 10px 0; } #Contact #Column1 #Form { background: #101b25 url(/images/global-small_fade_bg.gif) top left repeat-x; padding: 20px; margin: 0 20px 60px 0px; } #Contact #Column1 #Form TD { padding: 8px; vertical-align: middle; } #Contact #Column1 #Form INPUT { padding: 2px; font-size: 90%; } #Contact #Column1 #Form TEXTAREA { } #Contact #Column1 #Form .Button { color: #FFF; font-size: 85%; text-transform: uppercase; padding: 5px 25px; border: 1px solid #68aadd; background: url(/images/global-item_bkg.jpg) top repeat-x; } #Contact #Column1 .Item { width: 180px; float: left; margin-right: 10px; background: #101b25 url(/images/global-small_fade_bg.gif) top left repeat-x; } #Contact #Column1 .Item.Last { margin-right: 0; } /* Internal Formatting ----------------------------------------------- */ #Internal .Unit { padding: 10px; background: #101b25 url(/images/global-small_fade_bg.gif) top left repeat-x; } #Internal.Login .Unit FORM { margin-left: 300px; padding: 10px; border: 1px solid #546670; width: 300px; text-align: left; } #Internal.Toolkit .Item { margin-right: 10px; padding: 10px; width: 280px; float: left; } #Internal.Toolkit .Item UL { margin: 0 0px 10px 20px; font-size: 85%; } #Internal.Toolkit .Item LI { padding-bottom: 5px; } #CS { text-align: center; } #CS #CSMedia { margin: 10px auto; border: 1px solid #546670; padding: 0; width: 600px; } #CS #CSBody { width: 600px; text-align: left; margin: 0 auto; } #CS #CSBody H3 { text-transform: uppercase; } #CS #CSBody P { padding: 10px 0 0 0; font-size: 90%; } #CS #CSBody A { text-decoration: none; color: #68aadd; } #CS #CSBody A:hover { color: #FFF; } #EULA #Column1 OL LI { padding: 5px 20px 10px 10px; margin-left: 25px; } #Legal #Column1 UL LI { padding: 5px 20px 10px 10px; margin-left: 25px; } #Legal #Column1 H4 { margin-top: 15px; } /* Landing Page Formatting ----------------------------------------------- */ #LandingPages B { color: #111; } #LandingPages #Columns P { color: #222; margin: 0 0 15px 0; } #LandingPages #SiteWrapper { padding: 0; background: none; } #LandingPages #Navigation { float: right; font-size: 75%; width: 300px; } #LandingPages #Navigation UL { width: 270px; left: 780px; } #LandingPages #Navigation UL A { text-transform: none; } #LandingPages #Columns { padding: 0; color: #000; background: #FFF url(/images/landing_pages/vertical-bkg.gif) repeat-y left; } #LandingPages #Columns H2 { margin-bottom: 15px; text-transform: none; color: #111; } #LandingPages #Columns H3 { margin-bottom: 8px; text-transform: none; color: #000; font-size: 120%; } #LandingPages #Columns #Column1 OL, #LandingPages #Columns #Column1 UL { margin: 10px 0 15px 0; font-size: 90%; } #LandingPages #Columns #Column1 OL LI, #LandingPages #Columns #Column1 UL LI { padding: 5px 30px 5px 0px; margin-left: 20px; } #LandingPages #Column1 { padding: 25px; width: 399px; float: left; } #LandingPages #Column2 { padding: 31px 5px 0 0px; width: 195px; float: left; } #LandingPages #Column3 { padding: 31px 16px 0 16px; width: 288px; float: left; } #LandingPages #Column2 #Nav LI, #LandingPages #Column3 LI { padding: 1px 10px 5px 0; font-size: 90%; } #LandingPages #Column2 LI { list-style-type: none; } #LandingPages #Column3 LI { margin-left: 17px; list-style: square; } #LandingPages #Column2 H3 { margin-left: 15px; } #LandingPages #Columns A { color: #295faa; } #LandingPages #Columns A.Selected { color: #222; } #LandingPages #Columns A:HOVER { color: #222; } #LandingPages #Column2 A { padding-left: 15px; font-size: 95%; } #LandingPages #Column2 A.Selected { font-weight: bold; color: #222; background: url(/images/landing_pages/vertical-hover_bkg.jpg) no-repeat left; } #LandingPages #Column2 A:HOVER { color: #222; background: url(/images/landing_pages/vertical-hover_bkg.jpg) no-repeat left; } #LandingPages #Column3 DL { font-size: 85%; } #LandingPages #Column3 DT { margin-bottom: 4px; font-weight: bold; } #LandingPages #Column3 .Item P { padding: 5px 5px 5px 10px; background-color: #DDD; color: #333; } #LandingPages #Column3 .Item P A { border-left: 5px solid #FFF; padding-left: 10px; } #LandingPages #Column3 .Item { foat: left; padding: 0; margin: 0; width: 136px; } #LandingPages #Column3 .Item.Hovered P A { color: #222; border-left: 5px solid #68aadd; } #LandingPages #Column3 .Item.Last { margin-left: 10px; } #LandingPages #SecIntro { height: 127px; background: url(/images/landing_pages/vertical-banner.jpg) no-repeat; } #LandingPages.Index #SecIntro { background: url(/images/landing_pages/vertical-banner.jpg) no-repeat; } #LandingPages.qsr #SecIntro { background: url(/images/landing_pages/vertical-qsr_bkg.jpg) no-repeat; } #LandingPages.RetailBanking #SecIntro { background: url(/images/landing_pages/vertical-retail_banking_bkg.jpg) no-repeat; } #LandingPages.FoodRetail #SecIntro { background: url(/images/landing_pages/vertical-food_retail_bkg.jpg) no-repeat; } #LandingPages #SecIntro H1 { margin: 15px 0px 0 20px; font-size: 160%; font-style: italic; }