/*	jre_Sales.css - styles just for Sales.asp
*/
/* set the You Are Here link */
a.SalesLink { background-position: -560px  -48px;}

/* one sales listing on the Sales page, in a gray box, with a single photo on the left and the description on the right 
div.SalesListing {
	width:100%;
	border:2px solid #dddddd;
	padding:4px 4px 4px 4px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	color: #333333;
}

 a 1 row X 2 col table that defines the position of the contents of each listing
div.SalesListing table {
	width:100%;
}

 left column for the image, right for the description 
div.SalesListing td.left { width:200px; }
div.SalesListing img { width:200px; border:1px solid #888888; }
div.SalesListing td.right { width:auto; }
/*

/* the description is further positioned within another table. */
table.SalesDescriptionTable { width:100%; }
table.SalesDescriptionTable tr {
	text-align:left;
	width:100%;
}

table.SalesDescriptionTable tr.row1 { }
table.SalesDescriptionTable tr.row2 { font-size:18px; font-weight:bold; }
table.SalesDescriptionTable tr.row3 { }
table.SalesDescriptionTable tr.row4 { font-weight:bold; }
table.SalesDescriptionTable tr.row5 { }

/* controls row height - .bt is for the bottom line */
table.SalesDescriptionTable p { padding:0 0 3px 0; margin: 0 0 0 0; }
table.SalesDescriptionTable p.bt { padding:0 0 0 0 }

table.SalesDescriptionTable td {width:100%;text-align:left;}
table.SalesDescriptionTable td.lt {text-align:left; width:50%;}
table.SalesDescriptionTable td.rt {text-align:right; width:50%;}


/* Styles for individual sales listings.
   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.SalesIndividualDescription { padding:10px 10px 10px 10px;}
div.SalesIndividualDescriptionTopPhoto {
	padding:0px 3px 3px 3px;
}

div.SalesIndividualDescription table { width:100%; margin-left:auto;margin-right:auto; }
div.SalesIndividualDescription table tr { vertical-align:top;}
div.SalesIndividualDescription table td {}
div.SalesIndividualDescription table td.left { width:400px;}
div.SalesIndividualDescription table td.right { width:auto;}

/* for the thumbnails */
div.SalesIndividualDescription img { 
				width:140px;
				margin-top: 3px;
				margin-left:5px;
				border:1px solid #888888;
				}
/* for the top image */
div.SalesIndividualDescriptionTopPhoto img { width:380px; border:1px solid #888888; }

/* formats for components of the individual listing description */
div.SalesIndividualDescription p {  /* used for the body of the description */
			font-family:Arial, Helvetica, sans-serif;
			font-size:10pt;
			color:black; }
div.SalesIndividualDescription p.status { 
			font-family:"Times New Roman", Times, serif;
			font-size:12pt;
			color:gray;}
div.SalesIndividualDescription p.headline { font-size:12pt; font-weight:bold;}
div.SalesIndividualDescription p.id { }
div.SalesIndividualDescription p.area { font-weight:bold; }
div.SalesIndividualDescription p.listprice { }

div.SalesFeaturedBanner {
	text-align:left;
	margin-top:8px; margin-bottom:-6px;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:#666666;
	font-weight:bold;
}