﻿ul 
{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

ul li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: .5em;
}

/* = Float header of listing next to details and open houses */
div.listing-header 
{
	width: 235px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #ccc;
	margin-right: 10px;
	margin-bottom: 1em;
}
div.listing-data, div.openhouses
{
	margin-left: 256px;
}
div.openhouses {margin-bottom: 1em;}
div.listing:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
}
div.listing {display: inline-block;}
html[xmlns] div.listing {display: block;}



/* =Photos */
div.listing-photos h3 {display: none;}
div.listing-photos a img.mainPhoto 
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 5px;
}
div.listing-photos a:hover img.mainPhoto 
{
	background-color: #fefefe;
	border-color: #00c;
}
div.thumbnails h3 {display: none;}
div.thumbnails ul 
{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
div.thumbnails ul li 
{
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 38px;
	text-align: center;
	width: 45px;
}
div.thumbnails ul li a img 
{
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 2px;
}
div.thumbnails ul li a:hover img 
{
	background-color: #fefefe;
	border-color: #00c;
}
div.thumbnails ul:after 
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
}
div.thumbnails ul {display: inline-block;}
html[xmlns] div.thumbnails ul:after {display: block;}


div.listing-data h3 {display: none;}
div.listing-data div.main h4 {display: none;}
div.listing-data div.main ul.details {width: 65%; margin-right: 1%; float: left;}
div.listing-data div.main ul.actions 
{
}

div.listing-data div.main ul.details li span.label {text-transform: lowercase;}
div.listing-data div.main ul.details li.geo {display: none;}

div.listing-data div.main ul.details li.listingid 
{
	float:left;
	width: 50%;
}
div.listing-data div.main ul.details li.area, div.listing-data div.main ul.details li.zip 
{
}

div.listing-data div.main ul.details li.listingid 
{
	display: block;
	font-size: 20px;
	font-weight: bold;
}

div.listing-data div.importantinfo {width: 100%; float: none;}

div.listing div.listing-contact h3 {display: none;}

div.listing div.listing-contact ul.details li.office {display: none;}
div.listing div.listing-contact ul.details li.email {display: none;}
div.listing div.listing-contact ul.details li.id {display: none;}

div.listing div.listing-contact ul.details li.title span.label {display: none;}

div.listing div.listing-contact img.agentPhoto 
{
	float: left;
	margin-right: 10px;
}
div.listing div.listing-contact ul.details, div.listing div.listing-contact ul.actions {margin-left: 90px;} 
div.listing div.listing-contact:after 
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
}
div.listing div.listing-contact {display: inline-block;}
html[xmlns] div.listing div.listing-contact {display: block;}







div.listing div.importantinfo {background: #ccc url(/idx/images/EssentialsBG.jpg) left top repeat-x;}
div.listing div.importantinfo div.financials 
{
	width: 50%;
	float: right;
}
div.listing div.importantinfo div.essentials 
{
	margin-right: 50%;
}


div.listing div.importantinfo h4 
{
	padding-top: 1em;
	margin-left: 1em;
}
div.listing div.importantinfo ul 
{
	margin: 1em;
}

div.listing div.openhouses li.id {display:none;}
div.listing div.openhouses li.what {display:none;}
div.listing div.openhouses li.where {display:none;}
div.listing div.openhouses li.when span.label {display:none;}

