/* --------------------------------------------------------------

    base.css

    Author:
    Date:

    This is the main stylesheet

    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Default Styles

-------------------------------------------------------------- */

body {
	text-align: center;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #666666;
	background: url(/images/structure/bg-b.png) repeat-x;
	}

body.home { background: url(/images/structure/bg.png) repeat-x; }
body.centered { background: url(/images/structure/centered.jpg) repeat-x #036437; }

.floatleft { float: left; }
.floatright { float: right; }

.clear-floats { clear: both; font-size: 1px; }

.standard { border:1px solid #333; padding: 1px;}

/* --------------------------------------------------------------

    +Layout

    -- This is the optimum layout for 1024px
    -- Individual column width 93px
    -- 9 column layout
    -- margin 14px

-------------------------------------------------------------- */

#top 		{ width: 100%; margin: 0 auto; padding: 0; position: relative; background: url(/images/structure/light-bg.jpg) no-repeat center 56px; }
body.content #top 		{ background: url(/images/structure/light-bg-content.jpg) no-repeat center 56px; }
body.centered #top { background: url(/images/structure/centered-brand.jpg) no-repeat center 56px; }

#content-logo { width: 200px; height: 120px; cursor: pointer; position: absolute; }

#shell 	{ width: 977px; margin: 0 auto; position: relative; }
#page 	{ text-align: left; }

#banner { height:149px; }


#content { min-height: 600px; padding: 20px 0; }
.content-inner { padding: 0px 20px 20px 20px; }
#content-full .content-inner { padding: 0 16px 20px 16px; }

body.centered #content { padding-top: 180px; }

.col { float: left; margin-right: 14px; width: 93px; }

.span-1 { width: 93px; }
.span-2 { width: 200px; }
.span-3 { width: 307px; }
.span-4 { width: 414px; }
.span-5 { width: 521px; }
.span-6 { width: 628px; }
.span-7 { width: 735px; }
.span-8 { width: 842px; }
.span-9 { width: 949px; }

.region { margin-bottom:40px; }

.span-half { width: 48%; margin-right: 15px; float: left; }

/* --------------------------------------------------------------

    +Modules

-------------------------------------------------------------- */

.module-a { margin-bottom: 18px; }
.module-a .module-head { background-color: #ef4035; }
.module-a .module-inner { background-color: #f0f0f0; border-top: 1px solid #fff; padding: 12px; }
.module-a .module-head h2,
.module-a .module-head h3,
.module-a .module-head h4 { color: #fff; font-size: 1.4em; margin: 0; padding: 3px 12px; }

.module-a.green .module-head { background-color: #036e3c; }

.module-b { background-color: #f5f5f5; border: 1px solid #e7e7e7; padding: 14px; }

/* --------------------------------------------------------------

    +Typography + Headings

-------------------------------------------------------------- */

p { margin-bottom: 1.5em; }
p, ul, blockquote, dd, dt, table { font-size: 1.2em; line-height: 1.6em; }

ul p,
ul ul { font-size:1em; }

a:link, a:visited { color: #16599e; }
a:hover { color: #DF3328; }

b, strong { font-weight:bold; }
i, em { font-style:italic; }

p.large, p.large-contrast { font-size: 1.4em; font-weight: bold; margin: 0 0 1.5em 0; color: #333; }
p.contrast, p.large-contrast, .contrast { color: #ef4035; }

table p {font-size: 0.9em; }

.content-inner ol { font-size: 1.2em; line-height: 1.5em; color: #333; }
.content-inner ol li { margin-bottom: 1em; margin-left: 1.5em; }

/* Lists ----------------------------------------------------- */

dt { margin-bottom: 0.35em; }
dd { margin-bottom: 1.3em; }

ul { margin: 0 0 1.5em 0; padding: 0 0 0 1.5em; }

ul.inline-list { float: left; }
ul.inline-list li { float: left; display: inline; }

/* Headings -------------------------------------------------- */

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
	clear: none;
	line-height: 1.5em;
	}

h1 { font-family:helvetica, arial, sans-serif; font-size: 2.3em; margin-bottom: 0.667em; color:#1e8454; }
h2 { font-size: 1.9em; margin-bottom: 0.8em; }
h3 { font-size: 1.7em; margin-bottom: 0.889em; }
h4 { font-size: 1.5em; margin-bottom: 1.066em; }
h5 { font-size: 1.3em; margin-bottom: 1.2307em; }
h6 { font-size: 1.1em; margin-bottom: 1.5em; }

.contrast-head { padding: 5px 10px; background-color: #036E3C; color: #fff; border-top: 4px solid #074628; }
.center { text-align: center; }

h1 span, h2 span, h3 span { display: none; }

#banner h1 { margin:30px 0 0 230px; font-size:6.0em; }

.float-right, .float-right-bordered { float: right; }
.float-left, .float-left-bordered { float: left; }

.float-right-bordered, .float-left-bordered { padding: 1px; border: 1px solid #dedede; }

/* +Tables ----------------------------------------------------- */
.profile-table { border-collapse: separate;  }
.profile-table td, #property-search table.profile-table td { padding: 0; text-align: left; border: 1px solid #dedede; width: 125px; }
.profile-table h3 { font-size: 1em; padding: 0 10px; margin: 0; }
.profile-table p { font-size: 0.9em; padding: 0 10px; margin: 0 0 10px 0; color: #999; }
.profile-table td.no-border, .no-border, #property-search table.profile-table td.no-border { border: 0; }

/* --------------------------------------------------------------

    +Homepage

-------------------------------------------------------------- */

#intro p.summary { color: #a7d6c1; }
#intro p.more a { color: #fff; }
#new-homes { width: 100%; height: 250px; }
#new-homes-rotator li { list-style-type: none; }
#new-homes-rotator a { text-decoration:none; }


/* Search ---------------------------------------------------- */
#search { background-color: #064427; margin: 15px 0 15px -17px; position: relative; padding: 14px; }
#search h2 { color: #fff; font-size: 1.4em; background: url(/images/icons/sprite.gif) no-repeat left 3px; padding-left: 23px; margin-bottom: 5px; }
#search p { color: #7dab96; }
#search form { padding: 10px 0; }
#search #searchbox { color: #777; padding: 4px; width: 175px; height: 17px; margin-bottom: 10px; }
#search #sales-button { margin-right: 10px; }
#search #advanced-search-link a { color: #fff; font-size: 0.9em; }

/* Popular Searches ------------------------------------------- */
#popular-searches h2 { font-size: 1.2em; color: #fefefe; margin-bottom: 5px; }
#popular-searches ul { font-size: 1.1em; list-style: none; margin: 0; padding: 0; }
#popular-searches ul li { background: url(/images/icons/sprite.gif) no-repeat -4px -32px; padding-left: 15px; }
#popular-searches li a { color: #7dab96; }
#popular-searches li a:hover { color: #fff; }

/* Properties to let ------------------------------------------ */
#to-let img { border: 2px solid #fff; }
#to-let h3 { font-size: 1.2em; margin: 0; }
#to-let h3.address { margin-bottom: 3px; }

/* Get in touch ----------------------------------------------- */
#get-in-touch h3 { font-size: 1.1em; margin: 0; line-height: 1.2em; }
#get-in-touch img { float: left; margin-right: 10px; border: 2px solid #fff;}
#get-in-touch .item { clear: both; margin-bottom: 10px; }
#get-in-touch p { font-size: 1.1em; margin: 0; }

/* Property alerts ------------------------------------------- */
#selling { background-color:#036e3c; color:#9ac5b1; padding:10px; }
#selling p { margin-bottom:0.2em; }
#selling h2 { font-family:helvetica, arial, sans-serif; font-size: 2em; line-height:1.2em; margin-bottom: 5px; }
#selling h2,
#selling a { color:#fff; }

/* New developments ------------------------------------------- */
#new-developments { padding-bottom: 0; margin-bottom: 20px; border-bottom: 1px dotted #ccc; }
#new-developments h2 { font-size: 1.4em;  margin-bottom: 0px; padding: 0 10px 4px 10px; background-color: #EF4035; color: #fff; }

.roundabout-holder { list-style: none; width: 75%; height: 20em; margin: 0 auto 1em auto; }
.roundabout-moveable-item { height: 20em; width: 16.7em; background-color: #fff; border: 1px solid #ccc; cursor: pointer; }
.roundabout-moveable-item img { height: 10.6em; width: 15.40em; padding: 0.5em 0.6em 0.2em 0.6em;  }
.roundabout-in-focus a img { border: none; text-decoration:none; }
.roundabout-in-focus { cursor: auto; }
.roundabout-moveable-item h3 { font-size: 1.3em; padding: 0 0.5em; margin: 0 0 0.2em 0; }
.roundabout-moveable-item p { font-size: 0.9em; padding: 0 0.8em; color: #999; }

/* Blog list ------------------------------------------- */
#blog-list { position: relative; }
#blog-list a#rss { position: absolute; top: 7px; right: 7px; }
#blog-list h2 { font-size: 1.4em; margin-bottom: 0px; background-color: #EF4035; padding: 4px 10px;  }
#blog-list h2 a { color: #fff; }
#blog-list h2 a:hover { text-decoration: none; }
#blog-list .blog-item-home { padding: 10px 0; }
#blog-list .blog-item-home h4 { font-size: 1.2em; margin: 0; }
#blog-list .blog-item-home img { float: left; margin-right: 10px; border: 1px solid #ccc; padding: 1px;}
#blog-list .blog-item-home p { font-size: 1.1em; margin: 0;  }

/* Part exchange ------------------------------------------- */
#part-exchange { border:1px solid #DDDDDD; padding:10px; background:url(/images/structure/modules/part-exchange.gif) no-repeat top left }
#part-exchange h2 { font-size: 1.6em; color: #0e854e; margin-bottom: 5px; padding-left:25px; }
#part-exchange h2 span { display:inline; color:#df3328; }

/* Vendor advice ------------------------------------------- */
#vendor-advice, .module-page { border-width:1px 0 0 1px; border-style:solid; border-color:#DDDDDD; padding:10px; margin-bottom: 20px; background:url(/images/structure/modules/vendor-advice.gif) no-repeat bottom right; }
#vendor-advice h2 { font-family:helvetica, arial, sans-serif; font-size: 3.2em; line-height:1em; color: #333; margin-bottom: 5px; }
#vendor-advice p { padding-right:50px; }

/* Property alerts ------------------------------------------- */
#property-alerts { border:1px solid #DDDDDD; padding:10px;  background:url(/images/structure/modules/property-alerts.gif) no-repeat top right }
#property-alerts h2 { font-family:helvetica, arial, sans-serif; font-size: 2em; line-height:1.2em; color: #df3328; margin-bottom: 5px; padding-right:35px; }

/* Mag download ------------------------------------------- */
#mag-download { border:1px solid #DDDDDD; padding:10px;color:#333; margin:20px 0; }
#mag-download img { border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px; }
a.download { background:url(/images/buttons/download.gif); width:121px; height:31px; display:block; float:left; margin-right:5px; margin-top:-5px; }
a.download span { display:none; }

/* Selling ----------------------------------------------- */
#selling h2 { background: url(/images/icons/tr-icon.gif) no-repeat left 2px; padding-left: 55px; }


/* --------------------------------------------------------------

    +Property Search

-------------------------------------------------------------- */

#just-added h3 { font-size: 1.4em; }

.recent-property { background: url(/images/structure/divider.gif) no-repeat bottom center; text-align: center; padding: 14px 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.recent-property img { border: 1px solid #ccc; padding: 1px; }
.recent-property h4 { font-size: 1.2em; margin: 0; }
.recent-property p { color: #333; font-weight: bold; margin: 0; font-size: 1.1em; }
.recent-property p span { color: #777; }
.recent-property.last { background: none; border-bottom: 1px solid #dedede; }

#property-search table td { padding: 10px; vertical-align: top; text-align: right; }
#property-search table td.first { padding-top: 20px; }
#property-search table td label { padding: 4px 7px; color: #222; font-weight: bold;  }
#property-search td #Keywords { width: 400px; }
#property-search td.Keywords { padding-bottom: 15px; text-align: center; border-bottom: 1px solid #fff; }

#property-search .button { padding-top: 15px; border-top: 1px solid #fff; margin-top: 20px; }

/* --------------------------------------------------------------

    +Members

-------------------------------------------------------------- */

.module-a#login { width: 350px; margin: 0 auto; border: 1px solid #fff; }
#login dt { float: left; width: 20%; margin-right: 15px; text-align: right; font-weight: bold; color: #333; }
#login dd { float: left; width: 73%; }
#login dd input { width: 230px; }
#login .button { text-align: center; }

a#logout { position: absolute; top: 65px; right: 20px; color: #fff; font-size: 1.2em; }

#member-home h2 { }
#member-home h2 span { display: inline; font-weight: normal; }

#member-home #favourite-properties { }
#member-home #saved-searches { clear: both; }

#member-home #favourite-properties h3, #member-home #saved-searches h3 { background-color: #ef4035; font-size: 1.4em; color: #fff; padding: 4px 8px; margin-bottom: 16px; }

#member-home .item img { padding: 1px; border: 1px solid #ccc; }
#member-home .item { width: 204px; float: left; margin: 0 12px; height: 240px; }
#member-home .item.last { margin-right: 0; }
#member-home .item p { margin-bottom: 0; padding: 0 3px; }
#member-home .item p.price { font-weight: bold; color: #333; }
#member-home .item h4 { font-size: 1.2em; margin: 0; padding: 0 3px; }
#member-home .item p span { color: #ef4035; }

#member-home #saved-searches table { border-collapse: collapse; margin-bottom: 20px; }
#member-home #saved-searches td { border-top: 1px solid #dedede; vertical-align: top; padding: 7px; }
#member-home #saved-searches td.search-name { width: 180px; font-weight: bold; color: #333; }
#member-home #saved-searches td.search-description { width: 500px; }
#member-home #saved-searches td.search-description span { color: red; padding-right: 7px; }
#member-home #saved-searches td.search-options { padding-bottom: 20px; position: relative; }
#member-home #saved-searches td.search-options a { width: 30px; height: 30px; display: inline-block;}
#member-home #search-options-label { text-align: center; position: absolute; width: 155px; font-size: 0.9em; color: #333; font-weight: bold; }

#edit-search { width: 300px; }
#edit-search label { display: block; font-size: 1.2em; font-weight: bold; color: #333; margin: 0 0 5px 0;  }
#edit-search select, #edit-search input { margin-bottom: 10px; }

/* --------------------------------------------------------------

    +Register

-------------------------------------------------------------- */

#register dt { width: 30%; float: left; margin-right: 15px; text-align: right; color: #333; font-weight: bold; }
#register dd { width: 60%; float: left; }

/* --------------------------------------------------------------

    +Property Life

-------------------------------------------------------------- */

#subscribe dt { float: left; text-align: right; font-size: 1.1em; color: #333; width: 32%; margin-right: 10px; font-weight: bold; }
#subscribe dd { float: left; width: 60%; }

a#download-pdf { background: url(/images/icons/sprite.gif) no-repeat 10px -465px #f4f4f4; border: 1px solid #888; padding: 7px 10px 7px 40px; display: block; }

/* --------------------------------------------------------------

    +Results page

-------------------------------------------------------------- */

#results .result-item { border-top:1px solid #cccccc; padding: 13px 0; }
#results .result-item img { border:1px solid #CCCCCC; padding: 1px; }

#results .result-item .image { width: 270px; float: left; margin-right: 15px; text-align: right; }
#results .result-item .details { width: 450px; float: left; }

#results h4,
#results p.value { font-weight:normal; font-size:2.3em; line-height:1.2em; }
#results h4 { margin:0; clear: both;}
#results h4 a:link, #results h4 a:visited { color:#ef4035; text-decoration:none; }
#results h4 a:hover { text-decoration: underline; }
#results p.value { color:#999; margin-bottom:0.2em; }
#results p.value span { color:#373737; }

#results p.description { margin: 0 0 5px 0; }
#results p.link { margin: 0; background: url(/images/icons/sprite.gif) no-repeat -5px -356px; padding-left: 12px; }

#results ul.info { padding:0; margin:0 0 0 0; list-style:none; border-width:0; font-size: 1.1em;  }
#results ul.info li { float: left; background-color:#036437; padding:3px 6px; color:#ffffff; margin:0 2px 10px 0; font-weight:bold; }
#results ul.info li.agreed { background-color:#ef4035; }

#refine dl { margin: 0; padding: 0; }
#refine dt { margin: 0 0 3px 0; padding: 0; font-weight: bold; font-size: 1.1em; color: #222; }
#refine dd { margin: 0 0 10px 0; }

#results .development-outer{ border-top:1px solid #cccccc; padding: 13px 0; }
#results .development { margin: 10px 0 10px 6px; border: 9px solid #00703c; background: url(/images/structure/new-dev-bg.gif) no-repeat center -9px; width: 706px; }
#results .development h3 { display: none; }
#results .development h4 { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
#results .development .details { width: 438px; float: left; margin-right: 15px; padding: 40px 0 0 10px; }
#results .development .main-image { width: 185px; float: right; padding: 10px 10px 8px 0; text-align: right; }
#results .development .details ul { list-style: none; margin: 0; padding: 0; }
#results .development .details ul li { float: left; margin-right: 20px; }

.results-options h3 { margin: 0; font-size: 1.4em; }
.results-options { padding-bottom: 10px; }

td.pager { color: #fff; letter-spacing: 0px; text-align: right; }
td.pager .pagerIContainer, td.pager .pagerContainer { float: left; }
.pager a{ padding: 0; margin-right: 0px; text-decoration: none; font-weight: bold; color: #777; background-color: #e7e7e7; padding: 2px 7px; letter-spacing: 0; }
.pager span.pagerCurrentPageLink { background-color: #df3328; padding: 2px 7px; font-weight: bold; text-align: right; }
.pager a, .pagerCurrentPageLink { }
.pager a:hover { background-color: #DF3328; color: #fff; }
td.found { width: 25%; font-size: 0.8em; }

/* --------------------------------------------------------------

    +Article

-------------------------------------------------------------- */

.article h2 { font-family:helvetica, arial, sans-serif; font-size: 3.6em; margin-bottom: 0.667em; color:#333; margin-bottom:0.1em; }
.article h3 { font-size:1.4em; font-weight:bold; }
.article p.intro { font-size:1.4em; font-weight:bold; color:#db2424 }
ul.checklist { list-style:none; padding:0 0 0 0; margin-right:214px; border-top:1px solid #CCC; }
ul.checklist li { padding:5px 0 5px 20px; border-bottom:1px solid #CCC; background:url(/images/icons/check.gif) no-repeat left center; }

.article ul.hints { list-style:none; padding:0 0 0 0; margin-right:214px; }
.article ul.hints li { padding:5px 0 0 60px; height:40px; margin-bottom:15px; background:url(/images/icons/hints.gif) no-repeat left center; }

/* --------------------------------------------------------------

    +Brochure

-------------------------------------------------------------- */

#brochure .options { border-bottom: 1px dotted #444; padding: 3px 7px 5px 7px; margin-bottom: 15px; border-top: 1px dotted #444;}

#brochure h2.address { font-size: 3em; color: #EF4035; letter-spacing: -1px; margin-bottom: 0; font-weight: normal; }
#brochure h3.price { font-size: 3em;  margin-bottom: 10px; font-weight: normal; color: #999; }
#brochure h3.price span { color: #333; display: inline; }
#brochure h2 span.postcode { display: inline-block; }

#brochure .main-image-wrap { margin-bottom: 10px;  }
#brochure .main-image { display: table-cell; border: 1px solid #ccc; padding: 1px; height: 234px; width: 302px; vertical-align: middle; text-align: center; }
#brochure .main-image img { vertical-align: middle; }
#brochure .thumbs .thumbnail { float: left; margin: 0 5px 10px 0; display: inline; text-align: center; }
#brochure .thumbs .thumbnail div { width: 95px; padding: 1px; border: 1px solid #ccc; height: 84px; display: table-cell; vertical-align: middle; }
#brochure .thumbs .thumbnail img { vertical-align: middle; }
#brochure .thumbs .thumbnail.last { margin: 0; }

#brochure ul.details { list-style-type: none; font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #222; margin: 0; padding: 0 0; }
#brochure ul.details li { padding: 2px 0 2px 25px;  margin-right: 15px; }
#brochure .details li.status { background: url(/images/icons/sprite.gif) no-repeat -1px -218px; }
#brochure .details li.type { background: url(/images/icons/sprite.gif) no-repeat -1px -172px; }
#brochure .details li.beds { background: url(/images/icons/sprite.gif) no-repeat -1px -257px; }
#brochure .details li.rcpts { background: url(/images/icons/sprite.gif) no-repeat -1px -306px; }

#brochure .actions { clear: both; padding-top: 15px; margin-bottom: 20px; }

#brochure .actions h5 { margin:10px 0; text-align:center; }

#brochure .features h3, #brochure .comprises h3, #brochure .description h3 { margin-bottom: 5px; font-size: 1.4em; }

#brochure .epc{ margin-bottom:20px;}

#similar-properties { width: 100%; float:left; }

.current-offer { margin:10px; font-size: 100% }
.current-offer span {font-size: 0.8em;}

/* --------------------------------------------------------------

    +Make Offer

-------------------------------------------------------------- */

#make-offer-wrap { width: 367px; float: left; margin-right: 10px; margin-left: 100px; }
#make-offer-wrap .advice { margin-top: 20px; }
#make-offer-for { background: url(/images/structure/offer-bg.gif) no-repeat top left; height: 444px; }
#make-offer-for .inner { padding: 23px; }

#offer-form { width: 400px; float: right; }

/* Similar Properties ---------------------------------------- */

#similar-properties { margin-bottom: 20px; border-top: 1px dotted #444; padding-top: 10px; }
#similar-properties .similar-property { width: 170px; float: left; margin-right: 18px; }
#similar-properties .similar-property.last { margin-right: 0; }
#similar-properties .img { height: 134px; margin-bottom: 5px; }
#similar-properties img { padding: 1px; border: 1px solid #dedede; }
#similar-properties p { margin-bottom: 0px; padding: 0 2px; }
#similar-properties p.price { font-weight: bold; color: #444; }
#similar-properties h4 { padding: 0 2px; font-size: 1.2em; margin: 0; }

/* EPC -------------------------------------------------------- */
.epc h4 { background-color: #1586cd; color: #fff; padding: 4px 7px; }

/* Map -------------------------------------------------------- */
#map { position: relative; }
#streetview { position: absolute; top: 0; left: 0; }
#map ul { list-style: none; margin: 0; padding: 0; }
#map ul li { float: left; padding: 4px 0 4px 20px; }
#map ul li.large { background: url(/images/icons/sprite.gif) no-repeat 0 -762px; margin-right: 20px; }
#map ul li.street { background: url(/images/icons/sprite.gif) no-repeat 0 -821px; }

/* Additional Media -------------------------------------------- */
.additional-media { border: 1px dotted #444; margin-bottom: 15px; }

/* Mortgage Calculator ----------------------------------------- */
.mortgage-calculator { border-top: 1px dotted #444; margin-top: 20px; padding-top: 15px; }
.mortgage-calculator h3 { font-size: 1.4em; }
.mortgage-calculator table th { font-size: 0.9em; font-weight: bold; }
.mortgage-calculator #PropertyValue { width: 80px; }
.mortgage-calculator #Deposit { width: 70px; }
.mortgage-calculator #LoanAmount { width: 80px; }
.mortgage-calculator #Rate { width: 40px; }
.mortgage-calculator #MonthlyPayment { width: 50px; }
.mortgage-calculator p.disclaimer { font-size: 0.9em; color: #999; }

/* Comprises -------------------------------------------------- */
.comprises dt { font-size: 1.1em; text-transform: uppercase; letter-spacing: 1px; margin: 0; font-weight: bold; color: #333; background-color: #f2f2f2; padding: 3px; }
.comprises dt span { font-style: italic; font-weight: normal; color: #666; }
#brochure .comprises h3 { margin-bottom: 20px; }
.comprises dd { margin-left: 1em; }

/* --------------------------------------------------------------

    +Rental Search

-------------------------------------------------------------- */

#rental-search dl { padding: 0 10px; }
#rental-search dt { font-weight: bold; color: #333; }
#rental-search dd { margin-bottom: 10px; }
#rental-search #Keywords, #rental-search #Area { width: 250px; }

#featured-rentals .item { float: left; width: 180px; margin-right: 24px; margin-bottom: 15px; }
#featured-rentals .item.last { margin-right: 0; }
#featured-rentals .item img { padding: 1px; border: 1px solid #dedede; }
#featured-rentals h3.address { font-size: 1.2em; margin: 0; padding: 0 3px; }
#featured-rentals h3.price { font-size: 1.2em; padding: 0 3px; }


/* --------------------------------------------------------------

    +Forms

-------------------------------------------------------------- */

.form dl dt { font-weight: bold; color: #333; font-size: 1.1em; }
.form em { color: red; font-size: 1.6em; line-height: 0em;  }
.form dl dt span { font-style: italic; }
.form dl dd input { width: 93%; }
.form dl dd textarea { width: 90%; }
#contact-form em { display:block; font-size: 1.1em; line-height:1.5em; }

.offer-form dl dt { font-weight: bold; color: #333; font-size: 1.1em; }
.offer-form em { color: red; font-size: 1.6em; line-height: 0em;  }
.offer-form dl dt span { font-style: italic; }
.offer-form dl dd input { width: 73%; }
.offer-form dl dd textarea { width: 90%; }

div.success h1 { font-size: 1.4em; }

/* --------------------------------------------------------------

    +Tabs

-------------------------------------------------------------- */

#panel-content .inactive { display: none; }

#anchor-tabs ul { list-style: none; margin: 0; padding: 0 0 0 6px; background-color: #036437; width: 99.4%; height: 35px; }
#anchor-tabs ul li { float: left; margin: 6px 3px 0 0; padding: 5px 0 0 0; position: relative; float: left; display: inline; font-weight: bold; }
#anchor-tabs ul li a { text-decoration: none; background-color: #1b8655; padding: 7px 10px; color: #fff; }
#anchor-tabs ul li.tab-on a { background-color: #fff; color: #333; }
#anchor-tabs ul li a:hover { background-color: #e7e7e7; color: #333;  }

#panel-content { border: 1px solid #dedede; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; }

/* --------------------------------------------------------------

    +Navigation

-------------------------------------------------------------- */

#nav ul { margin: 0; padding: 0; list-style: none;font-size: 1.4em;  }
#nav ul li.main { position: relative; margin: 0; padding: 0; float: left;  font-weight: bold; padding: 17px 0; background: url(/images/structure/nav-divider.gif) no-repeat top right; }
#nav ul li.main a { padding: 17px 22px; color: #829c8f; }
#nav ul li a { text-decoration: none; color: #a7dac0; }
#nav ul li a:hover { text-decoration: underline; color: #fff; }
#nav ul li.selected a { color: #fff; }

#subnav-top { background: url(/images/structure/subnav-top.png) no-repeat top left; height: 25px; }
#subnav-bottom { background: url(/images/structure/subnav-bottom.png) no-repeat bottom left; height: 12px; }
#subnav {
    position: absolute;
    right: -8px;
    top: 35px;
    width: 224px;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 10;
}
#subnav ul { font-size: 1.4em; }
#subnav-inner { background: url(/images/structure/subnav-bg.png) repeat-y; }
#subnav li {  padding: 0; font-weight: bold; }
#subnav li a { padding: 8px 13px; border-bottom: 1px solid #49af7f; display: block; margin: 0 8px 0 9px; border-top: 1px solid #0f804b; }

#subnav li.first a { border-top: none; padding-top: 2px; }
#subnav li.last a { border-bottom: 0; padding-bottom: 7px; }

#side-menu { margin: 0 0 20px 0; padding: 0; list-style: none; background-color: #EF4035; }
#side-menu li { border-bottom: 1px solid #fff; }
#side-menu li a { display: block; padding: 7px 0 7px 10px; text-decoration: none; color: #fff; font-weight: bold; }
#side-menu li a:hover { background-color: #333; color: #fff; }

/* --------------------------------------------------------------

    +Slideshow

-------------------------------------------------------------- */

#slideshow-wrap { width: 523px; height: 370px; background: url(/images/slideshow/slideshow-bg.png) no-repeat top center; position: relative; margin-bottom: 20px;}
#slideshow { overflow: hidden; position: absolute; top: 10px; left: 11px; width: 501px; height: 350px; }

#slideshow #slides {
    width: 501px;
    height: 323px;
    position: relative;
    overflow: hidden;
}
#slideshow .slide { float: left; width: 501px; }
#slideshow .slide img { margin-right: 12px;}
#slideshow #menu { margin: 10px auto; text-align: center; height: 17px; }
#slideshow #menu ul { margin: 0; padding: 0; list-style: none; }
#slideshow #menu li a, #slideshow #menu li { height: 17px; width: 17px; display: inline-block; }

#slideshow #menu li.active { background: url(/images/slideshow/dot-active.gif) no-repeat top center; }
#slideshow #menu li.inactive { background: url(/images/slideshow/dot.gif) no-repeat top center; }

#slideshow .details { position: absolute; z-index: 100; margin-top: -67px; background: url(/images/structure/slideshow-details-bg.png) no-repeat top left; width: 490px; padding: 7px 0 10px 10px; }
#slideshow .details h3 { margin: 0; width: 500px; }
#slideshow .details h3.address { color: #fff; }
#slideshow .details h3.price { color: #e03d3d; }
#slideshow .details h3 a { color: #fff; text-decoration: none; }
#slideshow .details h3 a:hover { text-decoration: underline; }

/* --------------------------------------------------------------

    +Staff Profiles

-------------------------------------------------------------- */

.profile { width: 125px; border: 1px solid #ccc; float: left; margin-right: 14px; padding-bottom: 8px; margin-bottom: 14px; height:150px; }
.profile.last { margin-right: 0; }
.profile h3 { font-size: 1.2em; padding: 5px 10px 0 10px; margin: 0; }
.profile p { color: #999; margin: 0; padding: 0 10px; font-size: 1.1em; }

/* --------------------------------------------------------------

    +Glossary

-------------------------------------------------------------- */

#glossary .jump { margin-bottom: 20px; }
#glossary .jump ul { list-style: none; margin: 0; padding: 0; }
#glossary .jump ul li { margin-right: 5px; float: left; display: inline; }
#glossary .jump ul li a { padding: 5px; }

#glossary .column { width: 45%; float: left; margin-right: 20px; }
#glossary .column.last { margin-right: 0; padding-left: 20px; border-left: 1px solid #dedede; }
#glossary .group h3 { width: 50px; height: 45px; background-color: #ef4035; text-align: center; font-size: 3em; margin: 0; color: #fff; float: left; margin-right: 15px; }
#glossary .group dl { width: 245px; float: left; margin: 0 0 10px 0; }
#glossary .group dl dt { margin: 0; color: #333; font-weight: bold; }
#glossary .group dl dd { margin-bottom: 10px; }

/* --------------------------------------------------------------

    +Services

-------------------------------------------------------------- */

#services .item { width: 225px; float: left; margin-right: 10px; }
#services .item.last { margin-right: 0; }
#services .item .img { position: relative; }
#services .item .img span { position: absolute; z-index: 100; }
#services .item h3 { font-size: 1.4em; padding: 10px 0 0 5px; margin: 0; }
#services .item p { font-size: 1.1em; padding: 0 0 0 5px; margin: 0 0 30px 0; }

/* --------------------------------------------------------------

    +Contact

-------------------------------------------------------------- */

#branches #panel-content div.item { padding: 20px; }
#branches #panel-content div img { padding: 1px; border: 1px solid #333; float: left; margin-right: 20px; }

#ajax-form-step-ContactForm em.error { font-size: 1em; }

.error {color:#EF4035; }

/* --------------------------------------------------------------

    +New Developments

-------------------------------------------------------------- */

#new-search { border: 1px solid #dedede; margin-bottom: 15px;  }
#new-search table { border-collapse: collapse; margin: 0; padding: 0; }
#new-search table td { vertical-align: middle; border-right: 1px dashed #dedede; padding: 8px 13px 5px 13px; }
#new-search table td.button { border: none; }
#new-search td.title { width: 90px; }
#new-search td.location select { width: 170px; }

#new-developments .development { width: 220px; float: left; margin-right: 20px; height: 335px; }
#new-developments .development.last { margin-right: 0; }
#new-developments .development .img { text-align: center; margin-bottom: 5px; }
#new-developments .development .img div { width: 220px; height: 165px; display: table-cell; border: 1px solid #dedede; vertical-align: middle; padding: 1px;  text-align: center; }
#new-developments .development .img div img { vertical-align: middle; }
#new-developments .development h3 { font-size: 1.4em; padding: 3px 5px; margin: 0 0 5px 0; background-color: #EF4035; }
#new-developments .development h3 a { color: #fff; }
#new-developments .development h3 a:hover { text-decoration: none; }
#new-developments .development p { padding: 0 3px; margin-bottom: 15px;  }

#new-developments #development-112 h3,
#new-developments #development-153 h3 { font-size: 1.2em; padding: 5px; }

#new-developments .development h4 { font-size: 1.2em; color: #444; font-weight: bold; padding: 0 3px; margin: 0 0 5px 0;  }

#brochure.new-dev-brochure table.house-types { border-bottom: 1px dotted #444444; padding-bottom: 20px; }
#brochure.new-dev-brochure table.house-types th { color: #333; padding: 2px 6px; background-color: #333; color: #fff;}
#brochure.new-dev-brochure table.house-types td { border-bottom: 1px solid #dedede; font-size: 0.9em; padding: 2px 2px 2px 6px; }

#brochure.new-dev-brochure #brochure-images { margin: 0 auto; text-align: center; }

#brochure.new-dev-brochure .details { width: 625px; }

#brochure.new-dev-brochure h2.address { margin-bottom: 15px; text-align: center; }

#brochure.new-dev-brochure .additional img { padding: 1px; border: 1px solid #dedede;  }
#brochure.new-dev-brochure a#register-interest { text-align: center; padding: 10px 0; display: block; }
#brochure.new-dev-brochure a#register-interest img { padding: 0; border: 0; }
#brochure.new-dev-brochure .description { padding: 14px 0; clear: both; }

.new-developments-options { list-style: none; margin: 0; padding: 0; }
.new-developments-options li { padding: 10px 0 10px 20px; background: url(/images/icons/sprite.gif) no-repeat 0 0; float: left; margin-right: 25px; }
.new-developments-options li.register { background-position: 0 -860px; }
.new-developments-options li.arrange-viewing { background-position: 0 -986px; }
.new-developments-options li.pdf-brochure { background-position: 0 -1052px; }

#brochure.new-dev-brochure .details h3.prices { text-align: center; font-size: 2.4em; font-weight: normal; }

#brochure .showhouse { background-color: #fdfdf3; padding: 10px; border: 1px dashed #ccc; margin-bottom: 15px; }
#brochure .showhouse h3 { font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; color: #0da250; }

/* --------------------------------------------------------------

    +Blog

-------------------------------------------------------------- */

.blog-intro {  }
.blog-intro h2 { font-size: 1.4em; }

.blog-item { padding: 0 0 15px 0; clear: both; margin-bottom: 0px; }
.blog-item h2 { font-size: 2.4em; border-top: 1px solid #dedede; padding-top: 10px;  margin-bottom: 10px; font-weight: normal; }
.blog-item.main h2 { font-size: 2.8em; font-weight: normal; padding-top: 5px; margin-bottom: 20px;  border: 0; }
.blog-item h2 a:link, .blog-item h2 a:visited { text-decoration: none; }
.blog-item h2 a:hover { text-decoration: underline; color: #EF4035; }
.blog-item h2 span { display: inline; color: #999; }
.blog-item img { padding: 1px; border: 1px solid #ccc; float: left; margin: 0 15px 15px 0; }
.blog-item p { color: #333; }
.blog-item p.author { margin-bottom: 15px; }
.blog-item p.category { margin-bottom: 5px; color: #333; }
.blog-item p.category em { font-weight: bold; }
.blog-item p.synopsis { margin-bottom: 5px; }
.blog-back { margin-bottom: 10px; }

#comments  { padding-top: 15px;  }
#comments h3 { font-size: 1.1em; text-transform: uppercase; padding-left: 27px; }
#comments h3.comments { background: url(/images/icons/sprite.gif) no-repeat 2px -563px; border-bottom: 1px dotted #e5dfce; padding-bottom: 10px; margin-bottom: 0; }
#comments h3.add-comment { background: url(/images/icons/sprite.gif) no-repeat 1px -643px; margin: 10px 0; }

#comments-form { padding: 14px 14px 4px 14px; background-color: #f4f4f4; border: 1px solid #eee9d9; }
#comments-form ol { list-style: none; margin: 0; padding: 0; }
#comments-form li { margin: 0 0 10px 0; }
#comments-form li label { font-size: 1em; padding: 0 15px 0 0; }

#Comment_Form_Name,
#Comment_Form_Email { width: 377px; }

#comments-form textarea { width: 445px; }

#comments .comment { border-bottom: 1px dotted #e5dfce; padding: 10px 10px 10px 27px;  }
#comments .comment .name-date { width: 150px; margin-right: 20px; float: left; }
#comments .comment .details { width: 335px; float: left; }
#comments .comment .details p { margin: 0; }
#comments .comment p.name { font-weight: bold; color: #EF4035; margin: 0; }
#comments .comment p.date { font-size: 1.1em; color: #777; margin: 0; }
#comments p.instructions { margin-top: 20px; }

#blog-cats ul { margin: 0; padding: 0; list-style: none; }
#blog-cats ul li { margin: 0 0 5px 0; background: url(/images/icons/sprite.gif) no-repeat -7px -354px; padding-left: 12px; }

#blog-subscribe { padding: 15px; border: 1px solid #e7e7e7; }
#blog-subscribe img { margin-bottom: -3px; padding-right: 5px; }
#blog-subscribe p { margin-bottom: 5px; }

/* --------------------------------------------------------------

    +Online Payment System

-------------------------------------------------------------- */

#secure .standardForm { background-color: #f4f4f4;  margin-bottom: 15px; }
#secure .standardForm dl dt { float: left; width: 30%; clear: both; text-align: right; margin-right: 12px; margin-left: 20px; font-weight: bold; color: #333; }
#secure .standardForm dl dd { float: left; width: 60%; }
#secure .standardForm h3 { border-bottom: 1px solid #fff; padding: 5px 10px; color: #fff; background-color: #999; font-size: 1.4em; }

.standardForm dd.tiny input { width: 60px; }
.standardForm dd.small input { width: 150px; }
.standardForm dd.medium input, .standardForm dd.medium textarea { width: 220px; }
.standardForm dd.large input, .standardForm dd.large textarea { width: 300px; }

#secure .standardForm dt em { color: red; }
#secure .standardForm dt span { display: block; font-weight: normal; font-size: 1em; color: #777;  }

#secure p em { color: red; }


/* Map Popup ------------------------------------------------ */
#map-info-container {
	position: absolute;
	z-index: 1000;
	}

#map-info
{
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #CCC;
    background-color: #fff;
	margin: 20px;
}

#map-info h3 {
	font-size: 1.2em;
	padding: 4px 7px;
	margin: 0;
	border-top: 1px solid #CCC;
	background-color:#EF4035;
	color:#fff;
	cursor: pointer;
	display: block;
	width: 290px;
	}

#map-info h3 a { color:#fff; float:right; text-decoration:none; font-size:1.4em; }

.map-info-body { padding: 7px; width: 290px; }
.map-info-body p { margin-bottom:0.5em; }
#map-info .options { padding:5px; }
#map-info h4.address { background:#F0F0F0; margin-bottom:0.3em; font-weight:normal; font-size:1.2em; padding:5px; border: 1px solid #CCC; }
#map-info h4.details { color:#036e3c; margin-bottom:0.3em; }





/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block;  }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute;  }
.ui-accordion .ui-accordion-content { position: relative;  display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


.accordion_toggle { background-color: #9BBACF; color:#000; }
.accordion_toggle_active { background-color: #205291; color:#FFF;}
.accordion_content { background-color: #ffffff; overflow: hidden; }
.accordion_content img { margin-right: 10px; margin-bottom: 0px; float: left; }
.accordion_content .price { font-family: Verdana; color: #c30c0c; font-size: 1.2em; }
.accordion_content .details { font-family: Verdana; font-weight: bold; font-size: 1.1em; color: #333; margin: 0; }
.accordion_content .options { background-color: #edf3fe; padding: 7px; text-align: center; width: 290px; }
.accordion_content .options a { font-size: 1.1em; padding-right: 10px; }
.accordion_content .options .propOptions { border: none; margin: 0; padding: 0; font-size: 0.9em; }
.accordion_content a.view { font-weight: bold; }

#refresh-dialog {
        position: absolute;
        display: none;
        left:275px;
        top: 0;
        background-color: #fcfae1;
        z-index: 999999;
        padding: 8px;

        }
#refresh-dialog img{
        vertical-align: middle;
}

#map-info .arrow { height: 27px; width: 14px; position: absolute; top: 30px; }
#map-info.left .arrow { background: url(http://www.propertynews.com/images/sitefiles/map/left-arrow.gif) no-repeat center center; left: -14px; }
#map-info.right .arrow { background: url(http://www.propertynews.com/images/sitefiles/map/right-arrow.gif) no-repeat center center; right: -14px; }

.propImage { float: left; width: 104px; margin-right: 12px; text-align: center; position: relative; }
.propPrice { font-weight: bold; color: #a21e2c; font-size: 1.1em; padding-top: 6px; }

.propDetails { float: left; width: 515px; margin-right: 12px; position: relative; }
.propDesc p { margin-bottom: 4px; }
.propOptions { border-top: 1px dotted #ccc; margin-top: 6px; padding-top: 6px; }
.propOptions ul { list-style: none; margin: 0; }
.propOptions ul li { display: inline; margin-right: 12px; padding: 0 0 4px 22px; float: left; }

.propAgentLogo { float: left; width: 60px; position: relative; word-wrap: break-word; margin-bottom: 12px; }

li.propInfo { background: url(http://www.propertynews.com/images/sitefiles/icons/info.gif) no-repeat 0 50%; }
li.propAdd { background: url(http://www.propertynews.com/images/sitefiles/icons/star-grey.gif) no-repeat 0 50%; }
li.propAdded { background: url(http://www.propertynews.com/images/sitefiles/icons/star.gif) no-repeat 0 50%; }
li.propNew { background: url(http://www.propertynews.com/images/sitefiles/icons/house.gif) no-repeat 0 50%; }

/* --------------------------------------------------------------

    +Special Services

-------------------------------------------------------------- */

#show-on-map ul { list-style:none; margin:0; padding:0; }
#show-on-map ul li { padding:0; margin:0 0 5px 0; }
#show-on-map ul li input { margin-right:5px; }
#show-on-map ul li img { margin:0 5px -3px 0; }

/* --------------------------------------------------------------

    +sliderControl Specific

-------------------------------------------------------------- */

#primary-filter {
  background-color:#fff;
  margin:0 0 10px -3px;
  border:1px solid #CCC;
  padding:0;
  list-style:none;
}
#primary-filter ul {
  list-style:none;
}
#primary-filter li {
  padding:0 10px;
}
#primary-filter ul li {
  padding:0;
}


#filterPrice {
  padding-left:0;
}

    #sliderFrame {
      width:160px;
      height: 60px;
      margin-left:0;
      overflow:hidden;
      background: url(/images/sitefiles/content/slider-lines.jpg) no-repeat 0 60%;
    }
    #sliderLegend {
      margin-top: 0;
      font-size:.8em;
      height: 20px;
      color: #666;
    }
    #SliderMinPrice, #SliderMaxPrice {
        text-align:right;
        font-size:80%;
    }
    .sl1 {
    width: 20%;
    text-align: left;
    float:left;
    }
    .sl2 {
    width: 20%;
    text-align:center;
    float:left;
    }
    .sl3 {
    width: 20%;
    text-align:right;
    float:left;
    }

    #sliderLeft  {
      position:relative;
      z-index:2;
      background: url(/images/sitefiles/content/slider-tab.jpg) no-repeat top center;
      width:9px;
      height:31px;
      top: -12px;
      margin:0px;
      overflow:hidden;
    }
    #sliderRight {
      position:relative;
      z-index:2;
      background: url(/images/sitefiles/content/slider-tab.jpg) no-repeat top center;
      width:9px;
      height:31px;
      left: 147px;
      top: -43px;
      margin:0px;
      overflow:hidden;
    }
    #sliderBar {
      background: url(/images/sitefiles/content/slider-bar.jpg);
      position: relative;
      height:10px;
      top: 8px;
      width: 156px;
      margin:0px;
      clear:left;
      overflow:hidden;
      }
    #sliderPos input {
      width: 30px;
      font-size: 1em;
        }

    #sliderPos p { margin:0; font-size:1em; padding:0; }


#mapsearch h3 { padding:6px 0 3px 0; font-size:1.2em; margin:0 0 0 -3px; background:#036E3C; text-align:center; }
#mapsearch h3 span { display:inline;color:#036E3C; background:#fff; padding:5px 10px; }
#mapsearch h3 a { padding:5px 10px; color:#fff; }
/* --------------------------------------------------------------

    +Footer

-------------------------------------------------------------- */

#footer { clear:both; border-top:1px solid #CCC; padding:20px 0; margin-top:20px; background-color: #fff;}
#footer-inner 	{ width: 977px; margin: 0 auto; position: relative; text-align:left; }
#footer-inner div { padding-bottom:0px }

#footer-nav ul { margin:0; padding:0; float:left; width:50%; list-style:none; }

#footer h2,
#footer p,
#footer ul { font-size:1.1em; margin-bottom:0; }

#copyright { background:url(/images/structure/footer-logo.gif) no-repeat; padding-top:50px; }
#copyright p { color:#999999; }



/* --------------------------------------------------------------

		+Overwrite Styles

    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

-------------------------------------------------------------- */

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }

.float-right { float:right; }

.bold 	 	{ font-weight: bold; margin: 0; }
.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; }

.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; }