/*** CSS for general elements ***/

html{
margin: 0px;
padding: 0px;
}

body{
margin: 0px;
padding: 0px 0px 10px 0px;
background-color: #7dc242;
color: #000000;
padding: 0px;
}

p{
margin: 0 0 15px 0;
}

div.clear{
clear: both;
}

form{
margin: 0px;
padding: 0px;
}

form select{
font-size: 11px;
}

form input{
font-size: 11px;
}

a.generalLink{
color: #7DC242;
text-decoration: none;
}

a.generalLink:hover{
  color: #339900;
}

p.filler{
margin: 0px;
padding: 0px;
}

/**** CSS for page wrappers ****/

div#pageWrapper{
margin: 0px auto;
padding: 0px;
width: 985px;
background-image: url(../images/tommys/shadow.jpg);
background-repeat: repeat-y;
background-position: left;
}

div#page{
background-color: #ffffff;
font-family: verdana, sans-serif;
font-size: 11px;
margin-left: 17px;
margin-bottom: 0px;
padding: 0px;
width: 950px;
position: relative;
}

/**** CSS for page banner ****/

div#banner{
height: 96px;
background-color: #213F7D;
}

div#banner p{
margin: 0;
}

div#bannerLogo{
float:left;
}

div#bannerAdvert{
text-align:right;
float:right;
padding:5px 5px 0px 0px;
width:533px;
}

div#bannerLine{
height: 2px;
background-image: url(../images/tommys/banner_line.jpg); 
background-repeat: no-repeat;
}

div#bannerLine p{
margin: 0;
}

/**** CSS for inner content wrappers ****/

div#allContent{
margin: 4px 0px 0px 0px;
width: 950px;
background-image: url(../images/tommys/grey_background.gif);
background-repeat: repeat-y;
background-position: left;
padding: 0 0 20px 0;
}

div#content{
float:left;
width: 750px;
/*color: #555555;*/
color: #000000;
}

div#contentInner{
padding: 20px 10px 10px 15px;
}

div#contentInner h1{
margin: 0 0 10px 0;
font-size: 20px;
color: #7DC242;
}

/***CSS for main navbar and dropdown menus ***/

div#navbar{
height: 24px;
background-color: #002456;
margin: 0px 0px 0px 0px;
}

div#navbar ul{
margin: 0px;
padding: 0px;
}

div#navbar ul li{
display: inline;
padding: 0px;
margin: 0px;
}

li.menuItem{
float: left;
overflow; hidden;
}

/*home*/  /*buying*/   /*selling*/    /*renting*/  /*tommys*/  /*contact*/
a#link1, a#link2, a#link3, a#link4, a#link5, a#link6{
display: block;
background-image: url(../images/nav/navbar_matrix.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 25px;
}

/*home*/
a#link1{
background-position: 0px 0px;
width: 160px;
}

/*buying*/
a#link2{
background-position: -161px 0px;
width: 158px;
}

/*selling*/
a#link3{
background-position: -318px 0px;
width: 158px;
}

/*renting*/
a#link4{
background-position: -476px 0px;
width: 158px;
}

/*tommys*/
a#link5{
background-position: -634px 0px;
width: 158px;
}

/*contact*/
a#link6{
background-position: -792px 0px;
width: 158px;
}

a#link1.navActive{background-position: 0px -25px;} /*home*/
a#link2.navActive{background-position: -161px -25px;} /*buying*/
a#link3.navActive{background-position: -318px -25px;} /*selling*/
a#link4.navActive{background-position: -476px -25px;} /*renting*/
a#link5.navActive{background-position: -634px -25px;} /*tommys*/
a#link6.navActive{background-position: -792px -25px;} /*contact*/

a#link1:hover{background-position: 0px -25px;} 
a#link2:hover{background-position: -161px -25px;} 
a#link3:hover{background-position: -318px -25px;} 
a#link4:hover{background-position: -476px -25px;} 
a#link5:hover{background-position: -634px -25px;} 
a#link6:hover{background-position: -792px -25px;} 

div#navbar ul li a{
text-decoration: none;
color: white;
padding: 0px;
}

div#navbar ul li a span{
visibility: hidden;
}

ul.submenu{
background-color: #ffffff;
z-index: 100;
position: absolute;						
top: 123px;
display: none;
margin: 0;
padding: 0;
list-style-type: none;
border: 1px solid #cccccc;
border-top: none;
font-family: tahoma, sans-serif;
}

