/*		GENERAL RULES
--------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, form, ul, li, p, fieldset, table, input, textarea { margin: 0; padding: 0; }
body { font: 62.5%/1.6em Arial, sans-serif; color: #333; background: #fff url(../i/bg.gif) repeat-y 50% 0; padding-bottom: 20px; }
ul { list-style-type: none; }
.as-link { border: none; background: none; cursor:pointer; margin: 0; padding: 0; }
a:link, a:visited, .as-link { color: #243e8f; text-decoration: none; font-weight: bold; }
a:hover { color: #c00; }
fieldset, img { border: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.field-group { float: none !important; clear: left; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.highlight { color: #c00; }
.heavy-highlight { color: #c00; font-weight: bold; }
/* End hide from IE-mac */
textarea { font: 1.1em Arial, sans-serif; color: #333; white-space: pre-wrap/*IE11 fix*/; }
th { text-align: left; /*all versions of IE make th content centred by default*/ }

/*	STRUCTURE
	---------------------------------------------------------------*/
#container { margin: 0 auto; text-align: left; width: 974px; font-size: 1.2em; background: #fff; }
#header { position: relative; margin-top: 20px; height: 88px; }
#content { margin: 10px 20px 0 20px; }
#content.sub-content { margin-top: 35px; }/*----- content if sub menu is used ------*/
#c { float: left; width: 684px; padding-bottom: 20px; }
#c-inner { width: 664px; }
#c-full{width:930px;} /*----- full width page e.g. no side feature column ------*/
#c-full #c-inner { width: 930px; }
/*	HEADER
	-------------------------------------------------------------------*/
#header #logo { height: 82px; width: 176px; margin-left:20px; }
#header #logo a { display: block; background: transparent url(../i/logo.gif) no-repeat 0 0; text-indent: -9999px; height: 82px; width: 176px; overflow:hidden; }

#header-content { width: 740px; position: absolute; top: 0; right: 20px;  }
#header-features { position: relative; zoom: 1; }
#header-features h2 { color: #c00; font: italic 1.4em/1.6em Arial, sans-serif; }
#header-features .links { background: #e8ecf6; height: 1.8em; line-height: 1.8em; font-size: .8em; font-weight: bold; padding-left: 7px; }
#header-features .links div { display: inline; }
#header-features .links img { vertical-align: text-bottom; padding: 0 5px; }
#account-actions { position: absolute; right: 0; bottom: 0; }
#account-switches { padding-right: 7px; }
#account-switches li { display: inline; border-left: solid 1px #000; padding-left: 4px; font-size: .8em; font-weight: bold; line-height: 1.8em; background:#e8ecf6; }
#account-switches li.first { border: none; }
#account-nav { font-size: .8em; font-weight: bold; margin-bottom: 1px; text-align: right; padding-right: 40px; } /* text-align and padding-right are fixes for IE*/
#loginform { padding: 1px 7px 0 4px; margin-bottom: -2px; background: #fff; float: right; } /* float right is a fix for IE */
#loginform #username, #password { position: relative; display: inline; }
#loginform #email-field, #header #password-field { width: 9.5em; font-size: .9em; height: 15px; }
#loginform label.overlabel { color: #999; font-size: .9em; }
#loginform label.overlabel-apply { position: absolute; top: 1px; left: 5px; z-index: 1; color: #999; font-size: .8em; }
#loginform button{ font-size: .9em; text-indent: -2px; display: inline; width: 48px; padding-top:0!important; background: transparent url(../i/buttons/compact-08.gif) no-repeat; vertical-align: top; }
/*	HEADER NAVIGATION	-------------------------------------------------------------------*/
#header-nav { margin: 10px 0 0 0; }
#header-nav ul { height: 26px; background: transparent url(../i/bg-nav.gif) no-repeat 0 0; }
#header-nav li { height: 26px; float: left; border-right: 1px solid #c8d3ea; border-left: 1px solid #f1f3fa; display: inline; }
#header-nav li.first-nav-item { border-left: 0; }
#header-nav li a { padding: 0 12px; font-weight: bold; line-height: 26px; float: left; white-space: nowrap; }
#header-nav li a.current:link, #header-nav li a.current:visited { background: transparent url(../i/nav.jpg) repeat-x 0 100%; }
#header-nav li.first-nav-item a.current:link, #header-nav li.first-nav-item a.current:visited { background: transparent url(../i/nav-bg.jpg) repeat-x 0 0; }
#header-nav li a:hover { background: transparent url(../i/nav.jpg) repeat-x 0 100%; }
#header-nav li.first-nav-item a:hover { background: transparent url(../i/nav-bg.jpg) no-repeat 0 0; }
/*	HEADER SUB NAVIGATION	-	*/


#sub-nav { background: transparent url(../i/sub-nav.jpg) no-repeat 0 100%; height: 28px; clear: both; padding-top: 5px; margin: 0 0 0 30px; }
#sub-nav ul { height: 28px; margin: 0 0 0 188px; }
#sub-nav li { height: 28px; display: inline; }
#sub-nav li a { padding: 0 12px; font-weight: bold; line-height: 28px; font-size: .9em; border-right: 1px solid #c8d3ea; border-left: 1px solid #f1f3fa; }



/*	FOOTER */
#foot-nav { border-top: 1px solid #e2e2e2; background: transparent url(../i/grey-gradient.jpg) repeat-x 0 0; padding: 15px 0 15px 15px; }
#foot-nav h3 { text-transform: uppercase; font-size: 0.9em; font-weight: bold; }
.nav-group-super { float: left; }
#foot-nav .nav-group { float: left; width: 150px; margin: 0 20px 0 0; }
#foot-nav .nav-group li { font-size: .9em; font-weight: bold; line-height: 1.7em; background-position: 0 5.5px; }
#foot-nav .articles { width: 224px; margin: 0 20px 0 0; }
#foot-nav .last { margin-right: 0; margin-bottom: 1em; width: 152px; }
#footer { clear: both; border-top: 1px solid #e2e2e2; padding: 10px 0; font-size: .9em; }
#footer p { padding: 0!important; margin: 0!important; }



/*	FEATURED CONTENT BOXES - e.g. Erros and system messages---*/
.featured-content { border: 1px solid #B5C4E3; background-color:#F4F5FB; padding:5px 15px 10px 15px; margin:10px 0 10px 0; }
.featured-content-alert { border: 1px solid #cc0000; background: #FBEDED url(../i/icons/alert.gif) no-repeat 10px 10px; padding:5px 25px 10px 55px; margin:10px 0 10px 0; }
.featured-content-alert h3, .featured-content-alert h4 { border-bottom: 1px solid #cc0000!important; font-size: 1.1em!important; font-weight: bold!important; }
.featured-content-alert ul { margin: 10px 0 5px; }
.featured-content-success { border: 1px solid #339933; background: #EDF9EE url(../i/icons/tick.gif) no-repeat 10px 10px; padding:5px 25px 10px 55px; margin:10px 0 10px 0; }
.featured-content-success h3, .featured-content-success h4 { border-bottom: 1px solid #339933!important; font-size: 1.1em!important; font-weight: bold!important; color: #339933!important; }
.simple-message { background-position: 10px 50%; }
.simple-message h3 { border-bottom: none !important; }
.simple-message h3 a { color: #243E8F !important; font-weight: bold !important; }
.featured-content h3, .featured-content h4, .note-feature h3, .note-feature h4 { font-size: 1.1em!important; font-weight: bold!important; }

/*	CONTENT
	---------------------------------------------------------------*/
/*	Headings in Main Content ---*/
#c-inner h1, #c-inner h2, #c-inner h3, #c-inner h4 { color: #c00; font-size: 1.6em; font-weight: normal; padding: 5px 0; border-bottom: 1px solid #d5ddef; }
#c-inner h1 span, #c-inner h2 span, #c-inner h3 span, #c-inner h4 span { color: #333; }
#c-inner h1 a, #c-inner h2 a, #c-inner h3 a, #c-inner h4 a { color: #c00; font-weight: normal; }
h3 { color: #c00; font-size: 1.3em; font-weight: normal; padding: 5px 0; }
#c .heading-tagline { padding: 0; font-size: .9em; }
/*	paragraphs in Main Content ---*/
#c-inner p { text-align: justify; }
#content p { padding: 10px 0; }
/*	Lists in Main Content ---*/
#content li { background: transparent url(../i/icons/red-arrow.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
#content ol li { background: none; padding: 0 0 0 0;}
#c-inner ul.no-bullet li { background:none!important; padding: 0 !important; }
#c-inner .paragraphs li { margin-bottom:15px; line-height:1.3em;}
/*	Message/News box displayed when user logs in ---*/
#content #login-notice { margin-bottom:10px;}
#content #login-notice li { height: 1.8em; line-height: 1.8em; background: #e8ecf6 !important; padding: 0 5px 0 5px;}
/*	Notes / Tips in Main Content---*/
#c-inner .note { font-size: .9em; }
#c-inner .note-feature { font-size: .9em; background-color:#ECEDED; padding:5px 15px 5px 15px!important; }
#c-inner .note-feature h4 { border-bottom: 1px solid #ccc!important; }
#c-inner #photos .note-feature { margin: 0 10px 10px 0; clear:both }

/*	GENERAL LINK GROUPS IN MAIN CONTENT--*/
#c-inner .links li { float: left; margin: 0; padding: 0 0 0 5px; background-image: none; }
#c-inner .links li a, #c-inner .links li strong { float: left; border-left: 1px solid #666; padding: 0 0 0 5px; line-height: 1em; margin: 0; }
#c-inner .links li strong { font-weight: bold; color: #CC0000; }
#c-inner .link-group-title { line-height: 1em; color: #c00; float: left; width: auto; padding: 0; }
#c-inner .link-group { border-bottom: 1px solid #d5ddef; border-top: 1px solid #d5ddef; margin: 10px 0 20px 0; padding: 5px 0; position: relative; }
#c-inner .link-group .pages a:hover { color:#fff; background-color:#C00; }
#c-inner .link-group ul.pages li { padding-left:0!important; }
#c-inner .link-group ul.pages a { padding-right:5px!important; }
#c-inner .link-group ul.pages li.current { border-left: 1px solid #666; padding: 0 5px 0 5px!important; line-height: 1em; margin: 0; }
#c-inner .link-group ul li.first-link, #c-inner .link-group ul li.first-link a { border-left: 0!important; }
#c-inner .link-group-bottom { border-bottom: 0; margin-top: 0; }
#c-inner .link-group-top { border-top: 0; }
#c-inner .link-group-multirow { border: 0; margin: 10px 0 -10px 0; padding: 5px 0; }
#c-inner .link-group-nb { border: 0; }
#c-inner .link-group-additions { position: absolute; top: .25em; right: 0; width: 200px; text-align: right; }
#c-inner .link-group-additions span { font-weight: bold; color: #999; }
/*	Secure Padlock on Payment page--*/
#c-inner #secure { background: url(../i/icons/lock.png) no-repeat 0 5px; margin-bottom:5px; }
#c-inner #secure p { margin: 5px 0 0 20px; }

/*	- LISTINGS --*/
.listing { float: left; width: 129px; padding: 10px; margin: 0 20px 22px 0; border: 1px solid #d2daee; background: transparent url(../i/cyan-gradient.jpg) repeat-x 0 0; }
.listing .photo { height: 82px; border: none !important; background: none !important; }
.listing .details { margin-top: 10px; }
.listing ul { min-height: 45px; }
.listing h3 { color: #243e8f; border: 0 !important; }
.listing .edit { float: left; margin-right: 0.3em; }
.fr .listing .edit { float: none; }
.fr .listing .edit .sep { display: none; }
.with-commands { height: 85px; }
.fr .with-commands { height: 112px; }
.listing-group .last-listing, .listings-home .last-listing, .photo-upload-group .last-photo { margin-right: 0!important; }
.listing-group .row { clear: left; }
.listing-group .final-row { margin-bottom: 5px; }
#content .listing li { background-image: none; padding: 0; font-size: .9em; line-height: 1.3em; }
#content .listing h3 { font-size: .9em; font-weight: bold; line-height: 1.2em; padding: 0 0 2px 0; margin: 0; }
.listing-footer { position: relative; margin: 5px 0 0; }
.with-previous-price .previous { display: block; }
.with-previous-price .view { top: auto; bottom: 0; }
.featured { background: transparent url(../i/icons/star.png) no-repeat 0 0; padding: 1px 0 0 20px; color: #E56E13; height: 17px; line-height: 17px; display: block; font-size: .8em; font-weight: bold; }
.just-in { background: transparent url(../i/icons/star-green.png) no-repeat 0 0; padding: 1px 0 0 20px; color: #339933; height: 17px; line-height: 17px; display: block; font-size: .8em; font-weight: bold; }
a.view { position: absolute; top: 0; right: 0; width: 39px; height: 20px; line-height: 20px; text-align: center; font-size: .9em; background: transparent url(../i/view-bg.gif) no-repeat 0 0; font-weight: bold; }
a.view:hover { background: transparent url(../i/view-bg.gif) no-repeat 0 0; }
a.remove { display: block; width: 57px; height: 20px; line-height: 20px; text-align: center; font-size: .9em; background: transparent url(../i/remove-bg.gif) no-repeat 0 0; font-weight: bold; }
a.remove:hover { background: transparent url(../i/remove-bg.gif) no-repeat 0 0; }
.feature-listing { font-size: .9em; margin: 0 0 0 0; padding: 7px 0 5px; border-bottom: 1px solid #e2e2e2; }
.hovering { background: transparent url(../i/nav.jpg) repeat-x 0 -2px !important; cursor: pointer; border-bottom: 1px solid #c1c8de; }
.feature-listing img { float: left; border: 1px solid #d3daee; margin: 0 8px 0 0; display: inline; }
#content .feature-listing li { background-image: none; padding: 0; line-height: 1.2em; }
#content .feature-listing h3 { font-size: 1em; font-weight: bold; padding: 0; line-height: 1.1em; color: #243e8f; }
#content .listing h3 a { color: #243e8f; font-weight: bold; }
#content .listing h3 a:hover { color:#c00;}
.listing .price, #justin .price { color: #c00; font-weight: bold; }
.price .previous, #costs .previous { text-decoration:line-through; }
.listing-name { font-weight: bold; }
.listing-name span { color: #c00; }


/*-- Propert Status Overlays --*/
.listing .photo, #photos #main-photo { position: relative; }
.reduced, .listing .photo span, #photos #main-photo span { margin: 0 !important; width: 59px; height: 59px; position: absolute; top: 0; left: -1px; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999px; }
.reduced { background-image: url(../i/reduced-overlay.png); }
.sold span { background-image: url(../i/sold-overlay.png); }
.archived span { background-image: url(../i/archived-overlay.png); }
.under-offer span { background-image: url(../i/under-offer-overlay.png); }
.awaiting-payment span { background-image: url(../i/payment-failed-overlay.png); }
/*	- Create Listing and Advance Image Upload --*/
.photo-upload-group .photo-c { border: 1px solid #d2daee; padding: 10px; background: transparent url(../i/cyan-gradient.jpg) repeat-x 0 0; width: 122px; height: 134px; float: left; margin: 3px 29px 3px 0; display: inline; position: relative; }
.photo-upload-group .photo-c p { position: absolute; left: 10px; bottom: 10px;}
.photo-upload-group-fr { margin-top: 20px; }



/*	MAIN CONTENT FORMS 
------------------------------------------------------------*/

#c-inner form textarea { display: block; width: 96%; height: 130px; margin: 10px 0; }
#c-inner form label { font-weight: bold; }
#c-inner form .button { margin: 10px 0; clear:both; }
#c-inner form { padding-top:15px; }
#c-inner form label { padding-top:15px; }
#c-inner form.content-form fieldset { border-bottom: 1px solid #d5ddef; margin-bottom:15px; }
#c-inner form.content-form fieldset.compact { margin-bottom:5px; }
#c-inner form.content-form label { padding-top:0!important; }
#c-inner form.content-form fieldset p { padding-top:0!important; }
#c-inner form.content-form h4 { border:none!important; text-transform:uppercase!important; font-size:1em!important; font-weight:bold!important; }
#c-inner form.content-form p.form-footer-note { display:block; clear:both; }
#c-inner form.content-form { padding-top:0!important; }
#c-inner form .multiple-select { height:250px; min-width:300px; }
#c-inner form .multiple-select option { margin-left:7px; }
#c-inner form .multiple-select .multiple-select-region { margin-left:0; font-weight:bold; color: #c00; }
#c-inner form .multiple-select option { margin-left:7px; }
#c-inner form fieldset { padding-bottom: 10px; }
#c-inner form fieldset.nb { border-bottom: 0; }
#c-inner form label { font-weight: bold; }
#c-inner form div label { display: block; font-weight: bold; }
#c-inner form div.chk label, #c-inner div.chk-solo label { white-space:nowrap; display: inline; font-weight: bold; }
#c-inner form fieldset div { float: left; width: auto; margin-right: 20px;   white-space:nowrap }
.no-float { float: none !important; }
#c-inner form fieldset div.chk { width: auto; margin-right: 25px; }
#c-inner form fieldset div.chk input { margin-right: 5px; }
#c-inner form fieldset.mixed div.chk { margin-top: 15px; }
#c-inner form label.sup { margin-top:-4px; }
/*	Forms - General -*/
.n-chk input { width: auto; margin: 0; }
.n-chk div { margin: 0 0 5px; }
.chk { float: left; margin: 0 5px 10px 0; width: 100px; }
.chk-solo { float: left; margin: 0 5px 10px 0; width: 100px; clear:both; white-space: nowrap;}
.row select { width: auto; float: left; }
.row label { float: left; width: auto; margin: 2px 5px 0 0; }
input.long { width: 500px; }

#c-inner #advanced-option-switch { padding: 10px 0 0 !important; }

#create-account label em { color: #CC0000; font-style: normal; text-transform: uppercase; }


/*	CONTACT US */
#contact #c-inner h4 { border:none!important; text-transform:uppercase!important; font-size:1em!important; font-weight:bold!important; }
#contact #c-inner input, #contact #c-inner select{ margin-bottom:10px; }
#contact #c-inner textarea{ margin:0; }
#contact #c-inner fieldset{ margin:0; }
#contact ul.faqs{margin:15px 0 15px 0}
#contact ul.faqs li{margin-bottom:5px}
#contact form.content-form{margin-top:15px}

.feed { background: transparent url(../i/icons/feed.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; float: left; margin-right: 10px; }
#location-index .feed { margin-top: -3px; margin-right: 6px; }

/*	HOMEPAGE */
#homepage #content-searches { float: left; width: 696px; padding-right:10px; }
#homepage #justin { float: right; width: 225px; margin-top:10px; }
#homepage #justin .feed-title h3 { float: left; padding: 0; }
#homepage #justin .feed-title h3 span{ color:#cccccc; font-size: .9em; }
#homepage ul#PopularSearches { width: 180px; }
#homepage #PopularSearches li { border-bottom: 1px solid #e2e2e2; line-height: 1.7em; background-position: 0 7px; font-size: .9em; font-weight: bold; }
#homepage #airport { background: transparent url(../i/airports.jpg) repeat-y 0 0; width: 179px; height: 68px; margin: 10px 0; position: relative }
#homepage #ski { background: transparent url(../i/ski.jpg) no-repeat 0 0; width: 179px; height: 58px; }
#homepage #airport h3 { font-size: 1.3em; line-height: 1em; width: 100px; margin: 3px 0 0 10px; }
#homepage #airport form { margin: 0 0 0 10px; }
#homepage #airport select { font-size: .9em; width: 160px; }
#homepage #airport button { position: absolute; top: 10px; right: 10px; color: white; font-size: 200%; }
#homepage #ski h3 { margin: 3px 0 0 10px; font-size: 1.3em; }
#homepage #ski p { background-image: none; line-height: 1.1em; font-size: .9em; font-weight: bold; padding: 0 0 0 10px; border: 0; }
#homepage #HomepageMap { float: right; width: 503px; }
/*	- Listings on Homepage --*/
#homepage .listings-home .listing { margin-right: 12.8px; margin-bottom: 0; }
#homepage .listing { width: 123px; margin: 0 28px 22px 0; }
#homepage .listing .photo span, #homepage .reduced { visibility: hidden; }


@media(min-width: 768px) {
    .listings-home {
        display: table;
        border-spacing: 13.8px 0;
        margin: 0 -13.8px;
    }

    .listings-home > .row {
        display: table-row;
    }

    .listings-home > .row > .listing {
        display: table-cell;
        float: none;
        vertical-align: top;
        position: relative;
        padding-bottom: 35px;
    }

    .listings-home > .row > .listing > .listing-footer {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 10px;
    }
}

/*	MAP */
#MapAlternative { background: transparent url(../i/grey-gradient.jpg) repeat-x 0 0; padding:15px; }
#Map #MapAlternative { background: none!important; }
#MapAlternative h4 { display:inline; font-size:1.1em; border-bottom: 0; }
#MapAlternative ul { display:inline; }
#MapAlternative li { background-position: 4px 4px; font-size: .9em; display:inline; }
#MapAlternative li.region { border-bottom: 1px solid #e2e2e2; display:block; background:none; padding:3px 0 3px 0; }
#Map { width: 670px; margin:-15px 0 0 -20px; }

/*	LOCATION INDEX PAGES e.g. Normandy
	---------------------------------------------------------------*/
#location-index .photo, #article .photo { background: #F4F5FB; border: 1px solid #B5C4E3; }
#location-index .photo span, #article .photo span { display: block; margin-top: 4px; font-size: 0.9em; }
#location-index .aleft, #article .aleft { float: left; margin: 15px 10px 5px 0; padding: 20px 20px 10px; }
#location-index .aright, #article .aright { float: right; padding: 20px 20px 10px; margin: 15px 0 10px 20px; }
#location-index .aright-tight, #article .aright-tight { float: right; padding: 10px 10px 5px; margin: 10px 0 5px 15px; }
#location-index .listing-group {margin-top:20px;}
#location-index .link-group-top {margin-bottom:10px;}
#location-index .link-group-bottom {margin-bottom:5px;}
#location-index .guides {margin:10px 0 0 0!important;}
#location-index .contacts {border-top:none; margin:0 0 0 0!important;}
#location-index .resources {margin:10px 0 0 0!important;}
#location-index .towns {border-top:none; margin:0 0 0 0!important;}
#location-index #c-inner h2 { clear: both; }

#location-search #c-inner h1 { margin-bottom: 10px; }

/*	TERMS
	---------------------------------------------------------------*/
#terms #c-inner h3 {font-size:1.2em;}

/*	ARTICLE
	---------------------------------------------------------------*/
#article .author{margin-bottom:15px; height:125px;}
#article .author img{float:left; margin:2px 10px 0 0;}
#article ul.regions {margin:10px 0 10px 0;}
#article ul.regions li {margin-bottom:10px;}
#article #c-inner h4 {font-size:1.2em;}
#article #c-inner h4, #article #c-inner h3 {clear:both}
#article ul.articles{margin:15px 0 15px 0}
#article ul.articles li{margin-bottom:10px}
#article #c-inner ul{margin:15px 0 15px 0}
#article #c-inner ul li{margin-bottom:5px}
/*	Notaire's Fees Calculator
	---------------------------------------------------------------*/
#notaire #c-inner form {float:left;width:280px; border: 1px solid #B5C4E3; margin: 0 10px 10px 0; padding:0 10px 0 10px;}
#notaire #c-inner a.button {border:none; margin-left:0; padding-left:0;}
#notaire #c-inner form label {display:block}
#notaire #c-inner form button {margin:10px 0 10px 0;}
#notaire #c-inner form div label {display:inline; margin-left:5px;}
#notaire #c-inner form div {margin-top:5px; display:block; clear:both}
#notaire #c-inner form fieldset {margin:0;padding:0;}
#notaire p.note-feature {clear:both; height:1.3em;margin-bottom:15px;padding:8px 0 8px 30px!important; background: #ECEDED url(../i/icons/page.png) no-repeat 8px 9px;}
#notaire #results {width:330px;float:right;padding:10px; text-align:left;}
#notaire #results.best { width: auto; float: none; padding: 10px 0; }
#notaire #results h3 {margin-top:0;padding-top:0;}
/*	MORTGAGE CALCULATOR
	---------------------------------------------------------------*/
#mortgage #c-inner form {float:left;width:230px; border: 1px solid #B5C4E3; margin: 0 10px 10px 0; padding:0 10px 0 10px;}
#mortgage #c-inner a.button {border:none; margin-left:0; padding-left:0;}
#mortgage #c-inner form fieldset {margin:0;padding:0;}
#mortgage #c-inner form button {margin:10px 0 10px 0;}
#mortgage #c-inner form div {margin-top:5px; display:block; clear:both}
#mortgage #results {width:380px;float:right;padding:10px; text-align:left;}
#mortgage #results h3 {margin-top:0;padding-top:0;}
#mortgage #c-inner form label {display:block; margin-top:2px; padding-top:2px;}
#mortgage #c-inner form p {padding-bottom:0;}
#mortgage #c-inner h3 {clear:both;}

/*	CONVERSION
	---------------------------------------------------------------*/
#conversion #c-inner form {float:left;width:230px; border: 1px solid #B5C4E3; margin: 0 10px 10px 0; padding:0 10px 0 10px;}
#conversion #c-inner a.button {border:none; margin-left:0; padding-left:0;}
#conversion #c-inner form label {display:block}
#conversion #c-inner form div label {display:inline; margin-left:5px;}
#conversion #c-inner form button {margin:10px 0 10px 0;}
#conversion #c-inner form div {margin-top:5px; display:block; clear:both}
#conversion #c-inner form fieldset {margin:0;padding:0;}
#conversion #results {width:380px;float:right;padding:10px; text-align:left;}
#conversion #results h3 {margin-top:0;padding-top:0;}
#conversion-resources { clear: left; border-top: solid 10px #fff; }

/*  SUBSCRIPTION
	---------------------------------------------------------------*/
#subscription #c-inner form {float:left;width:230px; border: 1px solid #B5C4E3; margin-top: 20px; padding:0 10px 0 10px;}
#subscription #c-inner a.button {border:none; margin-left:0; padding-left:0;}
#subscription #c-inner form label {display:block}
#subscription #c-inner form div label {display:inline; margin-left:5px;}
#subscription #c-inner form button {margin:10px 0 10px 0;}
#subscription #c-inner form div {margin-top:5px; display:block; clear:both}
#subscription #c-inner form fieldset {margin:0;padding:0;}

/*	FAQ
	---------------------------------------------------------------*/
#faq ul.faqs{margin:15px 0 15px 0}
#faq #c-inner h4 {font-size:1.2em;}

/*	DIRECTORY
	---------------------------------------------------------------*/
#directory ul.contacts{margin:15px 0 15px 0}
#directory ul.contacts li{margin-bottom:10px}
#directory #c-inner h4, #directory #c-inner h3 {font-size:1.2em;}

#uploader-wrapper { margin-bottom: 10px; }

/*	VIEW LISTING */
#create-listing-step-two .optional-information{background-color:#eeeeee; padding:10px 10px 0 10px;}
#create-listing-step-two .optional-information p{margin-top:10px;}
#create-listing-step-two .optional-information p.note{margin-top:0;}

#c-inner #leaseback-information fieldset { border: none; margin: 8px 0; padding: 0; }

#property-top-fields div { margin-bottom: 0.5em; }

#newer-than-five-years { margin-top: 1em; }

#listing-view #photos, #create-listing-step-three #photos { border: 1px solid #B5C4E3; float: left; width: 360px; margin: 10px 0 0; }
#listing-view .thumbs, #create-listing-step-three .thumbs { margin: 0 0 0 10px; }
#listing-view .thumbs img, #create-listing-step-three .thumbs img { float: left; margin: 0 8px 0 0; padding-bottom: 10px; }
#listing-view .thumbs img.l-thumb, #create-listing-step-three .thumbs img.l-thumb { margin-right: 0; }
#video-icon { float: left; height: 52px; width: 69px; text-indent: -2000px; overflow: hidden; background: url(../i/video.jpg); }
#listing-view fieldset.b-send-enquiry { float:right; display:block }
#listing-view fieldset.b-send-enquiry button { margin-top:0!important; }
#listing-view fieldset.make-enquiry, fieldset.request-to-view{ padding-bottom: 0!important; }

#listing-view #feature-status li { background: none; padding-left: 0; }
#listing-view #feature-status strong.type { color: #333; }
#listing-view #feature-status li * { display: inline; }
#listing-view #feature-status li li strong { font-weight: normal; }

#main-photo a { border: 10px solid #fff; position: relative; display: block}

#main-photo.landscape img { width: 340px; }
#main-photo.portrait img { height: 330px; }
#main-photo .transition { position: absolute; left: 0; top : 0; }
#lightbox-thumbs-holder { display: none; }

#video-container { background: #333; color: #fff; margin: 10px; height: 254px; }
#video-container p { padding: 50px 10px; }
#video-container p a { color: yellow; }

#attributes { margin: 10px 0; float: right; width: 290px; }
#attributes ul { margin-bottom: 10px; font-size:0.9em; font-weight:bold }
#attributes li { height: 24px; float: left; display: inline; white-space: nowrap; background: transparent url(../i/icons/tick.png) no-repeat 0 1px; margin: 0 17px 5px 0; padding: 3px 0 0 35px; }
#attributes li.i-bed { background: transparent url(../i/icons/bed.gif) no-repeat 4px 1px; }
#attributes li.i-rural { background: transparent url(../i/icons/tree.gif) no-repeat 4px 0; }
#attributes li.i-plot { background: transparent url(../i/icons/plot.gif) no-repeat 5px 1px; }
#attributes li.i-beach { background: transparent url(../i/icons/bucket-spade.gif) no-repeat 2px 0; }
#attributes li.i-pool { background: transparent url(../i/icons/pool.gif) no-repeat 0 1px; }
#attributes li.i-size, #attributes li.i-detached { background: transparent url(../i/icons/size.gif) no-repeat 2px 1px; }
#attributes li.i-outbuildings { background: transparent url(../i/icons/outbuildings.gif) no-repeat 4px 0; }
#attributes li.i-airport { background: transparent url(../i/icons/aeroplane.png) no-repeat 2px 1px; }
#attributes li.i-provisions { background: transparent url(../i/icons/basket.gif) no-repeat 4px 0; }
#attributes li.i-supermarket { background: transparent url(../i/icons/trolley.gif) no-repeat 2px 1px; }
#attributes li.i-ferry { background: transparent url(../i/icons/ferry.gif) no-repeat 0 1px; }
#attributes li.i-coastal { background: transparent url(../i/icons/coastal.gif) no-repeat 2px 0; }
#attributes li.i-ski { background: transparent url(../i/icons/ski.png) no-repeat 0 1px; }
#attributes li.i-mountainous { background: transparent url(../i/icons/mountains.png) no-repeat 0 0; }
#attributes li.i-lake { background: transparent url(../i/icons/lake.png) no-repeat 0 0; }
#attributes li.i-city { background: transparent url(../i/icons/town-city.png) no-repeat 0 0; }
#attributes li.i-village { background: transparent url(../i/icons/village.png) no-repeat 0 1px; }
#attributes li.i-equestrian { background: transparent url(../i/icons/equestrian.png) no-repeat 0 1px; }
#attributes li.i-fishing { background: transparent url(../i/icons/fishing.gif) no-repeat 0 0; }
#attributes li.i-golf { background: transparent url(../i/icons/golf.png) no-repeat 3px 0; }
#attributes li.i-business { background: transparent url(../i/icons/business.gif) no-repeat 0 1px; }
#attributes li.i-new-build { background: transparent url(../i/icons/new-build.png) no-repeat 5px 0; }
#attributes li.i-move-in { background: transparent url(../i/icons/move-in.png) no-repeat 5px 0; }
#attributes li.i-renovation { background: transparent url(../i/icons/renovation.png) no-repeat 3px 1px; }
#attributes li.i-off-plan { background: transparent url(../i/icons/off-plan.png) no-repeat 2px 1px; }
#attributes li.i-refurb { background: transparent url(../i/icons/refurb.png) no-repeat 5px 0; }
#attributes li.i-bathrooms { background: transparent url(../i/icons/bathrooms.png) no-repeat 0 1px; }
#attributes #costs { background: #e8ecf6; margin: 0 5px 20px 0; padding: 10px; }
#attributes #costs span { color: #c00; font-weight: bold; display: block; }
#attributes #costs .previous { display: inline; }
#attributes #costs span.estimates { font-size:0.9em; color:#333; font-weight: normal; line-height: 1.3em; }
.estimates a { margin-top: 6px; font-weight: normal; line-height: 1.4em; }
.mortgage-actions { overflow: hidden; }
.mortgage-actions a { float: left; margin-right: 6px; }
#attributes #costs span.leaseback { font-size:0.9em; color:#333; display:block; margin-top: 10px; }
#attributes #costs strong { color: #333; }
.leaseback-information { font-weight: normal !important; }
#attributes #addtofavourites { margin: 0; padding: 0; }
#attributes #addtofavourites fieldset { margin: 0; padding: 0; }
#attributes #addtofavourites button { margin: 0; padding: 0; }
#attributes #addtofavourites p { font-size:.9em; }
#attributes p.printerfriendly { background: transparent url(../i/icons/printer.png) no-repeat 0 0; margin: 0 30px 10px 0; padding: 0 0 0 25px; }


/*	GENERAL BUTTONS	*/
button, .button {text-align:center; font-family:Arial, sans-serif;}
button:hover { color:#c00; }
button, .button, button.compact { display: block; height: 29px; border: 0; margin: 0; padding: 0; background: transparent; color: #243e8f; font-size: 1em; cursor: pointer; font-weight: bold; }
.button {padding-top:7px!important;height: 23px!important;}
button.compact, a.compact { padding-top:2px!important;height: 20px; padding-bottom:3px!important;}
.compact-size-34{width: 294px; background: transparent url(../i/buttons/compact-34.gif) no-repeat;}
.compact-size-32{width: 252px; background: transparent url(../i/buttons/compact-32.gif) no-repeat;}
.compact-size-30{width: 250px; background: transparent url(../i/buttons/compact-30.gif) no-repeat;}
.compact-size-28{width: 222px; background: transparent url(../i/buttons/compact-28.gif) no-repeat;}
.compact-size-26{width: 178px; background: transparent url(../i/buttons/compact-26.gif) no-repeat;}
.compact-size-24{width: 158px; background: transparent url(../i/buttons/compact-24.gif) no-repeat;}
.compact-size-22{width: 139px; background: transparent url(../i/buttons/compact-22.gif) no-repeat;}
.compact-size-20{width: 121px; background: transparent url(../i/buttons/compact-20.gif) no-repeat;}
.compact-size-18{width: 99px; background: transparent url(../i/buttons/compact-18.gif) no-repeat;}
.compact-size-16{width: 81px; background: transparent url(../i/buttons/compact-16.gif) no-repeat;}
.compact-size-14{width: 73px; background: transparent url(../i/buttons/compact-14.gif) no-repeat;}
.compact-size-12{width: 65px; background: transparent url(../i/buttons/compact-12.gif) no-repeat;}
.compact-size-10{width: 58px; background: transparent url(../i/buttons/compact-10.gif) no-repeat;}
.compact-size-08{width: 46px; background: transparent url(../i/buttons/compact-08.gif) no-repeat;}
.compact-size-06{width: 36px; background: transparent url(../i/buttons/compact-06.gif) no-repeat;}
.compact-size-04{width: 30px; background: transparent url(../i/buttons/compact-04.gif) no-repeat;}
.compact-size-02{width: 27px; background: transparent url(../i/buttons/compact-02.gif) no-repeat;}
.compact-size-00{width: 22px; background: transparent url(../i/buttons/compact-00.gif) no-repeat;}

.size-32{width: 294px; background: transparent url(../i/buttons/32.gif) no-repeat;}
.size-30{width: 252px; background: transparent url(../i/buttons/30.gif) no-repeat;}
.size-28{width: 250px; background: transparent url(../i/buttons/28.gif) no-repeat;}
.size-26{width: 222px; background: transparent url(../i/buttons/26.gif) no-repeat;}
.size-25{width: 199px; background: transparent url(../i/buttons/25.gif) no-repeat;}
.size-24{width: 178px; background: transparent url(../i/buttons/24.gif) no-repeat;}
.size-22{width: 158px; background: transparent url(../i/buttons/22.gif) no-repeat;}
.size-20{width: 139px; background: transparent url(../i/buttons/20.gif) no-repeat;}
.size-18{width: 121px; background: transparent url(../i/buttons/18.gif) no-repeat;}
.size-16{width: 99px; background: transparent url(../i/buttons/16.gif) no-repeat;}
.size-14{width: 81px; background: transparent url(../i/buttons/14.gif) no-repeat;}
.size-12{width: 73px; background: transparent url(../i/buttons/12.gif) no-repeat;}
.size-10{width: 65px; background: transparent url(../i/buttons/10.gif) no-repeat;}
.size-08{width: 58px; background: transparent url(../i/buttons/08.gif) no-repeat;}
.size-06{width: 46px; background: transparent url(../i/buttons/06.gif) no-repeat;}
.size-04{width: 36px; background: transparent url(../i/buttons/04.gif) no-repeat;}
.size-02{width: 30px; background: transparent url(../i/buttons/02.gif) no-repeat;}

ul.button-sub-menu li {background:none!important;padding:0 0 0 0!important;margin:0 0 0 0!important;}
ul.button-sub-menu li a{width: 250px; background: transparent url(../i/buttons/compact-30.gif) no-repeat;display: block; padding:2px 0 3px 0!important;height: 20px;text-align:center}

/*	SIDE FEATURES
------------------------------------------------------------*/
#features { float: left; width: 250px; }
#features .feature, .buying-guide { background: #f4f5fb; border: 1px solid #c5d0e9; padding: 10px 15px; margin: 0 0 10px 0; font-size: 0.9em; }
#features p { padding:4px 0 3px 0; }
#features .feature h3 { border-bottom: 1px solid #d5ddef; padding-top: 3px; padding-bottom: 3px; font-size: 1.2em; font-weight: bold; }
#features .feature h1 { border-bottom: 1px solid #d5ddef; padding-top: 3px; padding-bottom: 3px; font-size: 1.2em; font-weight: bold; }
#features dt { color: #c00; font-weight:bold; }
#features dd { margin: 0 0 5px; }

#features button{margin-bottom:10px;}
#features ul.feature-sub-menu li {background:none;padding-left:0;}
#features ul.feature-sub-menu li a{width: 250px; background: transparent url(../i/buttons/compact-30.gif) no-repeat;display: block; padding:2px 0 3px 0!important;height: 20px;text-align:center}

#features .feature-listing ul { margin: 0; }

#features .f-benefits ul, #features .f-benefits p { font-size: 1.2em; line-height: 1.4em; }
#features .f-benefits li { background: transparent url(../i/icons/red-arrow.gif) no-repeat 0 6px!important; }

/*	Forms in side feature --*/
#features .feature form { padding: 0; margin: 0; }
form.link-block { padding-bottom:10px; }

/*	Forms in side feature --*/
#features label { font-weight: bold; }
#features select, .feature input { width: 98%; margin-bottom: 10px; font: 1.1em Arial, sans-serif; }
#features textarea { width: 97%; height: 50px; margin-bottom: 10px; }
#features .chk-solo{ width: 95%;}
#features .chk input, .feature .chk-solo input { width: auto; margin: 0; }
#features fieldset { border-bottom: 1px solid #d5ddef; padding: 10px 0 0; }
#features ul { margin: 10px 0; }
#features .button { margin-bottom: 10px; }

/*	Search map Feature Box --*/
#features .search-map-feature { background:#F4F5FB url(../i/search-map-feature-bg.gif) no-repeat; height:90px; width:250px; margin-bottom:10px; }
#features .search-map-feature h3 { padding:20px 110px 0 10px; }
#features .search-map-feature p { padding:5px 90px 0 10px!important; }
/*	Error Messages and Alerts in Side Features --*/
#features .alert { border: 1px solid #cc0000; background: #FBEDED; }
#features .alert h3, #features .alert h4 { border-bottom: 1px solid #cc0000!important; background: transparent url(../i/icons/alert-sml.gif) no-repeat 0 3px; padding-left: 22px; }
#features .success { border: 1px solid #339933; background: #EDF9EE; }
#features .success h3, #features .success h4 { color: #339933; border-bottom: 1px solid #339933!important; background: transparent url(../i/icons/tick-sml.gif) no-repeat 0 3px; padding-left: 20px; }
/*	Link Groups in side feature --*/
#features ul.links { display:inline; }
#features .link-group { margin-bottom:0; }
#features .links li { float: left; margin: 0; padding: 0 0 0 5px; background-image: none; }
#features .links li a { float: left; border-left: 1px solid #666; padding: 0 0 0 5px; line-height: 1em; margin: 0; }
#features .link-group-title { line-height: 1em; color: #c00; float: left; width: auto; padding: 0; }
/*	Secure payment box on signup page in side feature --*/
#features #secure { background: url(../i/icons/lock.png) no-repeat 0 10px; margin-bottom:5px; }
#features #secure p { margin: 5px 0 0 30px; }

#features .f-benefits ul li { font-size:1em; }

/*	Headings / Heading Icons in side feature --*/
#features .f-benefits h3 { padding:10px 0 4px 20px; background: transparent url(../i/icons/tick.png) no-repeat 0 9px; }
#features .f-close h3 { padding:10px 0 4px 20px; background: transparent url(../i/icons/cross.png) no-repeat 0 9px; }
#features .f-faq h3 { padding:10px 0 4px 20px; background: transparent url(../i/icons/faq.png) no-repeat 0 9px; }
#features .f-next-step h3 {padding:10px 0 4px 20px; background: transparent url(../i/icons/next-step.png) no-repeat 0 9px; }
#features .f-must-read h3 {padding:10px 0 4px 20px; background: transparent url(../i/icons/page.png) no-repeat 0 9px; }
#features .f-contacts h3 {padding:10px 0 4px 20px; background: transparent url(../i/icons/contacts.png) no-repeat 0 9px; }
#features .f-contacts h4 { margin: 1em 0; }
#features .f-flights h3 {padding:10px 0 4px 25px; background: transparent url(../i/icons/flights-2.png) no-repeat 0 6px; }
#features .f-search h3 { padding:10px 0 4px 19px; background: transparent url(../i/icons/magnifier.png) no-repeat 0 9px; }
#features .f-search h1 { padding:10px 0 4px 19px; background: transparent url(../i/icons/magnifier.png) no-repeat 0 9px; }
#features .f-faqs h3 {padding:10px 0 4px 20px; background: transparent url(../i/icons/faq.png) no-repeat 0 5px; }
#features .f-attach h3 { background: transparent url(../i/icons/photos.png) no-repeat 0 2px; padding-left: 20px; }
#features .f-advanced-image h3 { background: transparent url(../i/icons/photos.png) no-repeat 0 2px; padding-left: 20px; }
#features .f-your-listing h3 { background: transparent url(../i/icons/house.png) no-repeat 0 2px; padding-left: 20px; }
#features .f-email h3, #features .f-related-msg h3{ background: transparent url(../i/icons/email.png) no-repeat 0 4px; padding-left:22px; }
/*	Link Groups --*/
#features .links li { float: left; margin: 0; padding: 0 0 0 5px; background-image: none; }
#features .links li a { float: left; border-left: 1px solid #666; padding: 0 0 0 5px; line-height: 1em; margin: 0; }
#features .link-group-title { line-height: 1em; color: #c00; float: left; width: auto; padding: 0; }
#features .link-group { border-bottom: 1px solid #d5ddef; border-top: 1px solid #d5ddef; margin: 10px 0 10px 0; padding: 5px 0; position: relative; }
#features .link-group .pages a:hover { color:#fff; background-color:#C00; }
#features .link-group ul.pages li { padding-left:0!important; }
#features .link-group ul.pages a { padding-right:5px!important; }
#features .link-group ul.pages li.current { border-left: 1px solid #666; padding: 0 5px 0 5px!important; line-height: 1em; margin: 0; }
#features .link-group ul li.first-link a { border-left: 0!important; }
#features .link-group-bottom { border-bottom: 0; }
#features .link-group-top { border-top: 0; }
#features .link-group-multirow { border: 0; margin: 10px 0 -10px 0; padding: 5px 0; }
#features .link-group-nb { border: 0; }
#features .link-group-additions { position: absolute; top: .25em; right: 0; width: 200px; text-align: right; }

/*	MESSAGES */

#message-list td.action { background-image: url(../i/icons/email_open.png); background-repeat: no-repeat; background-position: 93% 50%; font-weight: normal; width: 11% !important; }
.fr #message-list td.action { width: 16% !important; }
#message-list .unread .action { background-image: url(../i/icons/email.png); }
#message-list .unread .date, #message-list .unread .subject { font-weight: bold; }
#message-list td.flagged { background-image: url(../i/icons/flag.gif); }

#message-list tr.urgent td { background-color:#FCE9F1 !important; }
#message-list th.action { color:#fff;}

#message-list .subject img { vertical-align: bottom; }

#message-list .property-attached { display: none; }

#tooltip { position: absolute; z-index: 3000; border: 2px solid #ccc; color: #fff; background: #000; padding: 1.3em 1.5em 1em; opacity: 0.9; filter: alpha(opacity=90) !important;/*make it !important to get around a small tooltip plugin's bug. otherwise the opacity will get lost when fading effect is enabled */ }
#tooltip img{ display: block; margin-bottom: 0.3em; border: solid 1px #ccc; }

.msg-back { width: auto !important; }
#message-reply .msg-header { padding:4px 4px 4px 7px; border-bottom: 1px solid #d5ddef; position: relative; }
#message-reply .msg-back { padding:2px 5px 2px 0; }
#message-reply .msg-back a { padding-left:20px; background: #fff url(../i/icons/back-arrow-green.png) no-repeat 2px; }
#message-reply .attach-listings { padding:0 4px 0 4px; border-bottom: 1px solid #d5ddef; border-top: 1px solid #d5ddef; }
.attach-listings a { margin-right: 0.5em; }
#message-reply .attach-listings input { margin:0 4px 0 4px; }
#message-reply .attach-listings p { margin:0;padding:4px 0 4px 20px;background: #fff url(../i/icons/attach.png) no-repeat 0;}
#message-reply fieldset.msg-body { background-color:#F4F5FB; padding:0 10px 10px 10px;}
#message-reply form {padding-top:0;}
#message-reply fieldset.msg-body textarea { height:250px; margin:0; }
#message-reply fieldset.subject input { width:400px; }
#message-reply .msg-content fieldset button { margin-top:10px!important;}
#message-view .link-group, #message-sent-view .link-group { margin:0 0 0 0!important; }
#message-view .note-feature, #message-sent-view .note-feature { margin-top:20px!important; }
#message-view .link-group li.msg-reply, #message-sent-view .link-group li.msg-reply { padding:2px 5px 2px 25px; background: #fff url(../i/icons/email_back.png) no-repeat 9px; }
#message-view .link-group li.msg-flag, #message-sent-view .link-group li.msg-flag, #container #main-content li.msg-no-flag { padding:2px 5px 2px 15px; background: #fff url(../i/icons/flag.gif) no-repeat 2px; }
#message-view .link-group li.msg-flag a, #message-sent-view .link-group li.msg-flag a { border:none; }
#container #main-content li.msg-no-flag { background-image: url(../i/icons/no-flag.gif); }
.msg-no-flag a { border: none !important; }
#message-view .msg-back, #message-sent-view .msg-back { padding:2px 5px 2px 0; }
#message-view .link-group .msg-back a, #message-sent-view .link-group .msg-back a { padding-left:20px; background: #fff url(../i/icons/back-arrow-green.png) no-repeat 2px; }
#message-view .msg-header, #message-sent-view .msg-header { padding:4px 4px 4px 7px; border-bottom: 1px solid #d5ddef; position: relative; }
#message-view .msg-header .date, #message-sent-view .msg-header .date { position: absolute; top: .25em; right: 5px; width: 100px; text-align: right; }
#message-view .msg-content, #message-sent-view .msg-content { background-color:#F4F5FB; padding:10px; }
#message-view .attach-listings, #message-sent-view .attach-listings { padding:5px 0 5px 20px; background: #fff url(../i/icons/attach.png) no-repeat 2px; }
#message-view .attach-files, #message-sent-view .attach-files { padding:5px 0 5px 20px; background: #fff url(../i/icons/attach.png) no-repeat 2px; border-top:none; }
#message-sent-view .msg-header-double { padding:4px 4px 0 7px; border-bottom: none; position: relative; }
#message-sent-view .msg-header-double .date { position: absolute; top: .25em; right: 5px; width: 100px; text-align: right; }
#messages-inbox table { width: 100%; border-bottom: 1px solid #B5C4E3; }
#messages-inbox .link-group-top{margin-bottom:5px; }
#messages-inbox .link-group-nb{margin-top:5px;}
#messages-inbox th { color: #c00; text-transform: uppercase; border-bottom: 1px solid #B5C4E3; }
#messages-inbox td.date { padding-left: 10px; width: 10%; }
#messages-inbox td { padding: 3px; }
#messages-inbox td.date { padding-left: 10px; }
#messages-inbox td.action { padding-right: 20px; width: 11%;  }
#messages-inbox th.action { color:#fff;}
#messages-inbox tr.odd { background: #F4F5FB; }
#messages-inbox td.read { background: transparent url(../i/icons/email_open.png) no-repeat 93% 50%; font-weight: normal; }
#messages-inbox td.unread { background: transparent url(../i/icons/email.png) no-repeat 93% 50%; }
#messages-inbox td.flagged { background: transparent url(../i/icons/flag.gif) no-repeat 94% 50%; }
#messages-inbox tr.odd td.read { background: #F4F5FB url(../i/icons/email_open.png) no-repeat 93% 50%; font-weight: normal; }
#messages-inbox tr.odd td.unread { background: #F4F5FB url(../i/icons/email.png) no-repeat 93% 50%; }
#messages-inbox tr.odd td.flagged { background: #F4F5FB url(../i/icons/flag.gif) no-repeat 94% 50%; }
#messages-inbox p.note-feature{margin-bottom:20px;}

/* MODALBOX CSS */
div#mb_overlay { position: absolute; left: 0; width: 100%; background-color: #F4F5FB; cursor: pointer; }
div#mb_center, div#mb_bottom { position: absolute; left: 50%; overflow: hidden; background-color: #c5d0e9; }
div#mb_center { background-color: #FFF; }
div#mb_contents { width: 400px; height: 400px; border: 10px solid #c5d0e9; overflow: auto; background-color: #FFF; visibility: hidden; }
.mb_loading { background: #c5d0e9 url(../i/loading.gif) no-repeat center center;}
#mb_error { font-size: 1.2em; color: #CD0000; font-weight: bold; text-align: center; padding: 0.5em; font-family: Verdana, Helvetica, sans-serif; }
#mb_error em { font-size: 0.8em; }
div#mb_bottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #c5d0e9; border-top-style: none; }
a#mb_close_link { display: block; float: right; width: 66px; height: 22px; background: transparent url(../i/closelabel.gif) no-repeat center; margin: 5px 0; }
div#mb_caption { margin-right: 71px; }

/* LOGIN PAGE */
#access-denied #main-content { padding: 20px 40px 80px; }
#login-form { padding-top: 0 !important; margin-top: 1em; }
#login #c-inner p { font-weight: bold; margin-top: 1em; padding: 0; }
#login-form div { margin-bottom: 8px; }
#login-form label { display: block; padding-top: 0 !important; font-weight: bold; }
#login-form div input { width: 220px; }
#login-form .btn { padding: 0 0.7em; margin-top: 4px; }

#lightbox-infoBox { display: none !important; }
#lightbox-nav-btnNext { background-image: url(../jquery-plugins/lightbox/images/next.gif) !important; background-position: 100% 45% !important; }
#lightbox-nav-btnPrev { background-image: url(../jquery-plugins/lightbox/images/prev.gif) !important; background-position: 0% 45% !important; }
#lightbox-overlay-text-close { cursor: pointer; }
#lightbox-overlay-text-interact { display: none !important; }

#make-enquiry { margin-top: 1em; }
#make-enquiry p { padding: 0; margin: 10px 0; }
#make-enquiry form { padding: 0; margin-top: 15px; }

.disabled { color: #999 !important; }

#billing-address-switch { margin-bottom: 0.5em; }
#billing-address-switch input { vertical-align:text-top; margin-right: 5px; }
#billing-address-switch label { display: inline!important; font-weight: normal!important; cursor: pointer; }
#billing-address-switch em { color: #CC0000; }

#payment-methods { background: #EDF9EE; padding: 4px; margin-bottom: 10px; }
#payment-methods input { vertical-align: super; }
#payment-methods label { display: inline!important; margin: 0 7px; }

#paypal-icon { margin-left: 10px; }

#voucher-field div { float: none !important; }
#voucher-field button { display: inline; width:65px; background: url(../i/buttons/compact-12.gif) no-repeat; }
#voucher-applied { margin-top: 1em; background: #EDF9EE; padding: 4px; }

#feature-request form.feature-selection {padding-top:0;}
#feature-request form.feature-selection label {padding-top:0;margin-top:0;}
#feature-request .amount label { display: inline; }
#feature-request .amount input { width: 60px; }

#feature-status strong.type { color: #666; }
#feature-status li li { padding-left: 0; background: none; }
#feature-status li ul { margin: 0 }
#feature-status em { color: #CC0000; font-style: normal; }

#message-to-info { padding-left: 7px; }

#progress-indicator { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#progress-indicator .shim { position: absolute; width: 100%; height: 100%; background: black; opacity: 0.5; filter: alpha(opacity=50); }
#progress-indicator .box-container { position: absolute; width: 100%; height: 100%; }
#progress-indicator .box { margin: 200px auto; width: 220px; text-align:center; background:#F4F5FB; padding: 1em; border: solid 1px #ccc; font-weight: bold;}

#goog-fixurl { padding-left: 4px; }
#goog-fixurl h3 { color: #333; border: none; font-size: 12px; margin: 1em 0 0.5em; }
#goog-fixurl li { padding: 0; background: none; list-style-type: square; margin-left: 14px; }
#goog-fixurl form { display: inline; }
#goog-wm-qt { margin: 0 8px; width: 322px; }
#error-404 h2 { padding-bottom: 8px; }
#error-404 #c-inner { padding-bottom: 30px; }

#google-map { width: 100%; height: 400px; margin-top: 18px; }

#previous-message { border: solid 1px #ccc; padding: 1em; margin-top: 1em; }

.info-list, .info-list ol { padding: 0; margin: 0; }
.info-list h3 {	font-size : 13px !important; font-weight : bold !important;	color : Black !important; border: none !important; margin : 0.5em 0; }
.info-list li { list-style: none;	margin: 1em 0 1em 2.5em; clear : left; }
.info-list p { padding: 0 !important; margin: 5px 0; }
.info-list li li { margin : 0.5em 0 0.5em 3em; }
.info-list li li li {	margin-left : 4em; }
.info-list #alternatives li { margin-left : 2em; }
.info-list li strong { color : #666; position : absolute;	margin-left : -2em; }
.info-list li li strong { margin-left : -3em; }
.info-list li li li strong { margin-left : -4em; }
.info-list #alternatives strong { margin-left : -2em; }

#captcha-wrapper { float: none !important; margin: 1em 0; }


.feedback label { display: block; padding: 0 !important; margin-bottom: 10px; }
.feedback em { font-weight: normal !important; }

.tabs { margin-top: 1em; }
.tabs li { float: left; background: #cee2fa !important; padding: 0 !important; margin-right: 5px; margin-top: 0.2em; }
.tabs a { color: #182b87; display: block; padding: 0.2em 1.5em; }
.tabs a:focus { outline: none; }
.tabs .ui-state-active { background: #bbb !important; margin-top: 0; border-top: solid 1px #fff; }
.tabs .ui-state-active a { color: #2d2d2d; padding: 0.3em 1.5em; }
.tabs div { clear: left; border-top: solid 5px #bbb; margin-right: 0 !important; }
.tabs textarea { width: 450px !important; margin: 0 !important; border: solid 1px #bbb; border-top-color: #3d7aa9; overflow-y: scroll; }
.tabs .ui-tabs-hide {display: none;}

#messages-menu strong, #watchlist-link strong { color: #CC0000; margin-left: 5px; }

#buyer-profile-feature div { margin-top: 0.5em; }
#buyer-profile-feature ul { margin: 0.5em 0 0; }

#leaseback-features { margin: 0 0 10px; }

#search-hint { clear: both; background: #F4F5FB; border: 1px solid #C5D0E9; padding: 6px 12px; position: relative; top: 10px; margin-bottom: 10px; color: #C00; font-weight: bold; }

.contact-info { background: url(../i/icons/phone.png) no-repeat 0 50%; padding-left: 20px; display: inline-block; }

#features .f-attention { border: 1px solid #cc0000; background: #FBEDED;}

.field { margin: 0.5em 0; margin-left: 2em; padding: 0.5em; position: relative; }
.field strong { position: absolute; left: -1.9em; }
.field label { display: inline !important; font-weight: normal !important; padding-top: 0 !important; }
.field > span, .field > label { display: block; margin-bottom: 0.4em; }
.field li { background: none !important; padding: 0 !important; margin: 0.5em 0; }
.field input { margin: 0 !important; }
.field > input[type="text"] { width: 95%; margin: 0.3em 0 !important; }
.field input[type="radio"] { margin-right: 0.3em !important; }
.field li input[type="text"] { margin-left: 1.7em !important; width: 60%; }
.field em { color: #C00; font-weight: bold; }
.invalid { background: #fbeded; }
.invalid strong { color: #C00; }

#mortgage-form #c-inner > h3 { border: none; margin: 0.5em 0 0; }

#message-list .declined-msg .action { background: transparent url(../i/icons/declined-msg.png) no-repeat 93% 50%; }
#message-list .unread-confirmed .action { background: transparent url(../i/icons/unread-confirmed.png) no-repeat 93% 50%; }

.heading-with-view-all-properties { position: relative; }
.heading-with-view-all-properties > h2 { border: none !important; }
.heading-with-view-all-properties > a { position: absolute; right: 0; bottom: 0; }

.link-group-with-view-all-properties { border: none !important; }
.link-group-with-view-all-properties > .button { position: absolute; top: -4px; right: 0; }

.buying-guide { overflow: hidden; position: relative; }
.buying-guide > img { float: left; margin: 6px 25px 0 -5px; }
.whole-area-clickable { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.region-departments-links {
    border-top: 1px solid #D5DDEF;
    border-bottom: 1px solid #D5DDEF;
    padding: 5px 0;
}

.region-departments-links + .region-departments-links {
    border-top: none;
}

.region-departments-links > h5 {
    display: inline;
    font-size: 1em;
}

.region-departments-links > h5 > a {
    color: #c00;
}

.region-departments-links > h5 > a:hover {
    color: #f00
}

.non-uk-phone-hint {
    margin-bottom: 12px;
}

.non-uk-phone-hint > em {
    text-decoration: underline;
    font-weight: bold;
    font-style: normal;
}

.pull-right {
    float: right;
}

/* Read More - Show Less - START */
/* Top Description Read More/Less */
.top-description-wrapper {
    margin-bottom: 20px;
}

.top-description-content {
    position: relative;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.top-description-content.collapsed {
    max-height: 55px; /* Show about 2 lines */
}

.top-description-content.expanded {
    max-height: 2000px; /* Large enough for any content */
}

/* Fade effect at bottom when collapsed */
.top-description-content.collapsed::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}

.top-description-content.expanded::after {
    display: none;
}

.read-more-toggle {
    background: none;
    border: none;
    color: #c00;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0;
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.read-more-toggle:hover {
    text-decoration: none; /* Removes underline on hover */
    color: #900;
}

.read-more-toggle .arrow-icon {
    font-size: 10px;
    transition: transform 0.3s ease;
    display: inline-block;
    line-height: 1;
}

.read-more-toggle[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}

.read-more-toggle:focus {
    outline: none;
}

.read-more-toggle:active {
    opacity: 0.7;
}

/* Read More - Show Less - END */