/* styles.css */

body {
	margin:					0px;
	padding:				0px 0px 5px 0px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					black;
	background-color:		#eae6dc;
	max-width:				1400px;
}

img {
	border-style:			none;
	position:				relative;
}

h1 {
	position:				relative;
	z-index:				3;			/* Content overlaps right menu */
	margin-top:				20px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	min-width:				120px;

	font-family:			tahoma, arial, helvetica, sans-serif;
	font-size:				22px;
	font-weight:			bold;
	color:					#880000;

	padding:				5px 5px 5px 10px;
	text-align:				left;
	background-color:		white;
	border:					1px solid #bea98e;
}

a.h1a						{text-decoration: none}
a.h1a:link					{color: #880000;	background-color:	white;}
a.h1a:visited				{color: #880000;	background-color:	white;}
a.h1a:hover					{color: #880000;	background-color:	white;}
a.h1a:active				{color: #880000;	background-color:	white;}

h2 a						{text-decoration: none}
h2 a:link					{color: #880000;	background-color:	white;}
h2 a:visited				{color: #880000;	background-color:	white;}
h2 a:hover					{color: #fff;	  background-color:	#aaa;}
h2 a:active					{color: #880000;	background-color:	white;}

h2,h3,h4,h5,h6 {
	margin:					10px 0px 15px 0px;
}

h2,h3,h4,h5,h6 {
	padding:				0px;
	font-weight:			bold;
	color:					#880000;
	background:				transparent;
	font-family:			tahoma, arial, helvetica, sans-serif;
}

h2 							{ font-size: 18px;}
h3 							{ font-size: 17px;}
h4 							{ font-size: 16px;}
h5 							{ font-size: 16px;}
h6 							{ font-size: 14px;}

p {
	margin:					0px 0px 12px 0px;
	padding:				0px;
}

/* add a little space after... */
li {
	margin-bottom:			2px;
}

a:link						{color: #bb0000; background-color: transparent}
a:visited					{color: #660000; background-color: transparent}
a:hover						{color: white;   background-color: #aaa;}
a:active					{color: #330000; background-color: transparent}

a.imgLink					{color: #eae6dc; background: transparent;text-decoration: none;}
a.imgLink:hover				{color: #eae6dc; background: transparent;}

hr {
	height:					0;
	border-style:			solid;
	border-width:			1px 0 0 0;
	border-color:			#bea98e;
}

input, textarea, select {
	font-family:			arial, helvetica, sans-serif;
	font-size:				14px;
	background:				#f6f6f6;
	color:					black;
}

.italic						{font-style: italic;}
.underline					{text-decoration: underline;}

/* required input fields */
.reqField					{color: #990000; font-weight: bold;}

/* Center column */
.content {
	width:					auto;
	background-color:		white;
	border:					1px solid #bea98e;
	min-width:				120px;

	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;

	padding:				5px 10px 5px 10px;
}

/* AdSense content container.  Like .content but not as styled. */
.adsense {
	width:					auto;
	min-width:				120px;

	margin-top:				10px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;

	padding:				5px 10px 5px 10px;

}

/* Old content class with z-index */
.content2 {
	position:				relative;   /* for control of stacking order */
	top:					5px;
	width:					auto;
	background-color:		white;
	border:					1px solid #bea98e;
	min-width:				120px;

	margin-top:				0px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;

	padding:				5px 10px 10px 10px;
	z-index:				3; 					/* Content overlaps right menu */
}

/* MLS content - no right column */
.contentMLS {
	border:					#bea98e 1px solid;
	padding-bottom:			10px;
	margin:					5px 10px 5px 120px;
	width:					620px;
	background-color:		white;
}

/* Center column set to a fixed width */
.contentFixed {
	top:					5px;
	width:					auto;
	background-color:		white;
	border:					1px solid #bea98e;
	min-width:				600px;

	margin-top:				0px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;

	padding:				10px 10px 10px 10px;
}

/* Center column set to a fixed width */
.contentList {
	top:					5px;
	width:					auto;
	background-color:		white;
	min-width:				600px;

	margin-top:				0px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;

	padding:				10px 10px 10px 10px;
}

/* Wide Center column - leave right side open */
.wideContent {
	background-color:		white;
	border:					1px solid #bea98e;
	margin-top:				20px;
	margin-bottom:			10px;
	margin-right:			40px;
	margin-left:			120px;
	padding:				10px 15px 10px 15px;
}

/* Menu of cities at top and bottom of each page */
/* .cityBar should match the width of .content */
.cityBar {
	position:				relative;
	z-index:				3; 					/* Content overlaps right menu */
	top:					5px;
	width:					auto;
	min-width:				120px;
	min-height:				35px;

	margin-top:				5px;
	margin-bottom:			5px;
	margin-right:			170px;
	margin-left:			120px;

	padding:				4px;
	background-color:		#f7f5f1;
	background-color:		white;
	border:					1px solid #bea98e;
	font-family:			arial, helvetica, sans-serif;
	font-size:				14px;
	font-weight:			normal;
	text-align:				center;
}

.cityBarMLS {
	width:					620px;

	margin-top:				10px;
	margin-bottom:			5px;
	margin-right:			10px;
	margin-left:			120px;

	padding:				4px 0px 4px 0px;
	background-color:		white;
	border:					1px solid #bea98e;
	font-family:			arial, helvetica, sans-serif;
	font-size:				14px;
	font-weight:			normal;
	text-align:				center;
}

.cityMoreLess {
	display:				inline;
	cursor:					pointer;
	font-size:				12px;
}

.cityMoreLess:hover	{
	color:	white;   
	background-color: #990000;
}

.cityAdds {
	overflow:				hidden; 
	display:				none;
	padding:				0;
	margin:					0;
}

.cityMore span:before {
	content: 'Fewer Cities';
}

.cityFewer span:before {
	content: 'More Cities';
}

.cityA {
	padding:				0px 1px 0px 1px;
	margin:					0px 3px 0px 3px;
}

a.cityA						{text-decoration: none;}
a.cityA:link				{color:	black;}
a.cityA:visited				{color:	black;}
a.cityA:hover				{color:	white;background-color: #990000;}
a.cityA:active				{color:	black;}


/* .pageHheader should match the width of .content */
.pageHeader {
	padding-top:			10px;
	padding-bottom:			15px;
	margin-bottom:			0px;
	margin-top:				5px;
	margin-right:			170px;
	margin-left:			120px;
	min-width:				120px;
	text-align:				center;
	background-color:		white;
	border:					1px solid #bea98e;
}

#leftSocialMedia {
	height:					153px;
}

/* .copyright should match the width of .content */
.copyright {
	margin-top:				10px;
	margin-bottom:			10px;
	margin-right:			170px;
	margin-left:			120px;
	min-width:				120px;
	padding:				6px;
	color:					#660000;
	font-size:				12px;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
	text-align:				center;
}

/* .copyrightMLS should match the width of .contentMLS */
.copyrightMLS {
	margin-top:				5px;
	margin-bottom:			5px;
	margin-right:			10px;
	margin-left:			120px;
	width:					620px;
	padding-top:			6px;
	padding-bottom:			6px;
	color:					#660000;
	font-size:				12px;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
	text-align:				center;
}


.crtCindy					{margin-left:10px;margin-right:10px;}
.crtEbby					{margin-left:10px;margin-right:10px;}
.crtMailto					{margin-left:10px;margin-right:10px;font-weight:bold;}
.crtPhone					{margin-left:10px;margin-right:10px;font-weight:bold;}


/* the navBar is the left hand column */
#navBar {
	position:				absolute;
	top:					181px;
	left:					6px;
	width:					105px;
	padding:				0px 0px 0px 0px;
}

.navBlock {
	padding:				0px 5px 8px 5px;
	margin:                 0px 0px 10px 0px;
	text-align:				left;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
}

.navHead {
	padding:				5px 0px 6px 0px;
	color:					#990000;
	font-size:				12px;
	font-weight:			bold;
}

.navItem {
	margin:					8px 0px 0px 0px;
	font-size:				12px;
	font-weight:			bold;
	line-height:			95%;
}

.navLikeItem {
	position:				relative;
	padding:				4px 0px 4px 2px;
	z-index:				9999;
}

.navItem2 {
	margin:					5px 0px 0px 4px;
	font-size:				11px;
	font-weight:			normal;
	line-height:			95%;
}

/* the logoBlock is in the left hand column inside of navBar*/
.logoBlock {
	padding:				25px 0px 0px 0px;
	text-align:				center;
}

#left_corner {
	position:				absolute;
	top:					4px;
	left:					5px;
	width:					80px;
}

/* the sideBar is the right hand column */
#sideBar {
	position:				absolute;
	top:					181px;
	right:					5px;
	width:					160px;
	z-index:				1;
}

/* the right_corner image is centered over the sideBar  by judicious setting of right */
#right_corner {
	position:				absolute;
	top:					4px;
	right:				  	10px;
}

/* for use in #sideBar */
/* the sideBar is the right hand column */
.sideBlock {
	padding:				5px 10px 5px 10px;
	margin:					0px 0px 10px 0px;
	text-align:				left;
	background-color:		#f7f5f1;
	border:					1px solid #bea98e;
}

.sideImg {
	padding-top:			10px;
}

.sidePhone {
	text-align:				center;
	margin:					0px 0px 6px 0px;
	color:					#990000;
	font-size:				16px;
	font-weight:			bold;
}

.sideHead {
	margin:					0px 0px 6px 0px;
	color:					#990000;
	font-size:				12px;
	font-weight:			bold;
}

.sideItem {
	margin:					4px 0px 0px 5px;
	font-size:				12px;
	font-weight:			normal;
}

.sideEntry {
	margin:					4px 0px 0px 0px;
	font-size:				11px;
	font-weight:			normal;
}

.sideInx {
	margin:					3px 0px 0px 3px;
	font-size:				11px;
	font-weight:			normal;
}

.sideCity {
	font-weight:			bold;
	float:					left;
}

.sidePrice {
	text-align:				right;
}

.sideAIndent {
	margin-left:			6px;
}

.sideRanges { 
	overflow:				hidden; 
	display:				none;
	padding:				0;
	margin:					0;
}
	
/* these add Show/Hide to the collapsible elements */
.collapse-open span:before {
	font-weight:			normal;
	content:				'\2227';
	padding-left:			40px;
	font-size:				11px;
}

.collapse-close span:before {
	font-weight:			normal;
	content:				'\2228';
	padding-left:			40px;
	font-size:				11px;
}


.sideAHdr {
	font-weight:			bold;
	cursor:					pointer;
}

.sideAHdr:hover				{color:	white;   background-color: #660000;}

.sideA {
	padding:				0px 1px 0px 0px;
}

a.sideA						{text-decoration: none;}
a.sideA:link				{color:	#5b462b; background-color: #f7f5f1;}
a.sideA:visited				{color:	#660000; background-color: #f7f5f1;}
a.sideA:hover				{color:	white;   background-color: #660000;}
a.sideA:active				{color:	#5b462b; background-color: #f7f5f1;}

.petPic {
	float:					left;
	margin-right:			20px;
}

.petImg {
	border:					1px solid #bea98e;
	position:				static;
	margin-right:			10px;
}


.leftPic {
	position:				relative;
	z-index:				6;
	float:					left;
	margin:					5px 15px 5px 5px;
}

.leftImg {
	border:					1px solid #bea98e;
}

.rightPic {
	position:				relative;
	z-index:				6;
	float:					right;
	margin:					5px 15px 5px 15px;
}

.rightImg {
	border:					1px solid #bea98e;
}

.navA {
	padding:				0px 1px 0px 1px;
}

a.navA						{text-decoration: none;}
a.navA:link					{color:	#5b462b; background-color: #f7f5f1;}
a.navA:visited				{color:	#660000; background-color: #f7f5f1;}
a.navA:hover				{color:	white;   background-color: #660000;}
a.navA:active				{color:	#5b462b; background-color: #f7f5f1;}

.altButton {
	background:				#eae6dc;
	color:					black;
	font-size:				12px;
	font-weight:			bold;
	margin:					.2em 0em 0em 0em;
}

.cindy {
	margin:					10px 0px 10px 0px;
	font-size:				12px;
	font-weight:			bold;
	color:					#660000;
	text-align:				center;
}

.textlink {
	line-height:			180%;
	margin-left:			5px;
	margin-right:			5px;
	font-size:				12px;
	font-weight:			bold;
}

a.textanch					{color: black;}
a.textanch:link				{color: black; background-color:white;}
a.textanch:visited			{color: black; background-color:white;}
a.textanch:hover			{color: black; background-color:#eee;}
a.textanch:active			{color: black; background-color:white;}

.rb2b {
	margin-top:				10px;
	font-size:				12px;
	font-weight:			bold;
}

a.ebbylinka					{text-decoration: none}
a.ebbylinka:link			{color: #660000; text-decoration: none}
a.ebbylinka:visited			{color: #660000; text-decoration: none}
a.ebbylinka:hover			{color: white;   text-decoration: none}
a.ebbylinka:hover			{background-color:#660000}
a.ebbylinka:active			{color: #660000; text-decoration: none}

.ebbylink {
	margin-top:				10px;
	font-size:				12px;
	font-weight:			bold;
}

.awardImg					{margin: 20px;}

.divLeft					{text-align: left;}
.divRight					{text-align: right;}
.divCenter					{text-align: center;}

.clearLeft					{clear:	left;}
.clearRight					{clear:	right;}
.clearBoth					{clear:	both;}

.smallCaps					{font-variant:small-caps;}

.videoBox {
	padding-top:			20px;
	padding-bottom:			20px;
}

.tabName {
	width:					230px;
	vertical-align:			top;
	padding-top:			6px;
	padding-right:			10px;
}

.tabCity {
	width:					110px;
	vertical-align:			top;
	padding-top:			6px;
}

.tabTele {
	vertical-align:			top;
	padding-top:			6px;
}

.calloutBox
{
	border:					1px solid #bea98e;
	margin:					10px auto 10px auto;
	padding:				10px;
	/* width:				400px; */
	text-align:				left;
	background-color:		#f7f5f1;
}


.webURL {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	padding:				5px 10px 2px 10px;
	text-align:				center;
}

a.webLink					{text-decoration: none}
a.webLink:link				{color: #900; background-color:#fff;}
a.webLink:visited			{color: #900; background-color:#fff;}
a.webLink:hover				{color: #fff; background-color:#900;}
a.webLink:active			{color: #900; background-color:#fff;}

/* ======================================== */
/* ----- Reciprocal links page styles ----- */
/* ======================================== */

.linkPage {
	font-size:				18px;
	font-weight:			bold;
	color:					#660000;
}

.linkBox {
	margin-top:				8px;
	margin-bottom:			8px;
}

a.webLink					{text-decoration: none}
a.webLink:link				{color: #900; background-color:#fff;}
a.webLink:visited			{color: #900; background-color:#fff;}
a.webLink:hover				{color: #fff; background-color:#900;}
a.webLink:active			{color: #900; background-color:#fff;}

.linkTitle {
	font-weight:			bold;
	color:					#990000;
	margin-bottom:			3px;
	margin-top:				15px;
}

a.linkTitlea:link			{color: #bb0000; background-color: transparent}
a.linkTitlea:visited		{color: #660000; background-color: transparent}
a.linkTitlea:hover			{color: white;   background-color: #aaa;}
a.linkTitlea:active			{color: #330000; background-color: transparent}

.linkDesc {
	margin-left:			20px;
}

/* ======================================= */
/* Real Estate Links by State index styles */
/* ======================================= */

.linkInxH {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	margin-bottom:			8px;
	color:					#660000;
}

.linkIndex {
	border:					1px solid #bea98e;
	padding:				5px;
}

.linkInx {
	font-family:			"Courier New", courier, mono, serif;
	font-size:				14px;
	font-weight:			bold;
	display:				inline;
	margin-left:			0px;
	margin-right:			0px;
}

.linkGloss {
	font-family:			"Courier New", courier, mono, serif;
	font-size:				16px;
	font-weight:			bold;
	display: inline;
	margin-left: 0px;
	margin-right: 5px;
}

/* empty states */
a.linkInxa0					{text-decoration: none;}
a.linkInxa0:link			{color: #999999; background-color:white;}
a.linkInxa0:visited			{color: #999999; background-color:white;}
a.linkInxa0:hover			{color: white;   background-color:#999999;}
a.linkInxa0:active			{color: #999999; background-color:white;}

/* non-empty states */
a.linkInxa1					{text-decoration: none}
a.linkInxa1:link			{color: #990000; background-color:white;}
a.linkInxa1:visited			{color: #990000; background-color:white;}
a.linkInxa1:hover			{color: white;   background-color:#990000;}
a.linkInxa1:active			{color: #990000; background-color:white;}

/* =================================== */
/* --------- Sitemap styles ---------- */
/* =================================== */

.smAbstract {
	margin-left:			20px;
	display:				none;
}

.smList						{margin: 6px 0px 0px 20px;}
.smNode						{margin: 6px 0px 0px 5px;}
.smLeaf						{margin: 6px 0px 0px 5px;}

/* ======================================= */
/* ---------Property Detail Styles-------- */
/* ======================================= */

.pdKeyDetailsBox {
	line-height:			1.1;
	font-size:				18px;
	font-weight:			normal;
	color:					black;
	text-align:				center;
	margin:					0px 0px 0px 0px;
	padding:				0px 8px 0px 8px;
}

#pdLister {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				16px;
	color:					black;
	text-align:				center;
}

#pdApprox {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				16px;
	color:					black;
	text-align:				center;
}

.pdCindy {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				16px;
	color:					black;
	text-align:				center;
}

.pdPending {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				20px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					10px 0px 5px 0px;
}

.whatisthis {
	margin-left:			10px;
	border:					0px;
}

.crHidden {
	visibility:				hidden;
}

#dhtmltooltip {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	position:				absolute;
	width:					400px;
	border:					1px solid #bea98e;
	padding:				12px;
	color:					#5b462b;
	background-color:		#f7f5f1;
	visibility:				hidden;
	z-index:				100;
}

.pdOpen {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					10px 0px 5px 0px;
}

.pdReduced {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				20px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					10px 0px 5px 0px;
}

/* Class used to mark images for lazyloading by jquery.lazyload.js */
.lazy {
	display: none;
}

#pdMainPhotoBox {
	text-align:				center;
	margin-top:				10px;
	min-height:				194px;
}

#pdGalleryBox {
	text-align:				center;
	margin-top:				10px;
	padding:				5px;
}

.linksBox {
	margin:					0px 0px 4px 0px;
	text-align:				center;
	padding:				5px;
}

/* apply appropriate class to gallery box */
.rows0						{ min-height: 0px   }
.rows1						{ min-height: 155px }
.rows2						{ min-height: 280px }
.rows3						{ min-height: 400px }
.rows4						{ min-height: 530px }

#pdLinksBox {
	margin:					0px 0px 4px 0px;
	text-align:				center;
	padding:				5px;
}

#pdBottomLinksBox {
	margin:					0px 0px 0px 0px;
	text-align:				center;
	padding:				5px;
}

#pdDescriptionBox {
	padding:				0px 18px 0px 18px;
	margin:					10px 0px 10px 0px;
}

#pdDescriptionBox p{
	font-size:				16px;
	text-align:				left;
	color:					black;
	margin:					10px 0px 10px 0px;
}

.dtlDescription {
	padding:				0px 18px 0px 18px;
	margin:					10px 0px 10px 0px;
	font-size:				16px;
	text-align:				left;
	color:					black;
}

.pdThmTitle {
	margin:					5px 0px 5px 0px;
	font-size:				12px;
	text-align:				center;
	color:					#5b462b;
}

#pdFeaturesBox {
	text-align:				left;
	margin:					0px 0px 0px 0px;
}

.pdFeatureHdr {
	font-size:				16px;
	font-weight:			bold;
	color:					#770000;
	margin:					15px 0px 10px 0px;
	border-bottom:			1px solid #770000;
}

.pdFeatureAttr {
	font-size:				15px;
	font-weight:			normal;
	color:					#770000;
	margin:					5px 0px 0px 0px;
	width:					150px;
	vertical-align: top;
}

.pdFeatureVal {
	font-size:				15px;
	font-weight:			normal;
	color:					black;
	margin:					5px 0px 0px 0px;
	vertical-align: top;
}

#pdCommentsBox {
	font-size:				12px;
	font-weight:			normal;
	color:					black;
	text-align:				left;
	margin:					0px 0px 15px 0px;
	padding:				0px 12px 0px 12px;
}

#pdToBeVerified {
	font-size:				12px;
	font-weight:			normal;
	color:					black;
	text-align:				right;
	margin:					0px 0px 0px 0px;
	padding:				0px 12px 0px 12px;
}

.pdBottomBox {
	padding:				0px 10px 0px 10px;
	margin:					0px auto 0px auto;
	text-align:				center;
}

.pdBottomLeft {
	padding:				10px 30px 10px 10px;
}

.pdBottomRight {
	text-align:				center;
	font-size:				18px;
	color:					#660000;
}

.keyPrice {
	float:					left;
	color:					#990000;
	font-weight:			bold;
	position:				relative;
}

.keyBedrooms {
}

.keyArea {
	float:					right;
	position:				relative;
}

.mainImage {
	margin:					0px;
}

.thumbImage {
	margin:					1px 1px 1px 1px;
}

/* ======================================= */
/* ---------Property Photo Gallery-------- */
/* ======================================= */

#pgLister {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				16px;
	color:					black;
	text-align:				center;
}

#pgGalleryBox {
	text-align:				center;
	margin:					10px 0px 0px 0px;
	padding:				5px;
}

#pgCommentsBox {
	margin-top:				10px;
}

#pgTopNavBox {
	text-align:				center;
	margin:					15px 0px 15px 0px;
}

#pgNavBox {
	text-align:				center;
	margin:					10px 0px 10px 0px;
}

.pgOpen {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					12px 0px 15px 0px;
}

.pgPhotoBox {
	width:					660px;
	margin:					0px auto 0px auto;
}

.galleryImage {
	margin:					5px 0px 5px 0px;
	position:				static;
	max-width:				640px;
}

.galleryComment {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				16px;
	text-align:				center;
	color:					black;
	width:					640px;
	margin:					3px 0px 30px 0px;
}

.crBtn	{
	border:					1px solid #bea98e;
	padding:				2px 4px 2px 4px;
	margin:					4px 4px 4px 4px;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				14px;
	text-align:				center;
}

a.crBtn						{text-decoration: none;}
a.crBtn:link    			{color: #5b462b; background: #eae6dc;}
a.crBtn:visited 			{color: #5b462b; background: #eae6dc;}
a.crBtn:hover   			{color: #eae6dc; background: #5b462b;}
a.crBtn:active  			{color: #5b462b; background: #eae6dc;}

.newText {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:				  	#990000;
}

.smBtn	{
	border:					1px solid #bea98e;
	padding:				1px 2px 1px 2px;
	margin:					0px 4px 0px 4px;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				14px;
	text-align:				center;
}

a.smBtn						{text-decoration: none;}
a.smBtn:link				{color: #5b462b; background: #eae6dc;}
a.smBtn:visited				{color: #5b462b; background: #eae6dc;}
a.smBtn:hover				{color: #eae6dc; background: #5b462b;}
a.smBtn:active				{color: #5b462b; background: #eae6dc;}

/* ================================ */
/* --------- Spot styles ---------- */
/* ================================ */

.spotBox
{
	border-top:				2px solid #bea98e;
	border-left:			2px solid #ddd3c5;
	border-right:			2px solid #ddd3c5;
	border-bottom:			2px solid #ddd3c5;
	margin:					15px auto 25px auto;
	width:					450px;
	text-align:				left;
	background-color:		#f7f5f1;
}

.spotLister {
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				13px;
	color:					#5b462b;
	margin-top:				2px;
}

.spotTop {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	color:					black;
	background-color:		#eae6dc;
	border-bottom:			1px solid #bea98e;
	padding:				4px 10px 4px 10px;
	text-align:				center;
}

.spotWeb {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	color:					black;
	background-color:		#eae6dc;
	padding:				2px 10px 5px 10px;
	text-align:				center;
}

.spotAuctionTop {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px;
	font-weight:			bold;
	color:					#cc0000;
	background-color:		#eae6dc;
	border-bottom:			1px solid #bea98e;
	padding:				8px 10px 8px 10px;
	text-align:				center;
}

.spotMiddle {
	padding:				10px 10px 10px 10px;
}

.spotMiddleLeft {
	float:					left;
	width:					215px;
	text-align:				center;
}

.spotMiddleRight {
	float:					right;
	width:					200px;
	text-align:				center;
}

.spotPhoto {
	position:				static;
	margin:					8px 0px 0px 0px;
}

a.spotPhotoA				{color: #5b462b; background: transparent;text-decoration: none;}
a.spotPhotoA:hover			{color: #5b462b; background: transparent;}

.spotDtlPrice {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:				  	#660000;
	padding:				4px 13px 0px 3px;
	float:					left;
}

.spotValPrice {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:				  	#660000;
	font-weight:			bold;
	padding:				4px 3px 0px 0px;
	text-align:				right;
}

.spotDtl {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	padding:				2px 13px 1px 3px;
	float:					left;
}

.spotVal {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	border-top:				1px solid #bea98e;
	padding:				2px 3px 1px 0px;
	text-align:				right;
}

.spotPending {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					7px 4px 5px 4px;
}

.spotOpen {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	color:					#000088;
	text-align:				center;
	margin:					7px 4px 5px 4px;
}

.spotReduced {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					7px 4px 5px 4px;
}

.spotClick {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	color:					#990000;
	border-top:				#bea98e 1px solid;
	padding-top:			4px;
}

a.spotLink		   			{text-decoration: none;}
a.spotLink:link    			{color: #aa0000; background: transparent;}
a.spotLink:visited 			{color: #aa0000; background: transparent;}
a.spotLink:hover   			{color: #ee0000; background: transparent;}
a.spotLink:active  			{color: #660000; background: transparent;}

.spotBottom {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	font-weight:			normal;
	text-align:				center;
	color:					#5b462b;
	background-color:		#eae6dc;
	border-top:				1px solid #bea98e;
	padding:				6px 10px 6px 10px;
}

.spotVideo {
	text-align:				center;
	border-top:				1px solid #bea98e;
	padding-top:			15px;
	padding-bottom:			15px;
}

/* ================================ */
/* ---------  Map styles ---------- */
/* ================================ */

.mapBox
{
	border:					1px solid #bea98e;
	width:					300px;
	text-align:				left;
	background-color:		#f7f5f1;
}

.mapTop {
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				14px;
	font-weight:			bold !important;
	color:					black;
	background-color:		#eae6dc;
	border-bottom:			1px solid #bea98e;
	padding:				4px 6px 4px 6px;
	text-align:				center;
}

.mapMiddle {
	padding:				3px 3px 3px 3px;
	text-align:				center;
}

.mapMiddleLeft {
	float:					left;
	width:					150px;
	text-align:				center;
}

.mapMiddleRight {
	float:					right;
	width:					140px;
	text-align:				center;
}

.mapPhoto {
	position:				static;
	margin:					4px 0px 0px 0px;
}

a.mapPhotoA					{color: #5b462b; background: transparent;text-decoration: none;}
a.mapPhotoA:hover			{color: #5b462b; background: transparent;}

.mapDtlPrice {
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				11px;
	color:				  	#660000;
	padding:				4px 13px 0px 3px;
	float:					left;
}

.mapValPrice {
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				11px;
	color:				  	#660000;
	font-weight:			bold !important;
	padding:				4px 3px 0px 0px;
	text-align:				right;
}

.mapDtl {
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				11px;
	padding:				2px 13px 1px 3px;
	float:					left;
}

.mapVal {
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				11px;
	font-weight:			bold !important;
	border-top:				1px solid #bea98e;
	padding:				2px 3px 1px 0px;
	text-align:				right;
}

.mapPending {
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				13px;
	font-weight:			bold !important;
	color:					#990000;
	text-align:				center;
	margin:					4px 4px 4px 4px;
}

a.mapLink {
	text-decoration:		none;
	font-family:			Arial, Helvetica, sans-serif !important;
	font-size:				14px;
	font-weight:			bold !important;
	color:					#aa0000;
	background-color:		#eae6dc;
	border-bottom:			1px solid #bea98e;
	padding:				4px 6px 4px 6px;
	text-align:				center;
}

a.mapLink:link    			{color: #aa0000; background: transparent;}
a.mapLink:visited 			{color: #aa0000; background: transparent;}
a.mapLink:hover   			{color: #ee0000; background: transparent;}
a.mapLink:active  			{color: #660000; background: transparent;}


/* =================================== */
/* ----- Styles for Sales Tables ----- */
/* =================================== */

.slsTable {
	border:					1px solid #bea98e;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				right;
}

.slsRowHdr {
	font-weight:			bold;
	background-color:		#e1d8cb;
}

.slsRowOdd {
	background-color:		transparent;
}

.slsRowEven {
	background-color:		#eae6dc;
}

.slsRowFtr {
	font-weight:			bold;
	background-color:		#e1d8cb;
}

.slsArea, .slsAreaHdr {
	text-align:				left;
}

.slsRng, .slsRngHdr, .slsRngFtr {
	text-align:				center;
}

.slsTitle, .slsTitleHdr, .slsTitleFtr {
	text-align:				left;
}

.slsAreaHdr {
	padding:				4px 2px 2px 4px;
}

.slsRngHdr {
	padding:				4px 2px 2px 4px;
}

.slsTitleHdr {
	padding:				4px 2px 2px 14px;
}

.slsRngFtr, .slsTitleFtr {
	padding:				4px 2px 0px 4px;
}

.slsNbrHdr, .slsNbrFtr, .slsNbr {
	padding:				4px 8px 2px 10px;
}

.slsAreaHdr, .slsNbrHdr, .slsRngHdr, .slsTitleHdr {
	border-bottom:			1px solid #bea98e;
}

.slsAreaFtr, .slsNbrFtr, .slsRngFtr, .slsTitleFtr {
	border-top:				1px solid #bea98e;
}

.slsArea {
	padding:				4px 2px 4px 2px;
}

.slsArea, .slsRng, .slsTitle {
	padding:				4px 14px 4px 14px;
}


/* =================================== */

.tabCenter {text-align:center}

.cityTable {
	border:					1px solid #bea98e;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			50px;
	text-align:				right;
}

.citySales {
	margin-top:				20px;
	margin-bottom:			20px;
}

.cityPara {
	margin-left:			50px;
	font-size:				12px;
}

.slsRngHdr, .slsRngFtr, .slsRng,
.slsTitleHdr, .slsTitleFtr, .slsTitle {
	border-right:			1px solid #bea98e;
}

/* =================================== */
/* ----- Styles for Index Tables ----- */
/* =================================== */

.ixTable {
	border:					1px solid #bea98e;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			50px;
    border-collapse:		separate;
    border-spacing:			0px;
}

/* headers */

.ixhHeader {
	font-size:				12px;
	font-weight:			bold;
	color:					black;
	background-color:		#e1d8cb;
	border-bottom:			1px solid #bea98e;
}

.ixhAddress {
	color:					#990000;
	text-align:				left;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 8px;
}
.ixhPrice {
	text-align:				right;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 12px 4px 0px;
}
.ixhBBG {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhSqFt  {
	text-align:				right;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhYearBuilt {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhLiving {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhStories {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhAcres {
	text-align:				right;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}
.ixhPool {
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 8px 4px 4px;
}

/* row with dot description caption rows */

.ixhCaption {
	font-size:				14px;
	color:					black;
	background-color:		transparent;
	border-bottom:			1px solid #bea98e;
	padding:				5px 6px 5px 6px;
}

.ixhFooter {
	font-size:				12px;
	color:					black;
	background-color:		transparent;
	border-top:				1px solid #bea98e;
	padding:				5px 6px 5px 6px;
}

/* listing data rows */

.ixRowLight {
	background-color:		transparent;
	font-size:				14px;
}
.ixRowDark {
	background-color:		#efebe6;
	font-size:				14px;
}

/* Colors for dots */
.ixUnderContract   {line-height: 14px; font-size: 17px; color: #aa0000; font-weight: bold}
.ixNewListing      {line-height: 14px; font-size: 17px; color: #00aa00; font-weight: bold}
.ixRecentlyReduced {line-height: 14px; font-size: 17px; color: #ffcc00; font-weight: bold}

.ixAddress {
	padding:				2px 4px 2px 8px;
}

a.ixAddrA         			{text-decoration: none;}
a.ixAddrA:link    			{color: #660000; background: transparent}
a.ixAddrA:visited 			{color: #cc0000; background: transparent}
a.ixAddrA:hover   			{color: #f00;   background: #ff8;}
a.ixAddrA:active  			{color: #660000; background: transparent}

.ixPrice {
	text-align:				right;
	padding:				2px 4px 2px 4px;
}
.ixBBG {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixSqFt {
	text-align:				right;
	padding:				2px 4px 2px 4px;
}
.ixYearBuilt {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixLiving {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixStories {
	text-align:				center;
	padding:				2px 4px 2px 4px;
}
.ixAcres {
	text-align:				right;
	padding:				2px 4px 2px 4px;
}
.ixPool {
	text-align:				center;
	padding:				2px 8px 2px 4px;
}

/* cities index on home page */

.cixTable {
	margin-top:				-4px;
	margin-bottom:			4px;
	margin-left:			5px;
}

.cixRow > td {
	padding-bottom:			2px;
}

.cixCity {
	font-weight:			bold;
}

.cixHomes {
	padding-left:			15px;
}

.cixLinks {
	padding-left:			15px;
}

.listHeader a {
	font-weight:			bold;
}

/* town indexes */

.tixTable {
	margin-top:				-6px;
	margin-bottom:			8px;
	margin-left:			20px;
}

.tixSingleIndexRow {
}

.tixSingleIndexRow > td {
	padding-bottom:			2px;
}

.tixMultiIndexRow {
}

.tixMultiIndexRow > td {
	padding-top:			10px;
	padding-bottom:			4px;
	font-weight:			bold;
}

.tixRangeRow {
}


.tixName {
	font-weight:			bold;
}

.tixRangeName {
	margin-left:			20px;
}

.tixIndex {
	font-weight:			bold;
}

.tixList {
	margin-left:			20px;
	font-weight:			bold;
}

.tixMap {
	margin-left:			20px;
	font-weight:			bold;
}

.tixListings {
	margin-left:			20px;
}

/* Gray out an element */

.gray {
	color:					#999999;
}

/* IDX Media overrides */

.template2 {
	color:					#880000;
}

.divNone {
	display:				none;
}


/* ============================================== */
/* ------ Similar Homes Detail Page styles ------ */
/* ============================================== */

.shPhotoBox {
	text-align:				center;
	margin-top:				10px;
	min-height:				140px;
}

.shTable {
	border:					1px solid #bea98e;
	margin:					15px auto 25px auto;
}

.shhHeader {
	font-size:				12px;
	font-weight:			bold;
	color:					black;
	background-color:		#e1d8cb;
	border-bottom:			1px solid #bea98e;
}

.shhLabel {
	text-align:				left;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				6px 4px 4px 4px;
	min-width:				12em;
}

.shhValue {
	text-align:				left;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
	min-width:				12em;
}

.shhDiff {
	text-align:				left;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}

.shhWeight {
	text-align:				left;
	vertical-align:			bottom;
	border-bottom:			1px solid #bea98e;
	padding:				4px 4px 4px 4px;
}

.shdRowLight {
	background-color:		#fbfaf9;
	font-size:				14px;
}
.shdRowDark {
	background-color:		#efebe6;
	font-size:				14px;
}

.shdLabel {
	text-align:				left;
	padding:				6px 4px 4px 4px;
}
.shdValue {
	text-align:				left;
	padding:				4px 4px 4px 4px;
}
.shdWeight {
	text-align:				left;
	padding:				4px 4px 4px 4px;
}

/* ============================================== */
/* -------- Similar Homes Banner Styles --------- */
/* ============================================== */

.shBanner {
	align:					center;
	padding:				4px 4px 0px 4px;
}

.shTitle {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15x;
	font-weight:			bold;
	color:					#660000;
	padding:				4px 0px 6px 0px;
}

.shFooter {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12x;
	font-weight:			bold;
	color:					#880000;
	padding:				6px 0px 0px 0px;
}

.shBox {
	border:					1px solid #bea98e;
	margin:					5px 5px 5px 5px;
	width:					200px;
	text-align:				left;
	xfloat:					left;
	display:				inline-block;
}

.shTop {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	color:					black;
	background-color:		#eae6dc;
	border-bottom:			1px solid #bea98e;
	padding:				3px 0px 3px 0px;
	text-align:				center;
}

a.shLink		   			{text-decoration: none;}
a.shLink:link    			{color: #880000;	background-color:	transparent;}
a.shLink:visited 			{color: #880000;	background-color:	transparent;}
a.shLink:hover   			{color: #fff;	    background-color:	#aaa;}     
a.shLink:active  			{color: #880000;	background-color:	transparent;}

.shMiddle {
	padding:				3px 3px 0px 3px;
	background-color:		#f7f4f2;
}

.shMiddleLeft {
	float:					left;
	text-align:				center;
}

.shMiddleRight {
	float:					right;
	text-align:				center;
}

.shPhoto {
	position:				static;
	margin:					0px 0px 3px 0px;
}

a.shPhotoA	{
	color:					#5b462b; 
	background:				transparent;
	text-decoration:		none;
}

a.shPhotoA:hover {
	color:					#5b462b; 
	background:				transparent;
}

.shVal {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-weight:			bold;
	border-top:				1px solid #bea98e;
	padding:				2px 3px 1px 0px;
	text-align:				right;
}

.shVal:first-child {
	border-top:				none;
}

.shNote {
	color:					#777; 
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	padding:				2px 0px 2px 0px;
}

.shStatus {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				16px;
	font-weight:			bold;
	color:					#990000;
	text-align:				center;
	margin:					0px 0px 10px 0px;
}

/* Format table on contact page  */

.contactTable {
	margin-top:			20px;
	margin-left:		5px;
}

.contactCell {
	padding:				0px 0px 15px 15px;
	vertical-align:			top;
}

/* Mixin to vertical align */
.vaTop {
	vertical-align:			top;
}