#nv a {color:#0053CF; padding:0 15px;text-transform: uppercase;}
#nv a:hover,#nv .mnb:hover {color:#FFBA1A !important;}
#nv li li a {color:#fff;background-color: #0053CF;text-transform: unset;}
#nv li li a:hover  {color:#fff !important;background-color:#555;}
#nv a:visited {color: #0053CF;}
#nv li li a:visited {color: #fff;}
#mobMenu {background: #0053CF;}
@media only screen and (max-width: 767px) {
#nv a,#nv a:visited {background-color:#0053CF;color:#fff;}
#nv a:hover {background-color:#999 !important;color:#FFBA1A !important;}
}


/*search*/
.yui-gb .yui-u { width: 100% !important; min-width: 220px; display: block; margin-left: 0px; padding: 20px; max-width: 1200px; }
.yui-gb div.first { padding: 0px; }


/*splash*/
.yui-gb div.first { width: 100% !important; min-width: 220px; display: block; margin-left: 0px; max-width: 100%; position: relative;}
.yui-gb div.first img{width:100%;}
/*content*/
.content .yui-g { display: flex; flex-wrap: wrap; justify-content: center; }


.left-right-content .HtmlModule_ascx .modulePadding {padding: 0px; margin: 0px; }
.left-right-content .first .HtmlModule_ascx .modulePadding p { margin: 0px; }

