body { 
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #525252; 
	background: #2b2b2b;
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	color: #cf5d36;
	}
	
a:hover, a:active {
	color: #b39b58;
	}
	
p { 
	font-size: 12px;
	line-height: 16px;
	color: #525252;
	text-indent: 20px;
	margin: 15px 0 0;
	padding: 0;
	background: url(../_images/37/gfx_paragraph.gif) no-repeat top left;
	}
	
h1 {
	color: #000;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	}
	
h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	font-style: italic;
	font-family: "Times New Roman", Times, Georgia, serif;
	margin: 0;
	padding: 0;
	}

div.clear {
	clear: both;
	}


table.mainTable { 
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 749px;
	}

table.mainTable td.headerArea {
	height: 181px; 
	margin: 0;
	padding: 0;
	background: #2b2b2b;
	}
	
table.mainTable td.navArea {
	margin: 0;
	padding: 0;
	background: #eee url(../_images/37/bg_nav.gif) top left repeat-x;
	}
	
table.mainTable td.contentArea {
	margin: 0;
	padding: 50px 25px 25px 50px;
	font-size: 12px;
	line-height: 16px;
	background: #eee; 
	color: #525252;
	}

table.mainTable td.finish {
	background: #2b2b2b url(../_images/37/bg_footer_l.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
	height: 36px;
	}

table.mainTable td.finish div.finishDiv {
	display: block;
	height: 36px;
	background: url(../_images/37/bg_footer_r.gif) right bottom no-repeat;
	margin: 0;
	padding: 0;
	}

table.mainTable td.footerArea {
	font-size: 80%;
	line-height: 150%;
	height: 100px; 
	margin: 0;
	padding: 5px 30px;
	background: #2b2b2b;
	}
	
table.mainTable td.footerArea small {
	font-size: 80%;
	line-height: 120%;
	}
	
table.mainTable td.footerArea img {
	border-style: none;
	margin: 0;
	padding: 0;
	width: 230px;
	height:30px;
	background: url(../_images/37/logo_footer.gif) no-repeat center center;
	}
	
	
	
/* ------------------------------------------------------------------- */
/* NORMAL FORM AREAS */	


div.form {
	display: block;
	margin: 15px 0;
	padding: 3px;
	border:1px #dbdbdb solid;	
	background: #848484;
	}

div.form form, div.form span.inner {
	display: block;
	margin: 0;
	padding: 5px;
	border:1px #dbdbdb solid;	
	background: #848484;
	}
	
div.form h1,
div.form h2 {
	color: #fff;
	}
	
div.form div.row, div.form div.rowb, div.form div.triplerow {
	clear: both;
	padding: 5px;
	} 

div.form div.row, div.form div.rowb {
	height:20px;
	}
	
div.form div.rowb { /* ALTERNATIVE ROW COLOR / ZEBRA LOOK */
	background: #e9f3ff;
	}
	
div.form div.triplerow {
	height:70px;
	}

div.form div.row span, div.form div.rowb span, div.form div.triplerow span {
	height: 20px;
	}

div.form div.row span.label, div.form div.rowb span.label, div.form div.triplerow span.label {
	float: left;
	width: 130px;
	text-align: right;
	padding: 0 5px;
	color: #eeeeee;
	}

div.form div.row span.formw, div.form div.rowb span.formw, div.form div.triplerow span.formw {
	float: left;
	text-align: left;
	color: #fff;
	} 
	
div.form div.row span.formw h2 {
	color: #eeeeee;
	font-size: 15px;
	}
	
div.form div.rowHighlite {
	margin: 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid #9da0a9;
	}

div.form div.rowHighlite span {
	background: #fff;
	padding: 5px;
	display: block;
	}
	
div.form div.row span.formw input, div.form div.row span.formw select, div.form div.rowb span.formw input, div.form div.rowb span.formw select, div.form div.triplerow span.formw input, div.form div.triplerow span.formw select {
	margin: 0 4px;
	padding: 0;
	}
	
