.desktop_hide {display: none !important; } .btn_car, .btn_plane, .btn_anchor {background: #003366; font-size: 18px; color: #FFF; } .btn_car:hover, .btn_plane:hover, .btn_anchor:hover {color: #FFF; background: #336699; } .minict_wrapper, .minict_wrapper input, .minict_wrapper li {font-size: 14px !important; } .minict_wrapper {padding: 5px; height: auto; border-color: #CCC; border-radius: 5px; width: auto; } .minict_wrapper ul {top: 30px; width: 110%; } .minict_wrapper:after {top: 5px; } .btn-group {margin-right: 0px; } .medium-group .minict_wrapper {width: 140px; } .medium-group .minict_wrapper ul {width: 280px; z-index: 10; background: #FFF; } .page-header { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .container {position: relative; width: 998px; padding: 0 30px; min-height: 40px; } .l-col {clear: left; width: 620px; float: left; margin: 0 10px 18px 0; } .r-col {clear: right; width: 299px; float: right; margin: 0 0 18px 0; } ul.checklist li {width: 245px; float: left; } header {height: 139px; } header h1 a, header #header-logo a {display: block; position: absolute; left: 26px; top: 31px; width: 351px; height: 76px; background: url(/assets/img/logo.png) no-repeat; } header #tag_line {position: absolute; right: 30px; top: 10px; text-align: right; font-size: 18px; } header #customer_rating {position: absolute; left : 642px; top: 60px; font-size: 18px; } header #abta {position: absolute; right: 30px; top: 54px; width: 186px; text-align: center; } nav {} nav ul {list-style-type: none; } nav li {display: inline-block; padding: 00 0 0; } nav li a {display: block; position: relative; color: #FFF; font-size: 16px; padding: 14px 15px 10px 15px; text-decoration: none; } nav li.more {} nav li.more li {} nav li.more a {background: url(/assets/img/down.png) right center no-repeat; } nav li:hover {background: #336699; } nav li.active {} nav li.active a:before {content: ' '; position: absolute; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #003366; left: 50%; margin-left: -5px; bottom: -10px; } nav li a:hover {color: #FFF !important; text-decoration: underline; } nav li:hover .sub_navigation {z-index: 5; left: auto; width: auto; height: auto; overflow: auto; padding: 20px; } nav li li:hover {background: none; } nav li:hover li a {background: #003366; padding-left: 0; font-size: 16px; } nav li:hover li a:hover {color: #336699; } nav .sub_navigation {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; min-width: 180px; padding: 10px; background: #003366 url(../img/sub_navigation.png) 65px top no-repeat; color: #FFF; } nav .sub_navigation li {display: block; } nav .sub_navigation li a {padding: 5px 10px; font-size: 14px; } nav #search_form {position: absolute; width: 218px; height: 30px; right: 30px; top: 8px; background: #FFF; border-radius: 5px; padding: 5px; } nav #search_form input[type=text] {position: absolute; border: none; width: 170px; padding: 3px 3px 3px 3px; color: #A9A9A9; font-size: 16px; background: none; } nav #search_form input[type=text]:focus {color: #414141; } nav #search_form input[type=image] {position: absolute; right: 7px; } .travel_sub_navigation {width: 500px; } .travel_col_1 {float: left; width: 130px; border-right: solid 1px #FFF; } .travel_col_2 {float: left; width: 180px; border-right: solid 1px #FFF; padding-left: 20px; } .travel_col_3 {float: left; width: 220px; padding-left: 20px; } #check_availability {display: none; } #header_sliders {position: relative; min-height: 566px; } #header_sliders>.container {position: initial;} #header_sliders_full_image {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/assets/headers/02.jpg); background-size: auto 100%; background-position: center top; } #inspiration {position: absolute; background: #48ECC5; width: 301px; height: 71px; left: 667px; top: 426px; padding: 15px; } #inspiration:hover {background: #C2FFE0; } #inspiration .sprite {position: absolute; right: 10px; top: 10px; width: 32px; height: 41px; background-position: -1470px -5px; } #inspiration h4 {font-size: 18px; font-weight: bold; margin: 0 0 2px 0; padding: 0; } #inspiration p {font-size: 14px; } #inspiration a {text-decoration: none; color: #414141 !important; } .ad_blocks, .site_blocks {position: relative; overflow: hidden; } .ad_blocks_inner, .site_blocks_inner {width: 7000px; } .ad_blocks .ad_block, .site_blocks .site_block{text-align: center; width: 301px; height: 277px; float: left; background: #F5F5F5; border: solid 1px #CCCCCC; padding: 10px; margin: 0 17px 10px 0; } @media (max-width: 997px){ .ad_blocks .ad_block{max-width: 33%; margin: 0 1px 10px 0;} } .ad_blocks .ad_block:last-child, .site_blocks .site_block:last-child {margin-right: 0;} .ad_blocks a, .site_blocks a {text-decoration: none; } .ad_blocks .slider_block_title, .site_blocks .slider_block_title {font-size: 18px; } .ad_blocks .slider_block_image, .site_blocks .slider_block_image {width: 280px; max-width: 100%; height: 180px; overflow: hidden; margin: 0 0 5px 0; } .ad_blocks .slider_block_image img, .site_blocks .slider_block_image img {max-width: 280px; max-height: 180px; } .ad_blocks .slider_block_text, .site_blocks .slider_block_text {margin: 0; font-size: 14px; } .ad_blocks .slider_block_text span, .site_blocks .slider_block_text span {color: #414141; } .ad_blocks .slider_block_date, .site_blocks .slider_block_date {color: #797979; } .site_blocks .btn_blue, .ad_blocks .btn_blue {float: right; margin-right: 0; } .btn_prev {position: absolute; top: 50%; left: 0; margin-top: -12px; } .btn_next {position: absolute; top: 50%; right: 0; margin-top: -12px; } #latest_offers_horizontal .slide a {color: #414141 !important; } #most_popular_accomodation_horizontal {} #most_popular_accomodation_horizontal .ad_block , #most_popular_accomodation_horizontal .site_block {height: 251px; } #most_popular_accomodation_horizontal .slider_block_text {font-size: 18px; color: #414141; } #most_popular_accomodation_horizontal .ad_blocks.slider, #most_popular_accomodation_horizontal .site_blocks.slider {height: 260px; } #things_to_do_horizontal {padding-bottom: 40px; } #things_to_do_horizontal .ad_block, #things_to_do_horizontal .site_block {height: 241px; } #things_to_do_horizontal .ad_blocks .slider_block_image, #things_to_do_horizontal .site_blocks .slider_block_image {margin-bottom: 12px; } #things_to_do_horizontal .ad_blocks.slider, #things_to_do_horizontal .site_blocks.slider {height: 250px; } #sign_up_horizontal {margin-bottom: 30px; } #sign_up_horizontal form {display: table-cell; vertical-align: middle; height: 82px; } #sign_up_horizontal p {display: inline-block; font-size: 18px !important; margin: 0 30px 0 0; color: #414141; width: 520px; } #sign_up_horizontal input[type=submit] {display: inline-block; } #sign_up_horizontal input[type=email] {width: 261px; padding: 5px; font-size: 16px; color: #A9A9A9; margin-right: 10px; } #sign_up_horizontal input[type=email]:focus {color: #414141; } #getting_here {padding: 20px 0 30px 0; margin: 0 0 30px 0; } #getting_here .btn_plane {margin-left: 10px; } #further_info {padding: 40px 0 30px 0; } #further_info .col_1 {width: 140px; } #further_info .col_2 {width: 320px; } #further_info .col_3 {width: 430px; padding-right: 0; margin-right: 0; } #further_info .col_3 img {float: left; } #further_info .col_3 h4, #further_info .col_3 p {margin: 0 0 0 90px; } #reasons_to_book {padding: 0; width: 960px; } #reasons_to_book .col_1 {width: 221px; } #reasons_to_book .col_2 {width: 223px; } #reasons_to_book .col_3 {width: 216px; } #reasons_to_book .col_4 {width: 219px; margin: 0; } #reasons_to_book .sprite {float: left; } #reasons_to_book p {padding: 10px 0 0 50px; } footer {background: #003366; color: #FFF; min-height: 297px; padding: 33px 0 0 0; } footer a {color: #FFF; text-decoration: none; } footer a:hover {color: #FFF; text-decoration: underline; } footer ul {list-style-type: none; margin: 0; padding: 0; } footer li {margin: 0; padding: 0; font-size: 14px; } footer p {font-size: 12px; } footer .col p {font-size: 14px; } footer .sprite {margin-right: 3px; } footer .col_1 {width: 218px; padding-bottom: 100px; } footer .col_2 {width: 221px; } footer .col_3 {width: 218px; } footer .col.col_4 {width: 201px; margin: 0; } #cits-logo {position: absolute; margin: -90px 0 20px 0; display: block; } /* HOME */ #search-tools {position: absolute; width: 390px; height: 520px; left: 30px; top: 20px; background: rgba(255,255,255,0.9); } #search-tools.inner-tools {position: relative; width: auto; height: auto; left: auto; top: auto; background: none; } #search-tools #search-tool-selector {} #search-tools #search-tool-selector ul {display: table; width: 100%; background: #D2D4D5; } #search-tools #search-tool-selector li {display: table-cell; vertical-align: middle; } #search-tools #search-tool-selector a {display: block; position: relative; width: 130px; padding: 10px; text-align: center; font-size: 14px; color: #414141; } #search-tools #search-tool-selector a span {display: block; } #search-tools #search-tool-selector li.current a {background: #F5D000; } #search-tool-selector li:hover a {background: #FFE480; } #search-tools #search-tool-selector li.current a:after {content: ' '; color: #F4D100; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; width: 21px; height: 10px; background: url(/assets/img/sprite.btn.png); background-position: -1571px -23px; } #search-tools .search-tool-section {position: absolute; left: -9999px; font-size: 14px; } #search-tools .search-tool-section.current {position: relative; left: auto; padding: 20px; } #home-page-offer-info a {position: absolute; width: 300px; left: 670px; top: 60px; background: rgba(255,255,255,0.9); padding: 20px; text-decoration: none; color: #414141 !important; } #home-page-offer-info h4 {font-size: 22px; margin: 0 0 5px 0; } #home-page-offer-info p {font-size: 17px; } #home-page-offer-info p.link {text-decoration: underline; margin: 20px 0 0 0; } #home-page-offer-info:hover .link {text-decoration: none; } #offers-blocks {margin: 0; } #offers-blocks .offer {width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } /* LIVE ALTERATION */ #offers-blocks .offer {background-size: auto 110%; } #offers-blocks .offer .details {position: absolute; left: 670px; top: 60px; background: rgba(255,255,255,0.9); padding: 20px; } #offers-blocks .offer a {position: absolute; width: 300px; left: 670px; top: 60px; background: rgba(255,255,255,0.9); padding: 20px; text-decoration: none; color: #414141; } #offers-blocks .offer h4 {font-size: 24px; margin: 0 0 5px 0; } #offers-blocks .offer p {font-size: 17px; color: #414141; } #offers-blocks .offer p.link {color: #414141; text-decoration: underline; margin: 20px 0 0 0; font-size: 18px !important; font-weight: bold !important; cursor: inherit;} #offers-blocks .offer .details:hover .link {text-decoration: none; } .offer.alt-circle-ad { -webkit-transform: translate3d(0, 0, 0); } .offer.alt-circle-ad .container {} .offer.alt-circle-ad .container a {width: 300px; } .offer.alt-circle-ad .container a h4 {font-family: 'Cabin', sans-serif; font-size: 36px !important; color: #000; } /*.offer.alt-circle-ad .container p.circle {position: absolute; display: block; background: red; width: 150px; height: 0 !important; padding: 40px 20px 110px 20px !important; margin: 0; text-align: center; border-radius: 50%; right: -100px; bottom: -100px; font-size: 25px !Important; line-height: 25px; }*/ .offer.alt-circle-ad .container p.circle {position: absolute; right: -60px; bottom: -60px; width: 120px; } .offer.alt-circle-ad .container p.circle span:first-child {position: absolute; display: block; width: 100%; height: 120px; background: #179aca; border-radius: 50%; z-index: 1000; } .offer.alt-circle-ad .container p.circle span:last-child {position: relative; display: table-cell; width: 120px; height: 120px; text-align: center; vertical-align: middle; z-index: 1001; font-size: 20px; line-height: 22px; color: #FFF; } .offer.alt-circle-ad .container p.link {font-size: 18px !important; font-weight: bold !important; } .full-width-slider {} .full-width-slider .pag {position: absolute; z-index: 1000; height: 20px; left: 50%; margin-left: 370px; min-width: 100px; top: 530px; text-align: right; } .full-width-slider .pag span {display: inline-block; margin: 0 0 0 3px; width: 15px; height: 15px; border-radius: 50%; border: solid 2px #FFF; cursor: pointer; } .full-width-slider .pag span.current {background: #EFEFEF; } /* SPRITES */ .sprite_twitter {width: 27px; height: 27px; background-position: -1932px -12px; } .sprite_facebook {width: 27px; height: 27px; background-position: -1963px -12px; } .sprite_pinterest {width: 27px; height: 27px; background-position: -1995px -12px; } .sprite_google_plus {width: 27px; height: 27px; background-position: -2026px -12px; } .sprite_youtube {width: 27px; height: 27px; background-position: -2058px -12px; } /* .sprite_twitter:hover {background-position: -1614px -10px; } .sprite_facebook:hover {background-position: -1681px -10px; } .sprite_pinterest:hover {background-position: -1748px -10px; } .sprite_google_plus:hover {background-position: -1815px -10px; } .sprite_youtube:hover {background-position: -1883px -10px; } */ .sprite_book {width: 33px; height: 51px; background-position: -222px 0; } .sprite_tick {width: 38px; height: 51px; background-position: -290px 0; } .sprite_lock {width: 30px; height: 51px; background-position: -363px 0; } .sprite_award {width: 41px; height: 51px; background-position: -428px 0; } .sprite_5_stars {width: 51px; height: 10px; background-position: -1183px -21px; } .sprite_4_stars {width: 41px; height: 10px; background-position: -1183px -21px; } .sprite_3_stars {width: 31px; height: 10px; background-position: -1183px -21px; } .sprite_2_stars {width: 21px; height: 10px; background-position: -1183px -21px; } .sprite_1_stars {width: 11px; height: 10px; background-position: -1183px -21px; } .container.inner {padding-top: 20px; } #page-content {min-height: 300px; } #page-content a {color: #007FFF; } #page-content p {font-size: 14px; } /* SEARCH */ #search-box {background: #F3F3F3; padding: 15px; text-align: center; margin: 0 0 30px 0; } #search-box label {padding-right: 15px; } .btn_small {padding: 6px 20px; font-size: 14px; } .inner-padding {padding: 0 20px; } .pagination {} .pagination .pagination-status {width: 380px; float: left; padding-top: 5px; } .pagination .pagination-links {width: 550px; float: left; text-align: right; } .pagination .pagination-links .btn {border-radius: 0; } .pagination-links a {color: #414141 !important; } #things-to-do-summary {padding-bottom: 50px; } #things-to-do-summary .result {width: 422px; margin-bottom: 20px; } #things-to-do-summary .result p {color: #007FFF !important; } #things-to-do-summary .result strong {color: #414141; text-decoration: none; } #things-to-do-summary .result .img-placeholder {width: 130px; float: left; margin-right: 15px; } #things-to-do-summary .result .img-placeholder img {width: 100%; } #things-to-do-summary .result .result-details {width: 230px; float: left; padding-top: 15px; } #blog-summary {} #blog-summary .result {width: 422px; margin-bottom: 20px; } #blog-summary .result strong {text-decoration: none; font-weight: normal; } #blog-summary .result .img-placeholder {width: 79px; float: left; margin-right: 15px; } #blog-summary .result .img-placeholder img {width: 100%; } #blog-summary .result .result-details {width: 230px; float: left; padding-top: 15px; } #related-articles {} #related-articles .result {width: 422px; margin-bottom: 20px; } #related-articles .result strong {text-decoration: none; font-weight: normal; } #related-articles .result .img-placeholder {width: 79px; float: left; margin-right: 15px; } #related-articles .result .img-placeholder img {width: 100%; } #related-articles .result .result-details {width: 230px; float: left; padding-top: 15px; } .container.inner #search-tools{position: fixed; width: 360px; left: -360px; top: 0; height: 100%; background: #424242; padding: 20px; z-index: 10; } .container.inner #search-tools #check_availability_link {position: absolute; right: -40px; top: 200px; } .container.inner #search-tools #check_availability_link .sprite_check_availability {display: block; background: #424242 url(/assets/img/check-availability.normal.png) 0px center no-repeat; width: 40px; height: 240px; cursor: pointer; } .container.inner #search-tools #check_availability_link.expanded .sprite_check_availability {background-image: url(/assets/img/check-availability.open.png); } /* INSPIRATION */ form#inspiration-search {margin: 30px 0; background: #F3F3F3; padding: 25px 20px 30px 20px; } form#inspiration-search .medium-group {width: 150px; float: left !important; margin: 0 20px 20px 0; clear: none; } form#inspiration-search .medium-group select {max-width: 150px; } #a-bit-more-about-you {} #a-bit-more-about-you .form-group {float: none; } #a-bit-more-about-you .form-group label {display: block; } #a-bit-more-about-you .col-1 {width: 220px; float: left; } #a-bit-more-about-you .col-2 {width: 220px; float: left; } #a-bit-more-about-you .col-3 {width: 220px; float: left; } #a-bit-more-about-you .col-4 {width: 230px; float: left; } #inspiration-search label input[type=checkbox] {margin-right: 8px; } .nav {width: 490px !important; } .nav li {margin: 0 !important; padding: 0 3px 0 0; width: auto; } .nav li a {background: #003366; color: #FFF !important; text-decoration: none; margin: 0 !important; width: auto; border: none !important; cursor: pointer; padding: 12px 5px 8px 5px !important; } .nav li:hover a {background: #336699; border: none !important; } .nav li.active a, .nav li.active:hover a {background: #F5F5F5; color: #414141 !important; order: none; } /* INSPIRATION */ #update-your-preferences-02 {position: relative; background: #F5F5F5; height: 60px; margin: 0 0 19px 0; } #update-your-preferences-02 .right {float: right; } #update-your-preferences-02 a.update-preferences {display: table-cell; background: #797B7A; height: 60px; width: 286px; vertical-align: middle; padding-left: 20px; color: #FFF; text-decoration: none; font-size: 18px; } #update-your-preferences-02 .sprite_grid {position: absolute; left: 458px; top: 18px; } #update-your-preferences-02 .sprite_list {position: absolute; left: 497px; top: 18px; } #update-your-preferences-03 {position: relative; background: #F5F5F5; height: 60px; margin: 0 0 19px 0; } #update-your-preferences-03 .right {float: right; } #update-your-preferences-03 a.update-preferences {display: table-cell; background: #797B7A; height: 60px; width: 286px; vertical-align: middle; padding-left: 20px; color: #FFF; text-decoration: none; font-size: 18px; } #update-your-preferences-03 .sprite_grid {position: absolute; left: 458px; top: 18px; } #update-your-preferences-03 .sprite_list {position: absolute; left: 497px; top: 18px; } #update-your-preferences-03 form {float: left; padding: 12px 0 0 20px; } #update-your-preferences-03 .btn-group-label {display: inline-block; margin-right: 20px; } #inspiration-results {} #inspiration-results .inspiration-result:nth-child(3n), .inspiration-results .inspiration-result:nth-child(3n) {margin: 0; } .inspiration-result .hotel_thumb_holder {display: block; height: 181px; overflow: hidden; } .inspiration-result {width: 301px; height: 290px; float: left; margin: 0 17px 19px 0; } .inspiration-result .title-block {min-height: 43px; } .inspiration-result .title-block .sprite {margin-bottom: 0 !important; } .dropdown-menu {width: 230px; } /* FEATURED BLOCKS */ .featured-blocks {position: relative; height: 349px; margin-bottom: 35px; width: 940px; } .featured-blocks .featured-block {border: solid 1px #A9A9A9; height: 349px; width: 940px; } /*.featured-blocks .featured-block:nth-child(n+2) {display: none; }*/ .featured-blocks .featured-block .featured-block-imagery {width: 580px; float: right; overflow: hidden; } .featured-blocks .featured-block .featured-block-info {width: 358px; float: right; padding: 70px 20px 0 40px; } .featured-blocks .featured-block .featured-block-info h3 {font-size: 45px; line-height: 50px; } .featured-blocks .featured-block .featured-block-info p {font-size: 20px !important; color: #A9A9A9; } .featured-blocks .featured-block .featured-block-info a.btn {margin-top: 30px; color: #fff !important; } .featured-blocks .btn_prev {left: -30px; } .featured-blocks .btn_next {right: -30px; } /* ACCOMMODATION */ #accommodation-intro {margin: 0 0 30px 0; } #accommodation-links {margin: 0 0 30px 0; } #accommodation-links .btn_blue {width: 299px; margin: 0 20px 10px 0; float: left; } #accommodation-links .navigation li:nth-child(3) a.btn_blue {margin-right: 0; } #accommodation {} #accommodation-map {margin: 0 0 30px 0; } #accommodation-map-api {height: 540px; background: #AFCFFF; } #hotel-search-options {position: absolute; left: 0; top: 60px; width: 939px; background: #FFF; border: solid 1px #F3F3F3; z-index: 10; padding: 0; } #hotel-search-options {display: none; } #hotel-search-options form {padding: 10px; width: 100%; } #hotel-search-options form .checkbox, #hotel-search-options form .radio {padding-bottom: 5px; } #hotel-search-options form label {font-size: 14px; } .ad_blocks.slider , .site_blocks.slider {position: relative; height: 287px; overflow: visible; } .ad_blocks.slider .slides , .site_blocks.slider .slides {width: 938px; overflow: hidden; } .ad_blocks.slider .slide , .site_blocks.slider .slide {width: 970px; } .ad_blocks.slider .btn_prev , .site_blocks.slider .btn_prev {left: -30px; } .ad_blocks.slider .btn_next , .site_blocks.slider .btn_next {right: -30px; } .list_view_inspiration_result {clear: both; border-top: solid 1px #D5D6D6; padding: 10px; } .list_view_inspiration_result:last-child {border-bottom: solid 1px #D5D6D6; } .list_view_thumb_holder {width: 108px; float: left; margin-right: 43px; height: auto; } .list_view_thumb_holder img {max-width: 108px; } .list_view_title_block {width: 585px; float: left; text-align: left; padding: 15px 0 0 0; } .list_view_title_block h4 {margin: 0 0 5px 0; } .list_view_location_review_block {width: 270px; float: left; text-align: left; padding: 15px 0 0 0; } .list_view_location_review_block a {color: #414141 !important; } .list_view_location_review_block a.rating_summary {color: #797979 !important; } .list_view_location_review_block a.location_link {display: block; text-decoration: none; padding-bottom: 2px; } .list_view_pricing_block {width: 180px; float: left; text-align: left; padding: 0; } .list_view_pricing_block a {text-decoration: none; } .list_view_pricing_block .result-extra-title {display: block !important; padding: 10px; } .result-price {color: #AB30D6; font-size: 17px; padding-bottom: 5px; display: block; text-align: right; } .result-price-right {color: #AE1E7A; font-size: 20px; float: right; padding: 0px; } /* ACCOMMODATION INDIVIDUAL */ .hotel-info-panel {min-height: 700px; } #accommodation-individual {position: relative; margin: 0 0 30px 0; } #accommodation-gallery {} #accommodation-individual h1 {height: 60px; border-bottom: 0;} #accommodation-individual h1 .stars {margin-left: 10px; } #accommodation-individual .addThis {height: 80px; } #accommodation-individual .btn_yellow {color: #fff; padding: 5px 50px; } #accommodation-individual p {} #accommodation-individual .l-col > h1 {margin-bottom: 15px; } #hotel-intro {} #hotel-intro p, #hotel-pricing p {font-size: 16px; line-height: 22px; margin: 0 0 20px; } #hotel-intro {font-size: 16px; } #hotel-intro .btn {margin-top: 20px; } #hotel-pricing {background: #F5F5F5; border: solid 1px #DDDDDD; padding: 20px; } #hotel-pricing h3 {font-weight: normal; font-size: 24px; margin: 0 0 15px 0; } #accommodation-individual .nav {font-size: 15px; width: 600px !important; } #accommodation-individual .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; } #accommodation-individual .google-map {height: auto; margin-bottom: 0; } #you-may-also-like {margin-bottom: 30px; } .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; } /* OFFERS */ #offer-bars.nav {width: 900px !important; } #offer-bars.nav a {font-size: 13px; } .inspiration-result {position: relative; } .inspiration-result .subtitle {display: block; padding-top: 10px; float: left; } .inspiration-result .subtitle-inspire {display: block; padding-top: 10px; float: left; font-size: 12px; } .additional-information {position: absolute; top: 0; left: -9999px; width: 100%; height: 100%; z-index: 10; padding: 40px 20px; color: #FFF; background: #333; } .inspiration-result:hover .additional-information {left: 0; } .additional-information .btn {width: 100%; margin-top: 20px; font-size: 18px; } #offers-list .inspiration-result:nth-child(3n+3){margin-right: 0; } /* THINGS TO DO */ #offers-intro h2.separator {padding-bottom: 15px; margin-bottom: 15px; } #things-to-do .nav-tabs {width: 880px !important; } #things-to-do .nav-tabs li {white-space: nowrap; } #things-to-do .nav-tabs li a {font-size: 13px; } #things-to-do .search-bar {margin-bottom: 20px; } #things-to-do .search-bar label {display: block; font-size: 14px; float: left; margin: 5px 20px 0 0; } #things-to-do .search-bar.with-filter label {float: none;} #events-list .inspiration-result:nth-child(3n+3) {margin-right: 0; } .event-summary {} .event-summary .event-summary-details {width: 200px; float: left; text-align: center; font-size: 13px; } .list-view .event-summary {display: table-row; width: 100%; } .list-view .event-summary .cell {display: table-cell; padding: 10px; vertical-align: middle; border-bottom: solid 1px #E0E0E0; } .list-view .event-summary:first-child .cell {border-top: solid 1px #E0E0E0; } .list-view .event-summary .hotel_thumb_holder {width: 150px; } .list-view .event-summary .hotel_thumb_holder img {width: 110px; } .list-view .event-summary-details {padding: 0; margin: 0; text-align: left; width: 780px; } .list-view .event-summary-details h4 {margin: 0; } .list-view .event-summary-details p {} /* EVENT LISTING */ #event {} #event-intro {width: 700px; float: left; padding-top: 10px; } #event-intro h1 {font-size: 38px; margin: 0 0 10px 0; } #event-intro h2 {font-size: 18px; margin: 0 0 30px 0; } .event-photos {clear: both; width: 100%; height: 442px; margin: 0 0 20px 0; } .event-photos .btn_next {right: -30px; } .event-photos .btn_prev {left: -30px; } .hotel-info-panel {} .hotel-info-panel h3.separator {font-size: 20px; padding: 20px 0 5px 0; margin-bottom: 5px; } .hotel-info-panel h3.separator:first-child {padding-top: 0; } .hotel-info-panel ul {margin-left: 15px; } .hotel-info-panel li {padding-left: 15px; margin: 0 0 10px 0; font-size: 14px; } .hotel-info-panel ul.hotel-features {margin-left: 0;} .hotel-summary-listing {padding: 10px; background: #FFF; border: solid 1px #E5E5E5; margin: 0 0 20px 0; } .hotel-summary-listing-placeholder {width: 255px; float: left; } .hotel-summary-listing-placeholder img {width: 220px; } .hotel-summary-listing-details {width: 300px; float: left; } .hotel-summary-listing-details h4 {margin: 0 0 15px 0; } .hotel-summary-listing-details h4 .sprite {display: block; margin-top: 5px; } .hotel-summary-listing-details .price {width: 200px; float: left; font-size: 18px !important; } .hotel-summary-listing-details .btn {font-size: 16px; margin: 0 !important; float: right; } #event {} #accommodation-individual .hotel-summary-listing {width: 100%; min-height: auto; height: auto; } #accommodation-individual .hotel-summary-listing .hotel-summary-listing-placeholder {width: 220px; margin: 0 20px 0 0; float: left; } #accommodation-individual .hotel-summary-listing .hotel-summary-listing-details {width: 310px; text-align: left !important; } #accommodation-individual .hotel-summary-listing .hotel-summary-listing-details h4 {text-align: left; } #accommodation-individual .hotel-summary-listing .hotel-summary-listing-details .sprite {margin: 5px 0; } #accommodation-individual .hotel-summary-listing .hotel-summary-listing-details p {text-align: left; } /* TRAVELLING */ .inner h1 {font-size: 28px; border-bottom: solid 2px #EBEBEB; padding-bottom: 14px; margin: 20px 0; } .map-intro {background: #F5F5F5; text-align: center; padding: 30px; margin-top: 40px; } .map-intro form {width: 430px; margin: 0 auto; } .map-intro .minict_wrapper {width: 300px; float: left; } #travel-routes {height: 1350px; margin: 0 0 50px 0; } #closest-to-you {padding-bottom: 150px; } .blocks-3 .col-md-4 {position: relative; width: 300px; margin: 0 19px 10px 0; background: #F5F5F5; border: solid 1px #EBEBEB; text-align: center; padding: 10px 10px 90px 10px; min-height: 200px; } .blocks-3 .col-md-4:last-child {margin-right: 0; } .blocks-3 .col-md-4 .btn {position: absolute; bottom: 20px; left: 50%; margin-left: -90px; width: 180px; } #closest-to-you .col-md-4 {margin-bottom: 40px; } .logo-holder {display: table-cell; text-align: center; vertical-align: middle; width: 300px; height: 120px; } .logo-holder img {display: inline; } #travelling-individual-intro {} #travelling-individual-intro p {font-size: 16px; } #location-airports {margin: 30px 0 0 0; } #location-airports .col-md-4 {min-height: 0; padding: 20px; } #travelling-individual #tabbed-info {margin-top: 30px; } #airport-details h3.separator {margin-bottom: 30px; } #travelling-individual #location {margin-top: 72px; } #location-details {} #location-details h4 {margin: 30px 0 10px; font-size: 20px; } #location-details p {font-size: 16px; } .icon-block {position: relative; padding: 0 0 10px 75px; min-height: 55px; } .icon-block strong, .icon-block b {font-size: 120%; } .travelling-sprite {position: absolute; display: block; background-image: url(/assets/img/sprites.travelling.png); background-repeat: no-repeat; width: 55px; height: 55px; left: 0; top: -10px; } .trains .travelling-sprite {background-position: 0 0; } .buses .travelling-sprite {background-position: -55px 0; } .shops .travelling-sprite {background-position: -110px 0; } .internet .travelling-sprite {background-position: -165px 0; } .accessibility .travelling-sprite {background-position: -220px 0; } .airport .travelling-sprite {background-position: -275px 0; } #package-features .hotel-listing {display: table-row; width: 100%; } #package-features .hotel-listing:first-child .cell {border-top: 1px solid #E0E0E0; } #package-features .cell {display: table-cell; } #package-features .hotel-thumbnail {width: 140px; } #package-features .hotel-thumbnail img {width: 110px; } #package-features .titles {width: 310px; } #package-features .summaries .result-extra-title {padding: 5px 10px 3px 10px; display: block; margin-bottom: 5px; } #package-features .summaries .result-price {} #package-features {} /* CHECK IN*/ .airline-links {padding: 40px 0; margin-bottom: 50px; } .airline-links ul {list-style-type: none; margin: 0; padding: 0; } .airline-links li {margin: 0; padding: 0; } .airline-links li a {display: block; margin: 0; padding: 0; background: #F7F7F7; width: 220px; height: 220px; float: left; position: relative; border-radius: 50%; margin: 0 15px 15px 0; } .airline-links ul li:nth-child(4n+4) a {margin-right: 0; } .airline-links li a span.icon {position: absolute; display: block; background-image: url(/assets/img/airlines.png); background-repeat: no-repeat; height: 70px; width:200px; top: 60px; left: 10px; } .airline-links li a span.icon span {position: absolute; left: -9999px; } .airline-links li a span.mobile_hide {position: absolute; display: block; bottom: 40px; width: 100%; text-align: center; font-size: 20px; width: 100%; } .airline-links .aer-lingus .icon {background-position: 5px 0; } .airline-links .auringy .icon {background-position: -585px 0; } .airline-links .blueislands .icon {background-position: -765px 0; } .airline-links .british-airways .icon {background-position: -1135px 0; } .airline-links .citywing .icon {background-position: -200px 0; } .airline-links .easyjet .icon {background-position: -403px 0; } .airline-links .flybe .icon {background-position: -940px 0; } .airline-links .jet2 .icon {background-position: -1330px 0; } .airline-links .loganair .icon {background-position: -1525px 0; } #travel-information {} #travel-information .nav-tabs, #travel-information .nav-tabs a {border-bottom: none; } #travel-information .nav-tabs {width: 500px !important; } #travel-information .hotel-info-panel {margin-bottom: 40px; min-height: 100px; } #travel-information .airline-links {margin: 0; } #travel-information .airline-links a {background-color: #FFF; width: 212px; height: 212px; } #travel-information .airline-links li a span.icon {top: 50px; } #travel-information .airline-links a span.mobile_hide {font-size: 16px; } #travel-information .need-help {margin: 0 0 30px 0; } #travel-information .need-help form {padding: 10px 0 0 30px; } #travel-information .need-help h3 {font-size: 26px; margin: 10px 0 30px 0; } #travel-information .need-help form input[type=text], #travel-information .need-help form input[type=email] {width: 60%; } #contact-us {padding-bottom: 30px; } #contact-us h1 {border: none; } #contact-us .need-help {} #contact-us .col-md-4 .inner {padding-left: 30px; } #contact-us .col-md-4 p {margin-bottom: 20px; font-size: 14px; } #contact-us .google-map {height: 200px; } .overlay {position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.7); } #sign-up-02 {display: none; position: fixed; left: 50%; margin-left: -400px; top: 20px; width: 800px; padding: 50px; background: #FFF; z-index: 1001; } #sign-up-02 h3 {display: block; font-size: 22px; width: 100%; margin: 0 0 20px 0; text-align: center; } #sign-up-02 input[type=text], #sign-up-02 input[type=email] {font-size: 14px !important; } #sign-up-02 form {width: 700px !important; } #sign-up-02 p {font-size: 16px !important; text-align: center; margin: 30px auto 10px auto; width: 100%; } #sign-up-02 label {font-size: 13px; padding-top: 10px; } #sign-up-02 .form-group.sm {width: 90%; margin: 0 0 10px 0; } #sign-up-02 .form-group.sm label {text-align: right; } #sign-up-02 .select-group {width: 400px; margin: 0 0 30px 100px; } #sign-up-02 .select-group label {width: 150px; text-align: right; } #sign-up-02 .checkbox-group {width: 300px; margin: 0 auto; padding: 0; } #sign-up-02 .btn_blue {clear: both; float: none; display: block !important; margin: 55px auto 0 240px; width: 150px; } .checkbox {margin-top: 0; } #sign-up-02 label.checkbox {font-size: 16px !important; } .sprite-close {width: 18px; height: 18px; background-position: -2875px -17px; cursor: pointer; } .sprite-close:hover {background-position: -2901px -17px; } #sign-up-02 .sprite-close {position: absolute; right: 20px; top: 20px; } .form-group {clear: both; padding-top: 10px; } #hotel-special-offers {font-size: 14px; } #hotel-special-offers h4 {border-top: solid 2px #EBEBEB; padding-top: 14px; margin-top: 20px; } #hotel-special-offers div:first-child h4 {border-top: none; padding-top: 0; margin-top: 10px; } #update-your-preferences-03 form#query-form {width: 100%; padding-top: 0; } #update-your-preferences-03 form#query-form .btn-group-label {margin-top: 20px; } #update-your-preferences-03 form#query-form .btn-group {margin-top: 2px; } #offers-intro p {font-size: 18px; } #inspiration-display.container.inner, #contact-us.container.inner {padding-left: 0; padding-right: 0; width: 938px; } /*#accommodation-individual .google-map a.map-link*/ .r-col .google-map a.map-link {display: block; padding: 15px 0 0 0; font-size: 18px !important; } .latest_offer_block .slider_block_title {font-size: 18px !important; } #package-accommodation {} #package-accommodation .hotel-summary-listing-details {} #package-accommodation .hotel-summary-listing-details > h4 {font-size: 22px; } .offer a.details h4, .offer a.details p {color: #414141 !important; } #travel-information.container.inner, #check-in.container.inner {padding: 0; width: 938px; } #cookie-bar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 0; color: #fff; left: 0; position: fixed; width: 100%; z-index: 10000; } #cookie-bar a { color: #fff; } #cookie-bar p { margin: 10px auto; padding: 12px 15px; position: relative; 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; } /****** PF - CUSTOM LANDING PAGE 2016 ******/ .half-offer-banner { position: relative; float: left; width: 459px; padding: 20px; color: #414141; background: #F6F7F8; border: 1px solid #D5D6D6; } .half-offer-banner.left { margin: 20px 10px 30px 0px; } .half-offer-banner.right { margin: 20px 0px 30px 10px; } .half-offer-banner h3 { font-size: 22px !important; } .half-offer-banner a { color: #ffffff !important; text-decoration: none; } /****** PF - HOMEPAGE LAST MINUTE OFFERS 2016 ******/ #latest_offers_horizontal .site_blocks.slider {height: 320px; } #latest_offers_horizontal .site_block { height: 310px; } #latest_offers_horizontal .site_block p.slider_block_text { font-size: 16px !important; margin-top: 15px !important; } .result-price-center {color: #AE1E7A; font-size: 22px; text-align: center; padding: 5px 0 0 0; } /****** PF Holiday Idea Additions - 24.06.2016 ******/ h1.holiday-ideas { font-size: 36px; font-weight: 500; margin-top: -10px; text-align: center; } section.holiday-ideas-panels, section.holiday-ideas-article { padding-bottom: 30px; } .ideas-panel { position: relative; float: left; overflow: hidden; height: 318px; } .ideas-panel.two-thirds { width: 617px; } .ideas-panel.third { width: 296px; } .ideas-panel.two-thirds.left, .ideas-panel.third.left { margin: 0px 25px 25px 0px; } .ideas-panel.two-thirds.right, .ideas-panel.third.right { margin: 0px 0px 25px 0px; } .ideas-panel .title-container, .ideas-hero .title-container { z-index: 0; text-align: center; width: 100%; padding-top: 40px; position: absolute; top: 0; left: 0; } .ideas-panel .title-container h4, .ideas-hero .title-container h1 { display: inline-block; color: #ffffff; } .ideas-panel .title-container h4 { font-size: 28px; } .ideas-hero .title-container h1 { font-size: 34px; border-bottom: none; } .ideas-panel .title-container h4 span.sub-large, .ideas-hero .title-container h1 span.sub-large { font-size: 0.85em; text-transform: uppercase; } .ideas-panel .title-container h4 span.sub, .ideas-hero .title-container h1 span.sub { font-size: 0.7em; text-transform: uppercase; } .ideas-panel img { z-index: -10; } .ideas-panel a:hover { opacity: 0.65; filter:Alpha(opacity=65); } h3.holiday-ideas { font-size: 28px; font-weight: 500; text-align: center; margin-top: 40px; } h4.holiday-ideas { font-size: 22px; font-weight: 500; text-align: center; margin-top: 35px; } h5.holiday-ideas { font-size: 18px; font-weight: 600; text-align: center; margin-top: 20px; } p.ideas-intro { font-size: 18px !important; font-weight: 500 !important; } p.ideas-intro.center { text-align: center; } p.ideas-body { font-size: 16px !important; } img.ideas-hero { position: relative; float: left; width: 100%; margin: 20px 0px; } .article-column { position: relative; float: left; width: 50%; margin: -10px 0px 5px; } .article-column.left { padding-right: 15px; } .article-column.right { padding-left: 15px; } .ideas-article-recommendation { position: relative; width: 350px; } .ideas-article-recommendation.left { float: left; padding: 20px 20px 20px 0px; } .ideas-article-recommendation.right { float: right; padding: 20px 0px 20px 20px; } .ideas-article-recommendation p.quote { font-size: 18px !important; font-weight: 500; font-style: italic; } .ideas-article-recommendation p.quote.large { font-size: 22px !important; } .ideas-article-recommendation p.person { font-size: 16px !important; text-align: right; } img.hero { z-index: -10; margin-bottom: 20px; } img.article-left { float: left; margin: 20px 20px 20px 0px; } img.article-right { float: right; margin: 20px 0px 20px 20px; } @media (max-width: 997px){ .ideas-panel.two-thirds { width: 63%; } .ideas-panel.third { width: 30%; } .ideas-panel.two-thirds.left, .ideas-panel.third.left { margin: 0px 20px 20px 0px; } .ideas-panel.two-thirds.right, .ideas-panel.third.right { margin: 0px 0px 20px 0px; } img.hero { width: 100%; } }