#navbarList ul.submenu li{
display: block;
color: #335078;
font-weight: normal;
font-size: 12px;
margin: 0;
}

#navbarList ul.submenu li a{
color: #002456;
display: block;
padding: 6px 6px 6px 10px;
background-color: #e2e2e2;
margin: 1px 0px 0px 0px;
zoom: 1; /*ie6 property*/
}

#navbarList ul.submenu li a:hover {
background-color: #002456;
color: #ffffff;
}

/*home*/
ul#submenu1{
left: 0px;
width: 201px;
z-index: 2;
}

/*buying*/
ul#submenu2{
left: 158px;
width: 201px;
}

/*selling*/
ul#submenu3{
left: 317px;
width: 201px;
}

/*renting*/
ul#submenu4{
left: 477px;
width: 201px;
}

/*tommys*/
ul#submenu5{
left: 636px;
width: 201px;
}

/*contact us*/
ul#submenu6{

left: 794px;
/*width: 201px;*/
width: 155px;
}

.navFrame{
position: absolute;
left: 0;
top: 0;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
width: 201px;
}

/*** CSS for footer  ***/

#shadowBottom{
background-image: url(../images/tommys/shadow_bottom.jpg);
background-repeat: no-repeat;
height: 20px;
}

div#footer{
padding: 0px 0px 10px 20px;
color: #002456;
font-family: verdana, sans-serif;
font-size: 10px;
font-weight: bold;
background-color: #7dc242;
}

div#footer p{
margin: 0px;
padding: 0px;
}

div#footer p a{
color: #002456;
text-decoration: none;
}

/**** CSS for general content template ****/

div#generalContent{
overflow: hidden;
width: 520px;
float: left;
margin: 0px 15px 0px 0px;
font-size: 12px;
line-height:1.6em;
}

div#generalContent .subheader{
/*color: #003366;*/
color: #002456;
font-size: 12px;
font-weight: bold;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div#generalContent .largesubheader{
/*color: #003366;*/
color: #002456;
font-size: 16px;
font-weight: bold;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div#generalContent a:link, #generalContent a:active, #generalContent a:visited{
/*color: #00CC00;*/
color: #7DC242;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
text-decoration: none;
}

div#generalContent a:hover{
color: #339900;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
text-decoration: none;
}

div#generalContent img{
margin: 0px 0px 0px 10px;
}

div#generalContent p.imagecaption{
margin: 0px 0px 0px 10px;
text-align:center;
font-style:italic;
}

div#generalContent ul,div#generalContent ol{
margin:0 0 0.6em 2em;
padding:0px;
}

div#generalContent ul li,div#generalContent ol li{
margin:0 0 0.4em 0;
padding:0px;
}

/**** CSS for sidebar element ****/

div#sidebar{
width: 200px;
float: left;
background-color: #ffffff;
padding: 0;
margin: 0;
padding-bottom: 4px;
}

/*** CSS for property search  ***/

div#propertySearch{

width: 200px;
height: 330px;
background-color: #e2e2e2;
float: none;
margin: 0px 0px 4px 0px;
padding: 0px;
position:relative; /*work around for safari issue*/
}

div#propertySearch p#pricerangeText{
margin-top: 5px;
}

div#propertySearchInner{
padding: 5px 5px 5px 15px;
margin: 0;
overflow: hidden;
}

form#propertySearchForm{
margin: 0px;
padding: 0px;
}

form#propertySearchForm h4{
margin: 0px 0px 5px 0px;
color: #002456;
font-size: 16px;
font-weight: bold;
font-family: tahoma, sans-serif;
}

form#propertySearchForm select{
font-weight: normal;
color: #4c5967;
width: 170px;
/*margin-bottom: 6px;*/
margin-bottom: 10px;
font-weight: normal;
font-size: 11px;
}

form#propertySearchForm p{
margin-bottom: 4px;
font-size: 10px;
}

div#propertySearch div#suburbSelectContainer{
overflow: auto;
width: 170px;
position: absolute;
z-index: 2;
margin-top: 18px;
background-color: #ffffff;
}

div#propertySearch div#suburbSelectContainer p{
margin: 0px 0px 2px 0px;
padding: 0px;
}

/*fix ie6 margin*/
*html div#propertySearch div#suburbSelectContainer p{
margin-bottom: -5px;
}

