body {
	font-size: 14px;
	background-size: auto 100%;
	font-family: 'PT Sans', 'Arial', sans-serif;
	font-weight: 400;
	background-image: url("https://res.cloudinary.com/bouncycastlenetwork/image/upload/flare-background.jpg");
	background-size: 100% auto;
	background-color: #2c620c;
	background-repeat: no-repeat;
}

.HoverBounce {
	display: block;
}

	img.HoverBounce, .HoverBounce img {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 0.5s ease-in-out;
		-moz-transition: transform 0.5s ease-in-out;
		-ms-transition: transform 0.5s ease-in-out;
		-o-transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
	}

		img.HoverBounce:hover, .HoverBounce:hover img {
			padding: 0;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			-moz-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			-ms-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}

.DetailsTitle h1, .DetailsTitle h2, .DetailsMainImage {
	background-color: #00b0f0;
	color: white;
}

.BackgroundImage {
	display: block;
	height: 0;
	overflow: hidden;
	background-size: 100% 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: transparent;
}

h1, h2, h3, h4, .nicefont {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
}

.row-less-padding {
	margin-left: -5px;
	margin-right: -5px;
}

	.row-less-padding > div {
		padding-left: 5px;
		padding-right: 5px;
	}

.img-block, a.img-block img {
	display: block;
	width: 100%;
}

.svg {
	width: 100%;
}

.img-responsive, .img-responsive img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.margin-top {
	margin-top: 10px;
}

a#ctl00_ctl14_SearchLinkButton {
	margin-bottom: 10px;
}

.text-content {
	font-size: larger;
	text-align: center;
}

	.text-content ul {
		text-align: left;
		margin: 70%;
		margin: 10px auto;
	}

.navbar-toggle .icon-bar {
	background: white;
}

.navbar {
	margin: 0;
	border: none;
}

.navbar-nav > li {
	margin: 0 4px;
}

	.navbar-nav > li > a {
		color: #ffffff;
		font-weight: normal;
		font-size: 22px;
	}

		.navbar-nav > li > a.active {
			background: transparent;
			color: yellow;
		}

		.navbar-nav > li > a:hover {
			color: yellow;
			background: transparent;
		}

.HoverFadeOut {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

	.HoverFadeOut:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

#Content {
	padding: 10px 10px;
	position: relative;
	border-radius: 5px 5px 0 0;
	margin-top: 10px;
	background: white;
}

.textContent {
	padding: 0 0 10px 0;
}

.FormPanel img, .FormPanel a, .FormPanel input, .FormPanel select {
	margin-bottom: 10px;
}

#BannerRotator {
	width: 100%;
	padding-top: 56.485588%;
	position: relative;
	overflow: hidden;
}

	#BannerRotator #CarouselContainer {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
	}

#FacebookContainer * {
	max-width: 100% !important;
}

#Pin {
	max-width: 50px;
	margin: 0 auto;
}

#LeftText {
	margin-top: 20px;
	text-align: center;
	color: #00468a;
	font-size: 32px;
}

#LeftPhoneNumber1, #LeftPhoneNumber2, #LeftPhoneNumber3 {
	display: block;
	margin: 10px auto;
}

#LatestNewsRow {
	position: relative;
}

	#LatestNewsRow #LatestNews {
		background-color: #1faeff;
		color: white;
		display: block;
		padding: 10px;
	}

#BannerTopRow {
	margin-bottom: 5px;
}

