/*---------------------------------------------

							LISTING STYLES
							
-----------------------------------------------*/
#left-side
{
	width: 140px;
	height: 100%;
	text-align: center;
	float: left;
	margin-top: 5px;
}

#left-side .featured-base { background-color: #faf7f1; padding: 3px 0; }
#left-side .featured { color: #a39161 }
#left-side .agency, #left-side .agency a {color: #53441a; text-decoration: none; line-height: 16px;}
#left-side div th, #left-side div td { color: #fff; font-size: 11px; font-weight: normal; text-align: left }
#left-side div td, #left-side div td a { color: #8f7632; height: 18px; text-decoration: none }
#left-side div tr.darker { background-color: #f6f0e3 }
#left-side .featured-propType { background: url(/images/decor/featured-bar.gif) no-repeat; color: #fff; font-size: 11px; width: 140px; height: 14px; overflow: hidden; text-align: left; padding: 0 2px; }
#left-side .featured-propType a { color: #fff; text-decoration: none }

#right-side
{
	width: 128px;
	height: 100%;
	text-align: right;	
	float: right;
	margin-top: 5px;
}

#refine
{
	width: 675px;
	height: 100%;
	float: left;
	padding: 17px 8px 15px 9px;
	font-size: 13px;
}

#refine #bar
{
	background-image: url(/images/decor/refine-bar.png);
	width: 675px;
	height: 91px;
	margin-top: 12px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding-top: 3px;
}

#bar select, #bar input.unit { height: 22px; border: #968B77 1px solid; }
#bar select.big { width: 133px }
#bar select.small { width: 85px }
#bar select.smallest { width: 43px; font-size: 10px }
#bar select.unit { width: 50px; font-size: 12px; }
#bar input.unit { width: 40px; height: 18px; }

#bar select:hover { background-color: #f2f2f2 }
#bar label {white-space: nowrap}

.listing-options
{
	width: 692px;
	height: 19px;
  float: left;
}

.listing-options #view-mode
{
	width: 200px;
	float: left;
}

