/* hallandscott.co.uk */

/* LISTINGS PAGE */
#listings_wrapper { width:940px; font-size:12px; line-height:1.5em; background-color:#fff; margin:30px auto 15px auto;
    font-family:Helvetica, 'PT Sans', arial, serif; color:#58585A;          
    }
#listings_wrapper h1 {font-size:18px; font-weight:bold; padding-top:8px; padding-bottom:14px;
    }
#property_wrapper {width:100%; padding-bottom: 8px; margin-bottom:14px; border-bottom:1px solid #FFF34A; color:#000; 
    }    
#img_wrapper { float:left; width:275px;
    }
#img_wrapper img {max-width:270px;
    }
#summary_wrapper { float:left; width:475px; min-height:185px; padding-left:285px;
    }    
#summary_wrapper p {margin:2px 0; 
    }
#summary_wrapper a { text-decoration:none; font-size:22px; color:#58585A;
    }
#summary_wrapper a:hover { text-decoration:underline; color:#58585A;
    }
#summary_wrapper .display_address { width:100%; float:left; font-size:22px; text-align:left; margin-bottom:4px;  font-weight: normal; color:#000
    }
#summary_wrapper .display_price {font-size:18px; text-align:left; color: #85BF4F; padding-bottom:4px;  font-weight: bold; 
    }    
#property_wrapper .display_status { float:right; font-size:18px; text-align:right; color: #85BF4F; /*padding-bottom:8px;*/  font-weight: bold;                                
    }  
.imgorder	{ position:absolute; width:275px;
    }    
#summary_wrapper .display_summary { font-weight: normal; 
    }   
#summary_wrapper a.p { font-size:12px; 
    }
#buttons { height:34px; line-height:34px; vertical-align:middle; margin-top:6px
    }
#buttons img { margin-right:4px; float:left; height:34px; width:34px; background-color:#58585A;
    }
#buttons a:hover img { background-color:#85BF4F;
    }
#buttons a {font-size:13px; font-weight:bold;
    }
#buttons a:hover {color:#85BF4F; text-decoration:underline;
    }    
#buttons .button_wrapper { margin-right:10px; float:left;
    }
#listings_info_wrapper { float:left; width:160px; height:174px; margin-left:10px; border:1px dotted #C0C0C0;
    background-color:#58585A; padding:3px; color:#fff;         
    }
#listings_info_wrapper h1 { font-size:14px; font-weight:bold; color:#FFF34A; text-align:center; padding:0; margin-bottom:0; font-family:Helvetica, 'PT Sans', arial, serif;
    }
#listings_info_wrapper hr { color:#FFF34A; margin:4px 0; height:1px; background-color:#FFF34A; border-right:0; border-left:0; border-bottom:0; clear:both;
    }    
#listings_info_wrapper .details_office_address { font-weight:bold; padding:0 5px 5px 5px; text-align:center;
    }    
#listings_info_wrapper  img { height: 36px; width:36px; margin-right:5px; float:left; background-color:#58585A;
    }
#listings_info_wrapper  p { height: 36px; line-height:36px; vertical-align:middle; margin: 4px 0; font-size:13px; color:#fff; float:left;
    }   
#listings_info_wrapper .property_type { font-weight:normal; padding:0 5px; text-align:center;
    }  
#listings_info_wrapper a { text-decoration:none; font-weight:normal; color:#FFF34A;
    }    
#listings_info_wrapper a:hover { color:#85BF4F; text-decoration:underline;
    }
    
/* DETAILS PAGE */    
#details_header { margin:10px 0 0 0; height:20px;
    }
#details_header .display_address { float:left; font-size:18px; text-align:left; font-weight: bold; color:#58585A;
    }
#details_header  .display_price { float:left; font-size:18px; text-align:left; color: #85BF4F; margin-left:10px;  font-weight: bold;     
    }
#details_header  .back_link { float:right;
    }
#details_header a { color:#000; text-decoration:none;
    }
#details_header a:hover { color:#58585A; text-decoration:underline;
    }
#details_main_photo_wrapper { float:left; width:660px; margin-bottom:24px;
    }    
#left_arrow { height:35px; line-height:35px; font-weight:bold; width:96px; float:left; 
    text-align:center; margin-right:4px;
    }  
