/* 	border: solid 1px #ff0000; */
body {
	margin: 35px 0px;
	padding: 0px;
	font-size: 80%;
	font-family:"Trebuchet MS",arial,sans-serif;
	}

#container {
	margin: 0px auto;
	margin-top: 10px;
	max-width: 905px;
	min-width: 905px;
	padding: 0px;
	/* Need to set different values for width like below \/ to fix IE freeze bug */
	width: expression(document.body.clientWidth < 907? "905px" : document.body.clientWidth > 907? "905px" : "auto");
	background-color:#fff;
	}

#header {
	margin: 0px auto;
	padding: 0px;
	height: 90px;
	max-width: 907px;
	min-width: 907px;
	/* Need to set different values for width like below \/ to fix IE freeze bug */
	/*width: expression(document.body.clientWidth < 907? "905px" : document.body.clientWidth > 907? "905px" : "auto"); */
	width: 907px;
	height: 84px;

	background-image: url(/images/curve_top_right.jpg);	
	background-repeat: no-repeat;	
	
	background-position: right bottom;
	background-color: #2C5896;
	/*background-repeat: no-repeat;	
	background-attachment: fixed; 
	background-position: right top;
	background-color: #2C5896;*/
	}
	
#cityName {
	position: relative;
	top: 54px;
	left: 205px;
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-align: left;
	font-size: 30px;
	border-left: none;
	text-decoration: none;	
	}	

/* this is used to style the Listing Title on the Listing Details page */
#cityNameDetails {
	position: relative;
	top: 54px;
	left: 315px;
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-align: left;
	font-size: 30px;
	border-left: none;
	text-decoration: none;	
	}	

#menu {
	padding: 0;
	margin-top: 0;
}

/* ----- CONTENT ----- */


	
#content {
	padding: 0px; 
	margin: 0px;
	background-image: url(/images/left_column_bg.gif);	
	background-repeat: repeat-y;	
	background-position: left top;	
	border-left: 1px solid #cad6e6; /* 2D5896 */
	border-right: 1px solid #cad6e6;  /* 2D5896 */
	max-width: 905px;
	min-width: 905px;
	/* Need to set different values for width like below \/ to fix IE freeze bug */
	/*width: expression(document.body.clientWidth < 907? "905px" : document.body.clientWidth > 907? "905px" : "auto"); */
	width: 905px;
	/* height: 1%; /* 450px 600px*/
	}
	
/* the Holly Hack to get IE 7 to properly adjust the height of the main content DIV to the floated content it may contain */
div#content {height: 1%;}
html>body div#content {height: auto;}

#clear_content_bottom, .clear_content {
	clear:both; 
	margin: 0px;  
	padding: 0px;
	height: 0px;
	width: 100%; 
	}


#content p {
	}
	
.image {
	border: 1px #ccc solid;
	}

#left_column {
	/* position: relative;
	left: 0;
	top: 0; */
	float: left;	
	margin: 0px; 
	margin-left: 10px;
	margin-top: 25px;
	padding: 0px;
	padding-right: 10px;
	width: 265px;
	height: 100%;
	color: #4D4D4F;
	/* border-right: 1px solid #93accb; */
}

#left_column p { 
	font-size: 90%;
	}

.video_title {
	color: #2D5896; 
	}

.mls_keyword {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

.mls_keyword_input {
	margin: 0;
	padding: 3px;
	height: 24px; 
	width: 170px;
	font-size: 120%;
	color: #666;
	border: 1px solid #275996;
	background: #fff url(images/text_input_bg.gif) repeat-x top;	
	}
	
.mls_keyword_go {
	border: none; 
	margin: 0 0 0 10px; 
	padding: 0;
	}	
	
#miniSearch {
	 padding: 0;
	 margin: 10px 0;
	 border-top: 1px solid #93accb;
	 }
	
h3#contact_us {
	cursor: pointer;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}	

/* start deterant css */

#required_input {
  visibility: hidden;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	border: 0px;	
	}

