/**************************************************************************************************************************************/ /* HTML5 BOILERPLATE */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html {height: 100%;font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;color: #666; outline: none !important; } body {height: 100%;margin: 0;padding: 0;font-size: 13px;line-height: 21px;} ::-moz-selection { background: #999; color: #000; text-shadow: none; } ::selection { background: #999; color: #000; text-shadow: none; } a { color: #dd4a38; text-decoration: none; } a:visited { color: #dd4a38; text-decoration: none; } a:hover { color: #dd4a38; text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold;} blockquote { margin: 1em 40px;} dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } /* forms */ .confirm {display: none;} /* style to hide input for spam prevention */ form { margin: 0;} fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] {margin: 0;padding: 0 !important;width: auto !important;height: auto !important;border: none !important;vertical-align: middle !important;} input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } input:focus { outline: none; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /**************************************************************************************************************************************/ /* HELPERS */ .clear {width: 100%;height: 0;clear: both;} .align-none {float: none !important;} .align-left {float: left !important;} .align-right {float: right !important;} .text-center {text-align: center !important;} .text-left {text-align: left !important;} .text-right {text-align: right !important;} .hidden {display: none;} .no-border {border: 0 !important;} .no-margin {margin: 0 !important;} .no-pad {padding: 0 !important;} .border {border: 1px solid #e5e5e5;} .border.top {border-width: 1px 0 0;} .border.bottom {border-width: 0 0 1px;} .border.both {border-width: 1px 0;} .border.left {border-width: 0 0 0 1px;} .border.right {border-width: 0 1px 0 0;} .border.sides {border-width: 0 1px;} .border.dotted {border-style: dotted;} .padded {padding: 25px;} .padded.top {padding: 25px 0 0;} .padded.bottom {padding: 0 0 25px;} .padded.both {padding: 25px 0;} .padded.left {padding: 0 0 0 25px;} .padded.right {padding: 0 25px 0 0;} .padded.sides {padding: 0 25px;} .pad_40l {padding-left: 40px;} .rel {position: relative;} /* go to colours - all links/accents should always use the hex below */ .orange {color: #dd4a38;} .yellow {color: #ffa800;} .green {color: #579415;} .grey {color: #666;} .darker {color: #000;} .border-color {color: #dfdddd;} .border.red {color: #dd4a38 !important;} /* this pushes page down that don't have big top titles */ .spacer { height: 131px; } .tabs_none {height: 7px;} .header_fix {width: 100%;margin-top: -1px;border-top: 1px solid #e5e5e5;height: 7px;} .pad-top {margin-top: 30px !important;} .pad-bottom {padding-bottom: 15px;} .minus {margin-top: -31px !important;} .minus15 {margin-top: -16px !important;} .minus5 {margin-top: -6px !important;} .plus85 {margin-bottom: 85px !important;} .plus15 {margin-top: 15px !important;} .plus8 {margin-bottom: 8px !important;} .plus5 {margin-top: 5px !important;} .plus {margin-top: 30px;} .larger {font-size: 24px;line-height: 24px;} .super {font-size: 80px;line-height: 50px;} .upper {text-transform: uppercase;} .shaded {background-color: #f4f4f4;} #loader {width: 60px;height: 60px;margin: 0 auto;background: url(../img/loader_pos.gif) no-repeat;display: none;}; .submenu p.fineprint, #info .content p.fineprint {font-size: 11px !important;} .mar_30b {margin-bottom: 30px;} /* Ruan's delete and test if all continues working */ .no-bord {border: 0!important;} .no-marg {margin: 0!important;} /**************************************************************************************************************************************/ /* GRID */ .span1 { width: 70px; float: left; display: inline-block; } .span2 { width: 170px; float: left; display: inline-block; } .span3 { width: 270px; float: left; display: inline-block; } .span4 { width: 370px; float: left; display: inline-block; } .span5 { width: 470px; float: left; display: inline-block; } .span6 { width: 570px; float: left; display: inline-block; } .span7 { width: 670px; float: left; display: inline-block; } .span8 { width: 770px; float: left; display: inline-block; } .span9 { width: 870px; float: left; display: inline-block; } .span10 { width: 970px; float: left; display: inline-block; } .span11 { width: 1070px; float: left; display: inline-block; } .span12 { width: 1170px; float: left; display: inline-block; } .span13 { width: 1240px; float: left; display: inline-block; } /* only used for overflows */ .push { margin-right: 30px; } .mar_10b {margin-bottom: 10px !important;} .space_85 {display: block;width: 100%;height: 85px !important;} #expand_social.span2 {width: 200px;} /**************************************************************************************************************************************/ /* GLOBAL */ html, body {background: #fff;} #wrap { width: 100%; clear: both; position: relative; } .container { width: 1170px; margin: 0 auto; /* this controls the width of the site for media queries - check at the bottom of this file */ } /* main page heading */ #intro {width: 460px;height: 20px;overflow: hidden;margin: 7px auto 0; padding: 0 0 0 10px;z-index: 10001;position: fixed;top: 0;left: 0;right: 0;display: block;font-size: 12px;color: #b9b8b8;text-align: right;} #intro a {color: #b9b8b8;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} /* font declarations */ #info h2, .associate h2, #landing h2, #landing .stay h4, .filter h3, .submenu h3, #banner .responsive h5, #secondline, .feature .head h3, .feature .lead h5, .region_window h3, .suburb_window .btns a, .suburb_window h3, .century {font-family: "Century Gothic", "Droid Serif", "Verdana", "Helvetica", sans-serif;} #header .nav li {font-family: 'Century Gothic', 'Droid Sans', 'Arial', 'Helvetica', sans-serif;} #info h3, #rhc h3, #landing h3, .total h4 span, #footer h6, #footer span, p.more span, .listings_bulleted li:nth-child(even), .glance li span {font-family: "Century Gothic", "Droid Sans", "Verdana", "Helvetica", sans-serif;} .serif, #header .nav .mega ul li.special, .book .dates p, #landing h1, #landing .stay .places span, .all_accom .stay form .field .tt-dropdown-menu h3 {font-family: 'Droid Serif', 'Georgia', 'Times', 'Times New Roman', serif !important;} /* SHARED ELEMENTS */ .rating {float: left;} .rating p {margin: 3px 0;font-size: 11px !important;line-height: 17px !important;} .rating p.all {color: #000;} .rating#none p.all {padding-left: 27px;margin: 0;} .rating p.all a:hover {color: #ffa800;text-decoration: underline;} .count {height: 17px;line-height: 17px;float: left;background: url(../img/icon_review_tick.png) repeat-x;display: inline-block;} .count1 {width: 20px;} .count2 {width: 40px;} .count3 {width: 60px;} .count4 {width: 80px;} .count5 {width: 100px;} .exp {padding: 0 8px;margin: 0 0 0 5px;background: #000;border-radius: 10px;display: inline-block;height: 17px;line-height: 17px;color: #fff;} .stars {height: 25px;margin: 0;background: url(../img/title_star.png) repeat-x;display: inline-block;} .stars.star1 {width: 14px;} .stars.star2 {width: 28px;} .stars.star3 {width: 42px;} .stars.star4 {width: 56px;} .stars.star5 {width: 70px;} #recommended .stars {height: 14px;line-height: 14px;margin: 2px 3px 0 0;} .total {padding: 15px 20px;height: 69px;overflow: hidden;} .total a {color: #666;} .total h4 {margin: 0;padding: 0;font-size: 13px;line-height: 18px;text-transform: uppercase;} .total a h4 i {color: #dd4a38 !important;text-transform: lowercase !important;font-size: 14px;margin-bottom: -2px;} .total h4 span {font-size: 30px;padding-left: 5px;line-height: 30px;color: #000;} .total#none h4 span {margin-left: -2px;padding-left: 0;font-family: "Droid Sans", "Arial", "Verdana", "Helvetica", sans-serif;} .total h4 sup {font-size: 14px;left: 1px;top: -11px;font-weight: bold;letter-spacing: 1px;color: #000;} .has_special {position: absolute;top: 17px;right: -3px;} .has_special a {width: 69px;height: 69px;background: url(../img/icon_special_indicator.png) no-repeat;display: block;} .has_grading {position: absolute;top: -8px;right: -28px;} .has_grading img {border: none !important;} p.tagged {padding: 0 !important;} .tagged a {background-color: #b9b8b8;border-bottom: 2px solid #b9b8b8;color: #fff !important;padding: 3px 5px 2px;border-radius: 5px;margin-right: 2px;font-size: 10px;text-transform: lowercase;} .tagged a:hover {border-bottom: 2px solid #666 !important;} .content ol {counter-reset: li;margin-left: 0;padding-left: 0;} .content ol > li {position: relative;margin: 0 0 10px 30px;padding: 4px 0 4px 12px;list-style: none;min-height: 30px;} .content ol > li:before {content: counter(li, decimal-leading-zero);counter-increment: li;position: absolute;top: 0;left: -30px;width: 26px;padding: 4px;background-color: #ffa800;border-radius: 50%;color: #fff;text-align: center;font-family: 'Droid Serif', 'Georgia', 'Times', 'Times New Roman', serif;font-style: normal;font-size: 14pt;height: 26px;line-height: 26px;} .content ol li:last-child {margin-bottom:0;} .content ol a {text-decoration: underline;border: 0 !important;} /* TOOLTIPS */ a.tooltip {outline: none;} a.tooltip img {border: none !important;} a.tooltip strong {line-height: 20px;color: #111;} a.tooltip:hover {text-decoration: none;} a.tooltip span {z-index: 10;display: none;padding: 14px 20px;margin-top: -30px;margin-left: 28px;width: 250px;line-height: 16px !important;font-size: 13px !important;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif !important;color: #111 !important;text-transform: none !important;} a.tooltip:hover span {display: inline;position: absolute;color: #111;border: 1px solid #dca;background: #fffaf0;} .callout {z-index: 20;position: absolute;top: 30px;border: 0;left: -12px;} /*CSS3 extras*/ a.tooltip span {border-radius: 4px;box-shadow: 5px 5px 8px #ccc;} a.reveal.hidden {display: none;} .continued {display: none;} .continued.show_continued {display: block;} a[disabled="disabled"].btn_orange, a[disabled="disabled"].btn_orange:hover, input[disabled="disabled"].btn_yellow, input[disabled="disabled"].btn_yellow:hover {border-color: #999 !important;text-shadow: 1px 1px 1px #666;background-color: #e5e5e5;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#bbb)) !important;background-image: -webkit-linear-gradient(top, #e5e5e5, #bbb) !important;background-image: -moz-linear-gradient(top, #e5e5e5, #bbb) !important;background-image: -ms-linear-gradient(top, #e5e5e5, #bbb) !important;background-image: -o-linear-gradient(top, #e5e5e5, #bbb) !important;} /**************************************************************************************************************************************/ /* HEADER */ #header { width: 100%; height: 131px; background: #fff; border-bottom: 1px solid #d3d3d3; position: fixed; top: 0; box-shadow: 0 0 3px #d3d3d3; z-index: 10000; } #front #header {height: 70px;} #header .container { position: relative; } #header .logo { width: 230px; height: 85px; float: left; margin: 16px 0 0 28px; background: url('../img/logo_south_africa_venues.png') left bottom no-repeat; display: block; } #front #header .logo {height: 33px;} #header .actions { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; right: 0; z-index: 10002; } #header .actions li { float: left; margin: 0 0 0 2px; display: inline } #header .actions li a { padding: 0 30px 0 10px; display: block; font-size: 12px; color: #7f7f7f; line-height: 35px; } #header .actions li a:hover { color: #000; } #header .actions li.lang a { background: #ededed url('../img/icon_language.png') 62px 12px no-repeat; } #header .actions li.sub a { background: #ededed url('../img/icon_subscribe.png') 70px 12px no-repeat; } #header .actions li.log a { background: #ededed url('../img/icon_lock.png') 117px 12px no-repeat; } #header .nav { float: left; width: 870px; margin: 76px 0 0 0; padding: 0; list-style: none; } #front #header .nav {margin-top: 15px;} #header .nav li { float: left; margin: 0 15px 0 0; position: relative; text-transform: uppercase;line-height: 40px; } #header .nav li > a { display: block;font-size: 12px;letter-spacing: 2px;font-weight: bold;color: #4c4c4c;} #header .nav li > a:hover { color: #ffa800; } #header .nav .has_drop > a { padding: 0 15px 0 0; background: url('../img/nav_arrow.png') right center no-repeat; } /* dropdown */ #header .nav li.over > a { color: #ffa800; } #header .nav li.over .mega {display: block;} #header .nav .mega {padding: 20px;background: #fff;border: 1px solid #d2d2d2;box-shadow: 0 0 3px #d3d3d3;border-radius: 5px;position: absolute;top: 35px;z-index: 10003;display: none;} #header .nav .mega#triple {width: 640px;left: 27px;} #header .nav .mega#double {width: 420px;right: -224px;} #header .nav .mega#single, #header .nav .mega#singular {width: 200px;right: -115px;} #header .nav .mega.triple {width: 640px;left: 27px;} #header .nav .mega.double {width: 420px;right: -224px;} #header .nav .mega.single {width: 200px;right: -115px;} #header .nav .mega .arrow {width: 10px;height: 6px;display: block;background: url('../img/arrow_typeahead.png') no-repeat;position: absolute;top: -6px;} #header .nav .mega#triple .arrow {left: 115px;} #header .nav .mega#double .arrow {right: 224px;} #header .nav .mega#single .arrow, #header .nav .mega#singular .arrow {right: 115px;} #header .nav .mega.triple .arrow {left: 115px;} #header .nav .mega.double .arrow {right: 224px;} #header .nav .mega.single .arrow {right: 115px;} #header .nav .mega ul {float: left;width: 200px;text-align: center; margin: 0 20px 0 0; padding: 0; list-style: none; } #header .nav .mega ul:last-child { margin: 0; } #header .nav .mega ul li { float: none;line-height: 30px;color: #000;margin: 0;padding: 0;} #header .nav .mega ul li.special {margin: 0 0 8px;text-transform: none;font-style: italic;color: #666;font-size: 11px;line-height: 14px;} #header .nav .mega ul li:first-child { font-size: 16px;border-bottom: 1px solid #e5e5e5;margin-bottom: 5px;line-height: 20px;padding: 0 0 10px;} #header .nav .mega ul li a { display: block;white-space: nowrap;font-size: 13px;letter-spacing: 0px;font-weight: normal; color: #4c4c4c; text-transform: none;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;} #header .nav .mega ul li a:hover { background-color: #ededed;border-radius: 5px; } #header .nav .mega ul li.special a {line-height: 30px;margin-bottom: -10px;font-style: normal;} /* search */ #header .nav .search {float: right;margin: 0;padding: 0;position: relative;} #header .nav .search:hover a, #header .nav .search a:hover { color: #000; } #header .nav .search .btn_search { width: 40px; height: 40px; float: right; margin: 0 0 0 5px; background: url('../img/icon_search.png') no-repeat; } #header .nav .search .btn_search.on { background: url('../img/icon_search_on.png') no-repeat; } #header .nav .search .btn_basket { width: 40px; height: 40px; float: right; margin: 0 0 0 5px; background: url('../img/icon_basket.png') no-repeat; } /* search dropdown */ #header .search_drop { width: 344px; padding: 20px; background: #fff; border: 1px solid #d2d2d2; box-shadow: 0 0 3px #d3d3d3; border-radius: 5px; position: absolute; top: 35px; right: 0;z-index: 10003; display: none; } #header .search_drop .arrow { width: 10px; height: 6px; display: block; background: url('../img/arrow_typeahead.png') no-repeat; position: absolute; top: -6px; right: 15px; } .search form input { width: 314px; padding: 12px 13px; border: 2px solid #ffa800; border-radius: 4px; font-size: 14px; color: #000; } .search input.tt-hint {display: none !important;visibility: hidden !important;} .search form input:focus { border: 2px solid #666; } /* typeahead styling */ .search form .tt-dropdown-menu { width: 99.2%;max-height: 400px !important;overflow: auto;background: #fff; border: 1px solid #d2d2d2; border-bottom: 1px solid #9a9a9a; border-radius: 4px; top: 55px!important; } .search form .tt-dropdown-menu .arrow { width: 10px; height: 6px; display: block; background: url('../img/arrow_typeahead.png') no-repeat; position: absolute; top: -6px; left: 15px; } .search form .tt-dropdown-menu > div { border-bottom: 1px solid #d2d2d2; position: relative; } .search form .tt-dropdown-menu > div:last-child { border: 0; } .search form .tt-dropdown-menu h3, .search form .tt-dropdown-menu p { margin: 0; padding: 0 15px; text-align: left; line-height: 13px;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;} .search form .tt-dropdown-menu h3 { padding: 0; position: absolute; top: 0px; right: 0; font-size: 11px; color: #fff;border: 1px solid #d2d2d2;border-width: 0 0 1px 1px;background-color: #d2d2d2;padding: 4px 8px 4px 5px;font-weight: bold;} .search form .tt-dropdown-menu p { padding: 8px 15px; color: #000;text-transform: none;} .search form .tt-dropdown-menu p:hover { background: #ffa800; color: #fff; } #header.home { width: 1270px; margin: 0 auto; left: 0; right: 0; border-radius: 0 0 10px 10px; } #front #expand_social {position: absolute;top: 0;left: 0;width: 100%;margin: 45px auto 0;} /**************************************************************************************************************************************/ /* HOME */ #landing {height: 686px;background-color: #f4f4f4;position: relative;} #landing h1 {position: absolute;top: 520px;left: 0;width: 100%;display: block;text-align: center;color: #fff;font-size: 13px;text-shadow: #111 1px 1px 2px;} #landing .jump_spot {position: absolute;top: 674px;left: 0;width: 100%;} #landing h2 {text-align: left;font-size: 30pt;color: #fff;text-shadow: #111 2px 2px 3px;padding: 100px 0 120px 25px;} #landing h2 span {color: #ffb200;} .tab {width: 147px;height: 52px;margin: 0 auto;background: url('../img/promo_tab.png') no-repeat;display: block;position: absolute;bottom: 0;left: 0;right: 0;} /* here we can add various class to change to backgrounds of the homepage (and alternate them with jquery) */ #landing.leopard {background: url(../img/promos/leopard.jpg);} #landing.cheetah {background: url(../img/promos/cheetah-1920x686.jpg);} #landing.winelands {background: url(../img/promos/home-accommodation.jpg);} #landing .accommodation_search { float: none; padding: 0 0 200px 0; margin: 0 auto; display: block; } #landing .stay_nav { height: 45px; margin: 0 0 0 245px; padding: 0; text-align: center; position: relative; z-index: 100; } #landing .stay_nav li { float: left; height: 45px; margin: 0 5px 0 0; display: inline-block; text-align: center; } #landing .stay_nav li a { padding: 0 30px; background: #fff; border-radius: 4px 4px 0 0; font-size: 15px; line-height: 45px; display: block; } #landing .stay_nav li.search a { width: 23px; padding: 0 60px; background: #000 url('../img/icon_stay_nav_search_off.png') center no-repeat; overflow: hidden; text-indent: -999px; } #landing .stay_nav li.search a.on { background: #fff url('../img/icon_stay_nav_search.png') center no-repeat; color: #ddd; } #landing .stay_nav li.destinations a { background: #000; color: #fff; } #landing .stay_nav li.destinations a.on { background: #fff; color: #000; } #landing .stay { background: #fff; border-radius: 7px; box-shadow: 0 0 3px #d3d3d3; position: relative;} #landing .stay h3 { margin: 0; padding: 25px 0 0 0; text-align: center; font-size: 24px; color: #000; line-height: 34px; } #landing .stay h4 { margin: 0; padding: 0 0 25px 0; text-align: center; font-size: 12px; color: #808080;text-transform: uppercase; } #landing .stay form { padding: 25px 29px; margin: 0 auto; background: #f3f3f3; border-radius: 0 0 7px 7px; text-align: center;} .stay fieldset {display: inline;margin: 0 auto;width: auto;} .stay form .field { float: left;margin: 0 5px; display: inline-block; } .stay form label {background-color: #ffa800;margin-left: -8px;border-radius: 0 4px 4px 0;padding: 13px 13px 10px;color: #fff;font-weight: bold;display: inline-block;} .stay form .establishment input { width: 240px; padding: 11px 13px; border: 2px solid #ffa800; border-radius: 4px; font-size: 14px; color: #000; } .stay form .date input { width: 75px; padding: 12px 13px 12px 40px; background: #fff url('../img/icon_check.png') 14px 12px no-repeat; border: 2px solid #ffa800; border-radius: 4px; font-size: 14px; color: #000; } .stay form .btn_yellow { height: 44px; padding: 3px 45px 2px 45px; border-top: 0; border-left: 0; border-right: 0; } .stay form .btn_yellow:focus { border: 0!important; border-bottom: 1px solid #c77800!important; } /* typeahead styling */ .stay form .field .tt-dropdown-menu { width: 99.2%;max-height: 400px !important;overflow: auto;background: #fff; border: 1px solid #d2d2d2; border-bottom: 1px solid #9a9a9a; border-radius: 4px; top: 55px!important; } .stay form .field .tt-dropdown-menu .arrow { width: 10px; height: 6px; display: block; background: url('../img/arrow_typeahead.png') no-repeat; position: absolute; top: -6px; left: 15px; } .stay form .field .tt-dropdown-menu > div { border-bottom: 1px solid #d2d2d2; position: relative; } .stay form .field .tt-dropdown-menu > div:last-child { border: 0; } .stay form .field .tt-dropdown-menu h3, .stay form .field .tt-dropdown-menu p { margin: 0; padding: 0 15px; text-align: left; } #landing .stay form .field .tt-dropdown-menu h3 { padding: 0; position: absolute; top: 8px; right: 10px; font-size: 11px !important; line-height: 13px; color: #ffa800; } .all_accom .box.stay {border: 0 !important;} .all_accom .box.stay form {padding: 25px 29px;text-align: center;border: 1px solid #e5e5e5;border-width: 1px 0;} .all_accom .stay form .field .tt-dropdown-menu h3 {position: absolute;top: 0;right: 0;font-size: 11px !important;line-height: 13px;color: #ffa800;padding: 0 5px 0 0 !important;text-transform: none !important;font-style: italic;} .stay form .field .tt-dropdown-menu p { padding: 4px 15px; color: #000; } .stay form .field .tt-dropdown-menu p:hover { background: #ffa800; color: #fff; } .feature_destinations .head h3 {float: none !important;clear: both;margin: 0 auto !important; text-align: center;} .feature_destinations .places {width: 1070px;padding: 25px 30px 20px;margin: 0 auto;} .feature_destinations .places ul {width: 1070px;float: left;margin: 0;padding: 0;list-style: none;} .feature_destinations .places li {float: left;position: relative;width: 170px;height: 140px;margin: 0 10px 10px 0;display: block;} .feature_destinations .places li:nth-child(6n) {margin-right: 0;} .feature_destinations .places img {width: 170px;background-color: #666;} .feature_destinations .places span {position: absolute;top: 0;left: 0;background-color: #111;color: #fff;padding: 0 5px 2px;text-transform: lowercase;} #landing .stay form input#establishment {background-color: #fff !important;} .Zebra_DatePicker .arrow { width: 10px; height: 6px; display: block; background: url('../img/arrow_typeahead.png') no-repeat; position: absolute; top: -6px; left: 18px; } .Zebra_DatePicker .dp_clear {background-color: #ffa800 !important;color: #000 !important;} .Zebra_DatePicker .dp_clear:hover {background-color: #5c5c5c !important;color: #fff !important;} /* homepage section */ .feature { margin: 30px 0 45px 0; } .feature .head {margin: 0 0 10px;} .feature .head h3 {float: left;margin: 5px 0 12px;font-size: 32px !important;line-height: 32px;text-transform: lowercase;color: #ffa800;} .feature .head h3.specials { padding: 0 0 0 34px; background: url(../img/icon_feature_specials.png) left center no-repeat; } .feature .head h3.best { padding: 0 4px 0 30px; background: url(../img/icon_feature_best.png) left center no-repeat; } .feature .head h3.about { padding: 0 0 0 37px; background: url(../img/icon_feature_about.png) left center no-repeat; } .feature .head ul { float: right;margin: 6px 0 0; padding: 0; list-style: none; } .feature .head ul li {float: left;display: block;margin-left: 2px;text-transform: uppercase;} .feature .head ul li a {padding: 2px 10px;display: block;font-size: 11px;border-bottom: 3px solid #444;background-color: #777;color: #fff;} .feature .head ul li.on a {background: #ffa800;border-bottom: 3px solid #d88608;color: #fff;} .feature .body {overflow: hidden;} .feature .box {position: relative;} .feature .box .label {padding: 0 10px;background: #444;position: absolute;top: 0;left: 0;display: inline-block;line-height: 29px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #fff;} .feature .box .label a {color: #fff !important;} .feature .box img {border-bottom: 1px solid #f4f4f4;} .feature .box img.infographic {border-bottom: 0;} /* large featured box */ .feature .usp .info {padding: 12px 17px;border-bottom: 1px solid #e5e5e5;} .feature .usp .info h4 {margin: 0 0 3px 0;padding: 0;font-size: 24px;font-weight: normal;line-height: 30px;} .feature .usp .info h4 a {color: #000;} .feature .usp .info h4 a:hover {color: #ffa800;} .feature .usp .info p { margin: 0 0 10px 0; padding: 0; } .feature .usp .info p.location { font-size: 12px; color: #999; } .feature .usp .info p.description { font-size: 15px; line-height: 24px; } .feature .usp .info .thumbs { float: right; margin: 9px 0 0 0; padding: 0; list-style: none; } .feature .usp .info .thumbs li { margin: 0 0 0 6px; display: inline-block; border: 1px solid #e5e5e5; } .feature .usp .info .thumbs li img { border: 0; } .feature .usp .base { padding: 10px 17px; font-size: 14px; color: #ffa800; } .feature .usp .base span { padding: 0 0 0 15px; background: url(../img/icon_feature_pin.png) left center no-repeat; color: #000; } .feature .usp .base a { color: #ffa800; } .feature .usp .base a:hover { text-decoration: underline; } /* smaller items */ .feature .item {position: relative;margin-bottom: 30px;} .feature .item .info { padding: 12px 17px; } .feature .item .info h4 { margin: 0; padding: 0; font-size: 16px; font-weight: normal; line-height: 20px; } .feature .item .info h4 a { color: #000; } .feature .item .info h4 a:hover { color: #ffa800; } .feature .item .info p { margin: 0 0 3px 0; padding: 0; } .feature .item .info p.location { font-size: 11px; color: #999; } .feature .item .info p.location a {color: #999;} .feature .item .info p.stars {position: absolute;top: 5px;right: 5px;height: 14px;} .feature .item .info p.description { margin: 3px 0 6px 0; font-size: 12px; } .feature .item .base { padding: 1px 0 0 15px !important; margin: 0 !important; background: url('../img/icon_feature_pin.png') left center no-repeat; font-size: 14px; color: #000; } .feature .item .base a { color: #ffa800; } .feature .item .base a:hover { text-decoration: underline; } /* copy at the bottom */ .feature .lead {border-top: 1px solid #e5e5e5;} .feature .lead img {margin-top: 10px;border: 1px solid #e5e5e5;} .feature .lead h4 {margin: 10px 0 0;padding: 0;font-size: 13px;text-transform: uppercase;color: #808080;text-transform: uppercase;} .feature .lead h5 {margin: 0 0 25px 0;padding: 0;font-size: 20px;color: #111;} .feature .lead p strong {padding-left: 0 !important;padding-right: 0 !important;color: #000;text-transform: uppercase;} .feature .lead p a:hover {text-decoration: underline;} .span6 .lead .box {margin-bottom: 11px;} /**************************************************************************************************************************************/ /* TITLE - establishment / event / etc */ #title { padding: 131px 0 0 0; background: #f4f4f4 url(../img/grey_1px.png) bottom repeat-x; position: relative; } #title .container { z-index: 10; position: relative; } /* to the top */ #scroll_top {background: url(../img/icon_top.png) no-repeat;width: 40px;height: 40px;position: absolute;bottom: 15px;right: 15px;} /* page sharing on social networks */ #share_count {list-style-type: none;z-index: 11005;} #share_count li {float: right;width: 40px;height: 40px;padding-bottom: 3px;margin-left: 5px;position: relative;} #share_count .share_facebook {background: url(../img/icon_facebook.png) no-repeat;} #share_count .share_twitter {background: url(../img/icon_twitter.png) no-repeat;} #share_count .share_googleplus {background: url(../img/icon_googleplus.png) no-repeat;} /* dropdown */ #share_count li.over .widget {display: block;} #share_count .widget {padding: 5px;background: #fff;border: 1px solid #d2d2d2;box-shadow: 0 0 3px #d3d3d3;border-radius: 5px;position: absolute;top: 38px;right: 0;z-index: 10004;display: none;} #share_count .widget .arrow {width: 10px;height: 6px;display: block;background: url(../img/arrow_typeahead.png) no-repeat;position: absolute;top: -6px;right: 15px; } /* establishment title */ #title h1 { margin: 60px 0 0; padding: 0 3px 5px; display: block; font-size: 38px; font-weight: normal; color: #fff; line-height: 38px; text-shadow: 2px 2px 2px #000; text-transform: uppercase; } /* establishment description */ #title .description {margin: 0 0 28px;padding: 2px 0 4px 3px;display: inline-block; font-size: 14px; line-height: 14px; color: #000; background-color: #d5d5d5;} #title .description p {margin: 0;padding-right: 3px;} #title .description p.locator {padding-right: 0;} #title .description a {color: #000;} #title .description a:hover {color: #dd4a38;} #title .description a.pin {padding: 0 11px 2px 3px; background: #fff url(../img/pin.png) no-repeat right 3px;border-right: 3px solid #fff;} #title .description a.pin:hover {background-position: right -14px;} /* navigational tabs */ #title .tabs { margin: 0; padding: 18px 0 0 0; list-style: none; } #title .tabs li { float: left; display: inline-block;margin: 0 4px 0 0;padding: 0 14px 1px;background: #fff url(../img/grey_1px.png) bottom repeat-x;border: 1px solid #dfdddd;border-bottom: 0;border-radius: 5px 5px 0 0;line-height: 43px;font-size: 14px;} #title .tabs li a {color: #ffa800;} #title .tabs li a:hover {color: #dd4a38;} #title .tabs li span {color: #0d0d0d;} #title .tabs li.on {background-image: none;} #title .tabs li.on a {color: #000;} /* save to travel basket */ #title .save {position: absolute;top: 18px;right: 0;margin: 0; padding: 0 15px 0 40px; background: #fff url(../img/suitcase.png) 12px 5px no-repeat; border: 2px solid #ffa800; border-radius: 5px; font-size: 12px; font-weight: bold; color: #000; line-height: 30px; } /* pretty background */ #title .bkg {width: 100%;height: 213px;margin: 0 auto;position: absolute;top: 132px;left: 0;right: 0;z-index: 9;} .headerimg {background-color: #bfbfbf;background-position: center top;background-repeat: no-repeat;width: 100%;height: 213px;position: absolute;border-bottom: 1px solid #e5e5e5;} #headertxt {position: absolute;top: 24px;} #firstline {background-image: url(../img/png_white.png);color: #333;font-size: 24px;line-height: auto;padding: 5px 10px;float: right;display: block;text-transform: uppercase;margin-bottom: -5px;} #secondline {background-image: url(../img/png_white.png);color: #dd4a38;text-decoration: none;font-size: 20px;line-height: auto;padding: 5px 10px;float: right;display: block;clear: both;} .pictured {background-color: #dd4a38;color: #fff;font-size: 12px;padding: 5px 10px;text-transform: uppercase;float: right;display:block;clear: both;margin-top: 10px;} .pictured a {font-size:16px;text-transform: none;color: #fff;text-decoration: none;} .pictured a:hover {text-decoration: underline;} ul.glance {float: none;width: auto;text-align: center;padding: 15px 0 10px;margin: 0;} .glance li {display: inline-block;margin: 0 20px;text-transform: uppercase;font-size: 10px;padding-top: 40px;} .glance.max_settings li {margin: 0 8px;} .glance li span {text-transform: none;color: #000;font-size: 13px;display: block;line-height: 12px;} .glance li.prop {background: url(img/esticon_propertytype.png) no-repeat top center;} .glance li.guests {background: url(img/esticon_maxoccupants.png) no-repeat top center;} .glance li.beds {background: url(img/esticon_bedrooms.png) no-repeat top center;} .glance li.baths {background: url(img/esticon_bathrooms.png) no-repeat top center;} .glance li.nights {background: url(img/esticon_minimumstay.png) no-repeat top center;} .glance li.speaks {background: url(img/esticon_sprechendeutsch.png) no-repeat top center;} .glance li.preferred {background: url(img/esticon_preferred.png) no-repeat top center;width: 80px;height: 80px;padding-top: 0;} /**************************************************************************************************************************************/ /* MAIN - often used elements */ /* breadcrumbs */ .breadcrumbs {margin-bottom: 25px;color: #b9b8b8;line-height: 18px;height: 18px;overflow: hidden;} .breadcrumbs span {color: #000;white-space: nowrap;} .breadcrumbs a { color: #7f7f7f;line-height: 18px;height: 18px;} .breadcrumbs a:hover { color: #ffa800; } .breadcrumbs a span.home-icon {background: url(../img/icon_home.png) no-repeat;padding: 1px 0 0 18px;margin-left: 0;} .breadcrumbs a:hover span.home-icon {background-position: 0 -19px;} #main {padding: 30px 0;} #info h2, .associate h2 {font-size: 20px;color: #000;} #info h2 span {display: block;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;font-size: 14px;line-height: 22px;margin: 0;padding: 0;color: #666;} #info #zero h2 {padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;} #info h3 {font-size: 14px;line-height: 22px;margin: 0;padding: 10px 0 0;text-transform: uppercase;} #info .content h4 {font-size: 15px;line-height: 22px;margin: 0 0 -15px;padding: 10px 0 0;color: #000;} #rhc h3 {color: #000;font-size: 20px;line-height: 20px;margin: 35px 0 0;padding: 0 0 5px;border-bottom: 1px solid #e5e5e5;} #rhc .submenu {background-color: #f4f4f4;} .content p a.match {color: #666;} .associate {margin: 50px 0 0;} /* box */ .box {border: 1px solid #e5e5e5;} .box#cal {border-top: 0;} #cal p.fineprint {font-size: 11px;} /* why book with sa-venues.com */ .why {position: relative;margin-bottom: 30px;padding: 20px;background: #f4f4f4;} .why span {position: absolute;top: 0;right: 10px;} .why h3 {margin: 0 !important;padding: 0 !important;font-size: 14px !important;} #rhc .why h3 {border: none;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;color: #666;} .why ul {margin: 0;padding: 15px 0 0;list-style: none;} .ticked li {padding: 0 0 0 20px;background: url(../img/icon_tick_why.png) left 2px no-repeat;line-height: 16px;margin: 2px 0;} .why a {color: #000;} .why p:first-child {padding: 0 0 20px !important;border-bottom: 1px solid #e5e5e5;} .why p ~ ul {padding-top: 5px;} /* copyright */ .copy {margin-bottom: 30px;} .copy p {position: relative;margin: 0;padding: 15px 60px 0 27px;font-size: 12px;line-height: 15px;height: 43px;overflow: hidden;} .copy p b {font-weight: normal;} .copy span.super {position: absolute;top: -2px;right: 5px;height: 43px;color: #e5e5e5;} /* warning */ .warning {border-color: #ffde9e;background-color: #fef6e6;margin-bottom: 30px;padding: 5px 20px;color: #000;} .warning h2, .warning h3 {padding: 6px 0 6px 40px !important;background: url(../img/icon_warning.png) no-repeat;} .warning a {color: #4c4c4c;border-bottom: 1px dotted #4c4c4c;} #rhc .warning {color: #000;} #rhc .warning {margin-top: 30px;font-size: 12px;} #rhc .warning h3 {margin: 10px 0 0;border: none;} .content .box.warning {padding-top: 15px;} /* halt */ .halt {border: 1px solid #e5e5e5;background-color: #f9edeb;margin: 0;padding: 9px 0 10px;font-size: 13px;color: #dd4a38;text-align: center;} .halt h3 {color: #dd4a38 !important;border-color: #dd4a38 !important;margin: 0 0 10px !important;padding: 0 10px 5px !important;} .not_available {margin-left: -21px;margin-right: -21px;margin-bottom: -16px;display: none;} #availability_notice.warning {margin-bottom: 20px;background-color: #ffde9e;} #rhc #availability_notice.warning {margin-top: 0;} #listing_availability.warning {margin: 10px 0 0;padding: 0 20px;background-color: #ffde9e;} #listing_availability.warning p {background: url(../img/icon_warning.png) no-repeat center right;padding: 7px 50px 7px 0 !important;font-size: 11px;line-height: 17px;color: #111;} /* successful */ .successful {border-color: #69b433;background-color: #daf4b5;margin-bottom: 30px;padding: 5px 20px;color: #000;} .successful h2 {padding: 18px 0 10px 52px !important;background: url(../img/icon_success.png) no-repeat 2px 3px;} .successful a {color: #4c4c4c;border-bottom: 1px dotted #4c4c4c;} /* submenu and filter */ .submenu, .filter {border-bottom: none;margin-bottom: 30px;} .submenu h3, .filter h3 {position: relative;margin: 0 !important;padding: 0 20px !important;background-color: #f4f4f4;display: block;border-bottom: 1px solid #e5e5e5;font-size: 17px !important;color: #000;line-height: 54px !important;height: 54px;overflow: hidden;} .submenu h3 span, .filter h3 span {position: absolute;left: 20px;top: 17px;font-size: 12px;text-transform: uppercase;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;} #frmFilterAccom h3 {height: 68px;} h3.tall {padding-bottom: 15px !important;} .submenu ul, .collection ul {margin: 0;padding: 0;list-style: none;} .submenu li, .collection {border-bottom: 1px solid #e5e5e5;} .submenu li.faux {padding: 15px 20px;} .submenu li.faux a {font-size: 13px;line-height: 16px;} .submenu li.faux a:hover {text-decoration: underline;} .submenu li.faux span a:hover {text-decoration: none;} .collection ul {padding: 5px 20px 15px;} .collection p {padding: 5px 20px;} .collection a.btn {font-size: 13px !important;} .submenu li li {border: none;line-height: 14px;padding-bottom: 5px;} .submenu ul li > a, .collection a {display: block;font-size: 12px;color: #666;} .submenu ul li > a.drop, .collection a.drop {font-size: 13px;line-height: 16px;color: #666;padding: 15px 40px 10px 20px;background: url('../img/arrow_sub_up.png') right 20px no-repeat;} .submenu ul li.closed > a.drop, .collection.closed > a.drop {padding-bottom: 15px;background: url('../img/arrow_sub_down.png') right 20px no-repeat;} .filter a.drop {color: #000 !important;} .submenu ul li.closed ul, .submenu ul li.closed ol, .submenu ul li.closed p, .collection.closed ul {display: none;} .submenu ul ul {padding: 0 20px 10px 35px;list-style-type: square;color: #666;font-size: 12px;} .submenu ul ol {padding: 0 20px 10px 40px;list-style-type: decimal-leading-zero;color: #666;font-size: 12px;} .submenu ul ul li > a:hover, .submenu ul ol li > a:hover {text-decoration: underline;} .submenu ul ul li span, .submenu ul ol li span {color: #000;} .submenu li.out {list-style-type: none;text-align: right;} .submenu li.out a {color: #ffa800;text-decoration: underline;text-transform: lowercase;} .submenu li.none {padding: 15px 20px;} .submenu ul ul ul {padding: 5px 0 0 20px;margin-bottom: -5px;} .submenu li p {padding: 0 20px;margin-top: -1px;font-size: 12px;line-height: 17px !important;} .submenu li p:first-child {padding-top: 15px;} .submenu li p a {color: #666;text-decoration: underline;} .submenu a.match {color: #666;} .submenu a.near {text-decoration: underline;} .submenu p img.family {max-width: 153px;max-height: 101px;} /* find */ .submenu .find {position: relative;padding-bottom: 20px;} .submenu .find a {padding: 15px 20px;font-size: 13px;line-height: 16px;cursor: text;} .submenu .find form input {border: 1px solid #666;color: #666;border-width: 0 0 1px;margin: 0 20px;width: 229px !important;} .submenu .find form input:focus {border-color: #ffa800;color: #ffa800;} /* typeahead styling */ .submenu .find form .tt-dropdown-menu {position: absolute;left: 20px !important;top: 20px !important;z-index: 100000;width: 227px;background-color: #fff;border: 1px solid #ffa800;border-width: 0 1px;} .submenu .find form .tt-dropdown-menu > div {border-bottom: 1px solid #ffa800;position: relative;padding: 3px 3px 2px;} .submenu .find form .tt-dropdown-menu h3, .submenu .find form .tt-dropdown-menu p {line-height: 13px !important;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;} .submenu .find form .tt-dropdown-menu h3 {position: absolute;top: 0;right: 0;font-size: 11px !important;color: #fff;background-color: #ffa800;padding: 5px 8px 6px 6px !important;border: 0 !important;font-weight: bold;} .submenu .find form .tt-dropdown-menu p {text-align: left;margin: 0;padding: 4px 15px;color: #666;text-transform: none;background-color: #f4f4f4;border-bottom: 1px solid #fff;} .submenu .find form .tt-dropdown-menu p:hover {border-bottom: 1px solid #fff;background-color: #d2d2d2;} /* collection */ .filter .collection ul li {padding: 0 0 5px;} .filter .collection ul li p {padding: 0 !important;margin: 0 !important;} .filter .collection ul li p a {display: inline;font-size: 13px;text-decoration: underline;} .filter .collection ul li input {float: left;margin: 3px 0 0;} .filter .collection ul li label {margin: 0 0 0 10px;font-size: 12px;} .filter .collection ul li label span {float: right; color: #ffa800;} .filter .collection ul li label span.stars {float: left;height: 14px;margin: 2px 0 3px 10px;background: url('../img/star.png') repeat-x;display: inline-block;} .filter .collection ul li label span.stars.star3 {width: 54px;} .filter .collection ul li label span.stars.star4 {width: 72px;} .filter .collection ul li label span.stars.star5 {width: 90px;} .filter .collection.btns {padding: 20px;} .filter .collection.btns input {width: 100%;} .filter .btn_yellow {padding: 0 20px;margin: 0 auto;border-top: 0;border-left: 0;border-right: 0;} .filter #select.collection {padding: 15px 0 0;} .filter select, .submenu select {width: 90% !important;margin: 0 auto;padding: 8px 5%;background: #fff;border: 1px solid #d1d1d1;border-radius: 4px;} /* clearfix: contain floats */ .clearfix:before, .clearfix:after {content: " ";display: table;}.clearfix:after {clear: both;} /* fontgroup 4 */ .discount strong {font-family: 'Impact', 'Poppins', 'Arial', 'Helvetica', sans-serif;} ul.to_book {margin: 0;padding: 0;width: 100%;display: block;position: relative;} .to_book li {text-align: center;display: block;vertical-align: top;} .to_book li span {display: block;text-transform: uppercase;} .when span {background-color: #e5e5e5;padding: 5px 0 3px;color: #000;margin-bottom: 8px;} .value {color: #000;font-size: 22.5pt;line-height: 1;margin-bottom: 3px !important;} .value sup {font-size: 12px;font-weight: 500;} .basis {line-height: 1.4;margin-bottom: 12px !important;} .basis.none {margin-top: 50px;} .to_book .fineprint {font-size: 11px;line-height: 16px;padding: 0 20px;} .to_book .protection {margin-bottom: 10px;} .badge {margin: 0 auto;display: block;width: 40px;height: 40px;background: url(img/icon_badge.png) no-repeat;} .call_to_action {position: absolute;bottom: 0;right: 0;width: 25%;} #style_advertise .call_to_action {left: 0;right: 0;margin: 0 auto;width: 100%;} .to_book a.tooltip {position: absolute;right: 55px;top: 80px;} .to_book a.tooltip span {display: none;} .to_book a.tooltip:hover span {display: block;margin-left: 0;} .special_banner {float: left;display: block;width: 100%;background-color: #e5e5e5;height: 58px;margin-bottom: 8px !important;box-sizing: border-box;} .discount {float: left;width: 45%;height: 58px;background-color: #0769b4;color: #fff;text-align: left;padding: 20px 0 5px 8px;text-transform: uppercase;box-sizing: border-box;} .discount strong {display: block;font-size: 28pt;float: left;margin: -3px 3px 0 0;font-weight: normal;} .special_banner .value {float: right;width: 55%;background: url(img/special_bkg.png) no-repeat top left;text-align: right;height: 58px;padding: 8px 5px 5px;box-sizing: border-box;} .not {font-size: 12px;text-decoration: line-through;padding-left: 30px;color: #0769b4;} .now {padding-left: 30px;padding-top: 5px;} table.languages {empty-cells: hide;border-collapse: collapse;border-spacing: 0;} .languages td {border-bottom: 1px dotted #e5e5e5;padding: 2px 0;} /**************************************************************************************************************************************/ /* LISTING - listing items */ .listings_bulleted {list-style-type: none;margin: 0 0 25px;padding: 0;} .listings_bulleted li {width: 50%;text-align: left;float: left;border-bottom: 1px dotted #e5e5e5;line-height: 26px;height: 26px;} .listings_bulleted li:nth-child(even) {text-align: right;} .listings_bulleted li:nth-child(even) a {text-transform: uppercase;color: #666;font-size: 10px;} .listing {margin: 0 0 15px;padding: 20px;position: relative;} .listing img {float: left;margin: 0 20px 0 0;border: 1px solid #e5e5e5;} .listing .details {width: 365px;float: left;padding: 11px 20px 0 0;} .listing .details h3 {clear: both;margin: 0 !important; padding: 0 !important;line-height: 17px !important;} .listing .details h3 a {color: #000;font-size: 17px;margin: 14px 5px 4px 0;} .listing .details h3 a:hover {color: #ffa800;} .listing .stars {height: 14px;} .listing .details p {margin: 0;padding: 0;font-size: 11px;line-height: 17px;height: 17px;color: #999;} .listing .details p.location {clear: both;overflow: hidden;} .listing .details p.categories {line-height: 16px;height: 16px;margin-bottom: 2px;overflow: hidden;} .listing .details p.categories span {float: left;margin-right: 5px;} .listing .details p.categories a {color: #999;} .listing .details p.description {color: #666;padding: 8px 0 0;font-size: 12px;} .listing .details p.description a:hover {text-decoration: underline;} .listing .total {width: 175px;min-height: 156px;float: right;padding: 12px 0 0;overflow: none;} .listing .total h4 {font-size: 12px;line-height: 16px;margin-left: 8px;} .listing .total a.tooltip {position: absolute;right: 55px;top: 80px;} .listing .total a.tooltip.nudge {right: 45px;} .listing .total a.tooltip.nudged {right: 40px;} .listing .total a.tooltip.nudges {right: 33px;} .listing .total a.tooltip span {margin-top: -35px;margin-left: 0;} .listing .total#none h4 span {font-size: 22px;line-height: 24px;} .listing .has_special {top: -3px;} .listing .has_special a {background: url(../img/icon_special_indicator_orange.png) no-repeat;} .listing .btns {width: 100%;margin-top: 15px;} .listing .btns a {display: block;} .listing .btns a.btn_yellow, .listing .btns a.btn_orange {line-height: 32px !important;font-size: 13px;} .listing .meta {clear: both;float: left;width: 633px;margin-top: 20px;height: 27px;line-height: 30px;font-size: 11px;text-align: justify;overflow: hidden;} .listing .meta img {border: 0;float: left;background: url(../img/icons_listing.png) no-repeat;height: 27px;margin-right: 8px;} .listing .meta img.comments {width: 27px;background-position: 0 -135px;} .listing .meta a {color: #666;} .listing .meta a:hover {text-decoration: underline;} #results .listing .rating {float: right;width: 167px;margin-top: 5px;} #results .listing .rating p {margin: 0;} #results .listing .rating span {height: 17px !important;line-height: 17px !important;font-size: 11px !important;} #results .listing .rating span.count {margin-top: 3px;} .icon_wifi {position: absolute;top: 15px;left: 15px;} .icon_wifi img {background: url(../img/icon_wifi.png) no-repeat;width: 52px;height: 41px;border: none;} .listing a.hoverbox .preview {display: none;} .listing a.hoverbox:hover .preview {display: block;position: absolute;top: 10px;left: -150px;z-index: 10002;background-image: none;background-color: #fff;padding: 10px;border: 1px solid #e5e5e5;width: 400px;height: 277px;} .suggested .listing img {margin: 0;} .suggested .listing .details {width: 260px;float: right;padding-right: 0;position: relative;height: 157px;} .suggested .listing .details p.description {height: 50px;overflow: hidden;} .suggested .listing .details .btns {position: absolute;right: 0;bottom: 0;margin: 0;} #detail #info .suggested .listing .details p.categories {overflow: hidden !important;} #extras {margin-top: 75px;} .map {height: 388px; margin: 0 0 30px 0; background: #f4f4f4; border: 1px solid #e5e5e5; } .nearby {padding: 0 0 20px 0; } .nearby h3 {float: left; margin: 0; font-size: 20px; display: block; line-height: 40px; } .nearby ul {float: right; padding: 0; margin: 0; list-style: none; border-left: 1px solid #dcdcdc; } .nearby ul li {float: left; position: relative; } .nearby ul li a {padding: 0 15px;display: block;line-height: 38px;border: 1px solid #dcdcdc;border-left: 0;text-align: center;font-size: 14px;color: #ffa800;background-color: #fff;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f4f4));background-image: -webkit-linear-gradient(top, #fff, #f4f4f4);background-image: -moz-linear-gradient(top, #fff, #f4f4f4);background-image: -ms-linear-gradient(top, #fff, #f4f4f4);background-image: -o-linear-gradient(top, #fff, #f4f4f4);} .nearby ul li a span {color: #000;} .nearby ul li.on a {color: #000;} .nearby .arrow {width: 18px; height: 8px; margin: 0 auto; display: block; background: url('../img/arrow_nearby.png') no-repeat; position: absolute; top: 39px; left: 0; right: 0; } /**************************************************************************************************************************************/ /* ESTABLISHMENT - establishment / detail / event specific styles */ /* book */ .holder-a {min-height: 344px;} .holder-b {min-height: 387px; /*324px; changed so that the error message on the not_available box would fit without height changes */} .holder-c {min-height: 188px;} #booking_board, #contact_board {margin: -20px 0 -1px;background-color: #fff;padding-top: 20px;position: relative;} .rel_box {margin: -20px 0 -1px;padding-top: 20px;background-color: #fff;position: relative;} .book {margin: 0;background: #f4f4f4;} .book .contact { padding: 5px 20px;} .book .contact p { padding: 11px 0; margin: 0; border-bottom: 1px solid #e5e5e5; } .book .contact p:last-child { border: 0; } .book .contact p strong { font-weight: normal; color: #000; } .book .btns { padding: 20px;} .book .dates {padding: 15px 20px; } .book .dates .date {display: block;box-sizing: border-box;} .book .dates .date input {margin: 0 0 5px;box-sizing: border-box;width: 100%;padding: 9px 24px 9px 9px; background: #fff url('../img/icon_check.png') 95% 8px no-repeat;border: 1px solid #e5e5e5;border-radius: 4px;font-size: 12px;color: #000;} .book .dates .second {margin-bottom: 15px;} .book .dates .btn {clear: both;width: 100%;margin: 0;border-top: 0;border-left: 0;border-right: 0;} a.separate {margin-top: 5px !important;} .book .dates p {margin: 15px 0 0;font-size: 11px;text-align: center;font-style: italic;} .book .dates p img {padding: 3px 0 0;display: inline-block;} /* facts */ .facts p {padding: 10px 0 10px 27px; margin: 0; border-bottom: 1px solid #e5e5e5;} .facts p:first-child {padding-top: 0;} .facts p.gps { background: url('../img/icon_gps.png') 0 17px no-repeat; } .facts p.airport { background: url('../img/icon_airport.png') 0 17px no-repeat; } .facts p.children { background: url('../img/icon_children.png') 0 17px no-repeat; } .facts p.times { background: url('../img/icon_time.png') 0 17px no-repeat; } .facts strong {font-weight: normal; color: #000;} .facts.destination {border-bottom: 1px solid #e5e5e5;} .facts.destination p {border: 0;} .facts.destination p:first-child {padding-top: 15px;} /* reviews */ .reviews p {margin: 15px 0 0;font-size: 13px;line-height: 20px;} .reviews p.serif {background: url(../img/icon_quote.png) 0 2px no-repeat;padding-left: 27px;} .reviews p.reviewer {margin: 5px 0 0 27px;font-size: 11px;color: #000;text-transform: uppercase;} .reviews a {color: #ffa800 !important;} .reviews .rating {margin: 15px 0 35px;width: 100%;border: 1px solid #e5e5e5;border-width: 1px 0;padding: 15px 0 15px 2px;} #detail .reviews .rating {border-bottom: 0;} .reviews .rating p {margin: 1px 0;} .reviews .rating span {margin: 3px 0 2px;} .reviews .rating p.all {margin-top: 2px;} .reviews span.exp {margin: 3px 0 2px 5px;} #detail .reviews .rating p {margin-left: 22px;} /* methods */ .methods h3 span {display: block;font-size: 13px;line-height: 18px;text-transform: uppercase;color: #666;font-family: "Droid Sans", "Arial", "Verdana", "Helvetica", sans-serif;} .methods p {margin: 0;padding: 5px 0;font-size: 11px;line-height: 18px;text-align: justify;} .methods ul { margin-top: 5px; padding: 5px 0; list-style: none;} .methods ul li { padding: 0 0 0 40px; margin: 0 0 3px;font-size: 11px;line-height: 22px;} .methods ul li.visa { background: url('../img/icon_card_visa.png') no-repeat; } .methods ul li.mast { background: url('../img/icon_card_mastercard.png') no-repeat; } .methods ul li.amer { background: url('../img/icon_card_amex.png') no-repeat; } .methods ul li.dine { background: url('../img/icon_card_diners.png') no-repeat; } .methods ul li.payp { background: url('../img/icon_card_paypal.png') no-repeat; } .methods p img {float: right;margin: -14px 25px 0 0;} /* advertisements only */ #adv a {color: #4c4c4c;} #adv a:hover {border-bottom: 1px dotted #4c4c4c;} #adv.content i a, #adv a.orange {color: #dd4a38;border: none;} #adv.content i a:hover, #adv a.orange:hover {border-bottom: 1px dotted #dd4a38;} #adv .bottom {padding: 10px 0 15px;} #adv .both {padding: 15px 0;margin-top: 20px;} #adv .top {margin-top: 20px;padding-top: 15px;} #adv table {empty-cells: hide;border-collapse: separate;border-spacing: 2px;position: relative;} #adv td {padding: 3px 15px 3px 0;vertical-align: middle;font-size: 12px !important;} #adv td.space {width: 30px;padding: 0;} #adv td.header-cell {font-weight: bold;padding: 20px 15px 7px 0;font-size: 13px;} #adv td.rates-left, #adv td.specials-left {padding-left: 10px;border-left: 3px #ffa800 solid;} #adv td.specials-left {text-align: justify;} #adv td.notes-cell {vertical-align: top;padding: 0 0 60px;} #adv .sub-notes table {border-collapse: collapse;border-spacing: 0;} #adv td.sub-booking {position: absolute;left: 0;bottom: 5px;} #adv table a {padding: 0 40px;} #adv table a:hover {border-bottom: 1px solid #c77800;} .buttons a {width: 120px;} #adv .rates_table {margin: 20px 0;width: 100%;} #adv .rates_table td {padding: 6px 8px;background-color: #f4f4f4;border: 1px solid #e5e5e5;text-align: center;} #adv .rates_table td a.rate {width: auto;height: auto;padding: 0;color: #000;} #adv .rates_table td a.rate:hover {border: 0;} #adv .rates_table td.key {background-color: #fff;border-color: #fff;text-align: left;padding: 5px 0 15px 0;} #adv .rates_table td.key h3 {margin: 15px 0 0 !important;text-transform: uppercase !important;color: #111 !important;} #adv .rates_table td.selected {background-color: #e4e3e1;border-color: #d6d6d4;} #adv .rates_table td.header-cell {background-color: #e5e5e5;text-transform: uppercase;font-size: 11px !important;} #adv .rates_table td.available {background-color: #ffdf7f;border: 1px solid #ffdf7f;color: #000;} .rates_table .header-cell span {font-size: 16pt;display: block;font-weight: normal;} #adv .rates_table td.rates-left {text-align: left;padding: 6px 6px 6px 15px;width: 250px !important;border-left: 3px #ffa800 solid;} #adv .rates_table td.qty {width: 30px !important;} #adv .rates_table td.header-cell:nth-child(2) {text-align: left;padding: 6px 6px 6px 15px;width: 250px !important;border-left: 3px solid #666;} #adv .rates_table td.available.selected {background-color: #ffa800;border-color: #ffa800;position: relative;} #adv .rates_table td.header-cell.selected {background-color: #d6d6d4;border-color: #d6d6d4;} #adv .rates_table .date {position: relative;} #adv .rates_table .date input {width: 85px;margin: 0 10px 0 0;background: #fff url('../img/icon_check.png') 79px 8px no-repeat !important;padding: 8px 10px;background-color: #fff;border: 1px solid #d1d1d1;border-radius: 4px;} #adv .rates_table .date label {margin: 0 20px;} #adv .rates_table .date select {padding: 7px 15px 7px 10px;background-color: #f4f4f4;border: 1px solid #d1d1d1;border-radius: 4px;} #adv .rates_table .date select.basis {background-color: #ffdf7f;} #adv .rates_table .date i {display: inline-block;margin-left: 10px;} #adv .rates_table td.space {width: 26px !important;padding: 0 !important;} #adv .rates_table td a.rate {position: relative;cursor: help;} #adv .rates_table td a.rate .hint {display: none;position: absolute;top: 27px;left: -82px;width: 200px;z-index: 100005;text-align: left;background-color: #fff;border: 1px solid #cbcbcb;border-radius: 8px;box-shadow: 0 3px 5px #666;} .hint .bubble {position: relative;} .hint p {padding: 2px 15px 3px;font-size: 11px;line-height: 15px;} .hint .arrow {position: absolute;top: -20px;left: 90px;width: 20px;height: 10px;background: url('../img/hint_arrow.png') no-repeat;z-index: 100006;} #adv .rates_table td a.rate:hover .hint {display: block;} #adv .rates_table td ul {margin: 10px 0 0;padding: 0;} #adv .rates_table td ul li {display: inline-block;width: 50px !important;height: 20px !important;margin: 0;padding: 0;list-style-type: none;background: url(../img/nb_rates_nav.png) top left no-repeat;} #adv .rates_table td ul li input {background: url(../img/nb_rates_nav.png) top left no-repeat;width: 50px !important;height: 20px !important;display: block;padding: 0 !important;margin: 0 !important;} #adv .rates_table td ul li a:hover {border: 0;} #adv .rates_table td.text-right ul li {display: inline-block;} #adv .rates_table td ul li.week_back input[disabled] {background-position: 0 0;} #adv .rates_table td ul li.week_back input {background-position: 0 -20px;} #adv .rates_table td ul li.week_back input:hover {background-position: 0 -40px;} #adv .rates_table td ul li.week_back input[disabled]:hover {background-position: 0 0;} #adv .rates_table td ul li.day_back input[disabled] {background-position: -50px 0;} #adv .rates_table td ul li.day_back input {background-position: -50px -20px;} #adv .rates_table td ul li.day_back input:hover {background-position: -50px -40px;} #adv .rates_table td ul li.day_back input[disabled]:hover {background-position: -50px 0;} #adv .rates_table td ul li.day_next input {background-position: -100px -20px;} #adv .rates_table td ul li.day_next input:hover {background-position: -100px -40px;} #adv .rates_table td ul li.week_next input {background-position: -150px -20px;} #adv .rates_table td ul li.week_next input:hover {background-position: -150px -40px;} #adv #specials_packages {} #adv #specials_packages p {margin-top: 5px;} #adv #specials_packages .rates_table td {text-align: left;} a.special_hotlink:hover {text-decoration: none !important; border: 0 !important;} /* map page */ #est_map .content p {border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;} #est_map .content .top {margin-top: 0;} #est_map .content {border-top: 1px solid #e5e5e5;} #est_map h2 {margin-top: 16px;} /* rates table */ #est_rates #info h2 {padding-bottom: 0;margin-bottom: 0;} #est_rates #info h3 {line-height: 14px;padding-top: 5px;text-transform: none;color: #000;font-family: "Droid Sans", "Arial", "Verdana", "Helvetica", sans-serif;} #est_rates #info #specials_packages h3 {margin-top: 20px;padding-bottom: 0;text-transform: uppercase;} #est_rates #info .policies h2 {padding: 10px 0 15px;} #est_rates #info .policies h3 {padding: 15px 0 5px 30px;margin: 0;color: #666;font-weight: bold;font-size: 13px;} #est_rates #info .policies p {padding: 0 0 10px 30px;margin: 0;} #est_facilities {width: 650px;text-align: center;margin-top: -30px;} #est_facilities #main {width: 570px;margin: 0 auto;text-align: left;} /* gallery */ #galleria { height: 480px; border-top: 1px solid #e5e5e5;margin: 0 0 30px 0; } #detail #galleria, #golf #galleria {margin-bottom: 1px;} .galleria-counter { display: none!important; } .galleria-stage { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #e5e5e5!important; } .galleria-bar { height: 30px!important; border: 1px solid #e5e5e5; background: #f9f9f9!important; } .galleria-info { border-right: 1px solid #e5e5e5; left: 60px!important; right: 60px!important; } .galleria-info-title { color: #000!important; } .captioned .galleria-info {color: #000 !important;} .galleria-s1, .galleria-s2, .galleria-s3, .galleria-s4 { display: none!important;} .galleria-fullscreen { background: url('../img/icon_fullscreen.png') no-repeat 5px 7px!important; } .galleria-popout { border-right: 1px solid #e5e5e5; background: url('../img/icon_pop.png') no-repeat center!important; } .galleria-thumblink { border-right: 1px solid #e5e5e5; background: url('../img/icon_thumbs.png') no-repeat center!important; } .galleria-play { border-right: 1px solid #e5e5e5; background: url('../img/icon_play.png') no-repeat center!important; } .galleria-thumbnails .galleria-image {width: 78px;} /* old gallery */ #photo-gallery {height: 190px;} #photo-gallery .mainpicture {float: left;margin: 5px 1px 5px 5px;height: 180px;} #photo-gallery .enlarge {float: left;height: 185px;width: 18px;background: url("../img/hint-enlarge.gif") 0 5px no-repeat;} #photo-gallery .thumbnails {margin: 5px 0 0 1px;} #photo-gallery .thumbnails img {margin: 0 5px 5px 0;} /* amenities */ #main .amenities { margin: 30px 0 0; padding: 0;position: relative;} #main .amenities div {float: none;padding: 15px 0; border-top: 1px solid #e5e5e5; } #main .amenities div:last-child { border-bottom: 1px solid #e5e5e5;} #main .amenities .group_general { background: url('../img/icon_group_general.png') 0 14px no-repeat; } #main .amenities .group_services { background: url('../img/icon_group_services.png') 0 16px no-repeat; } #main .amenities .group_functions { background: url('../img/icon_group_functions.png') 0 14px no-repeat; } #main .amenities .group_food { background: url('../img/icon_group_food.png') 0 14px no-repeat; } #main .amenities .group_activities { background: url('../img/icon_group_activities.png') 0 14px no-repeat; } #main .amenities .group_internet { background: url('../img/icon_group_internet.png') 0 14px no-repeat; } #main .amenities .group_parking { background: url('../img/icon_group_parking.png') 0 14px no-repeat; } #main .amenities p { width: 160px; float: left; margin: 0; padding: 3px 0 3px 40px; display: inline-block; font-size: 15px; color: #000; } #main .amenities ul { width: 370px; margin: 0; padding: 2px 0; list-style: none; display: inline-block; } #main .amenities ul li { width: 150px; padding: 2px 0 2px 20px; background: url('../img/icon_tick.png') left center no-repeat; display: inline-block;font-size: 11px;} #main .amenities ul li.partial { background-image: url('../img/icon_tick_partial.png');} #main .amenities .legend {position: absolute;right: 0;top: 0;} #est_map #main .amenities div:last-child { border-bottom: none;} /* accreditations */ #main .accreditations, #main .policies { margin: 30px 0 0; padding: 0;} #main .accreditations h3 span { font-size: 13px; color: #666; } #main .accreditations img { margin: 0 20px 0 0; display: inline-block; } #main .accreditations img:nth-child(1n) { margin-left: 0; } .tgcsa {float: left;width: 111px;text-align: center;margin: -11px 20px 0 0;} .tgcsastars {height: 21px;margin-top: -10px;background: url(../img/tgcsa-star.gif) repeat-x;display: inline-block;} .tgcsastars.star1 {width: 13px;} .tgcsastars.star2 {width: 26px;} .tgcsastars.star3 {width: 39px;} .tgcsastars.star4 {width: 52px;} .tgcsastars.star5 {width: 65px;} /* attention box */ .draw_attention, .reviews_say {border: 1px solid #e5e5e5;margin-bottom: 20px;} .draw_attention h2, .reviews_say h2 {float: left;margin: 0 17px 0 0;padding: 0 27px 0 17px;background: #f2f2f2 url('../img/arrow_big.jpg') right center no-repeat;line-height: 54px;font-size: 16px !important; text-transform: uppercase;} .draw_attention .note {margin: 0;padding: 0;} .draw_attention p {font-size: 11px;line-height: 15px;height: 30px;padding-right: 17px;overflow: hidden;} .draw_attention strong {color: #000;font-weight: normal;} /* reviews */ .reviews_say .rating, .reviews_listing .rating {margin: 0;border: none;padding: 0;} .reviews_say .rating p {float: left;height: 49px;line-height: 49px !important;} .reviews_say .rating p span {margin: 3px 1px 2px 2px;} .reviews_say .rating p.all {margin: 3px 0 0 3px;} .reviews_say .rating .count {margin: 16px 2px 16px 8px;} .reviews_say .rating p {font-size: 12px !important;} .span6 .reviews_say .rating {margin-top: 9px;width: 380px;} .span6 .reviews_say .rating p {float: none;height: 12px !important;line-height: 12px !important;margin: 0 0 -4px;} .span6 .reviews_say .rating p.all {float: left !important;margin: 3px 0 0 6px;} .span6 .reviews_say .rating p span {margin: 9px 0 0;} .span6 .reviews_say .rating span {float: left;margin: 0;} .span6 .reviews_say .rating#first_rating {margin-top: 12px;} .span6 .reviews_say .rating#first_rating p.all {margin: 7px 0 0;} .reviews_submit {padding: 20px;background: #f9f9f9;border: 1px solid #e5e5e5;margin-bottom: 20px;} .reviews_submit h2 {margin: 0;padding: 0;} .reviews_submit p {margin: 5px 0 12px;} .reviews_submit label { padding: 5px 0 2px 0; display: block; font-size: 12px; font-weight: bold; color: #000; } .reviews_submit input, .reviews_submit select, .reviews_submit textarea { padding: 8px 10px; background: #fff; border: 1px solid #d1d1d1; border-radius: 4px; } .reviews_submit input { width: 177px; } .reviews_submit select { width: 197px; padding: 7px; } .reviews_submit select.month { width: 110px; margin: 0 10px 0 0; display: inline-block; } .reviews_submit select.year { width: 73px; display: inline-block; } .reviews_submit textarea { width: 384px; height: 127px; } .reviews_submit .field_group { width: 211px; float: left; } .reviews_submit .field_group_wide { width: 406px; } .reviews_submit a {float: left;background: url('../img/icon_info.png') no-repeat;line-height: 12px;font-size: 12px;color: #666;padding: 7px 0 7px 30px;margin-top: 6px;font-weight: bold;text-transform: lowercase;} .reviews_submit a:hover {background-position: 0 -32px;color: #ffa800; } .reviews_submit .btns {margin-top: 16px;} .reviews_submit .btns input {float: right;padding: 0 10px;} .span6 .reviews_submit .field_group {width: 262px;} .span6 .reviews_submit input {width: 228px;} .span6 .reviews_submit select {width: 260px;} .reviews_submit select.month { width: 100px;margin-right: 4px;} .span6 .reviews_submit select.year {width: 73px;} .span6 .reviews_submit .field_group_wide {width: 530px;} .span6 .reviews_submit textarea {width: 500px;} .field_group_wide select {width: 100%;} .reviews_filter {margin: 0;} .reviews_filter h2 {margin-bottom: 4px;} #est_reviews #info .reviews_listing h3 {margin: 0;padding: 0;font-size: 16px !important;text-transform: none;} .reviews_listing .rating {margin-bottom: 15px;} .reviews_listing .rating p {float: left;height: 20px;line-height: 20px !important;} .reviews_listing .rating p span {margin: 3px 1px 2px 0;} .reviews_listing .rating p.all {color: #666;margin-left: 10px;text-transform: uppercase;margin: 5px 0 0 8px;} .reviews_listing .description {float: none !important;clear: both;margin-bottom: 0!important;} #est_reviews .warning {margin-bottom: 20px;} /* booking form */ #est_booking {} #est_booking legend {display: block;margin-bottom: 10px;} #est_booking legend a {color: #666;} #est_booking legend a:hover {text-decoration: underline;} #est_booking fieldset {clear: both;position: relative;} .booking_submit {padding: 20px;} .booking_submit h2 {margin: 0;padding: 0;} .booking_submit form h2 {margin-top: 10px;} .booking_submit label { padding: 5px 0 2px 0; display: block; font-size: 12px; font-weight: bold; color: #000; } .booking_submit input, .booking_submit select, .booking_submit textarea {padding: 8px 10px;background: #fff;border: 1px solid #d1d1d1;border-radius: 4px;} .booking_submit input.btn_yellow {padding: 0 10px;} .form_group {float: left;margin-bottom: 20px;} .form_group_wide {float: right;} .form_group_spec {float: left;width: 100%;margin-bottom: 20px;} .form_group label, .form_group input, .form_group select {margin: 0 15px 0 30px;} .booking_submit input { width: 172px; } .booking_submit select { width: 194px; padding: 7px; } .booking_submit .form_group_spec select {width: auto;min-width: 194px;} .form_group_spec label, .form_group_spec select {margin-left: 30px;} .booking_submit textarea { width: 298px; height: 80px;margin-bottom: 20px;} .booking_submit .date input { width: 85px; margin: 0 10px 0 0;background: #fff url('../img/icon_check.png') 83px 8px no-repeat;} .booking_submit .date select { width: 75px;} .booking_submit .radio {margin: 4px 0 17px 20px;font-size: 12px;line-height: 13px;} .booking_submit .radio label {margin: 0 0 13px 10px;} .booking_submit .radio input {width: 13px;height: 13px;margin: 0 0 0 10px;vertical-align: top;} .booking_submit.min {border-top: 1px solid #e5e5e5;padding-left: 0;} .booking_submit.min label {float: left;display: inline;margin: 3px 10px 0 0;font-size: 13px;font-style: italic;font-weight: normal;} .booking_submit.min input {padding: 10px;} .min fieldset {margin-top: 20px;} .min .date {float: left;} .min .form_group_spec {margin-bottom: 0;} .min .field a {float: left;padding: 0 20px;margin-right: 10px;} .rates_table .booking_submit.min {float: right;min-width: 450px;margin-top: 10px;} .rates_table .booking_submit.min div, .rates_table .booking_submit.min label {float: right;} p.more {margin: 0;padding: 10px 0 0;} p.more a {color: #111 !important;border: none !important;} p.more a:hover {text-decoration: underline;} p.more span {text-transform: uppercase;font-size: 14px;line-height: 22px;} /* zabuto calendar */ #availability_calendar table, div.zabuto_calendar .table {background-color: #fff;border-collapse: separate;border-spacing: 2px !important;border-bottom: 1px solid #e5e5e5;} /* FORMS */ .required label {color: #dd4a38;} .required input, .required select, .required textarea {border: 1px solid #dd4a38;} /* mailchimp form */ #mc_embed_signup {margin-top: 12px;position: relative;} #mc_embed_signup label {display: block;float: left;width: 100px;height: 27px;line-height: 27px;} #mc_embed_signup .input-group {display: none;} #mc_embed_signup input {padding: 4px 6px;background: #fff;border: 1px solid #bbb;border-radius: 4px;width: 215px;} #mc_embed_signup .mc-field-group {clear: both;margin-bottom: 2px;position: relative;} #mc_embed_signup input.btn {margin: 3px 41px 0 0;width: 229px;float: right;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space: nowrap;} #mc_embed_signup div#mce-responses {float: left;clear: both;} #mc_embed_signup div.response {position: absolute;background-color: #e3e3e3;top: 0;left: 0;float: left;z-index: 1;width: 289px;height: 127px;} #mc_embed_signup #mce-error-response {display: none;font-weight: normal;padding-right: 40px;} #mc_embed_signup #mce-success-response {display: none;background: #e3e3e3 url(../img/icon_success.png) no-repeat 2px 3px;padding: 10px 40px 10px 55px !important;} #mc_embed_signup label.error {display: block;float: none;width: auto;text-align: left;} /**************************************************************************************************************************************/ /* TTD */ #detail #adv .questions, #golf #adv .questions {padding: 15px;margin-bottom: 1px;background-color: #f4f4f4;} #detail #adv .questions p, #golf #adv .questions p {padding: 0 0 2px 93px !important;margin: 0 !important;position: relative;} #detail #adv .questions span, #golf #adv .questions span {position: absolute;top: 0;left: 0;color: #000;font-size: 11px;width: 85px;text-align: right;padding-right: 8px;text-transform: uppercase;} #detail #adv .questions a:hover, #golf #adv .questions a:hover {border-bottom: 0 !important;text-decoration: underline;} .polaroid {margin: 15px 0 10px 20px;border: 1px solid #e5e5e5;background-color: #fff;padding: 10px;} .polaroid#two, .polaroid#three {margin-top: 0;} .polaroid img {border: 1px solid #bbb;} .polaroid .caption {font-size: 11px;line-height: 11px;text-align: center;text-transform: lowercase;padding: 5px 0;} #detail .polaroid, #detail .polaroid .caption {width: 270px;} #golf .polaroid {margin: 0;width: 154px;} #golf #adv .questions {float: left;width: 538px;} #golf #adv .questions p {margin-left: 20px !important;width: 538px;} #golf #adv .questions p:first-child {margin-top: 5px !important;} #detail .warning, #golf .warning {font-size: 12px;margin-bottom: 2px;color: #4c4c4c;} #detail .warning h2, #golf .warning h2 {font-size: 14px;text-transform: uppercase;font-weight: bold;color: #4c4c4c;} #map-canvas {height: 200px;width: 100%;} #mapid {height: 400px;width: 100%;} #map-gps {position: absolute;bottom: 25px;left: 5px;background-color: #fff;padding: 0 5px;font-size: 9px;} #map-canvas.extended {height: 600px;} #est_map #map-canvas {height: 568px;} #front #map-canvas {height: 320px;} .all_accom #map-canvas {cursor: pointer;} .labels {font-size: 9px !important;line-height: 14px;height: 14px;width: 14px;text-align: center;background-color: #fff;margin-left: 1px;padding: 1px;border: 1px solid #fff;font-weight: bold;border-radius: 50%;color: #b93b33;text-transform: uppercase;} .region_window {margin: 10px 0 0 23px;width: 240px;height: auto;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;} .region_window h3 {display: block;text-align: center;font-size: 18px !important;line-height: 17px;margin: 0 0 8px;} .region_window img {border-radius: 4px;margin: 8px 0;} .region_window .btns {margin: 3px auto 0;} .region_window .btns img {border-radius: 0;margin: 0 0 14px 3px;} .region_window .btns a.align-left img {margin-left: 0;} .region_window .btns a {float: right;} .suburb_window {margin: 20px 0 14px 23px;width: 240px;height: auto;} .suburb_window h3 {display: block;text-align: center;font-size: 16px;line-height: 17px;margin: 0 0 8px;} .suburb_window img {border-radius: 4px;} .suburb_window .btns {margin: 3px auto 0;} .suburb_window .btns a {text-transform: uppercase;font-size: 15px;font-weight: normal;} .adjusted .leaflet-popup-content {margin: 0;padding: 10px;} .adjusted .region_window {margin: 0 auto;padding-bottom: 40px;} /**************************************************************************************************************************************/ /* TEXT */ .text h4 {margin: 0;font-size: 17px;font-weight: normal;color: #000;} .text h4 a {color: #ffa800 !important;} .text .listing {margin: 15px 0 !important;} .text .listing img {} .text .listing h4 a { color: #000; } .text .listing p {line-height: 19px;margin-bottom: 0;} .text .listing p.more {clear: both;width: 100%;margin: 15px 0 0;} .text .listing .more a {padding: 0 14px 0 0;background: url('../img/arrow_more.png') no-repeat right center;color: #ffa800 !important;} .text .listing .more a:hover {color: #000;text-decoration: none;} .text .listing .more.picid {font-size: 12px;} .text .listing .more.picid a {background: url('../img/arrow_top.png') no-repeat right 2px;padding-right: 11px;color: #dd4a38 !important;} .text .listing .more a.match {color: #666 !important;background: none;padding-right: 0;} .text .breadcrumbs { padding: 0; } .text p a { color: #000; } .text p a:hover { text-decoration: underline; } .text h2 { font-size: 32px; font-weight: normal; color: #000; } .text h5 { margin: 20px 0; font-size: 14px; font-weight: normal; color: #000; } .text h6 { margin: 20px 0; font-size: 12px; font-weight: normal; color: #000; } .span4 h2 {padding: 10px 15px 0;} .span4 p {padding: 0 15px 15px;} .span ul {padding: 0 15px 15px 20px;} .span4:nth-child(3n+0).push {margin-right: 0 !important;} .stretch {position: absolute;left: 0;right: 0;background-color: #f4f4f4;border: 1px solid #e5e5e5;border-width: 1px 0;} #logos.stretch {top: 720px;background-color: #bfbfbf;border-color: #bfbfbf;} .all_accom .stretch {height: 200px !important;} .call_to_action {display: block;margin: 50px 0;} .call_to_action a.btn {display: inline-block;width: 200px;} .testimonials {clear: both;border-top: 1px solid #e5e5e5;} .testimonials div {position: relative;} .testimonials div p {padding: 8px 25px 95px;} .testimonials div p.reviewer {position: absolute;right: 15px;top: 130px;width: 355px;height: 95px;padding: 0 !important;margin: 0 !important;font-size: 11px;line-height: 15px;text-align: right;} .testimonials div p.reviewer img {float: right;padding-left: 20px;margin-top: -30px;} .testimonials .reviewer a {color: #666;} .testimonials .reviewer a:nth-child(3) {text-transform: uppercase !important;text-decoration: underline;} .slick-prev {position: absolute;right: 40;top: -45px;border: 0;background: url(../img/nav.png) no-repeat;width: 36px;height: 36px;text-indent: 50px;overflow: hidden;} .slick-prev:hover {background-position: 0 -39px;} .slick-next {position: absolute;right: 0;top: -45px;border: 0;background: url(../img/nav.png) no-repeat -36px 0;width: 36px;height: 36px;text-indent: 50px;overflow: hidden;} .slick-next:hover {background-position: -36px -39px;} #show_form {display: none;} #show_form.on {display: block;} .toggle_form.on {color: #000;} .regions {} .numbered {float: left;width: 20px;height: 20px;line-height: 20px;background-color: #d2d4d8;color: #fff;font-size: 11pt;text-align: center;} .suburbs {float: left;border-left: 1px solid #d2d4d8;padding: 5px 0 0 10px;width: 539px;} #info .suburbs h3 {text-transform: none !important;margin: 0 !important;padding: 0 !important;font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif !important;line-height: 14px;font-size: 13px !important;} .suburbs h3 b {text-transform: uppercase;font-family: "Century Gothic", "Droid Sans", "Verdana", "Helvetica", sans-serif;font-size: 14px !important;} .suburbs a {white-space: nowrap;color: #666;} .suburbs a:hover {text-decoration: underline;} .indented {margin-left: 20px;} .accordion {margin: 15px 0 0 0;padding: 0;border-bottom: 1px solid #e5e5e5;} .accordion li {list-style-type: none;border-top: 1px solid #e5e5e5;} .accordion li > a.drop {font-size: 16px;line-height: 16px;margin: 5px 15px 5px 0;padding: 10px 15px;background: url('../img/arrow_sub_top.png') no-repeat right center;display: block;color: #666 !important;} .accordion li.closed > a.drop {background: url('../img/arrow_sub_right.png') no-repeat right center;} .accordion li a:hover {border: 0 !important;color: #dd4a38 !important;} .accordion li.closed div {display: none;} .accordion li div {margin: 0 0 0 30px;} .accordion li div p {padding-top: 0;margin-top: 0;} .accordion li div strong {font-weight: normal;text-transform: uppercase;} /**************************************************************************************************************************************/ /* PAGINATION */ .pagination {margin: 10px 0;} .pagination p a {color: #dd4a38;} .pagination p {float: left;margin: 0;padding: 0;line-height: 30px;height: 30px;width: 100%;} .pagination ul {float: right;margin: 3px 0 0;padding: 0;list-style: none;} .pagination ul li { float: left; } .pagination ul li a { float: left; padding: 0 8px; margin: 0 2px; display: block; line-height: 25px; color: #ffa800; } .pagination ul li.prev a { padding: 0 0 0 37px; background: url('../img/icon_prev.png') no-repeat; color: #333; } .pagination ul li.next a { padding: 0 37px 0 0; background: url('../img/icon_next.png') right center no-repeat; color: #333; } .pagination ul li.on a { line-height: 23px;color: #333; display: block; border: 1px solid #dadada; border-radius: 3px; } .pagination span { float: right; margin: 0; padding: 0; } .pagination span p { padding: 0 10px 0 0; } .pagination select {float: left;padding: 5px;margin-right: 20px;background: #fff;border: 1px solid #d1d1d1;border-radius: 3px;} .pagination p.stretched {float: none;margin-bottom: 15px;padding-bottom: 15px;line-height: 16px;height: 16px;} .box.availability {margin-bottom: 10px;padding: 20px;} .availability p {float: right;font-size: 12px;line-height: 14px;color: #7f7f7f;padding: 3px 5px;background-color: #fff;} .availability input {margin-right: 10px;} .availability .date input {float: left;width: 74px; padding: 11px 24px 10px 10px; background: #fff url('../img/icon_check.png') 83px 8px no-repeat; border: 1px solid #ffa800; border-radius: 4px; font-size: 12px; color: #000; } .availability input.btn {clear: none;padding: 0 20px;} /**************************************************************************************************************************************/ /* FOOTER */ #footer, #banner {padding: 30px 0;background: #e3e3e3 url('../img/grey_1px.png') top repeat-x;} #banner {background-color: #f2f2f2;float: left;width: 100%;} #banner .divider {background: url('../img/footer_divider.png') 555px center no-repeat;} .responsive {float: left;background: url('../img/icon_responsive.png') left center no-repeat;height: 109px;} .responsive h5 {margin: 0;padding: 28px 0 0 180px;font-size: 18px; color: #000; } .responsive p {margin: 0;padding: 0 0 28px 180px;font-size: 14px;} #banner .responsive p {color: #909090;} #deutsch.responsive {background-image: url(../img/view_deutsch.png);} #deutsch.responsive h5 {padding: 10px 0 0 145px;} #deutsch.responsive p {padding: 0 60px 0 145px;font-size: 13px;} #deutsch.responsive a:hover {text-decoration: underline;} #banner .plus {float: right;padding: 0 0 16px;} #banner .like {float: right;padding-top: 19px;} #footer {clear: both;} #footer h6 {margin: 0;padding: 0;font-size: 15px;font-weight: bold;} #footer ul {padding: 15px 0 0 5px;margin: 0 0 0 10px;} #footer ul.ticked, #footer #social_profiles {list-style: none;margin: 0;padding: 15px 0 0 0;} #footer #social_profiles {padding-top: 5px;} #footer #social_profiles li {margin-bottom: 5px;} #footer #social_profiles a {display: block;background: url(../img/social-icons.png) no-repeat;padding-left: 33px;height: 26px;line-height: 26px;} #footer #social_profiles .fb a {background-position: 0 -52px;} #footer #social_profiles .fb a:hover {background-position: 0 -78px;} #footer #social_profiles .tw a {background-position: 0 -104px;} #footer #social_profiles .tw a:hover {background-position: 0 -130px;} #footer #social_profiles .gp a {background-position: 0 -208px;} #footer #social_profiles .gp a:hover {background-position: 0 -234px;} #footer #social_profiles .pt a {background-position: 0 -156px;} #footer #social_profiles .pt a:hover {background-position: 0 -182px;} #footer #social_profiles .bl a {background-position: 0 0;} #footer #social_profiles .bl a:hover {background-position: 0 -26px;} #footer a {color: #666;} #footer p a {border-bottom: 1px dotted #666;} #footer .fineprint, #footer .fineprint a {color: #909090;} #footer a:hover {color: #ffa800;} #footer p a:hover {border-bottom: 1px dotted #ffa800;} #footer span {display: block;font-size: 30px;margin: 8px 0 8px 30px;} #footer .split {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;-webkit-column-gap: 4em;-moz-column-gap: 4em;column-gap: 4em;} /**************************************************************************************************************************************/ /* BASE */ #base { background: url('../img/yellow_1px.png') 0 -34px repeat-x;} #base .promo {line-height: 40px;height: 40px;margin: 0;padding: 0;width: 100%;color: #fff;} #base .copy {text-align: left;margin: 0;padding: 0;display: block;line-height:74px;color: #909090;} #base .copy a {color: #909090;border-bottom: 1px dotted #909090;} /**************************************************************************************************************************************/ /* BUTTONS */ /* yellow button */ .btn_yellow { font-size: 14px; font-weight: bold; color: #fff !important; text-align: center; display: block; line-height: 37px !important; border: 1px solid #c77800 !important; border-width: 0 0 1px !important; border-radius: 4px !important; background-color: #ffb200 !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb200), to(#ff9b00)) !important; background-image: -webkit-linear-gradient(top, #ffb200, #ff9b00) !important; background-image: -moz-linear-gradient(top, #ffb200, #ff9b00) !important; background-image: -ms-linear-gradient(top, #ffb200, #ff9b00) !important; background-image: -o-linear-gradient(top, #ffb200, #ff9b00) !important; text-shadow: 1px 1px 1px #c77800 !important; } .btn_yellow:hover { color: #fff !important; background-color: #ff9b00 !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b00), to(#ffb200)) !important; background-image: -webkit-linear-gradient(top, #ff9b00, #ffb200) !important; background-image: -moz-linear-gradient(top, #ff9b00, #ffb200) !important; background-image: -ms-linear-gradient(top, #ff9b00, #ffb200) !important; background-image: -o-linear-gradient(top, #ff9b00, #ffb200) !important; } .btn_yellow:visited {color: #fff; !important} /* login button - deleted in html, but keeping style in case we need a smaller button than the one above */ .btn_login { font-size: 13px; font-weight: bold; color: #000; text-align: center; display: block; line-height: 33px; border-bottom: 1px solid #c77800; border-radius: 4px; background-color: #ffb200; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb200), to(#ff9b00)); background-image: -webkit-linear-gradient(top, #ffb200, #ff9b00); background-image: -moz-linear-gradient(top, #ffb200, #ff9b00); background-image: -ms-linear-gradient(top, #ffb200, #ff9b00); background-image: -o-linear-gradient(top, #ffb200, #ff9b00); text-shadow: 1px 1px 1px #ffcb6e; } .btn_login:hover { color: #000!important; background-color: #ff9b00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b00), to(#ffb200)); background-image: -webkit-linear-gradient(top, #ff9b00, #ffb200); background-image: -moz-linear-gradient(top, #ff9b00, #ffb200); background-image: -ms-linear-gradient(top, #ff9b00, #ffb200); background-image: -o-linear-gradient(top, #ff9b00, #ffb200); } .btn_login:visited { color: #000!important;} .btn_orange { font-size: 14px; font-weight: bold; color: #fff !important; text-align: center; display: block; line-height: 37px; border-bottom: 1px solid #5f7d17; border-radius: 4px; background-color: #87b31d; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87b31d), to(#7ea818)); background-image: -webkit-linear-gradient(top, #87b31d, #7ea818); background-image: -moz-linear-gradient(top, #87b31d, #7ea818); background-image: -ms-linear-gradient(top, #87b31d, #7ea818); background-image: -o-linear-gradient(top, #87b31d, #7ea818); text-shadow: 1px 1px 1px #5f7d17; } .btn_orange:hover { color: #fff; border-bottom: 1px solid #5f7d17 !important; background-color: #7ea818; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ea818), to(#87b31d)); background-image: -webkit-linear-gradient(top, #7ea818, #87b31d); background-image: -moz-linear-gradient(top, #7ea818, #87b31d); background-image: -ms-linear-gradient(top, #7ea818, #87b31d); background-image: -o-linear-gradient(top, #7ea818, #87b31d); } /* orange button .btn_orange { font-size: 14px; font-weight: bold; color: #fff !important; text-align: center; display: block; line-height: 37px; border-bottom: 1px solid #a73023; border-radius: 4px; background-color: #e15a48; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e15a48), to(#d63d2e)); background-image: -webkit-linear-gradient(top, #e15a48, #d63d2e); background-image: -moz-linear-gradient(top, #e15a48, #d63d2e); background-image: -ms-linear-gradient(top, #e15a48, #d63d2e); background-image: -o-linear-gradient(top, #e15a48, #d63d2e); text-shadow: 1px 1px 1px #a73023; } .btn_orange:hover { color: #fff; background-color: #d63d2e; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d63d2e), to(#e15a48)); background-image: -webkit-linear-gradient(top, #d63d2e, #e15a48); background-image: -moz-linear-gradient(top, #d63d2e, #e15a48); background-image: -ms-linear-gradient(top, #d63d2e, #e15a48); background-image: -o-linear-gradient(top, #d63d2e, #e15a48); } .btn_orange:visited { color: #fff;} */ /* white/grey button */ #footer .btn { float: left; display: block; margin: 15px 0 0 0; padding: 0 21px; height: 37px; font-size: 14px; line-height: 37px; color: #666; border: 1px solid #949494; border-width: 0 0 1px; border-radius: 4px; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -ms-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); } #footer .btn:hover { color: #666 !important; background-color: #e6e6e6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8d8d8), to(#fff)); background-image: -webkit-linear-gradient(top, #d8d8d8, #fff); background-image: -moz-linear-gradient(top, #d8d8d8, #fff); background-image: -ms-linear-gradient(top, #d8d8d8, #fff); background-image: -o-linear-gradient(top, #d8d8d8, #fff); } /**************************************************************************************************************************************/ /* RESPONSIVE */ /* Default Site */ @media only screen and (min-width: 1180px) { /* Global */ .mobile_menu {display: none;} .container {width: 1170px;} #headertxt {right: 34px;} } @media only screen and (min-width: 970px) and (max-width: 1179px) { .feature_destinations .places {width: 890px;padding: 25px 30px 20px;margin: 0 auto;} .feature_destinations .places ul {width: 890px;float: left;margin: 0;padding: 0;list-style: none;} .feature_destinations .places li {float: left;position: relative;width: 170px;height: 140px;margin: 0 10px 10px 0;display: block;} .feature_destinations .places li:nth-child(6n) {margin: 0 10px 10px 0;} .feature_destinations .places li:nth-child(5n) {margin-right: 0;} .feature_destinations .places img {width: 170px;background-color: #666;} .feature_destinations .places span {position: absolute;top: 0;left: 0;background-color: #111;color: #fff;padding: 0 5px 2px;text-transform: lowercase;} } /* Tablets v.1 / done by Stef / completed */ @media only screen and (min-width: 980px) and (max-width: 1179px) { /* grid */ .span3 {width: 29%;} #main .span4 {width: 48%;} #main .span4:nth-child(odd) {margin-right: 2%;} #main .span4:nth-child(even) {margin-left: 2%;} .span6, .span9 {width: 69%;} .span12 {width: 100%;float: none;display: block;} .push {margin-right: 0 !important;} /* global */ .mobile_menu {display: none;} .container {width: auto;padding: 0 10px;} #intro {width: 342px;margin: 7px 0 0 270px;padding: 0 10px;} #headertxt {left: 34px;} /* title */ #title .span3 {width: 21% !important;} #title .span9 {width: 79% !important;} #title .tabs li {margin: 0 3px 0 0;padding: 0 13px 1px;font-size: 13px;} /* header */ #header .actions {right: 10px;} #header .nav {clear: both;width: 69%;float: right;text-align: right;margin-top: -25px;position: relative;} #header .nav li {margin: 0 0 0 10px;} #header .nav li:first-child {margin-left: 0;} #header .nav li > a {letter-spacing: 0;} #header .nav li.search {margin-top: -3px;} #header .nav .search .btn_search.on {background: url('../img/icon_search.png') no-repeat;} #header .nav .mega#triple {width: 610px;left: -98px;} #header .nav .mega#triple .arrow {left: 215px;} #header .nav .mega.triple {width: 610px;left: -98px;} #header .nav .mega.triple .arrow {left: 215px;} #header .nav .mega#double {width: 400px;right: -215px;} #header .nav .mega#double .arrow {right: 215px;} #header .nav .mega.double {width: 400px;right: -215px;} #header .nav .mega.double .arrow {right: 215px;} #header .nav .mega#single, #header .nav .mega#singular {width: 190px;} #header .nav .mega.single {width: 190px;} #header .nav .mega ul {width: 190px;} #front #header .nav {margin-top: -34px;} #headertxt {left: 10px;top: -10px;} #firstline {display: none;} #secondline {display: none;} .pictured {font-size: 11px;line-height: 26px;height: 26px;padding: 0 10px;} .pictured a {font-size: 11px;text-transform: uppercase;} a.tooltip {position: relative;} a.tooltip span img {display: none;} a.tooltip:hover span {top: 50px;left: -230px;} /* main */ .content p {text-align: justify;} #info {float: right !important;} #main {padding: 15px 0;} #main .span6, #main .span9 {float: right !important;} #expand_social {position: absolute;bottom: 5px;right: 10px;} /* home page */ #front #expand_social {position: absolute;top: 576px;right: 0;width: auto;height: 40px;left: auto;} #front #main .span6 {float: none !important;width: 100%;} #landing.cheetah {background-image: url(../img/home/cheetah-1179x686.jpg);} #front .feature .usp {margin-bottom: 20px;position: relative;} #front .feature .usp img {float: left;width: 50%;} #front .feature .box.usp img {border-right: 1px solid #e5e5e5;border-bottom: 0;} #front .feature .usp .info {float: right;width: 49%;margin: 12px 0 0;padding: 0;border-bottom: 0;} #front .feature .usp .info h4 {padding: 12px 17px 0;line-height: 24px;margin: 0;} #front .feature .usp .info p {padding: 5px 17px;} #front .feature .usp .info p.location {padding: 0 17px;} #front .feature .usp .info p.description {line-height: 20px;} #front .feature .usp .info .thumbs {position: absolute;bottom: 51px;right: 10px;} #front .feature .usp .info .thumbs img {width: auto;border-right: 0;} #front .feature .usp .base {clear: both;border-top: 1px solid #e5e5e5;height: 21px;} #front .feature .push {margin-right: 0;} #front .feature .span7, #front .feature .span13 {float: none;width: auto;border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;} #front .feature .span3 {width: 25%;} #front .feature .item {margin-bottom: 0;} #front .feature .box.item {border-right: 0 !important;border-top: 0 !important;height: 340px;} #front .feature .item img {border-color: #e5e5e5;} #front .feature .item .info h4 {line-height: 20px;height: 20px;overflow: hidden;} #front .feature .item .info p.location {line-height: 15px;height: 15px;overflow: hidden;} #front .feature .item .info p.base {position: absolute;bottom: 10px;left: 17px;} #front .lead {border: 0;} #front .lead:first-child {border-top: 1px solid #e5e5e5;} #front .lead img {display: none;} #front .lead strong {font-weight: normal;} #front #banner {margin-top: -30px;} /* rhc and lhc */ #rhc {float: left !important;} #main > .container > .span3 {float: left;} .methods {margin-bottom: -10px !important;} #about_location {margin-top: 30px;} .reviews#none {margin-bottom: 30px;} .copy span.super {font-size: 36px;left: 0;top: 3px;color: #666;} .copy p {padding: 15px 15px 0 35px;} .book .dates .date {display: block;padding-right: 2px;} .book .dates .date input {display: block;padding: 4px 2% 4px 4%;line-height: 24px;} .book .dates .second {float: none;margin-bottom: 15px;} .halt {padding: 9px 20px 10px;} .halt h3 {margin: 0 -20px 10px !important;} .halt br {float: left;} /* establishments */ .galleria-bar {width: 100%;border-width: 1px 0;} #info h2, #info h3, #info p, #info p.serif, #est_rates #info .policies h2 {padding-left: 10px;} #est_booking #info .draw_attention h2 {padding-left: 17px;} #est_reviews #info h2, #est_reviews #info p, #est_booking #info .booking_submit h2, #results #info h2, #results #info p {padding-left: 0;} #deutsch #about_location, #est_map .why, #est_map #recommended, #est_map #rhc .reviews, #est_map #rhc .methods {display: none;} /* facilities */ #main .amenities .legend {left: 200px;} #main .amenities .group_general, #main .amenities .group_functions, #main .amenities .group_food, #main .amenities .group_activities, #main .amenities .group_internet, #main .amenities .group_parking {background-position: 10px 14px;} #main .amenities .group_services {background-position: 10px 16px;} #main .amenities p {padding-left: 50px;} /* reviews form */ .reviews_say .rating p.all {display: none;} .reviews_submit .field_group {width: 50%;} .reviews_submit .field_group input {width: 85%;} .reviews_submit .field_group select {width: 90%;} .reviews_submit .field_group select.month {width: 45%;} .reviews_submit .field_group select.year {width: 40%;} .reviews_submit .field_group_wide {width: 100%;} .reviews_submit .field_group_wide textarea {width: 96%;} .reviews_submit .field_group_wide .btns input {width: auto;} /* booking form */ .form_group label, .form_group input, .form_group select {margin: 0;} .form_group_wide {float: left;width: 100%;} .form_group {width: 50%;min-height: 189px;margin-bottom: 10px;} .form_group_radio {clear: both;width: 100%;min-height: 5px;} .radio {clear: both;width: 100%;line-height: 16px;height: 16px;margin: 5px 0 !important;vertical-align: bottom;} .radio label {float: left;line-height: 16px;height: 16px;margin: -2px 0 0 !important;padding: 0 5px 3px 0;} .radio input {line-height: 16px;height: 16px;margin: 0 !important;} .booking_submit input {width: 89%;} .booking_submit select {width: 95%;} .booking_submit textarea {width: 95%;} .booking_submit .date input { width: 15%;margin: 0 10px 0 0;background-position: 90% 8px;} .booking_submit .btns input {width: auto;} /* listings */ #info .pagination:first-child {margin-top: 0;border-top: 1px solid #e5e5e5;} #info .pagination:first-child p {margin-left: 10px;} .listing a.hoverbox:hover .preview {display: none;} .listing {position: relative;} .listing img {} .listing .details {margin: 0;float: right;width: 53%;padding: 0;height: 166px;} .listing .details p {padding-top: 5px;} .listing .details p.location, .listing .details p.description {padding-top: 0;} .listing .total {clear: both;position: relative;overflow: hidden;width: 53%;min-height: 40px;height: 40px;padding: 0 !important;} .listing .total h4 {display: none;} .listing .btns {position: absolute;bottom: 0;right: 0;} .listing .btns a {display: block;width: auto;float: right;padding: 0 10px;margin: 0 0 0 6px !important;} .listing .btns a.separate {margin: 0 0 0 6px !important;} .listing .meta {position: absolute;bottom: 20px;left: 20px;width: 240px;height: 27px;margin: 0 !important;text-align: right;z-index: 8000;} .listing .meta img.wifi {float: right;margin: 0 !important;} .listing .meta img.comments, .listing .meta i {display: none;} #results .listing .rating {position: absolute;bottom: 20px;left: 20px;float: left;width: auto;z-index: 8000;} #results .listing .rating p.all {display: none;} #results .listing .rating span {height: 17px !important;line-height: 17px !important;font-size: 11px !important;} #results .listing .rating span.count {margin-top: 2px;} .suggested .listing .details {width: 55%;float: right;padding-right: 0;position: relative;height: 166px;} .suggested .listing .details h3 {padding-bottom: 8px !important;} .suggested .listing .details .btns {position: absolute;right: 0;bottom: 0;margin: 0;} #detail #info .listing p, #detail #info .suggested .pagination p {padding-left: 0;} /* content */ .text .listing h4 {padding-top: 8px;} #info .text .listing p.more {clear: both;padding: 10px 0 0;} #info .text .pagination p {padding-left: 0;} #info p.tagged {padding-left: 10px !important;} .call_to_action {clear: both;margin: 150px 0 100px;} #logos.stretch {top: 810px;} #logos img {padding: 0 20px;} .testimonials {} .testimonials div p {padding: 8px 25px 95px !important;} .testimonials div p.reviewer {right: 25px;top: 140px;width: auto;min-width: 88%;} .testimonials div p.reviewer img {padding-left: 15px;} .testimonials div p br {float: left;} .testimonials div p.reviewer br {float: none;} .suburbs {width: 100%;} .suburbs p {text-align: left;} #info .suburbs h3 {margin-top: 10px !important;} #info .suburbs.indented h3 {margin-top: 0 !important;} .indented {margin-left: 0;} /* footer */ #banner {background-color: #f2f2f2;} #banner .span6 {width: 43%;} #banner .span4 {width: 40%;} #banner .span2 {width: 16%;} #banner .divider {background: none;} #banner .responsive h5 {padding: 16px 0 0 170px;font-size: 15px;font-weight: bold;} #banner .responsive p {padding: 5px 0 20px 170px;font-size: 14px;} #front #banner #deutsch.responsive h5 {padding-top: 5px;} #front #banner #deutsch.responsive p {padding-right: 0;} #banner .plus, #banner .like {height: 89px;text-align: center;margin: 0 auto;padding-top: 20px;} #footer .span2 {width: 17%;} #footer ul {padding-top: 13px;} #footer ul.ticked {padding-top: 15px;} #footer #social_profiles {padding-top: 5px;margin-left: 25px;} #footer .span4.push {width: 37%;} #footer .span4.push h6, #footer .span4.push p, #footer .span4.push label {margin-left: 15px;} #mc_embed_signup input.btn {margin: 3px 0 0 115px;float: left;} #mc_embed_signup div.response {left: 15px;width: 274px;} #mc_embed_signup #mce-error-response, #mc_embed_signup #mce-success-response {width: auto;padding-right: 20px;} #footer .span4.listed {width: 29%;} #footer .split {column-count: 1;-webkit-column-count: 1;-moz-column-count: 1;} #footer .span4.newly_listed {width: 29%;} #front .span2 #social_profiles {margin-left: 15px;} } /* Phones / done by Ruan / Stef is fixing findme */ @media only screen and (max-width: 799px) { /* Grid */ .span2, .span3, .span4, .span6, .span8, .span9, .span10, .span12 {width: 100%;float: none;display: block;margin: 0;clear: both;} /* Global */ .container {width: auto;text-align: center;} .overflow {overflow-x: auto;} #intro {display: none !important;} #share_count {display: none;} #headertxt {right: 34px;} /* Header */ #header {padding: 0;border: 0;border-radius: 0 !important;position: absolute;width: auto !important;height: auto;left: 0;right: 0;margin: 0 auto;box-shadow: 0;} #header .actions {display: none !important;} #header .span3 {text-align: center;} #header .logo {margin: 15px auto 25px;float: none;} #header .nav {display: none;} #header .show_menu {width: 100%;display: block !important;float: none;background: #fff;border: 3px solid #000;border-width: 3px 0;margin: 0 !important;position: fixed !important;top: 0 !important;right: 0;opacity: 1 !important;visibility: visible !important;} #header .show_menu li {width: 100%;float: none;padding: 0;border-bottom: 1px solid #d5d5d5;} #header .show_menu li .mega {display: none !important;} #header .show_menu .has_drop > a {padding: 0;background: 0;} .mobile_menu {width: 39px;height: 34px;display: block;background: #fff url('../img/mobile_menu.png') no-repeat;position: fixed;top: -2px;right: 0;margin-right: 15px;z-index: 10001;border-radius: 4px;} .span4 {position: relative;} a.tooltip span {padding: 10px;margin: 0;width: auto;box-shadow: none;border-radius: 0;} a.tooltip span img {display: none;} a.tooltip:hover span {clear: both;width: 100%;bottom: -53px;left: -10px;border: none;background-color: #e5e5e5;} /* Title */ #title {padding: 90px 15px 30px 15px;background-color: #d5d5d5;} #title .container {position: relative;} #title h1 {font-size: 24px;line-height: 28px;} #title .description {font-size: 13px;line-height: 16px;margin: 0;padding: 0;} #title .description a.pin {background-color: #d5d5d5;border: 0;margin: 0;padding: 0 11px 0 0;} #title .span9 {text-align: center;} #title .tabs {margin-top: 15px;padding: 0;} #title .tabs li {font-weight: bold;font-family: 'Century Gothic', 'Droid Sans', 'Arial', 'Helvetica', sans-serif;letter-spacing: 2px;text-transform: uppercase;display: block;background-image: none;width: auto;float: none;padding: 0;margin: 0 0 1px 0;border-width: 0;border-radius: 0;background-color: #fff;font-size: 12px;line-height: 28px;height: 28px;} #title .tabs li a {margin: 0;padding: 0;border: 0;} #title .tabs li.on a {color: #666;} #title .tabs li span {color: #666;} #title .stars {margin: 3px auto 0;display: block;height: 14px;} #title .bkg { display: none; } .breadcrumbs {height: auto;overflow: visible;text-align: left;padding-bottom: 15px;margin-bottom: 15px;line-height: 24px;border-bottom: 1px solid #e5e5e5;} .breadcrumbs span {display: block;text-transform: uppercase;} .breadcrumbs span.home-icon {display: inline;} .breadcrumbs a {margin-left: 0;display: inline-block;white-space: nowrap;line-height: 24px;height: 24px;} #style_advertise .breadcrumbs {border-bottom: none;} /* Landing */ #landing {padding: 70px 0 0;height: 480px;} #landing.cheetah {background-image: url(../img/home/cheetah-800x550.jpg);} #landing h1, #landing h2 {display: none;} #landing .accommodation_search {width: 100%;} #landing .stay {background: none;box-shadow: none;margin-top: 25px;} #landing .stay h3 {padding: 0;font-size: 28px;line-height: 32px;margin: 150px auto 0;color: #fff;text-shadow: #111 1px 1px 2px;width: 88%;} #landing .stay h4 {color: #ffa800;font-size: 14px;padding: 0;margin: 5px auto 0;font-weight: bold;text-shadow: #111 1px 1px 2px;width: 88%;} #landing .stay form {background: none;padding-top: 10px;} .feature {margin-top: 15px;} .feature .head h3.about {float: none;background: none;margin: 5px 0 25px;padding: 0;font-size: 32px !important;line-height: 32px;text-transform: lowercase;color: #ffa800;} #landing .jump_spot {top: 651px;} #landing .stay form .field .tt-dropdown-menu h3 {margin-top: 0;width: auto;text-align: right;text-shadow: none;text-transform: uppercase;} #landing .stay form input#establishment {background-color: #fff !important;} /* Main */ #main {padding: 15px;} #main > .container > .span3 {padding: 20px 0 0;text-align: left;} #main .container #info {border-top: 0 !important;} #info, #rhc {text-align: left;} #galleria {width: auto;} .galleria-bar {width: 100%;border-width: 1px 0;} #recommended {margin-top: 35px;} .tagged a {margin: 0 2px 5px 0;display: inline-block;width: auto;} #style_advertise #info .span4 h2 {padding: 10px 0 0;} #style_advertise #info .span4 p {padding: 0 0 15px;} #style_advertise #info .span ul {padding: 0 0 15px 20px;} #style_advertise .plus85 {margin-bottom: 0 !important;} #style_advertise .call_to_action.plus85 {margin-bottom: 45px !important;} .call_to_action {clear: both;margin: 0;padding: 40px 0 50px;border-top: 1px solid #e5e5e5;} #logos {display: none;} .testimonials {margin-bottom: 0;} .testimonials div p {padding: 8px 5px 95px !important;} .testimonials div p.reviewer {top: 138px;right: 0;} .testimonials div p.reviewer img {padding-left: 15px;} .testimonials div p br {float: left;} .testimonials div p.reviewer br {float: none;} /* pagination */ .pagination {margin: 0;width: 100%;text-align: center;} .pagination h2 {text-align: left;} .pagination ul {clear: both;float: none;width: 100%;margin: 0;} .pagination ul li {float: none;display: inline-block;margin: 0;padding: 0;height: 17px;line-height: 17px;} .pagination ul li.next {float: right !important;} .pagination ul li.prev {float: left !important;} .pagination ul li.prev a {padding: 0 0 0 32px;} .pagination ul li.next a {padding: 0 32px 0 0;} .pagination ul li a {padding: 0 2px;margin: 0;font-size: 13px;} .pagination ul li.on a {padding: 0 7px;} .pagination p {width: 100%;background-color: #e5e5e5;text-align: center;padding: 0;margin: -12px 0 15px;} .pagination select {margin-bottom: 15px;width: 100%;} .pagination:first-child ul, #extras ul {display: none;} /* homepage features */ .feature_specials, .feature_best, .lead img, li.search, .stay_nav {display: none;} .feature .lead {text-align: left;border-top: 0;} .lead:first-child {border-top: 1px solid #e5e5e5;} .lead:last-child {margin-top: 30px;} /* listings */ .listing {float: left;padding: 15px;position: relative;text-align: center;} .listing img {float: none;margin: 10px auto;} .listing .details {width: auto !important;float: none !important;text-align: center;margin: 0;padding: 0;height: auto !important;} .listing .details h3 a {margin-top: 5px;} .listing .details p.categories {height: auto;padding: 5px 0 0;text-align: center;} .listing .details p.categories span {float: none !important;} .listing .details p.location {display: none;} .listing .details p.description {height: auto !important;overflow: visible !important;font-size: 14px;} .listing .details p.description a {display: none;} .listing .total {clear: both;width: 100%;float: none;text-align: center;padding: 0;height: auto;min-height: auto;} .listing .total h4 {display: none;} .listing .meta {display: none;} .listing .btns {text-align: center;width: 100%;} .listing .btns a {display: block;float: none;margin: 0 auto;width: 100%;} .listing .btns a.separate {} .listing .rating {display: none;} .icon_wifi {top: -15px;left: -5px;} #listing_availability.warning p {background-position: center top;padding: 40px 5px 0 5px !important;} #listing_availability.warning br {display: block;width: 100%;margin-top: 10px;} .suggested .listing .details .btns {position: relative;right: 0;bottom: 0;margin: 15px 0 0;} /* filter */ .filter h3 { padding: 0 15px; font-size: 18px!important; } .filter .collection { padding: 15px; } .why { margin: 15px 0 0 0; } /* amenities */ #main .amenities {margin: 35px 0 0;padding: 0;border: 0;} #main .amenities div p {width: 100%;float: none;} #main .amenities ul {width: 100%;margin: 10px 0 0 0;} #main .amenities ul li {text-align: left;padding: 1px 0 1px 20px;margin-left: 40px;line-height: 16px;display: inline-block;white-space: nowrap;} .plus8 {margin-bottom: 0 !important;} #main .amenities ul li.plus8.partial {margin-bottom: 8px !important;} /* accreditations */ #main .accreditations img {margin: 0 15px 15px 0;} .book .dates {} .book .dates .date {display: block;} .book .dates .date input {padding: 9px 5% 9px 4%; } .book .dates .second {} /* reviews */ .reviews_say h3 { float: none; margin: 0; background: #f2f2f2; text-transform: none; font-size: 18px!important; } .reviews_say .rating { padding: 5px 20px 10px 20px; } .reviews_say .rating p {float: none;} /* reviews submit */ .reviews_submit h3 { font-size: 18px !important; } .reviews_submit .field_group { width: 100% !important; float: none; } .reviews_submit input, .reviews_submit textarea { width: 90% !important; } .reviews_submit select { width: 100% !important; } .reviews_submit select.year { margin: 10px 0 0 0; } .reviews_submit .btns { margin: 5px 0 0 0; } .reviews_submit .btns a { float: none; } .reviews_submit .btns input { float: none; margin: 5px 0 0 0; } /* nearby */ .nearby h3 { float: none; } .nearby ul { float: none; border-bottom: 1px solid #dcdcdc; } .nearby ul li { float: none; } .nearby ul li a { text-align: left; border-bottom: 0; } .nearby ul li .arrow { display: none!important } /* text */ .spacer { height: 60px; } /* listing pages */ .listing a.hoverbox:hover .preview {display: none;} .listing a.hoverbox .preview {display: none;} .listing a.hoverbox:hover .preview {display: none;} .suburbs {width: 100%;} #info .suburbs h3 {line-height: 18px;} .suburbs h3 b {display: block;margin-top: 10px;} .indented {margin-left: 0;} .submenu ul li a {line-height: 16px;} /* Footer */ #banner, .listed, .promo {display: none;} #footer {padding: 0;text-align: left;position: relative;} #footer h6 {text-transform: uppercase;padding: 15px 0 0 15px;} #footer ul {margin: 5px 0 0 15px;padding-bottom: 15px;list-style-type: none;width: auto;text-align: left;} #footer > .container > .span4 {display: none;} #footer > .container > .span2 {text-align: left;} #social_profiles {position: absolute;top: 8px;right: 15px;width: 33px !important;height: auto;} #social_profiles li {display: block;width: 33px;overflow: hidden;margin-bottom: 2px;} #footer #mc_embed_signup {margin: 0;background-color: #f2f2f2;float: left;width: 100%;} #footer #mc_embed_signup form {float: left;padding: 15px;} #mc_embed_signup input.btn {margin: 8px 0 0 0;width: 229px;float: right;} #front #footer {margin-top: -35px;} /* Base */ #base {background: none;border-top: 3px solid #666;} #base .copy {float: none;padding: 15px;line-height: 20px;text-align: left;font-size: 12px;} } @media only screen and (min-width: 800px) and (max-width: 969px) { .feature_destinations .places {width: 710px;padding: 25px 30px 20px;margin: 0 auto;} .feature_destinations .places ul {width: 710px;float: left;margin: 0;padding: 0;list-style: none;} .feature_destinations .places li {float: left;position: relative;width: 170px;height: 140px;margin: 0 10px 10px 0;display: block;} .feature_destinations .places li:nth-child(6n) {margin: 0 10px 10px 0;} .feature_destinations .places li:nth-child(4n) {margin-right: 0;} .feature_destinations .places img {width: 170px;background-color: #666;} .feature_destinations .places span {position: absolute;top: 0;left: 0;background-color: #111;color: #fff;padding: 0 5px 2px;text-transform: lowercase;} } /* Phones v.2 / done by Stef / findme */ @media only screen and (min-width: 505px) and (max-width: 799px) { #style_advertise #main .span4 {width: 48% !important;float: left;clear: none;} #style_advertise #main .span4:nth-child(odd) {margin-right: 2% !important;} #style_advertise #main .span4:nth-child(even) {margin-left: 2% !important;} #style_advertise #main .push {margin: 0 !important;} .call_to_action {clear: both;margin: 0 -15px;padding: 40px 15px 50px 15px;border: 1px solid #e5e5e5;border-width: 1px 0;background-color: #f4f4f4;} /* pagination */ .pagination ul li a {font-size: 13px;padding: 0 7px;} /* listing findme */ .listing {text-align: left;position: relative;} .listing img {float: left;display: table-cell;margin: 0 15px 33px 0;} .listing .details {display: table-cell;text-align: left;} .listing .details p.categories {text-align: left;} .listing .details p.categories span {display: block;} .listing .details p.description {font-size: 13px;height: auto !important;overflow: visible !important;} .listing .total {height: 0;min-height: 0;} .listing .total h4 {height: 0 !important;width: 0 !important;overflow: hidden !important;} .listing .btns {position: absolute;left: 15px;top: 167px;width: 240px;text-align: center;border: 1px solid #e5e5e5;border-width: 0 1px 1px;} .listing .btns a {float: none;display: block;margin: 0 auto;width: 100%;border-radius: 0 !important;} .listing .btns a.separate {margin: 0 !important;} .listing .btns a:nth-child(2) {display: none;} .icon_wifi {top: 5px;left: 5px;} #listing_availability.warning p {background-position: center left;padding: 7px 0 7px 50px !important;} #listing_availability.warning br {margin-top: 0;} .suggested .listing img {margin: 0 15px 0 0;} .suggested .listing .details p.description {font-size: 13px;margin-bottom: 8px;height: auto !important;overflow: visible !important;} .suggested .listing .btns {display: inline;position: relative;width: 100%;border: none;height: 33px;overflow: hidden;} .suggested .listing .btns a {float: left;width: auto;border-radius: 4px !important;padding: 0 10px;} .suggested .listing .btns a.separate {margin: 0 8px 0 0;} .suggested .listing .btns a:nth-child(2) {display: inline !important;} .plus8 {position: absolute;top: 55px;right: 20%;float: left;} #main .amenities ul li.plus8.partial {right: 5%;} .testimonials div p {padding: 8px 15px 95px 0 !important;} .testimonials div p.reviewer {right: 15px;top: 123px;} .testimonials div:nth-child(even) p {padding: 8px 0 95px 15px !important;} .testimonials div:nth-child(even) p.reviewer {right: 0;} .testimonials div p.reviewer img {padding-left: 20px;} } @media only screen and (min-width: 640px) and (max-width: 799px) { .feature_destinations .places {width: 530px;padding: 25px 30px 20px;margin: 0 auto;} .feature_destinations .places ul {width: 530px;float: left;margin: 0;padding: 0;list-style: none;} .feature_destinations .places li {float: left;position: relative;width: 170px;height: 140px;margin: 0 10px 10px 0;display: block;} .feature_destinations .places li:nth-child(6n) {margin: 0 10px 10px 0;} .feature_destinations .places li:nth-child(3n) {margin-right: 0;} .feature_destinations .places img {width: 170px;background-color: #666;} .feature_destinations .places span {position: absolute;top: 0;left: 0;background-color: #111;color: #fff;padding: 0 5px 2px;text-transform: lowercase;} } @media only screen and (min-width: 440px) and (max-width: 639px) { .feature_destinations .places {width: 350px;padding: 25px 30px 20px;margin: 0 auto;} .feature_destinations .places ul {width: 350px;float: left;margin: 0;padding: 0;list-style: none;} .feature_destinations .places li {float: left;position: relative;width: 170px;height: 140px;margin: 0 10px 10px 0;display: block;} .feature_destinations .places li:nth-child(6n) {margin: 0 10px 10px 0;} .feature_destinations .places li:nth-child(2n) {margin-right: 0;} .feature_destinations .places img {width: 170px;background-color: #666;} .feature_destinations .places span {position: absolute;top: 0;left: 0;background-color: #111;color: #fff;padding: 0 5px 2px;text-transform: lowercase;} } @media only screen and (max-width: 439px) { .feature_destinations .places {width: 170px;padding: 25px 30px 20px;margin: 0 auto;} .feature_destinations .places ul {width: 170px;float: left;margin: 0;padding: 0;list-style: none;} .feature_destinations .places li {float: left;position: relative;width: 170px;height: 140px;margin: 0 0 10px 0 !important;display: block;} .feature_destinations .places li:nth-child(6n) {margin: 0 0 10px 0 !important;} .feature_destinations .places img {width: 170px;background-color: #666;} .feature_destinations .places span {position: absolute;top: 0;left: 0;background-color: #111;color: #fff;padding: 0 5px 2px;text-transform: lowercase;} } @media only screen and (min-width: 505px) and (max-width: 675px) { #landing .stay h3 span {display: block;} } /* Tablets v.2 / done by Stef / completed */ @media only screen and (min-width: 800px) and (max-width: 979px) { /* grid */ .span2, .span3 {width: 27%;} .span4, .span6, .span9 {width: 70%;} #style_advertise .span4 {width: 48%;} #style_advertise .span4:nth-child(odd) {margin-right: 2%;} #style_advertise .span4:nth-child(even) {margin-left: 2%;} .span8 {width: 100%;float: none;display: block;} .span12 {width: 100%;float: none;display: block;} .push {margin-right: 0 !important;} /* global */ .mobile_menu {display: none;} .container {width: auto;padding: 0 10px;} #intro {display: none;} /* title */ #title {padding: 100px 0 0;} #title .container {position: relative;} #title h1 {font-size: 34px;line-height: 34px;margin-top: 64px;} #title .bkg {margin-top: -31px;} #title .span12 {height: 152px;overflow: hidden;} #title .description {font-weight: bold;color: #4c4c4c;background: rgb(255, 255, 255);background: rgba(255, 255, 255, .6);line-height: 17px;padding-right: 3px;} #title .span9 {width: 100%;} #title .tabs li {margin: 0 3px 0 0;padding: 0 13px 1px;font-size: 13px;} a.pin {display: none;} #title #share_count {position: absolute;top: 0px;right: 55px;z-index: 22000;} .tabs_none {height: 63px;} /* header */ #header {width: 100% !important; height: 100px !important;} #header .actions {right: 10px;} #header .logo {height: 35px! important;width: 235px;margin: 15px 0 5px 15px;background-position: left bottom !important;} #header .nav {clear: both;margin: 5px 0 0;width: 100%;float: left;text-align: left;} #header .nav li:first-child {margin-left: 15px;} #header .nav li {margin: 0 0 0 18px;} #header .nav li > a {letter-spacing: 1px;} #header .nav li.search {margin-top: 13px;} #header .nav .search .btn_search.on {background: url('../img/icon_search.png') no-repeat;} #header .nav .mega#triple {width: 610px;left: 20px;} #header .nav .mega#triple .arrow {left: 110px;} #header .nav .mega.triple {width: 610px;left: 20px;} #header .nav .mega.triple .arrow {left: 110px;} #header .nav .mega#double {width: 400px;right: -215px;} #header .nav .mega#double .arrow {right: 215px;} #header .nav .mega.double {width: 400px;right: -215px;} #header .nav .mega.double .arrow {right: 215px;} #header .nav .mega#single, #header .nav .mega#singular {width: 190px;} #header .nav .mega.single {width: 190px;} #header .nav .mega ul {width: 190px;} #front #landing h2 {width: 350px;} #front #landing h2 span {margin: 5px 0 0 28px;display: block;} #front #header {height: 70px;z-index: 11112;} #front #header .nav {margin-top: 5px;} #front #expand_social {left: auto;right: 45px;top: 22px;width: 260px;z-index: 11111;} .lead h4, .lead h5 {padding: 0 17px !important;} .lead p {padding: 0 17px 5px !important;} #headertxt {left: 10px;top: -10px;} #firstline {display: none;} #secondline {display: none;} .pictured {font-size: 11px;line-height: 26px;height: 26px;padding: 0 10px;} .pictured a {font-size: 11px;text-transform: uppercase;} a.tooltip {position: relative;} a.tooltip span img {display: none;} a.tooltip:hover span {top: 50px;left: -170px;} .feature_specials, .feature_best, .lead img {display: none;} .feature .lead {text-align: left;border-top: 0;} .lead:first-child {border-top: 1px solid #e5e5e5;} .lead:last-child {margin-top: 0;} #front .span6 {width: 100%;float: none;} .feature .head {text-align: center;} .feature .head h3.about {float: none;background: none;margin: 5px 0 25px;padding: 0;font-size: 32px !important;line-height: 32px;text-transform: lowercase;color: #ffa800;} #landing .jump_spot {top: 701px;} #front #banner {margin-top: -40px;} /* main */ .breadcrumbs {height: auto;overflow: visible;} .content p {text-align: justify;} .content .questions p {text-align: left;} #info {float: right !important;} #main {padding: 15px 0;} #main .span6, #main .span9 {float: right !important;} /* rhc and lhc */ #rhc {float: left !important;} #main > .container > .span3 {float: left;} #about_location {margin-top: 0;} .why {position: relative;padding: 12px;background: #f4f4f4;} .why h3 {font-size: 13px !important;line-height: 16px !important;} .why p, .why li {font-size: 12px;line-height: 16px;} .why p:last-child {margin-bottom: 0;} .why p a {text-decoration: underline;} .book .contact {padding: 0 12px;} .book .btns {padding: 12px;} .book .dates {padding: 15px 12px;} .methods p img {margin-bottom: 30px;} .submenu h3, .filter h3 {padding: 17px 12px !important;line-height: 20px !important;height: auto;font-size: 16px !important;} .submenu h3 span, .filter h3 span {position: relative;display: block;top: 0;left: 0;} #frmFilterAccom h3 {height: auto;} .submenu li.faux {padding: 15px 12px;} .submenu ul:first-child {margin: 0;padding: 0;} .collection ul {padding: 5px 12px 15px;} .submenu ul li > a.drop, .collection a.drop {margin: 0 12px 0 0;padding: 15px 18px 10px 12px;background: url('../img/arrow_sub_close.png') right 20px no-repeat;} .submenu ul li.closed > a.drop, .collection.closed > a.drop {background: url('../img/arrow_sub_open.png') right 20px no-repeat;} .submenu ul ul {padding: 0 12px 10px 25px;} .submenu li.none {padding: 15px 12px;} .submenu ul ul ul {padding: 5px 0 0 12px;margin-bottom: -5px;} .submenu li p {padding: 0 12px;font-size: 12px;line-height: 16px;} .submenu .find {padding: 0 12px 15px;} .submenu .find a {padding: 15px 0;} .submenu .find p {padding: 0;} .submenu .find form input {margin: 0;width: 100% !important;} .submenu .find form .tt-dropdown-menu {left: 0 !important;top: 19px !important;border-top: 1px solid #ffa800;} .filter .collection ul li {padding: 0;} .filter .collection.btns {padding: 12px;} .filter .btn_yellow {padding: 10px 12px;} .facts p {padding-left: 12px;font-size: 12px;line-height: 16px;} .facts p.gps, .facts p.airport, .facts p.children, .facts p.times {padding-left: 27px;} .facts ul {margin: 12px;padding: 0 0 0 12px;} .facts li {font-size: 12px;line-height: 16px;padding-bottom: 5px;} .facts li:last-child {padding-bottom: 0;} .copy p {padding: 12px 40px 0 12px;height: auto;} .copy span.super {top: -9px;right: 0;height: auto;font-size: 54px;} /* establishments */ .galleria-bar {width: 100%;border-width: 1px 0;} .total {padding: 12px;height: 69px;} .total h4 {font-size: 13px;padding: 0 0 15px;text-transform: lowercase;} .total h4 sup {text-transform: uppercase;} .reviews p.reviewer {text-transform: none;} .reviews#none {margin-bottom: 30px;} .span3 .warning {padding: 0 12px;} .g-fix {height: 0 !important;width: 0 !important;overflow: hidden !important;} #main .amenities div {clear: both;float: right;width: 100%;} #main .amenities p {width: 34%;} #main .amenities ul {width: 66%;float: right;} #main .amenities ul li {width: 150px;} #main .amenities div ul {margin-top: -30px;} #main .accreditations {clear: both;padding-top: 5px;} .book .dates .date {display: block;padding-right: 2px;} .book .dates .date input {display: block;width: 94% !important;padding: 4px 2% 4px 4%;height: 24px;line-height: 24px;margin: 0 auto 5px !important;background-position: 95% 8px;} .book .dates .second {float: none;margin-bottom: 15px;} .not_available {margin-left: -13px;margin-right: -13px;margin-bottom: -16px;display: none;} .halt {padding: 9px 12px 10px;text-align: left;} .halt h3 {margin: 0 -12px 10px !important;} .halt br {float: left;} /* reviews form */ .reviews_say .rating {width: 60%;margin: 7px 0 0 !important;padding: 0 !important;} .reviews_say #first_rating.rating {margin-top: 10px !important;} .reviews_say .rating p {margin: 0 !important;padding: 0 !important;height: 17px !important;line-height: 17px !important;text-align: left;} .reviews_say .rating p span {margin: 3px 1px 2px 2px !important;} .reviews_say p.all {margin: 4px 0 0 4px !important;text-transform: uppercase;color: #666;font-size: 10px !important;} .reviews_say #first_rating.rating p.all {margin: 0 !important;float: none;clear: both;width: 100%;} .reviews_say .rating .count {margin: 0 2px 0 0;} .reviews_submit .field_group {width: 50%;} .reviews_submit .field_group input {width: 85%;} .reviews_submit .field_group select {width: 90%;} .reviews_submit .field_group select.month {width: 45%;} .reviews_submit .field_group select.year {width: 40%;} .reviews_submit .field_group_wide {width: 100%;} .reviews_submit .field_group_wide textarea {width: 96%;} .reviews_submit .field_group_wide .btns input {width: auto;} .reviews_filter {margin: 30px 0 5px;} .reviews_filter p {margin: 0;} /* booking form */ .form_group label, .form_group input, .form_group select {margin: 0;} .form_group_wide {float: left;width: 100%;} .form_group {width: 50%;min-height: 189px;margin-bottom: 10px;} .form_group_radio {clear: both;width: 100%;min-height: 5px;} .radio {clear: both;width: 100%;line-height: 16px;height: 16px;margin: 5px 0 !important;vertical-align: bottom;} .radio label {float: left;line-height: 16px;height: 16px;margin: -2px 0 0 !important;padding: 0 5px 3px 0;} .radio input {line-height: 16px;height: 16px;margin: 0 !important;} .booking_submit input {width: 89%;} .booking_submit select {width: 95%;} .booking_submit textarea {width: 95%;} .booking_submit .date input { width: 15%;margin: 0 10px 0 0;background-position: 90% 8px;} .booking_submit .btns input {width: auto;} /* listings */ #info .pagination:first-child {margin-top: 0;border-top: 1px solid #e5e5e5;} #info .pagination:first-child p, #extras p {display: none;} .pagination ul li a {margin: 0 !important;} .span9 .pagination:last-child p {font-size: 12px;margin: 3px 0 0 0 !important;width: 155px;height: 25px;line-height: 25px;overflow: hidden;} .listing a.hoverbox:hover .preview {display: none;} .listing {position: relative;} .listing img {width: 230px;height: 159px;margin: 0;} .listing .details {margin: 0;float: right;width: 50%;padding: 0;height: 159px;} .listing .details h3 {margin: 0 0 8px !important;} .listing .details h3 a {font-size: 16px;} .listing .details p {padding-top: 0 !important;} .listing .details p.categories {line-height: 15px;height: 15px;overflow: hidden;} .listing .details p.location {display: none;} .listing .total {clear: both;position: relative;overflow: hidden;width: 50%;min-height: 40px;height: 40px;padding: 0 !important;} .listing .total h4 {display: none;} .listing .btns {position: absolute;bottom: 0;right: 0;} .listing .btns a {display: block;width: auto;float: right;padding: 0 10px;margin: 0 0 0 6px !important;} .listing .btns a:nth-child(2) {display: none;} .listing .meta {position: absolute;bottom: 20px;left: 20px;width: 230px;height: 27px;margin: 0 !important;text-align: right;z-index: 9000;} .listing .meta img.wifi {float: right;margin: 0 !important;} .listing .meta img.comments, .listing .meta i {display: none;} #results .listing .rating {position: absolute;bottom: 20px;left: 20px;float: left;width: auto;z-index: 9001;} #results .listing .rating p.all {display: none;} #results .listing .rating span {height: 17px !important;line-height: 17px !important;font-size: 11px !important;} #results .listing .rating span.count {margin-top: 2px;} .suggested .listing .details {width: 50%;float: right;padding-right: 0;position: relative;height: 159px;} .suggested .listing .details .btns {position: absolute;right: 0;bottom: 0;margin: 0;} /* content */ .text .listing {padding-top: 50px;} .text .listing img {width: 230px;height: 159px;} .text .listing h4 {position: absolute;width: auto;top: 20px;left: 20px;font-size: 16px;line-height: 16px;} #info .text .listing {float: right;} #info .text .listing p {margin: 0;padding: 4px 0 0;width: 50%;float: right;} #info .text .listing i.serif {display: inline-block;margin: 0 3px 4px 0;} #info .text .listing p.more {clear: both;width: 100%;float: left;padding: 10px 0 0;} #info .text .pagination p {padding-left: 0;} #info p.tagged {padding-left: 10px !important;} #logos.stretch {top: 825px;} #logos img {margin-left: -175px;} .call_to_action {clear: both;margin: 150px 0;clear: both;} #style_advertise .plus85 {margin-bottom: 0 !important;} #style_advertise .call_to_action.plus85 {margin-bottom: 85px !important;} .testimonials {margin-bottom: 20px;} .suburbs p {text-align: left;} #info .suburbs h3 {margin-top: 10px !important;} #info .suburbs.indented h3 {margin-top: 0 !important;} .indented {margin-left: 0;} /* footer */ #banner {background: #f2f2f2 url('../img/footer_divider.png') 28% center no-repeat;border-top: 1px solid #e5e5e5;} #banner .span6 {display: none;} #banner .span2 {width: 35%;} #banner .span4 {width: 50%;} #banner .divider {background: none;} #banner .plus, #banner .like {height: 89px;text-align: center;margin: 0 auto;padding-top: 20px;} #banner .plus {} #footer {position: relative;} #footer #social_profiles {position: absolute;left: 10px;top: -157px;} #footer #social_profiles li:last-child {display: none;} #footer .span2 {width: 22%;} #footer ul {padding-top: 13px;} #footer ul.ticked {padding-top: 15px;} #footer .span4.push {width: 45%;margin: 0 auto;} #footer .span4.push h6, #footer .span4.push p, #footer .span4.push label {margin-left: 15px;} #footer .span4.listed {width: 33%;margin: 0 auto;} #footer .ticked {margin-top: 1px !important;} #footer .ticked li {padding-bottom: 5px;} #footer .btn {padding: 0 10px;height: 31px;line-height: 31px;font-size: 13px;} /* mailchimp form */ #mc_embed_signup {margin: 12px 30px 0 0;position: relative;} #mc_embed_signup label {width: 30%;margin: 1px 0;} #mc_embed_signup input {padding: 4px 0;width: 60%;float: right;margin: 1px 0;} #mc_embed_signup input.btn {margin: 3px 0 0 30%;width: auto;float: right;height: 32px;line-height: 32px;} #mc_embed_signup div.response {width: 100%;} #mc_embed_signup #mce-error-response {padding-left: 15px;} #mc_embed_signup #mce-success-response {margin-left: 15px;padding: 10px 0 10px 55px !important;} #mc_embed_signup label.error {text-align: right;} #mc_embed_signup #mce-error-response, #mc_embed_signup #mce-success-response {width: auto;padding-right: 0;} #mc_embed_signup div.mce_inline_error {right: 8px !important;} } /* Old Phones / done by Stef */ @media only screen and (min-width: 200px) and (max-width: 505px) { #landing {height: 330px;padding: 70px 10px 0;} #landing.cheetah {background-image: url(../img/home/cheetah-599x400.jpg);} #landing .stay h3 {margin-top: 65px;font-size: 24px;} #landing .stay h4 {display: none;} #landing .stay form {margin-top: 8px;padding: 0 10px;} #landing .stay form .field {float: none;clear: both;margin: 5px 0;display: block;} #landing .stay form label {width: 100%;margin: 0;border-radius: 4px 4px 0 0;padding: 4px 0;} #landing .stay form .establishment input {text-align: center;background-color: #fff;margin-top: -10px;} #landing .stay form .btns {display: none;} #landing .jump_spot {top: 504px;} ::-moz-placeholder {opacity: 1 !important;} } /* Old Phones / done by Stef */ @media only screen and (min-width: 200px) and (max-width: 339px) { .pagination ul li {display: none;} .pagination ul li.next {display: block;} .pagination ul li.prev {display: block;} } /**************************************************************************************************************************************/ /* PRINTING */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }