/* CSS Document */

/*main*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #181527;
	margin: 0 ;
	background: #ffffff url("/images/body-bg.gif") repeat-x top left;
	padding: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color:#88ab13;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: none;
	color:#6c890b;
}

h1 {font-size: 1.4em; color:#121212; margin: 0px; padding: 10px 0px 11px 20px; background: url("/images/h1-bg.gif") no-repeat top left; font-weight: normal;}
h2 {font-size: 1.2em; font-weight:bold; color:#88ab13;margin: 0px 0px 2px 0px;padding: 0px 0px 6px 0px; }
h3 {font-size: 1.4em;font-weight:bold;color:#88ab13;margin: 0px 0px 2px 0px;padding: 0px 0px 6px 0px; }
h4 {font-size: 1.3em;font-weight:normal;color:#9d0404;margin: 0px;padding: 6px 0px 6px 10px; background:url("/images/h4-bg.gif") no-repeat top left; }
h5 {color:#2974ae;font-size: 1.1em;margin: 0px;margin-right: 4px;padding: 3px;background: #c1daef;}
h6 {text-align: left;color:#1286c2;font-size: 1.2em;margin: 0px;padding: 0px;}

/*content*/

#body2 {background: url("/images/body2-bg.gif") no-repeat top center; }
#container { margin: auto; width:1000px; background: url("/images/container-bg.gif") no-repeat top left; height: auto; overflow: hidden; }

/*header*/
#header {height: 165px;}
#logo {float: left; width: 285px; padding: 39px 0px 0px 0px;}
#topad {float: right; clear: none; text-align: right; width: 380px; padding: 65px 0px 0px;}

/*topnav*/
#topnav { padding: 0px; height: 44px; font-family:Arial, Helvetica, sans-serif;}
#topnav ul.main {margin: 0px;padding:0px; float: left;}
#topnav ul.main li {float:left; padding: 0px; margin: 0px 2px 0px 0px; list-style: none; height: 44px; text-align: center;}
#topnav ul.main li a {background: #474646; width: 88px; color: #ffffff; font-size: 1.2em; text-transform: uppercase; font-weight: normal; width: 161px;display:block; padding: 14px 0px;}
#topnav ul.main li a:hover { background: #5d5c5c;}

#topnav ul.main2 {margin: 0px;padding:0px; float:  right; clear: none;}
#topnav ul.main2 li {float:left; padding: 0px; margin: 0px 0px 0px 2px; list-style: none; height: 44px; text-align: center;}
#topnav ul.main2 li a {background: #9cc025; color: #ffffff; font-size: 1.2em; text-transform: uppercase; font-weight: normal; width: 163px; display:block; padding: 14px 0px;}
#topnav ul.main2 li a.landlord {font-size: 1.1em; padding: 14px 0px 15px;}
#topnav ul.main2 li a:hover { background: #81a214;}

/*leftside*/
#leftside { width: 630px; padding: 20px 0px 0px 20px; float: left; }
#search { padding: 0px; height: 186px; background: url("../images/search-bg.gif") no-repeat top left; color:#FFFFFF; font-weight:bold; clear:both}
#search table {padding:4px; margin: 0 auto;}
#search td {width: 200px;}
#search ul {margin: 0px;padding:0px; float: left;}
#search ul li {float:left; padding: 0px; margin: 0px; list-style: none; height: 43px; text-align: center;}
#search ul li a { color: #b4d93c; font-size: 1.4em; font-weight: bold; width: 210px;display:block; padding: 12px 0px ;}
#search ul li a:hover { color: #ffffff;font-weight: bold;}
#search ul li a:active { color: #ffffff;font-weight: bold;}
#searchinner {padding: 4px 0px 0px 10px; float:left;}

.contentbox {background: url("/images/contentbox-bg.gif") no-repeat top left; padding: 10px 20px;}


#leftside .contentbox p { margin: 0px; padding: 5px 0px; text-align: justify;}

#leftside p.rightlink { height: 32px; margin:10px 0px 0px 330px; font-size: 12px; width: 262px; padding: 0px; background: none; clear: both;}
#leftside p.rightlink a {display:block; background: url("/images/feature-a.gif") no-repeat top left; height: 20px; color: #000000; padding: 10px 0px 9px 20px; font-weight: normal;}

