/*-- MASTER ELEMENTS --*/
	body { background-color: #ffffff; }
	hr { float: left; width: 100%; height: 2px; color: #f8c626; background-color: #f8c626; border: none; }
	
	h1			{ font-size: 20px; font-weight: bold; }
	h2			{ font-size: 2.3em; color: #ffffff; font-family: Arial, Helvetica, Times New, san-serif; margin: 0 0 5px 0;}
	h3			{ font-size: 1.8em; color: #26476e; background: url(../images/circle.gif) 0px 3px no-repeat; padding: 0 0 0 20px; margin: 0 0 14px 0; font-family: Arial, Helvetica, Times New, san-serif; }
	h4			{ font-size: 1.2em; color: #012354; margin: 0 0 5px 0; }
	h5			{ font-size: 1.4em; font-weight: bold; }
	h6			{ font-size: 1.1em; }	
	
	#header-wrap { float: left; width: 100%; height: auto; background-color: #ffffff; margin: 0; }
		#header-inner { width: 100%; height: auto; float: left; margin: 0; }
			#header-left { float: left; width: 100%; height: auto; margin: 0; }
			#header-right { float: left; width: 100%; height: auto; margin: 0; }

	ul#nav-properties { display: none; }
			
				ul#properties-list { display: none;  }
											
	ul#nav-site { display: none;  }
			
	#body-wrap { float: left; width: 100%; height: auto; margin: 0; }
		#body-inner { float: left; width: 100%; height: auto; margin: 0; }
		
	#info-wrap { float: left; width: 100%; height: auto; margin: 200px 0 0 0; background-color: #ffffff; }
		#info-inner { float: left; width: 100%; height: auto; margin: 0; }
			#info-left { display: none; }
				#info-left-inner { float: left; margin: 15px 0 0 0; }
			#info-right { float: left; width: 100%; height: auto; margin: 0; }
				#info-right-inner { float: left; margin: 15px 0 0 0; }
	
		#info-wrap-alt { float: left; width: 100%; height: 15px; background-color: #00bfe6; }

	
	#footer-wrap { float: left; width: 100%; height: auto; margin: 15px 0 0 0; padding: 0 0 20px 0; }
		#footer-inner { width: 873px; height: auto; margin: 0 auto; }
			#footer-left { float: left; width: 195px; }
			#footer-middle { float: left; width: 420px; margin: 0 0 0 30px; }
			#footer-right { float: right; width: 195px; text-align: right;}
/*-- MASTER ELEMENTS --*/
/*--DASHES  --*/
	.dash-home { background: url(../images/back-body-dash-3.gif) top left repeat-y; }
	.dash-sub { background: url(../images/back-body-dash-1.gif) top left repeat-y; }
	.dash-subcol { background: url(../images/back-subcol-dash-2.gif) top left repeat-y; }
	.dash-subcol-1 { background: url(../images/back-subcol-dash-1.gif) top left repeat-y; }
	.dash-subcol-vert { background: url(../images/back-subcol-dash-vert.gif) top left repeat-y; }
	
	.dash-horizontal { background: url(../images/back-dash-horizontal.gif) bottom left no-repeat; }
	
	.dash-nav { background: url(../images/back-nav-dash.gif) bottom left repeat-x; }
/*--DASHES  --*/
/*-- MASTER COLUMNS --*/
	#col2-tw-alpha { float: left; width: 197px; }
	#col2-tw-beta { float: right; width: 649px; }

	#col4-eeee-alpha { float: left; width: 197px; }
	#col4-eeee-beta { float: left; width: 197px; margin: 0 0 0 29px; }
	#col4-eeee-gamma { float: left; width: 197px; margin: 0 0 0 29px; }
	#col4-eeee-delta { float: right; width: 197px; }
/*-- MASTER COLUMNS --*/
/*-- ELEMENTS --*/
	
	#scroll-wrap { float: left; width: 421px; height: 220px; overflow: hidden; z-index: 1; }
		
	#map { float: left; width: 402px; height: 305px; border: 2px solid #e4e4e4; }
	
	.info-col-sml { float: left; width: 169px; height: 345px; padding: 14px 14px 14px 14px; background: #ffffff url(../images/back-col.gif) bottom left no-repeat; }
	.info-col { float: left; width: 169px; padding: 14px 14px 16px 14px; background: #ffffff url(../images/back-col.gif) bottom left no-repeat; }
	.wide-col { float: left; width: 621px; padding: 14px 14px 16px 14px; background: #ffffff url(../images/back-wide.gif) bottom left no-repeat; }
		.wide-col-inner { float: left; width: 621px; }
		
		.wide-col-header { float: left; width: 621px; heigh: 22px; margin: 0 0 14px 0; }
	
	.extra-wide-col { float: left; width: 845px; padding: 14px 14px 16px 14px; background: #ffffff url(../images/back-extra-wide.gif) bottom left no-repeat; }
		.extra-wide-col-inner { float: left; width: 845px; }
	
	.subcol3-eee-alpha { float: left; width: 180px; }
	.subcol3-eee-beta { float: left; width: 180px; margin: 0 0 0 30px; }
	.subcol3-eee-gamma {float: right; width: 180px; }
	
	.subcol2-wt-alpha { float: left; width: 406px; }
	.subcol2-wt-beta { float: right; width: 182px; }
	
	.col2-s-alpha { float: left; width: 873px; }
	
	/* REFACTOR */
	.col-title { float: left; margin: 0 0 14px 0; }
	.col-divider { float: left; margin: 0 0 10px 0; }
	/* REFACTOR */
	
	.car-item-wrap { float: left; width: 100%; }
		.car-item { float: left; width: 100%; margin: 0 0 15px 0; padding: 0 0 10px 0; }
			.car-item-image { float: left; width: 100px; }
			.car-item-description { float: left; width: 320px; margin: 0 0 0 20px; }
			.car-item-description-alt { float: left; width: 440px; margin: 0 0 0 20px; }
			.car-item-action { float: right; width: 120px; }
	
	.list-item-wrap { float: left; width: 100%; }
		.list-item { float: left; width: 100%; margin: 0 0 15px 0; padding: 0 0 10px 0; }
			.list-item-image { float: left; width: 180px; }
			.list-item-description { float: right; width: 407px; padding: 0 0 0 19px; }
	
	.special-item { float: left; width: 165px; height: 100px; background: url(../images/back-special-item.gif) top left no-repeat; margin: 0 0 30px 0; }
		.special-title { float: left; width: 136px; font-size: 20px; color: #26476e; margin:  10px 0 0 17px; }
		.special-detail { float: left; width: 136px; font-size: 20px; color: #fad359; margin:  0 0 0 17px; }
	
	
	.label-full { float: left; width: 100%; font-size: 1.2em; color: #26476e; margin: 0 0 5px 0; }
	.select-search { float: left; width: 165px; height: 25px; background-color: #f7f7f7; border: 1px solid #e4e4e4; }
	.input-search-date { float: left; width: 136px; height: 19px; padding: 2px 0 0 3px; background-color: #f7f7f7; border: 1px solid #e4e4e4; }
	.input-text-subscribe { float: left; width: 160px; height: 19px; padding: 2px 0 0 3px; background-color: #f7f7f7; border: 1px solid #e4e4e4; }
	.input-text-contact { float: left; width: 188px; height: 19px; padding: 2px 0 0 3px; background-color: #f7f7f7; border: 1px solid #e4e4e4; }
	
	.textarea-full-wide { float: left; width: 616px; height: 240px; padding: 2px 0 0 3px; margin: 0 0 15px 0; background-color: #f7f7f7; border: 1px solid #e4e4e4 }
	
	.fieldset-search { float: left; width: 169px; margin: 0 0 12px 0; }
	.fieldset-full-wide { float: left; width: 621px; margin: 0 0 15px 0; }
	.fieldset-col3-alpha { float: left; width: 193px; margin: 0 19px 15px 0; }
	.fieldset-col3-beta { float: left; width: 193px; margin: 0 0 15px 0; }
	.fieldset-col3-gamma { float: right; width: 193px; margin: 0 0 15px 0; }
	
	.contact-form { float: left; width: 650px; overflow: hidden; }
	.contact-form-sml { float: left; width: 510px; overflow: hidden; }
	
	.contact-form div.text { float: left; width: 193px; margin: 0 21px 15px 0; }
	.contact-form div.text label { float: left; width: 100%; font-size: 1.2em; color: #26476e; margin: 0 0 5px 0; }
	.contact-form div.text input { float: left; width: 188px; height: 19px; padding: 2px 0 0 3px; background-color: #f7f7f7; border: 1px solid #e4e4e4; }

	.contact-form div.textarea { float: left; width: 621px; margin: 0 0 15px 0; }
	.contact-form div.textarea label { float: left; width: 100%; font-size: 1.2em; color: #26476e; margin: 0 0 5px 0; }
	.contact-form div.textarea textarea { float: left; width: 616px; height: 240px; padding: 2px 0 0 3px; margin: 0 0 15px 0; background-color: #f7f7f7; border: 1px solid #e4e4e4 }

	.contact-form-sml div.text { float: left; width: 193px; margin: 0 19px 15px 0; }
	.contact-form-sml div.text label { float: left; width: 100%; font-size: 1.2em; color: #26476e; margin: 0 0 5px 0; }
	.contact-form-sml div.text input { float: left; width: 188px; height: 19px; padding: 2px 0 0 3px; background-color: #f7f7f7; border: 1px solid #e4e4e4; }

	.contact-form-sml div.textarea { float: left; width: 400px; margin: 0 0 15px 0; }
	.contact-form-sml div.textarea label { float: left; width: 100%; font-size: 1.2em; color: #26476e; margin: 0 0 5px 0; }
	.contact-form-sml div.textarea textarea { float: left; width: 400px; height: 240px; padding: 2px 0 0 3px; margin: 0 0 15px 0; background-color: #f7f7f7; border: 1px solid #e4e4e4 }
	
	div.Actions { float: left; *margin: 15px 0 0 0; }
	
	.margin-bottom { margin: 0 0 15px 0; }
	.margin-cancel { margin: 0; }
	
	.padding-cancel { padding: 0; }
	
	.img-border { border: 5px solid #ffffff; }
	.img-border-grey { border: 5px solid #adadad; }
	
	.brochure { float: left; margin: 0 15px 0 0; }
	.register { float: left; }

	table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; }
	table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; }
	table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; }
	table.jCalendar td.other-month { background: #ddd; color: #aaa; }
	table.jCalendar td.today { background: #666; color: #fff; }
	table.jCalendar td.selected { background: #f66; color: #fff; }
	table.jCalendar td.selected:hover { background: #f33; color: #fff; }
	table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #fff; color: #000; }
	table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #bbb; color: #888; }

	/* For the popup */

	/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

	div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; }
	div#dp-popup { position: absolute; z-index: 199; }
	div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
	a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
	a#dp-close:hover { text-decoration: underline; }
	div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
	div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
	div.dp-popup div.dp-nav-prev a { float: left; }
	/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
	div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
	div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
	div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
	div.dp-popup div.dp-nav-next a { float: right; }
	div.dp-popup a.disabled { cursor: default; color: #aaa; }
	div.dp-popup td { cursor: pointer; }
	div.dp-popup td.disabled { cursor: default; }
	a.dp-choose-date { float: left; width: 21px; height: 21px; padding: 0; margin: 0 0 0 4px; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/cal.gif) no-repeat; }
	a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
	/* makes the input field shorter once the date picker code
	 * has run (to allow space for the calendar icon
	 */
	input.dp-applied { width: 134px; float: left; }
	
	/* ROAMFREE */
	td.orange-cell { color: #f26521; padding: 0px; margin: 0px; }

	.searchResultsTable { border-collapse:collapse; width:100%; clear:both; }

	.searchResultsTable .hovered { background:#d7eaf0; }
	
	.searchResultsTable .selectedDays { font-size:11px; color:#FFF; text-align:center; border:1px solid #FF8A00; border-bottom:0; background:#F90; white-space:nowrap; padding:0px 3px 2px 3px; cursor:help; }
	.searchResultsTable td.selected  { background:#f6f6f6; }
 
	.searchResultsTable td[class='dataRow w-end selected'] { background:#f6f6f6; }
	.searchResultsTable td[class='dataRow w-end sold selected'] { background:#00bfe6; color:#FFF; }
	.searchResultsTable td[class='dataRow sold selected'] { background:#00bfe6; color:#FFF; }

	.searchResultsTable .tableHeading { font-size:12px; font-weight:bold; text-transform:uppercase; color:#0c315d; padding-bottom:7px; vertical-align:bottom; padding-top:0;}

		.instantAvail { background: url(../images/instant-avail.jpg) no-repeat right bottom; }
		.askHotel {	background: url(../images/hotel.jpg) no-repeat right bottom; }
        .searchGlobal {	background: url(../images/global.jpg) no-repeat right bottom; }
        .holidayHouses { background: url(../images/holidayHouses.jpg) no-repeat right bottom; }
    .tableHeading span { cursor: help; background: #FFF;	border: 2px solid #FFF; }
	.searchResultsTable .shiftDatesBackward { color:#666; font-weight:bold; font-size: 11px; text-align:left;padding-bottom:7px; vertical-align:top; padding-top:40px;}
		.searchResultsTable .shiftDatesBackward .shiftLeftContainer { float:left; }
	.searchResultsTable .shiftDatesForward { color:#666; font-weight:bold; font-size: 11px; text-align:right; padding-bottom:7px; vertical-align:top; padding-top:40px;}
		.searchResultsTable .shiftDatesForward .shiftRightContainer { float:right; }
		
    #infoHover { border: 1px solid #AAA; padding: 7px; background: #FFC; position: absolute; left: -1000px; top: -1000px; width: 260px; font-size: 11px; z-index: 10; }
	
	/* Header rows - also used to control the width of the columns */
	.searchResultsTable .headerRow { color:#FFF; background:#47acd9; text-align:center; font-weight:bold; font-size: 11px; width:4%; padding:3px 2px; border:1px solid #FFF; line-height:11px; }
		.searchResultsTable .headerRow .day { text-transform:uppercase; font-size:9px; display:block; white-space:nowrap; }
		.searchResultsTable .headerRow .number {  font-size:13px; display:block; margin:2px 0; color:#FC0; line-height:7px; }
		.searchResultsTable .headerRow .month {  font-size:9px; display:block; }
    
    /* Start Styles for A-like Cat B properties */	
        .searchResultsTable .headerRow2 { color:#FFF; background:#ff9600; text-align:center; font-weight:bold; font-size: 11px; width:4%; padding:3px 2px; border:1px solid #FFF; line-height:11px; }
		.searchResultsTable .headerRow2 .day { text-transform:uppercase; font-size:9px; display:block; white-space:nowrap; }
		.searchResultsTable .headerRow2 .number2 {  font-size:13px; display:block; margin:2px 0; color:#000; line-height:7px; }
		.searchResultsTable .headerRow2 .month {  font-size:9px; display:block; }		
		
		.searchResultsTable .weekend2 { background:#FFBE6B; color:#555; }
		.searchResultsTable .weekend2 .number2 { color:#F60; }
		
		.searchResultsTable .w-end2 { background: #FFEBDE; }
		
    /* End Styles for A-like Cat B properties  */	
	
	.searchResultsTable .place-name { text-align:left; width:33%; padding-left:10px; font-size:12px;  }
	.searchResultsTable .weekend { background:#CBE2EB; color:#555; }
			.searchResultsTable .weekend .number { color:#F60; }
	
	/* into the data rows now... */
	.searchResultsTable .dataRow { border:1px solid #d8d8d8; text-align:center;font-weight:bold; color: #555; font-size:10px; vertical-align:middle; padding:2px;}
		.searchResultsTable .dr-place-name { text-align:left; font-weight:normal; border-right:0; }
			.searchResultsTable .dr-place-name a { color:#333; text-decoration:underline; }
			.searchResultsTable .dr-place-name a:hover { color:#369; }
			.searchResultsTable .dr-place-name .apName { color:#333; display:block; padding-left:7px; font-size:13px; }
			.searchResultsTable .dr-place-name .apMaxGuests { color:#777; display:block; padding-left:7px; font-size:9px; }
			.searchResultsTable .dr-place-name .apLocation { color:#757575; display:block; font-size:10px; padding-left:7px; }
		.searchResultsTable .bookingAndRating { text-align:center; width:2%; border-left:0; padding: 2px 5px;}
		.searchResultsTable .unavailable      { font-weight:normal; color:#F00; font-size:11px; padding:8px; }
		
		.searchResultsTable .w-end { background: #ebeaea; }
		.searchResultsTable .sold { text-transform:uppercase; color:#F60; }	
		
		
	/*.ratingVersion { display: none; }*/
	.apRating { display: none; }
		
	/* ROAMFREE */
/*-- ELEMENTS --*/
/*-- TYPOGRAPHY EXTENTSIONS -- */
	.info-col-sml p,
	.info-col p { font-size: 12px; line-height: 1.2em; margin: 0 0 10px 0; }
	
	.info-col-sml a,
	.info-col-sml a:link,
	.info-col a,
	.info-col a:link { color: #26476e; text-decoration: none;}	
	
	.info-col-sml a:hover,
	.info-col-sml a:focus,
	.info-col a:hover,
	.info-col a:focus { color: #f8c831; text-decoration: none;}		
	
	.special-detail a,
	.special-detail a:link { color: #f8c831; text-decoration: none;}
	.special-detail a:hover,
	.special-detail a:focus { color: #26476e; text-decoration: none;}		
	
	#info-wrap p { color: #ffffff; }

	#footer-wrap p { color: #ffffff; }
	#footer-wrap a,
	#footer-wrap a:link { color: #ffffff; text-decoration: none;}
	#footer-wrap a:hover,
	#footer-wrap a:focus { color: #f8c831; text-decoration: none;}
/*-- TYPOGRAPHY EXTENTSIONS -- */
/*-- DEFAULT CLASSES --*/
	img.right { float: right; margin: 0 0 10px 10px; }
	img.left { float: left; margin: 0 10px 0 10px; }
	.hide { display: none; }	
/*-- DEFAULT CLASSES --*/