@charset "UTF-8";
/* ===== RESET ===== */
html {margin: 0; padding: 0;}
body {font-size: 14px; margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline; background: none; }
ol, ul {	list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus {	outline: 0; }
table {	border-collapse: collapse;	border-spacing: 0; }
td, th { vertical-align: middle; }
p, h1, h2, h3, h4, h5, h6, td {font-weight: normal; }

ol { padding: 0; }
ul { padding: 0; list-style-type: none; }
li { padding: 0; margin: 0; list-style-type: none;}

a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }


/* ===== GENERAL ==== */

body { font-family: Arial, Helvetica, sans-serif; background: #fff none no-repeat; text-align: center; padding: 0 0px 10px 0px; }

.clear { clear: both; }
.clear-all { clear: both; height: 1px; line-height: 1px; overflow: hidden; margin: 0; }

a, a:link, a:visited { color: #98012E; font-weight: bold; text-decoration: none; }
a:hover, a:active, a:focus { color: #b2d5ff; font-weight: bold; text-decoration: underline; }

#container, #footer-container, #header-container, ul#secondaryNav, div#searchContainer form { width: 931px; margin: 0 auto; text-align: left; position: relative;}
/* #container {padding-bottom: 38px; background: #98012E url('assets/img/container-tagline-bg.jpg') no-repeat bottom right; position: relative;} */
#container {padding-bottom: 38px; background: #98012E none no-repeat bottom right; position: relative;}
#container strong {position: absolute; bottom: 6px; right: 72px; font-size: 1.6em;}
#container strong a {font-weight: 300; color: #c97d7d; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
#container strong a.epcs, #container strong a.lettings, #container strong a.land {color: #fff;}

#container .contactDetails strong {position: static; padding: 0; margin: 0; font-weight: bold; font-size: 1em;}

#footer-container {}

#content {margin-top: 12px; padding: 0 0 32px 0px; background: #fff url('assets/img/container-one-bg.jpg') no-repeat bottom right;}

/*======== Header ============*/

#header-container {height:128px; }
/* div#header { position: fixed; width: 100%; left: auto; right:auto; top: 0; z-index:50;} */
div#header {border-bottom: 1px solid black; background-color: #98012E; -moz-box-shadow: 0px 4px 5px #aaa; -webkit-box-shadow: 0px 4px 5px #aaa; box-shadow: 0px 4px 5px #aaa;}
img#small-logo {position:absolute; left: 20px; top: 12px;}

/*========== Nav =============*/
ul#nav {width: 621px; margin: 0 auto; padding-left: 44px; padding-top: 57px;}
ul#nav li.top {float: left; margin: 0; position: relative;}
ul#nav li a {background: transparent url('assets/img/nav-bg.jpg') no-repeat top center; display: block; width: 144px; height: 38px; color: #505050; padding-top: 11px; font-size: 0.9em; text-align:center;}

ul#nav li.top ul {position: absolute; top: 34px; z-index: 15; display: none; visibility: hidden;}
/*ul#nav li.top ul li a {background:#fff none no-repeat scroll 0 0; background-color:rgba(255, 255, 255, 0.9); color: #111; display: block; font-size: 0.9em;height: 20px; margin: 1px 0 0 5px; padding-top: 5px; text-align: center; width: 125px;}*/
ul#nav li.top ul li a {background-position: -5px -4px;display: block;font-size: 0.9em;height: 21px;margin: -1px 0 0 5px;padding-top: 7px;text-align: center;width: 125px;}
ul#nav a:hover { text-decoration: none; color: #6e0021; }

div#secondaryNavContainer {background: transparent none no-repeat top center; padding-left: 0px; line-height: 2em; font-size: 0.9em;border-bottom: 1px solid #888;}
ul#secondaryNav li {float: left; margin: 0; font-size: 0.9em;}
ul#secondaryNav li a {font-family:Arial, Verdanna, sans-serif;  color: #111; font-weight: normal;}
ul#secondaryNav li:first-child a {font-weight: bold; font-size: 1.2em;}
ul#secondaryNav span {display: inline;float: left;line-height: 24px;margin: 0 5px;}

/*========== pagination =======*/
ul#secondaryNav li.pagination strong {font-weight:normal; color:#555; padding: 0 2px;}
ul#secondaryNav li.pagination a {padding: 0 2px;}

/*=========== Footer ======================*/
#footer {border-top: 1px solid #333; color: #98012E; margin-top: 25px;}
#footer-container {padding-top: 10px; color: #98012E; font-size: 0.9em;}
#footer-container a {color: #98012E;}
#footer-container div.first {float: left; width: 400px;}
#footer-container div.last {float: right; width: 400px; text-align: right;}

/*============== Banner =============*/
div#banner-container {width: 469px; height:314px; position: relative; float:left;}
div#banner-container img#corner-cover {position: absolute; bottom: 0px; right: 0px;}

/*========== Copy ============*/
#copy {float: right;font-size: 0.9em;margin-right: 159px;width: 280px; color: #555;}
#copy h1 {font-size: 1.8em;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: 300;text-transform: uppercase;}
#copy p {margin-top: 0.5em;}
#copy h3 {color:#98012E;}

/*======== Page specific styles ============*/
/*========== Splash Page  ===============*/
div#splashRotator {width: 634px; margin: 0 auto; position:relative; height:413px; overflow: hidden; top: 75px}

#splashRotator IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    margin-top: -27px;
}

#splashRotator IMG.active {
    z-index:10;
    opacity:1.0;
}

#splashRotator IMG.last-active {
    z-index:9;
}

