/* Customize Default Theme (NOT Main Colors!) */
/* Default Theme Colors*/

@charset "utf-8";

/******* Fonts */

@font-face {
    font-family: 'comforta';
    src: url('http://assets.rmcloud.com/fonts/comfortaa_thin-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/comfortaa_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/comfortaa_thin-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/comfortaa_thin-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/comfortaa_thin-webfont.svg#comfortaa_regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('http://assets.rmcloud.com/fonts/OpenSans-Light-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/OpenSans-Light-webfont.svg#OpenSans-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-bold';
    src: url('http://assets.rmcloud.com/fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/OpenSans-ExtraBold-webfont.svg#OpenSans-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

BODY {
	margin: 0px 0px 0px 0px;
	background-color: #1D568C;
}

#siteWrapper {
	background: #1D568C url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/site_bg_tile.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	line-height: 1.0em;
	z-index: 1;
}

img {vertical-align:bottom; border: none;} 
object {vertical-align:bottom; padding-bottom:0px;}
embed {vertical-align:bottom; padding-bottom:0px;}
	
P { font-family: Verdana; font-size: 12px; color: #000000; line-height: 2.0em;}
.text {  font-family: Verdana; font-size: 12px;  line-height: 2.0em; color: #424B38}
TD { font-family: Verdana;}
H1 { font-family:Verdana; font-size: 16px; color: #000000;}
H2 { font-family:Verdana; font-size: 14px; color: #000000;}
H3 { font-family:Verdana; font-size: 12px; color: #000000;}
LI { font-family:Verdana; font-size: 12px; color: #000000;}
A:link { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:visited { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:active { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:hover { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
UL { font-family: Verdana; font-size: 12px}
OL { font-family: Verdana; font-size: 12px}

.title {  font-family: Verdana; font-size: 13px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}
.title2 {  font-family: Verdana; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}
.title3 {  font-family: Verdana; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}

TEXTAREA { background-color: #FFFFFF; border: #000000 1px border; color: #333333; font-family: Verdana, Verdana, ms sans serif; font-weight: bold; font-size: 12px; line-height: 2.0em;}

A.clientToolbar:link { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}
A.clientToolbar:visited { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:#000000;}
A.clientToolbar:hover { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}
A.clientToolbar:active { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}

#pageHolder {
	width: 972px;
	margin-left: auto;
	margin-right: auto;
}

#whiteBox {
	padding: 1px;
	background-color: #FFF;
}
#homeSearch {
	background-image:url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/home_search_bg.jpg);
	background-repeat: no-repeat;
	height: 65px;
	position: relative
}
#homeSearchBtn {
	position: absolute;
	right: 0px;
}
#siteHeader {
position: relative;
}
#loginBar {

}
#mainNav {

}
#nav { position: relative; text-align:left; list-style: none; margin: 0px; padding: 0px; overflow-y: visible; z-index:10; height: 49px;}
#nav li { display:inline; list-style:none; margin: 0px; padding: 0px; float:left; position: relative;}
#nav li img {padding:0px; cursor: pointer; margin:0px;}

#nav li ul {display:none; position: absolute; left: -40px; margin: 0px; padding: 0px; width: 215px; background-image: url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/menu_bg_bottom.png); background-position: bottom left; background-repeat: no-repeat;}
*html #nav li ul {display:none; position: absolute; left: -40px; margin: 0px; padding: 0px; width: 215px; background-image: none;}
#nav li ul li {float:left;width:205px;margin:0;padding:0;text-align:center; line-height:1.6em;}
*html #nav li ul li {float: none;}
#nav li ul li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;}
#nav li ul li a {background:url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/menu_over_bg2.gif) repeat 0 0;}

#nav li ul li a:hover, li ul li a:focus, li ul li a:active {background-position:0 60px;}
#nav li ul li a:hover {color: #FFF;}
#nav li.over ul {display: block;}

.menu_border{margin-top: 0px; margin-left: 5px; margin-right: 5px; margin-bottom: 0px; padding: 0px; width: 205px; line-height: 1.6em;}
#menuSpacer {height: 20px; line-height:0em; font-size: 0px;}


#homeHolder {
	background-image: url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/home_autoblog_list_bg.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
#homeHolderBottom {
	background-image: url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/home_autoblog_list_bottom.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#contentLeft {
	width: 725px;
	float: left;
}
#interiorLeft {
	padding:10px 20px;
	width:930px;
}

#compareHolder {
	background: #790000 url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/home_compare_bg.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 306px;
	float: left;
	position: relative;
}
#compareForm {
	padding: 60px 0px 0px 20px;
}
#compareForm input {
	width: 200px;
	font-size: 12px;
	border: 1px solid #A5ACB2;
}
#compareForm select {
	width: 200px;
	font-size: 12px;
	border: 1px solid #A5ACB2;
	margin-top: 15px;
}
#compareBtn {
	position: absolute;
	bottom: 0px;
}
#featuredHolder {
	margin: 9px 10px 10px 10px;
	-margin: 9px 5px 10px 5px;
	float: left;
	width: 457px;
	height: 287px;
	padding: 4px;
	background-color: #B7B7B7;
}
#featuredBG {
	border: 1px solid #929292;
	background-color: #174570;
	background-image: url(http://assets.rmcloud.com/templates/simonchong_com/simonchong_com_images/home_featured_tile.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#homeContentHolder {
	padding: 15px;
	line-height: 1.7em;
}
#interiorContentHolder {
	padding: 15px;
	line-height: 1.7em;
}
#footerInfo {
	padding: 15px 0px 15px 15px;
	line-height: 1.7em;
}
#googleTranslate {
	float: right;
	padding: 15px 15px 15px 5px;
}
#contentRight {
	width: 245px;
	float: right;
}
#autoblogHolder a {
	font-size: 10px;
	line-height: 2.0em;
	color: #FFF;
}
#autoblogListLeft {
	text-align: left;
	padding: 0 10px 20px 25px;
	float: left;
}
#autoblogListRight {
	text-align: right;
	padding: 0px 20px 20px 30px;
	float: left;
}
.searchForms {
	float: left;
	margin-left: 28px;
}
#searchFormNeighbourhood {
	float: left;
}
#searchFormNeighbourhood input {
	width: 216px;
	font-size: 12px;
	border: 1px solid #A5ACB2;
}
#searchFormPrice select {
	width: 74px;
	font-size: 12px;
	border: 1px solid #A5ACB2;
	margin-left: 10px;
}
#searchFormBedBath select {
	width: 74px;
	font-size: 12px;
	border: 1px solid #A5ACB2;
	margin-left: 10px;
}
#searchFormType select {
	width: 150px;
	font-size: 12px;
	border: 1px solid #A5ACB2;
	margin-left: 10px;
}
#homeSearchForms {
	padding: 30px 0px 0px 15px;
}
#featuredBG #slideover-widget {
	width: 455px;
	background-image: url('./simonchong_com_images/featured_listings/background.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}
#featuredBG #slideover-widget #slides {
	width: 415px;
}
#featuredBG #slideover-widget #slides .slide {
	width: 168px;
	height: 195px;
	padding: 10px;
	padding-right: 15px;
	padding-left: 10px;
	background-color: transparent;
	background-image: url('./simonchong_com_images/featured_listings/slide_background.png');
	background-position: top left;
	background-repeat: repeat-x;
	margin-left: 15px;
}
#featuredBG #slideover-widget #slides .slide.moving {
	border: 0px;
	-webkit-box-shadow: none;
	background-color: transparent;
	background-image: url('./simonchong_com_images/featured_listings/moving_background.png');
	background-position: top left;
	background-repeat: no-repeat;