#required_input_td {
  visibility: hidden;
	height: 0px;
	margin: 0;
	padding: 0;	
	font-size: 0px;
	border: 0px;
}

#required_input_td sup {
  visibility: hidden;
	height: 0px;
	margin: 0;
	padding: 0;	
	font-size: 0px;
	border: 0px;
}
	
#middleName {
  visibility: hidden;
	height: 0px;
	margin: 0;
	padding: 0;	
	font-size: 0px;	
	border: 0px;	
	}	

/* end deterant css */
	
.contact_input {
	margin: 0;
	padding: 3px;
	height: 24px; 
	width: 200px;
	font-size: 120%;
	color: #666;
	border: 1px solid #275996;
	background: #fff url(images/text_input_bg.gif) repeat-x top;	
	}	
	
.contact_textarea {
	margin: 0;
	padding: 3px;
	font-size: 120%;
	color: #666;
	border: 1px solid #275996;
	background: #fff url(images/text_input_bg.gif) repeat-x top;	
	}		

.contact_select { /*275996 */
	border: 1px solid #275996;
	font-size: 100%;
	font-family:"Trebuchet MS",arial,sans-serif;	
	color: #4D4D4F;
	text-decoration: none;
	padding: 0px;
	margin: 0 0 5px 0;
	}
	
#miniSearch input { /*275996 */
	border: none; 
	font-size: 100%;
	font-family:"Trebuchet MS",arial,sans-serif;	
	color: #4D4D4F;
	text-decoration: none;
	padding: 0px;
	}

#miniSearch select { /*275996 */
	border: 1px solid #275996;
	font-size: 100%;
	font-family:"Trebuchet MS",arial,sans-serif;	
	color: #4D4D4F;
	text-decoration: none;
	padding: 0px;
	margin: 0 0 5px 0;
	}

#searchForm select { /*275996 */
	border: 1px solid #275996;
	font-size: 100%;
	font-family:"Trebuchet MS",arial,sans-serif;	
	color: #4D4D4F;
	text-decoration: none;
	padding: 0px;
	margin: 0 0 5px 0;
	}
	
.miniSearch_go {
	border: none; 
	margin: 0 0 0 10px; 
	padding: 0;
	}		
	
#agent_details {
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	width: 100%;
	/* text-align: justify; */
	font-size: 90%;
	/* border-bottom: 1px solid #93accb; */
	}
	
#agent_photo {
	margin: 0;
	padding: 0;
	float: left;
	clear: right;
	width: 110px;
	}	
	
img {
	border: none;
	}
	
img.image {
	border: 1px #ccc solid;
	}

#right_column {
	/* position: relative;
	left: 0px;
	top: 0; */
	float: right;
	margin: 0px; 
	padding: 0px;
	width: 575px;
	height: auto;
	}

#right_column_index {
	float: right;
	margin: 0px; 
	padding: 0px;
	width: 575px;
	height: auto;
	/* color: #fff; */
	background-image: url(images/vancouver_island_map.jpg);	
	background-repeat: no-repeat;	
	background-position: right top;
	background-color: #fff;
	}
 
.map_city {
	position: relative;
	float: left;
	clear: left;
	height: 20px;
	width: 100px;
	margin: 0; 
	padding: 0;	
	text-decoration: none;
	}
	
.map_city, .map_city:visited { 
	color: #4D4D4F; /* grey 939598 */
	font-weight: bold;
	}
	
.map_city:hover  {
	color: #2D5896; /* blue */
	font-weight: bold;
	}	
	
.map_city_hover {
	color: #2D5896; /* blue */
	font-weight: bold;
	text-decoration: none;
	}		
	
#cityDetails {
	margin: 0px; 
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	}
	
#cityListing {
	width: 100%;
	margin: 20px 0;
	padding: 0;
	}
	
#cityImages {
	float: left;
	margin: 56px 0 0 0;
	padding: 0;
	width: 152px;
	text-align: center; /* align the images in this div */
	}

