/*
Theme Name: Novotel 2.0
Description: Theme for Novotel Website.
Version: 2.0
Author: Joy Petchnumsin
Tags: full background, white, gray, dark blue, fix width, widgets, custom menu, feature image.
*/

html,body { margin:0;padding:0; height:100%; }

/* allows padding css without changing the width of the container */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
    
    
}


input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


body,p,div,td,select,input { line-height:150%; color: #676767; font-family: Arial;
	font-size: 12px; }


body{
	/*background:url(images/bg-shadow.jpg) center top #f2f2f2;*/

	font-family: Arial;
	font-size: 12px;
	background-color:#FFF;
	
}
h1{
	color: #faaa00;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 10px;
}
h2{
	color: #faaa00;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
h3 , h4 , h5, h6{
	font-size: 12px;
}

p{
	margin: 10px 0;
	line-height: 16px;
}



sup{
	font-size: smaller;
    line-height: 0;
    vertical-align: super;
}
.clear {
   clear:both;
}
.w100p { width:100% !important; }
/********** SLIDER **********************/

#bgslide{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	z-index:-100;
	overflow:hidden;

}
#bgslide img { width:100%; height:auto; }
.sliderImage {

		width:100%;
		height:100%;
		
		
	  
	  background-repeat:none;

		background-size: cover;
		background-attachment: fixed;
		
		background-position: center center;

		 -webkit-background-size: cover;
		 -moz-background-size: cover; 
		 -o-background-size: cover;
		

/*
	  
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://projects/nvthuahin/wp-content/gallery/slide-home/mainimg-1.jpg', sizingMethod='scale');

		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://projects/nvthuahin/wp-content/gallery/slide-home/mainimg-1.jpg', sizingMethod='scale')";
*/
}


/* ///////////// flexSlider /////////////// */
section.slider, .flexslider, .flex-viewport
, .flexslider .slides, .flexslider .slides > li
{ 
	height:100%;
margin-left:0;
}





.flexslider .slides > li { position: relative; z-index: 900; }

.flexslider .slides > li .slider-title {
	position: absolute;
	z-index: 999;
	bottom: 0;
	background: #333;
	opacity: 0.7;
	color: #fff;

	padding: 2%;
	font-size: 14pt;
}
.flexslider  .flex-direction-nav {
	display: none;
}

/********** END SLIDER **********************/



#main{
	/*width: 980px;
	margin: 0 auto;
	position: relative;
	left: 0;
	right: 0;
	top: -800px;
	height: 800px;
	z-index: 99;*/
	position: relative;
	z-index: 200;
	width: 100%;
	max-width: 980px;
	height: 100%;
	margin: 0 auto;
}
a:link , a:visited { color:#676767; }

/* /////////////// Mobile header ///////////////// */

#mobile-menu  {
	/*	visibility:hidden;  hide until the page loads then set it back to visible in jquery when page loads */
		position: absolute;
		top: 0px;
		right: 0px;
		height: 100%;
		z-index:10000;
}

#mobile-menu h2 { color:#FFF; padding: 5px .2em 0 .4em; font-weight:normal; text-align:right; }

#mobile-menu h2 a { font-size:18px;  }

#mobileHeader { display:none; }


.mobileHeader { font-size:16px; text-align:left; background: url(images/menu_icon.png) no-repeat right center; height:54px; display: table; width:100%; text-align:left;  }

.mobileHeader .text {  display:table-cell; vertical-align:middle; height:100%; text-align:left;  font-size:18px; text-transform: uppercase; }

.mobileMenu {  width:54px; height:54px; display:table-cell;   border:0;  cursor:pointer;   }



	


 .mobileTop #logo { margin-top:5px; background: url(images/logo.png) no-repeat; width:72px;  height:75px; float:left;  }

 .mobileTop  #logo a  { text-indent:0;  height:100%; display:block; width:100%; position:relative; }

.mobileTop  #logo img  { text-indent:0;  }

