/* -------------------------------------------------------------- COPYRIGHT - GENKAN CREATIVE 2015 -------------------------------------------------------------- */ /*---------------------------------------- Gallery ----------------------------------------*/ #property_image_gallery{ width: 100%; height: 420px; } /*---------------------------------------- Property Overview Page -----------------------------------------------*/ .overview_main_img { float:left; margin:8px 8px 8px 0; width:450px; height:320px; border: 4px solid #2B2B2B; border-radius: 6px; position:relative; } .overview_main_img span.property_rating { margin:0; font-size:16px; position:absolute; width:auto; padding:6px 12px; background: rgba( 255, 255, 255, 0.6 ); color:#111; font-weight:bold; float:left; top:4px; left:4px; box-shadow:0 0 3px #555; text-shadow:1px 1px 1px #999; border-radius:3px;} .overview_main_img img{ width:450px; height:320px; } div#property_description { float:left; margin:0 0 0 12px; } div#property_description p{ text-align:justify; } div.property_features { width:100%; height:auto; clear:both; float:none; } div.property_features div.feature_name{ width: 17%; float: left; margin-right: 3%; } div.property_features div.feature_list{ width: 80%; float: left; } div.property_features_wrapper{ width: 99%; float: left; background-color: #f3f1f2; margin: 10px 0; padding: 1%; height: 95px; overflow: hidden; position: relative; border: 1px solid #CCC; } #propertyRatings > li{ margin: 10px 0 10px; font-weight: 300; font-size: 18px; float: none; width: 96% !important; margin-left: 25px; } ul#propertyRatings li b { font-size: 14px; font-weight: 300; } ul#propertyRatings li:first-of-type > b { font-weight: 300; font-size: 20px; margin-left: -25px; color: #686868; } ul#propertyRatings li:first-of-type { font-size: 25px; text-indent: 0px; color: #ea1515; } ul#propertyRatings li:first-of-type > i.fa.fa-star-o { display: none; } div.property_features_wrapper ul.property_features_item li{ float: left; height: 35px; list-style: none outside none; margin: 0 2% 0 0; width: 46%; font-size:14px; color: #777; } div.property_features_wrapper ul.property_features_item_single li { color: #777; float: left; font-size: 14px; height: 25px; list-style: none outside none; margin: 0 2% 0 0; width: 98%; } div.more_feature, div.more_rating{ position:absolute; right: 0; bottom: 0; width: 32px; height: 32px; cursor: pointer; } div.more_feature div.triangel , div.more_rating div.triangel { width: 0; height: 0; border-style: solid; border-width: 0 0 32px 32px; border-color: transparent transparent #e71e25 ; position: absolute; left: 0; top: 0; z-index: 1; } div.more_feature span ,div.more_rating span{ color: #FFF; font-size: 24px; position: absolute; right: 2px; bottom: 0; z-index: 2; } div#property_details h3.sub_title{ clear:both; float:left; font-size:18px; margin:16px 4px; } div#property_details div.main-content { margin-top: 0px; background: #ebebeb; } div#property_details div.container{ position: relative; } ul.property_features { background: #f3f2f2; border: 1px solid #dddbdb; display: inline-block; float: left; height: auto; padding-bottom: 15px; width: 30%; } ul.property_features h3{ margin:0 0 0 -14px;padding:0; } ul.property_features .list_tlt { padding-left: 15px; } ul.property_features li { margin-left: 30px; } #property_details .property_stats{ float:right; font-size:22px; margin: -5px 0 12px 0px; display: inline; } #property_details .property_stats span { float:left; font-size:22px; margin:0 0 12px 4px; } #property_details h2 { float:none; clear:both; color: #1e1e1e; font-size:24px; margin:8px 0; line-height:28px; font-weight: bold; } #property_details p.main_desc { clear:both; float:none; } p.arrival_instruc{ clear:both; float:none; margin:0 0 0 4px; } #property_details div.facilty_icons{ width:auto; height:auto; background:#FFF; border-radius:4px; border: 4px solid #2B2B2B; } #property_details div.facilty_icons > img { margin:4px 12px; } div.genkan_mosiac { width:100%; height:auto; clear:both; float:none; } span#property_details_menu{ font-size: 16px; margin-left: 120px; } span#property_details_menu > a { margin: 0 1em; } span#property_details_menu > a > span{ color: #FFF !important; } span#property_details_menu span.bullet { color: #943b3b; padding: 0 5px; } a.full-review{ float: right; } img.cr-img{ width: 100%; } div#property_details .main-inner{ padding: 0 25px !important; } div#property_details .entry{padding-bottom: 0 !important; } div#property_details .main-content{ padding-bottom: 25px; box-shadow: 0 1px 0 1px #d3d3d3; min-height: 500px; } div#property_details .entry-content{ padding:2em 1em; font-size: 16px; } div#cr-container{ float: left; width: 100%; } .flexslider .slides img{ min-height: 160px; } .amenities ul li{ float: left; width: 45% !important; margin-bottom: 15px !important; line-height: 16px; margin-left: 24px; } /*-------------------------------- Property Ratings ---------------------------------*/ ul#propertyRatings { list-style:none; width:100%; } /*div#quick-book{ background-color: #3a3a3a; float: left; height: 235px; margin-bottom: 30px; margin-left: -1px; width: 725px; z-index: 999; } div#quick-book div.inner-box{ width: 50%; float: left; } div#quick-book div.inner-box div.inner-box-row{ width: 100%; float: left; height: 135px; } div#quick-book div.inner-box div.overall-stat{ float: left; width: 100%; margin: 10px 0 10px 50px; color: #FFF; } div#quick-book div.inner-box h2{ color: #FFF; } div#quick-book div.inner-box address{ color: #ccc; font-size: 17px; line-height: 20px; margin: 60px 0 5px 40px; padding: 0 1em; } div#quick-book div#hasWifi{ width: 100%; float: left; margin: 10px 0; } div#quick-book div#hasWifi img{ margin-left: 50px; } div#quick-book h4.night{ width: 100%; font-size: 15px; text-align: left; font-weight: bold; color: #999; margin: 0 0 0 20px; } div#quick-book h4.price{ color: #e71e24; float: left; font-size: 24px; font-weight: bold; margin: 0 20px; padding-left: 30px; text-align: left; width: 100%; } */ div#property_info{ background: #ebebeb; } div#property_info div.content-left{ width: 65%; float: left; margin-right: 5%; } div#property_info div.content-right{ width: 30%; float: left; } div#overAllRating{ /*position: absolute; width: 210px; height: 90px; background-color: rgba(0,0,0,0.5); right: 18px; top: 122px; z-index: 999; padding-right: 40px; */margin-top: 21px; border-top: 1px solid #e1e1e1; } div#overAllRating h4.text{ /*color: #FFF; text-align: right; line-height: 12px; */ color: #444444; line-height: 30px; margin: 19px 0px 0px 0px; } div#overAllRating h4.score{ /*color: #FFF; text-align: right; font-size: 3em; font-weight: bold; */ color: #444444; font-size: 3em; margin: 0px; margin-top: 10px; } div#price_overlay{ position: absolute; width: 210px; height: 109px; background-color: rgba(0,0,0,0.7); right: 18px; top: 212px; z-index: 999; padding-right: 40px; text-align: right; } div#price_overlay .night{ color: #FFF; font-size: 22px; font-weight: bold; } div#price_overlay .price{ color: #fe4a4f; font-size: 45px; font-weight: bold; } div#review-shuffle{ width: 100%; float: left; z-index: 999; overflow: hidden; } div#review-shuffle div.review-item{ width: 100%; float: left; } div#quick-add-fav{ width: 250px; height: 80px; background-color: rgba(0,0,0,0.5); right: 18px; top: 18px; z-index: 999; overflow: hidden; position: absolute; padding-right: 40px; color: #fff; padding: 12px 0; font-size: 18px; text-align: center; } div#quick-add-fav div.overall-stat{ float: right; margin: 3px 20px 0 0; } div#quick-add-fav a{ color: #FFF !important; float: none !important; } div#quick-add-fav i{ color: #e61e24; font-size: 28px; margin-left: 13px; } div#quick-add-fav div.genkan_view_favs{ margin: 0 10px; font-size: 14px; } div#quick-add-fav div.genkan_view_favs a { color: #fe4a4f !important; } div#quick-add-fav div.genkan_view_favs{ background: transparent !important; } div#quick-add-fav .price{ float: right; margin-right: 20px; color: #fe4a4f; font-weight: bold; font-size: 32px; } div.bed_config{ width: 30%; float: left; background-color: #f3f1f2; border: 1px solid #CCC; margin: 1.5%; } div.bed_config h4{ color: #FFF; width: 100%; text-align: center; background-color: #e71e24; margin-top: 0px; } div.bed_config ul li{ list-style: none; } select.overview_propertyjump{ display: inline; height: auto !important; left: 20px; margin: 0 !important; position: relative; width: auto !important; } /*----------------------------------------- Genkan Pagination ---------------------------------------------*/ div.genkan_pagi { width:99%; font-size:14px; margin:0 0 25px 6px; min-height:50px; clear:both; font-family:Arial, Helvetica, sans-serif; } div.genkan_pagi div.genkan_total_results { float:right; font-weight:bold; margin:6px 12px 0 0 ; } /*div.genkan_pagi div.genkan_total_results span{ color: #e61e24; } */ div.genkan_pagi div.genkan_total_pagi_links { float:left; margin:10px 0 0 12px; } div.genkan_pagi div.genkan_total_pagi_links a b { color: #e61e24; } div.genkan_pagi div.genkan_total_pagi_links a { color: #444; } div.genkan_pagi a{ margin:0 6px 0 0; } div.genkan_pagi a.prev{ margin:0 14px 0 0; } div.genkan_pagi a.next{ margin:0 0 0 14px; } /*---------------------------------------------- Icons -------------------------------------------------*/ div.icon { width:26px; height:22px; background: url(img/sprite.png); float:none; margin:0 0 0 4px; display:inline-block;clear:none !important; } div.bedroom { background: url('img/bed.png') no-repeat -1px 5px; } div.bathroom { background: url('img/bath.png') no-repeat -1px 5px;} div.carp { background: url('img/car.png') no-repeat -1px 5px;} /*------------------------------------ Search Form Wrap Full ------------------------------------*/ div#search_form_wrap_full { padding:7px 7px 13px 16px; height:120px; margin: 12px 0; height:auto; clear:both; } div#search_form_wrap_full form { margin:0 24px; float:left; } div#search_form_wrap_full h2 { margin:24px; font-size:32px !important; float:left; } div#genkan > div#search_form_wrap_full > form#search_form > label { font-size:18px; width:60px; margin:0 8px 0 0; display:inline-block; font-family:"Antic Slab",Arial,Helvetica,sans-serif; height:28px; line-height:26px; color: #fff; } div#genkan > div#search_form_wrap_full > form#search_form > input{ font-size:14px; width:168px; margin:0 28px 12px 14px; display:inline-block; } div#genkan > div#search_form_wrap_full > form#search_form div#filter_wrap { width:100%; height:auto; clear:both; float:left; margin:2px 0; } div#genkan > div#search_form_wrap_full > form#search_form div#filter_wrap div.checkbox_wrap { width:164px; height:auto; float:left; background:rgba(102, 102, 102, 0.6); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(102, 102, 102, 0.6)), color-stop(1, rgba(68, 68, 68, 0.6)) ); background-image: -o-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -moz-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -webkit-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -ms-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); border-radius:3px; margin:2px; border:1px solid #333; } div#genkan > div#search_form_wrap_full > form#search_form div.checkbox_wrap input[type=checkbox]{ display:inline-block; float:right; width:20px; } div#genkan > div#search_form_wrap_full > form#search_form div.checkbox_wrap label.check_box { display:inline-block; float:left; width:auto; padding:0 6px; color:#FFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #222; } div#genkan > div#search_form_wrap_full > form#search_form > select{ /*height:24px; */width:174px; margin:0 30px 12px 14px; } div#genkan > div#search_form_wrap_full > form#search_form > input[type=submit] { font-family:"Antic Slab",Arial,Helvetica,sans-serif; margin:10px 0 0 4px; display:inline-block; } div#genkan > div#search_form_wrap_full > form#search_form > input[type=submit]:hover { cursor:pointer; } /*----------------------------------- Search Form Wrap -------------------------------------*/ div#genkan div#search_form_wrap form#search_form div#filter_wrap { width:100%; height:auto; clear:both; float:left; margin:2px 0; height: 0px; overflow: hidden; } div#genkan div#search_form_wrap form#search_form div#filter_wrap div.checkbox_wrap { width:164px; height:auto; float:left; background:rgba(102, 102, 102, 0.6); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(102, 102, 102, 0.6)), color-stop(1, rgba(68, 68, 68, 0.6)) ); background-image: -o-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -moz-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -webkit-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -ms-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); border-radius:3px; margin:2px; border:1px solid #333; } div#genkan div#search_form_wrap > form#search_form div.checkbox_wrap input[type=checkbox]{ display:inline-block; float:right; width:20px; } div#genkan div#search_form_wrap > form#search_form div.checkbox_wrap label.check_box { display:inline-block; float:left; width:auto; padding:0 6px; color:#FFF; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #222; } .reading-box-container{ margin:0 0 50px; } .reading-box{ padding:28px 28px 27px 31px; border-left:3px solid #943b3b; background:#f2efef; } div#search_form_wrap { height: 45px; } div#search_form_wrap form { float:left; width: 100%; } div#search_form_wrap h2 { margin:24px; font-size:34px; float:left; color:#FFF; } .advance_search_button{ /*position: absolute; right: 5px; bottom: 5px; */cursor: pointer; float: left; width: 100%; margin-right: 2%; line-height: 1.625; padding: 10px 20px; background-color: #e1e1e1; color: #444; text-align: center; } a.advance_search_button:hover { text-decoration: none; /* color: #c6c6c6; */ background: #c6c6c6; } /*--------------------------------- Search Form Wrap 2 -----------------------------------*/ div#search_form_wrap_2 { padding:7px 7px 13px 16px; margin: 12px 0; height:auto; clear:both; float:none; } div#search_form_wrap_2 form { float: right; margin: 0 16px 0 0; /*max-width: 15%; */ /*min-width: 195px; */ width: 208px; padding: 10px; } div#genkan > div#search_form_wrap_2 > div#search_dates { min-width:75%; float:left; } div#genkan > div#search_form_wrap_2 > div#search_dates > .ui-datepicker-inline{ border: 0px; } div#search_form_wrap_2 h2 { margin:24px; font-size:34px; float:left; color:#FFF; } div#genkan > div#search_form_wrap_2 > form#search_form > label { font-size:16px; width:auto; margin:0 0 0 6px; display:inline-block; font-family:"Antic Slab",Arial,Helvetica,sans-serif; line-height:24px; height:28px; line-height:26px; color: #ccc; } div#genkan > div#search_form_wrap_2 > form#search_form > input, select { font-size:14px; width:160px; margin:0 28px 0 0px; display:inline-block; } div#genkan > div#search_form_wrap_2 > img { display:none; } div#genkan > div#search_form_wrap_2 > form#search_form > select{ width:166px; } div#genkan > div#search_form_wrap_2 > form#search_form > input[type=submit], div#genkan > div#search_form_wrap_2 > form#search_form > input[type=button] { margin:12px 0 0 0px; display:inline-block; width:166px; } div#genkan > div#search_form_wrap_2 > form#search_form > input[type=submit]:hover, div#genkan > div#search_form_wrap_2 > form#search_form > input[type=button]:hover { cursor:pointer; } div#genkan > div#search_form_wrap_2 .ui-datepicker, div#genkan > div#search_form_wrap .ui-datepicker{ font-family:Arial, Helvetica, sans-serif !important; } div#genkan > div#search_form_wrap_2 .ui-datepicker-multi-3 .ui-datepicker-group, div#genkan > div#search_form_wrap .ui-datepicker-multi-3 .ui-datepicker-group { /*width:243px !important; */ width:220px !important; } div#search_form_wrap_2{ padding: 7px 0px 13px 0px; } div.ui-datepicker-multi-3 { width: 42em !important; } /*------------------------------------------ Search Results ------------------------------------------*/ div#search_results { } div#search_results div.no_results{ margin:24px auto; width:100%; height:auto; padding:64px 0; border-top:dotted 1px #555; border-bottom:dotted 1px #555; text-align:center; font-size:36px; color:#FFF; text-shadow: 1px 1px 2px #222; } figure.item-thumb{ width: 100%; height: 340px; overflow: hidden; } figure.item-thumb img{ width: 100%; float: left; } /*---------------------------------------- Propety Item ----------------------------------------*/ div.property_item { float: left; height: 262px; margin:6px; width: 930px; border-bottom: 1px dotted #CCC; padding: 0 0 16px; position:relative } div.property_item .property-details-overview { border-bottom: 1px dotted #B0B0B0; border-top: 1px dotted #B0B0B0; line-height: 1.25; margin: 8px 0 6px 0; overflow: hidden; padding: 10px 0; position: relative; width:478px; } div.property_item .post-image{ margin:0 0 0 0 ; float:left; height: 265px; width: 450px; } div.property_item .post-image img { height: 265px; width: 440px; } h3.post-title { font-size:18px; margin:0 12px 4px 0; padding:0 12px 4px 0; float:left; color:#FFF; } div.property_item div.post-teaser { height:auto; overflow: hidden; text-overflow: ellipsis; width: 480px; float:left; margin:0; padding:0; } div.property_item div.post-teaser p { font-size: 15px; height: auto; max-height:140px; overflow: hidden; text-align: justify; text-overflow: ellipsis; margin: 0; padding:0; color:#FFF; } div.property_item h3 a.property_details_link{ float:left; } div.property_item a.property_details_link{ float:right; margin:0 0 12px 12px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E89090), color-stop(1, #D65A5A) ); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); padding:6px 12px; border-radius: 4px; border: 1px solid #D65A5A; font-weight:bold; text-shadow:1px 1px 2px #555; } div.property_item a.property_details_link:hover { background:#D65A5A; color:#FFF; } div.property_item .property-details-overview { } div.property_item div.property-details-overview ul.stat { list-style:none; padding:0; margin:0; } div.property_item div.property-details-overview ul.stat li{ font-size:20px; margin: 0 6px 0 0; float:left; height:22px; width:auto; } div.property_item div.property-details-overview ul.stat li span{ position:relative; top:-2px; color:#FFF; } div.property_item div.property-details-overview img { position: relative; top: 4px; } div.property_item div.read_more { bottom: 0; position: absolute; right: 0; } /*--------------------------------------- Property Item 2 --------------------------------------------*/ div#gk_featured_list { width: 100%; height: auto; clear: both; float: none; } div.property_item_2 { float: left; height: auto; margin:6px; width: 454px; border-bottom: 1px dotted #CCC; padding: 0 0 16px; position:relative; } div.property_item_2 .property-details-overview { border-bottom: 1px dotted #B0B0B0; border-top: 1px dotted #B0B0B0; line-height: 1.25; margin: 0 0 6px 0; overflow: hidden; padding: 10px 0; position: relative; } div.property_item_2 h3 { font-size:32px; margin:12px 0; padding:0; display:inline-block; } div.property_item_2 .post-image img { height: 265px; width: 454px; float:left; margin:0; } div.property_item_2 div.post-teaser { height: 128px; overflow: hidden; text-overflow: ellipsis; width: 454px; float:left; } div.property_item_2 div.post-teaser p { font-size: 15px; height: 120px !important; width:450px; overflow: hidden; text-align: justify; text-overflow: ellipsis; margin: 0; } div.property_item_2 .property-details-overview { } div.property_item_2 div.property-details-overview .stat { font-size: 20px; margin: 0 6px 0 0; float:left; height:32px; } div.property_item_2 div.property-details-overview img { position: relative; top: 4px; } div.property_item_2 div.read_more { bottom: 0; position: absolute; right: 0; } /*------------------------------------------------ Location Image -------------------------------------------------*/ #property_location_img img { float:left; margin:8px 8px 24px 0; width:980px; height:auto; border: 4px solid #2B2B2B; border-radius: 6px; } /*--------------------------------------------- Google Map -----------------------------------------------*/ .stat > img { margin-top: -10px; } #property_category_gmap .gmap_img_container { float: left; height: 250px; overflow: hidden; width: 30%; } .gmap_img_container > img { float: left; width: 100%; height: 100%; } #property_category_gmap > p { float: left; white-space: pre-line; width: 100%; word-wrap: break-word; } div#property_category_gmap div#genkan_gMap { float: left; height: 250px; margin-bottom: 25px; position: relative; top:auto; width: 70%; } #genkan_gMap { height:342px; margin: auto; width: 100%; } #map_listings{ width: 100%; float: left; } #map_listings #genkan_gMap{ width: 100%; height: 500px; float: left; position: relative; } /*--------------------------------------------- Custom InfoWindow --------------------------------------------*/ div#infoWindowWrap{ font-family: Arial,Helvetica,sans-serif; height: auto; min-height: 160px; overflow: hidden; width: 320px; } div.left-details { float: left; width: 44%; } div.left-details div.title { border-bottom: 1px solid #aaa; color: #ea1515; font-size: 14px; font-weight: normal; padding: 3px 0 4px; } div.left-details p { color: #555; margin: 5px 0; text-align: unset; line-height:20px; } div.right-details { float: left; margin: 0 0 0 19px; width: 50%; } div.right-details img { height: 120px; width: 172px; } div.right-details div.infoWindowContent { color: #fff; float: left; margin: 2px 0 0; width: 100%; } .icon_bed { background: url("img/bed_map.png") no-repeat scroll 6px center / 21px 21px #ea1515; float: left; padding: 7px 0 6px 34px; width: 100%; } .icon_marker { background: url("img/mark_map.png") no-repeat scroll 6px center / 21px 21px #c80f0f; float: left; padding: 7px 0 6px 34px; width: 100%; } .gm-style img { max-width: none; } /*----------------------------------------------- Floor Plan -----------------------------------------------*/ #genkan_floor_plan { width:auto; margin:14px 0; } #genkan_floor_plan img { border-radius:4px; box-shadow: 0 0 3px #555; } div.floor-plan-container { text-align: center; padding-top: 25px; } div.floor-plan-container img{ float: none; margin: auto; } /* ------------------------------------------ Special ------------------------------------------*/ div.special { border: 4px solid #2B2B2B; border-radius: 4px; height: 250px; margin: 10px 0 8px 8px; padding: 8px; width: 650px; background-color:#2B2B2B; float:left; } div.special .All_des_special_offer{ height: 200px; margin-top: 10px; width: 700px; } div.special .start_end_date { position: relative; right: -160px; top: -60px; width: 470px; } div.special .pic_special_offer{ float: left; left: -18px; position: relative; top: -12px; } div.special .pic_special_discount{ float: right; position: relative; right: -46px; top: -309px; } div.special .pic_special_offer > img{ width:200px; height:200px; } div.special .pic_special_discount > img{ width:270px; height:270px; } div.special .special_title { color: #FFFFFF; font-size: 26px; font-weight: bold; } div.special .special_info { color: #FFFFFF; font-size: 16px; margin-bottom: 40px; width:550px; } div.special .special_desc { color: #FFFFFF; font-size: 16px; margin-bottom: 20px; } div.special .special_start_date, div.special .special_end_date { color: #FFFFFF; float: left; font-size: 24px; font-weight: bold; margin-left: -20px; margin-right: 30px; } div.special .special_start_date > i, div.special .special_end_date > i { color: #DF0D1A; font-size: 28px; } div.special .special_discount{ font-weight: bold; color:#FFF; font-size: 21px; position: relative; right: -520px; top: -170px; width:180px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 2147483647; } div.special .enquire_button{ width:auto; padding:7px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E89090), color-stop(1, #D65A5A) ); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); border-radius: 4px; border: 1px solid #D65A5A; color: #FFF !important; position: relative; right: -530px; text-decoration: none; top: -50px; width: auto; position:relative; z-index:2147483647; } div.special .enquire_button:hover { cursor:pointer; background:#D65A5A; } div.offer-content-wrap{ margin-top: 30px; padding-bottom: 100px; } div.offer-content-wrap .offer-content img{ max-height: 250px; } div._specials div._special .divider { margin: 10px 0 5px; } div._specials div._special div.special_readmore a.read_more_link { color: #fff; } div._specials div._special .special_readmore { background: none repeat scroll 0 0 #6f1a1b; padding: 5px; margin-top: 20px; text-align: center; width: 135px; } ._specials div._special { background: url(images/specialBgRep.jpg) no-repeat right center #e0e0e0 !important; } /* ----------------------------------- Custom Guest Reviews -------------------------------------- */ div#guest_reviews div.review .review_img { text-align: right; } div#guest_reviews div.review .review_img > img { width: 60%; } div#guest_reviews div.review div.review_tlt { text-align: right; } div#guest_reviews div.review div.review_tlt h4 { font-size: 18px; font-weight: bold; margin: 0; } div#guest_reviews div.review div.review_tlt p { color: #888; font-size: 12px; margin: -7px 0 5px; } /* ----------------------------------- Gap Special -------------------------------------- */ .gap_special { margin:2px 0 0 0; font-size:14px;color:#FFF; float:right; } /*--------------------------------- Sidebar Search ----------------------------------*/ #sidebar{ float: right; margin: 8px 0 0; } div#sidebar_search_wrap{ clear: both; height: auto; width: 100%; } div#sidebar_search_wrap h2{ margin:6px; color:#222; float:left; clear:both; background:none; } div#sidebar_search_wrap hr{ margin:6px; border-color:#ccc; clear:both; } div#sidebar_search_wrap form { float:none; clear:both; width:100%; } div#sidebar_search_wrap form label{ float:left; clear:left; width:auto; margin:6px 0 0 6px; color:#222; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:12px; } div.footer-content div#sidebar_search_wrap form label{ color: #222; display: inline-block; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 6px 0 0 6px; width: 42px; } div#sidebar_search_wrap form label.clearnone { clear:none; } div#sidebar_search_wrap form input{ float:left; } div#sidebar_search_wrap form input.sidebar_depart{ width: auto; } div#sidebar_search_wrap form input[type=submit]{ float: right; margin: 10px; } div#sidebar_search_wrap form select[name=days]{ width:44px; float:left; margin:0 0 0 4px; } div#sidebar_search_wrap form select[name=size]{ width:176px; float:left; margin:4px 0 0 4px; width: 100%; } .footer-content div#sidebar_search_wrap form select[name=size]{ float: left; margin: 4px 0 0; width: 79% !important; } div#sidebar_search_wrap form > img { float:left; margin:2px 0 0 0; } div#sidebar_search_wrap form > img:hover { cursor:pointer; } div#genkan > div#sidebar_search_wrap > form#search_form > input[type=submit] { margin: 1em; padding: 0.5em 1em; width: auto; } div#genkan > div#sidebar_search_wrap > form#search_form > input[type=submit]:hover { cursor:pointer; } div.footer-links-container div#sidebar_search_wrap{ background: transparent; } div.footer-links-container div#first div#sidebar_search_wrap h2, div.footer-links-container div#sidebar_search_wrap form label{ color: #FFF; } div.footer-links-container div#first div#sidebar_search_wrap input[type="text"], div.footer-links-container div#sidebar_search_wrap input[type="text"],div.footer-links-container div#first div#sidebar_search_wrap select{ background-color: #202020; border: 1px solid #3a3a3a; color: #555555; } div.footer-links-container div#sidebar_search_wrap select{ width: auto; } /*---------------------------- Sidebar Listings Links -----------------------------*/ div#sidebar_listings { width:100%; height:auto; } div#sidebar_listings ul li a{ border-bottom:dotted 1px #CCC !important; } /*------------------------------- Guest Reviews --------------------------------*/ div#guest_reviews { width:100%; height:auto; } /*div#guest_reviews > div.review { background: #ccc; border: 1px solid #ddd; border-radius: 4px; height: auto; margin: 6px 0; padding: 2%; width: 96%; } */ div.review div.review_desc { color: #555 !important; margin-bottom: 3em; } div.review div.review_summary h1{ font-weight: bold; } div.review > div.review_tlt h4{ margin: 0; color: #555; } div.review > div.review_tlt p{ color: #555 !important; } div#guest_reviews > div.review > div.review_summary { font-size:16px; } div.review > div.review_rating { float: left; font-size:24px; color: #e61e24; } div.review > div.review_rating b{ color: #777; } div.review > div.reviewer{ float: right; font-size: 16px; color: #555 ; } /*----------------------------- Property Jump ------------------------------*/ select#propertyJump { width:100%; margin:0; } /*------------------------------ Search Form Slider ---------------------------------*/ div#search_form_wrap_slider { padding:7px 7px 13px 16px; border-left:3px solid #E61E24; background:#3e3e3e; height:120px; margin: 12px 0; height:auto; clear:both; } div#search_form_wrap_slider form { margin:0 24px; float:left; } div#search_form_wrap_slider h2 { margin:24px; font-size:32px !important; float:left; color:#FFF; text-shadow:1px 1px 2px #111; } div#genkan > div#search_form_wrap_slider > form#search_form > label { font-size:18px; color:#FFF; width:60px; margin:0 8px 0 0; display:inline-block; font-family:"Antic Slab",Arial,Helvetica,sans-serif; height:28px; line-height:26px; } div#genkan > div#search_form_wrap_slider > form#search_form > input{ font-size:14px; width:168px; margin:0 28px 12px 14px; display:inline-block; } div#genkan > div#search_form_wrap_slider > form#search_form div#filter_wrap { clear: both; height: 0; margin: 20px 0 0; overflow: hidden; width: 100%; } div#genkan > div#search_form_wrap_slider > form#search_form div#filter_wrap div.checkbox_wrap { width:164px; height:auto; float:left; background:rgba(102, 102, 102, 0.6); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(102, 102, 102, 0.6)), color-stop(1, rgba(68, 68, 68, 0.6)) ); background-image: -o-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -moz-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -webkit-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: -ms-linear-gradient(bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); background-image: linear-gradient(to bottom, rgba(102, 102, 102, 0.6) 0%, rgba(68, 68, 68, 0.6) 100%); border-radius:3px; margin:2px; border:1px solid #333; } div#genkan > div#search_form_wrap_slider > form#search_form div.checkbox_wrap input[type=checkbox]{ display:inline-block; float:right; width:20px; } div#genkan > div#search_form_wrap_slider > form#search_form div.checkbox_wrap label.check_box { display:inline-block; float:left; width:auto; padding:0 6px; color:#FFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #222; } div#genkan > div#search_form_wrap_slider > form#search_form > select{ height:24px; width:174px; margin:0 30px 12px 14px; } div#genkan > div#search_form_wrap_slider > form#search_form > input[type=submit] { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E89090), color-stop(1, #D65A5A) ); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); padding:6px 12px; border-radius: 4px; border: 1px solid #D65A5A; color: #FFF !important; font-family:"Antic Slab",Arial,Helvetica,sans-serif; font-size:18px; text-shadow: 1px 1px 2px #555; margin:10px 0 0 4px; display:inline-block; width:120px; clear:both; float:left; } div#genkan > div#search_form_wrap_slider > form#search_form > input[type=submit]:hover { cursor:pointer; background:#D65A5A; } div#genkan > div#search_form_wrap_slider > form#search_form div.slider_wrap { width:22.2%; margin:0 1.6% 12px 1.0%; float:left; } div#genkan > div#search_form_wrap_slider > form#search_form div.slider_wrap label{ color:#FFF; display:inline-block; float:left; margin:0; padding:0; text-align:left; font-size:14px; } div#genkan > div#search_form_wrap_slider > form#search_form div.slider_wrap input { background:none; color:#FFF; border:none; font-size:14px !important; margin:2px 0 0 0; width:48px; display:inline-block; float:right; } div#genkan > div#search_form_wrap_slider > form#search_form div.slider_wrap div.genkan_slider{ float:left; width:88%; margin:8px 0 0 8px; } /*----------------------------------------------- Remove Slider hadle styles from Avade CSS ------------------------------------------------*/ .ui-slider .ui-slider-handle:before { background-clip: padding-box; background-color:none; border:none; display: block; height: 12px; left: 0; outline:none; top: 0; width: 0; } .ui-slider .ui-slider-handle:after { background-clip: padding-box; background-color: none; border:none; border-radius: 50%; content: ""; display: block; height: 2px; left: 5px; outline:none; position: absolute; top: 5px; width: 0; z-index: 3; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; border: 1px solid #111111; color: #555555; font-weight: normal; } .ui-slider .ui-slider-range { background: none repeat scroll 0 0 #AAAAAA; } /*---------------------------------------------- Hack to ensure calendar is always on top ------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { z-index: 999999999999999999999999999999999999999999999999999999999999999999999 !important; } /* --------------------------------- Filter Matches -----------------------------------*/ div#genkan ul.filter_matches { list-style:none; padding:0 0 0 5px; margin:0; height:20px; ; width:98%; } div#genkan ul.filter_matches li{ color:#CCC; font-size:13px; float:left; margin:0 6px 0 0; font-weight:bold; height:18px; border-right:dotted #CCC 1px; width:auto; padding:0 6px 0 0; line-height:16px; } div#genkan ul.filter_matches li.cross_out { text-decoration:line-through; text-decoration-color:#F00; -moz-text-decoration-color:#F00; -webkit-text-decoration-color:#F00; } div#genkan ul.filter_matches li:last-child { border:none; } div.property_item div.minus_thirty { height:auto !important; } /*------------------------------- Add to Favourites --------------------------------*/ div#genkan a.add_favourite { } div#genkan a.add_favourite:hover { cursor:pointer; text-decoration: underline; } /*------------------------------- Remove From Favourites --------------------------------*/ div#genkan a.remove_favourite { } div#genkan a.remove_favourite:hover { cursor:pointer; } /*------------------------------ View Favourites -------------------------------*/ div.genkan_view_favs { background: #e61e24; border-radius: 3px; float: right; margin: 6px 140px 0 0; padding: 2px 5px; } div.genkan_view_favs a{ color: #fff; } /*----------------------------------- Check Availability -------------------------------------*/ div#check_availability { height:auto; width:100%; clear:both; float:left; } div#check_availability h2 { /*font-size:24px; */ font-size: 20px; margin-top: 24px; } div#genkan > div#check_availability form#check_availability_form > label { color: #FFFFFF; display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 28px; line-height: 12px; margin: 0 8px 0 0; width: auto; } div#genkan > div#check_availability form#check_availability_form > input, select { font-size:14px; width:120px; margin:0 12px 14px 14px; display:inline-block; } div#genkan > div#check_availability form#check_availability_form > select{ height:24px; width:60px; } div#genkan > div#check_availability form#check_availability_form > p{ color:#FFF; margin:0 0 12px 0; padding:0; font-size:11px; } div#genkan > div#check_availability form#check_availability_form > input[type=submit] { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E89090), color-stop(1, #D65A5A) ); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); padding:6px 12px; border-radius: 4px; border: 1px solid #D65A5A; color: #FFF !important; font-family:"Antic Slab",Arial,Helvetica,sans-serif; font-size:18px; text-shadow: 1px 1px 2px #555; margin:8px 0 0 0; display:inline-block; float:left; clear:both; width:auto; } div#genkan > div#check_availability form#check_availability_form > input[type=submit]:hover { cursor:pointer; background:#D65A5A; } div#check_availability div.check_availability_info { width: 96%; float: left; padding: 2%; } div#check_availability div.check_availability_info img { background: #ffffff; border-radius: 4px; display: inline; float: left; height: 165px; margin-bottom: 25px; margin-right: 25px; padding: 4px; width: 240px; } div#check_availability div.check_availability_info p { display: inline; margin: 0 0 0 12px; padding-left: 10px; text-align: justify; text-overflow: ellipsis; } #check_availability h3 { font-size: 14px; } #check_availability h3.check_avail { background: url("img/check_avail_icon.png") no-repeat scroll 0 0 #e61e24; padding: 7px 40px; } #check_availability h3.booking_info { background: url("img/booking_icon.png") no-repeat scroll 0 0 #e61e24; padding: 7px 40px; } #check_availability h3.comp_booking { background: url("img/complete_booking_icon.png") no-repeat scroll 0 0 #e61e24; padding: 7px 40px; } #check_availability h3.booking_quote { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E89090), color-stop(1, #D65A5A) ); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); border: 1px solid #555555; border-radius: 4px; color: #FFFFFF; float: right; height: auto; line-height: 24px; margin: 18px 24px 0 0; padding: 4px 16px 6px 16px; text-shadow: 1px 1px 1px #555555; width: auto; font-size:24px; } .promo > label { color:#FFF; } /*----------------------------- Quote Response --------------------------------*/ div#quote_response { clear: both; color: #333; float: left; font-family: Arial,Helvetica,sans-serif; height: auto; margin: 0; width: 826px; } div#quote_response div { float:left; margin:8px 16px 8px 0; font-size:14px; padding:0 0 0 6px; } div#quote_response div.num_nights { clear:left; } div#quote_response div.pricing_tlt, div#quote_response div.extras_tlt, div#quote_response div.prop_details { background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 1px rgba(255, 255, 255, 1); clear: both; color: #555; float: none; font-size: 18px; font-weight: bold; margin: 0; padding: 3px 12px; text-shadow: 1px 1px 1px #fff; width: 804px; } div#quote_response div.total_cost { font-weight:bold; font-size:18px; clear:both; float:none; } div#quote_response div.discount_tlt { clear: both; float: none; font-size: 18px; font-weight: bold; margin:0 0 4px 0; padding:0; line-height:16px } div#quote_response div.discount_info { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E89090), color-stop(1, #D65A5A) ); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); border: 1px solid #333333; border-radius: 4px; clear: both; float: left; height: auto; padding: 12px; text-shadow: 1px 1px 1px #333333; width: 804px; } div#quote_response div.discount_pre { clear: both; float: left; text-decoration: line-through; } div#quote_response div.unavailable { font-size:18px; font-weight:bold; } div#quote_response form#book_now{ float:right; margin:-24px 0 0 0; } div#quote_response input#book_now_button { background: none repeat scroll 0 0 #e61e24; border: 2px solid #b8191e; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.29), 0 1px 1px rgba(255, 255, 255, 0.37) inset; clear: both; color: #fff !important; display: inline-block; float: right; font-family: "Lato"; font-size: 18px; margin: 8px 0 0; padding: 6px 12px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.34); } div#quote_response input#book_now_button:hover { cursor:pointer; } /*--------------------------------- Loading ---------------------------------*/ body.loading { cursor:wait; } /*------------------------------ Booking Frame -------------------------------------*/ h3.complete_booking { color: #FFFFFF; float: left; font-size: 26px; margin: 20px 0 20px 24px; } iframe[name=booking_frame] { border:none; outline:none; width:100%; height:0; clear:both; float:left; margin:0; } /*----------------------------------- Booked Dates On Datepickere UI -------------------------------------*/ td.deposit_paid { background:#FFF; opacity:1 !important; } td.deposit_paid > span{ background:#FFDD55 !important; color:#000 !important; } td.confirmed, td.block { background:#FFF; opacity:1 !important; } td.confirmed > span, td.block > span{ background:#FF8888 !important; color:#000 !important; } td.pending { background:#FFF; opacity:1 !important; } td.pending > span{ background:#FFFF99 !important; color:#000 !important; } td.owner { background:#FFF; opacity:1 !important; } td.owner > span{ background:#FF8888 !important; color:#000 !important; } td.arrival { background:#FFF; ; opacity:1 !important; } td.arrival > a{ background: #EEE url(img/arrival_ui_dp.png)!important; background-position: center !important; /* Sets reference point to scale from */ color:#000 !important; } td.arrival.deposit_paid > a{ background: #EEE url(img/arrival_ui_dp_deposit.png)!important; background-position: center !important; /* Sets reference point to scale from */ color:#000 !important; } td.arrival.pending > a{ background: #EEE url(img/arrival_ui_dp_pending.png)!important; background-position: center !important; /* Sets reference point to scale from */ color:#000 !important; } td.depart { background:#FFF; opacity:1 !important; } td.depart > a{ background: #EEE url(img/depart_ui_dp.png)!important; background-position: center !important; /* Sets reference point to scale from */ color:#000 !important; } td.depart.deposit_paid > a{ background: #EEE url(img/depart_ui_dp_deposit.png)!important; background-position: center !important; /* Sets reference point to scale from */ color:#000 !important; } td.depart.pending> a{ background: #EEE url(img/depart_ui_dp_pending.png)!important; background-position: center !important; /* Sets reference point to scale from */ color:#000 !important; } .ui-datepicker table { font-size: 12px !important; } /*--------------------------------------- Calender Key ----------------------------------------*/ div#calender_key_wrap { width:826px; height:36px; float:left; margin:0; border-bottom:1px dotted #CCC; } div#calender_key_wrap h4 { clear: none; color: #777; float: left; margin: -4px 0 0; } div#calender_key_wrap div { border: 1px solid #000000; border-radius: 2px; color: #000000; float: left; font-size: 12px; font-weight: bold; height: 22px; line-height: 20px; margin: 0 0 0 12px; padding: 0 12px; text-align: center; width: auto; } div#calender_key_wrap div.available{ background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; } div#calender_key_wrap div.pending{ background:#FFFF99; } div#calender_key_wrap div.deposit_paid{ background:#FFDD55; } div#calender_key_wrap div.confirmed{ background:#FF8888; } /*---------------------------------- Ajax Loader ------------------------------------*/ div#loader { /*background:rgba(51, 51, 51, 1); */ background: #fff; border-radius: 4px; height: 100px; ; position: absolute; width: 260px; /*box-shadow:0 0 3px #111; */ box-shadow:0 0 1px #9b9b9b; z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; overflow:hidden; /*border:1px solid #444; */ border:1px solid #e1e1e1; border-radius: 0px !important; } div#loader div.header { height:24px; width:100%; /*background: none repeat scroll 0 0 #943b3b; */ /*background: none repeat scroll 0 0 #61c1e2; */ background: #ea1515; padding:0 8px; color:#FFF; font-weight:bold; /*text-shadow:1px 1px 1px #333; */ } div#loader div.ani { width:0; height:60px; background: url("img/loader_sprite.png") no-repeat; margin:6px 0 0 28px; } div#loader div.useless { background: url("img/loading.png") no-repeat; background-position:0 0; height: 88px; width: 88px; margin:0 0 0 2px; } /*------------------------------------- UI Accordian -------------------------------------*/ div#genkan_accordian { margin: 0 0 12px 24px; width: 95%; height:auto; float:none; clear:both; } .ui-accordion .ui-accordion-header { background: none repeat scroll 0 0 #333; color: #ffffff; cursor: pointer; display: block; font-weight: bold; margin-top: 2px; min-height: 0; padding: 0.5em 0.5em 0.5em 0.7em; position: relative; } .ui-accordion .ui-accordion-content { background: rgba(0, 0, 0, 0) !important; border-top: 0 none; overflow: auto; padding: 12px 0; } div#ui-accordion-genkan_accordian-panel-2 { padding:0; } /* ---------------------------------- Dialog Title Bar -------------------------------------*/ .ui-dialog { background:#666 !important; border-color: #CCCCCC !important; box-shadow: 0 0 3px #000000; } .ui-dialog-titlebar { background: none repeat scroll 0 0 #000000 !important; border: 1px solid #999 !important; color:#FFF; } .ui-dialog-title { color:#FFF; } .ui-dialog-content { color: #FFF !important; } .ui-dialog-buttonpane { background:none !important; } .ui-dialog-buttonset button { border-radius: 4px; font-family:"Antic Slab",Arial,Helvetica,sans-serif; font-size:18px; margin:8px 0 0 0; display:inline-block; float:right; clear:both; } .ui-dialog-buttonset button:hover { cursor:pointer; } a.promo_view { color: #E61E24 !important; } a.promo_view:hover { text-decoration:underline; cursor:pointer; } div.promo { display:none; } /*-------------------------------- Sort By --------------------------------*/ div.genkan_sort_by { float:right; width:auto; height:34px; margin:6px 0 0 0; } div.genkan_sort_by label{ float: left; font-weight: bold; margin-right: 10px; padding: 0; } div.genkan_sort_by select{ width:80px; position: relative; top: -5px; } div.genkan_sort_by select[name=sort_method]{ margin-left: 10px; width: 66px; } /*------------------------------------ Genkan Contact -------------------------------------*/ form#genkan_contact { } form#genkan_contact label { clear: left; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 4px 0; width: 180px; color: #fff; } form#genkan_contact input, form#genkan_contact select, form#genkan_contact textarea { float:left; } form#genkan_contact input { margin:2px 0 0; } form#genkan_contact select { margin:4px 0 0; width:auto; max-width:246px; position: relative; } form#genkan_contact textarea { margin:0; height:200px; } form#genkan_contact input[type=submit] { margin: 1em 0; padding: 0.5em 1em; text-transform: uppercase; width: auto; } form#genkan_contact input[type=submit]:hover { /* cursor:pointer; background:#D65A5A !important; */ } form#genkan_contact label.error { clear: none; color: #FF0000; display: inline; float: left; margin: 0 0 0 12px; width: auto; } div.location #map{ height: 400px; margin-bottom: 24px; } /*------------------------------------ Genkan Real Estate Enquiry -------------------------------------*/ form#genkan_re_enquiry { width: 100%; float: left; } form#genkan_re_enquiry label { clear: left; float: left; font-size: 14px; margin: 4px 0; } form#genkan_re_enquiry input, form#genkan_re_enquiry select, form#genkan_re_enquiry textarea { float:left; } form#genkan_re_enquiry input { margin:2px 0 0; } form#genkan_re_enquiry select { margin:4px 0 0; width:auto; max-width:246px; } form#genkan_re_enquiry textarea { margin: 2px 0 0; width:340px; height:200px; } form#genkan_re_enquiry input[type=submit] { } form#genkan_re_enquiry input[type=submit]:hover { cursor:pointer; } form#genkan_re_enquiry label.error { clear: none; color: #FF0000; display: inline; float: left; margin: 0 0 0 12px; width: auto; } /*--------------------------------- Pop Up Box ---------------------------------*/ div#popUpBox { border-radius: 4px; background: none repeat scroll 0 0 #fff; box-shadow: 0 1px 0 1px #d3d3d3; height: auto; width: 500px; position:relative; z-index:99999; padding-bottom: 12px; min-height:400px; } .popUpBox_overlay { background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA; opacity: 0.3; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } div#popUpBox a.closePopUp { background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; border: 1px solid #D3D3D3; border-radius: 4px; color: #555555; float: right; font-weight: normal; height: 14px; position: relative; right: 4px; top: 4px; width: 14px; box-shadow:0 0 1px #000; } div#popUpBox a.closePopUp:hover { cursor:pointer; } div#popUpBox h3 { background-color: #e61e24; padding: 6px; color: #FFF; margin: 0; } div#popUpBox hr { margin: 0 6px } /*------------------------------ Shortlist Enqiry Form -------------------------------*/ div#fav_enquiry_form_wrap { margin:6px; } div#fav_enquiry_form_wrap p { } div#fav_enquiry_form_wrap label { width:80px; float:left; clear:left; } div#fav_enquiry_form_wrap input { width:200px; float:left; margin:4px 0 0 0; } div#fav_enquiry_form_wrap select { } div#fav_enquiry_form_wrap textarea { width:320px; height:170px; float:left; margin:4px 0 0 0; } a.send_fav_enquiry { background: #e61e24; border-radius: 3px; color: #fff; float: left; margin: 6px !important; padding: 2px 5px; } div#fav_enquiry_form_wrap input[type=submit] { clear:left; margin:6px 0 0 80px; display:inline-block; padding:4px 8px; } div#fav_enquiry_form_wrap input[type=submit]:hover { cursor:pointer; } div#fav_enquiry_form_wrap input[name=arrival], div#fav_enquiry_form_wrap input[name=departure]{ width:80px; } div#fav_enquiry_form_wrap span { float:left; width:34px; text-align:center; line-height:26px; } div#fav_enquiry_form_wrap label.error { clear:none; float: left; width: auto; color:#F00; margin:2px 0 0 4px; } a.send_fav_enquiry { float:left; margin:6px !important; } a.send_fav_enquiry:hover { cursor:pointer; text-decoration:none; } /*-------------------------------- Custom Date Picker Header ----------------------------------*/ /*---------------------------- Real Estate -----------------------------*/ .property_item h3 { margin:0; color:#FFF; } /*---------------------------- Real Estate Details ------------------------------*/ div.estate-description{ float: left; height: 220px; overflow-y: scroll; white-space: pre-line; color: #FFF; margin: 5px 0; } span.real_estate_price { float:right; color: #c62525; margin-right: 25px; } h1.real_estate_header { float:left; width:auto; color:#FFF; } a.find_out_more_re { float:left; clear:both; margin:12px 12px 12px 0; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E89090),color-stop(1, #D65A5A)); background-image: -o-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -moz-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -webkit-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: -ms-linear-gradient(bottom, #E89090 0%, #D65A5A 100%); background-image: linear-gradient(to bottom, #E89090 0%, #D65A5A 100%); padding:6px 12px; border-radius: 4px; border: 1px solid #D65A5A; font-weight:bold; text-shadow:1px 1px 2px #555; color:#FFF; font-size:22px; } div.real_estate { position:relative; } div.real_estate div.real_estate_status { background: none repeat scroll 0 0 rgba(214, 90, 90, 0.7); border-radius: 3px; box-shadow: 0 0 2px #555555; color: #FFFFFF; font-size: 28px; font-weight: bold; margin: 4px; padding: 8px 16px; position: absolute; text-shadow: 1px 1px 1px #333333; top: 0; width: auto; } /*--------------------------------------- Directory ---------------------------------------*/ div#directory_items div.directory_item { width:100%; height:auto; margin: 20px 0; clear:both; background: #f8fafa; /*box-shadow: 0 1px 0 1px #d3d3d3; */padding: 20px 0px; border-bottom: 1px solid #e1e1e1; } div#directory_items div.directory_item div.directory_img { padding:0px 16px 0 10px; display:inline-block; float:left; width:28% !important; } div#directory_items div.directory_item div.directory_img img{ padding:4px; border-radius:2px; width:100%; } div#directory_items div.directory_item div.directory_item_details{ width:auto; display:inline-block; float:left; width:60%; padding:10px; word-wrap: break-word; } div#directory_items div.directory_item div.directory_item_details h3{ padding:0; margin:0; font-size:22px; } div#directory_items div.directory_item div.directory_item_details div.cat{ font-weight:bold; font-size:14px; } div#directory_items div.directory_item div.directory_item_details div.duration { font-weight:bold; font-size:12px; color:#b8191e; margin:4px 0; } div#directory-content{ background: transparent; margin-top: 0; } div#directory-content div.main-inner{ padding: 0; } /*----------------------------------- Mail Unsubscribe -------------------------------------*/ div.gk_unsubscribe { color: #CCC; display: inline-block; font-size: 24px; margin: 24px auto; } /*--------------------------------------- header slider ---------------------------------------*/ .sl-slider-wrapper .bg-img{ background-repeat: no-repeat; } /*-------------------------------------- HOME ---------------------------------------*/ div#gekan-home-wrapper{ margin-top:30px; } /*---------------------------------------- Property Reviews -------------------------------------------*/ div.review{ background: url("images/specialBgRep.jpg") no-repeat scroll right center #e0e0e0 !important; float: left; margin: 20px 0; padding: 2%; width: 96%; } /*----------------------------------------Property Listings-------------------------------------------*/ a.book-btn{ font-size: 12px !important; } .has_breadcrumb .wrapper .sidebar-inner .tabs:first-child{ /*margin-top: 30px !important; */} /*---------------------------------------------Contact Small----------------------------------------------*/ form#genkan_contact_small textarea{ /*width: 100%; */} div.footer-links-container input[type="text"], div.footer-links-container textarea, div.footer-links-container div select { background-color: #202020; border: 1px solid #3a3a3a; color: #555555; text-shadow: 0 2px 2px rgba(0, 0, 0, 1); } form#genkan_contact_small label.error{ color: red; } .footer .widget{ margin-bottom: 0 !important; } form.genkan_contact_small input, form.genkan_contact_small textarea{ /* width: 90% !important; */ } /*---------------------------------------------LOGO-------------------------------------*/ .header .logo{ margin-bottom: 36px; } /*---------------------------------------------Terms and Conditions-------------------------------------*/ div#terms-conditions p { white-space: pre-wrap; color: #fff; } /*----------------------------------Header---------------------------------*/ .header .navbar .nav > li > a{ padding: 0 10px !important; } .header .navbar .nav{ margin-top: 55px; } .header .dropdown-menu { top: 95% !important; } /*----------------------------------Theme override -------------------------------*/ div.copyrights-container div.container{ margin-top:-1px; } div.copyrights-container div.container img.footer_logo{ background: rgba(255, 255, 255, 0.06); box-shadow: 0 7px 19px rgba(0, 0, 0, 0.83), 0 0 1px rgba(255, 255, 255, 0.16) inset; padding: 25px; margin-top: 0 !important; } div.green-devider{ width: 100%; height: 7px; float: left; background-color: #943b3b; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) inset; } div.footer-content div.green-devider{display: none; } div.btn-center{ width: 100%; float: left; text-align: center; padding-top: 1em; } div.btn-center .btn{ float: none !important; margin: auto !important; padding: 0.5em 1em; height: auto; width: auto; } .wrapper.custom-background { background-color: #414141 !important; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.3) !important; } .green-text{ color: #eb3838 !important; } /* footer */ #first h4{ color: #eb3838 !important; } #first p { text-indent: 1em; text-align: justify; } /* // footer */ .wrapper a:hover { color: #943b3b !important; text-decoration: none !important; } .sidebar_depart{ background: url('img/calendar.png') no-repeat 95%; } .inline_propertyjump{ display: inline; width: auto !important; position: relative; left: 20%; top: 39px; } .inline-form{display: inline; } .cr-nav{ position: relative; } /*----------------------------------Custom sub properties map styling----------------------------------*/ div#genkan div#property_category_gmap h2 { color: #fff; } div#genkan div#property_category_gmap { color: #999; } /*----------------------------------Custom content styling----------------------------------*/ .main-content.no_left_margin.span9 .main-inner p { color: #fff; } .main-content.no_left_margin.span9 .main-inner p a { color: #FFF; text-decoration: underline; } .main-content.no_left_margin.span9 .main-inner p a:hover { color: #ff5353 !important; } div.sidebar-right-pull div.main-content div.one_half h4 { color: #fff; } div.content div.main-content { box-shadow:none; } div.content div.main-content h2 { color: #fff; } /*----------------------------------Custom drop down styling----------------------------------*/ li.dropdown-submenu ul.dropdown-menu{ display: block; position: absolute; top: 5px !important; border-radius: 0px !important; } /*----------------------------------Custom selection styling----------------------------------*/ ::-moz-selection { color: #fff; background: #e61e24; } ::selection { /*color: #fff; background: #e61e24; */} /*----------------------------------Custom bed config icon styling----------------------------------*/ .li_bed_config > img { margin-right: 15px; } /*----------------------------------Custom Full Search styling----------------------------------*/ #search_form .form_group{ width:30%; float:left; min-width: 300px; } #search_form .form_group > label { color: #fff; float: left; width: 20%; } /*----------------------------------Custom Agent styling----------------------------------*/ div.agents { background-color: #f3f3f3; border: 1px solid #d5d5d5; float: left; margin-top: 20px; padding: 20px; width: 310px; } .agents > h3 { font-weight: normal; margin: 0 0 20px; } div.agents div.agent { background-color: #fbfafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); float: left; width: 100%; margin-bottom: 15px; } div.agents div.agent .left { float: left; width: 25%; } div.agents div.agent .right { float: left; width: 75%; } div.agents div.agent .right p { padding-left:10px; line-height: 1; color: #999; } div.agents div.agent .right p:first-child { padding-top:10px; } div.agents div.agent .right p strong { color: #777; } /*----------------------------------Custom Google map Location to show zoom device**** Some theme unnecessary to use it.----------------------------------*/ .gmnoprint img { max-width: none; } /*----------------------------------Google map on property listings--------------------------------*/ div#property_listing_gmap div#genkan_gMap { float: left; height: 250px; margin-bottom: 25px; position: relative; width: 100%; top: auto; } .ui-widget-content { background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #ffffff; border: 1px solid #ccc; box-shadow: 0 0 5px rgba(255, 255, 255, 1) inset; color: #222222; } /*----------------------------------Events Calendar overide--------------------------------*/ div#overview-content-right div.directory_img{ width: auto !important; } div#overview-content-right div#directory_items div.directory_item{ background: transparent; box-shadow: none; margin-bottom: 10px; } div#overview-content-right #genkan{ background-color: #f3f1f2; border: 1px solid #CCC; margin-right: 15px; } .genkan_footer_credit{ width: 200px; height: 50px; /*background: url('img/footerLogo_with_text_Dark.png') no-repeat center; */ background: url('img/footerLogo_with_text_Light.png') no-repeat center; display: inline-block; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------- API Booking Wizard ----------------------------------------*/ div#booking_wrap { width:100%; height:auto; margin:0; clear:both; } div#booking_wizard { /*background: #FFF; */ height: auto; width: 100%; float:left; } ._loading_img{ margin: 12px 0 0 45%; float: none; } /*--------------------------------------------- Custom Navigations --------------------------------------------*/ div#booking_wizard div#navigation { float: left; left: -6.5%; position: absolute; top: 0; width: 6.5%; } div#booking_wizard div#navigation ul { list-style: none outside none; margin: 0; padding: 0; text-align: center; position: relative; } div#booking_wizard div#navigation ul li { padding: 22px 0; font-size:16px; width: 100%; background: #E6E7E8; /* Old browsers */color:#333; position:relative; text-align: center; } div#booking_wizard div#navigation ul li.active { background: #FFF; /* Old browsers */} div#booking_wizard div#navigation ul li div{ margin: auto; } /*---------------------------- Non Active Menu Items----------------------------*/ div#booking_wizard div#navigation ul li.checkAvail div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -67px -62px rgba(0, 0, 0, 0); width:40px; height:40px; } div#booking_wizard div#navigation ul li.guests div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -107px rgba(0, 0, 0, 0); width:40px; height:40px; } div#booking_wizard div#navigation ul li.payment div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -154px rgba(0, 0, 0, 0); width:40px; height:40px; } div#booking_wizard div#navigation ul li.complete div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -192px rgba(0, 0, 0, 0); width:40px; height:40px; } /*---------------------------- Red tab ----------------------------*/ div#booking_wizard div#navigation ul li.info div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -112px -20px rgba(0, 0, 0, 0); width:40px; height:40px; } div#booking_wizard div#navigation ul li.info { background-color: #E94225; border-radius: 10px 0 0 10px; padding: 30px 0; } /*---------------------------- Active Menu Items ----------------------------*/ div#booking_wizard div#navigation ul li.checkAvail.active div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -27px -62px rgba(0, 0, 0, 0); } div#booking_wizard div#navigation ul li.guests.active div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -26px -107px rgba(0, 0, 0, 0); } div#booking_wizard div#navigation ul li.payment.active div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -27px -149px rgba(0, 0, 0, 0); } div#booking_wizard div#navigation ul li.complete.active div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -27px -192px rgba(0, 0, 0, 0); } div#booking_wizard div#navigation ul li:nth-child(2){ border-top:none; border-radius: 10px 0 0; } div#booking_wizard div#navigation ul li:last-child{ border-bottom:none; border-radius: 0 0 0 10px; } /*--------------------------------------------- Custom Interface --------------------------------------------*/ div#booking_wizard div#interface { width: 100%; float:left; height:auto; background:#FFF; padding-bottom: 1em; min-height: 150px; } /*--------------------------------------------- Custom Interface Form --------------------------------------------*/ #interface form { padding:16px; position:relative; } /*--------------------------------------------- Custom Interface Form Inputs --------------------------------------------*/ #interface form input[type=text], #interface form input[type=email], #interface form input[type=number]{ height:22px; border:1px solid #CCC; font-style:italic; color:#6D6E71; width: 50%; } #interface form select{ height:28px; border:1px solid #CCC; font-style:italic; color:#6D6E71; width: 50%; } /*--------------------------------------------- Custom Interface Form Labels --------------------------------------------*/ #interface form label { font-size:14px; margin-left: 10%; width: 20%; color: #6D6E71; } /*----------------------------------- form.booking_wizard_form -------------------------------------*/ form.booking_wizard_form label { width:120px !important; } form.booking_wizard_form select { margin:0; } /*-------------------------------- Guest Details Form -----------------------------------*/ div#booking_wizard div#interface div.guest_details form#guest_details label { width:26%; } div#booking_wizard div#interface div.guest_details form#guest_details input[type=number],div#booking_wizard div#interface div.guest_details form#guest_details input[type=text] { width:50%; margin:0; } div#booking_wizard div#interface div.guest_details form#guest_details select { width:50%; margin: 0; } div.extra_desc { clear: left; display: inline-block; padding: 0 12px 0 0; width: 100%; position:relative; height:30px; margin: 0; } div.extra_desc input[type=checkbox] { margin:0 12px 0 0 !important; position:relative; left:0; top: -1px; } div.extra_desc input[type=radio] { margin:0 12px 0 0 !important; position:relative; left:0; top: 0; } div.extra_desc label.error { margin:0 0 0 16px; width:120px; height:34px; background:#CA1C1C; color:#FFF !important; font-weight:bold; padding:2px 4px; border-radius:2px; box-shadow:0 0 2px #666; } div#booking_wizard div#interface div.guest_details form#guest_details h4 { font-size:18px; color:#666; margin:10px 0; } /*------------------------------- Payment Type Icons ---------------------------------*/ div#booking_wizard div#interface div.guest_details form#guest_details div.credit-card { background: url("img/booking_w_sprite.png") repeat scroll -32px -64px rgba(0, 0, 0, 0); float: left; height: 24px; width: 30px; } div#booking_wizard div#interface div.guest_details form#guest_details div.secure { background: url("img/booking_w_sprite.png") repeat scroll -34px -94px rgba(0, 0, 0, 0); float: left; height: 24px; width: 30px; } div#booking_wizard div#interface div.guest_details form#guest_details div.request { background: url("img/booking_w_sprite.png") repeat scroll -32px -4px rgba(0, 0, 0, 0); float: left; height: 24px; width: 30px; } div#booking_wizard div#interface div.guest_details form#guest_details div.custom { background: url("img/booking_w_sprite.png") repeat scroll -32px -64px rgba(0, 0, 0, 0); float: left; height: 24px; width: 30px; } div#booking_wizard div#interface div.guest_details form#guest_details div.paypal { background: url("img/booking_w_sprite.png") repeat scroll -91px -94px rgba(0, 0, 0, 0); float: left; height: 24px; width: 20px; margin: 0 10px 0 0; } div#booking_wizard div#interface div.guest_details form#guest_details label.payment { font-weight:bold; font-size:14px; color:#555; } div#booking_wizard div#interface div.guest_details form#guest_details div.payment_options { background: none repeat scroll 0 0 #eee; border: 1px solid #ccc; border-radius: 3px; display: none; float: left; height: auto; margin: 0 0 12px 0; padding: 4px 8px 4px 0; position: relative; width: auto; } div#booking_wizard div#interface div.guest_details form#guest_details div.payment_options input { margin:0 10px; position:relative; top: 0; } div#booking_wizard div#interface div.guest_details form#guest_details div.payment_options div.description { padding: 0 12px; width: auto; float: left; } div#booking_wizard div#interface div.guest_details form#guest_details hr { border:none; border-top:1px solid #CCC; } /*--------------------------- Terms & Conditions -----------------------------*/ .no-margin{ margin: 0 !important; } div#booking_wizard div#interface div.guest_details form#guest_details div.terms_wrap { clear: left; width: 56%; margin-bottom: 30px; } div#booking_wizard div#interface div.guest_details form#guest_details a.view_terms_conditions { color: #333; display: inline; margin: 0 46px 0 0; } div#booking_wizard div#interface div.guest_details form#guest_details a.view_terms_conditions:hover { text-decoration:underline; } div#booking_wizard div#interface div.guest_details form#guest_details a.view_terms_conditions div.terms_icon { background: url("img/booking_w_sprite.png") repeat scroll -5px -149px rgba(0, 0, 0, 0); display: inline-block; height: 24px; margin: 0 6px 0 0; position: relative; top: 4px; width: 20px; } div#booking_wizard div#interface div.guest_details form#guest_details input.terms_check { } /*------------------------------------ Payment Details Form --------------------------------------*/ div#booking_wizard div#interface div.payment_method form#payment_method label { width:26%; } div#booking_wizard div#interface div.payment_method form#payment_method input[type=text], div#booking_wizard div#interface div.payment_method form#payment_method input[type=number] { width:50% } div#booking_wizard div#interface div.payment_method form#payment_method select { width:50%; margin:0; } div#booking_wizard div#interface div.payment_method form#payment_method input.cc_types { left: -9px; position: relative; top: -8px; width: 27px !important; } div#booking_wizard div#interface div.payment_method form#payment_method div.extra_desc label.error { margin: 0 20px 0 0; position: relative; top: -7px; color: #FFF; } div.extra_desc label, div.payment_options label { display: inline; line-height: 0 !important; margin-left: 20px !important; width: 70% !important; } /* Calendar UI CSS */ td.booked { background:#FFF; opacity:1 !important; } td.booked > span{ /*background:#FF8888 !important; */ background:#f8eb3d !important; color:#000 !important; } /*----------------------------------- Booking Back Button -------------------------------------*/ div.navigation { right: 12px; top: 4px; } a.button.booking_back { background: #e94225; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; float: left; font-family: "Abel",Arial,Helvetica,sans-serif !important; font-size: 18px; height: auto; letter-spacing: 0; line-height: 1; margin: 0 12px 0 0; overflow: hidden; padding: 8px 16px; text-align: center; z-index: 999; font-weight: normal !important; line-height: 16px !important; } a.button.booking_back:hover { background:#C93620; } /*a.button.booking_back div{ background: url("img/booking_w_sprite.png") repeat scroll -91px -124px rgba(0, 0, 0, 0); height: 24px; width: 24px; float:left; } */ /*------------------------------------- Guest Details ----------------------------------------*/ div#booking_wizard div#interface div.guest_details, div#booking_wizard div#interface div.payment_method, div#booking_wizard div#interface div.booking_complete, div#booking_wizard div#interface div.check_availabilty{ padding: 6px 12px; color:#333; position:relative; } div#booking_wizard div#interface div.guest_details h3, div#booking_wizard div#interface div.payment_method h3, div#booking_wizard div#interface div.booking_complete h3, div#booking_wizard div#interface div.check_availabilty h3 { font-size:20px; margin:6px 0 12px 0; color:#555; } div#booking_wizard div#interface div.guest_details div.booking_details { } div#booking_wizard div#interface div.payment_method h4, div#booking_wizard div#interface div.booking_complete h4 { font-size:18px; margin:12px 0; float: left; color: #6d6e71; } div#booking_wizard div#interface div.payment_method form#payment_method label{ /* width:180px; display:inline-block; height:24px; */ } div#booking_wizard div#interface div.payment_method form#payment_method input[type=text], div#booking_wizard div#interface div.payment_method form#payment_method input[type=number]{ display:inline-block; clear:left; margin: 0; } /*div#booking_wizard div#interface div.guest_details form#guest_details input[type=radio], div#booking_wizard div#interface div.guest_details form#guest_details input[type=checkbox], div#booking_wizard div#interface div.payment_method form#payment_method input[type=radio], div#booking_wizard div#interface div.payment_method form#payment_method input[type=checkbox]{ width:20px; margin:0 0 0 10px; display:inline-block; margin: 0; } */ /*--------------------------------- Submit Buttons ----------------------------------*/ div#booking_wizard div#interface form input[type=submit] { background: none repeat scroll 0 0 #e94225; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; font-size: 18px; font-weight: normal; height: 32px; letter-spacing: 0; line-height: 16px !important; margin: 0; overflow: hidden; padding: 0 10px !important; text-align: center; text-transform: none; width: auto; } div#booking_wizard div#interface form input[type=submit]:hover { background:#C93620 } /*------------------------------------- Bedding Config ---------------------------------------*/ div.bedding_desc { width:460px; display:inline-block; clear:left; margin: 0; } div.extra_desc { width:90%; display:inline-block; clear:left; padding: 0 12px 0 0; float: left; } div.extra_desc input[type=number] { display:inline-block !important; width:40px !important; margin:0 8px 0 0 !important; } /*------------------------------------- Credit Card Choices ----------------------------------------*/ i.Mastercard:before{ content:url(img/masterCard.png); } i.Visa:before{ content:url(img/visaCard.png); } .extra_desc i.greyed, ._cc_type_wrap i.greyed, input.button.greyed {opacity: 0.4; filter: alpha(opacity=40); } /*------------------------------------- Terms & Conditions ---------------------------------------*/ div.terms_conditions { display:none; } div.termsWrap { max-height: 500px; overflow-y: scroll; width: 480px; background: #FFF; padding: 1em; border-radius: 0 0 10px 10px; border: 1px solid #E6E7E8; border-top:0; color:#666; } /*----------------------------------- Form Item Wrap -------------------------------------*/ div.form_item_wrap { display:inline-block; margin:0 4px 8px 0; width:100%; } /*---------------------------------- Form Item Label -----------------------------------*/ div.form_item_wrap label { display: inline-block; height: 24px; width: 100px; } /*--------------------------------- guest_item_wrap -----------------------------------*/ div.guest_item_wrap { display:inline-block; margin:0 4px 8px 0; width:100%; height:auto; } div.guest_item_wrap label { font-size: 12px !important; height: 22px; width: 94px !important; margin:0 12px 20px 0 !important; float:left !important; } div.guest_item_wrap label[for="companyname"],div.guest_item_wrap label[for="address1"],div.guest_item_wrap label[for="address2"] ,div.guest_item_wrap label[for="city"],div.guest_item_wrap label[for="country"], div.guest_item_wrap label[for="homephone"], div.guest_item_wrap label[for="emailaddress"] { clear:both; } /*-------------------------------- Custom Input Sizes ----------------------------------*/ div.guest_item_wrap select, div.guest_item_wrap input { float:left; display:inline-block; width:666px !important; } div.guest_item_wrap select[name=title] { width:80px !important; margin:0 12px 0 0 !important; clear:right; } div.guest_item_wrap select[name=state] { width:135px !important; margin:0 12px 0 0 !important; clear:right; } div.guest_item_wrap select[name=country] { width:162px !important; margin:0 12px 0 0 !important; clear:right; } div.guest_item_wrap input[name=city] { width:150px !important; margin:0 12px 0 0 !important; clear:right; } div.guest_item_wrap input[name=post_code] { width:140px !important; margin:0 12px 0 0 !important; float:left } div.form_item_wrap input[name=cc_code] { width:140px !important; } div.guest_item_wrap input[name=firstname], div.guest_item_wrap input[name=lastname] { width: 272px !important; margin:0 12px 0 0 !important; } div.guest_item_wrap input[name=homephone], div.guest_item_wrap input[name=mobilephone], div.guest_item_wrap input[type=email] { width:272px !important; margin:0 12px 0 0 !important; clear:right; } ._guest_item { position:relative; width:auto; height:auto; } ._extras_total { clear: right; color: #555; float: left; font-size: 16px; margin: 12px 0; width: 100%; color: #f00; } a._back_to_prop { background-color: #e94225; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; font-size: 18px; overflow: hidden; padding: 6px 12px; text-align: center; margin: -24px 0; float:right; font-weight:bold; } a._back_to_prop:hover { background-color: #C93620; color:#FFF; } /*---------------------------------- Form Item Error ------------------------------------*/ div.form_item_wrap label.error { background: none repeat scroll 0 0 #ca1c1c; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top: 3px solid #aaa; color: #fff !important; display: block; font-weight: bold; height: 20px; margin: 0 0 0 36% !important; text-align: center; width: 50% !important; } div._guest_item label.error { bottom: -64px; color: #f00 !important; float: right; height: 20px; left: 106px; position: absolute; text-align: center; width: auto !important; display:none !important; } div._guest_item input.error, div._guest_item select.error { border-color:#F00 !important; } /*------------------------------------- Genkan Credit --------------------------------------*/ div.genkan_credit { border-top: 2px solid #e6e7e8; color: #333; float: left; height: 34px; line-height: 33px; position: relative; top: 9px; width: 100%; } div.genkan_credit div{ background: url("img/booking_w_sprite.png") repeat scroll -61px -180px rgba(0, 0, 0, 0); float: left; height: 28px; margin: 4px 6px 0 0; width: 28px; } /*------------------------------------- Check Availability Info --------------------------------------*/ div.details_tab { background-color: #e94225; border-radius: 10px 0 0 10px; height: 118px; position: absolute; top: -193px; width: 100%; z-index: 99; } div#genkan div.check_availability_info { background: none repeat scroll 0 0 #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; clear: both; float: right; height: auto; margin: 0 0 12px; padding: 1%; position: relative; width: 91.5%; } div#genkan div.check_availability_info h3 { color: #E94225; font-size: 22px; margin: 4px 0 0 4px; } div#genkan div.check_availability_info h4 { color: #333; float: left; font-size: 18px; margin: 0 18px 0 0; } div#genkan div.check_availability_info .prop_img { float: left; padding: 4px; width: 20%; margin:12px 0 0 0; min-width:160px; } div#genkan div.check_availability_info .details { color: #333; float: left; height: auto; margin:12px 0 0 6px; width: 78%; } div#genkan div.check_availability_info .details ._address { margin:0; } div#genkan div.check_availability_info .details ._booking_data h5, div#genkan div.check_availability_info .details ._guest_data h5 { margin:0; font-size:14px; } /*------------------------- Booking Details ---------------------------*/ div._booking_data{ background: none repeat scroll 0 0 #eee; border: 1px solid #ccc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; float: left; margin: 0 0 0 2px; width: 100%; } div._booking_data div.booking_detail_wrap { width:98%; height:auto; margin:4px 0; padding:1%; color: #6d6e71; } ._special { background: none repeat scroll 0 0 #e94225; border-radius: 4px; color: #fff; font-size: 16px; padding: 4px; } div._booking_data div.booking_detail_tlt { display: none; height: auto; width: 20%; font-size:16px; font-weight:bold; vertical-align: top; } div._booking_data div.booking_detail_info { display: inline-block; height: auto; width: 80%; font-size:14px; } div._booking_data div.booking_detail_total { width:100%; height:auto; font-size:22px; padding:2% 0; color: #e94225; margin: 0 0 16px 1%; } div._booking_data div.booking_detail_total div { margin:0 24px 0 0; float:left; } div._booking_data div.booking_detail_info_item { } /*----------------------------------- Complete Booking Form ( Requests ) ------------------------------------*/ form#payment_method div.complete_booking_note { font-size: 16px; margin: 0 0 12px; } div.booking_complete div.ref_code{ text-indent:0; display:block; color:#ffffff; font-family:Arial; font-size:18px; font-weight:normal; font-style:normal; height:35px; line-height:34px; width:auto; text-decoration:none; text-align:center; margin:24px 0; width: 100%; float: left; background: #E94225; } div.booking_complete div.ref_code b { font-size:22px; } /*---------------------------------------------------- Property Spaces ( rooms, bathrooms, parking ) -------------------------------------------------------*/ div._spaces { width:100%; height:50px; margin:4px 0; font-size:24px; color: #E94225; } div._spaces div._rooms { background: url("img/booking_w_sprite_l.png") repeat scroll -155px -21px rgba(0, 0, 0, 0); display: inline-block; height: 32px; margin: 0 4px; width: 32px; margin: 0 4px; border-radius: 50%; position: relative; top: 0; } div._spaces div._baths { background: url("img/booking_w_sprite_l.png") repeat scroll -155px -56px rgba(0, 0, 0, 0); display: inline-block; height: 32px; margin: 0 4px; width: 32px; margin: 0 4px; border-radius: 50%; position: relative; top: 5px; } div._spaces div._cars { background: url("img/booking_w_sprite_l.png") repeat scroll -155px -93px rgba(0, 0, 0, 0); display: inline-block; height: 32px; margin: 0 4px; width: 32px; margin: 0 4px; border-radius: 50%; position: relative; top: 7px; } /*-------------------------------- Complete Div ----------------------------------*/ div._complete { background: url("img/booking_w_sprite.png") repeat scroll -91px -215px rgba(0, 0, 0, 0) !important; height: 30px; left: 12px; position: absolute; top: 18px; width: 21px !important; } /*------------------------------- Gateway Image ---------------------------------*/ ._gateway { float:left; margin: 23px 0; width: 90px; } /*---------------------- Booking Steps Indicator ------------------------*/ #booking_steps { background: url('img/booking_steps.png') 0px -22px no-repeat; border-bottom: 2px solid #e6e7e8; border-top: 2px solid #e6e7e8; width: 100%; height: 90px; float: left; margin: 10px 0; } ._detail_tabs{ float: left; font-size: 14px; font-weight: bold; line-height: 26px; width: 100%; } ._detail_tabs ._tab { background-color: #d1d3d4; border-radius: 3px 3px 0 0; color: #fff; cursor: pointer; display: none; float: left; font-size: 16px; height: 28px; margin: 0 2px; padding: 2px 18px; text-align: center; } ._detail_tabs ._tab:hover { background-color: #BCBCBC; } ._detail_tabs ._tab.active{ background-color: #E94225; } ._nav_wrap { width: auto; float:right; } div#booking_wrap div#booking_wizard ._nav_wrap { margin-top: 30px; } /*----------------------------- CVV -------------------------------*/ .cvv_pop > a { color: #F00; } .cvv_pop > a:hover { color: #F00; cursor:pointer; text-decoration:underline } .cvv_pop { display: inline; margin: 0 0 0 12px; position:relative; } .cvv_img { position: absolute; top: -238px; width:259px !important; height:331px !important; max-width:259px !important; } /* ---------------------------- Custom style for replace theme style ----------------------------*/ div#booking_wizard select, div#booking_wizard input { padding: 0 !important; border-radius:0; height:22px; } ._guest_item:first-child { float: left; width: 100%; } div.terms_wrap label.no-margin { display: inline; padding: 0 0 0 13px; width: 171px !important; } div.terms_wrap input[name="terms_check"] { position: relative; /*top: -3px; */ top: 4px; } div#booking_wrap_bg { background: none repeat scroll 0 0 #f9f9f9 !important; float: left; height: auto; padding: 18px 20px 0 0; width: 103%; } /* ---------------------------- Custom font for booking wizard ----------------------------*/ div#booking_wrap a, div#booking_wrap label, div#booking_wrap input, div#booking_wrap select, div#booking_wrap h1, div#booking_wrap h2, div#booking_wrap h3, div#booking_wrap h4, div#booking_wrap div, div#booking_wrap b{ font-family:"Abel",Arial,Helvetica,sans-serif !important; } input.cc_types { display: none; } i.Mastercard { margin-right: 10px; } /*-------------------------------------------------------- End Booking Wizard ---------------------------------------------------------*/ /*---------------------------------- Booking Manager ------------------------------------*/ div#booking_manager { width:100%; height:auto; float: left; overflow:hidden; min-height: 724px; } div#booking_manager div#booking_manager_heading { background: none repeat scroll 0 0 #03187C; border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; font-weight: bold; padding: 6px 20px; position: relative; z-index: 1; line-height: 32px; left: 7%; width: 89.6%; } div#booking_manager div._navigation { bottom: 0; float: left; height: auto; min-height: 200px; position: relative; width: 7%; z-index: 2; height: 72px; } div#booking_manager div._live { background: none repeat scroll 0 0 #fff; border-top: 1px solid #bbb; box-shadow: 1px 1px 3px #333; float: left; height: auto; color:#333; min-height: 700px; position: relative; width: 93%; z-index: 1; } div#booking_manager div._live p, div#booking_manager div._live ul li { color:#333; } div#booking_manager div._live pre { font-family: inherit; white-space: pre-wrap; width: 98%; margin: 12px 0; } div._make_payment .cvv_pop { float: left; margin: 10px 0; } div._make_payment input.error, div._make_payment select.error{ border: 1px solid red; } div._make_payment label.error { color: #f00; position: absolute; right: -150px; top: 5px; } div._make_payment label.error[for=cc_code] { right: -260px; } div._make_payment label.error[for=cc_type] { left: 109px; top: 42px; } div.manager_credit{ background: none repeat scroll 0 0 #fff; border-radius: 0 0 5px 5px; float: right; top: -2px; width: 93%; } /*--------------------------------- Booking Manager Navigation -----------------------------------*/ div#booking_manager div._navigation div._loading { color: #888; font-size: 22px; padding: 5%; } div#booking_manager div._navigation ul { list-style: none outside none; margin: 0; padding: 0; text-align: center; } div#booking_manager div._navigation ul li{ padding: 16px 0; font-size:16px; width: 100%; color:#333; position:relative; background: #E6E7E8; text-indent: -9999px; overflow: hidden; } div#booking_manager div._navigation ul li.active { cursor:pointer; } div#booking_manager div._navigation ul li:hover { cursor:pointer; background-color: #FFF; } div#booking_manager ._navigation ul li div._icon{ width:40px; height:40px; margin: auto; } div#booking_manager ._navigation ul li:last-child{ border-bottom:none; border-radius: 0 0 0 10px; } div#booking_manager ._navigation ul li:nth-child(1) { border-radius: 5px 0 0 5px; background: #03187C; height: 72px; } div#booking_manager ._navigation ul li:nth-child(2) { border-radius: 5px 0 0 0; } div#booking_manager ._navigation ul li:nth-child(1) div._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -290px transparent; margin-top: 15px; } div#booking_manager ._navigation ul li .home._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -290px transparent; } div#booking_manager ._navigation ul li.active .home._icon{ background-position: -26px -290px; } div#booking_manager ._navigation ul li .book._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -23px transparent; } div#booking_manager ._navigation ul li.active .book._icon{ background-position: -26px -23px; } div#booking_manager ._navigation ul li .credit._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -150px transparent; } div#booking_manager ._navigation ul li.active .credit._icon{ background-position: -26px -150px; } div#booking_manager ._navigation ul li .plane._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -328px transparent; } div#booking_manager ._navigation ul li.active .plane._icon{ background-position: -26px -328px; } div#booking_manager ._navigation ul li .pic._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -372px transparent; } div#booking_manager ._navigation ul li.active .pic._icon{ background-position: -26px -372px; } div#booking_manager ._navigation ul li .info._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -416px transparent; } div#booking_manager ._navigation ul li.active .info._icon{ background-position: -26px -416px; } div#booking_manager ._navigation ul li .pencil._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -506px transparent; } div#booking_manager ._navigation ul li .profile._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -551px transparent; } div#booking_manager ._navigation ul li.active .pencil._icon{ background-position: -26px -506px; } div#booking_manager ._navigation ul li.active .profile._icon{ background-position: -26px -551px; } div#booking_manager ._navigation ul li .pay._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -458px transparent; } div#booking_manager ._navigation ul li.active .pay._icon{ background-position: -26px -458px; } div#booking_manager ._navigation ul li .guest._icon{ background:url("img/booking_w_sprite_l.png") repeat scroll -69px -108px transparent; } div#booking_manager ._navigation ul li.active .guest._icon{ background-position: -26px -108px; } div#booking_manager ._navigation ul li.active{ background-color: #FFF; } div#booking_manager ._navigation ul li._config:hover { background: #274B86; } div#booking_manager ._transaction_error { background: none repeat scroll 0 0 #000; color: #fff; margin: 12px 0; padding: 1%; width: 98%; } div._live div._inner_live div._profile_item span._title._chk_bx { width:240px; } div._live div._inner_live div._profile_item textarea { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-size: 14px; height: 340px; padding: 0 1% 8px; white-space: pre !important; width: 98% !important; } /*---------------------------------- Display Panels -----------------------------------*/ div.manage_step { border-bottom: 2px solid #e6e7e8; border-top: 2px solid #e6e7e8; float: left; height: 120px; width: 100%; margin-bottom: 18px; background: url('img/manage_steps.png') no-repeat center 0 transparent; } div.manage_step._1{ background-position: center -42px; } div.manage_step._2{ background-position: center -172px; } div.manage_step._3{ background-position: center -297px; } div.manage_step._4{ background-position: center -426px; } div.manage_step._5{ background-position: center -544px; } div.manage_step._6{ background-position: center -672px; } div.manage_step._7{ background-position: center -797px; } div.manage_step._8{ background-position: center -928px; } div._live div._inner_live { color: #333; font-size: 16px; padding:18px; } div._live h2 { font-size:18px !important; color:#274B86 !important; } div._live div._inner_live div._item, div._live div._inner_live div#balance_tab { width:85%; height:auto; float:left; color:#333; float: left; display: none; border: 2px solid #E6E7E8; padding: 1%; margin-bottom: 20px; } div#balance_tab{ margin-left: 8%; } div._live div._inner_live div._item h4, div#balance_tab ._tlt { margin:0; padding:0; width:98.1%; padding:0 1%; height:32px; line-height:30px; color: #03187C; border-bottom: 1px solid #E6E7E8; margin-bottom: 1em; } div._live div._inner_live div._item h4._sub_tlt, div#balance_tab h4._sub_tlt{ margin:0 0 8px 0; padding:0; width:98.1%; padding:0 1%; height:32px; background:#03187C; color:#FFF; line-height:30px; float:left; } div._live div._inner_live div._item span._title, div#balance_tab span._title{ margin:4px 1%; float:left; clear:left; width:154px; text-transform:capitalize; } div._live div._inner_live div._item span._data, div#balance_tab span._data{ margin:4px 12px; float:left; position:relative; } div._live div._inner_live a:link { color:#F01A1A; } div._live div._inner_live a:hover { text-decoration:underline; } div._live div._inner_live div._item hr { clear: both; margin: 0 1%; } div._live div._inner_live text { text-align:justify; width: 100%; color:#333; } div._live div._inner_live text ul,div._live div._inner_live text ul li, div._live div._inner_live text p { color:#333; } div._live div._inner_live img._arrival_image { margin: 12px 0; width: 100%; } div._live div._inner_live img._overview_img { float: left; margin: 1%; width: 26%; } div._live div._inner_live div._full_width_tlt { clear: left; float: left; font-size: 16px; font-weight: bold; margin: 1%; } div._live div._inner_live div._full_width_data { width:98%; height:auto; margin:1%; float:left; clear:both; text-align:justify; } div._live div._inner_live div._full_width_data textarea { width:99%; height:120px; } ._payment_loader { float: left; margin: 12px; } /*------------------------------------ Edit Booking Details Forms --------------------------------------*/ div._live div._inner_live form._booking_details_form input[type=submit]{ background: none repeat scroll 0 0 #03187C; border: 0 none; border-radius: 4px; clear: left; color: #fff; cursor: pointer; float: left; margin: 6px 0; padding: 6px 12px; width: auto; } div._live div._inner_live form._booking_details_form select { margin:0; } div._tabs{ width: 5%; float: left; margin-left: 3%; } div._tab{ background: none repeat scroll 0 0 #e6e7e8; border-radius: 12px 0 0 12px; color: #fff; cursor: pointer; font-size: 18px; font-weight: bold; height: 56px; line-height:56px; text-align: center; } div._tab.active{ background: #03187C; } /*-------------------------------- Guest Registration ----------------------------------*/ div._live div._inner_live form._guest_registration, div._live div._inner_live form._make_payment { } div._live div._inner_live form._guest_registration input[type=submit], div._live div._inner_live form._make_payment input[type=submit], div._live div._inner_live form._paypal_payment input[type=submit]{ clear: left; float: left; margin: 6px 0; padding: 6px 12px; width: auto; background: #03187C; border: 0; color: #FFF; border-radius: 4px; cursor: pointer; } form._paypal_payment a._proceed_paypal { background: none repeat scroll 0 0 #274B86; border-radius: 4px; clear: left; color: #fff; cursor: pointer; float: left; margin: 6px 0; padding: 6px 12px; width: auto; } div._live div._inner_live form._guest_registration div._cc_type_wrap, div._live div._inner_live form._make_payment div._cc_type_wrap { margin: 1%; position:relative; } div._live div._inner_live form._guest_registration div._cc_type_wrap input, div._live div._inner_live form._make_payment div._cc_type_wrap input { left: -8px; position: relative; top: -9px; } div._live div._inner_live form._guest_registration select, div._live div._inner_live form._make_payment select { margin:0; } form[name=_extras] div.extra_desc { width:100%; padding:1% 1% 0 1%; } ._guest_registration .cvv_pop { float: left; margin-top: 10px; } ._guest_registration input.error { border-color: #f00 !important; box-shadow: 0 0 6px #f00 !important; } ._guest_registration label.error { color: #f00; display: inline; margin: 0 8px; } /*---------------------- Arrival Map ------------------------*/ #arrival_map { width:100%; height:400px; margin:2% 0; } ._clearfix { clear: both; } /*--------------------------------- Refine Search System -----------------------------------*/ /* Wide Widget */ .text.widget_wide.widget_text.row-fluid { background: none repeat scroll 0 0 #e0e0e0; width: 300px; padding-bottom:12px; } div#_refine_search { width:300px; height:auto; } div#_refine_search h4 { background: url("img/prem_wizard_sprite.png") repeat scroll -257px -113px rgba(0, 0, 0, 0); color: #fff; font-weight: bold; margin: 4px 0; padding: 4px; } #dates_wrap { font-family:Arial, Helvetica, sans-serif; float: none; margin: auto; width:182px; } .page-template-genkan-home-php #dates_wrap{ background-color: #fff; border: 1px solid #ccc; border-top:none; display: block; float: none; font-family: Arial,Helvetica,sans-serif; height: auto; margin: auto; padding: 0 0 0px; width: 182px; } .page-template-genkan-property-search-php #dates_wrap{ background-color: #fff; border: 1px solid #ccc; border-radius: 3px; display: block; float: none; font-family: Arial,Helvetica,sans-serif; height: auto; margin: 10px auto auto; padding: 0px; width: 182px; } .page-template-genkan-home-php #dates_wrap ._diff_days, .page-template-genkan-property-search-php #dates_wrap ._diff_days{ background: none repeat scroll 0 0 #fff; border-radius: 2px; box-shadow: 0 0 2px #666666 inset; clear: left; display: block; font-size: 13px; margin: 20px auto; padding: 2px 0; text-align: center; text-shadow: 0 0 1px #ccc; width: 40%; } .page-template-genkan-home-php #dates_wrap #dates, .page-template-genkan-property-search-php #dates_wrap #dates { float: left; margin: 8px 8px 15px 8px; } #dates { float: left; margin: 8px; } #dates ._left { float:left; margin:6px -24px 0 0; position:relative; height:90px; } #dates ._right { float:left; margin:6px 0 0 -24px; position:relative; height:90px; } #dates ._centre { background: url("img/calendar_ani.png") repeat scroll 0 0px rgba(0, 0, 0, 0); float: left; height: 89px; text-align: center; width: 75px; } #dates ._centre ._head{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #000; font-size: 12px; font-weight: bold; height: 21%; line-height: 25px; padding: 2% 0; width: 100%; } #dates ._centre ._head ._month { height: 10px; width: 100%; padding-top:1px; } #dates ._centre ._date{ color: #333; font-size: 32px; height: 30%; width: 100%; line-height:42px; } #dates ._centre ._day{ color: #333; font-size: 14px; font-weight: bold; height: 22%; line-height: 24px; width: 100%; } #dates ._left ._back, #dates ._right ._for{ background:none; border-radius: 2px; color: #333; font-weight: bold; padding: 3px 12px; height:16px; display:block; } #dates ._right ._m_for, #dates ._left ._m_back { border-radius: 2px; color: #333; font-weight: bold; padding: 3px 12px; height:16px; width:16px; } #dates ._right ._m_for:hover, #dates ._left ._m_back:hover { cursor:pointer; } #dates ._left ._back, #dates ._left ._m_back { background-position:0 -25px; } #dates ._left ._back, #dates ._right ._for{ margin-top:4px; } #dates ._left ._m_back { } ._year { background:none repeat scroll 0 0 #804599; background: -webkit-linear-gradient(#9549B5, #804599); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#9549B5, #804599); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#9549B5, #804599); /* For Firefox 3.6 to 15 */ background: linear-gradient( #9549B5, #804599); /* Standard syntax */ border: 1px solid #693987; color: #fff; display: block; font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; text-align: center; text-rendering: optimizelegibility; text-shadow: 1px 1px 1px #333; width: 73px; } #dates ._right ._for, #dates ._right ._m_for{ background-position:25px -25px; } #dates ._right ._m_for { } #dates ._left ._back:active { background-position:0 0; } #dates ._right ._for:active{ background-position:25px 0; } #dates ._left ._back:hover, #dates ._right ._for:hover{ cursor:pointer; } #dates_wrap ._diff_days { background: none repeat scroll 0 0 #fff; border-radius: 2px; clear: left; display: block; font-size: 13px; margin: 20px auto; text-align: center; width: 40%; padding:2px 0; -moz-box-shadow: inset 0 0 2px #666666; -webkit-box-shadow: inset 0 0 2px #666666; box-shadow: inset 0 0 2px #666666; text-shadow: 0 0 1px #ccc; } #dates ._tlt{ color: #9549b5; font-weight: bold; margin: 0 auto; text-align: center; text-rendering: optimizelegibility; text-shadow: 1px 1px 1px #eee; width: 100%; } form#refine_search { margin:0 12px; } #refine_search select { width:100%; display:inline-block } /* Refine Periods */ ._periods { width:92%; height:auto; margin:0 4%; } ._periods h4 { padding:0; text-align:center; } ._periods ._period_name { display: inline-block; text-align: center; width: 88%; } ._periods ._bck_period { display: inline-block; float: left; } ._periods ._for_period { display: inline-block; float: right; } ._periods ._bck_period:hover, ._periods ._for_period:hover { cursor:pointer; color:#8947A4; } /*----------------------------------- Check Availability Quotes System -------------------------------------*/ ._ca_response { clear: both; height:auto; min-height: 120px; width: 100%; margin:0 0 12px 0; } .quote_detail_wrap { /*padding: 14px; */ padding: 2px; padding-top: 24px; font-size: 16px; } .quote_detail_wrap h3{ margin:0; font-weight:bold; } .quote_detail_wrap ._special { background: none repeat scroll 0 0 #ea1515; border-radius: 0px; color: #fff; font-size: 14px; padding:6px 12px; margin:12px 0; } .quote_detail_wrap ._special h5 { margin:0; color: #FFF !important; font-weight: bold; padding: 14px 0px; border-bottom: 1px solid #fff; margin-bottom: 5px; } div._special p { color: #fff; } div._pre_discount b { color: #f8eb3d !important; } div.quote_detail_wrap ._pre_discount { border-top: 1px solid #fff; padding: 5px 0px; } .quote_detail_wrap .booking_detail_total { font-size:20px; } .quote_detail_wrap button { margin-top:24px; } form#check_availability_overview_form ._guests{ margin-top: 24px; } form#check_availability_overview_form .inline-form{ width: 70px; display: inline-block; } form#check_availability_overview_form .search_bar_button{ margin-top: 24px; } /*form#check_availability_overview_form ._guests{ float:left; } .inner-box._ca_overview > img.loader { margin: 104px 80px; } ._ca_response .loader { margin: 48px 440px; } form#check_availability_overview_form{ width: 350px; float: left; padding: 20px; color: #4e4e4e; } form#check_availability_overview_form label{ color: #FFF; } form#check_availability_overview_form input[type="text"]{ width: 330px; float: left; background: url('img/calendar.png') no-repeat 95% #FFF; } form#check_availability_overview_form select{ display: inline; width: auto; margin:0 14px 0 0; } form#check_availability_overview_form input[type="submit"]{ float:right; margin:0 4px 0 0; height: 42px; font-size: 16px; padding: 0 1em; } */ /*--------------------------------------- CustomizeCss * ---------------------------------------*/ body, blockquote cite { font-weight: 300 !important; font-style: normal !important; } body{ /*background: #eaf0f2 !important; */ background: #f4f4f4 !important; } a.button { /*padding: 10px 25px !important; */ padding: 10px 6px !important; /*border: solid 1px #274c86 !important; */ border: solid 1px #ea1515 !important; background: #ea1515; color: #fff; } a.button:hover{ /*color: #61c1e2 !important; */ color: #fff !important; background: #c80f0f !important; border: solid 1px #c80f0f !important; } .button{ font-size: 14px !important; } *::-moz-selection{ background: none repeat scroll 0 0 #c1c1c1; } .divider_about { height: 25px; border-bottom: 1px solid #e1e1e1; } p.about_detail { margin-top: 34px; } div._specials p, div._specials h5 { text-align: center; } p.small_text { font-size: 12px; /*color: #61c1e2; */ } .section-title:before, #reply-title:before, .section-title:after, #reply-title:after { width: 25% !important; } .widget{ background: none !important; padding: 0px !important; } div#top { display: none; } div#drop-in:before, div#drop-in:after{ /*background: #d6e1e5 !important; */ background: #b12222; width: 100%; } div#drop-in{ /*background: #dae2e5; */ background: #c80f0f; } div#drop-in h3.section-title { color: #fff !important; } div#drop-in h3.section-title:before, div#drop-in h3.section-title:after{ display: none; } h1, h2, h3, h4, h5, h6{ color: #ea1515 } .entry{ background: #f8fafa !important; } /*----------------------header&MainMenu------------------------*/ ul#misc li { line-height: 16px; } #top:after{ visibility: visible !important; } div#top { /*margin-bottom: 25px; */ margin-bottom: 16px; } div.col-md-5 nav.nav { margin-top: 28px; } header#top-wrap { padding-bottom: 5px; background: #c80f0f; border-bottom: 5px solid #b12222; } ul#misc { margin-top: -7px; } .navigation > li ul a:hover, .navigation > li ul .sfHover > a{ /*background: #61c1e2 !important; */ /*background: rgba(237,237,237,1) !important; */ background: #ea1515 !important; color: #fff !important; } #panel{ background: #102441 !important; } div#genkan form.genkan_contact_small input.error { border: 1px solid red !important; } form#genkan_contact_small label.error{ padding-left: 13px; font-size: 12px; } div.btn-center input.btn.btn-primary.strong { padding: 12px 25px; } header#top-wrap div.row div.col-md-5{ width: 38% !important; } header#top-wrap div.row div.col-md-2{ width: 24% !important; padding: 0px 10px 0px 0px !important; } #logo-wrap h1 img{ /*width: 100% !important; */ /*width: 20% !important; */ width: 40% !important; } h1.imglogo { /*margin-bottom: 10px; */ margin-bottom: 0px; } .navigation .sf-with-ul:after{ margin-top: -4px !important; font-size: 6px !important; top: 48% !important; /*right: 14px !important; */ right: 2px !important; } .navigation li a { /*padding-right: 26px !important; padding-left: 26px !important; padding-right: 57px !important; padding-left: 57px !important; */ font-size: 14px; /*padding: 11px !important; */ padding: 11px 23px!important; } ul.navigation ul{ margin-left: -1px; width: 215px !important; } .nav > ul#main-nav-left { /*background: #e1e1e1; */ background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); border: 1px solid #e1e1e1; } ul.navigation > li { border-left: 1px solid #e1e1e1; } ul.navigation > li:first-child { border-left: none; } ul#misc li > a { font-size: 11px; } .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-3.ui-datepicker-multi{ width: auto !important; } ul.navigation li ul.sub-menu li > a { padding-left: 10px !important; /*color: #274c86; */ color: #ea1515; } .navigation > li > a { /*color: #274c86; */ color: #444; } .navigation a:hover, .navigation .sfHover > a { /*color: #274c86 !important; */ color: #ea1515 !important; background: rgba(246, 246, 246, 1); } /*----------------------select search------------------------*/ div.dk_theme_ci .dk_options a:hover { /*background: #61c1e2; */ background: #ea1515; color: #fff; } div#genkan div#search_form_wrap form#search_form div#filter_wrap{ width: 100%; } div#genkan div#search_form_wrap form#search_form div#filter_wrap div.checkbox_wrap { width: 19.555%; background: rgba(248, 250, 250, 0.8); border-radius: 0px; border: none; } div#genkan div#search_form_wrap > form#search_form div.checkbox_wrap label.check_box { text-shadow: none; color: #274c86; padding: 1px 6px; } div#genkan div#search_form_wrap > form#search_form div.checkbox_wrap input[type=checkbox] { margin-top: 7px; } /*----------------------widgetGuesReview------------------------*/ div#genkan div#review_widget_wrapper div#guest_reviews_widget > .aside-container { box-shadow: none; padding: 15px; } div#genkan div#review_widget_wrapper div#guest_reviews_widget > .aside-container h4.summary { color: #61c1e2; /* color: #0a418a; */ } div.aside-container { padding: 20px; /*background: #f8fafa; */ background: #fbfbfb; box-shadow: none; } div.welcome { border-bottom: 0px; padding: 0px 25px 0px 0px; } /*----------------------Paging------------------------*/ div#genkan div.genkan_pagi:first-child .genkan_total_pagi_links { display: none; } div#genkan div.genkan_pagi:first-child .genkan_total_results { float: left; } div#genkan .genkan_pagi .genkan_sort_by select { height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* -webkit-appearance: none; */ padding-left: 10px; background: white url('img/select_arrow.png') no-repeat 64px center; background-size: 10%; border: solid 1px #e1e1e1; color: #7a7a7a; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; } /*div#genkan .genkan_pagi .genkan_sort_by:after { content: ''; font-family: FontAwesome; line-height: normal; font-weight: normal; font-size: 12px; content: "\f078"; position: absolute; top: 6px; right: 15px; color: #adadad; } */ div.genkan_sort_by select[name=sort_method] { width: 80px; } div.genkan_pagi{ padding: 0px 10px; } div.genkan_pagi div.genkan_total_results span { /*color: #61c1e2; */ /*color: #274c86; */ color: #ea1515; font-size: 22px; font-weight: normal; line-height: 22px; } div.genkan_pagi div.genkan_total_results{ font-weight: normal; } div#genkan .genkan_pagi .genkan_sort_by label{ font-weight: normal !important; } div.genkan_view_favs{ background: #e61e24; border-radius: 0px; float: right; margin: 6px 140px 0 0; padding: 5px 26px; background: white; border: solid 2px #61c1e2; } .genkan_view_favs:hover { /*text-decoration: none; */ border-color: #444444; /* color: #61c1e2; */ } div.genkan_view_favs a{ color: #444444; } div.genkan_view_favs a:hover{ color: #61c1e2; text-decoration: none; } div#genkan div.genkan_pagi:first-child .genkan_view_favs { /*margin: 0px 256px 0px 0px; */ margin: 0px 34px 0px 0px; } div#genkan div.genkan_pagi:last-of-type .genkan_sort_by, div#genkan div.genkan_pagi:last-of-type .genkan_total_results { display: none; } div#genkan div.genkan_pagi:last-of-type .genkan_view_favs{ /*margin: 0px 482px 10px 0px; */ margin: 0px 245px 10px 0px; } div#genkan div.genkan_pagi:last-of-type .genkan_total_pagi_links{ width: 100%; text-align: center; } div#genkan div.genkan_pagi:last-of-type .genkan_total_pagi_links > a { background-color: white; border: solid 1px #e1e1e1; padding: 13px 18px; text-decoration: none; } div#genkan div.genkan_pagi:last-of-type .genkan_total_pagi_links > a:hover{ text-decoration: none; border-color: #ea1515; color: #ea1515; } div#genkan div.genkan_pagi:last-of-type .genkan_total_pagi_links > a > b{ /*color: #61c1e2; */ color: #ea1515; } a.send_fav_enquiry { /*float: right; */ padding: 5px 26px; background: white; border: solid 2px #61c1e2; color: #444444; /*margin: 0px 6px !important; */ border-radius: 0px; margin: 8px 6px 10px 222px !important; } a.send_fav_enquiry:hover{ border-color: #444444; color: #61c1e2; } .page-id-275 div#genkan div.genkan_pagi:first-child .genkan_view_favs { /*margin-right: 200px !important; */ margin-right: 30px !important; } .page-id-275 div#genkan div.genkan_pagi:last-of-type .genkan_view_favs{ /*margin-right: 402px !important; */ margin-right: 260px !important; margin-bottom: 0px; display: none; } /*----------------------PopUpBox--------------------------*/ div#popUpBox h3 { background: #03187C; padding: 10px; } div#popUpBox hr { display: none; } div#fav_enquiry_form_wrap input[type="text"] { width: 320px; } div#fav_enquiry_form_wrap form { padding-left: 35px; } div#fav_enquiry_form_wrap form label { line-height: 45px; } div#fav_enquiry_form_wrap input.btn.btn-primary.strong { padding: 10px 8px; margin: 14px 0px 16px 140px; } div#fav_enquiry_form_wrap input.error { border: 1px solid red; } div#fav_enquiry_form_wrap label.error { margin: 0px 0px 0px 176px; font-size: 12px; line-height: 28px; } /*----------------------thingToDo----------------------*/ div#directory_items div.directory_item div.directory_img img { padding: 0px; border-radius: 0px; box-shadow: none; } div#directory_items div.directory_item div.directory_item_details { padding-top: 0px; } /*----------------------FEATURED PROPERTIES----------------------*/ div#genkan div.ci_widget_room .stat { float: left; margin-top: 8px; margin-right: 8px; } div#genkan div.ci_widget_room .stat img { box-shadow: none; width: 22px; } div#genkan div.ci_widget_room .stat span { font-size: 16px; /*color: #274c86; */ color: #444; } div#genkan div.ci_widget_room > a.button { float: right; padding: 10px 8px !important; font-size: 12px !important; } h3.section-title:before, h3.section-title:after { background: #bbc4c8; } /*----------------------sidebarWeather----------------------*/ aside.byw div.aside-container div.weather-wid div.t-now-weather img, #overview-style-2 div.aside-container div.weather-wid div.t-now-weather img { max-width: 34% !important; float: right !important; margin-right: 0px; margin-top: 0px; } aside.byw div.aside-container div.weather-wid div.t-now-weather div.c-now-weather img, #overview-style-2 div.aside-container div.weather-wid div.t-now-weather div.c-now-weather img { display: none; } aside.byw div.aside-container div.weather-wid div.today img, #overview-style-2 div.aside-container div.weather-wid div.today img { width: 75%; } aside.byw div.aside-container div.weather-wid div.today, #overview-style-2 div.aside-container div.weather-wid div.today { padding-top: 5px; border-left: 0px !important; border-right: 0px !important; } aside.byw div.aside-container div.weather-wid img, #overview-style-2 div.aside-container div.weather-wid img { box-shadow: none; } aside.byw div.aside-container div.now-weather div:last-child, #overview-style-2 div.aside-container div.now-weather div:last-child { padding-bottom: 23px; border-bottom: 1px solid #e1e1e1; margin-bottom: 0px !important; } .page-id-389 div.weather-wid div.now-weather div:nth-of-type(3) { padding-bottom: 23px; border-bottom: 1px solid #e1e1e1; margin-bottom: 0px !important; } aside.byw div.aside-container div.weather-wid div.now-weather div:nth-of-type(2), aside.byw div.aside-container div.weather-wid div.now-weather div:nth-of-type(3){ width: 100% !important; margin-left: 0px; position: static; } aside.byw div.aside-container div.weather-wid div:last-child { border-top: 0px !important; /* margin-top: 0px; */ } /*----------------------pageWeather----------------------*/ .page-id-389 div.weather-wid .now-weather { position: relative; /* margin-bottom: 10px; */ } .page-id-389 div.weather-wid .now-weather .t-now-weather { padding-bottom: 10px; } .page-id-389 div.weather-wid div.now-weather div:nth-of-type(2), .page-id-389 div.weather-wid div.now-weather div:nth-of-type(3) { width: 50% !important; margin-left: 230px; position: absolute; } .page-id-389 div.weather-wid div.now-weather div:nth-of-type(2) { top: 115px; } .page-id-389 div.weather-wid div.now-weather div:nth-of-type(3) { top: 130px; } .page-id-389 div.weather-wid div.now-weather div:nth-of-type(3) { border: 0px; } .page-id-389 div.weather-wid div.t-now-weather img { float: left !important; margin-right: 50px; max-width: 76% !important; width: 32%; margin-top: -5px; } .page-id-389 div.weather-wid div.t-now-weather div.c-now-weather img { display: none; } .page-id-389 div.weather-wid img { box-shadow: none; } .page-id-389 div.weather-wid div.today { border: 0px !important; } .page-id-389 div.weather-wid div:last-child { border-top: 1px solid #e1e1e1; /* margin-top: 0px; */ } .page-id-389 div.weather-wid div.now-weather div:nth-of-type(3) { border: 0px; margin-bottom: 30px !important; } .page-id-389 div.aside-container div.weather-wid .now-weather .t-now-weather { padding-bottom: 0px; } /*---------------------overviewAccommodation----------------*/ div#genkan address i.fa.fa-circle { font-size: 7px; line-height: 7px; color: #cecece; padding: 6px; } div#quick-book div#check_availability h2 { margin-top: 0px; font-size: 22px; } div.overall-stat span.stat img { box-shadow: none; margin: -8px 20px 0px 7px; } div.overall-stat span.stat { font-size: 20px; } form#check_availability_overview_form div.form-group select.form-control { height: 41px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* -webkit-appearance: none; */ padding-left: 10px; background: white url('img/select_arrow.png') no-repeat 164px center; background-size: 4%; border: solid 1px #e1e1e1; color: #7a7a7a; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; width: 180px; } form#check_availability_overview_form label { font-weight: 300; text-align: right; padding-right: 5px; } form#check_availability_overview_form label, form#check_availability_overview_form div.form-group .inline-form { display: inline-block; width: 70px; margin-bottom: 18px; } form#check_availability_overview_form input{ width: 180px; } form#check_availability_overview_form ._guests{ margin-top: 0px; } form#check_availability_overview_form .search_bar_button { margin: 18px 0px 0px 0px; padding: 15px 0px; } div#quick-book address { font-style: normal; } div#genkan .contact_date div.form-field input.error { border: 1px solid red; } div#genkan .contact_date div.form-field label.error { /* padding-left: 13px; */ font-size: 12px; color: red; } .quote_detail_wrap{ border-top: 1px solid #e1e1e1; margin-top: 25px; } .quote_detail_wrap h3 { font-weight: normal; } div.quote_detail_wrap b { font-weight: normal; color: #686868; font-size: 12px; } div.quote_detail_wrap { color: #444; padding-bottom: 0px; } .quote_detail_wrap .booking_detail_total { font-size: 24px; border: 1px solid #e1e1e1; margin-top: 17px; padding: 8px 0px; color: #ea1515; } .quote_detail_wrap .booking_detail_total b { font-size: 16px; } .quote_detail_wrap button#search_button { width: 180px; padding: 15px 0px; } .amenities ul li i.fa.fa-star-o { margin-right: 8px; margin-left: -25px; } div#overview-style-2 .amenities { padding: 15px 0px; margin-bottom: 0px; } div#review-shuffle div.review-item h4.summary { color: #61c1e2; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background: #fff !important; } div#dialog > p { color: #444; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { /*background: #61c1e2 !important; */ background: #ea1515 !important; border: 0px !important; border-radius: 0px; } .ui-dialog .ui-dialog-buttonpane button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { /*background: #61c1e2; */ background: #ea1515; color: #fff; border: 0px; border-radius: 0px; padding: 2px 20px; } div.row blockquote.alignleft.six.columns.alpha { margin-bottom: 45px; } div.flex-viewport ul.slides img { height: 100px; } div#quick-book address span { margin-right: 8px; } a.back-to-lists { /*display: block; width: 40px; height: 40px; background: #fff url('img/backArrow.png') no-repeat 47% center; border: 1px solid #e1e1e1; position: absolute; left: 0px; top: -7px; */ padding: 7px 20px; margin-right: 20px; background: #fff url('img/backArrow.png') no-repeat 47% center; border: 1px solid #e1e1e1; } a.back-to-lists:hover, div#overview-style-2 a.back-to-lists:hover{ background: #fff url('img/backArrow_red.png') no-repeat 47% center; border: 1px solid #ea1515; } #back-to-top{ display: none; position: fixed; color: #444; /*right: 50px; */ bottom: 20px; width: 72px; height: 72px; padding-top: 34px; /* border-radius: 5px; */ text-align: center; z-index: 99999; background: #fff url('img/backTop.png') no-repeat center 24%; border: 1px solid #e1e1e1; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); cursor: pointer; margin-left: 990px; } #back-to-top:hover{ background: #fff url('img/backTop_red.png') no-repeat center 24%; border: 1px solid #ea1515; color: #ea1515; cursor: pointer; } /*---------------------overviewAccommodation-Style-2----------------*/ div#overview-style-3 a.back-to-lists { display: block; width: 40px; height: 40px; background: #fff url('img/backArrow.png') no-repeat 47% center; border: 1px solid #e1e1e1; position: absolute; left: 0px; top: -7px; } div#overview-style-2 a.back-to-lists{ padding: 7px 20px; background: #fff url('img/backArrow.png') no-repeat 47% center; border: 1px solid #e1e1e1; /*margin-right: 15px; */ margin-right: 0px; } div#overview-style-2 .inner-box h2, div#overview-style-2 .inner-box address { text-align: left; } div#overview-style-2 .inner-box h2 { margin-bottom: 5px; color: #61c1e2; } div#overview-style-2 .inner-box address { padding-bottom: 18px; border-bottom: 1px solid #e1e1e1; } div#overview-style-2 .inner-box .overall-stat-2 { text-align: left; } div#overview-style-2 .inner-box .overall-stat-2 img { box-shadow: none; margin-right: 10px; } div#overview-style-2 .inner-box .overall-stat-2 span { /* text-align: right; */float: right; font-size: 20px; line-height: 20px; /*color: #444; */ /*color: #61c1e2; */ color: #ea1515; } div#overview-style-2 .inner-box .overall-stat-2 .stat { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e1e1e1; } div#overview-style-2 div#carousel ul.slides li.carousel_item { width: 130px !important; } div#overview-style-2 div#carousel ul.slides li.carousel_item img { min-height: 0px !important; height: 80px !important; } div#overview-style-2 div.row > blockquote.alignleft.six.columns.alpha { /*margin-top: 50px; */margin: 20px 15px; } div#overview-style-2 h2.section-title.title-style-2 { text-align: left; /*overflow: hidden; */ /* margin-left: 45px; */ /*background: #eaf0f2 url('img/line_blue.png') repeat-x center; */} div#overview-style-2 h2.section-title.title-style-2:before { display: none; } div#overview-style-2 h2.section-title.title-style-2 span { /*margin-left: 55px; background: #fafafa; */ /*background: #eaf0f2; */ padding: 0px 15px; font-size: 30px; } div#overview-style-2 h2.section-title.title-style-2:after { /*width: 50%; */ display: none; } div#overview-style-2 h2.title-style-2 > span:after { /*content: ''; position: absolute; height: 1px; background: #e1e1e1; width: 100%; bottom: 50%; */} div#overview-style-2 .flexslider .slides img { min-height: 480px; } div#property_image_gallery div.galleria-container div.galleria-images img { width: 100% !important; height: 400px !important; } .notouch .galleria-thumb-nav-left:hover, .notouch .galleria-thumb-nav-right:hover { background-color: #274c86; } aside.widget.widget_ci_book_room_widget.group.no-border { background: #f8fafa !important; } div#overview-style-2 div#review_widget_wrapper { text-align: left; } blockquote.alignleft.six.columns.alpha > p { /*color: #274c86; */ color: #ea1515; } /*---------------------overviewAccommodation-Style-3----------------*/ div#overview-style-3 .inner-box h2, div#overview-style-3 .inner-box address { text-align: left; } div#overview-style-3 .inner-box h2 { margin-bottom: 5px; color: #61c1e2; } div#overview-style-3 .inner-box address { padding-bottom: 18px; border-bottom: 1px solid #e1e1e1; } div#overview-style-3 .inner-box .overall-stat-2 { text-align: left; } div#overview-style-3 .inner-box .overall-stat-2 img { box-shadow: none; margin-right: 10px; } div#overview-style-3 .inner-box .overall-stat-2 span { /* text-align: right; */ float: right; font-size: 20px; line-height: 20px; /*color: #444; */ color: #61c1e2; } div#overview-style-3 .inner-box .overall-stat-2 .stat { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e1e1e1; } div#overview-style-3 div#carousel ul.slides li.carousel_item { width: 130px !important; } div#overview-style-3 div#carousel ul.slides li.carousel_item img { min-height: 0px !important; height: 80px !important; } div#overview-style-3 div.row > blockquote.alignleft.six.columns.alpha { margin-top: 50px; } div#overview-style-3 span#property_details_menu a > span.menu_item { color: #444 !important; } div#overview-style-3 div.style-3-menu a.full-review { float: none; } div#overview-style-3 div.style-3-menu span#property_details_menu { margin-left: 0px; font-size: 14px; } div#overview-style-3 span#property_details_menu a.menu { border: 1px solid #e1e1e1; background: #fff; padding: 8px 10px; /*margin-right: 5px; */ /*display: inline-block; */ display: table-cell; text-decoration: none; margin-left: 0px; margin-right: 0px; } div#overview-style-3 span#property_details_menu a.menu:hover{ border: 1px solid #444; } div#overview-style-3 span#property_details_menu a.menu:hover span { color: #61c1e2 !important; } div#overview-style-3 span#property_details_menu a.menu.active { /*color: #61c1e2; */ border: 1px solid #444; } div#overview-style-3 span#property_details_menu a.menu.active > span.menu_item { color: #61c1e2 !important; } div#overview-style-3 div.style-3-menu { /*text-align: center; margin-bottom: 20px; */ display: inline-block; float: right; margin-top: -12px; } div#overview-style-3 div.review { background: #fff !important; border: 1px solid #e1e1e1; position: relative; } div#overview-style-3 div.review .review_summary h1 { font-weight: 300; font-size: 24px; color: #61c1e2; } div#guest_reviews div#overview-style-3 div.review div.review_tlt h4 { font-weight: 500; margin-bottom: 10px; border-top: 1px solid #f0f0f0; padding-top: 10px; } div#guest_reviews div#overview-style-3 div.review div.review_rating { position: absolute; bottom: 36px; color: #61c1e2; } div#guest_reviews div#overview-style-3 div.review div.review_rating b { font-weight: 400; font-size: 20px; } div#overview-style-3 div.review .review_summary h1:before { content: "\201c"; font-size: 40px; margin-right: 8px; } div#overview-style-3 div.review .review_summary h1:after { content: "\201d"; font-size: 40px; margin-left: 8px; } div#overview-style-3 h2.section-title.title-style-3:before { display: none; } div#overview-style-3 h2.section-title.title-style-3 span { margin-left: 55px; /*background: #fafafa; */} div#overview-style-3 h2.section-title.title-style-3:after { /*width: 50%; */ display: none; } div#overview-style-3 h2.section-title.title-style-3 { text-align: left; /* margin-left: 45px; */ float: left; } /*------------------calendar---------------------*/ table th { background: #fff !important; color: #ea1515 !important; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right, .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left { border-radius: 0px; } .ui-datepicker .ui-datepicker-header { background: #ea1515; border: 1px solid #fff; } div.ui-datepicker-title > span { color: #fff; font-weight: normal !important; } div#genkan > div#search_form_wrap_2 > form#search_form > input#date_range { margin: 0px; width: 100%; } div#genkan > div#search_form_wrap_2 > form#search_form > select#type{ height: 44px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; background: white url('img/select_arrow.png') no-repeat 95% center; background-size: 4%; border: solid 1px #e1e1e1; color: #7a7a7a; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; width: 100%; } div#genkan > div#search_form_wrap_2 > form#search_form > input#search_button, div#genkan > div#search_form_wrap_2 > form#search_form > input#reset_button{ width: 100%; } div#genkan > div#search_form_wrap_2 > form#search_form > label { color: #464646; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; background: white url('img/select_arrow.png') no-repeat 92% center; background-size: 10%; border: solid 1px #e1e1e1; color: #464646; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; font-size: 13px !important; font-weight: normal; } form.wpcf7-form p > input.wpcf7-form-control.wpcf7-submit { padding: 10px 60px; } form.wpcf7-form p span.bedroom input, form.wpcf7-form p span.bathroom input { margin-top: -10px; } .ui-datepicker { width: 14em !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 2px solid #ea1515 !important; background: #fff !important; } /*-----------------sideBar_contactForm-----------------*/ div.form-field > input#form_arrival { margin-bottom: 5px; } form#search_form .booking-arrive input#arrival, form#search_form .booking-depart input#departure, div.form-field > input#form_arrival, div.form-field > input#form_departure { background: #fff url('img/datepicker_gray.png')no-repeat 97% center !important; } aside#text-11 h3.widget-title { color: #61c1e2; font-size: 22px; } div.form-field { margin-bottom: 5px; } /*-----------------sideBar_testimonials-----------------*/ div.review-item.review_widget p.propname.text-right{ margin-bottom: 0px; margin-top: -15px; } div.review-item.review_widget p.reviewer.text-right{ margin-bottom: 30px !important; } div#review_widget_wrapper{ overflow: hidden; height: 380px; margin: 25px 0px; } div.review-item.review_widget p br{ line-height: 5px !important; } div.review-item.review_widget h4.summary{ padding-top: 25px !important; border-top: 1px solid #e1e1e1; } /*--------------welcomeProperty---------------------*/ div.welcome div#genkan .ci_widget_room, div#genkan .no-border .ci_widget_room { text-align: left; } div.welcome div#genkan h3.widget-title, div#genkan .no-border h3.widget-title { text-align: left; color: #444 !important; font-weight: normal; } div.welcome div#genkan a.button, div#genkan .no-border a.button { margin-left: 0px; margin-top: 3px; } div.welcome div#genkan h5.room-from, div#genkan .no-border h5.room-from { display: block; float: left; margin: 0px !important; padding-top: 0px !important; width: 35%; } div#genkan .no-border h5.item-from { font-style: normal; display: block; float: left; width: 35%; } .ci_widget_room .room-from{ font-style: normal !important; font-size: 13px !important; } div.welcome div#genkan h5.room-from a, div#genkan .no-border h5.room-from a { line-height: 24px; } .no-border { background: none !important; padding: 0px !important; border: 1px solid #e1e1e1 !important; } .col-sm-4 { padding-left: 0px !important; } /*-------------------slideHome------------------------*/ #home-slider .slide-description{ display: none; } .slide-description { display: none; } img.attachment-slider.wp-post-image { height: 480px; } div#home-slider { margin-bottom: 40px; } body.home div#genkan .booking { background-image: none; margin-top: -145px; margin-right: 15px; background-color: rgba(0,0,0,0.5); background-blend-mode: saturation; width:100%; } #home-slider .flex-direction-nav a { top: 210px !important; } /*----------------contact--------------------*/ form#genkan_contact select{ width: 14%; max-width: 246px; position: relative; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; background: white url('img/select_arrow.png') no-repeat 92% center; background-size: 8%; border: solid 1px #e1e1e1; color: #7a7a7a; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; cursor: pointer; } form#genkan_contact input[type=submit] { padding: 14px 40px; } /*---------------------special------------------------*/ div#genkan div._specials .post-154 p:first-of-type { color: #444; font-style: italic; font-size: 16px; margin-bottom: 8px; } div#genkan > div._specials > article.entry { text-align: center; } /*---------------gallery-----------------*/ body.page-id-14 figure.item-thumb { height: auto; } /*---------------about-----------------*/ .entry h2.entry-title{ text-transform: uppercase; } /*-------------bookingWizard-------------------*/ div.booking_detail_info b { margin-left: 15px; } div.booking_detail_info b:first-child { margin-left: 0px; } div.details div._booking_data div.booking_detail_info { width: 90%; } /*----------------------Footer------------------------*/ div.widget_about img { box-shadow: none; /*width: 80px; margin-top: -10px; */} footer .col-md-4 aside .aside-container { min-height: 302px; } /*.fa{ font-size: 28px; margin-right: 22px; } */ div.welcome div#genkan .prop-w-details .room-thumb{ min-height: 155px; width: 240px; } div#genkan div.aside-container .col-sm-4 { width: 250px; } div#genkan .prop-w-details .no-border .room-thumb{ /*min-height: 162px; */ min-height: 200px; } div#genkan div.property_items_wrap .no-border h5, div.welcome div#genkan .no-border h5{ margin-bottom: 0px; } div#genkan a.add_favourite, div#genkan a.remove_favourite { text-decoration: none; color: #c80f0f; font-size: 12px; } div#genkan a.add_favourite:hover, div#genkan a.remove_favourite:hover{ color: #444; } div.fb-like-box.fb_iframe_widget > span { width: 238px !important; height: 227px !important; overflow: hidden; } .fb_iframe_widget iframe{ margin: -1px; box-shadow: none; } .fb_iframe_widget{ overflow: hidden; width: 236px; } /*------------changeColorBooking----------------*/ div#booking_wizard div#navigation ul li.info { background-color: #ea1515; } div#genkan div.check_availability_info h3 { color: #61c1e2; } div._spaces { color: #ea1515; float: left; } div#genkan div.check_availability_info h4 { color: #61c1e2; } a._back_to_prop, div#booking_wizard div#interface form input[type=submit], a.button.booking_back { background-color: #ea1515; } a._back_to_prop:hover, div#booking_wizard div#interface form input[type=submit]:hover, a.button.booking_back:hover{ background-color: #c80f0f; text-decoration: none; color: #fff; } div#booking_wizard div#interface form input[type=submit]{ padding: 9px 16px; height: 36px !important; } input:invalid, textarea:invalid{ /*background-color: #e2e5f0; */} ._detail_tabs ._tab.active { background-color:#ea1515; } div._booking_data div.booking_detail_total{ color: #ea1515; } div._extras_total{ color: #ea1515; } div.booking_complete div.ref_code { background-color:#ea1515; } div#booking_wrap a._back_to_prop:hover { color: #fff !important; } a.button.booking_back:hover{ color: #fff !important; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #fff !important; } div.ui-dialog-content.ui-widget-content p { color: #707070 !important; } div.termsWrap{ white-space: pre-wrap; } div.entry-content h2.space_top{ margin-top: 14px; } form.booking_wizard_form .form_item_wrap input[type=text].error { border: 1px solid red !important; } form.booking_wizard_form .form_item_wrap label.error { display: none !important; } /*------------END----changeColorBooking----------------*/ /*--------------------------------------- Media Query *Please Keep in the bottom * ---------------------------------------*/ /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { div#property_info{ float: left; } #overAllRating{display: none; } #review-shuffle{display: none; } #quick-add-fav{display: none; } #property_details #genkan_gMap{display: none; } .cr-thumbs-wrap{ display: none; } span#property_details_menu > a, span#property_details_menu{ width: 100%; float: left; } div.content-right{ display: none; } div#quick-book{ width: auto; height: auto; } div#quick-book div.inner-box{ width: 100%; } form#check_availability_overview_form{ width: auto; } form#check_availability_overview_form input[type="text"]{ width: 100%; } div#property_info div.content-left{ width: 100%; margin-right: 0; } div.property_features div.feature_name{ width: 100%; } div.property_features_wrapper ul.property_features_item li{ width: 100%; } div.bed_config { width: 100%; margin: 1.5% 0; } .wrapper.custom-background{ overflow: hidden; } div#property_details .main-content{ float: left; } li.dropdown-submenu ul.dropdown-menu{ position: relative; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { div#property_info{ float: left; } #overAllRating{display: none; } #review-shuffle{display: none; } #quick-add-fav{display: none; } #property_details #genkan_gMap{display: none; } .cr-thumbs-wrap{ display: none; } span#property_details_menu > a, span#property_details_menu{ width: 100%; float: left; } div.content-right{ display: none; } div#quick-book{ width: auto; height: auto; } div#quick-book div.inner-box{ width: 100%; } form#check_availability_overview_form{ width: auto; } form#check_availability_overview_form input[type="text"]{ width: 100%; } div#property_info div.content-left{ width: 100%; margin-right: 0; } div.property_features div.feature_name{ width: 100%; } div.property_features_wrapper ul.property_features_item li{ width: 100%; } div.bed_config { width: 100%; margin: 1.5% 0; } .wrapper.custom-background{ overflow: hidden; } div#property_details .main-content{ float: left; } li.dropdown-submenu ul.dropdown-menu{ position: relative; } } @media only screen and (max-width: 980px) { div.manage_step { display: none; } body.page-template-genkan-booking-manager-php .content { margin: 0 5px 0 0; } div#booking_manager div._navigation, div#booking_manager div._live { float: none; width: 100%; } div#booking_manager div._navigation ul li { width: 25%; float: left; padding: 5px 0px; height: 40px; } div#booking_manager ._navigation ul li:nth-child(1) { height: 40px; } div#booking_manager ._navigation ul li:nth-child(1) div._icon { margin-top: 0px; } div#booking_manager div#booking_manager_heading {left: 0px; width: 90%; padding: 6px 5%; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .cr-thumbs{ width: 100%; } li.dropdown-submenu ul.dropdown-menu{ position: relative; } } /* Small Devices, Tablets */ @media only screen and (max-width : 600) { .cr-thumbs{ width: 100%; } li.dropdown-submenu ul.dropdown-menu{ position: relative; } } p.contact_title { margin-bottom: -5px; margin-top: 10px; font-weight: bolder; } .faq_title { font-weight: bolder; text-transform: uppercase; font-size: 16px; color: #274c86; margin-top: 20px; } p.faq_detail { padding-left: 18px; } img.rate { margin-top: 25px; } div.ski_rate_wrap table tr td { padding: 5px; } div.ski_rate_wrap table { font-size: 11px; border: 1px solid #cecece; } div#genkan .ci_widget_room h3.widget-title { color: #444 !important; font-weight: normal; } div#genkan aside.no-border { border: 1px solid #bababa !important; } div#genkan aside.widget.widget_ci_book_room_widget.group { border: 1px solid #bababa; } div#genkan div.check_availability_info .details ._booking_data div._special > h5 { color: #fff !important; font-size: 20px; border-bottom: 1px solid #fff; padding-bottom: 8px; margin: 5px 0px 15px 0px; } div#booking_wrap ._detail_tabs ._tab { height: auto; padding: 0px 15px; } div.guest_item_wrap input[name=city], div.guest_item_wrap select[name=state]{ width: 34% !important; margin: 0 12px 0 0 !important; clear: right; } div.guest_item_wrap input[name=post_code] { width: 34% !important; margin: 0 12px 0 0 !important; float: left; } div#booking_wizard label[for=state] { clear: both; } div#booking_wizard label[for=country] { clear: none; } div#booking_wizard div.guest_item_wrap select[name=country] { width: 34% !important; } div#booking_wizard input._extra_item { float: left; } div.extra_desc i.Mastercard, div.extra_desc i.Visa { margin-right: 18px; } div.linkbox > p:first-of-type { float: left; margin: 0px 10px 10px 0px; } div#search_form_wrap form#search_form .booking-field.booking-action { margin-right: 0px; width: 20%; min-width: 135px; } .ci-testimonial h3.section-title {display: none; } .booking-field.advanced { float: left; width: 100px; }