/* Page wire frame */
div#Marquee
{
    padding: 4px 0 4px 10px;
    float: left;
}
div#divEditMarquee, div#divEditingMarquee
{
     margin-right: 5px;
    padding: 0px 0px 4px 10px;
}

.logincontrol
{
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 4px 0;
}

.logincontrol li
{
    float: left;
    padding: 0 10px;
}

.logincontrol li:last-child
{
    border-right: none;
}

div#LogoCity
{
    clear: left;
    text-align: right;
    width: 203px;
}
div#BarTextLeft
{
    clear: left;
    float: left;
    height: 33px;
    width: 622px;
    background: #fff url("Images/bar_left.html") no-repeat 0% 0%;
    color: #5a5d88;
    padding: 0 0 0 8px;
    font: bold 11px/28px Verdana,Arial,Helvetica,sans-serif;
}
div#BarTextRight
{
    float: right;
    height: 33px;
    width: 282px;
    background: #fff url("Images/bar_right.html") no-repeat 0% 0%;
    color: #5a5d88;
    padding: 0 8px 0 0;
    font: normal 11px/28px Verdana,Arial,Helvetica,sans-serif;
    text-align: right;
}
div#BarTextRight a
{
    font-weight: bold;
}
div#LeftContent
{
    clear: left;
    float: left;
    width: 185px;
    margin: 0;
}
div#LeftBanner1
{
    height: 100px;
    width: 100%;
    background: #ccc url("Images/menu_bg.html") repeat-y;
}
div#LeftBanner2
{
    width: 100%;
}
div#FeatureNews
{
    /* frontpage news box beside main 'feature' */
    float: left;
    width: 230px;
    margin: 0 0 10px 0;
    padding: 0px;
}
div#FeatureNews ul
{
    margin: 4px 4px 10px 20px;
    padding: 0px;
}
div#FeatureNews ul li
{
    margin: 0 0 8px 0;
}

