/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

body, td {
	font-size: 12px;
	font-family: arial, verdana;
}

p, td p, .contact-box-props {
	font-size: 12px;
	font-family: arial, verdana;
	color: #666666;
	padding: 0px;
	margin: 0 0 20px 0;
}
	

img {
	border: 0px;
}


/* DETAILED CONTENT PAGE */
.detailed-left-column h1 {
	background: url(images/ul-detailed-header.gif) no-repeat;
	background-position: 0px 18px;
	width: 100%;
	height: 20px;
	color: #666666;
	font-size: 12px;
	font-family: arial,verdana;
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight:  900;
	text-align: left;
}

.detailed-left-column {
	position: relative;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 10px; 
	width: 445px;
	text-align: left;
	color: #666666;
}

.prop-id {
	position: absolute;
	height: 30px;
	padding-left: 25px;
	background: url(images/bg-small-mag.gif) no-repeat bottom left;
	background-position: 0px 0px;
	top: -5px;
	right: 0px;
	padding-top: 6px;
}

.headertext,h1 {
	background: url(images/header-ul.png) no-repeat;
	background-position: 0px 33px;
	width: 100%;
	height: 35px;
	color: #666666;
	font-size: 30px;
	font-family: arial,verdana;
	font-weight:100;
	text-align: left;
	padding-bottom: 20px;
}

/* style applied to a table cell */
.image_caption {
	background: url(images/header-ul.png) no-repeat bottom;
	width: 100%;
	height: 25px;
	color: #666666;
	font-size: 12px;
	font-family: arial,verdana;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	font-weight: bold;
	text-align: left;
}