/*	width: 200px;
	height: 215px;*/
}
/* IE6 */
* html #featuredBG #slideover-widget #slides .slide {
	background-image: url('./simonchong_com_images/featured_listings/slide_background.jpg');
	width: 168px;
	height: 190px;
	padding: 10px;
	padding-bottom: none;
}
/* IE6 */
* html #featuredBG #slideover-widget #slides .slide.moving {
	background-image: url('./simonchong_com_images/featured_listings/slide_background.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: rgb(232,241,250);
}

#featuredBG #slideover-widget #slides .slide div.img-holder {
	height: 132px;
}
#featuredBG #slideover-widget #slides .slide img {
	border: 1px solid rgb(203,211,219);
}
#featuredBG #slideover-widget button.prev,
#featuredBG #slideover-widget button.next {
	height: 30px; width: 30px; background-color: transparent; border:0px;
	cursor:pointer;

	margin: 0px;
	padding: 0px;
	
	position: absolute;
	top: 70px;
	
	background-position: center center;
	background-repeat: no-repeat;
}
#featuredBG #slideover-widget button.prev {
	left: 0px;	
	background-image: url('./simonchong_com_images/featured_listings/left_btn.png');

}
#featuredBG #slideover-widget button.next {
	right: 0px;
	background-image: url('./simonchong_com_images/featured_listings/right_btn.png');
}
#featuredBG #slideover-widget button.prev:hover {
	background-image: url('./simonchong_com_images/featured_listings/left_btn_over.png');

}
#featuredBG #slideover-widget button.next:hover {
	background-image: url('./simonchong_com_images/featured_listings/right_btn_over.png');
}
/*#featuredHolder #slideover-widget button.prev.disabled,*/
#featuredBG #slideover-widget button.prev.disabled:hover {
	background-image: url('./simonchong_com_images/featured_listings/left_btn_disabled.png');

}
/*#featuredHolder #slideover-widget button.next.disabled,*/
#featuredBG #slideover-widget button.next.disabled:hover {
	background-image: url('./simonchong_com_images/featured_listings/right_btn_disabled.png');
}
#featuredBG #slideover-widget button span {
	display: none;
}

