img { border: none; } .floatr { float: right; } .floatl { float: left; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .noborder { border: none !important; } .clr { display: block; clear: both; } ul { list-style: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

input, select, textarea, option, label, p, div {
	font: 11px Arial, sans-serif;
}

option {
	padding: 0 15px 0 2px;
}
h3 {
	font: 20px "Times New Roman", Times, serif;
	margin: 10px 0 15px 0;
}
h4 {
	margin: 0 0 5px 0;
}

ul{
	padding:0;
	margin:0;
}

li { font-size: 11px; }
	
#quicksearch {
	display: block;
	float: left;
	width: 366px;
	height: 208px;
	background: transparent url("../mlssearchimages/quick_search_bg.jpg") no-repeat;
	padding: 50px 0 0 354px;
	position: relative;
	margin: 0 0 5px 0;
}
	#quicksearch p {
		margin: 10px 20px;
	}
	#quicksearch label {
		line-height: 20px;
	}
	#advanced_search_link {
		position: absolute;
		bottom: 5px;
		right: 10px;
		color: #fff;
		text-decoration: none;
	}
	#quicksearch #strt {
		background: none;
		border: none;
		width: 309px;
		height: 19px;
		line-height: 21px;
		position: absolute;
		padding: 2px 5px 0 5px;
		top: 89px;
		left: 374px;
	}
	#quicksearch #quicksearch_mlid {
		margin: 35px 20px 0 20px;
		float: left;
		width: 300px;
	}
		#quicksearch #quicksearch_mlid .col {
			float: left;
			width: 49%;
		}
	#quicksearch_bedrooms {
	}
	#quicksearch #quicksearch_submit {
		position: absolute;
		bottom: 25px;
		right: 0;
	}
	#quicksearch #advanced_search_link:hover {
		text-decoration: underline;
	}
	#quicksearch a.down {
		background: transparent url("../mlssearchimages/down_arrow.gif") no-repeat 100% 50%;
		padding: 0 15px 0 0;
	}
#quicklinks {
	list-style: none;
	margin: 0 0 5px 0;
}
	#quicklinks li {
		display: inline;
	}
	#quicklinks a {
		float: left;
		display: block;
		width: 355px;
		height: 90px;
		text-decoration: none;
		margin: 0 10px 0 0;
		position: relative;
		text-indent: -9999px;
		overflow: hidden;
	}
	#quicklinks a#recent_listings_btn {
		background: transparent url("../mlssearchimages/recent_listings.jpg") no-repeat 0 0;
	}
	#quicklinks a#townhouses_condos_btn {
		background: transparent url("../mlssearchimages/townhouses_condos.jpg") no-repeat 0 0;
		margin: 0;
	}
	#quicklinks a#realtor_centennial_btn {
		width: 240px;
		background: transparent url("../mlssearchimages/realtor_centennial_logo.gif") no-repeat 0 0;
		margin: 0;
	}
	#quicklinks a#recent_listings_btn:hover,
	#quicklinks a#townhouses_condos_btn:hover {
		background-position: 0 -90px;
	}
	
/* Advanced Search 
------------------------------------------
*/

#advanced_search, 
#realtor_search, 
#results, 
#details {
	display: block;
	width: 950px;
	background: #fff url("../mlssearchimages/advanced_search_bg.jpg") no-repeat;
	padding: 72px 10px 20px 10px;
	position: relative;
	margin: 0 0 5px 0;
}
	#advanced_search h2, 
	#realtor_search h2, 
	#results h2, 
	#details h2 {
		display: none;
	}
	#advanced_search .col, 
	#realtor_search .col,
	#results .col, 
	#details .col {
		display: inline;
		width: 296px;
		float: left;
		padding: 0 0 20px 0;
		margin: 0 25px 0 0;
	}
	#advanced_search .col .col,
	#realtor_search .col .col, 
	#revise_search .col .col {
		display: inline;
		width: 49%;
		float: left;
		padding: 0;
		border: 0;
		margin: 0;
	}
	#advanced_search .last,
	#realtor_search .last {
		margin: 0;	
	}
	#advanced_search .row,
	#realtor_search .row {
		display: block;
		float: left;
		width: 940px;
		clear: both;
		margin: 10px 0;
		padding: 0;
		background: transparent url("../mlssearchimages/col_divs.gif") repeat-y center;
	}
	#advanced_search .divider,
	#realtor_search .divider {
		display: block;
		float: left;
		width: 940px;
		clear: both;
		margin: 10px 0;
		border-bottom: 1px solid #e7e9ca;
	}
	#advanced_search label, 
	#realtor_search label,
	#results label, 
	#details label {
		line-height: 30px;
	}
	#advanced_search .input, 
	#realtor_search .input,
	#results .input, 
	#details .input {
		background: #fff url("../mlssearchimages/inpt_bg.gif") no-repeat;
		border: 1px solid #a5acb2;
		padding: 2px;
		width: 260px;
	}
	#advanced_search em, 
	#realtor_search em,
	#results em, 
	#details em {
		color: #999;
	}
	#advanced_search h3.basic, 
	#results h3, 
	#details h3 {
		color: #164188;
	}
	#advanced_search h3.advanced {
		color: #8a9502;
	}
	#advanced_search h4, 
	#realtor_search h4, 
	#results h4, 
	#details h4 {
		clear: both;
		padding-top: 15px;
		position: relative;
		left: -3px;
		top: -3px;
	}
	#advanced_search p, 
	#realtor_search p, 
	#results p, 
	#details p {
		margin: 10px 0;
	}
	
