body {  margin: 0px  0px; padding: 0px  0px; SCROLLBAR-FACE-COLOR: #8FCAB8; SCROLLBAR-HIGHLIGHT-COLOR: #567B96; SCROLLBAR-SHADOW-COLOR: #567B96; SCROLLBAR-3DLIGHT-COLOR: #567B96; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #567B96; SCROLLBAR-DARKSHADOW-COLOR: #567B96 }
.font_menu {  font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #000000}
.font_normal {  font-family: "Verdana"; font-size: 11px; font-style: normal; font-weight: normal}
.button {  font-family: "Verdana"; font-size: 11px; font-style: normal; font-weight: normal}
.button_webboard {  background-color: #DBDBDB; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Verdana; font-size: 11px; font-style: normal; font-weight: bold}
.textbox {  font-family: "Verdana"; background-color: #FFFFFF; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-size: 11px; font-style: normal; font-weight: normal}
.font_link {  font-family: "Verdana"; font-size: 11px; font-style: normal; font-weight: normal; color: #003399}
.font_under {  font-family: "Verdana"; font-size: 11px; font-style: normal; font-weight: normal; color: #003399}
.font_under A:link {
	COLOR: #003399; TEXT-DECORATION: none
}
.font_under A:visited {
	COLOR: #003399; TEXT-DECORATION: none
}
.font_under A:active {
	COLOR: #FF0000; TEXT-DECORATION: none
}
.font_under A:hover {
	COLOR: #FF0000; TEXT-DECORATION: none
}
.font_under_line {  font-family: "Verdana"; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: underline}

.font_normal A:link {
	COLOR: #05275C; TEXT-DECORATION: none
}
.font_normal A:visited {
	COLOR: #05275C; TEXT-DECORATION: none
}
.font_normal A:active {
	COLOR: #FF6600; TEXT-DECORATION: none
}
.font_normal A:hover {
	COLOR: #FF6600; TEXT-DECORATION: none
}

.mainfont {
	font-family: "Verdana";
	font-size: 11px;
	color: #656565;
}
.bottomfont {
	FONT: normal 11px "Verdana";
	COLOR: #666666;
	TEXT-ALIGN: left;
	PADDING: 0 0 10px 0;
	BORDER-BOTTOM: 1px dotted #8FCAB8;
}
.bottomfont_right {
	FONT: normal 10px "Verdana";
	COLOR: #666666;
	TEXT-ALIGN: right;
	PADDING: 10px 0;
}
.font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #57B19D;
}
.font3 {
	font-family: "Verdana";
	font-size: 11px;
	color: #FE8D66;
}

.title {padding-left: 5; font: normal 10px "Verdana";}
.title IMG {border-bottom: 1px dotted #818181;}

.menu { font: bold 10px "Verdana"; color: #5c5c5c; TEXT-ALIGN: left;}
.menu UL { list-style: none; padding: 0; margin: 0; padding-top: 25px;}
.menu LI { width: 100%; border-bottom: 1px dotted #fff; display: block; line-height: 22px; cursor: hand;}
.menu LI A:link { background: url(../../images/arrow_green.gif) no-repeat 1px 4px; color: #5c5c5c; padding: 0px 0 0px 11px; background-color: #8fcab8; width: 100%; cursor: hand; text-decoration: none;}
.menu LI A:visited { background: url(../../images/arrow_green.gif) no-repeat 1px 4px; color: #5c5c5c; padding: 0px 0 0px 11px; background-color: #8fcab8; width: 100%; cursor: hand; text-decoration: none;}
.menu LI A:active { background: url(../../images/arrow_orange.gif) no-repeat 1px 4px; color: #5c5c5c; padding: 0px 0 0px 11px; color: #FFF; background-color: #ff7f53; width: 100%; cursor: hand; text-decoration: none;}
.menu LI A:hover { background: url(../../images/arrow_orange.gif) no-repeat 1px 4px; color: #5c5c5c; padding: 0px 0 0px 11px; color: #FFF; background-color: #ff7f53; width: 100%; cursor: hand; text-decoration: none;}

.content {BORDER-LEFT: 4px #FFF solid;}

.footer {WIDTH: 460; FLOAT: left; font: normal 10px "Verdana"; TEXT-ALIGN: left; MARGIN: 10px 5px 10px 10px; BORDER-RIGHT: 1px #000 solid;}
.copyright {WIDTH: 276; FLOAT: right; font: normal 10px "Verdana"; TEXT-ALIGN: left; MARGIN: 10px 10px 10px 5px;}

/* IMAGES SHOW */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid gray;
}
.highslide:hover img {
	border: 1px solid #567B96;
}

.highslide-image {
	border: 3px solid #67c0ac;
	PADDING: 10px;
    background-color: #f9f9be;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 3px solid #67c0ac;
    border-top: none;
    padding: 5px;
    background-color: #c4e1bb;
	font: normal 10px "Verdana";
	color: #000;
}
.highslide-caption H3 {
	PADDING: 0;
	MARGIN: 0;
	font: bold 16px "Verdana";
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* New style */
.project {BORDER-LEFT: 4px #FFF solid; background: url(../../images/project_en.gif) #f9f9be repeat-y right top; font: normal 10px "Verdana";}
.project .phanason {background: url(../../images/project_footer.jpg) no-repeat right bottom;}
.project .menu-sub {WIDTH: 174px; PADDING: 15px 8px 0 0; TEXT-ALIGN: right;}
.project .menu-sub IMG {MARGIN: 0 0 1px 0; BORDER-LEFT: 1px #8fcab8 solid;}
.project .menu-sub A:link IMG { BORDER-LEFT: 1px #8fcab8 solid; cursor: hand; }
.project .menu-sub A:visited IMG { BORDER-LEFT: 1px #8fcab8 solid; cursor: hand; }
.project .menu-sub A:active IMG { BORDER-LEFT: 1px #ff7f53 solid; cursor: hand;}
.project .menu-sub A:hover IMG { BORDER-LEFT: 1px #ff7f53 solid; cursor: hand;}

.project .menu-sub DIV {PADDING: 0; MARGIN: 0;}
.project .menu-sub DIV IMG {BORDER: 0; PADDING: 5px 0 0 0;}
.project .menu-sub DIV A:link IMG { BORDER: 0px; cursor: hand; }
.project .menu-sub DIV A:visited IMG { BORDER: 0px; cursor: hand; }
.project .menu-sub DIV A:active IMG { BORDER: 0px; cursor: hand;}
.project .menu-sub DIV A:hover IMG { BORDER: 0px; cursor: hand;}


.project .content-sub {WIDTH: 405px; PADDING-BOTTOM: 25px;}
.project .header {MARGIN: 16px 0 15px 21px; font: normal 11px "Verdana";}
.project .header UL {PADDING-TOP: 0; PADDING-BOTTOM: 0;  MARGIN: 0 0 0 15px; }
.project .description {MARGIN-LEFT: 20px; WIDTH: 365px; font: normal 10px "Verdana";}
.project .description .home-plan {WIDTH: 380px; font: normal 10px "Verdana"; TEXT-ALIGN: center;}
.project .description .home-plan .image {TEXT-ALIGN: center;}
.project .description .home-plan .image IMG {PADDING: 3px; BORDER: 1px solid #67C0AC; BACKGROUND-COLOR: #f9f9be;}
.project .description .home-plan .detail {font: normal 11px "Verdana"; PADDING: 0 0 5px 0; LINE-HEIGHT: 18px;}
.project .description .home-plan .detail UL {PADDING: 5px 0 5px 25px; MARGIN: 0;}
.project .description .home-plan H1 {PADDING: 0; MARGIN: 0; FONT: bold 13px "Verdana"; COLOR: #FFF;}
.project .description .home-plan .header {BACKGROUND-COLOR: #ff7f53; TEXT-ALIGN: left; PADDING: 5px; LINE-HEIGHT: 15px; COLOR: #FFF;}

.project .thegreenplaces {WIDTH: 560px; PADDING-BOTTOM: 25px;}
.project .thegreenplaces .description {MARGIN-LEFT: 20px; WIDTH: 520px; font: normal 10px "Verdana";}
.project .thegreenplaces .description .home-plan {WIDTH: 535px; font: normal 10px "Verdana"; TEXT-ALIGN: center;}
.project .thegreenplaces .description .home-plan .image {TEXT-ALIGN: center;}
.project .thegreenplaces .description .home-plan .image IMG {PADDING: 3px; BORDER: 1px solid #67C0AC; BACKGROUND-COLOR: #f9f9be;}
.project .thegreenplaces .description .home-plan .detail {font: normal 10px "Verdana"; PADDING: 0 0 5px 0; LINE-HEIGHT: 18px;}
.project .thegreenplaces .description .home-plan .detail UL {PADDING: 5px 0 5px 25px; MARGIN: 0;}
.project .thegreenplaces .description .home-plan H1 {PADDING: 0; MARGIN: 0; FONT: bold 14px "Verdana"; COLOR: #FFF;}
.project .thegreenplaces .description .home-plan .header {BACKGROUND-COLOR: #ff7f53; TEXT-ALIGN: left; PADDING: 5px; LINE-HEIGHT: 15px; COLOR: #FFF;}

.project_prices .header {font: bold 11px "Verdana"; PADDING: 5px 0; LINE-HEIGHT: 15px;}
.project_prices .remark {font: normal 10px "Verdana"; PADDING: 5px; LINE-HEIGHT: 15px;}
.project_prices .remark UL {PADDING: 0 0 0 25px; MARGIN: 0;}

.parkvill3-price-header {PADDING: 5px 0 3px 8px; font: bold 11px "Verdana";}

.promotion {PADDING: 4px 0 2px 4px;}
.promotion IMG {PADDING: 0 0 2px 0;}

.date {padding-top: 5px; font: bold 11px "Verdana"; color: #5c5c5c;}

.project .apply_jobs {MARGIN-LEFT: 20px; WIDTH: 500px; font: normal 10px "Verdana";}
.project .apply_jobs H1 {PADDING: 0; MARGIN: 0; FONT: bold 14px "Verdana"; COLOR: #FFF;}
.project .apply_jobs H3 {PADDING: 0; MARGIN: 0; FONT: bold 12px "Verdana"; COLOR: #000;}
.project .apply_jobs H5 {PADDING: 0; MARGIN: 0; FONT: bold 12px "Verdana"; COLOR: #FF0000; white-space:nowrap;}
.project .apply_jobs .header {BACKGROUND-COLOR: #ff7f53; TEXT-ALIGN: left; PADDING: 5px; LINE-HEIGHT: 15px; COLOR: #FFF;}
.project .apply_jobs .header2 {BACKGROUND-COLOR: #8fcab8; TEXT-ALIGN: left; PADDING: 5px; LINE-HEIGHT: 15px; COLOR: #FFF;}
.project .apply_jobs .detail {PADDING: 0 0 0 15px;}
.project .apply_jobs UL {MARGIN-LEFT: 25px; }

.table-rate {  font-family: "Verdana"; font-size: 8pt; font-style: normal; font-weight: normal}
.table-rate TD {WHITE-SPACE: nowrap;}
.table-rate .title {FONT: bold 11px "Verdana"; COLOR: #FFF; BACKGROUND-COLOR: #FF7F53;}
.table-rate .list {PADDING: 0 0 0 5px;}

.promote {background: url(../../images/bg.gif) no-repeat left top;}

/* The Green Place By Phanason */
.tabs {padding:10px 0 0 10px; margin:0 10px 0 20px; list-style:none; height:26px; border-bottom:1px solid #000; position:relative;}
.tabs li {float:left; margin-right:-4px; margin-bottom:-1px;}
.tabs li a {display:block; text-decoration:none; font: bold 11px "Verdana"; line-height:23px;}
.tabs li a em {display:block; float:left; height:25px;text-align:center; padding:0 15px; background:#488; border:1px solid #000; border-right:0; font-style:normal; color:#fff;}
.tabs li a span {display:none;}
.tabs li a b {position:relative; display:block; float:left; z-index:100; border-bottom:1px solid #000; width:2px; background:url(../../images/thegreenplaces/tab.gif);}

.tabs li a b.p1 {height:25px; margin-top:1px;}
.tabs li a b.p2 {height:23px; margin-top:3px;}
.tabs li a b.p3 {height:21px; margin-top:5px;}
.tabs li a b.p4 {height:19px; margin-top:7px;}
.tabs li a b.p5 {height:18px; width:1px; background:#000; margin-top:9px; font-size:1px; line-height:0; border:0; white-space: nowrap;}

.tabs li a:hover {color:#000; white-space:normal;}

.tabs li a:hover em {background:#9bb; color:#FF0000; cursor:pointer; border-bottom-color:#9bb; position:relative; z-index:300;}
.tabs li a.selected em {background:#9bb; color:#000; border-bottom-color:#9bb; text-decoration:none; position:relative; z-index:400;}
.tabs li a.selected:hover em {cursor:default;}
.tabs li a.selected:hover b {cursor:default;}
.tabs li a.selected b {z-index:400; background-position:0 -33px; border-bottom-color:#9bb; cursor:pointer;}

.tabs li a:hover b {background-position:0 -33px; border-bottom-color:#9bb; cursor:pointer;}
.tabs li a:hover b.p5, .menu li a.selected b.p5 {background:#000; white-space: nowrap;}

.tabs li a:hover span {display:block; font: normal 11px "Verdana"; position:absolute; left:10px; top:42px; color:#000; white-space:nowrap;}
.tabs li a.selected:hover span {display:none; white-space: nowrap;}

.message {background:#9bb; border:1px solid #000; border-top:0; text-align:right; padding:5px 10px; margin:0 10px 0 20px; color:#fff; font-size:10px; white-space: nowrap;}

.event {font: normal 10px "MS Sans Serif";}
.event IMG {PADDING: 3px; BORDER: 1px solid #8fcab8; MARGIN: 4px;}

/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised h2, .inset p {margin:0 10px;}
.raised h2 {font: bold 15px "Verdana"; color:#fff; letter-spacing:1px; }
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ff7f53; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ff7f53; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ff7f53; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ff7f53; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ff7f53; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ff7f53; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ff7f53; border-left:1px solid #fff; border-right:1px solid #999;}

/* Inset 3D Curved */
.inset {background: transparent; width:100%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset h2, .inset p {margin:0 10px;}
.inset h2 {font: bold 15px "Verdana"; color:#fff; letter-spacing:1px; }
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ff7f53; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ff7f53; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ff7f53; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ff7f53; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ff7f53; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ff7f53; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ff7f53; border-left:1px solid #999; border-right:1px solid #fff;}

.inset2 {background: transparent; width:80%; margin:0 auto;}
.inset2 h1, .inset2 p {margin:0 10px;}
.inset2 h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset2 h2 {font-size:2em; color:#fff; letter-spacing:1px; font-family: Verdana;}
.inset2 p {padding-bottom:0.5em; white-space: nowrap;}

.inset2 .top, .inset2 .bottom {display:block; background:transparent; font-size:1px;}
.inset2 .b1, .inset2 .b2, .inset2 .b3, .inset2 .b4, .inset2 .b1b, .inset2 .b2b, .inset2 .b3b, .inset2 .b4b {display:block; overflow:hidden;}
.inset2 .b1, .inset2 .b2, .inset2 .b3, .inset2 .b1b, .inset2 .b2b, .inset2 .b3b {height:1px;}
.inset2 .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset2 .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset2 .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset2 .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset2 .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset2 .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset2 .b1 {margin:0 5px; background:#999;}
.inset2 .b2, .inset2 .b2b {margin:0 3px; border-width:0 2px;}
.inset2 .b3, .inset2 .b3b {margin:0 2px;}
.inset2 .b4, .inset2 .b4b {height:2px; margin:0 1px;}
.inset2 .b1b {margin:0 5px; background:#fff;}

.inset2 .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

.inset2 .boxcontent OL {PADDING-TOP: 10px; PADDING-RIGHT: 0; PADDING-BOTTOM: 10px;  MARGIN-TOP: 0; MARGIN-RIGHT: 0; MARGIN-BOTTOM: 0; LINE-HEIGHT: 15px;}


.list-data {font: normal 10px "Verdana"; }
.list-data .headone {PADDING: 2px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 1px solid #000; BORDER-RIGHT: 1px solid #000; BACKGROUND-COLOR: #666; font: bold 11px "Verdana"; COLOR: #FFF;}
.list-data .headset {PADDING: 2px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 1px solid #000; BORDER-RIGHT: 1px solid #000; BACKGROUND-COLOR: #999; font: bold 11px "Verdana"; COLOR: #FFF;}
.list-data .data-show {PADDING: 2px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 1px solid #000; BORDER-RIGHT: 1px solid #000; BACKGROUND-COLOR: #EEE; COLOR: #000;}