body, html{
background-color:#CCCCCC;
margin:0px;
padding:0px;
}
a{
color:#006699;
text-decoration:none;
}
a:hover{
color:#0099CC;
}
a:active, a:focus{
outline:none;
}
#page{
position:absolute;
width:950px;
margin:10px 0 0 50%;
left:-475px;
}
#header, #nav, #content, #footer{
float:left;
clear:left;
width:950px;
}
#header{
background-image:url(/img/header.jpg);
background-position:center top;
background-repeat:no-repeat;
height:134px;
}
#header #logo{
margin:15px 0 0 25px;
border:0px;
height:104px;
width:155px;
float:left;
}
#header #addr{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
vertical-align:baseline;
letter-spacing:normal;
word-spacing:normal;
font-weight:bold;
text-align:right;
float:right;
margin:33px 25px 0 0;
height:75px;
}
#nav{
background-image:url(/img/nav.jpg);
background-position:center top;
background-repeat:no-repeat;
height:42px;
}
#nav #links{
width:950px;
line-height:15px;
height:16px;
margin-top:9px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#nav #links a{
font-weight:bold;
color:#000000;
text-decoration:none;
}
#nav #links a:hover{
color:#B50102;
}
#nav #links a:active, #nav #links a:focus{
outline:none;
}
#content{
background-image:url(/img/body.jpg);
background-position:center top;
background-repeat:repeat-y;
min-height:500px;
}
#content #c{
width:900px;
margin: 10px 0 10px 25px;
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
#footer{
background-image:url(/img/footer.jpg);
background-position:center top;
background-repeat:no-repeat;
height:96px;
}
#footer #row{
width:790px;
float:left;
position:relative;
left:50%;
margin:20px 0 0 -395px;
}
#footer #row #left, #footer #row #center, #footer #row #right{
float:left;
}
#footer #row #left p, #footer #row #right p{
margin:0 0 5px 0;
}
#footer #row #left, #footer #row #right{
width:75px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
}
#footer #row #left{
margin-right:10px;
}
#footer #row #right{
margin-left:10px;
}
#footer #row #center{
width:620px;
text-align:center;
margin-top:5px;
}
#footer #row #center p{
margin:0 0 7px 0;
}
#footer #row #center p, #footer #row #center p a{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
#footer #row #center p a:hover{
color:#CCCCCC;
}
#footer #row #center p a:active, #footer #row #center p a:focus{
outline:none;
}
#content .home{
float:left;
}
#content .col1, #content col3{
width:280px;
}
#content .col2{
width:375px;
margin:0 10px 0 10px;
}
#content .col2 p{
margin:0 0 7px 0;
}
.home_search{
width:225px;
}
.tab_top_left{
background-image:url(/img/tab_top_left.jpg);
background-position:top left;
background-repeat:no-repeat;
height:38px;
width:100%;
}
.tab_top_right{
background-image:url(/img/tab_top_right.jpg);
background-position:top right;
background-repeat:no-repeat;
height:38px;
width:100%;
}
.top_tab_content{
color:#FFFFFF;
text-align:center;
width:100%;
font-weight:bold;
padding-top:6px;
}
.tab_body_left{
background-image:url(/img/tab_body_left.jpg);
background-position:top left;
background-repeat:repeat-y;
width:100%;
}
.tab_body_right{
background-image:url(/img/tab_body_right.jpg);
background-position:top right;
background-repeat:repeat-y;
width:100%;
}
.tab_content{
width:195px;
margin-left:15px;
}
.tab_bottom_left{
background-image:url(/img/tab_bottom_left.jpg);
background-position:top left;
background-repeat:no-repeat;
height:33px;
width:100%;
}
.tab_bottom_right{
background-image:url(/img/tab_bottom_right.jpg);
background-position:top right;
background-repeat:no-repeat;
height:33px;
width:100%;
}
.parent_DD{
width:193px;
background-color:#FFFFFF;
cursor:pointer;
border:1px dotted #CCCCCC;
background-image:url(../img/arrow.jpg);
background-position:left middle;
background-repeat:no-repeat;
height:16px;
float:left;
clear:left;
margin-top:3px;
}
.child_DD{
width:193px;
background-color:#FFFFFF;
display:none;
border:1px dotted #CCCCCC;
border-top:0px;
}
.close{
cursor:pointer;
float:right;
clear:right;
width:31px;
height:21px;
background-image:url(../img/ok.jpg);
background-position:top left;
background-repeat:no-repeat;
z-index:30;
}
input[type=text] {
font-size:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
width:80px;
float:left;
margin-top:3px;
}
.dateLabel{
width:40px;
float:left;
clear:left;
font-weight:bold;
margin:5px 0 5px 10px;
}
#search_button{
margin-top:5px;
border:1px dotted #CCCCCC;
height:18px;
width:93px;
margin-left:50px;
float:left;
clear:left;
text-align:center;
font-weight:bold;
background-color:#FFFFFF;
cursor:pointer;
line-height:18px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
label{
margin-left:10px;
float:left;
clear:left;
}
div#results div.main{
border:1px solid white;
width:900px;
}
div#results div.main:hover{
border:1px solid #B50102;
background-color:#FEE6E6;
}
div.row{
float:left;
clear:left;
margin-bottom:3px;
}
div.col{
float:left;
padding:2px;
}
div.row div.col div.row, div.row div.col div.row:hover{
margin-top:1px;
border:0px;
}
div.result_id{
width:100px;
}
div.result_city, div.result_price, div.result_when, div.result_beds, div.result_num{
width:90px;
}
div.result_id{
width:110px;
}
div.result_photo{
width:140px;
margin-right:10px;
}
div.result_avail{
width:150px;
}