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
< Back to results
The Churchill Hotel
‣
Overview
Photos
Map
Reviews
Availability
Specials
Booking
Error
Back to results
Your search
‣ Cardiff
‣ Hotels & B&B
‣ 31st July 2013
‣ 1 Night
‣ 2 Adults
‣ 0 Children
Additional info
Location map
Related articles
Yorkshire Tour de France 2014
Tour de France 2014 - Stage 1
Tour de France 2014 - Stage 2
Tour de France 2014 - Stage 3
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; }
reviews:
/* Css comes here*/ .listing_reviews_iframe { border: medium none; height: 598px; width: 100%; }
listing:
.listingNavigation{ padding: 0; margin: 0; background-color: #D7E6ED; padding: 4px; } .listingTextHeading{ padding: 0.5% 0; border-bottom: solid 2px #004890; } .listingNavigationButton{ border: solid 0.165em #004890; padding: 2px 8px; background-color: #fff; font-size: 0.9em; } .listingNavigationButton.selected{ background-color: #004890; } @media only screen and (min-width : 0px) and (max-width : 760px) { .listingNavigation li{ width: 30%; margin: 1% 0 0 0; } .listingNavigationButton{ display: block; } } .component.backtoresults{ color: #fff; } .component.backtoresults .content{ background-color: #5BA743; } .component.backtoresults .content .heading{ display: block !important; } .component.backtoresults .text{ width: 84%; float: left; } .component.backtoresults .arrowLeftButton{ width: 10%; margin: 0 6% 0 0; float: left; }
searchform:
.component.searchform{ color: #fff; } .component.searchform .content{ background-color: #5BA743; } .component.searchform form li, .component.searchform form>div{ margin: 2%; } .component.searchform form{ font-size: 1.0em; text-align: right; margin: 0 5px; } .component.searchform select, .component.searchform input[type="text"]{ font-size: 1.0em; } .component.searchform input[type="text"]{ width: 60%; } .component.searchform .search_form_type{ width: 65%; } .component.searchform select{ width: 45%; } .component.searchform .text{ width: 90%; float: left; } .component.searchform .arrowDownButton{ width: 10%; margin-top: 10px; float: right; } .searchCriteria{ padding: 2%; }
additionalinfo: