html {
margin:0 0 0 0;
padding:0 0 0 0;
color:#333333;
}
body {
margin:0 0 0 0;
padding:0 0 0 0;
background: url(../images/bodyBg.png) left top;
}
p {
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:0.75em;
}
a {
color:#850428;
}
a:hover {
color: #720322;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color: #333;
margin:0 0 20px 0;
padding:10px 0 0 0;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#8C042A;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#9D0000;
}
h4 {
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
padding:3px 7px;
background-color:#9E0530;
color: #fff;
}
.red {
color:#8C042A;
}
.img {
padding:2px;
border:1px solid #999999;
margin:0 0 15px 15px;
}
#page ul {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#page li {
margin:7px 0 0 0;
}
#containerWrapper {
background:url(../images/largeBg.png) center top no-repeat;
min-width:880px;
}
#container {
width:880px;
margin:0 auto 0 auto;
}
#mainContent {
margin:0 0 0 30px;
}
#footer {
height:90px;
margin-top:30px;
margin-bottom:0;
background:url(../images/footerBg.png) bottom center no-repeat;
}
#poweredBy {
width:810px;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto 3px auto;
font-size:0.65em;
color:#FFFFFF;
text-align:right;
}
#page {
padding:20px 15px 30px 30px;
min-height:450px;
}
#page p {
line-height:1.4em;
}
#header {
width:880px;
margin:0 auto 0 auto;
height:149px;
}
#logo {
width:320px;
float:left;
margin:0 0 0 0;
}
#number {
width:320px;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:60px 45px 0 0;
}
#numberPages {
width:320px;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:35px 0 0 0;
}
.number {
font-size:1.5em;
}
.tel {
font-size:1.1em;
}
#headerStrip {
height:45px;
width:100%;
}
/* Menu */
#menu {
width:185px;
height:214px;
float:left;
background: url(../images/menuBg.png) top left no-repeat;
}
#menuIe6 {
display:none;
}
#siteNav ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#siteNav ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:inline;
font-weight:normal;
}
#siteNav ul li.button1 a{
padding:16px 0 10px 20px;
}
#siteNav ul li.button1 a:hover {
background: url(../images/menuTopHover.png) top left no-repeat;
}
#siteNav ul li.button2 a:hover {
background: url(../images/buttonhover.png) left no-repeat;
}
#siteNav ul li.button3 a:hover {
background: url(../images/buttonhover.png) left no-repeat;
}
#siteNav ul li.button4 a:hover {
background: url(../images/buttonhover.png) left no-repeat;
}
#siteNav ul li.button5 a:hover {
background: url(../images/buttonhover.png) left no-repeat;
}
#siteNav ul li.button6 a {
border:none;
padding:8px 30px 17px 20px;
}
#siteNav ul li.button6 a:hover {
background: url(../images/menuBottomHover.png) left bottom no-repeat;
}
#siteNav ul li a {
font-size: 0.7em;
width:156px;
font-family: Arial, Helvetica, sans-serif;
display: block;
color: #fff;
text-decoration: none;
height:14px;
padding:8px 0 8px 20px;
margin:0px 0px 2px 0px;
border-bottom:1px solid #9E0530;
}
#siteNav ul li a:visited {
text-decoration: none;
}
#siteNav ul li a:hover {
color:#ccc;
}
#leftPanel {
width:232px;
margin:15px 0 0 0;
float:left;
}
#contactPanel {
margin:0 0 30px 0;
}
#quickSearchContainer {
background: url(../images/quickSearchBg.png) center top no-repeat;
height:215px;
}
#quicksearch {
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
color:#fff;
padding:15px 0 0 25px;
}
#quickSearchHeader {
height:55px;
background: url(../images/quickSearchHeader.png) left bottom no-repeat;
}
#quicksearch a {
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
.quicksearchLink {
text-align:left;
float:left;
width:90px;
font-size:0.8em;
margin:15px 0 5px 0;
}
#quicksearch a:hover {
color: #E5E5E5;
}
#quicksearch form a img {
border: none;
}
#quicksearch form {
padding: 0 0 0 0;
margin:0 0 0 0;
}
#quicksearch label {
width: 25%;
}
.labelQuicksearch {
text-align:left;
float:left;
width:90px;
}
.buttonBox {
width:70px;
margin:0 40px 0 0;
text-align:right;
float:right;
}
.buttonBox input {
margin:10px 0 0 0;
}
ol {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
}
ol li {
margin:0 0 20px 0;
}
.label {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#quicksearch form select, #quicksearch form input {
font-size: 1em;
}
#quicksearch .searchField {
padding: 8px 9px 0 5px;
text-align:left;
}
#area {
font-size:1em;
width:100px;
margin:4px 0 0 8px;
}
.radios {
margin:0 0 0 5px;
}
.clearer {
clear:both;
height:1px;
font-size:0.2em;
}
#buyMin {
width:80px;
}
#buyMax {
width:80px;
}
/* Home */
#home {
}
#flash {
width:645px;
height:214px;
float:left;
}
#homeText {
width:545px;
padding:5px 0 0 5px;
margin:10px 0 10px 250px;
font-family:Arial, Helvetica, sans-serif;
}
#homeText h1 {
color:#333;
font-size:1.1em;
font-weight:normal;
}
#homeText ul {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
/* Featured properties */
#featured {
text-align:left;
width:580px;
height:214px;
margin:0 0 0 235px;
padding:25px 0 0 35px;
background: url(../images/featuredBg.png) left top no-repeat;
}
#featured h2 {
font-size:1em;
margin:0 0 0 0;
padding:8px 0 12px 0;
font-family:Arial, Helvetica, sans-serif;
color:#8C042A;
font-weight:normal;
}
.featuredProperty {
margin:0 25px 0 0;
font-size:0.75em;
width:152px;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.featuredProperty a:hover {
color:#CCCCCC;
}
.featuredProperty h4 {
background-color:#FFFFFF;
margin:0 0 0 0;
padding:0 20px 0 0;
font-size:1em;
}
.featuredProperty img {
margin:0 0 5px 0;
border:1px solid #333;
}
.featuredAddress {
font-family: Arial, Helvetica, sans-serif;
}
.noFeatured {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color: #fff;
font-weight:bold;
}
.priceFeatured {
margin:5px 0 8px 0;
padding:0 0 0 0;
font-weight:bold;
font-size:1.3em;
}
.priceFeatured a {
color:#333;
text-decoration:none;
}
.priceFeatured a:hover {
color: #666666;
text-decoration:none;
}
.rentFreq {
font-size:0.8em;
}
.moreInfo {
margin:5px 0 0 0;
}
.townFeatured {
font-weight:bold;
margin:0 0 4px 0;
padding:0 0 0 0;
}
.townFeatured a {
color:#333;
text-decoration:none;
}
.typeFeatured {
margin:0 0 4px 0;
padding:0 0 0 0;
}
.typeFeatured a {
color:#333;
text-decoration:none;
}
/* Search results */
#searchResults {
font-size:0.8em;
width:820px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 10px 0;
min-height:450px;
color:#333333;
}
.searchOptions {
width:200px;
float:right;
}
#searchResults a {
}
#searchResults a:hover {
}
#searchResults h3 {
font-size:0.9em;
color:#333;
margin:10px 0 0 16px;
}
#searchResults h1 {
font-size:1.3em;
font-weight: bold;
width:300px;
margin:10px 210px 0 15px;
padding:0 0 0 0;
}
.pageList {
font-weight: bold;
text-align: right;
font-size:0.85em;
color:#333;
}
.currentPage {
border: solid 1px #333;
padding:0 2px 0 2px;
}
.bedrooms, .propertyType, .propertyPrice, .propertyStatus {
font-size:0.9em;
color:#333;
}
.pageList a, .pageList a:visited {
text-decoration:none;
color: #333;
border: solid 1px #fff;
padding:0 2px 0 2px;
}
.pageList a:hover {
border: solid 1px #333;
color: #333;
}
.pageList a#next, .pageList a#previous {
border: solid 1px #333;
padding:2px;
}
.pageList a#next {
padding:2px;
}
.pageList a#previous {
padding:2px;
}
.searchNav {
font-weight: bold;
color:#fff;
padding: 10px;
font-size:0.85em;
margin:10px 0 0 0;
}
table.list {
padding: 0;
border-collapse: collapse;
margin:0 15px 0 0;
}
table.list td {
padding: 5px;
}
.thumbnail img {
margin: 10px 15px 10px 10px;
border: solid 1px #666666;
}
.thumbnail a:hover img {
border: solid 1px #999999;
}
.thumbnail {
}
.description {
font-size:0.9em;
color:#333;
}
.propertyAddress {
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
background:#8C042A;;
font-weight:bold;
padding:7px 5px 7px 10px;
}
.propertyAddress a {
color: #fff;
}
.propertyAddress a:visited {
color: #fff;
}
.propertyAddress a:hover {
color: #CCCCCC;
}
#more {
color:#5C1743;
font-size:1.1em;
float:right;
padding-right:10px;
margin-bottom:5px;
text-decoration:underline;
}
#more a, #more a:link, #more a:visited {
text-decoration:underline;
color: #333333;
}
#more a:hover {
color: #666666;
}
tr.odd {
}
.available {
font-weight: bold;
background-color:#666;
color:#fff;
padding:2px 4px 2px 4px;
}
.notAvailable {
font-weight: bold;
color:#990000;
}
/* Search bar */
#searchBar {
margin:15px 0 0 0;
background:#333;
padding:10px 10px 5px 20px;
color:#FFFFFF;
font-size:0.9em;
}
#resultsPerPage {
width:200px;
padding:0 20px 0 0;
float:left;
text-align:left;
color:#fff;
font-size:1em;
}
#resultsAscending {
font-family:Arial, Helvetica, sans-serif;width:250px;
padding:10px 20px 0 0;
float:right;
width:250px;
text-align:right;
font-size:0.9em;
font-weight:bold;
}
#hidden {
height:30px;
background:#333;
color:#FFFFFF;
font-size:0.9em;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar a {
color:#FFFFFF;
}
#searchBar a:hover {
color:#CCCCCC;
}
#searchBar select {
font-size:0.95em;
}
.searchFieldRooms {
float:left;
}
.searchFieldPrice {
float:left;
margin:0 3px 0 15px;
}
.searchFieldPrice select {
width:80px;
}
.searchFieldRooms select {
font-size:1em;
}
.radiosMap {
margin:0px 12px 6px 0;
padding:0px 0px;
float:left;
}
#advanced {
height:30px;
background:#593A74;
width:740px;
color:#FFFFFF;
}
#buyMinMap {
margin:0 0 0 4px;
}
.minField {
margin:0 0 5px 0;
}
.searchFieldType {
float:left;
margin:0 10px 0 20px;
}
.searchFieldType select {
font-size:1em;
}
.searchFieldArea input {
font-size:1em;
}
.searchFieldArea {
width:200px;
float:left;
}
/* Particulars */
#pageParticulars {
margin:30px 0 0 0;
}
#thumbnails {
float:right;
margin:0 20px 0 0;
width:220px;
}
#photoOptions {
height:15px;
width:352px;
margin:5px 0 0 0;
font-size:0.8em;
}
.photoPosition {
width:200px;
padding:0 10px 0 0;
text-align:right;
float:right;
}
.photoCaption {
width:150px;
text-align:left;
float:left;
font-weight:bold;
color:#444444;
}
#caption {
font-weight:bold;
width:100px;
float:left;
}
.photo a img {
border:none;
}
#column1 {
width:57%;
float:left;
margin:0 10px 0 0;
}
#column2 {
width:37%;
float:left;
margin:0 0 0 0;
padding:20px 0 0 0;
}
#column3 {
width:34%;
float:left;
font-size:0.85em;
}
.featureList {
width:100%;
padding:10px 10px 10px 15px;
margin:0 0 0 0;
font-size:0.8em;
font-weight:bold;
}
.featureList li {
padding:0 0 4px 4px;
margin:0 0 0 15px;
}
.featureList ul {
padding:0 0 0 0;
margin:0 0 0 0;
list-style-image: url(/site/custom/mcfarlaneSales/images/tickBullet.png);
}
#environmental {
font-size:0.8em;
}
#propertyAddressBar {
background: url(../images/addressBarBg.png) repeat-y left;
padding:10px 0 10px 10px;
font-size:0.8em;
margin:10px 20px 0 0;
}
#propertyTypeParticulars {
margin:0 0 0 0;
padding:0 0 0 0;
color:#333;
float:left;
width:350px;
}
#particularsAddress {
margin:3px 0 0 0;
padding:0 0 0 0;
color:#333;
float:left;
width:200px;
}
#propertyPriceParticulars {
font-weight:bold;
margin:3px 0 0 0;
padding:0 0 0 0;
color:#8C042A;
font-size:1.5em;
float:right;
width:220px;
text-align:left;
}
#location {
padding:0 10px 10px 5px;
margin:0 0 0 0;
}
#pageParticulars {
min-height:650px;
width:600px;
float:right;
font-family:Arial, Helvetica, sans-serif;
}
#pageParticulars h2 {
font-size:0.8em;
margin:20px 0 6px 0;
padding:3px 0 3px 8px;
color: #fff;
background:#8C042A;
}
#pageParticulars h4 {
font-size:0.9em;
margin:10px 0 10px 0;
padding:0 0 0 0;
color:#8C042A;
background:#fff;
}
.roomName {
font-weight:bold;
color:#444444;
font-size:0.8em;
}
.roomDescription {
padding:0 0 0 0;
margin:6px 0 15px 0;
}
.propertyStatus {
font-weight:bold;
}
/* Tables */
.buttonBox input, #formContainer .buttonBox input { float: none; }
.buyingField {
padding: 6px 0;
width: 100%;
}
.areaField {
padding: 6px 0;
width: 100%;
}
.areaFieldHeading {
margin-top:10px;
padding: 6px 0;
clear: both;
width: 100%;
}
.registerField {
font-size:1.3em;
margin:30px 0 20px 0;
}
div.buyingField label {
width: 35%;
float: left;
}
.buyingField input {
width: 65%;
float: left;
}
.mapCheckbox {
width: 30px;
float: left;
text-align:left;
}
.radios {
padding: 6px 0;
}
fieldset {
margin: 5px 15px 15px 15px;
padding: 10px;
border:none;
}
.area {
width: 33%;
float: left;
}
.area input {
width: 8%;
float: left;
}
.area label {
float: left;
width: auto;
}
.editRegistration a {
font-size:0.8em;
color:#CC0000;
}
.editRegistration a:hover {
color:#417D2D;
}
.searchForm {
padding:0px;
margin:0px;
}
/* Valuation */
#valuationText {
width:550px;
padding:0 20px 0 5px;
margin:20px 0 30px 244px;
color:#FFFFFF;
}
#valuationText h4 {
background-color:#9E0530;
color: #333;
font-size:0.8em;
padding:3px 5px;
}
#valuationText a {
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}
/* Renting search */
#rentingSearch {
width:500px;
padding:5px 0 0 5px;
margin:20px 0 30px 254px;
font-size:0.8em;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}
#rentingSearch h4 {
background-color:#9E0530;
color: #fff;
font-size:1em;
padding:3px 5px;
}
#rentingSearch h1 {
font-size:1.3em;
}
#rentingSearch p {
font-size:1em;
}
.buttonBoxAdvanced {
text-align:center;
clear:both;
margin:30px 0 0 0;
}
.chkbox {
margin-right:8px;
}
/* Register */
#registerText {
width:550px;
padding:5px 20px 0 5px;
margin:20px 0 30px 244px;
}
fieldset {
margin-bottom: 25px;
margin-right:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-left:0px;
padding:0 0 0 0;
color:#333;
}
legend {
font-size: 1em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
#regForm .buttonBox {
background: none;
}
#regForm H4 {
font-size:0.9em;
padding:3px 10px;
background-color:#9E0530;
color: #fff;
}
.buttonBoxRegister {
text-align:center;
}
#regForm .searchField {
padding: 3px 0 3px 0;
clear: both;
width: 98%;
}
#regForm .searchFieldPosition {
display:none;
}
#regForm a {
color:#fff;
}
#regForm a:hover {
color: #CCCCCC;
}
.searchFieldAreas {
padding:20px 10px 0 0;
}
#regForm .searchField label {
width: 38%;
float: left;
}
#regForm .searchField input {
width: 30%;
float: left;
font-size: 1em;
}
#regForm .searchField select {
font-size: 1em;
}
#rLabel {
width: 40%;
float: left;
font-size: 0.95em;
padding-left: 0px;
margin: 0;
}
.rButtons {
float: left;
width: 50%;
}
.rButtons input, .rButtons label {
width: auto;
font-size: 0.95em;
}
.required {
color:#CC0000;
}
.error {
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color: #8C042A;
}
/* Contact us */
#contactText {
width:500px;
float:left;
padding:5px 0 0 0;
margin:20px 0 30px 20px;
}
.branchdetails {
padding-bottom: 25px;
width: 98%;
}
.branchdetails h2 {
padding-bottom: 5px;
}
.detailLabel {
margin: 0;
width: 15%;
float: left;
font-weight: bold;
}
.details {
width: 400px;
float: left;
margin:0 0 10px 0;
}
.detailfield {
width: 100%;
margin:0 0 10px 0;
clear: both;
}
.contactContainer {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 0;
color:#333;
}
.contactContainer h2{
font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
color:#fff;
font-size:0.9em;
background-color:#8C042A;
}
#powered {
text-align:center;
margin:35px 0 20px 0;
}
#poweredFooter {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:5px 3px 0 0;
}
/* Mortgage calculator */
#mortgageCalculator {
margin-top: 1em;
font-size:0.8em;
width: 420px;
background: #fdf4da;
border: solid 1px #fff;
border-collapse: collapse;
}
#mortgageCalculator tr td {
border: solid 1px #fff;
padding: 0.25em;
}
.mcLabel {
background: #ffcb7d;
}