#AreaChecker {
	background: #003cc7;
	background: -moz-linear-gradient(left, #003cc7 0%, #0073e1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003cc7), color-stop(100%,#0073e1));
	background: -webkit-linear-gradient(left, #003cc7 0%,#0073e1 100%);
	background: -o-linear-gradient(left, #003cc7 0%,#0073e1 100%);
	background: -ms-linear-gradient(left, #003cc7 0%,#0073e1 100%);
	background: linear-gradient(to right, #003cc7 0%,#0073e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003cc7', endColorstr='#0073e1',GradientType=1 );
}


	#AreaChecker #PostcodeSearchRight a {
		color: white;
		text-transform: uppercase;
		font-size: 17px;
	}

		#AreaChecker #PostcodeSearchRight a:hover {
			color: yellow;
			text-decoration: none;
		}

		#AreaChecker #PostcodeSearchRight a::before {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px 0 5px 10px;
			border-color: transparent transparent transparent #ff0000;
			content: "";
			display: block;
			position: absolute;
			left: 0;
			top: 7px;
			margin-left: -14px;
			transition: border-color 0.3s linear;
		}

		#AreaChecker #PostcodeSearchRight a:hover::before {
			border-color: transparent transparent transparent yellow;
			-webkit-animation: shakethatthing 0.5s ease-in-out 3;
			-moz-animation: shakethatthing 0.5s ease-in-out 3;
			-o-animation: shakethatthing 0.5s ease-in-out 3;
			animation: shakethatthing 0.5s ease-in-out 3;
		}


#QuickChecker {
	background: #353535;
	background: -moz-linear-gradient(top, #353535 0%, #030303 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#030303));
	background: -webkit-linear-gradient(top, #353535 0%,#030303 100%);
	background: -o-linear-gradient(top, #353535 0%,#030303 100%);
	background: -ms-linear-gradient(top, #353535 0%,#030303 100%);
	background: linear-gradient(to bottom, #353535 0%,#030303 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#030303',GradientType=0 );
	margin: 0 10px;
}

	#QuickChecker #QuickCheckerTitle {
		position: absolute;
		left: 25%;
		top: 16.5%;
		width: 52%;
	}

	#QuickChecker #QuestionMark {
		position: absolute;
		top: 12.7%;
		left: 79%;
		width: 4.5%;
	}

	#QuickChecker #CalendarIcon {
		width: 21%;
		position: absolute;
		top: 11%;
		left: 2%;
	}

	#QuickChecker .SearchDate {
		position: absolute;
		top: 47%;
		left: 26%;
		width: 34%;
		font-size: 12px;
	}

	#QuickChecker .SearchCategory {
		position: absolute;
		width: 34%;
		top: 47%;
		left: 62%;
		font-size: 12px;
	}

	#QuickChecker #Arrow1 {
		position: absolute;
		top: 37%;
		left: 24%;
		width: 11%;
		z-index: 10;
	}

	#QuickChecker #Arrow2 {
		position: absolute;
		width: 11%;
		top: 37%;
		left: 61%;
		z-index: 10;
	}

#WeatherLink img#WeatherBackground {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
}

#WeatherLink img#Sun {
	position: absolute;
	top: 0;
	right: -31px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	top: -5px;
	width: 66%;
}

#WeatherLink:hover img#Sun {
	padding: 0;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	-moz-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	-ms-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

#SearchBoxContainer {
	position: relative;
	background-image: url(product-search-background.png);
	background-size: 100% 100%;
	padding: 10px 20px;
	margin: 0 0 10px -20px;
	border-radius: 0 5px 5px 0;
	padding-top: 60px;
}

#SearchBoxHeader {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	height: 40px;
}

	#SearchBoxHeader #Binoculars {
		position: absolute;
		top: 13%;
		left: 0;
		width: 26%;
	}

	#SearchBoxHeader #SearchBoxTitle {
		top: 30%;
		right: 0;
		width: 70%;
		position: absolute;
	}

#SearchBoxContainer::before, #NewsTitle::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #000 transparent transparent;
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 0px;
}

#HomepageBlocks a {
	overflow: hidden;
	display: block;
	padding-top: 78.31%;
	position: relative;
}

	#HomepageBlocks a img {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		-ms-transition-property: opacity;
		transition-property: opacity;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-ms-opacity: 1;
		opacity: 1;
	}

	#HomepageBlocks a:hover img {
		-moz-transform: scale(1.05, 1.05);
		-ms-transform: scale(1.05, 1.05);
		-o-transform: scale(1.05, 1.05);
		-webkit-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

#LatestNewsPanel p strong {
	color: #b3000a;
	display: block;
}