#map {margin: 10px 0px; padding: 0px;}

/*rightside*/
#rightside {float: right; width: 330px; padding: 20px 0px 0px;}
#location-search {background: url("/images/location-search-bg.gif") no-repeat top left; height: 114px; padding-top: 58px; padding-left:14px;}
#keyhole {background: url("/images/keyhole-bg.gif") no-repeat top left; height: 345px; padding: 80px 0px 0px 20px; overflow:hidden}
#keyhole .keyhole-item {width: 270px; margin: 0px 0px 10px; background: url("/images/keyhole-item-bg.gif") no-repeat bottom left; height: 150px;}
#keyhole .keyhole-item img {float: left; border: 3px solid #88ab13; margin: 0px 10px;}
#keyhole p {margin:0px; padding: 5px 0px;}
#keyhole p.location {padding-top: 30px;}
#keyhole p.desc {margin: 0px 10px;}
#keyhole a.details {background: url("/images/keyhole-details-bg.gif") repeat-x top left; padding: 4px 25px 4px 10px; color: #000000; font-weight: normal;}
.adright {margin-bottom: 10px;}

/*footer*/
#footer {height: 156px; background: url("/images/footer-bg.gif") no-repeat bottom center;}
#footermid { width: 1000px; margin: auto; padding: 40px 0px 0px 0px;}
#bottomad { float: left; width: 380px; }
#footer p {text-align: right; color:#FFFFFF; margin: 0px; padding: 5px 0px;}
#bottomad p {text-align: left; padding-top: 25px;}
#footer p.top {padding-top: 60px; }