#left_arrow img {float:left; margin:0; background-color:#58585A;
    }    
#right_arrow { height:35px; line-height:35px; font-weight:bold; width:96px; float:left; 
    text-align:center;
    }    
#right_arrow img {float:right; margin:0; background-color:#58585A;
    }        
#property_pics { margin:10px 0 0 0; width:660px; /*height: 440px;*/ height:504px;
    }    
#property_pics img { max-width:660px; max-height:440px;
    }                        
.property_pics_nav_bar { width:658px; height:35px; text-align:center; background-color:#58585A; vertical-align:middle; border:1px dotted #C0C0C0; 
    }    
#arrow_wrap { margin:0 auto; text-align:center; width:200px;
    }    
#arrow_wrap a {text-decoration:none; font-weight:bold; color:#fff;
    }
#arrow_wrap a:hover {text-decoration:underline; color:#85BF4F;
    }
#details_info_wrapper { float:right; width:230px; margin:10px 0 10px 5px; border:1px dotted #C0C0C0; /*height:459px;*/ height:486px;
    background-color:#58585A; padding:8px 6px; color:#fff;         
    }    
#details_info_wrapper h1 { font-size:18px; text-align:center; font-weight: bold; color:#FFF34A; padding:0 0 4px 0; font-family:Helvetica, 'PT Sans', arial, serif;
    }
#details_info_wrapper p { height: 36px; /*line-height:36px;*/ vertical-align:middle; margin: 4px 0; font-size:12px; color:#fff; padding-left:2px; font-size:11px;
    }   
#details_info_wrapper img { height: 36px; width:36px; margin-right:3px; float:left; background-color:#58585A;
    }
#details_info_wrapper hr {color: #FFF34A; margin:14px 0; height:1px; background-color:#FFF34A; border-right:0; border-left:0; border-bottom:0;
    }    
#details_info_wrapper .details_office_address { font-weight:bold; padding:0 0 5px 0; text-align:center; width:225px; margin:0 auto;
    }
#details_info_wrapper .button { float:left; width:112px;
    }
#details_info_wrapper a {text-decoration:none; font-weight:bold; color:#FFF34A;
    }
#details_info_wrapper a:hover { text-decoration:underline; color:#85BF4F;
    }
 #details_info_wrapper .display_status { font-weight:bold; color: #fff; font-size:12px; float:left; margin-top:4px; margin-bottom:4px;
    }
#details_summary_wrapper { margin:10px 0; color:#000; font-size:14px; text-align:left;
    }    
#details_description_wrapper { margin:10px auto; color:#000; font-size:14px; text-align:left;
    }    
#details_description_wrapper .bullet_point { background-image:url(../images/bullet_point.png); background-repeat:no-repeat; width:12px; height:12px; margin:0 12px 0 20px; display:inline-block;
    }

/* manipulation of EABoss more details html - for responsive layout */    
#details_description_wrapper div { float:left;
    }
#details_description_wrapper .PropertyRow {width:100%; clear:both; margin:5px 0;
    }
#details_description_wrapper .RoomHeading {font-weight:bold; width:135px;
    }    
#details_description_wrapper .RoomHeading2 {font-weight:bold; width:100%;
    }    
#details_description_wrapper .PropertyText {/*max-width:335px;*/ max-width:515px; padding-right:5px;
    }
#details_description_wrapper .PropertyText2 {/*max-width:610px;*/ max-width:805px;
    }
#details_description_wrapper .PropertyPhoto {max-width:270px; max-height:180px; float:right;
    }    
#details_description_wrapper img {max-width:270px; max-height:180px;
    }    

#details_floorplan_wrapper { margin: 10px auto; text-align:center;
    }    
#details_floorplan_wrapper img { max-width:770px;
    }
#details_epc_wrapper { margin: 10px auto; text-align:center;
    }    
#details_epc_wrapper img { max-width:500px;
    }    
#details_footer  .nav_links { float:right;
    }
#details_footer a {color:#000; text-decoration:none;
    }
#details_footer a:hover {color:#6E6F71; text-decoration:underline;
    }