#CategoryPanel {
	margin-bottom: 10px;
}

	#CategoryPanel a {
		display: block;
		padding: 13px 10px 13px 25px;
		background: #f42200;
		color: #fff;
		font-size: 16px;
		position: relative;
		margin: 5px 0 10px -20px;
		-moz-transition: background 0.3s linear;
		-o-transition: background 0.3s linear;
		-webkit-transition: background 0.3s linear;
		transition: background 0.3s linear;
		border-radius: 0 5px 5px 0;
		text-decoration: none !important;
	}

		#CategoryPanel a::before {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 10px 0;
			border-color: transparent #000 transparent transparent;
			content: "";
			display: block;
			position: absolute;
			top: 100%;
			left: 0;
		}

		#CategoryPanel a::after {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px 0 5px 8px;
			border-color: transparent transparent transparent #fff;
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -4px;
			margin-left: 10px;
			opacity: 0;
			transition: opacity 0.3s linear;
		}

#RotatorTestimonials {
	position: absolute;
	background: none;
	padding: 0;
	margin: 0;
	top: 13%;
	left: 45%;
	right: 5%;
	bottom: 16%;
}

#CategoryPanel a.active,
#CategoryPanel a:hover {
	background: #fdad01;
	color: white;
	text-decoration: none;
}

	#CategoryPanel a:hover::after {
		-webkit-animation: shakethatthing 0.5s ease-in-out 3;
		-moz-animation: shakethatthing 0.5s ease-in-out 3;
		-o-animation: shakethatthing 0.5s ease-in-out 3;
		animation: shakethatthing 0.5s ease-in-out 3;
		opacity: 1;
	}

@-webkit-keyframes shakethatthing {
	50% {
		left: -6px;
	}
}

@-moz-keyframes shakethatthing {
	50% {
		left: -6px;
	}
}

@-o-keyframes shakethatthing {
	50% {
		left: -6px;
	}
}

@keyframes shakethatthing {
	50% {
		left: -6px;
	}
}

#RotatorTestimonials .RotatorTestimonial {
	color: #5b5b5b;
	font-size: 18px;
}

#RotatorTestimonials::before {
	content: "Customer Testimonials";
	color: #2986ff;
	display: block;
	font-size: 30px;
}

#RotatorTestimonialsOuter {
	position: absolute;
	height: auto;
	padding: 0;
	top: 18%;
	left: 0;
	right: 0;
	bottom: 0;
}

.CategoryTitle {
	padding: 15px 10px;
	color: #FFF;
	margin: 10px 0px;
	background-color: black;
	font-size: 26px;
	text-align: left;
}

#HomepageContact h3, #HomepageTestimonials h3 {
	text-transform: uppercase;
	color: white;
	font-size: 18px;
}

#HomepageContact {
	background-image: url('background-gradient-orange.png');
	color: black;
}

	#HomepageContact a {
		color: black;
		text-decoration: underline;
	}

		#HomepageContact a:hover {
			color: red;
		}

#HomepageTestimonials {
	background-image: url('testimonials-background.jpg');
	color: white;
	height: 0;
	padding: 33% 0 0 0;
	margin: 0 auto 10px auto;
	position: relative;
	background-size: 100% 100%;
}

	#HomepageTestimonials #HomepageTestimonialsInner {
		height: 110px;
		overflow: hidden;
	}

#Footer {
	background-color: #000;
	color: white;
	padding: 10px 0;
}

#FooterLinks a {
	color: white;
	margin-left: 10px;
}

#Footer a:hover {
	text-decoration: underline;
}

#BannerPanel {
	position: relative;
	height: 0;
	padding-top: 33%;
	margin-bottom: 10px;
}

#BannerLeft {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 25%;
	margin-right: 10px;
}