/*searchpage*/
.searchnav {margin: 10px 0px 10px; background: #ffffff; padding: 6px 10px; height: 20px; border: 1px solid #d4d2d2;}
#leftside .searchnav p {margin:0px; padding:5px 0px; font-size: 0.9em;}
#leftside .searchnav p.nav { float: left;}
#leftside .searchnav p.sort { float: right; text-align: right;}
#leftside .searchnav select {vertical-align:middle;margin-top:-4px }
.searchnav a {padding: 3px 8px 3px 8px; background: #ffffff; border: 1px solid #e4e3e3; margin: 0px 7px 0px 0px; color:#82a60f;}
.searchnav a:hover {border: 1px solid #a7cb30;}
.currentpage {padding: 3px 8px 3px 8px; background: #aaaaaa; border: 1px solid #e4e3e3; margin: 0px 7px 0px 0px; color:#ffffff;}

#leftside .searchresult {border: 1px solid #e1dddd; margin: 0px 0px 10px 0px; overflow: auto; padding: 0px 10px 0px 0px; background: #ffffff url("/images/searchresult-bg.gif") repeat-x bottom left; height: 100px;}
#leftside .searchresult img {border: 3px solid #cdcdcd; margin: 10px; float: left;}
#leftside .searchresult img:hover {border: 3px solid #a7cb30;}
#leftside .searchresult p {margin: 7px 0px 0px 0px; padding:0px; font-size: 1em; text-align: justify;}
#leftside .searchresult ul { margin: 0px; padding: 15px 0px 10px; clear: none;}
#leftside .searchresult li {float: left; margin: 0px 10px 0px 15px; padding: 0px; list-style:inherit;}
#leftside .searchresult .details { float: right; width:136px; margin: 10px 0px 0px 0px; clear: none;}
#leftside .searchresult a.propdetails { background: url("/images/propdetail-bg.gif") no-repeat top left; width: 121px; display:block; clear: both; padding:8px 0px 8px 15px; color: #222222; font-weight: normal;}



/*propertypage*/
#proplisting-panel { height: 320px; background: #ffffff; margin: 10px 0px 0px;}
#proplisting-panel h3 { padding:0px; margin:0px; font-size: 1.1em;}
#proplist-overview { margin: 12px 10px 10px 15px; float: left; width: 220px;}
#leftside .contentbox #proplist-overview p { margin: 7px 0px; padding: 0px; font-size: 1em;}
#proplist-overview img {margin-top: 0px;}
.propthumbs {margin-right: 3px; border: 1px solid #c6c4c4;}
#gallery {float: right; width: 279px; margin: 15px 15px 0px 0px;}
#gallery .bigimage {border: 3px solid #c6c4c4; margin-bottom: 5px;}

#leftside h3.title {font-size: 1.2em; color:#121212; margin: 10px 0px 0px; padding: 8px 0px 10px 20px; background: url("/images/h3-bg.gif") no-repeat top left;}
.contentbox2 {background: url("/images/contentbox2-bg.gif") no-repeat top left; padding: 22px 20px 10px;}
#leftside .contentbox2 p {text-align: justify; padding: 5px 20px; margin: 0px;}

.contentbox3 {background: url("/images/contentbox2-bg.gif") no-repeat top left; padding: 22px 20px 10px;}
#leftside .contentbox3 p {text-align: justify; padding: 5px 10px; margin: 0px;}

#keylist {padding:0px 0px 5px 0px;margin: 10px 10px 8px 0px; overflow: auto;}
#keylist ul {margin:0px 0px 0px 20px; padding: 0px; }
#keylist li {float: left; margin: 5px 0px; list-style: none; width: 120px;  background:url("/images/tick.gif") no-repeat top left; padding: 0px 0px 4px 20px;}

/*search*/
#search .fixwidth {font-size: 1em;color: #333333;padding:2px 2px 2px 2px;width: 174px; margin:2px 0px 4px 0px; height:22px;}
.fixwidthlocation {font-size: 1em;color: #333333;padding:2px 2px 2px 2px;width: 174px; margin:2px 0px 4px 0px;}
.fixwidthwatermark {font-size: 1em;color: #666666;padding:2px 2px 2px 2px;width: 174px; margin:2px 0px 4px 0px;}

/* enquiry form */

.fixform
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #333333;
    width: 200px;
    border: 1px solid #c6c4c4;
    padding: 2px 2px 2px 2px;
}

.fixformsmall
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #333333;
    width: 100px;
    border: 1px solid #c6c4c4;
    padding: 2px 2px 2px 2px;
}

.fixformcomments
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #333333;
    width: 440px;
    border: 1px solid #c6c4c4;
    padding: 2px 2px 2px 2px;
}

#enquirytable table
{
    padding: 2px 2px 2px 2px;
    margin-left: 10px;
    width: 450px;    
}
#enquirytable td
{
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    width: 225px;
    vertical-align: text-top;
}

/*google map*/

#map2 
{
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 580px; 
    height: 460px;
    text-align:center;    
}

#clienttable table
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 580px;        
}
#clienttable td
{
    padding: 0px 0px 0px 0px;
    width: 290px;
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    
    
}
#clienttable img
{
    float:right;
    margin-right:10px;
    }
    
/*cat list*/
#catlist {margin-top: 10px;}
#catlist ul {margin:4px 0px 10px 0px; padding: 0px; font-size: 1em; overflow: auto;}
#catlist li {float: left; margin: 0px 6px 6px 0px; list-style: none; width: 190px; background:#f2f0ee; }
#catlist li a {font-weight:bold; padding: 4px; display: block;}
#catlist li a:hover {background: #dddddd;}    

    
/*loc list*/
#loclist {margin-top: 10px;}
#loclist ul {margin:4px 0px 10px 0px; padding: 0px; font-size: 1em; overflow: auto;}
#loclist li {float: left; margin: 0px 6px 6px 0px; list-style: none; width: 280px; background:#f2f0ee; }
#loclist li a {font-weight:bold; padding: 4px; display: block;}
#loclist li a:hover {background: #dddddd;}    


/* misc */
#contactform table {vertical-align:top}
#contactform td {vertical-align:top}
#contactform tr {vertical-align:top}

.big {font-size: 1.4em;font-weight:bold;margin: 0px 0px 2px 0px;padding: 0px 0px 6px 0px;}

.large {font-size: 1.2em;margin: 0px 0px 2px 0px;padding: 0px 0px 6px 0px;}

.floatleft {float:left}

.floatright {float:right; text-align:right}

.clear {clear:both}