@charset "utf-8";

/*
	DATE		MODIFIER	COMMENTS
	2008-12-04	DJV			Added style for #amenities b,strong.
	2008-12-10	DJV			Increased rate table font size
							Reservations form
	2008-12-11	MRB			Added styles for forms.
	2008-12-18	MRB			Added styles for availability search form.
*/

html { 
	background: #BBD7DF url(../images/background_vertical_gradient.png) repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #695D46;

}

h1,h2,h3,h4,h5,p,blockquote,ol,ul,dt {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #478496;
	font-size: large;
	font-weight: 500;
	margin-top: 20px;
}

h1 p {
	font-family: "Times New Roman", Times, serif;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #478496;
	font-size: large;
	font-weight: 500;
	padding-bottom: -20px;
}


h2 {
	font-family: "Times New Roman", Times, serif;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #478496;
	font-size: larger;
	font-weight: 500;
}

img { border:none; }

a:link, a:visited {
	color: #BD7244;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


div#webpage_container {
	width: 940px;
	margin: 0 auto;
}


div#content_container {
	background: url(../images/background_two_columns.png) repeat-y;
	float: left;
	width: 940px;
}

div#sidebar_container {
	float: left;
	width: 202px;
}

div#advertisement_global_one {
	text-align: center;
	padding: 20px 0 20px 3px;
}

div#advertisement_global_two {
	text-align: center;
	padding: 20px 0 20px 10px;
}

div#current_conditions {
	background: url(../images/background_top.png) top left;
	text-align: right;
	font-size: smaller;
	color: #fff;
	font-weight: 500;
	height: 3em;
}

div#current_conditions span {
	margin: 25px 10px 0px 0px;
}

div#logo_holder {
	position: relative;
	height: 1px;
}

div#logo img {
	margin: 15px 0 0 11px;
	position: absolute;
}

div#primary_contact_information {
	float: left;
	height: 2em;
	margin-top: 15px;
}

div#primary_contact_information span.highlight {
	color: #478496;
	font-size: larger;
}

div#content_main {
	width: 690px;
	/* overflow allows a container to stretch to fit floated elements inside it */
	overflow: hidden;
	padding-left: 20px;
	position:relative;
}

div#site_credits {
	margin: 0 auto 0 auto;
	padding-top: 10px;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}

.alert {
	color: #478496;
}



/* Primary Content */

div#primary_photo {
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

div#primary_content {
	float: left;
	width: 690px;
}

div#primary_content h1 {
	background: url(../images/background_interior_h1.png) bottom left no-repeat;
	width: 100%;
	margin-top: 20px;
	padding: 0 0 20px 0;
}

div#primary_content img {
	clear: right;
	border: #EFEDE9 1px solid;
	padding: 2px;
	margin: 2px 2px 10px 5px;
	background-color: #fff;
}

div#flash_content_property {
	/*float: left;
	clear: both;
	padding: 0;
	overflow: hidden;
	width: 100%;
	*/
	margin: 0 0 15px 0;
}

/* Homepage Content */

div#flash_content_homepage {
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

div#homepage_primary_content {
	float: left;
	background: url(../images/background_vail_beaver_creek.jpg) no-repeat;
	width: 420px;
	padding: 80px 0 0 0;
	z-index:2;
	
}

div#homepage_primary_content h1 {
	background: url(../images/lendary_vail_beaver_creek.png) top left no-repeat;
	text-indent: -8000px;
	width: 100%;
	height: 45px;
}

div#homepage_primary_content p {
	text-align: justify;
	font-size: smaller;
}


div#homepage_secondary_content {
	float: left;
	width: 245px;
	padding: 15px 0 0 24px;
}

div#homepage_secondary_content img {
	float: left;
	text-align: left;
	border: #EFEDE9 1px solid;
	padding: 2px;
	margin: 0px 0px 10px -5px;
	background-color: #fff;
}

div#homepage_secondary_content h2 {
	font-size: small;
	font-weight: 300;
	color: #478496;
	text-transform: uppercase;
}

div#homepage_secondary_content h2 a:link, 
div#homepage_secondary_content h2 a:visited {
	color: #478496;
	text-decoration: none;
}

div#homepage_secondary_content h2 a:hover {
	text-decoration: underline;
}

div#homepage_secondary_content p {
	text-align: left;
	font-size: smaller;
}


/* Main Navigation */

div#navigation_main {
	padding: 130px 0 20px 0;
	clear: left;
	font-size: small;
	width: 150px;
	margin-left: 30px;
	border-bottom: #E5EBE8 solid 1px;
}

div#navigation_main ul {
	list-style-type: none;
}

div#navigation_main ul li a:link, div#navigation_main ul li a:visited {
	display: block;
	color: #695D46;
	width: 150px;
	padding: 2px 4px 3px 5px;
	text-decoration: none;
}

div#navigation_main ul li a:hover {
	background-color: #BED6DC;
}


/* Sub Navigations */ 

div#sub_navigation_one {
	float: right;
	font-size: smaller;
	font-weight: bold;
	height: 2.5em;
	margin: 20px 5px 0 0;
}

