/*
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
*/

* {
	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; }

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

h2.err-frm {  font-size:14px; text-align:center; padding:5px; color:#9d2e38;  }

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:15px 0; }



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

.searchbx {
	width:728px;
	height:210px;
	float:left;
	z-index:50;
	position:relative;
	margin:-274px 0 0 296px;
}

.searchbx .col-search {
	float:right;
	width:250px;
	margin:10px 0 0 0;
}
.searchbx .col-login {
	float:right;
	width:175px;
	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:24px; border:1px solid #5d5d5d; z-index:10; }
form#search-area input#btnsubmit { float:left; width:30px; height:26px; background-image:url(images/head-mag-glass.png); border:1px solid #5d5d5d; padding:0; margin:-26px 0 0 200px; background-color:transparent; }
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:170px; 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:170px; 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:170px; 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:345px;
	background-color:#9d2e38;
}

h2.short { font-size:22px; margin-left:30px; display:block; }
p.short { margin:10px 0 0 30px; width:390px; 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 { width:325px; margin:0 70px 0 0; }
.popular-dest-cont .pop-dest-headers h2.season { width:241px; margin:0 70px 0 0; }
.popular-dest-cont .pop-dest-headers h2.hs { width:270px; }
.pop-hover:hover { cursor:pointer; }


.popular-dest-cont .popular-dests ul { float:left; list-style:none; width:241px; margin:20px 70px 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:325px; margin:20px 70px 0 0px;  }
.popular-dest-cont .seasonal ul li { font-size:14px; margin:0 0 20px 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 0; }
.popular-dest-cont .pop-dest-headers h2 span.popdest { margin:5px 30px 0 0;}




/*destination pages*/

.dest-top-lft { float:left; width:500px; }
.dest-top-rt { float:right; width:500px; }
.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:960px; margin:15px 0 15px 32px; }
.other-destinations ul { list-style:none; width:192px; float:left; min-height:250px;  }
.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:30px; 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:212px; 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(images/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:935px; }
.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 p input[type=text] { border: 1px solid #5d5d5d;font-size: 15px;height: 24px;width: 200px;}
.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:138px; 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:91px; 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;
	/*height:200px;*/
	list-style-type:none;
}
.ryokan-display-single #facilities ul li {
	border-bottom:1px solid #eae8e6;
	padding:7px 0 5px 0;
	margin-left:5%;
	height:30px;
	width:60%;
	background-color:#ffffff;
}
.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(images/icon-check.png); height:24px; width:25px; }
span.icon-n { background-image:url(images/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:249px; 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:right; 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(images/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(images/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; padding:10px 0; border-bottom:1px solid #eae8e6; }
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 250px; font-size:17px; color:#ffffff; background-color:#f07e17; border:0; }
form#register-account input#btreg-act:hover { background-color:#f98216; cursor:pointer; }

.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; }

/*booking*/

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

form#booking { width:900px; margin:0 auto 40px 0; border-bottom:1px solid #eae8e6; padding:10px 0; }
form#booking  p { display:block; padding:10px 0; border-bottom:1px solid #eae8e6; }
form#booking  label { float: left; width:250px; font-size:15px; text-align: left; padding: 6px; clear: both; }
form#booking  label span { font-size:12px; 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:disabled { background-color:#cccccc; cursor:auto; }
form#booking  input#btnbooking:disabled:hover{ background-color:#cccccc; cursor:auto; }
form#booking  input#btnbooking:hover { background-color:#f98216; cursor:pointer; }
form#booking textarea { font-size:15px; width:60%; }
/*next css command added for credit card validation */

form input.valid {
  background: url('http://paweldecowski.github.com/jQuery-CreditCardValidator/tick.png') 260px center no-repeat;
}

/*my account - favorite / booking */
.user-bar { float:left; width:935px; background-color:#9d2e38; height:23px; }
p.btn-userfav a { float:left; width:240px; padding:5px; font-size:20px; color:#ffffff; background-color:#c4c4c4; text-decoration:none; text-align:center; margin:0 10px 0 0; }
p.btn-userbook a { float:left; width:240px; padding:5px; font-size:20px; color:#ffffff; background-color:#c4c4c4; text-decoration:none; text-align:center; margin:0; }
p.btn-userfav a:hover, p.btn-userbook a:hover { background-color:#9d2e38; cursor:pointer; }
p.btn-userfav-active { float:left; width:240px; padding:5px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0 10px 0 0; }
p.btn-userbook-active { float:left; width:240px; padding:5px; font-size:20px; color:#ffffff; background-color:#9d2e38; text-decoration:none; text-align:center; margin:0; }


.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:905px; 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; }
*/

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; }
#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; }
.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; font-weight: normal; color: #ffffff; }
.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(images/icons/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(images/icons/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; }

/*Hotels*/
table{border-collapse:collapse;border-spacing:0;}
.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f22{font-size:22px!important;}.f24{font-size:24px!important;}
.lft{text-align:left!important;}
.rgt{text-align:right!important;}
.flft{float:left!important;}
.frgt{float:right!important;}
.bld{font-weight:bold;}
.clr{clear:both!important;}
.green{color:#038E3A;}
.orange{color:#f07e17;}
.gray{color:#626262;}
.ltrspc{letter-spacing:1px;}
.error{color:#ff0000!important;background-color:transparent!important;}
.adjustment1{clear:both!important;height:1px;display:block;}
.line{height:1px;background-color:#e3e3e3;margin:10px 0px;}
#table-tour-offers td{padding:6px;}
.checkavail{padding:6px 10px;background-color:#f07e17;color:#ffffff;cursor:pointer;margin-bottom:30px;}
.checkavail:hover{background-color:#AF333D;}
.hotelname{width:73%;height:15px;overflow:hidden;}
.hotelprice{width:25%;font-weight:bold;}
.hotel_desc{padding:10px 0px;}
.hotel_desc p{margin:6px 0px;}

#offer_popup{width:100%;height:100%;background-color:#d7e4eb;z-index:1000;position:fixed;top:0;left:0;opacity:0.96;display:none;}
#offer_popup_area{width:530px;top:50%;left:50%;margin:-128px 0px 0px -265px;background-color:#9d2e38;z-index:100;color:#ffffff;padding-top:45px;position:relative;clear:both;border:3px solid #99242E;}
#offer_popup_area table{margin:0 auto;}
#offer_popup_area table td{border-bottom:1px solid #911D27;padding:10px;}
#offer_popup_area input{border:1px solid #605E5E;width:140px;height:25px;padding:3px;}
#proceed{padding:3px 19px 29px 0px;height:18px;}
.proceed{float:right;padding:5px 10px;text-transform:uppercase;border:1px solid #1963ae;border-radius:32px;color:#9d2e38;    font-weight:bold;cursor:pointer;}
.proceed:hover{background-color:#7C0D17;color:#ffffff;}
#chkin{background:url("images/search-catalog-from.png") no-repeat scroll 91% 10px #ffffff;}
#chkout{background:url("images/search-catalog-from.png") no-repeat scroll 91% 10px #ffffff;}
#ui-datepicker-div{z-index:2000!important;}
#close{padding:2px 7px;width:30px;position:absolute;right:6px;top:0px;cursor:pointer;}
.loader {
    background: #f4f4f4 url('images/ajax-loader-square.gif') no-repeat 100%;height:11px;width:43px;margin-top:8px;display:none;
}
.my_reservation{
	background-color:#99867a;
    color:#ffffff;
    float:right;
    margin:-53px 86px 0 0;
    padding:8px 20px;
    width:127px;
	border-radius:4px 4px 0px 0px;
	text-decoration:none;
}
.customer_support{font-size:22px;background-color:#f07e17;padding:10px 0px;margin-top:10px;color:#ffffff;font-family:myriad-pro;letter-spacing:1px;}
.my_reservation:hover{background-color:#c01c37;}
.bookres {
    background:none repeat scroll 0 0 #f5f5f5 !important;
    border:1px solid #ededed !important;
    font-size:13px;
    line-height:22px;
    margin-bottom:30px;
    padding:20px;
}
.pernight li{background-color:#e8e8e8;border-bottom:1px solid #b7b7b7;}
.pernight li span{padding:0 15%;font-size:13px;}
table.style2{font-size:12px;margin:5px 0 20px;width:100%;}
.style2 td{padding:6px;border-left: 1px solid #b7b7b7;}
.style2 td li{list-style-type:none;}
#eanphoto_disclaimer{padding:6px;text-align:justify;}
.res_time td{width:50%;}
#fare_details{background-color:#ffffff;}
#fare_details td{border:1px solid #b7b7b7;padding:7px;color:#626262;}
.checking{padding:6px 10px 1px;}
.jgh_reservation_form input,select{width:360px;padding:6px;}
.displayinfo {
    float: right;
    font-family: "Roboto Condensed";
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
}
.displayinfo p{color:#1963ae;}
.booknow{background-color:#9d2e38;padding:3px 5px;cursor:pointer;border:2px solid #9d2e38;margin-left:5px;color:#ffffff;}
.booknow:hover{background-color:#9d2e38;border:2px solid #9d2e38;color:#ffffff;}
.input p{color:#626262;margin:8px 0px 4px 0px;}
.input_small{width:170px!important;}
#booknowsignup{margin-left:363px;font-weight:bold;width:200px;padding:6px 5px;}
#menu .myreservationmenu a{font-size:24px!important;color:#ffffff;width:210px}
.myres{margin:0 auto;}
.myres td,th{font-size:14px!important;border-top:1px solid #b7b7b7;padding:7px 10px;color:#626262;}
.myres tr:hover{background-color:#f07e17;}
.myres a{text-decoration:none;}
.cancel_cont{cursor:pointer;border-radius:8px;box-shadow:0 0 3px 1px #cacaca;padding:5px 10px;/*width:119px;*/margin-top:20px;float:right;color:#1963ae;}
.cancel_cont:hover{box-shadow:0 0 8px 1px #cacaca;}
.cancel_cont a{text-decoration:none;color:#1963ae;}
#cancel_hotel{width:400px;margin:0 auto;text-align:center;}
#cancel_hotel .cancel_cont{float:none!important;}
.resinfo{font-size:14px!important;color:#626262;}
.resinfo td{padding:7px 10px;}
.linkarea{margin:0px 0px 10px 38px;}
.hoteldesc{height:102px;overflow:hidden;}
.btn-moreinfo{margin-top:10px!important;}
.policy_area {padding:6px;text-align:justify;}
#accordion_avail{border-bottom:1px solid #b7b7b7;}
#accordion_avail h4{background-color:#443932;margin:0px;color:#ffffff;padding:5px;}
#accordion_avail h4 .searchdate{float:right;margin-right:5px;color:#f07e17;}
#accordion_avail h4 .checkavail{float:right;margin:0px 5px 0 0;font-size:16px;padding:2px 10px;display:none;}
#accordion_avail .ean_offer img{width:245px;height:187px;}
#accordion_avail .ean_offer .ean_offertbl{margin:0px;}
#accordion_avail .ean_offer .moreinfo{cursor:pointer;text-decoration:underline;color:#f07e17;font-size:14px;margin-top:5px;}
#accordion_avail .o-left{vertical-align:top;}
#accordion_avail .o-content.o-right {border:0px none;}
#accordion_avail .o-content.o-right .loader{display:block;}
#accordion_avail .ratetable{border-top:1px solid #b7b7b7;width:100%;box-sizing:border-box;margin:0px;}
#accordion_avail .ratetable tr{border-bottom:1px solid #b7b7b7;}
#accordion_avail .ratetable td,#accordion_avail .ratetable th{padding:5px;}
#accordion_avail .ratetable th{border:0px none;}
#accordion_avail .ratetable td{font-size:14px;}
#accordion_avail .ratetable td.rdsc{width:150px;}
#accordion_avail .ratetable td.vas{font-size:11px;width:150px;}
#accordion_avail .ratetable td.bknow{width:100px;}
#accordion_avail .ratetable td.bknow button{font-size:16px;margin:0px;}
#accordion_avail .ratetable td p{border:0 none;font-size:14px;}
#accordion_avail .ratetable td .smking{font-size:12px;margin-top:10px;}
#accordion_avail .ratetable td p.price{font-size:20px;color:#f07e17;font-weight:bold;text-align:right;}
#accordion_avail .ratetable td p.refund{margin-top:5px;font-size:10px;}
#accordion_avail .ratetable ul{list-style-type:circle;margin:0px;}
#accordion_avail .ratetable ul li{margin:0px;}