ul {
	margin-left: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

li {
	font-family: arial, verdana;
	font-size: 12px;
	color: #666666;
	padding-bottom: 10px;
}

.padding {
	padding: 10px;
}


/* controls the background image for the homepage */
.container-home {
	position: relative;
	background: url(images/home-bg-header-5.jpg) no-repeat top;
	background-position: center 100px;
	background-repeat:no-repeat;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

/* controls content bg */
.container-content {
	position: relative;
	background-image: url(images/content-header-1.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.container-details {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 12px !important;
}

.page-highlight {
	background-color: yellow;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	padding-right: 1px;
}

.header {
	position: relative;
	width: 980px;
	margin-top: 7px;
}

.logo {
	float: left;
	padding-top: 40px;
	margin-left: 10px;
	width: 180px;
}

.navigation-bar {
	float: left;
	text-align: left;
	margin-left: 40px;
	margin-top: 14px;
}

.banner {
	position: relative;
	text-align: center;
	height: 292px;
	font-family: arial, verdana;
}

.banner-surround {
	position: float;
	padding-top: 20px;
}

/* container for the banner for the content pages */
.banner-content {
	height: 240px; 
	width: 980px;
}

/* This container is placed inside of "banner-surround" class to provide a relative value for the search box to work from */
.search-pos {
	width: 980px; 
	height: 240px; 
	position: relative;
}

.banner-title {
	text-align: left;
	height: 40px;
	font-size: 15px;
	color: white;
	background: url(images/banner-ttl-ul.png) no-repeat;
	background-position: left 20px;
	margin-left: 10px;
}
	

.banner-text {
	float: left;
	margin-left: 10px;
	width: 400px;
	color: white;
	font-size: 12px;
	text-align: left;
}

.shadow-top {
	position: absolute;
	top: 100px;
	background: url(images/shadow-tile.png) repeat-x;
	height: 6px;
	width: 100%;
}

.shadow-bottom {
	background: url(images/shadow-bottom.png) repeat-x;
	height: 15px;
	width: 100%;
	clear: both;
}

.content-bottom {
	position: absolute;
	top: 0px;
	background: url(images/shadow-bottom.png) repeat-x;
	height: 15px;
	width: 100%;
}

.content {
	position: relative;
	width: 980px;
}

.content-details {
	margin-left: 10px;
	position: relative;
}

/* Container holding all contents for CONTENTS pages only, homepage uses "content" style */
.content-props {
	margin-left: 15px;
	margin-top: 10px;
	width: 531px;
}

.content-props .bodytext {
	font-size: 12px;
	font-family: arial,verdana;
	color: #666666;
}

h2 {
	background: url(images/header-ul.png) no-repeat;
	background-position: 0px 16px;
	width: 100%;
	height: 20px;
	color: #666666;
	font-size: 12px;
	font-family: arial,verdana;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	font-weight: bold;
	text-align: left;
}

#contact-form-title {
	background-image: none;
	background-position: 0px;
	width: 100%;
	color: #666666;
	font-size: 12px;
	font-family: arial,verdana;
	margin-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: left;
}

.content-props h3 {
	background: url(images/links-header-ul.gif) no-repeat top left;
	height: 50px;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-top: 5px;
	margin-top: 10px;
	/*border: 1px solid red;*/
}

.content-props .Normal {
	font-size: 12px;
	font-family: verdana, arial;
	color: #666666;
}
	

.content-right-column {
	margin-top: 10px;
	float: right;
	width: 390px;
	margin-right: 15px;
}

/* surround in content with gradient background */
.gradient-box-grey {
	width: 100%; 
	border: 1px solid #CCCCCC; 
	background: url(images/bg-quick-facts.gif) repeat-x; 
	text-align: left;
	font-family: arial, verdana;
	font-size: 12px;
}

/* container for the search box over the top of the banner image on the content pages */
.content-search-cont {
	width: 380px; 
	height: 42px;  
	position: absolute; 
	bottom: 5px; 
	left: 15px;
}


/* controls the floats for the left column (property search, map and property finder) */
.content-left {
	float:left; 
	width: 545px;
}

/* controls floats for right column (news feature and logo underneath) */
.content-right {
	float: right; 
	width: 430px;

}

/* Start of settings for the search box */
.search-box {
	position: relative;
	background: white url(images/icon-search.gif) no-repeat left;
	background-position: 5px 3px;
	height: 34px;
	width: 506px;
	margin-left: 15px;
	margin-bottom: 25px;
	display: block;
	overflow: hidden;
}

.search-button {
	position: absolute;
	right: 5px;
	top: 12px;
}

input.search {
	border: 1px solid #666666;
}
/* End of settins for search box */

.map-box {
	text-align: center;
	margin-left: 16px;
	margin-top: 10px;
	padding-top: 10px;	
	background-colour: white;
	width: 280px;
	height: 300px;
	min-height: 355px; _height: 355px;
}

.property-box {
	position: absolute;
	top: 74px;
	left: 320px;
	background-colour: white;
	width: 202px;
	height: 355px;
	font-family: arial, verdana;
	font-size: 11px;
	color: #666666;
}

/* news column that contains the news and logo boxes */
.news-column {
	float:left; 
	width: 202px;
}

.news-box {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 200px;
	height: 275px;
	background-color: white;
	font-family: arial, verdana;
	font-size: 12px;
	color: #666666;
}

.news-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.news-heading {
	margin-left: 10px;
	background: url(images/news-hline.gif) bottom no-repeat;
	padding-bottom: 5px;
	color: #656565;
	margin-bottom: 10px;
}

.advert-column {
	float: right; 
	width: 200px; 
}

.advert-column, .bodytext {
	font-family: verdana,arial;
	font-size: 12px;
	color: #666666;
}

.logo-box {
	float: left;
	margin-top: 28px;
	margin-left: 0px;
	/*border: 1px solid black;*/
	width: 198px;
}

.bg-bottom {
	position: absolute;
	top: 688px;
	height: 167px;
	width: 100%;
	background: url(images/bg-bottom.gif) no-repeat top center;
	/*border: 1px solid red;*/
}

.footer, .footertext {
	padding-top: 20px;
	color: #999999;
	font-family: arial, verdana;
	font-size: 11px !important;
}

.footer a {
	position: relative;
	color: #999999;
	text-decoration: none;
}

.bodytext a {
	text-decoration: underline;
	color: #666666;
}

.metro-advert {
	font-size: 9px;
	height:  30px;
	width: 150px;
}

/* TILES FOR THE LEFT AND RIGHT SHADOW */
.tile-left {
	background: url(images/line-left.png) repeat-y; 
	background-position: right; 
	width: 50%;
}

.tile-right {
	background: url(images/line-right.png) repeat-y; 
	background-position: left; 
	width: 50%;
}

.tile-cover {
	background-color: white; 
	width: 100%; 
	height: 100px;
}

/* Retiling off the bottom shadow and sides to match in for all browsers */
.tile-fix {
	background: url(images/shadow-bottom.png) repeat-x; 
	background-position: center bottom; 
	height: 9px;
	font-size: 1px;
	width: 100%;
}

/* content gradient box surround contacts on contents pages */
.content-box {
	position: relative;
	background: url(images/content-box-bg.gif) no-repeat top left;
	border: 1px solid #CCCCCC;
	width: 519px;
	min-height: 50px; _height: 50px;
	margin-bottom: 15px;
}

.content-button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* top title text for the properties details page */
.property-title {
	background: url(images/bg-qs-bar.gif) no-repeat right;
	background-position: 15px 0px; 
	width: 965px; 
	height: 33px; 
	font-family: arial; 
	font-size: 23px; 
	font-weight: 100; 
	color: #666666;
	padding-left: 15px;
	padding-top: 5px;
}

/* Top quick search on property details page and results page */
 .detail-search { 
	margin-right: 15px; 
	margin-top: 15px; 
	text-align: right;
}

.detail-icons {
	float: left;
	margin-left: 380px;
	margin-top: 15px;
	width: 350px;
	height: 20px;
	text-align: right;
}

.quote {
	position: absolute; 
	top: 50px; 
	left: 420px; 
	width: 420px;
	min-height: 200px;
	_height: 200px;
}

.quote .bodytext {
	font-family: verdana, arial;
	font-size: 20px !important;
	font-weight: 100;
	color: white;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.detail-icons {
	float: right;   
	text-align: right;
}

/* Top tab for the extended details page */
.detail-tab {
	background: url(images/bg-tab.gif) no-repeat top left;  
	font-family: arial; 
	font-size: 12px; 
	font-weight: 100; 
	color: #666666; 
	margin-left: 10px; 
	height: 50px;
	width: 730px;
	padding-top: 22px;
}

/* TOP TAB for the results page */
.result-tab {
	position: relative;
	font-family: arial; 
	font-size: 12px; 
	font-weight: 100; 
	color: #666666; 
	margin-left: 10px; 
	height: 50px;
	width: 735px;
	padding-top: 14px;
}

.result-tab-link {
	background: url(images/results-gray-pixel.gif) repeat-x left top; 
	padding-top: 10px; 
	text-align: center;
	color: #666666;
}

.result-tab-save-search {
	background: url(images/result-tab-save-search.gif) no-repeat top left;
	padding-top: 3px;
	height: 30px;
	margin-left: 5px;
	padding-left: 10px;
	width: 100px;
}

.result-tab-left-col {
	width: 290px; 
	background: url(images/results-gray-pixel.gif) repeat-x left bottom; 
	background-position: 0px 35px; 
}

.result-tab-new-search {
	background: url(images/result-tab-new-search.gif) no-repeat top left;
	padding-top: 3px;
	height: 30px;
	margin-left: 5px;
	padding-left: 10px;
	width: 100px;
}

.result-tab-watch-list {
	background: url(images/result-tab-new-search.gif) no-repeat top left;
	padding-top: 3px;
	height: 30px;
	margin-left: 5px; 
	padding-left: 10px;
	width: 150px;
}

/* PROPERTY BOX PROPS ON RESULTS PAGE */
.property-title-result {
	float: left;
	margin-left: 16px;
}

.property-price-result {
	float: right; 
	margin-right: 16px;
}

/* yellow title image for prop result */
.property-featured-surround {
	width: 723px; 
	height: 24px; 
	padding-top: 3px; 
	margin-top: 4px;
	margin-left: 5px;
	background: url(images/featured-prop-title-bg.gif) no-repeat top;
}

/*gray top image for prop result */
.property-title-surround {
	width: 723px; 
	height: 24px; 
	padding-top: 3px; 
	margin-top: 4px;
	margin-left: 5px;
	background: url(images/prop-title-bg.gif) no-repeat top;
}

.property-result-surround {
	border: 1px solid #CCCCCC; 
	width: 729px;
	color: #666666;
	font-family: arial, verdana;
	font-size: 12px;
	margin-bottom: 5px;
}

.property-result-surround, a, a:hover {
	color: #666666;
	text-decoration: none;
}

.tab-page-count {
	margin-top: 16px;
	color: #666666;
}

.icon-text {
	font-size: 18px;
	color: #999999;
	font-weight: 500;
}

.title-price {
	font-weight: bold; 
	padding-left: 10px; 
	width: 195px;
	color: #333333;
}

/*Refined search properties on the right of prpert results page */
.refine-search-title {
	margin-right: 7px;
	text-align: right;
}

.refine-search-content {
	background: url(images/result-refine-search-tile.gif) repeat-y top;
	border-bottom: 1px solid #CCCCCC;
	width: 203px;
	margin-right: 14px;
	text-align: left;
}

/*PROPERTIES FOR THE BOTTOM CONTACT BOX ON DETAILED PAGE */

.detailed-box-surround {
	margin-top: 20px;
	background: url(images/detailed-contact-box.gif) no-repeat top left; 
	width: 458px; 
	border: 1px solid #CCCCCC; 
	position: relative;
	font-family: arial, verdana;
	color: #666666;
	font-size: 12px;
	min-height: 150px;
	_height: 150px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.detailed-box-surround a {
	color: #666666;
	text-decoration: none;
}

.detailed-box-title {
	height: 20px; 
	width: 100%;
	margin-top: 8px; 
	margin-left: 13px; 
	color: #666666;
 }
 
 .detailed-box-info {
 	width: 270px;
	min-height: 102px;
	_height: 102px;
}
 
 .detailed-box-content {
 	margin-top: 8px;
	margin-left: 5px;
}

.detailed-box-image {
	margin-right: 5px;
}
 
.email-position {
	position: absolute;
	left: 300px; 
	top: 40px; 
	width: 157px;
}

.detailed-option-surround {
	position: absolute;
	bottom: 0px; 
	left: 115px;
}

.detailed-watch-list {
	background: url(images/icon-watch-list.gif) no-repeat top left;
	padding-left: 30px;
	padding-top: 3px;
	height: 30px;
}

.detailed-prop-id {
	background: url(images/bg-small-mag.gif) no-repeat top left;
	padding-left: 30px;
	padding-top: 3px;
	height: 30px;
}

/* top form elements on the results page */
.result-sort-by {
	margin-left: 7px; 
	margin-top: 10px;
}

.result-page-numbers {
	margin-top: 10px;
}

.result-goto-page {
	margin-right: 7px; 
	margin-top: 10px;
}

.piece-surround {
	position: relative;
	background-color: white;
	top: -1px;
}

.right-piece-content {
	position: absolute; 
	top: 35px; 
	right: 0px; 
	background: url(images/result-right-fade.gif) no-repeat bottom right; 
	height: 25px; 
	width: 5px; 
	display: block;
}

.left-piece-content {
	position: absolute; 
	top: 35px; 
	left: 0px; 
	background: url(images/result-tab-left-corner.gif) no-repeat bottom left; 
	width: 8px; 
	height: 15px; 
	display: block;
}

.normal {
	font-size: 12px;
	font-family: arial,verdana;
	color: #666666;
}

#button_index img {
	width: 58px;
	height: 91px;
}

#button_search img {
	width: 63px;
	height: 91px;
}

#button_offices img {
	width: 61px;
	height: 91px;
}
#button_company img {
	width: 78px;
	height: 91px;
}
#button_careers img {
	width: 67px;
	height: 91px;
}

