body {
margin:0;
padding:0;
}
html {
font-family:Arial, Helvetica, sans-serif;
background: url(/site/custom/peoplein/images/background.png) center top repeat-y #C5C5C5;
}
p {
font-size:0.8em;
line-height:1.3em;
}
h1 {
font-size:1.4em;
font-weight:normal;
color:#AE1118;
font-family: "Bookman Old Style", Arial, Verdana;
}
h2 {
font-size:0.9em;
}
a {
color:#AE1118;
}
a:hover {
color:#D2151F;
}
.testimonialName {
font-size:0.9em;
font-style:italic;
}
#poweredBy {
font-size:0.6em;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}
#container {
width: 788px;
min-height:800px;
margin:0 auto 0 auto;
}
#mainContent {
width:768px;
margin:0 auto 0 auto;
}
#header {
height:125px;
border-bottom:1px solid #AF1317;
background: url(/site/custom/peoplein/images/headerBg.png) left bottom no-repeat;
}
#leftContent {
width:570px;
float:left;
height:400px;
}
#rightPanel {
float:left;
width:195px;
}
#logo {
width:210px;
margin:5px 0 0 0;
float:left;
height:110px;
}
/* Menu */
#siteNavContainer {
width:520px;
float:left;
margin:0 0 0 15px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
}
#siteNav {
float:left;
width:100%;
line-height:normal;
padding: 0;
margin: 101px 0 0 0;
}
#siteNav ul {
margin:0;
padding:0;
list-style:none;
}
#siteNav li {
display:inline;
margin:0;
padding:0;
}
#siteNav a {
float:right;
background:url("../images/tabLeft.png") no-repeat 0px top;
margin:0 0 0 0;
padding:0 0 0 3px;
text-decoration:none;
color: #333;
}
#siteNav a span {
float:left;
display:block;
background:url("../images/tabRight.png") no-repeat right top;
padding:7px 6px 3px 4px;
color: #fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#siteNav a span {float:none;}
/* End IE5-Mac hack */
#siteNav a:hover span {
color:#fff;
}
#siteNav .currentListItem a {
background-position: 0px -32px;
color: #333;
}
#siteNav .currentListItem a span {
background-position:100% -32px;
color:#fff;
}
#siteNav a:hover {
background-position: 0px -32px;
}
#siteNav a:hover span {
background-position:100% -32px;
}
#siteNav .currentListItem a:hover {
background-position: 0px -32px;
}
#siteNav .currentListItem a:hover span {
background-position: 100% -32px;
}
/* Quick search */
#quickSearch {
width:177px;
height:164px;
margin:0 0 10px 0;
padding:40px 0 0 18px;
font-size:0.75em;
color:#FFFFFF;
background:url(../images/quickSearchBg.png) top left no-repeat;
}
.label {
width:85px;
float:left;
}
#quickSearch form select, #quickSearch form input {
font-size:0.9em;
}
#buttonBox {
margin:12px 15px 0 0;
text-align:right;
}
#quickSearch .searchField {
padding: 6px 0 0 0;
width:100%;
}
#quickSearch .searchField select {
width:80px;
}
#spotLight {
width:195px;
padding-top:50px;
background:url(../images/spotLightBg2.png) top left no-repeat #EF8B7B;
}
#spotLightFooter {
width:195px;
height:16px;
background:url(../images/spotLightBgFooter.png) bottom left no-repeat;
}
/* Spotlight */
.fp {
padding:0 0 10px 20px;
text-align:left;
}
.fp a {
color: #000;
}
.fp a img {
border: solid 1px #333;
margin:0 0 8px 0;
}
.fRentFreq {
font-size:0.8em;
}
.fPrice {
font-size: 1em;
color: #fff;
margin-top:5px;
}
.fPrice a {
color:#fff;
text-decoration:none;
font-weight:bold;
}
.fPrice a:hover {
color: #CCCCCC;
}
.fBeds {
}
.fBeds a {
color:#333;
font-size:0.9em;
text-decoration:none;
}
.fBeds a:hover {
color:#666;
}
.fp p {
margin: 0px;
}
.fp p.moreInfo {
margin-top: 6px;
}
.fTown { font-weight: bold;
padding:0 0 5px 0; }
.fTown a {
color:#333;
text-decoration:none;
}
.fTown a:hover {
color: #666666;
}
/* Home */
#pageContent {
margin:20px 25px 0 25px;
}
#pageContent ul {
font-size:0.8em;
}
/* Search results */
#searchResults {
margin:0 10px 0 0;
padding:0 0 0 0;
font-size:0.8em;
min-height:450px;
color:#333333;
}
#searchResultsMap {
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 10px;
}
#searchResultsMap h1{
font-size:1.3em;
}
.mainHeading {
width:280px;
float:left;
}
#pageNumbers {
font-size:0.8em;
font-weight:bold;
background:#E5E5E5;
padding:3px 0 3px 5px;
}
#searchViews {
width:300px;
height:20px;
font-size:0.8em;
margin:12px 20px 0 0;
text-align:right;
float:right;
}
#map_canvas_1 {
font-size:0.75em;
}
.searchOptions {
width:200px;
float:right;
}
#searchResults a {
}
#searchResults a:hover {
}
#searchResults h3 {
font-size:0.9em;
color:#333333;
margin:20px 0 0 15px;
}
#searchResults h1 {
font-size:1.3em;
margin:10px 0 0 15px;
padding:0 0 0 0;
}
.bedrooms, .propertyType, .propertyPrice, .propertyStatus {
font-size:0.9em;
}
.pageList {
font-weight: bold;
text-align: right;
font-size:0.85em;
color:#333;
}
.properties {
font-size:0.9em;
}
.currentPage {
border: solid 1px #CE283E;
color:#FFFFFF;
background:#CE283E;
padding:0 2px 0 2px;
margin:0 0 0 3px;
}
.bedrooms, .propertyType, .propertyPrice, .propertyStatus {
font-size:0.9em;
}
.pageList a, .pageList a:visited {
text-decoration:none;
color: #CE283E;
background:#fff;
border: solid 1px #CE283E;
padding:0 2px 0 2px;
}
.pageList a:hover {
border: solid 1px #CE283E;
background:#ECD8CF;
color: #CE283E;
}
.pageList a#next, .pageList a#previous {
padding:0 2px 0 2px;
}
.pageList a#next {
border:none;
background:none;
text-decoration:underline;
font-weight:bold;
color:#333333;
}
.pageList a:hover#next {
color:#666666;
}
.pageList a#previous {
border:none;
background:none;
text-decoration:underline;
font-weight:bold;
color:#333333;
}
.pageList a:hover#previous {
color:#666666;
}
.searchNav {
font-weight: bold;
width:160px;
font-size:0.9em;
color:#333;
padding: 0 0 0 15px;
margin:0 0 0 0;
}
table.list td {
padding: 5px;
}
table.list {
padding: 0;
border-collapse: collapse;
/*background: url(../images/searchResultBg.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:#EEEEEE;
font-weight:bold;
/*background: url(../images/propertyAddressBg.png) repeat-x bottom left #EAEAEA;*/
padding:7px 5px 7px 10px;
}
#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:#4AAC43;
color:#FFFFFF;
padding:5px 10px 5px 10px;
margin:0 0 0 0;
}
.notAvailable {
font-weight: bold;
font-size:1em;
background:#AE1118;
color:#FFFFFF;
padding:5px 10px 5px 10px;
margin:0 0 0 0;
}
/* Register */
#register {
margin:0 25px 0 25px;
font-size:0.9em;
float:left;
}
#msForm, form#regForm {
width: 100%;
margin: 20px auto;
}
fieldset {
padding: 10px 20px;
margin:0 0 0 0;
border-color: #c1c0b5;
font-size: 0.8em;
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: 38%;
float: left;
}
form#regForm input {
font-size:0.95em;
}
form#regForm select {
font-size:0.95em;
}
form#regForm div.buttonBox {
text-align: center;
}
#msForm .field label {
width: 60%;
float: left;
}
#msLeft, #msRight {
width: 40%;
float: left;
}
.error {
font-size:0.9em;
color:#D1293F;
}
/* Particulars */
#pageParticulars {
margin:15px 20px 0 20px;
float:left;
font-size:0.8em;
min-height:650px;
}
#pageParticulars p {
font-size:0.9em;
}
#thumbnails {
float:right;
margin:0 0 0 0;
width:215px;
}
#thumbnails img {
border:1px solid #666;
margin:0 0 2px 2px;
}
#thumbnails img a:hover {
}
#photoOptions {
height:20px;
width:297px;
padding:5px 0 0 10px;
font-weight:bold;
background:#E3E3E3;
font-size:0.85em;
}
.photoPosition {
width:70px;
padding:0 10px 0 0;
text-align:right;
float:right;
}
.photoCaption {
width:250px;
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:305px;
float:left;
margin:0 0 0 0;
}
#column2 {
width:242px;
float:right;
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 5px;
margin:0 0 0 0;
font-size:0.9em;
}
.featureList li {
padding:0 0 4px 15px;
background:url(/site/custom/peoplein/images/tickBullet.png) left no-repeat;
margin:0 0 0 0;
font-weight:bold;
}
.featureList ul {
padding:0 0 0 0;
margin:0 0 0 0;
list-style-type:none;
}
#environmental {
font-size:0.9em;
}
#propertyDetailsBar {
padding:9px 0 10px 10px;
background-color:#EEEEEE;
font-size:0.9em;
color:#D1293F;
font-weight:bold;
margin:0 0 10px 0;
}
#propertyType {
float:left;
width:280px;
font-size:1.2em;
}
#propertyAddress {
width:200px;
margin:0 0 0 0;
float:right;
color:#333333;
}
#particularsAddress {
margin:3px 0 0 0;
padding:0 0 0 0;
color:#fff;
float:left;
width:200px;
}
#propertyPriceParticulars {
padding:0 20px 0 0;
color:#fff;
font-size:1.3em;
float:right;
width:240px;
text-align:right;
}
#location {
padding:0 10px 10px 5px;
margin:0 0 0 0;
}
#pageParticulars h2 {
font-size:1.2em;
margin:20px 0 6px 0;
padding:3px 0 3px 0;
color:#BE2336;
border-bottom:1px dotted #666;
}
#pageParticulars h4 {
font-size:1.1em;
margin:10px 0 10px 0;
padding:0 0 0 0;
color:#333;
}
.roomName {
font-weight:bold;
color:#333;
font-size:0.9em;
}
.roomDescription {
padding:0 0 0 0;
margin:6px 0 15px 0;
}
.propertyStatus {
font-weight:bold;
font-size:0.85em;
}
/* Contact us */
.contactContainer {
min-height:600px;
font-size:0.8em;
}
.contactLabel {
width:180px;
}
.contactContainer h2 {
font-size:1.2em;
}
.contact h2 {
font-size:1.2em;
}
.branchdetails {
padding-bottom: 25px;
width: 98%;
}
.branchdetails h2 {
padding-bottom: 5px;
}
.detailLabel {
margin: 0;
width: 22%;
float: left;
font-weight: bold;
color:#444444;
}
.details {
width: auto;
float: left;
}
.detailfield {
width: 100%;
clear: both;
}
.contact input {
font-size:0.95em;
}
.contact select {
font-size:0.95em;
}