#details_disclaimer { padding:4px 0; margin:10px 0;
    }    
    
#details_wrapper #streetview_canvas {margin-top:10px;}
    
#no_property {border:1px solid #FFF34A; background-color:#58585A; color:#fff; text-align:left; margin:50px 10px; padding:20px;
    }
#no_property p { font-size:14px; margin:0 0 10px 0;
    }   
    
#property_wrapper #video_wrapper {width:100%; float:left; margin:40px 0 20px;
    }
#video_wrapper .embedded_video { margin:0 auto; max-width:560px;
    }
    
    
/* LETTING FEES (LISTINGS/DETAILS) */
#fees  {  }
#fees #letting_fees_wrapper  {background-color:rgba(0, 0, 0, .7); 
    position:fixed; width:100%; height:100%; top:0; left:0; z-index:9;
    }    
#fees #letting_fees_wrapper #description_letting_fees { background-color:#eee; margin:20px auto; width:800px; z-index:10;
    }
#summary_wrapper .display_price a {color:inherit; font-size:inherit;
    }
#description_letting_fees  { border:1px solid #ddd; background-color:#eee; width:inherit; margin:40px 0;
    padding:10px 20px; position:relative; color:#000;
    }
#description_letting_fees h1 {margin:0;
    }
#description_letting_fees .hide_panel { cursor:pointer; 
    }
#description_letting_fees .close { background-image:url(../images/close_fees_panel.gif); background-position:left center; background-repeat:no-repeat; cursor:pointer; padding:0 0 0 20px; margin:25px 0 10px 0;
    }    
    
    
/*PROPERTY SEARCH*/
/*#search_forms {margin:2px 0 0 0; font-size:12px; color:#fff;  background-color:#58585A; width:940px; height:32px; line-height:32px; vertical-align:middle;
    }
#search_forms .form_panel {margin:0 0 0 5px; float:left; width:auto; height:18px; line-height:18px; vertical-align:middle;
    }    
#search_forms .form_label { float:left; text-align:right; margin:0 2px 0 2px; height:18px; line-height:18px; vertical-align:middle;
    }
#search_forms .form_input {width:62px; float:left; margin:0 4px;
    }
#search_forms .form_checkbox {width:15px; float:left; vertical-align:middle; margin: 0 0 0 6px;
    }
#search_forms .form_checkbox_label {max-width:130px; float:left; margin-left:4px; height:18px; vertical-align:middle; line-height:18px;
    }
#search_forms input[type="text"]  { width:60px; height:16px; vertical-align:middle; font-size:11px; padding:0; margin:0;
    }
#search_forms input[type="radio"]  { margin: -1px 2px 0 6px;
    }
#search_forms select { width:110px; margin:0 0 0 0; height:18px; vertical-align:middle; padding:1px 1px 1px 1px; font-size:11px;
    }
#search_forms .frm_go {float:right; margin: -7px 0 0 6px; vertical-align:middle; line-height:30px; height:30px; font-weight:bold; font-size:14px;
    }
#search forms #sales {margin-left:10px;
    }
#sales_search, #lettings_search { float:right;
    }*/
    
/* remove when finished formatting*/    
/*REFINE PROPERTY SEARCH*/
#refine_search_panel { float:left; background-color:#58585A; height:70px; width:940px; margin:5px 0;
    }
#refine_search_panel #search_forms {margin:0 auto; font-size:12px; color:#fff; line-height:32px; vertical-align:middle; padding:4px;
    }
#refine_search_panel h3 { margin:2px 0 8px 0;
    }
#refine_search_panel #search_forms .form_panel {width:auto; margin:2px 2px 2px 4px; float:left; clear:none;
    }    
#refine_search_panel #search_forms .form_label {min-width:58px; float:left; height:18px; vertical-align:middle; line-height:18px;margin:0 0 2px 0;
    }
#refine_search_panel #search_forms .form_input { min-width:70px; width:auto; float:left;height:24px; line-height:24px; vertical-align:middle; margin:0 2px 2px 0;
    }
#refine_search_panel #search_forms .form_radio { width:12px; float:left; height:24px; line-height:24px; vertical-align:middle; margin:0 2px 2px 0; padding-right:2px; }
#refine_search_panel #search_forms .form_checkbox {width:15px; float:left; vertical-align:top; padding-left:2px;
    }
