html {
margin:0 0 0 0;
padding:0 0 0 0;
}
body {
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333;
}
a {
color:#004697;
}
a:hover {
color:#112B64;
}
#container {
width:986px;
margin:70px auto 0 auto;
}
#header {
height:130px;
width:987px;
margin:0 auto 0 auto;
background: url("../images/headerBg2.png") no-repeat right top;
position:relative;
}
#footer {
background: url("../images/footerBg.png") repeat-x left top #F1F1F1;
height:80px;
}
#footerContent {
width:987px;
margin:0 auto 0 auto;
}
#footerMenu {
padding:24px 0 0 0;
float:left;
text-align:left;
text-transform:uppercase;
width:560px;
}
#footerMenu a {
color:#333;
text-decoration:none;
}
#footerMenu a:hover {
color:#666;
}
#footerMenu ul {
margin:0 0 0 0;
padding:0 0 0 0;
}
#footerMenu ul li {
display: inline;
line-height: normal;
font-weight:bold;
font-size:0.6em;
margin: 0 20px 0 0;
}
#powered {
width:380px;
padding:25px 0 0 0;
float:right;
font-size:0.7em;
text-align:right;
}
h1 {
font-size:1.8em;
font-weight:normal;
text-transform:uppercase;
color:#333;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
#page h1 {
padding:0 0 0 5px;
}
#page h2 {
font-size:1.4em;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
margin:0 0 0 0;
background: url("../images/h2Bg.png") no-repeat left top;
color:#fff;
text-transform:uppercase;
padding:15px 0 10px 18px;
}
#page p {
margin-left:5px;
}
.blue {
color:#0093C4;
}
.grey {
color: #333;
}
#page {
clear:both;
margin:95px 0 0 0;
}
.servicesList {
margin: 20px 0 0 10px;
padding: 0;
list-style-type: none;
font-weight:bold;
font-size:1.2em;
text-align:left;
}
.servicesList li {
margin: 0 5px 0 10px;
padding: 6px 0 6px 33px;
text-align:left;
list-style-type:none;
background: url("../images/tickBullet.png") no-repeat left center;
}
/* Menu */
#menu {
height:81px;
width:100%;
background: url("../images/menuBg.png") repeat-x left top;
position:absolute;
left:0;
z-index:11;
}
#siteNav {
font-size: 1.1em;
margin-bottom: 0;
padding:16px 0 0 0;
margin:0 auto 0 auto;
width:982px;
}
#siteNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#siteNav ul li {
display: inline;
line-height: normal;
font-size:0.8em;
margin: 0;
}
#siteNav ul li a {
display: block;
float: left;
/*padding: 18px 14px 16px 14px;*/
padding: 22px 37px 20px 37px;
text-decoration: none;
text-transform:uppercase;
border-right:1px solid #26A3CC;
border-left:1px solid #3EB4DB;
color: #fff;
margin:0 0 0 0;
/*background: url("../images/linkTab.png") no-repeat right bottom; */
font-weight:bold;
}
#siteNav ul li a:hover {
background: url("../images/currentTab.png") no-repeat center top #49B7DD;
color:#fff;
}
#siteNav ul li a.currentLink {
background: url("../images/currentTab.png") no-repeat center top #49B7DD;
color:#fff;
}
#siteNav ul li a#first {
border-left: none;
}
#siteNav ul li a#last {
border-right: none;
}
/* Home */
#slideshow {
height:238px;
margin:70px 0 0 0;
}
#slideshowMenu {
height:50px;
width:987px;
top:365px;
position:absolute;
z-index:10;
}
#homeText {
width:633px;
float:left;
padding:0 0 0 5px;
text-align:justify;
}
#homeText p {
line-height:1.6em;
}
#homeText h1 {
margin:17px 0 20px 0;
font-size:1.8em;
text-transform:uppercase;
}
#featuredProperties {
width:318px;
background: url("../images/featuredBg.png") no-repeat right 62px;
float:right;
margin:0 5px 0 0;
}
#featuredProperties h2 {
font-size:1.7em;
font-weight:normal;
color:#333;
margin:16px 0 20px 0;
padding:0 0 0 0;
}
.featuredProperty {
margin:7px 0 0 0;
height:74px;
border-bottom:3px dotted #C9C9C9;
}
.featuredPropertyRight {
width:215px;
float:left;
}
p#fTown {
margin:0 0 0 0;
padding:0 0 0 0;
}
#fTown a {
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#333;
}
#fTown a:hover {
color:#666;
}
p#fTypeAndRooms {
margin:6px 0 0 0;
padding:0 0 0 0;
}
#fTypeAndRooms a {
font-size:1em;
text-decoration:none;
color:#333;
}
#fTypeAndRooms a:hover {
color:#666;
}
p#fPrice {
margin:6px 0 0 0;
padding:0 0 0 0;
}
#fPrice a {
font-size:1.3em;
font-weight:bold;
text-decoration:none;
color:#333;
}
#fPrice a:hover {
color:#666;
}
.rentFreq {
font-size:0.7em;
}
/* Search results */
#searchResults {
padding:0 0 0 0;
margin:0 0 0 0;
}
#searchResults h1 {
padding:10px 0 0 0;
margin:0 0 0 0;
}
.pageList {
font-weight: bold;
text-align: right;
font-size:1em;
color:#333;
}
.properties {
font-size:0.9em;
}
.currentPage {
border: solid 1px #004697;
background:#004697;
padding:0 2px 0 2px;
margin:0 0 0 3px;
color:#fff;
}
#currentPage {
border: solid 1px #0046979;
background:#004697;
padding:0 2px 0 2px;
margin:0 0 0 3px;
color:#fff;
}
.pageList a, .pageList a:visited {
text-decoration:none;
color: #fff;
background:#6CB3FF;
border: solid 1px #6CB3FF;
padding:0 2px 0 2px;
}
.pageList a:hover {
border: solid 1px #004697;
background:#004697;
color: #fff;
}
.pageList a#next, .pageList a#previous {
padding:0 2px 0 2px;
}
.pageList a#next {
border:none;
background:none;
text-decoration:underline;
font-size:1.1em;
color:#004697;
}
.pageList a:hover#next {
color:#004697;
}
.pageList a#previous {
border:none;
background:none;
text-decoration:underline;
font-weight:normal;
font-size:1.1em;
color:#004697;
font-weight:bold;
}
.pageList a:hover#previous {
color:#004697;
}
.searchNav {
font-weight: bold;
color:#333;
padding: 0 0 0 15px;
font-size:0.9em;
margin:0 0 0 0;
}
.propertyPrice {
padding-right:0;
color:#333;
/*font-size:1.6em;*/
font-weight:bold;
}
.available {
color:#fff;
background:#289371;
padding:1px 0;
}
.notAvailable {
color:#fff;
background:#900;
padding:0 0;
}
.propertyPrice {
padding:0 0;
}
.propertyType {
padding:0 0;
}
.bedrooms {
padding:0 0;
}
#propertyAddress {
padding:8px 0;
font-size:1.6em;
}
#propertyAddress a {
text-decoration:none;
padding:0 0 3px 0;
}
#propertyAddress a:hover {
text-decoration:none;
padding:0 0 3px 0;
}
.thumbnail img {
margin: 10px 10px 0 0;
border: solid 3px #CCC;
}
.thumbnail a:hover img {
border: solid 3px #969696;
}
/* Search bar */
#searchBar {
margin:72px 0 0 0;
background: url("../images/searchBarBg.png") no-repeat center bottom;
padding:18px 0 15px 25px;
color:#fff;
font-weight:bold;
font-size:0.9em;
}
#searchBar select {
font-size:1em;
}
#searchBar input {
font-size:1em;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar a {
color:#FFFFFF;
}
#searchBar a:hover {
color:#CCCCCC;
}
.searchFieldRooms {
float:left;
}
.searchFieldRooms {
float:left;
margin-right:10px;
}
.searchFieldOptions {
float:left;
margin-right:10px;
}
.searchFieldType {
float:left;
margin-right:10px;
}
.searchFieldArea {
float:left;
margin-right:10px;
}
.searchFieldPrice {
float:left;
margin:0 0 0 0;
margin-right:10px;
}
.searchFieldPrice select {
width:85px;
}
.radiosMap {
margin:0px 8px 3px 0;
padding:0px 0px;
float:left;
}
.radiosMap input {
margin:2px 0 0 0;
padding:0 0 0 0;
}
#searchFields {
padding:13px 0 0 30px;
color:#000;
font-size:0.9em;
font-weight:bold;
}
#searchFields input {
margin:3px 0 0 0;
}
#searchFields select {
margin:3px 0 0 0;
border:1px solid #ccc;
padding:3px 3px;
}
/* Particulars */
#mainPhoto {
max-width:640px;
max-height:480px;
}
#particulars {
padding:0 0 0 0;
min-height:700px;
}
#viewingForm {
padding:10px 15px 5px 15px;
background: #F4F4F4;
border:1px dotted #999;
margin:15px 0 15px 0;
}
#viewingForm form {
padding:0 0 0 0;
padding:0 0 0 0;
}
#viewingForm form .field label {
width: 45%;
float: left;
}
.socialMediaButton {
margin:20px 0 0 0;
width:70px;
float:left;
}
#particularsStatus {
float: right;
color:#289371;
}
#particularsAddress {
width:70%;
float:left;
font-size: 1.6em;
color:#333;
margin:10px 0 10px 0;
}
#particularsPrice {
width:30%;
font-size:2em;
color:#333;
float:left;
text-align:right;
margin:15px 0 5px 0;
}
#rentFrequency {
font-size:0.7em;
}
#roomsAndStatus {
padding: 0.3em;
font-size:1.5em;
color:#333;
background:#E6E9EF;
}
h4 {
font-size: 1.1em;
font-weight: bold;
}
#particularsRightInfo h2 {
font-size:1.3em;
color:#006BB1;
margin-bottom:10px;
margin-top:10px;
text-transform:none;
}
#particularsInfo {
width:640px;
float:left;
}
#particularsRightInfo {
width:328px;
margin-top: 15px;
margin-left:8px;
float:right;
}
#particularsInfo h2 {
background:#EAEAEA;
padding:5px 5px;
margin:10px 0 15px 0;
font-size:1.3em;
color:#333;
text-transform:none;
}
#particularsInfo h3 {
font-size:1.2em;
color:#006BB1;
}
#particularsPhoto h3 {
margin-bottom: 10px;
}
#particularsPhoto a img {
border: solid 1px #005192;
padding: 1px;
}
#thumbnails a img {
margin: 0 3px 3px 3px;
border: solid 2px #999;
}
#thumbnails a:hover img {
border: solid 2px #333;
}
p.particular {
text-align: center;
}
#photoOptions {
color: #fff;
font-weight: bold;
padding: 0.5em;
text-align: right;
background:#004697;
margin-top: 2px;
width:628px;
height:16px;
}
#photoPositionRight {
width:100px;
float:right;
}
#caption {
color: #fff;
float:left;
width:200px;
font-size: 1em;
font-weight: bold;
text-align:left;
margin:0 0 0 5px;
}
.roomName {
font-weight:bold;
}
#particularsPhoto {
float: left;
margin-top: 15px;
}
#caption div#capText { padding: 4px; margin: 0; }
#descriptionAndRooms {
clear: left;
}
table.featureList {
margin: 10px 0 10px 0;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:1.3em;
}
table.featureList td { width: 50%; }
table.featureList ul {
margin: 0;
padding: 0;
list-style-type: none;
font-weight:bold;
text-align:left;
}
table.featureList ul li {
margin: 0 5px 0 10px;
padding: 3px 0 3px 33px;
text-align:left;
background: url("../images/tickBullet.png") no-repeat left center;
}
/* Register */
#register {
padding:0 10px 0 10px;
clear:both;
margin:95px 0 0 0;
}
#register p {
line-height:1.6em;
}
.error {
color:#E41819;
}
fieldset {
border: solid 4px #E6E6E6;
padding: 20px 20px 20px 20px;
margin-bottom: 30px;
background: url("../images/greyfadebg.png") repeat-x bottom left #fff;
}
legend {
color:#333;
font-size:1.5em;
text-transform:uppercase;
}
#regForm {
margin:20px 0 0 0;
}
form#regForm .searchField {
width: 100%;
clear: both;
margin: 4px 0;
}
form#regForm .searchField label {
width: 33%;
float: left;
}
form#regForm legend {
}
form#regForm fieldset {
margin: 20px 0;
padding:0 0 10px 15px;
}
.field label.error {
background: url("../images/unchecked.gif") no-repeat;
padding-left: 16px;
margin-left: .3em;
float: none;
width: auto;
}
.field label.valid {
background: url("../images/checked.gif") no-repeat;
width: 16px;
height: 16px;
float: none;
}
.req {
font-weight:bold;
}
form#valForm fieldset {
margin: 20px 0;
padding:0 0 10px 15px;
}
form#valForm {
margin-top:0;
}
form#valForm input {
border:3px solid #ccc;
}
form#valForm input hover {
border:3px solid #333;
}
form#valForm select {
border:3px solid #ccc;
}
form#valForm textarea {
border:3px solid #ccc;
}
form#regForm input {
border:3px solid #ccc;
}
form#regForm select {
border:3px solid #ccc;
}
form#regForm textarea {
border:3px solid #ccc;
}
form#valForm .searchField {
width: 100%;
clear: both;
margin: 4px 0;
}
form#valForm .searchField label {
width: 33%;
float: left;
}
form#valForm .searchField {
width: 100%;
clear: both;
margin: 4px 0;
}
form#valForm .searchField input {
background:#fff;
}
.field {
width: 100%;
padding: 2px 0;
}
form .field label {
width: 35%;
float: left;
}
.label {
height:25px;
}
/* Valuation */
#valuation {
padding:0 10px 0 10px;
clear:both;
margin:95px 0 0 0;
}
#valuation p {
line-height:1.6em;
}
/* Contact */
#contact h2 {
font-size:1.5em;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
color:#333;
text-transform:uppercase;
padding:5px 0 5px 0;
}
form#homeValForm .searchField input.error {
border:1px solid #C00;
height:17px;
}
form#homeValForm .searchField input.valid {
border:1px solid #090;
height:17px;
}
form#homeValForm .searchField input {
background:#fff;
border:1px solid #CCC;
height:17px;
width:197px;
}
form#homeValForm .searchField {
width: 100%;
clear: both;
margin: 8px 0;
}
form#homeValForm .searchField label {
width: 25%;
float: left;
text-align:right;
padding-right:10px;
color:#4D4D4D;
font-size:0.9em;
}
#contact {
padding:0 10px 0 10px;
clear:both;
margin:95px 0 0 0;
}
#contactSubmit {
text-align:center;
margin-top:10px;
margin-bottom:20px
}
form#homeValForm label.error {
display:none;
font-size:0.05em;
color:#fff;
}