/* ----- F O N T S ----- */ /* ----- POSTERAMA ----- */ @font-face { font-family: "Posterama Text"; font-weight: normal; font-style: normal; src: url(../Fonts/PosteramaText-Regular.otf); } @font-face { font-family: "Posterama Text"; font-weight: bold; font-style: normal; src: url(../Fonts/PosteramaText-Bold.otf); } @font-face { font-family: "Posterama Text Light"; font-weight: normal; font-style: normal; src: url(../Fonts/PosteramaText-Light.otf); } @font-face { font-family: "Posterama Text Thin"; font-weight: normal; font-style: normal; src: url(../Fonts/PosteramaText-Thin.otf); } @font-face { font-family: "Posterama Text SemiBold"; font-weight: normal; font-style: normal; src: url(../Fonts/PosteramaText-SemiBold.otf); } /* ----- APTIFER ----- */ @font-face { font-family: "Aptifer Sans LT Pro Light"; font-weight: normal; font-style: normal; src: url(../Fonts/AptiferSansLTPro-Light.otf); } @font-face { font-family: "Aptifer Sans LT Pro Light"; font-weight: normal; font-style: italic; src: url(../Fonts/AptiferSansLTPro-LightIt.otf); } @font-face { font-family: "Aptifer Sans LT Pro Light"; font-weight: bold; font-style: normal; src: url(../Fonts/AptiferSansLTPro-Medium.otf); } @font-face { font-family: "Aptifer Sans LT Pro Medium"; font-weight: bold; font-style: normal; src: url(../Fonts/AptiferSansLTPro-Bold.otf); } /* ----- DK EYEWITNESS ----- */ @font-face { font-family: "DK Eyewitness Bulletfont"; font-weight: normal; font-style: normal; src: url(../Fonts/DK_Eyewitness_Bulletfont.otf); } @font-face { font-family: "DK Eyewitness Clear_Bulletfont"; font-weight: normal; font-style: normal; src: url(../Fonts/DK_Eyewitness_Clear_Bulletfont.otf); } @font-face { font-family: "DK Eyewitness Travelfont"; font-weight: normal; font-style: normal; src: url(../Fonts/DK_Eyewitness_Travelfont.otf); } @font-face { font-family: "DK Eyewitness Bullet Symbols"; font-weight: normal; font-style: normal; src: url(../Fonts/DK_Eyewitness_Bullet_Symbols.otf); } @font-face { font-family: "DK Eyewitness Clear Square Numbers"; font-weight: normal; font-style: normal; src: url(../Fonts/DK_Eyewitness_Square_Bulletfont.otf); } /* ----- SOHO GOTHIC PRO ----- */ @font-face { font-family: "Soho Gothic Pro"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoGothicPro-Regular.otf); } @font-face { font-family: "Soho Gothic Pro"; font-weight: bold; font-style: normal; src: url(../Fonts/SohoGothicPro-Bold.otf); } @font-face { font-family: "Soho Gothic Pro"; font-weight: normal; font-style: italic; src: url(../Fonts/SohoGothicPro-Italic.otf); } @font-face { font-family: "Soho Gothic Pro Medium"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoGothicPro-Medium.otf); } @font-face { font-family: "Soho Gothic Pro Medium"; font-weight: normal; font-style: italic; src: url(../Fonts/SohoGothicPro-MediumIt.otf); } /* ----- SOHO PRO ----- */ @font-face { font-family: "Soho Pro"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoPro-Regular.otf); } @font-face { font-family: "Soho Pro"; font-weight: bold; font-style: normal; src: url(../Fonts/SohoPro-Bold.otf); } @font-face { font-family: "Soho Pro"; font-weight: normal; font-style: italic; src: url(../Fonts/SohoPro-Italic.otf); } @font-face { font-family: "Soho Pro Medium"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoPro-Medium.otf); } @font-face { font-family: "Soho Pro Condensed"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoPro-Condensed.otf); } @font-face { font-family: "Soho Pro Condensed"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoPro-BoldCondensed.otf); } @font-face { font-family: "Soho Pro Light"; font-weight: normal; font-style: normal; src: url(../Fonts/SohoPro-Light.otf); } /* ----- ITC CASLON ----- */ @font-face { font-family: "ITC Caslon 224 Std Book"; font-weight: normal; font-style: italic; src: url(../Fonts/Caslon224Std-BookItalic.otf); } @font-face { font-family: "ITC Caslon 224 Std Medium"; font-weight: normal; font-style: italic; src: url(../Fonts/Caslon224Std-MediumItalic.otf); } /* ----- GENERAL SYMBOLS 4 ----- */ @font-face { font-family: "General Symbols 4"; font-weight: normal; font-style: normal; src: url(../Fonts/GeneralSymbols-4.otf); } /* ----- COLOUR SCHEME [BORDERS] ----- */ .border-AreaColour-01 { border-color: #dd977d; } .border-AreaColour-02 { border-color: #bc9ebe; } .border-AreaColour-03 { border-color: #c79484; } .border-AreaColour-04 { border-color: #a0bac6; } .border-AreaColour-05 { border-color: #ddce59; } .border-AreaColour-06 { border-color: #c9beb5; } .border-AreaColour-07 { border-color: #e8b458; } .border-AreaColour-08 { border-color: #b4d5c9; } .border-AreaColour-09 { border-color: #d69db6; } .border-AreaColour-10 { border-color: #b6c2da; } .border-AreaColour-11 { border-color: #e1a268; } .border-AreaColour-12 { border-color: #ced3c5; } .border-AreaColour-13 { border-color: #e8cb41; } .border-AreaColour-14 { border-color: #b0b3d1; } .border-AreaColour-15 { border-color: #b1caa3; } .border-BookColour-01 { border-color: #bbd7bc; } .border-BookColour-02 { border-color: #a7a6a5; } .border-BookColour-03 { border-color: #cccf74; } /* ----- COLOUR SCHEME [TEXT] ----- */ .color-AreaColour-01 { color: #dd977d; } .color-AreaColour-02 { color: #bc9ebe; } .color-AreaColour-03 { color: #c79484; } .color-AreaColour-04 { color: #a0bac6; } .color-AreaColour-05 { color: #ddce59; } .color-AreaColour-06 { color: #c9beb5; } .color-AreaColour-07 { color: #e8b458; } .color-AreaColour-08 { color: #b4d5c9; } .color-AreaColour-09 { color: #d69db6; } .color-AreaColour-10 { color: #b6c2da; } .color-AreaColour-11 { color: #e1a268; } .color-AreaColour-12 { color: #ced3c5; } .color-AreaColour-13 { color: #e8cb41; } .color-AreaColour-14 { color: #b0b3d1; } .color-AreaColour-15 { color: #b1caa3; } .color-BookColour-01 { color: #bbd7bc; } .color-BookColour-02 { color: #a7a6a5; } .color-BookColour-03 { color: #cccf74; } /* ----- COLOUR SCHEME [BACKGROUND] ----- */ .bg-AreaColour-01 { background-color: #dd977d; } .bg-AreaColour-02 { background-color: #bc9ebe; } .bg-AreaColour-03 { background-color: #c79484; } .bg-AreaColour-04 { background-color: #a0bac6; } .bg-AreaColour-05 { background-color: #ddce59; } .bg-AreaColour-06 { background-color: #c9beb5; } .bg-AreaColour-07 { background-color: #e8b458; } .bg-AreaColour-08 { background-color: #b4d5c9; } .bg-AreaColour-09 { background-color: #d69db6; } .bg-AreaColour-10 { background-color: #b6c2da; } .bg-AreaColour-11 { background-color: #e1a268; } .bg-AreaColour-12 { background-color: #ced3c5; } .bg-AreaColour-13 { background-color: #e8cb41; } .bg-AreaColour-14 { background-color: #b0b3d1; } .bg-AreaColour-15 { background-color: #b1caa3; } .bg-BookColour-01 { background-color: #bbd7bc; } .bg-BookColour-02 { background-color: #a7a6a5; } .bg-BookColour-03 { background-color: #cccf74; } /* -----COMMON STYLES----- */ .pagebreak { page-break-before: always; } span.TravelFont { font-family: DK Eyewitness Travelfont; } span.BulletFont { font-family: DK Eyewitness Bulletfont; } span.BulletSymbolsFont { font-family: DK Eyewitness Bullet Symbols; font-size: 1em; } span.DK_Eyewitness_Clear_Bulletfont { font-family: DK Eyewitness Clear_Bulletfont; color: black; float: left; margin: 0 0.2em -0.2em 0; padding: 0 0 0.6em 0; } span.DK_Eyewitness_Clear_Bulletfont_new { font-family: DK Eyewitness Clear_Bulletfont; color: black; margin: 0 0.2em -0.2em 0; padding: 0 0 0.6em 0; } span.DK_Eyewitness_Clear_Bulletfont-DROPCAP { font-family: DK Eyewitness Clear_Bulletfont; font-size: 1.4em; float: left; margin: 0 0.2em -0.4em 0; } span.DK_Eyewitness_Square_Bulletfont { font-family: DK Eyewitness Clear Square Numbers; margin: 0 0.3em 0 0; } span.SquareBulletfont-images { font-family: DK Eyewitness Clear Square Numbers; float: left; font-size: 0.8em; margin-top: 0; margin-bottom: 0.3em; } span.SquareBulletfont-CaptionText { font-family: DK Eyewitness Clear Square Numbers; margin-top: 0; margin-bottom: 0.3em; padding-right: 0.3em; } span.GeneralSymbols-4 { font-family: "General Symbols 4"; font-weight: normal; font-style: normal; text-transform: lowercase; } span.GeneralSymbols-4-uppercase { font-family: "General Symbols 4"; font-weight: normal; font-style: normal; text-transform: uppercase; } div.CaptionText-wrapper { width: 75%; margin-bottom: 0.5em; } p.CaptionText { font-family: Soho Gothic Pro; font-size: 0.7em; line-height: 1.2em; text-align: left; margin: 0; } p.SubHeadb { font-family: Soho Pro; font-weight: normal; font-size: 1em; line-height: 1em; margin: 0.5em 0 0.7em 0; clear: both; } h3.SubHead { font-family: Soho Pro; font-weight: bold; font-size: 1.2em; line-height: 1em; margin: 0.7em 0 0.2em 0; clear: both; } div.IntroText-wrapper { margin: 0.5em 0; } p.IntroText { font-family: Soho Gothic Pro Medium; font-style: italic; font-size: 1em; line-height: 1.2em; margin: 0.4em 0 0 0; } p.IntroText-indent { font-family: Soho Gothic Pro Medium; font-style: italic; font-size: 1em; line-height: 1.2em; margin: 0; text-indent: 1em; line-height: 1.3em; } div.BodyText-RightFloatImages { width: 33%; float: right; padding-left: 0.6em; } p.BodyText { font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 1em; margin: 0; } p.BodyText-indent { font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 1em; margin: 0; text-indent: 1em; } p.Discover-BodyText-indent { font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 1em; margin: 0; text-indent: 1em; } img.discover-image { width: 100%; border-radius: 0.2em; margin: 0; } div.discover-image-wrapper { width: 70%; page-break-inside: avoid; margin: 0.5em auto; } h3 { margin: 0; } h1 { margin: 0; } .clear { clear: both; } .FloatRight { float: right; } .FloatLeft { float: left; } div.container { width: 100%; page-break-inside: avoid; } .Width-100 { width: 100%; } .Width-90 { width: 90%; } .Width-80 { width: 80%; } .Width-70 { width: 70%; } .Width-60 { width: 60%; } .Width-50 { width: 50%; } .Width-40 { width: 40%; } .Width-30 { width: 30%; } .Width-20 { width: 20%; } .Width-02 { width: 2%; } .padding-right { padding-right: 0.3em; } .padding-right-large { padding-right: 0.5em; } .padding-left { padding-left: 0.3em; } .padding-left-large { padding-left: 0.6em; } .padding-bottom { padding-bottom: 0.5em; } .margin-bottom { margin-bottom: 0.5em; } .padding-top { padding-top: 1em; } .margin-right { margin-right: 1em; } .margin-left { margin-left: 1em; } .uppercase { text-transform: uppercase; } .center { margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; text-align: center; } .left { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: auto; text-align: left; } .right { margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: 0; text-align: right; } /* ----- H A L F T I T L E ----- */ p.HalfTitle-intro { font-family: Posterama Text Light; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1em; color: #000; text-transform: uppercase; text-align: center; } h1.HalfTitle-title { font-family: Posterama Text Light; font-style: normal; font-weight: normal; font-size: 3.3em; color: #666; text-transform: uppercase; text-align: center; margin: 0; } div.HalfTitle-TopMargin { margin-top: 25%; } /* ----- C O N T E N T S S E C T I O N ----- */ div.contents-MainTitle-wrapper { background-color: white; border-radius: 0.4em 0.4em 0.4em 0.4em; margin: 0 0.1em; } h1.contents-MainTitle { font-family: Posterama Text SemiBold; text-align: center; text-transform: uppercase; font-size: 1.2em; color: grey; padding: 0 0.4em 0 0; margin: 0; } div.contents-SubHeader-wrapper { border-radius: 0.4em 0 0.4em 0; margin: 1em 0 0 0; } h2.contents-SubHeader { font-family: Posterama Text Light; text-transform: uppercase; font-size: 1.2em; line-height: 1em; margin: 0 0 0 0; padding: 0.3em 0 0.4em 0; text-align: left; } div.ToC-wrapper { border-style: hidden hidden hidden hidden; border-width: 0.2em 0.2em 0 0; border-radius: 0 0.5em 0 0; margin: 0 0 0 0; } div.ToC-entry-button { width: 95%; display: table; border-style: hidden hidden hidden solid; border-width: 0.15em 0.4em 0.15em 0.5em; border-radius: 0 0.5em 0.5em 0; margin: 0 1% 0 1%; } p.ToC-entry-text { font-family: Posterama Text Light; font-style: normal; font-size: 0.9em; text-transform: uppercase; text-decoration: underline; margin: 0; line-height: 1em; padding: 0.5em 0 0.5em 0.4em; } h2.contents-SubHeader-areas { font-family: Posterama Text Light; text-transform: uppercase; font-size: 1.2em; line-height: 1em; margin: 0 0 0 0; padding: 0.3em 0 0 0; text-align: left; } div.ToC-entry-button-areas { width: 95%; display: table; border-style: hidden hidden hidden solid; border-width: 0.15em 0.4em 0.15em 0.5em; border-radius: 0 0.5em 0.5em 0; margin: 0.4em 1% 0.4em 1%; } p.ToC-entry-text-areas { font-family: Posterama Text Light; font-style: normal; font-size: 0.9em; text-transform: uppercase; text-decoration: underline; margin: 0; line-height: 1em; padding: 0.2em 0 0.2em 0.4em; } /* -----NavButtons----- */ div.NavButtons-box { width: 100%; border-style: solid hidden solid hidden; border-width: 0.1em 0 0.15em 0; border-color: grey; padding: 0.25em 0 0.2em 0; margin-bottom: 0.4em; } p.NavButtons-text { padding: 0 0; margin: 0; color: blue; font-size: 0.7em; } a.NavButtons-hyperlink { font-family: Posterama Text SemiBold; font-weight: normal; font-style: normal; font-size: 1.1em; text-transform: uppercase; text-align: left; margin: 0; text-decoration: underline; } /* -----RUNNING HEAD----- */ p.RunningHead-text { text-align: right; color: grey; } span.RunningHead-SectionName { font-family: Posterama Text; font-weight: normal; font-size: 0.8em; text-transform: uppercase; } span.RunningHead-AreaName { font-family: Soho Gothic Pro Medium; font-size: 0.8em; } /* -----IMAGES AND FRAMES----- */ div.CatalogueImage-landscape { width: 100%; margin-right: auto; margin-left: auto; margin-top: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.CatalogueImage-landscape-medium { width: 80%; margin-right: auto; margin-left: auto; margin-top: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.CatalogueImage-landscape-narrow { width: 80%; margin-top: 0.5em; margin-right: auto; margin-left: auto; padding: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.CatalogueImage-portrait-narrow { width: 40%; margin-top: 0.5em; margin-right: auto; margin-left: auto; padding: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.CatalogueImage-portrait { width: 80%; margin-top: 0.5em; margin-right: auto; margin-left: auto; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.CatalogueImage-LocatorMap { width: 35%; float: right; margin-right: auto; margin-left: auto; margin-top: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; padding: 0 0 0.4em 0.4em; } /* -----SECTION OPENER----- */ div.Opener-MainTitle-wrapper { page-break-inside: avoid; margin: 0.3em 0 0 0; } h1.SectionOpener-MainTitle { font-family: Posterama Text Thin; font-size: 2em; line-height: 1em; text-transform: uppercase; text-align: left; margin: 0; padding: 0.1em 0.2em 0.1em 0.2em; } /* -----AREA OPENER----- */ h1.AreaOpener-MainTitle { font-family: Posterama Text Light; font-size: 1.6em; color: white; line-height: 1.1em; text-transform: uppercase; text-align: left; margin-bottom: 0.2em; margin: 0 0 0 0; padding: 0.3em 0.3em 0.3em 0.3em; } div.AreaOpener-image-wrapper { width: 97%; margin-right: auto; } img.AreaOpener-image-wrapper { width: 100%; border-radius: 0 0 0 0; } /* -----> OPENER HEADING STYLES FOR: WELCOME TO | REASONS TO LOVE | EXPLORE | THEMES/YOUR WAY | A YEAR IN | A BRIEF HISTORY | AREA MAPS | WALKS | BEFORE YOU GO | GETTING AROUND | PRACTICAL INFORMATION <----- */ h3.MainTitle-theme { font-family: Posterama Text Thin; font-weight: normal; text-transform: uppercase; margin: 0; font-size: 1.2em; } h1.MainTitle-destination { font-family: Posterama Text Light; text-transform: uppercase; line-height: 0.9em; margin: 0; margin-bottom: 0.2em; font-size: 2em; } /* ----- REASONS TO LOVE HEADERS ----- */ h3.ReasonsToLove-ImageCaption-header { font-family: Soho Gothic Pro Medium; font-weight: normal; font-size: 1em; text-transform: uppercase; line-height: 1em; margin: 1em 0 0.5em 0; } span.ReasonsToLove-ImageCaption-number { font-family: "ITC Caslon 224 Std Book"; font-size: 1.7em; font-style: italic; padding: 0 0.15em; } p.ReasonsToLove-ImageCaption-text { font-family: Soho Pro; font-weight: normal; font-size: 0.8em; margin: 0.3em 0 0 0; line-height: 1.3em; } /* ----- GETTING TO KNOW BOXES ----- */ h3.GettingToKnow-SubHead { font-family: Posterama Text SemiBold; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 1em; text-transform: uppercase; margin: 0; padding: 0.2em 0.3em 0 0.5em; } p.GettingToKnow-BodyText { font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 1em; margin: 0; padding: 0.3em 0.7em; } img.discover-image { width: 100%; border-radius: 0.2em; margin: 0; } div.GettingToKnow-box-wrapper { width: 100%; page-break-inside: avoid; margin: 0.3em 0; } div.GettingToKnow-box { width: 98%; border-style: solid solid hidden solid; border-width: 0.3em 0.1em 0.3em 0.1em; border-radius: 0.3em 0.3em 0 0; margin: 0 auto; } span.GettingToKnow-activities-head { font-family: Soho Gothic Pro; font-weight: bold; font-style: normal; font-size: 1em; } p.GettingToKnow-activities-text { font-family: Aptifer Sans LT Pro Light; font-style: italic; font-weight: normal; font-size: 0.9em; margin: 0; padding: 0 0.2em 0.4em 0.85em; } hr.GettingToKnow-activities-separator { width: 98%; margin: 0 auto 0.3em auto; } div.GettingToKnow-GoToArea-button { width: 98%; text-align: center; margin-left: auto; margin-right: auto; border-radius: 0 0 0.2em 0.2em; border-style: solid dashed dashed dashed; border-width: 0.3em 0.1em 0.1em 0.1em; margin: 0 auto 0 auto; padding: 0.1em 0; } p.GettingToKnow-GoToArea-button-text { font-family: Aptifer Sans LT Pro Light; font-weight: bold; font-style: normal; font-size: 0.75em; text-align: right; text-transform: uppercase; margin: 0; padding: 0.3em 0.4em 0.3em 0; } /* ----- I T I N E R A R I E S ----- */ h1.itinerary-MainTitle { font-family: Posterama Text Thin; font-size: 3em; text-align: right; text-transform: uppercase; line-height: 0.8em; margin: 0 0 0.2em 0; } h1.itinerary-MainTitlea { font-family: Posterama Text Thin; font-size: 2em; text-align: right; text-transform: uppercase; line-height: 0.8em; margin: 0 0 0.2em 0; } div.itinerary-separator { width: 100%; border-top: dotted 0.2em #a7a6a5; margin: 0 0 0.5em 0; } h3.itinerary-title { font-family: Soho Gothic Pro; font-weight: bold; font-size: 0.9em; text-align: left; margin: 0 0 0.2em 0; color: #a7a6a5; } div.itinerary-wrapper { margin: 0 0 1em 0; padding: 0 0 0 0; border-style: hidden hidden hidden solid; border-width: 0.2em 0.2em 0.2em 0.2em; border-radius: 0 0 0 0; } .itinerary-LineHeight { line-height: 1.5em; } div.itinerary-SubTitle-wrapper { border-style: hidden hidden hidden solid; border-width: 0.2em 0.2em 0.2em 0.7em; margin: 0; } h3.itinerary-SubTitle { margin: 0; font-family: "ITC Caslon 224 Std Medium"; font-weight: normal; font-style: italic; padding-left: 0.2em; } p.itinerary-BodyText { font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 1em; padding: 0% 0% 0% 4%; margin: 0; } span.itinerary-BodyText-indent { text-indent: 1em; font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 1em; padding: 0% 0% 0% 3%; margin: 0; } /* ----- TOP 5 BOX ----- */ div.Top5-box { width: 90%; border-radius: 0.2em; margin: 1em auto 0 auto; padding-bottom: 0.3em; border-style: solid; border-width: 0.2em 0.1em 0.1em 0.1em; border-color: grey; padding: 0 0.3em 0.3em 0.3em; } h3.Top5-header { font-family: Soho Gothic Pro; font-weight: bold; font-size: 1.2em; color: #7d7d7d; line-height: 1em; margin: 0 0 0.8em 0; text-transform: uppercase; padding: 0.3em 0 0 0.3em; } img.Top5-image { width: 20%; float: right; margin-top: -1em; padding: 0em 1em 0.3em 0.3em; } p.Top5-SubHead { margin: 0; padding: 0 0 0 0.5em; font-family: Soho Pro; font-weight: bold; font-size: 0.8em; } p.Top5-MapLocation { margin: 0; padding: 0 0 0 0.5em; font-family: Soho Gothic Pro Medium; font-size: 0.8em; color: #7d7d7d; } p.Top5-details { margin: 0; padding: 0.2em 0.3em 0.8em 0.5em; font-family: Soho Pro; font-weight: normal; font-size: 0.8em; } /* ----- GEM BOX ----- */ div.GemBox-wrapper { width: 95%; page-break-inside: avoid; border-style: solid; border-width: 0.1em; border-radius: 0.2em; padding: 0.5em; margin: 0.5em auto 0em auto; } div.GemBox-IconImage { width: 10%; margin: 0; padding: 0.2em 0.3em; } p.GemBox-IconLabel { font-family: Soho Gothic Pro; font-weight: normal; font-size: 0.8em; text-transform: uppercase; line-height: 1em; padding: 0.25em 0 0 0; margin: 0; } h3.GemBox-title { font-family: Soho Gothic Pro; font-style: normal; font-weight: bold; font-size: 1em; line-height: 1em; text-align: left; padding: 0 0 0.3em 0; margin: 0; } p.GemBox-BodyText { font-family: Soho Pro; font-style: normal; font-weight: normal; font-size: 0.8em; text-align: left; margin: 0; padding-bottom: 0.3em; } /* ----- FACT BOX ----- */ div.FactBox-wrapper { page-break-inside: avoid; width: 95%; border-radius: 0.2em; padding: 0.5em; margin: 1em auto 0em auto; } h3.FactBox-header { font-family: Soho Gothic Pro; font-style: normal; font-weight: bold; font-size: 1em; text-transform: uppercase; line-height: 1em; text-align: left; margin: 0 0 0.5em 0; } p.FactBox-BodyText1 { font-family: "Soho Gothic Pro"; font-style: normal; font-weight: bold; font-size: 0.8em; line-height: 1.4em; text-align: left; margin: 1em 0 0 0; } p.FactBox-BodyText { font-family: Soho Pro; font-style: normal; font-weight: normal; font-size: 0.8em; line-height: 1.4em; text-align: left; margin: 0; } .FactBox-BodyText1a { font-family: Soho Gothic Pro; font-style: normal; font-size: 0.9em; line-height: 1.2em; margin: 0; } p.FactBox-BodyText-indent { font-family: Soho Pro; font-style: normal; font-weight: normal; font-size: 0.8em; line-height: 1.4em; text-align: left; margin: 0; text-indent: 1em; } /* ----- A BRIEF HISTORY----- */ h3.aBriefHistory-SubHead { font-family: Soho Pro; font-weight: bold; font-size: 1.2em; line-height: 1em; margin: 1em 0 0 0; } /* ----- [TIMELINE TABLE] ----- */ table.TimelineTable { border-radius: 0 0.5em 0 0; margin: 0.3em auto; border-spacing: 0; } td.TimelineTable-cell { border-style: solid solid solid solid; border-width: 0.2em 0.15em 0.1em 0.2em; padding: 0.5em; } img.TimelineTable-image { width: 25%; padding: 0.3em; float: right; } h3.TimelineTable-title { font-family: Soho Pro; font-weight: bold; font-size: 1.2em; text-align: right; margin: 0; color: #fff; padding: 0.4em 0.4em 0.1em 0.4em; } td.TimelineTable-row { border-style: solid solid solid solid; border-width: 0.2em; border-radius: 0 0.5em 0 0; } h3.TimelineTable-SubHead { font-family: "ITC Caslon 224 Std Book"; font-size: 1.2em; text-transform: uppercase; text-align: left; margin: 0; color: #bababa; margin: 0; } p.TimelineTable-text { font-family: Soho Pro Condensed; font-style: normal; font-size: 0.9em; text-align: left; margin: 0; } /* ----- Image Gallery ----- */ img.Gallery-image1 { width: 15%; padding: 0.3em; float: left; margin: 0 1em 0 0; } img.Gallery-image { width: 25%; padding: 0.3em; float: left; margin: 0 1em 0 0; } p.Gallery-text { font-family: Soho Pro Condensed; font-style: normal; font-size: 0.9em; margin: 0; padding: 0.3em 0 0 0; } .bg-galleryColour-01 { background-color: #f49d80; } .border-galleryColour-01 { border-color: #f49d80; } /* ----- A YEAR IN SECTION ----- */ div.aYearIn-month-wrapper { border-style: solid hidden solid hidden; border-width: 0.1em 0 0.15em 0; border-color: #cecece; margin: 0.5em; } h3.aYearIn-month { font-family: Soho Gothic Pro; font-style: normal; font-weight: normal; font-size: 1.3em; text-transform: uppercase; text-align: center; color: grey; margin: 0.2em 0 0.2em 0; } p.aYearIn-details { font-family: Aptifer Sans LT Pro Light; font-size: 0.9em; text-align: left; line-height: 1.1em; margin: 0.2em 0 0 0; } p.aYearIn-EventDetails { font-family: Aptifer Sans LT Pro Light; font-weight: normal; font-size: 1em; margin: 0; padding-left: 1em; } /* -----BEST OF THE REST BOX----- */ div.BestOfTheRest_Box-wrapper { width: 95%; page-break-inside: avoid; margin: 1em auto 0 auto; } td.BestOfTheRest_Box-left_column { width: 3%; border-style: solid hidden solid solid; border-width: 0.15em 0 0.15em 0.15em; } td.BestOfTheRest_Box-middle_column { width: 93%; text-align: center; padding: 2.5em 0; } td.BestOfTheRest_Box-right_column { width: 3%; border-style: solid solid solid hidden; border-width: 0.15em 0.15em 0.15em 0; } h3.BestOfTheRest_Box-title { font-family: Soho Pro Condensed; font-weight: bold; font-style: normal; font-size: 1.5em; text-transform: uppercase; margin: 0; text-align: center; } h4.BestOfTheRest_Box-SubTitle { font-family: Soho Gothic Pro; font-weight: bold; font-size: 0.9em; margin: 0.5em auto 1em auto; text-align: center; } h4.BestOfTheRest_Box-header { font-family: Soho Gothic Pro; font-weight: bold; font-size: 0.9em; margin: 1em 0 0.3em 0; text-align: center; } p.BestOfTheRest_Box-BodyText { font-family: Soho Pro; font-size: 0.8em; line-height: 1.2em; margin: 0; text-align: center; } /* -----GOOGLE MAP LINK ----- */ div.GoogleMap-link-wrapper { margin: 0.35em 0 0 0; padding: 0 0.1em 0.1em 0; float: right; border-color: #003aff; text-align: center; } span.TravelFont-GoogleMap { font-family: DK Eyewitness Travelfont; font-size: 1.3em; color: blue; padding: 0 0.2em 0 0; } a.GoogleMap-link { padding: 0 0.1em 0 0; font-family: Posterama Text; font-size: 0.8em; margin: 0 0 0 0; } /* ----- AREA ARTICLES ----- */ h1.Article-MainTitle { font-family: Posterama Text Thin; font-size: 1.8em; line-height: 0.95em; text-transform: uppercase; margin-bottom: 0; margin-top: 0.2em; } h1.Article-MainTitle1 { font-family: Posterama Text Light; font-size: 1.5em; line-height: 0.95em; text-transform: uppercase; margin-bottom: 0.3em; margin-top: 0.7em; } h1.Article-MainTitle2 { font-family: Posterama Text Thin; font-size: 1.5em; line-height: 0.95em; text-transform: uppercase; margin: 1.7em 0 0 0; padding: 0.5em 0 0.3em 0; border-style: solid hidden hidden hidden; border-width: 0.05em 0 0 0; } h2.Article-MainTitle2 { font-family: Posterama Text Thin; font-size: 1.3em; line-height: 0.9em; text-transform: uppercase; margin: 0.5em 0 0 0; padding: 0em 0 0.5em 0; } h3.POI-title { font-family: Soho Pro; font-weight: bold; line-height: 1em; font-size: 1.2em; margin-bottom: 0.2em; margin: 0.5em 0 0 0; clear: both; } h3.POI-title1 { font-family: Soho Pro; font-weight: bold; line-height: 1em; font-size: 1em; margin-bottom: 0.2em; margin: 0.5em 0 0 0; clear: both; } div.POI_Details-icons-Wrapper { page-break-inside: avoid; padding: 0.1em 0.3em 0.3em 0; line-height: 1em; border-style: solid hidden hidden hidden; border-width: 0.1em 0 0 0; margin: 0.7em 0 0 0; } div.POI_Details-wrapper { margin: 0.1em 0 0 0; } p.POI_Details { font-family: Soho Gothic Pro Medium; font-size: 0.9em; line-height: 1.4em; margin: 0; } span.POI_Details-TravelFont_Icons { font-family: DK Eyewitness Travelfont; font-size: 1.2em; padding-left: 0em; margin: 0; } span.POI_Details-TravelFont_Icons-NeedToNknow { font-family: DK Eyewitness Travelfont; font-size: 1.2em; padding-left: 0.3em; padding-right: 0.3em; } p.POI_Details-icons { padding: 0.3em 0 0 0; margin: 0; } p.Experience-BodyText { font-size: 1em; font-family: Aptifer Sans LT Pro Light; font-style: normal; margin: 0 0 0 0; } p.Experience-BodyText-indent { text-indent: 1em; font-size: 1em; font-family: Aptifer Sans LT Pro Light; font-style: normal; margin: 0em 0 0 0; } /* ----- AREA MAP POI LINKS ----- */ span.EatDrinkStay-number { font-family: Soho Pro; font-weight: bold; font-size: 1.3em; color: #000; line-height: 1.4em; float: left; margin: 0 0.2em -0.2em 0.3em; } div.AreaMap-LeftListing { width: 47%; float: left; margin-right: 0.4em; } div.AreaMap-RighttListing { width: 47%; margin: 0; } h3.AreaMap-ListingHeader { font-family: Soho Pro; font-weight: bold; font-size: 1em; margin: 1em 0 0.2em 0; } div.MiniToC-wrapper { width: 100%; page-break-inside: avoid; margin-right: auto; margin-left: auto; } div.MiniToC-entry-button { width: 95%; border-style: hidden; border-width: 2px 4px 4px 2px; border-radius: 0.5em; padding: 0.3em; margin-top: 0.2em; margin-right: auto; margin-left: auto; } span.MiniToC-BulletFont { font-family: DK Eyewitness Bulletfont; float: left; vertical-align: top; margin: 0 0 -0.2em 0; padding: 0 0.3em 0 0; color: #000; text-transform: lowercase; } span.MiniToC-ClearBulletFont { font-family: DK Eyewitness Clear_Bulletfont; float: left; vertical-align: top; margin: 0 0 -0.2em 0; padding: 0 0.3em 0 0; color: #000; text-transform: lowercase; } p.MiniToC-entry-text { font-family: Posterama Text Light; font-size: 0.8em; color: blue; margin: 0; text-transform: uppercase; text-decoration: underline; } /* ----- WALKS DETAILS ----- */ p.WalkDetails-text { font-family: Soho Pro; font-style: normal; font-size: 1.2em; margin: 0.4em 0 0 0; } /* ----- EAT DRINK STAY (etc.) BOXES ----- */ div.EatDrinkStay_Box-wrapper { width: 98%; margin-right: auto; margin-left: auto; margin-top: 0.2em; text-align: center; } table.EatDrinkStay_Box-table { width: 100%; text-align: center; } td.EatDrinkStay_Box-left_column { width: 3%; border-style: solid hidden solid solid; border-width: 0.15em 0 0.15em 0.15em; } td.EatDrinkStay_Box-middle_column { width: 93%; text-align: center; padding: 2.5em 0; margin: 0 auto; } td.EatDrinkStay_Box-right_column { width: 3%; border-style: solid solid solid hidden; border-width: 0.15em 0.15em 0.15em 0; } hr.EatDrinkStay_Box-separator { width: 45%; margin: 0.2em auto 0 auto; } p.EatDrinkStay_Box-title { font-family: Soho Pro Condensed; font-weight: bold; font-size: 1.5em; text-transform: uppercase; margin: 0; text-align: center; } p.EatDrinkStay_Box-SubTitle { font-family: Soho Gothic Pro; font-weight: bold; font-size: 0.9em; margin: 0; text-align: center; } p.EatDrinkStay_Box-BodyText { font-family: Soho Pro; font-size: 0.8em; line-height: 1.1em; margin: 0 0 0.4em 0; text-align: center; } .EatDrinkStay_Box-Coins { font-family: DK Eyewitness Travelfont; font-size: 1em; padding: 0em; margin: 0; text-align: center; } span.EatDrinkStay_Box-GreyCoin { color: #b1b1b1; text-align: center; } span.EatDrinkStay_Box-TravelIcons { font-family: DK Eyewitness Travelfont; font-size: 1em; padding: 0.2em; text-align: center; } /* ----- LITTLE FACT BOX ----- */ div.LittleFactBox-wrapper { width: 55%; page-break-inside: avoid; border-radius: 1em; padding: 0.5em; margin: 1em auto 0em auto; } h3.LittleFactBox-header { font-family: Soho Pro; font-style: normal; font-weight: bold; font-size: 1.2em; line-height: 1em; text-align: center; margin: 0 0 0.3em 0; } h3.LittleFactBox-header1 { font-family: Soho Pro; font-style: normal; font-weight: bold; font-size: 1em; line-height: 1em; margin: 0 0 0.3em 0; } div.LittleFactBox-separator { width: 20%; border-top: solid 0.15em black; margin: 0 auto 0 auto; padding: 0 0 0.4em 0; } p.LittleFactBox-BodyText { font-family: Soho Pro; font-style: normal; font-weight: normal; font-size: 0.8em; text-align: center; margin: 0; } /* ----- N E E D T O K N O W ----- */ p.NeedToKnow-SubHead { font-size: 1.1em; font-family: Soho Pro Medium; font-style: normal; margin: 0.6em 0 0 0; } p.NeedToKnow-BodyText { font-size: 1em; font-family: Soho Pro; font-style: normal; margin: 0; } p.NeedToKnow-BodyText-indent { text-indent: 1em; font-size: 1em; font-family: Soho Pro; font-style: normal; margin: 0; } div.NeedToKnow-AtAGlance-subhead-wrapper { border-style: solid hidden solid hidden; border-width: 0.1em 0 0.15em 0; border-color: #cecece; margin: 0.5em 0 0.2em 0; } h1.NeedToKnow-AtAGlance-title { font-family: Posterama Text Light; text-transform: uppercase; line-height: 0.9em; margin: 0; margin-bottom: 0.5em; font-size: 2em; } h3.NeedToKnow-AtAGlance-SubHead { font-size: 1.2em; font-family: Soho Pro; font-weight: bold; margin: 0.1em 0 0.1em 0; } table.NeedToKnow-HolidaysTable-table { margin: 0; background-color: #dededd; padding: 0.2em 0.5em; font-family: Soho Gothic Pro; font-style: normal; border-radius: 0.2em; } td.NeedToKnow-HolidaysTable-Column-bold { padding: 0.1em 0.2em; font-size: 0.8em; line-height: 1.1em; font-weight: bold; } td.NeedToKnow-HolidaysTable-Column { padding: 0.1em; font-size: 0.8em; line-height: 1.1em; } div.NeedToKnow-SpeedLimit-wrapper { page-break-inside: avoid; width: 80%; margin: 0.2em auto; } .phrase_t { font-family: "Posterama Text"; text-align: left; font-size: 1.1em; text-transform: uppercase; font-weight: normal; margin: 1em 0 0 0; } .phrase_table { font-family: "Posterama Text"; width: 100%; margin: 0.5em 0 1em 1em; } .phrase_table td { font-family: "Soho Gothic Pro"; vertical-align: top; text-align: left; width: 30%; margin-left: 1em; text-indent: -1em; padding-right: 25px; font-size: 1em; } .copyright_body { font-family: "Aptifer Sans LT Pro Light"; } .copytext-center { text-align: center; } /* Discover smaller width */ img.discover-image_90 { width: 90%; border-radius: 0.2em; margin: 0; } img.discover-image_70 { width: 80%; border-radius: 0.2em; margin: 0; } img.discover-image_60 { width: 50%; border-radius: 0.2em; margin: 0; } /* ACK and Imprint */ .copy_logo { height: 65px; width: 205px; text-align: center; } .logo { text-align: center; margin-top: 15px; margin-bottom: 25px; page-break-inside: avoid; } div.copy_info { border: solid 2px #000; border-radius: 0.3em; padding: 5px; text-align: center; page-break-inside: avoid; } /* Cover Image */ div.cover-image img{ width: 100%; margin: 0; text-align: center; } h2.itinerary-SubTitle1 { margin: 0; font-family: "ITC Caslon 224 Std Medium"; text-align: right; font-weight: normal; font-style: italic; padding-left: 0.2em; } p.POI_Details1b { font-family: Soho Gothic Pro; font-size: 0.9em; line-height: 1.4em; margin: 0; } p.ToC-entry-text1 { font-family: "Posterama Text Light"; font-style: normal; font-size: 1em; text-transform: uppercase; text-decoration: underline; margin: 0; line-height: 1em; padding: 1em 0 0.5em 0.2em; } p.Experience-SubTitle { font-size: 1em; font-family: "Soho Gothic Pro"; font-style: normal; margin: 0.2em 0 0.5em 0; } h1.MainTitle-destination-v2 { font-family: Posterama Text Light; text-transform: uppercase; line-height: 0.9em; margin: 0; margin-bottom: 0.2em; font-size: 1.4em; } span.roman { font-style: normal; font-weight: normal; } /* New Css */ p.POI_Details_2b { font-family: Soho Gothic Pro; font-size: 0.9em; margin: 0.5em 0 0 0; padding: 0; } h3.POI-title_2b { font-family: Soho Pro; font-weight: bold; line-height: 1em; font-size: 1em; margin-bottom: 0.2em; margin:0; clear: both; } span.BulletSymbolsFont_1b { font-family: DK Eyewitness Bullet Symbols; font-size: 1em; } div.CatalogueImage-portrait-65 { width: 65%; margin-top: 0.5em; margin-right: auto; margin-left: auto; padding: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.CatalogueImage-portrait-70 { width: 70%; margin-top: 0.5em; margin-right: auto; margin-left: auto; padding: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } div.discover-image-wrapper-65 { width: 65%; page-break-inside: avoid; margin: 0.5em auto; } p.NeedToKnow-BodyText-center { text-align: center; font-size: 1em; font-family: Soho Pro; font-style: normal; margin: 0; } /* New Css cost rica*/ h3.SubHeadn1 { font-family: Soho Pro; font-weight: normal; font-size: 1.2em; line-height: 1em; margin: 0.7em 0 0.2em 0; clear: both; } p.Experience-BodyText3 { font-size: 1em; font-family: Soho Pro; font-style: normal; margin: 0 0 0 0; } p.GemBox-BodyText3 { font-family: Soho Gothic Pro; font-style: normal; font-weight: normal; font-size: 0.8em; text-align: left; margin: 0; padding-bottom: 0.3em; } h3.GemBox-title3 { font-family: Soho Pro; font-style: normal; font-weight: bold; font-size: 1em; line-height: 1em; text-align: left; padding: 0 0 0.3em 0; margin: 0; } p.GemBox-BodyText3a { font-family: Aptifer Sans LT Pro Light; font-style: normal; font-weight: normal; font-size: 0.8em; text-align: left; margin: 0; padding-bottom: 0.3em; } h3.FactBox-header1a { font-family: Soho Gothic Pro; font-style: normal; font-weight: bold; font-size: 0.8em; text-transform: uppercase; line-height: 1em; text-align: left; margin: 0.5em 0 0.5em 0; } h3.FactBox-header-sp { font-family: Soho Pro; font-style: normal; font-weight: bold; font-size: 1em; text-transform: uppercase; line-height: 1em; text-align: left; margin: 0 0 0.5em 0; } p.FactBox-BodyText-spm { font-family: Soho Gothic Pro Medium; font-style: normal; font-weight: normal; font-size: 0.8em; line-height: 1.4em; text-align: left; margin: 0; } p.FactBox-BodyText-spm1 { font-family: Soho Gothic Pro Medium; font-style: normal; font-weight: normal; font-size: 0.8em; line-height: 1.4em; text-align: left; margin: 1em 0 0 0; } div.CatalogueImage-portrait-50 { width: 50%; margin-top: 0.5em; margin-right: auto; margin-left: auto; padding: 0.5em; line-height: 0.8em; border-radius: 0.2em; page-break-inside: avoid; } .padding-top1 { padding-top: 0.3em; } td.EatDrinkStay_Box-middle_columna { width: 93%; text-align: center; padding: 0.1em 0; margin: 0 auto; } div.CaptionText-wrapper1 { width: 100%; margin-bottom: 0.5em; } .glossary-text { font-size: 1em; font-family: Aptifer Sans LT Pro Light; font-style: normal; margin-left: 1em; text-indent: -1em; padding-right: 25px; margin-top: 0.2em; margin-bottom: 0.3em; } h3.SubHead1a { font-family: Posterama Text; font-weight: normal; font-size: 1.2em; line-height: 1em; margin: 1em 0 0.2em 0; clear: both; text-transform: uppercase; } div.FactBox-wrapperj { width: 95%; border-radius: 0.2em; padding: 0.5em; margin: 1em auto 0em auto; } p.NeedToKnow-SubHead1 { font-size: 1.1em; font-family: Soho Pro Medium; font-style: normal; margin: 0.6em 0em 0 1em; } p.ToC-entry-text-areas1 { font-family: Posterama Text; font-size: 0.9em; text-transform: uppercase; text-decoration: underline; margin: 0; line-height: 1em; padding: 1.2em 0em 1em 0.4em; } div.discover-image-wrapper-55 { width: 55%; page-break-inside: avoid; margin: 0.5em auto; } div.discover-image-wrapper-40 { width: 40%; page-break-inside: avoid; margin: 0.5em auto; } p.EatDrinkStay_Box-BodyText-n { font-family: Soho Pro Medium; font-size: 0.8em; line-height: 1.1em; margin: 0 0 0.4em 0; text-align: center; } h3.SubHeadk { font-family: Posterama Text Thin; font-size: 1.0em; line-height: 1em; margin: 0.3em 0 0.2em 0; clear: both; } p.POI_Details-a { font-family: Soho Gothic Pro Medium; font-size: 0.8em; line-height: 1.4em; margin: 0; } p.Top5-detailsa { font-family: Soho Pro Medium; margin: 0; padding: 0.2em 0.3em 0.8em 0.5em; font-family: Soho Pro; font-weight: normal; font-size: 0.8em; }