div.form small {
	position: relative;
	left: 140px;
	font-size: 11px;
	text-transform: lowercase;
	}


div.form a, div.form a:link, div.form a:visited {
	color: #eeeeee;
	}

	
	
	
/* ------------------------------------------------------------------- */
/* TIP and INFO BOX */


div.tip {
	margin: 5px;
	padding: 5px;
	background: #848484;
	border: 1px solid black;
	}
	
div.tip span {
	background: #848484 url(../_images/37/gfx_tip.gif) 5px 5px no-repeat;
	display: block;
	padding: 5px 5px 5px 60px;
	font-size: 12px;
	color: #fff;
	}
	
div.tip span h1 {
	font-size: 12px;
	color: black;
	}
	
	
	
	
/* ------------------------------------------------------------------- */
/* NAVIGATION */	


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu {
	margin: 0 auto;
	padding: 0;
	}
	


.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	text-align: center;
	margin:0;
	padding: 0;
	}

/*Top level menu link items style*/
.suckertreemenu ul li a,
.suckertreemenu ul li a:link,
.suckertreemenu ul li a:visited {
	padding: 0;
	padding: 0;
	text-decoration: none;
	}

.suckertreemenu ul li a span,
.suckertreemenu ul li a:link span,
.suckertreemenu ul li a:visited span {
	padding: 0 15px;
	margin: 0;
	color: #fff;
	float: left;
	border-right: #c1c1c1 1px solid;
	margin: 0;
	line-height: 34px;
	text-decoration: none;
	font-size: 14px;
	background: url(../_images/37/bg_nav.gif) bottom left repeat-x;
	}

.suckertreemenu ul li a span.right,
.suckertreemenu ul li a:link span.right,
.suckertreemenu ul li a:visited span.right,
.suckertreemenu ul li a:hover span.right,
.suckertreemenu ul li a:active span.right  {
	border-right-style: none;
	}


/*1st sub level menu*/
.suckertreemenu ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	border-bottom: 2px solid #6b6b6b;
	border-right: 2px solid #6b6b6b;
	border-left: 1px solid #6b6b6b;
	background:#bbbbbd;
	margin:0;
	padding:0;
	}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	display: list-item;
	float: none;
	text-align:left;
	background:#bbbbbd; 
	padding: 0;
	margin: 0;
	height: 16px;
	}

.suckertreemenu ul li ul li.divider {
	background: #6b6b6b;
	height: 1px;
	padding: 0;
	margin: 3px 0;
	background: #6b6b6b;
	}



/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
	left: 144px; /* no need to change, as true value set by script */
	top: 0;
	margin:0;
	padding:0;
	}



.suckertreemenu ul li a:hover span,
.suckertreemenu ul li a:active span {
	background: #c1654c url(../_images/37/bg_nav_over.gif) bottom left repeat-x;
	color: #fff;
	text-decoration: none;
	}

/* Sub level menu links style */
.suckertreemenu ul li ul li a,
.suckertreemenu ul li ul li a:link,
.suckertreemenu ul li ul li a:visited {
	display: block;
	width: 145px; /*width of sub menu levels*/
	color:#405041; 
	text-decoration: none;
	padding: 2px;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	}


.suckertreemenu ul li ul li a:hover,
.suckertreemenu ul li ul li a:active {
	display: block;
	width: 145px; /*width of sub menu levels*/
	color:#fff;
	background: #d96b4d;
	cursor: pointer;
	text-decoration: none;
	}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding: 0;
	margin: 0;
	}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a {  }
/* End */

	
/* ------------------------------------------------------------------- */
/* LISTINGS */	

/* ------------------------------------------------------------------- */
/* LIST VIEW */