#BannerRight {
	position: absolute;
	right: -2.5px;
	top: -2.5px;
	bottom: -2.5px;
	left: 75%;
	margin-left: -2.5px;
}

	#BannerRight > div {
		position: absolute;
		left: 0;
		right: 0;
	}

	#BannerRight .BannerImageRow0 {
		top: 0;
		bottom: 75%;
	}

	#BannerRight .BannerImageRow1 {
		top: 25%;
		bottom: 50%;
	}

	#BannerRight .BannerImageRow2 {
		top: 50%;
		bottom: 25%;
	}

	#BannerRight .BannerImageRow3 {
		top: 75%;
		bottom: 0;
	}

	#BannerRight .BannerImage {
		position: absolute;
		top: 0;
		bottom: 0;
	}

	#BannerRight .BannerImage0 {
		left: 0;
		right: 66.6%;
	}

	#BannerRight .BannerImage1 {
		left: 33.3%;
		right: 33.3%;
	}

	#BannerRight .BannerImage2 {
		right: 0;
		left: 66.6%;
	}

	#BannerRight .BannerImage a {
		margin: 0;
		border-radius: 0;
		border: none;
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		width: auto;
		border: 2.5px solid white;
		overflow: hidden;
	}

		#BannerRight .BannerImage a img {
			max-width: none !important;
			max-height: none !important;
			min-width: 100% !important;
			min-height: 100% !important;
		}

#Paypal {
	background-image: url(paypal.png);
	background-size: 100% auto;
	height: 14%;
	top: 32%;
	left: 5px;
	right: 0;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
}

#QuickEnquiry {
	background: #2c2c2b;
	padding: 10px;
	color: white;
}

	#QuickEnquiry #QuickEnquiryTitle {
		width: 70%;
		display: block;
	}

	#QuickEnquiry .btn-default {
		background: #ff157d;
		color: white;
		border-color: #ff157d;
		font-weight: bold;
	}

		#QuickEnquiry .btn-default:hover {
			color: yellow;
			border-color: yellow;
		}

#MembersOfPanel {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #00468a;
}

#Newsletter {
	background: #fb0083;
	background: -moz-linear-gradient(top, #fb0083 0%, #be0063 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb0083), color-stop(100%,#be0063));
	background: -webkit-linear-gradient(top, #fb0083 0%,#be0063 100%);
	background: -o-linear-gradient(top, #fb0083 0%,#be0063 100%);
	background: -ms-linear-gradient(top, #fb0083 0%,#be0063 100%);
	background: linear-gradient(to bottom, #fb0083 0%,#be0063 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb0083', endColorstr='#be0063',GradientType=0 );
	padding: 4px 20px 7px;
}

div#Newsletter {
}


#CarouselContainer .item, #CarouselContainer .item img {
}

.castlePanel {
	width: 100%;
	background-color: white;
	border: 2px solid #00aeef;
	color: #8d1553;
	float: none;
	margin: 10px 0;
}

	.castlePanel:hover {
		border-color: #C00;
	}

	.castlePanel .castleImageLinkPanel {
		background: white;
	}

	.castlePanel .castleTitlePanel {
		padding: 10px 0;
	}

		.castlePanel .castleTitlePanel a {
			color: #d40038;
		}

	.castlePanel .castlePriceDiscounted,
	.castlePanel .castlePriceDefault {
		padding: 10px 0;
		color: #333;
		height: 50px;
	}

	.castlePanel .castleCheckBook {
		background: url(book-buttons.png);
		height: 0;
		background-size: 100% 100%;
		background-color: transparent;
		color: transparent;
		overflow: hidden;
		padding: 15.54% 0 0 0;
		margin: 5px;
	}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: #287BA6;
	color: white;
}

.product {
	padding: 10px;
	border-radius: 4px;
	background: white;
}

	.product > h2 {
		background-image: url('background-green.png');
		background-color: #5ca727;
		background-repeat: repeat-x;
		color: #FFF;
		padding: 5px 10px;
		font-size: 36px;
		margin: 0;
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
		float: left;
		width: 70%;
		margin-bottom: 20px;
	}

	.product .mainImagePanel {
		padding-bottom: 40px;
		background-image: url('click-to-zoom.png');
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-right: 0;
		width: 30%;
	}

	.product .MainImageLink {
		background-image: url('background-green.png');
		background-color: #5ca727;
		background-repeat: repeat-x;
		padding: 5px;
		border: 0;
		-webkit-border-radius: 5px 0 5px 5px;
		-moz-border-radius: 5px 0 5px 5px;
		border-radius: 5px 0 5px 5px;
	}

.productSpec, .productText {
	float: none;
	margin-left: 33%;
	width: auto;
}


.PostcodeMessage {
	cursor: pointer;
}

#Netmums {
	margin: 20px;
	display: block;
}