div#propertySearch div#suburbSelectContainer p .suburbCheckBox{
position: relative;
top: 1px;
margin: 0px;
padding: 0px;
}

/* temp. Should delete when absolutely sure
div#propertySearch div#selectSuburbsHeader{
position: absolute; 
z-index: 20; 
top: 207px; 
left: 20px; 
width: 148px; 
overflow: hidden; 
color: #4c5967;
height: 15px;
font-size: 11px;
}
*/

div#propertySearch input#displayBox{
width: 160px; 
color: #444444;
padding: 0px 3px 0px 3px;
cursor: pointer;
}

form#propertySearchForm select#toSelect, form#propertySearchForm select#fromSelect {
width: 83px;
}

form#propertySearchForm p#quickSearch{
color: #456E88;
font-size: 14px;
font-weight: normal;
margin: 15px 0 4px 0;
}

*html form#propertySearchForm p#quickSearch{
margin-top: 8px;
}

form#propertySearchForm input#checkSevenDays{
position: relative;
top: 4px;
}

* html form#propertySearchForm input#checkSevenDays{
top: 2px;
}

form#propertySearchForm span#sevenDays{
margin-left: 20px;
}

p#quickSearchLabel{
margin: 3px 0px 2px 0px;
font-size: 10px;
}

input#quickSearchField{
width: 165px;
margin-bottom: 4px;
font-weight: normal;
color: #4c5967;
}

div#propertySearch #buttonSearch{
margin-top: 3px; 
}

* html div#propertySearch #buttonSearch{
margin-top: 7px; 
}

div#propertySearch div#suburbSelectBox{

}

/**** CSS for Free appraisal and property alert elements ****/

div#appraisalAlertGroup{
height: 330px;
width: 200px;
float: none;
margin: 0;
overflow: hidden;
}

div#appraisalAlertGroup p.hiddenText{
display: none;
}

div#appraisalAlertGroup a#readMore{
position: relative;
top: 112px;
}

div#appraisalAlertGroup p{
margin: 0px;
padding-left: 10px;
}

div#freeAppraisal{
background-color: #7dc242;
height: 149px;
overflow: hidden;
margin: 0;
background-image: url(../images/tommys/free_appraisal.gif);
background-repeat: no-repeat;
}

div#freeAppraisalInner{
margin: 0;
}

div#propertyAlert{
background-color: #7dc242;
height: 177px;
margin: 4px 0 0 0;
overflow: hidden;
background-image: url(../images/tommys/property_alert.gif);
background-repeat: no-repeat;
}

div#propertyAlert p#buttonGroup{
position: relative;
top: 90px;
}

div#propertyAlert a#firstLook{
position: relative;
top: 90px;
}

div#propertyAlertInner{
padding: 0px;
margin: 0;
}

/**** CSS for sub area (left side bar that appears on most pages) ****/

div#subArea{
width: 190px;
float: right;
margin: 0px;
font-size: 11px;
overflow: hidden;
}

div#subArea h4{
font-size: 13px;
margin: 0 0 8px 0;
/*color: #405b80;8*/
color: #002456;
}

div#subArea input.go{
margin-top: 5px;
}

/**** CSS for sub navbar ****/

div#subNavbar ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-weight: normal;
}

div#subNavbar ul li{
margin: 0px;
padding: 0px;
padding: 5px 0px;
border-bottom: 1px solid #cccccc;
}

div#subNavbar  #regionList li{
border: none;
font-size: 10px;
padding-left: 15px;
}

div#subNavbar  #regionList li#regionListFirst{
margin-top: 5px
}

div#subNavbar ul li a{
text-decoration: none;
color: #000000;
}

div#subNavbar ul li a:hover{
color: #7DC242;
}

div#subNavbar ul li a.active{
color: #7DC242;
}

/***CSS for salesperson search box that appears on some pages ****/
div#salespersonSearch {
border-bottom: 1px solid #dddddd;
padding: 10px 0px;
font-weight: normal;
}

div#salespersonSearch select{
width: 150px;
}

div#salespersonSearch p{
margin: 5px 0px;
color: #002456;
}

/*** CSS for E-newsletter signup form that appears on some pages ***/

div#newsletterSignup {
border-bottom: 1px solid #dddddd;
padding: 10px 0px;
font-weight: normal;
}

div#newsletterSignup p{
color: #002456;
}

div#newsletterSignup input.signupField{
width: 150px;
}

div#newsletterSignup p{
margin: 5px 0px;
}