/* GENERAL STYLES */
/*
    CSS Document for Savills Private Finance
    Build: Julien Decaudin & Oliver Long on behalf of SAS - 17/03/2008
*/
/*--------------------------------------------------=> HEADERS */
/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Line */
/*-------------> Paragraph */
/*-------------> Images */
/*-------------> Links */
/*-------------> Lists */
/*-------------> Table */
/*-------------> Browser */
/*-------------> Pager */
/*-------------> Flash */
/*-------------> Banner */
/*-------------> Modules */
/*-------------> Map */
/*--------------------------------------------------=> FORMS */
/* ------------> Specific form element styles */
/* ------------> Specific form styles */
/*--------------------------------------------------=> CONTENT LAYOUT */
/*-------------> Global */
/*-------------> Columns */
/*--------------------------------------------------=> MAIN LAYOUT */
/*--------------------------------------------------=> NAVIGATION */
/*-------------> Quicklinks */
/*-------------> Breadcrumb */
/*-------------> Support Navigation */
/*-------------> Main Navigation */
/*-------------> Secondary Navigation */
/*-------------> Tab Navigation */
/*-------------> Sitemap */
/*--------------------------------------------------=> UTILITY CLASSES */

@import url(/style%20library/savills/css/reset.css);

html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
}

body
{
    color: #808080;
    background: #fff url(/style%20library/savills/images/bg_body.gif) repeat-x top left;
    font-family: "Arial" , sans-serif;
    font-size: 100%;
    line-height: 0.94em; /* 15px */
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
h1
{
    color: #317782;
    font-size: 1.75em; /* 32px */
    font-weight: normal;
    line-height: 1.0em;
    padding-bottom: 10px;
}

.homepage
{
    font-size: 1.75em; /* 34px */
}

h1.comment
{
    font-size: 1.7em;
    padding-bottom: 0;
}

/* H2 */
h2
{
    color: #534f4f;
    font-size: 0.88em; /* 14px */
    font-weight: normal;
    padding-bottom: 10px;
}

h2.comment
{
    font-size: 1.2em;
    color: #317782;
    line-height: 16pt;
}

.module_landing h2
{
    padding: 6px 0 6px 10px;
}

.module_landing h2.with_link
{
    padding: 0;
}

h2.in_column
{
    color: #808080;
    font-size: 1em; /* 16px */
    padding: 0;
    font-weight: bold;
}

h2.landing
{
    color: #317782;
    font-size: 0.69em;
    padding: 0;
    font-weight: bold;
    margin: 0;
}

h2.comment
{
    color: #317782;
}

/* H3 */
h3
{
    color: #317782;
    font-size: 0.69em; /* 11px */
    font-weight: bold;
    padding-bottom: 0px;
}

#column_content_left h3
{
    /*color:#317782;*/
    font-size: 1em; /* 16px */
    font-weight: normal;
    padding-bottom: 20px;
}

.module_landing h3.large
{
    color: #534f4f;
    font-size: 1em; /* 16px */
    font-weight: normal;
    padding-bottom: 20px;
}

h3.small
{
    color: #327a87;
    font-size: 0.88em; /* 14px */
    font-weight: normal;
    padding-bottom: 10px;
}

.module_rhm h3
{
    color: #808080;
    font-size: 0.88em; /* 14px */
    font-weight: normal;
    padding: 6px 0 6px 10px;
}

.module_rhm h3.with_link
{
    padding: 0;
}

.module_rhm h3.with_details
{
    float: left;
    width: 172px;
}

/* H4 */

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Global */
.copy_holder, .copy_holder_plain
{
    padding: 10px 10px 5px 10px;
}

.copy_holder_plain
{
    background-color: #fff;
}

/*-------------> Line */
.hr, .hr_thin, .hr_lineonly
{
    clear: both;
    background: url(/style%20library/savills/images/bg_hr.gif) repeat-x top left;
    height: 1px;
    font-size: 0;
    margin: 10px 0 15px 0;
}

.hr_thin
{
    margin: 10px 0 0 0;
}

.hr_lineonly
{
    margin: 0;
}

.hr_search
{
    margin-top: 105px;
}

.hr_bestbuy
{
	clear: both;
    background: url(/style%20library/savills/images/bg_hr.gif) repeat-x top left;
    height: 1px;
    font-size: 0;
    margin-left: 10px;
    margin-right: 10px;

}

.module_rhm .hr
{
    margin: 5px 0px 10px 0px;
}

.highlighted_area .hr
{
    margin: 0px 0px 10px 0px;
}

/*-------------> Paragraph */
p
{
    font-size: 0.69em; /* 11px */
    padding-bottom: 20px;
}

#column_content_left p, .module_landing p, .module_rhm p, .module_people p
{
    padding-bottom: 10px;
}

blockquote
{
    font-size: 0.88em; /* 14px */
    padding-bottom: 3px;
}

blockquote.large
{
    font-size: 1.13em; /* 18px */
    line-height: normal;
    width: 90%;
}

p strong
{
    color: #534f4f;
}

p.highlighted, p.highlighted strong
{
    color: #327A87;
}

p.intro
{
    font-size: 0.81em; /* 13px */
}

p.intro_comment
{
    font-weight: bold;
}

p.intro_channel
{
    width: 340px;
}

p.intro_news
{font-weight:bold;}

p.title, #column_content_left p.title
{
    padding-bottom: 3px;
}

p.highlights
{
    font-size: 1.31em; /* 21px */
    font-weight: bold;
    padding-bottom: 5px;
}

p.highlights small
{
    font-size: 0.71em; /* 15px */
}

p.extendable_content
{
    margin-left: 15px;
    padding-bottom: 0px;
}

p.name_title, p.date_title
{
    font-weight: bold;
    color: #534f4f;
}

p.date_title
{
    padding-bottom: 3px;
}

p.faq_question
{
    font-size: 0.9em;
    color: #534f4f;
    padding-bottom: 10px;
}

p.faq_answer
{
    padding-bottom: 5px;
}

.module_landing p.highlights
{
    font-size: 1.13em; /* 18px */
}

.module_landing p.image_aligned
{
    padding-top: 18px;
}

.module_landing p.highlights small
{
    font-size: 0.67em; /* 12px (from 18px) */
}

.module_rhm p.highlights
{
    font-size: 1.06em; /* 17px */
}

.module_rhm p.highlights small
{
    font-size: 0.71em; /* 12px (from 17px) */
}

.module_rhm .module_option_container .highlighted_area p.highlights small
{
    font-size: 0.69em; /* 11px */
}

.form_acknowledgement_container p
{
    font-size: 0.67em; /* 11px */
}

.form_acknowledgement_container p strong
{
    color: #808080;
}

p.quote_commercial
{
    font-size: 1em;
    margin-top: 10px;
    padding-bottom: 12px;
}

p.quote_comment
{
    font-size: 0.88em;
    margin-top: 1px;
    padding-bottom: 10px;
    color: #534f4f;
}

#column_content_left p.quote_comment, #column_content_right p.quote_comment
{
    font-size: 0.75em; 
}

p.quote_copy
{
    padding-bottom: 7px;
}

p.quote_commercial span
{
    font-size: 0.7em;
    font-weight: bold;
    color: #534f4f;
    margin-top: 5px;
    display: block;
}

p.comment
{
    margin-bottom: 5px;
    padding-bottom: 5px;
}
/*-------------> Images */
img.main_image
{
    padding-bottom: 15px;
}

img.map_location
{
    margin: 3px 0 12px 0;
}

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

img.comment_profile
{
    position: absolute;
    left: 610px;
    top: 232px;
}

/*-------------> Links */
a
{
    color: #0fa6ac;
    text-decoration: none;
}

a:hover
{
    color: #534f4f;
    text-decoration: none;
}

#company_logo
{
    position: absolute;
    top: 15px;
    left: 15px;
}

a.link_arrow
{
    display: block;
    font-size: 0.69em; /* 11px */
    font-weight: bold;
    background: url(/style%20library/savills/images/arrow_link.gif) no-repeat 0em 0.50em;
    padding: 0 0 0 8px; /*margin-bottom:20px;     */
}

a.link_testimonial
{
    margin: 7px 0 18px 0;
}

a.link_incopy
{
    margin: 7px 0 0px 0;
}

p a.link_arrow
{
    font-size: 1em; /* 11px (from 11px) */
}

#column_content_left a.link_arrow, .module_landing a.link_arrow, .module_rhm a.link_arrow
{
    margin-bottom: 5px;
}

a.link_info
{
    display: block;
    background: url(/style%20library/savills/images/link_info.gif) no-repeat top left;
    width: 15px;
    height: 15px;
    margin-left: 10px;
}

a.link_info:hover
{
    background-image: url(/style%20library/savills/images/link_info_hover.gif);
}

a.link_right_arrow
{
    float: left;
    display: block;
    width: 14px;
    height: 13px;
    background: url(/style%20library/savills/images/link_arrow_right.gif) no-repeat bottom left;
    padding-top: 5px;
}

a.link_right_arrow:hover
{
    background-image: url(/style%20library/savills/images/link_arrow_right_hover.gif);
}

a.link_left_arrow
{
    float: left;
    display: block;
    width: 14px;
    height: 13px;
    background: url(/style%20library/savills/images/link_arrow_left.gif) no-repeat bottom left;
    padding-top: 5px;
}

a.link_left_arrow:hover
{
    background-image: url(/style%20library/savills/images/link_arrow_left_hover.gif);
}

.module_landing h2 a
{
    display: block; /*width:234px;*/
    padding: 6px 0 6px 10px;
    background: url(/style%20library/savills/images/arrow_link.gif) no-repeat 95% 13px;
}

.module_rhm a.link_module_details
{
    float: left;
    display: block;
    width: 14px;
    height: 13px;
    background: url(/style%20library/savills/images/link_module_details.gif) no-repeat top left;
    margin-top: 8px;
}

.module_rhm a.link_module_details:hover
{
    background-image: url(/style%20library/savills/images/link_module_details_hover.gif);
}

.module_rhm a.link_module_details_open
{
    background-image: url(/style%20library/savills/images/link_module_details_open.gif);
}

.module_rhm a.link_module_details_open:hover
{
    background-image: url(/style%20library/savills/images/link_module_details_open_hover.gif);
}


.module_rhm h3 a
{
    display: block;
    width: 192px;
    padding: 7px 0 6px 10px;
    background: url(/style%20library/savills/images/arrow_link.gif) no-repeat 95% 13px;
}

a.link_arrow:hover, .module_landing h2 a:hover, .module_rhm h3 a:hover
{
    background-image: url(/style%20library/savills/images/arrow_link_hover.gif);
}

div.results a
{
    font-size: 0.67em;
    font-weight: bold;
}

.column_third h2 a, .column_third h2 a:hover
{padding:0;background:none}

/*-------------> Lists */
/* global */
#content_container ul
{
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

#content_container .module_rhm ul
{
    padding-bottom: 5px;
}

/* link list */
ul.list_link_arrow li
{
    padding-bottom: 2px;
    font-size: 0.69em; /* 11px */
    font-weight: bold;
}

ul.list_link_arrow li a
{
    display: block;
    width: 90%;
    background: url(/style%20library/savills/images/arrow_link.gif) no-repeat 0em 0.50em;
    padding: 0 0 0 8px;
}

ul.list_link_arrow li a:hover
{
    background-image: url(/style%20library/savills/images/arrow_link_hover.gif);
}

ul.list_link_arrow li p
{
    font-size: 1em; /* 11px (from 11px) */
    font-weight: normal;
}

ul.map_links
{
    width: 200px;
    float: left;
}

/* letter list */
ul.letter_list
{
    float: left;
    padding-bottom: 0 !important;
}

ul.letter_list li
{
    float: left;
    font-size: 0.69em; /* 11px */
    margin-right: 12px;
}

ul.letter_list li.last
{
    margin-right: 0;
}

/* definition list */
dl
{
    font-size: 0.69em; /* 11px */
}

dt
{
    font-weight: bold;
    color: #327a87;
}

dd
{
    margin-bottom: 15px;
}

dl.tree_list dt
{
    float: left;
    width: 48.5%;
    text-align: right;
}

dl.tree_list dd
{
    float: right;
    width: 48.5%;
    margin-bottom: 0px;
}

/*Address list*/
ul.map_address
{
    margin: 10px 0 10px 0;
    font-size: 0.69em;
}

ul.map_enquiry_form
{
    color: #327a87;
    font-weight: bold;
    font-size: 0.69em;
}

ul.map_enquiry_div.form_container li
{
    margin: 3px 0 3px 0;
}

/* Sitemap */

#sitemap
{
    margin-top: 10px;
    font-size: 0.74em;
}

#sitemap a
{
    padding-left: 10px;
    background: url(/style%20library/savills/images/arrow_list.gif) no-repeat 0px 4px;
}

#sitemap li.section
{
    margin-bottom: 15px;
}

#sitemap li
{
    padding: 3px 0 3px 0;
}

#sitemap a.section_name
{
    font-weight: bold;
}

#sitemap li ul
{
    margin-left: 20px;
    padding-bottom: 0;
}

#sitemap li ul li ul
{
    margin-left: 20px;
}


/*plain list*/

.plain_list_holder
{
    background-color: #fff;
    font-size: 0.69em;
}

ul.plain_list li
{
    padding-left: 10px;
    background: url(/style%20library/savills/images/arrow_list.gif) no-repeat 0px 4px;
}

/*-------------> Table */
table
{
    font-size: 0.69em; /* 11px */
    background: #ffffff;
}

td
{
    padding: 7px 10px 10px 10px;
}

thead td
{
    color: #327a87;
    font-weight: bold;
    padding-top: 10px;
}

tbody tr.stripped td
{
    background-color: #f9f9f8;
}

.highlighted_area table
{
    background: transparent;
    table-layout: fixed;
    width: 100%;
}

.highlighted_area td
{
    padding: 5px 0;
}

.highlighted_area td.value
{
    text-align: right;
    color: #534f4f;
}

.highlighted_area td.value strong
{
    font-size: 1.45em; /* 16px (from 11px) */
}


/*-------------> Browser */

/*-------------> Pager */

.pager
{
    margin-right: 25px;
    font-size: 0.68em!important;
    width: 132px;
    float: right;
}

.pager_holder
{
    float: right;    
    font-size: 0.78em!important;
    padding:7px 10px 5px 0;
}

 #global_search .pager_holder
{padding-top:2px}


.pager_holder a
{
    font-size: 1em!important;
    font-weight:normal;
}

.pager_holder .link_prev
{padding-right:15px}

.pager_holder .link_next
{padding-left:15px}

/*-------------> Flash */
#flash_container
{
}

#flash_required_container
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(/style%20library/savills/images/bg_flash_required.png);
    padding: 5px 10px;
    width: 200px;
}

/*--------------> Banner */


/*--------------> Modules */
/* Module landing */
.module_landing
{
    background: #f4f4f3;
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px solid #e8e8e8;
}

.module_landing_white
{
    background-color: #fff;
}

.module_landing_lightgrey
{
    background-color: #fcfcfb;
}

.module_landing .header_container
{
    background: url(/style%20library/savills/images/bg_module_landing_header.gif) repeat-x top left;
    height: 30px;
}

.module_landing .highlighted_area
{
    background: #fafaf9;
}

/* Module Mortgage Home Page */
.module_bestbuy
{
    background: url(/style%20library/savills/images/bg_module_rhm_header.gif) repeat-x top left;
    margin-bottom: 10px;
    width: 168px;
    border: 1px solid #e6e6e6;
}

.module_bestbuy h3
{
	padding: 5px 2px !important;
	text-align:center;
	margin: 0px;
	
}

.module_bestbuy .copy_holder
{
	padding: 3px;
	margin: 0px;
	background: #ffffff;
	text-align:left;
}

.module_bestbuy .copy_holder table tbody tr td span
{
	font-size: 16px;
	font-weight: bold;
}

.module_bestbuy .copy_holder table tbody tr td
{
	padding: 5px 0 3px 8px;
	margin: 0px;
	line-height: 10px;
}

/* Module rhm */
.module_rhm
{
    background: #fbfbfa;
    margin-bottom: 10px;
    width: 203px;
    border-top: 1px solid #e6e6e6;
}

.module_rhm .header_container
{
    background: url(/style%20library/savills/images/bg_module_rhm_header.gif) repeat-x top left;
    height: 29px;
}

.module_rhm .module_option_container .copy_holder
{
    padding-top: 5px;
}

.module_rhm .highlighted_area
{
    background: #f3f3f0;
    border-top: 1px solid #e7e6e2;
    margin-bottom: 5px;
}

/*-------------> Map */
#office_map_holder
{
    width: 274px;
    height: 376px;
    background: url(/style%20library/savills/images/map_offices.gif) no-repeat top left;
    float: right;
    position: relative;
    margin-bottom: 20px;
}

#office_map_holder ul li
{
    display: none;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    background-color: #db2627;
    position: absolute;
}

#office_map_holder ul li:hover
{
    background-color: #0fa6ac;
}

#office_map_holder ul li.active
{
    background-color: #0fa6ac;
}

#office_map_holder ul li a
{
    width: 7px;
    height: 7px;
    display: block;
}

#birmingham_office_loc
{
    top: 219px;
    left: 113px;
}
#brighton_office_loc
{
    top: 283px;
    left: 155px;
}
#bristol_office_loc
{
    top: 261px;
    left: 108px;
}
#cambridge_office_loc
{
    top: 232px;
    left: 164px;
}
#canarywharf_office_loc
{
    top: 88px;
    left: 226px;
}


#cardiff_office_loc
{
    top: 260px;
    left: 87px;
}
#chelmsford_office_loc
{
    top: 251px;
    left: 173px;
}

#city_office_loc
{
    top: 85px;
    left: 204px;
}

#edinburgh_office_loc
{
    top: 112px;
    left: 94px;
}

#exeter_office_loc
{
    top: 285px;
    left: 85px;
}

#glasgow_office_loc
{
    top: 114px;
    left: 70px;
}
#grosvenorhill_office_loc
{
    visibility:hidden;
    top: 117px;
    left: 174px;
}
#guildford_office_loc
{
    top: 268px;
    left: 148px;
}
#leeds_office_loc
{
    top: 174px;
    left: 127px;
}

#liverpool_office_loc
{
    top: 203px;
    left: 91px;
}

#manchester_office_loc
{
    top: 191px;
    left: 113px;
}

#mayfair_office_loc
{
    top: 91px;
    left: 183px;
}

#newcastle_office_loc
{
    top: 154px;
    left: 127px;
}

#nottingham_office_loc
{
    top: 216px;
    left: 133px;
}
#oxford_office_loc
{
    top: 253px;
    left: 130px;
}
#sevenoaks_office_loc
{
    visibility:hidden;
    top: 274px;
    left: 169px;
}
#southampton_office_loc
{
    top: 281px;
    left: 132px;
}
#westerham_office_loc
{
    top: 269px;
    left: 159px;
}
#windsor_office_loc
{
    top: 260px;
    left: 140px;
}

/*--------------> Miscellaneous */
#glossary_info_container
{
    background: #fcfcfb;
    padding-top: 115px;
}

#glossary_info_container .letter_container
{
    background: #f7f7f4;
    border-top: 1px solid #e3e3e2;
    text-align: right;
    padding: 10px 21px 0px 21px;
}

#glossary_info_container .letter_container p
{
    font-size: 6.88em; /* 110px */
    color: #327a87;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1em;
}

/*--------------------------------------------------=> FORMS */
div.form_container
{
    margin: 0;
    padding: 0;
    height: 100%;
}

.module_rhm div.form_container
{
    padding-bottom: 10px;
}

input, select, textarea, label, button, .input_legend, div.form_container em
{
    color: #8c8c94;
    font-size: 0.69em; /* 11px */
    font-family: "Arial" ,sans-serif;
}

dl input, dl select, dl textarea, dl label, dl button, dl .input_legend, li button, div.form_container li em
{
    font-size: 1em; /* 11px (from 11px) */
}

textarea
{
    font-family: "Arial" ,sans-serif;
    margin: 0 0 15px 0;
    padding: 3px 4px;
    width: 100%;
}

select
{
    border: 1px solid #e1e0dd;
    margin: 0;
}

div.form_container label
{
    display: block;
    padding-bottom: 3px;
}

div.form_container em
{
}

/* div.form_container using ordered list */
div.form_container ol
{
    margin: 0;
    padding: 0;
}

div.form_container ol li
{
    padding-bottom: 3px;
}

div.form_container ol label
{
    display: inline-block;
}

.module_rhm div.form_container ol label
{
    width: 110px;
}

div.form_container li.textarea_container
{
    padding-top:10px;
}

div.form_container li.textarea_container label
{
    display:block;
    float:left;
}

div.form_container li.textarea_container textarea
{
    margin-left:3px;
}


/* Buttons */
div.form_container button
{
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(/style%20library/savills/images/bg_form_button.gif) repeat-x top left;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0;
    border: none;
    cursor: pointer;
    text-align: center;
    height: 18px;
}

div.form_container button
{
    width: auto;
    overflow: visible;
    padding-top: 0px; /* IE6 */
    padding-bottom: 0px; /* IE6 */
    margin-left: 4px;
}
div.form_container button[type]
{
    padding-top: 0px; /* Firefox */
    padding-bottom: 2px; /* Firefox */
    line-height: 18px; /* Safari */
    margin-left: 0;
}
*:first-child + html button[type]
{
    padding-top: 0px; /* IE7 */
    padding-bottom: 0px; /* IE7 */
    margin-left: 4px;
}

div.form_container button:hover
{
    background-image: url(/style%20library/savills/images/bg_form_button_hover.gif);
}

/* ------------> Specific div.form_container element styles */
.input_text, textarea
{
    /*margin: 0 0px 0 0;*/
    padding: 1px 2px 1px 2px;
    border: 1px solid #e1e0dd;
}

.input_shadow
{
	border-top:2px #e1e0dd solid;
    border-left:2px #e1e0dd solid;    
    border-bottom:2px #EFEFED solid;
    border-right:2px #EFEFED solid;			
}

textarea
{
    font-size:1em;
}

.required_active
{
    border:1px solid #ff9999;
}

#input_newsletter
{
    /*margin: 0 0px 0 0;*/
    padding: 1px 2px 1px 2px;
    border: 1px solid #e1e0dd;
    margin: 3px 0 5px 0;
    width: 95%;
}

.input_checkbox
{
    margin: 0;    
    width: 15px;
}

.field_container
{
    padding-bottom: 5px;
}

.submitbutton_container
{
    padding-top: 10px;
}

.form_acknowledgement_container
{
    background: #FFF;
}

.form_acknowledgement_container .copy_holder
{
    padding: 25px 25px 25px 25px;
}

/* ------------> Specific div.form_container styles */
/* specific layouts */
.tree_formlayout label
{
    font-weight: bold;
    color: #327a87;
    padding: 0;
    text-align: right;
}

#page_number
{
    width: 17px;
    font-size: 1em;
    text-align: center;
}

/* global search */
#global_search
{
    margin-bottom: 10px;
}

#global_search .module_rhm
{
    background: transparent;
}

#global_search .input_text
{
    width: 161px;
}

/* mortgage calculator */
#mortgage_calculator button.button_light
{
    display: none;
}

/* contact us */
#form_contactus ol label
{
    width: 235px;
    margin-right: 10px;
    font-size: 1em;
}

#form_contactus ol li
{
    color: #767676;
    font-size: 0.7em;
}

#form_contactus select, #form_contactus input
{
    font-size: 1em;
}

/* enquiry */
#form_enquiry ol label
{
    width: 235px;
    margin-right: 10px;
}

#form_enquiry button
{
    font-size:0.69em;
}

#form_enquiry textarea
{
    font-size:0.69em;
}

/* Contact us - general */

#interest_selector
{
    font-size: 1em;
}

/*--------------------------------------------------=> CONTENT LAYOUT */
/*-------------> Global */
.content_holder
{
    padding: 20px 14px 0 14px;
}

/*-------------> Columns */
/* unique */

#column_content_left
{
    float: left;
    width: 195px;
}

#column_content_middle, #column_content_middle_nogradient
{
    float: left;
    width: 531px;
    background: #fefefe url(/style%20library/savills/images/bg_column_gradient.gif) repeat-x top left;
    min-height: 454px;
    height: auto !important;
    height: 454px;
}

#column_content_middle_nogradient
{
    background: #FFF;
    padding-left: 1px;
    width: 530px;
}

#column_content_right
{
    float: left;
    width: 234px;
}

#column_left_indent
{
    padding-left: 10px;
    padding-top: 10px;
}

/* utilities */
.column_side_gradient
{
    float: left;
    font-size: 0;
    background: #f4f5f1 url(/style%20library/savills/images/bg_column_side_gradient.gif) no-repeat top left;
    width: 1px;
    min-height: 299px;
    height: auto !important;
    height: 299px;
}

.column_bg_gradient_container
{
    float: left;
    width: 529px;
}

.column_half_left
{
    float: left;
    width: 49%;
}

.column_half_right
{
    float: right;
    width: 49%;
}

.column_third
{
    float: left;
    width: 32.5%;
    margin-right: 4px;
}

.column_1-3
{
    float: left;
    width: 38%;
}

.column_2-3
{
    float: right;
    width: 55%;
}

.column_1-4
{
    float: left;
    width: 18%;
}

.column_3-4
{
    float: right;
    width: 80%;
}


.column_last
{
    margin-right: 0;
}

/* specific cases */
.module_rhm .module_option_container .highlighted_area .column_half_left
{
    width: 39%;
}

.module_rhm .module_option_container .highlighted_area .column_half_right
{
    width: 59%;
}

#news_holder
{
    width: 470px;
    padding: 15px;
    margin: auto;
    margin-top: 10px;
}


.year_holder
{
    float: left;
    width: 70px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    color: #808080;
    padding-top: 2px;
}

.history_copy_holder
{
    width: 400px;
    margin-left: 80px;
}

.history_copy_holder span
{
    font-size: 0.7em;
    color: #327a87;
    font-weight: bold;
}

.error_holder
{
    color: #ff0000;
    font-size: 0.65em;
}

label.error
{
    color: #ff0000;
}

.phone_number
{
    font-size: 1.6em;
}

/*--------------------------------------------------=> MAIN LAYOUT */
#page_container, #page_shadow_left, #page_shadow_right, #page_holder
{
    min-height: 890px;
    height: auto !important;
    height: 890px;
}

#page_container
{
    position: relative;
    width: 968px;
    margin: 0 auto;
}

#page_shadow_left, #page_shadow_right
{
    float: left;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top left;
    width: 4px;
}

#page_shadow_left
{
    background-image: url(/style%20library/savills/images/bg_page_shadow_left.gif);
}

#page_shadow_right
{
    background-image: url(/style%20library/savills/images/bg_page_shadow_right.gif);
}

#page_holder
{
    float: left;
    background: #fff;
    width: 960px;
}

#header_container
{
    position: relative; /*height: 228px;*/
    width: 100%;
}

#content_container
{
    /*position: relative;*/
    min-height: 350px;
    height: auto !important;
    height: 350px;
}

#footer_container
{
    width: 100%;
    border-top: 1px solid #e7f6f7;
    margin-top: 20px;
}

#footer_container .content_holder
{
    padding-top: 5px;
    padding-bottom: 30px;
}

/*--------------------------------------------------=> NAVIGATION */
/*-------------> Breadcrumb */
#breadcrumb
{
    float: left;
    width: 100%;
}

#breadcrumb li
{
    float: left;
    background: url(/style%20library/savills/images/arrow_breadcrumb.gif) no-repeat 100% 0.50em;
    padding: 0 10px 0 5px;
    font-size: 0.69em; /* 11px */
}

#breadcrumb li a
{
    font-size:1em;
}

#breadcrumb li.first
{
    padding-left: 0;
}

#breadcrumb li.last
{
    background: none;
    padding-right: 0;
}

/*-------------> Support Navigation */
#support_navigation
{
    float: left;
    padding-bottom: 25px;
}

#support_navigation li
{
    float: left;
    background-image: url(/style%20library/savills/images/pipe_support_nav.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0px 8px 0px 7px;
}

#support_navigation li.first
{
    padding-left: 0px;
}

#support_navigation li.last
{
    background-image: none;
    padding-right: 0px;
}

#support_navigation li a
{
    color: #0fa6ac;
    font-size: 0.69em; /* 11px */
}

#support_navigation li a:hover, #support_navigation li.current a
{
    color: #534f4f;
}

/*-------------> Main Navigation */
#main_navigation_container
{
    height: 26px;
    background: #B0AEA7 url(/style%20library/savills/images/bg_main_navigation.gif) repeat-x top left;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#main_navigation
{
    padding: 0px 0 0 5px;
    float: left;
}

#main_navigation li, #main_navigation a
{
    font-size: 0.91em; /* 14px */
    font-weight: bold;
    color: #fff;
    line-height: 0.91em;
}

#main_navigation li
{
    float: left;
}

#main_navigation li.nolink
{
    padding: 5px 5px 7px 6px;
    font-weight: normal;
}

#main_navigation li a
{
    display: block;
    padding: 7px 8px 7px 8px;
}

#main_navigation li a:hover
{
    color: #534f4f;
}

#main_navigation li.current a
{
    background: #e5e5e1 url(/style%20library/savills/images/bg_main_navigation_current.gif) repeat-x top left;
    color: #534f4f;
}

/*-------------> Secondary Navigation */
#secondary_navigation
{
    background: url(/style%20library/savills/images/bg_hr.gif) repeat-x bottom left;
    padding-bottom: 30px;
}

#secondary_navigation li
{
    font-size: 0.75em; /* 12px */
    padding-bottom: 5px;
}

#secondary_navigation li a
{
    display: block;
    color: #808080;
    font-weight: bold;
    width: 90%;
    background: url(/style%20library/savills/images/arrow_link.gif) no-repeat 0em 0.40em;
    padding: 0 0 0 8px;
}

#secondary_navigation li a:hover, #secondary_navigation li a.current
{
    color: #0fa6ac;
}

/* level 1 */
#secondary_navigation li ul
{
    padding-top: 5px;
    padding-bottom: 0;
    margin-left: 10px;
}

#secondary_navigation li li
{
    font-size: 0.92em; /* 11px (from 12px) */
}

#secondary_navigation li li a
{
    background: none;
    font-weight: normal;
}

/*-------------> Tab Navigation */

/*-------------> Sitemap */
#sitemap
{
}

/*--------------------------------------------------=> UTILITY CLASSES */
.uppercase
{
    text-transform: uppercase;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.halfwidth
{
    float: left;
    width: 50%;
}

.halfwidth_right
{
    float: right;
    width: 50%;
    text-align: right;
}

.thirdwidth
{
    float: left;
    width: 33%;
    padding: 3px 0 10px 0;
}

.nodisplay
{
    display: none !important;
}

.novisibility
{
    visibility: hidden;
}

.clearmargin
{
    margin: 0 !important;
    padding: 0 !important;
}

.nopadding
{
    padding: 0 !important;
}

.clearer
{
    clear: both;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.spacer
{
    clear: both;
    height: 25px;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3, #tooltip div
{
    margin: 0;
}


/*--------------------------------------------------=> Additional Silversands Styles */
body form 
{
	text-align: center;	
}

#page_container
{
  	text-align: left;
}

/*#breadcrumb
{
	width: 94%;
}*/

div.intro p
{
    font-size: 0.81em; /* 13px */
}
/*
h1.comment
{
	height: 40px;
}

h2.comment
{
	height: 29px;
}
*/
/*--------------------------------------------------=> SEO Panel */
.seo_editpanel
{
	clear: both;
	padding: 5px;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	margin-bottom: 15px;
}
.seo_editpanel .ms-formfieldvaluecontainer
{
	background: #ffffff url(/style%20library/savills/images/bg_column_gradient.gif) top left repeat-x;
}

.seo_editpanel h3
{
    font-size: 0.75em;
    font-weight: normal;
    padding-bottom: 5px;
}

/*--------------------------------------------------=> Summary Links (edit mode) */
div.content_holder .slm-layout-main .slm-edit-link, div.content_holder .slm-edit-ecb, div.content_holder td.ms-menuimagecell, div.content_holder .ms-unselectedtitle td.ms-vb, div.content_holder .ms-selectedtitle td.ms-vb
{
	padding: 0;
	margin: 0;
}

.ms-unselectedtitle td.ms-vb
{
	border: 1px solid transparent;	
}

div.content_holder .slm-edit-ecb
{
	vertical-align: middle;
	padding: 0;
}

.slm-layout-main .slm-edit-link li
{
    padding-bottom: 2px;
    font-weight: bold;
	list-style: none;	
}

.slm-layout-main .slm-edit-link li a
{
    display: block;
    /*font-size: 1em;*/
    width: 90%;
    background: url(/Style%20Library/Savills/Images/arrow_link.gif) no-repeat 0em 0.50em;
    padding: 0 0 0 8px;	
}

.slm-layout-main .slm-edit-link li a:hover
{
    background-image: url(/Style%20Library/Savills/Images/arrow_link_hover.gif);	
}

.slm-layout-main
{
	background-color: transparent;
}

.slm-layout-main .module_rhm 
{
	width: 150px;
}

.slm-layout-main .module_rhm a
{
	width: 138px;
}

.slm-layout-main .module_rhm img
{
	width: 99%;
}

.slm-layout-main .module_rhm h3
{
    color: #808080;
    /*font-size: 0.88em;*/
    font-weight: normal;
    padding: 6px 0 6px 10px;
}

.slm-layout-main .module_rhm h3.with_link, .slm-layout-main .module_landing h2
{
	padding: 0;
}
div#listItem
{
	font-size: 140%;
}

div#listItem a.link_extend_following
{
	font-size: 0.68em;
}

/*--------------------------------------------------=>IE Mortgage Promotional Boxes CSS Hack*/
.slm-layout-mortgage div#ctl00_PlaceHolderMain_PageContentsDisplayModePanel_ctl03__ControlWrapper_SummaryLinkFieldControl div#ctl00_PlaceHolderMain_PageContentsDisplayModePanel_ctl03_ctl00
{
	*width:32.5% !important;	
}
.slm-layout-mortgage div#ctl00_PlaceHolderMain_PageContentsDisplayModePanel_ctl03__ControlWrapper_SummaryLinkFieldControl div#ctl00_PlaceHolderMain_PageContentsDisplayModePanel_ctl03_ctl00 .column_third
{
	*width:100% !important;	
}
/*.slm-layout-main .module_rhm h3.with_link, .slm-layout-main .module_landing h2, .slm-layout-main .module_landing h2.landing, .slm-layout-main .module_landing .copy_holder p, .slm-layout-main .module_landing .copy_holder a
{
	font-size: 1.0em;
}*/

/*--------------------------------------------------=> Site Actions Menu */
table.ms-siteaction
{
	float: right;
}

.ms-siteactionsmenu div div span div a
{
	font-family: "Arial", sans-serif;
	font-size: 1.1em;
}

.ms-siteactionsmenu div div span div, .ms-siteactionsmenuhover
{
    background-image: url(/Style%20Library/Savills/Images/bg_main_navigation.gif)!important;
	background-color: #b0aea7!important;
	border: 1px solid #b0aea7!important;
}

.ms-siteactionsmenu div div span div img, .ms-siteactionsmenuhover img
{
	vertical-align: middle!important;
}

/*--------------------------------------------------=> PUBLISHING CONSOLE */
table.master tr td
{
	padding: 0;
}

table.master, .masterContent
{
	width: 100%;
}

.ms-consolestatusmajorframe table, .ms-consolestatusframe tbody tr td table
{
	background-color: transparent!important;
}

.ms-consoleframe 
{
	border-top-color: #b0aea7!important;
	border-bottom-color: #b0aea7!important;
}

.ms-consolestatus
{
	padding: 5px 3px 3px 3px!important;
}

#consoleMenuBar1 td
{
	padding: 0!important;
}

.ms-consolestatusmajorframe .ms-consolestatus, .ms-consolestatusminorframe .ms-consolestatus
{
	padding: 3px!important;
}

.ms-consoletoolbar .ms-hovercellinactive, .ms-consoletoolbar .ms-hovercellactive, .ms-consoletoolbar .ms-separator
{
	height: 22px!important;
	vertical-align: bottom!important;
	padding-top: 3px;
}

.ms-consoletoolbar .ms-hovercellactive
{
	padding-top: 2px!important;
}

.ms-consoletoolbar .ms-hovercellinactive img, .ms-consoletoolbar .ms-hovercellactive img
{
	vertical-align: bottom!important;
}

a.ms-consoletoolbar
{
	margin-left: 5px!important;
	margin-right: 5px!important;
}

#consoleMenuBar2 td table tbody tr td table tbody tr td
{
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	vertical-align: middle!important;
}

#QuickActionMenu .ms-consoletoolbar
{
	padding-left: 3px!important;
}

.masterContent
{
	margin-top: 10px!important;
	margin-bottom: 1px!important;
}

.ms-MenuUILabel, .ms-MenuUILabel div span
{
	font-family: "Arial" , sans-serif!important;
	font-size: 11px!important;
	color: #317782!important;
}

.ms-MenuUIDisabled, .ms-MenuUIItemTable
{
	background-color: transparent!important;
}

.ms-MenuUILabel .ms-menuitemdescription
{
	color: #808080!important;
}

#consoleErrorMessageRow td
{
	padding-top: 3px!important;
}

#consoleErrorMessageRow table td
{
	padding-top: 0px!important;
}

#consoleErrorMessageRow tr td img
{
	vertical-align: bottom!important;
}

#consoleErrorMessageRow .ms-consolemessage, #consoleErrorMessageRow .ms-consolemessage a
{
	padding-top: 3px!important;
	margin-top: 3px!important;
	padding-left: 5px!important;
}

.ms-consoleerror
{
	padding-top: 3px!important;
	padding-bottom: 3px!important;
}

/*--------------------------------------------------=> Form field values (edit mode) */
.ms-formfieldvaluecontainer span div span span div span a
{
	width: 99%;
}

.ms-formfieldvaluecontainer div.wp-content
{
	font-size: 0.7em;
}

.ms-formfieldvaluecontainer span table tbody tr td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

/*--------------------------------------------------------------=>
	Sharepoint doesn't implement any generic way to reference
	the following fields, so absolute IDs are used which is 
	not CSS best practice as these may change over time...
----------------------------------------------------------------*/
/*div#ctl00_PlaceHolderMain_PageContentsEditModePanel_ctl01_ctl00_RichHtmlField_displayContent, div#ctl00_PlaceHolderMain_PageContentsEditModePanel_ctl03_ctl00_RichHtmlField_displayContent
{
	width: 96.5%!important;
	font-size: 0.69em;
}

div#ctl00_PlaceHolderMain_PageContentsEditModePanel_ctl01_ctl00_RichHtmlField_displayContent p, div#ctl00_PlaceHolderMain_PageContentsEditModePanel_ctl03_ctl00_RichHtmlField_displayContent p
{
	font-size: 1.0em;
}
*/
span#ctl00_PlaceHolderMain_PageContentsEditModePanel_ctl00_ctl00_RichImageField_ImageFieldDisplay a img
{
	width: auto;
}

span#ctl00_PlaceHolderMain_PageContentsEditModePanel_ctl01_ctl00_DateTimeField_ctl00
{
	font-size: 8pt;
	font-family: verdana;
}

/*--------------------------------------------------=> Check boxes (Mortgage Product Edit Mode) */
.ms-RadioText input, .ms-RadioText label
{
	float: left;
}

.ms-RadioText label
{
	padding-left: 5px;
	padding-top: 3px;
	font-size: 1.0em;
	width: 400px;
}

/*--------------------------------------------------=> Check boxes (Case Studies in Edit Mode) */
#ctl00_PlaceHolderMain_CaseStudy1_ctl01, #ctl00_PlaceHolderMain_CaseStudy2_ctl01
{
	float: left;
	padding-right: 10px;
}

/*--------------------------------------------------=> Rich Editing Control */
td.ms-rtetoolbarmenu
{
	border: 1px solid transparent;
}

td.ms-rtetoolbarmenu img
{
	vertical-align: middle;
}

td.ms-rtetoolbarhov
{
	border: 1px solid #d2b47a!important;
}

td.ms-rtetoolbarmenu, td.ms-rtetoolbarhov
{
	padding: 2px 2px 2px 2px!important;
}

table.ms-rtetoolbarmenu table
{
	background-color: transparent!important;
} 

table.ms-rtetoolbarmenu td.ms-separator
{
	vertical-align: middle;	
}

/*--------------------------------------------------=> Amendments to standard formatting (no known use in the HTML provided) */
blockquote
{
    font-size: 100%;
	padding-left: 15px;
	padding-bottom: 3px;
}

blockquote.large
{
    font-size: 100%;
    line-height: normal;
    width: 90%;
	padding-left: 15px;
}
.module_people blockquote, .column_3-4 blockquote
{
	font-size: 0.88em;	
	padding-left: 0;
}

.module_people blockquote.large, .column_3-4 blockquote.large
{
	font-size: 1.13em;
	padding-left: 0;
}

.content_holder em
{
	font-size: 100%;
}

/*--------------------------------------------------=> Plain list alterations */
.plain_list_holder ul li
{
    padding-left: 10px;
    background: url(/Style%20Library/Savills/Images/arrow_list.gif) no-repeat 0px 4px;
}

/*--------------------------------------------------=> Image formatting */
img.module_rhm_image
{
	width: 203px;
}

img.testimonial_lhm_image, img.testimonial_rhm_image
{
	width: 245px;
}

img.testimonial_image
{
	width: 80px;
}

/*--------------------------------------------------=> Market Comment image position changes */
img.comment_profile
{
	position: relative;
	left: auto;
	top: -59px;
	margin-right: 25px;
	float: right;
/*    position: absolute;
    left: 610px;
    top: 232px;*/
}

/*--------------------------------------------------=> Alterations to replace FORM elements */
.module_rhm #form_mortgage_calculator, .module_rhm #newsletter
{
    padding-bottom: 10px;
}

/*--------------------------------------------------=> Market Comment and News PAGING */
div.page_visible
{
}

div.page_hidden
{
	display: none;
}

a.highlight
{
	color: #808080;
}

/*--------------------------------------------------=> Currency Converter */
#currency_output
{
	padding: 10px 5px 0px 5px;
	text-align: center;
	font-size: 0.9em;
	color: #534f4f;
}

#currency_output small
{
	font-size: 0.8em;
}

#currency_output div
{
	font-size: 0.75em;
}


/*--------------------------------------------------=> Alterations to elements contained in FORM elements (not allowed in ASP.Net) */
div label
{
    display: block;
    padding-bottom: 3px;
}

/* form using ordered list */
div ol
{
    margin: 0;
    padding: 0;
}

div ol li
{
    padding-bottom: 3px;
}

div ol label
{
    display: inline-block;
}

.module_rhm div ol label
{
    width: 110px;
}

/* Buttons */
div button
{
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(/Style%20Library/Savills/Images/bg_form_button.gif) repeat-x top left;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0;
    border: none;
    cursor: pointer;
    text-align: center;
    height: 18px;
}

div button
{
    width: auto;
    overflow: visible;
    padding-top: 0px; /* IE6 */
    padding-bottom: 0px; /* IE6 */
    margin-left: 4px;
}
div button[type]
{
    padding-top: 0px; /* Firefox */
    padding-bottom: 2px; /* Firefox */
    line-height: 18px; /* Safari */
    margin-left: 0;
}
*:first-child + html button[type]
{
    padding-top: 0px; /* IE7 */
    padding-bottom: 0px; /* IE7 */
    margin-left: 4px;
}

div button:hover
{
    background-image: url(/Style%20Library/Savills/Images/bg_form_button_hover.gif);
}

/*--------------------------------------------------=> Alterations to cater for the Live Earth Map */
div.map_location
{
    margin: 3px 0 12px 0;
	width: 137px;
	height: 130px;
	position: relative;
	overflow: hidden;
}

/*--------------------------------------------------=> Glossary and FAQ implementation differences */
#glossary strong {
	color: #327a87;	
}

#faqs strong
{
    font-size: 1.4em;
	font-weight: normal;
    color: #534f4f;
}

/*--------------------------------------------------=> To replace deprecated attributes/tags */
.align_left
{
	text-align: left;
}
.align_right
{
	text-align: right;
}
.align_center
{
	text-align: center;
}
.underline
{
	text-decoration: underline;
}

/*--------------------------------------------------=> Resized due to Safari/Firefox wrapping */
p.highlights
{
    font-size: 1.21em; /* 21px */
}

.module_landing p.highlights
{
    font-size: 1.08em; /* 18px */
}

/*--------------------------------------------------=> To show default mortgage calc button in Safari */
#mortgage_calculator button.button_light
{
    display: inline;
}

#mortgage_calculator div.module_option_container
{
	display: none;
}

/*--------------------------------------------------=> font size adjustments for RichHtml Control */
.richhtml
{
	font-size: 0.69em;
}

.richhtml p
{
	font-size: 1em;
}

.richhtml ul li
{
	font-size: 1em;
}

.richhtml_padding
{
	padding-bottom: 20px;
}

/*--------------------------------------------------=> Guernsey Office Location (not included in SAS CSS) */
#guernsey_office_loc
{   
    visibility:hidden;
	top: 335px;
    left: 91px;
}