/* ----------------------------------------------------------------------------------------------------------------------------
base.css
Author: Greg Dalrymple
Date: March 2011
This is the main stylesheet
+top
----------------------------------------------------------------------------------------------------------------------------
+Resets default browser CSS styles
---------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* ----------------------------------------------------------------------------------------------------------------------------
+Default Styles
---------------------------------------------------------------------------------------------------------------------------- */
body {
text-align: center;
font-size: 62.5%;
font-family: sans-serif;
line-height: 150%;
color: #444;
background-color: #fff;
min-width: 1000px !important;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
input, select {vertical-align: middle;}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; outline: none;}
button { width: auto; overflow: visible; }
a { vertical-align: baseline; background: transparent; }
pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll; }
/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.success { background-color: #def6c5; border: 1px solid #bee298; padding: 7px 10px; }
.success p { margin: 0; }
.warning { border: 1px solid #E8BCB7; padding: 7px 10px 7px 35px; background: url(/images/icons/x.png) no-repeat 10px 10px #FCEDEB; }
.warning p { margin: 0; }
.standard-form.right .success { margin: 5px 15px; }
.email-subscribed { background-color: #def6c5; border: 1px solid #bee298; font-size: 11px; padding: 2px; display: none; }
.email-unsubscribed { background-color: #f6dec5; border: 1px solid #E2BE98; font-size: 11px; padding: 2px; display: none; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Images
- Images need to be structured as follows, to enable centering in ie
---------------------------------------------------------------------------------------------------------------------------- */
/* Property Images - This is the standard style for property images */
.image-wrapper {
border: 1px solid #ddd;
box-shadow: 1px 1px 2px #ccc;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
/*display: table-cell;*/
vertical-align: middle;
width: 228px;
height: 163px;
margin-bottom: 8px;
position: relative;
}
.property-image {
text-align: center;
overflow: hidden;
width: 220px;
height: 155px;
/*background-image: url(/images/sitefiles/square-bg.png);*/
background-color: #d3d3d3;
border: 4px solid #fff;
display: table-cell;
vertical-align: middle;
}
.image-wrapper:hover { cursor: pointer; background-color: #e7e7e7; border-color: #333;}
.property-image img { max-width: 218px; max-height: 155px; padding: 0px; margin: 0 auto; vertical-align: middle; text-align: center; }
.property-image .clear-floats { height: 0px; }
/* Grid Layout */
.grid .image-wrapper { width: 205px; }
.grid .property-image { width: 196px; }
.grid .property-image img { max-width: 196px; }
.property .tag, .property-image .tag { display: inline !important; position: absolute; padding: 2px 5px; z-index: 10; top: 4px; left: 4px; }
.property .tag.new, .property-image .tag.new { color: #fff; background: #D23722; text-transform: uppercase; }
.property .tag.blue, .property-image .tag.blue { color: #fff; background: #075AA6; text-transform: uppercase; }
.property .tag.green, .property-image .tag.green { color: #fff; background: #259911; text-transform: uppercase; }
.component.component-Splitter .splitter { border-top: 1px solid #ddd; margin-bottom: 20px; display: block; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Layout
-- This is the optimum layout for 1024px
-- Individual column width 70px
-- 12 column layout
-- margin 10px
---------------------------------------------------------------------------------------------------------------------------- */
#top { width: 100%; margin: 0 auto; padding: 0; position: relative; background: url(/images/sitefiles/bg.png) repeat #ebe7df; overflow-x: hidden; }
#shell { margin: 0 auto; position: relative; background: url(/images/sitefiles/header-bg-ipad.png) repeat-x top center; }
#page { width: 1000px; margin: 0 auto; text-align: left; position:relative; }
#page .sticker { background: url("/images/pn-sprite.png") no-repeat scroll -17px -101px transparent; height: 90px; position: absolute; right: 0; top: 24px; width: 88px; z-index: 901; }
#content { width: 1000px; margin: 0 auto; min-height: 600px; margin-bottom: 20px; min-height:1520px; }
.col { float: left; width: 65px; margin-right: 20px; }
.span-1 { width: 65px; }
.span-2 { width: 150px; }
.span-3 { width: 235px; }
.span-4 { width: 320px; }
.span-5 { width: 405px; }
.span-6 { width: 490px; }
.span-7 { width: 575px; }
.span-8 { width: 660px; }
.span-9 { width: 745px; }
.span-10 { width: 830px; }
.span-11 { width: 915px; }
.span-12 { width: 1000px; }
.module.pagelets-module .span-1 { width: 61px; }
.module.pagelets-module .span-2 { width: 142px; }
.module.pagelets-module .span-3 { width: 240px; }
.module.pagelets-module .span-4 { width: 319px; }
.module.pagelets-module .span-5 { width: 385px; }
.module.pagelets-module .span-6 { width: 475px; }
.module.pagelets-module .span-7 { width: 547px; }
.module.pagelets-module .span-8 { width: 628px; }
.module.pagelets-module .span-9 { width: 709px; }
.module.pagelets-module .span-10 { width: 790px; }
.module.pagelets-module .span-11 { width: 871px; }
.module.pagelets-module .span-12 { width: 972px; }
.module.padded .span-1 { width: 58px; }
.module.padded .span-2 { width: 136px; }
.module.padded .span-3 { width: 214px; }
.module.padded .span-4 { width: 300px; }
.module.padded .span-5 { width: 370px; }
.module.padded .span-6 { width: 448px; }
.module.padded .span-7 { width: 526px; }
.module.padded .span-8 { width: 604px; }
.module.padded .span-9 { width: 682px; }
.module.padded .span-10 { width: 760px; }
.module.padded .span-11 { width: 838px; }
.module.padded .span-12 { width: 940px; }
/* This should be the standard container ------------------------------------------------------------------------------------ */
.module {
margin-bottom: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #fff;
padding: 15px;
-moz-box-shadow: 1px 2px 2px #aaa;
-webkit-box-shadow: 1px 2px 2px #aaa;
box-shadow: 1px 2px 2px #aaa;
}
.module.padded { padding: 30px; }
.module.no-padding { padding: 0; }
.module.no-padding .inner-module { padding: 15px; }
.module.contrast { background-color: #D23722; }
.module.plain {
background-color: #f1efe9;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.module .module-title { background-color: #D23722; padding: 5px 10px; margin-bottom: 20px; color: #fff; }
.module .module-title span.regular, h1 span.regular, h2 span.regular, h3 span.regular { display: inline; line-height: 0; }
.module .module-title.contrast { background-color: #075AA6; }
.module .module-title * { color: #fff; margin: 0; }
/* Floating a help panel inside a module
- This should be used on a full width module see the mmebers area for examples
- You should always use a clearing div inside the module
- add the with-help class to the module div
e.g.
*/
.module.with-help { background: url(/images/sitefiles/module-help-panel-line.png) repeat-y 730px 0 #fff; }
.module .module-content { width: 700px; float: left; padding-right: 15px; }
.module .module-help { width: 232px; float: left; padding-left: 20px; }
.module .module-help ul { list-style:disc; padding-left:20px; margin:10px 0px 20px 0px; }
.module .module-help img { margin-bottom:10px; }
/* We need to apply a fix for modules that don't work reliably in ie,
that means turning these off in other browsers */
.ie-module-top { display: none; }
.ie-module-bottom { display: none; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Icons
---------------------------------------------------------------------------------------------------------------------------- */
span.icon { display: block; float: left; margin-right: 7px; background: url(/images/icons/icon-sprite.png) no-repeat 0 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Buttons
---------------------------------------------------------------------------------------------------------------------------- */
.standard-button,
a.standard-button,
a.standard-button:link,
a.standard-button:visited,
.standard-form .buttons input,
#search-button input,
.search-button input {
text-align: center;
border: 0;
font-size: 1.4em;
line-height: 1.6em;
padding: 6px 13px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 0 0 #fff inset;
-webkit-box-shadow: 0 1px 0 0 #fff inset;
box-shadow: 0 1px 0 0 #fff inset;
text-shadow: 1px 1px 1px #fff;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
color: #333;
font-weight: bold;
text-decoration: none;
display: inline-block;
background: url(/images/sitefiles/grey-gradient.png) repeat-x bottom center #e7e6e6;
border: 1px solid #aaa;
}
.standard-button:hover,
a.standard-button:hover,
.standard-form .buttons input:hover,
#search-button input:hover,
.search-button input:hover {
background-image: none;
background-color: #ccc;
cursor: pointer;
-moz-box-shadow: 0 1px 0 0 #eee inset;
-webkit-box-shadow: 0 1px 0 0 #eee inset;
box-shadow: 0 1px 0 0 #eee inset;
}
.standard-button.contrast,
a.standard-button.contrast,
a.standard-button:link.contrast,
.standard-form .buttons span.contrast input {
background: url(/images/sitefiles/red-gradient.png) repeat-x bottom center #D23722;
color: #fff;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
border: 1px solid #D23722;
-moz-box-shadow: 0 1px 0 0 #FE604A inset;
-webkit-box-shadow: 0 1px 0 0 #FE604A inset;
box-shadow: 0 1px 0 0 #FE604A inset;
}
#contact-agent-form select{ max-width: 270px; }
.standard-button.contrast:hover,
a.standard-button.contrast:hover,
a.standard-button:link.contrast:hover,
.standard-form .buttons span.contrast input:hover { background-image: none; background-color: #b32a15; cursor: pointer; }
.standard-button.large { font-size: 1.8em; padding: 10px 30px; }
.standard-button.small, a.standard-button.small { font-size: 1em; padding: 5px 10px; }
.standard-button span.icon {
display: block;
width: 20px;
height: 20px;
background-color: #e7e7e7;
position: absolute;
margin-right: 10px;
padding: 0;
left: 7px;
top: 7px;
z-index: 100;
}
.standard-button.blue,
a.standard-button.blue,
a.standard-button:link.blue,
#contact-agent-form input#Send,
.standard-form .buttons span.blue input {
background: url(/images/sitefiles/blue-gradient.png) repeat-x bottom center #075AA6;
color: #fff;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
border: 1px solid #075AA6;
-moz-box-shadow: 0 1px 0 0 #7aacd6 inset;
-webkit-box-shadow: 0 1px 0 0 #7aacd6 inset;
box-shadow: 0 1px 0 0 #7aacd6 inset;
}
.standard-button.blue:hover,
a.standard-button.blue:hover,
a.standard-button:link.blue:hover,
#contact-agent-form input#Send:hover,
.standard-form .buttons span.blue input:hover { background-image: none; background-color: #0a4982; cursor: pointer; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Containers
---------------------------------------------------------------------------------------------------------------------------- */
.image-label-with-description { margin-bottom: 20px; }
.image-label-with-description h2 { font-size: 1.6em; color: #fff; text-align: center; line-height: 1.5em; margin-bottom: 15px; position: relative; z-index: 2; }
.image-label-with-description h2 span { background-color: #D23722; padding: 2px 10px 4px 10px; display: inline; }
.image-label-with-description .description { width: 80%; margin: 0 auto; }
.image-label-with-description .description p {
text-align: center;
padding: 20px 5%;
margin: 0;
border: 1px solid #ddd;
margin-top: -20px;
position: relative;
z-index: 1;
border-bottom: 0;
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------
+Typography + Headings
---------------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h5, h6, p, ol, ul, table, dl, label, li { -webkit-font-smoothing: antialiased; }
h1, h2, h3, h5, h6, p, ol, ul, table, dl, label, input { font-family: sans-serif; }
p { margin-bottom: 1.5em; }
p, ul, blockquote, dl, table, ol, label { font-size: 1.2em; line-height: 1.6em; }
.large-text { font-size: 1.6em; }
.small-text { font-size: 1em; color: #888; }
p.added { margin: 0; color: #888; font-size: 1.1em; }
.contrast { color: #D23722; }
.lighter { color: #888; }
.blue { color: #075AA6; }
strong, th { font-weight: bold; }
del {text-decoration: line-through;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
/* Custom text-selection colors */
::-moz-selection{background: #33c4fa; color: #fff; text-shadow: none;}
::selection {background: #33c4fa; color: #fff; text-shadow: none;}
/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #d33a23; color: #000; text-decoration: none;}
mark {background-color: #d33a23; color: #000; font-style: italic; font-weight: bold;}
/* Lists ------------------------------------------------------------------------------------------------------------------- */
dt { margin-bottom: 0.35em; }
dd { margin-bottom: 1.3em; }
ul { list-style: none; margin: 0; }
ol { margin: 0 0 1.5em 0; padding: 0; }
ol li { margin: 0 0 0.3em 1em; }
ul.inline-list { float: left; }
ul.inline-list li { float: left; display: inline; margin: 0 1.5em 0 0; padding: 0; }
ul.clean-list { margin: 0; padding: 0; list-style: none; }
ul.clean-list li { margin: 0; padding: 0; }
ul.bullet-list li, .list-with-icon.bullet li { background: url(/images/icons/generic-dark-grey-arrow.png) no-repeat left 12px; border-top: 1px dotted #ddd; padding: 8px 0 8px 17px; }
ul.simple-bullet-list li { list-style: disc; margin-left: 15px; }
ul.tick-list, .list-with-icon.tick ul, .list-with-icon.bullet ul { border-bottom: 1px dotted #ddd; margin-bottom: 20px; }
ul.tick-list li, .list-with-icon.tick ul li { background: url(/images/icons/tick-icon.png) no-repeat left 7px; padding: 10px 5px 10px 37px; border-top: 1px dotted #ddd; }
.list-with-icon.bullet ul ul { border: 0; margin: 10px 0 0 0; font-size: 1em; }
.list-with-icon.bullet ul ul li { background: none; border: none; padding: 5px 0 5px 0; list-style-type: disc; margin-left: 30px; }
span.double-arrow { font-size: 24px; font-family: serif; color: #888; }
/* Headings ---------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
color: #333;
font-weight: normal;
clear: none;
font-family: sans-serif;
font-variant: normal;
line-height: 1.5em;
margin-bottom: 1em;
}
.huge-heading { font-size: 3.6em; letter-spacing: 0px; }
h1, .large-heading { font-size: 2.4em; letter-spacing: 0px; line-height: 1.2em; margin-bottom: 20px; }
h2, .medium-heading { font-size: 2.2em; line-height: 1.5em; margin-bottom: 0.5em; }
h3, .small-heading { font-size: 1.6em; }
h4, .tiny-heading { font-size: 1.2em; margin: 0 0 0.2em 0; font-weight: bold; }
.tiny-heading { font-family: sans-serif; }
.bordered-heading { border-bottom: 1px solid #888; padding-bottom: 7px; }
h1 span, h2 span, h3 span { display: none; }
/* Links -------------------------------------------------------------------------------------------------------------------- */
a:link, .faked-link { color: #3a7ac9; text-decoration: underline; }
a:visited, .faked-link:visited { color: #3a7ac9; }
a:hover, .faked-link:hover { text-decoration: none; }
a:active { color: #3a7ac9; }
/* Simpletext Component ----------------------------------------------------------------------------------------------------- */
.component-Heading h4 { font-size: 1.6em; border-bottom: 1px solid #888; padding-bottom: 7px; margin: 0 0 15px 0; text-transform: none; letter-spacing: 0; }
.component-Heading h5 { font-size: 1.6em; padding-bottom: 7px; margin: 0 0 15px 0; text-transform: none; letter-spacing: 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Web fonts
---------------------------------------------------------------------------------------------------------------------------- */
@font-face {
/* This declaration targets Internet Explorer */
font-family: 'AllerBold';
src: url('/fonts/aller/aller_bd-webfont.eot');
}
@font-face {
/* This declaration targets everything else */
font-family: 'AllerBold';
src: url(//:) format('no404'), url('/fonts/aller/aller_bd-webfont.woff') format('woff'),
url('/fonts/aller/aller_bd-webfont.ttf') format('truetype'),
url('/fonts/aller/aller_bd-webfont.svgz#AllerBold') format('svg'),
url('/fonts/aller/aller_bd-webfont.svg#AllerBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
/* This declaration targets Internet Explorer */
font-family: 'AllerRegular';
src: url('/fonts/aller/aller_rg-webfont.eot');
}
@font-face {
/* This declaration targets everything else */
font-family: 'AllerRegular';
src: url(//:) format('no404'),
url('/fonts/aller/aller_rg-webfont.woff') format('woff'),
url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'),
url('/fonts/aller/aller_rg-webfont.svgz#AllerRegular') format('svg'),
url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Notepad';
src: url('/fonts/notepad/notepad_-webfont.eot');
src: url('/fonts/notepad/notepad_-webfont.eot?#iefix') format('eot'),
url('/fonts/notepad/notepad_-webfont.woff') format('woff'),
url('/fonts/notepad/notepad_-webfont.svg#NotepadRegular') format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2, h3 { font-family: 'AllerBold', 'Trebuchet MS', sans-serif; }
h1 strong, h2 strong, h3 strong { font-family: 'AllerBold'; font-weight: normal; }
.bold { font-family: 'AllerBold'; }
.heading-type { font-family: 'AllerBold', sans-serif; }
.heading-type.regular, .regular, .component.component-Heading h5 { font-family: 'AllerRegular', sans-serif; font-weight: normal; }
.notepad, .notepad h1, .notepad h2, .notepad h3, .notepad h4 { font-family: 'Notepad'; color: #555; font-weight: normal;}
.property-dialog.ui-dialog .heading-type { font-family: 'AllerBold' !important; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Tables
---------------------------------------------------------------------------------------------------------------------------- */
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom; }
td {font-weight: normal; vertical-align: top; padding: 4px 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Intelligence Tool
---------------------------------------------------------------------------------------------------------------------------- */
table tr.focus { background-color:#D23722; }
table.intelligence { margin: 0; font-size: 1.2em; border: 1px solid #ddd; }
table.intelligence tr.alternate td { background-color: #fff; }
table.intelligence td { padding: 5px 7px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #efeeeb; }
table.intelligence td.label { font-weight: bold; }
table.intelligence td.status { color: #da2727; }
table.intelligence td .price-text { font-size: 0.8em; color: #888; display: block; line-height: 1em; }
table.intelligence tr.last-row td { border-bottom: 0; border-top: 1px solid #ddd; }
div.intelligence-section { padding:15px; background-color: #F8F7F5; }
p#first-listed { margin: -50px 0 0 220px; }
.intelligence-section-options ul li.selected { font-weight: bold; background-color: #d2eeff; color: #444; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Forms
---------------------------------------------------------------------------------------------------------------------------- */
.standard-form .info .icon { background: url(/images/icons/icon-sprite.png) no-repeat -18px -19px; width: 16px; height: 16px; }
.standard-form .error,
.standard-form .error-placeholder { color: #D23722; font-size: 1.2em; font-style: normal; }
.standard-form .error-placeholder { font-size: 1.8em; }
.standard-form .error-placeholder.failed { font-size: 1.2em; }
.standard-form .error-placeholder.success { font-size: 1.2em; }
.standard-form .error-placeholder.failed { display: block; padding: 7px 0 0 15px; background: url(/images/icons/small-icon-sprite.png) no-repeat 0 -682px; margin-bottom: 10px; }
.standard-form .error-placeholder.success { display: block; padding: 7px 0 0 15px; background: url(/images/icons/small-icon-sprite.png) no-repeat 0 -682px; margin-bottom: 10px; border: 0px; }
.standard-form { margin-bottom: 1.5em; }
.standard-form dl dt { font-weight: bold; margin: 0 0 5px 0; padding: 0; }
.standard-form dl dd { margin: 0 0 10px 0; padding: 0; }
.standard-form .input-group { clear: both; margin: 0 0 15px 0; }
.standard-form .input-group label { display: block; font-weight: bold; font-size: 1.2em; padding: 2px 0 5px 0; }
.standard-form .input-group label span.secondary { font-weight: normal; }
.standard-form .input-group input { font-size: 1.2em; }
.standard-form .input-group textarea { font-size: 1.2em; }
.standard-form .input-group.checkbox-list label { font-size: 1.1em; }
.standard-form.big-inputs .input-group input[type="text"],
.standard-form.big-inputs .input-group input[type="password"] { font-size: 1.6em; padding: 4px 6px; }
.standard-form.big-inputs .input-group label { font-size: 1.6em; line-height: 2em; }
.standard-form.floated .input-group { margin: 0 0 10px 0; clear: both; overflow: hidden; }
.standard-form .input-group.no-marg { margin: 0; }
.standard-form.floated .input-group label { width: 32%; float: left; }
.standard-form.floated .input-group span.input { float: left; width: 68%; }
.standard-form.floated .input-group .error-placeholder { display: inline; }
.standard-form.floated .input-group .error-placeholder.failed { display: block; }
.standard-form.floated .input-group .error-placeholder.success { display: block; }
.standard-form.floated .input-group.buttons { margin-left: 32%; overflow:visible; }
.standard-form .input-group.buttons input { margin-right: 15px; }
.standard-form .input-group.buttons p { display: inline; }
.standard-form.floated .input-group.buttons .cancel { font-size: 1.2em; }
.standard-form.floated.right, .standard-form.with-bg { background-color: #F8F7F5; padding: 10px 0; border: 1px solid #ECE7DE; }
.standard-form.floated.right .input-group { margin-bottom: 0; padding: 5px 0; }
.standard-form.floated.right .input-group:first-child { padding-top: 10px; }
.standard-form.floated.right .input-group label { text-align: right; width: 30%; margin-right: 2%; }
.standard-form.floated.right .input-group.buttons { background: none; }
.standard-form.floated.right .info, .standard-form.with-bg .info { border-bottom: 1px solid #ECE7DE; padding: 0 10px 10px 15px; }
.standard-form.floated.right .error-placeholder.failed { margin-left: 32%; }
.standard-form.floated.right .error-placeholder.success { margin-left: 32%; }
.standard-form.floated.right span.input .error-placeholder.failed { margin-left: 0; }
.standard-form.floated.right span.input .error-placeholder.success { margin-left: 0; }
select { font-size: 1.2em; padding: 1px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Loader
---------------------------------------------------------------------------------------------------------------------------- */
div.loader
{
width: 100px;
height: 100px;
position: absolute;
background: url(/images/pn-loader.gif) no-repeat 0 0;
right: 50%;
margin-right: -50px;
top: 80px;
opacity: 0.8;
z-index: 2;
}
div.loader.red
{
background: url(/images/pn-loader-red.gif) no-repeat 0 0;
}
/* This has to be loaded just inside the body */
div.loader.centered { top: 50%; margin-bottom: -50px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+IE Warning
---------------------------------------------------------------------------------------------------------------------------- */
#ie-warning { background: url(/images/icons/ie-warning.gif) no-repeat center #f0bdb8; padding: 10px 0; border-bottom: 1px solid #fff; }
#ie-warning p { font-weight: bold; font-size:1.7em; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Ticker
---------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------
+Cookie Warning Bar
---------------------------------------------------------------------------------------------------------------------------- */
#cookie-warning-bar {
font-family: sans-serif;
color:silver;
border-bottom:1px solid #fff;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #555555 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #222222 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #222222 0%,#555555 100%); /* IE10+ */
background: linear-gradient(top, #222222 0%,#555555 100%); /* W3C */
}
#cookie-warning-bar .inner {
background:url("/images/cookie-warning.png") no-repeat left center;
width: 1000px; margin: 0 auto;
padding:10px 0px 10px 0px;
text-align:left;
}
#cookie-warning-bar .inner p {
font-size:14px;
float:left;
width:70%;
margin:0px 0px 0px 50px;
line-height:20px;
}
#cookie-warning-bar .inner p a {
color:#fff;
text-decoration:none;
}
#cookie-warning-bar .inner p a:hover { text-decoration:underline; }
#cookie-warning-bar .inner form {
float:right;
margin-top:5px;
}
#cookie-warning-bar .inner form input {
border:1px solid white;
color:#444;
font-size:14px;
font-weight:bold;
padding:5px 10px;
background: #e3e3e3; /* Old browsers */
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f6f6f6 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #f6f6f6 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(top, #f6f6f6 0%,#e3e3e3 100%); /* W3C */
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-text-shadow:0px 1px 0px #fff;
-moz-text-shadow:0px 1px 0px #fff;
text-shadow:0px 1px 0px #fff;
}
#cookie-warning-bar .inner form input:hover {
background:#fff;
}
#cookie-warning-bar hr {
clear: both;
border: 1px solid transparent;
height: 0px;
margin:0px;
}
/* ----------------------------------------------------------------------------------------------------------------------------
+Side-ads
---------------------------------------------------------------------------------------------------------------------------- */
#content .side-ad { max-width:120px; height:1500px; position:absolute; overflow:hidden; }
#content .side-ad .advert { display:inline-block; width:120px; height:1500px; }
#content .side-ad .advert:last-child { margin-bottom:0px!important; }
#content .side-ad.left-wing { display:none; margin-left:-140px; }
#content .side-ad.right-wing { display: none; margin-left:1020px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Header
---------------------------------------------------------------------------------------------------------------------------- */
#header { padding: 15px 0 20px 0; height: 90px; }
#header .inner { width: 1000px; margin: 0 auto; }
#logo { width: 258px; float: left; padding-top: 20px; text-align: left; }
/*#logo a.header-logo { background: url("/images/pn-sprite.png") repeat-x scroll -197px -25px transparent; display: block; height: 62px; width: 238px; }*/
#logo .main-heading span { display: none; }
#logo h1 { margin: 0; }
#ad { width: 728px; float: left; margin: 4px 0 0 14px; height: 90px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Activity Bar
---------------------------------------------------------------------------------------------------------------------------- */
#activity-bar { height: 39px; background: url(/images/sitefiles/gradients/activity-bar-gradient.png) repeat-x center top; text-align: left; padding: 0; position: fixed; bottom: 0; z-index: 1000; width: 100%; left:0; border-top:1px solid #ffffff; }
#activity-bar .inner { width: 1000px; margin: 0 auto; }
#activity-bar h3 { background: url("/images/pn-sprite.png") repeat scroll -220px 0 transparent; float: left; width: 235px; height:20px; margin-top:12px; color:#fff; font-family:Arial, sans-serif; font-weight:bold; font-size:1.2em; }
#activity-bar ul { display: block; width: 674px; float: right; font-size: 11px; border-left: 1px solid #888; margin-right:48px }
#activity-bar ul li { position:relative; margin: 0; padding: 0; /* background:url(/images/sitefiles/activity-dropdown-arrow.png) right center no-repeat; */ }
#activity-bar a.main-link { color: #223; height: 19px; padding: 11px 12px 9px 10px;; border-right: 1px solid #8d8b8c; border-left: 1px solid #cecccd; display: inline-block; text-decoration:none; font-weight: bold; }
#activity-bar a.main-link:hover { text-decoration:underline; }
#activity-bar li a.main-link.open { background-color: #757575; text-decoration: none; color:#fff; border-left: 1px solid #8d8b8c; }
#activity-bar .standard-button { float: right; margin-top: 4px; }
#activity-bar ul li span.arrow { background: url("/images/pn-sprite.png") repeat scroll 10px -86px transparent; padding-left: 6px; display: block; float: right; height: 20px; width: 12px; }
#activity-bar li a.main-link.open span.arrow { background-image: none; }
#activity-bar .drop-down {
position:absolute;
max-height: 220px;
overflow: auto;
width:300px;
background-color: #757575;
color:#757575;
border: 1px solid #666;
border-bottom: none;
position: absolute;
bottom: 39px;
right:0px;
text-align:right;
}
.hide-show { background: url("/images/pn-sprite.png") repeat scroll -85px -46px transparent; width:33px; height:20px; right: 10px; bottom:0; display:block; position:fixed; z-index:1000; }
.hide-show span { display:none; }
.hide-show.show { background: url("/images/pn-sprite.png") repeat scroll -121px -46px transparent; right: 10px; bottom:0; display:block; }
#activity-bar .drop-down li a:link,
#activity-bar .drop-down li a:visited,
#activity-bar .drop-down li a:hover { color:#fff; }
#activity-bar .loading { margin-right:50px; }
#activity-bar .recent.searches .drop-down { margin-left: 0; }
#activity-bar .saved.searches .drop-down { margin-left: 0px; }
#activity-bar .recent.jobs .drop-down { margin-left: 32px; }
#activity-bar .saved.jobs .drop-down { margin-left: 0px; }
#activity-bar .drop-down ol { padding:2px 2px 1px 2px; margin:7px; border:1px solid #555; text-align:center; }
#activity-bar .drop-down ol li { float:none; position:static; display: block; margin: 0 0 1px 0; padding: 0; clear: both; background:none; border:0; color:#CCC; }
#activity-bar .drop-down ol li span.icon { width: 9px !important; height: 9px !important; margin: 10px 0 0 10px; }
#activity-bar .searches .drop-down ol li span.icon { background-position: -91px -7px !important; }
#activity-bar .jobs .drop-down ol li span.icon { background-position: -92px -22px !important; }
#activity-bar .drop-down ol li a { text-align:right; color: #065cbd; padding: 5px 15px; display:block; margin: 0; text-decoration: none; background:#666666; }
#activity-bar .drop-down ol li a:hover { background-color: #d23721; color: #fff; text-decoration: none; }
#activity-bar .drop-down ol li span.thumb { float:right; margin:-5px -15px 1px 10px;text-align:center; width:45px; height:30px; }
#activity-bar .drop-down ol li span.thumb img { height:30px; }
#activity-bar .drop-down p { color: #666; padding: 15px; }
#activity-bar .drop-down ol.login { text-align:center; }
#activity-bar .drop-down ol.login li { display:inline; clear:none; }
#activity-bar .drop-down ol.login li a { display:inline; padding: 5px; }
/* Ads --------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------
+Sub Nav
---------------------------------------------------------------------------------------------------------------------------- */
#subnav p.statline { font-size: 1.6em; float: left; line-height: 1.2em; margin-bottom: 30px; }
#subnav ul#additional-nav { float: right; font-size: 1.1em; padding-top: 1px; }
#subnav ul#additional-nav li { display: inline; border-right: 1px solid #ccc; padding: 0 7px; }
#subnav ul#additional-nav li.last { border: none; margin-right: 10px; }
#subnav ul#additional-nav li.social { border: none; padding-right: 0px; }
#subnav ul#additional-nav li.social a { display: inline-block; width: 16px; height: 16px; background-color: red; background: url(/images/pn-sprite.png) no-repeat 0 0; margin-bottom: -5px; cursor: pointer; }
#subnav ul#additional-nav li.social.facebook a { background-position: 0px -43px; }
#subnav ul#additional-nav li.social.twitter a { background-position: 0px -60px; }
#subnav ul#additional-nav li a { color: #888; }
#subnav ul#additional-nav li a:hover { color: #444; }
#subnav ul#additional-nav li.home a { color: #333; background: url(/images/icons/small-icon-sprite.png) no-repeat 0 -444px; padding-left: 15px; }
#subnav ul#member-nav { float: right;}
#subnav ul#member-nav li { display: inline; }
#subnav ul#member-nav li.pipe { border-right: 1px solid #ccc; padding-right: 5px; margin-right: 5px; }
#subnav ul#member-nav li.name { border: none; margin-right: 0; padding-right: 0; overflow: hidden; width: 180px; display: block; float: left; position: relative; }
#subnav ul#member-nav li.name span { display: block; width: 500px; left: -325px; position: relative; text-align: right; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Navigation
---------------------------------------------------------------------------------------------------------------------------- */
#nav { display:block; }
#nav ul { list-style: none; margin: 0; padding: 0; font-size: 1.5em; }
#nav ul#main-nav li { margin: 0 2px 0 0; padding: 0; display: inline-block; }
#nav ul#main-nav li.selected a { background-color: #D23722; }
#nav ul#main-nav li a {
display: block;
text-decoration: none;
color: #fff;
background-color: #a42712;
padding: 7px 18px;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
#nav ul#main-nav li a sup { font-size:12px; vertical-align: top; font-weight:normal; }
#nav ul#main-nav li a:hover { text-decoration: none; color: #fff; background-color: #FE604A; }
#nav ul#main-nav li.selected a:hover { background-color: #D23722; }
#nav ul#main-nav li#auctions-tab a { background-color: #259911; }
#nav ul#main-nav li#auctions-tab.selected a { background-color: #D23722; }
#nav ul#main-nav li#auctions-tab a:hover { background-color: #3eb93f; }
#nav ul#main-nav li#auctions-tab.selected a:hover { background-color: #D23722; }
#nav ul#additional-nav { float: right; width: 26%; }
#nav ul#additional-nav li { float: left; margin: 8px 0 0 0; padding: 0; }
#nav ul#additional-nav li.list a { background-color: #579bcc; }
#nav ul#additional-nav li a { display: block; padding: 3px 10px 1px 10px; display: block; color: #fff; text-decoration: none; }
#nav ul#additional-nav li a:hover { text-decoration: underline; }
#nav ul#main-nav img.student-rentals-new {margin-bottom:-5px; margin-left:5px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Search
---------------------------------------------------------------------------------------------------------------------------- */
.search-area { background-color: #D23722; border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; -webkit-border-radius: 0 10px 10px 10px; padding: 0; height: 231px; margin-bottom: 20px; }
.search-area h1.main-title { color: #fff; margin-bottom: 15px; }
#commercial-search.search-area h1.main-title { font-size: 2.7em; }
#quick-search { padding: 20px 0 20px 20px; position: relative; }
.search-area #promo-area {
background-color: #D23722;
overflow: hidden;
height: 231px;
border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
margin-right: 0;
position: relative;
}
.search-area #promo-area .inner { border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; }
.search-area #promo-area .inner div { height: 231px; width: 320px; display: block; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}
.search-area #promo-area .inner .info {
background: url(/images/sitefiles/promo-overlay.png) no-repeat 0 0;
height: 41px;
position: absolute;
bottom: 0;
right: 0;
text-align: right;
z-index: 200;
padding: 5px 10px;
margin: 0;
width: 300px;
}
#for-sale-search.search-area #promo-area .inner.first-slide .info,
#for-rent-search.search-area #promo-area .inner.first-slide .info,
#new-homes-search.search-area #promo-area .inner.first-slide .info,
#commercial-search.search-area #promo-area .inner.first-slide .info,
#land-and-sites-search.search-area #promo-area .inner.first-slide .info,
#auction-search.search-area #promo-area .inner.first-slide .info { display: none; }
.search-area #promo-area .inner a { color: #fff; text-decoration: none; }
.search-area .search-supporting-line { font-weight: bold; margin: 25px 0 10px 0; color: #fff; width: auto; }
.search-area .try-line {
font-size: 1.2em;
color: #f1c2bc;
position: absolute;
right: 35px;
padding-bottom: 60px;
/*background: url(/images/icons/arrow-sprite.png) no-repeat 20px -510px;*/
top: 60px;
zoom: 1;
}
.search-area .try-arrow {
background: url("/images/pn-sprite.png") no-repeat scroll -167px -70px transparent;
color: #F1C2BC;
font-size: 1.2em;
height: 17px;
position: absolute;
right: 121px;
top: 75px;
width: 12px;
}
/* Title and radio groups */
#quick-search .radio-group { float: left; margin: 0px 0 15px 0; clear: both; }
#quick-search .radio-group .radio-item { margin: 0 20px 0 0; display: block; float: left; }
#quick-search .radio-group label { color: #fff; font-size: 1.8em; padding: 0px 0 0 3px; position: relative; }
#quick-search .radio-group input { margin-bottom: 2px; font-size: 14px; }
/* Quick Search additional options dropdown */
#quick-search .additional-options .radio-group { padding-top: 6px; }
#quick-search .additional-options .radio-group .radio-item { margin: 0 20px 0 0; display: block; float: left; }
#quick-search .additional-options .radio-group input { margin-bottom: 1px; font-size: 14px; }
#quick-search .additional-options .radio-group label { color: #fff; font-family: sans-serif; font-weight: bold; font-size: 1.1em; padding: 0px 0 0 3px; position: relative; }
#quick-search .additional-options .search-area.search-again #quick-search .radio-group { }
/* underline */
#quick-search .underline { position: relative; height: 100%; display: inline; }
#quick-search .underline .highlight { position: absolute; left: -3px; background: url(/images/sitefiles/handdrawn-elements/underline.png) no-repeat bottom; padding-bottom: 10px; display: inline; width: 105%; }
/* Search input and selections */
.quick-search { margin: 0 0 12px 0; clear: both; height: 40px; position: relative; }
.quick-search .search-text-box-outer-inner { width: 9999px; }
.quick-search .search-text-box-outer-inner img.loading-spinner { position: absolute; margin: 9px 35px 0 0; top: 0; right: 0; }
.quick-search .search-text-box-outer, .quick-search #no-script {
background-color: #fff;
border: 1px solid #ddd;
width: 500px;
float: left;
margin: 0 40px 0 0;
height: 38px;
overflow: hidden;
position: relative;
z-index: 100;
}
.quick-search #no-script { width: 500px; margin-right: 0; }
.quick-search #no-script input.search-box-text { width: 530px; margin: 0 10px 0 0; float: left; border: none; height: 38px; }
.quick-search .search-text-box-outer input.search-box-text {
border: none;
font-size: 1.8em;
padding: 10px;
background-color: #fff;
display: inline;
margin: 0px 0 0 0;
height: 18px;
}
.quick-search .search-text-box-outer input.search-box-text.placeholder { color: #888; }
ul.search-selections { margin: 0; padding: 0; list-style: none; }
ul.search-selections li.selected-item {
margin: 4px;
padding: 0px 0px 0px 5px;
font-size: 1em;
font-weight: bold;
list-style: none;
background-color: #ecf1f8;
border: 1px solid #c1d1e7;
float: left;
border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #2479b5;
}
ul.search-selections li span { display: inline-block; padding: 4px 4px 4px 0; }
ul.search-selections li a { border-left: 1px solid #c1d1e7; display: inline-block; text-decoration: none; color: #2479b5; padding: 4px; }
ul.search-selections li a:hover { color: #fff; background-color: #c1d1e7; }
/* Scroller */
.quick-search .scroll-outer { background-color: #e69d94; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 500px; height:10px; margin: 0 0 1px 0; display:none; clear: both; top: 1px; position: relative; }
.quick-search .scroll-handle { background: #d9d8d8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100px; height:10px; }
.quick-search .scroll-handle:hover { cursor: pointer; background: #ccc;}
.quick-search .scroll-handle span.marker { background: url(/images/sitefiles/drag-markers.png) no-repeat center center; width: 10px; height: 4px; margin: 0 auto; display: block; padding-top: 5px; }
/* Drop down */
.quick-search ul.search-list, .area-picker {
position: absolute;
background-color: #fff;
width: 528px;
margin: 0px 0 0 0;
padding: 0;
border: 1px solid #444;
list-style: none;
z-index: 20;
left: 0;
box-shadow: 0px 2px 4px #888;
-moz-box-shadow: 0px 2px 4px #888;
-webkit-box-shadow: 0px 2px 4px #888;
}
.scrollBarIsShowing ul.search-list,
.scrollBarIsShowing .area-picker { margin-top: 0; }
.quick-search ul.search-list li {
border-bottom: 1px solid #ddd;
font-size: 1.2em;
clear: both;
margin: 0;
padding: 7px;
position: relative;
color: #888;
}
.quick-search ul.search-list li:hover { cursor: pointer; }
.quick-search ul.search-list li.selected { background-color: #ecf1f8; }
.quick-search ul.search-list li.Title { font-size: 0.9em; background-color: #075AA6; color: #fff; padding: 4px 7px; font-weight: bold; }
.quick-search ul.search-list li span.item-count {
position: absolute;
right: 7px;
top: 5px;
color: #fff;
background-color: #c1d1e7;
font-size: 0.8em;
font-weight: bold;
padding: 2px 7px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.quick-search ul.search-list li span.highlight { font-weight: bold; color: #222 }
.quick-search ul.search-list li.property-item { overflow: hidden; }
.quick-search ul.search-list li.property-item .img { float: left; width: 50px; height: 40px; overflow: hidden; padding-right: 10px; }
.quick-search ul.search-list li.property-item .img img { width: 50px; height: auto; }
/* Browse drop down */
a.area-picker-button {
position: absolute;
width: 27px;
left: 502px;
margin: 0px 0 0 0;
height: 38px;
border: 1px solid #ddd;
border-left: 0;
z-index: 200;
color: #fff;
display: block;
background: url(/images/sitefiles/grey-gradient.png) repeat-x bottom center #e7e7e7;
text-decoration: none;
}
a.area-picker-button span { width: 13px; height: 12px; background: url("/images/pn-sprite.png") no-repeat scroll -145px -81px transparent; /* background: url(/images/icons/arrow-sprite.png) no-repeat -4px -1px; */ display: block; margin: 15px 7px; }
a.area-picker-button:hover { cursor: pointer; background-image: none; background-color: #bbb; }
.search-button { float: right; width: 98px; }
.search-button input { font-size: 1.8em; border: none; padding: 8px 15px; width: 98px; height: 40px; right: 0px; position: absolute; line-height: 1.2em; }
/* Resize the button for the search again panel */
#search-again .search-button input { width: 140px; }
.area-picker { height: 240px; }
.area-picker table { width: 100%; border: 0; margin: 0; border-collapse: collapse; }
.area-picker table td.picker-option-list { margin: 0; padding: 0; border-right: 1px solid #ddd; }
.area-picker table td.picker-option-list ul { overflow-y: auto; height: 240px; list-style-type: none; font-size: 1em; margin: 0; display: block; }
.area-picker table td.picker-option-list li {
list-style: none;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 5px 7px;
position: relative;
background: url(/images/icons/generic-dark-grey-arrow.png) no-repeat 97% center;
}
.area-picker table td.picker-option-list li span { color: #bbb; }
.area-picker table td.picker-option-list li:hover { cursor: pointer; background-color: #ecf1f8; }
.area-picker table td.picker-option-list li.selected { background-color: #ecf1f8; }
.area-picker table td.picker-option-list li.last-item { background-image: none; }
/* Additional Options */
#quick-search .additional-options { position: relative; }
#quick-search .additional-options .input-group { float: left; margin: 0 48px 0 0; }
#quick-search .additional-options .input-group.last { margin-right: 0; }
#quick-search .additional-options #exclude-agreed input { margin-left: 52px; }
.advanced-search-link {
bottom: 10px;
font-size: 1.4em;
font-weight: bold;
margin: 0;
padding: 0 0 20px 0;
position: absolute;
right: 0;
width: 140px;
/*background: url(/images/icons/arrow-sprite.png) no-repeat left -138px;*/ }
.advanced-search-link span { background: url("/images/pn-sprite.png") no-repeat scroll -172px -97px transparent; display: block; float: left; height: 19px; width: 12px; }
#land-and-sites-search .advanced-search-link { bottom: 32px; }
.advanced-search-link a { color: #fff; }
#quick-search .additional-options .input-group label { display: block; color: #fff; font-size: 1.1em; font-weight: bold; padding: 0 0 5px 0; }
#quick-search .additional-options .input-group select { font-size: 1.2em; padding: 1px; margin-top: 4px; }
#quick-search-autocomplete #placeholder-text { display: none; }
.search-list { max-height: 300px; overflow: auto; }
/* Price Range Drop Down */
#quick-search #price-range { position: relative; color: #fff; }
#quick-search #price-range .price-range-min { margin-right: 10px; }
#quick-search #price-range span.min,
#quick-search #price-range span.max { display: inline-block; }
#quick-search #price-range span label,
#quick-search #price-range span select { display: inline-block; }
#quick-search #price-range span label { display: inline; }
#search-MinPrice-MaxPrice-select, #quick-search #price-range .price-range-value { font-size: 1.2em; width: 200px; height: 18px; }
input.price-range-value{ cursor: pointer; }
.price-range-drop-down-arrow {
background: url(/images/sitefiles/grey-gradient.png) repeat-x center -17px #e7e7e7;
width: 26px;
height: 23px;
position: absolute;
display: block;
border-left: 1px solid #ddd;
top: 1px;
right: 1px;
}
.price-range-drop-down-arrow span { width: 14px; height: 7px; display: block; background: url("/images/icons/arrow-sprite.png") no-repeat -4px -1px; margin: 7px 6px; }
.range-drop-down {
position: absolute;
height: 327px;
width: 329px;
margin-top: 0px;
z-index: 999;
margin-left: 27px;
margin-top: -8px;
}
.range-drop-down .range-close { height:32px; width: 32px; position: absolute; background: url(/images/icons/price-range-close-icon.png) no-repeat 0 0; right: 0; top: 17px; }
.range-drop-down .range-close:hover { cursor: pointer; }
.range-drop-down .range-top { height: 42px; background: url(/images/sitefiles/dialogs/price-range.png) no-repeat top center; display: block;}
.range-drop-down .range-bottom { height: 30px; background: url(/images/sitefiles/dialogs/price-range.png) no-repeat bottom center; display: block;}
.range-drop-down .range-content { padding: 0 25px; background: url(/images/sitefiles/dialogs/price-range-middle.png) repeat-y center center; }
.range-drop-down span {
background-color: #075AA6;
font-size: 1.8em;
display: block;
padding: 8px 6px 8px 10px;
color: #fff;
}
.range-drop-down .max-container,
.range-drop-down .min-container { width: 49%; float: left; border-bottom: 1px solid #ddd; }
.range-drop-down .max-container { float: right; }
.range-drop-down .list-container { overflow-y: scroll; height: 200px; border-left: 1px solid #ddd; }
.range-drop-down .done { clear: both; }
.range-drop-down .done span.icon { background: url(/images/icons/icon-sprite.png) no-repeat -18px -37px; margin-top: 8px; margin-left: 100px; }
.range-drop-down .done a { display: block; font-size: 1.4em; padding: 7px 0 1px 0; text-decoration: underline; cursor: pointer; }
.range-drop-down .done a:hover { text-decoration: none; }
.range-drop-down .list-container ul { list-style: none; margin: 0; padding: 0; color: #888; }
.range-drop-down .list-container ul li, #refine .refine-section .range-drop-down .list-container ul li { border-bottom: 1px solid #ddd; margin: 0; padding: 4px 10px; }
.range-drop-down .list-container ul li:hover { cursor: pointer; background-color: #d2eef6; }
.range-drop-down .list-container ul li.selected { font-weight: bold; background-color: #d2eeff; color: #444; }
.range-drop-down .list-container ul li.selected:hover { font-weight: bold; background-color: #d2eeff; }
/* Search Area within the search results */
.search-area.search-again { padding: 15px 20px 10px 20px; height: auto; }
.search-area.search-again.open { background: url(/images/sitefiles/double-red-border.png) repeat-x center 64px #D23722; }
.search-area.search-again h3 { color: #fff; float: left; width: 124px; padding: 3px 15px 0 0; margin: 0; }
.search-area.search-again #quick-search { padding: 0; }
.search-area.search-again #quick-search .radio-group { margin-right: 29px; }
.search-area.search-again .advanced-search-link { width: 137px; height:26px; background-position: left -128px; position: absolute; right: 0; top: 0; padding: 9px 0 0 20px; }
.search-area.search-again #quick-search-autocomplete.quick-search { width: 647px; float: left; clear: none; margin-bottom: 5px; }
.search-area.search-again.open #quick-search-autocomplete.quick-search { margin-bottom: 12px; }
.search-area.search-again #quick-search-autocomplete .search-button { width: auto; float: right; }
.search-area.search-again #quick-search-autocomplete .search-button input { padding: 9px 15px; }
.search-area.search-again .additional-options { width: 960px; margin-left: 0px; margin-top: 7px; display: none; height:25px; }
.search-area.search-again #quick-search .additional-options .input-group label { float: left; padding: 6px 6px 0 0; }
.search-area.search-again .additional-options .input-group #price-range { float: left; }
.search-area.search-again #quick-search .additional-options #exclude-agreed input { margin-left: 0; margin-top: 6px; }
/* No javascript */
#quick-search #no-script { background-color: transparent; width: 635px; border: none; }
#quick-search #no-script #search-box-text { float: left; width: 505px; padding: 4px; font-size: 1.6em; margin-right: 15px; height: 24px; }
#quick-search #no-script #search-button { float: left; width: 75px; font-size: 1.4em; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Advanced Search
---------------------------------------------------------------------------------------------------------------------------- */
#advanced-search .section { padding: 15px 15px 20px 15px; border-top: 1px solid #ddd; margin: 0 -15px; position: relative; }
#advanced-search .sector-title { margin: 0 -15px; position: relative; padding: 15px; border-top: 1px solid #ddd; }
#advanced-search .section h3 { margin-bottom: 0; }
#advanced-search .section h3.marg { margin-bottom: 15px; }
/* Sector List */
#advanced-search ul.sector-list { margin: 0 0 20px 0; display: block; overflow: hidden; font-size: 1.6em;}
#advanced-search ul.sector-list li { float: left; margin: 0 11px 0 0; padding: 0; display: block; width: 131px; }
#advanced-search ul.sector-list li.last { margin-right: 0; }
#advanced-search ul.sector-list li a {
width: 131px;
height: 113px;
background: url(/images/sitefiles/sector-choice-bg.png) no-repeat 0 -113px;
display: block;
text-decoration: none;
text-align: center;
color: #aca495;
}
#advanced-search ul.sector-list li a img { padding: 11px 11px 0px 12px; opacity: 0.3; }
#advanced-search ul.sector-list li a:hover { color: #fff; background-position: 0 0; }
#advanced-search ul.sector-list li a:hover img,
#advanced-search ul.sector-list li.selected a img { opacity: 1; }
#advanced-search ul.sector-list li.selected a { background-position: 0 0; color: #fff; }
/* Area Picker */
#advanced-search a.area-picker-button { display: none; }
#advanced-search .quick-search .search-text-box-outer,
#advanced-search .quick-search #no-script { width: 100%; margin: 0 0 0 0; }
#advanced-search .quick-search ul.search-list { width: 100%; }
#advanced-search .area-picker { width: 100%; margin-top: 50px; }
#advanced-search #areas { height: 385px; position: relative; }
#advanced-search #areas p.or-text { position: absolute; top: 128px; }
#advanced-search .quick-search .scroll-outer { width: 100%; background-color: #e7e7e7; }
#advanced-search .quick-search .scroll-outer { width: 100%; background-color: #e7e7e7; }
#advanced-search .quick-search .scroll-handle { background-color: #D23722; }
/* Price */
#advanced-search #price-range-advanced { position: relative; width: 300px; }
#advanced-search #price-range-advanced .price-range-value { width: 291px; font-size: 1.4em; padding: 2px; }
#advanced-search #price-range-advanced .range-drop-down { margin-left: 121px; }
/* Beds */
#advanced-search #beds ul, #advanced-search #receptions ul { width: 11%; float: left; font-size: 1em; margin-bottom: 15px; }
/* Types */
#advanced-search #types ul { width: 25%; float: left; font-size: 1em; }
#advanced-search #types ul li, #advanced-search #beds ul li { margin: 0 0 5px 0; }
#advanced-search #types ul li input, #advanced-search #beds ul li input { vertical-align: middle;margin: 0 2px 0 0; }
/* Other */
#advanced-search #other .input-group { margin-bottom: 15px; clear: both; overflow: hidden; }
#advanced-search #other .input-group p { margin: 0 10px 0px 0; width: 20%; float: left; text-align: right; }
#advanced-search #other .input { margin-bottom: 0px; float: left; width: 60%; }
#advanced-search #other #Keywords { width: 300px; padding: 4px; font-size: 1.2em; }
#advanced-search .section.buttons { text-align: center; padding-bottom: 0; }
#advanced-search .radio-group label { font-size: 1.4em; padding: 0 5px 0 0; }
#advanced-search .radio-group .radio-item { margin-right: 20px; }
#advanced-search #PlanningPermmision .radio-group { margin-bottom: 10px; }
#advanced-search .residential-single-show { margin-bottom: 20px; }
#advanced-search .checkbox-list li { margin-bottom: 5px; display: block; width: 100%; }
#advanced-search .checkbox-list ul { font-size: 1em; }
#advanced-search .checkbox-list label { margin-left: 9px; }
#advanced-search .checkbox-list input { position: relative; float: left; margin-top: 3px !important; font-size: 14px; }
#advanced-search .checkbox-list span.checkset-box { position: relative; float: left; margin-top: 0px; font-size: 14px; }
#advanced-search .checkbox-list span.checkset-box input { float: none; margin-top: 0 !important; font-size: inherit; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Hero
---------------------------------------------------------------------------------------------------------------------------- */
/* Slider Hero */
.hero-slider.module { padding: 0; position: relative; overflow: hidden; }
.hero-slider .left-hero-button,
.hero-slider .right-hero-button { width: 15px; display: block; position: absolute; }
.hero-slider .left-hero-button { background: url(/images/icons/left-right-arrow.png) no-repeat -13px center #D23722; /*background: url("/images/pn-sprite.png") no-repeat scroll -445px 120px #D23722;*/ }
.hero-slider .right-hero-button { background: url(/images/icons/left-right-arrow.png) no-repeat -31px center #D23722; /*background: url("/images/pn-sprite.png") no-repeat scroll -457px 120px #D23722;*/ }
.hero-slider .left-hero-button:hover,
.hero-slider .right-hero-button:hover { background-color: #fe5c45; cursor: pointer; }
.hero-slider .left-hero-button { left: 0; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }
.hero-slider .right-hero-button { right: 0; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; }
.hero-slider .hero-wrapper { margin: 0 15px; overflow:hidden; }
.hero-slider .hero-wrapper .hero-content .item { float: left; padding: 15px 15px; border-right: 1px solid #ddd; }
.hero-slider .hero-wrapper .hero-content .item.last { border: none; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Just Added
---------------------------------------------------------------------------------------------------------------------------- */
#just-added-title { text-align: center; line-height: 1em; font-size: 2em; margin-bottom: 0; }
#just-added .property { position: relative; height: 226px; width: 212px; overflow: hidden; }
#just-added .property .image-wrapper { width: 208px; height: 146px; }
#just-added .property .property-image { width: 200px; height: 138px; }
#just-added .property .property-image img { max-width: 200px; max-height: 138px; }
#just-added .property h3 { margin: 10px 0 5px 0; font-size: 1.55em; }
#just-added .property p.price-line { font-size: 1.4em; font-weight: normal; margin: 0; }
#just-added .property p.price-line strong { font-weight: normal; }
#just-added .property img.agent-logo { float: right; max-width: 45px; height: auto; max-height: 46px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Featured
---------------------------------------------------------------------------------------------------------------------------- */
#featured.module .module-title { margin-bottom: 8px; }
#featured.module .images { overflow: hidden; margin-bottom: 8px; }
#featured.module .images .main-image { width: 500px; height: 380px; float: left; margin-right: 8px; background: url(/images/sitefiles/square-bg.png) repeat; overflow: hidden; text-align: center; }
#featured.module .images .main-image-only { width: 100%; height: 380px; background: url(/images/sitefiles/square-bg.png) repeat; text-align: center; overflow: hidden; }
#featured.module .images .main-image-only img { max-width: 500px; height: 380px; margin-left: auto; margin-right: auto; }
#featured.module .images .main-image img { height: 380px; float: left; width: auto; position: relative; }
#featured.module .images .thumbs { width: 122px; height: 380px; float: left; }
#featured.module .images .thumbs .thumb-image { height: 90px; margin-bottom: 7px; background: url(/images/sitefiles/square-bg.png) repeat; text-align: center; }
#featured.module .images .thumbs img { height: 90px; width: auto; }
#featured.module h3 { margin: 0; line-height: 1.3em; }
#featured.module p.info { margin: 0; }
#featured.module img.agent-logo { float: right; margin-left:10px; }
#featured.module .slides{ position: relative; }
.slide-wrapper { height: 467px; position: relative; overflow: hidden; }
.slide-wrapper .slide { float: left; width: 630px; }
/*---------- Auction Stuff -------------------------------*/
#featured-auction-content { height: 484px; position: relative; overflow: hidden; }
#featured-auction-content .slide { float: left; width: 630px; }
#featured-auction-content .slide .module {
-moz-box-shadow: 0px 1px 3px #aaa;
-webkit-box-shadow: 0px 1px 3px #aaa;
box-shadow: 0px 1px 3px #aaa;
}
#featured-auction-content .slide .property {
float: left;
width: 168px;
background: url("/images/sitefiles/grid-layout-bottom.png") repeat-x scroll center bottom #FFFFFF;
border: 0 none;
border-radius: 10px 10px 10px 10px;
height: 300px;
margin-right: 16px;
margin-left: 1px;
overflow: visible;
position: relative;
}
#featured-auction-content .slide .view-all-properties { text-align: right; }
#featured-auction-content .slide .view-all-properties a { font-family: allerBold; text-decoration: none; }
#featured-auction-content .slide .property .image-wrapper { width: 166px; height: 144px; }
#featured-auction-content .slide .property .image-wrapper .property-image { width: 158px; height: 144px; }
#featured-auction-content .slide .property .image-wrapper .property-image img { max-width: 158px; max-height: 136px; }
#featured-auction-content .slide .property h3 { height: 66px; overflow: hidden; }
#featured-auction-content .auction-information-wrapper { border-bottom: 1px solid #eeeeee; /*background: #eee;*/ margin-bottom: 15px; padding-bottom: 15px; }
#featured-auction-content .auction-information { float: left; }
#featured-auction-content .auction-information h2 { margin-bottom: 4px; }
#featured-auction-content .more-auction-info{ float: right; background: #008000; padding: 12px; }
#featured-auction-content .more-auction-info h3.auction-info { font-size: 1.4em; padding-bottom: 3px; font-weight:normal; color: #fff; }
#featured-auction-content .property img.agent-logo {
float: right;
height: auto;
max-height: 46px;
max-width: 45px;
}
.slide-show-nav a.all-auctions {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
border-radius: 0 0 10px 10px;
left: 16px;
padding: 6px 12px 12px;
position: absolute;
top: -19px;
font-family: allerBold;
text-decoration: none;
color: #fff;
}
.slide-show-nav a.all-auctions:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); }
.component-FeaturedAuctions .slide-show-nav { position: relative; }
#featured-auction-content .module-title { padding: 10px; }
#upcoming-auctions { }
#upcoming-auctions ul li.auction-item { border: 1px solid #eee; margin: 0 0px 14px 0;
-moz-box-shadow: 0px 1px 3px #aaa;
-webkit-box-shadow: 0px 1px 3px #aaa;
box-shadow: 0px 1px 3px #aaa;
}
.auction-splitter { border-top: 1px solid #cecece; }
#upcoming-auctions ul li.auction-item .image-wrapper { height: 88px; width: 116px; margin-right: 14px; float: left; }
#upcoming-auctions ul li.auction-item .image-wrapper .property-image { height: 88px; width: 108px; }
#upcoming-auctions ul li.auction-item .image-wrapper .property-image img { max-height: 80px; max-width: 138px; }
#upcoming-auctions ul li.auction-item .info-wrapper { float: left; width: 560px; padding-top: 10px; }
#upcoming-auctions ul li.auction-item.last { margin-right: 0; }
#upcoming-auctions ul li.auction-item .information { padding: 10px; }
#upcoming-auctions ul li.auction-item .information .auction-date { background: #008000; margin-left: -11px; margin-top: -11px; padding: 8px; width: 290px; margin-bottom: 12px; }
#upcoming-auctions ul li.auction-item .information .auction-date h3 { margin: 0; font-size: 16px; color: #fff; }
span.auction-icon { background-image: url(/images/pn-sprite.png) !important; background-repeat: no-repeat; background-position: 1px 1px; margin-right: 8px; display: block; width: 16px; height: 18px; float: left; }
span.auction-icon.where { background-position: -17px -232px; }
span.auction-icon.date { background-position: -41px -232px; }
span.auction-icon.time { background-position: -63px -232px; }
span.auction-icon.hammer { background-position: -40px -255px; }
span.auction-icon.properties { background-position: -81px -231px; }
span.auction-icon.date-white { background-position: -40px -207px; }
span.auction-icon.time-white { background-position: -62px -208px; }
#upcoming-auctions ul li.auction-item .information ul li a { font-size: 12px; }
#featured-auction-content .slide .property .inner { }
.brochure-left .auction-promo-image { float:right; padding: 0 0 10px 10px; }
/*----------------------------------------------*/
.slide-show-nav, #new-dev-featured-nav { margin-bottom: 15px; }
.slide-show-nav ul, #new-dev-featured-nav ul { text-align: center; width: 100%; list-style: none; }
.slide-show-nav ul li, #new-dev-featured-nav ul li { height: 25px; width: 25px; margin: 0 5px; position: relative; overflow: hidden; display: inline-block; }
.slide-show-nav ul li a, #new-dev-featured-nav ul li a {
height: 20px;
width: 20px;
/*background: url(/images/sitefiles/white-dot.png) no-repeat;*/
background: url("/images/pn-sprite.png") no-repeat scroll -85px -76px transparent;
display: block;
}
.slide-show-nav ul li.current a, #new-dev-featured-nav ul li.current a { /*background: url(/images/sitefiles/red-dot.png) no-repeat;*/ background: url("/images/pn-sprite.png") no-repeat -111px -76px transparent; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Services
---------------------------------------------------------------------------------------------------------------------------- */
#services .item { width: 292px; height: 200px; overflow: hidden; }
#services .iphone-app,
#services .map-search { height: 200px; }
#services h3.service-title { border-bottom: 1px solid #444; padding: 0 0 10px 0;}
#services h3 span { display: inline; }
/* Services Blog */
#services .Blog h3 { border-bottom: 1px solid #444; padding: 0 0 10px 0; }
/* Directory */
#services .directory { border: 1px solid #ddd; padding: 10px 15px; }
#services .directory h2 { margin-bottom: 15px; }
#services .directory.developers img { margin-top: -20px; position: relative; }
/* NI Housing Survey */
#services .ni-housing-survey { padding: 10px 15px; border: 1px solid #ddd; background: url(/images/services/graph.png) no-repeat 0 0; height: 180px; }
#services .ni-housing-survey h3 { margin: 0 0 10px 0; }
#services .ni-housing-survey p { margin-bottom: 0; }
#services .ni-housing-survey p a.survey { padding: 5px 0 5px 0; display: block; }
/* IPhone app */
#services .iphone-app { border: 1px solid #ddd; padding: 0 15px 0 15px; overflow: hidden; }
#services .iphone-app h2.line1 { font-size: 2.7em; margin: 0; line-height: 1em; background: url(/images/sitefiles/handdrawn-elements/small-underline.png) no-repeat 91% 47px ; padding: 20px 0 5px 0; }
#services .iphone-app h2.line2 { font-size: 2em; margin: -5px 0 15px 0; }
#services .iphone-app .left,
#services .iphone-app .right { width: 50%; float: left; }
#services .iphone-app img.app-store { margin: 10px 0 10px 0; }
#services .iphone-app img.iphone { margin: 0 0 0px 0; position: relative; padding-left: 20px; }
/* Map Search */
#services .map-search { border: 1px solid #ddd; padding: 10px 15px; height: 180px; }
/* Property Alerts */
#services .property-alerts { padding: 0 10px; border: 1px solid #ddd; padding: 10px 15px; height: 180px; }
#services .property-alerts h2 { margin: 0 0 15px 0; }
#services .property-alerts h2.line1 { margin: 0; }
#services .property-alerts p { margin-bottom: 8px; }
/* Connect with us */
#services .connect { border: 1px solid #ddd; padding: 10px 15px; height: 179px; }
#services .connect .icon-list { overflow: hidden; margin-left: 25px; }
#services .connect .icon-list .icon { width: 50px; height: 77px; background: url(/images/services/connect-icons-small.png) no-repeat 0 0; display: block; float: left; }
#services .connect .icon-list .icon.phone { background-position: 10px 0; }
#services .connect .icon-list .icon.iphone { background-position: -52px 0; }
#services .connect .icon-list .icon.email { background-position: -117px 0; }
#services .connect .icon-list .icon.rss { background-position: -180px 0; }
#services .connect .icon-list .icon.facebook { background-position: -237px 0; }
#connect #contact-panel .form-section { width: 536px; }
#connect #contact-panel .contact-info { float: right; }
#connect #contact-panel .standard-form .input-group label { width: 23%; }
#connect #contact-panel .standard-form.floated.right .error-placeholder.failed { }
/* Advertise with us */
#services .advertise { border: 1px solid #ddd; padding: 10px 15px; height: 179px; }
#services .advertise img { float: right; margin: 0 0 0 15px; }
/* Wilson Nesbitt */
#services .wilson-nesbitt { border: 1px solid #2ca9e2; padding: 15px; text-align: center; height: 169px; }
#services .wilson-nesbitt img { margin-bottom: 10px; }
#services .wilson-nesbitt h2 { font-size: 1.8em; margin: 0; line-height: 1.3em; }
#services .wilson-nesbitt h2 a { color: #2ca9e2; }
#services .beat-the-street { height:179px; text-align:center; }
/* Nationwide */
#services .nationwide { border: 1px solid #0e326c; padding: 30px 20px; height: 139px; }
#services .nationwide img { float: right; margin: 0 0 0 15px; }
#services .nationwide h2 { color: #0e326c; line-height: 1.3em; }
#services .nationwide p { margin: 0; }
/* Advice */
#services .Advice .advice-item { padding: 0 0 4px 0; border: none; }
#services .Advice h3.bordered-heading { margin-bottom: 10px; }
#services .Advice p { margin: 0 0 5px 0; }
#services .Advice p.summary,
#services .Advice ul { margin-bottom: 5px; }
#services .Advice ul li { padding: 5px 0 5px 16px; background-position: left 10px; }
#services .Advice ul li.first { border-top: 0; }
#services .Advice .advice-item h3 { font-family: sans-serif; font-size: 1.2em; padding-top: 4px; }
#services .Advice .advice-item img { padding: 2px; border: 1px solid #ddd; }
/* Why buy new */
#services .why-buy-new { border: 1px solid #ddd; padding: 10px 15px; height: 181px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Results
---------------------------------------------------------------------------------------------------------------------------- */
#search-results #fading-overlay { display: none; }
#search-results #results.module {
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
background-color: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding: 0;
margin: 0;
}
#search-results #results.module.map { background-color: white; }
#search-results #results .results-container, .tabbed-module {
border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
-webkit-border-radius: 0 10px 10px 10px;
position: relative;
}
#search-results { position: relative; }
/* Save Search */
.search-top-container { margin: -7px 0 0 -15px; position: relative; min-height:42px;}
.save-search-container .search-link,
.create-alert-container .search-link { display: block; position: relative; float: right; margin-left:12px }
.save-search-container .email-link { margin:0; }
.save-search-container .search-link.standard-button,
.create-alert-container .search-link.standard-button { font-size: 1.1em; padding-left: 30px; margin-bottom:10px; }
.save-search-container .search-link.standard-button span.icon { background-color: transparent; background-position: -85px 0; }
.create-alert-container .search-link.standard-button span.icon { background-color: transparent; background-position: -85px -20px; }
.save-search-container .stored .search-link.standard-button,
.create-alert-container .stored .search-link.standard-button { padding:6px 15px; font-size: 1.1em; margin-bottom:10px; }
.create-alert-container .stored .search-link.standard-button { padding:6px 17px; }
.alert-subscription-column { text-align: center; width: 100px; float: right; }
.alerts-textlink { display:block; }
.alerts-textlink span.icon { position:static; background-color: transparent; background-position: -83px -19px; width:20px; height:20px }
a.standard-button.alerts-bigbutton { display:block; text-align: left; }
.standard-button.alerts-bigbutton span.icon { position:static; background-color: transparent; background-position: -106px 0; width:26px; height:17px; margin-top:4px; }
.rss-container{ margin-top: 3px; }
.rss-container span.icon { width: 18px; height: 18px; }
/* Pager -------------------------------------------------------------------------------------------------------------------- */
ul.pager { list-style: none; margin: 0 0 0 0; padding: 0; font-size: 1.4em; font-weight: bold; }
ul.pager li { float: left; border: 1px solid #ddd; margin: 0; border-right: 0; }
ul.pager li a,
ul.pager li.current { padding: 4px 8px 3px 8px; display: block; text-decoration: none; color: #aaa; }
ul.pager li.current { background-color: #D23722; }
ul.pager li:hover a { color: #000; }
ul.pager li.next { border-right: 1px solid #ddd; }
ul.pager li.current { color: #fff; }
ul.pager li:first-child {
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}
ul.pager li:last-child {
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
}
/* Search Details, count and page stats ------------------------------------------------------------------------------------ */
#search-results .search-details { padding-bottom: 5px; }
#search-results .search-details .count-stats { width: 100%; float: left; }
#search-results .search-details .count-stats .small-heading,
#search-results .search-details .count-stats h1 { font-size:1.6em; color:#333; font-family: 'AllerBold', 'Trebuchet MS', sans-serif; }
#search-results .search-details .count-stats h1 { margin: 0 0 10px 0; display: inline; }
#search-results .search-details .count-stats h1 span { display: inline; }
#search-results .search-details .count-stats h1 span a { text-decoration: none; color: #333; cursor: default; }
#search-results .search-details .count-stats h1 span a:hover { text-decoration: none; color: #333; cursor: default; }
#search-results .search-details div.pager { width: 70%; float: right; }
#search-results .search-details ul.pager { float: right; }
#search-results .search-details p.page-count { float: left; }
#search-results p.email-alert { float: right; width: 40%; }
#search-results .search-details p.hidden-info {
margin:0px -15px -7px -15px; padding:15px; background:#fec; text-align: center; border-top:1px solid #dc9;
}
#search-results .search-details p.hidden-info a { margin: -5px 0 0 10px; float:right; }
#search-results .search-details p.hidden-info a.standard-button { font-size:1em; padding:2px 8px; }
#search-results .search-details p.hidden-info span.icon { background-position: -140px -20px; width: 16px; height: 16px; }
/* Search Options, view tabs and sorting ----------------------------------------------------------------------------------- */
#search-results .options-tag { position: absolute; font-size: 1.8em; top: 0; left: 300px; background: url(/images/sitefiles/handdrawn-elements/side-arrow.png) no-repeat center left; padding-left: 65px; }
/* View tabs ----------------------------------------------------------------------------------------------------------- */
.simple-tabs { overflow: hidden; }
.simple-tabs ul { float: left; list-style: none; margin: 0; padding: 0; font-size: 1.6em; display: block; width: 50%; }
.simple-tabs ul li {
float: left;
margin: 0 4px 0px 0;
padding: 0;
}
.simple-tabs ul li a {
display: block;
padding: 5px 20px;
text-decoration: none;
background-color: #fff;
position: relative;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
opacity: 0.4;
color: #222;
}
#search-results .simple-tabs ul li a { padding: 5px 20px 5px 17px; }
#search-results .simple-tabs ul li a span.icon { width: 16px; height: 16px; margin-top: 5px; }
#search-results .simple-tabs ul li.list a span.icon { background-position: -67px -1px; }
#search-results .simple-tabs ul li.list.current a span.icon { background-position: -48px -1px; }
#search-results .simple-tabs ul li.grid a span.icon { background-position: -67px -19px; }
#search-results .simple-tabs ul li.grid.current a span.icon { background-position: -48px -19px; }
#search-results .simple-tabs ul li.map a span.icon { background-position: -67px -38px; height: 18px; }
#search-results .simple-tabs ul li.map.current a span.icon { background-position: -48px -38px; height: 18px; }
.simple-tabs ul li a:hover { opacity: 1; }
.simple-tabs ul li.current a { color: #D23722; opacity: 1; }
/* Sorting ------------------------------------------------------------------------------------------------------------ */
#search-results .search-options .sort-options { width: 70%; float: right; text-align: right; }
#search-results .search-options .sort-options p { margin: 5px 0 0 0; }
#search-results .search-options .sort-options a { padding: 0 3px; }
#search-results .search-options .sort-options a.last { padding-right: 0; }
#search-results .search-options .sort-options a.selected { color: #333; text-decoration: none; }
/* Search Results ---------------------------------------------------------------------------------------------------------- */
#search-results .result { overflow: hidden; border-top: 1px solid #ddd; padding: 15px; margin: 0 -15px; position: relative; }
#search-results .list .result.bottom { margin-bottom: 15px; border-bottom: 1px solid #ddd;}
#search-results .result .image-and-date {
float: left;
margin: 0 15px 0 0;
text-align: center;
vertical-align: middle;
width: 230px;
}
#search-results .result .details { width: 467px; float: left; }
#agent-results .result .details { width: 700px; }
#search-results .result p.part-of-development { padding: 0px; margin: 0 0 5px 0; }
#search-results .result h2.address { font-size: 1.8em; margin: 3px 0 0px 0; }
#search-results .result h2.address a { text-decoration: underline; }
#search-results .result h2.address a:hover { text-decoration: none; }
#search-results .result h3.price { font-weight: normal; margin: 0 0 5px; font-size: 1.8em; }
#search-results .result h3.price span { display: inline; }
#search-results .result h3.price span.status { color: #888; }
#search-results .result p.summary { margin: 0 0 10px 0; }
#search-results .result p.summary span { padding: 0 15px; border-left: 1px solid #ddd; }
#search-results .result p.summary span.status { border: 0; padding-left: 0; font-weight: bold; }
#search-results .result p.description { color: #888; font-size: 1.1em; margin: 0 0 5px 0; }
#search-results .result ul.actions { margin: 0; }
.FavouriteItemAjax span.icon { width: 16px; height: 16px; background-position: -16px -52px; }
.RemovedPropertyAjaxToggle span.icon.hide { position: relative; top: -5px; width: 16px; height: 16px; background-position: -138px -50px;}
.RemovedPropertyAjaxToggle span.icon.undo { position: relative; top: -5px; width: 16px; height: 16px; background-position: -163px -52px; }
#search-results .result .remove-icon .toggle-link { display:none; }
#search-results .result .remove-icon { position:absolute; right:-10px; top:15px; }
#search-results .result .remove-icon a .link-text { display:none; }
#search-results .result .hide .image-and-date,
#search-results .result .hide img,
#search-results .result .hide h3,
#search-results .result .hide .summary,
#search-results .result .hide .description,
#search-results .result .hide .actions li,
#search-results .grid .result .hide h3{ display:none; }
#search-results .result .hide .actions li.remove-icon { display: block; }
#map-info .FavouriteItemAjax span.icon { display: none; }
.FavouriteItemAjax div.saved span.icon { background-position: -16px -70px; }
#search-results .result img.agent-logo { float:right; padding:0 0 0 10px; }
#search-results .result p.agent-logo { float:right; padding:0 0 0 10px; width:70px; }
#search-results .result .time-ago {
font-size: 1.1em;
font-weight: bold;
margin: 10px auto 0 auto;
}
#search-results .result .time-ago span { background: url(/images/icons/medium-icon-sprite.png) no-repeat -574px -333px; padding: 4px 0 4px 17px; }
#search-results .result .time-ago.auction { color: #259911; }
#search-results .result .result-inner .remove-icon .hidden-message { display: none; }
#search-results .result .result-inner.hide .remove-icon .hidden-message { display: block!important; }
#search-results .result p.hidden-message { margin: 0; position: absolute; right: -3px; font-size: 11px; top: 10px; }
#search-results .result p.hidden-message a { font-weight: bold; text-decoration: none; color: #D23721; }
#search-results .result p.hidden-message.info { margin:15px -15px -15px -15px; padding:15px; background:#fec; text-align: center; }
#search-results .result p.hidden-message.info a { color:#444; }
#search-results .competition { background: url(/images/competition/easter-egg.jpg) no-repeat; float: left; position: absolute; bottom: -17px; right: 95px; height: 60px; width: 60px; }
#search-results .grid .result .competition { background: url("/images/competition/easter-egg.jpg") no-repeat scroll 0 0 transparent; float: left; height: 40px; position: absolute; bottom: 74px; left: 185px; width: 40px; z-index:9999; }
#search-results .competition span, #search-results .grid .result .competition span { display: none; }
/* Grid Layout -------------------------------------------------------------------------------------------------------------- */
#search-results .grid .search-details p.hidden-info { margin:0px -15px 0px -15px; padding:15px; background:#fec; text-align: center; }
#search-results .grid .results-container.module {
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
background-color: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding: 0;
margin: 0;
}
#search-results .grid .results-container.module .search-details,
#search-results .grid .result,
#search-results .grid .pager.bottom {
border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
-webkit-border-radius: 0 10px 10px 10px;
background-color: #fff;
-moz-box-shadow: 1px 2px 2px #aaa;
-webkit-box-shadow: 1px 2px 2px #aaa;
box-shadow: 1px 2px 2px #aaa;
padding: 15px;
margin: 0 0 20px 0;
}
#search-results .grid .result ul.actions li.remove-icon .RemovedPropertyAjaxToggle span.icon.hide {
background: url(/images/icons/icon-sprite.png) no-repeat 0 0 #686868;
background-position: -145px -72px;
width: 22px;
height: 22px;
border: 3px solid #fff;
box-shadow: 1px 1px 1px #cecece;
-moz-box-shadow: 1px 1px 1px #cecece;
-webkit-box-shadow: 1px 1px 1px #cecece;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
}
#search-results .grid .result ul.actions li.remove-icon .RemovedPropertyAjaxToggle span.icon.undo {
background: url(/images/icons/icon-sprite.png) no-repeat 0 0 #686868;
background-position: -162px -72px;
width: 22px;
height: 22px;
border: 3px solid #fff;
box-shadow: 1px 1px 1px #cecece;
-moz-box-shadow: 1px 1px 1px #cecece;
-webkit-box-shadow: 1px 1px 1px #cecece;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
}
#search-results .grid .result ul.actions li.remove-icon .RemovedPropertyAjaxToggle p.hidden-message {
display: none!important;
}
#search-results .result ul.actions li.remove-icon .toggle-off p.hidden-message {
/*right: 4px;*/
}
#search-results .grid .result p.description,
#search-results .grid .result p.part-of-development,
#search-results .grid .result h2.list-address,
#search-results .result h2.grid-address { display: none; }
#search-results .grid .result ul.actions li { display:none; }
#search-results .grid .result ul.actions li.remove-icon { display:block; position:absolute; float:none; top:auto; right:-14px; top:-7px; margin:0px; }
#search-results .grid .result h2.grid-address,
#search-results .result h2.list-address { display: block; }
#search-results .result h2.list-address { width: 440px; }
#search-results .grid .result {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 210px;
float: left;
margin: 0 12px 15px 0;
border: 0;
overflow: visible;
height: 455px;
background: url(/images/sitefiles/grid-layout-bottom.png) repeat-x bottom center #fff;
position: relative;
}
#search-results .grid .result.last { margin-right: 0; }
#search-results .grid .result h2,
#search-results .grid .result h3 { font-size: 1.8em; margin: 0 0 5px 0; display: block; }
#search-results .grid .result h3.price { line-height: 1.3em; height: 53px; }
#search-results .grid .result h2 { height: 76px; font-size: 1.6em; }
#search-results .grid .result .details,
#search-results .grid .result .image-and-date { width: 212px; margin: 0 0 10px 0; }
/*#search-results .grid .result .property-image { height: 100%; }
#search-results .grid .result .property-image a { height: 143px; }
#search-results .grid .result .property-image img { max-height: 135px; max-width: 200px; }*/
#search-results .grid .result p.summary { font-size: 1.1em; width: 100%; float: left; }
#search-results .grid .result p.summary span { display: block; padding: 0; border: 0; }
#search-results .grid .result p.agent-logo {
position: absolute;
bottom: 10px;
right: 10px;
float: none;
background-color: #FFF;
height: 40px;
width: 40px;
font-size: 10px;
text-align: left;
margin: 0;
padding: 0;
border: 1px solid #ccc;
padding: 5px;
line-height: 12px;
overflow: hidden;
}
#search-results .grid .result img.agent-logo { position: absolute; bottom: 10px; right: 15px; max-height: 50px; max-width: 60px; }
#search-results .grid .result img.agent-logo-two { right: 75px; }
#search-results .grid .result img.agent-logo-three { right: 135px; }
#search-results .grid .result .img a.image-link { height: 170px; margin-bottom: 10px; }
#search-results .grid .result p.time-ago { position: absolute; left: 15px; bottom: 17px; width: 80px; text-align: left; background-position: -574px -330px;}
#search-results .grid .pager.bottom {
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#search-results .pager.bottom .pager { float: right; }
/* No results ! */
#search-results #no-properties-found { padding: 30px; background: url(/images/sitefiles/no-properties.png) no-repeat center center; min-height: 300px; }
#search-results #no-properties-found h2 { margin-bottom: 30px; }
#search-results #no-properties-found .suggestions p { font-size: 1.4em; margin-bottom: 10px; }
#search-results #no-properties-found .suggestions ul { font-size: 1.4em; border-bottom: 1px dotted #ddd; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Refine
---------------------------------------------------------------------------------------------------------------------------- */
#refine {
margin: 2px 0 20px 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #fff;
position: relative;
background:#d23721;
clear:both;
}
#refine h2 { margin: -15px -15px 0 -15px; padding: 10px 16px 10px 50px;
background:url(/images/sitefiles/refines-arrow.gif) no-repeat 10px 15px #d23721;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
#refine h2 span.icon { width: 30px; height: 14px; background-position: -16px -2px; margin: 4px 7px 0 0; display: none; }
#refine h3 { font-size: 1.2em; line-height: 1em; margin:-12px -15px 10px -15px; padding:16px 15px 0 20px; font-family: sans-serif; font-weight: bold; background:url(/images/sitefiles/refine-heading-bg.gif) no-repeat top left; }
#refine .refine-section { border-bottom: 1px solid #8c8c8c; padding: 12px 15px; margin: 0 -15px; position: relative; background:url(/images/sitefiles/refine-bg.gif) repeat-x bottom #fff; }
#refine .refine-section:hover { background-color: #fff; }
#refine .refine-section .col { width: 40%; }
#refine .refine-section#buttons { text-align: center; }
#refine .refine-section#area-refine p.add-more { clear: both; margin: 0; overflow: hidden; padding-top: 5px; line-height: 1.7em; }
#refine .refine-section#area-refine p.add-more span { width: 22px; height: 22px; background: url(/images/icons/medium-icon-sprite.png) no-repeat -563px -67px; display: block; float: left; padding: 0 7px 0 0; }
#refine .refine-section#area-refine p.add-more span:hover { cursor: pointer; }
#refine .refine-section#area-refine .quick-search { height: inherit; margin: 0; }
#refine .refine-section#area-refine .quick-search ul.search-selections li.selected-item { margin: 0 6px 6px 0; }
#refine .refine-section ul { list-style: none; margin: 0; padding: 0; }
#refine .refine-section ul li { margin-bottom: 3px; }
#refine .refine-section ul li.more { font-weight: bold; margin: 0 0 0 21px; }
#refine .refine-section ul li input { margin: 0 6px 0 0; display: inline-block; vertical-align: middle; }
#refine .refine-section ul li label { font-size: 1em; vertical-align: bottom; color: #3a7ac9; text-decoration: underline; }
#refine .refine-section ul li label:hover { cursor: pointer; text-decoration: none; }
#refine .refine-section#price-refine input { font-size: 1.2em; width: 196px; padding: 3px; }
#refine .refine-section#price-refine #price-range-refine { position: relative; width: 206px; }
#refine .refine-section#price-refine #price-range-refine span { display: block; }
#refine .refine-section#reception-refine ul,
#refine .refine-section#rooms-refine ul { width: 40%; float: left; margin-left: 15px; }
#refine .refine-section span.count { color: #888; }
#refine .refine-section .range-drop-down { margin-left: -110px; }
#refine .refine-section .drop-down-pointer { left: 50%; }
#refine .refine-section input#RefineKeywords { width: 93%; font-size: 1.2em; padding: 4px; }
#refine .refine-section#keyword-refine h3 { background:url(/images/sitefiles/refine-heading-bg-noshadow.gif) no-repeat top left; }
#refine .refine-section#keyword-refine input.button { margin-top: 4px; }
#refine .refine-section#type-refine #type-toggle { font-size: 1.1em; margin: 0px 0 0 20px; padding-top: 10px; display: block; }
#refine .refine-section#type-refine ul { margin-left: 15px; }
#refine .refine-section#date-refine { overflow: hidden; }
#refine .refine-section#date-refine h3 { height:40px; }
#refine .refine-section#date-refine h3 span { float: left; margin: 0; display:block; }
#refine .refine-section#date-refine ul { font-size: 1em; margin-top:-52px; margin-left:70px; }
#refine .refine-section#other-refine { margin-bottom: 0; border-bottom: 0; }
#refine .refine-section#other-refine ul { margin-left: 15px; }
/* Container popup */
.quick-search-popup-container {
position:absolute;
width: 591px;
top: -130px;
right: 225px;
display: none;
z-index: 300;
}
.quick-search-popup-container .quick-search-popup-arrow { width: 32px; height: 48px; background: url(/images/sitefiles/dialogs/large-dialog-right.png) no-repeat 0 0; display: block; position: absolute; top: 91px; right: -23px; }
.quick-search-popup-container .dialog-top { background: url(/images/sitefiles/dialogs/large-dialog-top.png) no-repeat top center; height: 15px; }
.quick-search-popup-container .dialog-bottom { background: url(/images/sitefiles/dialogs/large-dialog-bottom.png) no-repeat bottom center; height: 15px; }
.quick-search-popup-container .dialog-content { background: url(/images/sitefiles/dialogs/large-dialog-middle.png) repeat-y center center; height: 370px; padding: 10px 30px 20px 30px; }
.quick-search-popup-container .search-text-box-outer,
.quick-search-popup-container #no-script { width: 530px; }
.quick-search-popup-container ul.search-list { left: 30px; max-height: 252px; }
.quick-search-popup-container .area-picker { left: 30px; border-color: #ddd; box-shadow: none; -moz-box-shadow: 0; -webkit-box-shadow: 0; }
.quick-search-popup-container .area-picker { margin-top: 12px; }
.quick-search-popup-container .area-picker ul li { margin: 0 !important; }
.quick-search-popup-container .add-area-done { position: relative; top: 265px; text-align: right; background: url(/images/icons/medium-icon-sprite.png) no-repeat -562px -204px; width: 40%; float: right;}
#refine .quick-search-popup-container ul.search-list li { margin-bottom: 0; }
#refine .quick-search-popup-container .dialog-content h2 { margin:0px 0px 0.5em 0px; padding:0px 0px 7px 0px; background:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Brochure
---------------------------------------------------------------------------------------------------------------------------- */
#brochure { position: relative; }
/* Tabs */
#brochure .module-tabs { background-color: #D23722; height: 32px; }
#brochure .module-tabs ul { margin: 0px 0 0 15px; padding: 0; list-style: none; display: block; font-size: 1.4em; font-weight: bold; position: relative; top: 6px; }
#brochure .module-tabs ul li { padding: 3px 17px 5px 17px; float: left; margin-right: 5px; color:#fff; cursor: pointer; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
#brochure .module-tabs ul li:hover { background-color: #88a2c2; color: #114585; }
#brochure .module-tabs ul li.current { background-color: #F8F7F5; color: #D23722; }
#brochure .module .inner { padding: 15px; background-color: #F8F7F5; }
#brochure .brochure-left { width: 645px; float: left; }
#brochure .brochure-right { width: 310px; float: right; }
#brochure .brochure-section-title { font-size: 1.4em; color: #205291; }
/* Part of Development */
#brochure #part-of-development { padding: 10px; border: 1px solid #ddd; margin-top: 15px; margin-bottom: 0; text-align: center;}
/* Navigation */
#brochure .navigation { position: relative; border-bottom: 1px solid #ddd; margin: -15px -15px 0px -15px; }
#brochure .navigation .back-to-results { width: 120px; float: left; margin: 0; padding: 7px 0 7px 34px; background: url(/images/icons/medium-icon-sprite.png) no-repeat 4px -154px; }
#brochure .navigation .prev-next-links { list-style: none; margin: 0; padding: 0; width: 240px; display: block; float: right; }
#brochure .navigation .prev-next-links li { float: right; margin: 0; padding: 8px 0; }
#brochure .navigation .prev-next-links li.prev-link { border-right: 1px solid #dedede; float: left; }
#brochure .navigation .prev-next-links li.next-link { padding-right: 16px; }
#brochure .navigation .prev-next-links li.prev-link a { padding: 0 15px 0 0; }
#brochure .navigation .prev-next-links li.next-link a { padding: 0 0 0 15px; }
/* Address */
#brochure h1.main-address { margin-bottom: 0px; line-height: 1.2em; color: #D23722; padding: 10px 0 0 5px; }
#brochure h1.main-address span { display: inline; }
#brochure h2.price { margin: 0 -15px 0 -15px; border-bottom: 1px solid #ddd; padding: 0 20px 20px 20px; }
#brochure h2.price span.status { display: inline; }
#brochure h2.price span.price { display: inline; }
#brochure h2.price span.price-text { font-size: 1.2em; }
#brochure .quick-link { margin: 0; color: #999; font-style: italic; font-family: sans-serif; font-size: 1.2em; position: absolute; right: 15px; margin-top: -40px; }
/* Actions */
#brochure #actions { margin: 0 0 0px 0; position: relative; border-bottom: 1px solid #ddd; margin: 0 -15px 15px -15px; position: relative; padding: 10px 15px; }
#brochure #actions ul { list-style: none; margin: 0; padding: 0; font-size: 1.2em; }
#brochure #actions ul li,
#brochure #actions #tweet {
display: inline-block;
margin: 0 8px 0 0;
background: url(/images/icons/medium-icon-sprite.png) no-repeat 2000px 2000px;
padding: 0px 0 0px 30px;
}
#brochure #actions ul li.save { padding-left: 0; /*background-position: 0 -637px;*/ }
#brochure #actions ul li.send { background-position: 0 -450px; }
#brochure #actions ul li.contact-agent { background-position: 0 -488px; padding-left: 0; }
#brochure #actions ul li.contact-agent a{ background-position: 0 -487px; font-size: 12px; font-weight: normal; padding: 4px 7px 4px 32px; }
#brochure #actions ul li.print { background-position: 0 -671px; }
#brochure #actions ul li.mortgage { background-position: 0 -597px; }
#brochure #actions ul li.brochure { background-position: -563px -269px; }
#brochure #actions #tweet { position: absolute; right: 170px; top: 12px; font-size: 1.2em; background-position: 0 -530px; padding-left: 35px; }
#brochure #actions #fb-like { position: absolute; right: 88px; top: 10px; }
#brochure #actions #google-plusone { position: absolute; right: -12px; top: 10px; }
#brochure #actions ul li div { display: inline; }
#brochure #brochure-nav { background-color: #ebe7de; border-width:1px; border-style:solid; border-color:#CCC #DDD #E3E3E3 #DDD; padding: 4px 10px 3px 10px; margin-bottom: 10px; color: #fff; }
#brochure #brochure-nav ul { margin:0px; padding:0px; font-size:1.6em; font-family: 'AllerBold', sans-serif; text-align:center; }
#brochure #brochure-nav ul li { display:block; float: left; margin:0px; }
#brochure #brochure-nav ul li a {
background:url(/images/sitefiles/brochure-nav-icons.png) no-repeat;
float:left;
height:25px;
overflow:hidden;
padding:0 15px 0 25px;
color:#666666;
text-decoration:none;
-webkit-text-shadow:0 1px 0 #fff;
-moz-text-shadow:0 1px 0 #fff;
text-shadow:0 1px 0 #fff;
}
#brochure #brochure-nav ul li a:hover { color:#333333;}
#brochure #brochure-nav ul li.slideshow a { background-position:0px 0px; }
#brochure #brochure-nav ul li.slideshow a:hover { background-position:0px -25px; }
#brochure #brochure-nav ul li.map a { background-position:0px -50px; }
#brochure #brochure-nav ul li.map a:hover { background-position:0px -75px; }
#brochure #brochure-nav ul li.streetview a { background-position:0px -100px; }
#brochure #brochure-nav ul li.streetview a:hover { background-position:0px -125px; }
#brochure #brochure-nav ul li.video a { background-position:0px -150px; }
#brochure #brochure-nav ul li.video a:hover { background-position:0px -175px; }
#brochure #brochure-nav ul li.epc a { background-position:0px -200px; }
#brochure #brochure-nav ul li.epc a:hover { background-position:0px -225px; }
#brochure #brochure-nav ul li.intelligence { position: relative; }
#brochure #brochure-nav ul li.intelligence { position: relative; }
#brochure #brochure-nav ul li.intelligence a { background-position:0px -250px; }
#brochure #brochure-nav ul li.intelligence a:hover { background-position:0px -275px; }
#brochure #brochure-nav ul li.intelligence span.intelligence-new {
color: #d23722;
position: absolute;
top:-24px;
left:54px;
padding: 1px 0 4px 40px;
font-size:0.9em;
background: url(/images/icons/arrow-sprite.png) no-repeat 20px -630px;
}
/* Images and slideshow */
#brochure #slideshow { height: 100%; margin-bottom: 15px; }
#brochure .brochure-left #slideshow { height: auto; margin: 0; }
#brochure #slideshow .slides {
margin-bottom: 10px;
width: 660px;
border: 1px solid #ddd;
text-align: center;
display: table-cell;
vertical-align: middle;
position:absolute;
}
#brochure #slideshow .slides img { vertical-align: middle; }
.large-slideshow-content-container .lone-image { max-width: 100%; max-height: 100%; }
#brochure #slideshow .slides img:hover { cursor: pointer; }
#brochure #slideshow .thumbs { margin: 15px 0; height: 58px; }
#brochure #slideshow .thumbs #thumb-slider {
width: 610px;
display: block;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1px 2px;
height: 53px;
overflow: hidden;
margin: 0 15px;
}
#brochure #slideshow .thumbs ul {
width: 9999px;
list-style: none;
position: relative;
}
#brochure #slideshow .thumbs ul li { float: left; height: 53px; margin: 0 2px 0 0; padding: 0; }
#brochure #slideshow .thumbs ul li:hover { cursor: pointer; }
#brochure #slideshow .thumbs ul li img { height: 53px; }
#brochure #slideshow .thumbs a {
background: url(/images/icons/arrow-sprite.png) no-repeat center center #D23722;
width: 15px;
display: block;
height: 57px;
position: relative;
}
#brochure #slideshow .thumbs a.prev-photo {
float: left;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
background-position: -2px -335px;
background-color: #ddd;
}
#brochure #slideshow .thumbs a.next-photo {
float: right;
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
background-position: -2px -120px;
background-color: #ddd;
}
#brochure #slideshow .thumbs a:hover { background-color: #D23722; }
#brochure #slideshow .buttons { text-align: center; margin: 0 0 20px 0; }
#brochure #slideshow .buttons a { margin: 5px 5px; padding-left: 33px; position: relative; }
#brochure #slideshow .buttons a.slideshow .icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -320px -92px; }
#brochure #slideshow .buttons a.video .icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -320px -595px; }
#brochure #slideshow .buttons a.map .icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -319px -204px; }
#brochure #slideshow .buttons a.streetview .icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -319px -267px ; }
#brochure #slideshow .buttons a.epc .icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -319px -337px; }
/* Key Information */
#brochure #key-information { background-color: #F8F7F5; padding: 10px 15px 15px 15px; }
#brochure #key-information h3 { background: url(/images/icons/medium-icon-sprite.png) no-repeat -763px -517px; padding-bottom: 4px; padding-left: 32px; }
#brochure #key-information h3 span { display: inline; }
#brochure #key-information table { margin: 0; font-size: 1.2em; border: 1px solid #ddd; }
#brochure #key-information table tr.alternate td { background-color: #fff; }
#brochure #key-information table td { padding: 5px 7px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #efeeeb; }
#brochure #key-information table td.label { font-weight: bold; }
#brochure #key-information table td.status { color: #da2727; }
#brochure #key-information table td .price-text { font-size: 0.8em; color: #888; display: block; line-height: 1em; }
#brochure #key-information tr.first td { vertical-align: bottom; }
#brochure #key-information tr.penultimate-row td { }
#brochure #key-information tr.last-row td { border-bottom: 0; border-top: 1px solid #ddd; }
#brochure #auction-information { background-color: #F8F7F5; padding: 10px 15px 15px 15px; }
#brochure #auction-information h3.contrast { background: url(/images/icons/medium-icon-sprite.png) no-repeat -763px -560px; padding-bottom: 4px; padding-left: 32px; color: #008000; }
#brochure #auction-information h3 span { display: inline; }
/* Features */
#features { margin-bottom: 30px; }
#features ul { list-style: disc; margin: 0 0 0 15px; padding: 0; font-size: 1.2em; }
#features ul li { padding-left: 0; margin-bottom: 4px; }
/* Description */
#brochure #description { margin-bottom: 15px; }
#brochure #description p { font-size: 1.2em; line-height: 1.6em; }
/* Comprises */
#brochure #comprises table td { padding: 5px 10px; margin-bottom: 5px; }
#brochure #comprises table td.name { border-right: 1px solid #ddd; text-align: right; font-weight: bold; }
#brochure #comprises table tr.alternate td { background-color: #F8F7F5; }
#brochure #comprises dl dd { width: 455px; float: left; border-left: 1px solid #dedede; margin-bottom: 10px; padding-left: 15px; }
#brochure #comprises dl dd span { color: #999; display: block; }
/* Location */
#brochure #location { margin-bottom: 15px; margin-top: 45px; }
#brochure #location h3 span { display: inline; }
#brochure #location #google-map { width: 346px; border: 1px solid #999; float: left; margin: 0 15px 0 0; }
#brochure #location #map-controls { width: 267px; float: left; }
#brochure #location #map-controls h4 { color: #333; font-size: 1.2em; margin-bottom: 5px; }
#brochure #location #map-controls p { font-size: 1.2em; }
#brochure #location #map-controls a { background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 0; padding: 5px 10px 5px 23px; font-size: 1.2em; }
#brochure #location #map-controls a.large-map { background-position: -6px -832px; margin-right: 20px; }
#brochure #location #map-controls a.streetview { background-position: -3px -915px; }
/* Mortgage Calculator */
#calculator #calculator-left { width: 310px; float: left; }
#calculator #calculator-right { width: 215px; float: right; }
#calculator #calculator-left table { margin: 0 0 10px 0; }
#calculator #calculator-left table input { width: 60px; margin: 0 4px; }
#calculator #calculator-left table td { font-weight: bold; padding: 5px 0; border-bottom: 1px dotted #999; }
#calculator #calculator-left .button { text-align: center; margin-bottom: 15px; margin-top: 20px; }
#calculator #calculator-left p.terms { color: #888; margin: 0; font-size: 1em; }
#calculator #calculator-right table { margin: 0; }
#calculator #calculator-right table td { background-color: #fff; padding: 4px 7px; color: #888; }
#calculator #calculator-right table td p { margin: 0; font-size: 1.8em; }
#calculator #calculator-right table td p strong { font-weight: normal; color: #222; }
#calculator #calculator-right table td h4 { margin: 0; font-size: 1em; text-transform: uppercase; color: #cc2626; }
#calculator #calculator-right table tr.results td h4 { float: left; padding: 6px 10px 5px 3px; }
#calculator .sponsorship img { float: right; margin-bottom: 3px; width:210px; }
#calculator .sponsorship p { float: left; font-size: 1.2em; font-weight: bold; padding: 5px 0 0 0; width: 70%; margin: 0; text-align: right; }
#calculator #calculator-right table td.mortgage-sponsor { text-align: right; background: #F8F7F5; padding:8px 0px 0px 0px; }
/* Similar Properties */
#brochure .agents-other-properties { position: relative; }
#brochure .agents-other-properties h3 a { text-decoration: none; color: #444; }
#brochure .agents-other-properties a.more-link { position: absolute; top: 15px; right: 15px; font-size: 1.2em; display: block; }
#brochure .agents-other-properties .property { float: left; margin-right: 20px; width: 108px; }
#brochure .agents-other-properties .property.last { margin-right: 0; }
#brochure .agents-other-properties .property .img {
width: 108px;
height: 74px;
background-color: #fff;
margin: 0 0 10px 0;
border: 1px solid #ddd;
text-align: center;
display: table-cell;
vertical-align: middle;
}
#brochure .agents-other-properties .property img { vertical-align: middle; }
#brochure .agents-other-properties .property .img a { height: 74px;}
#brochure .agents-other-properties .property p.address { font-size: 1.2em; margin: 0; height: 40px; }
#brochure .agents-other-properties .property p.address a { font-weight: bold; }
#brochure .agents-other-properties .property p.price { font-weight: bold; font-size: 1.2em; margin: 5px 0 0 0; }
/* Contact Agent */
#contact-agent { background-color: #e9eef2; }
#contact-agent .module-title { margin: 0; background: #075ca7; }
#contact-agent .agent-logo { text-align: center; }
#contact-agent p.agent-name { text-align: center; clear: both; margin: 0 0 5px 0; }
#contact-agent #agent-details { padding: 15px; }
#contact-agent #agent-details .phone {
font-size: 1.6em;
background: url(/images/icons/medium-icon-sprite.png) no-repeat 4px -101px;
padding: 12px 10px 10px 10px;
text-align: center;
line-height: 1em;
margin: 0;
font-weight: bold;
}
#contact-agent .contact-info { clear: both; padding: 15px; }
#contact-agent .contact-info ul { margin: 0; }
#contact-agent .contact-info ul li { background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 0; padding-left: 32px; margin-bottom: 10px;}
#contact-agent .contact-info ul li.www { background-position: -5px -316px; }
#contact-agent .contact-info ul li.other { background-position: -5px -214px; }
#contact-agent .contact-info ul li.address { background-image: none; margin-bottom: 0; }
#contact-agent-form { margin: 0; border-top: 1px solid #fff; padding: 15px; border-bottom: 1px solid #fff; }
#contact-agent-form.standard-form .input-group { margin-bottom: 5px; }
#contact-agent-form #Name,
#contact-agent-form #Email,
#contact-agent-form #Phone { width: 90%; margin: 0 0 5px 0; color: #888; font-size: 1.1em; padding: 4px 5px; }
#contact-agent-form #Message { width: 93.8%; height: 50px; margin-bottom: 5px; font-size: 1.1em; color: #888; }
#contact-agent-form .buttons input {margin: 0 auto; display: block; width: 70px; behavior: url(/css/PIE.htc); positon: relative;
}
#contact-agent-form .remember label { width: 50%; float: left; font-weight: normal; }
/* Contact agent modules */
.contact-agent {}
.contact-agent .module-title { background: #075CA7; }
/* Extra contact agent modules */
.agent-details-module .agent-logo-wrapper { margin-right: 20px; }
.agent-details-module .agent-info { padding: 1px; }
.agent-details-module .agent-info p.agent-name { font-size: 16px; margin-bottom: 4px; }
.agent-details-module .agent-info p.phone { font-size: 13px; margin-bottom: 6px; font-weight: bold; }
.agent-details-module .agent-info p.phone span.icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -7px -113px; width: 18px; height: 16px; position: relative; top: 3px; }
.agent-details-module .agent-info a.button { font-size: 12px; padding: 4px 7px; }
/* Advertising */
#brochure .module #sky1,
#brochure .module #sky2 { float: left; width: 50%; text-align: center; }
/* Propertynews Services */
#brochure #propertynews-services .service { padding: 10px 0; position: relative; border-bottom: 1px solid #ddd; }
#brochure #propertynews-services .service:first-child { padding-top: 0; }
#brochure #propertynews-services .service.last { margin-bottom: 0px; padding-bottom: 0; border-bottom: 0; }
#brochure #propertynews-services .service a.service-image-link { width: 54px; float: left; }
#brochure #propertynews-services .service .details { margin-left: 64px; }
#brochure #propertynews-services .service p { margin: 0; }
#brochure #propertynews-services .service a { font-weight: bold; font-size: 1.2em; }
#brochure #propertynews-services .service p a { font-size: inherit; }
/* What to do next */
#brochure #what-to-do-next ul { list-style: none; margin: 0; padding: 0; }
#brochure #what-to-do-next ul li { width: 98px; height: 52px; background: url(/images/sitefiles/new-brochure/next-button-bg.png) no-repeat 0 0; margin-right: 15px; float: left; text-align: center; position: relative; }
#brochure #what-to-do-next ul li span { position: absolute; width: 50px; height: 50px; background: url(/images/sitefiles/new-brochure/next-button-icon-sprite.png) no-repeat top left; left: 30px; }
#brochure #what-to-do-next ul li.send-to-friend span { background-position: 0 -70px; }
#brochure #what-to-do-next ul li.area-guide span { background-position: 0 -140px; }
#brochure #what-to-do-next ul li.local-services span { background-position: 0 -210px; }
#brochure #what-to-do-next ul li.buying-advice span { background-position: 0 -280px; }
#brochure #what-to-do-next ul li a { padding-top: 38px; display: block; text-decoration: none; color: #fff; font-weight: bold; }
#brochure #what-to-do-next ul li.last { margin-right: 0; }
/* Brochure SEO */
ul#brochure-seo { overflow:auto; margin-bottom:16px; }
ul#brochure-seo li { float:left; width:45%; margin-bottom:5px; margin-right:5%; }
ul#brochure-seo li b { font-weight:bold; }
/* Large Slideshow */
#large-slideshow { position: absolute; top: 0; z-index: 1001; width: 100%; text-align: left; left: 0; background-color: red;}
#large-slideshow-header { background: #F8F7F5; z-index: 1003; padding: 10px 10px 7px 10px; position: fixed; width: 99%; min-width: 980px; top: 0; left: 0; border-bottom: 5px solid #D23722; }
#large-slideshow-header img.logo { float: left; margin: 0 15px 0px 0; padding: 0 0 0px 0; }
#large-slideshow-header #slideshow-address { float: left; width: 300px; padding: 5px 0 0 0; }
#large-slideshow-header #slideshow-address h2 { overflow: hidden; width: 300px; white-space: nowrap; font-size: 1.6em; }
#large-slideshow-header a.button { font-size: 10px; }
#large-slideshow #slideshow-nav ul li.large-slideshow-tab-contact-agent { background: #085da8; }
#large-slideshow #slideshow-nav ul li.large-slideshow-tab-contact-agent:hover { background: #3289d5; }
#large-slideshow #slideshow-nav { float: left; position: absolute; bottom: 0; left: 47%; }
#large-slideshow #slideshow-nav ul { margin: 0; padding: 0; list-style: none; }
#large-slideshow #slideshow-nav ul li {
font-size: 1.3em;
float: left;
margin: 0 0 0 3px;
background-color: #A12310;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
}
#large-slideshow #slideshow-nav ul li a {
padding: 5px 10px;
font-size: 13px;
text-decoration: none;
color: #fff;
display: block;
}
#large-slideshow #slideshow-nav ul li:hover { color: #fff; background-color: #FE604A; }
#large-slideshow #slideshow-nav ul li.current {
text-decoration: none;
color: #fff;
background-color: #D23722;
}
#large-slideshow-overlay {
height: 100%;
width: 100%;
left: 0;
background-color: #000;
opacity: 0.8;
position: fixed;
top: 0;
z-index: 999;
}
#large-slideshow-content a#prev-photo-large,
#large-slideshow-content a#next-photo-large { width: 54px; height: 169px; position: absolute; top: 50%; margin-top: -84px; }
#large-slideshow-content a#next-photo-large { right: 1%; }
#large-slideshow-content a#prev-photo-large { left: 1%; }
#large-slideshow-content a#prev-photo-large img,
#large-slideshow-content a#next-photo-large img { width: 54px; height: 169px; }
#large-slideshow-content {
text-align: center;
position: fixed;
width: 100%;
top: 75px;
left: 0;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#large-slideshow-content .large-slideshow-content-container { display: none; }
#large-slideshow-content .large-slideshow-content-container.current { display: block; }
#large-slideshow-photos { width: 100%; position: relative; height: 98%; }
#large-slideshow-photos img { margin: 0 auto; height: 100%; width: auto; }
#large-slideshow-photos #large-slideshow-main-image { border: 2px solid #fff; }
#large-slideshow-epc { background: url(/images/sitefiles/new-brochure/epc-bg.png) no-repeat top left; width: 495px; height: 480px; margin: 20px auto 0 auto; }
#large-slideshow-epc img { float: left; padding: 15px; width: 250px !important; height: 235px !important; }
#large-slideshow-epc .module {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#large-slideshow-epc .module-title { text-align: left; margin-bottom: 0px; }
#large-slideshow-epc .details { width: 180px; height: 120px; float: left; margin: 25px 0 0 0; text-align: left; }
#large-slideshow-epc .advert { margin: 30px 0 0 10px; }
#large-mortgage-wrapper {
text-align: left;
margin: 40px auto 0 auto;
width: 600px;
height: 315px;
padding: 20px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#large-mortgage-wrapper .module {
padding: 0;
background: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
margin: 0;
}
#large-mortgage-wrapper #calculator .module-tabs { display: none; }
#large-mortgage-wrapper #calculator table#calculation-results td { background-color: #F8F7F5; }
#large-mortgage-wrapper #calculator table#calculation-results td.mortgage-sponsor { text-align: right; padding: 8px 0 0 0; background: #fff; }
#large-slideshow #slideshow-close { position: absolute; top: 15px; right: 15px; }
#large-slideshow #slideshow-close a {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 -741px #D23722;
text-decoration: none;
color: #fff;
font-size: 1.5em;
padding: 5px 8px 8px 29px;
display: block;
}
#large-slideshow #slideshow-close a:hover { color: #fff; background-color: #A12310; }
.bottom-bar { background-color: #111; width: 100%; padding: 10px 0; position: fixed; left: 0; bottom: 0; height: 110px; }
.bottom-bar .inner { width: 980px; margin: 0 auto; }
#large-slideshow-image-thumbs .thumb-slider { overflow: hidden; width: 918px; position: relative; }
#large-slideshow-image-thumbs ul { display: block; width: 6000px; padding: 0; float: left; position: relative; left: 0px; margin: 0; list-style: none; }
#large-slideshow-image-thumbs ul li { float: left; margin: 0 4px 0 0; }
#large-slideshow-image-thumbs ul li img { border: 2px solid #e7e7e7; max-height: 100px; }
#large-slideshow-image-thumbs ul li img:hover { cursor: pointer; }
#large-slideshow-image-thumbs a.prev-photo { display: block; width: 21px; float: left; }
#large-slideshow-image-thumbs a.next-photo { display: block; width: 21px; float: right; }
#large-slideshow-image-thumbs { text-align: center; }
#large-slideshow-image-thumbs a { padding: 0 5px; }
#large-slideshow-map { margin: 0 auto; width: 800px; }
#large-slideshow-map #map { width:800px; height:600px; float:left; margin:auto; }
#large-slideshow-streetview #streetview { width:980px; height:600px; margin:auto; }
#show-on-map {
border:none;
color:#333;
position: absolute;
width: 140px;
right: 0px;
top: 35px;
padding: 10px 0 10px 10px;
background-color: none;
background: url(/images/sitefiles/transparent-white-80-ie.png) repeat;
text-align: left;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}
#show-on-map h2 { margin-bottom: 5px; text-align: center; padding-right: 6px; }
#show-on-map ul li { width: 100%; margin-bottom: 5px;}
#show-on-map ul li label { font-size: 1em; }
#show-on-map ul li img { padding: 5px; position: relative; margin-bottom: -16px; }
.map-services-popup { width: 250px; text-align: left; }
#toggle-key-heading a { background: url(/images/sitefiles/toggle-open.png ) no-repeat 0 3px; display: block; float: left; width: 20px; height: 23px; cursor: pointer;}
#toggle-key-heading a.close-key { background: url( /images/sitefiles/toggle.png ) no-repeat 0 3px; display: block; float: left; width: 20px; height: 23px; cursor: pointer;}
#show-on-map h2 {cursor: pointer;}
/* Captcha */
#brochure-captcha { background-color: #e2ddd4; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 10px;}
#brochure-captcha #recaptcha_image img { width:260px; height: auto; }
#brochure-captcha .captcha-input { width:140px; float: left; }
#brochure-captcha #recaptcha_response_field { width: 130px !important: }
#brochure-captcha ul.actions { float: right; width: 118px; }
#brochure-captcha ul.actions li { float: left; margin-right: 3px; text-indent: -9999px;}
#brochure-captcha ul.actions li a { display: block; width: 37px; height: 37px; background: url(/images/icons/captcha-icons.png) no-repeat 0 0; }
#brochure-captcha ul.actions li a:hover { cursor: pointer; }
#brochure-captcha ul.actions li.another a { background-position: 0 0; }
#brochure-captcha ul.actions li.another a:hover { background-position: 0 -40px; }
#brochure-captcha ul.actions li.audio a { background-position: -41px 0; }
#brochure-captcha ul.actions li.audio a:hover { background-position: -41px -40px; }
#brochure-captcha ul.actions li.image a { background-position: -121px 0; }
#brochure-captcha ul.actions li.image a:hover { background-position: -121px -40px; }
#brochure-captcha ul.actions li.help { margin-right: 0; }
#brochure-captcha ul.actions li.help a { background-position: -81px 0; }
#brochure-captcha ul.actions li.help a:hover { background-position: -81px -40px; }
/* Unavailable property */
#brochure.property-unavailable .agents-other-properties { margin: 70px 0 70px 130px; }
/* Facebook widget */
.fb_edge_comment_widget.fb_iframe_widget { left: -200px !important; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Send to a friend
---------------------------------------------------------------------------------------------------------------------------- */
#PgJqueryDialog-SendEmail .standard-form { margin: 0; }
#PgJqueryDialog-SendEmail .input-group p.address { margin: 0; }
#PgJqueryDialog-SendEmail input#FriendsEmail,
#PgJqueryDialog-SendEmail input#YourEmail { width: 270px; }
#PgJqueryDialog-SendEmail input#YourName { width: 220px; }
#PgJqueryDialog-SendEmail textarea#MessageToFriend { width: 270px; font-size: 1.2em; padding: 8px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Agent Page Content
---------------------------------------------------------------------------------------------------------------------------- */
#agent-page-content #contact .module-title { background: #075CA7; margin-bottom: 10px; }
#contact-agent-form .remember label { width: 44%; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Contact Agent Dialog
---------------------------------------------------------------------------------------------------------------------------- */
#PgJqueryDialog-ContactAgent #contact-agent-form { border: 1px solid #ECE7DE; }
#PgJqueryDialog-ContactAgent #contact-agent-form #Name { width: 50%; }
#PgJqueryDialog-ContactAgent #contact-agent-form #Email { width: 50%; }
#PgJqueryDialog-ContactAgent #contact-agent-form #Phone { width: 50%; }
#PgJqueryDialog-ContactAgent #contact-agent-form #Message { width: 51.2%; }
#PgJqueryDialog-ContactAgent #contact-agent-form .input-group.remember { padding-top: 0; }
#PgJqueryDialog-ContactAgent #contact-agent-form .remember label { margin-top: -3px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+New Developments
---------------------------------------------------------------------------------------------------------------------------- */
/* New Development Homepage */
.component.component-NewDevelopmentFeature #new-dev-featured-slides-wrapper { overflow: hidden; position: relative; height: 200px; width: 970px; }
.component.component-NewDevelopmentFeature #new-dev-featured-slides { position: relative; }
.component.component-NewDevelopmentFeature .slide { float: left; width: 970px; }
#featured .masthead { margin-bottom: 10px; }
#featured .property { width: 307px; height: 203px; overflow: hidden; float: left; margin-right: 16px; }
#featured .properties { margin-bottom: 10px; }
#featured .property.last { margin-right: 0; }
#featured h3.developer-link { margin: 0 0 7px 0; }
#featured p.about { font-size: 1.2em; text-align: left; margin: 0 0 7px 0; }
/* New Development Results */
#search-results .result.development h2 { font-size: 1.8em; margin: 0 0 0px 0; }
#search-results .result.development h3.summary { font-size: 1.6em; margin: 0 0 10px 0; display: block; }
#search-results .result.development ul.actions { padding-top: 0px; }
#search-results .result.development p.number-properties,
#search-results .result.development p.price { margin-bottom: 10px; }
/* Grid Layout */
#search-results .grid .result.development { height: 340px; }
#search-results .grid .result.development h2 { font-size: 1.8em; height: auto; margin: 0 0 5px 0; }
#search-results .grid .result.development h3.summary { display: none; }
#search-results .grid .result.development p.price { font-size: 1.4em; }
#search-results .grid .result.development p.number-properties { position: absolute; left: 15px; bottom: 70px; }
#search-results .grid .result.development p.number-properties span { display: none; }
#search-results .grid .result.development ul.actions { display: block; position: absolute; right:15px; bottom: 64px; font-size: 1.1em; width: 100px; text-align:right;}
#search-results .grid .result.development ul.actions li { float:none; }
#search-results .grid .result.development ul.actions li.view { display: none; }
/* Development brochure */
#new-development { background-color: #ddd; padding: 15px; }
#new-development #masthead img { float: left; }
#new-development #inner { background-color: #fff; clear: both; }
#new-development #actions { overflow: hidden; padding: 15px 20px; border-bottom: 1px solid #ddd; clear: both; }
#new-development #actions ul li.favourites { width: 120px; }
#new-development #actions ul li span { width: 20px; height: 20px; display: block; background: url(/images/icons/dev-icon-sprite.png) no-repeat 0 0 #888; float: left; margin-right: 3px; }
#new-development #actions ul li.favourites span { background-position: 0 0; }
#new-development #actions ul li.print span { background-position: 0 -24px; }
#new-development #actions ul li.send span { background-position: 0 -50px; height: 15px; }
#new-development #actions p.quick-link { float: right; font-size: 1.1em; }
#new-development #summary { padding: 20px; border-bottom: 1px solid #ddd; }
#new-development #summary .address { width: 70%; float: left; }
#new-development #summary .address h2.main-address { margin: 0 0 0.4em 0; }
#new-development #summary .address h2.price { margin: 0 0 0.4em 0; }
#new-development #summary .agent-details { width: 30%; float: right; text-align: right; }
#new-development #summary .agent-details img { display: inline; padding: 0 0 10px 10px; }
#new-development #media { border-bottom: 1px solid #ddd; }
#new-development #media ul#tabs li.photos a { background-position: 143px -68px; }
#new-development #media ul#tabs li.video a { background-position: 143px -138px; }
#new-development #media ul#tabs li.map a { background-position: 143px -216px; }
#new-development #media ul#tabs li.downloads a { background-position: 143px -326px; }
#new-development #media ul#tabs li.selected.photos a, #new-development #media ul#tabs li.photos a:hover { background-position: 95% -68px; }
#new-development #media ul#tabs li.selected.video a, #new-development #media ul#tabs li.video a:hover { background-position: 95% -138px; }
#new-development #media ul#tabs li.selected.map a, #new-development #media ul#tabs li.map a:hover { background-position: 95% -216px; }
#new-development #media ul#tabs li.selected.downloads a, #new-development #media ul#tabs li.downloads a:hover { background-position: 96% -326px; }
#new-development #media ul#tabs li a { background-image: url(/images/icons/dev-icon-sprite.png); background-repeat: no-repeat; }
#new-development #media .panel { width: 740px; min-height: 270px; position: relative; float: left; border-left: 1px solid #ddd; }
#new-development #media .panel .inner { padding: 15px; }
.video-link-bar { margin-bottom: 10px; }
.video-link-bar li { float: left; }
.video-link { text-decoration: underline; margin-left: 12px; color: #3A7AC9; }
.video-link:hover { cursor: pointer; text-decoration: none; }
.video-link.current { text-decoration: none; color: #000; font-weight: bold; cursor: default !important; }
/* Photos */
#new-development #media #photos-panel .main-image { width: 461px; height: 345px; background: url(/images/sitefiles/square-bg.png) repeat; float: left; margin-right: 15px; overflow: hidden; text-align: center;}
#new-development #media #photos-panel .main-image img { max-width: 461px; max-height: 345px; }
#new-development #media #photos-panel .thumbs { width: 229px; float: left; }
#new-development #media #photos-panel .thumbs .thumb {
width: 106px;
float: left;
height: 79px;
background: url(/images/sitefiles/square-bg.png) repeat;
margin: 0 15px 10px 0;
text-align: center;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
#new-development #media #photos-panel .thumbs .thumb img { display: block; vertical-align: middle; margin: 0 auto; cursor: pointer; }
#new-development #media #photos-panel .thumbs .thumb.last { margin-right: 0; }
#new-development #media #photos-panel .thumbs .thumb.bottom { margin-bottom: 0; }
/* Map */
#new-development #media #map { width: 710px; height: 350px; }
/* Downloads */
#new-development #media #downloads-panel ul.download-list { font-size: 1.4em; }
#new-development #media #downloads-panel ul.download-list li {
padding: 10px 10px 10px 45px;
background: url(/images/icons/media-icons.png) no-repeat 0 0;
margin: 0 0 15px 0;
}
#new-development #media #downloads-panel ul.download-list li a { }
#new-development #media #downloads-panel ul.download-list li.location-map { background-position: 5px 6px; }
#new-development #media #downloads-panel ul.download-list li.brochures { background-position: 5px -80px; }
#new-development #media #downloads-panel ul.download-list li.site-map { background-position: 5px -169px; }
#new-development #media #downloads-panel ul.download-list li.additional { background-position: 5px -256px; }
#new-development #showhouse-opening { padding: 10px 20px; border-bottom: 1px solid #ddd; text-align: center; }
#new-development #showhouse-opening h3 { margin: 0; }
#new-development #tagline { padding: 20px 100px; border-bottom: 1px solid #ddd; text-align: center; position: relative; }
#new-development #tagline p { position: relative; z-index: 10; }
#new-development #tagline #quote-left { width: 65px; height: 55px; background: url(/images/sitefiles/development-quote-left.png) no-repeat 0 0 #f4f4f4; position: absolute; z-index: 0; left: 100px; top: 5%; }
#new-development #tagline #quote-right { width: 65px; height: 55px; background: url(/images/sitefiles/development-quote-right.png) no-repeat 0 0 #f4f4f4; position: absolute; z-index: 0; right: 100px; bottom: 5%; }
#new-development #left-col { float: left; width: 604px; border-right: 1px solid #ddd; }
#new-development #right-col { float: left; width: 335px; }
#new-development #developments { padding: 15px 20px; border-bottom: 1px solid #ddd; }
#new-development #developments #house-types .development { width: 175px; float: left; margin: 0 19px 20px 0; }
#new-development #developments #house-types .development .img { width: 175px; height: 131px; margin: 0 0 5px 0; }
#new-development #developments #house-types .development.last { margin-right: 0; }
#new-development #developments #house-types .development p { margin-bottom: 0; }
#new-development #developments #house-types .development p.summary { height: 30px; }
#new-development #developments table tr td { border-top: 1px dotted #ddd; }
#new-development #developments table tr th { padding-bottom: 5px; }
#new-development #developments .more-developments-button { width: 200px; margin: 0 auto; position: relative; margin-bottom: -15px; }
#new-development #developments .more-developments-button a {
background-color: #fff;
border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
border: 1px solid #ddd;
border-bottom: none;
display: block;
padding: 10px 20px;
}
#new-development #description { padding: 20px; }
#new-development #description ul { list-style:disc; padding-left:1.5em; }
#new-development #description ul li { margin-bottom:0.2em; }
#new-development .agent-developer-details .inner, #new-development #developer-details { padding: 15px 20px; border-bottom: 1px solid #ddd; }
#new-development .agent-developer-details .agent-developer-logo { float: right; }
#new-development .agent-developer-details ul.address { margin-bottom: 15px; }
#new-development .agent-developer-details .standard-button { margin-bottom: 10px; }
#new-development .advert { text-align: center; padding: 15px 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Mortgage calc
---------------------------------------------------------------------------------------------------------------------------- */
#mortage-calculator-page #calculator.module {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background-color: #F8F7F5;
}
#mortage-calculator-page #calculator.module .module-title { display: none; }
/* ----------------------------------------------------------------------------------------------------------------------------
+SEO
---------------------------------------------------------------------------------------------------------------------------- */
/* Browse Areas ------------------------------------------------------------------------------------------------------------ */
#browse-areas { padding-bottom: 22px; min-height:180px; }
#browse-areas h2 { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 8px; }
#browse-areas ul { font-size: 1.1em; }
#browse-areas ul li a { color: #888; text-decoration: none;}
#browse-areas ul li.first a { color: #D23722; font-weight: bold; text-decoration: underline; }
#browse-areas ul li.first a:hover { text-decoration: none; }
#browse-areas ul li a:hover { text-decoration: underline;}
/* ----------------------------------------------------------------------------------------------------------------------------
+Sitemap
---------------------------------------------------------------------------------------------------------------------------- */
#sitemap { margin-top: 40px; }
#sitemap .section { padding: 20px 0; border-top: 1px solid #ddd; }
#sitemap .section ul { margin-bottom: 20px; }
#sitemap .section ul.secondary { font-size: 1em; margin: 0; }
#sitemap .section ul li a { font-size: 0.9em; }
#sitemap #category-list ul { font-size: 1.2em; }
#sitemap #category-list ul li { visibility: hidden; }
#sitemap #category-list ul li a { visibility: visible; }
#sitemap .advice-sections ul { margin: 0; }
#sitemap .advice-sections ul li { padding: 0; background: none; }
#sitemap .advice-sections ul li.second,
#sitemap .section ul li.second { padding-left: 10px; }
#sitemap .all-areas ul li { display: inline; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Members
---------------------------------------------------------------------------------------------------------------------------- */
#login-form input[type="text"],
#login-form input[type="password"] { width: 210px; padding: 6px 7px; font-size: 1.4em; }
#login-form p.register-link { font-size: 1.4em; margin: 20px 0 0 30%; }
#login-form span.remember-label { font-size: 1.1em; padding: 2px 0 0 5px; }
#login-form .input-group label { padding-top: 5px; }
#login-register .standard-form.floated.right #login-error .error { margin-left: 15px; }
#PgJqueryDialog-Login-Register, #PgJqueryDialog-Save-Search { height: auto !important; }
/* Login/Register dialog */
#PgJqueryDialog-Login-Register .module,
#PgJqueryDialog-Save-Search .module, #PgJqueryDialog-Create-Alert .module {
padding: 0;
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 0 0 0;
}
/* Hide the header text to replace with tabs */
#ui-dialog-title-PgJqueryDialog-Login-Register { visibility: hidden; }
#PgJqueryDialog-Login-Register .module .module-title { background: none; padding: 0; color: #444; }
#PgJqueryDialog-Save-Search .module-title, #PgJqueryDialog-Create-Alert .module-title { display: none; }
#PgJqueryDialog-Login-Register #tabs.simple-tabs { margin: -51px 0 20px 15px; padding: 0; list-style: none; display: block; font-size: 1.4em; font-weight: bold; position: relative; top: 6px; }
#PgJqueryDialog-Login-Register #tabs.simple-tabs li {
padding: 3px 17px 5px 17px;
float: left;
margin-right: 5px;
color:#fff;
cursor: pointer;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background-color: #e99b91;
color: #fff;
}
#PgJqueryDialog-Login-Register #tabs.simple-tabs li a { color: #D23722; text-decoration: none; }
#PgJqueryDialog-Login-Register #tabs.simple-tabs li.selected { background-color: #fff; }
#PgJqueryDialog-Login-Register #register .module-title,
#PgJqueryDialog-Login-Register #login .module-title { display: none; }
#PgJqueryDialog-Login-Register .first-name input { width: 150px;}
#PgJqueryDialog-Login-Register .last-name input { width: 200px; }
#PgJqueryDialog-Login-Register .email input { width: 230px; }
#PgJqueryDialog-Login-Register .password input,
#PgJqueryDialog-Login-Register .confirm-password input { width: 130px; }
/* Standard Elements */
#members p.help-icon { background: url(/images/sitefiles/handdrawn-elements/help.png) no-repeat right top; padding-right: 75px; }
table.member-table { width: 100%; }
table.member-table th { padding: 0 0 10px 0; }
table.member-table td { border-top: 1px solid #ddd; padding: 10px 0; }
/* Activate */
#members #activate { width: 575px; margin: 0 auto; }
#members #activate input#EmailAddress { width: 350px; }
#members #activate input#ConfirmationCode { width: 100px; }
#members #thanks-for-registering .details { margin-left: 90px; }
/* Navigation */
#members #member-links { padding: 0 0 0 10px; }
#members #member-links ul { font-size: 1.6em; margin: 0; }
#members #member-links ul li { margin: 0 16px 0 0; display: inline-block; padding: 0 10px 20px 10px; }
#members #member-links ul li.current { background: url(/images/sitefiles/member-nav-indicator.png) no-repeat 70% bottom; }
#members #member-links ul li a { padding-left: 30px; background: url(/images/icons/member-nav-icons.png) no-repeat; opacity: 0.4; }
#members #member-links ul li.current a { opacity: 1; }
#members #member-links ul li.home a { background-position: -5px -3px; }
#members #member-links ul li.alerts a { background-position: -5px -122px; }
#members #member-links ul li.searches a { background-position: -3px -64px; }
#members #member-links ul li.favourites a { background-position: -3px -181px; }
#members #member-links ul li.details a { background-position: -4px -240px; }
#members #member-links ul li.removed-properties a { background-position: -2px -515px; }
#members #member-links ul li a:link,
#members #member-links ul li a:visited { color: #444; text-decoration: none; }
#members #member-links ul li a:hover { text-decoration: underline; opacity: 1; }
/* Favourites */
#members #favourites .pager { float: right; margin: 0 0 5px 0; width: 50%; }
#members #favourites #sector-links { padding: 12px 0 0 10px; background-color: #D23722; margin-bottom: 10px; }
#members #favourites #sector-links li.label { font-weight: bold; }
#members #favourites #option { }
#members #favourites .sort-options { overflow:hidden; }
#members #favourites .sort-options label { font-weight: bold; float: left; padding: 0 10px 0 0; width:42px; }
#members #favourites .sort-options select { float: left; }
#members #favourites #option #options { background:#f3f3f3; clear:both; margin:10px 0px; padding:10px 0px; overflow:hidden; }
#members #favourites #option #options li { display:inline; margin-right:10px; float:left; }
#members #favourites #option span.icon { background:url("/images/icons/medium-icon-sprite.png") no-repeat 0 0; }
#members #favourites #option .print span.icon { width: 26px; height: 18px; background-position: 0px -671px; }
#members #favourites #option .delete-list span.icon { width: 18px; height: 18px; background-position: -569px -5px; }
#members #favourites #option .search-list span.icon { width: 18px; height: 18px; background-position: -6px -835px; }
#members #favourites #option .tweet-list span.icon { width: 24px; height: 18px; background-position: -6px -527px; }
#members #favourites #option .facebook-list span.icon { width: 18px; height: 18px; background-position: -6px -971px; }
#members #favourites #option .email-list span.icon { width: 18px; height: 18px; background-position: -6px -450px; }
#members #favourites #member-list-container p.label { float: left; margin-right: 10px; }
#members #search-results ul#favourites-list { font-size: 100%; }
#members #search-results .result.favourite .image-wrapper { width: 170px; float: left; margin: 0 15px 0 0; height: 108px; }
#members #search-results .result.favourite .image-wrapper .date { font-size: 11px; text-align: center; padding-top: 5px; }
#members #search-results .result.favourite .image-wrapper .property-image { width: 162px; height: 100px; }
#members #search-results .result.favourite .image-wrapper .property-image img { max-width: 164px; max-height: 100px; }
#members #search-results .result.favourite .details { width: 513px; }
#members #search-results .result.favourite .details img.agent-logo { max-width: 70px; }
#members #search-results .result.favourite .details li.remove a { color: #D23722; }
#members #search-results .result.favourite div.tags { padding: 10px 0; }
#members #search-results .result.favourite div.tags .standard-button { font-size:1em; padding:2px 8px; }
#members #search-results .result.favourite div.tags input.standard-button { margin-left:5px; margin-top:-2px; }
#members #search-results .result.favourite div.tags a.cancel { color:#888; font-size:12px; text-decoration: none; margin:0px 3px; padding:0px 2px; border:1px solid #fff; }
#members #search-results .result.favourite div.tags a.cancel:hover { background:#888; color:#fff;}
#members #search-results .result.favourite div.tags .add-to-list { background:#eee; color:#888; padding:5px; }
#members #search-results .result.favourite div.tags p.add-tag-link { display: inline-block; margin: 0; font-weight: bold; font-size: 11px; margin-top: 5px; }
#members #search-results .result.favourite div.tags .list-name {
color:white;
margin: -2px 5px 0 0;
float: left;
margin-right: 10px;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
font-weight: bold;
font-size:11px;
background-color: #999;
padding:0px 4px 0px 6px;
}
#members #search-results .result.favourite div.tags .list-name span { display: inline-block; }
#members #search-results .result.favourite div.tags .list-name a { background-color: #888; color:#ffcccc; display: inline-block; padding: 4px; margin-right:-4px; margin-left:2px; text-decoration: none;
border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
}
#members #search-results .result.favourite div.tags .list-name a:hover { background-color: #ffcccc; color:#888; }
#members #search-results .result.favourite div.tags .list-name span.icon { background-position: -163px 0; width: 16px; height: 16px; margin: 4px; }
#members #search-results .result.favourite .details li.send { background: url(/images/icons/medium-icon-sprite.png) no-repeat 2000px 2000px; padding: 0px 0 0px 30px; background-position: 0 -450px; }
/* Saved Searches */
#members #saved-searches { font-size: 12px; }
#members #unsubscribe-all { float: right; }
.member-search .search-name { width: 600px; }
.member-table .header { font-weight: bold; margin-bottom: 20px; }
#members #saved-searches .email-alerts { text-align: center; width: 100px; height: 100%; float: right; }
#members #saved-searches .remove input {
background: none;
border: 0;
color: #D23722;
background: url(/images/icons/medium-icon-sprite.png) no-repeat -570px -3px;
padding: 0 0 0 22px;
margin: 0;
line-height: 2em;
text-decoration: underline;
display: inline;
}
#members #saved-searches .actions { display: block;}
#members #saved-searches .actions a { margin-right: 20px; }
#members #saved-searches .date, #members .favourite .date { font-size: 0.9em; display: block; color: #888; }
#alerts-homepage li.member-search { font-size: 12px; padding-left: 25px; margin-bottom: 5px; background: url(/images/icons/member-nav-icons.png) no-repeat; background-position: -5px -62px; }
#members #saved-searches .remove .ClassifiedRemoveSearchAjax { display: inline; }
#members #saved-searches .remove input:hover { text-decoration: none; }
#members #saved-searches .feed { background: url(/images/icons/feed.png) no-repeat; padding-left:20px; }
#PgJqueryDialog-Save-Search .module-title { display: none; }
#PgJqueryDialog-Save-Search input#Name,
#PgJqueryDialog-Create-Alert input#Name { width: 345px; padding:5px; font-size:1.2em; }
#PgJqueryDialog-Save-Search .input-group.email-alerts label { float: right; display: block; width: 330px; text-align: left; }
#PgJqueryDialog-Save-Search span.note,
#PgJqueryDialog-Create-Alert span.note { float: right; display: block; width: 330px; text-align: left; color:#666; font-size:1.2em; margin-bottom:20px; }
#PgJqueryDialog-Create-Alert span.note { float: right; display: block; width: 360px; text-align: left; color:#666; font-size:1.2em; margin-bottom:20px; }
#PgJqueryDialog-Save-Search .input-group.email-alerts input { float: left; text-align: right; margin-left: 0; margin-top: 3px; }
#PgJqueryDialog-Save-Search .buttons,
#PgJqueryDialog-Create-Alert .buttons { text-align:center; }
#save-search-form p.search-name { background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 -831px; padding: 2px 0 2px 35px; margin-left: 28%; margin-bottom: 10px; }
#save-search-form .standard-form.with-bg { padding:10px 20px;}
/* Member Homepage */
#profile-completion h2 { background: url(/images/icons/member-nav-icons.png) no-repeat 100% -317px; }
#profile-completion .title-link { text-decoration: none; }
#favourites-homepage h2 { background: url(/images/icons/member-nav-icons.png) no-repeat 100% -438px; }
#favourites-homepage .title-link { text-decoration: none; }
#alerts-homepage h2 { background: url(/images/icons/member-nav-icons.png) no-repeat 100% -382px; }
#alerts-homepage .title-link { text-decoration: none; }
#profile-completion .profile-summary { margin-bottom: 15px; border: 1px solid #ddd; padding: 15px; }
#profile-completion .module-title { margin: 0 0 15px 0; }
#profile-completion .profile-summary ul { margin-bottom: 10px; }
#profile-completion .profile-summary p { margin: 0; }
#favourites-homepage .favourite { float: left; margin: 0px 0px 15px 0; border-bottom: 1px solid #DDD; padding-bottom: 10px;}
#favourites-homepage .favourite .image-wrapper { height: 86px; width: 137px; float: left;}
#favourites-homepage .favourite .details {float: left; width: 320px;}
#favourites-homepage .favourite .details-inner {padding: 0 0 0 8px;}
#favourites-homepage .favourite .property-image { height: 78px; }
#favourites-homepage .favourite.last { margin: 0; }
#favourites-homepage .favourite .property-image img { max-height: 78px; }
#favourites-homepage .favourite h2.address {font-size: 1.8em; margin: -4px 0 0;}
#favourites-homepage .favourite h3.price {font-size: 1.8em; font-weight: normal; margin: 0 0 0px;}
#favourites-homepage .favourite p.summary {margin: 0 0 4px;}
#favourites-homepage .favourite .summary span.status {border: 0 none; font-weight: bold; padding-left: 0;}
#favourites-homepage .favourite .summary span { border-left: 1px solid #DDDDDD; padding: 0 2px;}
/* ----------------------------------------------------------------------------------------------------------------------------
+Blog
---------------------------------------------------------------------------------------------------------------------------- */
body.blog #shell { background: none; }
body.blog #page { padding-top: 20px; }
body.blog .span-12 .module.blogcontainer { background: url(/images/sitefiles/module-help-panel-line.png) repeat-y 725px 0 #fff; }
body.blog .span-12 .notepad h4 { font-size: 2em; font-weight: normal; margin: 0 30px 0 10px; }
body.blog .blogcontainer .span-9 .component-Heading,
body.blog .blogcontainer .span-9 .component-RichText,
body.blog .blogcontainer .span-9 .component-Image,
body.blog .blogcontainer .span-9 .component-BlogComments,
body.blog .blogcontainer .span-9 .component-BlogOptions { padding: 0 20px 0 10px; }
body.blog .blog-container .span-9 .component-Heading { padding-top: 15px; }
body.blog .span-3 .splitter { margin-right: -15px; margin-left: -18px; }
#blog-header { overflow: hidden; }
#blog-header .blog-header-inner { background: url(/images/sitefiles/blog-header-bg.jpg) no-repeat center center; height: 250px; position: relative; }
#blog-header img.logo { padding: 6px 10px; float: left; }
#blog-header p.link { float: right; padding: 10px; }
#blog-header p.link a { color: #fff; font-weight: bold; }
#blog-header .byline { background: url(/images/sitefiles/transparent-black-50.png) repeat; position: absolute; bottom: 0; width: 968px; left: 1px; }
#blog-header .byline h3 { color: #fff; padding: 8px 0; font-size: 1.8em; text-align: center; margin: 0; }
#category-list, .blog-archive { margin-bottom: 20px; }
#category-list ul { font-size: 1.4em; }
#category-list ul li { margin-bottom: 2px; }
#blog-list .blog-entry { margin-left: -49px; padding: 20px 0 0 0; position: relative; zoom: 1; }
#blog-list .blog-entry .date-icon { width: 71px; height: 71px; background: url(/images/sitefiles/blog-date-bg.png) no-repeat 0 0; float: left; text-align: center; }
#blog-list .blog-entry .date-icon p.day { font-size: 2.4em; color: #fff; margin: 0; }
#blog-list .blog-entry .date-icon p.month { color: #eec4be; }
#blog-list .blog-entry .details { width: 610px; float: left; padding-left: 20px; padding-bottom: 20px; }
#blog-list .blog-entry .details .standard-button { float: right; font-size: 1.1em; }
#blog-list .blog-entry .details h2 { margin: 0 0 7px 0; }
#blog-list .blog-entry .details h2 a { color: #444; text-decoration: none; }
#blog-list .blog-entry .details h2 a:hover { text-decoration: underline; }
#blog-list .blog-entry .details .body img {
padding: 4px;
border: 1px solid #ddd;
float: left;
margin: 0 15px 10px 0;
box-shadow: 1px 1px 2px #ccc;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
}
#blog-list .blog-entry .blog-splitter { background: url(/images/sitefiles/grey-dot.png) repeat-x center center; margin: 0 30px 0 70px; text-align: center; }
.blog-options { background-color: #F8F7F5; padding: 10px; border-top: 1px solid #ece7de; border-bottom: 1px solid #ece7de; margin-bottom: 20px; }
.blog-options ul.share { }
.blog-options ul.share li { display: block; margin-right: 15px; background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 0; padding: 2px 0 2px 22px; float: left; }
.blog-options ul li.comments { padding: 2px 10px 2px 20px; background-position: -158px -159px; }
.blog-options ul li.comments span { background: url(/images/icons/small-icon-sprite.png) no-repeat right 0px; padding-right: 10px; }
.blog-options ul.social { }
.blog-options ul.social li { display: block; float: left; width: 80px; margin-bottom: 10px; }
.blog-options ul.social li.google-plus { width: 71px; }
.blog-options ul.social li.twitter { padding-top: 11px; }
.blog-options ul.social li.facebook { padding-top: 11px; }
.blog-options ul li iframe { vertical-align: top; }
.blog-options ul li.share { background-position: -7px -447px; }
.blog-options ul li.print { background-position: -7px -667px; }
.blog-options p { width: 50%; float: right; text-align: right; margin: 0; font-size: 1.1em; color: #888; }
.permalink { font-size: 1em; color: #888; }
.blog-comments { margin: 40px 0; }
.blog-comments .comments-display { margin-bottom: 20px; }
.blog-comments dl dt { background: url(/images/icons/medium-icon-sprite.png) no-repeat -5px -1115px; padding: 0 0 0 25px; color: #888; margin-bottom: 10px; }
.blog-comments dl dt span.author { color: #444; }
.blog-comments dl dd { padding: 0 0 20px 60px; border-bottom: 1px solid #ddd; font-size: 1.4em; }
#blog-pager { float: right; margin-right: 30px; }
.component.component-Subscribe .subscribe .rss { padding: 2px 0 2px 0px; }
.component.component-Subscribe .subscribe .rss span { background: url(/images/icons/medium-icon-sprite.png) no-repeat -314px 0; width: 35px; height: 30px; display: block; float: left; margin-top: -3px; }
.component.component-BlogSearch #blog-search-box {
font-size: 1.4em;
padding: 5px 8px;
width: 90%;
margin-bottom: 20px;
}
/* Individual blog entry */
#blog-item { padding: 0 20px 0 10px; }
#blog-item ul.social-headers { display: block; }
#blog-item ul.social-headers li { float: left; }
#blog-item ul.social-headers li.google-plus { width: 77px; }
#blog-item ul.social-headers li.twitter { width: 58px; }
#blog-item ul.social-headers li.facebook { }
/* Small blog list */
#blog-list .blog-entry.small { clear: both; margin: 0 0 5px 0; padding: 0; height: 38px; overflow: hidden }
#blog-list .blog-entry.small p { margin: 0; }
#blog-list .blog-entry.small img { float: left; padding: 2px; margin: 0 10px 0 0; border: 1px solid #ddd; }
#blog-follow .title { background: url(/images/sitefiles/handdrawn-elements/follow-arrows.png) no-repeat center center; }
#blog-follow h3 { font-size: 2.4em; text-align: center; }
#blog-follow .icon { width: 82px; float: left; text-align: center; margin: 0 20px 20px 15px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Advice
---------------------------------------------------------------------------------------------------------------------------- */
.advicecontainer.module { padding-bottom: 0; }
.advicecontainer .advice-header { border-bottom: 1px solid #ddd; padding: 0 30px 28px 30px; margin-right: -30px; margin-left: -30px; position: relative; }
.advicecontainer .advice-content { background: url(/images/sitefiles/module-help-panel-line.png) repeat-y 705px 0 #fff; }
.advicecontainer .advice-content .span-9 { width: 676px; padding: 30px 30px 30px 0; }
.advicecontainer .advice-content .span-3 { padding-top: 30px; text-align: center; }
.component.component-PageOptions .page-options { background-color: #F8F7F5; padding: 10px; border-top: 1px solid #ece7de; border-bottom: 1px solid #ece7de; overflow: hidden; }
.component.component-PageOptions .page-options .option { font-size: 1.2em; float: left; margin: 0 40px 0 0; background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 0; padding: 1px 0 1px 30px; }
.component.component-PageOptions .page-options .option.print { background-position: -5px -672px; }
.component.component-PageOptions .page-options .option.send { background-position: -5px -455px; }
.advice-sections .item .parent { border-top: 1px solid #ddd; background: url(/images/sitefiles/advice-sector-gradient.png) repeat-x top center #f3f2f0; padding: 10px; overflow: hidden; }
.advice-sections .item .parent:hover { cursor: pointer; background-color: #eeede8; background-image: none; }
.advice-sections .item .parent img { border: 2px solid #fff; float: left; margin-right: 15px; }
.advice-sections .item .parent h3 { margin-bottom: 5px; }
.advice-sections .item .parent h3 a { text-decoration: none; color: #333; }
.advice-sections .item .parent h3 a:hover { text-decoration: underline; cursor: pointer; }
.advice-sections .item .children { display: none; }
.advice-sections .item .children.first { display: block; }
.advice-sections .item table { border-top: 1px solid #ddd; width: 100%; }
.advice-sections .item table tr td { background-color: #fefefe; padding: 7px 0; }
.advice-sections .item table tr.alternate td { background-color: #f9f8f7; }
.advice-sections .item table tr td.part { text-align: right; width: 88px; padding-right: 15px; border-right: 1px solid #ebe9e6; }
.advice-sections .item table tr td.link { padding-left: 15px; }
.advice-item { padding: 15px 0; border-top: 1px solid #ddd; }
.advice-item img { float: left; margin: 0 15px 0 0; }
.advice-item h3 { margin: 0 0 5px 0; }
.advice-item p { color: #888; }
.advice-navigation { margin: 15px 0 0 0; }
.advice-navigation div { width: 50%; float: left; background: url(/images/icons/large-arrows.png) no-repeat 0 9px; }
.advice-navigation div p { margin: 0; }
.advice-navigation .next { text-align: right; float: right; background-position: right -74px; }
.advice-navigation .prev p { padding-left: 25px; }
.advice-navigation .next p { padding-right: 25px; }
p.breadcrumb { border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Directory
---------------------------------------------------------------------------------------------------------------------------- */
.social-links div{ font-size: 1.2em; margin: 10px;float:left; }
.social-links a{ padding-left: 25px; background: url(/images/icons/medium-icon-sprite.png) no-repeat 0 0; }
.social-link-facebook a { background: url(/images/icons/facebook-icon.png) no-repeat left center; padding:5px 0 5px 30px; }
.social-link-twitter a { background-position: -7px -530px; }
#directory-search h2 { background: url(/images/icons/black-services-icon.png) no-repeat top right; padding-bottom: 5px; }
#directory-search .types ul li { float: left; width: 205px; float: left; display: block; margin: 0 33px 30px 0; }
#directory-search .types ul li.last { margin-right: 0; }
#directory-search .standard-form { margin: 0; }
#directory-search fieldset { padding: 0 20px; }
#directory-search .input-group { float: left; clear: none; margin: 0 30px 0 0; }
#directory-search .input-group.type { width: 13%; }
#directory-search .input-group.name { width: 30%; }
#directory-search .input-group.name input,
#directory-search .input-group.location input { width: 100%; }
#directory-search .input-group.location { width: 30%; }
#directory-search .input-group.buttons { margin: 19px 0 0 0; width: 10%; }
#directory-results .directory-item { border-top: 1px solid #ddd; padding: 15px; margin: 0 -15px; position: relative; }
#directory-results .directory-item .phone { font-weight: bold; }
#directory-results .directory-item .address { margin-bottom: 10px; }
#directory-results .directory-item .agent-logo { margin-top: 10px; }
#directory-listing #directory-header .agent-logo { float: left; margin-right: 20px; width: 100px; }
#directory-listing #directory-header .agent-details { float: left; width: 848px; }
#directory-listing #directory-header .agent-details .main-details { float: left; width: 60%; }
#directory-listing #directory-header .agent-details .additional-details { float: right; width: 40%; text-align: right; }
#directory-listing #directory-header h2 { margin: 0 0 5px 0; }
#directory-listing .company-summary { padding: 15px; background-color: #F8F7F5; position: relative; margin-bottom: 15px; }
#directory-listing .seo { padding: 15px 0 0 0; }
#directory-listing #available-properties h2.bordered-heading { margin-bottom: 20px; padding-bottom: 15px; }
#directory-listing #available-properties .result { margin-bottom: 15px; }
#directory-listing #available-properties .result .property-image { width: 230px; height: 150px; float: left; margin: 0 10px 0 0; }
#directory-listing #available-properties .result .property-image img { height: 150px; width: auto; }
#directory-listing #available-properties .result .details { width: 230px; float: left; padding-top: 5px; }
#directory-listing .offices { margin-top: 20px; }
#directory-listing #search-results #results .results-container { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#directory-header .agent-details .main-details .title-address { margin-right: 25px; margin-top: -6px; }
#directory-header .agent-details .main-details .title-address h1 { margin-bottom: 2px; }
#directory-header .agent-details .main-details p.phone span.icon { background: url(/images/icons/medium-icon-sprite.png) no-repeat -7px -113px; width: 16px; margin-right: 10px; height: 16px; top: 3px; left: 3px; position: relative; }
#directory-header .agent-details .main-details p.phone { font-size: 14px; margin-bottom: 4px; }
#directory-header .agent-details .main-details a.button { font-size: 12px; margin-bottom: 5px; }
.company-summary .additional-details { float: right; text-align: right; width: 40%; position: absolute; right: 10px; top: 10px; }
.company-summary p.button-wrapper { float: right; text-align: right; width: 40%; position: absolute; right: 10px; top: 40px; }
.company-summary p.button-wrapper a.button { font-size: 14px; }
#refine.directory-refine { background: #fff; }
#refine.directory-refine h2 { margin-bottom: 15px;}
/* ----------------------------------------------------------------------------------------------------------------------------
+Connect with us
---------------------------------------------------------------------------------------------------------------------------- */
#connect .module { padding: 0; }
#connect .module .sky { background: url(/images/services/sky.png) no-repeat top center; padding: 15px; }
#connect .huge-heading { margin-bottom: 0; color: #fff; }
#connect .nav-icons { overflow: hidden; width: 570px; margin: 0 auto; text-align: center; display: none; }
#connect .nav-icons ul li { width: 114px; height: 117px; display: block; float: left; }
#connect .nav-icons ul li a { display: block; width: 114px; height: 117px; }
#connect .nav-icons ul li.mobile a { background-position: 0 0; }
#connect .nav-icons ul li.iphone a { background-position: 0 -117px; }
#connect .nav-icons ul li.email a { background-position: 0 -234px; }
#connect .nav-icons ul li.rss a { background-position: 0 -345px; }
#connect .nav-icons ul li.facebook a { background-position: 0 -456px; }
#connect .simple-tab-panel { min-height: 400px; }
#connect .simple-tab-panel .inner { padding: 20px 30px; }
#connect #mobile-panel ul.bullet-list { width: 330px; float: left; }
#connect #iphone-panel .inner-panel { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; height: 213px; }
#connect #iphone-panel .inner-panel .item { width: 155px; padding: 15px 10px 0 10px; }
#connect #iphone-panel .inner-panel .item h3 { margin: 0; }
#connect #iphone-panel .inner-panel .item p { height: 50px;}
#connect #iphone-panel .inner-panel .item img { margin: 0 auto; max-width: 130px; height: auto; text-align: center; display: block; }
#connect #email-panel ol li { width: 47.8%; float: left; margin: 0 4.4% 0 0; }
#connect #email-panel ol li.last { margin-right: 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Dream Homes
---------------------------------------------------------------------------------------------------------------------------- */
#dream-homes ul { font-family:'Minion Pro', Georgia; font-style:italic; font-size:30px; list-style:disc inside; color:#999; }
#dream-homes ul li { color:#2081b4; }
#dream-homes img.read { float:right; margin:0 20px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+FAQs
---------------------------------------------------------------------------------------------------------------------------- */
dl.faqs dt { font-weight: bold; }
/* ----------------------------------------------------------------------------------------------------------------------------
+404
---------------------------------------------------------------------------------------------------------------------------- */
#error-404 { padding: 30px 100px; }
#error-404 .common { text-align: left; padding: 30px; border: 1px solid #ddd; margin-bottom: 30px; }
#error-404 dl { margin-bottom: 20px; }
#error-404 dl dt { margin-left: 0; margin-bottom: 0; }
#error-404 dl dd { color: #888; margin-left: 55px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Tabs
---------------------------------------------------------------------------------------------------------------------------- */
.simple-tabs-panel-container { border: 1px solid #ddd; }
.vertical-tabs.simple-tabs { float: left; width: 199px; font-size: 1.6em; height: 1%; position: relative; z-index: 2; overflow: visible; }
.vertical-tabs.simple-tabs li { display: block; border-bottom: 1px solid #ddd; }
.vertical-tabs.simple-tabs li a { display: block; padding: 20px; text-decoration: none; color: #888; background-color: #fafafa; }
.vertical-tabs.simple-tabs li a:hover { color: #444; text-decoration: underline; }
.vertical-tabs.simple-tabs li.selected a { color: #444; background-color: #fff; margin-right: -1px; border-right: 1px solid #fff; }
.custom-simple-tab-panel { float: left; min-height: 270px; border-left: 1px solid #ddd; z-index: 1; position: relative; background-color: #fff; }
.custom-simple-tab-panel.full-width { width: 768px; }
.custom-simple-tab-panel .inner { padding: 15px; }
.custom-simple-tab-panel .inner-panel { border: 1px solid #ddd; overflow: hidden; }
.custom-simple-tab-panel .inner-panel .item { border-right: 1px solid #ddd; float: left; }
.custom-simple-tab-panel .inner-panel .item.last { border: none; }
/* These are tabs within the red header bar */
.alternate-simple-tabs { padding: 0; list-style: none; display: block; font-size: 1.4em; font-weight: bold; position: relative; }
.alternate-simple-tabs li {
padding: 5px 17px 7px 17px;
float: left;
margin-left: 5px;
color:#fff;
cursor: pointer;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background-color: #e99b91;
color: #D23722;
margin-bottom: -1px;
}
.alternate-simple-tabs li a { color: #D23722; text-decoration: none; }
.alternate-simple-tabs li.selected { background-color: #fff; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Dialogs
---------------------------------------------------------------------------------------------------------------------------- */
.ui-widget-overlay { opacity: 0.8 !important; background: #000 !important; z-index: 1001!important; }
.property-dialog.ui-dialog {
z-index: 2003!important;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #fff;
border: 0;
padding: 15px;
margin: 0 auto;
text-align: center;
position: fixed !important;
top: 13% !important;
}
.property-dialog.ui-dialog * { font-family: sans-serif; }
.property-dialog.ui-dialog select { font-size: 1.2em; }
.property-dialog.ui-dialog .ui-dialog-content { padding: 15px 0 0 0; text-align: left; border: 0; }
.property-dialog.ui-dialog .ui-dialog-titlebar { text-align: left; background-color: #D23722; border: 0; padding: 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: none; }
.property-dialog.ui-dialog .ui-dialog-titlebar span { text-align: left; font-weight: normal; padding: 0; font-family: 'AllerBold',sans-serif; font-size: 1.8em; font-weight: normal; color: #fff; background: none; }
.property-dialog.ui-dialog .ui-dialog-titlebar-close {
display: block;
width: 25px;
height: 25px;
position: absolute;
z-index: 9999;
background: url(/images/icons/medium-icon-sprite.png) no-repeat -3px -743px #D23722;
text-indent: -9999px;
right: 25px;
top: 25px;
margin: 0;
padding: 0;
}
.property-dialog.ui-dialog .ui-dialog-titlebar-close:hover { border: 0; padding: 0; background-color: #A12310; }
.contact-agent .ui-dialog-titlebar { background: #075AA6!important; }
.contact-agent .ui-dialog-titlebar-close { background: url(/images/icons/medium-icon-sprite.png) no-repeat -3px -743px #075AA6!important;}
.contact-agent .ui-dialog-titlebar-close:hover { border: 0; padding: 0; background-color: #043e74!important; }
/* --------------------------------------------------------------
+Map Specific
-------------------------------------------------------------- */
#map .marker-overlay { width: 9999px; height: 9999px; margin-left: -50%; margin-top: -50%; }
#map .property-map-marker { z-index: 9999 !important; }
#map .property-map-marker:hover { cursor: pointer; }
#map { width:715px; height:600px; clear:both; }
#map-street-view-container { width:715px; height:600px; clear:both; position: absolute; top: 0px; }
#map-street-view { width:100%; height:100%; }
#map-street-view-close { position: absolute; top: 3px; right: 3px; z-index: 2000; height: 16px; width: 16px; display: block; background: url(/images/sitefiles/map-icons/streetview-close-icon.png) no-repeat 0 0; }
#map-street-view-close:hover { background-position: 0 -16px; }
#refresh-dialog { position:absolute; display:none; left:275px; top:0; background-color:#fcfae1; z-index:999999; padding:8px; }
#map-options { padding:15px 0; }
#locationHtml ul { list-style:none; margin:0; padding:0; }
#locationHtml li {
float:left;
background-color:#EEF6FD;
border:1px solid #82B0DA;
display:inline;
margin-right:4px;
margin-bottom:7px;
-moz-border-radius: 4px;
font-weight:700;
padding:1px 3px;
}
#locationHtml li span { text-decoration:none; font-size:0.8em; }
#map-view #show-on-map { border:1px dashed #ccc; padding-top:10px; background-color:#111; }
#map-view #show-on-map { background-color: #fff; }
#map-view #show-on-map h5 { margin-left: 15px; }
#map-view #show-on-map ul li { width: 154px; }
#map-view #show-on-map ul li { margin-left:20px; margin-bottom:10px; float:left; }
#map-view #show-on-map ul li img { margin:0 5px -2px 0; }
/* Map Popup ------------------------------------------------ */
#map-info {
background-color:#fff;
text-align:left;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
-moz-box-shadow: 1px 2px 2px #aaa;
-webkit-box-shadow: 1px 2px 2px #aaa;
box-shadow: 1px 2px 2px #aaa;
}
#map-info-container { position:absolute; z-index:1000; }
#map-info h3 {
font-size:1.2em;
cursor:pointer;
display:block;
margin:0 0 8px 0;
padding:4px 7px;
background-color: #D23722;
color: #fff;
font-family: sans-serif;
font-weight: bold;
width: 290px;
border: 0;
background-image: none;
}
#map-info p { font-size: 1.2em; font-family: sans-serif; }
#map-info p.price { font-weight: bold; }
#map-info p.details span { display: block; }
#map-info h3 a { color: #fff; text-decoration: none; }
#map-info h3 a:hover { text-decoration: underline; }
#map-info img.floatleft { float: left; margin: 0 8px 0 0; }
#map-info .options { width: 304px; }
#map-info .propOptions ul li { display: inline; margin: 0 15px 0 0; }
#map-info .propOptions ul li.last {margin-right: 0px;}
#map-info .propOptions ul li div { display: inline; }
.map-info-body { width: 290px; }
.accordion_toggle { background-color:#9BBACF; color:#000; }
.accordion_toggle_active { background-color:#205291; color:#FFF; }
.accordion_content { background-color:#fff; overflow:hidden; }
.accordion_content img { margin-right:10px; margin-bottom:0; float:left; }
.accordion_content .price { color:#c30c0c; font-size:1.2em; }
.accordion_content .details { font-family:Verdana; font-weight:700; font-size:1.1em; color:#333; margin:0; }
.accordion_content .options { background-color:#edf3fe; text-align:center; width:290px; padding:7px; }
.accordion_content .options a { font-size:1.1em; padding-right:10px; }
.accordion_content .options .propOptions { border:none; font-size:0.9em; margin:0; padding:0; }
#map-info .arrow { height:29px; width:19px; position:absolute; top:30px; left: -19px; background: url(/images/sitefiles/map-icons/arrow.png) no-repeat 0 0; }
#map-info.left .arrow { background-position: 0 0; left:-19px; }
#map-info.right .arrow { background-position: 0 -29px; left: 324px; }
#map-info .close-map-popup { position: absolute; right: -13px; top: -13px; }
#map-info .p { width: 100% }
/* Streetview */
#map-info a#streetviewLink { }
#map-info #streetview { background-color:#fbe6e6; padding:5px 10px 7px; }
#street-view-details { height:398px; width:178px; border:1px solid #000; display:none; position:absolute; top:0; left:520px; }
#street-view-details h4 { font-size:180%; padding:10px; }
#street-view-details ul.details { color:#444; list-style:none; margin:0 0 10px 10px; }
#street-view-details ul.details li { font-size:1.2em; font-weight:700; }
#street-view-details .options { padding:0 10px; }
#street-view-details img.standard { margin:0 10px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Advertise Page
---------------------------------------------------------------------------------------------------------------------------- */
#advertise-title { padding:20px 0 0 0; text-align: center; }
#advertise-title h1 { background: url(/images/sitefiles/handdrawn-elements/big-underline.png) no-repeat 150px 45px; padding-bottom: 20px; }
#advertise-title h1 span { display: inline; }
#advertise-title h1 img { vertical-align: baseline; margin-bottom: -22px; padding: 0 0 0 5px; }
.component.component-AdvertisingFeature #advertise-feature { background: url(/images/sitefiles/advertising-feature-bg.png) no-repeat 0 0; width: 555px; overflow: hidden; margin-bottom: 10px; height: 81px; }
.component.component-AdvertisingFeature #advertise-feature .icon { width: 53px; height: 51px; float: left; background: url(/images/icons/advertising-feature-icons.png) no-repeat 0 0; margin: 13px 0; }
.component.component-AdvertisingFeature #advertise-feature .icon.star { background-position: -2px 0; }
.component.component-AdvertisingFeature #advertise-feature .icon.graph { background-position: -2px -150px; }
.component.component-AdvertisingFeature #advertise-feature .icon.iphone { background-position: -2px -298px; }
.component.component-AdvertisingFeature #advertise-feature .icon.map { background-position: -2px -450px; }
.component.component-AdvertisingFeature #advertise-feature .icon.diamond { background-position: -2px -597px; }
.component.component-AdvertisingFeature #advertise-feature .icon.alert { background-position: -2px -748px; }
.component.component-AdvertisingFeature #advertise-feature .details { width: 455px; float: left; }
.component.component-AdvertisingFeature #advertise-feature .details h3 { font-family: sans-serif; font-size: 1.4em; font-weight: bold; padding: 10px 15px 0 20px; }
.component.component-AdvertisingFeature #advertise-feature .details p { padding: 0 0 0 20px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Why Buy New
---------------------------------------------------------------------------------------------------------------------------- */
.why-buy-new-feature { width: 280px; background: url(/images/sitefiles/icon-module-bg.png) no-repeat 0 0; overflow: hidden; margin-bottom: 20px; height: 294px; }
.why-buy-new-feature .icon { width: 53px; height: 51px; background: url(/images/icons/why-buy-new-icons.png) no-repeat 0 0; margin: 1px 0 0 22px; }
.why-buy-new-feature .icon.chain { background-position: 2px 1px; }
.why-buy-new-feature .icon.heart { background-position: 2px -107px; }
.why-buy-new-feature .icon.piggy { background-position: 2px -218px; }
.why-buy-new-feature .icon.battery { background-position: 2px -328px; }
.why-buy-new-feature .icon.lock { background-position: 1px -440px; }
.why-buy-new-feature .icon.people { background-position: 2px -550px; }
.why-buy-new-feature .details { clear: both; padding: 20px; }
.why-buy-new-feature .details h3 { margin-bottom: 8px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+About Page
---------------------------------------------------------------------------------------------------------------------------- */
#about-title { padding:20px 0 0 0; text-align: center; }
#about-title h1 { padding-bottom: 20px; }
#about-title h1 span { display: inline; }
#about-title h1 img { vertical-align: baseline; margin-bottom: -22px; padding: 0 0 0 5px; }
.about { text-align:center; }
.about a { text-decoration:none; }
.about a:hover { text-decoration: underline; }
.about-intro { margin-left:10px; padding:10px; background:#f6f4f0; color:#ab2a02; }
.staff h3 { color:#df3512; margin-bottom:5px; }
.staff p { margin-bottom:5px; color:#888; }
.staff p strong { color:#3f3f3f; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Survey
---------------------------------------------------------------------------------------------------------------------------- */
#survey-panels { background:url(/images/sitefiles/boisurvey/bg.jpg) no-repeat top center #000; padding-top:200px; position:relative; }
#survey-panels .download { position:absolute; top:100px; right:54px;}
#panels-inner { overflow:auto; background:#fff; border:1px solid #ccc; }
#panels-inner h2 { font-size:2.8em; }
#panels-inner h3 { border-bottom: 1px solid #888; padding-bottom:7px; }
#panels-inner ul#tabs { background:#eee; float:left; width:200px; }
#panels-inner ul#tabs li.selected { background:#fff; }
#panels-inner ul#tabs li.selected a { color:#444; text-decoration:none; }
#panels-inner .panel { float:left; width:760px; min-height:446px;}
#panels-inner .panel .inner { padding:20px 30px; }
#panels-inner .panel table { width:100%; }
#panels-inner .panel table th { border-bottom:1px solid #ccc; color:#999; font-weight:normal; padding:5px 0;}
#panels-inner .panel table td { padding:0 5px 5px 5px; vertical-align:top; border-bottom:1px solid #eee; }
#panels-inner .panel table td.note { width:40%; padding-bottom:10px; border-bottom:1px solid #eee; color:#999; }
#panels-inner .panel table td.note b,
#panels-inner .panel table td.note strong { color:#444; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Video Brochure
---------------------------------------------------------------------------------------------------------------------------- */
#video-brochure-container #video-container{ border: 1px solid #DDD; padding: 5px; text-align: center; width: 690px; background: #F8F7F5; }
#video-brochure-container #video-about{ float: right; background: #F8F7F5; width: 250px; }
#video-brochure-container #video-about ul{ margin: 10px; }
#video-brochure-container #video-about ul li { padding-left: 10px; }
#video-brochure-container #video-about ul li.label { font-weight: bold; padding-left: 0 !important; padding-top: 5px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+iPhone Competition
---------------------------------------------------------------------------------------------------------------------------- */
#iphone-competition { padding: 12px 0px; }
.iphone-competition-header-wrapper {text-align: left; padding: 0 30px 10px;}
.iphone-competition-header {}
#iphone-competition .competition-overview { text-align: left; padding: 30px; background: #d23722; margin-bottom: 50px; }
#iphone-competition .comp-instructions-container {width: 425px;}
#iphone-competition .comp-instructions {}
#iphone-competition .comp-instructions h2 {color: #fff; font-size: 3.0em;}
#iphone-competition .iphones-container {float: right; width: 300px;}
#iphone-competition .iphones {float: right; margin-top: -100px; width: 340px;}
#iphone-competition .facebook-section {background: url("/images/competition/facebook.png") no-repeat scroll left top transparent;
margin-bottom: 60px;
margin-left: 30px;
padding-bottom: 2px;
padding-left: 80px;
padding-top: 0px;}
#iphone-competition .twitter-section {background: url(/images/competition/twitter.png) no-repeat left top; margin-left: 30px; padding-bottom: 5px; padding-left: 80px; padding-top: 0px; margin-bottom: 30px;}
#iphone-competition .form-section {background: url(/images/competition/step-3.png) no-repeat left top; margin-left: 30px; padding-bottom: 0; padding-right: 30px; padding-left: 80px; padding-top: 0px;}
#iphone-competition .end-date-container {}
#iphone-competition .end-date {padding: 0 30px 0 110px;}
#iphone-competition h1 {margin-bottom: 2px; font-size: 4.6em; color:#d23722;}
#iphone-competition h2 {margin-bottom: 14px; font-size: 2em;}
#iphone-competition h3 {margin-bottom: 10px; font-size: 1.8em;}
/* ----------------------------------------------------------------------------------------------------------------------------
+Brackets
---------------------------------------------------------------------------------------------------------------------------- */
span.left-bracket { background: url("/images/pn-sprite.png") no-repeat scroll -162px -237px transparent; display: block; height: 38px; width: 227px; }
span.right-bracket { background: url("/images/pn-sprite.png") no-repeat scroll -175px -171px transparent; display: block; height: 38px; width: 227px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Footer
---------------------------------------------------------------------------------------------------------------------------- */
#footer { display: block; padding: 20px 0 10px 0; background: url(/images/sitefiles/footer-bg.png) repeat-x center top; }
body.search-related #footer { display: block; padding: 20px 0 10px 0; background: url(/images/sitefiles/footer-bg-with-tear.png) repeat-x center -25px; }
#footer .inner { width: 1000px; margin: 0 auto; text-align: left; }
#footer p.copyright { font-size: 1em; color: #888; margin: 0;}
#footer #footer-logo { text-align: center; padding-top: 10px; }
#footer #footer-logo .logo { background: url("/images/pn-sprite.png") repeat-x scroll -195px -94px transparent; display: block; height: 51px; margin: 0 auto; width: 186px; }
#footer #footer-logo .logo span { display: none; }
#footer ul { list-style:none; display:block; font-size: 1.1em; }
#footer ul.footer-links { padding-top: 10px;}
#footer ul.list-three li,
#footer ul.list-four li { text-align: right; }
#footer ul li { margin:0; padding:0; }
/* INM Strip --------------------------------------------------------------------------------------------------------------- */
#inm-strip { display:block; padding: 8px 0px 50px 0px; background: #fff; border-top: 1px solid #ddd; }
#inm-strip .inner { width: 1000px; margin: 0 auto; }
#inm-strip p,
#inm-strip ul { font-size: 1em; color: #777; }
#inm-strip ul { list-style: none; margin: 0; padding: 0; }
#inm-strip ul li { margin: 0; padding: 0; }
#inm-strip img { height: 16px; width: 16px; float: left; margin-right: 3px; }
#inm-strip p.inm { padding: 3px 0 0; width: 30%; float: left; margin: 0;}
#inm-strip span.inm-icon { background: url("/images/pn-sprite.png") no-repeat scroll -105px -21px transparent; padding: 3px 0 0 0px; width: 67px; height: 17px; float: left; margin: 0;}
#inm-strip ul.other { float: right; height: 50px; vertical-align: middle; overflow:hidden; }
#inm-strip ul.other li { float: left; padding: 3px 0 0 10px; margin: 0; }
#inm-strip ul.other li a.other-links { background: url("/images/pn-sprite.png") no-repeat scroll transparent; display: block; float: left; height: 16px; width: 18px; margin-right: 1px; }
#inm-strip ul.other li a.beltelfav { background-position: -105px -2px; }
#inm-strip ul.other li a.carsfav { background-position: -124px -2px; }
#inm-strip ul.other li a.nijobsfav { background-position: -143px -2px; }
#inm-strip ul.other li a.adsfav { background-position: -181px -2px; }
#inm-strip ul.other li a.grabonefav { background-position: -162px -2px; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Ads
---------------------------------------------------------------------------------------------------------------------------- */
.module.mpu, .mpu-module { padding: 10px 0; text-align: center; height: 265px; }
.module.mpu p { margin: 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Overwrite Styles
Add these class names to clear any margins, paddings or floats
Keep these declarations at the BOTTOM of this stylesheet
---------------------------------------------------------------------------------------------------------------------------- */
.float-right { float: right; }
.float-left { float: left; }
.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }
.align-right { text-align: right;}
.quiet { font-weight: lighter; text-transform: none; letter-spacing: 0;}
.last { margin-right: 0; }
.half { width: 48.5%; margin-right: 15px; }
.left { float: left; }
.italic { font-style: italic; letter-spacing: 0.04em; }
.center { text-align: center; }
.no-marg { margin: 0; }
.no-pad { padding: 0; }
.marg-right { margin-right: 14px; }
.marg-left { margin-left: 14px; }
.marg-bottom { margin-bottom: 14px; }
.marg-top { margin-top: 14px; }
.marg-all { margin: 14px; }
.pad-bottom { padding-bottom: 14px; }
.extra-padding.top { padding-top: 15px; float: none; }
.extra-padding.right { padding-right: 15px; float: none; }
.extra-padding.bottom { padding-bottom: 15px; float: none; }
.extra-padding.left { padding-left: 15px; float: none; }
/* ----------------------------------------------------------------------------------------------------------------------------
+Pagelets
---------------------------------------------------------------------------------------------------------------------------- */
/* Override the default styles */
.content-editing-on .editable-area .component-picker div.drop-zone { }
.editable-area .guides .guide { background: url(/images/pagelets/guide.gif) repeat-y !important; width: 83px; }