.mobileBottom { border-top:3px solid #004893; width: 95%; margin:0 auto; }

/******** Right side of mobile top *****/

#rightSide {  text-align:right; height:100%;  }


#mobileSocialIcons { height: 40px; float:right; margin:5px 0px 10px 0px;  padding:0 20%; }
#mobileSocialIcons ul li { margin:0;margin-top:5px; }
#mobileSocialIcons ul li a { float:left; margin-left:5px;  height: 40px; width:40px; display:block; }

.mobileSocialIcon.facebook{ background: url(images/social_facebook.png) no-repeat;  }
.mobileSocialIcon.trip{ background: url(images/social_trip.png) no-repeat;  }
.mobileSocialIcon.instagram{ background: url(images/social_instagram.png) no-repeat;  }
.mobileSocialIcon.twitter{ background: url(images/social_twitter.png) no-repeat;  }
.mobileSocialIcon.youtube{ background: url(images/social_youtube.png) no-repeat;  }
.mobileSocialIcon.foursquare{ background: url(images/social_foursquare.png) no-repeat;  }
.mobileSocialIcon.twitter{ background: url(images/social_twitter.png) no-repeat;  }
.mobileSocialIcon.googleplus{ background: url(images/social_gplus.png) no-repeat;  }
.mobileSocialIcon.linkedin{ background: url(images/social_linkedin.png) no-repeat;  }
.mobileSocialIcon.flickr { background: url(images/flickr_icon_grey.jpg) no-repeat;  }
.mobileSocialIcon.weibo{ background: url(images/weibo_icon.png) no-repeat; }
.mobileSocialIcon.yuku{ background: url(images/yuku_icon.png) no-repeat;  }
.mobileSocialIcon.tumblr{ background: url(images/tumblr_icon.png) no-repeat;  }
.mobileSocialIcon.pinterest{ background: url(images/pinterest_icon.png) no-repeat;  }



#bookByPhone {  height:44px; clear:both; }
	
.callIcon {float:right;  background: url(images/phone_icon.png) no-repeat center center;  height:44px;  width:44px;  }
	
.orangeButton { vertical-align:middle; float:right; height:20px; background-color:#FAAA00; color:#FFF; text-align:center; width:170px; margin-left:2px;  height:100%; padding-top:12px; font-size:14px;  }

	

/* /////////////// Layout  ///////////////// */

#bodyContainer {   height:100%; position:absolute;   top:0; bottom:0; left:10%; right:10%; padding:110px 0 100px 0;  }


#header{
	background: url(images/bg-trans.png) repeat;
	
	overflow:hidden;
	
	-moz-box-shadow: -3px 2px 8px #666;
	-webkit-box-shadow: -3px 2px 8px #666;
	box-shadow: -3px 2px 8px #666;
	margin-top:-110px;
	height:110px;

	
	width:100%;
	
}

#header { height:120px\9; }


.contentContainer { height:100%;  overflow:hidden;	}
.contentContainer li { margin-left:15px; }

.content, .contentContainer.fullHeight, .popupcontent, .galleryContent {


	
	overflow:hidden;
	-webkit-overflow-scrolling: touch;

	background: url(images/bg-trans.png) repeat;
	
	max-height:100%;
	margin-top:20px;
	padding:15px; 
	box-sizing: inherit;
	 
	  -moz-box-shadow: -3px 2px 8px #666;
	-webkit-box-shadow: -3px 2px 8px #666;
	box-shadow: -3px 2px 8px #666; 
	
	margin-bottom:15px;
	padding-bottom:35px;
}

.fullHeight { height:100% }



.contentLeftSide { width:60%; float:left; height:100%; }

.contentRightSide { width:400px; float:right; height:100%; overflow: hidden;}


.closeButton  {
	background: url(images/x-btn.png) no-repeat left center;
	width: 21px;
	height: 100%;
	cursor: pointer;	
	float:left;	
}

.closeButtonPopup { 
	background: url(images/x-btn.png) no-repeat left center;
	width: 21px;
	height:44px;
	cursor: pointer;	
	float:left;
	margin-top:50%;
}
	
.restore {
    background: url(images/restore.png) no-repeat right center;
    width: 40px;
    height: 100%;
    float: right;
    cursor: pointer;
    position: relative;
    display:none;
}

footer {   margin-bottom:-60px; height:80px; background-color:#FF3333;  overflow:hidden;  }

.mobileImageSlider { text-align:center;  display:none;  margin-bottom:15px; height: auto; }
.mobileImageSlider img { width:100%;   }


/* Header */
.mobileTop  { width: 95%; margin:0 auto;}

#headerTop { height:75px; padding-top:10px; position:relative; }
#headerTop h3 { color:#FAAA00; text-transform: uppercase; float: left; margin-right:5px; clear: right; }
.relative{
    position: relative;
}
#logoContainer {
    float: left;
    width: 100px;
    /* The size of the fixed block. */
    height:100%;
}



#fluid {
    width: 100%;
    /* The size of the fixed block. */
    height:100%;    
}


