/* CSS Document */ body { background-color: #FFF !important; color: #606060 !important; margin: 0px; padding: 0px; font-size: 16px; line-height: 1.75em; font-family: "Roboto Slab", "Open Sans", Helvetica, Arial, sans-serif !important; } body, td, th, input, textarea, select, a { } @media (min-width: 992px) and (max-width: 1199px) { body { font-size: 14px; line-height: 1.75em; } } @media (min-width: 768px) and (max-width: 991px) { body { font-size: 14px; line-height: 1.75em; } } @media (max-width: 767px) { } /* Black: #000 White: #FFF Orange: #F46224 */ input[type=text], input[type=email], input[type=password], input[type=tel], select, textarea { border: 1px solid #E3E3E3; background: #FFF; color: #444; padding: 4px 8px; font-size: 14px; line-height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 40px; } textarea { height: auto; min-height: 6em; } h1 { color: inherit; font-size: 36px; line-height: 1.2em; margin: 0px 0px 15px; font-weight: 400; } h2 { color: inherit; font-size: 24px; line-height: 1.33em; margin: 20px 0px; font-weight: 300; } h3 { color: inherit; font-size: 18px; line-height: 1.33em; margin: 20px 0px; font-weight: normal; } h4 { color: inherit; font-size: 16px; line-height: 1.5em; margin: 20px 0px 10px; font-weight: bold; } p { margin: 1.5em 0px 0px; } p:first-child { margin-top: 0px; } a, a:visited, a:hover, a:focus, a:link, a b, a strong{ color: #F46224; text-decoration: none; cursor: pointer; outline: none; transition: none; } a:hover { color: #444; } a img { border: none; margin: 0px; padding: 0px; outline: none; } .clear { clear: both; margin: 0px; padding: 0px; height: 0px; border: none; background: none; outline: none; } a.btn, a.button, input.btn, input.button, button.btn, button.button { display: inline-block; cursor: pointer; color: #FFF; font-size: 12px; line-height: 18px; padding: 8px 12px; text-decoration: none; border: none; text-transform: uppercase; border-radius: 0px; transition: none; background: #F46224; margin: 0px; } a.btn:hover, a.button:hover, input.btn:hover, input.button:hover, button.btn:hover, button.button:hover { background: #F46224; color: #FFF; } a.btn, a.button { display: inline-block; } .btn.dark, .button.dark { background: #333; color: #FFF; } .btn.dark:hover, .button.dark:hover { background: #666; color: #FFF; } .btn.white, .button.white { background: #FFF; color: #F46224; } .btn.white:hover, .button.white:hover { background: #DDD; color: #F46224; } .help { display: block; font-size: 11px; line-height: 1.5em; } .required:before { margin-right: 3px; } picture > img { display: block !important; float: none !important; margin: 0px !important; padding: 0px !important; border: none !important; outline: none !important; } /* header */ #header { position: relative; z-index: 1000; background: #FFF; border-bottom: 1px solid #EEE; } #header .container { position: relative; z-index: 999; margin-top: 10px; margin-bottom: 10px; } #header .container > div { display: block; float: left; } #header #hd_right > div { display: block; float: right; } #header #hd_logo { } #header #hd_right { display: block; float: right; } #header #hd_search { float: left; margin: 25px 36px 0px 0px; } #header #hd_login { float: right; text-align: right; margin-top: 25px; } #header #hd_social { float: right; margin: 25px 0px 0px 24px; padding: 4px 0px; } #header #hd_social a { display: inline-block; } #header #hd_social a + a { margin-left: 3px; } #header #hd_social a picture, #header #hd_social a img { } #header #hd_menu { display: none !important; } #header #logo { display: block; margin: 0px auto; } #header #logo picture, #header #logo img { display: inline-block; margin: 0px; padding: 0px; border: none; outline: none; height: 90px !important; width: auto !important; } #header #home-logo { display: none; } #header .search { position: relative; } #header .search input[type=text] { display: block; width: 480px; height: 40px; padding: 3px 46px 3px 12px; transition: none !important; background: #FAFAFA; } #header .search .button-search { position: absolute; top: 1px; right: 1px; width: 38px; height: 38px; border-left: 1px solid #E3E3E3; } #header .search .button-search picture, #header .search .button-search img { display: inline-block; margin: 9px; } #header .login { display: block; float: left; border: 1px solid #E8E8E8; background: #FFF; text-align: center; font-size: 13px; line-height: 20px; padding: 9px 12px; text-transform: uppercase; color: #606060; } #header .login:hover { text-decoration: none; background: #EEE; } .currency { display: block; position: relative; float: left; color: #606060; margin: 0px 0px 0px 6px; z-index: 60; font-size: 13px; line-height: 16px; text-align: left; font-weight: 400; padding: 0px; } .currency .current { display: block; border: 1px solid #E8E8E8; padding: 11px 30px 11px 12px; background: url('../image/arrow-currency.png') calc(100% - 12px) 50% no-repeat; cursor: pointer; } .currency .current picture, .currency .current img { display: block; float: left; margin-right: 6px; border: 1px solid #DDD; } .currency.open .current { background-color: #EEE; } .currency strong { color: inherit; } .currency form { position: absolute; top: 100%; right: 0px; width: 100%; display: none; background: #FFF; border: 1px solid #E8E8E8; border-top: none; z-index: 61; padding: 4px 0px; } .currency form a { display: block; margin: 0px; padding: 6px 12px; font: inherit; color: inherit; text-decoration: none; } .currency form a:hover { background: #EEE; } .currency form a picture, .currency form a img { display: block; float: left; margin-right: 6px; border: 1px solid #DDD; } @media (min-width: 992px) and (max-width: 1199px) { #header .search input[type=text] { width: 400px; } } @media (min-width: 768px) and (max-width: 991px) { #header #hd_login { margin-top: 2px; } #header #hd_search { clear: right; float: right; margin: 6px 0px 0px; } } @media (max-width: 767px) { #header { border: 0; } #header .container { position: relative; margin: 0px; padding: 0px; text-align: right; height: 84px; } #header .container:after { display: block; content: ''; clear: both; } #header .container > div { position: initial; display: inline-block; vertical-align: top; float: none; text-align: left; height: 100%; } #header .login { float: none; text-align: left; border: 0; } #header .login > img { margin-right: 8px; } #header #hd_logo { display: block; float: left; padding: 10px 18px; } #header #hd_logo #logo, #header #hd_logo #home-logo { height: 100%; margin: 0px; } #header #hd_logo #logo picture, #header #hd_logo #home-logo picture, #header #hd_logo #logo img, #header #hd_logo #home-logo img { display: block; height: 100% !important; } #home #header #hd_logo #logo { display: none; } #home #header #hd_logo #home-logo { display: block; } #header #hd_right { } #header #hd_right > div { display: flex !important; align-items: center; float: left; padding: 10px 18px; height: 100%; } #header #hd_right > div.hidden-xs { display: none !important; } #header #hd_right > #hd_social { display: none !important; float: none; margin: 0px; } #header #hd_right > #hd_social a + a { margin-left: 6px; } #header #hd_login { float: none; margin: 0px; text-align: left; } #header #hd_login .login { float: none; border: none; background: none; padding: 0px; text-transform: none; } #header #hd_login .login picture, #header #hd_login .login img { display: block; width: auto !important; height: 24px !important; } #header #hd_search { margin: 0px; } #header #hd_search .mobile-search { } #header #hd_search .mobile-search picture, #header #hd_search .mobile-search img { display: block; width: auto !important; height: 32px !important; } #header .search, #hd_search_homepage .search { display: none; top: 100%; left: 0px; right: 0px; border: 2px solid #f46224;} #header .search.mobile_search { display: block; } #hd_search_homepage .search {position: relative;} #header .search input[type=text], #hd_search_homepage .search input[type=text] { display: block; width: 100%; height: 44px; padding: 3px 8px; transition: none !important; border: none; border-radius: 0px; background: #FAFAFA; } #header .search input[type=text]:focus-visible, #hd_search_homepage .search input[type=text]:focus-visible { outline: 0; } #header .search .button-search, #hd_search_homepage .search .button-search { position: absolute; right: 0; border: none; padding-top: 12px; padding-left: 16px; background-color: #f46224; } #header .search .button-search { top: 0; width: 50px; height: 100%; } #hd_search_homepage .search .button-search { top: 0px; width: 49px; height: 45px; } #header .search .button-search picture, #header .search .button-search img, #hd_search_homepage .search .button-search picture, #hd_search_homepage .search .button-search img { display: block; margin: 0px; filter: brightness(0) invert(1); } body:not(#home).search_open #header { padding-bottom: 48px; } body:not(#home).search_open #header .mobile_search { display: block !important; } body#home #hd_search_homepage .search { display: block !important; } body#home #header { position: absolute; width: 100%; background: transparent; } #header #hd_menu { } #header #hd_menu #mm-head { } #header #hd_menu #mm-head picture, #header #hd_menu #mm-head img { } #header #hd_menu #mm-head .mm-bars { display: block; } #header #hd_menu #mm-head .mm-close { display: none; } #header #hd_menu #mm-body { display: none; position: absolute; top: 100%; left: 0px; right: 0px; height: calc(100vh - 90px); background: #FFF; overflow: scroll; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding-bottom: 120px; } body.menu_open { overflow: hidden; } body.menu_open #header { } body.menu_open #header .mm-body { display: block !important; } #header #hd_menu ul { display: block; margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #DDD; } #header #hd_menu ul li { display: block; margin: 0px; padding: 0px; } #header #hd_menu ul li a, #header #hd_menu ul li span { display: block; font-size: 16px; line-height: 1.5em; color: #606060; padding: 4px 10px; cursor: pointer; } #header #hd_menu ul.L1 { background: #FFF; } #header #hd_menu ul.L1 > li { } #header #hd_menu ul.L1 > li + li { border-top: 1px solid #DDD; } #header #hd_menu ul.L1 > li > a, #header #hd_menu ul.L1 > li > span { text-transform: uppercase; padding: 12px 10px; font-weight: 600; } #header #hd_menu ul.L1 > li > a > picture { float: left; margin-right: 8px; } #header #hd_menu ul.L1 > li > a:before, #header #hd_menu ul.L1 > li > span:before { display: block; float: right; width: 18px; height: 18px; content: ''; background: url('../image/mobile/icon-mobile-menu-arrow.svg') center no-repeat; background-size: contain; margin-top: 3px; } #header #hd_menu ul.L2 { display: none; background: #EEE; } #header #hd_menu ul.L2 > li { } #header #hd_menu ul.L2 > li + li.haskids { border-top: 1px solid #DDD; } #header #hd_menu ul.L2 > li > a { padding: 8px 10px; } #header #hd_menu ul.L2 > li > span { text-transform: uppercase; padding: 12px 10px; font-weight: 600; } #header #hd_menu ul.L2 > li > a:before { } #header #hd_menu ul.L2 > li > span:before { display: block; float: right; width: 18px; height: 18px; content: ''; background: url('../image/mobile/icon-mobile-menu-arrow.svg') center no-repeat; background-size: contain; margin-top: 3px; } #header #hd_menu ul.L3 { display: none; background: #EEE; } #header #hd_menu ul.L3 > li { } #header #hd_menu ul.L3 > li + li { } #header #hd_menu ul.L3 > li > a, #header #hd_menu ul.L3 > li > span { padding: 8px 10px; font-weight: 400; } #header #hd_currency { } #header #hd_currency > span { } #header #hd_currency > span picture, #header #hd_currency > span img { display: inline-block; vertical-align: top; margin: 4px 4px 0px 0px; } #header #hd_currency > span strong { display: inline-block; vertical-align: top; } #header #hd_currency form { } #header #hd_currency form a { padding: 8px 10px !important; } #header #hd_currency form a picture, #header #hd_currency form a img { display: inline-block; vertical-align: top; margin: 4px 4px 0px 0px; } #header #hd_currency form a strong { display: inline-block; vertical-align: top; color: inherit; } #header #hd_menu.open #mm-head .mm-bars { display: none; } #header #hd_menu.open #mm-head .mm-close { display: block; } #header #hd_menu.open #mm-body { display: block; } #header #hd_menu.open #mm-body li.open > ul { display: block; } #header #hd_menu.open #mm-body li.open > ul.L2 { } #header #hd_menu.open #mm-body li.open > ul.L3 { padding-bottom: 8px; } #header #hd_menu.open #mm-body li.open > a:before, #header #hd_menu.open #mm-body li.open > span:before { transform: rotate(90deg); } #home #header #hd_menu #mm-head .mm-bars, #home #header #hd_menu #mm-head .mm-close { filter: brightness(0) invert(1); } } /* top menu */ #topmenu { display: block; margin: 0px; padding: 0px; background: #FFF; z-index: 999; border-bottom: 1px solid #EEE; position: sticky; top: 0px} #topmenu .container { position: relative; font-size: 16px; line-height: 24px; } #topmenu table { width: auto; margin: 0px; padding: 0px; border: none; border-spacing: 0px; border-collapse: collapse; z-index: 999; } #topmenu table td { vertical-align: top; padding: 0px; } #topmenu table td .wrapper { display: block; margin: 0px; padding: 0px; } #topmenu table td .wrapper a { display: block; text-decoration: none; color: #606060; transition: none !important; font: inherit; line-height: inherit; } #topmenu table td .wrapper > a { margin: 0px; padding: 13px 12px; text-decoration: none; text-align: center; text-transform: uppercase; } #topmenu table td .submenu { position: absolute; top: 100%; left: 15px; right: 15px; background: #FFF; padding: 15px 10px; z-index: 999; display: none; border: 1px solid #F46224; border-bottom-width: 5px; color: #606060; } #topmenu table td .submenu table { } #topmenu table td .submenu table td { text-align: left; padding: 0px 10px; } #topmenu table td .submenu table td + td { } #topmenu table td .submenu table td .p3-heading { margin: 30px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px solid #999; text-transform: uppercase; font: inherit; line-height: inherit; font-weight: bold; color: inherit; } #topmenu table td .submenu table td .p3-heading:first-child { margin-top: 0px; } #topmenu table td .submenu table td .p3-heading a { font: inherit; line-height: inherit; color: inherit; } #topmenu table td .submenu table td .p3-heading a:hover { color: #F46224; } #topmenu table td .submenu table td ul { list-style: none; margin: 0px; padding: 0px; } #topmenu table td .submenu table td ul li { } #topmenu table td .submenu table td ul li + li { margin-top: 2px; } #topmenu table td .submenu table td ul li a { text-decoration: none; color: inherit; } #topmenu table td .submenu table td ul li a:hover { color: #F46224; } #topmenu table td.multilevel .submenu table { width: 100%; } #topmenu table td.multilevel .submenu table td { width: 16.6666%; } #topmenu table td.simple .submenu table { width: auto; } #topmenu table td.simple .submenu table td { width: 225px; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { #topmenu .container { font-size: 14px; line-height: 20px; } #topmenu table td .submenu table td ul li + li { margin-top: 3px; } } @media (min-width: 992px) { #topmenu { /*box-shadow: 0px 3px 2px -2px #EEE;*/ } #topmenu .container > table { /*float: right;*/ float: none; width: 100%; display: table!important; } #topmenu table td:hover .wrapper > a { color: #F46224; } #topmenu table td.haskids:hover .wrapper > a { position: relative; border: 1px solid #F46224; border-bottom: none; padding: 12px 11px 13px; } #topmenu table td.haskids:hover .wrapper > a:after { display: block; content: ''; height: 1px; background: #FFF; position: absolute; bottom: -1px; left: 0px; right: 0px; z-index: 1000; } #topmenu table td:hover .submenu { display: block !important; } } @media (max-width: 991px) { .navbar-toggle { display: block; float: none; cursor: pointer; margin: 0px !important; padding: 5px 0px; color: #F46224; } .navbar-toggle button { border: 1px solid #F46224; background: #FFF; color: inherit; padding: 6px 8px; border-radius: 6px; } .navbar-toggle .icon-bar { background: #F46224; } .navbar-toggle .text { margin-left: 3px; } .navbar-toggle.collapsed { color: #606060; } .navbar-toggle.collapsed button { border-color: #606060; } .navbar-toggle.collapsed .icon-bar { background: #606060; } /*#topmenu .container > table { display: none !important; text-align: left; } #topmenu .container > table tbody, #topmenu .container > table tbody tr, #topmenu .container > table tbody td { display: block; padding: 0px; width: 100%; } #topmenu table td .wrapper > a { display: inline-block; text-align: left; padding: 5px 0px; text-transform: none; } #topmenu table td .submenu { position: relative; top: auto; left: auto; right: auto; width: 100%; } #topmenu table td .submenu table td { width: 100% !important; } #topmenu table td.multilevel .submenu table td + td { margin-top: 20px; } #topmenu table td .submenu table td h3 { padding: 0px; border: none; } #topmenu table td .submenu table td a { display: inline-block; }*/ #topmenu .container > table.in { display: block !important; padding-bottom: 15px; } #topmenu table td .submenu.open { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } /* end top menu */ /* end header */ /* footer */ #footer { clear: both; overflow: auto; background: #F2F2F2; color: inherit; font-size: 13px; line-height: 20px; } #footer .container { padding-top: 36px; padding-bottom: 36px; overflow: auto; } #footer .clearfix:after { margin-bottom: 30px; } #footer h3 { margin: 30px 0px 8px; font-weight: 400; font-size: 13px; line-height: 20px; } #footer h3:first-child { margin-top: 0px; } #footer h3 a { font: inherit; line-height: inherit; color: inherit; } #footer ul { margin: 0px; padding: 0px; list-style: none; } #footer ul li { margin: 5px 0px 0px; } #footer a { color: inherit; font-weight: 300; } #footer a:hover, #footer a:focus { color: #F46224; text-decoration: none; } #footer .social { margin-top: 30px; } #footer .social:first-child { margin-top: 0px; } #footer .social .sociallinks { display: block; margin: 0px 0px 0px; } #footer .social .sociallinks a { display: inline-block; margin: 0px; padding: 0px; } #footer .social .sociallinks a + a { margin-left: 3px; } #footer .social .sociallinks a picture, #footer .social .sociallinks a img { display: block; margin: 0px; padding: 0px; } #branding { background: #F2F2F2; font-size: 13px; line-height: 20px; font-weight: 300; } #branding .container { padding-top: 18px; padding-bottom: 36px; } #branding .left { text-align: left; } #branding .right { text-align: right; } #branding a { font: inherit; line-height: inherit; color: inherit; } #branding a:hover, #branding a:focus { color: #F46224; text-decoration: none; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { #footer { } #footer .container { padding-top: 24px; padding-bottom: 24px; } #footer .container > .row { margin-top: -24px; } #footer .clearfix { margin-bottom: 30px; } #footer h3 { display: block; font-size: 18px; line-height: 24px; margin: 0px 0px 12px; padding: 0px; } #footerlinks { } #footerlinks .clearfix { display: none !important; } #footerlinks > div[class*=col-] { padding: 0px; } #footerlinks h3 { margin: 0px; padding: 12px 10px; border-bottom: 1px solid #DDD; cursor: pointer; } #footerlinks h3:before { display: block; float: right; width: 18px; height: 18px; content: ''; background: url('../image/mobile/icon-mobile-menu-arrow.svg') center no-repeat; background-size: contain; margin-top: 3px; } #footerlinks h3 a { display: block; margin: -8px -10px; padding: 8px 10px; } #footerlinks ul { display: none; margin: 0px; padding: 0px; list-style: none; font-size: 16px; line-height: 1.5em; } #footerlinks ul li { display: block; margin: 0px; padding: 0px; } #footerlinks ul li a { display: block; padding: 6px 10px; } #footerlinks h3.open:before { transform: rotate(90deg); } #footerlinks h3.open + ul { display: block; } #branding .container { padding-top: 0px; } #branding .left { text-align: left; } #branding .right { text-align: left; } } /* end footer */ .footernews { margin: 36px 0px; } .footernews .container { } .footernews .row { margin-left: -2px; margin-right: -2px; } .footernews .row > div[class*=col-] { padding-left: 2px; padding-right: 2px; } .footernews .row > div[class*=col-] > div { padding: 30px 36px; background: #F2F2F2; } .footernews h3 { font-size: 24px; line-height: 1em; margin: 0px; } .footernews p { margin: 24px 0px 0px; font-weight: 300; line-height: 1.75em; } .footernews .btn { font-size: 14px; line-height: 20px; padding: 10px 12px; } .footernews form { display: block; margin: 24px 0px 0px; } .footernews form .form-control { display: block; float: left; width: 49%; margin: 0px 0px 16px; } .footernews form .form-control + .form-control { margin-left: 2%; } .footernews form .btn { display: block; clear: both; margin: 0px; } @media (min-width: 992px) and (max-width: 1199px) { .footernews form { margin-top: 16px; } } @media (min-width: 768px) and (max-width: 991px) { .footernews h3 { font-size: 21px; line-height: 1.5em; } .footernews p { margin-top: 20px; font-size: 14px; } .footernews form { margin-top: 19px; } .footernews form .form-control { float: none; width: 100%; margin: 0px 0px 12px; } .footernews form .form-control + .form-control { margin-left: 0%; } } @media (max-width: 767px) { .footernews { margin: 0px 0px 24px; } .footernews .row > div[class*=col-] + div[class*=col-] { margin-top: 16px; } .footernews h3 { line-height: 1.5em; } .footernews form .form-control { float: none; width: 100%; margin: 0px 0px 12px; } .footernews form .form-control + .form-control { margin-left: 0%; } } /* main page layout */ #content { width: 100%; left: auto !important; right: auto !important; } #column-left + #content, #column-right + #content { float: left; width: 75%; } #column-left + #column-right + #content { width: 50%; } #column-left, #column-right { width: 25%; left: auto !important; right: auto !important; } #column-left { float: left; } #column-right { float: right; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { #column-left #search .intro { font-size: 16px; line-height: 1.5em; } #column-left #search input[type=button] { font-size: 16px; line-height: 35px; height: 35px; } } @media (min-width: 768px) and (max-width: 991px) { #column-left, #column-right { width: 30%; } #column-left + #content, #column-right + #content { width: 70%; } #column-left + #column-right + #content { width: 40%; } #column-left #search .intro { font-size: 14px; line-height: 1.5em; } #column-left #search input[type=button] { font-size: 14px; line-height: 30px; height: 30px; } } @media (max-width: 767px) { #content, #column-left, #column-right { float: none !important; width: 100% !important; } } #below-menu { position: relative; } #above-footer { } /* end main page layout */ /* main content area */ #pagecontent { } #pagecontent .container { padding-top: 30px; padding-bottom: 30px; } body#home #pagecontent .container { padding-top: 0px; } .pageintro { margin: 12px 0px 20px; } /* end main content area */ /* breadcrumbs */ .breadcrumb { display: block; margin: 0px 0px 30px; padding: 0px; font-size: 11px; line-height: 16px; background: none; border-radius: 0px; } .breadcrumb:after { display: block; content: ''; clear: both; } .breadcrumb > li { position: relative; display: block; float: left; margin: 0px; padding: 0px; vertical-align: top; max-width: 100%; } .breadcrumb > li:before { display: none; } .breadcrumb > li:first-child a { -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; -border-radius: 3px 0px 0px 3px; } .breadcrumb > li + li { margin-left: 1px; } .breadcrumb > li + li:before { display: block; position: absolute; content: ''; width: 4px; height: 16px; top: 0px; left: -4px; background: url('../image/crumb-end-left-orange.png') center no-repeat; } .breadcrumb > li:after { display: block; position: absolute; content: ''; width: 4px; height: 16px; top: 0px; right: -4px; background: url('../image/crumb-end-right-orange.png') center no-repeat; } .breadcrumb a { display: block; color: #FFF; max-width: 100%; overflow: hidden; margin: 0px 0px 0px 3px; padding: 0px 4px 0px 5px; text-decoration: none; background: #F46224; } .breadcrumb a:hover { color: #BBB; } .breadcrumb > li:last-child:before { background-image: url('../image/crumb-end-left-grey.png'); } .breadcrumb > li:last-child:after { display: block; position: absolute; content: ''; width: 4px; height: 16px; top: 0px; right: -4px; background: url('../image/crumb-end-right-grey.png') center no-repeat; } .breadcrumb > li:last-child a { background: #F2F2F2; color: #606060; } .breadcrumb > li:last-child a:hover { color: #000; } /* breadcrumbs */ /* sidebar specific stuff */ .sidebar > .row + .row { margin-top: 36px; } .sidebar > .row > :first-child { margin-top: 0px !important; } #column-left #search { max-width: 255px; margin: 0px auto 15px; padding: 15px; background: #4E4E4E; text-align: center; } #column-left #search #logo { display: block; margin: 0px; padding: 0px; } #column-left #search #logo picture, #column-left #search #logo img { display: block; padding: 0px; margin: 0px auto 15px; } #column-left #search .intro { font-size: 18px; line-height: 1.33em; margin: 15px 0px 10px; padding-left: 2px; font-weight: 300; color: #FFF; } #column-left #search input[type=text] { width: 100%; } #column-left #search select { width: 100%; margin: 5px 0px 0px; } #column-left #search input[type=button] { width: 100%; margin: 5px 0px 0px; font-size: 18px; line-height: 40px; height: 40px; } #column-left #search .mobileintro { margin: 15px 0px; } @media (max-width: 767px) { #pagecontent .container { padding-top: 16px; padding-bottom: 24px; } .sidebar > .row + .row { margin-top: 0px; } .sidebar .box.logosearch { margin-bottom: 0px; } #column-left #search { max-width: 100%; } } /* end sidebar specific stuff */ /* boxes */ .box { } .box + .box { margin-top: 30px; } .box .box-heading { font-size: 24px; line-height: 1.33em; font-weight: 400; margin: 0px; padding: 0px; color: #606060; } .box .box-content { } .sidebar .box .box-heading { } .sidebar .box ul { list-style: none; margin: 0px; padding: 0px; } .sidebar .box ul li { margin: 0px; padding: 2px 0px 2px 6px; background: url('../image/bullet-orange.png') 0px 14px no-repeat; } .sidebar .box ul li a { padding: 0px 3px; } .sidebar .box ul li a:hover { color: #999; } ul.orangebullets { list-style: none; margin: 0px; padding: 0px; } ul.orangebullets li { margin: 0px; padding: 2px 0px 2px 6px; background: url('../image/bullet-orange.png') 0px 10px no-repeat; } ul.orangebullets li a { padding: 0px 3px; } ul.orangebullets li a:hover { color: #999; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { .box .box-heading { font-size: 18px; line-height: 1.33em; } } @media (min-width: 768px) and (max-width: 991px) { .box .box-heading { font-size: 17px; line-height: 1.33em; } } @media (max-width: 767px) { .box .box-heading { margin-bottom: 20px; } .sidebar .box { display: none; } .sidebar .box.logosearch { display: block; } .sidebar .box.displayfilter { display: block; } .sidebar .box.mfilter-box { display: block; } .sidebar .box.account { display: block; } } .box.greyblock { margin-top: 25px; } .box.greyblock:first-child { margin-top: 0px; } .box.greyblock .box-heading { background: #F2F2F2; font-size: 18px; line-height: 1.5em; padding: 10px 15px 9px; border-bottom: 1px solid #DDD; text-transform: uppercase; } .box.greyblock .box-content { background: #F2F2F2; padding: 15px 15px; font-size: 14px; line-height: 1.5em; } .box.greyblock .box-content strong { } .box.greyblock .box-content a { font: inherit; line-height: inherit; color: inherit; } .box.greyblock .box-content a.button { font-size: 12px; line-height: 12px; } .box.greyblock .box-content ul { list-style: none; margin: 0px; padding: 0px; } .box.greyblock .box-content ul li { display: inline-block; margin: 0px 2px 0px 0px; padding: 0px 10px 0px 0px; background: url('../image/bullet-orange.png') right no-repeat; } .box.greyblock .box-content ul li:last-child { background: none; margin-right: 0px; padding-right: 0px; } .box.greyblock table.form { } .box.greyblock table.form td { width: auto; } .box.greyblock input[type=text], .box.greyblock input[type=email], .box.greyblock input[type=password], .box.greyblock textarea { margin-bottom: 10px; } .box.greyblock label { font-weight: normal; } .box.greyblock .form-group { margin: 10px 0px; } .box.greyblock #captcha { display: inline-block; max-width: 40%; } .box.greyblock .captchabox { display: inline-block; float: right; height: 33px; vertical-align: top; margin: 1px 0px; width: 58%; } .box.greyblock select { } .box.greyblock .required { } .box.greyblock .error { } .box.enquire { } .box.enquire .box-content { font-size: 13px; line-height: 1.5em; } /* end boxes */ /* slideshow (carousel) */ .carousel { position: relative; margin-bottom: 36px; } .carousel .carousel-inner { } .carousel .carousel-inner > .item { } .carousel .carousel-inner > .item a { } .carousel .carousel-inner > .item picture, .carousel .carousel-inner > .item img { width: 100%; } .carousel .carousel-inner > .item .slidetext { position: absolute; bottom: 12px; left: 15%; width: 70%; height: 280px; color: #FFF; text-shadow: 0px 0px 3px #000; text-align: center; font-size: 18px; line-height: 1.5em; } .carousel .carousel-inner > .item .slidetext h2 { font-size: 60px; line-height: 1.25em; font-weight: 700; color: inherit; margin: 0px; } .carousel .carousel-inner > .item .slidetext p { margin: 30px 0px 0px; padding: 0px; } .carousel .carousel-inner > .item .slidetext a { text-decoration: none; color: inherit; } .carousel .carousel-inner > .item .slidetext a.btn { background: none; border: 1px solid #FFF; font-size: 16px ; line-height: 1.5em; padding: 10px 20px; border-radius: 0px; } .carousel .carousel-inner > .item .slidetext > :first-child { margin-top: 0px; } .carousel .carousel-indicators { display: block; position: absolute; top: 100%; left: 0px; width: 100%; height: 36px; z-index: 899; text-align: center; margin: 0px; padding: 12px 0px; font-size: 0px; line-height: 12px; color: transparent; } .carousel .carousel-indicators a { display: inline-block; margin: 0px 3px; padding: 0px; width: 12px; height: 12px; font-size: 0px; color: transparent; text-indent: -50000px; background: #CCC; border-radius: 50%; } .carousel .carousel-indicators a.active { background: #F46224; } .mobile_slide_container { display:none; background: #f46224; color: #ffffff; padding: 10px 10px; } .mobile_slide_container .mobile_slidetext { text-shadow: 0 1px 3px #000000; text-align: center; max-width: 300px; margin-left: auto; margin-right: auto; } .mobile_slide_container .mobile_slidetext h2 { font-weight: bold; margin: 0; font-size: 30px; margin-bottom: 10px; } .mobile_slide_container .mobile_slidetext p { margin-top: 0; margin-bottom: 16px; } .mobile_slide_container .mobile_slidetext a { color: #ffffff; text-transform: uppercase; display: block; position: relative; font-size: 15px; } .mobile_slide_container .mobile_slidetext a:after { content: '\2192'; display: inline-block; position: relative; margin-left: 4px; vertical-align: top; line-height: 24px; } @media (min-width: 992px) and (max-width: 1199px) { .carousel .carousel-inner > .item .slidetext { left: 5%; width: 90%; height: 240px; } .carousel .carousel-inner > .item .slidetext h2 { font-size: 48px; line-height: 1.25em; } .carousel .carousel-inner > .item .slidetext p { margin: 18px 0px 0px; } } @media (min-width: 768px) and (max-width: 991px) { .carousel .carousel-inner > .item .slidetext { left: 3%; width: 94%; height: 200px; } .carousel .carousel-inner > .item .slidetext h2 { font-size: 32px; line-height: 1.25em; margin: 0px; } .carousel .carousel-inner > .item .slidetext p { margin-top: 12px; font-size: 14px; line-height: 1.5em; } } @media (max-width: 767px) { .carousel { display: none; } .slide_container0 { min-height: 0; } .slide_container1 { display: block; padding: 0px; background-color: #343030; } .slide_container1 .container { padding: 0px; } #slideshow1 { display: block; margin-bottom: 0px; } #slideshow1 .slidetext { width: 100%; top: 0px; left: 0px; height: 100%; display: none; } #slideshow1 .slidetext h2 { font-size: 24px; line-height: 1.33em; margin-top: 30px; } #slideshow1 .carousel-indicators { display: none; } .mobile_slide_container1 { display: block; background: transparent; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; } .mobile_slide_container .mobile_slidetext { max-width: none; text-align: left; } .mobile_slide_container .mobile_slidetext h2 { font-size: 40px; line-height: 44px; } .mobile_slide_container .mobile_slidetext p { font-size: 13px; line-height: 23px; } .mobile_slide_container .mobile_slidetext > div { display: none !important; } } .availability_checker { } .carousel .availability_checker { position: absolute; bottom: 0px; left: 60px; right: 60px; background: rgba(0, 0, 0, 0.7); color: #FFF; padding: 24px 24px 30px; } .availability_checker .title { display: block; text-align: center; margin: 0px; font-weight: 400; } .availability_checker .intro { display: block; text-align: center; margin: 0px 0px 18px; } .availability_checker .fields { display: table; width: 100%; margin: 0px; padding: 0px; border: none; } .availability_checker .fields .field { display: table-cell; vertical-align: top; padding: 0px 2px; text-align: left; } .availability_checker .fields .field label { display: block; font-size: 16px; line-height: 1em; font-weight: normal; text-align: left; width: auto; margin: 0px 0px 8px; cursor: pointer; } .availability_checker .fields .field .form-control { display: block; width: 100%; border-radius: 0px; } .availability_checker .fields .field select { min-width: 240px; height: 40px; } .availability_checker .fields .field input[type=text] { } .availability_checker .fields .field input[type=checkbox] { display: inline-block; vertical-align: bottom; margin: 0px; } .availability_checker .fields .field button { font-size: 16px; line-height: 24px; padding: 8px 24px; border: none; } .availability_checker .fields .field button picture, .availability_checker .fields .field button img { position: relative; display: inline-block; vertical-align: middle; margin-left: 8px; } .availability_checker .fields .field.arrival input[type=text] { background: url('/image/data/availability-checker/calendar_icn.png') calc(100% - 6px) 50% no-repeat #FFF; } .availability_checker .fields .field .pm { display: block; margin: 8px 0px 0px; } .availability_checker .fields .field .pm:after { display: block; content: ''; clear: both; } .availability_checker .fields .field .pm label { float: left; font-size: 0.75em; margin: 0px; } .availability_checker .fields .field .pm label + label { margin-left: 16px; } .availability_checker .fields .field .pm label.pm_1day { } .availability_checker .fields .field .pm label.pm_3days { } .availability_checker .fields .field .pm input[type=checkbox] { } .availability_checker .fields .field.search { padding-top: 24px; } .availability_checker .fields .field.ac_error { } .availability_checker .fields .field.ac_error label { } .availability_checker .fields .field.ac_error select, .availability_checker .fields .field.ac_error input[type=text] { border-color: #F00; background-color: #FBB; } .availability_checker .fields .ac_errormsg { display: none; } .top_checker { background: #F46224; color: #FFF; border-bottom: 1px solid #FFF; } .top_checker .container { padding-top: 12px; padding-bottom: 12px; text-align: center; } .top_checker .title { display: block; text-align: center; margin: 0px 0px 12px; } .top_checker .intro { display: none; line-height: 20px; margin: 0px 0px 16px; } .top_checker .fields { display: inline-block; vertical-align: top; width: auto; margin-left: 8px; } .top_checker .fields .field { display: inline-block; vertical-align: top; width: auto; padding: 0px; } .top_checker .fields .field.search { padding-top: 20px; } .top_checker .fields .field + .field { margin-left: 4px; } .top_checker .fields .field label { font-size: 14px; line-height: 1em; margin: 0px 0px 6px; } .top_checker .fields .field .form-control { height: 32px; } .top_checker .fields .field select { min-width: 0px; height: 32px; padding: 4px 8px; } .top_checker .fields .field input[type=text] { } .top_checker .fields .field button { font-size: 14px; line-height: 20px; padding: 5px 12px; border: 1px solid #FFF; } .top_checker .fields .field button picture, .top_checker .fields .field button img { width: auto !important; height: 16px; margin-left: 4px; } .top_checker .fields .field .pm { margin-top: 6px; } .availability_checker { bottom: auto; left: auto; right: auto; padding: 18px; } .availability_checker .title { font-size: 21px; line-height: 1.33em; } .availability_checker .fields { display: block; } .availability_checker .fields .field { display: block; } .availability_checker .fields .field + .field { margin-top: 12px; } .availability_checker .fields .field.search { margin-top: 20px; } .availability_checker .fields .field label { margin-bottom: 4px; } .availability_checker .fields .field.search label { display: none; } .availability_checker .fields .field .form-control { font-size: 16px; } .availability_checker .fields .field select { min-width: 180px; height: 32px; } .availability_checker .fields .field input[type=text] { height: 32px; } .availability_checker .fields .field button { display: block; width: 100%; padding: 6px 12px 5px; } .availability_checker .fields .field button picture, .availability_checker .fields .field button img { margin-left: 4px; width: auto; height: 16px; top: -2px; } .top_checker { padding: 0px; background: transparent; color: #5f5a59; } .top_checker .container { padding: 0px; } .top_checker .title { display: none; text-align: center; font-size: 18px; line-height: 1.5em; margin: 0px; padding: 20px 15px; cursor: pointer; } .top_checker .fields { display: block !important; margin: 0px; padding: 15px 15px 15px; } .top_checker .fields .intro { display: none; } .top_checker .fields .row { margin-left: -5px; margin-right: -5px; } .top_checker .fields .row > div[class*=col-] { padding-left: 5px; padding-right: 5px; } .top_checker .fields .field { margin-top: 12px; } .top_checker .fields .field label { display: block; margin: 0px 0px 6px; padding: 0px; } .top_checker .fields .field > label { display: none; } .top_checker .fields .field .form-control { display: block; width: 100%; height: 34px !important; } .top_checker .fields .field select option { padding: 2px 5px; } .top_checker .fields .field button { font-size: 15px; padding: 8px 8px; border: none; outline: none !important; } .top_checker .fields .field button picture, .top_checker .fields .field button img { display: none !important; } .top_checker .fields .field.dest { margin-top: 0px; } .top_checker .fields .field.search { margin-top: 12px; padding-top: 0px; } /* Home page specifics */ #home #content .cr2block:before { display: block; width: 100%; height: 0px; content: ''; border-top: 1px solid #DDD; margin-bottom: 36px; } #home #content .cr2block h1 { font-size: 36px; line-height: 1.33em; } #home #content .cr2block h2 { } #home #content .cr2block p { } @media (max-width: 767px) { #home #content > .row { margin-top: 36px; } } /* Category Page */ #category h1 { font-size: 40px; color: #333333; font-weight: bold; } .category-info { margin-bottom: 20px; float: none; width: auto; } .category-info .catdesc { } .lower_desc { display: block; clear: both; margin-top: 25px; padding-top: 20px; border-top: 1px solid #5C5C5C; } .category-list { overflow: auto; margin: 25px -2px; padding: 0px; } .category-list > div { padding: 1px 2px; } .category-list .cat { position: relative; overflow: hidden; background: #F5F5F5; padding-bottom: 75%; } .category-list .cat a { color: #FFF; text-decoration: none; } .category-list .cat div { display: block; margin: 0px; padding: 0px; } .category-list .cat .image { position: absolute; top: 0px; left: 0px; width: 100%; } .category-list .cat .image a, .category-list .cat .image picture, .category-list .cat .image img { display: block; margin: 0px; padding: 0px; width: 100%; } .category-list .cat .detail { position: absolute; top: 159px; left: 0px; width: 100%; height: 100%; padding: 0px; background: rgba(0, 0, 0, 0.5); color: #FFF; transition: background 0.5s; } .category-list .cat .detail.hasdesc.raised { background: rgba(0, 0, 0, 0.75); } @media (max-width: 767px) { .category-list .cat .detail { background: rgba(0, 0, 0, 0);} } .category-list .cat .name { font-size: 18px; line-height: 20px; font-weight: 300; padding: 0px; cursor: pointer; } .category-list .cat .name a { display: block; padding: 15px; font: inherit; line-height: inherit; color: inherit; } .category-list .cat .desc { border-top: 1px solid rgba(255, 255, 255, 0.5); margin: 0px 15px; padding: 5px 0px 0px; max-height: 12em; overflow: hidden; font-size: 14px; line-height: 1.5em; } .category-list .cat .desc a { text-decoration: underline; } .category-list .cat .hasdesc .name { background: url('../image/expand-plus.png') right no-repeat; padding: 15px 0px; margin: 0px 15px; } .category-list .cat .hasdesc .name a { display: inline; padding: 0px; } .category-list .cat .hasdesc.raised .name { background-image: url('../image/expand-minus.png'); } .box .category-list { margin: 15px 0px 0px; padding: 0px; border: none; } .box.featured-category { } .box.featured-category .box-heading { } #home #content .row + .row { margin-top: 48px; } #featured-category0 { display:none; } #home #content .row:nth-child(2) { margin-top: 0px; } @media (min-width: 1200px) { .category-list .cat .detail { top: 161px; } } @media (min-width: 992px) and (max-width: 1199px) { .category-list .cat .detail { top: 133px; } .category-list .cat .hasdesc .name { font-size: 15px; line-height: 20px; padding: 10px 0px; } .category-list .cat .desc { font-size: 12px; line-height: 18px; max-height: 113px; } /* max-height = 6 lines + 5px */ } @media (min-width: 768px) and (max-width: 991px) { .category-list .cat .detail { top: 145px; } .category-list .cat .hasdesc .name { font-size: 15px; line-height: 20px; padding: 10px 0px; margin: 0px 8px; } .category-list .cat .desc { margin: 0px 8px; padding-top: 10px; font-size: 13px; line-height: 20px; max-height: 130px; } } @media (max-width: 767px) { .category-list { display: none; } .featured-category .category-list { display: block; } #featured-category0 { display:block; } #featured-category0 .box-heading { display:none; } #home #content .row:nth-child(1) { margin-top: 0px; } #home #content .row:nth-child(2) { margin-top: 48px; } #featured-category1 { display:block; } .category-list .cat .detail { top: 0px; } .category-list .cat .name { display: block; background: none !important; text-align: center; width: 100%; height: 100%; margin: 0px !important; padding: 0px !important; } .category-list .cat .name a { display: block !important; position: relative; height: 100%; font-size: 18px; line-height: 1.25em; font-weight: 400; padding: 25% 16px 0px !important; } .category-list .cat .desc { display: none !important; } /* .category-list .cat .name, .category-list .cat .hasdesc .name{background: none; text-align: center; position: relative; top: 50%; transform: translateY(-50%);} .category-list .cat .desc{display: none;} .category-list .cat .detail{top: 0;} .category-list > div{padding: 2px 0;} .category-list .cat .detail.hasdesc.raised{background: transparent;} */ .category-prods .grid-view { width: 100% !important; } .category-prods.product-grid { border-bottom: 1px solid #5C5C5C; margin: 0; } .category-prods .grid-view > div[class*=col-] { padding: 0;} .category-info .catdesc { margin-top: 24px; } #category .lower_desc { margin-top: 0; padding-top: 0; border-top: 0; } #category .paging .pagenav { text-align: right; margin-bottom: 6px; } #category .paging .results { text-align: right; } } /* Product filter */ .product-filter { margin: 0px 0px 3px; padding: 9px 10px 8px; font-size: 14px; line-height: 28px; background: #F2F2F2; } .product-filter > div.clearfix { display: block; } .product-filter > div + div { margin-left: 8px; } .product-filter .title { display: inline-block; margin-right: 2px; } .product-filter select { font-size: 13px; padding: 2px 5px; height: 30px; } .product-filter .country { } .product-filter .month { } .product-filter .limit { } .product-filter .sort { } body#category .product-filter .limit { float: right !important; margin-left: 0px; } body#category .product-filter .sort { float: left !important; } .product-filter .clearfix:after { margin-bottom: 15px; } @media (min-width: 768px) { .product-filter { text-align: center; } .product-filter > div { display: inline-block; float: none !important; } } @media (max-width: 767px) { .product-filter { padding: 8px 12px; margin-bottom: 18px; } body#category .product-filter .limit, body#category .product-filter .sort { float: none !important; } .product-filter > div + div { margin-top: 10px; margin-left: 0px; } .product-filter .title { display: block; } .product-filter select { width: 100%; } .product-filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } } .infoatts { font-size: 14px; line-height: 1.5em; } .infoatts > span { display: block; border: none; } .infoatts > span span { display: inline-block; } .infoatts > span .attval:before { display: inline-block; vertical-align: baseline; width: 18px; height: 12px; background: center no-repeat; background-size: contain; margin-right: 8px; } .infoatts > span.bedrooms .attname, .infoatts > span.guests .attname { display: none; } .infoatts > span.bedrooms .attval, .infoatts > span.guests .attval { font-size: 18px; font-weight: 600; } .infoatts > span.bedrooms .attval:before { background-image: url('../image/icon-sleeps.png'); content: ''; } .infoatts > span.guests .attval:before { background-image: url('../image/icon-guests.png'); content: ''; } /* Product Grid Layouts */ .product-grid { clear: both; margin: 3px 0px 0px; } .grid-view { margin: 0px -2px; } .grid-view > div[class*=col-] { position: relative; margin: 0px; padding: 2px 2px; overflow: hidden; } .grid-view .prod { display: block; background: #F5F5F5; padding-bottom: 75%; } .grid-view .prod.row_start { clear: both; } .grid-view .prod.row_end { } .grid-view .prod .image { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; display: block; padding: 0px; } .grid-view .prod .image a { display: block; margin: 0px; padding: 0px; width: 100%; } .grid-view .prod .image a:before { display: block; content: ''; float: left; padding-top: 75%; } .grid-view .prod .image a picture, .grid-view .prod .image a img { display: block; margin: 0px; padding: 0px; width: 100%; } .grid-view .prod .image a picture.offerflash, .grid-view .prod .image a img.offerflash { position: absolute; top: 0px; right: 0px; width: 95px; height: 68px; display: block; margin: 0px; padding: 0px; } .grid-view .prod .detail { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; display: block; padding: 1px 2px; background: rgba(0, 0, 0, 0.75); color: #FFF; text-decoration: none; } .grid-view .prod .image + .detail { opacity: 0; } .grid-view .prod .detail .wrapper { position: absolute; top: 0px; left: 0px; width: 100%; max-height: 100%; padding: 12px 15px; overflow: hidden; } .grid-view .prod .detail .wrapper > span { display: block; margin: 0px; padding: 0px; } .grid-view .prod .detail .name { font-size: 18px; line-height: 1.33em; } .grid-view .prod .detail .address { display: none; margin: 3px 0px 0px; } .grid-view .prod .detail .price { margin: 10px 0px 0px; padding: 10px 0px 0px; border-top: 1px solid rgba(255, 255, 255, 0.5); height: auto; } .grid-view .prod .detail .price-new { display: inline-block; font-weight: bold; } .grid-view .prod .detail .price-old { display: inline-block; font-size: 12px; color: #AAA; text-decoration: line-through; margin-left: 5px; } .grid-view .prod .detail .price-tax { display: none; /* display: block; font-size: 12px; color: #858585; */ } .grid-view .prod .detail .minimum { display: block; font-size: 12px; font-weight: normal; } .grid-view .prod .detail .offeroverview { display: block; } .grid-view .prod .detail .rating { display: none; margin: 7px 0px 0px; height: 14px; } .grid-view .prod .detail .rating picture, .grid-view .prod .detail .rating img { display: block; margin: 0px; padding: 0px; } .grid-view .prod .detail .infoatts { margin: 4px 0px 0px; } .grid-view .prod .detail .infoatts > span { display: inline-block; vertical-align: middle; } .grid-view .prod .detail .infoatts > span + span { margin-left: 12px; padding-left: 15px; border-left: 1px solid #DDD; } .product-grid .availability_unknown { display: block; margin: 2px 0px; padding: 6px 12px; border: 1px solid #F46224; border-left: none; border-right: none; text-align: center; background: #F2F2F2; color: #F46224; font-size: 14px; line-height: 1.5em; } .sidebar .grid-view { width: 100% !important; } .sidebar .grid-view .prod { width: 50%; } .sidebar .grid-view .prod .detail { top: 2px; left: 2px; right: 2px; bottom: 2px; width: auto; height: auto; } .sidebar .grid-view .prod .detail .wrapper { padding: 5px; } .sidebar .grid-view .prod .detail .wrapper span { display: none; } .sidebar .grid-view .prod .detail .wrapper .name { display: block; font-size: 12px; line-height: 1.5em; max-height: 100%; } @media (min-width: 768px) { .grid-view { width: 100% !important; } .grid-view .prod .detail .infoatts { margin: 6px 0px 0px; } .grid-view .prod .detail .infoatts > span.bedrooms .attval:before { background-image: url('../image/icon-sleeps-white.png'); } .grid-view .prod .detail .infoatts > span.guests .attval:before { background-image: url('../image/icon-guests-white.png'); } } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { .grid-view .prod .detail .wrapper { padding: 7px 10px; } .grid-view .prod .detail .name { font-size: 15px; line-height: 1.33em; } .grid-view .prod .detail .address { font-size: 12px; line-height: 1.5em; } .grid-view .prod .detail .price { margin-top: 0.5em; padding-top: 0.5em; } .grid-view .prod .detail .rating { margin-top: 2px; } .grid-view .prod .detail .infoatts { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .grid-view .prod .detail .wrapper { padding: 7px 10px; } .grid-view .prod .detail .name { font-size: 15px; line-height: 1.33em; } .grid-view .prod .detail .infoatts { display: none; } .sidebar .grid-view .prod { width: 100%; } .sidebar .grid-view .prod .detail .wrapper .name { font-size: 14px; line-height: 1.75em; } } @media (max-width: 767px) { .grid-view .prod { background: none; padding-bottom: 0px; } .grid-view .prod .image { position: relative; top: auto; left: auto; bottom: auto; right: auto; border: none; } .grid-view .prod .detail { position: relative; top: auto; left: auto; bottom: auto; right: auto; border: none; opacity: 1 !important; background: none; color: inherit; } .grid-view .prod .detail .wrapper { position: relative; top: auto; left: auto; display: block; max-height: none; padding: 12px 0px 18px; } .grid-view .prod .detail .wrapper > span { line-height: 1.5em; margin-bottom: 16px; } .grid-view .prod .detail .wrapper > span.address { display: none; } .grid-view .prod .detail .wrapper > span.rating { display: none; } .grid-view .prod .detail .wrapper > span.infoatts { margin-bottom: 0; } .grid-view .prod .detail .name { font-size: 16px; line-height: 1.5em; } .grid-view .prod .detail .price { border: none; margin-top: 8px; padding-top: 0px; } .grid-view .prod .detail .minimum { font-size: 16px; } .box .product-grid { display: block; width: calc(100% + 30px); overflow: scroll; margin: 0px -15px; } .box .product-grid .row { display: block; width: auto; margin: 0px; padding: 0px 10px; } .box .product-grid .row > div[class*=col-] { display: block; float: left; width: calc(100vw - 30px); padding: 0px; } .box .product-grid .prod { margin: 0px 10px; } /* .grid-view .prod .image{border: 0;} .grid-view .prod .detail .price-new{font-weight: 400;} .grid-view .prod .detail .offeroverview,.grid-view .prod .detail .infoatts, .grid-view .prod .detail .minimum{color: #606060; font-weight: 300; font-size: 16px; line-height: 1.4em;} .grid-view .prod .detail .infoatts{line-height: 1.5em;} .grid-view .prod{margin: 20px auto;} .product-grid .prod .image a { height: 180px; padding-left: 1px; padding-right: 1px; } .product-grid .prod .image a picture, .product-grid .prod .image a img { top: 125%; position: relative; } .product-grid .prod .image a picture.offerflash, .product-grid .prod .image a img.offerflash { top: -2px; right: 1px; } #multi-featured-1 .product-grid .prod.first_row .image a picture.offerflash, #multi-featured-1 .product-grid .prod.first_row .image a img.offerflash { top: -2px; } */ #specials #content .grid-view { width: 100% !important; } #content.searchresults .grid-view { width: 100% !important; } } /* Pagination */ .paging { margin-top: 15px; font-size: 16px; line-height: 40px; font-weight: 300; padding: 2px 0px; } .paging:after { display: block; clear: both; content: ''; } .paging .results { } .paging .pagenav { } .paging .pagination { width: auto; list-style: none; margin: 0px; padding: 0px; float: right; } .paging .pagination li { display: inline-block !important; vertical-align: top; text-align: center; background: none !important; padding: 0px !important; } .paging .pagination li + li { } .paging .pagination li span , .paging .pagination li a { display: block; float: none; margin: 0px; padding: 0px; font: inherit; line-height: inherit; color: inherit; background: #F2F2F2; border: 1px solid #EEE; text-decoration: none; width: 40px; height: 40px; } .paging .pagination li.first { display: none !important; } .paging .pagination li.prev a { background: url('../image/paging-prev.png') center no-repeat #F2F2F2; font-size: 0px; text-indent: -50000px; color: transparent; } .paging .pagination li.next a { background: url('../image/paging-next.png') center no-repeat #F2F2F2; font-size: 0px; text-indent: -50000px; color: transparent; } .paging .pagination li.last { display: none !important; } .paging .pagination li.active { } .paging .pagination li a:hover, .paging .pagination li.active span { border: 1px solid #666; color: #000; background-color: #F2F2F2; border-radius: 0px; } @media (min-width: 992px) and (max-width: 1199px) { .paging { font-size: 14px; line-height: 30px; } .paging .pagination li span, .paging .pagination li a { width: 30px; height: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .paging { font-size: 14px; line-height: 30px; } .paging .pagination li span, .paging .pagination li a { width: 30px; height: 30px; } } @media (max-width: 767px) { .paging { font-size: 14px; line-height: 30px; text-align: center; margin-top: 0px; } .paging.paging-top { margin-bottom: 12px; } .paging.paging-bottom { } .paging .pagination { float: none; margin-top: 10px; } .paging .pagination:empty { display: none; } .paging .pagination li + li { margin-left: 3px; } .paging .pagination li span, .paging .pagination li a { width: 30px; height: 30px; } } /* End Pagination */ /* Product page */ .prodtitle { } .prodtitle h1 { } .prodtitle .propaddr { font-size: 24px; line-height: 1.33em; font-weight: 300; margin: 30px 0px; } .product-info { margin-left: -2px; margin-right: -2px; overflow: initial; } .product-info > div { padding-left: 2px !important; padding-right: 2px !important; } .product-info .bookable { display: block; background: #222; color: #FFF; font-size: 16px; line-height: 24px; font-weight: 700; padding: 8px 15px; margin: 0px 0px 2px; text-transform: uppercase; } .product-info .enquire { display: block; background: #F46224; color: #FFF; font-size: 16px; line-height: 24px; font-weight: 700; padding: 8px 15px; margin: 0px 0px 2px; text-transform: uppercase; } .product-info .enquire:after { display: block; float: right; content: ''; width: 8px; height: 24px; background: url('../image/arrow-right-white.png') center no-repeat; } .product-info .prodimages { margin: 0px -2px 1px; } /* .row */ .product-info .prodimages > div { padding-left: 2px; padding-right: 2px; } .product-info .image { display: block; margin: 0px; padding: 0px; border: none; } .product-info .image .image_wrapper { position: relative; display: block; margin: 0px; padding: 0px; } .product-info .image .image_wrapper:after { display: block; content: ''; clear: both; } .product-info .image .image_wrapper .imgcount { position: absolute; bottom: 3px; right: 3px; padding: 0px 8px; background: rgba(0, 0, 0, 0.4); color: #FFF; } .product-info .image .image_wrapper .imgcount span { display: inline-block; vertical-align: top; } .product-info .image .image_wrapper .imgcount .imgno { } .product-info .image .image_wrapper .imgcount .sep { margin: 0px 3px; } .product-info .image .image_wrapper .imgcount .imgtotal { } .product-info .image .image_wrapper .imgnav { position: absolute; top: 0px; bottom: 0px; width: 15%; opacity: 0; background: center no-repeat rgba(0, 0, 0, 0.4); transition: opacity 0.5s; cursor: pointer; z-index: 1; } .product-info .image .image_wrapper:hover .imgnav { opacity: 1; } .product-info .image .image_wrapper .prev { left: 0px; background-image: url('../image/arrow-image-nav-left.png'); } .product-info .image .image_wrapper .next { right: 0px; background-image: url('../image/arrow-image-nav-right.png'); } .product-info .image a { display: block; margin: 0px; padding: 0px; } .product-info .image picture, .product-info .image img { display: block; margin: 0px; padding: 0px; } .product-info .image .caption { display: block; font-size: 14px; line-height: 20px; margin: 3px 0px 0px; padding: 10px 15px; background: #F2F2F2; text-align: left; } .product-info .image-additional { display: block; overflow: hidden; margin-bottom: 0px } .product-info .image-additional .imageblockwrapper { display: block; height: 423px; margin-left: -2px; margin-right: -2px; overflow: hidden; } .product-info .image-additional .imageblockwrapper > div { display: block; height: 100%; padding-left: 2px; padding-right: 2px; } .product-info .image-additional .imageblock a { display: block; margin: 3px 0px 0px; z-index: 2; border: none; box-sizing: border-box; } .product-info .image-additional .imageblock picture, .product-info .image-additional .imageblock img { display: block; margin: 0px; padding: 0px; border: none; z-index: 1; } .product-info .image-additional .imageblock > :first-child { margin-top: 1px; } .product-info .image-additional .moreimages { position: relative; display: block; background: #F2F2F2; margin: 3px 0px 0px; text-align: center; font-size: 14px; line-height: 40px; } .product-info .image-additional .moreimages .previmages { position: absolute; top: 0px; left: 0px; width: 25px; height: 40px; cursor: pointer; background: url('../image/images-arrow-left.png') 8px 50% no-repeat; } .product-info .image-additional .moreimages .nextimages { position: absolute; top: 0px; right: 0px; width: 25px; height: 40px; cursor: pointer; background: url('../image/images-arrow-right.png') 15px 50% no-repeat; } .product-info .image-additional .imageblock a.current { outline: 2px solid #F46224; outline-offset: -2px; } .product-info .image-additional .imageblock a.current picture, .product-info .image-additional .imageblock a.current img { } @media (max-width: 767px) { /* body#product #pagecontent .container { padding-top: 0; } */ .product-info > div { padding-left: 0px !important; padding-right: 0px !important; } .product-info .prodimages { margin: -15px -15px 0px; } .product-info .prodimages > div { padding: 0px; } .product-info .image .image_wrapper .imgcount { bottom: 10px; right: 50%; transform: translateX(50%) } .product-info .image .image_wrapper .imgnav { width: 50%; opacity: 1; transition: none; background-color: transparent; } .product-info .image .image_wrapper .imgnav.prev { background-position: 15px 50%; } .product-info .image .image_wrapper .imgnav.next { background-position: calc(100% - 15px) 50%; } .product-info .image .caption { display: none; } .product-info .image-additional { display: none; } } .product-info .description { margin-top: 2px; font: inherit; line-height: inherit; font-weight: 300; } .product-info .info { margin-top: 2px; } .product-info .box { margin: 36px 0px 0px; padding: 36px 0px 0px; border-top: 1px solid #DDD; background: #FFF; } .product-info .info .box { margin: 2px 0px 0px; padding: 15px; border: none; } .product-info .box:first-child { margin-top: 12px; padding-top: 0px; border-top: none; } .product-info .box .box-heading { margin-bottom: 4px; } .product-info .box .box-content { } .product-info .box .box-content a { font: inherit; line-height: inherit; color: inherit; } .product-info .box .box-content a.button { font-size: 12px; line-height: 12px; color: #FFF; } .product-info .box .box-content ul { list-style: none; margin: 0px; padding: 0px; } .product-info .box .box-content ul li { display: block; margin-left: 2px; padding-left: 10px; background: url('../image/bullet-orange.png') 0px 12px no-repeat; } .ui-datepicker { z-index: 9999 !important; } .product-info .box.availability .box-content { } .product-info .box.availability .box-content p { margin-top: 12px; } .product-info .box.availability .date { margin-top: 12px; } .product-info .box.availability .date .ui-datepicker { max-width: 100%; } .product-info .box.availability .date .ui-datepicker td { width: 14.2857%; } .product-info .box.availability .date .ui-datepicker td span, .product-info .box.availability .date .ui-datepicker td a { text-align: center; } .product-info .box.availability .date .ui-datepicker td.booked { opacity: 1 !important; } .product-info .box.availability .date .ui-datepicker td.booked span, .product-info .box.availability .date .ui-datepicker td.booked a { background: #FAA; border: 1px solid #C00; color: #444; } .product-info .box.availability .ui-state-default, .product-info .box.availability .ui-widget-content .ui-state-default, .product-info .box.availability .ui-widget-header .ui-state-default .ui-state-active, .product-info .box.availability .ui-widget-content .ui-state-active, .product-info .box.availability .ui-widget-header .ui-state-active { border: 1px solid #D3D3D3; font-weight: normal; color: #555; background: #E6E6E6; cursor: default; } .product-info .box.special_offer { background: #F46224; color: #FFF; padding: 15px 20px; margin-top: 0px; } .product-info .box.special_offer .box-heading { color: #FFF; } .product-info .box.special_offer .offer { } .product-info .box.special_offer .offer + .offer { margin-top: 25px; } .product-info .box.special_offer .offer h4 { margin: 0px 0px 0px; } .product-info .box.special_offer .offer p { margin: 0px; } .product-info .box.one_off_feature { background: #222; color: #FFF; padding: 15px 20px; } .product-info .box.special_offer + .box.one_off_feature { margin-top: 2px; } .product-info .box.one_off_feature .box-heading { color: #F46224; } .product-info .box.one_off_feature .box-content { } .product-info .box.propinfo { background: #F2F2F2; } .product-info .box.propinfo .box-heading { } .product-info .box.propinfo .box-content { } .product-info .box.propinfo .box-content .infoblock { margin: 20px 0px 0px; } .product-info .box.propinfo .box-content .infoblock:first-child { margin-top: 0px; } .product-info .box.propinfo .box-content .infoblocktitle { font-weight: 700; } .product-info .box.propinfo .box-content .infoblocktitle strong { } .product-info .box.propinfo .box-content .infoblockinfo { font-weight: 300; } .product-info .box.writereviewlink .box-content { } .product-info .box.writereviewlink .box-content p { margin: 10px 0px 0px; } .product-info .box.writereviewlink .box-content p:first-child { margin-top: 0px; } .product-info .box.writereview { display: none; } .product-info .info .pricebox { background: #F46224; padding: 15px; color: #FFF; } .product-info .info .price { font-size: 13px; line-height: 1.5em; color: inherit; border: none; padding: 0px; } .product-info .info .pricetext { display: block; text-transform: uppercase; font-weight: bold; } .product-info .info .price-new { font-size: 22px; line-height: 1.33em; } .product-info .info .price-old { color: #F00; text-decoration: line-through; } .product-info .info .priceto { display: block; } .product-info .info .minimum { display: block; font-weight: normal; } .product-info .info .infoatts { display: block; margin: 12px 0px; } .product-info .info .infoatts > span { display: inline-block; vertical-align: middle; } .product-info .info .infoatts > span + span { margin-left: 12px; padding-left: 15px; border-left: 1px solid #DDD; } .product-info .info .reviewslink { font-size: 14px; line-height: 1.5em; margin: 10px 0px 0px; padding: 10px 0px 0px; border-top: 1px solid #DD570D; } .product-info .info .reviewslink a { color: #FFF; font: inherit; line-height: inherit; } .product-info .info .rating { display: none; /* position: relative; display: block; padding: 0px; margin: 15px 0px 20px; font-size: 13px; line-height: 21px; overflow: auto; */ } .product-info .info .rating .ooprating { display: block; font-weight: 300; text-transform: uppercase; margin: 0px 0px 5px; } .product-info .info .rating picture, .product-info .info .rating img { position: relative; display: block; float: left; margin-right: 10px; } .product-info .info .rating a { color: #FFF; font: inherit; line-height: inherit; } .product-info .info .share { display: none; margin: 15px 0px 0px; overflow: auto; color: #FFF; } .product-info .info .share .addthis_button_compact { color: #FFF; } .product-info .info .links { clear: both; display: block; padding: 15px 0px 0px; margin: 10px 0px 0px; border-top: 1px solid #DD570D; font-size: 13px; line-height: 21px; overflow: auto; } .product-info .info .links a { text-align: center; display: block; } .product-info .info .links a + a { margin-top: 2px; } .product-info .info .links a.dark { font-size: 21px; line-height: 40px; padding: 0px 15px; } .product-info .info .links a.white { font-size: 14px; } .product-info .info .links a.button_external { font-size: 17px; padding: 0px 8px; } .product-info .info .share:first-child + .links { margin-top: 0px; padding-top: 0px; border-top: none; } .product-info .googlemap { margin-top: 2px; background: #F2F2F2; } .product-info .googlemap iframe { display: block; border: none !important; margin: 0px; padding: 0px; max-width: 100% !important; width: 100% !important; height: 200px !important; } .product-info .googlemap .maplink { display: block; text-align: right; padding: 5px 8px; font-size: 11px; line-height: 1.5em; } .product-info .googlemap .maplink a { } .product-info .googlemap .notexact { text-align: center; font-size: 12px; line-height: 1.5em; padding: 5px 8px; } @media (min-width: 768px) { .product-info .info .infoatts > span.bedrooms .attval:before { background-image: url('../image/icon-sleeps-white.png'); } .product-info .info .infoatts > span.guests .attval:before { background-image: url('../image/icon-guests-white.png'); } } @media (min-width: 768px) and (max-width: 991px) { .product-info .googlemap iframe { height: 300px !important; } } @media (max-width: 767px) { .product-info .box.special_offer + .box.one_off_feature { margin-top: 0px; } } #review { } #review .review { display: block; margin: 0px; padding: 12px 0px; } #review .review + .review { border-top: 1px solid #DDD; } #review .review > div { display: block; margin: 0px; padding: 0px; } #review .review .reviewrating { display: none; margin: 0px; padding: 0px; line-height: 20px; } #review .review .reviewauthor { font-weight: bold; } #review .review .reviewtext { margin-top: 8px; } #review .review .reviewdate { display: none; font-size: 13px; line-height: 20px; margin-top: 4px; color: #000; font-weight: 400; } #review .paging { margin: 0px; border-top: 2px solid #DDD; } #tab-write-review { } #tab-write-review .review-input { display: block; margin: 0px; padding: 0px; } #tab-write-review .review-input + .review-input { margin-top: 15px; } #tab-write-review .review-input .title { display: block; font-size: 14px; line-height: 1.5em; } #tab-write-review .review-input .input { display: block; margin: 3px 0px 0px; } #tab-write-review .review-input .input small { display: block; font-size: 11px; } #tab-write-review .review-input .input small span { font-weight: bold; color: #F60 !important; } #tab-write-review .review-input.username { } #tab-write-review .review-input.username .input input[type=text] { width: 220px; } #tab-write-review .review-input.usertext { } #tab-write-review .review-input.usertext .input textarea { width: 97%; } #tab-write-review .review-input.userrating { } #tab-write-review .review-input.userrating .input span { font-weight: bold; text-transform: uppercase; margin: 0px 5px; font-size: 14px; line-height: 1.5em; } #tab-write-review .review-input.userrating .input input[type=radio] { margin: 0px; } #tab-write-review .review-input.captcha { } #tab-write-review .review-input.captcha .input #captcha { display: block; margin: 0px 0px 5px; } #tab-write-review .review-input.captcha .input input[type=text] { width: 130px; } /* end product page */ @media (min-width: 768px) { #review { padding: 0px; } } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { .product-info .image-additional .imageblockwrapper { height: 348px; } .product-info .image .caption { padding-top: 5px; padding-bottom: 5px; } .product-info .image-additional .moreimages { line-height: 30px; } .product-info .image-additional .moreimages .previmages { height: 30px; } .product-info .image-additional .moreimages .nextimages { height: 30px; } .product-info .info .links a.dark { font-size: 18px; } .product-info .info .links a.white { font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px) { .product-info .image .caption { padding: 5px 10px; line-height: 1.5em; text-align: left; } .product-info .image-additional .moreimages { display: none; } .product-info .image-additional .imageblockwrapper { height: auto; } .product-info .image-additional .imageblockwrapper > div { height: auto; } .product-info .image-additional .imageblock { clear: both; margin: 2px 0px; } .product-info .image-additional .imageblock:after { display: block; clear: both; content: ''; } .product-info .image-additional .imageblock a { float: left; max-width: 24.7%; height: 91px; margin: 0px; } .product-info .image-additional .imageblock a + a { margin-left: 0.4%; } .product-info .image-additional .imageblock > :first-child { margin-top: 0px; } .product-info .info { clear: both; } } @media (max-width: 767px) { .prodtitle { text-align: left; } .prodtitle h2 { font-size: 24px; line-height: 1.5em; font-weight: 600; text-align: left; margin: 18px 0px 12px; } .prodtitle .propaddr { font-size: 18px; line-height: 1.5em; text-align: left; margin: 12px 0px 24px; } .product-info { text-align: left; margin: 0px; } .product-info .info .pricebox { background: none; padding: 0px; color: #606060; } .product-info .info .price { } .product-info .info .price .pricetext { display: none; } .product-info .info .price .price-new { font-size: 24px; line-height: 1.33em; color: #F46224; } .product-info .info .price .minimum { font-size: 16px; line-height: 1.5em; margin-top: 8px; } .product-info .info .infoatts { margin: 8px 0px 0px; } .product-info .info .links { margin-top: 24px; padding-top: 0px; border-top: none; } .product-info .info .links a.button { font-size: 16px; line-height: 24px; font-weight: 500; padding: 12px 12px; letter-spacing: 1px; } .product-info .info .links a.button.dark { background: #F46224; color: #FFF; } .product-info .info .links a.button.white { background: #333; color: #FFF; } .product-info .info .links a + a { margin-top: 3px; } .product-info .description { margin: 24px -15px 0px; padding: 0px; background: none; border-bottom: 1px solid #DDD; } .product-info .description .box { margin: 0px; padding: 0px; border-top: 1px solid #DDD; background-color: #FFF; color: #5F5A59; } .product-info .description .box .box-heading { margin: 0px; padding: 12px 15px; font-size: 18px; line-height: 24px; font-weight: 500; } .product-info .description .box .box-heading:before { display: block; float: right; width: 18px; height: 18px; background: url('../image/mobile/icon-mobile-menu-arrow.png') center no-repeat; background-size: contain; margin-top: 3px; content: ''; } .product-info .box.special_offer .box-heading, .product-info .description .box.special_offer .box-heading:before, .product-info .box.one_off_feature .box-heading { color: #5F5A59; } .product-info .description .box .box-content { display: none; padding: 18px 15px; } .product-info .description .box .box-content .infoblock { margin: 20px 0px 0px; } .product-info .description .box .box-content .infoblock:first-child { margin-top: 0px; } .product-info .description .box .box-content .infoblocktitle { font-weight: 700; } .product-info .description .box .box-content .infoblocktitle strong { } .product-info .description .box .box-content .infoblockinfo { font-weight: 300; } .product-info .box.propinfo .googlemap { margin: 18px 0px 0px; } .product-info .box.writereview { display: block; } .product-info .description .box.open .box-heading:before { transform: rotate(90deg); } .product-info .description .box .box-heading + .box-content { display: none; } .product-info .description .box.open .box-heading + .box-content { display: block; } } .searchform { margin: 15px 0px; } .searchform:after { display: block; content: ''; clear: both; } #enq_filters { background: #585858; padding: 10px 10px; } #enq_filters .form-label { margin: 0px; line-height: 30px; vertical-align: middle; } #enq_filters .form-control { display: inline-block; width: auto; margin-left: 10px; height: 30px; padding: 4px 8px; vertical-align: middle; } #enq_filters #filter_enquiries { margin-left: 10px; vertical-align: middle; } p.no_enquiries { margin-top: 10px; background: #F2F2F2; padding: 5px 10px; } table.headed { width: 100%; margin: 10px 0px 0px; padding: 0px; border: none; border-spacing: 3px; font-size: 14px; line-height: 1.5em; } table.headed th, table.headed td { padding: 5px 8px; font-weight: normal; text-align: left; vertical-align: middle; } table.headed th { background: #F2F2F2; text-transform: uppercase; } table.headed td { } table.headed tbody:nth-child(odd) td { background: #F2F2F2; } table.headed tbody:nth-child(even) td { background: #F2F2F2; } table.headed th.right, table.headed td.right { text-align: right; } table.headed td.booked_cell { } table.headed td.booked_cell div { display: inline-block; margin: 0px; padding: 0px; min-height: 0px; } table.headed td.booked_cell div + div { padding-left: 8px; } table.headed td.arr_date { width: 120px; } table.headed td.curr { } table.headed td.total { } table.headed td.total select { width: auto; } table.headed td.details { } table.headed td.details .sep { display: none; color: #DDD; } table.headed td.no_enquiries { text-align: center; } table.headed td input[type=text] { margin: 0px; padding: 2px 4px; line-height: 20px; width: 70px; height: 32px; } table.headed td input[type=text].date { width: 100%; } table.headed td input[type=text].intro { width: 100%; } table.headed td input[type=radio] { position: relative; top: 3px; margin: 0px 2px 0px 0px; } table.headed td select { margin: 0px; width: 100%; height: 32px; } table.headed td textarea { margin: 3px 0px 0px; padding: 2px 4px; width: 100%; } table.headed .enqdetails { display: none; } table.headed .enqdetails td { } table.headed .enqdetails table { } table.headed .enqdetails table th, table.headed .enqdetails table td { background: none; padding: 1px 5px; text-transform: none; } table.headed .enqdetails table th { width: 120px; } table.headed .enqdetails table td { } table.headed .enqdetails table td em { color: #CCC; } table.headed .fixed .notfixed { display: none; } table.headed tbody.updated td { text-align: center; font-style: italic; background: #060; } table.headed tbody.updated + tbody > tr:first-child td { background: #060; } table.headed .remove { display: inline-block; margin-top: 5px; } table.headed .saved { display: block; margin-top: 20px; color: #3B3; font-weight: bold; } table.headed .not-saved { display: none; margin-top: 20px; color: #FFF !important; font-weight: bold; } table.headed tfoot td { background: #E5E5E5; height: 30px; } table.headed tfoot td a { line-height: 20px; } table.headed .error { color: #F99; } table.headed tr.not_saved td { background: #866 !important; } table.headed tr.not_saved td .error { color: #FDD; } table.headed tr.not_saved td a { color: #FC9; } table.headed .name{max-width: 200px} table.headed tr td .update { background-color: #F46224; color: #fff; display: inline-block; margin: 1px; padding: 2px 4px; } #offersintro { } #offersintro ul { margin: 15px 0px; } .propofferstitle { margin: 30px 0px 0px } .propofferstitle a { font: inherit; line-height: inherit; } table.propoffers { margin-top: 10px; } table.propoffers thead .datestart { width: 15%; } table.propoffers thead .dateend { width: 15%; } table.propoffers thead .offertext { } table.propoffers thead .options { width: 10%; } table.propoffers tbody td { vertical-align: top; } table.propoffers tbody tr:nth-child(odd) td { background: #E5E5E5; } table.propoffers tbody tr:nth-child(even) td { background: #F2F2F2; } table.propoffers tbody td.first { position: relative; } table.propoffers tbody td.first .updated { display: block; margin-top: 30px; } table.propoffers tfoot td { border-top: 1px solid #F2F2F2; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { table.headed td.booked_cell div { display: block; } table.headed td.booked_cell div + div { padding-left: 0px; } table.headed td.total { white-space: nowrap; } table.headed td.total input[type=text] { width: 50px; } table.headed td.details { text-align: center; } table.headed td.details a, table.headed td.details span { display: block; } table.headed td.details .sep { display: none; } } @media (min-width: 768px) and (max-width: 991px) { table.propoffers thead .datestart { width: 20%; } table.propoffers thead .dateend { width: 20%; } table.propoffers thead .offertext { } table.propoffers thead .options { width: 10%; } table.propoffers td { padding: 5px 5px; } table.headed td.booked_cell div { display: block; } table.headed td.booked_cell div + div { padding-left: 0px; } table.headed td.total { white-space: nowrap; } table.headed td.total input[type=text] { width: 50px; } table.headed td.details { text-align: center; } table.headed td.details a, table.headed td.details span { display: block; } table.headed td.details .sep { display: none; } } @media (max-width: 767px) { } .specials-intro { margin: 0px 0px 20px; } .ac_form { color: #FFF; } .ac_form label { color: #FFF; } /* Property Bookings page */ .choosetext { } #chooseprop { margin: 5px 0px 0px; } .booking { display: none; margin: 30px 0px 0px; } .booking .propname { margin-bottom: 20px; } .booking .propname strong { } .booking .use_calendar { } .booking .cal_options { margin-top: 4px; margin-bottom: 15px; } .booking .cal_options label { } .booking .cal_options label input[type=radio] { } .booking .cal_options + .alert { margin-top: 16px; } .booking .selectdates { margin-bottom: 20px; } .booking .calkey { margin: 15px 0px 5px; text-align: center; } .booking .calkey > span { display: inline-block; font-size: 16px; line-height: 24px; } .booking .calkey > span + span { margin-left: 30px; } .booking .calkey > span span { display: block; float: left; width: 24px; height: 24px; margin-right: 10px; } .booking .calkey > span.available span { background: #E6E6E6; } .booking .calkey > span.check_in span { background: linear-gradient(135deg, #E6E6E6 50%, #FAA 50%); } .booking .calkey > span.check_out span { background: linear-gradient(-45deg, #E6E6E6 50%, #FAA 50%); } .booking .calkey > span.unavailable span { background: #FAA; } .booking .save { text-align: center; } .booking .save a { font-size: 14px; line-height: 20px; padding: 10px 18px; } .booking .ui-datepicker { max-width: 100%; } .booking .ui-datepicker td { width: 14.2857%; padding: 0px; } .booking .date .ui-datepicker td span, .booking .date .ui-datepicker td a { text-align: center; padding: 5px 0px; } .booking .date .ui-datepicker td.selected { opacity: 1 !important; } .booking .date .ui-datepicker td.selected.booked span, .booking .date .ui-datepicker td.selected.booked a { background: #FAA; color: #444; border: none; } .booking .date .ui-datepicker td.selected.check_in span, .booking .date .ui-datepicker td.selected.check_in a { background: linear-gradient(135deg, #E6E6E6 50%, #FAA 50%); } .booking .date .ui-datepicker td.selected.check_out span, .booking .date .ui-datepicker td.selected.check_out a { background: linear-gradient(-45deg, #E6E6E6 50%, #FAA 50%); } .booking .ui-state-default, .booking .ui-widget-content .ui-state-default, .booking .ui-widget-header .ui-state-default .ui-state-active, .booking .ui-widget-content .ui-state-active, .booking .ui-widget-header .ui-state-active { border: none; font-weight: normal; color: #555; background: #E6E6E6; cursor: default; } .booking .ui-datepicker td.selected span, .booking .ui-datepicker td.selected a { background: #FAA; border: none; color: #444; } /* Property Rates page */ .choosetext { } #chooseprop { margin: 5px 0px 0px; } .rates { display: none; margin: 30px 0px 0px; } .rates .propname { } .rates .propname strong { } .rates .ratesfor { margin: 12px 0px 20px; } .rates .rate_wrapper { } .rates .rate { display: block; margin: 0px 0px 10px; border: 1px solid #F46224; } .rates .rate:after { display: block; content: ''; clear: both; } .rates .rate .rate_head { display: block; background: #F46224; color: #FFF; font-size: 14px; line-height: 20px; padding: 5px 10px; cursor: pointer; } .rates .rate .rate_head span.title { } .rates .rate .rate_head span.icon { display: block; float: right; color: #FFF; font-size: 14px; line-height: 16px; font-weight: 600; text-align: center; width: 20px; height: 20px; border: 2px solid #FFF; border-radius: 1px; } .rates .rate .rate_head span.click_expand, .rates .rate .rate_head span.click_compress { display: block; float: right; color: #FFF; font-size: 11px; line-height: 20px; margin-right: 5px; text-transform: uppercase; font-weight: 600; } .rates .rate .rate_head span.click_compress { display: none; } .rates .rate.open .rate_head span.click_expand { display: none; } .rates .rate.open .rate_head span.click_compress { display: block; } .rates .rate .rate_body { overflow: hidden; padding: 5px; } .rates .rate .field { display: block; float: left; width: 20%; padding: 5px; } .rates .rate .field.dates { width: 80%; } .rates .rate .field.sort_order { } .rates .rate .field.curr { clear: left; } .rates .rate .field.per_night { } .rates .rate .field.per_short_stay { } .rates .rate .field.per_week { } .rates .rate .field.min_stay { } .rates .rate .field.note { clear: left; width: 100%; } .rates .rate .field.delete { clear: left; width: 100%; text-align: right; } .rates .rate .field span { display: block; font-size: 13px; line-height: 1.5em; font-weight: 600; } .rates .rate .field .form-control { height: 34px; border: 1px solid #E3E3E3; } .rates .rate .field.hasError { } .rates .rate .field.hasError .form-control { border-color: #C00; } .rates .rate .rate_errors { display: block; float: none; clear: both; } .rates .rate .rate_errors .alert { margin: 5px 0px; padding: 7px 5px 7px 25px; font-size: 14px; line-height: 20px; background-position: 5px 50%; } .rates .save { text-align: center; } .rates .save a { font-size: 14px; line-height: 20px; padding: 10px 18px; } @media (max-width: 767px) { .rates .rate .field { float: none; width: 100% !important; } .rates .rate .field.note .form-control { height: auto; min-height: 12em; } } div.video { position: relative; display: block; width: 100%; padding-bottom: 56.25%; margin: 20px 0px 0px; } div.video p { display: block; margin: 0px; padding: 0px; } div.video iframe { position: absolute; display: block; width: 100%; height: 100%; border: none; margin: 0px; padding: 0px; } #ical_feeds { margin-top: 24px; } #ical_feeds .ical_feed { } #ical_feeds .ical_feed + .ical_feed { margin-top: 24px; } #ical_feeds .ical_feed .propname { font-weight: bold; } #ical_feeds .ical_feed input[type=text] { } #ical_feeds .ical_feed .alert { font-size: 14px; line-height: 20px; margin: 5px 0px 0px; padding: 6px 6px 6px 30px; background-position: 8px center; } #ical_feeds .ical_feed .warning { } #ical_feeds .ical_feed .information { } #ical_feeds .save { margin: 24px 0px 0px; } #ical_feeds .ical_feed.error input[type=text] { border-color: #F00; } .signupbanner, .xs-signupbanner { display: block; float: none !important; background: #F46224; color: #FFF; text-align: center; font-size: 16px; line-height: 24px; margin: 0px; padding: 0px; border-bottom: 1px solid #FFF; } .signupbanner .container, .xs-signupbanner .container { padding: 8px 15px; } .signupbanner a, .xs-signupbanner a { display: inline-block; color: #FFF; font: inherit; line-height: inherit; } .signupbanner a:hover, .xs-signupbanner a:hover { color: #444; } .signupbanner a:after, .xs-signupbanner a:after { display: inline-block; background: url('../image/arrow-long-white.png') center no-repeat; content: ''; width: 31px; height: 13px; vertical-align: middle; margin-left: 6px; } /* Advertise your property form */ .jotform-form { } .jotform-form .form-all { } .jotform-form ul.form-section { } .jotform-form ul.form-section li { } .socialsidebar { } .socialsidebar .box-heading { font-size: 20px; line-height: 28px; } .socialsidebar .box-content { padding-top: 16px; } .socialsidebar .box-content p { } .socialsidebar .box-content a { display: block; color: inherit; } .socialsidebar .box-content a + a { margin-top: 8px; } .socialsidebar .box-content a picture, .socialsidebar .box-content a img { display: inline-block; vertical-align: middle; } #above-footer .socialsidebar { margin: 24px 0px; } #above-footer .socialsidebar .box-content { padding: 0px; } @media (max-width: 767px) { #above-footer .socialsidebar .box-content a { display: inline; margin-top: 0; margin-right: 20px; } } .curator { } .curator .box-heading { } .curator .box-heading > a { display: block; float: right; font-size: 16px; line-height: 24px; color: inherit; } .curator .box-heading > a picture, .curator .box-heading > a img { display: inline-block; vertical-align: bottom; margin-right: 2px; } .curator .box-content { } .curator .box-content div[id^=curator-feed] { margin-top: 6px; padding-bottom: 20px; } .curator .box-content div[id^=curator-feed] > a { bottom: 0px; right: 0px; font-size: 12px; line-height: 20px; } @media (max-width: 767px) { .curator .box-heading { text-align: center; } .curator .box-heading > a { float: none; margin-bottom: 4px; } } /* Mobile Update */ @media(min-width: 768px){ .slide_container1, .slide_container1 .container, div#slideshow1 { display: none;} .xs-signupbanner{display: none;} } @media (max-width: 767px) { .mobile_intro, .mobile_intro .container { padding: 0; } .greyBg { background-color: #343030; padding: 20px 20px 22px 20px; width: 100%; text-align: center; } .greyBg p { font-size: 16px; color: #fff; } .greyBg a { display: none; } #mobintro{background-color: #343030;} #mobintro h2 { text-align: center; font-weight: bold; padding: 20px; margin: 0; line-height: 230px; color: #fff;} .navbar-toggle div.visible-xs{padding-left: 0px;} .navbar-toggle button{padding-left: 5px;} .user_acct a.login:before{display: block; width: 30px; height: 30px; content: ''; background: url('../image/mobile/mobile-profile.png') left no-repeat;} .user_acct a.login{float: right; position: relative; top: 20px; right: 5px;} #home #content .cr2block:before{ border-top: 0; margin-bottom: 0;} .signupbanner{display: none;} .xs-signupbanner{line-height: 48px; } .xs-signupbanner a{font-size: 17px;} #below-menu .xs-signupbanner{margin-top: 0;} #cookie-consent #cookie-inner{padding-left: 20px; padding-right: 20px;} #cookie-text{font-size: 14px; line-height: 21px; padding-top: 50px;} #cookie-consent button#accept{margin-top: -40px; border: none;} #cookie-consent button#accept:after { content: ' '; background: url('../image/mobile/icn_close.png') left no-repeat; width: 14px; height: 14px; display: inline-block; margin-left: 5px; } .product-info .box .box-content ul li{background: transparent;} #above-footer .ad_wrapper{padding: 24px 12px 12px 12px;} #above-footer .ad_wrapper h3{text-align: center;font-size: 16px;color: #606060;line-height: 1.4em;} #above-footer .ad_wrapper .p_first{margin: 20px 0; text-align: left;} #above-footer .ad_wrapper .p_last{margin-top: 40px;} #above-footer .ad_wrapper .p_last a{width: 100%;} /* accordion */ #menu-wrapper #menu-accordion .accordion-toggle.collapsed.no-child{background: transparent;} } @media (max-width: 991px){ .navbar-toggle button { border: none; background: #FFF; color: inherit; padding: 12px 8px; border-radius: 0; position: relative; top: 10px; } .navbar-toggle .icon-bar { display: block; width: 32px; height: 3px; border-radius: 1px; } }