div.listing { 
	display: block;
	width: 674px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
div.listing dl {
	display: block;
	margin: 5px 0 10px 0;
	padding: 0 0 10px 0;	
	border-bottom: #dbdbdb solid 1px;
	}
	
div.listing dl dt {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	}
	
div.listing dl dd {
	margin: 0 0 0 150px; /* Width of Image */
	padding: 0;
	min-height:100px;  /* Same as Image */
	display: block;
	width: ; /* Width of listing Content Area */
	}	


	
/* ------------------------------------------------------------------- */
/* LIST ELEMENTS */	



div.listing dl dt a img, 
div.listing dl dt a:link img, 
div.listing dl dt a:visited img { /* Listing Thumb */
	clear: both;
	float: left;
	width:138px;
	height:100px;
	border: #393b4a solid 1px;
	background-position: center center;
	background-repeat: no-repeat;
	}	

div.listing dl dt a:hover img, 
div.listing dl dt a:active img { /* Listing Thumb OVER/HOVER */
	border: #9f9fa9 solid 1px;
	}	
	
	
div.listing dl dd div.title { /* Listing Header Area */
	display: block;
	height:18px;
	margin: 0 0 5px 0;
	}
	
		
div.listing dl dd div.title h1 { /* Listing Header text */
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 1px 3px;
	}
	
		
div.listing dl dd div.title span { /* Status */
	float: right;
	color: #b3b3bb;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1px 3px;
	}	

div.listing dl dd div.priceRow { /* Price Row */
	display: block;
	height: 15px;
	line-height: 15px;
	font-weight: bold;
	font-size: 12px;
	padding: 0 3px;
	}	

div.listing dl dd div.price { /* Price */
	float: left;
	color: #cf5d36;
	font-size: 12px;
	}	
	
div.listing dl dd div.mls { /* MLS Number */
	text-align: right;
	float: right;
	color: #b3b3bb;
	}
	
div.listing dl dd div.features { /* Features like Bed, Bath, etc */
	display: block;
	padding: 0 3px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}	
	
div.listing dl dd div.descShort { /* Short Description */
	display: block;
	padding: 0 3px;
	font-size: 11px;
	line-height: 14px;
	}	
	
div.listing dl dd div.address { /* Address */
	display: block;
	padding: 0 3px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}



/* ------------------------------------------------------------------- */
/* BUTTONS */	
	
/* General Button Setting */	
div.listing dl dd div.buttons {
	display: block;
	height:20px;
	margin: 0;
	padding: 0;
	}

div.listing dl dd div.buttons ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	}

div.listing dl dd div.buttons ul li { 
	float: left;
	list-style: none;
	margin: 0 0 0 10px; /* Distance between Buttons */
	padding: 2px 0;
	}	

div.listing dl dd div.buttons ul li a, 
div.listing dl dd div.buttons ul li a:link, 
div.listing dl dd div.buttons ul li a:visited { 
	text-decoration: none;
	color: #cf5d36;
	}		

div.listing dl dd div.buttons ul li a span, 
div.listing dl dd div.buttons ul li a:link span, 
div.listing dl dd div.buttons ul li a:visited span { 
	text-decoration: none;
	cursor: pointer;
	color: #cf5d36;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	}		

/* Roll Over Changes */
div.listing dl dd div.buttons ul li a:hover, 
div.listing dl dd div.buttons ul li a:active { 
	text-decoration: none;
	color: #b39b58;
	}		

div.listing dl dd div.buttons ul li a:hover span, 
div.listing dl dd div.buttons ul li a:active span { 
	text-decoration: none;
	cursor: pointer;
	color: #b39b58;
	}
	

/* Details Button */		
div.buttons ul li.details a span { 
	padding: 0 3px 0 21px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../_images/37/btn-sm_details.gif);
	}
		
/* Virtual Tour Button */		
div.buttons ul li.vtour a span { 
	padding: 0 3px 0 19px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../_images/37/btn-sm_vtour.gif);
	}	

/* Save Button */		
div.buttons ul li.save a span { 
	padding: 0 3px 0 19px;
	background: url(../_images/37/btn-sm_save.gif) no-repeat left top;
	}	
	
/* Shopping Cart Button */		
div.buttons ul li.cart a span { 
	padding: 0 3px 0 16px;
	background: url(../_images/37/btn-sm_cart.gif) no-repeat left top;
	}	
	