div#sub_navigation_one a:link, div#sub_navigation_one a:visited {
	padding: 4px 0px 3px 15px;
	text-decoration: none;
}

div#sub_navigation_one a:hover {
	text-decoration: underline;
}

div#sub_navigation_one a.specials:link, div#sub_navigation_one a.specials:visited {
	background: url(../images/flame_orange.png) no-repeat;
}

div#sub_navigation_one a.specials:hover {
	background: url(../images/flame_yellow.png) no-repeat;
}

div#sub_navigation_two {
	width: 940px;
	background: url(../images/background_bottom.png) no-repeat;
	height: 37px;
	color: #8B8B8B;
	clear: both;
	text-align: right;
	margin-right: 60px;
	padding-top: 15px;
	font-size: smaller;
}

div#sub_navigation_two a:link, div#sub_navigation_two a:visited, div#sub_navigation_two a:active {	
	color: #8B8B8B;
	text-decoration: none;
	padding: 0 10px;
}

div#sub_navigation_two a:hover {
	color: #8B8B8B;
	text-decoration: underline;
}

/* Make the last link in the submenu 30 px from the right border */
div#sub_navigation_two a.last {
	margin-right: 30px;
}


/* Reservations Form */
div#reservations_form {
	/*clear: both;*/
	/*background: url(../images/background_booking_form.png) no-repeat;*/
	/*background: url(../images/form_temp_bg.png) no-repeat;*/
	background-color: #f2f6f8;
	/*border-bottom: #E5EBE8 solid 1px;*/
	/*border-top: #efefef solid 1px;*/
	/*text-indent: -8000px;*/
	height: 48px;
	z-index:101;
}

div#reservation_form_holder {
	clear:both;
	/*position: relative;*/
	height: 50px;
	padding: 0;
	margin: 0;
	z-index:100;
}


/* Search Results */
ul#search-results {
	list-style-type: none;
	width: 680px;
}

ul#search-results li {
	padding: 5px 5px 5px 2px;
	font-size:small;
	height: 9em;
	width: 670px;
	display: block;
	overflow: hidden;
}

ul#search-results li:hover {
	background-color: #CBDBE2;
}

ul#search-results li p img {
	float: left;
	text-align: left;
	border: #EFEDE9 1px solid;
	padding: 2px;
	margin: 0px 10px 0px 4px;
	background-color: #fff;
}

ul#search-results li p {
	/*float: left;*/
}


ul#search-results li a.title {
	font-size: medium;
	letter-spacing: .1em;
}

ul#search-results li a {
	display: inline;
	font-weight: bold;
	text-decoration: underline;
}

div#search_results_image {
	float:left;
}

div#search_results_content { }


li.platinum_highlight {
	background: #F2F6F8 url(../images/background_platinum_rating.png) top right no-repeat;
}

li.platinum_highlight_off {
	background: url(../images/background_platinum_rating.png) top right no-repeat;
}

li.gold_highlight {
	background: #F2F6F8 url(../images/background_gold_rating.png) top right no-repeat;
}

li.gold_highlight_off {
	background: url(../images/background_gold_rating.png) top right no-repeat;
}

li.silver_highlight {
	background: #F2F6F8 url(../images/background_silver_rating.png) top right no-repeat;
}

li.silver_highlight_off {
	background: url(../images/background_silver_rating.png) top right no-repeat;
}

span.search_result_description {
	padding: .75em 0;
	width: 540px;
}

div#lqa_information {
	float: right;
	margin-top: -2em;
	margin-right: 5px;
	background: url(../images/question-mark.png) left no-repeat;
	font-size: x-small;
	width: 170px;
	padding: 0 0 5px 30px;
}

div#lqa_information a:link, div#lqa_information a:visited {
	color: #695D46;
	text-decoration: none;
	display: block;
}

div#lqa_information a:hover {
	text-decoration: underline;
}

div.search_navigation {
	clear: both;
	word-spacing: .1em;
	padding: 10px 0;
	border-top: #EDEDED solid 1px;
}

div.search_navigation a { }

h2#search_result_heading_1 {
	text-indent: -8000px;
	margin: 0 0 15px 250px;
	height: 30px;
	background: url(../images/1_bedrooms_heading.png) no-repeat;	
}

h2#search_result_heading_2 {
	text-indent: -8000px;
	margin: 0 0 15px 250px;
	height: 30px;
	background: url(../images/2_bedrooms_heading.png) no-repeat;	
}

h2#search_result_heading_3 {
	text-indent: -8000px;
	margin: 0 0 15px 250px;
	height: 30px;
	background: url(../images/3_bedrooms_heading.png) no-repeat;	
}

h2#search_result_heading_4 {
	text-indent: -8000px;
	margin: 0 0 15px 250px;
	height: 30px;
	background: url(../images/4_bedrooms_heading.png) no-repeat;	
}

h2#search_result_heading_5 {
	text-indent: -8000px;
	margin: 0 0 15px 250px;
	height: 30px;
	background: url(../images/5_bedrooms_heading.png) no-repeat;	
}


/* Property Detail */

.larger {
	font-size: larger;
}