.centeredBlock {
    color: #FFF;
    width: 300px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
.farRight {
    color:#FFF;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
	margin-right:10px;
}

.socialIcons { display:block;  float:right; margin:0; }


#headerTop #logo {
	background: url(images/logo.png) no-repeat;
	width: 72px;
	margin-left:10px;
	display:inline-block;
}
#headerTop  #logo a {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 72px;
}

#headcontent{
	display:inline-block; border:1px solid #ff3333; height:100%;  vertical-align:top; width:100%; margin-left:-250px;  text-align:center;
}

#hotelname{
 	vertical-align: top;
	color: #777;
	display:inline-block;
	background: url(images/hotel-name.png) no-repeat;
	text-indent: -9999px;
	width: 100%;
	 height:100%; 
	position:absolute;
	top:10px;
	left:80px;
	height:45px\9; /* IE8 and below */
}




.hotels{
	text-transform: none;
	font-size: 20px;
}


/* /////////////// Main Menu ///////////////// */

#main-menu  .menu-main-menu-container{
	clear: both;
	overflow: hidden;
	padding: 4px 0 0 0; 
}

#main-menu  nav { text-align:center; }

#main-menu ul#menu-main-menu{
	display:inline-block; 
}
#main-menu  .menu-main-menu-container {
	padding-bottom:10px\9;
}
#main-menu ul#menu-main-menu li{
	float: left;
}
#main-menu ul#menu-main-menu li a:link, #main-menu ul#menu-main-menu li a:visited{
	color: #00386e;
	text-decoration: none;
	padding: 0 10px;
	line-height: 30px;
	border-right: 1px solid #00386e;
}
#main-menu ul#menu-main-menu li a:hover{
	color: #faaa00;
}
#main-menu ul.sub-menu{
	display: none;
	position: absolute;
	width: 175px;
	z-index: 10000;
}
#main-menu ul.sub-menu li{
	float: none!important;
	background: url(images/bg-trans.png);
	border-bottom: 1px solid #cdcdcd;
}
#main-menu ul.sub-menu li a:link, #main-menu ul.sub-menu li a:visited{
	border-right: none!important;
	display: block;
	font-size: 11px;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	line-height: 16px!important;
	
	text-align:left;
}
#main-menu  ul.sub-menu li:hover{
}


/* /////////////// Top Menu ///////////////// */

#desktopMobileMenu {  display:none;  text-align:right;

background: url(images/menu_icon_hover3.png) no-repeat right center;   padding:0; float:right; width:80px; height:25px; margin-left:10px;
 }

#topmenu{
	/* float: right; */
	/* clear: right; */
	/* margin: 10px 0 0; */
}
ul#menu-top-menu{
	
}
ul#menu-top-menu li{
	float: left; 
}
ul#menu-top-menu li a:link, ul#menu-top-menu li a:visited{
	color: #676767;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #676767;
}
ul#menu-top-menu li a:hover{
	text-decoration: underline;
}

/* ///////////// Sub Menu //////////////// */
ul.subpage{
	
}
ul.subpage li{
	margin: 0;
	padding: 5px 0 5px 15px;
	color: #00386e;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
ul.subpage li a:link, ul.subpage li a:visited{
	color: #00386e;
	text-decoration: none;
	display: block;
}
ul.subpage li a:hover {
	
	color: #faaa00;

}

ul.subpage li.current_page, .current_page{
	background: #fff;
	font-weight: bold;
	cursor: pointer;
	color: #00386e;
	display: block;
	padding: 5px 0 5px 15px;
}
ul.subpage li.nonepopup{ display:none;}





#buttons { float:right;  }

#buttons .active { background-color:#A6B4D0; color:#FFF; padding:10px; }

/* /////////////// Language ///////////////// */
#lang{
	
	color: #676767;
	float:right;
	margin-right:3px;
	
}
#lang ul{ }
#lang ul li{
	float: left;
	margin: 0 0 0 5px;
	padding-left: 5px;
	border-left: 1px solid #676767;
}
ul#qtranslate-chooser li.lang-en{
	border-left: none;
}