/********Search & search by name**********/
.left-right-content .Search_ascx {background: rgba(51,51,51, 0.45);left: 50%;margin: -40px 0 0 -400px;top: 50%;width: 800px; position: absolute; color: #fff !important; padding: 7px;}
.left-right-content .Search_ascx label { color: #fff; }
.left-right-content .Search_ascx input[type="submit"] { background-color: #0053CF; color: #000; padding: 5px; top: 5px; border-radius: 0;font-size: 14px;font-weight: 700;}
.search, .Search_ascx h2 { max-width: 1200px; margin: auto; }

/* FOR HOMEPAGE HORIZONTAL SEARCH*/
.left-right-content .search{ flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }
.left-right-content .lightweight { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: center; -webkit-justify-content: center; }
.left-right-content .arrive, .left-right-content .depart, .left-right-content .adults, .left-right-content .children, .left-right-content .beds, .left-right-content .baths, .left-right-content .cat1, .left-right-content .cat2, .left-right-content .cat3, .left-right-content .pets, .left-right-content .price, .left-right-content .search-button-wrapper, .left-right-content .name-search-button, .left-right-content .refine-results-container { margin: auto 5px auto }
.caption { position: absolute; display: block; top: 50px; left: 0; right: 0; padding: 15px; text-align: left; color: #fff; text-shadow: #111 2px 2px; max-width: 750px; margin: auto; font-size: 300%; line-height: 1.0em !important; margin: auto !important; font-family: Verdana; text-transform: uppercase; }
.capblk { color: #fff; text-shadow: #111 2px 2px; }
.caption span { font-size: 50%; text-transform: none  ; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.caption a{ background: #000 none; color: #fff !important; font-size: 60%; font-weight: bold; padding: 10px; text-decoration: none; border-radius: 5px; letter-spacing: 2px; text-transform: uppercase; text-shadow: #fff 0px 0px; }
.caption a:hover { color: #fff;  }





@media only screen and (max-width: 767px) {
	.yui-gb { display: block !important; padding: 0px; }
	.content .yui-g, .left-content .yui-gf {margin: 25px auto 0 auto}
}



/***************************Style*******************************************************************/
html {background-color: #fff;}

body { background: #fff; 
color: #111;
font-size: 1rem;
font-family: brandon-grotesque,sans-serif;
line-height: 1.5;
}

body, td, th, html, body, p { font-family: Verdana, sans-serif; /*line-height: 25.2px !important;*/ text-align: left;font-size:16px;}

p, li {color: #111;}

/*SIZING*/ 
#custom-doc { width: 100%; min-width: 250px; background: linear-gradient(to bottom, rgb(200, 200, 200) 0px, rgba(200, 200, 200, 0.1) 10px, rgba(200, 200, 200, 0) 77px); }

#hd { max-width: 1200px; margin: auto; }

.yui-g, .yui-gf { max-width: 1200px; /*margin: 221px auto 0px auto;*/ margin:auto; }

/*HEADER & NAVIGATION*/
#hd { height: 76px; }

#hdr_top {display: none; position: absolute; right: 0px;top:0px; border-bottom: solid 1px #ccc; font-family: Cabin; color: #111; font-size: 80%; }

#hdr_top a { font-family: Cabin; padding: 15px; line-height: 2.8em; color:#111; }

#hdr_top a:hover { text-decoration: none; color: #FFBA1A }

.left-content #bd, .main-content-page #bd, .booking-path #bd, .content #bd {/*background: #fff url(images/default/AboutUs_banner.jpg) repeat-x 0px -100px; background-size: 100% 300px;*/  border-top: solid 1px #ccc; }

.left-content .HtmlModule_ascx, .content .HtmlModule_ascx, .ContactUs_ascx { padding-top: 0px; }

#ft {border-top:solid 1px #ddd; padding-top: 10px;}

#ft a { color: #FFBA1A; }
#ft a:hover { color: #FFBA1A !important; text-decoration:underline; }

.tw, .ig { background-color: transparent; }
.fb { background-color: transparent; }
.gp { background-color: transparent; }
.pi { background-color: transparent; }
.ln {background-color: transparent;}
.yt { background-color: transparent; }
.socicon {border-radius: 20px;padding: 8px; color: #777;}
#ft .social ul {margin:15px 0 0 0;}
#ft .social ul li {line-height: 0;}



/*PROPERTY LIST*/
#propertyList .header { background-color: #eee; }

#propertyList li { background-color: #fff; }

/*SEARCH MODULE STYLE*/
.left-content .Search_ascx, .left-content .SearchByName_ascx { /*background-color: rgb(203,222,218);*/ padding: 0 10px; }

.left-content .Search_ascx h2, .left-content .SearchByName_ascx h2, .Search_ascx label, .SearchByName_ascx label { color: #111; text-shadow: 0px 0px 0px transparent; }

.search .refine { font-size: 150%; }

.Search_ascx label, .SearchByName_ascx label { height: 12px; margin-bottom: 2px; text-transform: uppercase; letter-spacing: .075em; font-size: 10px; }

.search select, .search input, .search-by-name input, .amenities select { background-color: #eee; text-transform: uppercase; }

.HtmlModule_ascx li {list-style: decimal;     margin-left: 20px;}


/*BUTTON COLOR*/
input[type="button"], input[type="submit"], .BTN_1_Middle a { background: #0053CF none; color: #fff !important; font-size: 120%; font-weight: 500; }

/*LINK & HEADER COLOR*/
a:link, a:visited { color: #0053CF; }

a:hover, a:active { color: #FFBA1A !important; text-decoration:underline; }


h1, h2, h3, h4, h5 { color: #62b1a0; font-family: 'Open Sans', sans-serif;  }


@media only screen and (max-width: 975px) {
	h1, h2, h3, h4, h5 {margin-top: 20px;}
	.left-content #bd, .main-content-page #bd, .booking-path #bd, .content #bd { background: #fff none; }
	.main-content-page .yui-g,.main-content-page .yui-gf { max-width: 1200px; margin: 91px auto 0px auto !important;}
	.yui-g, .yui-gf { max-width: 1200px; margin: 0px auto 0px auto;}
	.booking-path .yui-g,.booking-path .yui-gf { max-width: 1200px; margin: 0px auto 0px auto !important;}
}

@media only screen and (max-width: 767px) {
	.left-right-content .lightweight {flex-wrap: wrap;justify-content: center;}
	.BtmNav {display: block !important;}
	.left-right-content .Search_ascx {position:relative;width:80%;left:unset;margin:auto;}
	.cat1 {  width: 100% !important;}
}
.pets, .amenities{display:none;}
.hide_old { display: none; }
.e_widget { position: absolute; margin-top: -205px;background: rgba(255,255,255,0.5); width: 100%;}
.BtmNav { display: none; }
.ui-dialog { width: 90% !important; z-index: 10001 !important;}

#inquireByEmailButton, #continueBookingButton, .ui-dialog-titlebar-close, #continueBookingInline {  z-index: 900 !important}
    


/*fixes calendar overlap for ipad*/
@media only screen and (max-width: 900px) {
	#availabilityForm .ui-datepicker-multi .ui-datepicker-group, #propertyList .body img.pic {
		float: none !important;
	}
	.content-left, .content-right, .booking-info, .narrow-calendar-wrapper, #quickDescription, #location {
		float: none !important;
		margin: 0 !important;
		width: 100% !important;
	}
	#availabilityForm .ui-datepicker-group {
		margin: auto;
		max-width: 360px !important;
		width: 100%;
	}
}

@media only screen and (max-width: 450px) {
	h1 {font-size: 26px;}
	#dates input { background-color: #eee; font-weight: bold; min-width: 98px !important; padding: 5px;}
	.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker-calendar td.ui-state-disabled span { padding: 5px !important;}
}




#ft .social a {color: #999 !important;}

#AllUnits {}
.allUrow {}
.AllUnits {width:33%;display:inline-block;padding: 20px;box-sizing: border-box;position: relative;}
.AllUnits div {box-sizing: border-box;position: relative;}
.AllUnits a {display: block;line-height: 0;}
.AllUnits img {margin:auto;width:100%;}
.AllUnits  h3 {position: absolute;font-size: 20px;bottom: 0px;display: block;line-height: 1em;padding: 3px 0;color: #fff;margin: 0;width: 100%;text-align: center;box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
.AllUnits  .allUStars {position: absolute;bottom: -20px;display: block;line-height: 1em;padding: 0;margin: 0;width: 100%;text-align: center;box-sizing: border-box;}

.treeBlocks {position: relative;width:100%;}
.treeBlocks p {width:33%;display:inline-block;padding: 10px;box-sizing: border-box;line-height: 0em;}
.treeBlocks a {width:100%;display:block;position: relative;text-align:center;}
.treeBlocks img {margin:auto;width:100%;height:auto;}
.treeBlocks strong {position: absolute;font-size: 16px;bottom: 0px;display: block;box-sizing: border-box;line-height: 1em;padding: 3px 0;color: #fff;margin: 0;width: 100%;text-align: center;box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
@media only screen and (max-width: 1150px) {
	.treeBlocks p {width:47%;}
}
@media only screen and (max-width: 768px) {
	.AllUnits, .treeBlocks p {width:100% !important;}
}

.notification {width:100%;position:absolute;top:0;background:#fee;}

a {transition: all 0.2s ease-in-out;}

.btn { padding: 11px 22px;background: #111;color: #fff !important;font-size: .875rem;font-family: 'Century Gothic','Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;transition: all 0.2s ease-in-out;}
.btn:hover {  background: #FFBA1A;    color: #fff !important;text-decoration:none;}
.wbrd {border: 2px solid #fff;}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    color: #111;
    font-weight: 300;
    font-family: Verdana, sans-serif;
    font-style: normal;
}

#ft{ color:#fff;    padding-top: 30px;    padding-bottom: 20px;    background-color: #111;}
#ft p{color:#fff;}
#ft a{color:#FDD667;}
.logos_cont {text-align:center;width: 100%;padding:35px 0;background:#fff;margin: 30px 0 !important;}

.logos_cont img {margin:0 10px;height: auto;display: inline-block;vertical-align: middle;}


#Featured *{text-align:center;}
.fp_link { padding: 11px 22px;background: #111;color: #fff !important;font-size: .875rem;font-family: 'Century Gothic','Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;transition: all 0.2s ease-in-out;}
.fp_link:hover {  background: #FFBA1A;    color: #fff !important;text-decoration:none;}
.inlblm{display: flex;max-width: 1200px;margin: auto;}
.inlbl {display:inline-block;width: 25%;text-align:left;padding:20px;}
#ft .inlbl p {text-align:left;}
#ft h3 {color: #fff;font-weight: 300;font-family: Arial;font-size: 20px;}
#ft hr  {    height: 1px;    border: 0;    color: #fff;    background: #fff;}
#ft a {color:#FFBA1A;}
#ft  .icon1-liga	{    font-size: 28px !important;    top: 10px;    padding: 5px;    left: -10px;}


#cat1 {/*width: 50% !important;*/}
button, input[type="button"], input[type="submit"] {border-radius: 0;font-size: 14px;font-weight: 700;transition: all 0.2s ease-in-out;}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {  background: #FFBA1A;    color: #fff !important;text-decoration:none;}
 input[type="submit"]:hover {  background: #FFBA1A !important;}
#propertyList a {color:#0053CF;}
#tab_modules a {color:#0053CF;}
#propertyList a:hover {color:#FFBA1A !important;}
#tab_modules a:hover {color:#FFBA1A !important;}
.favor {color:#FFBA1A;}
#FavoritesCall{position: relative;}

@media only screen and (max-width: 768px) {
	h2 {  font-size: 26px;}
	h3 {  font-size: 20px;}
	.inlblm{display: block;}
	.inlbl {display:block;width: 100%;padding:10px;text-align:center;}
	#ft {   padding-top: 10px;}
	#ft .inlbl p {text-align:center;}
	.left-right-content .first {padding: 0 !important;}
	.left-right-content .Search_ascx {    width: 100%;    padding: 10px 0 20px;}
}
.left-right-content  .yui-u{max-width:unset;}

.left-right-content  .yui-u .HtmlModule_ascx {max-width:1200px; margin:auto;}
.left-right-content  .first .HtmlModule_ascx {max-width:unset;}


#FavoritesCall em {color: #FFBA1A !important;}


#logo {float: left;text-align:center;}
#rbl {float: right;top:24px;position: relative;}
#FavoritesCall {display: inline-block;float:unset;right:unset;top:0;}

@media only screen and (max-width: 1200px) {
	#nv a {padding: 0 5px;font-size:14px;}
}
#PL_header {width: 50%;box-sizing: border-box;padding: 0 10px;}
@media only screen and (max-width: 767px) {
	#logo { width: 100%; }
	#rbl {float: unset;top:0;}
	#FavoritesCall {position:absolute;right:10px;top:24px;}
	#PL_header {width: 100%;}
	.area {width: 100% !important;}
}

.call_menu {display:none;}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}


.call_menu {display:none;}
#inquireByEmailButton {display:none;}
.unit_bl .twitter { top:5px;font-size: 24px !important;}
.unit_bl .facebook { top: 4px;}
.submit {margin: 2px 0 8px 0 !important;}
#ftmenu {display:none;}
.Search_2 {width: 100%;margin: auto;position: relative;padding: 20px 0px;z-index: 20;}
.Search_2 .search {  display: flex;    padding: 0px;  width: 100%;  margin: auto;  box-sizing: content-box;max-width:unset;}
.Search_2 .search div { flex: 1; display: inline-block !important;  width: 100%;  box-sizing: border-box; padding-left: 5px !important;  padding-right: 5px !important; }
.Featured {margin: 0 -5px !important;}
#phone_signup {display:none;}
