/* ------ SITE ------ */

#sitecontainer { width: 970px; margin: 0 auto; text-align: left; }

/* ------ TOPBAR ------ */

#topbar { background-color: #FFF; height: 98px; background: #FFF url(../../elements/site/topbar_bg.gif) no-repeat top right; }
#topbar a { float: left; }
#topbar img { padding: 16px 23px 19px 23px; background: transparent url(../../elements/site/topbar_corner1.gif) no-repeat bottom left; }
#topbar p { float: right; width: 340px; text-align: center; margin-right: 30px; margin-top: 15px; margin-bottom: 0; color: #000; }
#topbar #toptel { font-size: 2.2em; line-height: 1.2em; color: #004990; font-weight: lighter; }

/* ------ NAVBAR ------ */

#navbar { background: transparent url(../../elements/site/navbar_bg.gif) repeat-x top left; }
#navbardate { display: block; float: right; height: 27px; padding: 10px 30px 0px 0px; background: transparent url(../../elements/site/navbar_corner2.gif) no-repeat top right; font-size: 1em; color: #87BCEF; }
ul#mainnav { margin: 0; height: 27px; padding: 10px 0 0 20px; background: transparent url(../../elements/site/navbar_corner1.gif) no-repeat top left; list-style: none; }
ul#mainnav li { display: inline; margin: 0 10px; padding: 0; font-size: 1.05em; color: #FFF; }
ul#mainnav li a:link, ul#mainnav li a:visited { text-decoration: none; }
ul#mainnav li a:hover, ul#mainnav li a:active { text-decoration: underline; }
ul#mainnav li.m_unsel a { color: #87BCEF; }
ul#mainnav li.m_selactive a { color: #FFF; }
* html ul#navbardate, * html ul#mainnav { height: 37px; }
#subnavbar { margin: 0px; padding: 7px 22px 6px 22px; }
#subnav { display: block; margin: 0; padding: 0; list-style: none; }
#subnav li { display: inline; margin: 0; padding: 0 8px; font-size: 1em; line-height: 1em; color: #FFF; }
#subnav li a:link, #subnav li a:visited { text-decoration: none; }
#subnav li a:hover, #subnav li a:active { text-decoration: underline; }
#subnav li.s_unsel a { color: #CCC; }
#subnavspacer { height: 10px; }

/* ------ COLUMNS ------ */

#body1 { margin: 0; padding: 0; background: #FFF url(../../elements/site/feature_bg.gif) repeat-y top right; }
#body2 { margin: 0; padding: 0; background: transparent url(../../elements/site/body_corner1.gif) no-repeat top left; }
#maincolumn { float: left; width: 700px; }
#rightcolumn { float: right; width: 270px; }
#quicksearch { height: 220px; background: #D9E52A url(../../elements/site/qs_corner.gif) no-repeat top right; overflow: hidden; font-size: 0.9em; }
#quicksearch h3 { margin-top: 20px; margin-bottom: 9px; }
* html #featureprops { width: 245px; padding-left: 25; }
#qs_form { font-size: 0.9em; margin: 0; padding: 0; }
#qs_form dl { margin: 0; padding: 0; }
#qs_form dt { float: left; width: 80px; font-weight: bold; color: #004990; padding-top: 2px; }
#qs_form dd { margin-bottom: 3px; }
#qs_form select.qs_field { border: 1px solid #87BCEF; padding: 2px; width: 130px; }
#qs_buttons { margin-top: 15px; }
#qs_buttons input, #qs_buttons img { float: left; }
#column1 { margin-top: 20px; margin-bottom: 20px; float: left; }
#column2 { margin-top: 20px; margin-bottom: 20px; float: left; }

/* ------ FEATURED ------ */