#refine_search_panel #search_forms .form_checkbox_label {max-width:126px; float:left; vertical-align:middle; margin-left:4px;
    }
#refine_search_panel #search_forms input[type="checkbox"]  { margin: 0 5px 0 0 
    }
#refine_search_panel #search_forms input[type="text"]  {  float:left; width:95px; height:18px; vertical-align:middle; border:1px solid #FFF34A; font-size:11px; padding:0; margin:0
    }
#refine_search_panel #search_forms select { float:left; width:97px; height:20px; vertical-align:middle; border:1px solid #FFF34A; font-size:11px; padding:0; margin:0
    }
#refine_search_panel #search_forms input[type="radio"] {margin:0; height:18px;
    }
    
#refine_search_panel #search_forms .frm_go {float:right; margin:0; vertical-align:middle; line-height:18px; height:18px; font-weight:bold; font-size:14px; padding-top:12px; padding-left:2px;
    }
    
#refine_search_panel .ui-widget input {float:left; width:95px; height:18px; vertical-align:middle; border:1px solid #FFF34A; font-size:11px; padding:0; margin:0; font-family: Helvetica, Arial, sans-serif;
    }

.ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all {	font-family: Helvetica, Arial, sans-serif;
    }


/*LISTINGS PROPERTY SEARCH*/

#listings_search_panel #form_left {width:10px; float:left; margin-top:8px; padding-right:35px;
    }  

#listings_search_panel #form_right { float:right; margin-top:8px; padding-left:10px; padding-right:20px;
    }

#listings_search_panel {margin-bottom:16px; clear:both;
    }
#listings_search_panel #search_forms {margin:10px 0 0 0; font-size:12px; color:#fff; background-color:#58585A;
    }
#listings_search_panel #search_forms .form_panel {width:auto; margin:0 4px 2px 0; float:left; clear:none;
    } 
#listings_search_panel #search_forms .form_radio { width:12px; float:left; height:24px; line-height:24px; vertical-align:middle; 
    margin:0 2px 2px 0; padding-right:2px;
    }   
#listings_search_panel #search_forms .form_label {width:58px; float:left;
    }
#listings_search_panel #search_forms .form_input {width:84px; float:left; margin-left:2px;
    }
/*#listings_search_panel #search_forms .form_checkbox {width:15px; float:left; vertical-align:top; padding-left:12px;
    }*/
#listings_search_panel #search_forms .form_checkbox_label {max-width:126px; float:left; vertical-align:top; margin-left:4px;
    }
#listings_search_panel #search_forms input[type="text"]  { width:80px; margin-bottom:4px; height:16px; line-height:16px; vertical-align:middle; padding:1px 1px 1px 1px; font-size:11px;
    }
#listings_search_panel #search_forms input[type="checkbox"]  { margin: 0 5px 5px 0 
    }
#listings_search_panel #search_forms input[type="radio"] {margin:0; height:16px;
    }
#listings_search_panel #search_forms select { width:80px; margin:0 0 6px 0; height:18px; vertical-align:middle; padding:1px 1px 1px 1px; font-size:11px;
    }
#listings_search_panel #search_forms .frm_go {float:right; margin: 4px 7px 0 0; vertical-align:middle; line-height:30px; height:30px; font-weight:bold; font-size:14px;
    }
#listings_search_panel #search_forms p {margin:0;
    }
    
#listings_search_panel #search_forms .form_label2 { text-align:right; float:left; padding-left:6px; padding-right:4px;
    }
#listings_search_panel .form_label3 { text-align:left; float:left; padding-left:6px; padding-right:4px; min-width:54px;
    }
#listings_search_panel .form_label4 { text-align:left; float:left; padding-left:6px; padding-right:4px; width:72px;
    }
    
#listings_search_panel .searchInput2 {height:16px; line-height:16px; vertical-align:middle; padding:1px 1px 1px 1px; font-size:11px;
    }

    
    
/* REGISTRATION FORM */
#viewing_form { width:100%; height:400px; margin:0 auto;
    }
#viewing_form #form_left { float:left; width:390px; margin-right:10px;
    }