body#index {background: #98012E none no-repeat;}
body#index #header {border-bottom: 0px solid black;}
body#index #header h1 {margin-top: 42px;}
body#index #header h1 a span {display: inline;}
body#index ul#nav {padding-top: 23px; margin: 0px 0px 0px -3px; padding-left: 0px; width: 650px;}
body#index ul#nav li.top a {background-image:url('assets/img/nav-bg-big.jpg'); width: 161px; font-size: 1.1em;}
body#index ul#nav li.top ul {top: 38px;}
body#index ul#nav li.top ul li a {background-position: -5px -4px;display: block;font-size: 0.9em;height: 21px;margin: -1px 0 0 5px;padding-top: 7px;text-align: center;width: 144px;}
body#index #content {padding: 61px 0 158px 0px; background: #98012E url('assets/img/splash-container-one-bg.jpg') no-repeat bottom right; position: relative;}
/* body#index #container {padding-bottom: 40px; background: #fff url('assets/img/splash-container-tagline-bg.jpg') no-repeat bottom right;} */
body#index #container {padding-bottom: 40px; background: #fff none no-repeat bottom right;}
body#index h1 {position: absolute; top: 0; left:0; background: transparent url('assets/img/logo.jpg') no-repeat top left; display: block; width: 169px; height: 149px; margin: 86px 0 0 763px;}
body#index h1 span {display: block; text-indent: -999em;}
body#index #container strong {position: absolute; bottom: 6px; right: 72px; font-size: 1.6em;}
body#index #container strong a {font-weight: normal; color: #c97d7d;}
body#index #container strong a.epcs, body#index #container strong a.lettings,body#index #container strong a.land {color: #98012e;}
body#index div#splashRotator {margin: 0;}
body#index #footer {border-top: 0px solid #333; margin-top: 0px;}
body#index #footer-container {padding-top: 10px; color: #FEFEFC; font-size: 0.9em;}
body#index #footer-container a {color: #FEFEFC;}
body#index #footer-container .footer-col {display: none;}
body#index #footer-container div.first {float: left; width: 400px;}
body#index #footer-container div.last {float: right; width: 400px; text-align: right;}
body#index img#corner-cover {position: absolute; top: auto; left: auto; opacity: 1; bottom: -2px; right: 0px; z-index: 10; display: none;}

