/*Style sheet writen by Tom Mason for Town and Country Lettings */

/*
########################################
###  Generic tags
########################################
*/
body{                  
    font-family: arial;
    font-size: 10pt;
    color: #808080;
    behavior: url("csshover3.htc");
}

img{
    border: none;
}

h2{
    font-size: 12pt;
    margin: 0px;
    padding: 0px; 
}

h3{
}

form{
    margin: 0px;
    padding: 0px; 
}

#site_wrapper{
    width: 880px;
    margin: 0px auto; 
}

#standard_wrapper{
    margin-top: 20px; 
}

.list_styles li{
    padding-bottom: 10px;    
}
/*
########################################
###  Html head
########################################
*/
#head_wrapper{
    width: 880px;
}

#logo{
    float: left;
}

#company_description{
    float: right;
    text-align: right;
    margin-top: 10px; 
}

#company_description p{
    margin: 0px; 
}

#favs_top_link a,a:link,a:visited,a:hover{
    font-size: 11pt;
    font-weight: bold;
    color: #db2033;
}

#favs_top_link{
    margin-top: 40px; 
    margin-left: 200px; 
    height: 27px; 
}

#favs_top_link li{
    float: left; 
    list-style-type: none;
    padding: 0px; 
    margin: 0px; 
    margin-left: 10px; 
}

#favs_top_link ul{
    height: 27px; 
    padding: 0px;
    margin: 0px;
}

/*
########################################
###  Main content
########################################
*/
#main_content{
    border: 1px solid #d1d4d1;
    width: 880px;
    background-image: url(../images/site_graphics/main_bg.jpg);
    background-repeat: repeat-x;       
    padding-bottom: 5px;                           
}

#content_right{
    width: 625px;
    margin: 0px; 
    padding: 0px; 
    float: left; 
}

#content_right a,a:link,a:visited,a:hover{
    font-size: 10pt;
    color: #db2033;    
}

#content_right a:hover{
    text-decoration: underline;
}

#footer{
    width: 880px; 
    margin: 3px 0px 10px 10px; 
    text-align: center;
    font-size: 12pt; 
}
/*
########################################
###  Navigation and side bar
########################################
*/
#side_nav_wrapper{
    float: left; 
    width: 250px; 
}

#main_menu a,a:link,a:visited,a:hover{
    text-decoration: none; 
    color: #808080;
    font-size: 11pt; 
    display: block; 
    font-weight: normal;
    height: 22px; 
    width: 215px;
    border-bottom: 1px solid #d1d4d1;
}

#main_menu ul{
    padding: 0px;
    margin: 10px 0px 0px 10px; 
}

#main_menu li{
    list-style-type: none; 
    width: 220px; 
    padding: 5px 5px 5px 5px;
    margin: 0px; 
}

#main_menu li:hover {
    background-color: #d2ab68; 
}

#main_menu li:hover a{
    color: #fff;
    border-bottom: 1px solid #fff;     
}

#top_properties_wrapper{
    margin: 0px 0px 0px 10px;
    width: 225px; 
    height: 200px; 
    background-repeat: no-repeat;
    padding: 5px 0px 0px 5px;
    font-size: 8pt;
}

#top_properties_wrapper p{
    margin: 0px 0px 0px 0px;
    padding: 0px; 
    
}

#top_properties_inner{
    width: 225px;  
    height: 200px; 
    padding: 0px 7px 7px 0px;
}

#top_properties_inner img{
    border: 1px solid #d1d4d1;
    margin: 5px 0px 0px 0px; 
}

#title_wrapper{
    margin-top: 5px;    
}

#description_wrapper{
    background-color: #d2ab68;
    margin-top: 5px; 
    padding: 2px 0px 0px 0px;
    height: 17px; 
    color: #fff;
}

#top_properties_nav{
    margin: 0px 0px 0px 15px;  
    height: 25px;   
}

#top_properties_nav a,a:link,a:visited,a:hover{
    border: none; 
    display: inline;  
    font-size: 8pt;
    color: #808080;
}

#ideal_home{
    margin: 0px 0px 0px 15px;  
}

.property_buttons{
    float: left; 
    margin-left: 5px;  
}

#loading{
    display: block; 
    margin-left: 00px; 
    height: 20px; 
    font-size: 8pt; 
    text-align: center;
}

/*
########################################
###  Index content
########################################
*/
#flash_wrapper{
    margin-left: 0px; 
}

#great_deals img{
    float: left; 
    border: 1px solid #818284;
    margin: 15px 0px 0px 10px; 
}

#search_deal_wrapper{
    float: left; 
    margin-top: 15px; 
}

#map{ 
    float: left; 
    margin: 10px 0px 0px 0px;  
    border: 1px solid #d1d4d1;    
}

#map_wrapper{
    width: 301px; 
    float: left; 
    margin: 23px 0px 0px 11px;       
}

#map_description{
    float: left;
    text-align: left; 
}

#map_instructions{
    font-size: 7pt; 
}
/*
########################################
###  Search area
########################################
*/
#search{
    width: 301px;
    height: 240px; 
    margin: 2px 0px 0px 0px;
    float: left;
}

#search_box_wrapper{
    margin: 0px 0px 0px 7px;
}

#search_form{
    margin: 0px;
    padding: 0px; 
}

.search_box{
    border: 1px solid #e9d5b2;
    background-color: #d2ab68; 
    width: 135px; 
    height: 42px; 
    margin: 10px 0px 0px 10px;
    float: left; 
    padding: 2px 0px 0px 5px;
    color: #fff;
}

.search_box_left{
    border: 1px solid #e9d5b2;
    background-color: #d2ab68; 
    width: 135px; 
    height: 42px; 
    margin: 10px 0px 0px -7px;
    float: left; 
    padding: 2px 0px 0px 5px;
    color: #fff;
}