/* Realtor_search
------------------------------------------
*/
	
#realtor_search {
	background: #fff url("../mlssearchimages/realtor_search_bg.jpg") no-repeat;
}

#realtor_search .row {
	background: transparent url("../mlssearchimages/col_divs_purple.gif") repeat-y center;
}
#realtor_search .divider {
	border-bottom: 1px solid #e7e3e8;
}

/* Results 
------------------------------------------
*/

#results {
	background: #fff url("../mlssearchimages/search_results_bg.jpg") no-repeat;
}
	#results_nav, 
	#details_nav {
		height: 24px;
		width: 950px;
		display: block;
		position: relative;
		border-bottom: 2px solid #789dc4;
		margin: 0;
		background: transparent url("../mlssearchimages/results_nav_bg.gif") no-repeat top right;
	}
	#results #map_link, 
	#details #map_link {
		position: absolute;
		bottom: 2px;
		right: 27px;
		color: #fff;
		text-decoration: none;
	}
	#results #map_link:hover, 
	#details #map_link:hover {
		text-decoration: underline;
	}
	#results a.down, 
	#details a.down {
		background: transparent url("../mlssearchimages/down_arrow_blue.gif") no-repeat 100% 50%;
		padding: 0 15px 0 0;
	}
	#results .results_tools {
		position: absolute;
		top: -6px;
		left: 12px;
	}
	.pagination {
		position: absolute;
		bottom: 4px;
		left: 420px;
	}
	.pagination li {
		display: inline;
		border-right: 1px solid #d2dfeb;
		padding: 0 8px 0 4px;
		color: #d2dfeb;
	}
	.pagination li.last, 
	.pagination li.btn {
		border: none;
	}
	.pagination li.btn a {
		border: 1px solid #d2dfeb;
		background: #fff;
		padding: 1px 6px;
	}
	.pagination strong {
		color: #000;
	}
	.pagination a {
		color: #01478f;
		text-decoration: none;
	}
	.pagination a:hover {
		color: #cfddea;
	}
#properties {
	width: 632px;
	float: right;
	margin: 20px 0 0 0;
}
	#properties li {
		margin: 0 0 10px 0;
		width: 632px;
		float: right;
		font-size: 12px;
		background: transparent url("../mlssearchimages/property_bottom.gif") no-repeat bottom;
	}
	#properties li a.property img {
		border: 2px solid #dfe8f1;
		padding: 3px;
		background: #fff;
		float: left;
		margin: 11px 15px 11px 11px;
	}
	#properties li a.property:hover img {
		border: 2px solid #89b1db;
	}
	#properties li h3 {
		margin: 0;
		padding: 0;
	}
	#properties li h3 a, 
	#details h3 a {
		display: block;
		float: left;
		width: 610px;
		color: #89b1db;
		text-decoration: none;
		font: 16px/19px "Times New Roman", Times, serif;
		border-bottom: 1px solid #d9e4ec;
		padding: 11px 11px 5px 11px;
		background: transparent url("../mlssearchimages/property_top.gif") no-repeat top;
	}
	#properties li h3 a strong, 
	#details h3 a strong {
		font-size: 22px;
		font-weight: bold;
		color: #2b6caf;
		padding: 0 10px 0 0;
	}
	#properties li h3 a:hover, 
	#details h3 a:hover {
		text-decoration: underline;
	}
	#properties li h4, 
	#details_info h4 {
		clear: none;
		position: relative;
		float: left;
		width: 250px;
		top: 0;
		left: 0;
		margin: 15px 0 5px 0;
		padding: 0;
		font: bold 24px/28px Arial, Helvetica, sans-serif;
		color: #2b6caf;
	}
	#properties strong, 
	#details_info strong {
		margin: 0 10px;
	}
	#properties strong.active, 
	#details_info strong.active {
		font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #00bf00;
	}
	#properties .property_tools, 
	#details_info .details_tools {
		float: right;
		text-align: right;
		width: 145px;
		height: 100px;
		padding: 0 11px 11px 11px;
	}
	#properties .courtesy,
	#details #details_realtor {
		color: #868686;
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
		margin-top: 35px;
	}