/* ------------------------------------------------------------------- */
/* Page Settings */	
	
/* General Page Links */	
div.pageLinks {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

div.pageLinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

div.pageLinks ul li { 
	float: right;
	list-style: none;
	margin: 0 0 0 10px; /* Distance between Buttons */
	padding: 15px 0;
	}

div.pageLinks ul li select { 
	padding:0;
	margin: 0;
	font-size: 11px;
	width: 50px;
	}
	
div.pageLinks ul li select.sort { /* The Sort Drop Down Menu */
	width: 60px;
	}
	
div.pageLinks ul li input { 
	padding: 1px 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
	width:25px;
	cursor:pointer;
	}

div.pageLinks ul li.pageAmount {
	float: left;
	margin: 0;
	}

div.pageLinks ul li a, 
div.pageLinks ul li a:link, 
div.pageLinks ul li a:visited {	
	color: #cf5d36;
	} 
	
div.pageLinks ul li a:hover, 
div.pageLinks ul li a:active {	
	color: #b39b58;
	} 
	
	
	
	
/* ------------------------------------------------------------------- */
/* Advanced Search Options */
a.btnSearchOptions {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../_images/37/btn-sm_searchoptions.gif) no-repeat left center;
	}

a.btnReturningClient {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../_images/37/btn-sm_returningclient.gif) no-repeat left center;
	}

div.advancedSearch, div.returningClient {
	margin: 5px 2px;
	padding: 3px 0;
	border-top: 1px solid #565656;
	}	
	
	
/* ------------------------------------------------------------------- */
/* DETAILS */	


/* ------------------------------------------------------------------- */
/* LISTING DETAILS */

div.listingDetails {
	
	}
	
div.detailButtons { 
	display: block;
	margin: 0;
	background: #848484 url(../_images/37/detailButtons_tl.gif) no-repeat top left;
	text-align: center;
	}

div.detailButtons div {	
	display: block;
	background: url(../_images/37/detailButtons_tr.gif) no-repeat top right;
	}
	
div.detailButtons div span {
	display: block;
	background: url(../_images/37/detailButtons_bl.gif) no-repeat bottom left;
	}

div.detailButtons ul {
	list-style: none;
	padding: 10px;
	margin: 0;
	height: 55px;
	display: block;
	background: url(../_images/37/detailButtons_br.gif) no-repeat bottom right;
	
	}	

div.detailButtons li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width:55px;
	text-align: center;
	}

div.detailButtons a b, 
div.detailButtons a:link b, 
div.detailButtons a:visited b, 
div.detailButtons a, 
div.detailButtons a:link, 
div.detailButtons a:visited {
	text-decoration: none;
	
	}

div.detailButtons a b, 
div.detailButtons a:link b  {
	font-size: 11px;
	line-height: 12px;
	text-transform: lowercase;
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	background-position: top center;
	background-repeat: no-repeat;
	height: 50px;
	color:#c0c0c0;
	}

div.detailButtons a:hover b, 
div.detailButtons a:active b  {
	color: #fff;
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	}