/* /////////////// Booking ///////////////// */
#booking{
	
	margin: 0 0px;
}
#booking td{
	padding: 0 3px;
}
#booking h3{
	color: #faaa00;
	text-transform: uppercase;
	display:inline;
}
#arrivee{
	border: 1px solid #a5acb2;
	background: url(images/calendar.gif) no-repeat 99% 50% #fff;
	cursor: pointer;
	color: #777;
	font-size: 11px;
	padding-left:3px;
    height: 20px;
    display: block; 
    float: left;
    clear: left;
}
.brown_border{
	color: #777;
	font-size: 11px;
	height:20px;
    display: block;
    float: left;
    
}
#booking_form .brown_border {margin:0 5px;}
#booking_form #book_btn {
    display: block;
    float: left;
}
#book_btn, .gform_button , .toggleContentBtn{
	background: #faaa00;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	padding: 0 5px;
	height: 20px;
	text-transform: uppercase;
	white-space: nowrap;
	border: none;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.clearBoth { clear:both; }


.leClub { text-align:center; max-width:240px; margin:0 auto;  }



.socialFooter a.trip{
	background: url(images/btn.png) no-repeat -38px -74px;
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 15px;
	position: absolute;
	right: 15px;
	bottom: 14px;
	
}

/*********** Special Offers ****************/

.specialOffers { border:0; padding:15px 0px 10px 0px; margin-bottom:15px; }


.specialOfferFloat {

width: 300px;
float: right;
margin-right:20px;
display:none;
 height:100%; 

}

.specialOfferFloatSingle {
	display:block;
}


.specialOfferFloat .wp-post-image { width:100%; height:auto; }

/* ///////////// Promotion Box ////////////// */

.probox{
	border: 1px solid #b7b7b7;
	
	height: 170px;
	
	margin-bottom:5px; 
	background-size:100% 100%;
    
    height: auto;
    margin-bottom:0;
    border:none;
    padding: 10px;
    padding-top:0;
    background: #ffffff;
}
.probox:nth-of-type(1) {
    padding-top:10px;
}
.probox img { width:100%; height: auto; display: block; }
.probox .protxt {
	border-bottom: 1px solid #b7b7b7;
    padding-left: 0;
    padding-right:0;
}
.wrap_img { height:200px; overflow: hidden;  }
.wrap_img img { width:100%; height: auto; }
.probox .protxt .excerpt {
	
	margin-top:3px;

}


.probox .protxt h3 {
	
	color: #777;
	font-size: 12px;
    text-transform: uppercase;
	line-height: 1.2em;
	text-transform: capitalize;
    text-align: center;
}

 #viewAll {  float:right; }

.protxt .viewoffer {  position:absolute; bottom:0; text-align:center; width:100%;  left:0; padding-bottom:5px; }

.protxt .viewoffer { position: static; padding-top:10px; padding-bottom: 0; }



.protxt{
	width:35%;
	float: right;
	padding:10px;
	height:100%;
	
	background-color:#FFF;
    
    
    width:100%;
    float: none;
}

.book_btn, .gform_button {
    background: #faaa00;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    padding: 0 5px;
    width:169px;
    height: 44px;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: block; 
    box-sizing: border-box;
    line-height: 44px;
}


.viewoffer #btn_viewoffer2 { padding:3px 5px 3px 5px; font-size:14px; text-decoration:none; width:auto; display: table; height: 20px; line-height: 20px; margin:0 auto; color:#ffffff; }


.xbtn {
background: url(images/btn.png) no-repeat -2px -20px;
width: 21px;
height: 44px;
cursor: pointer;
left: -22px;
position: relative;
bottom: 80px;
margin-bottom: -44px;

}

/*********** End Special Offers ****************/


/* //////////////// Share Buttons ///////////////// */
ul.share{
	
	
	position: relative;
	
}

ul.share.new-line{
	
	margin-top:10px;
	
}