#cityImages img {
	border: 1px solid #ccc;
	}

#cityDescription {
	margin: 0px; 
	padding: 0px;
	padding-right: 20px;
	width: 390px;
	height: 100%;
	/* background-image: url(/images/right-column-bg.jpg);	
	background-repeat: no-repeat;	
	background-position: left top;
	background-color: #fff;		*/
	}

/* this is used to control the placement of the Listing Details on the Listings page */
#cityListingDescription {
	float: right;
	margin: 0 0 0 0; 
	padding: 0 50px 0 0;
	width: 390px;
	height: 100%;
	/* background-image: url(/images/right-column-bg.jpg);	
	background-repeat: no-repeat;	
	background-position: left top;
	background-color: #fff;		*/
	}	

#cityDetails h1 {
	color: #2C5896;
	font-size: 30px;
	text-decoration: none;
	border: none;	
	margin: 0;
	padding: 0;
	}
	 
#cityDetails h3 {
	color: #2C5896; 
	font-size: 22px;
	text-decoration: none;
	border: none;
	margin: 6px 0 0 0;
	padding: 0;	
	}
	 
#cityDetails h4 {
	color: #2C5896; 
	font-size: 16px;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;	
	}	 	 

#select_a_city {
	float: left;
	width: 120px;
	margin: 0 0 0 12px;
	padding: 0; 
	color: #2D5896;
	font-weight: bold;
	}
	
#select_a_city_index {
	float: left;
	width: 170px;
	margin: -30px 0 0 0;
	padding: 0 0 0 5px; 
	color: #2D5896;
	font-size: 150%;
	font-weight: bold;
	}	
	
#select_a_city_arrow {
	float: left;
	width: 20px;
	margin: 0;
	padding: 0; 
	}	

#select_a_city_arrow_index {
	float: left;
	width: 15px;
	margin: -26px 0 0 0;
	padding: 0 0 0 5px; 
	}	

#cityNavigation {
	margin: 350px 0 0 0;
	padding: 0;
	}

#highlighted_developments {
	float: left;
	width: 120px;
	margin: 0 0 0 12px;
	padding: 0; 
	color: #2D5896;
	font-weight: bold;
	}	
	
#highlighted_dev_arrow {
	float: left;
	width: 20px;
	margin: 0;
	padding: 0; 
	}	

#cityList, #developments {
	float: left;
	margin: 0px; 
	padding: 0px;
	}

#cityList li a, #developments li a {
	height: 20px;
	margin: 0; 
	padding: 0;	
	display: block;
	text-decoration: none;
	}

#cityList li a, #cityList li a:visited, #developments li a, #developments li a:visited { 
	color: #4D4D4F; /* grey 939598 */
	list-style-image: none;
	font-weight: bold;
	}
	
#cityList li a:hover, #developments li a:hover  {  
	color: #2D5896; /* blue */
	font-weight: bold;
	list-style-image: url(images/arrow.gif);	
	}

.developmentList {
	float: left;
	margin: 0 0 0 0; 
	padding: 0 0 0 15px;
	width: 330px;
	list-style-type: none;
	}

.cityList1 {
	float: left;
	margin: 0px; 
	padding: 0 0 0 15px;
	width: 115px;
	list-style-type: none;
	}
	
.cityList2 {
	float: left;
	margin: 0px; 
	padding: 0 0 0 15px;
	width: 100px;
	list-style-type: none;
	}
	
.cityList3 {
	float: left;
	margin: 0px; 
	padding: 0 0 0 15px;
	width: 100px;
	list-style-type: none;
	}		


#headerListings {
	margin: 0px auto;
	padding: 0px;
	height: 90px;
	max-width: 907px;
	min-width: 907px;
	/* Need to set different values for width like below \/ to fix IE freeze bug */
	/*width: expression(document.body.clientWidth < 907? "905px" : document.body.clientWidth > 907? "905px" : "auto"); */
	width: 907px;
	height: 84px;
	background-image: url(/images/curve_top_right.jpg);	
	background-repeat: no-repeat;	
	background-position: right bottom;
	background-color: #2C5896;
	/*background-repeat: no-repeat;	
	background-attachment: fixed; 
	background-position: right top;
	background-color: #2C5896;*/
	}
	
