body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #666666;
	background-color: #F5F5F5;
}

.displayNone {
    display: none;
}

.m-b-0 {
    margin-bottom: 0px; 
}

.site-wrap {
	display: block;
	padding: 20px 15px;
	border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-collapse: collapse;
    box-shadow: 0px 0px 10px 0px #9E9E9E;
    background-color: #FFFFFF;	
}

.top-bar {
	display: block;
	/*margin: 0 0 30px 0;*/
	margin: 0 0 20px 0;
}

@media (max-width: 768px) { 
    .top-bar .logo-area, .top-bar .phone-area {
        text-align: center;
    }
}
.top-bar .logo {
	display: inline-block;
	margin: 0;
}
.top-bar .logo img {
	/*width: 295px;*/
	height: 125px;
}
.top-bar .telephone {
	display: inline-block;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 42px;
	font-weight: 600;
	color: #666666;
	text-decoration: none;
}

.search-box {
    margin: 0px 0px 30px;
}

.search-box .childAges select.form-control {
    padding: 0px;
}

.homepage-banner {
    display: block;
    margin: 0px 0px 30px;
}

.six-pack {
	display: block;
}

.six-pack .display-table {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.six-pack .display-table .item {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	height: 200px;
	text-align: center;
	background-color: #CCCCCC;
}

.six-pack .display-table .item h3 {
	font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
	letter-spacing: 3px;
    text-decoration: none;
	text-transform: uppercase;
    display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.flight-info h1 {
    margin: 0px 0px 10px;
}
.flight-info .flight-detail .flight-route {
    font-size: 16px;
}
.flight-info .flight-detail .details .heading {
    font-size: 14px;
    margin: 10px 0px 3px;
}
.flight-info .flight-detail .flight-leg {
    margin-top: 10px
}
.flight-info .flight-detail .flight-leg .heading {
    font-size: 14px;
    margin: 0px 0px 3px;
}
.flight-info .flight-total-price {
    font-size: 24px;
}
.flight-info .flight-total-price span {
    font-size: 14px;
}
/*
 *  SEARCH RESULTS
 */
.search-results {
}
.search-results .results-heading {
    
}
.search-results .results-heading .top-line{
    font-size: 30px;
}
.search-results .results-heading .bottom-line{
    font-size: 24px;
    margin-top: 10px;
}

.search-results .result-filter .rating-filters .rating-filter {
    border: 1px solid #CCCCCC;
    text-align: center;
    display: block;
    height: 60px;
}
.search-results .result-filter .rating-filters .rating-filter.current {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
    color: #FFFFFF;
    text-align: center;
    display: block;
}
.search-results .result-filter .rating-filters .rating-filter .title {
    display: block;
}
.search-results .other-filters h3 {
    margin: 0px 0px 10px !important; 
    font-size: 16px;
}
.search-results .sort-pagination {
    margin-bottom: 30px;
}
.search-results .sort-pagination .sort {
}
.search-results .sort-pagination .pages {
    text-transform: uppercase;  
}
.search-results .sort-pagination .pages .no-link {
    background-color: #ddd;
    border: 1px solid #bcbec0;
    padding: 4px 6px;
}
.search-results .sort-pagination .pages .link {
    background-color: #fff;
    border: 1px solid #bcbec0;
    padding: 4px 6px;
}

.search-results .package-result {
    border: 1px solid #CCCCCC;
    margin-bottom: 30px;
    padding: 20px;
}
.search-results .package-result .info {
}
.search-results .package-result .info hr {
    margin: 10px 0px !important;
}
.search-results .package-result .info .hotel-name {
    font-size: 26px;
}
.search-results .package-result .info .destination {
    font-size: 20px;
    margin-bottom: 20px;
}
.search-results .package-result .info .description{
    height: 53px;
    overflow: hidden;
}
.search-results .package-result .info .more-info {   
    display: block;
    margin-top: 10px;
}
.search-results .package-result .rooms-available {
    display: none;
} 
.search-results .package-result .image {
    margin-bottom: 20px;
}
.search-results .package-result .image img {
    width: 100%;
}
.search-results .package-result .pinkBox .totalPriceFrom {
    font-size: 36px;
    line-height: 34px;
}

.search-results .package-result .flight-details {   
}
.search-results .package-result .flight-details .heading {
    font-size: 16px;
    margin-bottom: 10px;
}
.search-results .package-result .flight-details .selectedFlightInfo .topLine{   
    font-size: 14px;
}

.search-results .package-result #changeflightbox {
    margin-top: 20px;
}

.more-info .hotel-name {
    margin-top: 0px;
}
.more-info .destination {
    margin-top: 0px;
}
.more-info .hotel-information {
    margin-top: 30px;
}
.more-info .hotel-information .heading {
    font-size: 24px;
    margin: 20px 0px 10px;
}

@media only screen and (max-width: 768px) and (min-width: 640px) {
    .hotelImageGallery .bigImage {
        margin-left: 18%;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 640px) {
    .hotelImageGallery .viewport {
        width: 80%!important;
        margin-left: 9%;
    }
}
@media only screen and (max-width: 960px) and (min-width: 769px) {
    .hotelImageGallery .viewport {
        width: 55%!important;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 961px) {
    .hotelImageGallery .viewport {
        width: 55%!important;
    }
}
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
    .hotelImageGallery .viewport {
        width: 60%!important;
    }
}
@media only screen and (max-width: 1440px) and (min-width: 1281px) {
    .hotelImageGallery .viewport {
        width: 60%!important;
    }
}
@media only screen and (min-width: 1281px) {
    .hotelImageGallery .viewport {
        width: 60%!important;
    }
}

.more-info .flight-information {
    
}

.more-info .flight-information .heading {
    font-size: 24px;
    margin-bottom: 10px;
}

.more-info .room-options .heading {
    font-size: 24px;
    margin-bottom: 10px;
}
.more-info .room-options .header {
    font-size: 16px; 
}
.more-info .room-options .hotelRoomLine .description {
    margin-top: 7px;
}
.more-info .room-options .hotelRoomLine .roomCost {
    margin-top: 7px;
}
.more-info .room-options .hotelRoomLine .totalCost {
    margin-top: 7px;
}
.more-info .room-options .hotelRoomLine .select{
    width: 100%;
}

@media (max-width: 667px) { 
    .more-info .room-options .hotelRoomLine .select {
        margin-top: 10px;
    }
}

.packageRoomSelect .description, .packageRoomSelect .totalCost, .packageRoomSelect .radio-button {
    margin-top: 7px;
}

.holding-page {
    text-align: center;
    margin-top: 50px;
}

.holding-page .prog-bar {
    margin: 30px 0px 10px;
}
.holding-page .prog-bar img{
    max-width: 100%;
}
.holding-page .main-message {
    font-size: 32px;
}
.holding-page .time-message {
    font-size: 26px;
}
.holding-page .sorry-message {
    margin-bottom: 30px;
}

.basket {
}
.breadcrumbs {  
}
.breadcrumbs span {  
    font-size: 16px;
    color: #23527c;
}
.basket .basket-ref h2 {
    margin: 0px;
}

.itinerary-item .heading h3, .passenger-details .itinerary-item .heading h3 {
    margin: 0px 0px 10px;
    display: inline-block;
}

.itinerary-item .heading .errataInfo a img, .passenger-details .itinerary-item .heading .errataInfo a img {
    margin: -8px 3px 0px;
}

.itinerary-item .detail .title {
    font-size: 20px;
    margin-bottom: 10px;
}

.passenger-details .itinerary-item .detail .title {
    font-size: 16px;
    margin-bottom: 5px;
}
.itinerary-item .detail .baggageText, .passenger-details .itinerary-item .detail .baggageText {
    margin-top: 10px;
}
.itinerary-item .detail .baggageText span, .passenger-details .itinerary-item .detail .baggageText span {
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.itinerary-item .detail .info, .passenger-details .itinerary-item .detail .info {
    margin-bottom: 5px;
}
.itinerary-item .breakdown, .passenger-details .itinerary-item .breakdown {
    margin-top: 20px;
}
.itinerary-item .price, .passenger-details .itinerary-item .price {
    margin-top: 20px;
    font-size: 24px;
    line-height: 20px;
}
.itinerary-item .price a, .passenger-details .itinerary-item .price a {
    font-size: 14px;
}

.basket .transfersItem .price {
    margin-top: 5px;
}

.basket .basket-enquiry {
    font-size: 14px;
}
.basket .total-price, .passenger-details .total-price, .payment-details .total-price {
    font-size: 24px;
}
.basket .total-price span, .passenger-details .total-price span, .payment-details .total-price span {
    display: block;
}
.basket .itineraryPriceModifier .price {
    font-size: 24px;
}

.basket .book-now {
    margin-top: 10px;
}

.car-park-info .price {
    font-size: 24px;
}
.car-park-info .price span {
    display: block;
    font-size: 14px;
}
.confirmation {   
}
.confirmation .booking-details .booking-id span, .confirmation .booking-details .date-booked span {
    font-size: 18px;
}
.confirmation .contact .name, .confirmation .contact .address, .confirmation .contact .phone, .confirmation .contact .email {
    margin: 5px 0px;
}
.confirmation .flight .price {
    font-size: 24px;
    margin-top: 10px;
}
.confirmation .hotel .checkin {
    margin-top: 10px;
}
.confirmation .hotel .room-description {
    margin-top: 10px;
}
.confirmation .hotel .price {
    font-size: 24px;
    margin-top: 10px;
}

.confirmation .billing .name, .confirmation .billing .address, .confirmation .billing .phone, .confirmation .billing .email {
    margin: 5px 0px;
}
.confirmation .total-price {
    font-size: 26px
}

.holiday-offer .hotel-destination .hotel-name {
    margin: 0px !important;
    font-size: 34px;
}
.holiday-offer .hotel-destination .destination {
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0 10px;
}
.holiday-offer .hotel-destination .rating {
    margin-bottom: 30px;
}

.holiday-offer .offer-details {
    background: #f5f4f0;
    border: 1px solid #d3d3d3;
    padding: 20px;
}
.holiday-offer .offer-details .board-nights {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px; 
    padding-bottom: 20px; 
    border-bottom: 1px solid #d3d3d3;
    text-transform: uppercase;
}

.holiday-offer .offer-details .hotel {
    margin-bottom: 20px; 
    padding-bottom: 20px; 
    font-size: 16px;
}
.holiday-offer .offer-details .hotel .heading {
    margin-bottom: 10px;
}
.holiday-offer .offer-details .hotel .heading span {
    font-size: 24px;
    margin-left: 10px;
}

.holiday-offer .offer-details .flight {
    margin-bottom: 10px; 
    padding-bottom: 10px; 
    font-size: 16px;
}
.holiday-offer .offer-details .flight .heading {
    margin-bottom: 10px;
}
.holiday-offer .offer-details .flight .heading span {
    font-size: 24px;
    margin-left: 10px;
}

.holiday-offer .offer-details .price {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d3d3d3;
    font-size: 16px;
}
.holiday-offer .offer-details .price span {
    font-size: 50px;
}

.holiday-offer .call-to-action {
    font-size: 34px;
    text-transform: uppercase;
}

.deal {
    border: 1px solid #d3d3d3;
    display: block;
    margin-bottom: 30px;
    padding: 20px;
}
.deal .rating {
    margin: 10px 0px;
}
.deal .hotel {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0;
}
.deal .destination {
    font-size: 14px;
    font-weight: 500;
}
.deal hr {
    height: 2px;
    margin: 20px 0;
}
.deal .details {
    margin: 20px 0px;
}
.deal .details .price {
    text-align: right;
    font-size: 24px;
}
.deal .details .price .from {
    font-size: 18px;
}
.deal .more-details {
    border: 1px solid #d3d3d3;
    background-color: #f5f4f0;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-align: center;
}

.primary-color {
	color: #86b7d0!important;
}

.primary-bg {
	background: #86b7d0!important;
	border: 0;
}