#button_careers-in-real-estate img {
	width: 67px;
	height: 91px;
}

#button_loan-market img {
	width: 96px;
	height: 91px;
}

#button_contact img {
	width: 67px;
	height: 91px;
}

#button_links img {
	width: 51px;
	height: 91px;
}

/* GALLERY SPECIFIC CSS */

#image-container-div, #sm-image-container-div {
	position: absolute;
}

.gallery-large-surround {
	position: relative; 
	width: 475px; 
	height: 330px; 
	margin-right: 6px;
}

.gallery-large-image {
	position: absolute; 
	width: 475px; 
	height: 330px; 
	overflow: hidden;
}

.gallery-thumb-surround {
	position: relative; 
	width: 475px; 
	height: 80px; 
	margin-top: 10px; 
	margin-right: 6px;
	margin-bottom: 10px;
}

.gallery-thumb-image {
	position: absolute;
	width: 475px; 
	height: 80px; 
	overflow: hidden;
}

.gallery-image-cell {
	background-repeat:no-repeat;
	background-position:center center;	
	width:475px;
	height:330px;
}

#btn_main_left {
	position: absolute;
	left: 0px;
	top: 153px;
}

#btn_main_right {
	position: absolute;
	left: 454px;
	top: 153px;
}

#btn_thumb_left {
	position: absolute;
	left: 0px;
	top: 28px;
}

