* { font-family: 'Lato'; padding: 0; margin: 0; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100vh; min-height: 100vh!important; font-size: 100%; } body { background: #fff; color: #222222; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } a { text-decoration: none; } a:hover { cursor: pointer; } .container { width: 100%; max-width: 1300px; margin-right: auto; margin-left: auto; } #container { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; background-color: #fff; position: relative; } .referrerfield, .keywordsfield, .hiddenrefno { display: none!important; } nav .top-bar-section { float: right; } nav .top-bar-section ul { margin: 0; padding: 0; float: right; } nav .top-bar-section ul li { list-style: none; display: table-cell; margin: 0; padding: 0; } nav .top-bar-section ul li:last-child { border-right: 0px solid #7BDAEE; } nav .top-bar-section ul li a { color: #707070; font-weight: bold; font-size: 1.0em; padding: 1.7rem 1.5rem 0.7rem 1.5rem; display: inline-block; font-weight: 500; } nav .top-bar-section ul li a.active { font-weight: 800; } nav .top-bar-section ul li.li_home a { padding-left: 0; } .top-bar { overflow: hidden; position: relative; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar .title-area { position: relative; margin: 0; display: none; } .top-bar .name { height: 50px; margin: 0; font-size: 16px; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: white; text-transform: uppercase; font-size: 1rem; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 50px; line-height: 50px; } .top-bar .toggle-topbar.menu-icon { right: 15px; top: 50%; margin-top: -16px; padding-left: 45px; } .top-bar .toggle-topbar.menu-icon a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: white; } .top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff; box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #333333; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; } a.menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; line-height: 2.0625rem; padding: 0; color: white; position: relative; } a.menu-icon span { position: absolute; display: block; width: 1rem; height: 0; left: 0.8125rem; top: 0.3125rem; -webkit-box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; } a.menu-icon:hover span { -webkit-box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; } /******** Foundation Alternations ********/ /* Top Bar */ .top-bar .toggle-topbar.menu-icon a { text-indent: -33px; } .top-bar .toggle-topbar.menu-icon a:after { box-shadow: 0 10px 0 2px #323232, 0 18px 0 2px #323232, 0 26px 0 2px #323232; content: ""; display: block; height: 0; position: absolute; right: 0; top: 0; width: 34px; color:#000; } .top-bar.expanded .toggle-topbar a:after { -webkit-box-shadow: 0 10px 0 2px #323232, 0 18px 0 2px #323232, 0 26px 0 2px #323232; box-shadow: 0 10px 0 2px #323232, 0 18px 0 2px #323232, 0 26px 0 2px #323232; } /* Generic Nav */ .generic .top-bar .toggle-topbar.menu-icon a:after { box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; color:#323232; } .generic .top-bar.expanded .toggle-topbar a:after { -webkit-box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; box-shadow: 0 10px 0 2px #323232, 0 20px 0 2px #323232, 0 30px 0 2px #323232; } /* End */ /* Exit Intent */ .HideExit { background: transparent url(https://www.myholidaycaravan.co.uk/Pages/MyHolidayCaravan/images/general/tickcross-cross-white.svg) bottom center no-repeat; background-size: 28px; height: 30px; width: 30px; display: inline-block; position: absolute; top: 5px; right: 30px; } .hideForever{display:none !important;visibility:hidden !important;} .ExitIntent{width:100%;max-width:100%;position:fixed;top:0;height:100vh;padding:10px;margin-left:auto;margin-right:auto;left:0;right:0;display:none;background:rgba(119, 119, 119, 0.65);z-index:9999;} /* END */ @media only screen and (max-width: 1300px) { nav .top-bar-section ul li a { padding-left: 1rem; padding-right: 1rem; } } @media only screen and (max-width: 1250px) { nav .top-bar-section ul li a { padding-left: 0.5rem; padding-right: 0.5rem; } } @media only screen and (max-width: 1050px) { nav .top-bar-section ul li a { font-size: 0.9em; } #logo { width: 150px; } #logo img { max-width: 100%; } } /* @media only screen and (min-width: 40.063em) { .top-bar { *zoom: 1; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .title-area { display: none; float: left; } } */ @media only screen and (max-width: 930px) { .top-bar .title-area { display: inline-block; float: right; } nav .top-bar-section { display: none; padding-right: 2rem; width: 100%; } nav .top-bar-section ul { width: 100%; } nav .top-bar-section ul li { background-color: #fff; display: block; border-bottom: 1px solid #a4afb7; } nav .top-bar-section ul li a { color: #707070; font-size: 0.9em; width: 100%; } nav .top-bar-section ul li:hover { background-color: #2d3e50; } nav .top-bar-section ul li:hover > a { color: White; } .top-bar .toggle-topbar { position: absolute; top: 0; } .top-bar .toggle-topbar.menu-icon { top: 40%; } .top-bar .toggle-topbar.menu-icon a { color: #000000; } .generic .top-bar .toggle-topbar.menu-icon a { color: #707070; } .top-bar.expanded { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); z-index: 999; } .top-bar-section ul li { margin-bottom:0; } nav .top-bar-section ul li.li_home a { padding-left: 0.5rem; } } /* @media only screen and (max-width: 56.53em) { nav .top-bar-section ul li a { padding-right: 1.5rem; padding-left: 1.4rem; } } @media only screen and (max-width: 50.063em) { nav .top-bar-section ul li a { font-size:0.9em; padding-right: 1.4rem; padding-left: 1.3rem; } } @media only screen and (max-width: 45.063em) { nav .top-bar-section ul li a { font-size:0.8em; padding-right: 1.0rem; padding-left: 0.9rem; } } */ header, #header { padding: 11px 0 11px 11px; display: block; } #logo { float: left; } #logo img { width: 200px; } .hometitle { max-width: 459px; margin: 12vh 0 0 0; float: left; } .hometitle h1 { background-color: #23c1e2; color: White; padding: 0.7rem 1.5rem; font-size: 2.7em; line-height: 1.4em; font-weight: 400; display: inline-block; margin: 0; text-align: center; width: 100% } .hometitle a { display: inline-block; margin: 0.8rem 0.5rem 0 0; float: right; } .medium-6 img.arrow { margin-top: 15vh; float: right; } .overlay { position: fixed; z-index: 999; height: 100%; width: 100%; top: 0; } .overlaybg { position: fixed; z-index: 998; background-color: #25AFCC; height: 100%; width: 100%; top: 0; opacity: 0.5; } .overlay_header { background-color: #25AFCC; z-index: 998; position: relative; padding: 2rem 1rem; text-align: center; } .overlay_header .overlay_backbutton { float: left; margin-top: 1rem; } .overlay_header .overlay_backbutton a { color: #9BDAE8; font-weight: bold; font-size: 1.1em; line-height: 1.1em; } .overlay_header .overlay_backbutton a img { width: 12px; float: left; margin-right: 0.5rem; } .overlay_header .overlay_logo { display: inline-block; margin: 0 auto; } .overlay_header .overlay_logo img { width: 100px; } .overlay_header .overlay_closebutton { float: right; color: #9BDAE8; font-weight: bold; margin-top: 0.7rem; width: 2%; } .overlay_header .overlay_closebutton a { color: #9BDAE8; font-weight: bold; font-size: 1.1em; line-height: 1.1em; } .overlay_header .overlay_closebutton a img { width: 20px; float: right; margin-left: 0.5rem; } #onestepform, #twostepform, #threestepform { position: absolute; z-index: 999; width: 100%; background-color: #23C1E2; } .onestepform_loading { display: none; } .onestepform_wrap, .twostepform_wrap { width: 100%; padding: 4rem 1rem 2rem 1rem; max-width: 1300px; margin: 0 auto; } .onestepform_wrap .col_one, .onestepform_wrap .col_two { display: inline-block; float: left; width: 36%; min-width: 380px; padding: 0 1rem 0 0; } .onestepform_wrap .col_two { width: 64%; border-left: 1px solid #7BDAEE; padding: 0 0 0 3rem; } .onestepform_wrap h2 { color: #175e6d; margin-bottom: 1.7rem; font-size: 2.05em; font-weight: 600; } .onestepform_wrap label { display: block; font-size: 1.2em; font-weight: bold; color: #fff; padding-bottom: 0.7rem; } .onestepform_wrap select { padding: 0.9rem; color: #707070; font-size: 1.1em; border: 1px solid #686868; background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/dropdownarrow-small.png) no-repeat center right 10px; background-size: 18px; -webkit-appearance: none; font-weight: 400; padding-right: 40px; } .onestepform_wrap .error_msg { background-color: #F6E2E2; padding: 1rem; min-width: 256px; display: none; } .onestepform_wrap .error_input { border: 1px solid #C24242 } .onestepform_wrap hr { display: none; } .col_two label { color: #8ADEEF; } .drpBedrooms, .drpPrice { width: 60%; float: left; } .drpBedrooms select { width: 129px; margin-right: 0.8rem; } .drpPrice select { width: 45%; margin-right: 0.8rem; } .onestepform_facility { padding-top: 2.0rem; min-width: 0; max-width: 390px; } .onestepform_facility label { width: 90px; color: #8ADEEF; } .filtercol .onestepform_facility label { color: #fff; } .oneofthree, .twoofthree, .threeofthree { display: inline-block; width: 32%; text-align: left; padding: 0; max-width:130px; } .twoofthree { text-align: center; width: 33%; } .threeofthree { text-align: right; width: 33%; } .onestepform_facility label.lblFacilities { width: 100%; } .onestepform_facility span.chkPool, .onestepform_facility span.chkKidsClub, .onestepform_facility span.chkRestaurant { display: inline-block; clear: both; width: 94px; float: none; clear: none; margin-left: 0; } .onestepform_facility input[type='checkbox'] { opacity: 0; float: left; margin-left: -5px; } .onestepform_facility input[type='checkbox'] + label { margin: 0!important; margin-bottom: 10px!important; display: block; clear: none; font-weight: normal; background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-tick-small-grey.png); padding-left: 0px !important; padding-top: 50px!important; background-repeat: no-repeat; background-position: top right; font-size: 1.1em; cursor: pointer; width: 100%; text-align: center; } .onestepform_facility input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-tick-small-on.png); } .onestepform_facility span { /*background: transparent url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-restaurant.svg) no-repeat top left;*/ background-size: 40px; width: 29%; } .onestepform_facility .chkKidsClub { background-image: url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-kidsclub-grey.svg) } .onestepform_facility .chkPool { background-image: url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-pool-grey.svg); } .onestepform_facility .chkRestaurant { background-image: url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-restaurant-grey.svg); } .onestepform_wrap .drpPrice { padding: 2rem 0 2.4rem 0; display: block; } .onestepform_wrap .btnOneStepNext { width: 36%; display: inline-block; float: right; color: #777; border: 2px solid #777; background-color: #8ADEEF; padding: 0.8rem 0.8rem 1.0rem 0.8rem; font-weight: 900; margin-top: 2.6rem; -webkit-appearance: none; text-align: center; font-weight: 400; font-size: 0.9em; line-height: 1.5em } .onestepform_wrap .btnOneStepNext span { color: #777; display: block; font-size: 1.1em; line-height: 1.3em; } #twostepform { padding-bottom: 4rem; margin-top: -1rem; } .twostepform_wrap { max-width: 705px; text-align: center; margin: 0 auto; } .middlearrows { width: 80px; display: none; margin: 1rem 1rem 0 1rem; } .middlearrows img { width: 80px; } .twostepform_wrap h2 { font-size: 1.8em; color: #175E6D; } .twostepform_wrap h3 { font-size: 1.4em; color: #fff; font-weight: 400; padding-top: 1rem; } .twostepform_wrap .quickrequest, .twostepform_wrap .browsearound { width: 100%; background-color: #A3CD39; margin-top: 2rem; } .twostepform_wrap .quickrequest { float: left; } .twostepform_wrap .browsearound { float: right; background-color: #D4F3F9; } .twostepform_wrap .quickrequest h4, .twostepform_wrap .browsearound h4 { display: block; color: #fff; font-size: 1.4em; font-weight: 600; padding: 1rem 0; } .twostepform_wrap .browsearound h4 { color: #23C1E2; } .twostepform_wrap .quickrequest p { background: transparent url(/Pages/MyHolidayCaravan/images/county-level/icon-select.svg) no-repeat left center; background-size: 85px; padding: 0 1rem 0 3rem; color: #175E6D; font-size: 1.1em; line-height: 1.6em; font-weight: 800; text-align: right; width: 240px; margin: 0 auto; } /**.twostepform_wrap .quickrequest p { background-position: calc(50% - 80px); } DON'T COMBINE WITH ABOVE STYLE FSFR **/ .twostepform_wrap .quickrequest p.subline { font-style: italic; color: #A3CD39; font-weight: 600; clear: both; display: block; background: none; width: 100%; padding: 0.5rem 0; font-size: 1.1em; text-align: center; } .twostepform_wrap .browsearound p.browselist { padding: 2rem 0 1rem 0; color: #175E6D; font-size: 1.2em; line-height: 1.6em; font-weight: 800; } .twostepform_wrap .browsearound p { color: #175E6D; font-size: 1.1em; font-weight: 400; line-height: 1.4em; } .twostepform_wrap .twostepform_content { background-color: #fff; padding: 1rem 0.5rem 0.5rem 0.5rem; } .twostepform_wrap .twostepform_content_body { min-height: 185px; } .twostepform_wrap .twostepform_content a { background-color: #A3CD39; padding: 1rem; color: White; display: block; margin-top: 1rem; } .twostepform_wrap .browsearound .twostepform_content a { background-color: #23C1E2; } .twostepform_wrap .nccapproved, .twostepform_wrap .mhcapproved { background: transparent url(/Pages/MyHolidayCaravan/images/homedirect/bg-twostepform-tick.svg) no-repeat left center; background-size: 15px; padding: 0 0 0 1.2rem; color: #175E6D; font-size: 0.7em; line-height: 2.2em; text-align: left; clear: both; margin: 0 auto; width: 210px; } .twostepform_wrap .nccapproved span, .twostepform_wrap .mhcapproved span { background: transparent url(/Pages/MyHolidayCaravan/images/homedirect/bg-twostepform-ncc.svg) no-repeat left center; background-size: 30px; color: #175E6D; font-size: 0.8em; line-height: 30px; text-align: left; width: 40px; height: 30px; display: inline-block; float: left; } .twostepform_wrap .mhcapproved span { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-twostepform-mhcapproved.svg); background-size: 33px; } #threestepform { padding-bottom: 4rem; background-image: url(/Pages/MyHolidayCaravan/images/homedirect/wizard-corner.svg); background-size: 300px; background-repeat: no-repeat; } .detailsform { width: 100%; text-align: center; padding-bottom: 2rem; } .detailsform_container { width: 100%; max-width: 705px; padding: 1rem; margin: 0 auto; background-color: #C8EFF7; } .detailsform input[type='checkbox'] { opacity: 0; position: absolute; } .detailsform input[type='checkbox']+ label { width:100%; display:block; clear:both; margin:0 0 10px 0!important; padding:0; cursor:pointer; text-align:left; font-weight:bold; font-size: 1em; background: transparent url(/Pages/MyHolidayCaravan/images/homedirect/tickbox-off.png) no-repeat right center; color:#286E85; border: 1px solid #9EE4F2; border-width: 0 0 1px 0; } .detailsform input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/tickbox.png); } .detailsform .operatorlogo, .parkselect .parks, .parkselect .vans { display: inline-block; float: left; } .detailsform .operatorlogo { width:30%; text-align: center; padding-bottom: 0.3rem; } .detailsform .parksandvans { width:70%; padding: 0.3rem 0 0 0; text-align: left; display: block; clear: none; color: #3D3D3D; float: left; line-height: 17px; } .detailsform .parksandvans .parks { width:90px; display: inline-block; } .detailsform .parksandvans .vans { width:100px; display: inline-block; } .detailsform .medium-7 { padding-left: 1rem; } .detailsform h2 { font-weight: 400; padding: 1.5rem 0 1.5rem 0; color: #fff; font-size: 1.9em; } .detailsform p { line-height: 1.2em; } .detailsform p span.desktoptext { display: inline-block; } .detailsform p span.mobiletext { display: none; } .detailsform .drpTitle, .detailsform .txtFirstName, .detailsform .txtLastName, .detailsform .txtEmail, .detailsform .txtTelephone, .detailsform .txtAddressLine1, .detailsform .txtPostcode, .detailsform .txtAddressLine2, .detailsform .txtTown, .detailsform .txtCounty { width: 100%; margin-bottom: 0.3rem; font-size: 1.0em; line-height: 1.0em; padding: 0.5rem 0.5rem 0.6rem 0.5rem; border: 1px solid #23C1E2; color: #75758B; } .detailsform .drpTitle { background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/dropdownarrow-small.png) no-repeat center right 10px; background-size: 14px; -webkit-appearance: none; padding: 0.7rem 0.5rem 0.7rem 0.5rem } .detailsform .TermsWrapper { width: 100%; margin-right: auto; margin-left: auto; clear: both; display: block; text-align: left; } .detailsform .Terms { float: left; position: relative; width: 40px; height: 30px; } .detailsform .Terms input[type='checkbox'], #popupform form .Terms input[type='checkbox'] { opacity: 0; font-size: 0.9em; position: absolute; } .detailsform .Terms input[type='checkbox']+ label, #popupform form .Terms input[type='checkbox'] + label { cursor: pointer; background-image: url(/Pages/MyHolidayCaravan/images/gdpr-wizard/privacy-agree-off-small.png); width: 69%; font-weight: 400; background-position: top left; max-height: 100%; background-size: contain; text-align: left; color: transparent !important; font-size: 3px!important; font-family: lato; height:40px!important; color: White; max-width: 100%; background-repeat:no-repeat; } .detailsform .Terms input[type='checkbox']:checked + label, #popupform form .Terms input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/gdpr-wizard/privacy-agree-on-small.png); } .detailsform .TermsWrapper a, .detailsform .privacypolicy a { color: #3D3D3D; text-decoration: underline; } .detailsform .lblPrivacy { float: left; font-size: 1.0em; padding-top: 0.4em; width: 80%; text-align: left; line-height: 1.1em; display: block; } .privacypolicy { width: 100%; height: 300px; max-height: 80%; display: none; padding: 1rem; } .privacypolicy iframe{ overflow-x: hidden; overflow-y: scroll; border: 1px solid #777; } .privacypolicy .privacycloser { float: right; padding-bottom: 5px; } .detailsform .buttoncol { float: left; width: 86px; display: inline-block; } .detailsform .buttoncol .btnWizardStep3Next { padding: 1.9rem 0 0.8rem 0; -webkit-appearance: none; background-color: #A3CD39; background-image: url(/Pages/MyHolidayCaravan/images/general/padlock.png); background-repeat: no-repeat; background-position: center 10px; font-size: 1.2em; margin: 0.1rem 0 0 0; width: 86px; border: 0; color: #fff; display: inline-block; } .detailsform .buttoncol .btnWizardStep3Next:hover { background-color: #FCAF1F; } .privacycol { width: calc(100% - 105px); float: right; text-align: left; } .privacycol p { font-size: 0.9em; font-style: italic; } .feefocol { width: 60%; float: left; } .referrerfield, .hiddenrefno, .hidShortToLongForm { display: none; } .detailsform .tickboxes { width: 100%; margin: 0 auto; display: none; } .detailsform .customtickbox_wrapper { display: inline-block; float: left; max-width: 125px; } .detailsform .customtickbox_wrapper.brochure { width: 30%; width: 33%; } .detailsform .customtickbox_wrapper.sitefees { width: 29%; width: 33%; } .detailsform .customtickbox_wrapper.caravanprices { width: 41%; width: 33%; float: right; text-align: right; } .detailsform .customtickbox_wrapper .customtickbox { float: left; position: relative; padding-top: 0; width: 26px; height: 31px; text-align: left; } .detailsform .customtickbox_wrapper label { font-size: 0.9em; line-height: 16px; font-weight: 800; text-align: left; padding-top: 0.3rem; float: left; } .detailsform .customtickbox_wrapper .customtickbox input[type='checkbox'] { opacity: 0; font-size: 0.9em; position: absolute; } .detailsform .customtickbox_wrapper .customtickbox input[type='checkbox'] + label { cursor: pointer; background-image: url(/Pages/MyHolidayCaravan/images/GDPR-Wizard/tick-green-off.png); width: 100%; font-weight: 400; background-repeat:no-repeat; background-position: 0px 1px; max-height: 100%; background-size: 21px; text-align: left; color: transparent !important; font-size: 30px !important; font-family: lato; height:26px !important; color: White; margin-left: 0; margin-right: 0; } .detailsform .customtickbox_wrapper .customtickbox input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/GDPR-Wizard/tick-green-on.png); background-size: 21px; } @media only screen and (min-width: 725px) { .detailsform .medium-5, .detailsform .medium-7 { position: relative; float: left; } .detailsform .medium-5 { width: 41.66667%!important; } .detailsform .medium-7 { width: 58.33333%!important; } .onestepform_wrap, .twostepform_wrap { padding: 4rem 3.2rem 2rem 3.2rem; } .twostepform_wrap .quickrequest, .twostepform_wrap .browsearound { width: 245px; } .middlearrows { display: inline-block; } .detailsform .tickboxes { display: block; } .detailsform h2 { color: #175E6D; } .detailsform .parksandvans { border: 1px solid #9EE4F2; border-width: 1px 0; padding: 0.7rem 0 0.6rem 0; } .detailsform input[type='checkbox']+ label { padding: 8px 0 8px 1rem; background-position: right 86%; } .detailsform input[type='checkbox']+ label { border-width: 0; } .detailsform .operatorlogo { width:100%; } .detailsform .parksandvans { width:100%; clear: both; padding: 0.5rem 0 0.7rem 0; float: none;; } } @media only screen and (max-width: 375px) { .twostepform_wrap .quickrequest p { font-size: 0.9em; } .detailsform .Terms { width: 20%; } .detailsform .parksandvans .parks, .detailsform .parksandvans .vans { font-size: 0.9em; } .detailsform .parksandvans .parks { width: 60px; } } @media only screen and (max-width: 100px) { .detailsform .customtickbox_wrapper.brochure { width: 31% } .detailsform .customtickbox_wrapper.sitefees { width: 29% } .detailsform .customtickbox_wrapper.caravanprices { width: 3/%; float: right; text-align: right; } } .drpBedrooms select, .drpPrice select { background-color: #8ADEEF; } .onestepform_facility, .col_two { opacity: 0.6; } .countyselected .drpBedrooms select, .countyselected .drpPrice select { background-color: #fff; } .countyselected .onestepform_facility input[type='checkbox'] + label { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-tick-small.png); } .countyselected .onestepform_facility input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-tick-small-on.png); } .countyselected .onestepform_facility .chkKidsClub { background-image: url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-kidsclub.svg) } .countyselected .onestepform_facility .chkPool { background-image: url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-pool.svg); } .countyselected .onestepform_facility .chkRestaurant { background-image: url(/Pages/MyHolidayCaravan/images/county-level/icon-facilities-restaurant.svg); } .countyselected .onestepform_facility label, .countyselected .col_two label { color: #fff; } .countyselected .onestepform_wrap .btnOneStepNext { color: #175E6D; border: 2px solid #175E6D; background-color: #A3CD39; } .countyselected .onestepform_wrap .btnOneStepNext:hover { background-color: #fff; } .countyselected .onestepform_wrap .btnOneStepNext span { color: #fff; } .countyselected .onestepform_wrap .btnOneStepNext:hover span { color: #175E6D; } .countyselected .onestepform_facility, .countyselected .col_two { opacity: 1; } .onestepform_footer { clear: both; width: 100%; padding: 2rem 0 2rem 0; background-color: #02A2C4; text-align: center; } .onestepform_footer h3 { color: #DEF3F8; font-style: italic; font-size: 1.6em; line-height: 1.4em; padding: 0; } #banner .more { padding: 1.5rem 0 1.8rem 0; text-align: center; display: block; background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/dropdownarrow-small.png) no-repeat center bottom; background-size: 18px; color: #adadad; margin-bottom: 1.0rem; font-weight: 700; font-size: 1.2em; } #banner img { width: 100%; } #summary { padding-top: 1rem; } #content { display: table; width: 100%; margin-top: 14px; } .whatweoffer, .parkoperators { display: table-cell; width: 50%; } .whatweoffercontent, .parkoperatorscontent { max-width: 650px; } .whatweoffercontent { margin-left: auto; } .whatweoffer { text-align: left; padding: 0 5rem 3rem 5rem; background-color:#145E69 } .whatweoffer h3, .whatweoffer p { color: #fff; } .whatweoffer h3 { font-size: 2.9em; padding: 4rem 0 1rem 0; color: #729EA5; font-weight: 700; } .whatweoffer p { font-size: 1.03em; padding: 1rem 0; line-height: 1.7em; font-weight: 500; } .colseparator { width: 14px; } .parkoperators { border: 2px solid #ededed; border-right-width: 0; padding-left: 5rem; text-align: left; } .parkoperators div.operatorlogos { text-align: justify; -moz-text-align-last: center; text-align-last: center; } .parkoperators h3 { font-size: 2.9em; padding: 4rem 0 1rem 0; color: #CDCDCD; text-align: left; font-weight: 700; } .parkoperators a { cursor:default; width: 110px; height: 90px; background: transparent url(/Pages/MyHolidayCaravan/images/amp/partners-logos-3.3.svg) 0px 0px no-repeat; background-size: 655px; display: inline-block; margin: 0.5rem 1rem 0rem 0; } .parkoperators a.parkresorts { background-position: -8px 8px; } .parkoperators a.johnfowler { background-position: -162px 15px; width: 105px } .parkoperators a.parkholidaysuk { background-position: -337px 17px; width: 155px; } .parkoperators a.haven { background-position: -545px 14px; width: 113px; } .parkoperators a.pureleisure { background-position: 0px -74px; width: 138px;} .parkoperators a.haulfryn { background-position: -169px -66px; width: 92px; } .parkoperators a.shorefield { background-position: -321px -163px; width: 101px; } .parkoperators a.hoburne { background-position: -551px -80px; width: 100px; } .parkoperators a.parkleisure { background-position: 4px -167px; width: 100px;} .parkoperators a.cacc { background-position: -285px -63px; width: 110px; } .parkoperators a.shorewood { background-position: -155px -163px; width: 100px; } .parkoperators a.northwales { background-position: -492px -173px; width: 164px; } .parkoperators a.awayresorts { background-position: -425px -70px; width: 110px; } #summary { display: table; width: 100%; /*margin-top: 14px;*/ } .ourselectparks, .buyinginfo { display: table-cell; width: 50%; vertical-align: top; } .ourselectparks { background: transparent url(/Pages/MyHolidayCaravan/images/amp/bg-select.jpg) 0px 0px no-repeat; background-size: cover; } .ourselectparkscontent { text-align: left; max-width: 650px; padding: 0 0 0.7rem 0; margin-left: auto; margin-right: 1.5rem; } .ourselectparkscontent .curved40 { background-color: #fff; margin: 4rem; padding: 3rem; text-align: center; } .ourselectparkscontent p { padding: 1rem 0 2rem 0; line-height: 1.9em; font-size: 1.2em; color: #262626 } .ourselectparkscontent a { color: #262626; font-size:1.1em; } .buyinginfo { background: #145E69 url(/Pages/MyHolidayCaravan/images/amp/bg-buying-info.svg) repeat-x bottom left; position: relative; background-size: 1140px; background-position-x: -5px; } .buyinginfocontent { text-align: left; max-width: 550px; padding: 0 0 0.7rem 0; } .buyinginfocontent h3 { font-size: 2.9em; padding: 4rem 0 2rem 5rem; color: #729EA5; font-weight: 700; } .buyinginfocontent p { font-size: 1.1em; padding: 0.5rem 0 1rem 5rem; line-height: 1.7em; font-weight: 500; color: #fff; } .buyinginfocontent a { display: block; font-size: 1.3em; padding: 1rem; line-height: 1.5em; font-weight: 700; color: #fff; background-color: #FCAE1B; text-align: center; margin: 1rem 0 2.3rem 5rem; margin: 1rem 1rem 7.7rem 5rem; } .buyinginfocontent img { margin-left: 25px; max-width: 80%; position: absolute; bottom: 10px; } .erroralert { display:none; width: 480px; max-width: 90%; height: auto; padding: 25px; background: white; position: absolute; top: 100px; left: 0px; right: 0px; margin-right: auto; margin-left: auto; border-top-right-radius: 54px; border-bottom-left-radius: 54px; z-index: 9999; } .erroralert h2 { font-family: lato; color: #C24242; text-align: left; font-size: 21px; font-weight: 500; line-height: 24.6px; padding-bottom: 0.3rem; } .erroralert h3, .erroralert h4 { font-family:lato; color:#323232; text-align:left; font-size:17px; font-weight:400; line-height:24.6px; padding: 0.4rem 0; } .erroralert h4 img { width: 25px !important;padding-right:5px; } .erroralert p { font-family:lato; color:rgba(0,0,0,0.51); text-align:left; font-size:14px; font-weight:400; line-height:22px; } .erroralert { border: 3px solid #509FFF; } @media only screen and (min-width: 810px) { .erroralert { border: 3px solid #509FFF; } } footer { display:block; clear:both; padding-top:1rem; padding-bottom:4rem; } footer #footerlinks { background-color: #fff; padding: 1.5rem 2rem 1.5rem 2rem; text-align: right; font-style: italic; line-height: 1.5em; } footer #footerlinks, footer #footerlinks a { color: #4E4E4E; font-size: 1em; } footer #footerlinks a { margin-left: 0.2rem; padding-right: 0.2rem; } #footerrow { background-color: #ececec; color: #424242; padding: 2.1rem 1.5rem 3rem 1.5rem; font-size: 1em; } #footerrow h2 { font-size: 1.2em; color: #424242; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-weight: 500; } #footerrow a, #footerrow span { font-size: 0.93em; line-height: 1.8em; display: block; color: #424242; font-weight: 400; } #footerrow p { font-size: 1em; line-height: 1.5em; } #footerrow hr { display: none; } #footerrow #footerquick { float: left; width: 30%; } #footerrow #footercontact { float: left; width: 47%; } #footerrow #footercontact p { margin: 0; padding: 0; line-height: 1.7em; } #footerrow #footercontact p a, #footerrow #footercontact p span { display: inline-block; } #footerrow #footersocial { float: left; width: 23%; } #footerrow #footersocial h2 { padding-right: 1.7em; } #footerrow #footersocial a { display: inline-block; width: 35px; height: 35px; margin: 0 2rem 0 0; } #footerrow #footersocial a.facebook { background: transparent url(/Pages/MyHolidayCaravan/images/template/social-grey-f.png) left center no-repeat; background-size: 18px; width: 20px; } #footerrow #footersocial a.twitter { background: transparent url(/Pages/MyHolidayCaravan/images/template/social-grey-t.png) left center no-repeat; background-size: 35px; } #footerrow #footersocial a.share { margin-right:0; background: transparent url(/Pages/MyHolidayCaravan/images/template/social-grey-s.png) left center no-repeat; background-size: 35px; } #tracking iframe { display: none; } .small-block-grid-1 li:nth-child(odd) { clear:both; } .small-block-grid-1 li { float:left; } /* @media only screen and (max-width: 100px) { .onestepform_wrap { padding: 4rem 3.5rem; } .halfcentered .whatweoffer { padding-right: 2rem; padding-left: 1rem; } .halfcentered .parkoperators { padding-left: 2rem; } } */ @media only screen and (max-width: 1080px) { .onestepform_wrap { padding: 4rem 1rem 1.8rem 1rem; } #threestepform { background-size: 250px; } } @media only screen and (max-width: 1049px) { .onestepform_wrap .col_two { width: calc(100% - 380px)!important; } .onestepform_wrap hr { display: block; width: 40%; margin: 0 auto; border-top: 1px solid #7BDAEE; border-width: 1px 0px 0px 0px; margin-top: 2rem; } .onestepform_wrap .col_two hr { display: none; } } @media only screen and (max-width: 975px) { .drpBedrooms, .drpPrice { width: 100%; } .drpBedrooms select, .drpPrice select { width: 49%; margin: 0; } .drpBedrooms select.drpBedrooms_Max, .drpPrice select.drpPrice_Max { float: right; } .onestepform_wrap .btnOneStepNext { margin-top: 0; width: 100%; float: none; -webkit-appearance: none; } .oneofthree, .twoofthree, .threeofthree { padding: 0; } .onestepform_facility span.chkPool, .onestepform_facility span.chkKidsClub, .onestepform_facility span.chkRestaurant { width: 90px; } .ourselectparkscontent .curved40 { margin: 1rem; } .ourselectparkscontent p { line-height: 1.7em; } #content, #summary { display: block; } .whatweoffer, .parkoperators, .ourselectparks, .buyinginfo { display: block; width: 100%; border-width: 0; float: none; max-width: 100%; } .whatweoffercontent, .parkoperatorscontent, .buyinginfocontent { margin-left:auto; margin-right: auto; max-width: 650px; } .ourselectparkscontent { float:none; margin: 0 auto 0 auto; } .colseparator { display: none; } .ourselectparks { border-bottom: 14px solid white!important; padding-top: 1rem; } .parkoperators { padding-bottom: 2rem; padding-left: 0; } .whatweoffer h3, .parkoperators h3, .buyinginfocontent h3 { padding-top:3rem; padding-bottom: 2rem; font-size: 2.2em; } .whatweoffer p, .parkoperators p, .buyinginfocontent p { line-height: 1.7em; } .onestepform_wrap h2 { font-size: 1.8em; } .buyinginfocontent h3, .buyinginfocontent p { padding-left: 0 } .buyinginfocontent a { margin-left: 0 } .buyinginfocontent img { left: 10px; margin-left: 0; } .whatweoffer { padding-left: 0; padding-right: 0; } .whatweoffercontent, .parkoperatorscontent, .buyinginfocontent { max-width: 650px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } #threestepform { background-size: 200px; } } @media only screen and (max-width: 900px) { #threestepform { background-size: 0px; } } @media only screen and (max-width: 755px) { .erroralert { position: fixed; top: 5px; padding: 10px 20px; } .erroralert h3, .erroralert h4 { padding:0.2rem 0; font-size:16px; } #footerrow #footerquick, #footerrow #footercontact, #footerrow #footersocial { width: 100%; text-align: center; float: none; } #footerrow hr { display: block; width: 200px; margin: 2rem auto; border-bottom: 1px solid #424242; } } @media only screen and (max-width: 810px) { .onestepform_wrap select { padding: 1.0rem 0.8rem; } .onestepform_facility span { background-position: top center; padding-top: 50px; } .onestepform_facility input[type='checkbox'] + label { background-position: top center; font-size: 1em; } .onestepform_facility span.chkPool, .onestepform_facility span.chkKidsClub, .onestepform_facility span.chkRestaurant { width: 100%; } .onestepform_wrap .col_one, .onestepform_wrap .col_two { min-width: 100px; width: 50%!important; } .oneofthree, .twoofthree, .threeofthree { float: left; } .oneofthree { width: 25%; } .twoofthree { width: 40%; } .threeofthree { width: 25%; } } @media only screen and (max-width: 600px) { .onestepform_wrap { padding: 2rem 1rem; } .onestepform_wrap h2 { font-size: 1.4em; line-height: 1.4em; argin-bottom: 1rem; } .onestepform_wrap label { font-size: 1.0em; } .onestepform_wrap .col_one hr, .onestepform_wrap .col_two hr { margin-top: 1.5rem; display: block; } .onestepform_wrap .col_two hr { margin: 0.5rem auto 1.5rem auto; } .onestepform_facility { padding-top: 1.5rem; } .onestepform_wrap .col_one, .onestepform_wrap .col_two { min-width: 100%; padding: 0; } .onestepform_wrap .col_two { border-width: 0px; } .drpLocation1 { width: 100%; } footer #footerlinks { text-align: center; padding-bottom: 10rem; } } @media only screen and (max-width: 405px) { .telno { padding-left:0; background: none; } #footerrow #footercontact p span.footerlabel { display: none; } } @media only screen and (max-width: 360px) { #logo img { width: 145px; } .telno { font-size: 1.1em; } #footerrow { padding-right: 0.8rem; padding-left: 0.8rem; } } /******* Pixelpinching - Begin *******/ @media only screen and (max-width: 462px) { .operatorlogo img { max-height: 25px; } .overlay_header { padding: 0.5rem 1rem; } .overlay_nav_bar span { margin-bottom: 0; } .homewizard_step2, .homewizard_step3, .homewizard_step4, .homewizard_step5loading, .homewizard_step5, .homewizard_step6 { margin-top: -1.2rem; } } /******* Pixelpinching - Begin *******/ @media only screen and (min-width: 950px) { .medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12 { position: relative; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .parklisting .medium-3 { width: 20% } .parklisting .medium-7 { width: 60% } .mobile_keyinfo { display: none; } } .medium-2 { width: 16.66667%; } .medium-10 { width: 83.33333%; } #offerbanners .flexslider { background-color: transparent!important; margin-bottom: 0!important; } #offerbanners .flex-control-nav { top: 30px!important; width: auto!important; } #offerbanners .flex-direction-nav a { top:60%!important } /*************************************************************************************************************************/ /************************************************ BUYING INFO - START ****************************************************/ /*************************************************************************************************************************/ #buyingguide-intro { width: 100%; max-width: 1000px; margin: 0 auto; background: #23c1e2 url(/Pages/MyHolidayCaravan/images/buying-info/bg-intro.jpg) bottom left no-repeat; height: 351px; padding: 2rem 2.0rem 2rem 2.0rem; } #buyingguide-intro-copy { color: white; background-color: #a3cd39; width: 300px; max-width: 90%; text-align: center; padding: 1.1rem; } #buyingguide-intro-copy h1 { color: white; font-size: 1.3em; } #buyingguide-intro-copy hr { width: 50%; margin: 0.5rem auto 0.5rem auto; border: 1px solid #fff; border-width: 0 0 1px 0; } #buyingguide-intro-copy p { color: white; font-size: 1.0em; line-height: 1.3em; font-weight: normal; padding-bottom: 1rem; } #buyingguide-mybuyersguide { max-width: 1000px; margin: 0 auto; background: #fff url(/Pages/MyHolidayCaravan/images/buying-info/bg-hill-green.jpg) bottom center no-repeat; text-align: center; padding: 2rem 1.5rem 4rem 1.5rem; } #buyingguide-mybuyersguide img.iconseparator { margin-top: -75px; } #buyingguide-mybuyersguide h2, #buyingguide-mybuyersguide p { color: White; font-size: 1.7em; font-weight: normal; } #buyingguide-mybuyersguide hr { width: 15%; margin: 1rem auto 1rem auto; border: 1px solid #fff; border-width: 0 0 1px 0; } #buyingguide-mybuyersguide p { font-size: 1.0em; line-height: 1.4em; text-align: left; padding-bottom: 1rem; } #buyingguide-mybuyersguide .medium-6 { width: 40%; margin: 0 4%; } #buyingguide-ownership { background-color: #fff; max-width: 1000px; margin: 0 auto; } #buyingguide-ownershipstory { width: 100%; background: #fff url(/Pages/MyHolidayCaravan/images/buying-info/bg-ownership.jpg) bottom left no-repeat; height: 316px; padding: 2rem 2.0rem 2rem 2.0rem; text-align: center; position: relative; } #buyingguide-ownershipstory img.iconseparator { margin-top: -75px; } #buyingguide-ownershipstory .buttonorange { clear: both; position: absolute; top: 60px; left: 50%; margin-left: -50px; } #buyingguide-ownershipstory-copy { text-align: center; width: 50%; margin: 0 auto; padding-top: 2.0rem; } #buyingguide-ownershipstory-copy h2, #buyingguide-ownershipstory-copy p { color: #2d3e50; font-size: 1.5em; font-weight: normal; } #buyingguide-ownershipstory-copy hr { width: 20%; margin: 1rem auto 1rem auto; border-bottom: 1px solid #2d3e50; } #buyingguide-ownershipstory-copy p { font-size: 1.0em; line-height: 1.4em; padding-bottom: 1rem; } #buyingguide-menus { padding: 2rem 2.0rem 2rem 2.0rem; max-width: 1000px; margin: 0 auto; background-color: #fff; } #buyingguide-menus h3 { background: transparent url(/Pages/MyHolidayCaravan/images/buying-info/bg-menuicon.png) bottom left no-repeat; color: #2d3e50; font-size: 1.5em; padding-left: 60px; line-height: 50px; display: block; clear: both; margin-top: 2rem; } #buyingguide-menus ul { padding: 0 0 2rem 0; margin: 0; } #buyingguide-menus li { list-style: none; width: 24%; display: inline-block; background: transparent url(/Pages/MyHolidayCaravan/images/buying-info/bg-li-yellowarrow.png) 0px 3px no-repeat; padding: 0px 10px 5px 15px; line-height: 1.2em; vertical-align: top; } #buyingguide-menus li a { font-size: 0.8em; font-weight: bold; line-height: 1.1em; padding-bottom: 0.1rem; color: #2d3e50; } /*************************************************************************************************************************/ /************************************************* BUYING INFO - END *****************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /************************************************ BUYERS GUIDE - START ***************************************************/ /*************************************************************************************************************************/ #buyersguide-intro h1, #buyersguide-seaside h2, #buyersguide-cupoftea h2, #buyersguide-dad h2, #buyersguide-parklife h2, #buyersguide-sherlock h2, #buyersguide-neworused h2, #buyersguide-payyourkeep h2, #buyersguide-sublet h2, #buyersguide-teddy h2, #buyersguide-boring h2, #buyersguide-selling h2 { font-weight: normal; } #contentinnerwrapper { max-width: 1000px; margin: 0 auto; } #buyersguide-intro { margin: 0 auto 0 auto; padding: 1.5rem; max-width: 490px; } #buyersguide-intro h1 { font-size: 1.6em; color: #23c1e2; text-align: center; } #buyersguide-intro p { text-align: center; color: #5d6e7e; font-size: 1.0em; line-height: 1.4em; } #buyersguide-seaside { background: #23c1e2 url(/Pages/MyHolidayCaravan/images/buyers-info/bg-seaside.jpg) bottom left no-repeat; color: White; padding: 1.5em 2.0rem 5.5rem 2.0rem; text-align: center; } #buyersguide-seaside img.iconseparator { margin-top: -55px; } #buyersguide-seaside .columns { padding: 0 0 1.5rem 0; text-align: left; } #buyersguide-seaside h2 { color: White; font-size: 1.6em; text-align: center; } #buyersguide-seaside hr { color: white; width: 10%; margin: 10px auto 20px auto; } #buyersguide-seaside h3 { color: #edce00; font-size: 1.0em; margin: 0; } #buyersguide-seaside .colthree h3 { padding-left: 1.5rem; } #buyersguide-seaside p { font-size: 1.0em; line-height: 1.4em; padding-right: 2.2rem; } #buyersguide-seaside a { font-size: 1.0em; line-height: 1.4em; color: White; text-decoration: underline; } #buyersguide-seaside ul { padding: 0; margin: 0; } #buyersguide-seaside ul li { font-size: 1.0em; line-height: 1.4em; list-style: none; padding-left: 1.5rem; background: transparent url(/Pages/MyHolidayCaravan/images/general/tickcross-tick-green.png) 0px 0.1rem no-repeat; } #buyersguide-cupoftea { padding: 1.5rem 1.5rem 3rem 1.5rem; background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-teapot.jpg) bottom right no-repeat; position: relative; } #buyersguide-cupoftea h2 { color: #2d3e50; text-align: center; font-size: 1.6em; background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-teacup.jpg) bottom center no-repeat; padding-bottom: 4rem; margin-bottom: 1rem; } #buyersguide-cupoftea p { color: #2d3e50; width: 60%; margin: 0 auto 0 auto; text-align: center; font-size: 1.0em; padding: 0 0 1rem 0; } #buyersguide-cupoftea ul { width: 60%; position: relative; margin: 0 auto 0 auto; } #buyersguide-cupoftea ul li { list-style: none; text-align: center; position: relative; font-size: 1.0em; color: #2d3e50; line-height: 1.5em; } #buyersguide-cupoftea ul li a { background: transparent url(/Pages/MyHolidayCaravan/images/general/bg-info.png) top left no-repeat; display: inline-block; width: 15px; height: 15px; position: relative; } #buyersguide-cupoftea ul li a .helpbubble { width: 200px; background-color: #23c1e2; font-size: 0.8em; line-height: 1.4em; color: White; padding: 0.6rem; position: absolute; left: -60px; bottom: 0.7rem; z-index: 9; text-align: left; display: none; } #buyersguide-cupoftea ul li a:hover .helpbubble { display: block; } #buyersguide-cupoftea .subtitle { color: #23c1e2; font-weight: bold; padding: 0; } #buyersguide-dad { background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-dad.jpg) top right no-repeat; height: 702px; padding: 2rem 2.0rem 2rem 2.0rem; } #buyersguide-dad h2 { width: 400px; color: White; font-size: 1.6em; max-width: 90%; font-weight: 100; padding-bottom: 1rem; } #buyersguide-dad p { width: 400px; color: White; font-size: 1.0em; max-width: 90%; line-height: 1.4em; padding-bottom: 1rem; } #buyersguide-parklife { background-color: #a3cd39; color: White; padding: 1rem 1.0rem 1.5rem 1.0rem; text-align: center; } #buyersguide-parklife img.iconseparator { margin-top: -50px; } #buyersguide-parklife h2 { color: White; text-align: center; font-size: 1.6em; padding-bottom: 0; } #buyersguide-parklife hr { color: white; width: 10%; margin: 10px auto 20px auto; } #buyersguide-parklife .columns { text-align: left; } #buyersguide-parklife h3 { color: White; font-size: 1.1em; padding-bottom: 0; } #buyersguide-parklife p, #buyersguide-parklife ul li { font-size: 1.0em; line-height: 1.4em; color: White; } #buyersguide-parklife .colone p { font-size: 1.0em; line-height: 1.4em; } #buyersguide-parklife .colthree h3 { margin-bottom: 0; padding-left: 1.5rem; } #buyersguide-parklife ul { margin: 0; } #buyersguide-parklife ul li { background: transparent url(/Pages/MyHolidayCaravan/images/general/tickcross-tick-white.png) top left no-repeat; padding-left: 1.5rem; list-style: none; margin: 0rem 0rem 0.5rem 0rem; } #buyersguide-sherlock { padding: 1.5rem 1.0rem 3rem 1.0rem; text-align: center; } #buyersguide-sherlock h2 { color: #2d3e50; text-align: center; font-size: 1.6em; background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-search.png) bottom center no-repeat; padding-bottom: 4rem; margin-bottom: 1rem; } #buyersguide-sherlock p { color: #2d3e50; width: 60%; margin: 0 auto 0 auto; text-align: center; font-size: 1.0em; padding: 0 0 1rem 0; } #buyersguide-sherlock p.first { font-size: 1.0em; } #buyersguide-sherlock .row p { width: 100%; text-align: left; } #buyersguide-sherlock .subtitle { color: #23c1e2; font-weight: bold; padding: 0; font-size: 1.1em; } #buyersguide-sherlock .buttonorange { margin: 0 auto 0 auto; } #buyersguide-neworused { background: #23c1e2 url(/Pages/MyHolidayCaravan/images/buyers-info/bg-family.png) bottom right no-repeat; color: White; padding: 1.5em 1.0rem 1.5rem 1.0rem; text-align: center; } #buyersguide-neworused img.iconseparator { margin-top: -68px; } #buyersguide-neworused h2 { color: White; text-align: center; font-size: 1.6em; padding-bottom: 0; } #buyersguide-neworused hr { color: white; width: 10%; margin: 10px auto 20px auto; } #buyersguide-neworused .columns { text-align: left; } #buyersguide-neworused p, #buyersguide-neworused a { font-size: 1.0em; line-height: 1.4em; color: White; } #buyersguide-neworused p.largetext { font-size: 1.1em; line-height: 1.5em; } #buyersguide-neworused .coltwo p { margin:0; padding: 0 0 0 1.5rem; font-size: 1.0em; } #buyersguide-neworused a { text-decoration: underline; color: White; margin-left: 1.5rem; } #buyersguide-neworused ul { margin: 0; } #buyersguide-neworused ul li { background: transparent url(/Pages/MyHolidayCaravan/images/general/tickcross-tick-white.png) top left no-repeat; padding-left: 1.5rem; list-style: none; margin: 0rem 0rem 1.5rem 0rem; font-size: 1.0em; line-height: 1.4em; color: White; } #buyersguide-payyourkeep { background-color: #a3cd39; color: White; padding: 1.5rem 1.0rem 1.5rem 1.0rem; text-align: center; } #buyersguide-payyourkeep * { color: White; } #buyersguide-payyourkeep img.iconseparator { margin-top: -65px; } #buyersguide-payyourkeep h2 { color: White; text-align: center; font-size: 1.6em; padding-bottom: 0; } #buyersguide-payyourkeep hr { color: white; width: 10%; margin: 10px auto 20px auto; } #buyersguide-payyourkeep .columns { text-align: left; } #buyersguide-payyourkeep p { font-size: 1.0em; line-height: 1.4em; } #buyersguide-payyourkeep .colone p { font-size: 1.1em; line-height: 1.5em; font-weight: bold; } #buyersguide-payyourkeep .circleorange { background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-circleorange.png) top left no-repeat; width: 162px; height: 162px; text-align:center; padding: 15px 18px 22px 18px; font-weight: bold; position: absolute; margin-top: -60px; font-size: 0.9em; line-height: 1.2em; margin-left: 4.5rem; } #buyersguide-sublet { padding: 1.5rem 1.0rem 1.5rem 1.0rem; } #buyersguide-sublet h2 { color: #2d3e50; text-align: center; font-size: 1.6em; background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-heart.png) bottom center no-repeat; padding-bottom: 3rem; line-height: 1.9em; margin-bottom: 1rem; } #buyersguide-sublet p { font-size: 1.0em; color: #2d3e50; line-height: 1.4em; } #buyersguide-sublet .colone p { font-size: 1.0em; } #buyersguide-sublet .colthree p { margin: 0; padding: 0 0 0 1.5rem; font-size: 1.0em; } #buyersguide-sublet ul { margin: 0; } #buyersguide-sublet ul li { background: transparent url(/Pages/MyHolidayCaravan/images/general/tickcross-tick-grey.png) top left no-repeat; padding-left: 1.5rem; list-style: none; margin: 0rem 0rem 1.5rem 0rem; font-size: 1.0em; line-height: 1.4em; color: #2d3e50; } #buyersguide-teddy { background: white url(/Pages/MyHolidayCaravan/images/buyers-info/bg-teddy.jpg) bottom center no-repeat; height: 683px; padding-top: 410px; } #buyersguide-teddy div { margin: 0 auto 0 auto; width: 400px; text-align: center; } #buyersguide-teddy h2 { color: #2d3e50; text-align: center; font-size: 1.6em; padding-bottom: 0; } #buyersguide-teddy hr { color: #2d3e50; width: 20%; margin: 10px auto 0px auto; border-bottom: 1px solid #2d3e50; } #buyersguide-teddy p { color: #2d3e50; font-size: 1.0em; line-height: 1.4em; text-align: center; font-weight: bold; margin: 1rem 0 1.5rem 0; } #buyersguide-teddy p.narrower { width: 300px; margin: 0 auto 1.5rem auto; } #buyersguide-teddy a.buttonorange { margin: 0 auto 0 auto; } #buyersguide-boring { padding: 4.5rem 1.0rem 3.5rem 1.0rem; } #buyersguide-boring h2 { color: #2d3e50; text-align: center; font-size: 1.6em; background: transparent url(/Pages/MyHolidayCaravan/images/buyers-info/bg-microscope.png) bottom center no-repeat; padding-bottom: 4rem; margin-bottom: 1rem; } #buyersguide-boring p { font-size: 1.0em; color: #2d3e50; line-height: 1.4em; margin: 0; } #buyersguide-boring .colone p { font-size: 1.0em; line-height: 1.3em; padding-bottom: 1rem; } #buyersguide-boring .coltwo p { padding-bottom: 1.0rem; } #buyersguide-boring .coltwo ul { margin: 0; } #buyersguide-boring .coltwo ul li { list-style: none; margin: 0rem 0rem 1rem 0rem; font-size: 1.0em; line-height: 1.4em; color: #2d3e50; line-height: 1.2em; } #buyersguide-boring .colthree p { padding-left: 1.5rem; } #buyersguide-boring .colthree ul { margin: 0; } #buyersguide-boring .colthree ul li { background: transparent url(/Pages/MyHolidayCaravan/images/general/tickcross-tick-grey.png) top left no-repeat; padding-left: 1.5rem; list-style: none; margin: 0rem 0rem 1.5rem 0rem; font-size: 1.0em; line-height: 1.4em; color: #2d3e50; line-height: 1.2em; } #buyersguide-boring .colthree img { padding-left: 1.5rem; } #buyersguide-selling { background: #23c1e2 url(/Pages/MyHolidayCaravan/images/buyers-info/bg-thinkingofselling.jpg) bottom center no-repeat; text-align: center; padding: 2rem 1.5rem 4rem 1.5rem; } #buyersguide-selling * { color: White; text-align: left; font-weight: normal; } #buyersguide-selling img.iconseparator { margin-top: -80px; } #buyersguide-selling h2 { text-align: center; font-size: 1.6em; padding-bottom: 0rem; } #buyersguide-selling hr { color: White; width: 10%; margin: 10px auto 0px auto; border-bottom: 1px solid White; margin-bottom: 1rem; } #buyersguide-selling h3 { font-size: 1.0em; padding: 0; margin: 0; font-weight: bold; } #buyersguide-selling .colone { line-height: 1.4em; font-size: 1.1em; } /*************************************************************************************************************************/ /************************************************* BUYERS GUIDE - END ****************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /************************************************** CONTENT - START ******************************************************/ /*************************************************************************************************************************/ article header { padding: 0; } #contentwrapper { border-top: 1px solid #d4d4d4; background-color:#ddd; } #contentpage { padding: 0rem 0 1.0rem 1.0rem; max-width: 1250px; margin: 0 auto; padding: 0 1rem; background-color:#fff; } #contentpage article { padding-top: 1.5rem; } #contentpage header h1 { color: #23c1e2; font-size: 1.6em; padding-bottom: 1rem; } #contentpage header h2 { color: #5d6e7e; font-size: 1.1em; margin: 0; padding-bottom: 1rem; } #contentpage header p { color: #5d6e7e; font-size: 1.0em; padding-bottom: 1rem; } #contentpage h3 { color: #5d6e7e; font-size: 1.3em; margin: 1.5rem 0 0 0; padding-bottom: 1rem; } #contentpage ol { padding-left: 1.5rem; padding-bottom: 2rem; } #contentpage ul { padding:0; list-style: none; } #contentpage ul li { padding:0; list-style: none; display: inline-block; } #contentpage p, #contentpage li { color: #5d6e7e; font-size: 1.0em; line-height: 1.3em; } #contentpage p { padding-bottom: 1rem; } #contentpage li { padding-bottom: 0.5rem; } #contentpage .footnotes { margin-top: 4rem; } #contentpage .norightpad { padding-right: 0; } #contentpage aside .form { background-color: #2d3e50; padding: 1.5rem; text-align: center; margin-top: 2px; } #contentpage aside .form h4 { color: White; } #contentpage aside .form hr { width: 40%; margin: 0 auto 0 auto; } #contentpage aside .form p { color: White; font-weight: bold; font-size: 1.0em; width: 90%; margin: 0 auto 1rem auto; } #contentpage aside .form h5 { color: #a3cd39; font-size: 0.8em; width: 90%; margin: 1rem auto 1rem auto; border-bottom: 1px solid #455b4b; text-transform: uppercase; } #contentpage aside .form .vans h5, #contentpage aside .form .needs h5, #content aside .form .details h5 { color: white; border-bottom: 1px solid #4c5b6a; } #contentpage aside .form .nextbutton, #contentpage aside .form .backbutton { background: white url(/Pages/MyHolidayCaravan/images/general/grey-arrow-right.png) 4.0rem 0.6rem no-repeat; padding: 0.4rem 2.4rem 0.2rem 1.2rem; text-align: left; border: 0px solid white; border-bottom: 4px solid #ecf0f1; color: #2d3e50; font-size: 0.9em; font-weight: bold; float: right; margin: 1rem 0 0 0; } #contentpage aside .form .backbutton { background: #bec3c7 url('https://www.myholidaycaravan.co.uk/Pages/MyHolidayCaravan/images/general/grey-arrow-left.png') 0.6rem 0.6rem no-repeat; padding: 0.4rem 1.2rem 0.2rem 2.4rem!important; float: left; border-bottom: 4px solid #a8acaf; } #contentpage aside .form label { color: White; clear: left; margin: 1rem 0 0 0; padding: 0; } #contentpage aside .form .needs p { width: 50%; float: left; font-size: 0.9em; font-weight: normal; clear: left; } #contentpage aside .form select, #contentpage aside .form input[type=text], #contentpage aside .form textarea, #contentpage aside .form .nextbuttons { width: 94%; margin-right: auto; margin-left: auto; } #contentpage aside .form .needs input { margin-left: 0.5rem; height: 15px; width: 15px; } #contentpage aside .form .needs textarea { height: 6rem; margin-top: 0.5rem; } #sidestep2, #sidestep3 { display: none; } #contentpage .sidecopy { padding: 1.5rem; text-align: center; } #contentpage .sidecopy h4 { color: #2d3e50; text-align: center; font-size: 1.4em; background: transparent url(/Pages/MyHolidayCaravan/images/template/bg-keyhole.png) bottom center no-repeat; padding-bottom: 3.0rem; margin-bottom: 0.5rem; } #contentpage .sidecopy p { font-size: 0.9em; line-height: 1.3em; text-align: center; } #contentpage .parkoperators { text-align: center; } #contentpage .parkoperators h4 { color: #2d3e50; text-align: center; font-size: 1.4em; } #contentpage .parkoperators hr { width: 40%; margin: 0 auto 0 auto; } #contentpage .parkoperators a { width: 125px; height: 80px; background: transparent url(/Pages/MyHolidayCaravan/images/template/partners-logos-small.jpg) 0px 0px no-repeat; display: inline-block; margin: 0 0.2rem 0.2rem 0.2rem; } #contentpage .parkoperators a.parkresorts { background-position: 0 0 } #contentpage .parkoperators a.johnfowler { background-position: -130px 0 } #contentpage .parkoperators a.parkholidaysuk { background-position: 0 -110px } #contentpage .parkoperators a.hoburne { background-position: -130px -115px } #contentpage .parkoperators a.parkdean { background-position: 0 -215px } #contentpage .parkoperators a.parkleisure { background-position: -130px -215px } #contentpage .parkoperators a.cacc { background-position: 0 -310px; width: 132px } #contentpage .parkoperators a.haven { background-position: -133px -320px } #contentpage .parkoperators a.haulfryn { background-position: 0 -420px; width: 134px } #contentpage .parkoperators a.shorefield { background-position: -133px -413px } #contentpage .parkoperators a.northwales { background-position: 0 -520px; width: 148px } #contentpage .parkoperators a.shorewood { background-position: -150px -520px } #contentpage ul.faq li { background:url(/Pages/MyHolidayCaravan/images/content/delimitor.png) no-repeat scroll center bottom transparent; float: left; padding: 0 0 15px; width: 100% } #contentpage .answer { background:url(/Pages/MyHolidayCaravan/images/content/answer.gif) no-repeat scroll 0 3px transparent; clear: both; float: left; margin-top: 5px; padding: 0 10px 5px 33px; width: 520px; display: none } #contentpage ul.faq .self { background:url(/Pages/MyHolidayCaravan/images/content/faq.gif) no-repeat scroll 0 1px transparent; clear: both; cursor: pointer; float: left; font-weight: normal; padding: 0 10px 10px 33px } ul.faq { margin-left: 0; } ul.faq li { list-style: none; } /*************************************************************************************************************************/ /*************************************************** CONTENT - END *******************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /*********************************************** OUR TRIAL BUY - START ***************************************************/ /*************************************************************************************************************************/ #blogSocialNetwork { background-color: #efefef; width: 916px; border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; } #blogSocialNetwork a { color: black; background: transparent url('/CMSTemplates/MyHolidayCaravan/images/blogs/btnGooglePlus.jpg') 7px 7px no-repeat; padding: 9px 29px 9px 33px; display: inline-block; border-right: 1px solid #c4c4c4; } #blogSocialNetwork a.googleplus { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/btnGooglePlus.jpg'); } #blogSocialNetwork a.facebook { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/btnFacebook.jpg'); } #blogSocialNetwork a.twitter { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/btnTwitter.jpg'); } #blogSocialNetwork a.blogformpopup { border: none; float: right; display: inline-block; background-image: none; padding: 0px; } #blogscene { background: transparent url('/CMSTemplates/MyHolidayCaravan/images/blogs/scene.jpg') no-repeat; width: 918px; height: 574px; display: block; position: relative; clear: both; } #blogscene #blogtext { position: absolute; width: 270px; top: 20px; left: 20px; } #blogscene #blogtext h2 { font-size: 1.5em; font-weight: bold; color: #00b3f2; } #blogscene #blogtext p { color: white; font-size: 0.9em; line-height: 1.2em; } #blogscene #blogtext ul { background: transparent url('/CMSTemplates/MyHolidayCaravan/images/blogs/bullets.png') no-repeat; margin-top: 7px; } #blogscene #blogtext ul li { color: #bd4009; font-size: 14px; margin-left: 25px; list-style: none; padding-bottom: 3px; line-height: 17px; } #blogscene #blogtext ul li a { color: #bd4009; } #lnkTrialBuy1, #lnkTrialBuy2, #lnkTrialBuy3, #lnkTrialBuy4, #lnkTrialBuy5 { background: transparent url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble1.png') no-repeat; width: 89px; height: 97px; display: block; position: absolute; color: transparent; } #lnkTrialBuy1 { top: 312px; left: 112px; } #lnkTrialBuy1:hover { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble1over.png'); } #lnkTrialBuy2:hover { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble2over.png'); } #lnkTrialBuy3:hover { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble3over.png'); } #lnkTrialBuy4:hover { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble4over.png'); } #lnkTrialBuy5:hover { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble5over.png'); } #lnkTrialBuy2 { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble2.png'); top: 275px; left: 348px; } #lnkTrialBuy3 { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble3.png'); top: 209px; left: 565px; } #lnkTrialBuy4 { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble4.png'); top: 340px; left: 678px; } #lnkTrialBuy5 { background-image: url('/CMSTemplates/MyHolidayCaravan/images/blogs/bubble5.png'); top: 55px; left: 677px; } #lnkTrialBuy1 span, #lnkTrialBuy2 span, #lnkTrialBuy3 span, #lnkTrialBuy4 span, #lnkTrialBuy5 span { display: none; } .trialbuyformh1, .trialbuyformh2 { width: 400px; margin-right: auto; margin-left: auto; text-align: center; font-size: 1.3em; text-align: center; } .trialbuyformh2 { font-size: 1em; color: #6aac00; margin-bottom: 10px; width: 500px; } #bloginnerpopup { margin: 2px 25px 0px 0px; } #blogclose { background: url("/CMSTemplates/MyHolidayCaravan/images/blogs/bgclose.jpg") no-repeat scroll 0 0 transparent; float: left; font-size: 16px; margin: 10px 0 0 5px; padding-left: 25px; } #blogclose a { color: #4d4d4d; } #blognav { width: 380px; float: left; margin: 10px 0px 0px 10px; color: #4d4d4d; font-size: 16px; } #blognav span { display: inline-block; float: left; margin-right: 0px; margin-top: 0px; } #blognav a { background: url("/CMSTemplates/MyHolidayCaravan/images/blogs/bgnav.jpg") no-repeat scroll 0 0 transparent; color: White; font-size: 11px; font-weight: 800; margin-left: 7px; padding: 3px 9px 5px 6px; } #blognav a.selected { background: url("/CMSTemplates/MyHolidayCaravan/images/blogs/bgnav-on.jpg") no-repeat scroll 0 0 transparent; } #blogleftpage, #blogcontent { float: left; height: 390px; margin: 30px 44px 20px 30px; overflow: auto; width: 358px; font-size: 12px; padding: 5px; } #blogleftpage { clear: left; } #blogcontent { margin-right: 0px; margin-left: 0px; } #blogleftpage h1, #blogcontent h1 { font-size: 19px; font-weight: 700; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; padding-bottom: 15px; color: Black; } #blogleftpage h2, #blogcontent h2 { font-size: 15px; font-weight: 700; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; margin-top: 20px; padding-bottom: 10px; color: #ec8b0d; } #blogleftpage p, #blogcontent p { margin-bottom: 10px; } #blogleftpage ul, #blogcontent ul { margin-top: 0px; } #blogleftpage li, #blogcontent li { list-style-type: disc; margin-left: 25px; } /*************************************************************************************************************************/ /************************************************ OUR TRIAL BUY - END ****************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /************************************************ ADVERTISERS - START ****************************************************/ /*************************************************************************************************************************/ #advertisers-intro { padding: 1.5rem 1.0rem 1.5rem 1.0rem; } #advertisers-intro h1 { color: #23c1e2; font-size: 1.2em; margin: 0 0 0.5rem 1rem; } #advertisers-intro p { font-size: 0.9em; color: #2d3e50; } #advertisers-intro p.bold { font-size: 0.9em; font-weight: bold; } #advertisers-private { background: #23c1e2 url(/Pages/MyHolidayCaravan/images/customers/bg-hill-green.jpg) bottom center no-repeat; padding: 1rem; text-align: center; } #advertisers-private img.poptop { margin-top: -40px; } #advertisers-private h2 { color: white; font-size: 1.4em; margin: 0 0 0 1rem; text-align: center; } #advertisers-private hr { width: 10%; margin: 0.5rem auto 0.5rem auto; } #advertisers-private h3 { color: white; font-size: 1.1em; margin: 1rem 0 0 1rem; text-align: center; } #advertisers-private p { color: White; margin: 0; text-align: center; font-size: 0.9em; } #advertisers-private a.buttonorange { margin: 3.5rem 0 3rem 0; } #advertisers-park { background: white url(/Pages/MyHolidayCaravan/images/customers/bg-hill-grey.jpg) bottom center no-repeat; padding: 1rem 1rem 2rem 1rem; text-align: center; } #advertisers-park h2 { color: #2d3e50; background: transparent url(/Pages/MyHolidayCaravan/images/customers/bg-mapicon.png) top center no-repeat; font-size: 1.4em; margin: 1rem 0 0 1rem; text-align: center; padding-top: 3.5rem; } #advertisers-park hr { width: 10%; margin: 0.5rem auto 0.5rem auto; } #advertisers-park h3 { color: #23c1e2; font-size: 1.1em; margin: 1rem 0 0 1rem; text-align: center; } #advertisers-park p { color: #2d3e50; margin: 0; text-align: center; font-size: 0.9em; } #advertisers-park a.buttonorange { margin: 2rem 0 2rem 0; } #HIDadvertisers .vnbx-close { right: 27px; top: 43px; } #HIDadvertisers .vnbx-close:hover { cursor: pointer; } /*************************************************************************************************************************/ /************************************************* ADVERTISERS - END *****************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /********************************************* ADVERTISERS POPUP - START *************************************************/ /*************************************************************************************************************************/ body#popupform { background-color: #ecf0f1; } #popupform header { background-color: #8fb431; text-align: center; padding: 1rem 2rem 1rem 2rem; } #popupform header a.close { background: transparent url(/Pages/MyHolidayCaravan/images/general/tickcross-cross-white.png) bottom center no-repeat; height: 20px; width: 20px; display: inline-block; position: absolute; top: 10px; right: 10px; } #popupform header h1 { color: White; font-size: 1.4em; } #popupform header hr { width: 35%; margin: 0.5rem auto 0.5rem auto; } #popupform header p { color: White; font-size: 1.1em; margin: 0; } #popupform form { padding: 1.5rem 0 0 0; text-align: center; margin-bottom: 0; } #popupform form input { margin-bottom: 0.7rem; } #popupform form input[type="text"], #popupform form select { width: 86%; margin-right: auto; margin-left: auto; } #popupform form .buttonorange { padding: 0.7rem 4rem 0.6rem 4rem; margin: 0.8rem 0 0 0; -webkit-appearance: none; } #popupform footer p { font-size: 0.62em; line-height:1.1em; padding: 1.2rem 2rem 1rem 2rem; color: #2d3e50; } #popupform footer a { font-weight: bold; color: #2d3e50; } #popupform p.visitdate { color: #5d6e7e; font-weight: bold; } #popupform input.visitdate { width: 70%; float: left; display: none; } #popupform p.visitdate img { margin-left: 1rem; } #popupform p.dateconfirm { display: block; background-color: #8fb431; clear: both; padding: 1rem; color: White; font-size: 1.1em; } #popupform .likeother input { margin: 0 0 0 2rem; float: left; } .likeother { width: 86%; margin: 0 auto; } .likeother_label { background-color: #8fb431; color: White; padding: 12px 20px; } .likeother_inputs { background-color: White; } .curved10tl { behavior: url(border-radius.htc)!important; -moz-border-top-left-radius: 10px!important; -webkit-border-top-left-radius: 10px!important; -khtml-border-top-left-radius: 10px!important; border-top-left-radius: 10px!important; } .curved10tr { behavior: url(border-radius.htc)!important; -moz-border-top-right-radius: 10px!important; -webkit-border-top-right-radius: 10px!important; -khtml-border-top-right-radius: 10px!important; border-top-right-radius: 10px!important; } .curved10bl { behavior: url(border-radius.htc)!important; -moz-border-bottom-left-radius: 10px!important; -webkit-border-bottom-left-radius: 10px!important; -khtml-border-bottom-left-radius: 10px!important; border-bottom-left-radius: 10px!important; } .curved10br { behavior: url(border-radius.htc)!important; -moz-border-bottom-right-radius: 10px!important; -webkit-border-bottom-right-radius: 10px!important; -khtml-border-bottom-right-radius: 10px!important; border-bottom-right-radius: 10px!important; } .radLikeOther { list-style-type:none; padding:15px 0; text-align: center; } .radLikeOther li { display:inline-block; margin:0 5px 0 0; width:90px; height:60px; position:relative; } .radLikeOther label, .radLikeOther input { display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-align: center; color: White; color: #8fb431; } .radLikeOther input[type="radio"] { opacity:0.01; z-index:100; } .radLikeOther input[type="radio"]:checked + label, .Checked + label { background:#8fb431; color: White; } .radLikeOther label { padding:15px 5px 5px 5px; border:2px solid #e5e9ea; cursor:pointer; z-index:90; border-radius: 30px!important; font-size: 1.0em; font-weight: bold; } .radLikeOther label:hover { background:#d3f47f; } /*************************************************************************************************************************/ /********************************************** ADVERTISERS POPUP - END **************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /************************************************* SALES FORM - START ****************************************************/ /*************************************************************************************************************************/ #salesform #step1, #salesform #step2, #salesform #step3 { border: 1px solid #72A5FF; margin-left: auto; margin-right: auto; padding: 3px 20px 20px; width: 500px; } #salesform #step2, #salesform #step3 { display: none; } #salesform ul { background-color: white; display: inline-block; height: 30px; margin: -10px 0 5px 20px; } #salesform li { background: url(/CMSTemplates/MyHolidayCaravan/images/progress.png) no-repeat -22px 0; padding: 3px 8px 4px 8px; display: inline; font-weight: bold; color: white; } #salesform li.selected { background-position: 0 0; } #salesform input, #salesform select, #salesform textarea { width: 300px; margin: 0; } #salesform textarea { font-size: 1.0em; } #salesform input, #salesform textarea { border: 1px solid #777; padding: 3px; display: inline-block; } #salesform .buttons input, #salesform .buttons select, #salesform input.pcabutton { width: auto; } #salesform #addressrow, #error_address { display: none; } #salesform #error_address, #salesform #parkselecterror { font-weight: bold; color: #a00; } #salesform #salesformaddress { font-weight: bold; } #salesform .EditingFormControlNestedControl { display: inline; width: 300px; } #salesform .EditingFormErrorLabel { display: inline; } #salesform table tr td { padding: 0.4rem 0.6rem; } #salesform table tr td label { margin: 0; } /*************************************************************************************************************************/ /************************************************** SALES FORM - END *****************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /************************************************** REVIEWS - START ******************************************************/ /*************************************************************************************************************************/ #tabReview section.score_breakdown { width: 50%; } #tabReview { display: none; } #tabReview table.graph { border-collapse: collapse; width: 75%; font-size: 0.85em; } #tabReview table.graph th { font-weight: normal; line-height: 13px; text-align: right; width: 35%; } #tabReview table.graph td div { background: none repeat scroll 0 0 #bbb; display: block; width: 100%; } #tabReview table.graph tr.location td div span { background-color: #58acfa; } #tabReview table.graph tr.facilities td div span { background-color: #fa5858; } #tabReview table.graph tr.maintainance td div span { background-color: #04b404; } #tabReview table.graph tr.afterSale td div span { background-color: #9A2EFE; } #tabReview table.graph tr.overAll td div span { background-color: #FF7811; } #tabReview table.graph td div span { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #6ec148; color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 0 2px; text-align: right; } #tabReview table.graph .thmargin { margin-bottom: 10px; margin-right: 5px; } #tabReview table.graph .addedmargin { margin-bottom: 10px; } #tabReview #avgScoreGiven { color: #04b404; font-size: 5em; font-style: italic; font-weight: bold; margin-left: 15px; } #tabReview #AverageScore { width: 25%; float: left; } #tabReview #outOf { font-size: 0.7em; } #tabReview .comments { color: #0080ff; display: inline; font-size: 1.1em; font-weight: bold; height: 17px; } #caravanReview { margin-top: 34px; } #caravanReview table.graph { border-collapse: collapse; width: 75%; font-size: 0.85em; } #caravanReview table.graph .addedmargin { margin-bottom: 10px; } #caravanReview table.graph .thmargin { margin-bottom: 10px; margin-right: 5px; } #caravanReview table.graph th { font-weight: normal; line-height: 13px; text-align: right; width: 35%; } #caravanReview table.graph td div { background: none repeat scroll 0 0 #bbb; display: block; width: 100%; } #caravanReview table.graph tr.location td div span { background-color: #58acfa; } #caravanReview table.graph tr.facilities td div span { background-color: #fa5858; } #caravanReview table.graph tr.maintainance td div span { background-color: #04b404; } #caravanReview table.graph tr.afterSale td div span { background-color: #9a2efe; } #caravanReview table.graph tr.overAll td div span { background-color: #ff7811; } #caravanReview table.graph tr.parkFacilities td div span { background-color: #c06a45; } #caravanReview table.graph tr.parkLocation td div span { background-color: #f206ff; } #caravanReview table.graph tr.pitchMaintainance td div span { background-color: #4a9586; } #caravanReview table.graph tr.OwnerSupport td div span { background-color: #c0a545; } #caravanReview table.graph td div span { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #6ec148; color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 0 2px; text-align: right; } #caravanReview #avgScoreGiven { color: #04B404; font-size: 5em; font-style: italic; font-weight: bold; } #caravanReview #AverageScore { width: 25%; float: left; margin-top: 20px; } #caravanReview #outOf { font-size: 0.9em; } #caravanReview .comments { color: #434343; display: table; font-size: 1.1em; font-weight: bold; height: 17px; margin-top: 4px; } #makedivold { margin-top: 14px; margin-bottom: 8px; margin-left: 171px; } #makediv { margin-top: 40px; margin-bottom: 8px; margin-left: 171px; } #modeldiv { margin-top: 8px; margin-bottom: 7px; margin-left: 171px; } #caravanReview table.tablesorter { font-size: 0.9em; } #caravanReview .parkName { color: #0080ff; display: inline-block; font-size: 1.5em; font-weight: bold; height: 17px; margin-bottom: 7px; } .hoverAlpha { font-size: 0.8em; line-height: 9px; margin-left: 116px; position: relative; text-align: center; visibility: hidden; width: 74px; z-index: 9; top: 26px; color: #0080FF; } .hoverRating { font-size: 0.8em; line-height: 9px; margin-left: 158px; position: relative; text-align: center; visibility: hidden; width: 74px; z-index: 10; top: 8px; color: #0080FF; } /* Model dropdown */ .hoverAlpha_m { font-size: 0.8em; line-height: 9px; margin-left: 116px; position: relative; text-align: center; visibility: hidden; width: 74px; z-index: 9; top: 26px; color: #0080FF; } .hoverRating_m { font-size: 0.8em; line-height: 9px; margin-left: 158px; position: relative; text-align: center; visibility: hidden; width: 74px; z-index: 10; top: 8px; color: #0080FF; } .wrapper-dropdown-5_m { position: relative; width: 200px; margin: 0 auto; padding: 7px 15px; margin-left: 47px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; z-index: 0; } .wrapper-dropdown-5_m:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; } .wrapper-dropdown-5_m .dropdown_m { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; max-height: 0; overflow: hidden; } .wrapper-dropdown-5_m .dropdown_m li { padding: 0 10px ; } .wrapper-dropdown-5_m .dropdown_m li a { display: block; text-decoration: none; color: #333; padding: 2px 0; transition: all 0.1s ease-out; border-bottom: 1px solid #e6e8ea; } .wrapper-dropdown-5_m .dropdown_m li:last-of-type a { border: none; } .wrapper-dropdown-5_m .dropdown_m li i { margin-right: 5px; color: inherit; vertical-align: middle; } .wrapper-dropdown-5_m .dropdown_m li:hover a { color: #57a9d9; } .wrapper-dropdown-5_m.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; } .wrapper-dropdown-5_m.active:after { border-color: #82d1ff transparent; } .wrapper-dropdown-5_m.active .dropdown_m { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; } .wrapper-demo_m .wrapper-dropdown-5_m .sortAlpha_m { margin-left:82px; margin-top: -19px; cursor: auto; } .wrapper-demo_m .wrapper-dropdown-5_m .sortGreatLower_m { margin-left:21px; margin-top: -19px; cursor: auto; } .wrapper-dropdown-5_m.active .dropdown_m .ddmodel { width: 113px; float: left; } #modeldivCustom { margin-top: -26px; margin-bottom: 8px; margin-left: 295px; } #lbModelCustom { float: left; margin-top: 6px; } #caravanReview #dd { width: 250px; } .wrapper-dropdown-5 { position: relative; width: 200px; margin: 0 auto; padding: 7px 15px; margin-left: 47px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.1s ease-out; z-index: 1; } .wrapper-dropdown-5:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; } .wrapper-dropdown-5 .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.1s ease-out; max-height: 0; overflow: hidden; } .wrapper-dropdown-5 .dropdown li { padding: 0 10px; } .wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 2px 0; transition: all 0.1s ease-out; border-bottom: 1px solid #e6e8ea; } .wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; } .wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } .wrapper-dropdown-5 .dropdown li:hover a { color: #57a9d9; } .wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; } .wrapper-dropdown-5.active:after { border-color: #82d1ff transparent; } .wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; } .wrapper-demo .wrapper-dropdown-5 .sortAlpha { margin-left:82px; margin-top: -19px; cursor: auto; } .wrapper-demo .wrapper-dropdown-5 .sortGreatLower { margin-left:21px; margin-top: -19px; cursor: auto; } .wrapper-dropdown-5.active .dropdown .ddmake { width: 113px; float: left; } #makedivCustom { margin-bottom: 8px; margin-left: 295px; } #makedivCustom1 { margin-bottom: 70px; margin-left: 0px; } #lbMakeCustom { float: left; margin-top: 6px; } /*************************************************************************************************************************/ /*************************************************** REVIEWS - END *******************************************************/ /*************************************************************************************************************************/ /*************************************************************************************************************************/ /************************************************ CARAVAN PARKS - BEGIN **************************************************/ /*************************************************************************************************************************/ #countieslist li { text-align: left; } /*************************************************************************************************************************/ /************************************************* CARAVAN PARKS - END ***************************************************/ /*************************************************************************************************************************/ #map { background-color: #23c2e2; width: 50%; display: inline-block; height: 640px; float: left; border-left: 3px solid white; position: relative; } #map .cornerstamp { position: absolute; top: 0px; right: 0px; width: 28%; } #map h2 { color: White; font-size: 1.4em; text-align: center; margin: 0; margin-top: 2rem; } #map hr { color: white; width: 20%; margin: 10px auto 10px auto; } #map p { color: White; text-align: right; font-size: 1.0em; line-height: 1.2em; width: 10rem; margin: 2.5rem 2rem 0 0; float: right; } #regionsmap, #francemap { position: absolute; bottom: 0; right: 0; z-index: 0; max-width: 407px; min-width: 407px; width: 407px; background: transparent url(/Pages/MyHolidayCaravan/images/home/map.png) no-repeat; } #francemap { display: none; } #map .regioncounties { background: rgba(54, 54, 54, .75); display: inline-block; padding: 0.8rem 1.6rem 1.1rem 1.1rem; position: absolute; z-index: 9; display: none; } #map .regioncounties a.countiesclose { color: #96a19d; position: absolute; top: 0px; right: 10px; font-size: 1.3em; } #map .regioncounties h3 { border-bottom: 1px solid #65717f; font-size: 1.0em; color: White; font-weight: bold; padding-bottom: 0.2rem; } #map .regioncounties ul { margin: 0; } #map .regioncounties li { list-style: none; margin: 0; line-height: 1.2em; } #map .regioncounties li a { color: White; font-size: 0.9em; font-weight: bold; } #map .regioncounties li a:hover { text-decoration: underline; } #map #regionScotland { margin: 5rem 0 0 6rem; } #map #regionNorth { margin: 12rem 0 0 5rem; } #map #regionNorthWest { margin: 16rem 0 0 10rem; } #map #regionYorkshire { margin: 15rem 0 0 11rem; } #map #regionWestMidlands { margin: 20rem 0 0 8rem; } #map #regionEastMidlands { margin: 19rem 0 0 12rem; } #map #regionEastAnglia { margin: 20rem 0 0 16rem; } #map #regionSouthWest { margin: 22rem 0 0 3rem; } #map #regionSouthEast { margin: 22rem 0 0 13rem; } #map #regionWales { margin: 20rem 0 0 6rem; } #map:hover { cursor: pointer; } #intromap h1 { color: #555; font-size: 1.4em; text-align: left; margin: 0; margin-top: 2rem; } #intromap ul { padding-top: 1rem; } #intromap ul li { float: none; width:100%; display: list-item; list-style-type:disc; list-style-position: inside; padding-bottom: 0.3rem; } #intromap ul li a { color: #555; font-size: 1.0em; line-height: 1.1em; font-weight: bold; } .buttonorange { color: white; background-color: #fcaf17; padding: 1rem 1rem 0.9rem 1rem; clear: both; display: inline-block; border-bottom: 4px solid #eb9c00; font-weight: bold; } .buttonorange:hover { color: White; border-top: 4px solid #eb9c00; border-bottom-width: 0px; padding: 0.9rem 1rem 1rem 1rem; } .buttongreen { color: white; background-color: #a3cd39; padding: 1rem 1rem 0.9rem 1rem; clear: both; display: inline-block; border-bottom: 4px solid #91bb28; font-weight: bold; } .buttongreen:hover { color: White; border-top: 4px solid #91bb28; border-bottom-width: 0px; } .buttonblue { color: white; background-color: #23c1e2; padding: 1rem 1rem 0.9rem 1rem; clear: both; display: inline-block; border-bottom: 4px solid #13a8d4; font-weight: bold; } .buttonblue:hover { color: White; border-top: 4px solid #13a8d4; border-bottom-width: 0px; } .curved3 { behavior: url(border-radius.htc)!important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; -khtml-border-radius: 3px!important; border-radius: 3px!important; } .curved5 { behavior: url(border-radius.htc)!important; -moz-border-radius: 5px!important; -webkit-border-radius: 5px!important; -khtml-border-radius: 5px!important; border-radius: 5px!important; } .curved5b { behavior: url(border-radius.htc)!important; -moz-border-bottom-left-radius: 5px!important; -webkit-border-bottom-left-radius: 5px!important; -khtml-border-bottom-left-radius: 5px!important; border-bottom-left-radius: 5px!important; -moz-border-bottom-right-radius: 5px!important; -webkit-border-bottom-right-radius: 5px!important; -khtml-border-bottom-right-radius: 5px!important; border-bottom-right-radius: 5px!important; } .curved10 { behavior: url(border-radius.htc)!important; -moz-border-radius: 10px!important; -webkit-border-radius: 10px!important; -khtml-border-radius: 10px!important; border-radius: 10px!important; } .curved10tr { behavior: url(border-radius.htc)!important; -moz-border-top-right-radius: 130px!important; -webkit-border-top-right-radius: 10px!important; -khtml-border-top-right-radius: 10px!important; border-top-right-radius: 10px!important; } .curved10tl { behavior: url(border-radius.htc)!important; -moz-border-top-left-radius: 10px!important; -webkit-border-top-left-radius: 10px!important; -khtml-border-top-left-radius: 10px!important; border-top-left-radius: 10px!important; } .curved15 { behavior: url(border-radius.htc)!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15px!important; -khtml-border-radius: 15px!important; border-radius: 15px!important; } .curved20 { behavior: url(border-radius.htc)!important; -moz-border-radius: 20px!important; -webkit-border-radius: 20px!important; -khtml-border-radius: 20px!important; border-radius: 20px!important; } .curved30tr { behavior: url(border-radius.htc)!important; -moz-border-top-right-radius: 30px!important; -webkit-border-top-right-radius: 30px!important; -khtml-border-top-right-radius: 30px!important; border-top-right-radius: 30px!important; } .curved30tl { behavior: url(border-radius.htc)!important; -moz-border-top-left-radius: 30px!important; -webkit-border-top-left-radius: 30px!important; -khtml-border-top-left-radius: 30px!important; border-top-left-radius: 30px!important; } .curved40 { behavior: url(border-radius.htc)!important; -moz-border-radius: 40px!important; -webkit-border-radius: 40px!important; -khtml-border-radius: 40px!important; border-radius: 40px!important; } .curved_flatright { behavior: url(border-radius.htc)!important; -moz-border-top-right-radius: 0px!important; -webkit-border-top-right-radius: 0px!important; -khtml-border-top-right-radius: 0px!important; border-top-right-radius: 0px!important; -moz-border-bottom-right-radius: 0px!important; -webkit-border-bottom-right-radius: 0px!important; -khtml-border-bottom-right-radius: 0px!important; border-bottom-right-radius: 0px!important; } .clearboth { clear: both; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper { padding-top: 20px; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #cboxOverlay{background:#777;} #cboxTopRight{height:14px;} #cboxContent{background:#fff; overflow:visible;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top: 0px; background:url(/Pages/MyHolidayCaravan/assets/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxClose{right:0; background-position:-100px -25px;margin-top: -25px;} #cboxClose.hover{background-position:-100px 0px;} /*************************************************************************************************************************/ /************************************************* HOME WIZARD - START ***************************************************/ /*************************************************************************************************************************/ #wizardsection { position: relative; z-index: 99; } .homewizard_step1, .homewizard_step2, .homewizard_step3, .homewizard_step4, .homewizard_step5, .homewizard_step6 { background-color: #23C1E2; text-align: center; } .homewizard_step2, .homewizard_step3, .homewizard_step4, .homewizard_step5loading, .homewizard_step5, .homewizard_step6 { margin-top: 0.5rem; } .wizardstep1image { width: 47%; float: left; } .wizardform_wrap { width: 52%; min-width: 300px; display: inline-block; float: right; margin-top: 7rem; padding-right: 0.5rem; } .wizardform { width: 100%; max-width: 430px; margin: 0 auto; } .wizardform h2 { color: #145E69; font-weight: normal; font-size: 1.6em; margin: 0; } .wizardform p { color: #fff; font-weight: normal; font-size: 1.9em; padding: 0.5rem 0; margin: 0; line-height: 1.4em; } .wizardform span { font-weight: bold; } .wizardform_fields { padding: 1rem 0.7rem 0.6rem 0.7rem; background: #145E69 url(/Pages/MyHolidayCaravan/images/homedirect/whitearrow.png) no-repeat right 1rem top 5px; } .wizardform_fields label { color: #fff; font-size: 1.2em; font-weight: bold; padding-bottom: 0.5rem; display: block; } .wizardform_fields select { width: 100%; font-size: 1.4em; padding: 1rem 0.5rem; color: #515151; background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/dropdownarrow.png) no-repeat center right 10px; -webkit-appearance: none; } .wizardform_fields select.drpLocation2 { margin-top: 0.5rem } .wizardform_buttons { padding-top: 1rem; width: 100%; display: block; } .wizardform_buttons img { width: 48%; float: left; } .homewizard_step1 .wizardform { text-align: left; } .feefolink { display: block; margin-top: 1rem; } .homewizard_step2 h2, .homewizard_step3 h2, .homewizard_step4 h2 { color: #fff; text-align: center; font-weight: bold; font-size: 1.7em; line-height: 1.3em; padding-bottom: 2.8rem; } .homewizard_step2 .wizardform, .homewizard_step3 .wizardform, .homewizard_step4 .wizardform { max-width: 600px; } .wizardstep2image, .wizardstep3image, .wizardstep4image, .wizardstep5image_loading { max-width: 11%; float: left; } .wizardstep5image_loading { width: auto; } .wizardform2_wrap, .wizardform3_wrap, .wizardform4_wrap { width: 85%; display: inline-block; float: left; padding-bottom: 1rem; } .wizardform2_wrap .wizardform, .wizardform3_wrap .wizardform, .wizardform4_wrap .wizardform { padding-top: 12%; } .wizardform3_wrap { margin: 0 auto; float: none; } .wizardform3_wrap .wizardform { padding-top: 1%; margin: 0 auto; } .wizardform2_wrap .wizardform2_fields, .wizardform3_wrap .wizardform3_fields, .wizardform4_wrap .wizardform4_fields { width: 70%; display: inline-block; } .wizardform_step2_buttons { width: 29%; float: right; padding-top: 13.3rem; } .homewizard_step2 label { width: 150px; color: #fff; } .homewizard_step2 span.chkPool, .homewizard_step2 span.chkKidsClub, .homewizard_step2 span.chkRestaurant { display: inline-block; clear: both; width: 33%; float: none; clear: none; margin-left: 0; } .homewizard_step2 input[type='checkbox'], .homewizard_step2 input[type='checkbox'] { opacity: 0; float: left; margin-left: -5px; } .homewizard_step2 input[type='checkbox'] + label { margin: 0!important; margin-bottom: 10px!important; display: block; clear: none; margin-left: -20px; font-weight: normal; background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-tick.png); padding-left: 0px !important; padding-top: 82px!important; background-repeat: no-repeat; background-position: top center; font-size: 1.1em; cursor: pointer; width: 100%; text-align: center; } .homewizard_step2 input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-tick-on.png); } .homewizard_step2 span { background: transparent url(<%=GlobalFunctions.AmazonCDNURL%>/Pages/MyHolidayCaravan/images/amp/icon-facilities-restaurant.png) no-repeat top center; width: 30%; margin: 0 0 0 10%; padding-top: 50px; } .homewizard_step2 .chkKidsClub { background-image: url(<%=GlobalFunctions.AmazonCDNURL%>/Pages/MyHolidayCaravan/images/amp/icon-facilities-kids.png) } .homewizard_step2 .chkPool { background-image: url(<%=GlobalFunctions.AmazonCDNURL%>/Pages/MyHolidayCaravan/images/amp/icon-facilities-pool.png); } .homewizard_step2 .chkRestaurant { background-image: url(<%=GlobalFunctions.AmazonCDNURL%>/Pages/MyHolidayCaravan/images/amp/icon-facilities-restaurant.png); } .homewizard_step3 .drpBedrooms, .homewizard_step3 .drpPrice { clear: both; display: block; padding-top: 3.5rem; min-height: 40px; margin-bottom: 0.7rem; text-align: center; background-position: top center; background-repeat: no-repeat; width: 100%; } .homewizard_step3 .drpBedrooms { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/icon-bed.png); } .homewizard_step3 .drpPrice { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/icon-bank.png); } .homewizard_step3 .drpBedrooms select, .homewizard_step3 .drpPrice select { width: 80%; padding: 1rem 0.9rem; background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/dropdownarrow.png) no-repeat center right 10px; -webkit-appearance: none; padding: 1rem 0.9rem; color: #515151; font-size: 1.2em; margin-right: 0; } .wizardform_step3_buttons { padding-top: 1rem; } .homewizard_step5loading { background: #23C1E2 url(/Pages/MyHolidayCaravan/images/homedirect/loading.gif) no-repeat center center; text-align: center; display: none; } .homewizard_step5loading h2 { color: #fff; padding-right: 10%; padding-top: 8rem; position: relative; } .homewizard_step5 { background-color: #286E85; display: block; } .homewizard_step5 table { width: 100% } .col_leftimage { width: 11%; text-align: left; vertical-align: top; } .col_leftimage, .col_parkselect { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-step5.jpg); background-position:bottom left; background-repeat: repeat-x } .col_parkselect { width: 44%; text-align: center; color: #C8EFF7; vertical-align: bottom; position: relative; padding-bottom: 10rem; } .parkselect { text-align: left; width: 100%; max-width: 400px; margin: 0 auto; } .parkselect .selecticon { float: right; margin: -1.5rem 0 0 0; width: 97px; } .parkselect h2 { font-weight: 400; } .parkselect p { font-weight: 400; padding: 1rem 2rem 1rem 0; line-height: 1.4rem; } .parkselect input[type='checkbox'] { opacity: 0; position: absolute; } .parkselect input[type='checkbox']+ label { width:90%; display:block; clear:both; margin:0 0 10px 0!important; padding:8px 0 8px 1rem!important; cursor:pointer; text-align:left; font-weight:bold; font-size: 1em; background: #C8EFF7 url(/Pages/MyHolidayCaravan/images/homedirect/tickbox-off.png) no-repeat center right; color:#286E85; } .parkselect input[type='checkbox']:checked + label { background: #C8EFF7 url(/Pages/MyHolidayCaravan/images/homedirect/tickbox.png) no-repeat center right; } .parkselect .operatorlogo, .parkselect .parks, .parkselect .vans { display: inline-block; float: left; } .parkselect .operatorlogo { width:100px; } .parkselect .parks { width:60px; padding-top: 5px; text-align: right; } .parkselect .vans { width:110px; padding-top: 5px; text-align: right; } .parkselect_plusbanner { padding: 3rem 0 0 0; position: relative; } .parkselect_plusbanner h4 { font-size: 1.8em; font-weight: normal; color: #286E85; background-color: #FDAF1B; } .parkselect_plusbanner p { font-size: 1.4em; font-weight: normal; color: #286E85; padding-top: 0.5rem; } .col_detailsform { width: 45%; text-align: center; background-color: #23C1E2; color: #fff; } .col_detailsform h2 { font-weight: 400; padding: 1.5rem 0 1.5rem 0; } .col_detailsform .detailsform { text-align: left; width: 100%; max-width: 450px; margin: 0 auto; } .col_detailsform .detailsform p { line-height: 1.2em; } .col_detailsform .detailsform p span.desktoptext { display: inline-block; } .col_detailsform .detailsform p span.mobiletext { display: none; } .drpTitle, .txtFirstName, .txtLastName, .txtEmail, .txtTelephone, .txtAddressLine1, .txtPostcode, .txtAddressLine2, .txtTown, .txtCounty { width: 100%; margin-bottom: 0.6rem; font-size: 1.0em; line-height: 1.1em; padding: 0.5rem; border: 2px solid #fff; background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/icon-keyboard.png) no-repeat center right 10px; color: #75758B; } .drpTitle { background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/dropdownarrow.png) no-repeat center right 10px; -webkit-appearance: none; } .col_detailsform .detailsform .TermsWrapper { width: 100%; margin-right: auto; margin-left: auto; clear: both; display: block; } .col_detailsform .detailsform .Terms { float: left; position: relative; padding-top: 1rem; width: 50px; height: 50px; } .col_detailsform .detailsform .Terms input[type='checkbox'], #popupform form .Terms input[type='checkbox'] { opacity: 0; font-size: 0.9em; position: absolute; } .col_detailsform .detailsform .Terms input[type='checkbox']+ label, #popupform form .Terms input[type='checkbox'] + label { cursor: pointer; background-image: url(/Pages/MyHolidayCaravan/images/homedirect/privacy-agree-off.png); width: 69%; font-weight: 400; background-position: left; max-height: 100%; background-size: contain; text-align: left; color: transparent !important; font-size: 30px !important; font-family: lato; height:40px!important; color: White; max-width: 100%; background-repeat:no-repeat; } .col_detailsform .detailsform .Terms input[type='checkbox']:checked + label, #popupform form .Terms input[type='checkbox']:checked + label { background-image: url(/Pages/MyHolidayCaravan/images/homedirect/privacy-agree-on.png); width: 69%; background-position: left; max-height: 100%; background-size: contain; text-align: left; color: transparent !important; font-size: 30px!important; height:40px !important; color: White; } .col_detailsform .detailsform .TermsWrapper a, .col_detailsform .detailsform .privacypolicy a { color: #fff; text-decoration: underline; } .col_detailsform .detailsform .lblPrivacy { float: left; font-size: 1.0em; padding-top: 1.2em; width: 80%; line-height: 1.1em; } .privacypolicy { width: 100%; height: 300px; max-height: 80%; display: none; padding: 1rem; } .privacypolicy iframe{ overflow-x: hidden; overflow-y: scroll; border: 1px solid #777; } .privacypolicy .privacycloser { float: right; padding-bottom: 5px; } .col_detailsform .privacycol { width: 100%; float: left; } .col_detailsform .feefocol { width: 60%; float: left; } .col_detailsform .buttoncol { width: 40%; float: right; } .referrerfield, .hiddenrefno, .hidShortToLongForm { display: none; } .homewizard_step6 table { width: 100%; } .col_thanks { width: 44%; text-align: center; color: White; } .col_thanks h2, .col_thanks p { font-weight: normal; padding-bottom: 0.3rem; width: 300px; margin: 0 auto; line-height: 1.8em; } .col_thanks span { background-color: #009688; display: inline-block; width: 175px; height: 10px; margin-bottom: 1.5rem; } .col_mapbg { width: 45%; text-align: center; background: #fff url(/Pages/MyHolidayCaravan/images/homedirect/bg-map.jpg) no-repeat top left; background-size: cover; color: #A3CD39; } .col_mapbg h2 { width: 250px; margin: 1rem auto; } .col_mapbg .lnkWizardStep6Go { height: 200px; line-height: 200px; width: 300px; vertical-align: middle; margin: 0 auto; float: none; display: block; } .homewizard_step6 .col_leftimage { background-image: none; } .btnWizardStep1Next, .btnWizardStep2Next, .btnWizardStep3Next, .btnWizardStep5Next, .lnkWizardStep6Go { background-color: #A3CD39; border: 1px solid #A3CD39; color: #fff; text-align: center; width: 48%; height: 50px; font-size: 1.3em; float: right; -webkit-appearance: none; } .btnWizardStep2Next, .btnWizardStep3Next { width: 95%; } .btnWizardStep3Next { float: none; width: 80%; margin-top: 1rem; } .btnWizardStep5Next { height: 102px; margin-top: 1rem; width: 100%; padding-top: 17px; font-weight:bold; } .btnWizardStep5Next span { font-size: 0.8em; padding: 10px; text-align: center; display: block; line-height: 1.1em; font-weight:normal; } .lnkWizardStep5Skip { color:white; padding-top:1rem; display:block; font-size:1.1em; } .midwizard_logo { float: left; } .formarrow-desktop { display: block; position: absolute; top: -10px; right: -50px; } .formarrow-mobile { display: none; position: absolute; right: 0; bottom: -60px; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-overlay.png); z-index: 1; display: none; } .overlay_logo { float: left; width: 20%; } .overlay_closebutton { float: right; width: 20%; } .overlay_nav_wrap { width: 58%; float: left; } .overlay_nav { width: 240px; margin: 0 auto; } .overlay_nav_bar { width: 125px; float: left; color: #fff; } .overlay_nav_bar p { margin: 0.3rem 0; } .overlay_nav_bar span { background-color: #fff; display: inline-block; width: 90%; height: 10px; margin-bottom: 1.5rem; } .overlay_nav_bar span span { background-color: #009688; width: 10%; margin: 0; float: left; } .overlay_nav_buttons { width: 110px; float: right; } .overlay_header { background-color: #1DAECC; display: block; width: 100%; padding: 1rem; border-bottom: 3px solid white; } .overlay_close { /*margin-top: 1rem;*/ float: right; } .erroralert { display:none; width: 480px; max-width: 90%; height: auto; padding: 25px; background: white; position: absolute; top: 100px; left: 0px; right: 0px; margin-right: auto; margin-left: auto; border-top-right-radius: 54px; border-bottom-left-radius: 54px; z-index: 9999; } .erroralert h2 { font-family: lato; color: #C24242; text-align: left; font-size: 21px; font-weight: 500; line-height: 24.6px; padding-bottom: 0.3rem; } .erroralert h3, .erroralert h4 { font-family:lato; color:#323232; text-align:left; font-size:17px; font-weight:400; line-height:24.6px; padding: 0.4rem 0; } .erroralert h4 img { width: 25px !important;padding-right:5px; } .erroralert p { font-family:lato; color:rgba(0,0,0,0.51); text-align:left; font-size:14px; font-weight:400; line-height:22px; } .erroralert { border: 3px solid #509FFF; } @media only screen and (min-width: 810px) { .erroralert { border: 3px solid #509FFF; } } @media only screen and (max-width: 1530px) { .wizardform_wrap { margin-top: 3rem; } } @media only screen and (max-width: 1270px) { .medium-6 img.arrow { margin-right: -50px; } .hometitle { margin: 5vh 0 0 0;} .wizardform_wrap { margin-top: 1rem; } } @media only screen and (max-width: 1260px) { .formarrow-desktop { right: -15px; } .parkselect_plusbanner p { max-width: 250px; margin: 0 auto; } } @media only screen and (max-width: 1160px) { .formarrow-desktop { right: 0px; width: 90px; top: 20px; } .wizardform_wrap { margin-top: 0.5rem; } .wizardform h2 { font-size: 1.5em; } .wizardform p { font-size: 1.7em; padding: 0.5rem 0; line-height: 1.2em; } .wizardform_fields select { padding: 0.7rem 0.5rem; } } @media only screen and (max-width: 1150px) { .step1, .step2 { margin-top: 35vh; } .medium-6 img.arrow { margin-right: -150px; } } @media only screen and (max-width: 950px) { .medium-6 img.arrow { margin-right: 0; float: none; } .wizardform_wrap { margin-top: 1rem; } .wizardform2_wrap .wizardform, .wizardform3_wrap .wizardform, .wizardform4_wrap .wizardform { padding-top: 10%; } .wizardform2_wrap .wizardform2_fields, .wizardform3_wrap .wizardform3_fields, .wizardform4_wrap .wizardform4_fields { min-width: 400px; } .homewizard_step5 .col_leftimage { width: 4%; } .homewizard_step5 .col_leftimage img { display: none; } .homewizard_step5 .col_parkselect { width: 46%; padding-top: 2rem; } .homewizard_step5 .col_detailsform { width: 50%; } .homewizard_step5 .col_detailsform .detailsform { padding: 2rem 0.5rem;; } .homewizard_step5 .col_detailsform .detailsform .Terms { width: 40px; height: 40px; } .homewizard_step5 .btnWizardStep5Next { height: 105px; } .homewizard_step6 .col_leftimage img { width: 100%; } .col_mapbg .lnkWizardStep6Go { height: 150px; line-height: 150px; width: 250px; } .wizardstep1image { min-height: 350px; } .homewizard_step2 h2, .homewizard_step3 h2, .homewizard_step4 h2 { padding-bottom: 1.5rem; } .wizardform_step2_buttons { clear: both; float: none; margin: 0 auto; width: 60%; padding-top: 1.5rem; min-width: 300px; } .btnWizardStep2Next { width: 100%; } .wizardform2_wrap .wizardform, .wizardform3_wrap .wizardform, .wizardform4_wrap .wizardform { padding-top: 1rem; } .wizardstep3image { display: none; } .wizardform p { font-size: 1.4em; } #content .ourselectparks { margin: 0 auto; max-width: 85%; } #content .whatweoffer { margin: 0; } #content .whatweoffer h3 { max-width: 85%; } #summary .aboutmhc { margin: 0 1rem; } #summary .aboutmhc h3 { max-width: 85%; } #summary .statscontainer { margin: 4rem 1rem 2rem 1rem; } } @media only screen and (max-width: 755px) { .parkselect_plusbanner p { max-width: 100%; } .homewizard_step5 .col_parkselect { padding-bottom: 1rem; background-image: url(/Pages/MyHolidayCaravan/images/homedirect/bg-step5-mobile.jpg); } .formarrow-desktop { display: none; } .formarrow-mobile { display: block; } .col_detailsform .detailsform p { padding-top:0.5rem } .col_detailsform .detailsform p span.desktoptext { display: none; } .col_detailsform .detailsform p span.mobiletext { display: inline-block; } .hometitle { max-width: 100%; width: 100%; margin: 0; } .hometitle h1 { font-size: 1.8em; text-align: left; padding-left: 0.9rem; padding-right: 4.1rem; } .hometitle br { display: none; } .hometitle a { float: left; margin-left: 0.9rem; } .medium-6 img.arrow { margin: 0; position: absolute; top: 0; right: 0px; } .messagebanner h2 { font-size: 1.5em; padding: 1rem 0.5rem; text-align: center; } .overlay_logo { display: none; } .overlay_nav_wrap { width: 78%; float: left; } .overlay_nav_buttons { float: left; } .overlay_nav_bar { float: right; } .parkselect { padding: 0.5rem 1rem; } .homewizard_step1 .wizardform_wrap { padding: 0.5rem 1rem 1rem 1rem; margin-top: 0; } .homewizard_step5loading { height: 400px; padding-top: 10%; } .homewizard_step5loading .wizardstep5image_loading, .homewizard_step5 .col_leftimage, .homewizard_step6 .col_leftimage { display: none; } .homewizard_step5loading h2 { padding-top: 3rem; } .homewizard_step5 .col_parkselect, .homewizard_step5 .col_detailsform, .homewizard_step6 .col_thanks, .homewizard_step6 .col_mapbg { display: block; width: 100%; } .parkselect input[type='checkbox']+ label { width: 100%; } .homewizard_step6 .col_thanks, .homewizard_step6 .col_mapbg { padding: 1rem 0; } .homewizard_step6 .col_mapbg { padding-bottom: 3rem; } .col_mapbg .lnkWizardStep6Go { background-color: #FCAE1B; border: 1px solid #FCAE1B; font-size: 1.7em; } .parkselect .selecticon { margin: 0; } .erroralert { position: fixed; top: 5px; padding: 10px 20px; } .erroralert h3, .erroralert h4 { padding:0.2rem 0; font-size:16px; } } @media only screen and (max-width: 655px) { .wizardstep2image, .wizardstep3image, .wizardstep4image, .wizardstep5image_loading { display: none; } .wizardform2_wrap, .wizardform3_wrap, .wizardform4_wrap { padding-top: 3rem; padding-bottom: 5rem; } .parkselect input[type='checkbox']+ label { padding-left: 0.5rem!important; } .parkselect .operatorlogo { width: 75px; } .parkselect .parks { width: 60px; font-weight: normal; } .parkselect .vans { width: 97px; font-weight: normal; } .wizardform2_wrap, .wizardform3_wrap, .wizardform4_wrap { width: 100%; } .col_detailsform .detailsform p { padding-right: 3rem; } } @media only screen and (max-width: 640px) { .homewizard_step2, .homewizard_step3, .homewizard_step4, .homewizard_step5loading, .homewizard_step5, .homewizard_step6 { margin-top: 1.6rem; } } @media only screen and (max-width: 600px) { /* .col_detailsform .detailsform p { max-width: 80%; } */ .homewizard_step2 h2, .homewizard_step3 h2, .homewizard_step4 h2 { padding-bottom: 1rem; } .homewizard_step5 .col_detailsform .detailsform .lblPrivacy { font-size:1.0em; padding-top:1.2em; } } @media only screen and (max-width: 585px) { .hometitle h1 { font-size: 1.4em; } .messagebanner h2 { font-size: 1.2em; } #summary .container p.stats { font-size: 1.4em; line-height: 70px; } #summary .container img { max-width: 20%; } .wizardstep1image, .wizardstep3image { display: none; } .homewizard_step1 { padding-bottom: 1rem; } .homewizard_step1 .wizardform_wrap { float: none; padding-left: 0; padding-right: 0; } .wizardform2_wrap .wizardform2_fields, .wizardform3_wrap .wizardform3_fields, .wizardform4_wrap .wizardform4_fields { min-width: 340px; } .wizardform_step2_buttons { min-width: 340px; } .wizardform_step2_buttons .btnWizardStep2Next { width: 90%; float: none; } .wizardform_step3_buttons { min-width: 340px; } .wizardform_step3_buttons { float: none; } } @media only screen and (max-width: 462px) { .medium-6 img.arrow { top: 25px; } #summary .container p.stats { line-height: 45px; } #summary .container img { max-width: 15%; } .col_detailsform .privacycol img { width: 90%; } /*.homewizard_step5 .col_detailsform .detailsform .Terms { width: 35px; height: 35px; } .col_detailsform .buttoncol { width: 35%; } .col_detailsform .privacycol { width: 65%; } */ } @media only screen and (max-width: 450px) { .formarrow-mobile { bottom: -80px; } .parkselect_plusbanner p { font-size: 1.1em; } .homewizard_step5 .btnWizardStep5Next { height: 130px; } header, #header { padding: 5px 0 5px 11px; } } @media only screen and (max-width: 405px) { .telno { padding-left:0; background: none; } } @media only screen and (max-width: 360px) { .homewizard_step5 table { display: block; } #logo img { width: 145px; } .telno { font-size: 1.1em; } } /******* Pixelpinching - Begin *******/ @media only screen and (max-width: 462px) { .homewizard_step5 .col_parkselect { padding-top: 0; } .parkselect .selecticon { display: none; } .parkselect p { padding: 0.3rem 0; line-height: 1.2em; } .parkselect input[type='checkbox']+ label { padding: 8px 0 8px 1rem!important; } .parkselect_plusbanner { padding-top: 0.5rem; } .parkselect_plusbanner h4 { display: inline-block; font-size: 1.1em; } .parkselect_plusbanner p { display: inline-block; } .formarrow-mobile { bottom: -95px; height: 90px; } .operatorlogo img { max-height: 25px; } .homewizard_step5 .col_detailsform .detailsform { padding-top: 0.5rem; } .overlay_header { padding: 0.5rem 1rem; } .overlay_nav_bar span { margin-bottom: 0; } .homewizard_step2, .homewizard_step3, .homewizard_step4, .homewizard_step5loading, .homewizard_step5, .homewizard_step6 { margin-top: 0; } } /*************************************************************************************************************************/ /************************************************** HOME WIZARD - END ****************************************************/ /*************************************************************************************************************************/