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

	/* Left */	
		.inner-left { width:215px; float:left; }
		.inner-left .left-menu { margin:0px; padding:0px; list-style:none; }
		.inner-left .left-menu li { margin:0px 0px 5px 0px; background:url(../images/inner/menu-bg.jpg) bottom repeat-x #ffffff; border-radius:5px; box-shadow:0px 0px 6px rgba(0,0,0,0.1); cursor:pointer; }
		.inner-left .left-menu li a { padding:0px 15px 0px 15px; line-height:23px; display:block; color:#000000; }
		.inner-left .left-menu li a:hover { color:#000000; }
		.inner-left .left-menu li:hover { background:url(../images/inner/menu-over-bg.jpg) bottom repeat-x #ffd301; }
		.inner-left .left-menu li.select { background:url(../images/inner/menu-over-bg.jpg) bottom repeat-x #ffd301; }
		.inner-left .left-menu li.select a { background:url(../images/inner/arrow.png) right center no-repeat; margin-right:10px; }
		
		.inner-left .tab-area { background:#f3f3f3; color:#000000; padding:17px; font-size:11px; border-radius:5px; box-shadow:0px 0px 32px rgba(0,0,0,0.1) inset; }
		.inner-left .tab-area .title { font-size:15px; padding-bottom:16px; }
		.inner-left .tab-area .group { box-shadow:2px 2px 3px rgba(0,0,0,0.14); position:relative; }
		.inner-left .tab-area input { border:0px; width:171px; padding:3px 5px 3px 5px; line-height:15px; height:15px; font-size:11px; color:#b7b7b7; }
		.inner-left .tab-area input.focus { color:#333333; }
		.inner-left .tab-area .br { height:15px; overflow:hidden; clear:both; }
		.inner-left .tab-area .select { width:100%; position:relative; }
		.inner-left .tab-area .select input { width:150px; }
		.inner-left .tab-area .half-group { position:relative; width:100%; float:left; }
		.inner-left .tab-area .half-select { width:83px; float:left; }
		.inner-left .tab-area .half-select input { width:51px; text-align:center; }
		.inner-left .tab-area .line { width:14px; height:21px; text-align:center; line-height:21px; float:left; }

		.inner-left .tab-area .select-text { background:#ffffff; color:#b7b7b7; width:150px; height:15px; float:left; line-height:15px; padding:3px 5px 3px 5px; text-align:left; cursor:pointer; overflow:hidden; }
		.inner-left .tab-area .half-group .select-text { width:51px; text-align:center; }
		.inner-left .tab-area .select-text.select { color:#333333; }
	
		.inner-left .tab-area .option-list { background:#ffffff; position:absolute; top:21px; left:0px; max-height:300px; overflow:auto;  display:none; z-index:10000; 
			min-width:100%;
			box-shadow:0px 0px 10px rgba(0,0,0,0.3);
		}
		.inner-left .tab-area .option-list input { width:11px; height:11px; }
		.inner-left .tab-area .option-list .option-group { padding:3px 10px 8px 10px; }
		.inner-left .tab-area .option-list span { font-weight:bold; }
		.inner-left .tab-area .option-list .sub-option { margin:0px; padding:0px 0px 0px 0px; list-style:none; }
		.inner-left .tab-area .option-list .sub-option .sub-option-title { font-weight:bold; font-size:13px; padding-bottom:3px; margin-bottom:3px; padding-top:15px; border-bottom:1px solid #eeeeee; }
		.inner-left .tab-area .option-list .sub-option li { white-space:nowrap; line-height:15px; }
		.inner-left .tab-area .option-list .sub-option li a { padding:2px 10px 2px 10px; }
		.inner-left .tab-area .option-list.half { min-width:83px; white-space:nowrap; }
		.inner-left .tab-area .option-list .item { cursor:pointer; padding:3px 10px 3px 10px; }
		.inner-left .tab-area .option-list .item:hover { background:#f3f3f3; }
		
		
		.inner-left .action-panel { padding-top:30px; width:100%; }
		.inner-left .action-panel .btn-search { float:right; }
		.inner-left .action-panel a { color:#000000; text-decoration:underline; padding-top:10px; display:inline-block; }
	
			.inner-left .left-building {width:210px;padding-top:30px;}
		.inner-left .left_build_list_pic{max-width:100px;}
	
	
	/* Right */
		.inner-right { width:714px; float:right; }
	
	
		/**
		* Property List View
		*/
			.property-list-view { margin:5px 20px 5px 20px; border-bottom:1px solid #dedede; padding:15px 10px 15px 10px; }
			.property-list-view .content { padding-right:5px; }
			.property-list-view .name a { color:#5d3c19; font-weight:bold; font-size:14px; }
			.property-list-view .location a { color:#b37d00; font-size:12px; }
			.property-list-view .detail { padding-top:5px; line-height:16px; font-size:12px; color:#646464; }
			.property-list-view .detail b { font-weight:normal; color:#000000; }
			.property-list-view .detail .ref { color:#9f9f9f; }
			.property-list-view .photo { width:213px; padding-left:20px; }
			.property-list-view .photo .photo-border { padding:6px; border:1px solid #e7e7e7; position:relative; overflow:hidden; width:198px; height:131px; }
			.property-list-view .photo .photo-border .ribbon { position:absolute; top:0px; right:0px; }
			.property-list-view .photo .photo-border td { vertical-align:middle; text-align:center; padding:0px; margin:0px; }
			.property-list-view .photo .photo-border td img { margin:auto; }
		
			.property-list-view .bot { padding:10px 5px 5px 5px; position:relative; }
			.property-list-view .bot .btn-detail { float:right; color:#646464; font-size:12px; padding-top:4px; }
			.property-list-view .bot .btn-detail:hover { color:#ffb300; }
	
		/**
		* Property Detail
		*/
			.property-detail { overflow:hidden; }
			.property-detail .property-name { font-size:16px; font-weight:bold; padding:5px 10px 10px 10px; border-bottom:1px solid #e5e5e5; }
			.property-detail .property-name .ref { color:#9f9f9f; font-size:11px; }

			/* Left */
				.property-detail .detail-left { width:434px; float:left; }
				.property-detail .detail-left .top-info-container { padding:10px; }
				.property-detail .detail-left .top-info-container .price { color:#8c0505; font-size:14px; font-weight:bold; }
				.property-detail .detail-left .top-info-container .unit { color:#313131; font-size:12px; padding-top:3px; }
				
				.photo-container { border:1px solid #dddddd; }
				.photo-container .large { width:414px; height:305px; overflow:hidden; padding:9px; }
				.photo-container .large td { vertical-align:middle; text-align:center; }
				.photo-container .large img{ max-width:100%; max-height:100% }
				.photo-container .thumbnail { background:#f3f3f3; position:relative; height:106px; }
				.photo-container .thumbnail .list { width:387px; height:88px; position:absolute; top:10px; left:22px; white-space:nowrap; overflow:hidden; }
				.photo-container .thumbnail .list .scroll { position:absolute; top:0px; left:0px; }
				.photo-container .thumbnail .list div { display:inline-block; margin:0px 1px 0px 1px; }
				.photo-container .thumbnail .list img { max-width:119px; max-height:88px; padding:3px; background:#ffffff; border:1px solid #dddddd; cursor:pointer; }
				.photo-container .thumbnail .btn-prev { background:url(../images/inner/photo-prev.png); width:18px; height:49px; overflow:hidden; position:absolute; top:27px; left:0px; }
				.photo-container .thumbnail .btn-next { background:url(../images/inner/photo-next.png); width:18px; height:49px; overflow:hidden; position:absolute; top:27px; right:0px; }
				.photo-container .thumbnail .btn-prev:hover { background-position:0px -49px; }
				.photo-container .thumbnail .btn-next:hover { background-position:0px -49px; }
				
			
			/* Right */
				.property-detail .detail-right { width:262px; float:right; }
			
				/**
				* Property Features
				*/
					.features { padding-top:10px; font-weight:bold; clear:both; }
					.features-list { margin:5px 0px 10px 0px; padding:0px; list-style:none; overflow:hidden; }
					.features-list li { background:url(../images/inner/icon-tick.png) no-repeat 0px 2px; padding-left:15px; float:left; width:114px; font-size:12px; margin:0px 5px 5px 0px; }
	
	
				/**
				* Property Map
				*/
					.property-map { margin-top:47px; position:relative; }
					.property-map .area { border:1px solid #dddddd; }
					.property-map .area .map { width:243px; height:271px; padding:9px; }
					.property-map .area .map #map { width:243px; height:271px; }
					.property-map .tab { position:absolute; top:-31px; left:0px; }
					.property-map .tab .item { float:left; margin:5px 5px 0px 0px;; height:25px; background:#f7f7f7; border:1px solid #dddddd; padding:0px 10px 0px 10px; line-height:25px; white-space:nowrap; border-radius:5px 5px 0px 0px; cursor:pointer; }
					.property-map .tab .item.select { background:#ffffff; margin-top:0px; height:30px; line-height:30px; border-bottom:1px solid #ffffff; }
					.property-map .tab img { vertical-align:text-top; }
					.property-map .action { padding:0px 10px 10px 10px; }
					.property-map .action img { vertical-align:text-top; }
				
				/**
				* Content Panel
				*/
					.content-panel { margin-top:20px; }
					.content-panel .name { font-size:12px; font-weight:bold; padding-bottom:3px; }
					.content-panel .group { border-top:3px solid #ffb300; background:#f6f6f6; overflow:hidden; }
	
	
				/**
				* Agent Info
				*/
					.agent-info { font-size:12px; color:#626262; margin:10px; width:240px; }
					.agent-info b { color:#000000; }
					.agent-info td { vertical-align:middle; border-bottom:1px solid #cccccc; padding:5px 0px 5px 0px; }
					.agent-info tr:last-child td { border-bottom:0px; padding-bottom:0px; }
	
				
				/**
				* Form
				*/
					.right-form { font-size:12px; margin:10px; }
					.right-form .title { margin-bottom:2px; }
					.right-form .title span { color:#d33636; }
					.right-form .input { margin-bottom:10px; }
					.right-form input { width:220px; border:0px; box-shadow:2px 2px 0px rgba(0,0,0,0.1); font-size:11px; padding:4px 10px 4px 10px; }
					.right-form textarea { width:220px; height:85px; border:0px; box-shadow:2px 2px 0px rgba(0,0,0,0.1); font-size:11px; padding:4px 10px 4px 10px; }
					.right-form .action-panel { overflow:hidden; clear:both; }
					.right-form .action-panel .required-field { color:#d33636; float:left; }
					.right-form .action-panel .btn-send { background:url(../images/btn-send.png); width:86px; height:31px; overflow:hidden; float:right; cursor:pointer; }
					.right-form .action-panel .btn-send:hover { background-position:0px -31px; }
	
	
				/**
				* Property Event
				*/
					.property-event-list { padding:20px; border-bottom:1px solid #e5e5e5; }
					.property-event-list a { padding:5px 24px 5px 24px; display:inline-block; cursor:pointer; }
					.property-event-list .btn-refer-friend { background:url(../images/inner/icon-refer-friend.png) no-repeat 0px 5px; }
					.property-event-list .btn-save-items { background:url(../images/inner/icon-save-items.png) no-repeat 1px 3px; }
					.property-event-list .btn-print { background:url(../images/inner/icon-print.png) no-repeat 0px 4px; }
					.property-event-list .btn-more { background:url(../images/inner/icon-more.png) no-repeat 0px 4px; }
					.property-event-list .btn-mortgage-calculator { background:url(../images/inner/btn-calculator.png) no-repeat 0px 5px; }
	
	
				/**
				* Property Share
				*/
					.property-share { padding:8px 10px 5px 10px; }
					.property-share a { cursor:pointer; }
					.property-share img { vertical-align:text-top; }
				
				
				/**
				* Property Search
				*/
					.no-result { padding:30px; min-height:400px; }
	
		/**
		* Popular Districts
		*/
			.popular-districts-search { background:f9f9f9; border-radius:5px; box-shadow:0px 0px 32px rgba(0,0,0,0.1) inset; padding:25px; overflow:hidden; }
			.popular-districts-search .district { padding-top:10px; font-weight:bold; clear:both; font-size:14px; }
			.popular-districts-search .district-list { margin:5px 0px 20px 0px; padding:0px; list-style:none; }
			.popular-districts-search .district-list li { margin:0px 5px 10px 0px; float:left; }
			.popular-districts-search .district-list li a { padding:3px 10px 3px 20px; background:url(../images/grey-arrow.png) no-repeat #e2e2e2 8px 6px; font-size:12px; }
			.popular-districts-search .district-list li a:hover { background-image:url(../images/white-arrow.png); background-color:#f8ad00; color:#ffffff; }
			.popular-districts-search .district-list li a.select { background-image:url(../images/white-arrow.png); background-color:#f8ad00; color:#ffffff; }
			.popular-districts-title { margin-bottom:10px; }
			.popular-districts-title .title1 { font-size:20px; letter-spacing:-0.5px; font-weight:bold; }
			.popular-districts-title .title2 { color:#a8a8a8; font-weight:bold; font-size:13px; }
			
		/**
		* Residential Buildings
		*/
			.residential-building { padding:20px 30px 20px 30px; font-size:12px; line-height:17px; }
			.residential-building .title { font-size:14px; font-weight:bold; }
			.residential-building .residential-building-table td { padding:15px 0px 15px 0px; border-bottom:1px solid #ededed;  }
			.residential-building .residential-building-table tr.last td { border-bottom:0px; }
			.residential-building .residential-building-table .location a { color:#c2941e; }
			.residential-building .address-list { overflow:hidden; width:520px; }
			.residential-building .address-list .column { width:50%; float:left; }
			.residential-building .inner-margin {  height:1px; background:#ffba0d; overflow:hidden; margin:15px 0px 15px 0px; }
			
		/**
		* List Your Property
		*/
			.list-your-property { padding:20px; font-size:12px; }
			.list-your-property .remark { color:#868686; }
			.list-your-property .fieldset { background:#f3f3f3; padding:10px; margin-top:20px;  }
	


		/**
		* About Us
		*/
			.aboutus { background:url(../images/aboutus/photo.jpg) no-repeat left top; padding:40px 37px 40px 282px; min-height:520px; }
			.aboutus .page-title { color:#ffb300; font-size:18px; font-weight:bold; }
			.aboutus .page-section { color:#986a00; font-size:13px; font-weight:bold; padding:2px 0px 20px 0px; border-bottom:1px solid #e4e4e4; }
			.aboutus .info { line-height:18px; text-align:justify; }
			.aboutus .info .title { padding-top:30px; }	
	
	
		/**
		* Our Services
		*/
			.services { background:url(../images/services/photo.jpg) no-repeat left top; padding:40px 37px 40px 282px; min-height:520px; }
			.services .page-title { color:#000000; font-size:18px; font-weight:bold; }
			.services .info { line-height:18px; text-align:justify; }
			.services .info .title { padding-top:30px; }	
	
	
		/**
		* New Development
		*/
			.new-developments { padding:0px; margin:10px 8px 10px 8px; overflow:hidden; }
			.new-developments .top-title { margin:10px 0px 10px 0px; overflow:hidden; position:relative; }
			.new-developments table { border-collapse:separate; border-spacing:6px; padding:0px 4px 0px 4px; }
			.new-developments .page-title { color:#000000; font-size:18px; font-weight:bold; margin:10px 10px 10px 10px; }
			.new-developments .item { border:1px solid #e5e5e5; width:20%; padding-bottom:8px; }
			.new-developments .item .photo { width:100%; height:110px; }
			.new-developments .item .photo td { padding:0px; margin:0px; }
			.new-developments .item .photo td img { max-width:170px; max-height:100px; }
			
		/**
		* Contact Us
		*/	
			.contact-us { width:600px; margin:0px auto 20px auto; }
			.contact-us .company-name { font-size:18px; }
			.contact-us .licence { font-size:11px; padding-bottom:15px; }
			.contact-us .contact-info { border-collapse:separate; border-spacing:3px; }
			.contact-us .contact-info td { padding:3px 8px 3px 8px; }
			.contact-us .contact-info tr td:first-child { background:#eeeeee; width:100px; }
			.contact-us .button-panel { margin-top:5px; }
			
		/**
		* Mortgage Calculator
		*/
			.mortgage-calculator { width:720px; margin:auto; }
			.mortgage-calculator input { border:1px solid #cccccc; padding:3px 6px 3px 6px; margin-right:3px; }
			.mortgage-calculator .mg-top { clear:both; overflow:hidden; padding:15px; font-size:12px; }
			.mortgage-calculator .mg-top td { vertical-align:middle; padding-bottom:5px; }
			.mortgage-calculator .mg-top .left { width:350px; float:left; }
			.mortgage-calculator .mg-top .left .title { width:115px; }
			.mortgage-calculator .mg-top .left input { width:138px; }
			.mortgage-calculator .mg-top .right { float:right; width:294px; background:#f7f7f7; border-radius:5px; padding:16px; }
			.mortgage-calculator .mg-top .right .title { width:190px; }
			.mortgage-calculator .mg-top .right input { width:100px; text-align:right; }
			.mortgage-calculator .mg-top .right .text-right { text-align:right; padding-right:10px; }
			.mortgage-calculator .mg-top .right a { text-decoration:underline; }
			.mortgage-calculator .mg-top .right .space { padding:10px 0px 10px 0px; }
			.mortgage-calculator .mg-top .right .space .line { height:2px; background:#333333; }
			.mortgage-calculator .remark td { vertical-align:top; }
			.calculation-result { background:#f7f7f7; margin:20px; border-radius:5px; overflow:hidden; }
			.calculation-result .header { background:#ffb300; padding:10px 15px 10px 15px; }
			.calculation-result .content { padding:20px; }
			.calculation-result .content .summary { padding:0px 10px 0px 10px; overflow:hidden; font-size:12px; }
			.calculation-result .content .summary .box { width:155px; float:left; text-align:center; }
			.calculation-result .content .summary .box .number { padding:13px 0px 13px 0px; font-size:13px; font-weight:bold; background:#ffffff; margin:3px 0px 20px 0px; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
			.calculation-result .content .summary .box2 { width:30px; text-align:center; float:left; padding-top:30px; }
			.calculation-result .content .summary .clear { clear:both; }
			.calculation-result .content .split-line { background:#d8d8d8; width:100%; height:1px; clear:both; margin:20px auto 20px auto; }
	
			.repayment-schedule { }
			.repayment-schedule td { vertical-align:middle; text-align:center; border:1px solid #d8d8d8; background:#ffffff; padding:10px; }
			.repayment-schedule .header td { background:#d8d8d8; }
			.repayment-schedule .sub-header td { background:#ededed; }
	
	/**
	* Override
	*/
		.inner-left .select-arrow { background-image:url(../images/select-arrow2.jpg); }
		.btn-search { background-image:url(../images/btn-search2.png); }

		.btn-search.highlight { background-image:url(../images/btn-search-highlight.png); }
		
		/* Paging */
			.paging { text-align:right; padding:15px 20px 20px 20px; color:#9c9c9c; font-size:11px; }
			.paging a { color:#9c9c9c; font-size:11px; display:inline-block; line-height:21px; text-align:center; padding:0px 8px 0px 8px; }
			.paging a:hover { background:#ffc20f; color:#000000; }
			.paging a.select { background:#ffc20f; color:#000000; }
			.paging .next { margin-left:5px; }
			.paging .prev { margin-right:5px; }
			.paging .disable { padding:0px 8px 0px 8px; }
		
		/* Outdoor Area */
			.outdoor-area { margin:0px; }
	
		.column-form select.select-half { width:122px; }
		.column-form .to { width:24px; text-align:center; display:inline-block; }	
		.column-form span { color:#ff0000; }