li.btnCart a b, li.btnCart a:link b, li.btnCart a:visited b, li.btnCart a:hover b,li.btnCart a:active b { background-image: url(../_images/37/btn-lg_cart.gif); }
li.btnSave a b, li.btnSave a:link b, li.btnSave a:visited b, li.btnSave a:hover b,li.btnSave a:active b { background-image: url(../_images/37/btn-lg_save.gif); }
li.btnVtour a b, li.btnVtour a:link b, li.btnVtour a:visited b, li.btnVtour a:hover b,li.btnVtour a:active b { background-image: url(../_images/37/btn-lg_vtours.gif); }
li.btnSchools a b, li.btnSchools a:link b, li.btnSchools a:visited b, li.btnSchools a:hover b,li.btnSchools a:active b { background-image: url(../_images/37/btn-lg_schools.gif); }
li.btnMap a b, li.btnMap a:link b, li.btnMap a:visited b, li.btnMap a:hover b,li.btnMap a:active b { background-image: url(../_images/37/btn-lg_map.gif); }
li.btnCalculator a b, li.btnCalculator a:link b, li.btnCalculator a:visited b, li.btnCalculator a:hover b,li.btnCalculator a:active b { background-image: url(../_images/37/btn-lg_calculator.gif); }
li.btnFlyer a b, li.btnFlyer a:link b, li.btnFlyer a:visited b, li.btnFlyer a:hover b,li.btnFlyer a:active b { background-image: url(../_images/37/btn-lg_printer.gif); }
li.btnSchedule a b, li.btnSchedule a:link b, li.btnSchedule a:visited b, li.btnSchedule a:hover b,li.btnSchedule a:active b { background-image: url(../_images/37/btn-lg_schedule.gif); }
li.btnShare a b, li.btnShare a:link b, li.btnShare a:visited b, li.btnShare a:hover b,li.btnShare a:active b { background-image: url(../_images/37/btn-lg_share.gif); }

a.btnReturn {
	float: right;
	background: url(../_images/37/btn-sm_return.gif) no-repeat left center;
	padding: 0 0 0 20px;
	text-transform: lowercase;
	}

a.btnMore {
	float: right;
	background: url(../_images/37/btn-sm_details.gif) no-repeat left center;
	padding: 0 0 0 20px;
	text-transform: lowercase;
	}
	
a.btnMap {
	background: url(../_images/37/btn-sm_map.gif) no-repeat left center;
	padding: 0 0 0 15px;
	text-transform: lowercase;
	}
	

div.listingDetails div.description {
	clear: both;
	margin: 15px 0 0 0;
	padding: 15px 0;
	border-top: 1px dotted #666;
	}
	
div.detailsRow,	
div.detailsRowStatus, 
div.detailsRowPrice, 
div.detailsRowMls, 
div.detailsRowAddress {
	clear: both;
	height:20px; 
	padding: 0;
	margin: 0 0 0 30px;
	}
	
div.detailsRow .title,
div.detailsRowStatus .title, 
div.detailsRowPrice .title, 
div.detailsRowMls .title, 
div.detailsRowAddress .title {
	width:60px;
	float: left;
	font-size: 12px;
	color: #979797; 
	}
	
div.detailsRow .info,
div.detailsRowStatus .info, 
div.detailsRowPrice .info, 
div.detailsRowMls .info, 
div.detailsRowAddress .info {
	float: left;
	font-size: 14px;
	color: #666;
	}
	
div.detailsRowStatus .info { 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #666; 
	}
	
div.detailsRowPrice .info { 
	font-weight: bold; 
	color: #b35500; /* PRICE COLOR */
	font-size: 16px; 
	} 
	
div.detailsRowMls .info { 
	font-weight: bold; 
	color: #979797; 
	}
	
div.detailsRowMls .address { 
	color: #666; 
	}
		


/* ------------------------------------------------------------------- */
/* LISTING DETAILS FEATURES */

div.listingDetails div.features {
	clear: both;
	margin: 15px 0 0 0;
	padding: 15px 0;
	border-top: 1px dotted #666;
	display: block;
	}


div.listingDetails div.featureList {
	display: block;
	clear: both;
	margin: 15px 0 0 0;
	padding: 5px;
	border: #dbdbdb solid 1px;
	background: url(../_images/37/bg_features.gif) repeat-x top left;
	}

div.listingDetails div.featureList h2 { /* FEATURES TITLE like Interior Features  */
	color: #000; /* HEADER 1 COLOR */
	font-size: 130%;
	}


div.listingDetails div.featureList ul {
	padding: 0 auto;
	margin: 3px auto;
	} 


div.listingDetails div.featureList li {
	list-style-image: url(../_images/37/gfx_features.gif);
	padding: 0;
	margin: 0 auto;
	clear: both;
	width: 80%;
	}