/* Kigo Light Template INDEX: ~General Clearfix Reset Tables Headings Forms Block Buttons ~Global HEADER MAIN MENUS REQUEST MENUS SEARCH MENUS CONTENT FUNCTION PRICE ~Pages HOME SEARCH LISTING PROPERTY REQUEST ONLINE BOOKING FOOTER ~Calendars DROPDOWN CALENDAR CALENDARS ~IE6 ----------------------------------------------------*/ /* ===== */ /* RESET */ /* ===== */ html, /* SECTIONS */ body, header,nav,footer,section,article,aside,address, hgroup,h1,h2,h3,h4,h5,h6, /* GROUPING CONTENT */ p,hr,pre,blockquote, dl,dt,dd,ol,ul,li, figure,figcaption, div, /* TEXT-LEVEL SEMANTICS */ a,em,strong,small,s,cite,q,dfn,abbr,time,code,var,samp, kbd,sub,sup, i,b,u, mark, span, br,wbr, /* EDITS */ ins,del, /* EMBEDDED CONTENT */ img, iframe, embed, object, video,audio, canvas, /* TABULAR DATA */ table,caption,tbody,thead,tfoot,tr,td,th, /* FORMS */ form,fieldset,legend,label, input,button,select,textarea output,progress,meter, /* INTERACTIVE ELEMENTS */ details,summary,menu, /* LINKS */ a {margin: 0px; padding: 0px; font-size: 100%; font: inherit; vertical-align: baseline; border: none; outline: none;} header,nav,footer,section,article,aside,address, hgroup, figure,figcaption {display: block;} ol,ul,menu {list-style: none;} blockquote, q {quotes: none;} blockquote::before, blockquote::after, q::before, q::after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0px;} table tr th, table tr td {vertical-align: middle;} a {text-decoration: none;} strong, b {font-weight: bold;} form {position: relative} form fieldset legend {display: block; width: 100%; white-space: normal /* bug FF */} form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="search"], form input[type="file"], form input[type="password"], form select, form button, form textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} form input[type="search"] {-webkit-box-sizing: content-box; -webkit-appearance: textfield;} button {cursor: pointer} button::-moz-focus-inner {margin: 0px!important; padding: 0px!important; border: none!important; outline: none!important;} /* ========= */ /* <<< RESET */ /* ========= */ /*------------------------------------------------------------------------------------------------------------------------------------------ ~General ------------------------------------------------------------------------------------------------------------------------------------------*/ body {margin: 0px auto; width: 1000px; height: auto; font-size: 0.9em; color: #2a2a2a; font-family: "Trebuchet MS", Arial, Helvetica} /* = Clearfix */ div.clear:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px} * html div.clear {height: 1%} a {color: #0383DC;} a:hover {text-decoration: underline} a img {border: none} .template-property div#searchmenus a:hover, #page-request div#searchmenus a:hover {color: #000} div#functions h3 a:hover{color:#0383dc} .alignleft{float:left} .alignrigt{float:right} /* ===== */ /* FORMS */ /* ===== */ input.kigo_datepicker {background: #fff url(../img/icon-datepicker.png) no-repeat right 5px;} form fieldset {position: relative; padding: 10px 0px 20px; border-bottom: 1px solid #E4E4E4} form fieldset.first {padding-top: 0px;} form fieldset.last, form fieldset:only-of-type {padding-bottom: 0px; border-bottom: none} form legend {padding-bottom: 10px; font-size: 18px; line-height: 1.5} .template-property form legend {font-size: 14px;} form label {display: block; margin-bottom: 5px; color:#11101a; font-size: 16px;} form .boxfield label {float: left; margin: 0px 10px 0px 0px} form .mandatory label::after {content: '*'; margin-left: 5px; color: #f00} form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="search"], form input[type="file"], form input[type="password"], form select, form textarea {padding: 0px 5px; width: 450px; height: 28px; line-height: 28px; font-size: 15px; border: 1px solid #8A8A8A; color: #333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} form select {padding: 0px;} form textarea {width: 100%; height: auto; min-height: 100px; resize: vertical} form .missing input {border-color: #f00} .ua-msie-7 form input[type="text"], .ua-msie-7 form input[type="tel"], .ua-msie-7 form input[type="email"], .ua-msie-7 form input[type="search"], .ua-msie-7 form input[type="file"], .ua-msie-7 form input[type="password"], .ua-msie-7 form select, .ua-msie-7 form textarea {height: 29px} form input[disabled], form select[disabled], form textarea[disabled] {opacity: 0.5;} /* -------- */ /* GROUPING */ /* -------- */ form p.input_element {position: relative; margin: 5px 0px 20px;} form p.input_element.first {margin-top: 0px;} form p.input_element.last {margin-bottom: 0px;} form p.input_element ul {overflow: hidden} form p.input_element ul li {float: left; margin-left: 20px} form p.input_element ul li:first-child {margin-left: 0px} /* ------- */ /* BUTTONS */ /* ------- */ .buttonsblock, .buttons {margin: 30px 0px; text-align: right;} .buttonsblock * {display: inline-block;} button {width: auto; height: 35px; padding: 0px 10px; line-height: 35px; text-align: center; color: #fff; border: none; background: #0383DC; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); border-radius: 5px; webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:center; border-bottom: 1px solid rgba(0, 0, 0, 0.25);} button:hover {background: #005CBB;} button[type="reset"], button.back {background: #686868; margin-right: 10px;} button[type="reset"]:hover, button.back:hover {background: #333;} /* ========= */ /* <<< FORMS */ /* ========= */ /* ======== */ /* HEADINGS */ /* ======== */ h1, h2, h3, h4, h5, h6 {margin: 25px 0px 15px; font-size: 14px; line-height: 1.1;} h1#pagetitle, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0px;} h1 {font-size: 30px;} h2 {font-size: 22px;} h3 {font-size: 17px;} h4 {font-size: 15px;} /* ============ */ /* <<< HEADINGS */ /* ============ */ /* ============================= */ /* GENERAL KIGO CLASSES/ELEMENTS */ /* ============================= */ .template-page .block {overflow: hidden; margin-bottom:20px;} .template-page .block .column {float: left; overflow: hidden} .template-page .block .column.single {float: none} .template-page .block.cols-2 .column.odd {clear: left; width: 48%;} .template-page .block.cols-2 .column.even {float: right; clear: right; width: 48%} .template-page .block .imageblock {margin-bottom: 10px} .template-page .block .img-center .imageblock {text-align: center} .template-page .block .img-right .imageblock {text-align: right} .template-page .block .parag-right .imageblock {float: left; margin-right: 10px;} .template-page .block .parag-left .imageblock {float: right; margin-left: 10px;} .template-page .block p, .template-page p.block {margin: 10px 0px;} .list {margin: 15px 0px;} .list:first-child {margin-top: 0px;} .list:last-child {margin-bottom: 0px;} ul.list {list-style: inside square} ol.list {list-style: inside decimal} .list li {padding: 3px 0px;} .list li {border-bottom: 1px dotted #eee} .list li:first-child {padding-top: 0px} .list li:last-child {padding-bottom: 0px; border-bottom: none} .block.last {margin: 0px;} .none, .empty_value, .close {display: none;} #request_submitting, #ob_submitting {display:none;} div#fill_form.submitted div#page_form, div#fill_form div#form_submitted {display: none} div#fill_form.submitted div#form_submitted {display: block} /* ================================= */ /* <<< GENERAL KIGO CLASSES/ELEMENTS */ /* ================================= */ /* = Block */ body.template-page div#searchmenus {display: none} body.template-page div#global div#pageimage, body.template-page div#global div#content, body.template-page div#global div#functions {width: 1000px} body.template-page .block {margin-bottom: 30px; overflow: hidden} /* ============================= */ /* SYSTEM BUTTONS - general look */ /* ============================= */ div.availability_calendar a, div.request_list a, div.make_request a, .ob a, #make_request_menu a, #availability_calendar_menu a, #request_list_menu a, em.view_details a {display:inline-block; color:#fff; font: normal normal bold 13px/25px sans-serif; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); margin: 0 10px; background:#8b2932 url(../img/arrow.png) no-repeat right 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); border-radius: 5px; webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:center; border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 0px 30px 0px 10px; width: auto} div.availability_calendar a:hover, div.request_list a:hover, div.make_request a:hover, .ob a:hover, #make_request_menu a:hover, #availability_calendar_menu a:hover, #request_list_menu a:hover, em.view_details a:hover {background: #e3d073 url(../img/arrow.png) no-repeat right 5px; color: #8b2932 } div.availability_calendar a:active, div.request_list a:active, div.make_request a:active, .ob a:active, #make_request_menu a:active, #availability_calendar_menu a:active, #request_list_menu a:active, em.view_details a:active {-webkit-box-shadow:1px 1px 3px black inset, 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow:1px 1px 3px black inset, 0 1px 0 rgba(255,255,255,0.4); box-shadow:1px 1px 3px black inset, 0 1px 0 rgba(255,255,255,0.4); top: 1px} /* ================================= */ /* <<< SYSTEM BUTTONS - general look */ /* ================================= */ /* = Buttons */ body#page-request div#global div#functions form div.buttonsblock div.submitblock button, body#page-request div#global div#functions form div.buttonsblock div.resetblock button {background:#8b2932;} body#page-request div#global div#functions form div.buttonsblock div.submitblock button:hover, body#page-request div#global div#functions form div.buttonsblock div.resetblock button:hover {background:#e3d073; color: #8b2932 } .ob a {background: #8ebf2f url(../img/icon-card.png) no-repeat 10px 4px; text-shadow: 0 0 0; padding: 0 15px 0 45px;} .ob a:hover {background: #82ae32 url(../img/icon-card.png) no-repeat 10px 4px;} body#page-request div#global div#functions form div.buttonsblock div.resetblock button, #page-ob-summary div#ob_info div.submit fieldset.buttons button.back {background: #d0d0d0; color:#2c2c2c; text-shadow: 0 0 0} body#page-request div#global div#functions form div.buttonsblock div.resetblock button:hover, #page-ob-summary div#ob_info div.submit fieldset.buttons button.back:hover {background: #b4b4b4; color:#2c2c2c; text-shadow: 0 0 0} /*------------------------------------------------------------------------------------------------------------------------------------------ ~Global ------------------------------------------------------------------------------------------------------------------------------------------*/ div#global {position: relative; margin: 0px auto; width: 100%; height: auto; padding: 0px; line-height: 18px; overflow: hidden} /* = HEADER ----------------------------------------------------*/ div#global div#header div#global div#header {height: auto; margin: 0; width: auto} /* = MAIN MENUS ----------------------------------------------------*/ #mainmenus {/*border-bottom: 1px solid #e3e3e3; */ margin: 10px 0 20px 0; position:absolute; top:81px; right:50px;} #mainmenus ul#mainmenu_1 {text-align: left; margin: 0; position: relative; padding: 0; float: left; width: 100%} #mainmenus ul#mainmenu_1 li {float: left; display: block; padding: 0; margin: 0; font-weight: bold } #mainmenus ul#mainmenu_1 li.current_page, #mainmenus ul#mainmenu_1 li:hover {background: #5a1010} #mainmenus ul#mainmenu_1 li.current_page a {color: #fff} #mainmenus ul#mainmenu_1 li a {display: block; padding: 3px; margin: 0; text-decoration: none; padding: 10px 20px; font-size: 13px; text-transform: uppercase; color:#FFF;} /* = REQUEST MENUS ----------------------------------------------------*/ div#requestmenus {position: absolute; right: 20px; top: 115px; width: 39px; height: 33px; z-index: 2} div#requestmenus ul li a {display: block; height: 25px; background: url(../img/icon-cart.png) no-repeat left top; text-decoration:none;} div#requestmenus ul li a.requested-properties-0 span.requested-properties {display:none;} div#requestmenus ul li a span {display:none;} div#requestmenus ul li a span.requested-properties {display:block; position: absolute; color: #fff; padding:0px 5px; background: #f00; top: -10px; left: 30px; font-size:11px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} div#requestmenus ul li a:hover span.requested-properties {color:#fff;} /* language selection */ #top-wrapper {margin: 0 auto; width: 1000px; position: relative; height: 0; } ul#languages {position: absolute; right: 0; top: 0; z-index: 20; background: #f4f4f4; padding: 2px 0; margin: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border:1px solid #efefef; border-top: none; } ul#languages li a {display: block; text-indent: -9999px; width: 22px; height: 16px; background: url(../img/icon-lang.png) no-repeat top left;} ul#languages #en a {background-position: 0 0px} ul#languages #fr a {background-position: 0 -21px} ul#languages #es a {background-position: 0 -42px} ul#languages #de a {background-position: 0 -63px} ul#languages #it a {background-position: 0 -84px} ul#languages #sv a {background-position: 0 -105px} ul#languages #fi a {background-position: 0 -126px} ul#languages #ru a {background-position: 0 -147px} ul#languages li {display: none; padding: 6px 19px 6px 6px;} ul#languages li:first-child {display: block; width: 22px; height: 16px; background: url(../img/lang-arr.png) no-repeat center right;} ul#languages:hover li {display: block} ul#languages li:hover {background-color: #fff;} /* = SEARCH MENUS ----------------------------------------------------*/ /*General*/ div#searchmenus {position: relative; float: left; width: 255px; height: auto} body.template-property div#searchmenus, body#page-request div#searchmenus {position: absolute; width: auto; z-index: 2} body.template-property div#searchmenus {top: 165px; left:0px} body#page-request div#searchmenus {top: 165px; left: 0px} body.template-property div#searchmenus div, body#page-request div#searchmenus div {margin: 0px auto 0px 0px} body.template-property div#searchmenus div a, body#page-request div#searchmenus div a {color: #000; display: inline-block; padding-left: 30px; background: url(../img/icon-back.png) no-repeat left center} div#searchmenus h2 {display: none} div#searchmenus h3 {font-size:24px; color:#000} div#searchmenus div, body.template-property div#global div#functions #functions_blocks #availability_and_price div {margin-bottom: 25px} div#searchmenus div h3, body.template-property div#global div#functions #functions_blocks #availability_and_price div h3 {border-bottom: 1px solid #DBDBDB; margin: 10px 0 0px 0; padding: 0 0 10px 0px} div#searchmenus fieldset {margin: 0px; padding: 0px; border: none} div#searchmenus fieldset legend {padding: 0px!important; color: #2a2a2a; font-size:14px} /*Destination*/ #search_destination h3 {border: none!important} #search_destination form select {width: 184px} #search_destination form button {margin-left: 8px; height: 30px; line-height: 30px} /*Dates*/ div#searchmenus div#search_dates form div#search_dates_stay, body.template-property div#global div#functions #functions_blocks #availability_and_price div.dates div.stay, body#page-request div#global div#functions form fieldset#fieldset-dates #request_dates_stay {background: #e9e7e0; border: 1px solid; color: #2a2a2a; font-style: italic; text-align: center; margin: 10px 0px 0px; width: 80px; height: 23px; line-height: 23px} div#searchmenus #search_dates form {margin:15px 0 0 0} div#searchmenus #search_dates fieldset.first {padding-bottom: 10px;} div#searchmenus div#search_dates form input {width: 243px} div#searchmenus div#search_dates form div#search_dates_remove {position: absolute; bottom: 55px; right: -5px; width: 10px; height: 10px; overflow: hidden} div#searchmenus div#search_dates form div#search_dates_remove a {display: block; height: 10px; text-indent: -1000px; background: url(../img/search-reset.png) no-repeat} #functions div#availability_and_price .dates form {margin-top: 20px} #functions div#availability_and_price .dates form fieldset {position: relative; padding: 0; border: none} div#searchmenus #search_dates form fieldset.e-2 {margin-top: 5px} /*Guest*/ div#searchmenus div#search_guests, body.template-property #availability_and_price div.guests {position: relative;display: none} div#searchmenus div#search_guests form, body.template-property #availability_and_price div.guests form {height: auto; overflow: hidden; background:#f3f3f3; padding:20px 0px} div#searchmenus div#search_guests form fieldset, body.template-property #availability_and_price div.guests form fieldset {float: left; margin-left: 17px; width: 49px; height: auto;} div#searchmenus div#search_guests form fieldset:first-child, body.template-property #availability_and_price div.guests form fieldset:first-child {margin-left: 15px} div#searchmenus div#search_guests form fieldset legend span, body.template-property #availability_and_price div.guests form fieldset legend span {position: absolute; background: #dbdbdb; color: #333; display: none; position: absolute; left: 0px; top: -20px; padding: 0px 10px; line-height: 27px; border-radius: 3px; -moz-border-radius: 3px; white-space: nowrap;} div#searchmenus div#search_guests form fieldset.last legend span, body.template-property #availability_and_price div.guests form fieldset.last legend span {right: 0; left: auto;} #search_guests .e-1, body.template-property div#functions #functions_blocks #availability_and_price div.guests .e-1 {border-right:solid 1px #ccc; padding:0px 20px 0px 0px} #search_guests .e-2, body.template-property div#functions #functions_blocks #availability_and_price div.guests .e-2 {border-right:solid 1px #ccc; padding:0px 20px 0px 0px} #search_guests .e-3, body.template-property div#functions #functions_blocks #availability_and_price div.guests .e-3 {padding:0px 20px 0px 0px} body.template-property div#functions #functions_blocks #availability_and_price div.guests form fieldset {border: none} body.template-property div#functions #functions_blocks #availability_and_price div.guests .e-1, body.template-property div#functions #functions_blocks #availability_and_price div.guests .e-2, body.template-property div#functions #functions_blocks #availability_and_price div.guests .e-3 {padding:0px 12px 0px 0px} #searchmenus div#search_guests form fieldset legend, #availability_and_price div.guests form fieldset legend {width: 35px; height: 20px; background: url(../img/guests-icons.png) no-repeat left top; margin-bottom:10px} #searchmenus div#search_guests form fieldset.middle legend, #availability_and_price div.guests form fieldset.middle legend {background-position: left -35px} #searchmenus div#search_guests form fieldset.last legend, #availability_and_price div.guests form fieldset.last legend {background-position: left -70px} div#searchmenus div#search_guests form fieldset legend:hover span, body.template-property div#global div#functions #functions_blocks #availability_and_price div.guests form fieldset legend:hover span {display: block} div#searchmenus div#search_guests form fieldset select, body.template-property div#global div#functions #functions_blocks #availability_and_price div.guests form fieldset select {display: block; width: 100%; padding: 0px} /*Search options*/ div#searchmenus #search_options h3 {background:#F3F3F3; padding: 5px 5px 5px 11px !important; margin:0 0 15px; font-size:20px} div#searchmenus div#search_options ul li {margin: 0px 0 10px 10px} div#searchmenus div#search_options ul li a {font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase} div#searchmenus div#search_options ul li a:hover {color:#000;} div#searchmenus div#search_options ul li.selected a {display: block; background: url(../img/search-reset.png) no-repeat right center; color:#000;} /* = CONTENT = FUNCTIONS ----------------------------------------------------*/ div#global div#content, div#global div#functions, .template-property div#global div#pageimage {position: relative; float: right; margin-bottom: 10px; width: 700px; height: auto; background: #fff; border-color: #D0CBB5} div#global div#content {margin-bottom: 30px} body.template-property div#global div#pageimage, body.template-property div#global div#content, body.template-property div#global div#functions, body#page-request div#content, body#page-request div#functions, body#page-ob-summary div#global div#content, body#page-ob-summary div#functions {float: left; width: 999px} body.template-property div#global div#content {margin-top: 30px; margin-bottom: 0px; width: 700px; padding-bottom: 0; border-bottom: none} body.template-property div#global div#functions {padding-top: 0px; border-top: none} body.template-page-searchres div#global div#functions.loading, body#search div#global div#functions.loading {opacity: 0.5} body#search div#global div#content h1, .template-page-searchres div#global div#content h1, body#page-request div#global div#content h1, body#page-ob-summary div#global div#content h1 {margin-bottom: 0px; font-size:24px} #search_no_result {margin-top: 20px} /* = PRICE ----------------------------------------------------*/ div.price, body#page-request .price > div {position: relative; height: 25px; line-height: 25px} body.template-property div.price, body#page-request .price.x-weekly > div, body#page-ob-summary div.price {height: auto} body#search div.price.nodates > span, .template-property .price > span.altprice-text, body.template-page-searchres div.price.nosearch > span, body#search div.price.notenabled > span {display: block; text-align: right; margin-right: 30px; cursor: default; font-size: 14px} body#search div.price.nodates > span .amount, .template-property .price > span.altprice-text .amount, body.template-page-searchres div.price.nosearch > span .amount, body#search div.price.notenabled > span .amount {font-weight: bold} .template-property .price > span.altprice-text {margin-right: 70px;} /*----- WEEKLY -----*/ body#search div.price.x-weekly {padding: 3px; overflow: hidden;} body#search div.price.x-weekly:hover {height: auto} body#search div.price.x-weekly span {display: block; float: none; line-height: 25px; background: url(../img/arrow-down.png) no-repeat 165px center;} body#search div.price.x-weekly div {font-size: 0.8em; padding:10px; margin: 5px 17px 0 0; background: #F3F3F3; border: 1px solid #707070;} .price h4, div.price > span, body#page-request tbody .price div > span.rent-and-discounts-and-fees {display: none; float: left; margin: -2px 20px 0 0; font-size: 16px; cursor: pointer} div.price.nodates > span {display:block;} body.template-property .price .nightly-rent {cursor: default} body#page-request tbody .price div > span {padding-left: 20px; background: url(../img/arrow-down.png) no-repeat left center} body#page-request tbody .price.notenabled div > span {background-image:none;} body#search span.nightly-rent {padding-right: 20px; background: url(../img/arrow-down.png) no-repeat right center} body#search div.price h4 {font-size: 14px} .price h4, div.price > span, body#page-request tbody .price div > span {float:none} /*Visibility*/ /* = Search */ body#search div.price h4.nightly-rent, body#search div.price span.nightly-rent, /* = Property */ body.template-property div.price h4.nightly-rent, body.template-property div.price span.nightly-rent, /* = Request */ body#page-request .price h4.rent-and-discounts, body#page-request .price span.rent-and-discounts {display: block; font-size: 15px} body.template-property div.price span.nightly-rent {float:none} body#search div.price h4.rent-and-discounts {float:left; width:80px; font-size:0.8em !important; text-align: right} body#search div.price h4.nightly-rent, .price h4 {float: left; font-size: 16px; font-weight: bold; margin: 0px 8px 0 0; text-align: right} body.template-property div.price span.nightly-rent {float:none} body.template-property div.price h4.nightly-rent, body.template-property div.price span.nightly-rent {font-size: 1.3em; line-height: 20px} body#page-ob-summary div#functions_blocks div#ob_info .price table {background: none repeat scroll 0 0 #F3F3F3; color: #333333; border-collapse: collapse; display:block; line-height: 23px; padding: 10px 0; width: 248px; z-index: 9999} body#page-ob-summary #functions.loading div#functions_blocks div#ob_info .price table {opacity: 0.7} .price table {display: none; width: 200px; padding: 10px 0px; line-height: 23px; border-collapse: collapse; z-index:9999; background: #f3f3f3; border: 1px solid #707070; color: #333; border-radius: 3px; -moz-border-radius: 3px} body.template-property div.price table {width: 242px} body.template-property div.price table, body#page-ob-summary .price table {display: table; clear: both} /* IE7 */ *:first-child+html body.template-property div.price table, *:first-child+html body#page-ob-summary div.price table {display: block} .price:hover table {display: table; position: absolute; left: 0px; top: 27px; z-index: 3} /* IE7 */ *:first-child+html .price:hover table {display: block} body.template-property div.price:hover table, body#page-ob-summary .price:hover table {position: static} body#page-request .price table {border: 1px solid #707070} .price table caption {display: none; margin-bottom: 10px; font-weight: bold; font-size: 20px!important} .price table tr th {width: 150px; padding-left: 10px; text-align: left; font-weight: normal} .price table tr td {width: 80px; padding-right: 10px; text-align: right} /*All rows - Invisible*/ .price table tr.rent, .price table tr.discount, .price table tr.total-discounts, .price table tr.rent-and-discounts, .price table tr.fee, .price table tr.total-fees, .price table tr.total-all, .price table tr.deposit, .price table tr.ob-amount {display: none} /*Visibility*/ /* = SEARCH */ body#search div.price table tr.rent, body#search div.price table tr.discount, body#search div.price table tr.rent-and-discounts, /* = PROPERTY */ body.template-property div.price table tr.rent, body.template-property div.price table tr.discount, body.template-property div.price table tr.rent-and-discounts, body.template-property div.price table tr.fee, body.template-property div.price table tr.total-fees, body.template-property div.price table tr.total-all, /* = REQUEST */ body#page-request .price table tr.rent, body#page-request .price table tr.discount, body#page-request .price table tr.rent-and-discounts, body#page-request .price table tr.fee, body#page-request .price table tr.total-fees, body#page-request .price table tr.total-all, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.rent, body#page-ob-summary div.price table tr.discount, body#page-ob-summary div.price table tr.rent-and-discounts, body#page-ob-summary div.price table tr.fee, body#page-ob-summary div.price table tr.total-fees, body#page-ob-summary div.price table tr.total-all, body#page-ob-summary div.price table tr.deposit, body#page-ob-summary div.price table tr.ob-amount {display: table-row} /* IE7 */ *:first-child+html body#search div.price table tr.rent, *:first-child+html body#search div.price table tr.discount, *:first-child+html body#search div.price table tr.rent-and-discounts, *:first-child+html body.template-property div.price table tr.rent, *:first-child+html body.template-property div.price table tr.discount, *:first-child+html body.template-property div.price table tr.rent-and-discounts, *:first-child+html body.template-property div.price table tr.fee, *:first-child+html body.template-property div.price table tr.total-fees, *:first-child+html body.template-property div.price table tr.total-all, *:first-child+html body#page-request .price table tr.rent, *:first-child+html body#page-request .price table tr.discount, *:first-child+html body#page-request .price table tr.rent-and-discounts, *:first-child+html body#page-request .price table tr.fee, *:first-child+html body#page-request .price table tr.total-fees, *:first-child+html body#page-request .price table tr.total-all, *:first-child+html body#page-ob-summary div.price table tr.rent, *:first-child+html body#page-ob-summary div.price table tr.discount, *:first-child+html body#page-ob-summary div.price table tr.rent-and-discounts, *:first-child+html body#page-ob-summary div.price table tr.fee, *:first-child+html body#page-ob-summary div.price table tr.total-fees, *:first-child+html body#page-ob-summary div.price table tr.total-all, *:first-child+html body#page-ob-summary div.price table tr.deposit, *:first-child+html body#page-ob-summary div.price table tr.ob-amount {display: block} /*Special rows*/ /* = SEARCH */ body#search div.price table tr.discount th, body#search div.price table tr.discount td, /* = PROPERTY */ body.template-property div.price table tr.discount th, body.template-property div.price table tr.discount td, /* = REQUEST */ body#page-request .price table tr.discount th, body#page-request .price table tr.discount td, /* = ONLINE BOOKING */ body#page-ob-summary .price table tr.discount th, body#page-ob-summary .price table tr.discount td {padding-bottom: 7px} /* = PROPERTY */ body.template-property div.price table tr.fee th, body.template-property div.price table tr.fee td, /* = REQUEST */ body#page-request .price table tr.fee th, body#page-request .price table tr.fee td, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.fee th, body#page-ob-summary div.price table tr.fee td, body#page-ob-summary div.price table tr.deposit th, body#page-ob-summary div.price table tr.deposit td {padding-top: 5px!important} body#page-ob-summary div.price table tr.deposit th, body#page-ob-summary div.price table tr.deposit td {padding-bottom: 10px!important} /* = PROPERTY */ body.template-property div.price table tr.total-fees th, body.template-property div.price table tr.total-fees td, /* = REQUEST */ body#page-request .price table tr.total-fees th, body#page-request .price table tr.total-fees td, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.total-fees th, body#page-ob-summary div.price table tr.total-fees td, body#page-ob-summary div.price table tr.total-services th, body#page-ob-summary div.price table tr.total-services td {padding-top: 3px; border-top: 1px solid; font-weight: bold; border-color: #AAAAA7} /* = SEARCH */ body#search div.price table tr.rent-and-discounts, /* = PROPERTY */ body.template-property div.price table tr.rent-and-discounts, body.template-property div.price table tr.total-all, /* = REQUEST */ body#page-request .price table tr.rent-and-discounts, body#page-request .price table tr.total-all, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.rent-and-discounts, body#page-ob-summary div.price table tr.total-all, body#page-ob-summary div.price table tr.ob-amount {padding: 3px 5px; background: #686868; color: #fff} /* = SEARCH */ body#search div.price table tr.discount, /* = PROPERTY */ body.template-property div.price table tr.discount, /* = REQUEST */ body#page-request .price table tr.discount, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.discount {color: #red} /* = SEARCH */ body#search div.price table tr.rent-and-discounts th, body#search div.price table tr.rent-and-discounts td, /* = PROPERTY */ body.template-property div.price table tr.rent-and-discounts th, body.template-property div.price table tr.rent-and-discounts td, body.template-property div.price table tr.total-all th, body.template-property div.price table tr.total-all td, /* = REQUEST */ body#page-request .price table tr.rent-and-discounts th, body#page-request .price table tr.rent-and-discounts td, body#page-request .price table tr.total-all th, body#page-request .price table tr.total-all td, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.rent-and-discounts th, body#page-ob-summary div.price table tr.rent-and-discounts td, body#page-ob-summary div.price table tr.total-all th, body#page-ob-summary div.price table tr.total-all td, body#page-ob-summary div.price table tr.ob-amount th, body#page-ob-summary div.price table tr.ob-amount td {font-weight: bold} body#search div.price span.rent-and-discounts, body#search div.price span.nightly-rent, body.template-property div.price span.rent-and-discounts, body.template-property div.price span.nightly-rent, body#page-ob-summary div.price span.rent-and-discounts, body#page-ob-summary div.price span.nightly-rent {color: #494949} body#search div.price span.nightly-rent {float:left; width:70px; font-weight:bold; font-size: 16px; text-align: right} body#search div.price span.rent-and-discounts {float:left; font-weight:bold; font-size:0.8em !important; text-align: right} body#search div.price.discount span.nightly-rent, body.template-property div.price.discount span.nightly-rent {color: red} /* = PROPERTY */ body.template-property div.price table tr.ob-amount, /* = REQUEST */ body#page-request .price table tr.ob-amount, /* = ONLINE BOOKING */ body#page-ob-summary div.price table tr.ob-amount {background: #83AA59} .price table tr th .qt_x {margin-left: 10px;} /*------------------------------------------------------------------------------------------------------------------------------------------ ~Pages ------------------------------------------------------------------------------------------------------------------------------------------*/ /* = HOME ----------------------------------------------------*/ #page-home div#searchmenus {display: block} #page-home div#global div#pageimage, #page-home div#global div#content, #page-home div#global div#functions {width: 700px} #page-home h2 {border-bottom:1px solid #dbdbdb; padding-bottom:5px; margin: 15px 0px 15px} #page-home .block {margin-bottom: 10px} #page-home .block h3 {margin: 5px 0px 5px; border: none} #page-home .block .property {position: relative} #page-home .property p.paragraph {line-height: 20px; width: 420px; padding:10px; position: absolute; top: 0; left: 270px} #page-home .block em.view_details a {margin: 20px 0 0; width: 120px} #page-home .block div.price, #page-home .block div.information, #page-home .block div.availability_calendar, #page-home .block div.request_list, #page-home .block div.make_request {display: none} #slideshow {margin: 0px auto 30px; width: 700px; height: 369px; background:url(../img/slideshow-bg.jpg) no-repeat left bottom} #slideshow img {width:700px; height:355px} #nav {z-index: 50; position: absolute; bottom: -17px; right: 0} div#global div#content #nav a {background: none repeat scroll 0 0 #0096ff; display: block; float: left; font-size: 0.7em; margin: 0 2px; padding: 0 5px; text-align: center; text-decoration: none; color:#FFF} div#global div#content #nav a.activeSlide {background: #272624} div#global div#content #nav a:focus {outline: none} /* = SEARCH = LISTING ----------------------------------------------------*/ body.template-page-searchres div#searchmenus {display: block} body.template-page-searchres div#global div#pageimage, body.template-page-searchres div#global div#content, body.template-page-searchres div#global div#functions {width: 700px} body#search div#global div#functions div#functions_blocks div#list_view > h4:first-child, .template-page-searchres div#global div#content div#list_view > h4:first-child {display: none} .template-page-searchres div#global p#pagedescription {margin-bottom: 30px} body#search div#global div#functions div#functions_blocks div.block div.column div.availability_calendar, .template-page-searchres div#global div.availability_calendar, body#search div#global div#functions div#functions_blocks div.block div.column div.make_request, .template-page-searchres div#global div.make_request {display:none} body#search div#global div#functions div#functions_blocks div.block div.column div.request_list, .template-page-searchres div#global div.request_list {position: absolute; top: 230px; left: 5px; z-index: 1} body#search div#global div#functions div#functions_blocks div.block div.column div.request_list a, .template-page-searchres div#global div.request_list a {background:url(../img/icon-selection.png) no-repeat left 6px; padding: 0 0 0 23px; text-align: left; color: #0383DC; text-shadow: none; font-weight: normal; border-bottom: none;} body#search div#global div#functions div#functions_blocks div.block div.column div.request_list a:active, .template-page-searchres div#global div.request_list a:active {box-shadow: none;} body#search div#global div#functions div#functions_blocks div.block div.column div.request_list a.in_list, .template-page-searchres div#global div.request_list a.in_list {background-position: left -20px} body#search div#global div#functions div#functions_blocks div.block div.column, body#search div#global div#functions div#functions_blocks div.block div.column h3, .template-page-searchres div#global div#content div.block div.column, .template-page-searchres div#global div#content div.block div.column h3 {border-color: #D0CBB5; background:#f8f7f5; width:100%} body#search div#global div#functions div#functions_blocks div.block div.column, .template-page-searchres div#global div#content div.block div.column {padding:10px 10px 0 10px; min-height: 250px;} em.view_details a, p.paragraph em a {margin: 20px 0 0; float: right} #functions_blocks h3 {font-size:1.5em} #price calcprice {display:none} /* = Alert */ body#search div#global div#functions div#functions_blocks div.alert, .template-page-searchres div#global div#content div.alert {margin: 0px 0px 15px; padding: 20px 10px; border-bottom: 0px solid} div#global div#functions div#functions_blocks div.alert {background: #f8f7f5; border-color: #5F8133} div#global div#functions div#functions_blocks div.alert p {color: #b3b3b3} body#search div#global div#functions div#functions_blocks div.block.cols-1, .template-page-searchres div#global div#content div.block.cols-1 {margin: 10px 0px 18px; border-top:solid 1px #dbdbdb} body#search div#global div#functions div#functions_blocks div.block.cols-1 p.notice, .template-page-searchres div#global div#content div.block.cols-1 p.notice {display: none} body#search div#global div#functions div#functions_blocks div.block div.column, .template-page-searchres div#global div#content div.block div.column {position: relative; height: auto; border-bottom: 0px solid; overflow: hidden} body#search div#global div#functions div#functions_blocks div.block div.column h3, .template-page-searchres div#global div#content div.block div.column h3 {border-bottom: 0 solid; font-size: 20px; line-height: 25px; margin: 0 0 0 280px; padding-bottom: 11px; width: 250px} body#search div#global div#functions div#functions_blocks div.block div.column div.price, .template-page-searchres div#global div#content div.block div.column div.price {position: absolute; right: 0px; top: 15px; width: 220px} body#search div#global div#functions div#functions_blocks div.block div.column div.price.x-weekly, .template-page-searchres div#global div#content div.block div.column div.price.x-weekly {width: 200px; padding-left: 10px} body#search div#global div#functions div#functions_blocks div.block div.column div.price.discount, .template-page-searchres div#global div#content div.block div.column div.price.discount {background: url(../img/icon-discount.png) no-repeat 173px center;} body#search div#global div#functions div#functions_blocks div.block div.column div.price.discount span.nightly-rent, .template-page-searchres div#global div#content div.block div.column div.price.discount span.nightly-rent {background: none} body#search div#global div#functions div#functions_blocks div.block div.column div.price span.rent, .template-page-searchres div#global div#content div.block div.column div.price span.rent {margin-right: 50px} body#search div#global div#functions div#functions_blocks div.block div.column div.imageblock, .template-page-searchres div#global div#content div.block div.column div.imageblock {float: left; margin-right: 20px; position: absolute!important; top: 14px!important; left: 14px!important; overflow: hidden} body#search div#global div#functions div#functions_blocks div.block div.column div.information, .template-page-searchres div#global div#content div.block div.column div.information {margin: 15px 0px 20px 260px; overflow: hidden; padding:0 20px;} body#search div#global div#functions div#functions_blocks div.block div.column div.information h3, .template-page-searchres div#global div#content div.block div.column div.information h3 {display: none} body#search div#global div#functions div#functions_blocks div.block div.column div.information div.features dl dt, body#search div#global div#functions div#functions_blocks div.block div.column div.information div.features dl dd, .template-page-searchres div#global div#content div.block div.column div.information div.features dl dt, .template-page-searchres div#global div#content div.block div.column div.information div.features dl dd {float: left; width: 145px; height: 23px; line-height: 23px} body#search div#global div#functions div#functions_blocks div.block div.column div.information div.features dl dd, .template-page-searchres div#global div#content div.block div.column div.information div.features dl dd {float: right; clear: right; width: 140px; text-align: right; font-weight: bold} body#search div#global div#functions div#functions_blocks div.block div.column div.information div.features.e-2 dl dt, .template-page-searchres div#global div#content div.block div.column div.information div.features.e-2 dl dt {width: 180px} body#search div#global div#functions div#functions_blocks div.block div.column div.information div.features.e-2 dl dd, .template-page-searchres div#global div#content div.block div.column div.information div.features.e-2 dl dd {width: 210px} body#search div#global div#functions div#functions_blocks div.block div.column div.information .clear, .template-page-searchres div#global div#content div.block div.column div.information .clear {display: none} body#search div#global div#functions div#functions_blocks div.block div.column p.paragraph, .template-page-searchres div#global div#content div.block div.column p.paragraph {float: left; line-height: 20px; margin: 0px 20px 20px 280px; min-width: 400px;} p.paragraph span {display:block;} body#search div#global div#functions div#functions_blocks div.block div.column div.availability_calendar, body#search div#global div#functions div#functions_blocks div.block div.column div.ob, .template-page-searchres div#global div#content div.block div.column div.availability_calendar, .template-page-searchres div#global div#content div.block div.column div.request_list, .template-page-searchres div#global div#content div.block div.column div.make_request {float: left; margin: 0px 20px 0px auto} body#search div#global div#functions div#functions_blocks div.block div.column div.ob {margin: -45px 33px 0 350px} body#search div#functions_blocks div.ob a {margin: 0px 0 0; text-shadow: 0 0 0; border: none; background: url(../img/ob-bg.png) no-repeat 0 0; width: 145px; height: 26px; padding: 0} body#search div#functions_blocks div.ob a:hover {background-position: 0 -26px} body#search div#functions_blocks div.ob a span {display: none} /* = PROPERTY ----------------------------------------------------*/ body.template-property div#global div#pageimage {margin: 40px 0 20px 0} body.template-property div#global div#content h1 {margin-bottom: 0px; font-size:1.8em; /*border-bottom:1px solid #dbdbdb;*/ padding:0 0 5px 0; background: url(../img/bg.jpg) repeat-x; padding:10px 20px; color: #FFF; -moz-border-radius: 1em; border-radius: 1em; box-shadow: 3px 3px 3px #888888} body.template-property div#global div#content h2 {padding-bottom: 5px; border-bottom: 1px solid} body.template-property div#global div#content h2, body.template-property div#global div#content div.information div.features {border-color: #dbdbdb} body.template-property div#global div#functions #functions_blocks #availability_and_price div.availability {background: #83AA59; color: #fff} body.template-property div#global div#functions #functions_blocks #availability_and_price div.availability.notavailable {background: none; color: red; background:url(../img/icon-warning.png) no-repeat; padding: 0 0 0 25px} body.template-property div#global div#functions #functions_blocks #availability_and_price div.availability.available-x-stay {background: red; color: red; background:url(../img/icon-warning.png) no-repeat; padding: 0 0 0 25px} body.template-property div#global div#content div.block {margin: 10px 0px 30px} body.template-property div#global div#content div.block iframe {width: 100%} body.template-property div#global div#content div.block ul.list {margin: 0px; padding: 0px} body.template-property div#global div#content div.block ul.list li {float: left; margin: 0px 6px; width: 195px; height: 26px; padding: 0px 0px 0px 25px; line-height: 26px; background: url(../img/icon-check.png) no-repeat 4px 5px; list-style: none} body.template-property div#global div#content div.block ul.list li:hover {background-color: #f3f3f3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px} body.template-property div#global div#content div.information h3 {display: none} body.template-property div#global div#content div.information div.features {border-top: 0px solid} body.template-property div#global div#content div.information div.features.e-1 {float: left; width: 380px; background: #F4F4F4; border: 1px solid #DFDFDF;} body.template-property div#global div#content div.information div.features.e-2 {/* float: right; */ width: 250px} body.template-property div#global div#content div.information dl dt.odd, body.template-property div#global div#content div.information dl dd.odd {background:#FBFBFB;} body.template-property div#global div#content div.information dl dt, body.template-property div#global div#content div.information dl dd {height: 25px; padding: 5px 10px; line-height: 25px} body.template-property div#global div#content div.information dl dt {float: left; width: 90px} body.template-property div#global div#content div.information dl dd {float: right; width: 250px; font-weight: bold; text-align: right} body.template-property div#global div#content div.information div.features.e-2 dl dt {width: 100px} body.template-property div#global div#content div.information div.features.e-2 dl dd {width: 150px} body.template-property div#global div#functions {position: static} body.template-property div#global div#functions div#functions_menu {position: absolute; top: 700px; right: 300px}*/ body.template-property div#global div#functions div#functions_menu ul li {clear: none; margin-bottom: 10px; width: 175px; line-height: 16px;} body.template-property div#global div#functions div#functions_menu ul li#request_list_menu a {background:url(../img/icon-selection.png) no-repeat left 5px; padding: 0 0 0 23px; color:#0383DC; text-shadow: none; font-weight:normal; border-bottom:none; text-align: left} body.template-property div#global div#functions div#functions_menu ul li#request_list_menu a:active, body.template-property div#global div#functions div#functions_menu ul li#availability_calendar_menu a:active {box-shadow: none;} body.template-property div#global div#functions div#functions_menu ul li#request_list_menu a.in_list {background-position: left -21px;} body.template-property div#global div#functions div#functions_menu ul li#availability_calendar_menu a {background: url(../img/icon-calendar.png) no-repeat left 1px; padding: 0 0 0 23px; color:#0383DC; text-shadow: none; font-weight:normal; border-bottom:none; text-align: left} body.template-property div#global div#functions div#functions_menu ul li#make_request_menu a, body.template-property div#global div#functions div#functions_menu ul li#make_request_menu a.in_list {width: 90px} body.template-property div#global div#functions #functions_blocks #availability_and_price {display: block; position: absolute; right: 0px; top: 635px; width: 242px; z-index: 50} body.template-property div#global div#functions #functions_blocks #availability_and_price h3 {margin-top: 0px} body.template-property div#global div#functions #functions_blocks #availability_and_price div.price h4, body.template-property div#global div#functions #functions_blocks #availability_and_price div.price span {margin-bottom: 15px} body.template-property div#global div#functions #functions_blocks #availability_and_price div.price.discount {background: url(../img/icon-discount.png) no-repeat 218px top;} body.template-property div#global div#functions #functions_blocks #availability_and_price div.ob {clear: both;} body.template-property div#global div#functions #functions_blocks #availability_and_price div.ob a {margin:0;} body.template-property div#global div#functions #functions_blocks #availability_and_price div.dates form input {width: 100%} body.template-property div#global div#functions #functions_blocks #availability_and_price div.availability {padding: 10px} body.template-property div#global div#functions #functions_blocks #availability_and_price div.availability div {margin: 10px 0px 0px} body.template-property div#global div#functions div#availability_calendar {width: 650px} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container {width: 100%!important} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container div.kigo_calendar {width: 100%!important} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container div.days {width: 650px!important} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container div.months {width: 80px!important} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container div.month {width: 80px!important} body.template-property div#global div#functions div#availability_calendar .close {display: none} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls {margin-top: 10px} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls a {display: block; width: 20px; height: 20px; border: none; padding: 0px; cursor: pointer; background: url(../img/calendar/arrows.png) no-repeat} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls a span {display: none} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls .forward {float: right} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls .forward a {background-position: right bottom} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls .forward a.disabled {background-position: right top} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls .back {float: left} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls .back a {background-position: left bottom} body.template-property div#global div#functions div#availability_calendar div#availability_calendar_container .controls .back a.disabled {background-position: left top} /* = REQUEST ----------------------------------------------------*/ body#page-request div#global div#functions form fieldset#fieldset-dates input {width: 200px} body#page-request div#global div#functions form fieldset#fieldset-guests {overflow: hidden; display:none;} body#page-request div#global div#functions form fieldset#fieldset-guests p.input_element {float: left; margin: 0px 30px 0px 0px;} body#page-request div#global div#functions form fieldset#fieldset-guests select {width: 100px} body#page-request div#global div#functions form div.requested_properties, body#page-request div#global div#functions form div.visited_properties {padding: 15px; border: 1px solid; background:#F3F3F3; border-color: #E4E4E4} body#page-request div#global div#functions form div.requested_properties > table, body#page-request div#global div#functions form div.visited_properties > table {width: 100%} body#page-request div#global div#functions form div.visited_properties table thead, body#page-request div#global div#functions form div.requested_properties table thead {font-size:13px; background:#DFDFDF; color: #11101A} body#page-request div#global div#functions form div.visited_properties table td, body#page-request div#global div#functions form div.requested_properties table td {padding: 10px; vertical-align: top} body#page-request div#global div#functions form div.requested_properties table td.property {width: 150px} body#page-request div#global div#functions form div.requested_properties table td.property img {display: block; width: 150px} body#page-request div#global div#functions form div.requested_properties table td.property a:hover img {display: block; left: 0px; top: 25px} body#page-request div#global div#functions form div.requested_properties table td.availability, body#page-request div#global div#functions form div.visited_properties table td.availability {width: 150px} body#page-request div#global div#functions form div.requested_properties table td.price, body#page-request div#global div#functions form div.visited_properties table td.price {width: 200px} body#page-request div#global div#functions form div.visited_properties table thead td.add span {display:none} body#page-request div#global div#functions form div.visited_properties table td.property {width: 150px} body#page-request div#global div#functions form div.visited_properties table td.property a {position: relative} body#page-request div#global div#functions form div.visited_properties table td.property a img {display:none; width: 150px; position: absolute; top: 0px; right: -230px; border: solid 2px #FFF} body#page-request div#global div#functions form div.visited_properties table td.property a:hover img {display: block; clear:both; margin-bottom:5px; z-index: 999} body#page-request div#global div#functions form div.visited_properties table td.price table td, body#page-request div#global div#functions form div.requested_properties table td.price table td {padding: 8px} body#page-request div#global div#functions form div.visited_properties table td.add, body#page-request div#global div#functions form div.requested_properties table td.remove {width: 100px; text-align: center} body#page-request div#global div#functions form div.visited_properties table td.choice select, body#page-request div#global div#functions form div.requested_properties table td.choice select {width: 50px} body#page-request div#global div#functions div#request_submitting {display: none} /* = ONLINE BOOKING ----------------------------------------------------*/ #page-ob-summary div#functions div#make_ob div#ob_form {float: right; width: 680px} #page-ob-summary div#functions div#make_ob div#ob_form form {margin-bottom: 20px} #page-ob-summary div#ob_info {margin-bottom: 50px; width: 250px; overflow: hidden} #page-ob-summary div#ob_info h4 {display:none} #page-ob-summary div#ob_info a {display: block; margin-bottom: 10px; font-size: 20px; line-height: 25px} #page-ob-summary div#ob_info a img {display: block; width: 250px; margin-top:15px} #page-ob-summary div#ob_info div.summary-dates, #page-ob-summary div#ob_info div.summary-guests {margin: 10px 0px; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; background: #e9e9e9; border-color: #DED7BC; display: none} #page-ob-summary div#ob_info div.summary-dates table, #page-ob-summary div#ob_info div.summary-guests table {width: 100%; line-height: 27px; text-align: left;} #page-ob-summary div#ob_info div.summary-dates table caption, #page-ob-summary div#ob_info div.summary-guests table caption {display: none; margin-bottom: 10px; font-weight: bold; font-size: 20px!important} #page-ob-summary div#ob_info div.summary-dates table tr th, #page-ob-summary div#ob_info div.summary-guests table tr th {width: 90px} #page-ob-summary div#ob_info div.summary-dates table tr td, #page-ob-summary div#ob_info div.summary-guests table tr td {text-align: right} #page-ob-summary div#ob_info div.summary-guests table .n_total {display: none} /* -------- */ /* SERVICES */ /* -------- */ body#page-ob-summary div#global div#functions form div#ob_services {padding: 15px; border: 1px solid; background:#F3F3F3; border-color: #E4E4E4} body#page-ob-summary div#global div#functions form div#ob_services > table {width: 100%} body#page-ob-summary div#global div#functions.loading form div#ob_services {opacity: 0.7} body#page-ob-summary div#global div#functions form div#ob_services table thead {font-size:13px; background:#DFDFDF; color: #11101A} body#page-ob-summary div#global div#functions form div#ob_services table td {padding: 10px; vertical-align: top} body#page-ob-summary div#global div#functions form div#ob_services table td.service {width: 250px} body#page-ob-summary div#global div#functions form div#ob_services table td.price {width: 120px} body#page-ob-summary div#global div#functions form div#ob_services table td.quantity {width: 100px} body#page-ob-summary div#global div#functions form div#ob_services table td.quantity select {width: 50px} body#page-ob-summary div#global div#functions form div#ob_services table td.toggle {width: 80px} body#page-ob-summary div#global div#functions form div#ob_services table td.toggle a {background: url(../img/icon-selection.png) no-repeat left 2px; padding: 0 0 0 23px; } body#page-ob-summary div#global div#functions form div#ob_services table td.toggle.remove a {background-position: left -24px;} /* ------- */ /* BUTTONS */ /* ------- */ #page-ob-summary #ob_form .submit {margin-bottom: 20px; line-height: 35px;} #page-ob-summary #ob_form .submit .buttons {float: right; margin: 0px;} /* = FOOTER ----------------------------------------------------*/ div#footer {margin: 25px 0px 20px 0; width: 955px; padding: 15px 20px; height: auto; min-height: 67px; overflow: hidden; /*background:url(../img/footer-bg.jpg) left top repeat-x #272624;*/ background:url(../img/bg.jpg) left top repeat-x #272624; position:relative; moz-border-radius: 1em; border-radius: 1em; box-shadow: 3px 3px 3px #888888;} div#footer a {color:#fff} div#footer a:hover {background:none} div#footer ul li {display: block} div#footer #secondarymenu {display: block; width: 960px; border-bottom: 1px solid #707070; padding-bottom: 15px} div#footer ul#secondarymenu {float: left} div#footer ul#secondarymenu li {float: left; padding: 0 15px 0 15px; border-right: 1px solid #707070} div#footer ul#secondarymenu li.first {padding: 0 15px 0 0} div#footer ul#secondarymenu li.last {padding: 0 0 0 15px; border: none} div#footer div#kigomenu {position: absolute; right: 20px; top: 50px} div#footer #kigomenu ul li {float:none; width:auto} div#footer ul li#kigo_messages-1 a {display:block; width:200px; height:51px; overflow:hidden; font-size:13px; line-height:45px; background:url(../img/kigo-logo.png) no-repeat right -5px; padding-right:65px} div#footer #linksmenu {float:left; width:755px; padding-top: 15px} div#footer #linksmenu ul {float: left} div#footer #linksmenu ul li {float: left; margin: 0px 15px 0px 0px} div#footer #linksmenu ul li a {color:#9f9f9f} /*------------------------------------------------------------------------------------------------------------------------------------------ ~Calendars ------------------------------------------------------------------------------------------------------------------------------------------*/ /* = DROPDOWN = CALENDAR ----------------------------------------------------*/ .calendar {background: #F8F7F5; color: #464331; font-size: 11px; position: relative; display: none; cursor: default; z-index: 700} .calendar table {background: #F8F7F5; border-color: #F8F7F5; color: #464331; font-size: 11px; border-collapse: separate; border: 1px solid; cursor: default} .calendar .nav, .calendar .button {background: #272624; color: #333; padding: 1px; border: none; text-align: center} .calendar .button div {color: #fff; text-align:center} .calendar thead .title {background: #F8F7F5; color: #333; border: none; font-weight: bold; padding: 1px; text-align: center} .calendar thead .name {background: #F8F7F5; color: #333; padding: 2px; text-align: center} .calendar thead .hilite {background: #fff; color: #333; border-top: 1px solid; padding: 0} .calendar thead .hilite div {color: #333} .calendar thead .weekend {color: #464331} .calendar thead .active {padding: 2px 0px 0px 2px} .calendar tbody .day {color: #333; padding: 2px 4px 2px 2px; text-align: right; width: 2em} .calendar tbody .day.othermonth {color: #AAAAAA; font-size: 80%} .calendar tbody .day.othermonth.oweekend {color: #FFAAAA} .calendar table .wn {background: #F8F7F5; padding: 2px 3px 2px 2px; border-right: 1px solid} .calendar tbody .rowhilite td {background: #F8F7F5} .calendar tbody .rowhilite td.wn {background: #F8F7F5} .calendar tbody td.hilite {border-color: #83AA59; border: 1px solid; padding: 1px 3px 1px 1px} .calendar tbody td.active {border-color: #83AA59; border: 1px solid; padding: 2px 2px 0px} .calendar tbody td.selected {background: #272624; border-color: #272624; color:#fff!important; border: 1px solid; font-weight: bold; padding: 2px 2px 0px} .calendar tbody td.weekend {color: #333333} .calendar tbody td.today {color: #fff; font-weight: bold} .calendar tbody .emptycell {visibility: hidden} .calendar tbody .emptyrow {display: none} .calendar tbody .disabled {color: #D4D1C2} .calendar tfoot tr {background: #272624; color: #fff} .calendar tfoot .ttip {border: 1px solid; padding: 1px; text-align: center} .calendar tfoot .hilite {border-top: 1px solid; padding: 1px} .calendar tfoot .active {border-top: 1px solid; padding: 2px 0px 0px 2px} .calendar .combo {display: none; background: #fff; border-color: #83AA59; position: absolute; display: none; left: 0px; top: 0px; padding: 1px; border-top: 1px solid; cursor: default; font-size: 90%; width: 4em; z-index: 750} .calendar .combo .label, .calendar .combo .label-IEfix {padding: 1px; text-align: center} .calendar .combo .label-IEfix {width: 4em} .calendar .combo .active {background: #272624; border-color: #83AA59; border-top: 1px solid; padding: 0px} .calendar .combo .hilite {background: #272624; color: #fff} .calendar td.time {background: #272624; border-color: #83AA59; border-top: 1px solid; padding: 1px 0px; text-align: center} .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {background: #fff; border-color: #83AA59; padding: 0px 3px 0px 4px; border: 1px solid; font-weight: bold} .calendar td.time .ampm {text-align: center} .calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold} .calendar td.time span.hilite {background: #272624; border-color: #83AA59; color: #fff} .calendar td.time span.active {background: #272624; border-color: #83AA59; color: #fff} /* = CALENDARS ----------------------------------------------------*/ #availability_calendar {position: relative; display: block; margin-bottom: 30px; padding: 0px; background: url(../img/calendar/calendar-legend.png) no-repeat center bottom} .mh, .mc, .oh, .oc, .s, .eom, .month, .n {float: left; height: 18px} .boh, .eoh, .boc, .eoc, .bmh, .emh, .bmc, .emc, .bs, .es, .bn, .en {float: left; width: 9px!important; height: 18px} .kigo_calendar .day {display: table-cell; float: left; width: 18px; height: 18px; overflow: hidden; line-height: 18px; text-align: center; font-size: 11px; background: url(../img/calendar/bg-day.png); vertical-align: middle; color: #fff} #appheader div.middle, #appheader div.first, #appheader div.last {background-image: none} .month, .months {padding-right: 10px; overflow: hidden; line-height: 18px; text-align: right; font-size: 12px; font-weight: bold; color: #fff; background: url(../img/calendar/bg-month.png)} .month {clear: left} .months {float: left} .reservations {float: left; background: url(../img/calendar/block-bg-small.png)} .clickable {cursor: pointer} /*.mh, .mc, .en, .bmc, .emc {background: url(../img/calendar/bg-day-reserved.png)}*/ .mh, .mc, .emc {background: url(../img/calendar/bg-day-reserved.png)} .bmc {background: url(../img/calendar/bg-day-reserved.png); background-position:right} .en {background-repeat: no-repeat; background-position: left top} .tooltip {font-size: 7pt} .ttAgency, .ttFreeArea {font-weight: bold} .ttGuest {text-decoration: underline} #calendar_container .start_end_block {float: left!important} /*------------------------------------------------------------------------------------------------------------------------------------------ ~IE6 ------------------------------------------------------------------------------------------------------------------------------------------*/ * html div#global div#mainmenus ul li.first {margin-left: 0px} * html body#search div#global div#functions div#functions_blocks div.block div.column div.availability_calendar, * html body#search div#global div#functions div#functions_blocks div.block div.column div.request_list, * html body#search div#global div#functions div#functions_blocks div.block div.column div.make_request {display: inline} /*-----------------------------------------------------------------------------------------------------*/ #kigomenu {display : none} .eom { background: url(../img/calendar/bg-day-eom.png); } html { background: url(../img/bg.jpg) repeat-x ; } body { } div#requestmenus { display: none; } body.template-property div#searchmenus { display:none; } div#block-2{ width:700px; } img.kg-image{ border:2px solid #dbdbdb; moz-border-radius: 1em; border-radius: 1em; box-shadow: 3px 3px 3px #888888; } div#pageimage_1 div.kg-container, div#pageimage_1 div.kg-container div.kg-imageZone{ height: 360px !Important ; } /*div#fullscreen_dgaspar_1, div#fullscreen_dgaspar_1 div.kg-container, div#fullscreen_dgaspar_1 div.kg-container div.kg-imageZone{ height: 574px !Important ; }*/ div#headerText{ position:absolute; left:200px; top: 0px; color: #FFF; display:none; width: 800px; height:90px; z-index: 999 } div#ht_rental{ position:absolute; left:0px; top: 10px; font-size:20px; text-shadow: 0.1em 0.1em 0.2em #333 } div#ht_stsauveur{ position:absolute; left:120px; top: 30px; font-size:35px; font-weight:bold; text-shadow: 0.1em 0.1em 0.2em #333; color: #e3d073 } div#ht_morinheights{ position:absolute; left:350px; top: 20px; font-size:25px; font-weight:bold; text-shadow: 0.1em 0.1em 0.2em #333; color: #fff4a3} div#ht_laurentides{ position:absolute; left:470px; top: 60px; text-shadow: 0.1em 0.1em 0.2em #333; color: #e3d383 } .make_request span{ font-size:30px !important; padding:20px !important; } #availability_calendar_menu{ display:none; } #functions_menu #make_request_menu a{ position:relative; top:103px; width:150px !important; } #functions_menu #make_request_menu span{ width:150px !important; } #functions .ob a{ font-size:20px; letter-spacing:2px; padding: 10px 0 10px 0 !important; width:100%; text-align:center !important; background-image:none !important; color:#fff !important; } .dates .e-2{ margin-top:20px !important; } .dates legend{ margin:0 !important; padding:0 !important; }