html, body {background: url(../images/propertieshk/bg.gif) repeat-x 0 81px;}

#navTitle {background-image:url(../images/propertieshk/title_propertieshk.gif);}
#mainContainer {background: url(../images/propertieshk/bg_image.jpg) no-repeat 0 83px;}
#leftPart #titleBg {background-color: #989C5F;}
h2 {color: #8D8752;}
h5 {font-size: 120%;}
.floorPlan h5 {font-size: 100%;}

ul.leftNavMenu li a:hover, ul.leftNavMenu li a.active {color: #9A945A;}
ul.leftNavMenu li.subLink1 a:hover, ul.leftNavMenu li.subLink1 a.active {background-image: url(../images/propertieshk/1.gif);}
ul.leftNavMenu li.subLink2 a:hover, ul.leftNavMenu li.subLink2 a.active {background-image: url(../images/propertieshk/2.gif);}
ul.leftNavMenu li.subLink3 a:hover, ul.leftNavMenu li.subLink3 a.active {background-image: url(../images/propertieshk/3.gif);}
ul.leftNavMenu li.subLink3 a:hover, ul.leftNavMenu li.subLink4 a.active {background-image: url(../images/propertieshk/4.gif);}

ul.leftNavMenu li ul li a:hover, ul.leftNavMenu li ul li a.active {background-image: url(../images/propertieshk/bullet_sub_menu.gif) !important;}

#print {background: url(../images/propertieshk/icon_print.gif) no-repeat 0 3px;}
#email {background: url(../images/propertieshk/icon_email.gif) no-repeat 0 3px;}
#save {background: url(../images/propertieshk/icon_save.gif) no-repeat 0 3px;}

/*tab*/
.btnTab a {font-size:10px;}
.btnTab a.selected, .btnTab a:hover, .btnTab a.mouseon {background-image:url(../images/propertieshk/tab_l_on.gif); color:#9A945A; text-decoration:none;}
/*end tab*/


#propertieshk_menu {position: relative;}
/*#propertieshk_menu .searchPart a {position:absolute; top:-73px; left: -4px; height:19px; overflow: hidden; text-align: right; padding: 3px 5px 0 0;}*/
#propertieshk_menu .searchPart {}
#searchBtn a {padding: 0; background: url(../images/propertieshk/search_btn.gif) 0 0 no-repeat; height: 19px; width: 239px; padding: 0;}
#searchBtn a:hover, #searchBtn a.active {background-position:0 -19px;}
#searchBtn {position: absolute; left: -4px; top:-59px; }
#searchListPulldownMask {position: absolute; top: -43px; left: -727px; width: 963px; /*z-index: 1000;*/ overflow:hidden; height:1px;}
#searchListPulldown {position: absolute; top: 0; left: 0; width: 962px; visibility: hidden;}
#searchListPulldown .searchTop, #searchListPulldown .searchBtm {background: url(../images/propertieshk/bg_searchlist_top.png) right repeat-x; width: 962px; height: 3px; overflow: hidden; border-bottom: 1px solid #3C7B77; margin-left: 1px;}
#searchListPulldown .searchBtm {border-top: 1px solid #3C7B77; margin-left: 1px; border-bottom: none; background: url(../images/propertieshk/bg_searchlist_btm.png) right repeat-x; height: 2px;}
#searchListPulldown .searchMid {height: 160px; background-color: #FFFFFF; background: url(../images/propertieshk/bg_searchlist_mid.gif) bottom repeat-y #ffffff; width: 966px}
.searchMidWrapper {background-color: #FAF9F8; width: 959px; margin: 0 1px 0 3px; padding: 8px 0;}
.nature, .types, .zone, .properties {width: 221px; background: url(../images/dash_verticle.gif) right repeat-y; margin: 0 0 0 1px; height: 118px; float: left;}
.types, .zone {width: 240px;}
.properties {background-image: none; width: 100%; padding-right: 20px;}

.searchMidWrapper dl dd a {padding: 5px 25px 5px 7px; font-size: 10px; color: #333333; display: block; font-weight: normal; font-size:100%;}
.searchMidWrapper dl dd a:hover, .searchMidWrapper dl dd a.active {background: url(../images/arrow_green.gif) 200px 8px no-repeat #EAE9E8; color: #3C7B77; margin: 0 3px 0 0; font-weight: bold; color: #3C7B77;}
.searchMidWrapper dl.types dd a:hover, .searchMidWrapper dl.zone dd a:hover, .searchMidWrapper dl.properties dd a:hover, .searchMidWrapper dl.types dd a.active, .searchMidWrapper dl.zone dd a.active, .searchMidWrapper dl.properties dd a.active  { background-position: 219px} dl.properties { width: 215px;}
.searchMidWrapper dl.properties dd a:hover, .searchMidWrapper dl.properties dd a.active {background: url(../images/btn_go_search.gif) right 5px no-repeat #EAE9E8; margin-right: 0;}

.searchArea {background-color:#FFFFFF; width: 958px; margin-left: 4px; border-top: 1px solid #CCCCCC;}
.searchArea div {float: left; padding: 8px 0 9px 11px; background: url(../images/green_stroke.gif) no-repeat right bottom;}
.searchArea div.natureName {width: 209px;}
.searchArea div.propertiesName {background-image: none;}
.searchArea div.typeName, .searchArea div.zoneName, .propertiesName {width: 231px;}

.searchScroll {width:250px; position:relative; float:left;}
#searchScrollContainer {width:95%; position:relative; overflow:hidden; height:118px; z-index:10;}
#searchScrollContainer .Scroller-Contain
er {width:100%;}
#searchScrollbar-Container {right:0; top:0; width:9px; position:absolute; }
#searchScrollbar-Container .Scrollbar-Track {position:relative; width:9px; height:120px; overflow:hidden; cursor:pointer; margin:0;}
#searchScrollbar-Container .Scrollbar-Handle {position:absolute;top:0px; width:3px; height:50px; cursor:pointer; background:#3c7b77; border-left:solid 3px #faf9f8; border-right:solid 3px #FFF;}
.searchScroll .Scrollbar-Disabled .Scrollbar-Handle{visibility:visible; background:#faf9f8 !important;}

#hkLeaseContentWrapper {padding: 6px 0 0 0;}
/*.hkLeaseMap {float: left; border:1px solid #EBEBEB;}*/
/*.hkLeaseMap {float: left; border:1px solid #EBEBEB; margin-right: 20px;}*/
.hkLeaseMap {float: left; margin-top: 13px; position:relative;}
/*.hkLeaseDetail {float: left; padding: 14px 10px 0 20px; width: 253px;}
.hkLeaseDetail {float: left; padding: 7px 10px 0 20px; width: 315px;}*/
/*.hkLeaseDetail {float: left; padding: 7px 0 0 20px; width: 325px;}*/
.hkLeaseDetail {float: left; padding: 7px 0 0 22px; width: 318px;} /*NEW 2010 01 07*/
.hkLeaseDecLinkSmallSize {font-weight: bold;font-size:95%;}
.hkLeaseDecLinkSmallSize a:link {color: #0426f6;}
.hkLeaseDecLinkSmallSize a:hover {color: #0426f6;}
.hkLeaseDecLinkSmallSize a:active {color: #0426f6;}
.hkLeaseDecLinkSmallSize a:visited {color: #0426f6;}
.hkLeaseDecLink{font-weight: bold ;}
.hkLeaseDecLink a:link {color: #0426f6;}
.hkLeaseDecLink a:hover {color: #0426f6;}
.hkLeaseDecLink a:active {color: #0426f6;}
.hkLeaseDecLink a:visited {color: #0426f6;}
.hkLeaseDes {background:url(../images/grey_dash.gif) repeat-x top; margin-top: 13px; padding-top: 12px;}
/*.hkLeaseDes .mask {position:relative; width:90%; height:344px; overflow:hidden; float:left; }*/
.hkLeaseDes .mask {position:relative; width:90%; height:351px; overflow:hidden; float:left; }
.hkLeaseDivisionLeft { float:left; width: 356px; margin-left:0px; }
.hkLeaseDivisionRight { float:left; width: 349px; margin-left:0px; }
.hkLeaseDes ul { padding: 0 0 10px 0;}
.hkLeaseDes ul li { padding-bottom: 0;}


#useScrollbar .Scrollbar-Track_2 {background:#f2f1ef;}

.hkLeasebtm {margin-top: 22px;}
/*.floorPlan {float: left; width: 320px;}*/
.floorPlan {float: left; width: 318px; padding-left:22px; display: none;} /*NEW 2010 01 07*/
.floorPlan table {margin-top: 5px; border: none; background: url(../images/propertieshk/bg_floorplan_table.gif) #F8F8F3 repeat-x top; }
.floorPlan table tr th {background:url(../images/arrow_yellow.gif) no-repeat 6px 11px; font-weight: normal; padding: 6px 0 8px 15px; line-height: 130%;}
.floorPlan table tr td {padding: 3px 5px 5px 0; border-bottom: none;}
.floorPlan table tr td.evenrow, .floorPlan table tr th.evenrow {background-color: #FFFFFF;}
/*.gallery {width: 446px; float: left; border: 1px solid #EBEBEB; margin-left: 25px;}*/
/*.gallery {width: 354px; float: left; border: 1px solid #EBEBEB; margin-left: 0x; height: 520px;}*/
.gallery {width: 354px; float: left; border: 1px solid #EBEBEB; margin-left: 0px; height: 410px;}
/*#hkLeaseCurrentImg {padding: 10px; float: left;}*/
#hkLeaseCurrentImg {padding: 10px; float: left;}
#hkLeaseCurrentImg img {display:none;}
.hkLeaseScroller, .hkSaleScroller {position:relative; margin-top: 10px;}
.hkSaleScroller {float: left; }

.hkLeaseScroller table, .hkLeaseScroller table td, .hkSaleScroller table, .hkSaleScroller table td, .hkSaleScroller table th {border: none; padding: 0; margin: 0; }

.hkLeaseScroller table td {padding-bottom: 12px;}
.hkSaleScroller table, .hkSaleScroller table td { line-height: 130%;}
.hkSaleScroller table td, .hkSaleScroller table th {padding: 0 0 10px 4px; color: #666666; font-size: 80%; font-weight:bold;}
.hkSaleScroller table th { background: none; padding: 0px 0 0 4px; vertical-align:top;}

.hkLeaseScroller table td a, .hkSaleScroller table td img {border: 1px solid #999999; padding: 1px;}
.hkLeaseScroller table td a:hover, .hkLeaseScroller table td a.active {border: 2px solid #9A945A ; padding: 0;}

.arrowUp { margin-left: 30px;}
.arrowDown {margin: 220px 0 0 30px;}
.arrowTop { margin: 0 0 0 35px;}
.arrowBtm {margin: 225px 0 0 40px;}
/*.gallery_nav_slides_mask { width: 84px; height:210px; overflow: hidden; position: absolute; top: 16px; left: 0;}
.gallery_nav_slides { height:222px; position: absolute;}*/
.gallery_nav_slides_mask { width: 252px; height:80px; overflow: hidden; position: absolute; top: 16px; left: 0;}
.gallery_nav_slides {width: 252px; position: absolute;}

#galleryLinks, #gallerySubLinks {position:absolute;	left:0;	top:0;}
#gallerySubLinks td {padding:0 5px;}
#galleryLinks a {display:block;}

.leasePulldown {background-color: #F5F5F5; filter: Alpha(Opacity=90); -moz-opacity: 0.90;	opacity: 0.90;	position: absolute;	border: 1px solid #BFBBB8;	width: 703px;	/*left: -1px;*/ left: 0px;	top: 26px; padding-left: 4px; visibility:hidden;}

.hkPart, .klPart, .ntPart {width: 232px; float: left;}
.ntPart {width: 236px;}
.hkPart .drowdownTitle, .klPart .drowdownTitle, .ntPart .drowdownTitle {background-color: #FFFFFF; padding: 7px 0 0 20px; border-bottom: 1px solid #CBCBCB; height: 16px;}

/*scroller list*/
.drowdownItme {border-top: 1px solid #E3E4E4; padding: 5px 0 0 20px; background: url(../images/dash_verticle.gif) repeat-y left;}
.noBg {background: none;} 
.drowdownItme .drowdownItmeLink {float:left; width:190px; height:276px; overflow:hidden; position:relative; color:#666666; font-size: 75%; }
.drowdownItme dl dd a, .drowdownItme dl dd a:hover {background: url(../images/arrow_grey.gif) no-repeat 0px 8px;  /*font-size: 90%;*/ font-weight: normal; color:#333333; padding:0 0 8px 15px; float:none; display:block; width:175px;}

.Scroller-Container {position:absolute; top:0px; left:0px;}
.Scrollbar-Track {position:relative; margin:4px 0; width:8px; height:271px; overflow:hidden;	cursor:pointer;}
/*.Scrollbar-Track_2 {position:relative; margin:4px 0; width:8px; height:335px; overflow:auto;	cursor:pointer;}*/
.Scrollbar-Track_2 {position:relative; margin:4px 0; width:8px; height:335px; overflow:auto;	cursor:pointer;}
.Scrollbar-Handle {position:absolute;	top:0px; width:8px; height:200px; cursor:pointer;	background-color:#BCB8B4;}
.Scrollbar-Container {float:right; padding-right: 4px;}
.Scrollbar-Container.last {padding-right: 0px;}
.Scrollbar-Disabled {visibility:hidden;}
/*end of scroller list*/

#leaseGallery {margin-top:5px;}
#leaseGallery .photo a {display:none;}
#leaseGallery .nav { float:right; padding-top:10px; padding-bottom:10px; }
#leaseGallery .nav a {background: url(../images/bullet_green.gif) no-repeat center; margin-right: 18px; width: 11px; display:inline-block; width:11px; height:11px;}
#leaseGallery .nav a.active, #leaseGallery .nav a:hover { background-image: url(../images/bullet_green_on.gif); text-decoration:none;}
#leaseGallery .photo { text-align: center; }

.saleBgImg {background: url(../images/propertieshk/bg_sparkle.jpg) no-repeat; width: 703px; height: 405px !important; padding-left: 4px; display: none;}
/*.photoListPart {width: 216px; background-color: #F2F5F5; float:left; height: 405px; padding-left: 4px; position:absolute; margin-left: 3px; left: 14px;}*/
.hksale_nav_slides { width: 208px; height:207px; overflow: hidden; position: absolute; top: 20px; left: 0px;}
#hksaleLinks, #hksaleSubLinks {position:absolute;	left:0;	top:0;}
#hksaleSubLinks td {padding:0 5px;}
#hksaleLinks a {display:block;}
#hksaleLinks .fisrtTR {height: 72px; padding-bottom:0;}
#hksaleLinks tr.first {cursor:auto;}
#hksaleLinks tr {cursor:pointer;}

/*properties Bg*/
/*hk
#conduit {background-image: url(../images/propertieshk/bg_39conduit_road.jpg);}
#conduit .hksaleDes {background-color: #0054AC;}
#centrestage {background-image: url(../images/propertieshk/bg_centrestage.jpg);}
#centrestage .hksaleDes {background-color: #383838;}
#promenade {background-image: url(../images/propertieshk/bg_grand_promenade.jpg);}
#promenade .hksaleDes {background-color: #07767F;}
#palatial {background-image: url(../images/propertieshk/bg_palatial_crest.jpg);}
#palatial .hksaleDes {background-color: #644D98;}*/
/*kl
#shining {background-image: url(../images/propertieshk/bg_shining_heights.jpg);}
#shining .hksaleDes {background-color: #3D2A4E;}
#cite33 {background-image: url(../images/propertieshk/bg_citi33.jpg);}
#cite33 .hksaleDes {background-color: #121658;}
#spectacle {background-image: url(../images/propertieshk/bg_the_spectacle.jpg);}
#spectacle .hksaleDes {background-color: #2C3448;}
#city18 {background-image: url(../images/propertieshk/bg_city18.jpg);}
#city18 .hksaleDes {background-color: #07094F;}
#sparkle {background-image: url(../images/propertieshk/bg_sparkle.jpg);}
#sparkle .hksaleDes {background-color: #137D9E;}
#waterfront {background-image: url(../images/propertieshk/bg_grand_waterfront.jpg);}
#waterfront .hksaleDes {background-color: #086486;}
#paradise {background-image: url(../images/propertieshk/bg_paradise_square.jpg);}
#paradise .hksaleDes {background-color: #150035;}
#kings {background-image: url(../images/propertieshk/bg_kings.jpg);}
#kings .hksaleDes {background-color: #2B3958;}*/
/*nt
#beverly {background-image: url(../images/propertieshk/bg_beverly.jpg);}
#beverly .hksaleDes {background-color: #1C6793;}
#royal {background-image: url(../images/propertieshk/bg_8royal_green.jpg);}
#royal .hksaleDes {background-color: #2A4838;}
#opulence {background-image: url(../images/propertieshk/bg_opulence_height.jpg);}

#opulence .hksaleDes {background-color: #2A4B9F;}
#royalgreen {background-image: url(../images/propertieshk/bg_royal_green.jpg);}
#royalgreen .hksaleDes {background-color: #0B0C07;}
#marina1 {background-image: url(../images/propertieshk/bg_marina1.jpg);}
#marina1 .hksaleDes {background-color: #295B74;}
#marina2 {background-image: url(../images/propertieshk/bg_marina2.jpg);}
#marina2 .hksaleDes {background-color: #424149;}*/
/*end properties Bg*/


.selectedImg {position:absolute; top: 92px; left: -5px; z-index:10;}

.hksaleVideo {margin-top: 62px; background: url(../images/grey_dash.gif) repeat-x top; width: 212px; padding-top: 10px;}
.hksaleVideo table {display:none;}
.hksaleDesPart { float: left; }
.hksaleDes {filter: Alpha(Opacity=85, FinishOpacity=1, Style=1, StartX=1, StartY=1, FinishX=1, FinishY=1); -moz-opacity: 0.85;	opacity: 0.85; width: 479px; position: absolute; bottom:44px; left: 237px;}
.hksaleDes ul {padding: 8px 8px 0 15px;}
.hksaleDes ul li { color:#FFFFFF; background: url(../images/bullet_white.gif) no-repeat 0 6px !important; padding: 0 0 5px 10px; line-height: 120%;}
.hksaleDes .knowMore {color: #C0B5AB; background: url(../images/propertieshk/dash_white.gif) repeat-x top; width: 460px; margin: 10px 0 0 9px; text-align: right; padding: 3px 10px 3px 0;}
.hksaleDes .knowMore a, .hksaleDes .knowMore div {color: #FFFFFF; font-weight: bold; font-size: 83%;}
.hksaleDes .knowMore div {font-size: 100%;}

.listleasingBg { background:url(../images/propertieshk/bg_lease.gif) no-repeat; height: 30px; color: #999999; font-weight: bold; margin: 10px 0 20px 0; padding: 4px 0 0 7px;}
.listleasingBg a {color: #999999; font-size: 90%; padding-right: 29px;}

table tr td.leaseProperty { width: 120px; background-color: #EFEFEF;}
.hkLeaseTop { text-align:right; margin-bottom: 18px;}
#leaseRow {display:none;}

/**/
#awardNavL, #awardNavR, .award_nav_slides {float: left;}
#awardNavL, #awardNavR {padding-top: 12px;}
.award_nav_slides {width: 288px; overflow:hidden; height:63px; position: relative; margin: 0 10px 0 2px;}
#awardList {position:absolute;	left:0;	top:0;}
#awardList table#awardList { border: none !important;}
#awardList a {display: block; border: solid #ffffff 2px;}
#awardList a.selected {border: solid #9A945A 2px;}
.slide_content { margin: 20px 0 15px 15px;}
#hkLeaseCurrentImg #award_1 { display:block;}
.hkLeaseDetailInfo {font-size: 90%;}

.hkLeaseDetailInfo table, .hkLeaseDetailInfo table tr th, .hkLeaseDetailInfo table tr td { background: none; border: none; padding: 0; font-weight: normal; font-size: 100%;}
#galleryList {white-space:nowrap; padding: 10px 0 0 0; margin-left: 40px;}
#galleryList img { padding-right: 10px;}
#galleryList img.lastimg { padding-right:5px;}

/*new layout style hk sale*/
.saleBg {background:url(../images/propertieshk/bg_sale.gif) repeat-x 0 1px #FFFFFF !important; position: relative;}

.imgEnlarge { position:absolute; width: 753px; left: 216px; z-index: 1004;}
.imgEnlargeNT {top: -70px}
.imgEnlargeHK {top: -170px}
/*.hkpro_detail {float: left; padding: 19px 0 0 5px; width: 190px; color: #666666; display:none;}*/
.hkpro_detail {float: left; padding: 19px 0 0 5px; width: 190px; color: #333333; display:none; height: 500px;}
#conduit, #shining, #beverly {display: block;}
.hkpro_detail .propertiesHeader { background:url(../images/propertieshk/bg_sale_title.gif) no-repeat center bottom; padding-bottom: 10px; width: 190px; margin-bottom: 15px;}
.hkpro_detail h6 { font-size:80%; color:#79733E; line-height: 130%; padding: 4px 0;}
/*.hkpro_detail p {font-size:85%; line-height: 150%; padding-bottom: 12px;}*/
.hkpro_detail p {font-size:90%; line-height: 150%; padding-bottom: 12px;}
.hkpro_detail .enquiryPart {font-size: 100%; font-weight: bold; color: #666666; width: 180px;}
.hkpro_detail .enquiryPart div {color: #296A66; }
.hkpro_detail ul li { background:url(../images/orange_bullet.gif) no-repeat 0 5px !important; padding-bottom: 5px;}

.displayNone .subLink1 {display: none !important;}
.thumbImgPart { text-align:center; padding-top: 7px;}

/*.hkpro_detail ul li { background:url(../images/grey_bullet.gif) no-repeat 0 10px !important; padding-bottom: 5px;}*/

/*add on 9/4*/

.hkLeaseMap img {border:1px solid #EBEBEB; }
.hkLeaseMap div { text-align:right; padding-top: 7px;}
.hkLeaseMap div img { border: none;}

/*.hkLeaseMap a:hover { cursor: url(../images/magnify.cur), -moz-zoom-in, pointer; }*/
#cboxNext, #cboxPrevious { display: none !important;}


/*add on 12/4 for the man glass*/
.hkLeaseMap { position:relative;}
.hkLeaseMap a .manglass {display: none;}
.hkLeaseMap img {position: relative; z-index: 0 !important;}
.hkLeaseMap a:hover .manglass { display:block; position:absolute; border: none;  z-index:1000 !important;}
.hkLeaseMap .manglass { width:46px; height:47px;}
.hkLeaseMap a { position: relative;}
.hkLeaseMap a:hover {display: block; z-index:1;}
.hkLeaseMap a:hover .manglass {top: 150px; left: 150px;}
/*add on 12/4 for the man glass end*/

.displayBlock { display:block;}

/*add on 13/10/2010 for the New Information display Shopping/Parking/Event icon, added by Edmond*/
.hkLeaseNewInfo table, .hkLeaseNewInfo table tr,  .hkLeaseNewInfo table tr td {background: none; border: none; padding: 10px; margin: 0;}
.hkLeaseNewInfo table td, .hkLeaseNewInfo table tr {vertical-align:middle;}