*/*************************************************** _ _ | || |___ ___ ___ __ _ ___ ___ _ _ ___ | __ / _ (_-body #selector {} /* GLOBAL SETTINGS */ body {font-family: arial; font-size: 12px; color: #333; margin: 0; padding: 0; line-height: 17px; background: url('../../Images/UKPark/BodyBG.jpg') repeat-x} .myHoseasonsToolBar { padding: 4px 10px 5px 10px; /*background: #124D85 */ background: #135E99 url('../../Images/MyHoseasons/General/toolBarHeaderBG.gif') repeat-x; color: #fff; position: fixed ; top: 0px; left: 0px; width: 100%; height:20px; z-index:1; border-bottom: 1px #1d4260 solid } .myHoseasonsToolBar a { color: #fff } .myHoseasonsToolBar .userWelcome { float: left; font-weight: bold; background: url('../../Images/MyHoseasons/General/MyHoseasonsLoginBird.gif') no-repeat -4px -1px; padding: 2px 0px 0px 16px } .myHoseasonsToolBar .actionLinks { text-align: center; float: left; color: #A5C8E4; padding: 2px 0px 0px 16px; width: 73%} .myHoseasonsToolBar .actionLinks a { color: #fff; text-decoration: none; } .myHoseasonsToolBar .actionLinks a:hover { color: #A5C8E4; } .myHoseasonsToolBar .logOutMyHoseasonsOuter { float: right; text-align: right; margin: 1px 12px 0px 0px} .myHoseasonsToolBar a.logOutMyHoseasons { background: url('../../Images/MyHoseasons/General/logoutBtn.gif') no-repeat; text-decoration: none; color: #333; padding: 3px 25px 3px 5px; font-weight: bold} .left { float: left} .right { float: right} .clear { clear: both} /* Fix intermittent problem with border showing around some images. */ a img {border: none;} /* MASTHEAD STYLES */ /* LOGO AND PHONE NUMBER LAYOUT CSS */ #bannerV2 { width:894px; height:99px; } #Logo a { width: 220px; height: 75px; float: left; } #bookOnlineCall { height: 77px; width:301px; float:right; } .callingFromAbroad {color: #E0EBEF; text-decoration: underline; float:right; font-weight: bold} .travelAgentsLogin {background:#CFECFF; border:2px solid #0F5993; display:block; font-size:12px; left:0px; padding:14px; position: relative; top:-10px; width:900px; margin: auto} .travelAgentsLogin ul {margin: 12px 0px 10px 20px; padding: 0px} #divTravelAgents {width: 130px; height: 100px; position: fixed; padding-top: 40px; font-size: small; float: left;} /* MAIN CONTENT HOLDERS */ .contentHolder { width: 894px; margin: auto; position: relative; text-align: left; top: 30px} .mainContent { width: 894px; background: #FFF; clear: both;} /* FOOTER */ .greyFooterBar {background: #2F82BF; padding: 3px; font-weight: bold; clear: both; text-align:center; position: relative; bottom: -37px} .greyFooterBar a {color: #fff; text-decoration: none; margin: 0 35px 0 35px} .greyFooterBar a:hover {text-decoration: underline} #footer {clear: both; font-size: 12px; background: #459DDF; height: 86px; text-align: center; padding: 5px 0 0 0; color: #AFDDFF; line-height: 26px; position: relative; bottom: -37px} #footer ul {width: 800px; height: 45px; margin: 0; padding: 0} #footer li {display: inline; margin: 0; padding: 0; height: 10px} #footer a {color: #fff; text-decoration: none; padding: 0 7px 0 7px} #footer a:hover {color: #DFF1FF} /* MAIN TABBED NAVAGATION */ #bannerNav { height: 27px; width: 894px; float: left} .mainNavHome img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px; display: block; } .mainNavEUPark img {width: 99px; height: 27px; border: none; margin: 0px 4px 0px 0px; display: block; } .mainNavParks img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px ;display: block; } .mainNavLodges img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px;display: block;} .mainNavCottages img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px;display: block; } .mainNavBoating img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px;display: block;} .mainNavVillas img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px;display: block; } .mainNavCCA img {width: 89px; height: 27px; border: none; margin: 0px 4px 0px 0px ; display: block;} .mainNavActivity img {width: 97px; height: 27px; border: none; margin: 0px 4px 0px 0px ; display: block;} .mainNavMyHoseasons img {width: 119px; height: 27px !important; display: block; border: none; margin: 0px 0px 0px 0px; display: block;} .bannerBreadCrumb { height: 15px; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background: #056FC3; padding: 0px 10px 5px 8px; width: 98%; float: left;} .bannerBreadCrumb a {color: #fff} .mainNavActivity a {color:#2a3008 !important; } .left {float: left} .right {float: right} .spacer {display: block; height: 5px;} /* GLOBAL HEADING STYLES */ h1 {font-size:18px; font-weight: bold ; color: #333; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} h2{color: #333; font-size: 16px; font-weight: bold; margin: 0px; padding: 10px 0px 5px 0; border-bottom: 1px #999 dotted} h2 a:link , h3 a:visited , h3 a:active { color: #333; letter-spacing: 0px; padding: 0px 0px 0px 0px; text-decoration: none; display: block} h3 {color: #333; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; font-size:16px; } h3 a:link , h3 a:visited , h3 a:active {font-size:18px; font-weight: bold ; color: #333; letter-spacing: -1px; padding: 0px 0px 3px 0px; text-decoration: none; display: inline} h3 a:hover {text-decoration: underline;} h4 {color: #333; padding: 0px 0px 5px 0px;display: block; font-size:12px; margin: 0px; } h4 a:link , h4 a:visited , h4 a:active {font-size:12px; font-weight: bold ; color: #333; text-decoration: none; margin: 0px; padding: 0px; } h4 a:hover {text-decoration: underline;} h5 {color: #333; padding: 3px 3px 3px 0px;display: inline; font-size:12px; font-weight: bold ;margin: 0px; } h5 a:link , h5 a:visited , h5 a:active {font-size:12px; font-weight: bold ; color: #333; text-decoration: none; } h5 a:hover {text-decoration: underline;} h6 {color: #333; font-size:14px; margin: 0px; padding: 0px } h6 a:link , h6 a:visited , h6 a:active {font-size:14px; font-weight: bold ; color: #333; text-decoration: none; } h6 a:hover {text-decoration: underline;} .clear {clear: both;} .smallLightGrey {font-size: 11px; color: #999} .errorMsg {padding:15px; background: #efdbdf; border: 3px #a54e5f solid; margin: 20px 10px 10px 25px; display: block} table.calendarWrapper_Default {margin-left: 170px} html* table.calendarWrapper_Default {margin-left: 0px} .openHoursTitle {font-size:18px !important; font-weight: bold ; color: #333 !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} /* New heading styles as h1 h2 tags are not to be used other than on SEO content headers */ .largeHeading {font-size:18px; font-weight: bold ; color: #333 ; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} .mediumHeading {color: #333; font-size: 16px; font-weight: bold; margin: 0px; padding: 10px 0px 5px 2px; border-bottom: 1px #d7cae7 dotted} .smallHeading {color: #333;font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:16px;} .smallHeading a:link , .smallHeading a:visited , .smallHeading a:active {font-size:18px; font-weight: bold ; color: #333; letter-spacing: -1px; padding: 0px 0px 3px 0px; text-decoration: none; display: block} .smallHeading a:hover {text-decoration: underline;} /* GLOBAL LAYOUT STYLES */ #container{background: #fff; width: 868px; padding: 12px 13px 0px 13px;} #leftPanel {background:#fff; width: 188px; float: left; padding: 0px 0px 0px 0px; margin-top:-12px; } #rightPanel{background: #fff; width: 668px; float: right; padding: 0px 0px 0px 0px; } #rightPanelTop { width: 668px; } #rightPanelTopLeft { float: left; width: 484px; background: #fff} #rightPanelTopRight { float: right; width: 184px; } #rightPanelBottom {width: 668px; } /* WRITE A REVIEW */ #consultantRef {padding: 15px; background: #DFF1FF; } #contactDetails {padding: 15px; background: #DFF1FF;} .contactTitles {width: 338px; text-align: right;} /* EMAIL SIGNUP */ #emailOffersContent { margin: 0 auto; } #emailOffersLeft { float: left; width: 150px; padding-top: 20px; padding-left: 20px; } #emailOffersMiddle { float: left; text-align: left; width: 500px; padding-top: 20px; padding-left: 40px; font-size: 14px; } #emailOffersRight { float: right; width: 150px; padding-top: 15px; padding-right: 15px; } #emailOffersFormLeft { float: left; } #emailOffersFormRight { float: right; } #emailOffersPolaroids { width: 100%; text-align: center; } #emailOffersTerms { padding: 0px 0px 20px 20px; font-size: 10px; } #emailSignupbtn a:link, #emailSignupbtn a:visited, #emailSignupbtn a:active { width: 75px; text-align: center; height: 23px; background: url('../../Images/Shared/emailSignupBtn.png') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #3399CC; padding: 2px 0px 0px 0px; } #emailSignupbtn a:hover { text-decoration: underline; } #leadCallOuter {margin: auto; width: 420px; height: 220px; padding: 15px; background: #fff; } .leadCallSubmit {float: right} /* FAQs */ .FAQDefaultBG { background: url('../../Images/Shared/FAQ/FAQDefaultBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQParksBG { background: url('../../Images/Shared/FAQ/FAQParksBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQCottagesBG { background: url('../../Images/Shared/FAQ/FAQCottagesBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQBoatsBG { background: url('../../Images/Shared/FAQ/FAQBoatsBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQEUBoatsBG { background: url('../../Images/Shared/FAQ/FAQEUBoatsBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQCBABG { background: url('../../Images/Shared/FAQ/FAQCBABG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQEUVillasBG { background: url('../../Images/Shared/FAQ/FAQEUVillasBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .FAQEUParkBG { background: url('../../Images/Shared/FAQ/FAQEUParkBG.jpg') no-repeat ; padding: 9px 9px 35px 9px; margin: 11px 0px 0px 32px } .EmailMsg {font-size: 14px; color: black; background: #e6f4c8; border: 1px #526a1b solid; padding: 10px; display: inline; margin: 10px; text-align: center} .inline {display: inline} .FAQHeaderContent { padding:49px 10px 10px 27px; width:320px; } .FAQsItemSeparator {border-top:1px solid #EEEEEE; margin: 4px 35px 0 35px} .FAQsHeaderText {padding: 0 35px 0 35px; cursor:pointer} .FAQsHeaderText img{position: relative; top: 5px} .emailingIsBest {padding: 0px 20px 20px 20px; text-align: center } .emailingIsBest a {color: #333; text-decoration: underline } .FAQSelectedPageNumber {padding: 2px 6px 2px 6px; background: #0f5993; border: 1px #0f5993 solid; font-weight: bold; margin: 2px; color: #fff; -moz-border-radius: 3px; display: inline-block} .FAQPagerNumber {padding: 2px 6px 2px 6px; background: #fff; color: #333; text-decoration: none; border: 1px #ccc solid; font-weight: bold; margin: 0px 0px 2px 0px; -moz-border-radius: 3px; display: inline-block} #outercontainerEmail input {background: white url('../../Images/Shared/InputBG.gif') repeat-x; border: 1px #888 solid; padding: 3px; margin: 10px 0px 0px 0px} #outercontainerEmail textarea {background: white url('../../Images/Shared/InputBG.gif') repeat-x; border: 1px #888 solid; padding: 3px; margin: 10px 0px 0px 0px} a.emailSubmitBtn {width: 49px; height: 20px; background: url('../../images/WWApartment/general/bookSmallBtn.gif') no-repeat; display: block; text-decoration: none; font-weight: bold; color: #fff; padding: 2px 0px 0px 7px; -moz-outline-style: none; position: relative; top: 0px; left: 470px;} .FAQEUVillasEmailBG { background: url('../../Images/Shared/FAQ/FAQEUVillasEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQBoatsEmailBG { background: url('../../Images/Shared/FAQ/FAQBoatsEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQParksEmailBG { background: url('../../Images/Shared/FAQ/FAQParksEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQCottagesEmailBG { background: url('../../Images/Shared/FAQ/FAQCottagesEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQEUBoatsEmailBG { background: url('../../Images/Shared/FAQ/FAQEUBoatsEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQCBAEmailBG { background: url('../../Images/Shared/FAQ/FAQCBAEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQEUParkEmailBG { background: url('../../Images/Shared/FAQ/FAQEUParkEmailBG.jpg') no-repeat ; padding: 9px 9px 0px 9px; margin: 11px 0px 0px 32px } .FAQPager .rgPager { background: #eee; } .FAQPager .rgPagerCell { border: 1px solid; border-color: #828282 #eee #eee; border-right: 0; padding: 3px 0 2px; } .formOuter {margin: 0px 10px 10px 10px} .contactingUs {margin: 0px 10px 10px 40px} .byPhone { float: left; width: 369px; margin: 10px 10px 0px 10px; padding: 15px; background: url('../../Images/Shared/FAQ/PhoneUsBG.gif') no-repeat ; height: 155px } .byPost {float: left; width: 369px;margin: 10px 10px 0px 10px; padding: 15px; background: url('../../Images/Shared/FAQ/WriteUsBG.gif') no-repeat ; height: 155px } /* Configure email page styles */ #emailOuter { padding: 0px; width: 717px; margin: auto} a { outline: none} .hoseasonsLogo { left:-79px; position:relative;} .emailBody { background: #fff; padding: 11px; text-align: center} .EmailLinkBtn { margin: 0 5px 0 0px} .emailBody h2 { border: none; font-size: 20px; margin: 7px 0px 9px 0px; color: #333; text-align: left} /* Booking payment page */ .BookingPaymentDetails { background: #e9f6fd; margin: 10px 10px 10px 10px; padding: 10px; line-height: 21px; color: #333 } .BookingPaymentDetails h1 { display: block; margin: 10px 10px 10px 0px } .BookingPaymentDetails h2 { border: none; display: block; clear: both; } .paymentOnline { float:left; padding:0 0 0 20px; width:541px; } .containerLeft { float: left; width: 744px; margin: 17px 19px 0 51px} * html .containerLeft { float: left; width: 370px; margin: 17px 19px 0 25px} .containerRight { float: left; width: 744px; margin: 17px 0 0 0 } .paymentMethodsBoxHeader {background: url('../../Images/Shared/PayingOnlineBoxHeader.gif') no-repeat ; width: 744px; height: 9px; font-size: 0px} .paymentMethodsBoxBody {background: #d7ebf6 ; width: 716px; padding: 0px 10px 10px 18px; } .paymentMethodsBoxBody h2 {border-bottom:1px solid #ABCBE0; padding:4px 0 7px; margin: 0px 0px 7px 0px } .paymentMethodsBoxBody h3 { text-align: center } .paymentMethodsBoxFooter {background: url('../../Images/Shared/PayingOnlineBoxFooter.gif') no-repeat ; width: 744px; height: 9px; font-size: 0px} /* Brochure request */ .DLBrochurePage { background: #E5F4FB; margin: 10px} .dataProtection { color:#444444; font-size:11px; line-height:16px; margin:0px 10px 0px 10px; padding:10px;} .dataProtection a { color:#444444; font-size:11px; font-weight: bold; text-decoration: underline } #personalDetailsOuter { width: 500px; margin: auto} .callTrainingMsg { display: none} /* Email offers CSS */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 10000; } .thumbnail div{ position: absolute; background-color: white; padding: 5px; width: 300px; left: -600px; visibility: hidden; color: #333; text-decoration: none; text-align: left; border: 1px #ccc solid ; line-height: 18px; } .thumbnail:hover div{ visibility: visible; top: -140px; left: -40px; } .thumbnail:hover .centerHovering{ visibility: visible; top: -140px; left: -230px; } .hoverImg { margin: 0px 6px 0px 0px; float: left} .white { background: #fff !important;} #emailOffersSignup { background: #fff; margin: 0 0 0 10px;} .newsletterSignupHeader { background: url('../../images/Shared/NewsletterHomepageHeader.jpg') no-repeat ;width: 500px; height: 167px;} .newsletterSignupHeaderText { color:#333333; display:block; font-size:18px; font-weight:bold; left:67px; line-height:22px; position:relative; text-align:center; top:106px; width:231px; } .newsletterSignupBody { background: url('../../images/EUBoat/General/NewsletterBody.jpg') repeat-y ;width: 420px; padding: 0px 40px 0px 40px; line-height: 21px; } #otherHolidayTypes { margin: 17px 0 0 0 } a.emailSignupSubmitBtn { width: 75px; text-align: center; height: 23px; background: url('../../Images/Shared/NewsletterSignupSubmitBtn.png') no-repeat; display: block; text-decoration: none; font-weight: bold; padding: 2px 0px 0px 0px; outline: none } .newsletterSignupFooter { background: url('../../images/EUBoat/General/NewsletterFooter.jpg') no-repeat ;width: 500px; height: 12px; } #emailOffersTCs { text-align: center; width: 500px; font-size: 11px; color: #555; background: #d7ebf6; padding: 5px 0px 5px 0px } #emailOffersTCs a { text-align: center; font-size: 11px; color: #555; text-decoration: underline} #emailOffersTCs a:hover { text-decoration: none} #EmailInput { height: 93px; margin: 20px 0 0 0 } #tdParks { width: 60px} #tdLodges { width: 60px} #tdCottages { width: 60px} #tdUKBoats { width: 60px} #tdEUBoats { width: 60px} #tdCityBreaks { width: 60px} #tdVilla { width: 60px} #SignUPProducts{ line-height: 15px; margin: auto; width: 420px; text-align: center} .emailErrors { position: relative; top: -37px; width: 300px} * html .emailErrors { position: fixed; bottom: 0px; width: 300px; background: red; display: none} #emailSignupComplete { height: 320px; text-align: center; padding: 50px 0 0 0 } .confirmDetails { height: 370px; text-align: left;} #register { margin: 0px 0px 0px 100px} .brochureRequest { margin: 10px 8px 5px 5px; background: #E5F4FB} .brochureRequestHeader {width: 500px; } .brochureRequestHeaderText { font-size: 18px; font-weight: bold; line-height: 22px; text-align: center;} .brochureRequestText {display:block; text-align:center} .brochureRequestBody {width: 457px; padding: 0 0 0 28px; line-height: 21px} .brochureRequestBody h2 {border: none} #dataProtection {color:#444; font-size:11px; line-height:16px; margin:0px 10px 0 10px; padding:10px} #dataProtection a { font-weight: bold; text-decoration: underline; color: #333} .brochureRequestFooter {width: 500px; height: 12px} /* Site map CSS */ .siteMapOuter { margin: 20px 30px 30px 30px; float: left} .siteMapHeader { width: 837px; height: 173px; background: url('../../Images/Shared/SiteMapHeader.jpg') no-repeat } .header {line-height:21px; padding:17px 10px 10px 26px; width:300px } .headerText { font-weight:bold; font-size: 18px } .productList { background:0 #E2ECED; display:block; font-weight:bold; line-height:28px; margin:4px; padding:5px; width:159px } .links { line-height: 21px} /* Security & Privacy CSS */ .detailsSafe { float: left; width: 380px; padding: 10px 10px 0 10px; line-height: 20px} .privacy { float: left; width: 380px; padding: 10px 10px 0 10px; line-height: 20px} .IconImg { float: left; padding: 0 10px 0 0 } /* How to find us CSS */ .leftContent { float: left; width: 400px; padding: 20px; line-height: 20px;} .rightContent { float: right; width: 400px; padding: 20px;line-height: 20px;} .earbyBorder { border: 1px #000 solid}