#translater {
	position:absolute;
	top: 8px;
	left: 500px;
}

#translater h5 {
	width: 109px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	background: #1D568C;
	padding: 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 28px;
	border-bottom: 2px solid #082B4D;
}

#translater h5:hover {
	color:#fff;
	line-height:30px;
	background: #082B4D;
	border-bottom: 1px solid 082B4D;
}

#chinese-translate {
	background: url(simonchong_com_images/chinese-characters-white.png) no-repeat right center;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 125px;
	padding: 20px 40px 0 0;
}

#chinese-translate:hover {
  background: url(simonchong_com_images/chinese-characters-over-white.png) no-repeat right center;
}

/****** Translate Overlay */

.simple_overlay {
  display:none;
  width:373px;
  height: 249px;
  padding:1px;
  background: #696969;
  z-index: 10000;
  -moz-box-shadow: 0 0 20px #000;
  -webkit-box-shadow: 0 0 20px #000;
  position: relative
}

#overlay-content {
  background: url(simonchong_com_images/overlay-content.gif) repeat-x;
  border: 5px solid #e6eaf1;
  padding: 25px;
  text-align: center;
  height: 189px;
}

#overlay-content h1 {
  color: #281c17;
  font-size: 20px;
  padding: 0 0 10px;
  margin:0;
  border-bottom: 1px solid ##284A85;
}

#google-translate {
  border-top: 1px solid #fff;
  padding: 15px 0 0;
}

#google-translate select.goog-te-combo {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #281C17;
  font-family: 'avenir-heavy';
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 5px 3px;
  width: 250px;
}

.simple_overlay .close {
	background: url(simonchong_com_images/close.png);
	position:absolute; 
  right:4px; 
  top:-18px;
	cursor:pointer;
	height:33px;
	width:32px;
}

.simple_overlay .close:hover { background-position: left bottom; }

#exposeMask {
background-color:#C0C0C0!important;
}

#socialMedia {
  height:22px;
  width:300px;
  position:absolute;
  top:11px;
  left: 70px;
  text-align:right;
  padding-right:1px;
}
#socialMedia a {
  display:inline-block;
  *zoom:1;
  *display:inline;
  width:22px;
  height:22px;
  margin-top:1px;
  margin-right:3px;
  background-position:top left;
}
#socialMedia a#linkedinLink {
  width:22px;
  height:22px;
  margin-top:0px;
  margin-right:3px;
  background-image:url(simonchong_com_images/socialicon_linkedin.png);
}
#socialMedia a#facebookLink {
  background-image:url(simonchong_com_images/socialicon_facebook.gif);
}
#socialMedia a#twitterLink {
  background-image:url(simonchong_com_images/socialicon_twitter.gif);
}
#socialMedia a#youtubeLink {
  background-image:url(simonchong_com_images/socialicon_youtube.gif);
}
#socialMedia a#blogLink {
  background-image:url(simonchong_com_images/socialicon_blog.gif);
}
#socialMedia a:hover {
  background-position:top right;
}

