html {
background:#E6E6E6;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#page {
padding:30px 30px 30px 30px;
font-size:0.9em;
min-height:400px;
line-height:1.6em;
}
#page h1 {
font-size:1.6em;
}
/* Fonts styles */
h1 {
font-size:1.4em;
font-weight:normal;
text-transform:uppercase;
color:#333;
}
h2 {
font-size:1em;
}
h3 {
color:#7A3087;
}
.purple {
color:#7B3089;
}
a {
color:#7B3089;
}
a:hover {
color:#666666;
}
.error {
color: #CC0000;
}
.photoPage {
padding:2px;
margin:0 0 30px 30px;
border:1px solid #999999;
}
#container {
width: 987px;
margin:10px auto 5px auto;
border:1px solid #fff;
background: url(/site/custom/delamereLettings/images/containerBg.png) right top repeat-y #fff;
}
#header {
height:163px;
background: url(/site/custom/delamereLettings/images/header3.jpg) left top no-repeat;
border-bottom:1px solid #fff;
}
#headerAddress {
width:200px;
float:left;
margin:0 0 0 420px;
line-height:1.4em;
padding:15px 0 0 0;
font-size:0.85em;
}
.headerNumber {
font-size:1.1em;
}
#headerAddress p {
}
#logo {
width:120px;
float:left;
height:150px;
}
#mainContent {
float:left;
width:752px;
border-right:1px solid #fff;
}
#rightPanel {
float:left;
width:234px;
height:300px;
background:#999999;
}
/* Menu */
#navContainer {
background: url(/site/custom/delamereLettings/images/navBg.png) left top repeat-x #732D80;
height:158px;
}
#navContainer ul
{
margin: 0 0 0 0;
padding: 13px 0 0 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:0.85em;
}
#navContainer a
{
display: block;
padding: 4px 0 4px 20px;
width: 214px;
}
#navContainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navContainer a:hover
{
background-color: #562260;
color: #fff;
}
/* Quick search */
#quickSearchContainer {
height:220px;
background: url(/site/custom/delamereLettings/images/quickSearchBg.png) left top no-repeat;
}
#quickSearch {
padding:20px 0 0 23px;
font-size:0.85em;
}
#quickSearchHeader {
height: 26px;
background: url(/site/custom/delamereLettings/images/quickSearchHeader.png) left top no-repeat;
}
#quickSearch form {
margin: 0;
}
#quickSearch form select {
font-size: 0.9em;
}
#quickSearch .searchField {
width: 100%;
clear: both;
margin: 0 0 5px 0;
}
#quickSearch .searchField label {
width: 40%;
float: left;
}
#quickSearch .searchField input {
font-size: 0.9em;
}
#quickSearch .buttonBox {
text-align:right;
margin:15px 30px 0 0;
}
.radios {
width: 100%;
clear: both;
margin:0 0 8px 0;
font-weight:bold;
font-size:1.5em;
}
#rLabel {
width: 43%;
float: left;
font-size: 1.2em;
font-weight: bold;
}
.location {
width:95px;
}
#quickSearch .searchField label#loc {
width: 40%;
}
/* Home page */
#homeLeft {
width:515px;
float:left;
height:300px;
border-right:1px solid #fff;
}
#homeRight {
width:236px;
float:left;
}
#homeWaterMark {
height: 158px;
background: url(/site/custom/delamereLettings/images/watermark.png) left top no-repeat;
}
#homeText {
padding:20px 30px 20px 30px;
font-size:0.85em;
}
#homeText p {
line-height:1.6em;
}
#homeText h1 {
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Spotlight */
#spotLightHeader {
height:26px;
background: url(/site/custom/delamereLettings/images/spotLightHeader.png) left top no-repeat #2B112E;
}
#spotLight {
height:215px;
background: url(/site/custom/delamereLettings/images/quickSearchBg.png) left top no-repeat;
}
#featuredProperties {
margin:10px 0 0 0;
}
#featuredProperties h2 {
margin-bottom: 10px;
padding-top:10px;
border-top:1px dotted #333;
font-size:0.8em;
color:#333;
}
.fp {
padding:15px 0 0 23px;
text-align:left;
}
.fp a {
color: #000;
}
.fp a img {
border: solid 1px #fff;
margin:0 0 8px 0;
}
.fPrice {
font-size: 1.3em;
font-weight:bold;
color: #fff;
}
.fPrice a {
color:#FFFFFF;
text-decoration:none;
}
.fPrice a:hover {
color: #EAEAEA;
}
.fBeds {
font-weight:bold;
}
.fBeds a {
color:#582262;
text-decoration:none;
}
.fBeds a:hover {
color:#3C1742;
}
.fp p {
margin: 0px;
}
.fp p.moreInfo {
margin-top: 6px;
}
.fTown { font-weight: bold;
padding:0 0 5px 0; }
.fTown a {
color:#FFFFFF;
text-decoration:none;
}
.fTown a:hover {
color: #EFEFEF;
}
.contextDetails {
margin:8px 0 0 0;
font-size:0.8em;
}
.noFeatured {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin:10px 0 0 10px;
font-weight:bold;
}
/* Search results */
#searchResults {
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
margin:20px 10px 10px 10px;
min-height:450px;
}
.searchOptions {
width:200px;
float:right;
}
#searchResults a {
}
#searchResults a:hover {
}
#searchResults h3 {
font-size:0.9em;
color:#333333;
}
#searchResults h1 {
font-size:1.3em;
font-weight: bold;
margin:0 210px 0 15px;
padding:0 0 0 0;
}
.pageList {
font-weight: bold;
text-align: right;
font-size:0.85em;
background: #fff;
color:#333;
}
.currentPage {
border: solid 1px #333;
padding:0 2px 0 2px;
}
.bedrooms, .propertyType, .propertyPrice, .propertyStatus {
font-size:0.9em;
}
.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:#333;
padding: 10px;
font-size:0.9em;
margin:10px 0 0 0;
}
table.list {
padding: 0;
border-collapse: collapse;
background: url(../images/oddBg.png) repeat-x bottom left;
}
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:#333333;
}
.propertyAddress {
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
/*background-color:#006D97;*/
font-weight:bold;
padding:7px 5px 7px 0;
}
.propertyAddress a {
color:#7B3089;
}
.propertyAddress a:hover {
color:#666;
}
#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.even {
background: url(../images/oddBg.png) repeat-x top left;
}
.available {
font-weight: bold;
font-size:1em;
background: url(../images/availableBg.png) top left repeat-x #712C7D;
color:#FFFFFF;
padding:5px 10px 5px 10px;
margin:0 0 0 0;
}
.notAvailable {
font-weight: bold;
font-size:1em;
background: url(../images/notAvailableBg.png) top left repeat-x #990000;
color:#FFFFFF;
padding:5px 10px 5px 10px;
margin:0 0 0 0;
}
/* Particulars */
#pageParticulars {
min-height:650px;
padding:20px 20px 20px 20px;
margin:10px 0 0 10px;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}
#thumbnails {
float:right;
width:210px;
min-height:400px;
}
#photoOptions {
height:10px;
width:480px;
float:left;
margin:0 0 0 0;
padding:0 0 15px 0;
}
.photoPosition {
width:100px;
text-align:right;
float:right;
padding:0 20px 0 0;
margin:5px 0 0 10px;
color:#00;
font-size:0.8em;
font-weight:bold;
}
#caption {
width:230px;
margin:5px 0 0 0;
text-align:left;
float:left;
font-weight:bold;
color:#00;
font-size:0.8em;
}
.photo a img {
border:1px solid #fff;
}
#columnLeft {
width:470px;
}
#column1 {
width:470px;
font-size:0.8em;
float:left;
margin:0 10px 0 0;
}
#column1 h2 {
background:#7B3089;
font-size:1em;
color:#FFFFFF;
padding:3px 0 3px 10px;
}
#column1 h4 {
color:#7B3089;
font-size:1em;
}
#column2 {
width:200px;
float:left;
margin:0 0 0 0;
padding:20px 0 0 0;
}
#column2 h2 {
font-size:0.8em;
}
.featureList {
font-size:0.8em;
margin:10px 0 0 10px;
}
.featureList li {
padding:0 0 3px 5px;
margin:0 0 0 15px;
font-weight:bold;
}
.featureList ul {
padding:0 0 0 0;
margin:0 0 0 0;
list-style-image: url(../images/tick.png);
}
#propertyAddressBar {
background: url(../images/addressBarBg.png) repeat-y left;
padding:10px 0 10px 10px;
float:left;
margin:10px 0 10px 0;
width:100%;
}
#propertyTypeParticulars {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:0.8em;
color:#333;
float:left;
width:450px;
}
#particularsAddress {
margin:3px 0 0 0;
padding:0 0 0 0;
color:#333;
float:left;
width:480px;
}
#propertyPriceParticulars {
font-weight:bold;
text-align:right;
margin:3px 30px 0 0;
padding:0 20px 0 0;
color:#7B3089;
font-size:1.3em;
float:right;
width:200px;
}
.tenure {
font-size:0.9em;
color:#333333;
}
#location {
padding:0 10px 10px 5px;
margin:0 0 0 0;
}
.roomName {
font-weight:bold;
}
.roomDescription {
padding:0 0 0 0;
margin:6px 0 15px 0;
}
.propertyStatus {
font-weight:bold;
}
/* Register */
#register h1 {
font-size:1.4em;
}
#register {
margin:30px 60px 0 60px;
}
#msForm, form#regForm {
width: 100%;
margin: 20px auto;
}
fieldset {
padding: 10px 20px;
border-color: #c1c0b5;
border-style: solid;
border-width: 1px;
background: url("../images/greyfadebg.png") repeat-x left bottom;
}
legend {
font-weight: bold;
font-size: 1.1em;
color: #333;
}
#msForm h4 { margin-top: 8px; color: #6c6a5a; }
#msForm .field, #regForm .field, form#valForm .field {
width: 100%;
clear: both;
padding: 8px 0;
}
form#regForm .field, form#valForm .field {
padding: 2px 0;
}
form#regForm fieldset, form#valForm fieldset {
margin-bottom: 20px;
}
form#valForm div.buttonBox {
padding-left: 33%;
}
form#regForm .field label, form#valForm .field label {
width: 33%;
float: left;
}
form#regForm div.buttonBox {
text-align: center;
}
#msForm .field label {
width: 50%;
float: left;
}
#msLeft, #msRight {
width: 50%;
float: left;
}