html,body {
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    color:#000;
    margin: 0;
    padding: 0;
}
a img { border: 0; }


div#wrapper {
    width: 778px;
    margin: 0 auto;
    padding: 0;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;


    /*
	background: url('images/sg_tw_bg.gif') repeat-y top left;
	*/

}
div#header {
    margin: 0;
    padding: 0;
    width: 778px;
    height: 365px;
}
div#main {
    padding: 0px;
    width: 438px;
    _width : 428px;
    float: left;
    margin: 0;

    background-color:#FFF148;

}
div#main .menu {  }
div#main .content {clear: both; margin: 10px 10px 10px 14px; }
div#main .content .hkdlBox1 { width:90%; margin: auto;}
div#main .content .hkdlBox1 img { margin: 10px 0;}
div#main .content .hkdlBox1 font { font-weight: bold; color: #CC0000; font-size: 14px; }
div#main .content .hkdlBox2 { width: 100%; margin-left: 5px;}
div#main .content .hkdlBox2 img { margin: 0 0 5px 0;}
div#main .content .hkdlBox2 .boxA { clear: both; width:410px; margin-top:0;}

div#main .content .hkdlBox2 .heading img { vertical-align: bottom;}

div#main .content .hkdlBox2 .boxA .left { float: left; width: 45%;}
div#main .content .hkdlBox2 .boxA .right { float: right; width: 55%;}
div#main .content .hkdlBox2 .boxA .right img { padding-left: 4px; }

div#main .content .hkdlBox2 .boxA p { margin-bottom: 5px;margin-top:0px;margin-left:5px;margin-right:5px; }
div#main .content .hkdlBox2 .boxA .heading {

    margin-left:5px;
    color:red;
    font-size:16px;
    font-weight: bolder;
    padding-top:18px;
    padding-bottom:3px;

}



div#main .content .hkdlBox2 .boxB { clear: both; width:100%;  margin-top:0;}
div#main .content .hkdlBox2 .boxB .left { float: left; width: 55%;}
div#main .content .hkdlBox2 .boxB .left img { padding-right: 4px; }
div#main .content .hkdlBox2 .boxB .right { float: right; width: 45%;}
div#main .content .hkdlBox3 { clear: both; width:90%; margin: auto;}
div#main .content .hkdlBox4 { clear: both; width:90%; margin: auto;}
div#main .content .hkdlBox4 a img { clear: both; float: right; margin-top: 5px;}
div#main .content .hkdlBox5 { clear: both; width:90%; margin: auto;}

div#main .content .hkspotsBox1 {  clear: both; width: 90%; margin: auto; }
div#main .content .hkspotsBox1 .boxA { clear: both; }
div#main .content .hkspotsBox1 .boxA .left { float: left; }
div#main .content .hkspotsBox1 .boxA .left img { padding-right: 4px; margin-top: -4px;}
div#main .content .hkspotsBox1 img { margin: 0px; display:block}

div#main .content .hkspotsBox1 td { margin: 0px;}
div#main .content .hkspotsBox2 { clear: both; width: 90%; margin: auto; }
div#main .content .hkspotsBox2 img { margin: 5px 0;}
div#main .content .hkspotsBox2 p { clear: both; width: 100%; margin: auto;}
div#main .content .hkspotsBox3 { clear: both; width: 90%; margin: auto; }
div#main .content .hkspotsBox3 img { padding-right: 4px; margin: 0px; display:block}
div#main .content .hkspotsBox4 { clear: both; width: 90%; margin:auto; }
div#main .content .hkspotsBox4 .boxA { clear: both; width:100%; margin-top:0;}
div#main .content .hkspotsBox4 .boxA .left { float: left; width: 55%;}

div#main .content .hkspotsBox4 .boxA .right { float: right; width: 45%;}
div#main .content .hkspotsBox5 { clear: both; width: 90%; margin: auto; }
div#main .content .hkspotsBox5 .boxA { clear: both; width:100%; margin-top:0;}
div#main .content .hkspotsBox5 .boxA .left { float: left; width: 48%;}

div#main .content .hkspotsBox5 .boxA .right { float: right; width: 50%;}
div#main .content .hkspotsBox6 { clear: both; width: 90%; margin: auto; }







div#sidecol {
    padding: 0px;

    margin:0px 0px 0px 0px;
    width: 330px;
    float: right;

    background-color:white;



}
div#sidecol .menu { }


div#sidecol .ads .details{
    position:relative;
}

div#sidecol .ads .details .left{
    float:left;
}

div#sidecol .ads .details .right{
    float:right;
}

div#sidecol .region{
    font-weight: bold;
margin-top:15px;
}

div#sidecol .ads {


    clear: both;
    margin: 10px 10px 5px 10px;

    padding-bottom: 5px;
    border-bottom:1px dashed #ccc;
    height:30px;

}

div#sidecol .region .ads .details-heading{
    padding-bottom:5px;

}


div#sidecol .ads h3{
    font-size: 16px;
    font-weight: bold;
    color: #B92F0A;
    text-decoration: underline;
    float: left;
}
div#sidecol .ads h2 {
    font-size: 16px;
    font-weight: bold;
    color: #FE4113;
    float: right;
}
div#sidecol .ads p { clear: both; }

div#foot {
    /*
    background: url('images/sg_tw_bg.gif') repeat-y top left;
    */
    width: 438px;
    clear: both;
    color: #1A0000;
    font-size: x-small;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#FFF148
}
.clear {
    clear: both;
    display: block;
    height: 0px;
    /*
    overflow: hidden;
    */
    margin: 0;
    padding: 0;
}


#sidecol .menu {padding-top:10px;}
#sidecol .menu .ads-heading {color:#096BC7;font-size:16px;font-weight:bold;}
#sidecol .menu .ads-heading img {vertical-align: bottom;}
#sidecol .ads p {font-weight:bold;}
#sidecol .ads .dates{color:#ec008c;}
#sidecol .ads .price{color:#ec008c;}
#bottom-container{width:777px;border-left-width: 0;border-bottom-width: 0;border-top-width: 0;border-right:1px solid #FADF0A;}

a:link {color:#D6310F;}      /* unvisited link */
a:visited {color:#D6310F;}  /* visited link */
a:hover {color:#D6310F;}  /* mouse over link */
a:active {color:#D6310F;}  /* selected link */

#main .menu{

    width:438px;
}