.listing-options #sort
{
	width: 482px;
	padding-right: 10px;
	float: left;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.listing-options #sort a { color: #9b6e34; font-weight: bold;	text-decoration: none; }
.listing-options #sort a:hover { color: #5b3413 }

/*
PR: updated 24/06/09, not using div as images as aspx can't handle it
*/
#view-mode #list-view-off, #view-mode #list-view-on
{
	margin-left: 25px;
	width: 54px;
	height: 16px;
	overflow: hidden;
	background-image: url(../images/decor/list-mode.png);
	background-position: 0 -19px;
	background-color:#000;
	float: left;
	cursor: pointer;
	padding: 3px 0 0 4px;
	color: #a19272;
}
#view-mode #list-view-on { background-position: 0 0px; cursor: auto }
#view-mode #list-view-off a { color: #fff; text-decoration: none }
#view-mode #list-view-on a { color: #796E60; text-decoration: none }

#view-mode #gallery-view-off, #view-mode #gallery-view-on
{
	width: 47px;
	height: 16px;
	margin-left: 4px;
	overflow: hidden;
	background: url(../images/decor/list-mode.png);
	background-position: -58px 0;
	background-repeat: no-repeat;
	float: left;	
	cursor: pointer;
	padding: 3px 0 0 7px;
	color: #a19272;
}
#view-mode #gallery-view-on { background-position: -58px -19px; cursor: auto }
#view-mode #gallery-view-off a { color: #fff; text-decoration: none }
#view-mode #gallery-view-on a { color: #796E60; text-decoration: none }

.listing
{
	width: 692px;
	height: 100%;
  float: left;
}

.list-item
{
	width: 644px;
	height: 195px;
	margin: 0 0 15px 14px;
	padding: 0 8px 0 17px;
	background: url(/images/decor/listing-base.png) no-repeat;
	overflow: hidden;
}

.list-item .description { color: #363535 }

.list-item .address
{
	width: 510px;
}

.list-item .address a
{
	font-size: 15px;
	font-weight: bold;
	color: #ea1b24;
}

.list-item .price
{
	font-size: 14px;
	font-weight: bold;
	color: #b88747;
}

.list-item .room
{
	font-size: 13px;
	font-weight: bold;
}

.list-item .details {	font-size: 11px }	

.list-item .description a
{
	font-size: 13px;
	color: #363535;
	text-decoration: none;
}

.list-item .thumb
{
	float: left;
	border: #363535 1px solid;
	margin-right: 8px;
	width: 200px;
	height: 132px;
	overflow: hidden;
}

.list-item .logo
{
	float: right;
	margin-top: -30px;
}

#content #paging
{
	width: 100%;
	text-align: left;
	font-size: 18px;
	color: #bea579;
	word-spacing: 10px;
	padding-left:40px;
}

#content #paging a
{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #7a581a;
	word-spacing: 10px;
}

#content #paging a:hover { text-decoration: none }

.gallery-item
{
	width: 202px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
	float: left;
}

.gallery-item .frame
{
	width: 192px;
	height: 134px;
	border: #d9d9d9 1px solid;
	padding: 5px 3px 3px 5px;
}

.gallery-item .frame:hover { border: #706558 1px solid }

.gallery-item .frame .photo
{
	width: 190px;
	height: 132px;
	overflow: hidden;
}

.gallery-item .price
{
	font-weight: bold;
	color: #927005;
}

.gallery-item .beds
{
	font-size: 11px;
	color: #a19a6b;
}

.email-alert{ font-size: 12px; color: #EA1B24 }

.listing-alternative
{
	width: 600px;
	height: 40px;
	margin-left: 15px;
  float: left;
	font-size: 16px;
	font-weight: bold;
	color: #7C7162;
}

/*---------------------------------------------

				FULL-PAGE CONTENT STYLES
							
-----------------------------------------------*/

#nav-bar
{
	width: 900px;
	height: 16px;
	background-color: #f1efe9;
	margin: 5px 0; 
	padding: 4px 8px;	
}

#nav-bar a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#nav-bar a:hover
{
	color: #000;
	text-decoration: underline;
}

#nav-bar .left { float: left }
#nav-bar .right { float: right }

.main-photo
{
	width: 595px;
	height: 436px;
	text-align: center;
	/*float: left; PJF*/
	overflow: hidden;
}

.main-photo img {	border: #7d5b1b 1px solid; }
	
.thumb-gallery
{
	width: 285px;
	height: 436px;
	background-color: #f1efe9;
	float: right;
	overflow: auto;
	padding-left: 20px;
}

.thumb-gallery img
{
	border: #7d5b1b 1px solid;
	margin-top: 20px;
}

.thumb-gallery a img:hover { border: #000 1px solid; }

#thumb-gallery-brochure
{
	width: 285px;
	height: 410px;
	background-color: #fff;
	float: right;
	overflow: hidden;
	padding-left: 20px;
}

#thumb-gallery-brochure img
{
	border: #7d5b1b 1px solid;
	margin-top: 20px;
}

#content #print
{
	/* Enable the following attribute if necessary
	top: 480px;*/
	left: 812px;
	position: absolute;
}
#content #print #img
{
	display: block;
	background-image: url(../images/decor/print-btn.png);
	width: 137px;
	height: 21px;
}
#content #print #img:hover { background-position: 0 -21px}
#content #print span {display:none}

#content .address-street, .address-street-brochure, #content .address-county 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e1232c; 
	font-size: 25px;
  margin-top: 20px;
}

#content .address-county { font-size: 20px }

#content .address-street-brochure { font-size: 30px }

#content .prop-price, .prop-price-brochure
{
	color: #785515;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content .prop-price-brochure {font-size: 21px; line-height: 1px}

#content .prop-type, .prop-type-brochure
{
	font-size: 16px;
	color: #222;
}

#content .prop-type-brochure {font-size: 20px}

#content .prop-description
{
	font-size: 13px;
	color: #444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: justify;
}

#content #map_canvas
{	
	width: 433px;
	height: 289px;
	border: #bbb 1px solid;
/*	background-image: url(/images/decor/DEMO_map.jpg);*/
	float: left;
}

#content #features, #content #features-brochure
{
	width: 380px;
	height: 289px;
	float: right;
	font-size:12px;
	font-family: Georgia, Times New Roman, Times, serif;
}

#content #features-brochure {font-size: 16px;}

#content #contact
{
	width: 890px;
	background-color: #f1efe9;
	padding: 11px 14px;
}

#content #contact input.form, #content #contact textarea
{
	width: 223px;
	height: 22px;
	background-color: #fff;
	border: #467894 1px solid;
	margin-bottom: 5px;
}

#content #contact textarea{	height: 80px }
#content #contact td 
{
	height: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

#content #contact .big-phone { font-size: 26px }

#content #contact .titleResidential {font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #755210; }