ul.share li{
	float: left;
	margin: 0 5px;
}
ul.share li a{

	height: 16px;
	display: block;
	text-indent: -9999px;
}
a.flickr{
	background: url(images/flickr_icon_16.jpg) no-repeat no-repeat 0px 0px; 	width: 16px;
}
a.facebook{
	background: url(images/btn.png) no-repeat -68px -55px; 	width: 16px;
}
a.twitter{
	background: url(images/btn.png) no-repeat -85px -55px; 	width: 16px;
}
a.youtube{
	background: url(images/btn.png) no-repeat -102px -55px; 	width: 16px;
}
a.trip{
	background: url(images/btn.png) no-repeat -38px -75px;

	width:24px; 
}
a.instagram{
        background: url(images/instagram.png) no-repeat 0px 0px; 	width: 16px;
      
}
a.googleplus{
        background: url(images/googleplusicon.png) no-repeat 0px 0px; 	width: 16px;
      
}
a.linkedin{
        background: url(images/linkedin_icon_16.jpg) no-repeat 0px 0px; 	width: 16px;
      
}
a.pinterest{
        background: url(images/pinterest_icon_16.jpg) no-repeat 0px 0px; 	width: 16px;
      
}
a.tumblr{
        background: url(images/tumblr_icon_16.jpg) no-repeat 0px 0px; 	width: 16px;
      
}
a.weibo{
        background: url(images/weibo_icon_16.jpg) no-repeat 0px 0px; 	width: 16px;
      
}
a.yuku{
        background: url(images/yuku_icon_16.jpg) no-repeat 0px 0px; 	width: 16px;
      
}

/* ////////////// Footer /////////////// */
#footer{
	background: url(images/bg-trans.png) repeat;
	
	overflow: hidden;
	
	position: relative;
}
#menufoot{
	border-bottom: 1px solid #dadada;
	overflow: hidden;
    padding-top:10px; 
}
.top_footer { height:20px;}
.menu-footer-menu-container{
	margin:0;
	padding:0;
	float:left;
}
.menu-footer-menu-container ul#menu-footer-menu li:first-child { padding-left:10px;}
.menu-footer-menu-container ul#menu-footer-menu li:first-child a { padding-left:0;}
.menu {}
.menu-footer-menu2-container{
    display:table;
    width:auto;
	max-width: 35%;
	float: right;
	text-align: right;
}
ul#menu-footer-menu2{
	float: right;
}
ul#menu-footer-menu li, ul#menu-footer-menu2 li{
	float: left;
	margin-left:0;
}

 ul#menu-footer-menu2 li:last-child { margin-right:10px; }
ul#menu-footer-menu li a:link, ul#menu-footer-menu li a:visited {

padding: 0 10px;
}

 ul#menu-footer-menu2 li a:link, ul#menu-footer-menu2 li a:visited{
 
 padding: 0 10px;
 }

ul#menu-footer-menu li a:link, ul#menu-footer-menu li a:visited, ul#menu-footer-menu2 li a:link, ul#menu-footer-menu2 li a:visited {
	border-right: 1px solid #00386E;
    color: #00386E;
    
    text-decoration: none;
}
ul#menu-footer-menu li a:hover, ul#menu-footer-menu2 li a:hover{
	color: #faaa00;
}
#addressbox{
	text-align: center;
	margin: 5px 0px 0px 10px; 
}
#addressbox #address_kama{ width:100%; float:left; margin: 10px 0 10px 0px; text-align:left; }
#CDSSCROLLINGRAVE.narrow { background-color: #F4F5F8; //background-color: #F2F2F2;}

.mnulast{
	border-right: none!important;
	padding: 0 0 0 10px ;
}



/* //////////////// Gallery ////////////////// */

.gallerySelect h3 {  display:inline; 	line-height: 18px; padding-left:20px;  margin-right:3px;  }

.vdo, .downloads { margin:0 0 0 10px; }

.gallerySelect h3 span { 

	display:inline-block;
	
	}

h3.photo span {
	background: url(images/btn.png) no-repeat -86px -90px;
	height: 16px;
	width: 18px;
}
h3.downloads span {
	background: url(images/btn.png) no-repeat -69px -90px;
	
	height: 14px;
	width: 18px;
}
h3.vdo span {
	background: url(images/btn.png) no-repeat -104px -90px;
	height: 14px;
	width: 18px;
}