#viewing_form #form_right {float:left; width:390px; 
    }
#viewing_form .form_panel { clear:both; margin-bottom:14px; float:left;
    }
#viewing_form .val_label {text-align:right; width:180px; margin-right:10px; float:left; margin-bottom:6px;
    }    
#viewing_form .val_input {float:left; width:200px; margin-bottom:6px;
    }     
#viewing_form input[type="text"] { width:180px; border:1px solid #002748;
    }
#viewing_form .submit {width:80px; margin:0 auto;
    }
#viewing_form input[type="submit"] { text-align:center; width:80px; margin:12px auto;
    }
#viewing_form input[type="checkbox"] { margin-right:10px; margin-bottom:6px;
    }    
#viewing_form textarea { width:180px; height:90px; font-family: Verdana, Arial; font-size:12px; border:1px solid #002748;
    }    
#viewing_form label {float:none; display:inline;  color:#000;
    }
    
#confirm_this { display:none;
    }    
    
    
/* FORM CAPTCHA */
#viewing_form #captchapanel { margin: 10px 0; color: #424242; height:260px; width:390px;
    }
#viewing_form #captchapanel img {margin:1px; float:left;
    }    
#viewing_form #captchapanel label {text-align:left; width: 206px;
    }
#viewing_form #captchapanel .panel1 { float:right; margin:2px 5px 5px 0; vertical-align:middle; clear:both;
    }    
#viewing_form #captchapanel .panel2 { float:right; margin-right:5px; vertical-align:middle; width:180px; clear:both; border:none;
    }
#viewing_form #captchapanel .panel3 { float:right; vertical-align:middle; margin: 4px 0;clear:both;
    }
#viewing_form #captchapanel .panel4 { float:right; margin: 20px 5px 0 0;clear:both;
    }
.incorrect {position:relative; margin:5px 100px 0 0; font-weight:bold; color:#ff0000; font-size:16px; text-align:right;
    }
#viewing_form #captchapanel input {float:right; margin:4px 9px;
    }  
#viewing_form #captchapanel #change-image:hover {text-decoration:underline;
    }   
    
@media screen and (max-device-width:360px) 
{
    #viewing_form #form_left, #viewing_form #form_right { width:200px; margin:0 auto; padding:0; float:inherit;}
    #viewing_form .val_label { text-align:left;}
    #viewing_form #captchapanel { width:200px;}
    #viewing_form #captchapanel .panel1, #viewing_form #captchapanel .panel2,
    #viewing_form #captchapanel .panel3, #viewing_form #captchapanel .panel4 {float:left;}
    #viewing_form #captchapanel input {float:left; margin-left:0;}    
    #viewing_form #captchapanel .panel4 {margin-top:0;}
    .incorrect { clear:both; margin:0 auto; padding:10px 0 0; text-align:left; width:200px; }
}
    
    
/* NAVIGATION BAR */

#navigation_wrapper { margin:40px 0 20px 0px; padding:0px; border-bottom:1px solid #85BF4F; width:100%; float:left;
    }
#navigation_wrapper .nav { float:left; display:inline-block; padding:6px 10px; font-weight:bold; font-size: 14px; margin-right:1px;
    border-top: 1px solid #85BF4F; border-left: 1px solid #85BF4F; border-right: 1px solid #85BF4F; 
    -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px; border-top-right-radius: 3px;
    border-bottom:none; color:#58585A;
    }
#navigation_wrapper .nav a { font-size:14px; text-decoration:none; color:#58585A;
    }    
#navigation_wrapper .nav a:hover {text-decoration:none; background-color:#FFF34A; color:#58585A;
    }
#navigation_wrapper .nav:hover {background-color:#FFF34A; color:#58585A;
    }
    
#navigation_wrapper .nav_active { float:left; display:inline-block; padding:6px 10px; font-weight:bold; font-size: 14px; margin-right:1px;
    border-top: 1px solid #85BF4F; border-left: 1px solid #85BF4F; border-right: 1px solid #85BF4F; 
    -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; 
    -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px; border-top-right-radius: 3px;
    border-bottom:none;
    background-color:#85BF4F; color:#58585A;
    }
    