#HeaderSocial {
	text-align: center;
	padding-bottom: 10px;
	top: 25%;
	position: absolute;
	right: 12%;
	width: 12%;
	height: 21%;
}

	#HeaderSocial a {
		display: inline-block;
		width: 30%;
		background-size: 100% 100%;
		-moz-transition: background 0.3s linear;
		-o-transition: background 0.3s linear;
		-webkit-transition: background 0.3s linear;
		transition: background 0.3s linear;
	}

		#HeaderSocial a::before {
			display: block;
			content: "";
			height: 0;
			padding-top: 100%;
			background-size: 100% 100%;
		}

		#HeaderSocial a#Social1::before {
			background-image: url('link-facebook.png');
		}

		#HeaderSocial a#Social2::before {
			background-image: url('link-twitter.png');
		}

		#HeaderSocial a#Social3::before {
			background-image: url('link-google.png');
		}

.navbar-nav {
	float: none;
}

#NavigationToggleText {
	position: absolute;
	top: 15px;
	right: 60px;
	color: white;
}

#TopLinksMobile {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	right: 0;
	background: #E20000;
	border-bottom: 2px solid #fff;
	color: white;
}

#TopLinks {
	background: black;
}

	#TopLinks .dropdown-menu {
		background: black;
	}

		#TopLinks .dropdown-menu a {
			color: white;
		}

			#TopLinks .dropdown-menu a:hover {
				color: yellow;
				background: black;
			}


#TopBar #FacebookLink::before {
	content: "";
	display: block;
	height: 0;
	padding: 38.48% 0 0 0;
	background-image: url(facebook-hover.png);
	background-size: 100% 200%;
	background-position: top center;
}

#TopBar #FacebookLink:hover::before {
	background-position: bottom center;
}

@media (max-width: 767px) {
	#TopBar > a,
	#TopBar > img, #TopBar > a > img {
		display: block;
	}

	#TopBar #Logo {
		width: 80%;
		margin: 60px auto 10px;
	}

	#TopBar #FacebookLink {
		display: block;
		max-width: 200px;
		margin: 10px auto;
	}

	#TopBar #BIHA,
	#TopBar #TIPE,
	#TopBar #PIPA,
	#TopBar #RPII {
		display: inline;
	}

	#TopBar #BIHA {
		width: 10%;
	}

	#TopBar #TIPE {
		width: 10%;
		margin-left: 1%;
	}

	#TopBar #PIPA {
		width: 12%;
		margin-left: 1%;
	}

	#TopBar #RPII {
		width: 12%;
		margin-left: 1%;
	}

	#TopBar #BCNLink {
		display: inline-block;
		width: 20%;
		margin-left: 14%;
	}

	#TopBar #PremiumBadgeContainer {
		display: inline-block;
		width: 20%;
		margin-left: 14%;
	}

	#TopBar #CardLogos {
		display: block;
		margin: 10px auto;
		width: 60%;
	}

	#HeaderSocial {
		position: relative;
		width: 40%;
		margin: 0 auto;
		text-align: center;
		right: auto;
		top: auto;
	}

	#TopBar #BCNLink img {
		display: inline-block;
	}

	#TopBar #BookOnline,
	#TopBar #HeaderPhoneNumber1,
	#TopBar #HeaderPhoneNumber2,
	#TopBar #HeaderPhoneNumber3,
	#TopBar #HeaderEmailAddress {
		display: block;
		margin: 10px auto;
	}

	#TopBar #BookOnline {
		width: 60%;
	}

	#TopBar #HeaderPhoneNumber1 {
		width: 70%;
	}


	#TopBar #HeaderPhoneNumber2 {
		width: 70%;
	}

	#TopBar #HeaderPhoneNumber3 {
		width: 70%;
	}


	#TopBar #HeaderEmailAddress {
		width: 40%;
	}

		#TopBar #HeaderEmailAddress span {
			padding-top: 11.67%;
			background-image: url(email-address.png);
		}

	#WeatherLink {
		display: none;
	}

	#AreaChecker {
		display: none;
	}

	#QuickChecker {
		height: 0;
		padding-top: 25%;
		position: relative;
		margin: 0 0 10px;
	}
}