.search_inputs{
    font-size: 8pt; 
    border: 1px solid #d1d4d1;
    width: 130px; 
    margin-top: 3px; 
    color: #808080;
}

.search_option{
    background-image: url(../images/site_graphics/drop_bg.png);
    background-repeat: repeat-x;
}

#search_form_error{
    color: #db2033;
    font-size: 8pt; 
    text-align: center; 
}

#search_icon{
    float: left; 
    margin: 10px 0px 0px 0px;
    width: 155px;
    text-align: left;
}

#view_all_icon{
    float: left;
    width: 130px; 
    text-align: left; 
    margin: 10px 0px 0px 0px;
}

/*
########################################
###  Search results
########################################
*/
#search_results_wrapper{
    margin: 10px 0px 0px 0px;
}

#search_results_wrapper a,a:link,a:visited,a:hover{
    color: #808080;
    font-weight: normal; 
}

#search_results_wrapper a:hover{ 
    text-decoration: none;
}

.result{
    width: 595px;
    height: 100px;
    border: 1px solid #d1d4d1;
    margin: 10px 0px 0px 10px;   
}

.result:hover{
    border: 1px solid red;
    cursor: pointer;
}

.result p{
    margin: 7px 0px 0px 0px;
}

.result_image{
    height: 100px; 
    float: left;
    width: 150px;
}

.result_details{
    float: left;
    width: 420px;
    margin-left: 20px; 
    margin-top: 10px;
}

.result img{
    margin: 10px 0px 0px 10px;
}

#page_details{
    margin: 10px 20px 0px 0px;
    height: 10px; 
}

#page_details a:hover{
    text-decoration: underline;
}

#page_numbers{
    float: left;
    text-align: center;
    width: 333px;
}

#num_of_results{
    float: left; 
    margin-left: 10px; 
    width: 120px; 
}

#sort{
    float: left;
}

#no_props{
    width: 600px; 
    margin: 0px auto;
    margin-top: 30px; 
    text-align: center;
}

#no_props a,a:link,a:visited,a:hover{
    font-size: 10pt;
    color: #db2033;        
}

#no_props a:hover{
    text-decoration: underline;
}

/*
########################################
###  View Property
########################################
*/
#view_property_nav{
    width: 625px;
    padding: 20px 0px 40px 0px; 
}

#property_images_wrapper{
    width : 330px; 
    float: left;
    margin-top: 10px;
    text-align: left; 
}

#property_images_wrapper img{
    border: 1px solid #d1d4d1;
}

#property_images_inner{
    padding: 10px; 
}

#property_details{
    float: left;
    width: 260px;
    padding: 10px;  
    margin: 10px 0px 0px 10px; 
}

#image_title{
    float: left;
    width: 343px; 
}

#details_title{
    float: left;
}

#fav_link{
    float: left;
    width: 530px;
}

#back_search{
    float: left;
}

#full_description{
    padding-top: 30px; 
}

/*
########################################
###  favorites
########################################
*/
.delete_wrapper{
    float: left;
    
    width: 100px; 
    text-align: center;
    margin: 50px 0px 0px 10px;
}

#favorites_wrapper a,a:link,a:visited, a:hover{
    color: #808080;    
}

#favorites_bottom{
    width: 600px;
    margin-top: 20px;   
    text-align: right;  
}

#favorites_call{
    text-align: center; 
}

/*
########################################
###  favorites
########################################
*/
#contact_address{
    float: left;
    width: 300px;
}

#contact_phone{
    float: left;
    width: 300px;
    margin-left: 10px;
}

#contact_form{
    width: 600px; 
    
}

legend{
    font-size: 12pt;
    margin: 0px;
    padding: 20px 0px 20px 0px;  
    color: #808080;
}

fieldset{
    border: none;
    margin: 0px; 
    padding: 0px;  
}

#contact_form label{
    display: block;
    width: 600px;
    padding: 10px 0px 10px 0px;  
}

#contact_form form{
    margin: 0px;
    border: 0px; 
}

.enquiry{
    border: 1px solid #d1d4d1;
    width: 300px; 
}

.enquiry:focus{
    background-color: #f6efe4;
}

.enquiry_text{
    border: 1px solid #d1d4d1;
    width: 300px; 
    height: 100px;
}

.enquiry_text:focus{
    background-color: #f6efe4;
}

/*
########################################
###  Links
########################################
*/
.link{
    width: 500px;
    height: 100px; 
    margin-top: 20px; 
    border: 1px solid #d1d4d1;
}

#links_wrapper a,a:link,a:visited,a:hover{
    color: #808080;
}

.link:hover{
    border: 1px solid red;
}

.link_logo{
    width: 80px;
    height: 80px;
    border: 1px solid #d1d4d1;  
    margin: 12px 0px 0px 10px;  
    float: left; 
}

.link_info{
    height: 100px;
    float: left;
    width: 380px;
    margin: 0px 0px 0px 10px; 
    font-size: 8pt;
}

/*
########################################
###  About us
########################################
*/
#about_us_content{
    width: 330px;
    float: left;
    height: 200px;
     
 
}



#office_picture{
    float: left;
    width: 250px;
    height: 200px;
    border: 1px solid #d1d4d1;
    margin-left: 10px; 
}

#floorplan_content{
    width: 250px;
    float: left;
     font-size: 8pt;
 
}



#floorplan_picture{
    float: left;
    width: 330px;
    border: 1px solid #d1d4d1;
    margin-left: 10px;
    position:relative;
    top:20px;
}

.team_member{
    width: 280px;
    height: 80px;
    float: left;
    margin-bottom: 10px; 
}

.team_image{
    float: left;
    width: 150px; 
}

.staff_name{
    float: left;
    width: 110px;  
}