@charset "utf-8";
/* Change Color  #FF3300  ,  #F30  to  #68a193
/* CSS Document */
/*
Color
left menu  #00c685

MAIN:
hover:#FEC527

yellow offt  #F5F5C9
Yellow  #FFF111
Yelow dark  #FFC527
Green1  (Roof)   #68A193
Green 2   #7CAAB2
Blue  dark    #285495  

*/
* {
    padding: 0;
    margin: 0;
}
html { background:url(images/full-bg-ver.gif) top center repeat-x #bbdfd6;}

body {width:960px; padding:10px 30px; margin:10px auto;
	font: 12px/18px  Tahoma,Verdana, sans-serif, Helvetica; 
	background:#FFFFFF;
	color:#336699;
} 

/* ----  general styles  ----*/
td{ vertical-align:top}
a { color:#06c; text-decoration: underline;background:none; }
a:hover { color:#fec527; background:none; text-decoration:underline; }

p { padding:10px 0px 0px 0px}
ul { margin: 0; margin-left:30px; padding : 0; }
li {padding-left:0px; margin-left:0px; list-style-position:outside}
blockquote{margin-left:30px; margin-right:20px;}

h1,h2,h3,h4 { margin:10px 0 5px 0px; padding:0;}
h1{font-size:18px; font-weight:normal; line-height:24px;}
h2{font-size:18px; font-weight:normal}
h3{font-size:16px; font-weight:normal}
h4{font-size:16px; font-weight:normal}
h5{font-size:16px; font-weight:normal}
h6{font-size:14px; font-weight:bold}

h1 b,h2 b, h3 b, h4 b, h5 b{display:none}
.hi{display:none}
img { border: 0;}
.h{display:none}
.clear{clear:both; height:1px;}
.clear5{clear:both; height:5px;}
.spacer{font-size:0; line-height:0; clear:both;}
.clear10{clear:both; height:10px;}
.clear20{clear:both; height:20px;}

.colorRoof{color:#68a193}
.colorText{ color:#fec527}
.colorYellow{ color:#fff113}
.colorBlue{color:#295594}

.cG{color:#666}
.cR{color:#F00}
.cB{color:#000}
.cBl{color:#06C}
.cW{color:#FFF}
.cO{color:#F60}

.tN{font-weight:normal}
.tB{font-weight:bold}
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.tdCap{ text-align:right; padding-right:10px;}
.tErr{font-size:11px; color:#F00}

.fR{ float:right}
.fL{ float:left}
.m0{margin:0;}
.p0{padding:0}
.p20{padding:2px 0}
.p2{padding:2px}

.pleft5{padding-left:5px}

.line-solid, line-pink, line-red { clear:both; border: 0; height: 1px; background-color: #CCC; color: #CCC; margin: 5px 0 10px 0; }
.line-pink {background-color: #FAA; color: #FAA; height:1px}
.line-red {background-color: #F00; color: #F00; height:1px}
.line-gray {background-color: #ddd; color: #ddd; height:1px}
.line-dotted{ clear:both; border: 0; height: 1px; background:url(/images/line-dotted.gif) repeat-x top;margin: 5px 0 10px 0; }
.line-break {background-color: #FFFFFF; color: #FFFFFF; height:10px}
.line-shadow1{ background:url(images/lineshadow1.gif) repeat-x top ; height:10px;}
.line-shadow2{ background:url(images/lineshadow2.gif) repeat-x top ; height:10px;}
.line-shadow3{ background:url(images/lineshadow3.gif) repeat-x top ; height:7px;}

.opa:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.opa img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.75;
opacity: 0.7;
}

/*  FRONT PAGE */

#header{ height:200px;}
#header .logo{padding:0; margin:0;}
#header h1, #header p{padding:0; margin:0; margin-top:0px;}
#header h1{ font-size:10px; color:#FFC; float:left; margin-right:10px; font-weight:normal }
#header p{ font-size:10px; color:#FC0;float:left }
#header .translate{float:right; width:150px; margin-top:0px;}
#header .translate img{ border:1px solid #CCC; padding:1px;}

/* PROPERTY DETAIL */
#imageBox{ margin:10px 0px;}
#imageBox .thumb{padding:5px; border:1px solid #CCC}
#imageBox .thumb li{ list-style:none; float:left;}
#imageBox .thumb li a img{padding:2px; background:none }
#imageBox .thumb li a img:hover{ background:#FC6}

#imageBox .descript{ padding:5px;}
#imageBox .det{ padding:5px}

#sendinq{padding:15px;background:url(images/send-inquiry-bg.jpg) top left no-repeat; }
.descript p{ margin:2px 0 8px 0; padding:0} 
.descript, .det{color:#336699; line-height:16px; font-size:11px;}
b.tt, b.tt{color:#fec527; font-size:12px;}
#detail_living ul li{float:left; width:180px; margin-left:15px;}

.FBlock{ /*background:url(images/block-bg.gif) top left no-repeat;*/width:315px;  float:left; text-align:center; margin-bottom:10px; height:265px;}
.FBlock .hd{height:45px;}
.FBlock .sub{ font-size:12px; color:#336699;  margin:0 8px 10px 8px; text-align:left}
.FBlock h4{ color:#68a193}

.FBlock h5{font-size:16px; font-weight:normal; padding:5px 5px 0 5px; margin-top:10px;}
.FBlock p{font-size:14px; margin:0; padding:0}
.FBlock .img{ text-align:left; padding-left:2px; vertical-align:bottom}
.FBlock a{ color:#68a193; text-decoration:none;}
.FBlock a:hover{ color:#fec527; text-decoration:none;}

#tmenu{ font-size:12px; margin:0 auto;  text-align:center; width:950px;}
#tmenu ul{ padding:0; margin:0}
#tmenu ul li{list-style:none; margin:2px; float:left;}
#tmenu ul li a{ text-decoration:none; color:#006699; padding:2px 10px;}
#tmenu ul li a:hover{ background:#fec527; color:#000}

#listmenu{ text-align:left;}
#listmenu li{list-style:none; padding:4px 0px; font-size:14px; font-weight:bold;}
#listmenu li a{ color:#545e5c; text-decoration:none; float:left; height:24px; width:250px;}
#listmenu li a:hover{ color:#224f93; text-decoration:none; background:#fff112; /* background:url(images/action_forward.gif) right no-repeat*/ }

#pagelistmenu{ text-align:left;}
#pagelistmenu li{list-style:none; padding:5px; font-size:14px; font-weight:bold;}
#pagelistmenu li a{ color:#545e5c; text-decoration:none; float:left; width:210px; padding:5px}
#pagelistmenu li a:hover{ color:#224f93; text-decoration:none; background:#FFF111 /* background:url(images/hover1.gif) bottom repeat-x #FFFFCC */}



#navigate a.curr, #navigate a.norm{ color:#487a6e; padding:1px 4px; text-decoration:none}
#navigate a.curr{background: #68A193; color:#FFF}
#navigate a.norm{background: #ffcc33;}
#navigate a.curr:hover, #navigate a.norm:hover{ background:#F90;}
#navigate a{text-decoration:none}



#BODY{/*background:url(images/page-left-bg.gif) top left repeat-y #FFF592; */clear:both}
#Page{ width:240px; float:left; padding:0 0 0 10px;}
#Content{ width:690px; float:left; padding:10px;}
#ContentPage{ width:670px; float:left; padding:10px 20px;}
#Content h1{padding-bottom:15px; margin-right:10px;}

#path{ margin:10px 0px 20px 0;font-size:10px; color:#999}
#path a{  font-size:10px; text-decoration:none; color:#999}



.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}



#footer{ text-align:center; font-size:11px; color:#666; padding:10px 0px;}
#footer p{padding:0; margin:0}
#footer p.menu{padding:2px 0px; margin:0; height:18px;}
#footer p.menu a{ color:#666; text-decoration:none;}

#SFORM{}
#SFORM select, #SFORM input.input{ font-family:Verdana, Geneva, sans-serif; /*background:#FFF592;*/ border:1px solid  #CCC; font-size:14px; width:215px;  height:24px;}
#SFORM .lb{ height:2px; background:#669999; width:215px;}
#SFORM select option{padding-left:10px;}

a.lnkW {text-decoration:none; color:#FFF;}
a.lnkC {text-decoration:none; color:#CCC;}

#translate-frame{ position:absolute; top:130px; padding-left:800px;
height: 20px; overflow: none; height: 40px; overflow: hidden; float: right; margin-top: 2px;
}
#translate-frame .ttt{font-size:10px; color:#F90;}


/* Add FAV Box*/
#addFAV{ width:530px; height:80px; margin-bottom:10px; padding:10px 30px 10px 50px; background:url(images/addIQY.png) no-repeat #9CF;} 
#addFAV{ color:#333333;}
#addFAV a {color:#FF6600} 
#addFAV a:hover {color:#8F2E03}


.PropCount{ color: #3366bd; padding:0 3px; background:#fff}