/*
''template details start''
'name:Page
'primary:true
'serial:1000
'cssFile:template_page.css
'aspFile:template_page.asp
''template details end''
*/

/*========================= 01 ==========================*/	
/*=======================================================*/
/*================== RESPONSIVE STARTS ==================*/
/*=======================================================*/
/*=======================================================*/	

		/*------ Global Reset & Standards ------*/
			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; vertical-align:top; }
			table { border-collapse:collapse; border-spacing:0; }
			.left, .columns.left { float:left; }
			.right, .columns.right { float:right; }
			.hide { display:none; }
		
		/*------ Responsive Grid ------*/
			.row { width:100%; max-width:960px; min-width:960px; margin:0 auto; }	/* To fix the grid into a different size, set max-width to your desired width */
			.row .row { min-width:0px; }
			.column, .columns { margin-left:2.127663%; float:left; min-height:1px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.column:first-child, .columns:first-child, .alpha { margin-left:0px; }
			.column.omega, .columns.omega { float: right; }
			.row .one.columns 		{ width: 6.382989%; }
			.row .two.columns 		{ width: 14.893641%; }
			.row .three.columns 	{ width: 23.404293%; }
			.row .four.columns 		{ width: 31.914945%; }
			.row .five.columns 		{ width: 40.425597%; }
			.row .six.columns 		{ width: 48.936249%; }
			.row .seven.columns 	{ width: 57.446901%; }
			.row .eight.columns 	{ width: 65.957553%; }
			.row .nine.columns 		{ width: 74.468205%; }
			.row .ten.columns 		{ width: 82.978857%; }
			.row .eleven.columns	{ width: 91.489509%; }
			.row .twelve.columns	{ width: 100%; }
			img, object, embed 		{ max-width: 100%; height: auto; }
			img { -ms-interpolation-mode: bicubic; }
			#map_canvas img, .map_canvas img { max-width: none!important; }
			.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
			.row:after, .clearfix:after { clear: both; }
			.row, .clearfix { zoom: 1; }
		
		/*------ Mobile Grid ------*/
			@media only screen and (max-width:960px) 
			{
				body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
				.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				.row .row .column, .row .row .columns { padding: 0; }
				.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
				.column:last-child, .columns:last-child { margin-right: 0; float: none; }
				[class*="column"] + [class*="column"]:last-child { float: none; }
				[class*="column"]:before, [class*="column"]:after { display: table; }
				[class*="column"]:after { clear: both; }
				#webroomsBookingEngine iframe { width:1px; min-width:100%; *width:100%; }
			}
			
			
/*========================= 02 ==========================*/	
/*=======================================================*/	
/*=================== WEBSITE STYLING ===================*/
/*=======================================================*/
/*=======================================================*/	


html, body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#555;
	background:#fff;
}

