/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }

html, input, textarea
	{	font-family:Arial; 
		color:#333a3d;
	}	


.fleft { float:left; margin:0 25px 0 0px}
.fleft_1 { float:left; margin:0 28px 0 0px}
.fleft_2 { float:left; margin:0 62px 0 0px}
.contacts_box { padding:0 40px 0 0px; width:190px}
.container{ width:100%;}
.column1{ width:340px}
/*---------------------------------------------------------------------------------------------------------------------FORMS*/
/*select {padding:3px 3px 3px 0pt;}
input, select, textarea {border:1px solid #CCCCCC; color:#666666; font-family:verdana,arial,sans-serif;padding:4px 3px;}*/
#freeAppraisals { color: #000000; width: 522px; border: 1px solid #b4b4b4; border-collapse: collapse; padding:5px} 
#getDirections { color: #000000; width: 502px; border: 1px solid #b4b4b4; border-collapse: collapse; padding:5px} 
#enquiryForm{color: #FF0000; width: 400px; border: 1px solid #FF0000; border-collapse: collapse; padding:5px; background-color:#FFF2F0} 
.labelcell{width: 100px; float:left; font-weight:bold}
.labelcell2{width: 250px; font-weight:bold;padding-right: 5px; padding-bottom: 5px; float:left}
.fieldcell{color: #000000; text-align: right; padding-right: 5px; padding-bottom: 5px}
.fieldcell2{color: #000000; text-align: right; padding-right: 5px; padding-bottom: 5px; width:590px}
.fieldcell input{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:22px;width:250px;padding:2px
}
.fieldcell2 input{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:22px;width:250px;padding:2px
}
.fieldcell select{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:22px;width:250px;padding:2px
}
.fieldcell2 select{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:22px;width:250px;padding:2px
}
.fieldcell textarea{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:22px;width:250px;padding:2px;height:70px
}
.fieldcell2 textarea{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:22px;width:250px;padding:2px;height:70px
}
.ofieldcell{color: #000000; text-align: right; padding-right: 5px; padding-bottom: 5px}
.ofieldcell input{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:18px;width:50px;padding:2px
}

#officeQuickSearch select{border:1px solid #CCCCCC; color:#666666; font-family:verdana,arial,sans-serif;padding:4px 3px}
#corpSearch select{border:1px solid #CCCCCC; color:#666666; font-family:verdana,arial,sans-serif;padding:4px 3px}
.inputSub{background:white;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;font-size:12px;width:305px;padding:2px;padding-top:3px}
.inputSub2{background:white;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;font-size:12px;width:530px;padding:2px;padding-top:3px}
/*#officeQuickSearch select {padding:3px 3px 3px 0pt;}*/
#officeQuickSearch { color: #333a3d; width: 33%;float:left} 
#corpSearch  { color: #333a3d; width: 100%;float:left} 
.DD_div3 {width:242px; background-image:url(images/ajax-loader.gif); background-position:right; background-repeat:no-repeat}
.ofieldcell textarea{background:white;font-family:Arial, Helvetica, sans-serif;border:1px solid #b4b4b4;color:#191919;font-size:12px;height:60px;width:50px;padding:2px
}
.button{font-size:12px;font-family:Arial, Helvetica, sans-serif;background-color: #f4f4f4;margin-left: 191px;height:32px;padding:5px;font-weight:bold}
.buttonEnquiry {font-size:12px;font-family:Arial, Helvetica, sans-serif;background-color: #FF0000;border:#FFFFFF;margin-left: 191px;height:32px;padding:5px;color:#FFFFFF;
 font-weight:bold
}
#property_type_div{background:white;font-family:Verdana, Arial, Helvetica, sans-serif;color:#191919;font-size:12px;height:22px;width:98%;padding:2px;padding-top:3px}
#property_type_div select{width:98%}
#entersuburb_div{background:white;font-family:Verdana, Arial, Helvetica, sans-serif;color:#191919;font-size:12px;height:22px;width:98%;padding:2px;padding-top:3px}
#entersuburb_div select{width:98%}
#entersuburb_div input{height:22px}
#price_selection {margin-top:5px; z-index:-999; width:100%}
#search_price_min_div_rent {display:none;z-index:-999}
#search_price_max_div_rent {display:none;z-index:-999}
#search_price_min_div_rent select{width:47%}
#search_price_max_div_rent select{width:47%}
#price_min_rent {width:123px; ; z-index:-999}
#price_max_rent {width:123px; ; z-index:-999}
#search_price_min_div {display:inline;width:47%}
#search_price_max_div {display:inline;width:47%}
#search_price_min_div select{display:inline;width:150px}
#search_price_max_div select{display:inline;width:150px}
#quick_search_submit input{margin-top:5px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:25px; background-color:#cccccc}
#quick_search_submit {padding-right:10px; padding-bottom:5px; float:right}
#go_direct_options_div {width:90%;padding-left:2px}
#go_direct_options_div input{background:white;font-family:Verdana, Arial, Helvetica, sans-serif;color:#191919;font-size:12px;height:17px;padding:3px}
#MPAField input{border:1px solid #CCCCCC; color:#666666; font-family:verdana,arial,sans-serif;padding:4px 3px;width:150px}
#MPAFieldButt input{border:1px solid #CCCCCC; color:#666666; font-family:verdana,arial,sans-serif;padding:4px 3px;width:50px}
/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
span{ color:#333a3d; font-weight:bold} 
span a{ color:#EE333E; text-decoration:underline; font-weight:bold} 
span a:hover{ text-decoration:none}
a{ color:#EE333E; text-decoration:underline; font-weight:bold} 
a:hover{ text-decoration:none}
em{ font-style:normal}

/*-----------------------------------------------------------------------------------------------------------------------HINT TEXT*/
#hintWrapper{
	padding: 5px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color: #F4F4F4;
	overflow: hidden;
	z-index: 99998;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	width: 299px;
	color:#333333;
	position:absolute;
	margin-left:1.5px
}
#hintWrapper2{
	padding: 5px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color: #F4F4F4;
	overflow: hidden;
	z-index: 99998;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	width: 530px;
	color:#333333;
	position:absolute;
	margin-left:1.5px
}
#txtHint :hover{
cursor:pointer;
color:#BD1A19;
font-weight:bold

}
#txtHint {
z-index: 99999;
}
/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url(http://osc3.template-help.com/stretched_19970/images/bg_line_y.gif) top right repeat-y}
.line_x{ background:url(images/line_x.gif) top left repeat-x; height:20px; margin:0 33px 0 0px}
.line_x_1{ background:url(images/line_x.gif) top left repeat-x; height:24px; margin:0 10px 0 0px}
.line_x_2{ background:url(images/line_x.gif) top left repeat-x; height:25px; margin:0 33px 0 0px}
.line_x_3{ background:url(images/line_x.gif) top left repeat-x; height:20px; margin:0 18px 0 0px}
.line_x_4{ background:url(images/line_x.gif) top left repeat-x; height:20px; margin:0 10px 0 0px}


/*--------------------------------------------------------------------------------------------------------------------------MORE*/

.more{background:url(images/k1.gif)  center left no-repeat; padding-left:20px; color:#7bb700; text-decoration:underline; font-weight:normal}
.more:hover{ text-decoration:none}

.more_1{background:url(images/k2.gif)  center left no-repeat; padding-left:20px; color:#7bb700; text-decoration:underline; font-weight:normal}
.more_1:hover{ text-decoration:none}

.more_2{background:url(images/k3.gif)  center left no-repeat; padding-left:25px; color:#7bb700; text-decoration:underline; font-weight:normal}
.more_2:hover{ text-decoration:none}


/*----------------------------------------------------------------------------------------------------------------------------UL*/
ul{margin:0; padding:0; list-style:none; line-height:22px}
ul li{ margin:0px }
ul li a{color:#0098e5; text-decoration:underline; font-weight:bold; background:url(images/bg_list.gif)  center left no-repeat; padding-left:10px;} 
ul li a:hover { text-decoration:none; }

.list ul{margin:0; padding:0; list-style:none; line-height:22px}
.list ul li{ margin:0px }
.list ul li a{color:#c9007d; text-decoration:underline; font-weight:bold; background:url(images/bg_list_1.gif)  center left no-repeat; padding-left:10px;} 
.list ul li a:hover { text-decoration:none; }


/*==========================================================================================================================HEADER=======*/
/*#header {height:432px; background:url(images/office.jpg) top right no-repeat; font-size:0.8125em; padding:22px 0 0 0px}*/
#header p{ margin:0px 0 0 29px}
#header .logo{ margin:90px 0 204px 70px; display:block}
#header .office{ display:block; height:78px;}
html>body #header .office{ display:block; height:72px;}
#header #position{ float:right; margin:20px 0 0 0px}
/*#header #position .div{ margin:0px 58px 0 0px; text-align:right}*/
#header #position p{ margin:0 0px 0 0px;}
#header #position .pic{ vertical-align:middle}
#header a{ color:#ff8400; text-decoration:underline; font-weight:normal}
#header a:hover{ text-decoration:none}



/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.8125em; width:100%; text-align:left;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#contentResults{ font-size:0.8125em; width:100%; text-align:left}
/*#content { background:url(http://osc3.template-help.com/stretched_19970/images/line.gif)}*/
#content .title{ display:block; margin:0 0 9px 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#content p{ margin:5px 33px 20px 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#contentResults p{ margin:5px 33px 20px 0px}
#content .pic_left{ float:left; margin:0px 15px 0px 0px}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .col1{ padding:0 0 0 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#content .col5{ padding:0 0 0 0px}
.imageBorder {border: 1px solid #CCCCCC; padding:5px}
/*===========================================================================================================================CONTENT CLASS=======*/
.bread a{ font-size:10px;color:#666666; font-weight:bold}
.bread { font-size:10px}
.pageTitle {border:thin; border-color:#999999; background-color:#FFFFCC }
#page1 #content .col1 p{margin:5px 40px 20px 0px; text-align:justify;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#page1 #content .col5 p{margin:5px 40px 20px 0px;}
#page1 #content .col2 p{ margin:5px 30px 10px 0px; text-align:justify;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}}
#page1 #content .col2 { padding:0 0 10px 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#page1 #content .bannerLong { margin:0 0 0px -30px}
#page1 #content .height{ height:45px}
#page1 #content .indent{ margin:0 0 0 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#page1 #content #bannerWrapper{width:100%; height:160px; margin-top:10px}
#page1 #content #bannerWrapper .bannerLeft{ float:left; width:18%}
#page1 #content #bannerWrapper .bannerCenter{ float:left; width:22%}
#page1 #content #bannerWrapper .bannerRight{ float:left; width:18%}
#page1 #content #bannerWrapper .bannerRight2{ float:left; width:20%}
#page1 #content #bannerWrapper .bannerRight3{ float:left; width:22%}
#bannerWrapper{width:100%; height:160px}
#bannerWrapper .box1{ float:left; width:20%}
#bannerWrapper .box2{ float:left; width:20%}
#bannerWrapper .box3{ float:left; width:20%}
#bannerWrapper .box4{ float:left; width:20%}
#bannerWrapper .box5{ float:left; width:20%}
#page1 #content .indent_1{ margin:0 8px 0 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}
#page1 #content .indent_2{ padding:33px 0px 0 0px;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif}

#page2 #content .col1{ padding:0 15px 0 29px}
#page2 #content .col1 p{ margin:5px 15px 20px 0px}
#page2 #content .col2{ padding:0 0 0 2px}
#page2 #content .col2 p{ margin:5px 15px 14px 0px}
#page2 #content .inden{ padding:47px 0 0 29px}

#page3 #content .height{ height:41px}
#page3 #content .indent{ padding:0px 0 0 29px}
#page3 #content p{ margin:5px 25px 22px 0px}
#page3 #content .col1{ padding:0 0 61px 0px}
#page3 #content .col1 p{ margin:5px 25px 20px 0px}
#page3 #content .col2 p{ margin:5px 25px 17px 0px}
#page3 #content .col2 .height{ height:20px}

#page4 #content .col1 .height{ height:34px;}
#page4 #content .col1 p{ margin:5px 40px 21px 0px}
#page4 #content .col1 .p1{ margin:0 35px 0 0px}
#page4 #content .col1 .em{ text-align: right; margin:0 45px 0 0px}
#page4 #content .col2 p{ margin:5px 20px 10px 0px}
#page4 #content .col2 .height{ height:69px;}

#page5 #content .col1{ padding:0 0 60px 29px}
#page5 #content .col1 p{ margin:5px 30px 17px 0px}
#page5 #content .col1 .indent{ padding:0 30px 0 0px}
#page5 #content .col2 p{ margin:5px 25px 17px 0px}
#page5 #content .col2 .height{ height:25px}

#page6 #content .col1 .height{ height:40px;}
#page6 #content .col1 .column1{ width:145px}
#page6 #content .col1 .column2{ width:294px}
#page6 #content .col2{ padding:0 0 70px 0px}
#page6 #content .col2 p{ margin:5px 15px 17px 0px}

#page7 #content .indent{ padding:0px 0 70px 29px}
#page7 #content p{ margin:5px 33px 23px 0px}

/*============================================================================================================================FOOTER=======*/
#footer { height:100px; background:url(images/bg_footLong.gif) top left repeat-x; color:#666666; font-size:10px; padding:25px 0 0 5px; text-align:center}
#footer a {color:#666666; text-decoration:underline; font-weight:normal}  
#footer a:hover {  text-decoration:none}


/*============================================================================================================================FORM=======*/

.h_f{ height:26px;}
.h{ height:19px; width:135px; margin:0px; padding:0 0 0 3px}
.inp{ height:137px; width:440px; margin:20px 0 0 0px}
.indent_form{ margin:0 25px 0 152px}


input{
   background:none;
   border:1px solid #b4b4b4;
   font-family:Tahoma;
   color:#191919;
   font-size:0.85em
}
textarea{
   background:none;
   border:1px solid #b4b4b4;
   width:284px; height:72px;
   font-family:Tahoma;
   color:#191919;
   font-size:0.85em;
   overflow:auto;
   margin:0 0 8px 0px}