div#FeatureNews ul.Tabs
{
    /* tabbed navigation */
    margin: 0 0 0 0;
    padding: 0 0 0 2px;
}
div#FeatureNews ul.Tabs li
{
    display: inline;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div#FeatureNews ul.Tabs li a
{
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 4px 0 4px;
    font-size: 11px;
    display: inline-block;
    height: 14px;
    border: 1px solid #ccc;
    background: #e7e7e7 url("Images/menu_bg.html") repeat-x 0% 0%;
    border-bottom: 0px;
    height: 14px;
}
div#NewsBox
{
    /* sits inside #FeatureNews */
    width: 228px;
    border: 1px solid #ccc;
    font-size: 11px;
}
.TabBox
{
    /* frontpage tabular box for map, currency converter, etc */
    clear: left;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.TabBox ul.Tabs
{
    /* tabbed navigation */
    margin: 0 0 0 0;
    padding: 0 0 0 2px;
}
.TabBox ul.Tabs li
{
    display: inline;
    margin: 0 0 0 00;
    padding: 0 0 0 0;
}
.TabBox ul.Tabs li a
{
    font-weight: bold;
    margin: 2px 0 0 0;
    padding: 0 4px 0 4px;
    font-size: 11px;
    display: inline-block;
    height: 14px;
    border: 1px solid #ccc;
    background: #e7e7e7 url("Images/menu_bg.html") repeat-x 0% 0%;
    border-bottom: 0px;
    height: 14px;
}
.TabBox .Box
{
    /* sits inside container with class="TabBox" */
    clear: left;
    float: left;
    width: 583px;
    height: 250px;
    border: 1px solid #ccc;
    padding: 5px;
}
div.AdZone360
{
    /* 360 adzone container for inner pages */
    clear: left;
    float: left;
    width: 360px;
    height: 240px;
    margin: 0 5px 10px 0;
    padding: 0px;
    background: #ccc;
}
div.AdZone225
{
    /* 225 adzone container for inner pages */
    float: right;
    width: 225px;
    height: 80px;
    margin: 0 0 10px 0;
    padding: 0px;
    background: #ccc;
}
/* intro box at top of page between 360 & 225 adzones 
div.Intro
{
    
    clear: right;
    float: right;
    width: 205px;
    height: 109px;
    background: #fff url("Images/intro_bg.gif") no-repeat 0% 0%;
    padding: 10px 10px 10px 10px;
    margin: 0 0 31px 0;
    font-size: 13px;
    color: #ccc;
}
div.Intro h1
{
    border: 0px;
    font-weight: normal;
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.Intro p
{
    margin: 0px;
    padding: 0px;
}
*/
ul.Breadcrumbs
{
    /* inline navigation at top of page for breadcrumb heirarchy */
    clear: both;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    display: block;
}
ul.Breadcrumbs li
{
    display: inline;
    padding: 0 0 0 10px;
    font-size: 11px;
    margin: 0 5px 0 0;
    background: #fff url("Images/breadcrumb_bg.html") no-repeat 0% 0%;
}
ul.Nav
{
    /* tab navigation for a page, must appear above <h1> tag in html */
    margin: 0 0 0 0;
    padding: 0 2px 0 0;
    float: right;
    border-bottom: 1px solid #ccc;
    height: 30px;
}
ul.Nav li
{
    display: inline;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
ul.Nav li a
{
    font-weight: bold;
    padding: 2px 5px 0 5px;
    margin: 10px 1px 0 0;
    font-size: 12px;
    height: 17px;
    background: #e7e7e7 url("Images/menu_bg.html") repeat-x 0% 0%;
    border: 1px solid #ccc;
    border-bottom: 0px;
    display: inline-block;
}
div.Feature
{
    /* 'Feature' container for cms and various ad spots */
    clear: both;
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}
div.Feature h2
{
    /* 'feature' header; ie - "Premium Properties" */
    font-size: 13px;
    background: #e7e7e7 url("Images/feature_bg.html") repeat-x 0% 0%;
    height: 23px;
    width: 100%;
    padding: 7px 0 0 2px;
}

div.Feature h2 a
{
    /* admin links embedded in header */
    font-size: 10px;
    padding: 0 0 0 5px;
}
table.DT
{
    /* generic DataTable class */
    clear: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    table-layout: fixed;
}
table.DT tr.Header td
{
    font-weight: bold;
}
table.DT tr td.Header
{
    font-weight: bold;
    width: 150px;
}
table.DT tr.Tools td
{
    font-weight: bold;
}
table.DT tr.Footer td
{
    border: 0px;
    font-size: 10px;
}
table.DT tr td
{
    font-size: 11px;
    border-bottom: dotted 1px #ccc;
    padding: 4px;
    vertical-align: text-top;
}
table.DT tr td .Page
{
    padding: 0 20px 0 0;
}
ul.AdWords
{
    /* generic adwords list */
    display: block;
    width: 185px;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    list-style-type: none;
}
ul.AdWords li.Header
{
    background: #fff url("Images/adwords_header.html") no-repeat 0% 0%;
    text-align: left;
    text-indent: 20px;
    height: 24px;
    color: #983436;
    padding: 0 0 0 0;
    font-weight: bold;
    line-height: 22px;
}
ul.AdWords li.Footer
{
    background: #fff url("Images/adwords_footer.html") no-repeat 0% 0%;
    text-align: left;
    text-indent: 20px;
    height: 24px;
    color: #983436;
    font: bold 11px/22px Verdana,Arial,Helvetica,sans-serif;
}
ul.AdWords table
{
    border-spacing: 0px;
}
ul.AdWords td
{
    font: normal 11px/24px Verdana,Arial,Helvetica,sans-serif;
    background: #fff url("Images/adwords_bg.html") repeat-y 50% 0%;
    text-indent: 20px;
    line-height: 22px;
}
.pager span
{
    color: #983436;
    font-weight: bold;
}
table.FeatureAd
{
    margin: 0px 0px 5px;
    width: 588px;
}
table.FeatureAd td.FeatureLeftColumn
{
    padding: 0px 0px 0px 4px;
    vertical-align: top;
}
table.FeatureAd td.FeatureRightColumn
{
    padding: 0px 0px 0px 4px;
    vertical-align: top;
}
.pageDescription
{
    background: white url(../../hongkong.asiaxpat.com/images/intro_area.gif) no-repeat 0% 0%;
    height: 78px;
    margin: 0px 0px 2px;
    padding: 25px;
    vertical-align: middle;
    width: 175px;
}
.pageDescriptionHeading
{
    color: #933;
    font-size: 18px;
    line-height: 26px;
    vertical-align: middle;
}
.pageDescriptionText
{
    color: #999;
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle;
}
.premiumSponsorText
{
    color: #B96F6E;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    padding: 0px 0px 7px 5px;
}
.DirectoryFeatureIntroText
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #545454;
    margin: 2px 5px 2px 5px;
}
.DirectoryFeatureTitle
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: Bold;
}
.DirectoryFeatureDescription
{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #545454;
}
.ParentDirectoryCategoryName
{
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    font-weight: 800;
}
.ParentDirectoryCategoryDescription
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #545454;
}
.DirectoryCategoryName
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 13px;
}
.DirectoryBack
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 13px;
    margin-left: 10px;
}
.DirectoryTitle
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #545454;
    margin-left: 10px;
}
.DirectoryData
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #545454;
}
.DirectoryDataLink
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.DirectoryViewTitle
{
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    font-weight: 800;
    margin-left: 35px;
}