#contentRight .right-column-holder {
	position:relative;
	width:245px;
	height:150px;
	background-image:url(simonchong_com_images/bg-right-1.jpg);
	text-align:center;
	text-shadow: -1px 2px 1px rgba(0, 0, 0, 1);
}
#contentRight .right-column-holder p.newsletter {
	font-family: 'opensans';
	color: white;
	margin: 0px 15px 20px;
	font-size: 13px;
	padding: 49px 0px 0px 0px;
}
#contentRight .right-column-holder p.community-header-1 {
	font-family:'opensans';
	color:#FFFFFF;
	font-size: 15px;
	padding: 30px 0px 0px 0px;
	margin-bottom: 0px;
}
#contentRight .right-column-holder p.community-header-2 {
	font-family:'opensans-bold';
	color:#FFFFFF;
	font-size: 21px;
	text-decoration:none;
	display: block;
	padding: 4px 0px 0px 0px;
	margin-bottom: 17px;
}
#contentRight .right-column-holder a.newsletter {
	font-family:'opensans-bold';
	color:#FFFFFF;
	font-size: 21px;
	text-decoration:none;
	display: block;
	padding: 4px 0px 0px 0px;
}
#contentRight .right-column-holder a.newsletter:hover {
	color:#9E3339;
}
#contentRight .right-column-holder.right-column-communities {
	height:415px;
	background-image:url(simonchong_com_images/bg-right-2.jpg);
}
#contentRight ul.communityNavigator li.zone {
	padding: 0px;
	margin: 0px;
	background-color:transparent;
	text-align:center;
	height: 32.5px;
}
#contentRight ul.communityNavigator li.zone h3 {
	font-family:'opensans';
	color:#FFFFFF;
	font-size: 15px;
	text-transform:uppercase;
	line-height: 33px;
	margin: 0px 10px;
}
#contentRight ul.communityNavigator li.zone:hover h3 {
	background-color: rgba(0, 0, 0, 0.15);
}
#contentRight ul.communityNavigator li.zone:hover .communityNavigatorOverlay h3 {
	background-color:transparent;
}
#contentRight ul.communityNavigator li.zone .communityNavigatorOverlay {
	background-color:#0F2E4B;
	right: 11px;
	left:auto;
}
#contentRight ul.communityNavigator li.zone div a {
	text-shadow: -1px 2px 1px rgba(0, 0, 0, 0);
	color:#222;
	text-decoration:none;
}
#contentRight ul.communityNavigator li.zone div a:hover {
	color:#9E3339;
}

#loginBar .textholder {
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-family:'comforta';
	font-size:18px;
	color:#FFFFFF;
	vertical-align: top;
	margin: 16px 0px 0px 30px;
}
#loginBar .textholder a {
	font-family:'comforta';
	font-size:18px;
	color:#FFFFFF;
	vertical-align:top;
	text-decoration:none;
}
#loginBar .textholder a:hover {
	color:#9E3339
}
#loginBar .textholder img {
	margin-top:-3px;
}
#mainNav li a {
	font-family:'comforta';
	font-size:18px;
	color:#FFFFFF;
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:19px 39px;
	text-decoration:none;
}
#mainNav li ul li a {
	font-family: Verdana;
	font-size: 12px;
	color:#FFFFFF;
	display:block;
	margin:0px;
	text-decoration:none;
}
#mainNav li a:hover {
	text-decoration:underline;
}
#mainNav li ul li a:hover {
	text-decoration:none;
}
/* ********************************* SEARCH AREA ***/

#searchForm .field span {
  display: block;
  height: 20px; /* set height of bg image */
  line-height: 20px; /* usually the same as height */
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  padding-left:10px;
}