p.property_overview {
	color: #695D46;
	font-weight: bold;
}

h1.property {
	font-family: "Times New Roman", Times, serif;
	letter-spacing: .09em;
	text-transform: capitalize;
	color: #478496;
	font-size: x-large;
	font-weight: 500;
	margin-top: 20px;
	background: url(../images/background_interior_h1.png) bottom left no-repeat;
	width: 100%;
	margin-top: 5px;
	padding: 0 0 20px 0;
}

div#property_rating {
	float: right;
	margin: -50px 0 20px 0;
}

div#content_main p {
	margin: 1em 0;
}

div.navigation_previous_next {
	margin: -25px 0 0 0;
/*	float: right; */
	font-size: smaller;
	text-align: center;
	width: 100%;
}

div.navigation_previous_next_two {
	float: left;
}

div#property_primary_content {
	float: left;
	width: 400px;
	margin-right: 25px;
	font-size: smaller;
	overflow:visible;
}

div#property_secondary_content {
	float: left;
}

div#property_primary_content ul {
	margin-left: 25px;
}


div#primary_content ul {
	margin-left: 25px;
}




/* Rates */

div#rates table {
		
}

div#rates {
	float: left;
	color: #fff;
	font-size: small;
	font-weight: normal;
	width: 260px;
}

div#rates table {
	background-color: #478496;
	border: #695D46 solid 1px;
	width: 100%;
	margin-bottom: 6px;
}

div#rates table tbody td {
	padding: 2px 2px 2px 5px;
}

div#rates table thead tr th {
	padding-left: 5px;
}

.rate_heading {
	background-color: #695D46;
	text-align: left;
	padding: 10px;
}


/* Amenities */

div#amenities {
	border: #82ABB8 solid 1px;
	background-color: #F2F6F8;
	float: left;
	padding: 5px 0 10px 10px;
	width: 340px;
	margin: 10px 0;

}

div#amenities b, div#amenities strong {
	font-size: larger;
}

div#amenities h2{
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: larger;
	color: #478496;
	font-weight: 500;
	margin-top: 20px;
	background: url(../images/background_interior_h1.png) bottom left no-repeat;
	width: 310px;
	margin: 5px 0 0 0px;
	padding: 5px 0 10px 0;
}

div.amenities_list {
	font-size: smaller;
	width: 150px;
	float: left;
	padding: 4px;
}

/* Styles for Forms */
form#requestInformationForm INPUT, SELECT, TEXTAREA {
 	font-size: 11px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 300px;
}


fieldset { 
	border: 0px solid #666666; 
	padding-top: 8px;
	padding-bottom: 8px;
}

form p {
	width: 100%;
	clear: left;
	margin: 0px; 
	padding: 0px;
	display: inline;
}
form p label {
	float: left;
	width: 150px;
	margin: 0px 4px 2px 0px;
	padding: 0 0 2px 0;
	font-weight: bold;
	clear: left;
}
form p label.optionalInput {
	float: left;
	width: 150px;
	margin: 0px 4px 2px 0px;
	font-weight: normal;
	clear: left;
}
form p input, form p textarea, form p select {
	margin: 0px; padding: 0px;
	float: left;
	margin-top: 5px;
	vertical-align: baseline;
	width: 300px;
}

form div {
	float: left;
	margin: 0px; 
	padding: 0px;
	width: 425px;
}

form#requestInformationForm .telephoneCountryCode { width: 20px; }
form#requestInformationForm .telephoneAreaCode { width: 30px; }
form#requestInformationForm .telephone { width: 130px; }
form#requestInformationForm .telephoneExtension { width: 50px; }

form#requestInformationForm .button { width: 150px; }

.instructions { font-style: italic; }
.errorMessage {  font-weight: bold; }
.message {  font-weight: bold; }

.hint {
  display: none;
  position: absolute;
  right: 1px;
  width: 108px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 5px 5px;
  background-color: #ffc;
}

.hint .hintPointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/hint_pointer-left.gif) left top no-repeat;
}

/*Styles for Availability Search Form */
#availabilitySearchForm .heading {font-size: x-small}
#availibilitySearchForm #bedrooms {float:left; width:100px; padding: 4px 2px 2px 2px;}
#availibilitySearchForm #nights {float:left; width:100px; padding: 4px 2px 2px 2px;}
/*#availibilitySearchForm #arrival_date {float:left; width:135px; padding: 4px 2px 2px 2px; }*/
#availibilitySearchForm #vacation_rental_online_booking {float:left; width: 217px;}
#availibilitySearchForm #search_now_button {float:right; width:114px;}

.date { 
	padding: 2px; 
	float: left; 
	width:120px; 
}

#calendar_container {
	float:left; 
	background: #dedbd6;
}

.smaller {
	font-size: smaller;
}
div.ui-datepicker{
 font-size:10px;
}

#image-fader img {
width:400px !important;
height:270px !important;
}

.linklove{
display:none;
}
#sendbutton{
clear:both;
margin:5px;
}
.cf-sb {
clear:both;
display:block;
}
#catbar ul {
list-style:none;
font-size:12px;
}