#headerListings h2 {
	margin: 0;
	padding: 0;
	position: relative;
	top: 20px;
	left: 20px;
	color: #fff;
	font-size: 300%;
	text-decoration: none;
	}

#cityListings {
	padding: 0px;
	margin: 0px;
	max-width: 905px;
	min-width: 905px;
	/* Need to set different values for width like below \/ to fix IE freeze bug */
	/*width: expression(document.body.clientWidth < 907? "905px" : document.body.clientWidth > 907? "905px" : "auto"); */
	width: 905px;
	 /*height: 450px; 450px */
	border-left: 1px solid #cad6e6; /* 2D5896 */
	border-right: 1px solid #cad6e6;  /* 2D5896 */
	}

#cityListings table {
	margin: 20px;
	width: 860px;
	color: #fff;	
	}
	
#cityListings a {
	color: #fff;
	text-decoration: none;	
	}
	
#cityListings th {
	font-size: 100%;
	font-weight: bold;
	background-color: #7292cb;
	}

.cityListingsEven, .cityListingsEven_out td {
	background-color: #7292cb;
	cursor: pointer;
	}
	
.cityListingsEven_over td {
	background-color: #b0b0b0;
	cursor: pointer;
	}	

.cityListingsOdd, .cityListingsOdd_out td{
	background-color: #2d5896;
	cursor: pointer;
	}
	
.cityListingsOdd_over td {
	background-color: #b0b0b0;
	cursor: pointer;
	}

#realtor-advertising-title {
	margin: 5px 0 0 5px;
	}

#realtor-advertising {
	margin: 10px;
	}

#footer {
	clear: both;
	margin: 0px; 
	padding: 0px;
	width: 907px;
	height: 109px;
	color: #fff;
	/* background-image: url(images/curve_bottom_left.jpg);	
	background-repeat: no-repeat;	
	background-position: left bottom; */
	background-image: url(images/index/footer.jpg);	
	background-repeat: no-repeat;	
	background-position: left bottom;
	background-color: none; /* 2C5896 */
	/*background-color: none;  2C5896 */
}

#footerListings {
	clear:both;
	margin: 0px; 
	padding: 0px;
	width: 907px;
	height: 109px;
	font-size: 120%;
	color: #fff;
	background-image: url(images/index/footer-global.jpg);	
	background-repeat: no-repeat;	
	background-position: left bottom;
	background-color: none; /* 2C5896 */
}

#footerListings a:active, #footerListings a:hover {
	text-decoration: underline;
	}

#footerListings_links, #footerListings_sponsor {
	position: relative; 
	top: 65px; 
	}
	
#footerListings_links {		
	left: 40px; 
	float: left;
	}
	
#footerListings_sponsor {
	right: 180px; 
	top: 20px;
	font-size: 80%;
	float: right;
	}	

#footerListings a {
	color: #fff; 
	text-decoration: none;
	}

.footer_focus {
	color: #CC0000;
	}	

#footer h2 {
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-align: right;
	margin-right: 40px;
	margin-top: 20px;
	font-size: 200%;
	}

#confirmation {
	color:#000; 
	font-size: 120%;
	}

/* ----- SEARCHBOX  ----- */

.searchbox_wrapper {
	color: #666666;
	text-decoration: none;
	background-color: #f8f8f8;
	padding: 3px;
	border: none;
	text-align: left;
	background-position: left;
	display: block;
}

.priceLow {
 }
 
.priceHigh {
 }

.bedrooms {
 }

.bedroomsHigh {
 }

.baths {
 }

.bathsHigh {
 }

.propertyType {
 }

.categoryCode {
 }