/*
Theme Name: Japan Guest Houses Theme
Theme URI: http://experiencedmg.com
Description: Like a Western-style inn, maintaining the special, atmosphere and appearance is more important than providing the latest modern conveniences. Ryokans are the best way to experience Japanese culture and enjoy the true comforts of Japanese hospitality and service.
Author: Douglas Marketing Group
Version: 1.00
*/

@media print
{    
    .no-print  { display: none !important;  }
}

/* mobile style */

@media screen and (max-width: 768px) {
	a:visited, a:active, a:hover {
		border: none !important;
	}
	.newFormBlock form#register-account input {
	    width: 94% !important;
	    padding: 10px !important;
	}

	.lightSlider_wrap {
		margin-top: 85px !important;
	}

	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-bookthisryokan a, .ryokan-results .search-area .ryokan-search-display .rt-col p.btn-delthisryokan a {
	    float: left;
	    width: 100% !important;
	    box-sizing: border-box;
	}
	
	.ui-datepicker td span, .ui-datepicker td a {
		height: 30px;
   		border-radius: 4px;
	}
	.helppic {
		width: 100% !important;
	}
	.myAccount {
		background: #f7f7f7;
		border: 1px solid #f07e17;
	}
	.resource-header img, .resource-side-pic {
		margin-right: 0px !important;
		margin: 0px !important;
		width: 100% !important;
	}
	
	.global-search-content {
		width: 100% !important;
		margin:  0 !important;
	}
	.ryokan-results h2 {
		width: 100% !important;
	}

	.popular-dest-cont .popular-dests ul {
		width: 100% !important;
	}
	
	.pag-style-glob, .map-area, #map, .japan-map-itin-rt img, .map-direc {
		width: 100% !important;
	}
	
	.map-geo {
		width: 98% !important;
	}
	.global-search-content .search-rslts-bx {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	.resource-robe-box, .resource-robe, .resource-robe img, .global-search-content .search-rslts-bx, .global-search-content {
		width: 100% !important;
		height: auto !important;
	}
	
	.resource-side-pic img {
		    width: 40% !important;
    margin-top: 15px;
    height: auto;
	}
	
	#btnbooking {
		width: 100% !important;
		padding: 13px !important;
		margin: 10px 0 !important;
		-webkit-appearance: none;
	}
	
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-addfav a {
		width: 50% !important;
		box-sizing: border-box;
	}
	
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-moreinfo a {
	    width: 100% !important;
		box-sizing: border-box;
	}
	.register-pg, form#register-account, .newFormBlock form#register-account input {
    width: 100% !important;
	}
	.dest-top-lft {
		display:none !important;
	}
	 p {
		font-size: 16px !important;
	}
	._warning {
		width: 100% !important;
		font-size: 13px !important;
		box-sizing: border-box;
	}
	h2 {
		font-size: 2em !important;
	}
	form#register-account input#btreg-act, .newFormBlock form#register-account input#btreg-act{
		width: 100% !important;
		padding: 10px !important;
		margin: 20px 0px !important;
		box-sizing: border-box;
		-webkit-appearance:none;
	}
	
	.newFormBlock #signUpbtn {
		width: 100% !important;
	}
	
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-bookings a, .form_section {
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.user-bar, .ryokan-results .search-area h3 {
    width: 100% !important;
	}
	
	p.btn-userfav a, p.btn-userbook-active, p.btn-userbook a, p.btn-userfav-active {
		width: 50% !important;
		box-sizing: border-box;
		font-size: 13px  !important;
		padding:6px 0 3px 0 !important;
		margin:0 !important;
	}
	
	.ryokan-results .search-area .ryokan-search-display .mid-col h2 a {
		font-size: 22px !important;
	}
	
	.ryokan-results .search-area .ryokan-search-display .mid-col h3{
		font-size: 17px !important;
	}
	
	.ryokan-results .search-area .ryokan-search-display .mid-col h3 span a {
		font-size: 18px !important;
	}
	
	.hot-springs-content {
    width: 100% !important;
	}
	
	
	.booking-pg {
		padding:0px  !important;
	}
	
	.wrap_100 {
		padding:0px  !important;
	}
	
	h1 {
		font-size: 1.2em  !important;
	}
	input {
		font-size: 13px !important;
	}
	header {
		display:none;
	}
	table {
		font-size: 13px;
	}
	
	table.bookingTable td:nth-child(1) {
		width: 40% !important;
	}
	
	.conf_form {
		width: 100% !important;
		-webkit-appearance:none  !important;
	}
	
	.wrap_33, .wrap_50, .wrap_20, .wrap_60 {
		width: 100% !important;
	}
	.dest-top-rt {
		width: 100% !important;
	}
	
	.dest-top-rt p {
		display:none !important;
	}
	
	.dest-top-rt ul {
		width: 100% !important;
	}
	
	.dest-top-rt ul li {
		width: 100% !important;
	}
	
	.other-destinations {
		width: 100% !important;
		margin: 0 !important;
	}
	.other-destinations ul {
		width: 100% !important;
		min-height: 0 !important;
	}
	
	.other-destinations ul li {
		display: block !important;
		margin: 5px 0  !important;
		padding-left: 0  !important;
	}
	
	.other-destinations ul li.dest {
		width: 100% !important;
		display: block !important;
		padding: 10px !important;
		box-sizing: border-box;
	}
	
	.other-destinations ul li a {
		text-decoration: none !important;
		border: 1px solid !important;
		width: 100% !important;
		display: block !important;
		padding: 10px !important;
		box-sizing: border-box;
	}

	.resource-content {
		/*padding-top: 100px !important*/
	}

	.resource-content h3 {
		font-size: 20px !important;
	}
	
	.resource-content h5 {
    font-size: 1.2em !important;
	}
	
	.resource-content p {
		font-size: 16px !important;
		line-height: normal !important;
	}
			
		
	.content-container {
		width: 100% !important;
		padding: 100px 10px 10px 10px !important;
		box-sizing: border-box !important;
	}
	
	.container {
		width: 100% !important;
		padding: 0px !important;
		box-sizing: border-box !important;
	}

		
	form#guest_review, form#guest_review input, form#guest_review select, form#guest_review textarea, form#guest_review input#btn-reviewsubmit {
		width:100% !important;
		margin: auto 0 !important;
	}

	form#guest_review input#btn-addphoto {
		width: 100% !important;
	    box-sizing: border-box !important;
	    padding: 20px !important;
	}


	.slider-area-home {
		display:none;
	}
	
	.brn-bar-full {
		height: auto !important;
		padding-bottom: 30px !important;
		display:none !important;
	}

	.brn-bar-area {
		width: 100% !important;
	}
	
	.brn-bar-area h2 {
		font-size: 21px !important;
		padding: 10px 15px 10px 15px !important;
	}

	.brn-bar-area p {
		font-size: 12px !important;
		padding: 10px 15px 10px 15px !important;
	}
	
	p.orange-btn2 a {
		font-size: 15px !important;
	}

	#tabs {
		display:none !important;
	}
	
	
	.ui-tabs #tabs-1, .ui-tabs #tabs-2 {
		width: 100%;
		height: auto;
	}
	
	p.short {
		padding: 0px !important;
		margin: 5px 0px !important;
		width: 100% !important;
		font-size: 13px !important;
	}
	h2.short { 
    margin-left: 10px !important;
	}
	.ryokan-results .search-head-img {
		width: 100% !important;
	}
	
	.ryokan-results .search-head-img img {
		display:none  !important;
		margin: auto !important;
	}
	
	.ryokan-results .search-dest-descrip p { 
		width: 100% !important;
		margin: 0 !important;
	}
	.ryokan-results .search-area {
		width: 100% !important;
		margin: 0 !important;
	}
	.ryokan-results .search-area .ryokan-search-display .mid-col {
		margin: 0 !important;
		width: 100% !important;
	}
	
	.ryokan-results .search-area .ryokan-search-display {
		width: 100% !important;		
	}
	
	.ryokan-results .search-area .ryokan-search-display .lft-col {
		width: 100% !important;	
	}
	
	.ryokan-results .search-area .ryokan-search-display .lft-col img {
		width: 100% !important;	
		height: auto !important;	
	}
	.ryokan-results .search-area .sort-by {
		display:none !important;	
	}
	.ryokan-results .search-area .ryokan-search-display .rt-col {
		float: none !important;	
		width: 100% !important;	
		clear: both !important;	
	}
	
	#ryokan_desc_desktop {
		display:none !important;	
	}
	
	.ryokan-display-single p, .ryokan-display-single #facilities ul li {
    font-size: 16px !important;	
	}
	.ryokan-display-single h2 {
    font-size: 28px !important;	
	}
	
	
	
	.pag-style {
		width: 100% !important;	
		margin: 20px auto !important;	
		clear: both !important;	
		display: block !important;	
	}
	
	.popular-dest-cont .pop-dest-headers h2 {
		float: none !important;	
		border-bottom: 1px solid grey !important;	
		width: 100% !important;	
		padding: 10px !important;	
		box-sizing: border-box;
	}
	
	.popular-dest-cont .pop-dest-headers h2 span {
		margin: 5px 20px 0 20px !important;
	}
	
	.popular-dest-cont {
		width: 100% !important;
	}
	.popular-dest-full {
		padding:0 !important;
	}
	footer {
		height: auto !important;
	}
	.foot-area {
		width: 100% !important;
	}
	
	.foot-area .col-rt {
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
		padding: 10px !important;
		box-sizing: border-box;
	}
	
	.foot-area .col-rt a img {
		width: 100% !important;
	    height: auto !important;
	}
	.foot-area .col-links, .foot-area .col-map {
		float: left !important;
		margin: 0 !important;
		padding: 10px !important;
		box-sizing: border-box;
		display: inline-table;
		width: 40% !important;
		background-color: #443932 !important;
	}
	
	.foot-area .col-con {
		float: left !important;
		margin: 0 !important;
		padding: 10px !important;
		box-sizing: border-box;
		display: inline-table;
		width: 100% !important;
		background-color: #443932 !important;
	}
	
	.foot-area .col-rt p {
		line-height: normal !important;
	}
	
	.sub-footer　{
		clear:both;
	}
	
	.sub-footer-area {
		width: 100% !important;
	}
	.sub-footer-area p.lft {
		width: 100% !important;
		margin-right: 0 !important;
		padding: 10px !important;
		box-sizing: border-box !important;
	}
	
	.ryokan-display-single, .ryokan-display-single .ryokan-header, .ryokan-display-single .ryokan-header-left, .ryokan-display-single  p.desc {
		width: 100% !important;
	}
	
	.ryokan-display-single .ryokan-header-right{
		width: 100% !important;
		float: none !important;
	}
	ul#itemContainer {
		width: 100% !important;
	}
	ul#itemContainer li {		
		width: 50% !important;
		height: 240px !important;
	}
	
	.ryokan-display-single .ryokan-header-right ul {
		width: 100% !important;
	}
	
	p.btn-addfavorite a {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	p.btn-booknow a {
		width: 100% !important;
		padding: 29px !important;
		margin: 5px 0px 10px !important;
		box-sizing: border-box !important;
	}
	
	p.btn-orange a {
		width: 100% !important;
		padding: 10px !important;
		margin: 5px 0 !important;
		box-sizing: border-box !important;
	}
	
	.ryokan-display-single h4 {
		font-size: 17px !important;
	}
	
	.stars {
		float: none !important;
	}
	
	.address-single {
		display:none !important;
	}
	
	.image_carousel {
		width: 70% !important;
	}
	
	.review-bx {
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.resource-content {
		width: 100% !important;
	}
	
	.review-bx .rating p {
		display: block !important;
	}
	
	.card {
	    display: block !important;
		float: none !important;
		margin: 10px auto !important;
	}
	
	.mobile_header {
		width: 100%;
		display: block !important;
		position:fixed;
		top:0;
		z-index:999;
		box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
	}
	
	.header_top {
		display:block !important;	
		position:relative;		
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */		
		width: 100%;
		box-sizing: border-box;
		z-index:99;
		border-bottom: 1px solid #d1cbc4;
	}
	
	form#login input#btnlogin_mobile {
	    display: block;
		width: 95% !important;
		padding: 10px;
		height: auto;
		font-size: 14px;
		color: #ffffff;
		background-color: #f07e17;
		text-decoration: none;
		text-align: center;
		margin: 14px 5px;
		border: none;
		box-sizing: border-box;
		clear: both;
		-webkit-appearance:none;
	}
	
	.mobile_icon {
	    font-size: 37px;
		color: #959393;
		padding: 0 0 0 8px;
	}		
	
	#searchinput_mobile {
		float:left;
		width: 70%;
		padding:10px;
		-webkit-appearance:none;
	}
	
	.mobile_search_btn{
		background: none;
		border: none;
		-webkit-appearance: none;
	}
	
	.mobile_search_btn:hover {
	    cursor:pointer;
	}
	.mobile_nav {
		margin:0px;
		display:block !important;
		background: #eae8e6;
		overflow:auto;
	}
	
	.mobile_nav ul {
		width:100%;
	}
	.mobile_nav ul li {
		display: inline-block;
		float: left;
		box-sizing: border-box;
	    padding: 10px;
		text-transform: uppercase;
		text-align: center;
		border: 1px solid #d1cbc4;
		margin: 0;
		width:100%;
		color: black;
		-webkit-appearance:none;  
		list-style: none;
	}
	
	.mobile_nav ul li:hover, .mobile_nav ul li:focus, .mobile_nav ul li:active {
		background: #d6b79b !important;
	} 
	
	
	.icon_float_right {
		float:right;
		padding: 10px 10px 0;
	}
	
	.menu_btn {
	    float: right;
		padding: 13px;
		background: #f07e17;
		margin: 5% 10px 6% 5px;
		border-radius: 5px;
		font-weight: bold;
		color: white;
	}
	#mobile_desc {
		display:block !important;
	}
	

}
@media screen and (max-width: 580px) and (min-width: 521px) {
	ul#itemContainer li {	
		height: 195px !important;
	}
}
	
