@charset "utf-8";
/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif,"宋体"; font-size:12px; color:#5c5c00;}
.white{ color:#FFFFFF}


.aeae80,a.aeae80{ color:#aeae80}
.c5c00,a.c5c00{color:#5c5c00}
b9321,a.b9321{color:#8b9321}
ff7800,a.ff7800{color:#ff7800}


strong{font-weight:bold;}


a{	text-decoration:none;
	color:#5c5c00;}
a:hover{text-decoration:underline;}
.wrapper{width:960px}
.center{ margin:0 auto;}
.clearDiv{clear:both; line-height:0px; height:0px; font-size:0px;overflow:hidden;float:none;}
.clearLeft{clear:left; line-height:0px; height:0px; font-size:0px;overflow:hidden;float:none;}
.clearRight{clear:right; line-height:0px; height:0px; font-size:0px;overflow:hidden;float:none;}
.ml20{margin-left:20px;}
.pl20{padding-left:20px;}
.pl10{padding-left:10px}
.mr10{margin-right:10px; display:inline}

.leftColumn{ float:left; width:780px;}
.rightColumn { float:right; width:180px;}



#content{ background:url(../images/cbg.jpg) repeat-y;}
#content .leftColumn{ min-height:500px; height:auto !important; height:500px; padding-bottom:50px;}
#content .rightColumn{}



h1{background:#8b9321; width:140px;color:#ffffff; font-weight:bold;padding:7px 20px 8px 20px}
h2{ color:#8b9321; font-size:22px; height:60px; line-height:60px; padding-left:30px;}
h3{margin:0px 20px; padding-left:10px; line-height:30px; height:30px; background-color:#f2f2e5; margin-bottom:8px;}


/****  left ****/
.lcontent{margin:0px 20px 11px 20px;padding-left:10px; line-height:18px; padding-top:5px;}
.lcontent a{text-decoration:underline;}
.lcontent ul a{text-decoration:none;}
.lcontent ul a:hover{text-decoration:underline;}

.require{color:#ff7800; float:left; padding-left:4px; line-height:20px; font-family:"宋体",Arial, Helvetica, sans-serif;}


ul.greendot li{background:url(../images/li-dot-green.jpg) no-repeat left 8px; padding-left:13px;}

/**********************  send mail  ****************************/

#sendmailContainer{width:500px; height:284px;border:1px #bec283 solid; background:#FFF;}

#sendmailContainer ul li input{width:140px; float:left;}

#sendmailContainer ul li {height:19px; overflow:hidden; padding:9px 0px 8px 160px; width:280px;white-space:nowrap; float:left; clear:left;}
#sendmailContainer ul li label {
	padding-top:2px;
	margin-left:-170px;
	width:160px;
	float:left;
	text-align:right;
}
#sendmailContainer ul li.textarea{ height:90px;}
#sendmailContainer ul li.textarea textarea{width:260px; height:90px; overflow:auto;float:left;}
#sendmailContainer ul li input.button{width:auto; padding-left:10px;padding-right:10px; margin-right:10px;}
#sendmailContainer ul li.button{padding:0px 0px 0px 160px; height:auto;}


/**********************  send enquiry  ****************************/

#sendenquiryContainer{width:500px; height:318px;border:1px #bec283 solid; background:#FFF;}

#sendenquiryContainer ul li input{width:140px; float:left;}

#sendenquiryContainer ul li {height:19px; overflow:hidden; padding:9px 0px 8px 160px; width:280px;white-space:nowrap; float:left; clear:left;}
#sendenquiryContainer ul li label {
	padding-top:2px;
	margin-left:-170px;
	width:160px;
	float:left;
	text-align:right;
}
#sendenquiryContainer ul li.textarea{ height:90px;}
#sendenquiryContainer ul li.textarea textarea{width:260px; height:90px; overflow:auto;float:left;}
#sendenquiryContainer ul li input.button{width:auto; padding-left:10px;padding-right:10px; margin-right:10px;}
#sendenquiryContainer ul li.button{padding:0px 0px 0px 160px; height:auto;}



/**********************  partnership  ****************************/

ul#partnership-form{margin-top:7px;}
ul#partnership-form legend{display:none;}
ul#partnership-form li {clear:left; float:left; height:19px; overflow:hidden; padding:9px 0px 8px 170px}
ul#partnership-form li label {
	margin-left:-100px;
	width:120px;
	float:left;
	margin-right:10px;
	padding-top:2px;
	text-align:right;
}

ul#partnership-form li input{width:140px; float:left;}
ul#partnership-form li select{width:144px; float:left;}

ul#partnership-form li input.button{width:auto; padding-left:17px;padding-right:17px; height:22px; line-height:20px;}
ul#partnership-form li.button{padding:1px 0px 8px 170px}




/********************* House List *********************************/
#houselist{width:740px; margin:0 auto; overflow:hidden}
#houselist ul{width:760px;}
#houselist ul li{display:block; float:left; width:148px; height:178px;padding:0px 10px; background:#f2f2e5; margin-right:20px; margin-bottom:10px;color:#3f3f3f; border:1px solid #f2f2e5;overflow:hidden;}
#houselist ul li.over{border:1px solid #8b9321}

#houselist ul li p{ line-height:18px;}
#houselist ul li .houseimage{margin:10px auto 7px auto; width:148px; position:relative; height:98px}
#houselist ul li .houseimage img{position:absolute; z-index:1;}
#houselist ul li .houseimage .taken{position:absolute; background:url(../images/taken.png) no-repeat center center; *background:url(../images/taken.gif) no-repeat center center; display:block; width:148px; height:98px; z-index:2; cursor:pointer}
#houselist ul li .title{color:#8b9321; font-weight:bold; }
#houselist ul li .title a{color:#8b9321}
#houselist s{text-decoration:none; background:url(../images/middleline.jpg) left center repeat-x; color:#3f3f3f}
.cost{font-weight:bold; color:#c00000;}
.bold{font-weight:bold; }

#houselist ul li .title,#related ul li .title,#recommend ul li .title{overflow:hidden;}

#houselist p{white-space:nowrap;}

#pages{width:740px; margin:0 auto;}
#pages ul{float:right;}
#pages ul a:hover{text-decoration:none;}

#pages li {display:block; height:30px; width:30px; text-align:center; line-height:30px;float:left}
#pages li.on{background:#5c5c00; color:#FFFFFF; }
#pages li a{display:inline-block; height:30px; width:30px; text-align:center; line-height:30px; background:#f2f2e5; color:#5c5c00}
#pages li.on a,#pages li a:hover{background:#5c5c00; color:#FFFFFF; }


#pages li.firstpage a{background:#f2f2e5 url(../images/icons.gif) left -190px no-repeat}
#pages li.prevpage a{background:#f2f2e5 url(../images/icons.gif) left -130px no-repeat}
#pages li.nextpage a{background:#f2f2e5 url(../images/icons.gif) left -160px no-repeat}
#pages li.lastpage a{background:#f2f2e5 url(../images/icons.gif) left -220px no-repeat}


#pages li.firstpage a:hover{background:#5c5c00 url(../images/icons.gif) left -310px no-repeat}
#pages li.prevpage a:hover{background:#5c5c00 url(../images/icons.gif) left -250px no-repeat}
#pages li.nextpage a:hover{background:#5c5c00 url(../images/icons.gif) left -280px no-repeat}
#pages li.lastpage a:hover{background:#5c5c00 url(../images/icons.gif) left -340px no-repeat}







#filter{ background:url(../images/filter_line.jpg) repeat-x left 29px; display:block !important; display:inline-block; margin:0px 20px 10px 20px; height:30px; overflow:hidden}

#filter a:hover{text-decoration:none;}

#filter li {float:left; display:block; width:50px; background:#f2f2e5 url(../images/icons.gif) left -400px no-repeat; font-weight:bold; color:#5c5c00; height:30px; line-height:30px; margin-right:10px;text-indent:29px;}
#filter li a{ display:block; background:#f2f2e5 url(../images/icons.gif) left -400px no-repeat;font-weight:bold; color:#5c5c00;width:50px; height:30px; line-height:30px; text-indent:29px;}

#filter li.on a,#filter li a:hover,#filter li.on{background:#5c5c00 url(../images/icons.gif) left -370px no-repeat; color:#fff;}


#filter li.BedroomNumber{width:170px; margin-right:10px; text-indent:0px; text-align:center}
#filter li.BedroomNumber,#filter li.more a:hover,#filter li.more.on a{ background:#5c5c00; color:#fff;}

#filter li.more a{color:#8b9321;background:#f2f2e5; text-indent:0px; text-align:center}







#recommend{margin:20px auto 10px auto; overflow:hidden;position: relative; z-index:5; height:180px; overflow:hidden;}


#recommend ul{width: 9999px; position:absolute;top:0px;}

#recommend  .wrapper {width:740px; margin:0 20px;overflow: hidden; height:180px; position:absolute;}

#recommend ul li{display:block; float:left; width:150px; height:180px;padding:0px 10px;overflow:hidden; background:#8b9321; margin-right:20px; margin-bottom:10px;color:#FFFFFF;}
#recommend ul li.over{ background:#ff7800}

#recommend ul li p{ line-height:18px;}
#recommend ul li .houseimage{margin:10px auto 7px auto; width:148px; position:relative; height:98px}
#recommend ul li .title{color:#FFFFFF; font-weight:bold}
#recommend ul li .title a{color:#FFFFFF}
#recommend s{text-decoration:none; background:url(../images/middleline-white.jpg) left center repeat-x; color:#FFFFFF}
#recommend ul li.empty{background:none;}

#recommend #mycarousel{left:20px; position:relative}
#recommend .arrow{text-indent: -999px;top:0px;width:20px;position:absolute; height:180px;cursor:pointer}
#recommend .back{left:0px;background:url(../images/arrows-prev.gif) no-repeat left center;}
#recommend .forward{right:0px; background:url(../images/arrows-next.gif) no-repeat left center;}



/**************************** Details  ***********************************/

.tabeltitle{font-weight:bolder; color:#8b9421}
#detail{ float:right; width:570px;}
#detail #flash {width:570px; height:360px;outline:none;}

#detail .viewed{line-height:18px; padding:0px 10px 0px 10px; margin-top:18px; display:inline; background:#5c5c00; color:#ffffff; float:left}
#detail h1{ font-size:22px; font-weight:normal; color:#8b9321; background:none; width:auto; padding-top:19px; float:left;} 
#detail .Ref{text-indent:20px; clear:left}

#detail h5{font-size:14px; margin-bottom:2px;}
#detail h6{font-size:14px; margin-bottom:2px;}
#detail ul#ecf li{float:left;margin-right:5px; margin-top:15px;}

#detail ul#ecf li.Enquiry{ cursor:pointer;}
#detail ul#ecf li.compound{}
#detail ul#ecf li.compound a{display:inline-block; width:180px; height:30px; line-height:30px; height:30px; text-align:center; background:#8b9321; color:#FFF;}
#detail ul#ecf li.compound a:hover{text-decoration:none;}
#detail ul#ecf li.forsale{margin-right:0px;width:180px; height:30px; line-height:30px; height:30px; text-align:center; background:#f2f2e5; color:#5c5c00; font-weight:bolder; cursor:default}

#detail td{border-bottom:1px solid #c5c990; line-height:29px; padding-left:10px;}
#detail table{margin-bottom:17px;}
#detail .desc{ padding-left:10px;}

#detail .lcontent{padding-left:0px; margin-left:0px;}

#related{float:left; width:170px; padding:20px;}

ul.related li{display:block; float:left; width:148px; height:178px; overflow:hidden;padding:0px 10px; background:#f2f2e5;margin-bottom:10px;color:#3f3f3f; border:1px solid #f2f2e5}
ul.related li.over{border:1px solid #8b9321}

ul.related li p{ line-height:18px;}
ul.related li .houseimage{margin:10px auto 7px auto; width:148px; position:relative; height:98px}
ul.related li .houseimage img{position:absolute; z-index:1;}
ul.related li .houseimage .taken{position:absolute; background:url(../images/taken.png) no-repeat center center; *background:url(../images/taken.gif) no-repeat center center; display:block; width:148px; height:98px; z-index:2; cursor:pointer}
ul.related li .title{color:#8b9321; font-weight:bold}
ul.related li .title a{color:#8b9321}
.related s{text-decoration:none; background:url(../images/middleline.jpg) left center repeat-x; color:#3f3f3f}


#related #pages{width:170px; margin:0 auto;}







/********************* Shanghaidistricts *********************************/
#Shanghaidistricts a{color:#5c5c00; text-decoration:none;}
#Shanghaidistricts a:hover{text-decoration:underline;}








/**********************  commercial Inquiry  ****************************/

ul.commercialInquiry-form{}
ul.commercialInquiry-form legend{display:none;}
ul.commercialInquiry-form li {clear:left; float:left; height:19px; overflow:hidden; padding:0px 0px 17px 170px; display:block;}
ul.commercialInquiry-form li label {
	margin-left:-100px;
	width:120px;
	float:left;
	margin-right:10px;
	text-align:right;
}



ul.commercialInquiry-form li input{width:140px; float:left;}
ul.commercialInquiry-form li select{width:144px; float:left;}


ul.commercialInquiry-form li .inline{float:left; padding:0px 8px;}


ul.commercialInquiry-form#p1{ float:left;}

ul.commercialInquiry-form#p1 li{width:200px;}

ul.commercialInquiry-form#p2{float:right; padding-right:10px;}

ul.commercialInquiry-form#p2 li {padding:0px 0px 17px 150px;}
ul.commercialInquiry-form#p2 li label {
	width:100px;
}


ul.commercialInquiry-form#p3 li {padding:0px 0px 17px 170px; width:550px;white-space:nowrap;}
ul.commercialInquiry-form#p3 li label {
	margin-left:-160px;
	width:180px;
}
ul.commercialInquiry-form#p3 li.textarea{ height:90px;}
ul.commercialInquiry-form#p3 li.textarea textarea{width:510px; height:90px; overflow:auto}
ul.commercialInquiry-form#p3 li input.button{width:auto; padding-left:10px;padding-right:10px; margin-right:10px;}
ul.commercialInquiry-form#p3 li.button{padding:1px 0px 8px 170px;}

ul.commercialInquiry-form#p3 li.button a{text-decoration:underline; line-height:22px;}


ul.commercialInquiry-form#p3 li table input{ width:auto;}
ul.commercialInquiry-form#p3 li table label{margin:0px 20px 0px 7px;
	width:auto;
	float:none;
	text-align:left
	}

ul.commercialInquiry-form#p3 li input.w70{width:70px;}






/**********************  tenant Inquiry  ****************************/

ul.tenantInquiry-form{}
ul.tenantInquiry-form legend{display:none;}
ul.tenantInquiry-form li {clear:left; float:left; height:19px; overflow:hidden; padding:0px 0px 17px 170px; display:block;}
ul.tenantInquiry-form li label {
	margin-left:-100px;
	width:120px;
	float:left;
	margin-right:10px;
	text-align:right;
}



ul.tenantInquiry-form li input{width:140px; float:left;}
ul.tenantInquiry-form li select{width:144px; float:left;}


ul.tenantInquiry-form li .inline{float:left; padding:0px 8px;}


ul.tenantInquiry-form.p1{ float:left;}

ul.tenantInquiry-form.p1 li{width:190px;}

ul.tenantInquiry-form.right{float:right; padding-right:10px;}


ul.tenantInquiry-form.p3 li {padding:0px 0px 17px 170px; width:550px;white-space:nowrap;}
ul.tenantInquiry-form.p3 li label {
	margin-left:-160px;
	width:180px;
}

ul.tenantInquiry-form.p3 li table input{ width:auto;}
ul.tenantInquiry-form.p3 li table label{margin:0px;
	width:auto;
	float:none;
	text-align:left
	}

ul.tenantInquiry-form.p3 li input.w80{width:80px;}







ul.tenantInquiry-form.p4 li {padding:0px 0px 17px 170px; width:550px;white-space:nowrap;}
ul.tenantInquiry-form.p4 li label {
	margin-left:-170px;
	width:190px;
}
ul.tenantInquiry-form.p4 li.textarea{ height:100px;}
ul.tenantInquiry-form.p4 li.textarea textarea{width:510px; height:90px; overflow:auto}
ul.tenantInquiry-form.p4 li input.button{width:auto; padding-left:10px;padding-right:10px; margin-right:10px;}
ul.tenantInquiry-form.p4 li.button{padding:1px 0px 8px 170px;}

ul.tenantInquiry-form.p4 li.button a{text-decoration:underline; line-height:22px;}

ul.tenantInquiry-form.p4 li table{width:515px;}
ul.tenantInquiry-form.p4 li table input{ width:auto;}
ul.tenantInquiry-form.p4 li table label{margin:0px;
	width:auto;
	float:none;
	text-align:left
	}

ul.tenantInquiry-form.p4 li input.w510{width:510px;}







/**********************  landlord Inquiry  ****************************/

ul.landlordInquiry-form{}
ul.landlordInquiry-form legend{display:none;}
ul.landlordInquiry-form li {clear:left; float:left; height:19px; overflow:hidden; padding:0px 0px 17px 170px; display:block;}
ul.landlordInquiry-form li label {
	margin-left:-100px;
	width:120px;
	float:left;
	margin-right:10px;
	text-align:right;
}



ul.landlordInquiry-form li input{width:140px; float:left;}
ul.landlordInquiry-form li select{width:auto; float:left;}


ul.landlordInquiry-form li .inline{float:left; padding:0px 8px;}
ul.landlordInquiry-form li .inline.first{padding-left:0px;}

ul.landlordInquiry-form.p1{ float:left;}

ul.landlordInquiry-form.p1 li{width:190px;}

ul.landlordInquiry-form.right{float:right; padding-right:10px;}



ul.landlordInquiry-form.p3 li {padding:0px 0px 17px 170px; width:550px;white-space:nowrap;}
ul.landlordInquiry-form.p3 li label {
	margin-left:-160px;
	width:180px;
}

ul.landlordInquiry-form.p3 li table input{ width:auto;}
ul.landlordInquiry-form.p3 li table label{margin:0px;
	width:auto;
	float:none;
	text-align:left
	}

ul.landlordInquiry-form.p3 li input.w80{width:80px;}







ul.landlordInquiry-form.p4 li {padding:0px 0px 17px 170px; width:550px;white-space:nowrap;}
ul.landlordInquiry-form.p4 li label {
	margin-left:-170px;
	width:190px;
}
ul.landlordInquiry-form.p4 li.textarea{ height:100px;}
ul.landlordInquiry-form.p4 li.textarea textarea{width:510px; height:90px; overflow:auto}
ul.landlordInquiry-form.p4 li input.button{width:auto; padding-left:10px;padding-right:10px; margin-right:10px;}
ul.landlordInquiry-form.p4 li.button{padding:1px 0px 8px 170px;}

ul.landlordInquiry-form.p4 li.button a{text-decoration:underline; line-height:22px;}

ul.landlordInquiry-form.p4 li table{width:515px;}
ul.landlordInquiry-form.p4 li table input{ width:auto;}
ul.landlordInquiry-form.p4 li table label{margin:0px;
	width:auto;
	float:none;
	text-align:left
	}
	
ul.landlordInquiry-form.p5 li table{width:250px}
ul.landlordInquiry-form.p5 li {padding:0px 0px 17px 0px; width:350px;float:right;}
ul.landlordInquiry-form.p5 li table input{ width:auto;}
ul.landlordInquiry-form.p5 li table label{margin:0px;
	width:auto;
	float:none;
	text-align:left
	}

ul.landlordInquiry-form.p4 li input.w510{width:510px;}



ul.landlordInquiry-form.p4 li input.w40{width:40px;}



/****************************** information center **************************************/
#informationcenter{width:780px; overflow:hidden;}
#informationcenter .item {float:left; width:240px;margin-right:10px;}
#informationcenter .lcontent .lcontent{margin:0;padding-left:10px;padding-right:10px; width:auto;}
#informationcenter .lcontent {padding-left:0px; width:750px; margin-bottom:17px;}


h4{ background:#f2f2e5 url(../images/h4bg.gif) 10px center no-repeat; text-indent:22px; width:100%; height:30px; line-height:30px; font-weight:bold; margin-bottom:9px;}
h5{font-weight:bold; color:#8b9321;}
h6{font-weight:bold; color:#5c5c00;}

/****  right ****/

#searchbox {color:#454910; width:180px; overflow:visible !important;overflow:hidden;}
#searchbox li{ clear:left;display:block; height:30px; float:left !important; float:none}
#searchbox select{ width:140px}
#searchbox table{margin-left:1px;}
#searchbox ul{margin-top:8px !important;margin-top:6px}
#searchbox fieldset{ margin:23px 20px 24px 20px !important;margin:20px 20px 24px 20px;}
#searchbox fieldset legend{display:none;}

#search{
	background:#ff7800  url(../images/icons.gif) no-repeat left -70px;
	color:#FFFFFF;
	font-weight:bold;
}
#search a{
	display:inline-block;
	width:139px;
	height:30px;
	line-height:30px;
	padding-left:41px;
}

#search a:hover{text-decoration:none;}


.rcontent{margin:20px; margin-right:10px; margin-top:17px; font-weight:bold; font-size:11px;}
.rcontent,.rcontent a{color:#5c5c00}
.rcontent a:hover{color:#8b9321; text-decoration:underline;}
.rcontent li{margin:3px 0px 5px 0px}

.forsale{padding-left:15px; background:url(../images/sale.gif) no-repeat left center;}
.forrent{padding-left:15px; background:url(../images/rent.gif) no-repeat left center;}