@import url("title.css");
/* General */
body {margin:0px;background-color:#999999;font-family: Verdana, Arial;text-align: center;color:#FFFFFF;font-size: 12px;}
.subtitle {margin:0px; font-family: Verdana, Arial;text-align: center;color:##8a5b29;font-size: 12px;}
.bodytext2 {margin:0px;font-family: Verdana, Arial;text-align: center;color:#FFFFFF;font-size: 10px;}
.bodytext2bg {margin:0px;background-color:#FFFFFF;font-family: Verdana, Arial;text-align: center;color:#000000;font-size: 10px;}
.newslettertext {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#000000; font-size:10px;}
a:hover.newsletterlinks{ margin:0px; font-family: Verdana, Arial;text-align: center;color:##8a5b29;font-size: 12px;}
a:visited.newsletterlinks{ margin:0px; font-family: Verdana, Arial;text-align: center;color:##8a5b29;font-size: 12px;}
a.newsletterlinks{ margin:0px; font-family: Verdana, Arial;text-align: center;color:##8a5b29;font-size: 12px;}
a{color:#FFFFFF; text-decoration:none;background-repeat: no-repeat;background-position: center;}
img{border:0;}
object{margin:0; padding:0}
form{margin:0;font-family: Verdana, Arial;}
input{font-size: 12px;color: #333333;}
select {font-size: 12px;color: #333333;}
#swrap{
	position: relative;width:890px;margin: 0 auto;text-align:center;	
	background-image: url(pattern_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;background-color:#2d231b;
}
#marquee{
	font-size:12px;
	margin-left:200px;
	position:absolute;
	top:78px;
	overflow:visible;
	z-index:2;
	width:515px;
	background-color:#2d231b;
	padding:2px 0;
	left: -7px;
}
h1,h2,h3{
	font-size:11px;
	color:#FFF;
	font-weight:normal;
	padding:0;
	margin:0;
}
#haveprop{position:absolute; top:44px; left:262px; z-index:999;}
#haveprop a{height:15px;background-repeat: no-repeat;background-position: 0px 0px; float:left}
#haveprop a.tosell{background-image: url(btn_to_sell.jpg); width:82px;}
#haveprop a:hover.tosell{background-image: url(btn_to_sell_h.jpg);}
#haveprop a.tolease{background-image: url(btn_to_lease.jpg);width:85px;}
#haveprop a:hover.tolease{background-image: url(btn_to_lease_h.jpg);}
#wantprop{position:absolute; top:44px; left:508px; z-index:999;}
#wantprop a{height:15px;background-repeat: no-repeat;background-position: 0px 0px;float:left}
#wantprop a.tobuy{background-image: url(btn_to_buy.jpg);width:75px;}
#wantprop a:hover.tobuy{background-image: url(btn_to_buy_h.jpg);}
#wantprop a.torent{	background-image: url(btn_to_rent.jpg);width:77px;}
#wantprop a:hover.torent{ background-image: url(btn_to_rent_h.jpg);}

/* CSS by IVAN */
a:hover.bodylinks{ color:#CC9900; text-decoration:underline;}
a:visited.bodylinks{ color:#CC9900;}
a.bodylinks{ color:#CC9900; }

#tabs {position:absolute; top:31px; left:210px; z-index:999; }
#tabs a{height:38px; background-repeat: no-repeat;background-position: 0px 0px; float:left;}
#tabs a.buy{background-image: url(bt_buy.jpg); width:96px;}
#tabs a:hover.buy{background-image: url(bt_buy_on.jpg);}
#tabs a.rent{background-image: url(bt_rent.jpg); width:96px;}
#tabs a:hover.rent{background-image: url(bt_rent_on.jpg);}
#tabs a.landlords{background-image: url(bt_landlords.jpg); width:171px;}
#tabs a:hover.landlords{background-image: url(bt_landlords_on.jpg);}
#tabs a.guide{background-image: url(bt_hkguide.jpg); width:133px;}
#tabs a:hover.guide{background-image: url(bt_hkguide_on.jpg);}

#tabs2 {position:absolute; top:50px; left:210px; z-index:999; }
#tabs2 a{height:23px; background-repeat: no-repeat; background-position: 0px 0px; float:left;}
#tabs a.servicedapartments{background-image: url(bt_servicedapartments.jpg); width:209px;}
#tabs a:hover.servicedapartments{background-image: url(bt_servicedapartments_on.jpg);}
#tabs a.servicedoffices{background-image: url(bt_servicedoffices.jpg); width:173px;}
#tabs a:hover.servicedoffices{background-image: url(bt_servicedoffices_on.jpg);}

#topnav{position:absolute; top:4px; right:38px; z-index:999;}
#topnav a{display:block;width:115px;height:18px;background-repeat: no-repeat;background-position: 0px 0px;}
#topnav a.taboutus{background-image: url(btn_s_aboutus.jpg);width:128px;}
#topnav a:hover.taboutus{background-image: url(btn_s_aboutus_h.jpg);width:128px;}

#topnav a.tcontactus{background-image: url(btn_s_contactus.jpg);width:128px;}
#topnav a:hover.tcontactus{background-image: url(btn_s_contactus_h.jpg);width:128px;}

#topnav a.tpressrelease{background-image: url(btn_s_pressrelease.jpg); width:128px;}
#topnav a.tpressrelease:hover{background-image: url(btn_s_pressrelease_h.jpg); width:128px;}

#topnav a.tfaq{background-image: url(btn_s_faq.jpg);width:128px;}
#topnav a.tfaq:hover{background-image: url(btn_s_faq_h.jpg);width:128px;}

#topnav a.tversion{background-image: url(btn_s_chinese.jpg);width:128px;}
#topnav a.tversion:hover{background-image: url(btn_s_chinese_h.jpg);width:128px;}

#container{
	width:890px;
	text-align:left;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.clear{height:0em; overflow:hidden;clear:both;}

/* "subnav", "Content", "Main", and "extra" class*/
.subnav{
	float:left;
	width:200px;
	margin: 0;
	padding: 0;
	margin-top:148px;
	font-size:11px;background-color:#1f0f0a;
}
.subnav table{margin:0 0 6px 4px; width:180px;}
.subnav th{text-align:left; font-weight:normal; padding-right:4px; width:70px; font-size:11px;}
.subnav select{width:115px}
.subnav input.text{width:110px; height:11px}
.subnav a{display:block;margin-bottom:2px;}
.subnav div{display:block; width:192px;background-repeat: no-repeat;background-position: center top;padding:36px 0 20px 8px; position:relative;top:0}
.subnav div.light_col{background-color:#4b3d32}
.subnav div#logout{padding:20px 0 20px 8px;}
.subnav #logout ul{padding:0; margin:0 auto;}
.subnav #logout li{list-style:none; font-size:13px; margin: 5px 0 5px 5px; padding:0; font-weight:bold}
.subnav #logout li a{font-size:12px;font-weight:normal;margin:0; display:inline;}
.subnav div#search{background-image: url(banner_search.gif);}
.subnav div#map{background-image: url(banner_map.gif); text-align:center}
.subnav #login a{display:inline; font-size:10px; text-decoration:underline;}
.subnav #map a{background-image:url(home_map.gif); height:102px; width:144px; margin:0 auto;}
.subnav div#login{background-image: url(banner_login.gif);}
.subnav div#hkguide_new{background-image: url(banner_new_hkguide.gif);padding:0;width:200px;height:38px;}
.subnav div#test{background-image: url(banner_testimonials.gif);padding:0;width:200px;}
.subnav div#test_new{background-image: url(banner_new_testimonials.gif);padding:0;width:200px;height:37px;}
.subnav div#career{background-image: url(banner_careers.gif);padding:0;width:200px;}
.subnav div#career_new{background-image: url(banner_new_careers.gif);padding:0;width:200px;height:37px;}
.subnav div#feedback{background-image: url(banner_feedback.gif);padding:0;width:200px;}
.subnav div#feedback_new{background-image: url(banner_new_feedback.gif);padding:0;width:200px; height:37px;}
.subnav div#feedback_new2{background-color:#1f0f0a;padding:0;width:200px; height:25px;}
.subnav div#servicedo{background-image: url(banner_new_servicedo.gif);padding:0;width:200px;height:37px;}
.subnav div#serviceda{background-image: url(banner_new_serviceda.gif);padding:0;width:200px;height:37px;}
.subnav #test a,.subnav #career a,.subnav #feedback a{width:200px; height:40px;}
.subnav div#links{background-image: url(banner_relatedlink.gif); padding:37px 0 20px 8px}
.subnav div#links_new{background-image: url(banner_new_relatedlink.gif); padding:37px 0 20px 8px}

.content{float:right;padding:0;margin:0;width:690px;padding-bottom:100px;	
	background-image: url(newbanner.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.content #flashcontent{width: 496px; height: 199px; margin:0 auto 7px; position:relative; margin-top:1px;}
.content .main{float:left;width:514px;text-align:center; margin-top:98px;}
.main div{background-repeat: no-repeat;	background-position: center top;}
.main td{vertical-align:top; padding-top:5px; text-align:left}
.main caption{text-align:left; font-weight:bold}
.main table{margin-bottom:10px}
.main p{margin:0 0 10px 0; line-height:14px; font-size:11px; text-align:left;clear:both}
.main ul{margin:0;padding:0; padding-left:20px;}
.main li{list-style-position: outside;margin:0 0 10px 0;list-style-type:disc;font-size:11px}
.main ol{padding:0; margin:0; margin-left:25px}
.main ol li{list-style-type:decimal; font-weight:bold;}
.main .box{background-color:#43301E;text-align:center;width:496px;margin:0 auto 7px;padding:17px 0 0px;background-image: url(nav_long_top.gif);}

/* CSS by Ivan */
.main .box_2{background-color:#43301E;text-align:center;width:496px;margin:0 auto 7px;padding:17px 0 0px;background-image: url(nav_long_top.gif);}
.main .box_hkguidenavi{background-color:#43301E;text-align:center;width:496px;margin:0 auto 7px;}

.main h5{
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	color:#8a5b29;
	text-transform: capitalize;
	text-align:left;
	line-height:16px;
}
#table_listing1 { background-color:#543f29; font-family:Verdana, Arial; font-size:10px; text-align:center; height:15px; width:500px;}
#table_listing2 { font-family:Verdana, Arial; font-size:10px; text-align:center; height:15px; width:500px;}
#table_listing_title { font-family:Verdana, Arial; font-size:10px; text-align:center; height:15px; width:500px; font-weight:bold;}

#index h5{color:#FFFFFF;font-size:13px;}
#recent h5{color:#FFFFFF;font-size:13px;}
.main .right{float:right}
.main .left{float:left}
.main .box .inner{width:466px;background-position: 0px 3px;;margin:0 auto;text-align:left;}
.main .box #index{background-image: url(title_hot_properties.gif);padding-top:36px;}
.main .box #sapartments{background-image: url(title_sapartments.jpg);padding-top:36px;}
.main .box #soffices{background-image: url(title_soffices.jpg);padding-top:36px;}
.main .box_hkguidenavi #wheretolive{background-image: url(title_wheretolive.jpg);padding-top:36px;}
.main .box_hkguidenavi #fastfacts{background-image: url(title_fastfacts.jpg);padding-top:36px;}
.main .box_hkguidenavi #schools{background-image: url(title_schools.jpg);padding-top:36px;}
.main .box_hkguidenavi #tips{background-image: url(title_tips.jpg);padding-top:36px;}
.main .box_hkguidenavi #travel{background-image: url(title_travel.jpg);padding-top:36px;}
.main .box_hkguidenavi #climate{background-image: url(title_climate.jpg);padding-top:36px;}
.main .box_hkguidenavi #culture{background-image: url(title_culture.jpg);padding-top:36px;}

/* CSS by Ivan */
.main .box_2 .inner{width:490px; background-position: 10px 3px;;margin:0 auto;text-align:left;}
.main .box_2 #index{background-image: url(title_recentlistings.jpg);padding-top:36px;}
.main .box_2 #landlords{background-image: url(title_landlords.jpg);padding-top:36px;}
.main .box_hkguidenavi .inner{width:466px;background-position: 0px 3px;;margin:0 auto;text-align:left;}

.main .inner #description{width:170px; padding-right:10px; float:left; font-size:11px;}
.main ul.left{margin-right:5px }
.main .left li{list-style:none;}
.main ul.inline{padding:0; margin:0; margin-top:15px}
.main .inline li{display:inline; float:left; width:45px;list-style:none;}
.main .inline img{border:1px solid #8a5b29;}
.main .innertwo{width:99%; margin:1% 1% 0}
.main .innertwo .left{width:50%}
.main .innertwo .right{width:49%}
.main .innertwo b{display:block}
.main .box .bottom{background-image: url(nav_long_bottom.gif);height: 17px;width: 496px; clear:both}

/* CSS by IVAN*/
.main .box_2 .bottom{background-image: url(nav_long_bottom.gif);height: 17px;width: 496px; clear:both}
.main .box_hkguidenavi .bottom{background-image: url(nav_long_bottom.gif);height: 17px;width: 496px; clear:both}

.main .thumbnail{width:116px; float:left; font-size:10px;margin-bottom:0px; text-align:center;}
.main .thumbnail img{border:0.1em solid #FFFFFF; height:78px; width:98px}
.main .thumbnail div{text-align:left; _height:85px;padding:4px 9px 0px 11px; min-height:87px;}
.main .result{width:46%;border:1px solid #8a5b29; float:left; margin:0 3px 6px;padding:7px 0 0 5px; text-align:left}
.main .result img{float:left; margin-right:5px;}
.main .result div{width:140px;_height:100px;float:right; min-height:100px}
.main .result div span{display:block;_height:100px; font-size:11px; min-height:100px}
.main .result p{clear:both}
.content .extra{float:right;width:176px;margin-top:98px;}
.extra div{background-repeat:no-repeat; background-position:center top; width:176px;display:block;}
.extra div.deep_col{
	background-color:#43301e;
	background-image: url(banner_myfavorite.gif);
	padding-top: 11px;
	text-align:center;
	margin-bottom:7px;
	background-position: left top
}
.extra .schedule{background-image: url(btn_view_schedule.gif);height:26px; width:89px; float:left;}
.extra .calculator{background-image: url(btn_calculator.gif);height:26px; width:87px;float:right;}
.extra .propertylist{text-align:left; font-size:11px;width:160px;_height:109px; min-height:111px;display:block; margin:10px auto 0; }
.extra .bottom{	width:176px;height:11px;background-position:center bottom;clear:both; padding:0px; display:block;}
.extra .deep_col .bottom{background-image: url(banner_myfavorite_bottom.gif);}
.extra div.light_col{background-color:#483E36;background-image: url(nav_short_top.gif);padding-top: 17px;}
.extra .light_col .bottom{background-image: url(nav_short_bottom.gif);padding:0; left:0px; height:16px}
.extra .light_col div{position:relative; left:15px; padding:25px 0 11px;background-repeat:no-repeat;background-position: left top}
.extra .light_col div a{display:block; margin:0 0 6px 3px;}
.extra #favourite{background-image: url(title_favourite_home.gif); padding-top:30px;}
.extra #service{background-image: url(title_services.gif)}
.extra #resource{background-image: url(title_resources.gif)}
.extra #onlinebank{background-image: url(title_onlinebank.gif); padding-top:40px;}
.extra #newsletter{background-image:url(title_newsletter.gif); padding-top:40px} 
.extra #newsletter input{margin-bottom:5px;}
.extra #resource span{color:#8a5b29;margin:0 0 2px 3px;font-weight:bold;font-style: italic;display:block;}
.extra #onlinebank span{color:#8a5b29;margin:0 0 2px 3px;font-weight:bold;font-style: italic;display:block;}
.extra #pattern {
	width:69px;
	height:306px;
	position:absolute;
	top:200px;
	margin-left:105px;
	overflow:hidden;
	z-index:999;
}
.extra #pattern img{
	position:absolute;
	filter:alpha(opacity=5);	
	opacity:.05;
	-moz-opacity: .05;
}
#footer{
	text-align:left;
	width:690px;
	font-size:11px;
	color:#8a5b29;
	position: relative;
	top: -100px;
	left:200px;
	height:120px;
}
#footer div{margin:10px 0 0 20px}
#footer p{margin:0;line-height:14px;}
#footer a{text-decoration:none;color:#8a5b29;}
#footer span{margin: 0 10px;}
#footer .box{text-align:center;width:496px;margin:0 auto 7px;padding:17px 0 0px;background: url(nav_long_top.gif) top left no-repeat #43301E;}
#footer table td {text-align:left;}
#footer table td a {font-family:Verdana, Arial; font-size:11px;color:#FFF;}
#footer .box .bottom{background: url(nav_long_bottom.gif) bottom left no-repeat;height: 17px;width: 496px; clear:both; margin:inherit;}

.btn_logo{height:138px ; width:200px; position:absolute;top:0;left:0;}
.btn_search{
	background-image: url(btn_search.gif);
	height: 20px;
	width: 70px;
	background-position: center top;
}
.btn_login{
	background-image: url(btn_login.gif);
	height: 20px;
	width: 57px;
	background-position: center top;
}
.btn_submit{background-image: url(btn_submit.gif);
	height: 20px;
	width: 70px;
	background-position: center top;
}
.main .right{float:right}
.main .left{float:left}
.main .red{color:#FF0000}
.main .small{font-size:11px;}
.main .small td{vertical-align:middle}
td.faqQ a {
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	color:#8a5b29;
	text-transform: capitalize;
	text-align:left;
}
.makeoverNew {
	color:#FC0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}