/* jre_Details.css - styles for property detail pages
   This page has two columns. The left column is a large photo followed by the description, etc. The right column is a row of thumbnails. Clicking on a thumbnail brings that photo into the enlarged slot.
*/


div.Detail { padding:10px 0px 0px 0px;}

/* for the thumbnails */
div.Detail img {
			width:120px;
			margin-top: 3px;
			margin-left:5px;
			border:1px solid #888888;
}

/* for the top image */
/* formats for components of the individual listing description */
div.Detail p {  /* used for the body of the description */
			font-family:Arial, Helvetica, sans-serif;
			font-size:10pt;
			color:black; }
div.Detail p.status { 
			font-family:"Times New Roman", Times, serif;
			font-size:12pt;
			color:gray;}
div.Detail p.headline { font-size:12pt; font-weight:bold;}
div.Detail p.id { }
div.Detail p.area { font-weight:bold; }
div.Detail p.listprice { }
div.Detail p.bedrooms { }
div.Detail p.baths { }
div.Detail p.rents { }
div.Detail p.description { }
div.Detail p.params { font-size:10pt; font-weight:normal; }

/*
	DetailTopLine is the first line of the details page, running the width of the page,
	within the Detail div.
*/
div.DetailTopLine {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#003466;
}
div.DetailTopline p {
	padding:0 0 0 0; margin:0 0 0 0;
}
/*
	DetailLeft positions the large image, description, and pricing.
	It is contained within Detail.
*/
div.DetailLeft {
	float:left; 
	width:450px;
}
/*
	DetailTopPhoto contains the main image within DetailLeft
*/
div.DetailTopPhoto {
	position:relative;
	width:500px;
	padding:0px 3px 3px 0px;
	margin-left:0; margin-right:-50px;
}
div.DetailTopPhoto img { width:360px; border:1px solid #888888; margin-left:auto; margin-right:auto; text-align:center; }
/* width was 380 px */

div.DetailTopPhoto a {
	float:right;
	clear:none;
}

div.DetailTopPhoto a img {
	position:absolute;
	right:20px; bottom:0;
	width:100px; height:70px;
	margin:0; padding:0;
	border:none;
}