@media screen and (max-width: 520px) and (min-width: 0px) {
	ul#itemContainer li {	
		height: 120px !important;
	}
}	
/* desktop styles*/
	.li_title {
		display: inline-block;
		float:left;
		width:80%;
	}
	#mobile_desc {
		display:none
	}
	.mobile_header {
		display:none;
	}
	
	 .mobile_nav {
		display:none;
	}
	.mobile_logo {
		width: 25%;
		float: left;
		max-width: 80px;
	}
	.mobile_search {
		width: 100%;
		display: inline-block;
	}
	
	.mobile_login {
		width: 100%;
		display: inline-block;
	}
	

	.mobile_100  {
		width: 100% !important;			
	}
	
	.mobile_input {
		padding: 10px;
		width: 40% !important;
		display: inline-block;
		float: left;
		margin: 5px !important;			
	}
	
	form#search-area_mobile {
		float: left;
		margin: 0;
		width: 100%;
	}
	
	.search_icon_mobile {
		border:none;
	}
	
	* {
		outline: 0;
		padding: 0;
		margin: 0;
		outline:none;
		
	}

	html {  }
	img { border:0; outline:0; outline:none; }
	.clearfix { clear:both; float:none; }
	.nobor { border:0; border:none; }
	img.nomar { margin:0 0 0 0; padding:0; }

	h2.notif { font-size:16px; text-align:center; font-weight:normal; padding:20px 0; }
	h2.notif a { font-size:16px; color:#9d2e38; text-decoration:underline; font-weight:bold; }
	h2.notif a:hover { text-decoration:none; }

	.red {margin-top: 40px; margin-bottom: 20px; color: #c01c37 !important;}
	.helppic { float:left; display:inline-block; width:600px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); margin-right: 20px; margin-top:20px; margin-bottom:40px;}
	.clear {clear:both;}

	h2.notif-rd { font-size:16px; text-align:center; padding:20px 0; color:#ffffff; background-color:#9d2e38; width:500px; margin:auto; }

	h2.err-frm {display:inline-block !important; font-size:14px;  color:red !important;  }

	body {
		background: #eae8e6; 
		color:#000000;
		font-family: 'Muli', sans-serif;
		font-weight:normal;
		font-style:normal;
	}

	.content-container, .container {
		margin: 0px auto;
		width: 1024px ;
		background-color:#ffffff;
	}
	.content-container { padding: 2rem }
	/*{ padding:40px 0; }*/



	header {
		background-color:#ffffff;
		height:200px;
		width:100%;	
	}
	.head {
		width:1024px;
		height:200px;
		margin:auto;
	/*	background-image:url(images/jgh-head-bg.png);*/
	overflow: hidden;
	position: relative;
	}
	.head img.bg-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -86px;
}
	.head img.logoimg { position:relative; z-index:1000; width: 200px;}
	.head img { 
		float:left;
	}



	.searchbx {
		width: 728px;
    height: 210px;
    float: left;
    z-index: 50;
    position: absolute;
    right: 0;
    top: -18px;
	}

	.searchbx .col-search {
		float:right;
		width:250px;
		margin:10px 0 0 0;
	}
	.searchbx .col-login {
		float:right;
		width:200px;
		margin:0 0 0 25px;
	}
	.searchbx .col-login p.btn-signup a { float:left; width:170px; padding:2px; font-size:12px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0; }
	.searchbx .col-login p.btn-signup a:hover { background-color:#af323d; }
	.searchbx .col-search h3 { font-size:20px; font-weight:normal; padding-left:25px; }
	.searchbx .col-search p { font-size:11px; font-weight:normal; padding-left:25px; width:63%; }



	form#search-area { float:left; margin:165px 0 0 0; }
	form#search-area input#searchinput { float:left; width:200px; font-size:15px; height:26px; border:1px solid #5d5d5d; z-index:10; }
	form#search-area input#btnsubmit { float:left; width:30px; height:26px; background-image:url(../png/head-mag-glass.png); border:1px solid #5d5d5d; padding:0; margin:-26px 0 0 200px; background-color:white; }
	form#search-area input#btnsubmit:hover { cursor:pointer; }

	.searchbx .col-login h4 { font-size:13px; color:#626262; margin:130px 0 0 0; font-weight:normal; }  
	.searchbx .col-login h4 span { font-style:italic; }
	.searchbx .col-login p { float:left; display:block; font-size:13px; color:#626262; margin:5px 0 0 0; font-weight:normal; } 

	.searchbx .col-login .err-msg { color:#ff0000; font-size:11px; position:relative; top:20px; bottom:20px; margin:0 0 -15px 0; }

	form#login { margin:30px 0 0 0; }
	form#login input { font-size:12px; height:20px; margin:5px 0; width:170px; }
	form#login input#btnlogin { float:left; display:block; /*width:174px !important*/; padding:2px 2px; font-size:12px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:5px 0 0 0; border:0; }
	form#login input#btnlogin:hover { cursor:pointer; background-color:#f98216; }



	/*login page*/
	p.login { text-align:center; font-size:18px; margin:0 0 15px 0; }
	p.login a { color:#f07e17; text-decoration:underline; }
	p.login a:hover { text-decoration:none; }

	.col-login p.act a { margin:10px 0 0 0; }
	.col-login p.act a:hover { text-decoration:none; }
	.col-login img.cart { margin:-25px 0 0 70px; float:left; }
	.col-login p.user-pass-txt { float:left; padding:30px 0 0 0; }
	.col-login p.forgot-pass a { float:left; color:#9d2e38; text-decoration:underline; font-size:12px; margin:3px 0 0 0; }
	.col-login p.forgot-pass a:hover { text-decoration:none; }

	.searchbx .col-login p.btnlogout a { display:block; width:200px; padding:2px; font-size:12px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:5px 0; border:0; }
	.searchbx .col-login p.btnlogout a:hover { background-color:#f98216; }

	.searchbx .col-login p.myact a { display:block; width:200px; padding:2px; font-size:12px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0; border:0; }
	.searchbx .col-login p.myact a:hover { background-color:#af323d; }




	.brn-bar-full {
		width:100%;
		background-color:#443932; 
		height:142px;	
	}
	.brn-bar-area {
		width:1024px;
		margin:auto;
		font-family: 'Open Sans', sans-serif;
		
	}
	.brn-bar-area h2 {
		font-size:36px;
		color:#ffffff;
		padding:20px 0 0 20px;
		font-weight:400;
	}
	.brn-bar-area p {
		font-size:15px;
		color:#ffffff;
		padding:0 0 0 20px;
		font-weight:400;
	}


	.slider-area-home {
		width:1024px;
		margin:auto;
		height:387px;
		background-color:#9d2e38;
	}

	h2.short { font-size:22px; margin-left:30px; display:block; }
	p.short { margin:10px 0 0 30px; width:324px; font-size:15px; }


	.popular-dest-full {
		width:100%;
		background-color:#d1cbc4;
		padding:15px 0;
		float:left;
	}
	.popular-dest-cont {
		width:976px;
		margin:auto;
	}


	.popular-dest-cont .pop-dest-headers h2 { float:left; font-size:20px; }
	.popular-dest-cont .pop-dest-headers h2.popdest { margin-right: 160px;}
	.popular-dest-cont .pop-dest-headers h2.season { margin-right: 74px; }
	.popular-dest-cont .pop-dest-headers h2.hs {margin-right:0px;  }
	.pop-hover:hover { cursor:pointer; }


	.popular-dest-cont .popular-dests ul { float:left; list-style:none; width:325px; margin:20px 0 0 0;  }
	.popular-dest-cont .popular-dests ul li { margin:0 0 6px 0; }
	.popular-dest-cont .popular-dests ul li a { margin:0; font-size:14px; text-decoration:underline; color:#000000; }
	.popular-dest-cont .popular-dests ul li a:hover { text-decoration:none; }

	.popular-dest-cont .seasonal ul { float:left; list-style:none; width:241px; margin:20px 70px 0 70px;  }
	.popular-dest-cont .seasonal ul li { font-size:14px; margin:0 0 10px 0; padding:0 5px 10px 5px; border-bottom:1px solid #000000; }
	.popular-dest-cont .seasonal ul li a { margin:0; font-size:14px; text-decoration:underline; color:#000000; }
	.popular-dest-cont .seasonal ul li a:hover { text-decoration:none; }

	.popular-dest-cont .hs-rt ul { float:left; list-style:none; width:270px; margin:20px 0 0 0; }
	.popular-dest-cont .hs-rt ul li { float:left; font-size:14px; margin:5px 0; padding:0 0 10px 0; }
	.popular-dest-cont .hs-rt ul li.img img { float:left; -moz-box-shadow:1px 1px 1px 1px #969696; -webkit-box-shadow: 1px 1px 1px 1px #969696; box-shadow:1px 1px 1px 1px #969696; border:5px solid #ffffff; }
	.popular-dest-cont .hs-rt ul li.loca { float:left; padding:5px; background-color:#60605f; color:#ffffff; width:260px; }
	.popular-dest-cont .hs-rt ul li.logos { float:right; }
	.popular-dest-cont .hs-rt ul li.logos a img { float:left; margin:0 3px; }
	.popular-dest-cont .hs-rt ul li.learnmore { text-align:right; float:right; }
	.popular-dest-cont .hs-rt ul li.learnmore a { text-align:right; color:#c01c37; text-decoration:underline; padding:3px; display:block; }
	.popular-dest-cont .hs-rt ul li.learnmore a:hover { text-decoration:none; }
	.popular-dest-cont .hs-rt ul li.desc { font-size:13px; }



	.popular-dest-cont .pop-dest-headers h2 span { 	width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent;	border-top: 20px solid #443932; float:right; margin:5px 0 0 20px; }
	.popular-dest-cont .pop-dest-headers h2 span.popdest {margin:5px 30px 0 0px;}

	/*FAQ page*/

	resource-content div.faq {border: 1px solid #eae8e6; margin-top:10px;}
	resource-content p.faqtitle {font-size:25px !important; font-weight:normal; background-color:#eae8e6 !important; padding:5px 0 5px 15px; margin:0 !important;}



	.pad {padding: 10px 15px 10px 15px}

	/*destination pages*/

	.dest-top-lft { float:left; width:500px; }
	.dest-top-rt { float:right; width:350px; }
	.dest-top-rt h2 { margin:10px 0; padding:0; font-size:35px; }
	.dest-top-rt h3 { margin:15px 0; padding:0; font-size:30px; }
	.dest-top-rt p { font-size:15px; width:70%; }
	.dest-top-rt ul { list-style:none; margin:10px 0; }
	.dest-top-rt ul li { display:block; margin:5px 0; }
	.dest-top-rt ul li a { color:#f07e17; font-size:20px; text-decoration:underline; }
	.dest-top-rt ul li a:hover { text-decoration:none; }

	.other-destinations { float:left; width:100%; margin:15px 0 40px 32px; border-bottom: 1px solid #dbdbdb; }
	.other-destinations ul { list-style:none; width:25%; padding-bottom: 30px;   display: inline-table;  }
	.other-destinations ul li { display:block; margin:5px 0; padding-left:10px; }
	.other-destinations ul li.dest { background-color:#eae8e6; display:block; padding:5px 0 5px 10px; }
	.other-destinations ul li a { color:#f07e17; font-size:18px; text-decoration:underline; }
	.other-destinations ul li a:hover { text-decoration:none; }
	.other-destinations h3 { margin:15px 0; font-size:22px; padding:0; }

	/*global-search-content*/
	.global-search-content h2 { margin:0 0 20px 0; }
	.global-search-content { width:935px; margin:auto; }
	.global-search-content h3 a { color:#f07e17; font-size:15px; font-weight:normal; }
	.global-search-content h3 a:hover { text-decoration:none; }
	.global-search-content p { font-size:13px; margin:8px 0; } 
	.global-search-content .search-rslts-bx { float:left; width:400px; height:150px; margin:0 33px 20px 33px; }

	.global-search-content .dym { width:935px; float:left; margin:0 0 20px 0; font-style:italic; }
	.global-search-content .dym a { color:#f07e17; text-decoration:underline; }
	.global-search-content .dym a:hover { text-decoration:none; }

	/*resource content*/
	.resource-content{
		width:935px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}


	.hot-springs-content{
		width:950px;
		margin:35px auto 0 auto;
	}
	.hot-springs-content p { width:100%; display:block; padding:15px 0 0 0; margin:10px 0 0 0; }
	.resource-content h1{
		font-size:36px;
		font-weight:normal;
	}
	.resource-content h1 span { display:block; font-size:22px; }
	.resource-content h2{
		font-size:30px;
		font-weight:normal;
		padding:0; margin:0;
	}
	.resource-content h3 { font-size:25px; font-weight:normal; background-color:#eae8e6; padding:5px 0 5px 15px; margin:0 0 10px 0; }
	.resource-content h4 { font-size:25px; font-weight:normal; padding:0 0 0 15px; margin:10px 0; }
	.resource-content h5 { font-size:25px; font-weight:normal; padding:0; margin:10px 0; }
	.resource-content h6 { font-size:15px; font-weight:bold; padding:0; margin:10px 0 0 0; }

	.resource-content p{
		font-size:15px;
		line-height:22px;
		margin-bottom:10px;
	}
	.resource-content p.ind{
		font-size:15px;
		line-height:22px;
		padding:0 0 0 15px;
		margin:0 0 10px 0;
	}
	.resource-sr-bx { padding:0 0 5px 0; border-bottom:1px solid #eae8e6; }
	.resource-content p.ind a{
		color:#f07e17;
		margin:0 0 10px 0;
	}
	.resource-content p a{
		color:#f07e17;
		text-decoration:underline;
	}
	.resource-content p a:hover{ text-decoration:none; }
	.resource-content ol li {
		margin:5px 0;
		font-size:15px;
	}
	.resource-content ol li a{
		color:#000000;
	}
	.resource-content ol li a:hover{
		text-decoration:none;
	}
	.resource-content p span{
		color:#791111;
	}
	.resource-content ul{
		margin-left:15px;
		margin-bottom:10px;
	}
	.resource-content ul li { font-size:15px; margin:5px 0; }
	.resource-content ul li a, .resource-content a { color:#f07e17; text-decoration:underline; }
	.resource-content ul li a:hover, .resource-content a:hover { text-decoration:none; }
	.resource-content ul p{
		margin:0px;
	}

	.resource-content ul.payment { list-style:none; margin:20px 0; }
	.resource-content ul.payment li { width:900px;  }
	.resource-content ul.payment li span { float:left; margin:0 0 0 50px; width:300px;  }

	.resource-content img.side{
		float:left;
		margin:0px 15px 25px 0px;
	}
	.resource-content ol{
		margin-left:30px;
		margin-bottom:10px;
	}
	.resource-header{
		margin-top:25px;
		margin-bottom:15px;
	}
	.resource-header img{
		margin-right:10px;
	}
	.resource-side-pic {
		display:block;
		margin:10px 10px 10px 20px;
		float:left;
		width:935px;
	}


	.hot-springs-side-pic{
		margin:10px 10px 10px 0;
	}
	.hot-springs-side-pic p { padding:0; margin:10px 0; display:block; }
	.resource-side-pic img{
		float:left;
		margin-right:15px;
	}
	.hot-springs-side-pic img{
		float:left;
		margin:0 15px 15px 0;
	}
	.resource-robe-box{
		width:725px;
		height:670px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
	}
	.resource-robe{
		width:200px;
		height:335px;
		float:left;
		margin:10px 40px 0px 0px;
	}
	.resource-robe p{
		margin:0px;
	}




	/*footers*/
	footer {
		background-color:#443932;
		width:100%;
		height:251px;
	}
	.foot-area {
		width:976px;
		margin:auto;
	}
	.foot-area .col-rt { 
		float:left;
		margin:0 80px 0 0;
		width:270px; 
	}
	.foot-area .col-rt p { color:#ffffff; font-size:13px; line-height:24px; }
	.foot-area .col-rt p a { color:#f07e17; text-decoration:none; }
	.foot-area .col-rt p a:hover { text-decoration:underline; }
	.foot-area .col-links { 
		float:left;
		margin:25px 75px 0 0;
		width:150px;
	}
	.foot-area .col-map { 
		float:left;
		margin:25px 50px 0 0;
		width:120px;
	}
	.foot-area .col-map a { margin:0 10px; }
	.foot-area .col-con { 
		float:left;
		margin:25px 0 0 0;
		color:#ffffff;
		width:210px;
	}
	.foot-area .col-con a { color:#f07e17; text-decoration:none; font-size:12px; float:right; text-align:right; }
	.foot-area .col-con a:hover { text-decoration:underline; }
	.foot-area .col-con h3 { font-size:20px; font-weight:normal; text-align:left; width:210px; }
	.foot-area .col-con p { font-size:11px; width:74%;  }
	.foot-area .col-con ul { list-style:none; width:210px; float:left; margin:0; padding:0; }
	.foot-area .col-con ul li { display:inline; float:left; }

	.foot-area h2 {
		font-size:24px;
		font-weight:normal;
		color:#ffffff;
		margin:0 0 10px 0;
	}
	.foot-area ul { list-style:none; }
	.foot-area ul li { 
		font-size:11px;
		color:#ffffff;
		margin:6px 0;
	}
	.foot-area ul li a { color:#ffffff; text-decoration:none; font-size:11px; }
	.foot-area ul li a:hover { text-decoration:underline; }

	.sub-footer {
		width:100%;
		height:158px;
		background-color:#ffffff;
	}
	.sub-footer-area {
		width:976px;
		margin:auto;
		color:#7a7a7a; font-size:11px;
	}
	.sub-footer-area p.lft { float:left; width:282px; margin-right:40px; padding:20px 0; }
	.sub-footer-area p.rt { float:left; width:482px; margin-left:30px;  padding:20px 0; }
	.sub-footer .dmg { width:976px; float:left; }
	.sub-footer .dmg a { color:#7a7a7a; font-size:11px; text-decoration:none; }
	.sub-footer .dmg a:hover { text-decoration:underline; }
	.page #content {
		width:940px;
		float:none;
	}


	/*carousels-main-hotspring*/
	.image_carousel { padding: 10px; position: relative; width:875px; margin:auto; background-color:#dcd8d4; }
	#foo2 { background-color:#ffffff; margin:0 0 0 2px; }
	#foo2 a { float:left; display:block; }
	.image_carousel img { border: 1px solid #ccc; background-color: white; padding:2px; margin: 0px; width:100%; height:145px; float:left; z-index:10; }
	.image_carousel img:hover { border:1px solid #99867a; cursor:pointer; }
	.image_carousel a.prev, .image_carousel a.next { background: url(../png/prev-next.png) no-repeat transparent; width: 45px; height: 50px; display: block; position: absolute; top: 75px; }
	.image_carousel a.prev { left: -42px; background-position: 0 0; }
	.image_carousel a.prev:hover { background-position: 0 -50px; }
	.image_carousel a.next { right: -42px; background-position: -50px 0; }
	.image_carousel a.next:hover { background-position: -50px -50px; }
	.image_carousel a.prev span, .image_carousel a.next span { display: none; }
	.image_carousel .clearfix-caro { float: none; clear: both; }
	.image_carousel a { text-decoration:none; z-index:10; position:relative; }
	.image_carousel p { position:absolute; background-color:#eae8e6; opacity:0.8; padding:5px 3px; font-size:12px; color:#000000; text-decoration:none; z-index:100; width:206px; margin:124px 0 0 3px; }


	.carou-title { font-size:22px; padding:10px 0 5px 60px; display:block; margin:50px 0 0 0; }
	.carou-title-spring { font-size:22px; padding:10px 0 5px 60px; display:block; margin:15px 0 0 0; }
	.carou-title-gp { font-size:20px; padding:10px 0; width:900px; margin:0; display:block; }



	/* ryokan - search pages -*/

	.ryokan-results h2 { display:block; font-size:35px; margin:10px auto; font-weight:normal; width:900px; }
	.ryokan-results .search-head-img { width:935px; margin:0 auto 15px auto; }
	.ryokan-results .search-head-img img { float:left; margin:0 25px 0 0; } 
	.ryokan-results .search-head-img img.nomar { float:left; margin:0 0 0 0; } 
	.ryokan-results .search-dest-descrip p { float:left; width:935px; font-size:15px; display:block; margin:15px 0 15px 44px; }

	/*ryokan search results - display */

	.ryokan-results .search-area { float:left; width:935px; margin:20px 0 20px 44px; }
	.ryokan-results .search-area .sort-by { float:left; width:935px; font-size:22px; margin:0 0 30px 0; }
	.ryokan-results .search-area .sort-by p { float:left; margin:0 30px 0 0; font-size:25px; }
	.ryokan-results .search-area .sort-by form#sort-ryokan-by { float:left; }
	.ryokan-results .search-area .sort-by form#sort-ryokan-by .wrap { float:left; background-color:#eae8e6; padding:4px 0; margin:0 10px; border:1px solid #333; }
	.ryokan-results .search-area .sort-by form#sort-ryokan-by p { float:left; margin:0 10px; font-size:20px;  }
	.ryokan-results .search-area .sort-by form#sort-ryokan-by p label { float:left; margin:0 4px; }
	.ryokan-results .search-area .sort-by form#sort-ryokan-by #btnsort { float:left; background-color:#f07e17; border:0; color:#ffffff; text-decoration:none; font-size:20px; width:150px; padding:5px; margin:0 10px; }
	.ryokan-results .search-area .sort-by form#sort-ryokan-by #btnsort:hover { cursor:pointer; background-color:#f98216; }

	.ryokan-results .search-area .ryokan-search-display { float:left; margin:20px 0; padding:0 0 15px 0; border-bottom:1px solid #000000; width:935px; }
	.ryokan-results .search-area .ryokan-search-display .lft-col { float:left; width:210px;  }
	.ryokan-results .search-area .ryokan-search-display .lft-col ul { float:left; list-style:none; width:210px; margin:10px 0 2px 0; }
	.ryokan-results .search-area .ryokan-search-display .lft-col ul li { float:left; margin:0 3px; display:inline; }
	.ryokan-results .search-area .ryokan-search-display .lft-col ul li img { border:0; box-shadow:none; }
	.ryokan-results .search-area .ryokan-search-display .mid-col { float:left; margin:0 28px; width:410px; }
	.ryokan-results .search-area .ryokan-search-display .rt-col { float:left; width:259px; }
	.ryokan-results .search-area .ryokan-search-display .lft-col img { float:left; -moz-box-shadow:1px 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow:1px 1px 1px 1px #ccc; border:10px solid #ffffff; }
	.ryokan-results .search-area .ryokan-search-display .mid-col h2 { margin:0 0 10px 0; padding:0; font-size:27px; font-weight:normal; }
	.ryokan-results .search-area .ryokan-search-display .mid-col h2 a { margin:0 0 10px 0; padding:0; font-size:27px; font-weight:normal; text-decoration:underline; color:#000000; }
	.ryokan-results .search-area .ryokan-search-display .mid-col h2 a:hover { text-decoration:none; }
	.ryokan-results .search-area .ryokan-search-display .mid-col h3 { margin:0 0 10px 0; padding:0; font-size:19px; font-weight:normal; }
	.ryokan-results .search-area .ryokan-search-display .mid-col h3 span a { color:#f07e17; text-decoration:underline; font-size:19px; font-weight:normal; }
	.ryokan-results .search-area .ryokan-search-display .mid-col h3 span a:hover { text-decoration:none; }
	.ryokan-results .search-area .ryokan-search-display .mid-col p { font-size:15px; }
	.ryokan-results .search-area .ryokan-search-display .rt-col .price p, .price-fav p { float:left; font-size:20px; display:block; width:259px; margin:40px 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col .rating p { float:left; font-size:20px;  margin:0 0 15px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col .price p span a, .ryokan-results .search-area .ryokan-search-display .rt-col .rating p span a, .price-fav p span a { font-size:20px; color:#f07e17; text-decoration:underline; margin:0 2px; }
	.ryokan-results .search-area .ryokan-search-display .rt-col .price p span a:hover, .ryokan-results .search-area .ryokan-search-display .rt-col .rating p span a:hover, .price-fav p span a:hover { text-decoration:none; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-moreinfo a { float:left; width:249px; padding:5px; font-size:20px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-moreinfo a:hover { background-color:#f98216; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-addfav a { float:left; padding:5px; width:100px; font-size:14px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0 10px 0 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-book a { float:left; padding:5px; width:129px; font-size:14px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-addfav a:hover, .ryokan-results .search-area .ryokan-search-display .rt-col p.btn-book a:hover { background-color:#af323d; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p span.srch-price { text-decoration:underline; color:#f07e17; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p span.srch-price:hover { cursor:pointer; text-decoration:none; }

	/*single ryokan styling*/
	.ryokan-display-single {
		width:935px;
		margin-left:auto;
		margin-right:auto;
		background-color:#FFFFFF;
		padding-bottom:40px;
	}
	.ryokan-display-single .ryokan-header {
		width:935px;
		float:left;
		margin:0 0 20px 0;
	}

	.ryokan-display-single  p.desc { width:935px; margin:15px 0; } 
	.ryokan-display-single .ryokan-header-left {
		width:350px;
		float:left;
	}
	.ryokan-display-single .ryokan-header-left ul { float:left; margin:10px 0 0 0; padding-bottom:10px; border-bottom:1px solid #eae8e6; width:250px; }
	.ryokan-display-single .ryokan-header-left ul li { float:left; display:inline; margin:0 2px;  }
	.ryokan-display-single .ryokan-header-left ul li span { float:left; width:120px; }

	.ryokan-display-single .ryokan-header-right ul { float:right; display:block; margin:10px 0; width:550px; padding:10px 0; }
	.ryokan-display-single .ryokan-header-right ul li { float:left; display:inline; font-size:15px; margin:10px 15px 0 0; }
	.ryokan-display-single .ryokan-header-right ul li a { color:#f07e17; text-decoration:underline; }
	.ryokan-display-single .ryokan-header-right ul li a:hover { text-decoration:none; }
	.ryokan-display-single .ryokan-header-right ul li span { float:left; margin:0 5px 0 0; font-weight:bold; }


	.address-single { float:left; padding-bottom:15px; border-bottom:1px solid #eae8e6; display:block; width:250px;  }

	.ryokan-display-single .ryokan-header-right {
		width:585px;
		float:right;

	}
	.ryokan-display-single h2 {
		font-size:36px;
		font-weight:normal;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	.ryokan-display-single h4 {
		font-size:22px;
		font-weight:normal;
		margin:10px 0;
		padding:0px;
		clear:both;
		
	}
	.ryokan-display-single h4 a { color:#f07e17; text-decoration:underline; }
	.ryokan-display-single h4 a:hover { text-decoration:none; }

	.ryokan-display-single h4 span.srch-price { text-decoration:underline; color:#f07e17; }
	.ryokan-display-single h4 span.srch-price:hover { cursor:pointer; text-decoration:none; }
	.ryokan-display-single h4.add { background-color:#eae8e6; padding:2px; display:block; width:300px; }
	p.btn-orange a {
		background-color:#f07e17;
		width:211px;
		padding:5px;
		float:left;
		margin:10px 0;
		color:#ffffff;
		font-size:20px;
		text-decoration:none;
		text-align:center;

			
	}	
	p.btn-orange a:hover {
		background-color:#f98216;
	}
	.ryokan-display-single p {
		font-size:15px;
		margin:0px;
		padding:0px;
	}
	.ryokan-display-single .ryokan-header-right img {
		-moz-box-shadow:1px 1px 1px 1px #ccc;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow:1px 1px 1px 1px #ccc;
		border:10px solid #ffffff;
		margin:3px;
		float:right;
	}
	.ryokan-display-single #facilities {
		margin-top:15px;
		
	}
	.ryokan-display-single .facilities-header {
		margin-top:5px;
		background-color:#f07e17;
		padding:5px;
	}
	.ryokan-display-single .facilities-header h3 {
		margin:0 0 0 30px;
		color:#ffffff;
		font-weight:normal;
		font-size: 1em;
	}
	.ryokan-display-single .facilities-header span.icon { float:left; margin:7px 0 0 12px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid white; }
	.ryokan-display-single .facilities-header a {
		text-decoration:none;
		color:#ffffff;
	}
	.ryokan-display-single #facilities ul {
		margin:5px;
		padding:0px;
		list-style-type:none;
	}
	.ryokan-display-single #facilities ul li {
    border-bottom: 1px solid #eae8e6;
    padding: 2px 0;
    min-height: 30px;
    width: 100%;
/*    display: inline-flex;
    background-color: #ffffff;
    justify-content: space-between;*/
	}
	.ryokan-display-single #facilities ul li span.icon-y, .ryokan-display-single #facilities ul li span.icon-n , .ryokan-display-single #facilities ul li span.icon-t {
		float:right;
		margin:2px 0 0 0;
	}
	span.icon-y { background-image:url(../png/icon-check.png); height:24px; width:25px; }
	span.icon-n { background-image:url(../png/icon-notchecked.png); height:25px; width:25px; }
	.ryokan-display-single .ryokan-footer {
		margin-top:10px;
		text-align:right;
	}
	p.btn-addfavorite a {float:right; width:170px; padding:5px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	p.btn-addfavorite a:hover { background-color:#af323d; }

	p.btn-booknow a {float:right; width:200px; padding:5px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0 0px 10px 10px; }
	p.btn-booknow a:hover { background-color:#af323d; }

	/*guest-review-form*/

	p.gr { margin:10px 0; font-size:15px; }

	form#guest_review { width:900px; margin:0 auto 40px 0; border-bottom:1px solid #eae8e6; padding:10px 0; }
	form#guest_review h2 { font-size:20px; display:block; margin:15px 0; padding:5px; background-color:#eae8e6; }
	form#guest_review h2.photo { margin:30px 0 10px 0; }
	form#guest_review h2.rate { margin:30px 0 10px 0; }
	form#guest_review p { display:block; padding:10px 0; border-bottom:1px solid #eae8e6; }
	form#guest_review p span { color:#ff0000; }
	form#guest_review label { float: left; width:250px; font-size:15px; text-align: left; clear: both; }
	form#guest_review input { font-size:15px; width:60%; }
	form#guest_review select { font-size:15px; padding:0; margin:0 40px 0 10px; width:50px; }
	form#guest_review textarea { font-size:15px; width:60%; }
	form#guest_review input#btn-reviewsubmit { width:350px; padding:4px; margin:20px auto; font-size:17px; color:#ffffff; background-color:#f07e17; border:0;   }
	form#guest_review input#btn-reviewsubmit:hover { background-color:#f98216; cursor:pointer; }

	form#guest_review input#btn-addphoto { width:200px; padding:4px; margin:20px 20px 0 0; font-size:15px; color:#ffffff; background-color:#9d2e38; border:0;   }
	form#guest_review input#btn-addphoto:hover { background-color:#af323d; cursor:pointer; }

	form#guest_review input#btn-attachphoto { width:200px; padding:4px; margin:20px 0 0 0; font-size:15px; color:#ffffff; background-color:#9d2e38; border:0;   }
	form#guest_review input#btn-attachphoto:hover { background-color:#af323d; cursor:pointer; }

	.review-bx { width:920px; padding:10px; border:1px solid #f07e17; margin:15px 0; }
	.review-bx h3 { font-size:16px; margin:0 0 10px 0; font-weight:normal; }
	.review-bx .moco { font-size:12px; margin:0 0 10px 0; }
	.review-bx .moco p { display:inline; margin:0 15px 0 0; font-size:12px; }
	.review-bx .rating {  font-size:15px; margin:0 0 10px 0; background-color:#efefef; padding:5px; }
	.review-bx .rating p { display:inline; margin:0 25px 0 2px; }
	.review-bx .rev-txt { font-size:14px; }

	h2.greybar { font-size:20px; display:block; margin:15px 0; padding:5px; background-color:#eae8e6; }

	/*pag slider*/
	.holder {
		float:left;
		margin:15px 0 0 0;
	}
	.holder a {
		font-size:14px;
		cursor:pointer;
		margin:0 5px;
		color:#000000;
		text-decoration:underline;
	}
	.holder a:hover {
		text-decoration:none;
		color:#f07e17;
	}
	.holder a.jp-previous {
		margin-right:15px;
	}
	.holder a.jp-next {
		margin-left:15px;
	}
	.holder a.jp-current,a.jp-current:hover {
		color:#f07e17;
		font-weight:bold;
		text-decoration:none;
	}
	.holder a.jp-disabled,a.jp-disabled:hover {
		color:#bbb;
		text-decoration:none;
	}
	.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
		cursor:default;
		background:none;
	}
	.holder span {
		margin: 0 5px;
	}

	ul#itemContainer { float:left; list-style:none; margin:0; padding:0;  }
	ul#itemContainer li { float:left; display:inline; margin:0; padding:0; }

	/*contact*/
	.cont-area { width:935px; margin:auto; }
	.cont-area h2 { font-size:36px; }
	.cont-area h3 { font-size:18px; color:#9d2e38; margin:0 0 10px 0; }
	.cont-area h4 { font-size:18px; }
	.cont-area p { font-size:14px; font-weight:normal; margin:10px 0; }
	.cont-area a { color:#f07e17; text-decoration:underline; }
	.cont-area a:hover { text-decoration:none; }

	/*about-us*/

	.jpg-values {  margin:auto; width:917px; height:444px; background-image:url(../jpg/jpg-values-bg.jpg); margin:20px 0; }
	.jpg-values h2 { font-size:30px; float:left; margin:20px 0 10px 43px; }
	.jpg-values ul { margin:0 0 0 65px; float:left; list-style:url(../png/jpg-values-bullet.png); }
	.jpg-values ul li { float:left; font-size:16px; margin:5px 0; font-style:italic; width:65%; }

	.ourteam-btn p { float:left; width:70%; }
	.ourteam-btn p.top { margin:20px 0 10px 0; }
	.ourteam-btn a img { float:left; }

	/*register account*/

	.register-pg { width:935px; margin:auto; }

	form#register-account { width:900px; margin:0 auto 40px 0;  padding:10px 0; }
	form#register-account p { display:block;}
	form#register-account label { float: left; width:250px; font-size:15px; text-align: left; clear: both; }
	form#register-account input { font-size:15px; width:60%; }
	form#register-account input#btreg-act { width:250px; padding:4px; margin:20px 0 5px 300px; font-size:17px; color:#ffffff; background-color:#f07e17; border:0; box-shadow: 2px 3px 3px rgba(0,0,0,0.2);transition: .2s;
	}
	form#register-account input#btreg-act:hover { background-color:#f98216; cursor:pointer;box-shadow: 4px 3px 16px rgba(0,0,0,0.4) }

	.forgot-pass-log a { float:left; color:#9d2e38; text-decoration:underline; font-size:12px; padding:5px 0 0 0; margin:0 0 0 250px; border-bottom:0; }
	.forgot-pass-log a:hover { text-decoration:none; border-bottom:0; }




	/*my account - favorite / booking */
	.user-bar { float:left; width:920px; background-color:#9d2e38; height:10px; }
	p.btn-userfav a { float:left; width:240px; padding:10px; font-size:20px; color:#ffffff; background-color:#ada1a1; text-decoration:none; text-align:center; margin:0 10px 0 0; border-radius: 10px 10px 0 0;}
	p.btn-userbook a { float:left; width:240px; padding:10px; font-size:20px; color:#ffffff; background-color:#ada1a1; text-decoration:none; text-align:center; margin:0; border-radius: 10px 10px 0 0;}
	p.btn-userfav a:hover, p.btn-userbook a:hover { background-color:#99867a; cursor:pointer; }
	p.btn-userfav-active { float:left; width:240px; padding:10px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0 10px 0 0;border-radius: 10px 10px 0 0; box-shadow:3px 2px 5px 0 rgba(0,0,0,0.4);}
	p.btn-userbook-active { float:left; width:240px; padding:10px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0; border-radius: 10px 10px 0 0; box-shadow:3px 2px 5px 0 rgba(0,0,0,0.4);}


	.ryokan-results .search-area h3 { float:left; display:block; width:935px; margin:20px 0; font-size:17px; }

	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-bookthisryokan a { float:left; width:249px; padding:5px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-bookthisryokan a:hover { background-color:#af323d; }

	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-delthisryokan a { float:left; width:249px; padding:5px; font-size:20px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-delthisryokan a:hover { background-color:#f98216; }

	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-conbrowse a { float:left; width:249px; padding:5px; font-size:20px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-conbrowse a:hover { background-color:#f98216; }

	.ryokan-results .search-area .ryokan-search-display .rt-col .price-fav p { float:left; font-size:20px; display:block; width:259px; margin:0 0 10px 0; }

	.ryokan-results .search-area .ryokan-search-display .rt-col p.cancelbtn { float:left; width:249px; padding:5px; font-size:20px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.cancelbtn:hover { background-color:#f98216; cursor:pointer; }

	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-bookings a { float:left; width:249px; padding:5px; font-size:20px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:0 0 10px 0; }
	.ryokan-results .search-area .ryokan-search-display .rt-col p.btn-bookings a:hover { background-color:#f98216; }

	.ryokan-results .search-area .ryokan-search-display .mid-col h5 { margin:0 0 10px 0; padding:0; font-size:17px; font-weight:normal; color:#9d2e38; }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel { display:none; margin:10px 0; font-size:17px; color:#9d2e38; font-weight:normal; }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel p { float:left; display:block; margin:5px 0; }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res { float:left; margin:10px 0; }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res p { float:left; display:block; width:100%; margin:5px 0; }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res checkbox { float:left; margin:0 10px 0 0; }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res input#btn-cancelres, .ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res input#btn-close-cancel { float:left; display:block; width:100px; margin:5px; font-size:17px; color:#ffffff; background-color:#f07e17; border:0;   }
	.ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res input#btn-cancelres:hover, .ryokan-results .search-area .ryokan-search-display .mid-col .cancel form#cancel-res input#btn-close-cancel:hover { background-color:#f98216; cursor:pointer; }

	p.btn-user-print a { float:right; width:140px; padding:5px; font-size:20px; color:#ffffff; background-color:#f07e17; text-decoration:none; text-align:center; margin:0; }
	p.btn-user-print a:hover { background-color:#f98216; }

	.itin-bx { float:left; width:935px; margin:20px 0; clear:both; }
	.itin-bx h3 {  font-size:30px; font-style:normal; margin:10px 0 0 0; display:block; }
	.itin-bx h2 { font-size:18px; font-weight:normal; margin:0 0 15px 0; text-align:center; padding:10px; background-color:#eae8e6;  }

	.itin-bx ul { list-style:none; margin:20px 0 20px 0px; }
	.itin-bx ul li { float:left; margin:5px 0; height:22px; }
	.itin-bx ul li p { float:left; display:block; width:880px; padding:5px 0 5px 30px; border-bottom:1px solid #eae8e6;  }
	.itin-bx ul li p span { float:left; font-weight:bold; width:400px; }

	.japan-map-itin-lft { margin:auto; width:420px; }
	.japan-map-itin-rt { margin:10px auto; display:inline-block; text-align:center; }
	.japan-map-itin-rt img { margin:10px auto 0 auto; -moz-box-shadow:1px 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow:1px 1px 1px 1px #ccc; border:5px solid #ffffff; }


	/*map and directions*/
	.map-area { width:935px; margin:auto; padding:0 0 15px 0; }
	.map-area h1 { font-size:25px; margin:10px 0; }
	.map-geo { float:left; margin:0 20px 0 0; width:415px;  }
	#map { -moz-box-shadow:1px 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow:1px 1px 1px 1px #ccc; border:5px solid #ffffff; }
	.map-direc { float:left; width:500px; }


	/*tabs -jquery tabs-
	#tabs { float:right; margin:-46px 20px 0 0; }
	#tabs ul {  list-style:none; }
	#tabs ul li { display:inline; }
	#tabs ul li a { display:inline; padding:10px; width:100px; background-color:#99867a; color:#ffffff; text-decoration:none; }
	#tabs ul li a:hover { background-color:#c01c37; }
	#tabs-1, #tabs-2 { width:550px; float:right; margin:5px 0 15px 0; border:1px solid #443932; padding:20px 5px 5px 5px; -moz-border-radius: 15px; border-radius: 15px; }
	*/

	#gold {
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */;
	}

	img.mapSearch { float:left; z-index:100; }
	ul.search-map-list { list-style:none; float:right; margin:-220px 30px 0 0; z-index:200; position:relative; }
	ul.search-map-list li { display:block; z-index:200; }
	ul.search-map-list li a { display:block; text-decoration:underline; font-size:13px; margin:5px 0; }
	ul.search-map-list li a:hover { text-decoration:none; }

	p.maptext { float:left; position:relative; z-index:500; margin:-260px 0 0 15px; width:50%; font-size:14px; }

	/*advanced search tab*/
	.adv-lft { float:left; margin:20px 0 0 0; }
	.adv-rt { float:left; margin:25px 0 0 0; }
	.adv-lft { width:285px; margin-left:15px; }
	.adv-rt { width:225px; margin-left:25px; }

	form#adv-search-tab label { font-size:17px; }
	form#adv-search-tab .adv-lft select { width:170px;
		background-color: #fafafa;
		border: 1px solid #cacece;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		padding: 2px;
		border-radius: 3px;
		display: inline-block;
		position: relative;

	 }

	form#adv-search-tab .adv-lft label { float:left; width:105px; }
	form#adv-search-tab .adv-rt label.lbl-lft { float:left; width:155px; }
	form#adv-search-tab .adv-lft p { display:block; margin:13px 0; }
	form#adv-search-tab .adv-rt p { display:block; margin:10px 0 10px 25px; }

	form#adv-search-tab .adv-rt .lgchkbx { width:40px; height:40px; }
	#btnadv { float:left; background-color:#f07e17; border:0; color:#ffffff; text-decoration:none; font-size:18px; width:170px; padding:5px; margin:15px 0 0 25px; }
	#btnadv:hover { cursor:pointer; background-color:#f98216; }


	/*****************/

	label {
		display: inline;
	}
	 
	.regular-checkbox {
		display: none;
	}
	 
	.regular-checkbox + label {
		background-color: #fafafa;
		border: 1px solid #cacece;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		padding: 9px;
		border-radius: 3px;
		display: inline-block;
		position: relative;
	}
	 
	.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	}
	 
	.regular-checkbox:checked + label {
		background-color: #e9ecee;
		border: 1px solid #adb8c0;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
		color: #99a1a7;
	}
	 
	.regular-checkbox:checked + label:after {
		content: '\2714';
		font-size: 14px;
		position: absolute;
		top: 0px;
		left: 3px;
		color: #99a1a7;
	}
	 
	 
	.big-checkbox + label {
		padding: 10px;
	}
	 
	.big-checkbox:checked + label:after {
		font-size: 23px;
		left: 2px;
		top:-5px;
		
	}
	/* RADIO */
	 
	.regular-radio {
		display: none;
	}
	 
	.regular-radio + label {
		-webkit-appearance: none;
		background-color: #fafafa;
		border: 1px solid #cacece;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		padding: 9px;
		border-radius: 50px;
		display: inline-block;
		position: relative;
	}
	 
	.regular-radio:checked + label:after {
		content: ' ';
		width: 12px;
		height: 12px;
		border-radius: 50px;
		position: absolute;
		top: 3px;
		background: #99a1a7;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
		text-shadow: 0px;
		left: 3px;
		font-size: 32px;
	}
	 
	.regular-radio:checked + label {
		background-color: #e9ecee;
		color: #99a1a7;
		border: 1px solid #adb8c0;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
	}
	 
	.regular-radio + label:active, .regular-radio:checked + label:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	}
	 
	.big-radio + label {
		padding: 10px;
	}
	 
	.big-radio:checked + label:after {
		width: 14px;
		height: 14px;
		left: 3px;
		top: 3px;
	}



	/*******tabs********/


	#tabs { width:550px; position:relative; top:2px;}
	#tabs ul.top { margin:0 0 10px -2px; }


	.ui-tabs ul { list-style:none; }
	.ui-tabs ul li { display:inline; }

	.ui-tabs #tabs-1, .ui-tabs #tabs-2 {width:550px;height:280px;float:right;margin:0 10px 15px 0;/* border:1px solid #443932; */padding:5px;box-shadow: 0 4px 8px rgba(0,0,0,0.3);}

	.ui-tabs #tabs-1, .ui-tabs #tabs-2 { position:absolute; z-index:200; background-color:#ffffff; }

	/*tabs*
	/*! jQuery UI - v1.9.2 - 2012-12-03
	* http://jqueryui.com
	* Includes: jquery.ui.core.css, jquery.ui.tabs.css
	* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ffffff&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=0&borderColorHeader=&fcHeader=&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=&fcContent=000000&iconColorContent=&bgColorDefault=99867a&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=&fcDefault=ffffff&iconColorDefault=&bgColorHover=c01c37&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=999999&fcHover=ffffff&iconColorHover=454545&bgColorActive=c01c37&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=aaaaaa&fcActive=fffff&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=0&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
	* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

	/* Layout helpers
	----------------------------------*/
	.ui-helper-hidden { display: none; }
	.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
	.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
	.ui-helper-clearfix:after { clear: both; }
	.ui-helper-clearfix { zoom: 1; }
	.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


	/* Interaction Cues
	----------------------------------*/
	.ui-state-disabled { cursor: default !important; }

	/* Misc visuals
	----------------------------------*/

	/* Overlays */
	.ui-tabs #tabs-1, .ui-tabs #tabs-2 { margin:-10px 0 0 0; }
	.ui-widget-overlay { background-color:  }
	.ui-tabs { float:right; margin:-57px 20px 0 0;  } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.ui-tabs .ui-tabs-nav { margin: 0px 0 0 0; padding: .2em .2em 0; }
	.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
	.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
	.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

	/* Component containers
	----------------------------------*/
	.ui-widget {  }
	.ui-widget .ui-widget { font-size: 1em; }
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
	.ui-widget-content { border: 1px solid # 00F; color: #000000; }
	.ui-widget-content a { color: #000000; }
	.ui-widget-header { border: 1px solid #; color: #; font-weight: bold; }
	.ui-widget-header a { color: #; }

	/* Interaction states
	----------------------------------*/
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #99867a; font-weight: normal; color: #ffffff;  }
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #c01c37; transition: .3s;box-shadow:0 3px 11px rgba(0,0,0,.2); font-weight: normal; color: #ffffff; border:1px solid rgba(255,255,255,0);}

	.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
	.ui-state-active, .ui-widget-header .ui-state-active { background: #c01c37; font-weight: normal; color: #fffff; }
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fffff; text-decoration: none; }


	/* Misc visuals
	----------------------------------*/

	/* Corner radius */
	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
	.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

	/* Overlays */
	.ui-widget-overlay { background: #aaaaaa url(../png/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0;filter:Alpha(Opacity=0); }
	.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../png/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

	/*captcha comments form */
	p.cptch_block { display:block; float:left; margin:-95px 0 10px 0; padding:10px 0 30px 0; width:600px; }
	p.cptch_block label { float:left; }
	form#commentform input#submit { margin:80px 0 15px 0; display:block; }

	/*old booking form */

	.booking-pg { width:935px; margin:auto; }

	form#booking { width:900px; margin:0 auto 40px 0;  padding:10px 0; }
	form#booking  p { display:block; padding:10px 0;  }
	form#booking  label { float: left; width:250px; font-size:15px; text-align: left; clear: both; }
	form#booking  label span { font-size:12px; text-align: left; }
	form#booking  input { font-size:15px; }
	form#booking  input#btnbooking { width:350px; padding:4px; margin:20px 0 0 250px; font-size:17px; color:#ffffff;  background-color:#f07e17; border:0; box-shadow: 2px 3px 3px rgba(0,0,0,0.2);transition: .2s; 
	}
	form#booking  input#btnbooking:hover { background-color:#f98216; cursor:pointer; box-shadow: 4px 3px 16px rgba(0,0,0,0.4) }
	form#booking textarea { font-size:15px; width:60%; }


	/* new form design -------------- */

	.newbooking-pg { width:950px; margin:auto; overflow:auto}

	.formcol {float: left;padding: 3px 10px 3px 3px;}
	.formbox {width:174px;margin-top:20px;}


	form#newbooking { width:900px; margin:0 auto 40px 0; padding:10px 0; }
	form#newbooking p { display:block; padding:10px 0; }
	form#newbooking  label {width:130px; margin-bottom:6px; font-size:15px; display:inline-block; float:left;}
	form#newbooking  label span { font-size:15px; text-align: left;  }
	form#newbooking  input { font-size:15px; width:60%; }
	form#newbooking  input#btnbooking { width:350px; padding:4px; margin:20px 0 0 250px; font-size:17px; color:#ffffff; background-color:#f07e17; border:0;}
	form#newbooking  input#btnbooking:hover { background-color:#f98216; cursor:pointer; }
	form#newbooking textarea { font-size:15px; width:60%; }

	/* changes for real website booking form 
	.booking-pg { width:950px; margin:auto; overflow:auto}

	.formcol {float: left;padding: 3px 10px 3px 3px;}
	.formbox {width:170px;margin-top:20px;}


	form#booking  label {width:130px; margin-bottom:6px; font-size:15px; display:inline-block; float:left;}
	form#booking  label span { font-size:15px; text-align: left;  }
	form#booking  input { font-size:15px; width:60%; }
	form#booking  input#btnbooking { width:350px; padding:4px; margin:20px 0 0 250px; font-size:17px; color:#ffffff; background-color:#f07e17; border:0;}
	form#booking  input#btnbooking:hover { background-color:#f98216; cursor:pointer; }
	form#booking textarea { font-size:15px; width:60%; } */


	/* misc css*/

	p.orange-btn2 a{
		background-color:#f07e17;
		width:300px;
		padding:8px;
		margin:10px 0;
		color:white !important;
		font-size:20px;
		text-decoration:none;
		text-align:center;
	}	
	p.orange-btn2 a:hover {
		background-color:#f98216;
	}

	.pad2 {padding: 10px 15px 10px 0px}

	.input {border: 1px solid initial !important;}

	.clicked {background-color:light grey;"}

	.err {color: #FF0000; font-style:bold;}


	/* top picks gallery*/


	.card {
		border:1px solid rgba(0,0,0,0.2);
		border-radius:8px;
		box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
		transition: 0.3s;
		width: 225px;
		height:260px;
		display:inline-block;
		float:left;
		margin:3px;
	}

	.card:hover {
		box-shadow: 0 8px 16px 0 rgba(240,126,23,0.3);
	}

	div.tp-title {
	   padding:10px !important;
	  margin:10px !important;
	}

	.pic {
	  width: 225px;
	  height:160px;
	  overflow: hidden;
	  position:relative;
	  border-radius:8px 8px 0px 0px;

	}

	/*SHRINK*/
	.shrink img {
	 
	  width: 115%;
	  margin:auto;
	  position:relative;
	  left: -10%;
	 
	  -webkit-transition: all .4s ease;
		 -moz-transition: all .4s ease;
		   -o-transition: all .4s ease;
		  -ms-transition: all .4s ease;
			  transition: all .4s ease;
	}
	 
	.shrink img:hover {

	  width: 110%;
	  position:relative;
	  right: 5%;
	}

	.desttitle {
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		text-align: left;
		font-size: 16px;
		color:white;
		padding: 3px 0 3px 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		text-align:center;
		background-color: rgba(0,0,0, 0.2)
	}


	#gold {
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) !important; /* IE6-9 */;
	}

	/* form classes */
	.col_full {width:800px; max-width:800px padding:4px;margin-top:5px; border-radius: 0 5px 5px 0;}
	span.err-frm {display:inline-block !1mportant; font-size:14px;  color:#9d2e38;  }
	.form_section {display:inline-block !important; width: 440px ; margin-top: 15px auto ;}

	.col_half_dark {width:380px ; padding:4px; background-color:#dddddd ;margin-top:5px; border-radius: 0 5px 5px 0;}
	.input_field {width:95% !important; padding:4px;margin-top:5px; border-radius: 0 5px 5px 0;}
	.form_section {display:inline-block ; width: 420px ; margin-top: 15px auto !important;}
	.frm_title {display:inline-block; width:400px !important; font-weight:bold ;margin-top:10px}

	.form_section_sm {display: inline-block; width:80px;margin-right 10px;}
	.form_title_sm {font-weight:bold ;margin-top:10px}
	.col_sm {width:50px; padding:4px ;margin-top:5px; border-radius: 0 5px 5px 0;}

	/* loading icon */

	.loading-wrapper {
	background:white;
	display:inline-block;
	padding: 20px 50px 20px 50px;
	box-shadow: -1px 9px 18px 0px rgba(0,0,0,0.2);
	border-radius: 15px;
	position: relative;
	bottom: 66px;
	left: 50px;
	text-align:center;
	}

/* Video Section Home
******************************************************/
.wrapper{
	margin: 0 auto;
	width: 100%; max-width: 150px;
	}
	
.videowrapper{
  position: relative;
  padding-bottom: 56.25%; 
  padding-top: 25px
  height: 0px;
}
.videowrapper iframe{
  position: absolute;
  left: 0;
  top:0;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;}