#revise_search {
	width: 268px;
	float: left;
	display: block;
	background: url("../mlssearchimages/revise_search_bg.gif") no-repeat;
	margin: 20px 0 0 0;
	padding: 20px;
	position: relative;
}
	#revise_search h3 {
		position: absolute;
		top: -1px;
		left: 0;
		z-index: 20;
		display: block;
		width: 308px;
		height: 42px;
		background-repeat: repeat-x;
		font: 22px/42px "Times New Roman", Times, serif;
		color: #fff;
		padding: 0 15px;
		margin: 0;
	}
	#revise_search .row {
		margin: 25px 0 0 0;
	}
	#revise_search .divider {
		display: block;
		float: left;
		width: 268px;
		clear: both;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #d4e3a5;
	}
	#map {
		background: #789dc4;
		padding: 7px;
		height: 400px;
	}
	#map img {
		border: 2px solid #fff;
	}
	
/* Details 
------------------------------------------
*/

#details {
	background: #fff url("../mlssearchimages/property_details_bg.jpg") no-repeat;
}
	#details h3 {
		margin: 0;
		border: none;
		background: none;
		font-size: 22px;
		line-height: 65px;
		color:#89B1DB;
		font-family:"Times New Roman", Times, serif;
		margin: 0;
	}
	#details h3 strong {
		font: 30px/45px "Times New Roman", Times, serif;
		font-weight: bold;
		color:#2B6CAF;
		margin: 0;
		padding:0 10px 0 0;
	}
	#details_info h4 {
		width: 218px;
		margin: 10px 0 5px 0;
	}
	#details_nav {
		height: 45px;
		background: transparent url("../mlssearchimages/results_nav_bg.gif") no-repeat 798px 22px;
	}
	#details .pagination {
		left: 560px;
	}
	#details a.btn {
		border: 1px solid #d2dfeb;
		background: #fff;
		padding: 2px 6px;
		color: #01478f;
		text-decoration: none;
	}
		#details a.btn:hover {
			color: #cfddea;
		}
	#details_container {
		background: transparent url("../mlssearchimages/details_bg.jpg") no-repeat;
		margin: 20px 0;
		display: block;
		width: 950px;
		min-height: 800px;
		position: relative;
	}
	#details_info {
		position: absolute;
		top: 14px;
		left: 328px;
		width: 366px;
		padding: 0;
		font-size: 12px;
	}
	#details_info .details_tools {
		float: right;
		text-align: right;
		width: 145px;
		height: 100px;
		padding: 0;
	}
	#details #details_realtor {
		position: absolute;
		top: 5px;
		left: 711px;
		width: 227px;
		height: 113px;
		margin: 0;
	}
	#details #details_realtor a {
		color: #407bb0;
	}
		#details #details_realtor a:hover {
			color: #000;
		}
	#details #details_realtor strong {
		color: #464b51;
	}
	#details_summary {
		position: absolute;
		top: 140px;
		left: 318px;
		width: 617px;
		height: 71px;
	}
	#details_gallery {
		position: absolute;
		top: 13px;
		left: 0;
		width: 319px;
	}
	#details_photo {
		width: 308px;
		padding: 0 0 0 11px;
	}
	#details_photo img {
		border: 2px solid #dfe8f1;
		padding: 3px;
		background: #fff;
		margin: 0;
	}
	#details_photo a {
		position: relative;
		display: block;
		width: 293px;
		padding: 0;
	}
	#details_photo a span {
		display: none;
	}
	#details_photo a:hover span {
		position: absolute;
		z-index: 100;
		display: block;
		background: transparent url("../mlssearchimages/photo_zoom.png") no-repeat 95% 90%;
		width: 100%;
		height: 100%;
	}
	#details_photo a:hover img {
		position: relative;
		z-index: 50;
	}
	#details_thumbs {
		display: block;
		width: 308px;
		margin: 5px 0;
		padding: 0 0 0 11px;
		background: #fff url("../mlssearchimages/gallery_bottom.gif") no-repeat bottom;
	}
	#details_thumbs li {
		display: inline;
	}
	#details_thumbs li a img {
		border: 1px solid #dfe8f1;
		padding: 1px;
		background: #fff;
		margin: 0 5px 5px 0;
	}
	#details_gallery a:hover img {
		border-color: #89b1db;
	}
	
