html { overflow-y:scroll; }

h2 { border-bottom:none; }

/* outer outer container - padding has been reduced so we can go right to the edges */
div.bodyWrapper { padding:2px 3px 0 3px; }

/* outer containers - holds all content for this page */
.pageContainer { padding:8px 12px; }
.mapContainer { width:334px; height:318px; float:left; background:#c5d8e6; }
.featuredContainer { float:left; width:590px; height:396px; margin-left:12px; }
.threeWideContainer { height:220px; margin-top:8px; padding-top:6px; background:#ffffff url(/includes/images/threeWideContainerTopBg.png) top center no-repeat; } /* the bg img is 6px high; the bottom bg is in threeWideClear (below) */


/* ugly fix to quickly get this live; we pull in property9.css, then make fixes here */
div.bottomTabs { margin-top:24px; height:730px; }
.bottomTabs ul.tabs { width:940px; background:none; border-left:none; border-right:none; }
.tabContainer { width:938px; }


/* generic container */
.blueBox { background:#eef4f9; padding:12px; }



/* ------------------------------------------------------------ */
/* Find a vacation rental */

.mapHeader { background:#92b6d1; color:#ffffff; height:34px; padding:6px 12px 0 12px; font-size:20px; }
#form { padding:6px; }
#form input { height:32px; border-color:#cccccc; padding:0px 2px 0 2px; }

.listWithUs { margin-top:8px; height:44px; padding:8px 12px; background:#ff0000; /*height:60px; padding:0;*/ }
.listWithUs h3 { margin:0 0 0px 0; font-size:24px; font-weight:bold; }
.listWithUs h3 small { font-size:18px; }
.listWithUs h3 a, .listWithUs p { color:white; }
.listWithUs:hover { background:#c90e0e; }



/* ------------------------------------------------------------ */
/* Three-wide section */


.threeWide { float:left; width:290px; height:186px; padding:10px; border-right:solid 1px #eaeaea; }
.threeWide h4 { font-size:16px; color:#2a2a2a; margin:16px 0 8px 0; }
.threeWide p { line-height:22px; }
.threeWideClear { clear:both; height:6px; background:#ffffff url(/includes/images/threeWideContainerBottomBg.png) bottom center no-repeat; }




/* ------------------------------------------------------------ */
/* About Rent for the Holidays (bottom of page) */
.aboutContainer { margin-left:2px; background:#EEF4F9; border:solid 1px #dae4ec; }
.aboutContainer .aboutLink { padding:7px; color:#2575ad; display:block; }
.aboutContainer .aboutLink img { margin-right:2px; }
.hidden { display:none; padding:7px; }
.hidden p { margin-bottom:1em; }






/* ------------------------------------------------------------ */
/* Featured Property */





/* ------------------------------------------------------------ */
/* Quick Search */

/* outer containers */
.blueBoxHeader { background-color:#dddddd; border:solid 1px #dddddd; } /* dark blue 90b6d1 ... light blue eef4f8 */
.blueBoxBody { background-color:#ededed; padding-top:24px; border:solid 1px #dddddd; }

/* inner containers */
#quickSearch .uniForm .fieldHolder { float:left; margin-left:42px; widths:200px; borders:solid 1px red; text-aligns:center; padding-bottom:4px; backgrounds:#fff; } /* margin-left:52px when we go back to 'Price / Sleeps'

/* text elements */
#quickSearchHeader h2 { text-aligns:center; margin:0; /*color:white;*/ }
.hideUntilRolled { float:left; padding:4px 0 0 12px; display:none; float:left; }
.hideUntilRolled2 { /*display:none;*/ } /* maybe use later */
#quickSearch .uniForm .fieldHolder p { /*display:none;*/ padding-bottom:10px; }

/* links and buttons */
.searchBtn { margin-top:4px; /* margin-top:2; if making this taller */ } /* the rest of the searchBtn css is below b/c it uses the same code as the paginate stuff */

/* inputs and tables */
#quickSearch input { border:solid 1px #a6c9e2; borders:none; margin-top:2px; }
#quickSearch input.text { padding:15px 7px; }
table.filters { margin:12px 32px; border:0; }
table.filters td { vertical-align:top; width:140px; }
table.filters ul { margin:5px 0 0 0; }
table.filters li { margin-bottom:5px; }

/* not used right now */
.blueBoxWithBorder { border:solid 1px #90b6d1; border-top:none; }



/* Luxury | Budget | Canada | United States | Recently Added */
div.relatedProperty td.right { width:280px; }


/* ------------------------------------------------------------ */
/* We found xx results */

/* new */
#resultsTable td.two { padding-left:10px; width:120px; }

/* outer containers - 'We found xx results' */
#paginate { position:relative; visibility:hidden; padding-top:10px; background-color:#fff; width:940px; /*margin-bottom:10px;*/ } /* this holds the div that holds 'We found xx results' */
#paginate .blueBox { background-color:#dddddd; border:solid 1px #dddddd; padding:12px; /* padding:14; ? */ } /* this holds everything from 'We found' to 'Next ->' */
#paginate .blueBox #paginationContainer { /*padding:7px;*/ } /* this is the inner that holds everything from 'We found' to 'Next ->' */
#paginationContainerInner { margin-top:10px; } /* this holds everything from '10 per page' to 'Next ->' */
#paginationContainerInner div { float:left; } /* these hold the options, paginate header, and paginate */
#paginationContainerInner div.pagination { float:right; clear:none; } /* holds the pagination; to kill the default float right and clear for paginations (b/c we're floating left above) */

/* outer containers - hold all properties (the results of the search) */
#resultsHidden { display:none; } /* hidden b/c it's used to cut and paste */
#resultsVisible { background-color:#ededed; } /* holds the results, but not the 'We found', from Ajax */
.optionsHeader { margin-right:0px; padding:7px; -moz-border-radius:5px; border:none; /*background:#cccccc;*/ color:#666666; height:16px; } /* holds 'Page x of x' */
.options { margin-right:11px; } /* holds '10 per page' and 'Sort by name' etc */
#resultsFromAjax { border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; }
#resultsFromAjax .last { border-bottom:none; }
#resultsTable { border-bottom:solid 1px #dddddd; }

/* inner containers - hold individual properties */
.searchResultContainer { padding:7px; border-bottom:solid 1px #dddddd; /*border-top:none;*/ background-color:#ededed; }
.searchBtn, .searchResultContainer:hover, .searchResultContainerGrid:hover { cursor:pointer; }
.searchResultContainerGrid { padding:5px 10px; border:solid 1px #ededed; -moz-border-radius:5px; }

/* text elements */
.options a { float:left; display:block; width:40px; height:16px; text-align:center; margin:1px; }
#showOptions a { width:20px; }

/* links and buttons */
.options a, .pagination a.active, .pagination a.page, .roundBtn { padding:7px; border:none; background:#f5f5f5; }
.searchBtn { display:block; width:322px; height:25px; padding-top:7px; background:url(/includes/images/searchNowBtn-home.png) top no-repeat; text-align:center; }
.searchBtn:hover { background-position:bottom; }
.searchBtn img { float:right; margin-right:30px; } /* the ajax loading image for 'Searching' */
.searching { background:url(/includes/images/searchNowBtn-home.png) bottom no-repeat; } /* this called (as the hover state for searchBtn) by the search-form.js file */
.options a.active, .pagination a.active { background:#cccccc; color:#666666; text-decoration:none; cursor:auto; }
.options a:hover, .pagination a.page:hover, .roundBtn:hover { background:#2575AD; color:white; text-decoration:none; }

a.removeCriteria, span.allLocations { background:#dddddd; margin:1px; padding:4px; -moz-border-radius:5px; }
/*span.allLocations { background-color:#cccccc; }*/
a.removeCriteria:hover { background:red; color:white; text-decoration:none; }


.roundBtn { background:white url(/includes/images/rightAr.png) right no-repeat; }
.roundBtn:hover { background:#2575AD url(/includes/images/rightArRev.png) right no-repeat; }

.roundBtnDown { background:white url(/includes/images/downAr.png) right no-repeat; }
.roundBtnDown:Hover { background:#2575AD url(/includes/images/downArRev.png) right no-repeat; }

/* ------------------------------------------------------------ */
/* box rounding */

/* just bottoms rounded */
#resultsVisible, #resultsFromAjax, #resultsFromAjax .last, #resultsTable, #resultsTable tr, #resultsTable td {
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
}

/* all corners rounded */
.blueBox, .options a, .pagination a.active, .pagination a.page, .roundBtn, .bottomTabs ul.tabs li, .bottomTabs ul.tabs li a, .tabContainer, .mapContainer, .listWithUs {
	-moz-border-radius:5px; /* for Ffox 2.0+ */
	-webkit-border-radius:5px; /* for Chrome and Safari */
	/* border-radius:5px; /* for future browsers, maybe even current Opera mobile 10 beta*/
}

/* bottoms not rounded */
.blueBoxHeader, .bottomTabs ul.tabs li, .bottomTabs ul.tabs li a {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
}
#paginate .blueBox {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
}

/* tops only rounded */
.mapHeader {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

/* tops not rounded*/
.blueBoxBody, .tabContainer {
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
}


/* ------------------------------------------------------------ */
/* options (like '10 per page') dropdowns */
/* found @ http://javascript-array.com/scripts/jquery_simple_drop_down_menu/ */

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		margin: 1px;}

	#jsddm li a
	{	display: block;
		background: #f5f5f5; /* the three f5f5f5s might look better as ffffffs */
		padding: 7px 0px;
		height:16px;
		text-decoration: none;
		/*border-right: 1px solid white;*/
		/*margin:1px 1px 0 1px;*/
		width: 90px;
		color: #2575AD;
		text-align: center;
		white-space: nowrap;
		-moz-border-radius:5px}

	#jsddm li a:hover
	{	background: #2575AD;
		color: #ffffff;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			background: #f5f5f5;
			margin:0 0 1px 0;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			/*border-top: 1px solid white*/}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			margin: 0;}
		
		#jsddm li ul li a
		{	/*width: auto;*/
			width: 90px;
			background: #f5f5f5;
			-moz-border-radius: 0;
			text-align: center;}
		
		/*#jsddm li ul li a.last
		{	-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;}*/
		
		#jsddm li ul li a:hover
		{	background: #2575AD}
		
		
		/* for the wider one (Sort by) */
		#jsddm li.wider a
		{	width:160px;}
		
		#jsddm li.wider ul li a
		{	width:160px;}