/* RESET 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* GENERAL */
body{ background:#EEE url(../images/bg_body.gif) repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
.clear{ clear:both;}
.right {float:right}
.left {float:left}
.black {color:#000;}

/* LAYOUT */
#header{position:absolute; width:100%; height:141px; background:url(../images/bg_head.png) repeat-x; z-index:500}
#headcontain{width:940px; margin:0 auto;}
#navcontain{position: absolute; margin:0; padding:0; width:100%; top:98px; height:36px;  border-top:1px solid #F7F7F7;}
#logo{width:229px; padding-top:7px; float:left;}
#navbody{width:940px; margin:0 auto;}
#share{padding-top:10px; float:right;} /*For Share This Button */
#contain{position: relative; width:940px; margin:0 auto; top:135px; z-index:0;}
#topcontain{background:#E0E0E0;} /* For home page only - intro text and search tools */
#textimghome{position:absolute; width:568px; padding:70px 0 0 15px;} /* For home page only - intro text */
#search-tools {position:absolute; top:0px; right:0px; width: 357px;} /* Position for accordion on home page */
#contentcontainer{ position:relative; width:940px; margin:0 auto;}
#bodycontainer-inside{width:940px; background:#FFFFFF; margin:0 auto; padding:10px 0 30px 0; height: auto;}
#bodycontainer{padding:15px;  background:#FFFFFF;}
#bodyleft{width:225px; float:left; padding:5px 5px 5px 10px;}
#bodyright{width:685px; padding:5px 8px 5px 5px; height:auto; float:right;}
#containthumb{padding:15px; border:1px solid #E0E0E0;} /* For featured property thumbnails on home page */

/* For displaying featured image button at top left */
  .featuredbutton {padding-bottom:20px; display:block;}

/* For displaying property/land listings */
  .listingcontain{ width:685px; padding:10px 0 10px 0; border-bottom:1px solid #CCC;}
  .listingcontain:hover {background:#F8F8F8;}
  .thumbMain {width:240px; height:auto; float:left;}
  .sold{position:absolute; height:auto;}
  .detailproperty{ width:435px; text-align:left; float:right;}
  .detailright{width:180px; padding:0px 10px 0 8px; float:left; text-align:right;}
  .detailleft{width:237px; float:left;}
  .detailleft table{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*.detailleft table.prodetail td{ line-height:14px; padding:2px 0 2px 0; color:#999;}*/
  table.listing td {padding:2px 0 2px 0; font-size:12px; line-height:14px; color:#999; text-align:left;}

/* For displaying similar property listing details */
  table.similar td {padding:2px 0 2px 0; font-size:12px; line-height:14px; color:#A27D35; text-align:left;}
  table.similar td a {text-decoration:none; color:#007DD9; font-weight:bold; padding-top:5px;}
  table.similar td a:hover {text-decoration:underline; color:#FFCC00;}

/* For displaying listing details */
  table.tbldetail {width:655px; margin:0px auto;}
  table.tbldetail td {padding:4px 0 4px 0; font-size:12px; line-height:14px; color:#999; text-align:left; }
  table.tbldetail td.nopad {padding:0px;}
  table.tbldetail td.lbl {color:#333;}
  
/* Navigation Menu */
  #navmenu{ width:815px; padding:0; margin:0; height:36px; float:left;}
  #navmenu li{ float: left; padding:0; margin:0; list-style-type:none;}
  #navmenu li a{ line-height:36px; height:36px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:12px 15px 8px 15px; color:#007DD9; text-decoration:none;}
  #navmenu li a:hover{ background:url(../images/bg_navhover.gif) 0 0 repeat-x; color:#007DD9; text-decoration:none;  padding:12px 15px 8px 15px; line-height:36px; height:36px;}
  #navmenu li a#current{ color:#FFCC00; text-decoration:none;  padding:12px 15px 8px 15px; line-height:36px; height:36px; cursor:default;}
  #navmenu li a#current:hover {background:none;}

/* Listing ID search box - in header of all pages */
  #search{width:250px; text-align:right; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; float:right;}
  #search p {margin:0;}
  #frmSearch {float:right; padding-top:5px;}
  #propID {width:50px; margin-right:5px; float:left;}
  #propErr {padding-top:5px; color:#FF0000}

/* View all featured properties link - home page only */
  .viewAll { position:absolute; right: 0px; top: 5px; width: auto; font-size:12px; color:#999999; } 
  .viewAll img {margin-bottom:-7px; }
  .viewAll a {text-decoration:none;}
  .viewAll a:hover {text-decoration:underline;}

/* For displaying selected featured properties - home page only */
  .thumbproperty{ width:206px; float:left; margin-right:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#efefef url(../images/bg_homebox_btm.jpg) no-repeat bottom left; padding-bottom:20px;}
  .thumbproperty h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#007DD9; font-weight:normal; padding:5px 0 5px 0;}
  .thumbproperty p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#999; padding:0 0 5px 0;}
  .thumbproperty a{ color:#007DD9;}
  .thumbproperty a:hover{ color:#999;}
  
  /* For displaying thumbnail image for featured properties - home page only */
    .imgprop{ width:200px; height:100px; background:#EFEFEF; padding:0 3px 3px 3px; overflow:hidden;}
    .imgprop img {margin-bottom:2px;}
  
/* For displaying leftbox with bottom shadow on listings/detail pages */
  .leftbox { background:#EFEFEF url(../images/bg_leftbox_btm.jpg) no-repeat bottom left; text-align:left; padding:5px 5px 15px 5px; margin-bottom:20px; }
  .leftbox h3 { background:#FFCC00; font-size:14px; font-weight:bold; padding:5px; margin:0px; }
  .leftbox p { color:#999; font-size:11px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif }
  
/* For displaying listings page header and footer with paging */
  .hfbox { background:#EFEFEF; text-align:left; padding:10px; margin-bottom:15px; position:relative; }
  .hfbox h1 { font-weight:normal; font-size:22px; }
  .hfbox.foot { padding:5px 10px; margin-top:20px; }
  .hfbox .paging { position:absolute; left: 377px; top: 13px; width: 300px; text-align:right; }
  
/* Alerts and Warnings display */
  #warnbox { width:auto; border:1px solid #FFCC00; background:#FFFFCC; padding:5px; margin:0 0 20px 0; font-size:12px; color:#333;}
  #warnbox h3 { color:#FF8000; margin:0px 0px 5px 0px;}
  #warnbox h3.red { color:#FF0000; margin:0px 0px 5px 0px;}
  #warnbox .wicon { width:41px; padding:10px;float:left;}
  #warnbox .wcontent {padding:10px; float:left; width:680px;}
  #warnbox .wcontent p {margin:0; padding:0;}
  
/* For footer display */
  #footer{background:#EEEEEE; position:relative; width:934px; padding:5px 2px 5px 2px; border:1px solid #E0E0E0; margin:0 auto; margin-top:7px;}
  #footerleft{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666;  float:left;}
  #footerright{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; float:right;}
  #footer a{ text-decoration:none; color:#666;}


/* TEXT -------------------------------------------------------------------------------------------------*/
p{ margin:10px 0 10px 0; font-size:12px; color:#8B8B8B; line-height:16px;}
a{color:#007DD9; text-decoration:underline;}
a:hover{color:#FFCC00; text-decoration:underline;}
h1{ font-size:22px; color:#007DD9; font-weight:normal; padding:5px 0 5px 0;}
h2{ font-size:22px; color:#007DD9; font-weight:normal; padding:5px 0 5px 0;}
h3{ font-size:20px; color:#FFF; font-weight:bold; padding:5px 0 5px 0;}
h4 { font-size:18px; color:#007DD9; width:100%; font-weight:normal; }
.px12 {font-size:12px; line-height:16px;}
.nounder {text-decoration:none;}
h2.propHead {font-weight:normal; padding:0 0 10px 0; margin:0px; font-size:18px;}
h2.propHead a {text-decoration:none; cursor:pointer;}
.headpage{color:#007DD9; text-align: left; font-weight:normal; font-size:22px;}
.paging{font-size:12px; color:#666; float:right;}
.paging a{font-size:12px; color:#666; text-decoration:none;}
.paging a:hover{ color:#FFCC00; text-decoration:none;}
.paging a:active{ color:#E83324; text-decoration:none;}
.textlist{padding:0; font-size:14px; color:#999;}
#textimghome p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold; padding:5px 20px 0 0;} /* For home page only */
.white {color:#FFF;}

/* LISTS ------------------------------------------------------------------------------------------------------ */

/* Standard list style */
  ul.standard {font-size:12px; color:#8B8B8B;}
  ul.standard li {padding:3px 0 3px 5px; list-style:disc; list-style-position:outside; margin-left:10px; line-height:16px;}
  
/* For paging on listings page */
  ul.page { margin:0px; padding: 5px 0px 5px 4px;	float: right; }
  ul.page li { list-style-position:inside; list-style-type:none; margin:0px; padding: 0px 1px 0px 1px; display: inline; font-size:11px; }
  ul.page li a { border: 1px solid #D8D8D8; text-decoration: none; font-weight:normal; margin: 0px; padding: 2px 5px 2px 5px; color: #A6A6A6; font-size:11px; }
  ul.page li a:hover { color: #A6A6A6; text-decoration: none; font-weight:normal; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #A5A5A5; background:#F3F3F3; }
  .pageActive { color: #A6A6A6; text-decoration: none; font-weight:bold; font-size:11px; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #A5A5A5; background:#FFF; }

/* For displaying price and measurement links */
  ul.priceCurr { margin:0px; padding: 0px; float: left; margin-bottom:-5px; }
  ul.priceCurr li { list-style-position:inside; list-style-type:none; margin:0px; padding: 0px 1px 0px 1px; display: inline; font-size:11px; float:left; }
  ul.priceCurr li.lbl { padding: 2px 3px 2px 0px; }
  ul.priceCurr li a { border: none; text-decoration: none; font-weight:normal; margin: 0px; padding: 2px 3px 2px 3px; color: #007DD9; font-size:11px; line-height:14px; float:left; }
  ul.priceCurr li a:hover {  color: #FFCC00; text-decoration: none; font-weight:normal; margin: 0px; padding: 2px 3px 2px 3px; border: none; background: none; float:left; }
  ul.priceCurr li.currActive { color: #FFF; text-decoration: none; font-weight:bold; font-size:11px; line-height:14px; margin: 0px; padding: 2px 3px 2px 3px; border: none; background:#007DD9; float:left; }  

/* For subnavigation in leftbox class */
  ul.subnav { width:210px; }
  ul.subnav li { list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px 0 10px 14px; border-bottom:1px dotted #999; color:#1C4192; background:url(/images/bullet_blockblue.gif) no-repeat 0px 10px; }
  ul.subnav li#current { background:url(/images/bullet_arrowgrey.gif) no-repeat 0px 10px; }
  ul.subnav li a { margin:0; color:#1C4192; text-decoration:none; border:none; }
  ul.subnav li a#current { margin:0; font-weight:bold; color:#999; border:none; }
  ul.subnav li a:hover { color:#999; font-weight:bold; text-decoration:none; border:none; }
  ul.subnav li.last {border-bottom:none;}

/* FORMS ----------------------------------------------------------------------------------------------------------------*/
.frmsearch{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-top:10px; padding-bottom:10px;}

/* Home page search forms only */
  form.sform-style {margin-top:5px;}
  form.sform-style p {padding:8px 0 2px 0; color:#666;}

form#sproperty {width:200px; margin:0px auto; font-family:Verdana, Arial, Helvetica, sans-serif}
form#sproperty select, form#sproperty input { width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:12px; margin-top:2px; }

form#Frm_Contact select, form#Frm_Contact input, form#Frm_Contact textarea { width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:12px; margin-top:2px; }

form.sForm { padding-bottom:5px; }
form.sForm select { font-family:Verdana, Arial, Helvetica, sans-serif; width:150px; color:#666; }
form.sForm label { display: inline-block; line-height: 1.8; vertical-align: top; cursor: hand; width:60px; }
form.sForm fieldset p {	list-style: none; margin: 0; padding: 5px 0px 5px 0px; }

/* BUTTONS --------------------------------------------------------------------------------------------------------------- */

/* View Details button - for listing page */
  a.btn {width:100px; height:20px; line-height:20px; background:url(/images/btn_viewdetail.gif) top left no-repeat; display:block;}
  a.btn:hover {background:url(/images/btn_viewdetail.gif) bottom left no-repeat;}

/* View details button - for home page only */ 
  a.btn-details {width:108px; height:28px; line-height:28px; background:url(/images/btn_viewdetails.gif) top left no-repeat; display:block; text-decoration:none;}
  a.btn-details:hover {background:url(/images/btn_viewdetails.gif) bottom left no-repeat; text-decoration:none;}
  a.btn-details span {display:none; font-size:10px;}

/* Back to Listings button - for detail page only */
  a.btn-back {width:225px; height:27px; line-height:27px; background:url(/images/btn_backlistings.gif) top left no-repeat; display:block;}
  a.btn-back:hover {background:url(/images/btn_backlistings.gif) bottom left no-repeat;}

/* Submit enquiry for contact box */
  .enquiry-submit{background-image: url(/images/btn_sendenquiry.gif); background-color:#EFEFEF; border: solid 0px #000000; width: 108px; height: 28px; cursor:pointer; display:block;}
  .enquiry-submit-on{background-image: url(/images/btn_sendenquiry-on.gif); background-color:#EFEFEF; border: solid 0px #000000; width: 108px; height: 28px; cursor:pointer; display:block;}

/* Submit search button - for search boxes */
  .search-submit{background-image: url(/images/btn_search.gif); background-color:#EFEFEF; border: solid 0px #000000; width: 108px; height: 28px; cursor:pointer; display:block;}
  .search-submit-on{background-image: url(/images/btn_search-on.gif); background-color:#EFEFEF; border: solid 0px #000000; width: 108px; height: 28px; cursor:pointer; display:block;}

/* Submit search button - for home page only */
  .search-submit-home{background-image: url(/images/btn_search_home.gif); background-color:#E0E0E0; border: solid 0px #000000; width: 108px; height: 28px; cursor:pointer; display:block;}
  .search-submit-home-on{background-image: url(/images/btn_search_home-on.gif); background-color:#E0E0E0; border: solid 0px #000000; width: 108px; height: 28px; cursor:pointer; display:block;}

/* Search by listing ID# button - in header of all pages */
  .go-submit {background-image: url(/images/btn_go.gif); background-color:#FFF; border: 0px solid #FFF; width:53px; height:24px; cursor:pointer; }
  .go-submit-on {background-image: url(/images/btn_go_on.gif); background-color:#FFF; border: 0px solid #FFF; width:53px; height:24px; cursor:pointer; }
