<!--

/*

	property.css
	============
	Stylesheet for the property module. Please try to only use this file for
	layout. Avoid using formatting (colours etc.) in this file. Instead write
	the module so that it uses classes already defined in the standard css.

*/

/*--------------------------------------------------
	PROPERTY LIST
--------------------------------------------------*/

div.mProperty-propertyList {
	margin: 0 0 0.8em 0;
}

div.mProperty-propertyList .mProperty-property table, div.mProperty-propertyList .mProperty-property td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	background: transparent;
}

div.mProperty-propertyList .mProperty-property {
	position: relative;
	_height: 1%

}

div.mProperty-propertyList .mProperty-image {
	width: 178px; /* 180 -2px border */
	height: 133px; /* 135 -2px border */
	text-align: center;
	border: 1px solid #464646;
	margin: 0 10px 0 0;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
}

div.mProperty-propertyList .mProperty-image a {
	width: 178px; /* 180 -2px border */
	height: 133px; /* 135 -2px border */
	display: block;
}

div.mProperty-propertyList .mProperty-text {
	float: left;
	width: 346px;
}

div.mProperty-propertyList .mProperty-buttons {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div.mProperty-propertyList .mProperty-hr {
	display: none;
}

div.mProperty-propertyList .mProperty-buttons input {
	width: 80px;
	margin: 2px 0 0 0;
}

div.mProperty-propertyList .mProperty-id {
	float: right;
	color: #666666;
}

div.mProperty-propertyList .mProperty-name {
	font-weight: bold;
}

div.mProperty-propertyList .mProperty-description {

}

div.mProperty-propertyList .mProperty-bedrooms {
	font-size: 1.2em;
}

div.mProperty-propertyList .mProperty-price {
	font-size: 1.2em;
	font-weight: bold;
}

div.mProperty-propertyList .mProperty-status {
	font-weight: bold;
	font-size: 1.2em;
}

div.mProperty-propertyList .mProperty-leaseType {
	font-size: 1.2em;
}

div.mProperty-propertyList .mProperty-summary {
	margin: 0;
	position: absolute;
	bottom: 9px;
}

div.mProperty-propertyList .links {
	float: left;
}

div.mProperty-propertyList .links a, div.mProperty-propertyList .links span {
	margin: 0 2px 0 0;
	padding: 2px 5px 3px 5px;
}

div.mProperty-propertyList .links span.numbers, div.mProperty-propertyList .links a {
	background-color: #EBEBEB;
}

div.mProperty-propertyList .links span.numbers {
	font-weight: bold;
}

div.mProperty-propertyList .links #first, div.mProperty-propertyList .links #previous, div.mProperty-propertyList .links #next, div.mProperty-propertyList .links #last {
	background-color: transparent;
}

div.mProperty-propertyList .nowDisplaying {
	float: right;
}

div.mProperty-propertyList .links #previous {
	padding-left: 0;
}

div.mProperty-propertyList .mProperty-noresult {
	text-align: center;
	padding: 100px 0 80px 0;
}

/*--------------------------------------------------
	PROPERTY DETAILS
--------------------------------------------------*/

div.mProperty-propertyDetails {

}

div.mProperty-propertyDetails .mProperty-images {
	width: 320px;
	float: right;
	margin: 0 0 15px 15px;
	padding: 5px;
}

div.mProperty-propertyDetails .mProperty-mainImage{
	border: 1px solid #464646;
	margin: 0 0 5px 0;
	width: 318px; /* 320 -2px border */
	height: 238px; /* 240 -2px border */
	background-repeat: no-repeat;
	background-position: center;
}

div.mProperty-propertyDetails .mProperty-thumbImage{
	float: left;
	margin: 0 5px 5px 0;
	width: 60px; /* 60 -2px border */
	height: 45px; /* 45 -2px border */
	background-repeat: no-repeat;
	background-position: center;
	background-color: #EBEBEB;
}

div.mProperty-propertyDetails .mProperty-thumbImage:hover{
	/*opacity: 0.5;
	_filter: alpha(opacity = 50);*/
	width: 58px; /* 60 -2px border */
	height: 43px; /* 45 -2px border */
	border: 1px solid #464646;
}

div.mProperty-propertyDetails .mProperty-price {
	font-size: 1.2em;
	font-weight: bold;
}

div.mProperty-propertyDetails .mProperty-status {
	font-size: 1.2em;
	font-weight: bold;
}

div.mProperty-propertyDetails .mProperty-id {
	float: right;
	color: #666666;
}

div.mProperty-propertyDetails .mProperty-bullets {
	margin: 0 0 0.8em 30px;
	padding: 0;
}

div.mProperty-propertyDetails .mProperty-bullets li {
	margin: 0 !important;
	padding: 0 !important;
}

div.mProperty-propertyDetails .mProperty-leaseType {
	font-size: 1.2em;
}

div.mProperty-propertyDetails .mProperty-buttons {
	margin: 2em 0;
}

div.mProperty-propertyDetails .mProperty-buttons input {
	width: 120px;
	margin: 0 10px;
}

/*--------------------------------------------------
	BRANCHES
--------------------------------------------------*/

div.mProperty-branches {

}

div.mProperty-branches img {
	margin: 0 0 5px 5px;
	border: 1px solid #464646;	
}

div.mProperty-branchMap img {
	border: 1px solid #464646;	
}

/*--------------------------------------------------
	BRANCH LIST
--------------------------------------------------*/

div.mProperty-branchList {

}

div.mProperty-branchList h2 {
	text-indent: -5000px;
	background-image: url(title-branches.gif);
	width: 120px;
	height: 16px;
	margin: 0 0 0 1px;
	padding: 0;
	font-size: 0;
}

div.mProperty-branchList ul {
	margin: 7px 0 0 20px;
	padding: 0;
}

div.mProperty-branchList ul li {
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------
	SCROLLER
--------------------------------------------------*/

div.mProperty-propertyScroller {
	padding: 0;
}

div.mProperty-propertyScroller .mProperty-image {
	width: 178px; /* 180 -2px border */
	height: 133px; /* 135 -2px border */
	margin: 0 0 6px 0;
	border: 1px solid #464646;
	background-repeat: no-repeat;
	background-position: center;
}

div.mProperty-propertyScroller .mProperty-image a {
	width: 178px; /* 180 -2px border */
	height: 133px; /* 135 -2px border */
	display: block;
}

div.mProperty-propertyScroller .mProperty-name {
	font-weight: bold;
}

div.mProperty-propertyScroller .mProperty-nameDescription {
	margin: 0;
}

div.mProperty-propertyScroller div.scroller {
	/* height: 207px; */
	height: 201px;
	padding: 0;	
	overflow: hidden;
	position: relative;
	margin-top: 0;
}	

div.mProperty-propertyScroller table#scrollerTable {
	position: absolute;
	border: 0;
	padding: 0;
	margin: 0;
}

div.mProperty-propertyScroller table#scrollerTable {
	border-collapse: collapse;	
}
	
div.mProperty-propertyScroller table#scrollerTable td {
	padding: 0;
	border: 0;
	width: 180px;
	vertical-align: middle;
}

div.mProperty-propertyScroller table#scrollerTable td:hover {
	background-color: #EBEBEB;
}

div.mProperty-propertyScroller table#scrollerTable td:hover div.mProperty-image {
	border: 1px solid #ce8d1e;
}

div.mProperty-propertyScroller div.item {
	background-color: #CCCCCC;
	width: 150px;
	height: 135px;
}


-->