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

body {background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#666; padding:0;}

h1 {position:absolute; left:-5000px;}
h2 {position:absolute; left:-5000px;}
h3 {font-family:'Trebuchet MS'; font-size:1.4em; color:#40a6e1; margin:0 0 9px 0; padding:0;}
h4 {margin: 18px 0 9px 0; padding: 0;}

p {margin:0; padding:0;}

img {border:none;}

fieldset {border:none;}

#container {margin:20px auto; width:960px;}

div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #B9B9B9;
    position: absolute;
    background: #eee;
	 font-family:'Trebuchet MS';
}

div.suggestions div {
    cursor: default;
    padding: 1px 5px;
    background: #eee;
}

div.suggestions div.current {
    background-color: #DDFFFF;
    color: #666;
}

.promotion-link{color: #40a6e1; cursor: pointer }
.promotion-link:hover{color: #505050}

#all-cal{}
#all-cal td {padding: 2px}
#all-cal td {border-bottom: 1px solid #ccc;}
#all-cal tr:hover{background: #eee}

#banner-numbers{position: absolute; right: 0px; display:none; 
					width: 350px; background: #eee; 
					border: 1px solid #B9B9B9;
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; z-index: 1}

#sidebar {width:308px; clear:left; float:left; margin-bottom: 18px;}
#select-date {width:306px; height: 193px; background: url(../images/select-dates/select-dates-bg.png) no-repeat -1px -1px; border: 1px solid #B9B9B9;}
#select-date:hover{background: #eee;}

.mylist-remove {height: 17px; background:url(../images/mylist.png) no-repeat 0px -17px; width: 24px; display: inline-block; vertical-align: top}
.mylist-add {height: 17px; background:url(../images/mylist.png) no-repeat 0px 0px; width: 24px; display: inline-block; vertical-align: top}

#main, #template-main {width:632px; float:right; margin-bottom: 18px;}

#template-main a{text-decoration: none; color: #666; font-weight: bold}
#template-main a:hover{color: #40a6e1}
#template-main li {padding: 5px}

#template-main select {border: 1px solid #B9B9B9; color: #505050}

#template-main .cal-month{text-align: center; width: 306px; padding: 5px 0; vertical-align: middle;}
#template-main .cal-month strong {display: inline-block; vertical-align: 5px;}
#template-main #cal-button-next{width:24px; height:22px; background:url(../images/arrow-button.jpg) no-repeat 0px 0px; border:none; display: inline-block; margin-left: 9px;}
#template-main #cal-button-next:hover {background:url(../images/arrow-button.jpg) no-repeat 0px -22px;}
#template-main #cal-button-prev{width:24px; height:22px; background:url(../images/arrow-button-in.jpg) no-repeat 0px 0px; border:none; display: inline-block;margin-right: 9px;}
#template-main #cal-button-prev:hover {background:url(../images/arrow-button-in.jpg) no-repeat 0px -22px;}

.cal-view {margin-left: 18px; float: right; clear: right; display: inline-block; text-align: center;}
.cal-view .month{text-align: center; padding: 5px 0; vertical-align: middle;}
.cal-view .month strong {display: inline-block; vertical-align: 5px;}
.cal-view th{height: 20px;}
.cal-view td{padding: 2px; text-align: center; vertical-align: middle; height: 55px; width: 55px; border: 1px solid #B9B9B9}
.cal-view .stay{border: 1px solid #00f}

#groups-desc {float:right; width: 632px; margin-bottom: 18px; }
.groups-list {display: block; clear: both; width: 958px; border: 1px solid #B9B9B9; background: url(../images/group-bg.png) no-repeat; margin-bottom: 18px; }
.groups-list .main-img {width: 240px; height: 180px; float:left;display: block; }
.groups-list .main-checkbox {float: right; padding: 5px; background: #fff; border: 1px solid #B9B9B9}
.groups-list .main-header{height: 144px; width: 682px; float:right; padding: 18px; display: inline-block;}
.groups-list img {width: 15px; height: 15px;}
.groups-list ul {}
.groups-list li {padding: 2px;}
.groups-list a {color: #666; text-decoration: none; font-weight: bold}
.groups-list a:hover {color: #40a6e1}
.groups-list table {width: 958px; display: block; clear: both;}
.groups-list td {padding: 2px 3px; border-bottom: 1px solid #EEE; text-align: center; width: 55px}
.groups-list .cost{background: #eee}
.groups-list .apt{width: 350px; text-align: left}
.groups-list .target{font-weight: bold; color: #f00; height: 30px;}
.groups-list .summary{font-weight: bold; color: #40a6e1; height: 30px;}
.groups-list .align-right{text-align: right}
.groups-list .result{padding: 9px}
.groups-list .apt-row:hover{background: #eee}
.groups-list th {background: #eee; text-align: center; padding: 5px}
.groups-list select {border: 1px solid #B9B9B9;}
.groups-list label {font-weight: bold}

.groups-sidebar {width: 288px; background: url(../images/select-dates/select-dates-bg.png) -1px -1px; border: 1px solid #B9B9B9; padding: 9px; margin-bottom: 18px;}
.groups-sidebar label {font-family:'Trebuchet MS'; font-size:1.4em; display: inline-block; width: 97px; text-align: right; margin-right: 5px;}
.groups-sidebar select {border: 1px solid #B9B9B9; color: #666;}
.groups-sidebar ul {padding: 0; margin: 0;}
.groups-sidebar li {padding: 5px; list-style: none}
.groups-sidebar a {color: #666; text-decoration: none; font-weight: bold}
.groups-sidebar a:hover {color: #40a6e1}

#lst-email {font-family:'Trebuchet MS'; font-size:1.3em; width: 254px; vertical-align: middle}
.email-list-input {color:#aaa; border: 1px solid #CCCCCC; }
.email-list-input-type {color:#333; border: 1px solid #40a6e1; }

#lst-send{font-weight: bold; margin: 0; float: none; 
								background:url(../images/lrg-btn-bg.png) no-repeat 0px -29px; width: 50px; height: 26px; float: none;
								padding: 0 0 2px 0; vertical-align: middle;
								color: #fff; font-family:'Trebuchet MS'; 
								border: 1px solid #73B6E3;
							}
#lst-send:hover{background:url(../images/lrg-btn-bg.png) no-repeat 0px 0px;}

.group-control-button {font-weight: bold; margin: 0; float: none; 
								background:url(../images/lrg-btn-bg.png) 0px -29px; height: 23px; 
								padding: 0 10px 2px 10px;
								color: #fff; font-family:'Trebuchet MS'; 
								border: 1px solid #73B6E3;
							}
.group-control-button:hover {background:url(../images/lrg-btn-bg.png) 0px 0px;}

.group-control-apply {font-weight: bold; margin: 0; float: none; 
								background:url(../images/lrg-btn-bg.png) 0px -29px; height: 23px; 
								padding: 0 10px 2px 10px;
								color: #fff; font-family:'Trebuchet MS'; 
								border: 1px solid #f00;
							}
.group-control-apply:hover {background:url(../images/lrg-btn-bg.png) 0px 0px;}

#header .tagline {font-family:'Trebuchet MS'; font-size:1.4em; color:#999999; width:600px; float:left; padding: 45px 0 18px 0; text-decoration: none}
#header #social {width:290px; float:right; padding-top: 7px;}
#header #social .facebook {width:20px; height:20px; float:right; margin-right:5px; margin-left:5px; background:url(../images/banner/social-links.jpg) no-repeat 0px 0px;}
#header #social .facebook:hover {background:url(../images/banner/social-links.jpg) no-repeat 0px -20px;}
#header #social .twitter {width:20px; height:20px; float:right; margin-right:5px; background:url(../images/banner/social-links.jpg) no-repeat -20px 0px;}
#header #social .twitter:hover {background:url(../images/banner/social-links.jpg) no-repeat -20px -20px;}
#header #social .email {width:20px; height:20px; float:right; background:url(../images/banner/social-links.jpg) no-repeat -40px 0px;}
#header #social .email:hover {background:url(../images/banner/social-links.jpg) no-repeat -40px -20px;}
#header .phone {position: relative; display: inline-block; clear:right; float:right; text-align:right; margin:0; padding:0 0 0 30px; background:url(../images/banner/phone-icon.jpg) left no-repeat; font-family:'Trebuchet MS'; font-size:2.5em; color:#505050;}
#header .phone a {text-decoration: none; color:#505050}
#header .phone a:hover {color:#40a6e1}
#header #search-submit {float: right; width:20px; height:20px; background:url(../images/banner/arrow-button.jpg) no-repeat 0px 0px; border:none;}
#header #search-submit:hover {background:url(../images/banner/arrow-button.jpg) no-repeat 0px -20px;}


#nav {clear:both; height:40px; width: 960px; background:url(../images/banner/nav/nav-bg.jpg) no-repeat #333; margin:0 0 18px 0;}
#nav td {text-align: center;}
#nav a {font-family:'Trebuchet MS'; color:#FFFFFF; text-decoration:none; font-size:1.4em; padding: 0 10px;}
#nav a:hover {color:#40a6e1; }
#nav .divider {width:2px; background:url(../images/banner/nav/menu-divider.jpg) no-repeat;}

#search-text-1 {width:125px; height:18px; float: right; padding: 0 5px;}
.search-text {font-family:'Trebuchet MS'; font-size:1.0em; color:#AAA; border: 1px solid #CCC; }
.search-text-type {font-family:'Trebuchet MS'; font-size:1.0em; color:#333; border: 1px solid #40a6e1;}

#booking-form {clear:left; width:308px; height:220px; float:left; background: url(../images/select-dates/select-dates-bg.png) no-repeat #ccc;}

#theform {padding:18px 0 0 25px; height:202px;}
#theform label {display:inline-block; line-height:1.7em; width:80px; 
						text-align:right; font-family:'Trebuchet MS'; 
						font-size:1.4em; padding-right:5px; vertical-align: text-top}
#theform ol {margin:0; padding:0;}
#theform li {list-style:none;}
#theform select {font-family:'Trebuchet MS'; font-size:1.3em; color:#333333; border: 1px solid #CCCCCC; width: 50px; vertical-align: text-top}
#theform #orderBy {font-family:'Trebuchet MS'; font-size:1.3em; color:#333333; border: 1px solid #CCCCCC; width: 150px; vertical-align: text-top}
#theform #start-date {font-family:'Trebuchet MS'; font-size:1.3em; color:#333333; width: 85px; border: 1px solid #CCC; padding: 1px 5px; vertical-align: text-top}
#theform input {font-family:'Trebuchet MS'; font-size:1.3em; color:#333333; width: 30px; border: 1px solid #CCC; padding: 0px 5px; vertical-align: text-top}

#cal-btn {border: 0; cursor: pointer; height: 20px; width: 25px; float: none; vertical-align: text-top}


#theform #booking-submit {width:112px; height:31px; color: #fff; font-family:'Trebuchet MS'; font-size: 1.4em;  
									background:url(../images/apt/book-btn-bg.png) repeat 0px 0px; 
									border: 1px solid #73B6E3; 
									margin:8px 9px 0 0;  
									vertical-align: text-top}
#theform #booking-submit:hover {background:url(../images/apt/book-btn-bg.png) no-repeat 0px -31px;}

#theform #booking-reset {width:112px; height:31px; color: #fff; font-family:'Trebuchet MS'; font-size: 1.4em;
									border: 1px solid #73B6E3; 
									background:url(../images/apt/book-btn-bg.png) repeat 0px 0px; 
									margin:8px 9px 0 10px; 
									vertical-align: text-top}
#theform #booking-reset:hover {background:url(../images/apt/book-btn-bg.png) repeat 0px -31px;}

#bedrooms {background:url(../images/bedrooms-bg.png); width:308px; height:109px; padding: 7px 0 0 0;}
#bedrooms a {display:block; width:206px; margin:0 0 16px 70px; background:url(../images/select-dates/arrow-button.jpg) no-repeat 180px 0px; 
					font-family:'Trebuchet MS'; font-size:1.45em; 
					color:#505050; text-decoration:none;}
#bedrooms a:hover {color:#40a6e1; background:url(../images/select-dates/arrow-button.jpg) no-repeat 180px -22px;}

#highlight {width:632px; height:334px; float:right; margin:0 0 20px 0; background:#fff; padding:0; border: 1px solid #B9B9B9;}

#offers {clear:both; width:960px; height:100px; margin:0 0 18px 0;}

#features {width:960px; clear:both; height:340px; margin:0 0 0 0; background: url(../images/features/features-bg.jpg) no-repeat #cccccc;}
.feature {width:195px; height: 257px; float:left; padding:59px 25px 0 20px; position: relative}
.feature .read-more {position: absolute; right: 18px; bottom: 0px; width:59px; height:22px; background:url(../images/features/read-more.jpg) no-repeat 0px 0px;}
.feature .read-more:hover {background:url(../images/features/read-more.jpg) no-repeat 0px -22px;}
.feature p {text-align: justify; height: 65px;}
.feature img {width: 195px; height: 120px; border: 1px solid #ccc; margin-bottom: 18px}

#footer {clear:both; width:960px; height:113px; background:url(../images/footer/footer-bg.png) no-repeat; padding:15px 0 15px 0; margin:0; color:#fff; font-size:1.1em;}
.quick-links {list-style:none; width:180px; float:left;}
.quick-links li a {color:#fff; font-weight:normal; text-decoration:none;}
.quick-links li a:hover {text-decoration:underline;}

#sign-up {width:220px; float:right; padding:0 45px 0 0; margin:10px 0 0 0; }
#sign-up legend {font-family:'Trebuchet MS'; font-size:1.4em; color:#fff; margin:0 0 15px 0; padding:0;}

#sign-up #sign-up-submit {margin-right: 12px; margin-top: 5px; float: right; width:24px; height:22px; background:url(../images/arrow-button.jpg) no-repeat 0px 0px; border:none;vertical-align: top;}
#sign-up #sign-up-submit:hover {background:url(../images/arrow-button.jpg) no-repeat 0px -22px;}

#sign-up #sign-up-email {float: right; width:170px; margin-top: 5px; height: 18px; font-family:'Trebuchet MS'; font-size:1.0em;}
#sign-up .sign-up-email {color:#AAA; border: 1px solid #CCCCCC; }
#sign-up .sign-up-email-type {color:#333; border: 1px solid #40a6e1;}


#slider {position: relative; overflow: hidden;}
#slider, #slider img, #slider ul{width: 632px; height: 334px;}
#slider li,#slider ul{padding:0; margin:0;}
#slider ul {position: absolute;}
#slider .slide {float: left; position: relative; display: none;}
#slider .slide:first-child {display: block;} /*For sane browsers..*/
#slider .slide span {position: absolute; left: 0; width:606px; font: 14px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:24px; padding: 10px 13px; opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/ background-color: #000; color: #fff; bottom: 0;/*remove this and it will be on top*/}
#slider .slide span strong {font-size: 24px; font-weight:normal;}
#slider .slide a {width:184px; height:31px; float:right; background: url(../images/highlight-more.jpg) no-repeat 0px 0px; position:absolute; bottom:20px; right:18px;}
#slider .slide a:hover {background: url(../images/highlight-more.jpg) no-repeat 0px -31px;}

.toggle-button{float: right; width:24px; height:22px; background:url(../images/arrow-button.jpg) no-repeat 0px 0px; 
					border:none; margin-right: 7px;}
.toggle-button:hover {background:url(../images/arrow-button.jpg) no-repeat 0px -22px;}

.toggle-button-in{float: right; width:24px; height:22px; background:url(../images/arrow-button-in.jpg) no-repeat 0px 0px; 
					border:none; margin-right: 7px;}
.toggle-button-in:hover {background:url(../images/arrow-button-in.jpg) no-repeat 0px -22px;}

#map-canvas{ width: 630px; height: 630px; border: 1px solid #B9B9B9; display: inline-block; }
.map-canvas-a {text-decoration: none; color: #505050; display: inline-block; width: 120px; float:right;}
.map-canvas-a:hover{color:#40a6e1;}
.map-canvas-photo {width: 120px; height: 90px; border: 1px solid #B9B9B9; float: left; display: inline-block;}
.map-pop-up{ width: 250px; display: inline-block;}

.sidebar-spacer {height: 18px; display: block;}

#google-results img {float: right}
#google-results ul {padding: 0; margin: 0;}
#google-results li {list-style: none; padding: 5px 0}
#google-results a {text-decoration: none; color: #505050}
#google-results a:hover {color: #40a6e1}
#google-results .title{color: #505050; font-family:'Trebuchet MS'; font-size:1.4em;}
#google-results .url{color: #40a6e1}
#google-results .page{color: #40a6e1}
#google-results .estimated{margin: 5px 0}

#google-results #send{font-weight: bold; margin: 0; float: none; 
								background:url(../images/lrg-btn-bg.png) no-repeat 0px -29px; width: 100px; height: 26px; float: none;
								padding: 0 0 2px 0; vertical-align: 2px;
								color: #fff; font-family:'Trebuchet MS'; 
								border: 1px solid #73B6E3;
							}
#google-results #send:hover{background:url(../images/lrg-btn-bg.png) no-repeat 0px 0px;}

#google-results .input-type {font-family:'Trebuchet MS'; font-size:1.3em; color:#505050; width: 285px; border: 1px solid #CCCCCC;}

#map-legend {width: 612px; display:inline-block; background: url(../images/lst/apt-bg.jpg) no-repeat 0 0; border: 1px solid #B9B9B9; 
					padding: 0 9px; font-family:'Trebuchet MS'; font-size:1.3em; color:#333; margin: 18px 0; vertical-align: middle; text-align: center}
#map-legend img {vertical-align: middle; margin: 9px;}
#map-lists ul {padding: 0; margin:0}
#map-lists li {list-style: none; padding: 5px; margin:5px; display: block; height: 30px; width: 500px;}
#map-lists li a {color: #505050; text-decoration: none}
#map-lists li a:hover {color: #40a6e1;}
#map-lists li img {margin-right: 5px; float: left;}

.map-main{width: 449px; }
.map-main a {color: #40a6e1; font-family:'Trebuchet MS'; font-size:1.3em; text-decoration: none; font-weight: bold;}
.map-main a:hover{color: #505050; }
.map-img-main{width: 200px; height: 150px; border: 1px solid #B9B9B9; float: left; margin-right: 9px}
.map-img-poi{width: 260px; height: 195px; border: 1px solid #B9B9B9; float: left; margin-right: 9px}

.info-price {	vertical-align: middle;
								padding: 5px; 
								background: #eee; 
								border: 1px solid #B9B9B9;
								font-size:1.2em; 
								font-weight: bold;
								font-family:'Trebuchet MS';
								float: right; margin-left: 5px}
.info-price img{ width: 24px; height: 16px; float: right; margin-left: 5px; border: 1px solid #B9B9B9;}

.phone-list ul{padding: 0; margin: 0}
.phone-list li{list-style: none; padding: 5px; margin: 0}
.phone-list li img {width: 16px; height: 11px; margin-right: 5px;}

#contact-panel{display: inline-block; border: 1px solid #eee; margin-top: 18px; padding: 18px; width: 500px;}
#contact-panel:hover {background: #eee}
#contact-panel span {font-family:'Trebuchet MS'; font-size:1.4em; font-weight: none;}
#contact-panel ul {padding: 0; margin: 18px;}
#contact-panel li {list-style: none; vertical-align: top}
#contact-panel label {display:inline-block; line-height:1.7em; vertical-align:top; width:80px; text-align:right; 
								font-family:'Trebuchet MS'; font-size:1.4em; padding-right:5px;}
#contact-panel input {font-family:'Trebuchet MS'; font-size:1.3em; color:#333333; border: 1px solid #CCCCCC;}
#contact-panel textarea{
									width: 300px; 
									height: 200px; 
									font-family:'Trebuchet MS'; 
									font-size:1.3em; 
									border: 1px solid #CCCCCC;}
#contact-panel .textarea-onfocus { color:#333333; }
#contact-panel .textarea-blur { color:#aaaaaa; }

#contact-panel .textinput {width: 300px; padding: 0 5px}
#contact-panel .textinputdate {width: 100px; padding: 0 5px}
#contact-panel .textinputno {width: 30px; padding: 0 5px}

#contact-panel .send {	margin: 0; float: none; 
								background:url(../images/lrg-btn-bg.png) no-repeat 0px -29px; 
								height: 26px; 
								float: none;
								padding: 0 10px 2px 10px; 
								vertical-align: 2px;
								color: #fff; 
								font-family:'Trebuchet MS'; 
								border: 1px solid #73B6E3;
								margin-left: 90px; margin-top: 5px;
							}
#contact-panel .send:hover{background:url(../images/lrg-btn-bg.png) no-repeat 0px 0px;}
#price-promise-image {float: right; width: 200px; height: 200px; border: 1px solid #B9B9B9; margin-left: 9px; margin-bottom: 9px;}
#poi-image {float: right; width: 300px; height: 225px; border: 1px solid #B9B9B9; margin-left: 9px; margin-bottom: 9px;}

.testimonials{display: inline-block; margin-top: 18px; width: 632px; position: relative;}
.testimonials .left{			text-align: center;
									width: 231px;  height: 225px;
									background: url(../images/speech-bubble-left.png) no-repeat center; 
									font-family:'Trebuchet MS'; 
									font-size:1.4em; color:#333;  
									vertical-align: middle; 
									display : table-cell;
									padding: 20px 30px 45px 55px;
}
.testimonials .right{		text-align: center;
									width: 231px;  height: 225px;
									background: url(../images/speech-bubble-right.png) no-repeat center; 
									font-family:'Trebuchet MS'; 
									font-size:1.4em; color:#333;  
									vertical-align: middle; 
									display : table-cell;
									padding: 20px 55px 45px 30px;
}
.testimonials .footer-left {position: absolute; bottom: 0; left: 0; color: #40a6e1}
.testimonials .footer-right {position: absolute; bottom: 0; right: 0; color: #40a6e1}

#hot-deals .main-img {width: 240px; height: 180px; float: right;}
#bottom {font-size: 10px; text-align: center; margin-top: 18px;}
#bottom a {color: #666; text-decoration: none; margin: 0 5px;}
#bottom a:hover {color: #40a6e1;}

#ccy{width: 140px;}

#fronts{display: block; width: 960px; clear: both;}
#front-1, #front-4{border: 1px solid #B9B9B9; 
			width: 306px; 
			display: inline-block;
			background: #eee;
			float: left;
			margin-right: 18px;
}
#front-2, #front-5{border: 1px solid #B9B9B9; 
			width: 306px; 
			display: inline-block;
			background: #eee;
}
#front-3, #front-6{border: 1px solid #B9B9B9; 
			width: 306px; 
			display: inline-block;
			background: #eee;
			float: right;
}
#fronts h3 { margin: 0; width: 299px; 
				background: #000;
				color: #fff;
				display: inline-block; padding: 5px 0px 5px 7px;}
#fronts h3:hover{color:#40a6e1}
#fronts img {width: 306px; height: 100px;}
#front-1-div, #front-2-div, #front-3-div, #front-4-div, #front-5-div, #front-6-div {margin: 9px; text-align: justify; display: none;}