.image_popup{
	background: url(images/bg-trans.png) repeat;
	width: 585px;
	float: right;
	position: absolute;
	margin-right: 45px;
	padding: 15px 25px 10px;
	max-height: 580px;
	display: none;
}
.galleryview{
	height: 550px!important;
}
.documentbox ul{
	list-style: disc;
	margin: 20px;
}
.documentbox ul li{
	margin: 5px 0;
}
.first{
	/*left: 20px;*/
	left: 0px;
}
.strip_wrapper{
	width: 600px!important;
	left: 0!important;
	margin-top: 18px;
	height: 105px!important;
}
.frame{
	margin: 0 0 0 18px!important;
}
ul.filmstrip{
	width: 9000px!important;
	height: 105px!important;
}
img.nav-next{
    height: 101px;
    right: -20px !important;
    width: 21px;
	top: 448px!important;
}
img.nav-prev{
    height: 101px;
    left: -20px !important;
    width: 21px;
	top: 448px!important;
}
.panel .panel-overlay, .panel .overlay-background{
	padding: 10px 15px!important;
}
.panel .panel-overlay h2{
	color: #fff!important;
}


.nonepopup { display:none; }


#sliderContainer { width:60%; margin:0 auto; }



#sliderContainer #carousel li {margin-right: 5px}


#sliderContainer #carousel {   height:100px; cursor:pointer; margin-top:-10px; }


.gallerySelect { margin-bottom:10px; text-align:center; }



.flex-control-nav { display:none; }


.jssora05l {  left: 128px; }

.jssora05ldn {  left: 128px;  }

            /* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(scripts/jssor/images/a21.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }


                /* jssor slider thumbnail navigator skin 02 css */
                /*
                .jssort02 .p            (normal)
                .jssort02 .p:hover      (normal mouseover)
                .jssort02 .pav          (active)
                .jssort02 .pav:hover    (active mouseover)
                .jssort02 .pdn          (mousedown)
                */
                .jssort02 .w
                {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }
                .jssort02 .c
                {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    border: #333 1px solid;
                }
                .jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
                {
                	/*background: url(<?php bloginfo('template_url'); ?>/scripts/jssor/images/t01.png) center center;*/
                	border-width: 0px;
                    top: 2px;
                    left: 2px;
                     width: 100%;
                    height: 100%;
                }
                .jssort02 .p:hover .c, .jssort02 .pav:hover .c
                {
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    border: #fff 1px solid;
                }
          
			
.gallerySelectMobile { display:none; margin-bottom:10px; text-align:center;}

#allCategories { font-size:14px; }

.mobileSlideDown { display:none; margin:15px 0px 15px 0px; }
.mobileSlideDown a { display:block; }

.bottomLeftBadges { float:left;height:100%;position:relative; }

.bottomPosition { position:absolute;bottom:0; }

.bottomLeftBadge { margin-top:15px;  }



/*
 nav#galleryMobileSelect {
		position: relative;
		min-height: 46px;
		margin-bottom: 20px;
		width: 100%;
	}	
	nav#galleryMobileSelect ul {
		width: 260px;
		padding: 0;
		position: absolute;
		left: 50%;
		margin-left: -130px;
		top: 0;
		z-index: 9999;
		border: 1px solid #1e5486;
		background: #004893;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
		   -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
	        	box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
				
				z-index:99999;
	}
	nav#galleryMobileSelect li {
		display: none; /* hide all <li> items 
		margin: 0;
	}
	nav#galleryMobileSelect li a  { border: none!important; color:#FFF; }
	nav#galleryMobileSelect li a:hover  { text-decoration: underline; }
	nav#galleryMobileSelect .selected {
		display: block; /* show only current <li> item 
	}
	nav#galleryMobileSelect a {
		display: block;
		padding: 10px 20px;
		text-align: center;
		
	}
	nav#galleryMobileSelect .selected a {
		background: none;
		color: #fff;
		position: relative;
	}
	nav#galleryMobileSelect .selected a:after  {
		
		
		position: absolute;
		right: 10px;
		top: 10px;
	}

	/* on nav hover 
	nav#galleryMobileSelect ul:hover {
		background: #004893;
	}
	nav#galleryMobileSelect ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	nav#galleryMobileSelect ul:hover .selected {
		border: 1px solid #1e5486!important;
		background: #255a8c;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}
	nav#galleryMobileSelect ul:hover .selected a:after  {
		display: none;
	}
*/