/*====== all-in-one-services =========*/
/*body#all-in-one-services #secondaryNavContainer {margin-top: 132px;}*/
body#about-us #copy {padding-top: 60px; text-align: left;}

/*====== property-for-sale =========*/
body#property-for-sale #container {margin-top: 9px;padding: 6px 6px 38px;width: 918px;}
body#property-for-sale #content {margin-top: 0px; padding: 5px; background: #fff url("assets/img/container-one-small-bg.jpg") no-repeat bottom right;}
body#property-for-sale div#banner-container {height: 276px; width: 365px;}
body#property-for-sale #copy {margin-right: 169px; width: 358px; padding-top: 18px;}
body#property-for-sale #copy h2 {font-weight: bold; color: #98012E;}
body#property-for-sale #copy h3 {font-weight: bold; color: #000;}
body#property-for-sale #copy p.address {font-size: 1.15em; margin: 0 0 28px 0;}
body#property-for-sale #copy p {line-height: 1.15em; }
body#property-for-sale #copy a {font-size: 1.3em; color: #98012E; margin-top: 15px; display: block;}
body#property-for-sale div#searchContainer {/*margin-top: 130px;*/ border-bottom: 1px solid #999999;padding-bottom: 9px;}
body#property-for-sale div#searchContainer h2 {float:left; font-size: 1.35em;font-weight: 300;padding-top: 28px; text-transform: uppercase; padding-right: 10px; color: #FED100;}
body#property-for-sale div#searchContainer div.searchColumn {float:left; padding: 0 7px; }
body#property-for-sale div#searchContainer form div.searchColumn label {display: block;font-size: 0.9em;font-weight: bold;padding: 13px 0 5px 0;}
body#property-for-sale div#searchContainer form div.searchColumn select {width: 147px;}

/*========= house detail ==========*/
body#details #container {margin-top: 9px;padding: 6px 6px 38px;width: 918px;}
body#details #content {margin-top: 0px; padding: 5px; background: #fff url("assets/img/container-one-small-bg.jpg") no-repeat bottom right;}
body#details div#banner-container {width: 365px; height: auto;}
body#details div#banner-container img.thumb {padding: 2px 0;}
body#details div#banner-container img.even {padding: 2px;}
body#details div#banner-container img.image-cbox {cursor: pointer;}
body#details #copy {margin-right: 169px; width: 358px; padding-top: 18px;}
body#details #copy h2 {font-weight: bold; color: #98012E; font-size: 2.3em;}
body#details #copy h3 {font-weight: bold; color: #000;}
body#details #copy p.address {font-size: 1.15em; margin: 0 0 28px 0;}
body#details #container #copy strong.contact, body#details #container #copy strong.contact {position:static; color: #000; font-size: 1.5em; margin-top: 3px; display: block;}
body#details #copy .contact a {font-size: 1em; margin-top: 3px;} 
body#details #copy p {line-height: 1.15em; }
body#details #copy a {font-size: 1.3em; color: #98012E; margin-top: 15px; display: block;}
body#details div#searchContainer {/*margin-top: 130px;*/ border-bottom: 1px solid #999999;padding-bottom: 9px;}
body#details div#searchContainer h2 {float:left; font-size: 1.35em;font-weight: 300;padding-top: 28px; text-transform: uppercase; padding-right: 10px; color: #FED100;}
body#details div#searchContainer div.searchColumn {float:left; padding: 0 7px; }
body#details div#searchContainer form div.searchColumn label {display: block;font-size: 0.9em;font-weight: bold;padding: 13px 0 5px 0;}
body#details div#searchContainer form div.searchColumn select {width: 147px;}
body#details #copy ul { margin: 10px 0px;}
body#details #copy ul li {list-style-type: disc; list-style-position: inside;} 
body#details #copy ul#infoLinks li {padding: 2px 10px; list-style-type: none; background-color:#BEC9A7; font-size: 0.8em; margin-bottom: 3px;}
body#details #copy ul#infoLinks li a {margin:0; color: #000; font-weight: normal;}

