/* CITS CSS Document */

body {font-family: 'cabinregular'; font-size: 13px; color: #414141; }


h1 {font-size: 38px; margin: 0 0 30px 0; }
h2 {font-size: 28px; }
h3 {margin: 0 0 22px 0; padding: 0; }
h4 {}
h5 {font-size: 18px; font-weight: normal; }
h6 {}
p {font-size: 13px; }

a {color: #414141; text-decoration: underline; cursor: pointer; }
a:hover {color: #414141; text-decoration: none; }
a:focus {outline: none; }
ul {margin: 0; padding: 0; list-style-type: disc; }
ol {margin: 0; padding: 0; list-style-type: decimal; }
li {margin: 0; padding: 0 0 0 20px; }

form label {font-size: 16px; font-weight: normal; }
input[type=radio]:focus {outline: none; }


.label-circle {display: block; float: left; margin: -10px 10px 20px 0; }
.label-circle span {display: table-cell; border-radius: 50%; background: #000; color: #FFF; width: 40px; height: 40px; text-align: center; font-size: 21px; vertical-align: middle; }
.inline-selects .form-group {float: left; margin: 0 20px 0 0; }
.inline-selects .form-group label {display: block; padding-bottom: 5px; }

.page-intro {margin-bottom: 40px; }
.vertical-separator-left {border-left: solid 1px #CCC; }


ul.navigation {list-style-type: none; margin: 0; padding: 0; }
ul.navigation li {margin: 0; padding: 0; }
ul.navigation li a {display: inline-block; text-decoration: none; }
ul.navigation li a:focus, ul.navigation li a:active {border: none; outline: none; }
ul.checklist {list-style-type: none; margin: 0 0 40px 0; list-style-image: url("../img/tick.png"); padding: 0; }
ul.checklist li {padding-left: 10px; margin: 0 0 15px 30px; font-size: 14px; }
.burgundy {color: #AB1F79; }
.blue {color: #007FFF; }
.blue_bar {background: #007dd6; min-height: 45px; }
.grey_bar {background: #f3f3f3; min-height: 74px; border-bottom: solid 1px #e0e0e0;	border-top: solid 1px #e0e0e0; }
.btn {display: inline-block; border-radius: 5px; margin: 0 20px 0 0; text-decoration: none; }
.btn_blue {background: #007BFF; font-size: 18px; color: #FFF !important; }
.btn_blue:hover {color: #FFF; background: #0066CC; }
.btn_large {padding: 20px 30px 15px 30px; font-size: 20px; width: 282px; }
.btn-yellow, 
.btn_yellow, 
#page-content .btn-yellow,
#page-content .btn_yellow {background: #FFD632; font-size: 19px; color: #4f4c42; }
.btn-grey, .btn_grey {background: #797979; font-size: 16px; color: #FFF; }
.btn-grey:hover, .btn_grey:hover {background: #1B1B1B; color: #FFF; }
.seperated {border-bottom: solid 2px #EBEBEB; padding-bottom: 14px; margin-bottom: 41px; }
.sprite {display: inline-block; background: url("../img/sprite.btn.png"); background-repeat: no-repeat; }
.sprite span {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; }
.feefo_5_stars {background-position: -1163px -17px; width: 81px; height: 17px; }
.col {position: relative; float: left; margin: 0 20px 0 0; }
.centered {text-align: center; }
.large {font-size: 140%; }
.clearfix {clear: both; }
input.no-glow {}
input.no-glow:focus {border:none; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -moz-transition: none !important; -webkit-transition: none !important;	 }
.drop-shadow {-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666; }
.separator {border-bottom: solid 2px #EBEBEB; padding-bottom: 14px; margin-bottom: 20px; }
.separator-top {border-top: solid 2px #EBEBEB; padding-top: 34px; margin-top: 20px; }
.smaller {font-size: 80%; }
.sprite_grid {background-position: -2096px -13px; width: 22px; height: 22px; }
.sprite_list {background-position: -2124px -13px; width: 22px; height: 22px; }
.sprite_more_arrow {background-position: -2154px -13px; width: 16px; height: 25px; }
.sprite_location {display: block; background-position: -2176px -15px; width: 12px; height: 17px; float: left; padding: 0 18px 0 0; }
.sprite_tick {width: 10px; height: 10px; background-position: -2459px -20px; }
.awards {display: inline-block; width: 117px; height: 20px; }
.awards span {background-position: -2450px -14px; height: 100%; width: 100%; }
.sprite_home {width: 22px; height: 20px; background-position: -2201px -15px; margin-bottom: -3px; }
.sprite_home:hover {background-color: transparent; background: url("../img/sprite.btn.png") -2201px -15px no-repeat; }
	
	
.google-map {background: #FFF; }


.stars {background-position: -2324px -14px; height: 100%; width: 100%; width: 117px; height: 20px; }
.stars.stars_5 {width: 120px; }
.stars.stars_4 {width: 93px; }
.stars.stars_3 {width: 69px; }
.stars.stars_2 {width: 45px; }
.stars.stars_1 {width: 21px; }

/* BUTTONS */
.btn_sprite {position: relative; text-align: left; }
.btn_sprite span.icon {position: absolute; right: 5px; top: 5px; width: 60px; height: 60px; display: inline-block; background-image: url("../img/sprite.btn.png"); background-repeat: no-repeat; }
.btn_plane {}
.btn_anchor span.icon {background-position: -76px top; }
.btn_car span.icon {background-position: -145px top; }
.btn_prev {width: 16px; height: 25px; background-position: -841px -13px; cursor: pointer; }
.btn_next {width: 16px; height: 25px; background-position: -891px -13px; cursor: pointer; }
.btn.btn_default {display: inline-block; padding: 3px 9px 1px 9px; border: solid 1px #ccc; margin: 0 5px 0 0; }
.btn.btn_default:hover {background: #D7D7D7; color: #FFF !important; }
.btn.btn_default.current {background: #797979; color: #FFF !important; }
.btn-group li {cursor: pointer; }
.btn-group li:hover {background: #ECECEC; }
.close-section {margin-bottom: 40px; }

#book_now {position: fixed; left: -350px; top: 0; height: 100%; background: #73694D; color: #FFF; z-index: 10; }
#book_now_inner {padding: 20px; width: 350px; }
#book_now_link {position: absolute; right: -40px; top: 100px; background: #73694D; width: 40px; height: 150px; z-index: 3; cursor: pointer; }
#further_info .container .large {padding: 0; margin: 0; }

/* SEARCH */ 
a.result {text-decoration: none; display: block; }
a.result p {margin: 0 0 5px 0; padding-left: 10px; color: #414141; }
a.result strong {font-weight: normal; font-size: 20px; text-decoration: underline; color: #007FFF; }
a.result:hover strong {text-decoration: none; }
a.result.separator {padding-bottom: 10px; margin-bottom: 15px; }

form#inspiration-search {background: #F3F3F3; }
#inspiration-search .separator {padding-bottom: 30px; margin-bottom: 30px; }
#a-bit-more-about-you {}
#a-bit-more-about-you {display: block; }
#a-bit-more-about-you input[type=radio] {margin-right: 7px; }
#inspiration-search .btn-default {min-width: 120px; text-align: left; }
#inspiration-search .btn-default .caret {position: absolute; top: 50%; margin-top: -3px; right: 10px; }
#inspiration-search input[type=submit] {display: block; margin: 0 auto; }

.input-cols-2 {}
.input-cols-2 label {display: block; width: 50%; float: left; }
.input-cols-2 label:nth-child(odd) {clear: both; }
form#inspiration-search label {font-size: 14px; }

/* INSPIRATION 02 - form */
.update-preferences .sprite_more_arrow {position: absolute; right: 20px; }

.inspiration-result {padding: 15px 10px; background: #F6F7F8; border: solid 1px #D5D6D6; }
.inspiration-result a {text-decoration: none; }
.inspiration-result .hotel_thumb_holder {position: relative; display: block; width: 100%; margin: 0 0 7px 0; }	
.inspiration-result .hotel_thumb_holder img {z-index: 2; }
.inspiration-result .result-price {position: absolute; left: 0; bottom: 0; font-size: 16px; color: #FFF; padding: 10px 15px; background: rgba(0,0,0,0.5); z-index: 3; }
.inspiration-result h4 {text-align: center; margin: 0 0 4px 0; font-weight: normal; font-size: 16px; }
.inspiration-result p {text-align: center; }
.inspiration-result span.sprite {display: block; margin: 0 auto 15px auto; }
.result-extra-title {background: #33A5DA; color: #FFF; }
.inspiration-result .result-extra-title {padding: 8px; text-align: center; position: absolute; left: 0; top: 0; width: 100%; font-size: 16px; }
.inspiration-result .location_link {color: #414141 !important; display: block; }
.inspiration-result .btn_blue {font-size: 14px; float: right; margin: 0; padding-left: 18px; padding-right: 18px; }
.inspiration-result .rating_summary {color: #797979 !important; }
.inspiration-result span.subtitle {font-size: 95% !important; }
.inspiration-result span.result-price-right {font-size: 145% !important; }
.inspiration-result span.result-price-right span.result-price-from {font-size: 70% !important; }

/* SLIDERS */
.slider {position: relative; }
.slider .slides {position: relative; height: 100%; overflow: hidden; }
.slide {position: absolute; background: #FFF; }

#accommodation-individual {position: relative; margin: 0 0 30px 0; }
#accommodation-gallery {}
#accommodation-individual h2 {height: 60px; margin-bottom: 0; }
#accommodation-individual h2 .stars {margin-left: 10px; }
#accommodation-individual .addThis {height: 80px; }
#accommodation-individual .btn_yellow {color: #414141; padding: 5px 50px; }
#accommodation-individual p {}
#hotel-intro {}
.nav {font-size: 15px; }
.nav li.active a {background: #F3F3F3 !important; }

.hotel-info-panel {background: #F3F3F3; padding: 20px; margin: 0 0 10px 0; }
#accommodation-individual .hotel-features {background: #FFF; padding: 15px; }
#accommodation-individual h4.separator {margin: 30px 0 10px 0; }
.r-col .google-map {height: auto; }
#you-may-also-like {margin-bottom: 30px; }
#event h4.separator {
    margin-bottom: 30px;
    padding: 20px 0 5px;
}

.need-help {background: #F5F5F5; border: solid 1px #DDDDDD; padding: 20px; }
.need-help h3 {margin: 0 0 10px 0; }
.need-help p {font-size: 16px !important; line-height: 22px; margin: 0 0 10px; }
.need-help textarea {height: 100px; }
.need-help .btn {float: right; margin: 0; }

#ratings {}
#ratings table {border-collapse: collapse; width: 100%; }
#ratings table a {color: #414141; }
#ratings table th, #ratings table td {padding: 10px 5px; }
#ratings table th {font-size: 18px; font-weight: normal; text-align: left; }
#ratings table tr th:nth-child(1) {width: 130px; }
#ratings table tr th:nth-child(2) {width: 80px; }
#ratings table tr th:nth-child(3) {width: 280px; }
#ratings table td {border-top: solid 1px #D6D6D6; font-size: 14px; vertical-align: top; height: 120px; }
#ratings table tr:last-child td {border-bottom: solid 1px  #D6D6D6; }
#ratings .pagination {}
#ratings .pagination-status {width: 310px; }
#ratings .pagination-links {width: 260px; }

#ratings-key {}
#ratings-key ul {display: table-row; }
#ratings-key li {display: table-cell; padding: 20px 30px 20px 0; }

.ratings-excellent {width: 36px; height: 17px; background-position: -2230px -16px; margin-right: 5px; }
.ratings-good {width: 18px; height: 17px; background-position: -2230px -16px; margin-right: 5px; }
.ratings-poor {width: 38px; height: 17px; background-position: -2271px -16px; margin-right: 5px; }
.ratings-bad {width: 18px; height: 17px; background-position: -2271px -16px; margin-right: 5px; }

/* OFFERS */
#offers-intro {margin-bottom: 25px; }
#offers-intro h2 {margin-bottom: 30px; }
.search-bar {background: #F3F3F3; padding: 20px; margin-bottom: 40px; }
.search-bar .btn-group {}
.search-bar .btn-group label {display: block; font-weight: normal; }
.search-bar .btn-group input[type=date]{ border-bottom-left-radius: 0px; border-top-left-radius: 0px; display: inline-block; border-radius: 5px; margin: 0px 20px 0px 0px; text-decoration: none; color: #333; background-color: #FFF; border-color: #CCC; padding: 6px 12px; }
.search-bar input, .search-bar .dropdown-toggle {border-radius: 5px !important; }
#offers-list {padding: 0 0 40px 0; }
.search-bar .sprite_grid {margin-left: 150px; }
.search-bar .sprite_list {margin-left: 5px; }
.search-bar .btn-grey {float: right; }

.inspiration-result-list-view {display: table-row; }
.cell {vertical-align: middle; height: 100px; border-bottom: solid 1px #E0E0E0; }
.inspiration-result-list-view .hotel_thumb_holder {display: table-cell; width: 150px; }
.inspiration-result-list-view .hotel_thumb_holder img {width: 110px; }
.inspiration-result-list-view .title-block {display: table-cell; width: 320px; padding-top: 10px; }
.inspiration-result-list-view .title-block h4 {margin: 0 0 5px 0; }
.inspiration-result-list-view .subtitle_block {display: table-cell; width: 255px; padding-top: 10px; }
.inspiration-result-list-view .price_info {display: table-cell; width: 255px; padding-top: 10px; text-align: right; }
.inspiration-result-list-view .price_info .result-extra-title {display: block; width: auto; float: right; padding: 5px 30px; }
.inspiration-result-list-view .price_info .result-price-right {display: block; clear: both; text-align: right; }

.travel-information {}
.travel-information ul {list-style-type: none; margin: 30px 0; padding: 0; }
.travel-information li {padding: 0; margin: 0 0 15px 0; }
.travel-information li a {color: #414141 !important; }

.social-links {}
.social-links ul {list-style-type: none; padding: 0; margin: 0; }
.social-links li {padding: 0; margin: 0; }
.social-links li a {float: left; }

.social-links {width: 280px; margin: 0 auto 50px auto; height: 50px; }

.sprite-social {width: 49px; height: 49px; margin: 0 3px 0 0; }
.sprite-social.sprite-twitter {background-position: -2577px -1px; }
.sprite-social.sprite-facebook {background-position: -2637px -1px; }
.sprite-social.sprite-pinterest {background-position: -2696px -1px; }
.sprite-social.sprite-google-plus {background-position: -2755px -1px; }
.sprite-social.sprite-youtube {background-position: -2814px -1px; }

/* flexslider */
#accommodation-gallery {height: auto; }
#accommodation-gallery .thumbs {}
#slider.flexslider {width: 100%; z-index: 1; }
#carousel {z-index: 2; }
.flexslider li {margin: 0; padding: 0; }
#slider.flexslider .flex-active-slide {width: 100%; }
.flexslider {border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0; }

/* PF - Video Wrapper for Responsive Design */
.video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; }
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* PF - Accommodation Category Layouts */
img.accom-logo {margin: 0px 0px 15px 15px; float: right; }

/* PF - Extra Font Styles */
p.price-header { font-size: 120% !important; }
p span.price-details { font-size: 125% !important; line-height: 42px; }
p span.price-details span.price { font-size: 135% !important; }
p.price-terms { font-size: 90% !important; }

#cookie-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    left: 0;
    right: 0;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
#cookie-bar a {
    color: #fff;
}
#cookie-bar p {
    margin: 10px auto;
    padding: 12px 15px;
    position: relative;
    max-width: 900px;
}
#cookie-bar #cookie-btn {
    display: inline-block;
    margin-left: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: -5px;
    padding: 5px 10px;
    text-decoration: none;
}

/* offersv2 */

.offerv2 {
	background: #F3F3F3;
	margin-bottom: 10px;
	position: relative;
}
.offerv2 .offer-img {
	float: left;
	width: 50%;
}
.offerv2 .offer-img img {
	max-width: 100%;
}

.offerv2:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.offerv2 .offer-txt {
	float: right;
	width: 50%;
	padding: 20px 20px 130px 20px;
}

.offerv2 .offer-txt .h3 {
	font-weight: 500;
	font-size: 22px;
	margin: 0 0 15px;
	color: #004185;
}

.offerv2 .offer-txt .h4 {
	font-weight: 700;
	font-size: 21px;
	margin: 0 0px 15px 0;
	max-width: 320px;
	color: #000;
	float: left;
}

.offerv2 .substars {
	float: right;
	text-align: right;
	color: #FFD632;
	font-size: 1.3em;
}

.offerv2 .sub:after {
	content: '';
	display: block;
	height: 0;
	clear: both;

}
.offerv2 .desc {
	margin-right: 40px;
}

#page-content .offerv2 .desc p {
	font-size: 18px;
}

.offerv2 .summary {
	color: #004185;
}
@media (min-width: 992px)
{

.offerv2 .base {
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	padding: 20px;
}

}

#page-content .offerv2 .mode p {
	float: left;
	color: #004185;
	padding-left: 75px;
	padding-top: 8px;
	min-height: 32px;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
}

.offerv2 .mode .price {
	padding-left: 10px;
	font-size: 22px;
	font-style: normal;
}

.offerv2 .ferry {
	background: url(/assets/img/icon.boat.png) left top no-repeat;
}

#page-content .offerv2 .mode .flight {
	float: right;
	text-align: right;
	background-image: url(/assets/img/icon.plane.png);
	background-position: left 5px;
	background-repeat: no-repeat;
}

.offerv2 .mode:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}


#page-content .offerv2 .call {
	font-size: 22px;
	float: left;
}

.offerv2 .call .glyphicon {
	font-size: 32px;
	top: 6px;
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

#page-content .offerv2 .call .small {
	font-size: 18px;
	padding-left: 25px;
}

#page-content .offerv2 .online {
	text-align: right;
	padding-top: 8px;
}

#page-content .offerv2 .online .btn {
	margin-right: 0;
	padding: 4px 20px;
}

@media (max-width: 768px)
{
	.offerv2 .offer-img {
		text-align: center;
	}
}
@media (max-width: 768px)
{
	.offerv2 .offer-img,
	.offerv2 .offer-txt {
		float: none;
		width: 100%;
	}

	.offerv2 .offer-txt {
		padding: 10px;
	}

	.offerv2 .offer-txt .h3 {
		margin-top: 10px;
	}

	.offerv2 .offer-txt .h4 {
		max-width: 65%;
	}

	.offerv2 .desc {
		margin-right: 10px;
	}

	#page-content .offerv2 .mode p {
		padding-left: 50px;
		background-size: 45px;
		background-position: left 7px;
		font-size: 14px;
	}
	#page-content .offerv2 .mode .flight {
		background-position: left 11px;
	}

	.offerv2 .mode .price {
		padding-left: 10px;
		font-size: 20px;
		font-style: normal;
	}

	.offerv2 .base {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		padding: 0;
	}

	.offerv2 .method {
		text-align: center;
	}
	#page-content .offerv2 .method .call {
		float: none;
		margin-right: 30px;
		margin-bottom: 0;
	}
	#page-content .offerv2 .method .call .small {
		display: block;
		padding: 0 0 0 30px;
	}
	#page-content .offerv2 .method .online {
		text-align: center;
	}
}

@media (max-width: 374px)
{
	.offerv2 .offer-txt .h4 {
		max-width: 60%;
	}

	#page-content .offerv2 .mode p {
		padding-left: 45px;
		background-size: 35px;
	}
}