#navigation_wrapper .nav_active a { font-size:14px; text-decoration:none; color:#58585A;
    }
#navigation_wrapper .nav_active a:hover {text-decoration:none; color:#58585A;
    }
#navigation_wrapper .nav_active:hover {background-color:#85BF4F;
    }
    
    
/* MAP LISTINGS */    
#listings_wrapper #map_container {
    height:480px;
    width:940px; 
    float:left;
    position:relative;
    border-bottom:1px solid #C0C0C0;
    padding-bottom: 14px;
    margin-bottom:14px;
}
            
#listings_wrapper #map_canvas {
    position:relative; 
    height:100%;
    width:100%; 
    overflow:hidden;
}
            
#listings_wrapper #map_loading {
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
}
            
#listings_wrapper #map_loading_image {
    position:absolute; 
    height:60%;
    width:100%;
    top:40%;
    margin:0px auto; 
    text-align:center;
}
        
#listings_wrapper #map_loading_background {
    opacity:0.5;
    filter:alpha(opacity=50);
    position:absolute; 
    height:100%;
    width:100%;
    background-color:silver;
    margin:0px auto; 
    text-align:center;   
}     

#listings_wrapper #map_canvas .content { max-width:154px; float:inherit; min-height:120px; font-family:Arial;
    }
#listings_wrapper #map_canvas h3 {font-weight:bold; font-size:11px; font-family:Arial; width:99%; float:inherit;
    }
#listings_wrapper #map_canvas h4 {font-weight:bold; color:#85BF4F; font-size:12px; font-family:Arial;
    }
#listings_wrapper #map_canvas a { color:#85BF4F; font-family:Arial;
    }
#listings_wrapper #map_canvas a:hover { color:#85BF4F; text-decoration:none; font-family:Arial;
    }
#listings_wrapper #map_canvas .mapPhoto {max-width:100px;
    }
#listings_wrapper #map_canvas img {border:1px solid #85BF4F; max-width:inherit;
    }
#listings_wrapper #map_canvas .infoBox {min-height:160px; font-family:Arial;
    }    
#listings_wrapper #map_canvas span { font-size:11px; font-family:Arial;
    } 
    
    
/* STAMP DUTY PANEL */
#stamp_duty_wrapper { background-color:#eee; border:1px solid #ddd; color:#000;  margin:40px 0;
    position:relative; width:100%;}
#description_stamp_duty { padding:10px 20px; }
#stamp_duty_wrapper p { }
#stamp_duty_wrapper ul { list-style: disc; margin:10px; }
#stamp_duty_wrapper li { }
#stamp_duty_wrapper .stamp_duty_total {font-size:16px; font-style:italic;
    }
#stamp_duty_wrapper .stamp_duty_breakdown { border:1px solid #85BF4F; clear:both; float:left; margin:10px auto; width:90%;
    }
#stamp_duty_wrapper .header_row { border-bottom:1px solid #85BF4F; clear:both; float:left; font-weight:bold; width:100%;
    }
#stamp_duty_wrapper .row { border-bottom:1px solid #85BF4F; clear:both; float:left; width:100%;
    }
#stamp_duty_wrapper .footer_row { clear:both; float:left; font-weight:bold; width:100%;
    }
#stamp_duty_wrapper .header_row div, #stamp_duty_wrapper .row div, #stamp_duty_wrapper .footer_row div { float:left;
    }
/*#stamp_duty_wrapper .header_row p, #stamp_duty_wrapper .row p, #stamp_duty_wrapper .footer_row p { margin:0; padding:4px 5px 0; 
    }    */
#stamp_duty_wrapper .stamp_duty_breakdown p {margin:0; padding:4px 5px 0; }
    
#stamp_duty_wrapper .left_col { width:40%; }
#stamp_duty_wrapper .mid_col { border-left:1px solid #85BF4F; border-right:1px solid #85BF4F; width:30%;
    }
#stamp_duty_wrapper .right_col {  width:28%; }
    
#stamp_duty_wrapper .close { background-image:url(../images/close_fees_panel.gif); background-position:left center; background-repeat:no-repeat; 
    cursor:pointer;  margin:25px 0 10px 0; padding:0 0 0 20px; 
    }