/*====== property-for-let =========*/
body#property-for-let #container {margin-top: 9px;padding: 6px 6px 38px;width: 918px;}
body#property-for-let #content {margin-top: 0px; padding: 5px; background: #fff url("assets/img/container-one-small-bg.jpg") no-repeat bottom right;}
body#property-for-let div#banner-container {height: 276px; width: 365px;}
body#property-for-let #copy {margin-right: 169px; width: 358px; padding-top: 18px;}
body#property-for-let #copy h2 {font-weight: bold; color: #98012E;}
body#property-for-let #copy h3 {font-weight: bold; color: #000;}
body#property-for-let #copy p.address {font-size: 1.15em; margin: 0 0 28px 0;}
body#property-for-let #copy p {line-height: 1.15em; }
body#property-for-let #copy a {font-size: 1.3em; color: #98012E; margin-top: 15px; display: block;}
body#property-for-let div#searchContainer {/*margin-top: 130px;*/ border-bottom: 1px solid #999999;padding-bottom: 9px;}
body#property-for-let div#searchContainer h2 {float:left; font-size: 1.35em;font-weight: 300;padding-top: 28px; text-transform: uppercase; padding-right: 10px; color: #FED100;}
body#property-for-let div#searchContainer div.searchColumn {float:left; padding: 0 7px; }
body#property-for-let div#searchContainer form div.searchColumn label {display: block;font-size: 0.9em;font-weight: bold;padding: 13px 0 5px 0;}
body#property-for-let div#searchContainer form div.searchColumn select {width: 147px;}

/*========= all-in-one-services ============*/
body#all-in-one-services #container {margin-bottom: 38px;}
body#all-in-one-services #content {padding: 0 0 18px 0;}
body#all-in-one-services #copy {padding-top: 43px; text-align: left;}
body#all-in-one-services #copy h3 {display: block; text-transform: uppercase;}

/*====== contact-us ==========*/
body#contact-us .banner-container {height: 532px; width: 425px; position: relative; float:left;}
body#contact-us .banner-container .contactDetails h3 {margin-top: 10px;}
body#contact-us .banner-container .contactDetails p {line-height: 1.4em;}

body#contact-us .banner-container .openingHours {margin-top: 15px; padding-top: 15px; border-top: 1px solid #555;}
.openingHours h4 {font-weight: bold;}
.openingHours h4, .openingHours p {font-size: 0.95em;}

body#contact-us #copy h1 {margin-bottom: 0.5em;}
body#contact-us #copy h2, body#contact-us .banner-container h3 {font-weight: bold; font-size: 1.2em;}
body#contact-us #copy ul {width: 200px;}
body#contact-us #copy li a {font-weight: normal; color: #555555; font-size: 1.2em; display: block; line-height: 1.4em; width: 100%;}
body#contact-us #copy li a:hover, body#contact-us #copy li a.current {background: #95D17B; color: #555;}

.uo_la {display: none;}

#buyer-registration #copy { width: 750px; float: left;}
#buyer-registration .fieldContainer {clear: both; position: relative;}
#buyer-registration .left {float: left;width: 400px;}
#buyer-registration .right {float: right;width: 300px;}
#buyer-registration select {width: 155px}
#buyer-registration select, #buyer-registration input {float: left; margin-top: 11px}
#buyer-registration .label {width: 11em; float: left; margin-top: 15px}
#buyer-registration .required-notice {margin-top: 3.4em; font-weight: bold;}
#buyer-registration hr {margin: 2em 0 0 0;}
#buyer-registration p.briefDesc {margin-bottom: 10px}
#buyer-registration p.briefDesc, #buyer-registration textarea {width: 291px}
#buyer-registration label.error {color: red; font-weight: bold; position: absolute; right: 0; width: 7em; line-height: 0.9em; top: 11px;}
#buyer-registration p.sellOrRent {padding-right:1em; width: 10em;}
#buyer-registration .right label.error {right: -100px}
form#contact-us {margin-top: 10px;}