#searchForm .property_info, #searchForm .property_details {
  display:inline-block;
  *zoom:1;
  *display:inline;
}

#searchForm .neighbourhood,
#searchForm .prop_type { 
  /* usually all the same size */
  width: 150px !important;
}

#searchForm .prop_type span, #searchForm .neighbourhood span { 
  /* usually all the same size */
  width: 150px;
  background-image: url(simonchong_com_images/input-large.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}
#searchForm .region {
	top:34px;
	left:9px;
}
#searchForm .neighbourhood {
	top:34px;
	left:90px;
}
#searchForm .prop_type {
	top:34px;
	left:675px;
}
#searchForm .min_price {
	top:34px;
	left:269px;
}
#searchForm .max_price {
	top:34px;
	left:358px;
}
#searchForm .beds {
	top:34px;
	left:468px;
}
#searchForm .baths {
	top:34px;
	left:560px;
}
#searchForm .region span,#searchForm .min_price span, #searchForm .max_price span,
#searchForm .beds span, #searchForm .baths span { 
  /* usually all the same size */
  width: 74px;
  background-image: url(simonchong_com_images/input-small.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#searchForm ul, #searchForm a {
  display: none;
}

#searchForm .block ul {
  display: block;
  background-color: #FFF;
  border: 1px solid #203F4E;
  max-height: 150px;
  padding: 2px;
  overflow-y: scroll;
  position: absolute;
  top: 20px; /* usually the same as span height */
  left:0px;
  z-index:2;
  margin:0px;
}

#searchForm .block {
  *vertical-align:top;
}

#searchForm .region ul, 
#searchForm .neighbourhood ul,
#searchFrom .prop_type ul { /* usually the same size */
  width: 200px !important;
}

#searchForm .min_price ul, #searchForm .max_price ul,
#searchForm .beds ul, #searchForm .baths ul { /* usually the same size */
  width: 200px !important;
}

#searchForm ul li { /* starting defaults for search form drop down */
  height: 28px;
  border: 1px solid #CDCDCD;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 5px;
  color: #333;
  font-size: 12px;
  line-height: 28px;
}

#searchForm ul li, #searchForm label {
  cursor: pointer;
}

#searchForm button {
  display: block;
  cursor: pointer;
}
#searchFormContainer {
  height:63px;
  width:970px;
  background:transparent url(simonchong_com_images/search-bg.jpg) no-repeat top left;
  position:relative;
  border-bottom:1px solid #CCCCCC;
  margin-top:1px;
  padding-top:1px;
  *z-index:9;
}
#searchFormContainer #searchForm .field {
  color:#000000;
  position:absolute;
  *z-index:20;
}
#searchFormContainer #searchForm .field .form-field {
  *z-index:30;
}
#searchFormContainer #searchForm .field.min_price, #searchFormContainer #searchForm .field.max_price, #searchFormContainer #searchForm .field.beds  {
  *z-index:10;
}
#searchFormContainer #searchForm .field.baths {
  *z-index:10;
}
#searchFormContainer #searchForm .field span {
  height:20px;
  line-height:20px;
}
#searchFormContainer #searchForm .search_button {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #666;
	border: 0px;
	position: absolute;
	top: 7px;
	right: 5px;
	background: none;
}
#searchFormContainer #searchForm .search_button span {
  color:#9d080d;
  display: block;
	font-size: 23px;
  font-weight:bold;
  line-height: 100%;
}
#searchFormContainer #searchForm .search_button:hover {
  color:#FFFFFF !important;
  text-shadow: 1px 1px 1px rgba(0,0,0, 1);
}
#searchFormContainer #searchForm .search_button:hover span {
  color:#FFFFFF !important;
}
#searchFormContainer #searchForm .price_range_separator {
	display:none;
}
#searchform-labels p {
	position:absolute;
	font-size: 12px;
	font-weight: bold;
	color: #444;
}
#searchform-labels .area {
	top:9px;
	left:9px;
}
#searchform-labels .pricerange {
	top:9px;
	left:269px;
}
#searchform-labels .bedbaths {
	top:9px;
	left:468px;
}
#searchform-labels .propertytype {
	top:9px;
	left:675px;
}