/* common styles */
html, body
{
/* Defines the style for the html and body elements*/
height : 100%;
}
body
{
/* Defines the style for the element*/
margin : 0px;
padding : 0px;
}
#page
{
/*Defines the style for the */
min-height : 100%;
_height : 100%;
width : 962px;
position : relative;
margin : 0 auto;
font-family : Arial;
}
html>body #page
{
/* CSS hack necessary for multi browser compatibility */
height :auto;
}
#logo{
height: 118px;
width: 962px;
background-color: #ffffff;
}
.image142118{
height: 118px;
width: 142px;
}
img{
border-style: none;
}
form{
margin:0px;
padding:0px;
}
.toolbar_navigation_link{
padding-top: 3px;
padding-bottom: 5px;
padding-left: 3px;
width: 642px;
height: 17px;
float: left;
}
.navigation_link_block{
font-size: 13px;
color: #FC9105;
}
.toolbar_navigation_link a{
color: #FC9105;
text-decoration: none;
}
.toolbar_navigation_link a:hover{
color: #0081E6;
text-decoration: none;
}
.navigation_link_block_last{
font-size: 13px;
font-weight: bold;
color: #FC9105;
}
.toolbar_text_size_controller{
text-align: center;
padding-top: 4px;
width: 60px;
height: 21px;
float: right;
}
.toolbar_text_size_controller_small{
font-size: 13px;
font-weight: bold;
}
.toolbar_text_size_controller_big{
font-size: 19px;
font-weight: bold;
}
.toolbar_text_size_controller a{
color: #FC9105;
text-decoration: none;
}
#footer{
border-top: 1px dotted #576063;
padding-top: 5px;
width: 962px;
height: 36px;
clear:both;
}
.footer_copyright{
float: right;
height: 36px;
color: #576063;
font-size: 13px;
}
.footer_link{
text-align: right;
float: right;
height: 36px;
font-size: 13px;
color: #FFD000;
margin-right:30px;
}
.footer_link a{
color: #FFD000;
text-decoration: none;
}
.footer_link a:hover{
color: #FC9105;
text-decoration: none;
}
/* styles for homepage */
#home_header{
width: 962px;
height: 448px;
}
.home_header_left{
width: 705px;
height: 448px;
float: left;
}
.home_header_left_img{
width: 705px;
height: 414px;
}
.image705414{
width: 705px;
height: 414px;
}
.home_header_page_link{
float: left;
margin-top: 0px;
*margin-top: 0px;
_margin-top: -3px;
width: 705px;
height: 27px;
color: #ffffff;
font-size: 18px;
background-color: #FC9105;
}
.home_header_page_link a{
text-decoration: none;
color: #ffffff;
font-size: 16px;
}
/* ================ hover menu ================ */
.menu *{
margin : 0;
padding : 0;
height: 27px;
}
.menu{
font-size : 16px;
position : relative;
z-index : 100;
font-family: Arial;
}
.menu ul{
list-style : none;
height: 27px;
}
.menu li {
float : left;
position : relative;
height: 27px;
border-right: 1px solid #ffffff;
}
.menu ul ul {
visibility : hidden;
position : absolute;
left : 0px;
top : 27px;
width :135px;
height : 27px;
}
.menu table {
position : absolute;
top : 0;
left : 0;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility : visible;
}
.menu a{
display : block;
text-align : center;
color : #ffffff;
text-decoration : none;
height: 24px;
padding-top:3px;
}
.menu a:hover{
background : #B8321F;
color : #fff;
}
.menu ul ul li {
clear : both;
text-align : left;
font-size : 16px;
width :180px;
background-color: #FC9105;
height: 27px;
}
.menu ul ul li a{
display : block;
width :180px;
text-align : left;
height: 27px;
margin : 0;
border : 0;
}
.menu ul ul li a:hover{
border : 0;
background : #B8321F;
}
li.menu_selected {
background : #B8321F;
}
/* ============================= */
.home_header_right{
padding-left: 10px;
width: 247px;
height: 448px;
float: left;
}
.home_header_right_title{
padding-top: 5px;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #FC9105;
width: 247px;
height:35px;
background-color: #F0F0F5;
}
.home_header_right_content_text{
padding-left: 13px;
padding-top: 5px;
width: 234px;
font-size: 13px;
height: 110px;
}
.home_header_right_content_list{
width: 234px;
font-size: 15px;
}
.home_header_right_content_list ul{
margin: 0px 0 0 -28px;
*margin: 0px 0 0 13px;
}
.home_header_right_content_list li{
padding: 7px 0;
list-style-type: none;
}
.home_header_right_btn{
padding-top: 18px;
text-align: center;
width: 234px;
height: 30px;
font-size: 15px;
}
.home_style_btn_block{
margin: 0 auto;
text-align: center;
padding-top: 6px;
width: 155px;
height: 24px;
background-color: #FC9105;
font-weight: bold;
}
.login_postion{
position: absolute;
top: 88px;
right: 257px;
}
.login_postion_house_information{
position: absolute;
top: 88px;
right: 0px;
}
.home_style_btn_block a{
text-decoration: none;
color: #ffffff;
}
#home_content{
width: 962px;
}
.home_content_left{
width: 705px;
float: left;
}
.home_content_toolbar{
width: 705px;
padding-top: 4px;
height: 30px;
}
.home_content_text{
padding-top: 5px;
padding-left: 3px;
padding-right: 40px;
padding-bottom: 20px;
width: 662px;
min-height: 568px;
overflow:auto;
}
.home_content_text_para_title{
font-size: 18px;
font-weight: bold;
color: #6C7074;
}
.home_content_text_para_content{
font-size: 13px;
line-height: 20px;
color: #576063;
}
.home_content_text_para_morelink{
width: 309px;
height: 50px;
padding-top: 16px;
text-align: left;
font-size: 14px;
}
.home_style_btn_more_info{
text-align: center;
padding-top: 6px;
width: 155px;
height: 24px;
background-color: #FC9105;
font-weight: bold;
}
.home_style_btn_more_info a{
text-decoration: none;
color: #ffffff;
}
.home_content_right{
width: 257px;
height: 568px;
float: right;
background-color: #F0F0F5;
}
.home_content_right_title{
padding-left: 18px;
padding-right: 19px;
padding-top:14px;
width: 220px;
height: 28px;
font-size: 20px;
font-weight: bold;
color: #FC9105;
}
.home_content_right_images{
padding-left: 18px;
padding-right: 19px;
padding-top: 5px;
padding-bottom: 10px;
width: 220px;
height: 410px;
}
.image220120{
width: 220px;
height: 120px;
}
.home_content_right_image_toolbar{
width: 220px;
height: 34px;
}
.home_content_right_image_toolbar_navigate{
font-size: 18px;
font-weight: bold;
padding-top: 8px;
text-align: center;
float: left;
width: 34px;
margin-right: 3px;
height: 26px;
background-color: #4D5A65;
}
.home_content_right_image_toolbar_navigate a{
text-decoration: none;
color: #ffffff;
}
.home_content_right_image_toolbar_more{
position: absolute;
top: 990px;
right: 20px;
padding-left: 5px;
font-size: 13px;
font-weight: bold;
padding-top: 7px;
width: 100px;
height: 25px;
background-color: #4D5A65;
cursor: pointer;
}
.home_content_right_image_toolbar_more a{
text-decoration: none;
color: #ffffff;
}
.home_content_right_subscribe{
width: 213px;
padding-left: 22px;
padding-right: 22px;
padding-top: 18px;
height: 122px;
color: #ffffff;
background-color: #FC9105;
}
.home_content_right_subscribe_title{
margin:0px;
padding:0px;
font-size: 18px;
font-weight: bold;
}
.home_content_right_subscribe_text{
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:5px;
font-size: 10px;
}
.home_subscrib_input_email{
width: 200px;
}
.submit_btn{
font-family : Arial;
font-size: 12px;
font-weight: bold;
width: 80px;
height: 20px;
color: #ffffff;
background-color: #4D5A65;
cursor: pointer;
border-width:0px;
margin-top: 10px;
padding-bottom:3px;
}
/* styles for page */
#page_header{
width: 962px;
background-color: #FC9105;
height: 26px;
}
#page_header a{
text-decoration: none;
color: #ffffff;
font-size: 16px;
}
.header_page_login{
float: right;
padding-right: 10px;
padding-top: 11px;
width: 197px;
height: 25px;
text-align: right;
font-size: 14px;
font-weight: bold;
}
.header_page_login a{
text-decoration: none;
color: #ffffff;
}
.header_page_login_text{
float: left;
width: 177px;
height: 25px;
}
.header_page_login_img{
float: right;
padding-top: 1px;
width: 20px;
height: 24px;
}
.page_header_navigation{
width: 962px;
height: 25px;
}
.page_header_img{
width: 962px;
height: 183px;
}
.image962183{
width: 962px;
height: 183px;
}
#page_content{
width: 962px;
padding-bottom: 20px;
}
.page_content_toolbar{
width: 962px;
height: 25px;
}
.page_content_block{
width: 962px;
min-height:630px;
}
.page_content_block_sidebar{
width: 154px;
height: 630px;
float: left;
background-color: #FEDAA9;
}
.page_content_block_sidebar_menu{
width: 154px;
height: 235px;
background-color: #FC9105;
}
.page_content_block_sidebar_menu a{
color: #ffffff;
text-decoration: none;
}
.page_content_block_sidebar_menu_title{
width: 130px;
height: 18px;
padding-top: 9px;
padding-bottom: 5px;
margin-left: 12px;
margin-right: 12px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px dotted #576063;
color: #ffffff;
}
.page_content_block_sidebar_menu_item{
width: 150px;
height: 21px;
padding-top: 5px;
padding-left: 12px;
font-size: 13px;
}
.page_content_block_sidebar_menu_selected{
width: 140px;
height: 21px;
padding-top: 5px;
padding-left: 12px;
font-size: 13px;
background-color: #BC3021;
}
.page_content_block_sidebar_menu_search_outter{
width: 130px;
padding-left: 12px;
padding-right: 12px;
height: 43px;
}
.page_content_block_sidebar_menu_search{
padding-top: 8px;
width: 130px;
height: 35px;
border-top: 1px dotted #576063;
}
.page_sidebar_search_textfield{
width: 122px;
color: #576063;
}
/* styles for page one */
.page_one_content_block_content{
width: 808px;
float: left;
padding-bottom:20px;
overflow:auto;
}
.page_content_thumbnail_block_list{/**/
padding-left: 18px;
width: 386px;
float: left;
}
.page_content_thumbnail_block_single{/**/
padding: 0 7px;
width: 372px;
height: 197px;
background-color: #F0F0F5;
}
.page_content_thumbnail_block_single_title{
padding-top: 4px;
width: 372px;
height: 23px;
text-align: center;
font-size: 16px;
color: #9B372F;
}
.page_content_thumbnail_block_single_content{
padding-top: 14px;
width: 372px;
height: 148px;
background-color: #ffffff;
}
.page_content_thumbnail_block_single_content_infolist{
float: left;
padding-left: 15px;
padding-right: 4px;
width: 246px;
height: 148px;
}
.page_content_thumbnail_block_single_content_infolist td{
color: #576063;
font-weight: bold;
font-size: 14px;
height: 22px;
}
.page_content_thumbnail_block_single_content_infolist a{
color: #FC9105;
}
.page_content_thumbnail_block_single_content_img{
float: left;
width: 96px;
height: 140px;
padding-top: 8px;
padding-right: 11px;
}
.image96123{
width: 96px;
height: 123px;
}
/* styles for page two */
.page_two_content_block_content{
width: 790px;
padding-left: 18px;
float: left;
padding-bottom:20px;
overflow:auto;
}
.page_content_block_content_title{
width: 766px;
height: 28px;
padding-top: 12px;
padding-left: 24px;
background-color: #FC9105;
color: #ffffff;
font-size: 14px;
font-weight: bold;
}
.page_content_block_content_search_total{
width: 766px;
height: 16px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 24px;
font-size: 14px;
font-weight: bold;
color: #576063;
}
.page_content_block_content_search_select{
width: 764px;
border: 1px solid #DCDCE1;
padding-left: 24px;
padding-top: 24px;
height: 68px;
background-color: #F0F0F5;
}
.page_content_block_content_search_select_table{
float: left;
width: 609px;
height: 72px;
}
.page_content_block_content_search_select_table td{
height: 20px;
font-size: 14px;
color: #576063;
}
.page_content_block_content_search_select_submitbtn{
float: right;
padding-top: 20px;
padding-right: 24px;
width: 75px;
height: 50px;
}
.style_btn_more_info{
text-align: center;
padding-top: 6px;
height: 24px;
background-color: #FC9105;
font-size: 14px;
font-weight: bold;
color: #ffffff;
cursor: pointer;
}
.style_btn_more_info a{
text-decoration: none;
color: #ffffff;
}
.page_content_block_content_search_result{
width: 790px;
padding: 15px 0;
border-bottom: 1px dotted #FC9105;
height: 106px;
}
.page_content_block_content_search_result_content{
float: left;
width: 635px;
height: 106px;
}
.page_content_block_content_search_result_content_img{
width: 220px;
height: 106px;
float: left;
}
.image159106{
width: 220px;
height: 106px;
}
.page_content_block_content_search_result_content_text{
width: 400px;
height: 106px;
float: left;
margin-left:10px;
}
.page_content_block_content_search_result_content_title{
margin: 0px;
font-size: 16px;
font-weight: bold;
color: #F39B34;
}
.page_content_block_content_search_result_content_linetwo{
font-size: 14px;
font-weight: bold;
color: #576063;
margin: 0px;
}
.page_content_block_content_search_result_content_linenormal{
font-size: 12px;
color: #576063;
margin: 0px;
}
.page_content_block_content_search_result_content{
font-size: 13px;
color: #576063;
margin: 0px;
}
.page_content_block_content_search_result_content_moreinfo{
float: right;
width: 155px;
padding-top: 76px;
height: 30px;
}
.page_content_block_content_search_pageslist{
text-align: center;
padding-left: 330px;
width: 460px;
padding-top: 40px;
height: 18px;
}
.page_content_block_content_search_pageslist a{
text-decoration: none;
}
.page_content_block_content_search_page{
float: left;
width: 16px;
height: 16px;
border: 1px solid #DCDCE1;
color: #576063;
font-size: 12px;
cursor: pointer;
}
.page_content_block_content_search_page_selected{
float: left;
width: 16px;
height: 16px;
border: 1px solid #F39B34;
color: #F39B34;
font-size: 12px;
cursor: pointer;
}
/* styles for house_information */
#tabs{
width : 764px;
padding-left : 20px;
height : 41px;
}
.tab{
text-align : center;
float : left;
width : 120px;
border-top : solid 1px #DCDCE1;
border-left : solid 1px #DCDCE1;
border-right : solid 1px #DCDCE1;
height : 30px;
background-color : #F0F0F5;
font-size : 12px;
color : #495A69;
font-weight : bold;
cursor : pointer;
padding-top : 10px;
margin-right : 10px;
}
.tab_click{
text-align : center;
float : left;
width : 120px;
border-top : solid 2px #DCDCE1;
border-left : solid 2px #DCDCE1;
border-right : solid 2px #DCDCE1;
height : 30px;
background-color : #ffffff;
font-size : 14px;
color : #FC9105;
font-weight : bold;
cursor : pointer;
padding-top : 10px;
margin-right : 10px;
}
.tab_content_show{
background-color : #ffffff;
position : relative;
width : 745px;
min-height : 500px;
border : solid 2px #DCDCE1;
padding : 20px 20px 30px 20px;
overflow : auto;
}
.tab_content{
background-color : #ffffff;
position : relative;
width : 745px;
min-height : 500px;
border : solid 2px #DCDCE1;
display : none;
padding : 20px 20px 30px 20px;
overflow : auto;
}
.tab_overview_image{
width : 220px;
height : 150px;
float : left;
}
#tab_overview_content{
width : 490px;
min-height : 280px;
float : left;
padding-left : 20px;
}
.tab_content h1, .tab_content_show h1{
margin : 0px;
padding : 0px;
font-size : 18px;
font-weight : bold;
color : #FC9105;
padding-bottom : 15px;
}
#tab_content_1 table {
width : 480px;
}
#tab_content_2 table {
width : 740px;
}
.tab_content table th, .tab_content_show table th{
background-color : #F0F0F5;
font-size : 16px;
font-weight : bold;
color : #495A69;
text-align : left;
}
.tab_content table td, .tab_content_show table td{
font-size : 14px;
font-weight : normal;
color : #495A69;
text-align : left;
border-bottom : solid 1px #DCDCE1;
}
#tab_photos_list{
width : 220px;
float : left;
padding : 20px 10px 20px 10px;
background-color : #F0F0F5;
}
.tab_photos_small{
width : 218px;
height : 118px;
border : solid 1px #DCDCE1;
cursor : pointer;
}
.tab_photos_big{
width : 490px;
height : 350px;
float : right;
}
/* styles for video and photos */
#video_player{
width : 962px;
height : 400px;
margin-top : 20px;
}
#photos_list{
width : 962px;
height : 400px;
margin:0px;
padding:0px;
margin-top : 20px;
overflow : hidden;
}
.image962400{
width : 962px;
height : 400px;
}
.photos_button{
background-color : #4D5A65;
width : 100px;
height : 19px;
text-align : center;
font-size : 13px;
font-weight : normal;
color : #FFFFFF;
float : left;
margin-right : 20px;
cursor : pointer;
}
#photos_button_block{
width : 962px;
margin-top : 20px;
}
#photos_button_block p{
margin : 0px;
padding : 0px;
float : left;
font-size : 15px;
font-weight : normal;
color : #576063;
padding-top : 10px;
}