.entry ul{
	list-style: disc;
	margin: 10px 15px;
}
ul.pagelist, ul.pagelist li ul{
	overflow: hidden;
	list-style: none;
	margin: 10px 0;
}

#mobileSocialIcons {  top:inherit; left:90px; right:inherit; display:none;}
#mc_embed_signup .mc-field-group .asterisk { top:0 !important; left:85px; right:inherit; }
.become_member { display:none; }
.mobileTop div#hotelname { height:52px; margin-top:10px; float:left; }

.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }
.contentContainer ul  {list-style: disc;  box-sizing:border-box; }
.contentContainer ol {list-style: decimal; padding-left:20px; box-sizing:border-box; }
.contentContainer ul li {list-style: inherit; display:list-item; }
.contentContainer ol li { list-style: decimal;}
#mobileSocialIcons ul ,#mobileSocialIcons ul li { list-style:none; }

.subpage , .subpage li { padding-left:0 !important; list-style:none !important; }

.flexslider .slides img { height: auto !important; }
.show-pc { display:block;}
.show-mobile { display:none; }
.flexslider .slides img { height: 100% !important; width:auto; }
.flexslider .slides > li { height: 100% !important; }
#googleMap { display: none; width:95%; margin:0 auto; }
/*#slider1_container img  { width:100% !important; height: auto !important; }*/

a.ui-datepicker-prev.ui-corner-all span { background-position:-96px 0px ;}
a.ui-datepicker-next.ui-corner-all span {background-position: -31px 0;}



div.book_btn { display: none !important; }
.jPanelMenu-panel { overflow-x:hidden;}

#jPanelMenu-menu { background-color:#004893;  }
.caption { display: block; position:absolute; left:0; bottom:0; color: #ffffff; background: url('images/bg_opacity_70pc.png') repeat; font-size: 22px; width:100%; box-sizing:border-box; padding:20px;  }

.addthis_sharing_toolbox { margin:15px 0px -5px 0px; text-align:center; }



/******** SiteMap */

ul.pagelist, ul.pagelist li
ul
{
	list-style: none;
	margin: 10px
0;
	overflow: hidden;
}
ul.pagelist
li
{
	background: url(http://dos131oasnubt.cloudfront.net/wp-content/themes/novotel/images/arrow.png) no-repeat 0 4px;
	float: left;
	margin: 0
25px 20px 0;
	padding-left: 10px;
	width: 135px;
}
ul.pagelist li a:link, ul.pagelist li a:visited
{
	color: #00386e;
	font-weight: bold;
	text-decoration: none;
}
ul.pagelist li a:hover
{
	text-decoration: underline;
}
ul.pagelist li ul
li
{
	background: url(http://dos131oasnubt.cloudfront.net/wp-content/themes/novotel/images/arrow-gray.png) no-repeat 0 4px;
	float: none;
	margin: 0
15px 0 0;
	padding-left: 10px;
}
ul.pagelist li ul li a:link, ul.pagelist li ul li a:visited
{
	color: #676767;
	font-weight: normal;
	text-decoration: none;
}
ul.pagelist li ul li a:hover
{
	text-decoration: underline;
}

input#gform_submit_button_27   {
padding: 3px 5px 3px 5px;
font-size: 14px;
text-decoration: none;
width: auto;
display: table;
height: 20px;
line-height: 17px;
margin: 0 auto;
color: #ffffff;
}
.gform_button {
	padding: 3px 5px 3px 5px;
font-size: 14px;
text-decoration: none;
width: auto;
display: table;
height: 24px;
line-height: 20px;
color: #ffffff;
}
/*Add new novotel logo*/
#headerTop #logo {
    background: transparent url("images/logo.png") no-repeat scroll 0% 0% / 63% auto;
    background-position: center;
    width: 200px;
}
#headerTop #logo a {
    width: 200px;
}
#hotelname {
    display: none;
}
.mobileTop #logo {
    width: 100px;
    background-size: 100%;
}

/* End of new logo*/