/** We're recycling the styles for .content-page for the Business Directory, with some modifications **/
/* Main content page */
#content.content-page {
	background: url('../img/main.tpl/content-page-back.png') -100px 0 repeat-y;
}
.content-page .main {
	padding: 0 10px;
	width: 587px;
	float: left;
}
.content-page .sidebar {
	width: 349px;
	padding: 20px;
	float: right;
}
#ProvinceList,#CommunityList,#CategoryList {
	width:	50%;
	float:	left;
}
#DirectoryContent {}
	#DirectoryContent .currentCategory,#DirectoryContent .currentCommunity {
	color:	#63013A;
	font-family:	"Times New Roman","Times",serif;
	font-size:	23px;
	/* text-transform:	uppercase; */
	font-variant:	small-caps;
	}
	#DirectoryContent div.listing {
	border:	solid 1px #C2BEAC;
	border-radius:		6px;
	margin:	10px 0px;
	padding:1px;
	}
	#DirectoryContent div.listing h1,#DirectoryContent div.listing h2,#DirectoryContent div.listing h3 {
	margin:	0px;
	background-color:	#C5AD9F;
	color:	#582A00;
	/* background-image:	url('/img/businessdirectory/brown-cylinder-bg.png'); */
	}
	#DirectoryContent div.listing h3 {
		border-radius: 5px;
		border-bottom: 	solid 1px #927A6C;
	}
	#DirectoryContent div.listing h3 a {
	display:	block;
	color:	#582A00;
	padding:	5px 8px 4px 8px;
	text-decoration:	none;
	text-shadow: 0px 1px 0px #DDD;
	border-radius: 5px;
	}
	#DirectoryContent div.listing h3 a[class=link]:hover {
	color:	#FFFFFF;
	background-color:	#A55207;
	text-shadow:		none;
	}
	#DirectoryContent div.listing h3 a span {
	cursor:	pointer;
	}
	#DirectoryContent div.listing span.thumbnail {
	float:	left;
	padding-top:	4px;
	padding-right:	14px;
	}
	#DirectoryContent div.listing p {
	margin:	4px 8px;
	font-size:	0.85em;
	}
	#DirectoryContent div.listing ul,#DirectoryContent div.listing ol {
	margin:	4px 8px;
	padding-left:	28px;
	list-style-type:	square;
	}
	#DirectoryContent div.listing li {
	font-size:	0.85em;
	}
	#DirectoryContent div.listing div.writeup {
	margin:	4px 8px 8px 8px;
	padding:	0px 8px 8px 8px;
	font-size:	0.9em;
	}
	#DirectoryContent div.listing div.writeup img {
	float:	left;
	padding:	6px 8px 0px 8px;
	}
	#DirectoryContent div.listing dl {
	margin:	8px;
	}
	#DirectoryContent div.listing dl dt {
	width:	164px;
	float:	left;
	text-align:	right;
	font-weight:	bold;
	font-size:	0.85em;
	}
	#DirectoryContent div.listing dl dd {
	margin-left:	173px;
	font-size:	0.85em;
	}
	#DirectoryContent div.listing .category-list {
		font-size:		0.8em;
		padding:		6px 20px 4px 24px;
		color:			#888;
	}
	#DirectoryContent div.listing .category-list a {
		color:			#777;
	}
#Content-Sidebar li {
	margin:				0px 0px;
	padding:			1px 4px 3px 4px;
}
#Content-Sidebar li a {
	display:			block;
}
#Content-Sidebar li:hover {
	background-color:	#E7CFBF;
}
#Content-Sidebar li a:hover {
	border-style:		none;
}
#Content-Sidebar li.selected {
	background-color:	#E7CFBF;
	border-radius:		4px;
	padding:			2px 4px 4px 4px;
}
#Content-Sidebar li.selected a {

}

.btn-box {
	float:				right;
}
.btn-ViewMap {
	display:			block;
	width:				120px;
	height:				30px;
	margin:				4px;
	background-image:	url('/img/businessdirectory/button-sprite.png');
	background-repeat:	no-repeat;
	background-position:	 0 0;
}
.btn-ViewMap:hover {
	background-position:	0 -36px;
}
.btn-ViewMap:active {
	background-position:	0 -72px;
}
.btn-ViewMap span {
	display:			none;
}

.btn-SendMessage {
	display:				block;
	width:					120px;
	height:					30px;
	margin:					4px;
	background-image:		url('/img/businessdirectory/button-sprite.png');
	background-repeat:		no-repeat;
	background-position:	0 -144px; /* -108px; */
}
.btn-SendMessage:hover {
	background-position:	0 -144px;
}
.btn-SendMessage:active {
	background-position:	0 -180px;
}
.btn-SendMessage span {
	display:			none;
}

.btn-ViewRealEstateListings-sm {
	display:				block;
	width:					120px;
	height:					30px;
	margin:					4px;
	background-image:		url('/img/btn-ViewRealEstateListings-sprite.png');
	background-repeat:		no-repeat;
	/* background-position:	0 -144px; /* -108px; */
}
.btn-ViewRealEstateListings-sm:hover {
	background-position:	0 -36px;
}
.btn-ViewRealEstateListings-sm:active {
	background-position:	0 -72px;
}
.btn-ViewRealEstateListings-sm span {
	display:			none;
}
.btn-ViewRealEstateListings-lg {
	display:				block;
	width:					199px;
	height:					30px;
	margin:					4px 4px 10px 200px;
	background-image:		url('/img/btn-ViewRealEstateListings-sprite.png');
	background-repeat:		no-repeat;
	background-position:	-137px -2px; /* -108px; */
}
.btn-ViewRealEstateListings-lg:hover {
	background-position:	-137px -38px;
}
.btn-ViewRealEstateListings-lg:active {
	background-position:	-137px -74px;
}
.btn-ViewRealEstateListings-lg span {
	display:			none;
}