@media (min-width: 768px) {
	#TopLinks {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		border-radius: 5px;
		margin: 10px 0 0;
	}

		#TopLinks a {
			background: none;
		}

	#TopBar {
		position: relative;
		height: 0;
		padding-top: 17%;
	}

		#TopBar > a,
		#TopBar > img {
			position: absolute;
			display: block;
		}

		#TopBar #Logo {
			width: 49%;
			top: 28%;
			left: 0;
			z-index: 2;
		}

		#TopBar #FacebookLink {
			width: 18%;
			top: 55%;
			left: 41%;
			height: 39%;
		}

		#TopBar #TIPE {
			left: 50.6%;
			width: 7.9%;
			top: 3%;
		}

		#TopBar #BIHA {
			left: 59.6%;
			width: 7.9%;
			top: 3%;
		}

		#TopBar #RPII {
			top: 59%;
			right: 33%;
			width: 6%;
		}

		#TopBar #PIPA {
			top: 59%;
			right: 42%;
			width: 6%;
		}

		#TopBar #BCNLink {
			top: 24%;
			right: 0;
			width: 11%;
		}

	#TopBar #PremiumBadgeContainer {
		top: 12%;
		right: 2%;
		width: 8%;
		position: absolute;
	}

		#TopBar #CardLogos {
			bottom: 0;
			left: 51%;
			width: 17%;
		}

		#TopBar #BookOnline,
		#TopBar #HeaderPhoneNumber1,
		#TopBar #HeaderPhoneNumber2,
		#TopBar #HeaderPhoneNumber3,
		#TopBar #HeaderEmailAddress {
			right: 0;
		}

		#TopBar #BookOnline {
			top: 54%;
			width: 27%;
		}

		#TopBar #HeaderPhoneNumber1 {
			top: 75%;
			width: 29%;
		}

		#TopBar #HeaderPhoneNumber2 {
			top: 66%;
			width: 22%;
		}

		#TopBar #HeaderPhoneNumber3 {
			top: 85%;
			width: 22%;
		}

		#TopBar #HeaderEmailAddress {
			bottom: 3%;
			width: 26%;
			right: 1.5%;
		}

	#TopBars {
		height: 0;
		padding-top: 12%;
		position: relative;
		margin-bottom: 10px;
	}

	#AreaChecker, #QuickChecker, #WeatherLink {
		top: 0;
		bottom: 0;
		display: block;
		position: absolute;
	}

	#AreaChecker {
		left: 0;
		right: 75%;
	}

		#AreaChecker #PhoneIcon {
			width: 22%;
			position: absolute;
			top: 10%;
			left: 5%;
		}

		#AreaChecker #CheckText {
			top: 20%;
			position: absolute;
			width: 64%;
			right: 5%;
		}

		#AreaChecker #PostcodeSearchLeft {
			top: 40%;
			position: absolute;
			left: 30%;
			width: 67%;
			height: 34px;
		}

			#AreaChecker #PostcodeSearchLeft input,
			#QuickChecker .SearchDate,
			#QuickChecker .SearchCategory {
				padding: 3px 6px;
				height: 25px;
				border-radius: 2px;
				font-size: 12px;
				border: none;
			}

		#AreaChecker #PostcodeSearchRight {
			position: absolute;
			top: 72%;
			right: 4%;
		}

	#QuickChecker {
		left: 25%;
		right: 25%;
	}

	#WeatherLink {
		right: 0;
		left: 75%;
	}
}

@media (min-width: 992px) {
	#AreaChecker #PostcodeSearchLeft input,
	#QuickChecker .SearchDate,
	#QuickChecker .SearchCategory {
		height: 34px;
	}

	#QuickChecker .SearchDate,
	#QuickChecker .SearchCategory {
		padding-left: 10%;
	}

	#CategoryPanel a {
		font-size: 20px;
	}
}