#details_tabs {
	position: absolute;
	top: 217px;
	left: 319px;
	width: 630px;
}


#summary ul {
	list-style: disc;
	padding: 10px 10px 10px 25px;
	width: 27%;
	float: left;
}
#summary ul li {
	margin: 5px 0;
}

#email td {
	
	font-size: 11px; 
}

#calculator td {
	font-size: 11px;

}	
#tabs {
	float: left;
	width: 625px;
	list-style: none;
	margin: 0 0 10px 5px;
}
	#tabs li {
		display: inline;
	}
	#tabs li a {
		display: block;
		float: left;
		text-decoration: none;
		color: #d7edff;
		font: 13px/46px Arial, Helvetica, sans-serif;
		height: 38px;
		width: 103px;
		text-align: center;
		margin: 0 2px;
		border-bottom: 1px solid #d2dfeb;
	}
	#tabs li a:hover {
		color: #fff;
		background: transparent url("/custom_code_includes/mlssearchimages/tab_bg_over.gif") no-repeat;
	}
	#tabs li.selected a, #tabs li.selected a:hover {
		color: #00407d;
		font-weight: bold;
		border-bottom: 1px solid #fff;
		background: transparent url("/custom_code_includes/mlssearchimages/tab_bg.gif") no-repeat;
	}
	#tabs li a span {
		padding: 0 0 0 20px;
	}
	#tabs li a#tab_email span {
		background: transparent url("/custom_code_includes/mlssearchimages/tab_email.gif") no-repeat 0 50%;
	}
	#tabs li a#tab_print span {
		background: transparent url("/custom_code_includes/mlssearchimages/tab_print.gif") no-repeat 0 50%;
	}
	#tabs li a#tab_bookmark span {
		background: transparent url("/custom_code_includes/mlssearchimages/tab_bookmark.gif") no-repeat 0 50%;
	}
	#tabs li a#tab_calc span {
		background: transparent url("/custom_code_includes/mlssearchimages/tab_calc.gif") no-repeat 0 50%;
	}
.tabcontentstyle{ /*style of tab content oontainer*/
	width: 582px;
	margin: 10px 0;
	padding: 0 25px;
}

.tabcontent{
	display:none;
}

 /* Realtors   
------------------------------------------  
*/  
       
#realtors {  
     float: left;  
     clear: both;  
     margin: 20px 0;
	 width:100%;  
}  
     #realtors li {  
          margin: 10px 0 10px 20px;  
          padding: 5px 15px 15px 15px;  
          border: 1px solid #b89cbc;  
          width: 415px;  
          float: left;  
          background: url("/custom_code_includes/mlssearchimages/realtors_bg.gif") repeat-x bottom;  
     }  
     #realtors a {  
          color: #745f87;  
          text-decoration: none;  
     }  
          #realtors a:hover {  
               color: #45295e;  
               text-decoration: underline;  
          }













#quicksearch1 {
	display: block;
	float: left;
	width: 366px;
	height: 208px;
	background: transparent url("../mlssearchimages/quick_search_bg1.png") no-repeat;
	padding: 50px 0 0 354px;
	position: relative;
	margin: 0 0 5px 0;
}
	#quicksearch1 p {
		margin: 10px 20px;
	}
	#quicksearch1 label {
		line-height: 20px;
	}
	#advanced_search_link {
		position: absolute;
		bottom: 5px;
		right: 10px;
		color: #fff;
		text-decoration: none;
	}
	#quicksearch1 #strt {
		background: none;
		border: none;
		width: 309px;
		height: 19px;
		line-height: 21px;
		position: absolute;
		padding: 2px 5px 0 5px;
		top: 89px;
		left: 374px;
	}
	#quicksearch1 #quicksearch_mlid {
		margin: 35px 20px 0 20px;
		float: left;
		width: 300px;
	}
		#quicksearch1 #quicksearch_mlid .col {
			float: left;
			width: 49%;
		}
	#quicksearch_bedrooms {
	}
	#quicksearch1 #quicksearch_submit {
		position: absolute;
		bottom: 25px;
		right: 0;
	}
	#quicksearch1 #advanced_search_link:hover {
		text-decoration: underline;
	}
	#quicksearch1 a.down {
		background: transparent url("../mlssearchimages/down_arrow.gif") no-repeat 100% 50%;
		padding: 0 15px 0 0;
	}
	#quicksearch1 #clickhere {
		background: none;
		border: none;
		width: 309px;
		height: 19px;
		line-height: 21px;
		position: absolute;
		padding: 2px 5px 0 5px;
		top: 135px;
		left: 315px;
	}