@charset "utf-8";
/* CSS Document */
@import url("header.css");
@import url("newhouse_header.css");

.red{color:#F00;}
.layout{width:900px; margin:0 auto 5px;}
#search{width:700px; height:78px; overflow:hidden; margin-bottom:4px;}
#search #main{height:35px; background:url(../images/163_newhouse_search_bg.jpg) no-repeat; padding:16px 0 0 100px;}
*+html #search #main{height:37px; padding:14px 0 0 100px;}
#search #main .input{font-size:12px; line-height:18px; height:18px; padding:0; margin:0;}
#search #main .button{padding:0 6px;}
#search #searchbar{background:url(../images/163_newhouse_search_bar.gif) repeat-x; line-height:23px; border:1px solid #B1C5DD; border-top:0; padding:0 16px;}
#search #shadow{background:#E3EAF2; height:2px; line-height:0;}
#search .letters{font-family:"Tahoma";}
#search .letters a{color:#666; text-decoration:none; margin:0 2px; font-size:10px; font-weight:bold;}
#search .letters a:hover{color:#F00;}
#search .more{float:right; color:#1F3A87;}
#search .more a{color:#1F3A87; text-decoration:none;}
#search .more a:hover{color:#F00;}
#map{float:right; width:190px; height:142px; overflow:hidden;}
#hot{border:1px solid #B1C5DD; width:638px; height:44px; padding:10px 30px 7px; line-height:21px;}
#hot a{color:#000; text-decoration:none;}
#hot a:hover{color:#F00;}
#hot .red a{color:#900;}
#hot .red a:hover{color:#F00;}

#newp_switch{width:190px; height:215px; float:right;}
#newp_switch .menu{border:1px solid #BAC5DD; height:21px;border-bottom:0;background:#F1F5FA; padding-left:5px; padding-top:7px; font-weight:bold;}
#newp_switch .menu a{color:#1F3A87; text-decoration:none;}
#newp_switch .menu a:hover{text-decoration:underline;}
.newp_list{border:1px solid #BAC5DD; border-top:0; height:179px; padding-top:7px; margin-top:-1px;}
*+html .newp_list{height:180px;}
.newp_list ul{width:166px; margin:0 auto;}
.newp_list li{background:url(../images/163_newhouse_lipoint.gif) 0px 9px no-repeat; list-style:none; line-height:22px; padding:0 0 0 8px;}
.newp_list ul .price{float:right;}
.newp_list ul .num{color:#F00;}
.newp_list ul a{color:#000; text-decoration:none;}
.newp_list ul a:hover{color:#F00;}

#slide{width:242px; height:198px; padding:8px; border:1px solid #B1C5DD; float:left;}

#newsbox{width:432px; height:215px; float:left; margin-left:8px;}
#newsbox .menu{border:1px solid #BAC5DD; height:28px; border-right:0; border-bottom:0;}
#newsbox .menu ul{}
#newsbox .menu li{float:left; list-style:none; text-align:left; font-weight:bold; padding-left:30px;}
#newsbox .menu .active{width:185px; line-height:28px; color:#1F3A87; border-right:1px solid #BAC5DD; background:url(../images/163_newhouse_icon_rainbow.gif) 8px 5px no-repeat;}
#newsbox .menu .active a{color:#1F3A87; text-decoration:none;}
#newsbox .menu .active a:hover{text-decoration:underline;}
#newsbox .menu .normal{width:184px; line-height:28px; color:#666; border-right:1px solid #BAC5DD; border-bottom:1px solid #BAC5DD; background:#F1F5FA url(../images/163_newhouse_icon_rainbow.gif) 8px 5px no-repeat;}
#newsbox .menu .normal a{color:#666; text-decoration:none;}
#newsbox .menu .normal a:hover{text-decoration:underline;}
.newslist{border:1px solid #BAC5DD; border-top:0; height:179px; padding-top:7px;}
.newslist ul{width:406px; margin:0 auto;}
.newslist li{background:url(../images/163_newhouse_lipoint.gif) 0px 9px no-repeat; list-style:none; line-height:22px; padding:0 0 0 8px;}
.newslist ul span{float:right; color:#999;}
.newslist ul a{color:#000; text-decoration:none;}
.newslist ul a:hover{color:#F00;}

#steps{width:868px; margin:5px auto; border:1px solid #BAC5DD; margin-bottom:5px; line-height:30px; background:url(../images/163_newhouse_icon_rainbow.gif) 9px 6px no-repeat; padding-left:30px;}
*+html #steps{margin:0 auto 5px;}
#steps a{color:#000; text-decoration:none;}
#steps a:hover{color:#F00;}
#steps img{margin:0 6px 0 20px;}

.layout700{width:700px; float:right;}
.layout190{width:190px; padding-top:10px;}
#areahouse{width:700px;}
#areahouse .title{border-bottom:2px solid #900; background:url(../images/163_newhouse_icon_ruby.gif) 6px 11px no-repeat; line-height:32px; margin-bottom:8px;}
#areahouse .title h2{font-size:14px; line-height:32px; padding-left:24px;}
#areahouse .title span{float:right; margin-right:20px;}
#areahouse .title span a{color:#000;}
#areahouse .title span a:hover{color:#F00;}
#areahouse .cell{width:232px; height:228px; border:1px solid #BAC5DD; border-left:0; float:left; margin-bottom:8px;}
#areahouse .cell h3{font-size:12px; background:url(../images/163_newhouse_icon_negative.gif) 12px 12px no-repeat; padding:10px 16px 10px 22px;}
#areahouse .cell h3 span{float:right; font-weight:normal;}
#areahouse .cell h3 span a{color:#000; text-decoration:underline;}
#areahouse .cell h3 span a:hover{color:#F00;}
#areahouse .cell a{color:#000; text-decoration:none;}
#areahouse .cell a:hover{color:#F00;}
#areahouse .houselist{margin:0 auto; line-height:22px; margin-top:4px; width:215px;}
#areahouse .houselist .red{color:#F00;}

#complex{width:698px; border:1px solid #BAC5DD; margin:0 0 5px 0;}
#complex .search{line-height:40px; border-bottom:1px solid #BAC5DD; background:#F1F5FA; padding-left:20px;}
#complex .search .input{font-size:12px; line-height:18px; height:18px; padding:0; margin:0;}
*+html #complex{margin:5px 0;}
#complex ul{}
#complex li{width:96px; text-align:center; padding:6px 10px; float:left;}
* html #complex li{padding:6px 8px;}
#complex li img{float:none; padding:1px; background:#FFF; border:1px solid #CCC; float:left; margin-right:6px; width:90px; height:90px;}
#complex li p{line-height:20px;}

.listblock{width:170px; border:1px solid #BAC5DD; float:left; margin-left:4px; height:220px;}
.listblock h2{background:#F1F5FA; line-height:26px; border-bottom:1px solid #BAC5DD; font-size:12px; padding-left:10px;}
.listblock h2 a{color:#1F3A87; text-decoration:none;}
.listblock ul{width:145px; margin:0 auto; padding:8px 0;}
.listblock li{list-style:none; line-height:22px; background:url(../images/163_newhouse_lipoint.gif) 0px 8px no-repeat; padding-left:7px;}
.listblock ul a{color:#000; text-decoration:none;}
.listblock ul a:hover{color:#F00;}

.adv186px{margin-bottom:6px;}

.title_newoq{background:url(../images/163_newhouse_icon_clock.gif) 4px 6px no-repeat; padding:9px 0 8px 22px; font-weight:bold;}
.switch_newoq{background:#B1C5DD; padding:1px 0 0 1px; width:190px; height:28px; overflow:hidden;}
.switch_newoq ul{}
.switch_newoq li{float:left; list-style:none; text-align:left; font-weight:bold; line-height:27px;}
.switch_newoq .active{width:48px; text-align:center; border-right:1px solid #B1C5DD; border-bottom:1px solid #FFF; background:#FFF;}
.switch_newoq .normal{width:46px; text-align:center; border-right:1px solid #B1C5DD; border-bottom:1px solid #B1C5DD; background:#F1F5FA;}
.switch_newoq .active a{color:#1F3A87; text-decoration:none;}
.switch_newoq .normal a{color:#666; text-decoration:none;}
.switch_newoq ul a:hover{color:#F00;}
.newoq_box{border:1px solid #B1C5DD; border-top:0; width:169px; height:260px; overflow:hidden; padding:10px; margin-bottom:5px;}
.newoq_box a{color:#000; text-decoration:none;}
.newoq_box a:hover{color:#F00;}
.newoq_box table{line-height:22px;}

.switch_rate{background:#B1C5DD; padding:1px 0 0 1px; width:190px; height:28px; overflow:hidden;}
.switch_rate ul{}
.switch_rate li{float:left; list-style:none; text-align:left; font-weight:bold; line-height:27px;}
.switch_rate .active{width:95px; text-align:center; border-right:1px solid #B1C5DD; border-bottom:1px solid #FFF; background:#FFF;}
.switch_rate .normal{width:93px; text-align:center; border-right:1px solid #B1C5DD; border-bottom:1px solid #B1C5DD; background:#F1F5FA;}
.switch_rate .active a{color:#1F3A87; text-decoration:none;}
.switch_rate .normal a{color:#666; text-decoration:none;}
.switch_rate ul a:hover{color:#F00;}
.rate_box{border:1px solid #B1C5DD; border-top:0; width:169px; height:264px; overflow:hidden; padding:6px 10px; margin-bottom:5px;}
.rate_box a{color:#000; text-decoration:none;}
.rate_box a:hover{color:#F00;}
.rate_box ul{width:160px; margin:0 auto;}
.rate_box li{padding:6px 0 4px; list-style:none;}
.rate_box li span{float:right;}

#Footer{margin:20px auto; text-align:center;}
#Footer p{margin:7px auto;}
#Footer a{text-decoration:none; color:#000000;}
.B_AD{width:900px;margin:5px auto; overflow:hidden;border:#B1C5DD 1px solid;}