.DirectoryPost {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 13px;
    margin-left: 10px;
}
/* Parent Layout for all pages */
.ContentContainer{width:940px;margin:0px auto;text-align:left;}
.Topbar{background-color: #EEE;width: 940px;height: 24px;margin-bottom: 10px;display:table;}
.GlobalNav {width:940px;margin-bottom:10px;}
.GlobalNavBottom {background-color:rgb(204, 204, 204);height:25px;width:100%;padding:0;margin:0;}
.SuperBanner {width:940px;margin-bottom:10px;display:table;}
.SuperBannerLeft {float:left;width:180px;background-color:#CCCCCC;}
.SuperBannerRight {float:right;width:729px;background-color:#CCCCCC;}
.MastHead {width:938px;height:112px;margin-bottom:10px;position:relative;display:table;}
.SiteTools {height:24px;line-height:24px;position:absolute;right:0;}
.SiteTools > div {display:table;line-height:24px;height:24px;border-right:1px solid #DDDDDD;padding:0 12px;float:left;}
.SiteTools > div:last-child {border-right:0 none;padding-right:0;}
.SiteTools > div#Selector {position:relative;}
.Logo {background:#fff url("Images/asiaxpat-logo-hk-t.png") no-repeat 0% 0%;height:43px;width:203px;position:absolute;top:49px;left:0;}
.MainContent {margin-bottom:10px;background: url("Images/sprite-ui.png") repeat-y scroll -3760px 0 transparent;display:table;}
.ContentWrap {float:left;width:780px;margin-right:20px;}
.SideBar {float:left;width:140px;overflow:hidden;text-align:right;}
.Banner {margin-bottom:10px;text-align:right;}
.Footer > div {padding-top:10px;padding-right:0;text-align:left;display:block;font-size:0.92em;line-height:1.46em;}
.Footer {background:#fff url("Images/asiaxpat-logo-ts.png") no-repeat scroll left center;display:table;clear:left;
         width:780px;border-top:4px solid rgb(119, 119, 119);font-size:11px;color:#999;padding: 0 0 0 160px;}
/* Layout for Homepage */
.home {border-top:1px solid #CCCCCC;margin-bottom:10px;}
.head {border-top:0 none; display:table;}
.homeheadline {float:left;width:460px;height:320px;margin-right:20px;position:relative;}
.homeheadline .controls {position: absolute;right: 10px;top: 220px;z-index: 99;}
.Diningheadline {float:left;width:460px;height:320px;margin-right:20px;position:relative;}
.Diningheadline .controls {position: absolute;right: 1000px;top: 2200px;z-index: 100000;}
.sponsors {height:100px;overflow:hidden;display:inline-block;}
.sponsors td{height:70px;width:160px;}
/* Premium Contents */
.gba > div {width:246px;float:left;border-right: 1px solid #CCC;}
.gba > div:last-child { border-right: 0px;}
.gba {}
.p > .pi {float:left;margin:0;}
.p140 > .pi {width:100px;}
.p140 > * {margin-left:110px;}
.m20 {margin-right:20px;}
.m10p10{ margin-right: 10px;padding-right: 10px;}
.m0 {Margin-right:0;}
/* LuxuryAllianceAsia */
.luxuryallianceasia {position:relative;}
.luxuryallianceasia .intro * {width:140px;}
.luxuryallianceasia .intro {width:300px;position:relative;height:200px;float:left;margin-right:20px;}
.luxuryallianceasia .intro .image {bottom: 0;left: 160px; position: absolute;z-index: 2;}
.luxuryallianceasia .slides {width:460px;position:relative;float:left;}
.luxuryallianceasia .slides .slides_container{position:relative;width:460px;}
.luxuryallianceasia .slides .controls{position:absolute;right:0;top:-24px;}
/* personals supermondays */
.personalsmondays {position:relative;}
.personalsmondays .intro {width:139px;position:relative;height:200px;float:left;margin-right:20px;border-right: 1px solid #CCCCCC;}
.personalsmondays .intro .image {padding-bottom: 5px;width: 215px;}
.personalsmondays .slides {width:620px;height:120px;position:relative;float:left;}
.personalsmondays .slides .slides_container{height:120px;position:relative;width:620px;}
.personalsmondays .slides .controls{position:absolute;right:-3px;top:-65px;}
.personalsmondays .slides .image {height: 115px;text-align: center;line-height: 115px;vertical-align: middle;display: table-cell;width: 140px;}
/*hongkong activities*/
.hongkongactivities {position:relative;}
.hongkongactivities .intro {width:304px;position:relative;height:250px;float:left;margin-right:20px;border-right: 1px solid #CCCCCC;}
.hongkongactivities .intro .image {padding-bottom: 5px;width: 304px;}
.hongkongactivities .slides {width: 205px; height:250px;position:relative;float:left; margin-left: -9px;}
.hongkongactivities .slides .slides_container{height:250px;position:relative;width:300px;}
.hongkongactivities .slides .controls{position:absolute;right:-120px;top:-5px;}
.hongkongactivities .slides .image {height: 115px;width: 290px;}
.hk-activities-img {
    height: 185px;
    text-align: center;
    margin-left: 55px;
}
.gb6 {background: url("Images/sprite-ui.png") repeat-y scroll -940px 0 transparent;}
/* Advice Forums */
.homeforum{width:460px;margin-right:20px;float:left;}
.homeforum-z{width:300px;margin-right:0;float:left;}
.findmate{width:380px;margin-right:20px;float:left;}
.findmate-z{width:380px;margin-right:0;float:left;}
/* Layout for Classifieds, Property, Forums and Domestic Helpers */
.CHead { margin-bottom: 10px; padding: 0; color: #993333; font-size: 18px; line-height: 14px; font-weight: bold; border-bottom: 1px solid rgb(204, 204, 204); width: 780px; min-height: 50px; }
.CBody { background: url("Images/sprite-ui.png") repeat-y scroll -3461px 0 transparent; width: 780px; min-height: 1210px; margin:0; padding:0; display:table;}
.FLinks { margin-right:20px;float:left;width:140px;min-height:1207px;}
.FLinks a{color: #333333; margin-left: 5px;}
.FLinks td {border-bottom: 1px solid #dddddd;}
.FLinks tr:first-child td {border-top: 1px solid #dddddd;}
.FLinks h4 {color: #da2032; text-transform: none;}
.Content { border-right: 0 none;  margin-right: 0; float:left; width:620px; min-height:1207px; padding:10px 0; }
/*Directory */
.item {float: left;margin-bottom: 10px;margin-right: 10px; width: 300px;}
/*Dining and Dating images*/

dining .dslides {
    width: 250px;
    height: 250px;
    position:relative;
}


.dining .dslides .dslides_container {
    width: 300px;
    height: 250px;
    position:relative;
}

.dining .dslides .dslides_container .dslide {
    width: 300px;
    height: 250px;
    display:block;
    overflow: hidden;
}

.dining .dslides .dcontrols {
     position: relative;
    left: 250px;
    top: -261px;
    z-index: 99;
    width: 60px;
    height: 0px;
}

.dcontrols
{
    position: absolute; left: 260px; top: 500px; z-index: 99;width:60px;height:50px
                                
                                }
.c {
    margin-right: 20px;
    float: left;
}
.cr {
    margin-right: 2px;
    float: right;   
}
.c300 
{
width: 300px;
}
.c200
{
width: 200px;
}

.c150
{
width: 150px;
}

.c:last-child {
    margin-right: 0;
    border-right: 0;
}

.vx 
{
padding-bottom: 10px;
}
.cf 
{
zoom: 1;
}

.browseColumn {
width: 180px;
margin-right: 20px;
float: left;
}

.browseColumn {
width: 180px;
margin-right: 20px;
float: left;
}

.browseContentS 
{
    
 margin: 0 0 1.23em;
padding-left: 16px;
list-style: square outside none;
}

/* lists */
.ul {
    margin: 0 0 1.23em 0;
    padding-left: 16px;
    list-style: square;
}

.ol {
    padding-bottom:16px;
    padding-left:16px;
    list-style:decimal
}

.nobullet { margin-left: 0; padding-left: 0; list-style: none; }


.linklist { 
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
    line-height: 22px;
}

.linklist li {
    display: block; 
    line-height: 22px;
}

.linklist a {
    padding-left: 10px;
    background: url("Images/sprite-ui.png") no-repeat scroll 0 -90px transparent;   
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; 
    line-height: 22px;
}

.classifieds-linklist li {
    width: 300px !important;
    margin-right: 20px;
    float: left;
}

.classifieds-linklist li:nth-child(2n) {
    margin-right: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 30px 2px 2px;
    border: none;
}

select {
    overflow:hidden;
    width: 120%;
}



/* Dashed Lines  */

.dashed_lines{
	  margin: 20px 0 20px 0;
	  border: 0px;
	  border-top: 2px dashed #ccc;
	  height: 0px;
	  width: 100%;
}

/*magnum feature border*/
.last table td
{
    
    border-left: 2px dotted  #ccc;
    border-right : 2px dotted  #ccc;
    vertical-align :middle ;
    padding:6px 2px 0px 2px !important ;
}
.last table 
{
    border:hidden;
    padding-bottom :30px;
}