@charset "utf-8";
/* CSS Document */

div.detail{
border:1px solid silver;
min-height:170px;
margin:10px;
padding:20px;
}

div.mainImg{
min-width:150px;
min-height:150px;
/*sborder:1px solid black;
border-right: 4px solid silver;
border-bottom: 4px solid silver;
*/
float:right;
margin:0 10px 10px 0 ;
}

div.bldName{
font-size:1.3em;
font-weight:bold;
margin-bottom:1.2em;
color:#00008B;
}

.district, .rooms, .area, .price, .remarks{
margin:0.6em 0 0 0;
}

div.BldDetail{
position:relative;
}

div.BldDetail dt{
width:80px;
float:left;
clear:left;
font-weight:bold;
}

div.BldDetail dd{
padding-left:80px;
margin-left:0;
margin-bottom:10px;
}

#BldPart2
{
clear:both;
position:relative;
}

#UnitArea
{
margin-bottom:1em;
}

#UnitArea h3{
font-size:1em;
margin:0;
padding:3px;
background:#483D8B;
color:white;
text-align:center;
}

#UnitArea div#UnitAreaDetails{
border:1px solid silver;
}

div#UnitAreaDetails{
padding:10px;
position:relative;
margin:0;
}

/*
#UnitArea table{
border:1px solid black;
}
*/


div.OtherImg{
margin:10px 10px;
/*height:150px;
width:150px;
line-height:150px;
background-color:silver;
*/
}

div.OtherImg a{
line-height:150px;
}

div.OtherImg img{
  width:150px;
  max-height:150px;
  border:0;
}

div.BldPart2{
  clear:both;
}

table.OtherImg tr{
  height:150px;
}

table.OtherImg td{
  vertical-align:middle;
  width:150px;
  height:150px;

}