#feature { background-color: #EAEAEA; padding: 10px 25px 15px 25px; }
.featured { padding: 5px 0; }
.featured a img { padding: 2px; background-colour: #FFF; float: left; }
.featured a:link img, .featured a:visited img { border: 1px solid #87BCEF; }
.featured a:hover img, .featured a:active img { border: 1px solid #004990; }
.featured p { font-size: 0.95em; line-height: 1.15em; margin: 4px 0 4px 110px; }
.featured p.featureprice { font-size: 1.4em; color: #004990; font-weight: bold; }
.featured p.featureadd { font-size: 0.85em; }
.featured p a:link, .featured p a:visited { color: #333; text-decoration: none; }
.featured p a:hover, .featured p a:active { color: #333; text-decoration: underline; }

/* ------ GENERAL ------ */

p a:link, p a:visited { color: #333; text-decoration: underline; }
p a:hover, p a:active { color: #004990; text-decoration: none; }

hr { color: #D9E52A; background-color: #D9E52A; height: 1px; border: 0; margin: 0; }

#headerframe {  }

.article { margin-bottom: 10px; padding-bottom: 1px; background-color: #FFF; }
.article a:link, .article a:visited { color: #333; }
.article a:hover, .article a:active { color: #007AA5; }

.articlepadded { margin-bottom: 10px; padding: 8px; background-color: #EAEAEA; }
.articlepadded a:link, .articlepadded a:visited { color: #333; }
.articlepadded a:hover, .articlepadded a:active { color: #007AA5; }

.articleframe { padding: 8px; margin-bottom: 13px; border: 1px solid #999; border-top: none; background-color: #FFF; }
.articleframe a:link, .articleframe a:visited { color: #333; }
.articleframe a:hover, .articleframe a:active { color: #007AA5; }

.articleframeunpub { padding: 8px; margin-bottom: 13px; border: 1px solid #999; border-top: none; background-color: #FFDDDD; }
.articleframeunpub a:link, .articleframeunpub a:visited { color: #333; }
.articleframeunpub a:hover, .articleframeunpub a:active { color: #007AA5; }

.article table p, .article table h1, .article table h2, .article table h3, .article table h4, .article table h5, .article table h6 { margin: 0; padding: 0; }
.articlepadded table p, .articlepadded table h1, .articlepadded table h2, .articlepadded table h3, .articlepadded table h4, .articlepadded table h5, .articlepadded table h6 { margin: 0; padding: 0; }
.articleframe table p, .articleframe table h1, .articleframe table h2, .articleframe table h3, .articleframe table h4, .articleframe table h5, .articleframe table h6 { margin: 0; padding: 0; }
.articleframeunpub table p, .articleframeunpub table h1, .articleframeunpub table h2, .articleframeunpub table h3, .articleframeunpub table h4, .articleframeunpub table h5, .articleframeunpub table h6 { margin: 0; padding: 0; }

.articlespacer {  }

#flashcontent a:link, #flashcontent a:visited { color: #333; }
#flashcontent a:hover, #flashcontent a:active { color: #007AA5; }
#flashcontentspace { padding: 8px 8px 0px 8px; }

.imagetop {  }
.imagefleft { float: left; margin-right: 15px; }
.imagefright { float: right; margin-left: 15px; }
.imagebottom {  }

.imagebreak { height: 10px; }

a.imagelink:link, a.imagelink:visited { margin: 0; text-decoration: none; border-bottom: none; }
a.imagelink:hover, a.imagelink:active { margin: 0; text-decoration: none; border-bottom: none; }

/* ------ FOOTER ------ */

p#pagebreak { background-color: #004990; color: #D9E52A; margin: 0; padding: 5px 0px 3px 30px; font-size: 0.87em; }
* html p#pagebreak { padding: 3px 0px 4px 30px; }
#websitebar1 { background: #FFF url(../../elements/site/body_corner2.gif) no-repeat bottom left; }
#websitebar2 { padding: 15px 30px; background: transparent url(../../elements/site/body_corner3.gif) no-repeat bottom right; }
#footer { padding: 15px 30px; }
#footer p { font-size: 0.9em; line-height: 1.3em; color: #AFAFAF; margin: 5px 0; }
#footerleft { float: left; width: 385px; }
#footercenter { float: left; width: 240px; margin-left: 50px; }
#footerright { float: right; width: 210px; text-align: right; }
#footer p.foottitle { border-bottom: 1px solid #AFAFAF; margin-bottom: 10px; font-size: 1em; }
#footer p a:link, #footer p a:visited { color: #AFAFAF; text-decoration: none; }
#footer p a:hover, #footer p a:active { color: #AFAFAF; text-decoration: underline; }
#footernav { margin: 0; padding: 0; list-style: none; }
#footernav li { margin: 0; padding: 0; font-size: 0.9em; line-height: 1.3em; }
#footernav li a { color: #AFAFAF; }
#footernav li a:link, #footernav li a:visited { text-decoration: none; }
#footernav li a:hover, #footernav li a:active { text-decoration: underline; }

/* ------ PROPERTYLIST ------ */

#loginnav { float: right; font-size: 0.95em; }
#propertytopnav { margin: 0; padding: 0; list-style: none; }
#propertytopnav li { display: inline; margin: 0; padding: 0; }
#propertytopnav li a { display: block; float: right; padding: 5px 15px 4px 15px; color: #FFF; background-color: #3d7bb8; margin-right: 5px; }
#propertytopnav li a:link, #propertytopnav li a:visited { text-decoration: none; }
#propertytopnav li a:hover, #propertytopnav li a:active { text-decoration: underline; }
#propertytopnav li a.selected { background-color: #004990; }
#propertyfound { clear: right; background-color: #004990; margin: 0; padding: 5px 8px 4px 8px; color: #FFF; font-size: 0.95em; }
ul.pagination { margin: 8px 0; padding: 0; list-style: none; float: right; }
ul.pagination li { display: inline; margin: 0; padding: 0; }
ul.pagination li a { display: block; float: left; padding: 3px 4px 2px 4px; color: #FFF; margin-left: 3px; }
ul.pagination li a:link, ul.pagination li a:visited { background-color: #AAA; text-decoration: none; }
ul.pagination li a:hover, ul.pagination li a:active { background-color: #3d7bb8; text-decoration: underline; }
ul.pagination li a.selected { background-color: #004990; text-decoration: none; }

.plisted { margin: 10px 0 0 0; }
.plisted a img.pi { padding: 2px; background-colour: #FFF; float: right; margin-bottom: 5px; }
.plisted a:link img.pi, .plisted a:visited img.pi { border: 1px solid #87BCEF; }
.plisted a:hover img.pi, .plisted a:active img.pi { border: 1px solid #004990; }
.plisted .plistedinfo { float: left; width: 300px; }
.plisted p.plistedtop { font-size: 1.05em; font-weight: bold; background-color: #CCC; padding: 6px 8px 4px 8px; }
.plisted p.plistedprice { font-size: 1.5em; color: #004990; font-weight: bold; }
.plisted p a:link, .plisted p a:visited { color: #333; text-decoration: none; }
.plisted p a:hover, .plisted p a:active { color: #333; text-decoration: underline; }

/* ------ PROPERTY ------ */

.prop { margin: 10px 0 0 0; }
.prop .propimages { float: right; width: 324px; margin: 0 0 10px 15px; }
.prop .propimages img { border: 1px solid #87BCEF; padding: 2px; background-colour: #FFF; margin-left: 8px; margin-bottom: 8px; }
.prop .propimages a:link img, .prop .propimages a:visited img { border: 1px solid #87BCEF; }
.prop .propimages a:hover img, .prop .propimages a:active img { border: 1px solid #004990; }
.prop p.proptop { font-size: 1.05em; font-weight: bold; background-color: #CCC; padding: 6px 8px 4px 8px; }
.prop p.propprice { font-size: 1.7em; color: #004990; font-weight: bold; margin-top: 20px; }
.prop p a:link, .prop p a:visited { color: #333; }
.prop p a:hover, .prop p a:active { color: #007AA5; }
.prop h1, .prop h2, .prop h3, .prop h4, .prop h5, .prop h6 { margin-top: 20px; }