/* common */
a { color:#15c; text-decoration:none; }
p { margin:1em 0; }
h1 { font-size:26px; font-weight:300; color:#004f9d; padding:10px 30px; text-align:center; }
h2 { font-size:18px; font-weight:400; color:#333; }
h3 { font-size:16px; font-weight:600; color:#004f9d; }
hr { height:0; border:none; border-top:#ddd solid 1px; margin:0; }
ul { margin:1em 0; }
ul li { margin:0 0 0 30px; }
div#preload { display:none; }
.xlink { background:url(/~images/template/icon_external.png) center left no-repeat; padding-left:16px; }
.mobile { display:none; !important; }
.clear { clear:both; }

/* header */
#topBar { background:#1f4284; height:40px; color:#fff; line-height:40px; font-size:13px; }
#topBar .topName { float:left; opacity:0.4; }
#topBar .contactInfo { float:right; }
#topBar .icoMap,
#topBar .icoPhone,
#topBar .icoEmail { padding-left:18px; display:inline-block; opacity:1; background-size:auto; background-repeat:no-repeat; background-position:left center; }
#topBar .icoMap { background-image:url(/~images/template/icon_map.png); margin-right:10px; }
#topBar .icoPhone { background-image:url(/~images/template/icon_phone.png); margin-right:10px; }
#topBar .social { text-decoration:none; height:20px; margin-top:8px; display:inline-block; }
#topBar .social img { height:20px; }
#headerBlock { background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.25); }
#headerBlock .row { position:relative; }
.logoLeft { display:inline-block; margin:5px 0; }
.bookingBox { float:right; margin-top:20px; }
.datepicker-button { text-transform:uppercase; }
#headerBlock .navBar { position:absolute; bottom:0; right:0; }

/* page */
#pageOuter { margin:20px auto; }
#pageContent { margin:20px 10px; }
.halfL { display:inline-block; width:49%; clear:left; }
.halfR { display:inline-block; width:49%; float:right; }
.note { padding:20px; background:#FFFACD; font-style:italic; }
.divL { float:left; width:49%; }
.contactCard { background:#fff; border:1px solid #ddd; height:210px; padding:30px; }
.contactCard h4 { margin-bottom:10px; }
.divR { clear:right; float:right; margin-bottom:30px; width:49%; }
.fac ul { margin:30px 0; }
.fac ul li { width:30%; display:inline-block; margin:0 0 0 1%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.box { background:#fff; box-shadow:0 1px 5px rgba(0,0,0,0.2); padding:20px; }
.minh .descBlock { min-height:0; margin-bottom:30px; border:1px solid #ddd; padding:30px; }
.minh .descBlock .descDescription { max-width:none; }

/* footer */
#footerNav .navBar { max-width:none; }
#footerNav .navBar .nav1L { background:#333; }
#footerContainer { background:#1f4284; color:#587bbc; font-size:15px; box-shadow:inset 0 0 15px rgba(0,0,0,0.4); }
#footerContainer a { color:#587bbc; }
#footerContact { color:#fff; line-height:24px; padding:35px 0 30px 0; float:left; width:430px; margin-left:20px; }
#footerContact h4 { font-size:16px; color:#ffd900; font-weight:bold; }
#footerContact a { color:#fff; text-decoration:none; }
#footerContact a:hover { color:#ccc !important; text-decoration:none; }
#footerContact div img { float:left; margin-right:8px; }
#footerContact a.linkBlue { color:#587bbc; text-decoration:none; }
#footerCopy { font-size:12px; text-align:center; padding:20px 0 30px 0; }
.asureLoyalty { float:right; position:relative; margin-top:25px; }
.asureLoyalty .loyaltyInner { background:#2e5192; font-size:14px; color:#fff; padding:20px; margin:22px 35px 0 0; width:400px; float:right; }
.asureLoyalty .loyaltyInner h4 { font-size:16px; color:#ffd900; font-weight:bold; }
.asureLoyalty .loyaltyCard { position:absolute; top:0; right:10px; }
.asureCards { clear:both; color:#4d71b2; font-size:10px; text-align:center; }
a.loyaltyBtn { background: url("http://www.asurestay.com/~images/template/common/ASURE_bookingbutton.png") no-repeat scroll left center #2552a4; font-size:11px; border:1px solid #5074b5; display:block; width:180px; margin-top:5px;
border-radius:6px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); color:#FFF !important; text-decoration:none; font-weight:bold; padding:7px 10px 7px 30px; }
a.loyaltyBtn:hover { cursor:pointer; background:url("http://www.asurestay.com/~images/template/common/ASURE_bookingbutton.png") center left no-repeat #2552a4; box-shadow:1px 1px 3px rgba(0,0,0,0.5); }

/* cms deafult tweaks */
#pageContent .rwrRoomtype,
#pageContent .full-article { border:1px solid #ddd; padding:30px; }
#pageContent .desc-book-button { background-color:#65b319; }
#pageContent .rwrRoomtype .desc-photos-thumbs { right:30px; }
#pageContent .descLink { color:#fff; background:#1f4284; }
#pageContent .descLink:hover { cursor:pointer; background-color:#15c; opacity:1; }
.noLine .descBlock { padding:0; margin:0; border:none; }
#pageContent .newsBlock h2.newsTitle { color:#004f9d; margin-bottom:10px; }
#pageContent .articles-reviews .newsBlock h2.newsTitle { margin-bottom:0; }

/* popup */
.blockPlus { height:250px; overflow:hidden; position:relative; margin-top:20px; background:#eee; }
.blockPlus .blockPlus-gallery { height:250px; overflow:hidden; position:absolute; top:0; left:0; width:100%; z-index:1; }
.blockPlus .plusimage { height:250px; width:100%; background-size:cover; background-position:center center; }
.blockPlus .blockPlus-title { z-index:3; position:absolute; bottom:0; left:0; right:0; padding:0 30px; line-height:70px; background:rgba(17,17,17,0.8); color:#fff; font-size:20px; font-weight:300;
	 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.blockPlus .blockPlus-subtitle,
.blockPlus .blockPlus-overlay,
.blockPlus .blockPlus-teaser { display:none; }
.blockPlus .blockPlus-link a { z-index:3; position:absolute; bottom:12px; right:12px; border-bottom:2px solid rgba(0,0,0,0.3); color:#fff; text-align:center; width:200px; font-weight:700; 
	background-color:#1f4284; text-transform:uppercase; line-height:46px; }
.blockPlus .blockPlus-link a:hover { cursor:pointer; background-color:#15c; }
.bHalf1,.bHalf2 { width:49%; display:inline-block; }
.hHalf2,.bHalf2 { float:right; }


/*========================= 03 ==========================*/	
/*=======================================================*/
/*==================== MOBILE STARTS ====================*/
/*=======================================================*/
/*=======================================================*/	

@media only screen and (max-width: 960px) {
body,html { font-size:95%; }
h1 { font-size:130%; }
h2 { font-size:125%; }
h3 { font-size:100%; }
.mobile { display:block !important; margin:auto; }
.remove { display:none !important; }
#headerBlock { padding:0; }
#pageOuter { padding:1em; margin-top:0; }
#pageContent { padding:0; }
#footerCopy { max-width:90%; margin:auto; }

/* page */
.contactCard, .divL, .divR { float:none; width:auto; margin-bottom:1em; height:auto; }
.bHalf1, .bHalf2 { width:auto; display:block; float:none; }
.blockPlus .blockPlus-title { font-size:100%; }
.blockPlus .blockPlus-link a { width:auto; padding:0 10px; font-size:100%; }
#pageContent .rwrRoomtype, 
#pageContent .full-article { border:none; padding:1.5em 0 0; margin:1.5em 0; border-top:1px solid #ddd; }
#pageContent .articles-reviews .full-article { border:none; padding:0 0 1.5em 0; border-bottom:1px solid #ddd; }
.fac ul li { width:auto; display:block; margin:initial; }

/* header */
#topBar,
.logoLeft,
.bookingBox { display:none; }
#headerBlock .navBar { position:static; height:50px; background:#1f4284; }
#headerBlock .navBar .mobile { text-indent:-999px; background:url(/~images/template/home_logo.png) center center no-repeat; background-size:auto 40px; }

/* footer */
#footerContainer { text-align:center; }
#footerBadges { padding:1.5em; padding-bottom:0; }
#footerBadges img { padding-top:1em; }
#footerContact { float:none; width:auto; margin:0; font-size:90%; line-height:inherit; padding:1em 2em; line-height:120%; }
#footerContact div img { display:none; }
#footerPromo { display:none; }
#footerCards { padding:0 1em; line-height:100%; font-size:75%; }
#footerCopy { padding:1em 1em 2em 1em; line-height:120%; }

}


/*========================= 04 ==========================*/	
/*=======================================================*/
/*====================== NAVIGATION =====================*/
/*=======================================================*/
/*=======================================================*/	

.navBar { position:relative; margin:auto; }
.scroll-to-fixed-fixed { max-width:100%; width:100% !important; left:0 !important; }
.flexnav { overflow:hidden; margin:0 auto; width:100%; text-align:center; }
.flexnav.flexnav-show { max-height:none; background:#111; opacity:1; }
.flexnav ul { background:#222; }
.flexnav li { font-size:100%; position:relative; overflow:hidden; padding:0; margin:0; display:inline-block; }
.flexnav li a { position:relative; z-index:101; overflow:hidden; text-decoration:none; display:block; color:#555; padding:20px 15px; border-right:1px solid rgba(0,0,0,0.05); }
.flexnav li ul { width:300px; text-align:left; margin:0; }
.flexnav li ul li { font-size:100%; position:relative; overflow:hidden; float:left; display:block; }
.flexnav li ul.flexnav-show li { overflow:visible; }
.flexnav li ul li a { display:block; border:none; font-weight:400; border-bottom:1px solid rgba(0,0,0,0.1); color:#333; padding:10px 15px; background:#eee; }
.flexnav li ul li a:hover { color:#333; background:#ddd; }
.flexnav li a:hover,
.flexnav li:hover > a { color:#ffd900; background:#1f4284; }
.flexnav .touch-button { position:absolute; z-index:9999; top:1px; right:0; display:inline-block; background:rgba(0,0,0,0.075); text-align:center; width:40px; height:40px; display:none; }
.flexnav .touch-button:hover { cursor:pointer; }
.flexnav .touch-button .navicon { position:relative; top:1.4em; font-size:12px; color:#666; }
.flexnav li > ul {
//  display: block;
display: none;
} /* fixes nav flashing on page load */

/* screen */
@media all and (min-width:960px) {
.flexnav { overflow:visible; }
.flexnav.opacity { opacity:1; }
.flexnav li { position:relative; list-style:none; display:inline-block; overflow:visible; width:auto; }
.flexnav li > ul { position:absolute; top:auto; left:0; }
.flexnav li > ul li { width:100%; }
.flexnav li ul li > ul { margin-left:100%; top:0; }
.flexnav li ul li a { }
.flexnav li ul.open { display:block; opacity:1; visibility:visible; z-index:1; }
.flexnav li ul.open li { overflow:visible; max-height:100px; }
.flexnav li ul.open ul.open { margin-left:100%; top:0; }
.menu-button { display:none; } 
}

/* mobile */
@media screen and (max-width:960px) {
.navBar .mobile { font-size:100%; line-height:50px; max-width:75%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; position:absolute; top:0; left:0; right:0; z-index:1; }
.navigation { width:100%; height:auto; padding:0; margin:0; position:absolute; top:0; left:0; right:0; }
.menu-button { position:relative; display:block; line-height:50px; padding:0; background:#111; height:50px; color:#000; cursor:pointer; text-align:center; font-size:125%; overflow:hidden; width:40px; float:right; }
.menu-button .touch-button { background:#000; position:absolute; z-index:9999; top:0; right:0; width:40px; height:50px; display:inline-block; text-align:center; }
.menu-button .touch-button .navicon { font-size:12px; position:relative; color:#fff; width:40px; height:40px; color:#000; display:block; }
.menu-button .touch-button .navicon:before { content:"\2261"; position:absolute; top:0; right:0; color:#fff; width:40px; height:40px; font-weight:bold; font-size:16px; }
.navigation .flexnav { text-align:left; max-height:0; }
.navigation .flexnav-show { max-height:none; }
.navigation .flexnav .touch-button { display:inline-block; background:#222; }
.navigation .flexnav .touch-button .navicon { top:12px; color:#fff; }
.navigation .flexnav li { display:block; width:100%; z-index:101; }
.navigation .flexnav li.item-with-ul {  }
.navigation .flexnav li ul { width:100%; }
.navigation .flexnav li ul li { float:none; }
.navigation .flexnav li a { color:#fff; padding:0 1em; border:none; border-top:1px solid #222; border-bottom:1px solid #000; background:#111; font-size:90%; line-height:40px; }
.navigation .flexnav li ul li a { background:#333; border-bottom:1px solid #222; border-top:1px solid #444; font-size:90%; color:#fff; padding:0 1em; }
.navigation .flexnav.flexnav-show { background:#000; }
}