#btn_thumb_right {
	position: absolute;
	left: 454px;
	top: 28px;
}

.disabled-btn {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;	
}

.enabled-btn {
}

/* END GALLERY SPECIFIC CSS */


.print-only {
	display:none;
}

/* NEW NAV*/
.navigation-bar div a { display: block; float: left; height: 31px; padding: 60px 2px 0; }
.navigation-bar div span { display: block; float: left;  padding: 0 0 0 2px; }
.navigation-bar div { float: left; padding: 0 7px 0 0; }

.navigation-bar div.on a { background: transparent url(Images/nav-bg.png) repeat-x; padding: 60px 6px 0; font-weight: bold; }
.navigation-bar div.on span { background: transparent url(Images/nav-bg-left.png) no-repeat left; }
.navigation-bar div.on { background: transparent url(Images/nav-bg-right.png) no-repeat right; }
/* END NEW NAV*/


#recent-posts { padding: 3px 0; height: 23px; line-height: 23px; }
#feedburner ul { margin: 0 0 0 10px; padding: 0 5px 0 0; }
#feedburner ul li { list-style-type: none; padding: 0 0 5px; font-size: 12px; }
#feedburner ul li span a:hover { text-decoration: underline; }
#creditfooter { visibility: hidden; }
#recent-posts-wrapper { height: 445px; border: 1px solid #eee; position: relative; }
#feedburner { border-top: 1px solid #eee; padding: 10px 0 0; marign: 0; }