@charset "UTF-8";
/* CSS Document */

/* -- colors 

gray/charcoal/text -- #626262
green -- #0ba12c
blue -- #015bc1
yellow -- #f1d123
orange -- #db8403

-- */
/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:15px 0; }
input,select { vertical-align: middle; }
ul,ol { padding-left: 20px; }
#grelated_iframe_2, .grelated-iframe { display: none !important; } /* block google related toolbar */
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body { background-color:#474747; color:#626262; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 1.5em; font-size: 12px; }
h1, h2, h3, h4, h5 {text-transform: capitalize; line-height: 1.2em;}
h1{font-size: 24px; color:#015bc1; font-weight:bold; margin:0;}
h2{font-size: 18px; color:#015bc1; font-weight:bold; margin:0;}
h3{font-size: 16px; color:#f1d123; font-weight:normal;}
h4{font-size: 12px; color:#db8403; text-transform:uppercase; font-weight:bold; margin-bottom:8px;}
h5{font-size: 14px; color:#000; font-weight:bold; margin:0;}
p{margin-top: 6px;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}

hr {clear:both; border:0; width:100%; color:#bcbec2; background-color:#bcbec2; height:1px; margin:0px;}
img {border: 0px; padding: 0px; margin: 0px;}

a {color:#0b63c6; text-decoration:none;}
a:hover {color:#0ba12c;}

label { width: 100px; display: block; float: left; }
fieldset { margin: 5px 0; }
input { padding: 3px 5px; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper { width:960px; margin: 0 auto; }

#header {float:left; width:662px; height:295px;}
	#logo {margin:-280px 0 0 455px;}
	
#checkrates {float:right; width:298px; height:295px; background:url(/media/layout/rates-bg.jpg) top left no-repeat; color:#fff; font-weight:normal;}	
#rates {padding:20px 0 0 50px;}
	#rates p {font-size:12px; margin:0; padding:0;}
	#rates .cbCal {}
	#rates h3 {margin-bottom:15px; font-size:18px; margin-left:-20px; font-weight:normal;}
	#rates select {float:left; margin:0 15px 10px 0;}
	#adultsKidsRooms {list-style: none; margin: 0 0 20px 0;}
	#adultsKidsRooms li {float: left; text-align: center; margin: 0 10px 0 0;}
	#adultsKidsRooms li label {display: block; text-align:left;}
	
#navigation {background:url(/media/layout/nav-bg.jpg) top center no-repeat; height:36px; font-size:14px; color:#fff; text-align:center; letter-spacing:.05em;}
	#nav {margin:0 auto; padding:3px 0 0 0;}
	#nav ul {display:inline; padding: 0;}
	#nav ul li {list-style:none; display:inline; margin:0 7px;}
	#nav ul li a {color:#fff; text-decoration:none;}
	#nav ul li a:hover {color:#015bc1;}
	#nav img {display:inline; margin-bottom:-10px;}

#main {background:#fff url(/media/layout/content-bg.jpg) top center repeat-x; padding:20px 20px 0; width:920px;}
	#leftCol, #infoContent {width:620px; float:left; border-right:1px solid #bcbec2; padding-right:20px;}
	body#full-width #leftCol { float: none; width: 100%; }
	#rightCol, #infoCategories {width:270px; float:right;}
		
		#hotelDetails{float: left; width: 730px; border-right:1px solid #bcbec2; overflow: hidden;}
		#rightCol-res{/*width: 170px;float: right;*/display: none;}
		
		#hotelDetails-res{width: 100%;}
	
	.colHalfLeft {width:48%; padding:0 10px 0 0; border-right:1px solid #bcbec2; float:left; margin:20px 0 10px 0; height:124px;}
	.colHalfRight {width:48%; float:left; margin:20px 0 10px 10px; height:124px;}
		.colHalfLeft p, .colHalfRight p {margin:5px 0px;}
		.colHalfLeft a.photo, .colHalfRight a.photo { height: 120px; overflow: hidden; display: block; float: right; margin: 0 0 10px 10px; }
		.price { font-size:18px; color:#0ba12c;}
	#viewall {text-align:right; font-weight:bold; margin:10px 0;}
	
	#explore #colHalfLeft, #explore #colHalfRight {height:106px;}
	
#email-signupBox {color:#fff; font-size:16px; width:255px; background:url(/media/layout/email-bg.jpg) top center repeat-x; padding:10px;}
	#email-signupBox h3 {margin:0 0 5px 0; font-weight:normal; }
		#emailSignup label {color:#fff; font-size:14px; font-weight:normal; width:40px; display:inline-block; text-align:right; float: none; line-height:30px; padding:0 0 0 10px;}
		#emailSignup input {margin:0 5px; border:1px solid #9c9c9c; height:19px; width:140px; padding:3px 0 0 3px;}
		#emailSignup input.signup {margin:0; border:0; width:98px; height:25px;}
		#emailSignup input.zip {width:70px;}
		
#deals a { display: block; margin: 10px 0; }
#deals b { color:#015bc1; margin:0; }
#deals span { color:#626262; }
#deals a:hover b { color:#0ba12c; }
#deals a:hover span { color:#000; }
#deals #viewall {text-align:left;}
#deals #viewall a {color:#db8403;}
#deals #viewall a:hover {color:#015bc1;}

#footer { margin:10px -20px 0; text-align:center; color:#828282; background-color: #e3ebf9; border-top: 1px solid #ccc;}
	#footer #footer-nav { margin:0 auto; padding:20px 0;}
	#footer #footer-nav ul {display:inline; padding:0; }
	#footer #footer-nav ul li {list-style:none; display:inline; margin:10px;}
	#footer #footer-nav ul li a {text-decoration:none;}
	
	#ratesSM {color:#fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; width:138px; height:139px; margin:0 0 15px 35px; padding-right:12px; float:right; background-image:url(/media/layout/rate_box_sm.gif); background-repeat:no-repeat;}
#ratesSM .cellone {width:120px; padding:5px 2px 2px 15px; font-size:13px; line-height:16px; padding-bottom:10px;}
#ratesSM .celltwo {width:100px; padding:2px; text-align:center; padding-bottom:10px; font-size:11px;}
#ratesSM .dates {color:#ffe215; font-size:14px; padding-top:10px;}

#ratesSM .cellone img {margin-top:3px;}

#ratesSM .sign {color:#ffe215; font-size:12px; position:relative; top:-5px;}
#ratesSM .dollar {color:#ffe215; font-size:18px;}
#ratesSM .cents {color:#ffe215; font-size:10px; position:relative; top:-5px;}

body.email-full-width #ratesSM { background-image:url(/media/layout/rate_box_sm.gif); height: 139px; }

#contentfull h1 {text-align:center;letter-spacing:0px;}
#contentfull h1 .black {color:#000;}
#contentfull h3 {color:#0171bd; font-size:12px;letter-spacing:0px;}


/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

/* Map */
	#map{ width: 700px; height: 400px; border:1px solid #fff; float:left; }
	#locations { padding:0 0 0 10px; width: 170px; float:left; }
	#locations #mapHotelList { border-top:1px solid #ccc; }
	#locations #mapHotelList a { display:block; line-height:11px; height:11px; padding:6px 0 6px 3px; border-bottom:1px solid #ccc; }
	#map * { color: #000000; } /* this is to fix the map buttons text color, 'cause google is a monkey */
	.infoWindow { width: 300px; color: #333; }
	.infoWindow a.bookLink { padding: 1px 3px; font-weight:bold; background-color: #f1d123; }

/*--- Resorts Detail pages ---*/
body.hotel-details #content { float:none;  padding:0 0 10px 0; }
body.hotel-details #mini-weather { margin-bottom: 10px; padding-right: 10px; }
#resort-details { float:left; width:908px; padding:0 0 10px 10px; text-align: left; }
#resort-details #address h1, #resort-details #address h3{margin: 0px;}

#resort-details #reviews, #resort-details #currentspecials, #resort-details #amenities, #resort-details #rooms, #resort-details #directions { display: none; }
#resort-details #currentspecials { padding: 0 40px; }
#currentspecials a { display:block; margin-bottom:5px; }
#resort-details #media-wrapper { float: right; width: 400px; }
	#resort-details #media-tabs, #resort-details #content-tabs { margin: 0; padding: 0; list-style: none; }
	#resort-details #media-tabs li, #resort-details #content-tabs li { margin: 0 5px; float: left; }
	#resort-details #media-tabs li a, #resort-details #content-tabs li a { text-decoration:none; font-size: 14px; line-height:14px; padding: 5px 15px; display: block; background: url(/media/layout/tab-bg.jpg) repeat-x; border: 1px solid #bbd8ec; border-width: 1px 1px 0; }
	#resort-details #media-tabs li a.active, #resort-details #content-tabs li a.active { color:#fff; background: url(/media/layout/tab-active-bg.jpg) repeat-x; border: 1px solid #0674be; border-width: 1px 1px 0; }
	#resort-details #media-wrapper #media { border: 1px solid #0674be; clear: both; }
		#resort-details #gallery-wrapper { width: 400px; height: 300px; overflow: hidden; position: relative; }
			#resort-details #gallery-wrapper #prev2, #resort-details #gallery-wrapper #next2 {  position: absolute;  z-index: 99; text-align: center; text-decoration: none; display: block; width: 50px; color: #fff; background: url(/media/layout/tab-active-bg.jpg) repeat-x; border: 1px solid #0674be; }
			#resort-details #gallery-wrapper #prev2 { bottom: 10px; left: 10px; }
			#resort-details #gallery-wrapper #next2 { bottom: 10px; right: 10px; }
		#resort-details #media-wrapper #media #gallery { margin: 0; padding: 0; list-style: none; }
		#resort-details #media-wrapper #media #gallery li { width: 400px; height: 300px; overflow: hidden; }
		
	#featuredSpecial { background: #cee1f0; padding: 15px 20px; margin: 10px 0; width: 250px;  border: 1px solid #bbd8ec; }
		#featuredSpecial h3 { color: #ff4959; font-weight: 14px; margin-top: 0; }
		#featuredSpecial a { display: block; font-weight: bold; font-size: 14px; text-decoration: none; margin: 10px 0; }
	
	#resort-details #content-tabs { margin: 20px 0 10px; float: left; width: 100%; border-bottom: 1px solid #0674be; }
	
	#searchBox label { width: auto; text-align: left; }
	
	#resort-packages a { display: block; padding: 5px 0; margin: 0; }
	
	#policy { border-top: 1px solid #0674be; margin: 10px; padding: 10px; font-size: 11px; color: #777; }
	#policy h3 { margin: 0 0 5px; font-size: 14px; }
	
	#condo-search-box ul { margin: 0; padding: 0; list-style: none; }
	#condo-search-box ul li { padding: 5px 0; clear: both; }
	#condo-search-box label { display: block; margin: 0; padding-top: 2px; }
	#condo-search-box #arrivalDate, #condo-search-box #departureDate { width: 100px; }



/* Properties and Specials Page */
#properties { list-style: none; padding-left: 0; }
	.property { padding-top: 10px; border-top: 1px solid #ccc; margin-top: 15px; }
		.rates-book { float:right; width: 250px; text-align: right; color: #000; }
		.rates-book b { color:#015bc1; font-size: 14px; }
		.rates-book a { display: block; margin-top: 5px; float: right; }
		.property h4 { margin:0 0 3px; font-size: 18px; letter-spacing: -1px; text-transform: none; }
		.property h4 a {  }
		.property h4 span { padding-left: 15px; font-size: 14px; }
		.property p { margin-top: 3px;  }
		.property-detail a { font-weight: bold; }
			.property-detail a span { color:#fff; }
		a.property-image { display: inline; }
		a.property-image img { float: left; margin: 0 20px 20px 0; border: 2px solid #d1edf8; }
		
		.currentSpecials { float:right; width:180px; padding:10px; border-left:1px solid #ccc; margin-left:10px; }
		.currentSpecials ul { list-style: none; padding-left: 0; }
		.currentSpecials a { display: block; background: url(/media/layout/dot.jpg) no-repeat 5px 7px; padding-left: 15px; }

/* Area Info */
.imgHolder { float: right; margin: 0 0 10px 20px; }
.imgHolder img { max-width: 200px; }
.infoListing { margin: 5px 0; padding-bottom: 5px; }


/*-- POPUP --*/

.closeD {font-size:12px; float:right; margin-bottom:20px;}
#popup-form {margin:0 auto; width:335px; height:50px;}
#popup-form ul { margin: 0; padding: 0; list-style: none; }
	#popup-form ul li { padding-right: 10px; float: left; }
	#popup-form p { margin: 0 0 10px; font-size: 14px; color: #fff; }
	#popup-form label { display:block; padding-bottom: 2px; text-transform: uppercase; }
	#popup-form input.lowprice-email { width: 150px; padding: 2px; }
	#popup-form input.lowprice-zip { width: 60px; padding: 2px; }
	.popup-form-submit {margin-top:4px;}
#popup-form a {color:#fff;}
.ui-dialog .ui-dialog-content {text-align:center; color:#fff;}
#dialog-modal h2 {color:#fff;}
#dialog-modal {
	display: none;
	border:3px solid #b7d887;
	background: rgb(2,114,188); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(2,114,188,1) 45%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,rgba(2,114,188,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(2,114,188,1) 45%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(2,114,188,1) 45%,rgba(125,185,232,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(2,114,188,1) 45%,rgba(125,185,232,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0272bc', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(2,114,188,1) 45%,rgba(125,185,232,1) 100%); /* W3C */
}




/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:0px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }





/* res system */