SHOW/HIDE THIS MENU
Home
Article (compiled)
Directory (compiled)
Listing (compiled)
Homepage (compiled)
News index (compiled)
VIP Login/Register
MBS Homepage
Header (section)
Footer (section)
Search form - Sidebar (component)
Related articles - Sidebar (component)
Text - Sidebar (component)
Additional info - Sidebar (component)
Result item
Result item (minimal)
Slider MINMAX - Sidebar (component)
Slider MAX - Sidebar (component)
Checkboxes - Sidebar (component)
Directory - Sidebar (section)
Directory (section)
Article - Sidebar (section)
Article - Content (section)
Sidebar - Listing (section)
Listing - Content (section)
Home
Section 1
Section 2
Section 3
Section 4
Section 5
VIP Log In
Email address
Password
Forgotten your password?
Sign in using your personal VIP Discounts rewards account to get access to exclusive deals
Not a VIP?
Sign up for FREE now!
First & last name *
Email address *
Password *
Re-enter password *
* required fields
VIP Benefits
‣ Best prices for 40,000 UK Accommodation all the time – Guaranteed!
‣ Up to 25% discount off best internet prices
‣ Up to 10% cash back off prices from Laterooms, Expedia
‣ Up to 5% off prices from Hoseasons
‣ Over 1,500 additional special offers
standard:
/**************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-Serif; color: #2D2D2D; font-size: 14px; line-height: 145%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /**************/ /* Mobile ----------- */ @media only screen and (min-width:0px) and (max-width:760px) { .container > div, .mobileFullWidth { display: block; width: 99.5% !important; float: left !important; margin: 0 auto; padding: 0; } .horizontalStackMobileOnly ul { padding: 0px } /* Listing images */ .horizontalStackMobileOnly li { float: left; display: block; padding: 0.4% 1%; } .mobilePadding{ padding: 1%; } .mobileExtraPadding { margin: 3% 0 !important; padding: 3% 0 !important; } .mobileDisplayNone { display: none !important } .mobileDisplayOnly { display: visible } .container .pageContent { width: 100% !important } .container .sidebar { padding: 1% 0 0 0 !important } .button { width: 98% !important; } .map{ margin: 0 auto; width: 98%; } .mobileTinyText { font-size: 0.6em; line-height: 1.3em; } .navigation { padding: 2% !important; width: 96% !important; } .navigation li { padding: 1% 0 !important; border: none !important; } } /* Desktop ----------- */ @media only screen and (min-width:761px) { .mobileDisplayOnly { display: none } } /* 1100px + ----------- */ @media only screen and (min-width:1032px) { .mobileDisplayOnly { display: none } .container { width: 960px !important } } /* Styles */ h1, h2, h3, h4, h5{ font-weight: bold; } h1{ font-size: 1.5em; } h2{ font-size: 1.3em; } h3,h4,h5{ font-size: 1.1em; } .container{ width: 100%; } .roundedBorders{ -moz-border-rdaius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } .primaryFont1{ font-family: "Nunito", sans-serif; } .primaryFont2{ font-family: "PT Sans", sans-serif; } .horizontalStack ul{ padding: 0px; } /* Listing images */ .horizontalStack li{ float: left; display: block; padding: 0.4% 1%; } body{ background-color: #85CFEA; } .floatRight{ float: right; } .floatLeft{ float: Left; } .alignRight{ text-align: right; } a{ font-size: 0.86em; color: #004890; } .lightTextOnDark{ color: #fff; } .lightTextOnDark a{ color: #fff; text-decoration: none; } .lightTextOnDark a:hover{ text-decoration: underline; } .content .heading{ font-size: 1.5em; margin: 0 8%; width: 84%; display: inline-block; } .bullets li:before{ content: "\2023\A0"; } .bullets li ul li:before{ content: '\00BB\A0'; padding-left: 15px; } /* Sidebar */ .innerBox{ padding: 2%; } .innerBox .top .text{ padding: 0 2% 2% 2%; background-color: #004890; } .innerBox .innerContent{ width: 92%; padding: 4%; background-color: #fff; } .filter .componentContent .heading{ font-size: 1.5em; padding: 0 5px; } .filter .heading .text{ text-decoration: underline; } .primaryColour1{ color: #5BA743; } .primaryColour2{ color: #004890; } .primaryColour3{ color: #FFFF01; } .primaryColour4{ color: #614B89; } .primaryColour5{ color: #818181; } .primaryColour6{ color: #ff2929; } .extrastandoutText{ font-size: 3em; padding: 3%; } .mediumstandoutText{ font-size: 2.5em; padding: 3%; } .standoutText{ font-size: 1.3em; } .smallText{ font-size: 0.9em; } .tinyText{ font-size: 0.6em; } .spacer{ height: 50px; } .boldText{ font-weight: bold; } .strikeThroughText{ text-decoration: line-through; } .alignCenterText{ text-align: center; } .disclaimerText{ color: #616161; font-family: sans-serif; font-size: 0.8em; line-height: 100%; } .filter .componentContent{ background-color: #F79422; } /* sidebar */ .inheritParentFontStyle{ text-decoration: inherit; color: inherit; font-size: inherit; } .mediumPadding{ padding: 5px; } .button { min-height: 15px; font-weight: bolder; border: solid 1px; text-align: center; margin: 5px auto; padding: 0.4% 1%; font-size: 1.1em; -moz-border-rdaius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ cursor: pointer; } .button.buttonForm { border-color: #fff; color: #fff; background-color: #F89422; } .button.buttonCTA { color: #fff; background-color: #5BA743; border-color: #FFFFFF; } .button.buttonSO { color: #fff; background-color: #614B89; border-color: #FFFFFF; } .button.ButtonGen { color: #fff; background-color: #004890; border-color: #FFFFFF; } .component{ margin-bottom: 5%; } .component .top, .component .bottom{ width: 100%; } .component .top img, .component .bottom img{ width: 100%; display: block; } .component .content{ width: 100%; overflow: hidden; display: block; } /* Rating */ .sr { display: block; height: 24px; line-height: 18px; position: relative; width: 122px; } .sr_a { background: url("assets/star_ratings.png") no-repeat scroll 0 -18px rgba(0, 0, 0, 0); display: block; height: 18px; position: absolute; top: 1px; width: 18px; } .sr_a_aa { background-position: -20px -18px; } .sr_a_vb, .sr_a_dhc, .sr_a_gue, .sr_a_hcg, .sr_a_iom, .sr_a_jer, .sr_a_msa, .sr_a_norc, .sr_a_qc { background-position: -40px -18px; } .sr_a_vsc { background-position: -80px -18px; } .sr_a_vw { background-position: -120px -18px; } .sr_a_ni { background-position: -160px -18px; } .sr_a_sykes { background-position: 0 -36px; } .sr_r { background: url("assets/star_ratings.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 18px; left: 22px; position: absolute; width: 100px; } .sr_r_4 { background-position: -20px 0; } .sr_r_3 { background-position: -40px 0; } .sr_r_2 { background-position: -60px 0; } .sr_r_1 { background-position: -80px 0; } /* Clearfix */ .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ .header{ background-color: #85CFEA; } .header .logo .hamburger, .header .logo .search{ width: 25%; text-align: center; margin: 2% 0 0 0; cursor: pointer; text-align: right; } .header .logo .search img, .header .logo .hamburger img{ width: 35%; } .header .logo{ width: 79%; } .header .logo .iknow{ width: 50%; } .header .logo .iknow img{ width: 100%; } .header .logo .sims{ text-align: right; width: 50%; } .header .logo .sims img{ width: 30%; } .header .banner{ width: 20%; } .header .banner img{ width: 100%; } .navigation{ background-color: #004890; width: 100%; display: inline-block; } .navigation li{ list-style-type: none; float: left; padding: 1% 2%; background-color: #004890; border-right: #fff solid 1px; } .container{ margin: 0 auto; } .upperShadow{ background-color: #fff; -webkit-box-shadow: -2px -17px 17px -16px #000000; -moz-box-shadow: -2px -17px 17px -16px #000000; box-shadow: -2px -17px 17px -16px #000000; } .container .pageContent{ width: 74%; float: right; padding: 1% 0 0 0; } .pageContent .pageContentTitle{ padding: 1%; background-color: #004890; border: solid 2px #004890; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ } .pageContent .pageContentBody{ padding: 1%; background-color: #fff; } .container .sidebar{ width: 25%; float: left; padding: 1% 1% 0 0; } .container .footer{ width: 100%; float: left; } .informationBox{ border: solid 2px #004890; margin: 0 1%; width: 98%; } .informationBoxTitle{ padding: 5px 2% 5px 2%; background-color: #004890; } .informationBoxContent{ width: 100%; min-height: 150px; } .additionalinfo .content .heading{ padding: 0 5px; } .additionalinfo .heading .text{ text-decoration: underline; } .additionalinfo .content{ background-color: #F79422; } .resultImages img{ width: 100%; } .thumbnails > li{ width: 31%; padding: 1%; text-align: center; }
viplogin:
.register.heading { background-color: #fff; background-repeat: no-repeat; padding: 2%; text-align: center; } .signin_instruction{ width: 50%; } .signin_heading_image, .signin_heading, .account_login_form, .signin_instruction{ width: 60%; margin: 0 auto; } .signin_heading{ background-color: #004890; } .container .pageContent{ width: 100% !important; } .account_register{ background-color: #5BA743; } .account_login, .account_register{ width: 49%; } .register_form_left{ width: 40%; } .register_form_right{ width: 58%; } .form_contents{ padding: 1%; } .form_contents li{ height: 35px; }