/* CSS Copyright Hubonline */

/* White space reset
-------------------- */

* {
margin : 0;
padding : 0;
}

*:focus {
outline : none;
}

/* =Global page structure/layout
------------------------------- */

html, body {
height : 100%;
background-color : #fff;
background-image : url(/img/body_bg.gif);
background-position : top left;
background-repeat : repeat-y;
}

body {
min-width : 640px;
font-size : 76%;
font-family : 'Arial', 'Helvetica', sans-serif;
}

#header,#menu,#content,#sub_section,#footer {
overflow : hidden;
display : inline-block;
}

/* safari and opera need this */

#header,#menu {
}
#menu {
margin-top : -3px;
}
#sub_section {
float : left;
}
#content {
}
#sub_section {
width : 187px;
}

/* =Header styles
------------------*/

#header {
height : 78px;
background-color : #fff;
}

#header img {
margin : 18px 0 0 44px;
}

#header2 {
height : 78px;
background-color : #fff;
}

#header2 img {
margin : 20px 0 0 20px;
border : none;
}

/* Menu
-------*/

#menu {
display: block;
background-image : url(/img/menu_bg.gif);
background-position : top left;
background-repeat : repeat-x;
height: 23px;
padding-left: 6px;
}

#menuList ul {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#menuList li {
display: inline;
list-style-type: none;
}

#menuList a {
padding: 4px 22px 2px 22px;
display: block;
float: left;
text-transform: uppercase;
font-size: 0.9em;
}

#menuList a:link,
#menuList a:visited {
color: #fff;
text-decoration: none;
}

#menuList a:hover {
color: #FFCC33;
text-decoration: none;
}

/* =sub_section styles
------------------*/

#sub_section {
Xmargin-top : -10px;
}

* html #sub_section {
margin-right: -3px;
}

#sub_section .sub_content,
#sub_section .sub_quote {
width : 187px;
background-color : #ffcc33;
background-image : url(/img/subsection_bg.gif);
background-position : top right;
background-repeat : no-repeat;
border-dashed : 1px dashed #252525;
}

#sub_section .sub_content h1,
#sub_section .sub_quote h1 {
color : #fff;
padding : 17px 0 13px 28px;
font-size : 1.1em;
font-weight : normal;
}

#sub_section .sub_quote h1 {
padding : 70px 15px 70px 15px;
text-align : center;
font-size : 1.3em;
font-weight : bold;
}

#sub_section .sub_content #sub_menu {
padding-bottom : 50px;
}

#sub_section .sub_content #sub_menu #sub_menuList li {
padding : 0 0 8px 15px;
}

#sub_section .sub_content #sub_menu a {
padding-left : 13px;
background-image : url(/img/submenu_off.gif);
background-position : 0 4px;
background-repeat: no-repeat;
}

#sub_section .sub_content #sub_menu a:link,
#sub_section .sub_content #sub_menu a:visited {
color : #002864;
text-decoration : none;
}

#sub_section .sub_content #sub_menu a:hover,
#sub_section .sub_content #sub_menu a.sub_active:link,
#sub_section .sub_content #sub_menu a.sub_active:visited,
#sub_section .sub_content #sub_menu a.sub_active:hover {
background-image : url(/img/submenu_on.gif);
background-position : 0 4px;
background-repeat: no-repeat;
color : #fff;
text-decoration : none;
}

#sub_section #quick {
padding : 12px 28px 9px 28px;
}

#sub_section #quick p {
margin-bottom : 5px;
color : #002864;
font-size : 0.9em;
}

#sub_section #quick fieldset {
border : none;
padding-bottom : 10px;
}

#sub_section #quick form input,
#sub_section #quick form textarea {
width : 126px;
padding : 1px;
color : #333;
font-size : 0.9em;
border : 1px solid #ccc;
}


#sub_section #quick form input#homesubmit {
margin: 7px 0 0 50px;
width: 80px;
height: 25px;
background-image : url(/img/button_home_search.gif);
background-repeat : no-repeat;
border: #ffcc33;
}

#sub_section #quick form div {
border : none;
padding : 0;
text-align : right;
}

#sub_section .sub_title {
width : 187px;
color : #002864;
background-color : #fcdb70;
background-image : url(/img/subsectiontitle_bg.gif);
background-position : top right;
background-repeat : no-repeat;
}

#sub_section .sub_title h1 {
padding : 5px 0 3px 28px;
font-size : 1em;
font-weight : normal;
text-transform : uppercase;
}

#sub_section .sub_alert {
width : 186px;
background-image : url(/img/subsectionalert_bg.gif);
background-position : top left;
background-repeat : repeat-x;
}

#sub_section .sub_alert #alertbox {
padding : 18px 0 3px 16px;
}

#sub_section .sub_alert #alertbox p {
padding : 14px 0 15px 19px;
color : #002864;
background-image : url(/img/subsectionalerthead_bg.gif);
background-position : top left;
background-repeat : no-repeat;
font-size : 1.1em;
}

#sub_section .sub_alert #alertbox div {
padding : 0px 0 11px 61px;
background-image : url(/img/subsectionalertbtm_bg.gif);
background-position : bottom left;
background-repeat : no-repeat;
}

/* =content styles
------------------*/

#content {
padding : 9px 22px 15px 22px;
width:76%;
color : #666;
background-image: url(/img/content_shadow.gif);
background-repeat: repeat-x;
background-position: left top;
}

#content h1 {
color : #ffcc33;
margin : 0 0 15px 0;
padding : 0;
font-size : 1.5em;
font-weight : normal;
}

#content h2 {
color : #666;
margin : 0 0 15px 0;
padding : 0;
font-size : 1.2em;
font-weight : bold;
}

#content h3 {
color : #666;
margin : 0 0 0px 12px;
padding : 0;
font-size : 1.2em;
font-weight : bold;
}

h4 {
color : #666;
margin : 10px 0 0px 0;
padding : 0;
font-size : 1.2em;
font-weight : bold;
}

#content p {
color : #666;
margin : 0 0 15px 0;
padding : 0;
font-size : 1em;
font-weight : normal;
}

#content img.dyn_main {
margin-bottom : 15px;
}

#content img.dyn_content {
margin : 0px 0px 10px 10px;
}

#content a:link,
#content a:visited {
color : #002b60;
text-decoration : underline;
}

#content a:hover {
color : #002b60;
text-decoration : none;
}

/* =General styles
------------------*/

#content .warning {
color : #cc0000;
}

#content table#formtable td {
padding : 5px;
}

#content table#formtable td#tableheading {
background-color : #003466;
color : #fff;
font-weight : bold;
padding : 5px;
}

/* =Email Page
----------------*/

body#email {
background-color : #fff;
background-image : url(http://485.propertiesonline.com.au/img/px_trans.gif);
}
body#email #content {
padding-top : 20px;
background-color : #fff;
}
body#email #content p {
margin-bottom : 15px;
}
body#email #content table td {
font-size : 12px;
padding : 2px;
}

/* =Save Listing
----------------*/

body#savelisting {
background-color : #fff;
background-image : url(http://485.propertiesonline.com.au/img/px_trans.gif);
}

body#savelisting #content table td {
font-size : 12px;
padding : 2px;
}


/* =Form Fields and =Buttons
-------------------*/

form {
color : #666;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 1em;
}

input {
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 1em;
border : 1px solid #666;
}

textarea {
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 1em;
border : 1px solid #666;
}

select {
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 1em;
border : 1px solid #666;
}

input.inputbox, input.inputbox1,
select.inputbox, select.inputbox1,
textarea.inputbox, textarea.inputbox1 {
color : #000;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 0.9em;
font-weight : normal;
background-color : #fff;
width : 98.5%;
text-align : left;
border : 1px solid #7f9db9;
padding : 1px 0px 1px 0px;
}

input.inputbox2, select.inputbox2, textarea.inputbox2 { 
color : #000;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 0.9em;
font-weight : normal;
background-color : #fff;
text-align : left;
width : 200px;
border : 1px solid #7f9db9;
padding : 1px 0px 1px 0px;
}

input.inputbox3, select.inputbox3, textarea.inputbox3 { /*sml field*/
color : #000;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 0.9em;
font-weight : normal;
background-color : #fff;
width : 60px;
text-align : left;
border : 1px solid #7f9db9;
padding : 1px 0px 1px 0px;
}

.button, .button1 {
background-color : #ffcc33;
color : #111;
padding : 0 2px 0 2px;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size : 1em;
font-weight : normal;
text-align : center;
border : 1px solid #111;
}

#imgsubmit {
border : none;
}

/* =Home ASP
-------------------*/

#home #content table#pow {
border-top : 1px dashed #111;
border-bottom : 1px dashed #111;
}

#home #content table#pow td {
color : #666;
width : 50%;
padding-top : 7px;
}

#home #content table#pow td.first {
border-left : 1px dashed #111;
padding-right : 0;
padding-left : 10px;
}

#home #content table#pow td div.title {
background-color : #ffcc00;
color : #fff;
margin : 0 10px 7px 0;
height : 22px;
}

#home #content table#pow td.first div.title {
margin-right : 0;
}

#home #content table#pow td div.title h1 {
padding : 0 0 0 8px;
margin : 0;
color : #fff;
float : left;
}

#home #content table#pow td div.title p.icon {
padding : 2px 8px 0 0;
margin : 0;
float : right;
}

#home #content table#pow td div.title p.icon span {
color : #fff;
margin : 0;
font-size : 1.1em;
font-weight : bold;
}

#home #content table#pow td div.title p.icon img {
margin : 0 5px 0 5px;
}

#home #content table#pow td div.content img.powimg {
margin-bottom : 7px;
border : 1px solid #666;
}

#home #content table#pow td div.content p {
margin-bottom : 7px;
}

/* =dynamic ASP
-------------------*/

body#dynamic #fixed {
width : 600px;
}

/* =popup testimonials 
----------------*/

body#dynamic #content table#popup {
font-size : 1.0em;
}

body#dynamic #content table#popup td {
padding : 5px;
}

body#dynamic #content table#popup td#tableheading {
background-color : #003466;
color : #fff;
font-weight : bold;
padding : 5px;
}

/* =suburb profiles
----------------*/

body#dynamic #content input#spsubmit {
border : none;
}

body#dynamic #content table#sp {
border-top : 1px dashed #000;
margin-top : 20px;
}

body#dynamic #content table#sp td#spcontent {
padding : 10px 10px 0px 0px;
}

body#dynamic #content table#sp td#spcontent p {
margin-left : 0px;
}

body#dynamic #content table#sp td#spcontent h1 {
margin-left : 0px;
}

body#dynamic #content table#sp td#spdetails {
padding : 10px 10px 0px 10px;
border-left : 1px dashed #000;
}

body#dynamic #content table#sp td#spdetails p {
margin-left : 0px;
}

/* =news
----------------*/

#news #content td {
padding-right : 15px;
}

#news #content td.sidebar {
padding : 0 0 0 15px;
border-left : 1px dashed #111;
}

#news #content p.archive {
padding-bottom : 7px;
margin-bottom : 7px;
border-bottom : 1px dashed #111;
}

/* =form - XSL Search Form
------------------*/

/* =search - XSL Search Results
---------------------*/

#xsl_search #content #xsl_searchform {
height : 25px;
margin-bottom : 6px;
border : none;
border-bottom : 1px dashed #111;
clear : both;
}

#xsl_search #content #xsl_searchform div {
display : block;
float : left;
}

#xsl_search #content #xsl_searchform div select {
width : 95px;
margin-left : 10px;
}

#xsl_search #content #xsl_searchform div select#fsuburb {
width : 125px;
margin-left : 10px;
}

#xsl_search #content #xsl_searchform div#searchform_price {
width : 205px;
margin-left : 8px;
}

#xsl_search #content #xsl_searchform div#searchform_price label {
margin-left : 3px;
}

#xsl_search #content #xsl_searchform div#searchform_price input {
border : none;
margin-left : 12px;
}

#xsl_search #content #xsl_searchform div#searchform_type {
width : 150px;
margin-right : 5px;
}

#xsl_search #content #xsl_searchform div#searchform_suburb {
width : 195px;
margin-right : 5px;
}

#xsl_search #content #xsl_searchform div#searchform_bed {
width : 165px;
margin-right : 5px;
}

#xsl_search #content #xsl_searchform #fsubmit {
border : none;
float : right;
}

#xsl_search #content p#sort {
margin : 0 0 3px 0;
padding : 3px 0 3px 15px;
background-color : #003366;
color : #fff;
}

#xsl_search #content p#sort a:link,
#xsl_search #content p#sort a:visited {
color : #fff;
text-decoration : underline;
}

#xsl_search #content p#sort a:hover {
color : #fff;
text-decoration : none;
}

#xsl_search #content table {
margin : 0 0 15px 0;
}

#xsl_search #content table tr.suburb td {
background-color : #ffcc33;
}

#xsl_search #content table tr.suburb td h1 {
margin : 0 0 0 15px;
color : #fff;
}

#xsl_search #content table tr.suburb td.icon {
text-align : right;
padding-right : 15px;
}

#xsl_search #content table tr.suburb td.icon span {
color : #fff;
margin : 0;
font-size : 1.1em;
font-weight : bold;
}

#xsl_search #content table tr.suburb td.icon img {
margin : 0 5px 0 5px;
}

#xsl_search #content table td.photo img {
margin : 10px 0 10px 15px;
}

#xsl_search #content table td.content {
padding : 10px 15px 10px 0;
}

#xsl_search #content table td.content h1 {
margin : 0;
font-size : 1.3em;
font-weight : bold;
}

#xsl_search #content table td.content p {
margin : 0;
}

#xsl_search #content table td.content p.price {
font-weight : bold;
}

#xsl_search #content table td.content p.link {
text-align : right;
}

#xsl_search #content p#pagebar {
margin : 0 22px 15px 15px;
text-align : right;
}

/* =detail - XSL Property Detail
------------------*/

#xsl_detail #content {
xmargin : 9px 22px 15px 15px;
}

#xsl_detail #content #content_title {
background-color : #ffcc00;
color : #fff;
margin-bottom : 15px;
height : 22px;
}

#xsl_detail #content #content_title h1 {
padding : 0 0 0 15px;
margin : 0;

color : #fff;
float : left;
}

#xsl_detail #content #content_title p.icon {
padding : 2px 160px 0 0;
margin : 0;
float : right;
}

#xsl_detail #content #content_title p.icon span {
color : #fff;
margin : 0;
font-size : 1.1em;
font-weight : bold;
}

#xsl_detail #content #content_title p.icon img {
margin : 0 5px 0 5px;
}

#xsl_detail #content #content_title p.link {
padding : 2px 15px 0 0;
margin : 0;
float : right;
}

#xsl_detail #content table#layout td#column_main {
padding : 0 15px 0 15px;
}

#xsl_detail #content table#layout td#column_main h1,
#xsl_detail #content table#layout td#column_main h2,
#xsl_detail #content table#layout td#column_main p {
margin : 0 0 15px 0;
}

#xsl_detail #content table#layout td#column_photo {
width : 280px;
}

#xsl_detail #content table#layout td#column_photo #photo {
text-align : right;
margin-bottom : 10px;
}

#xsl_detail #content table#layout td#column_photo #photo img {
margin : 0 0 3px 5px;
}

#xsl_detail #content table#layout td#column_photo #feature {
width : 275px;
}

#xsl_detail #content table#layout td#column_photo #feature td {
width : 50%;
}

#xsl_detail #content table#layout td#column_photo #feature td p {
margin : 0 0 5px 0;
}

#xsl_detail #content table#layout td#column_photo #feature td img {
margin-right : 10px;
}

/* =brochure - XSL Property Print Page
------------------*/

html body#xsl_print,
body#xsl_print {
background-image : none;
background-color : #fff;
}

body#xsl_print #content {
margin : 0 15px 15px 15px;
}

#xsl_print #printbut {
position : absolute;
top : 10px;
left : 549px;
}

#xsl_print #content #content_title {
margin : 9px 22px 15px 15px;
width : 625px;
background-color : #ffcc00;
color : #fff;
margin-bottom : 15px;
height : 22px;
}

#xsl_print #content #content_title h1 {
padding : 0 0 0 15px;
margin : 0;
color : #fff;
float : left;
}

#xsl_print #content #content_title p.icon {
padding : 2px 15px 0 0;
margin : 0;
float : right;
}

#xsl_print #content #content_title p.icon span {
color : #fff;
margin : 0;
font-size : 1.1em;
font-weight : bold;
}

#xsl_print #content #content_title p.icon img {
margin : 0 5px 0 5px;
}

#xsl_print #content table#layout {
width : 625px;
}

#xsl_print #content table#layout td#column_main {
padding : 0 15px 0 15px;
}

#xsl_print #content table#layout td#column_main h1,
#xsl_print #content table#layout td#column_main h2,
#xsl_print #content table#layout td#column_main p {
margin : 0 0 15px 0;
}

#xsl_print #content table#layout td#column_main p.footer {
font-size : 0.9em;
}

#xsl_print #content table#layout td#column_photo {
width : 280px;
}

#xsl_print #content table#layout td#column_photo #photo {
text-align : right;
margin-bottom : 10px;
}

#xsl_print #content table#layout td#column_photo #photo img {
margin : 0 0 3px 5px;
}

#xsl_print #content table#layout td#column_photo #feature {
width : 275px;
}

#xsl_print #content table#layout td#column_photo #feature td {
width : 50%;
}

#xsl_print #content table#layout td#column_photo #feature td p {
margin : 0 0 5px 0;
}

#xsl_print #content table#layout td#column_photo #feature td img {
margin-right : 10px;
}

/* =Alert =Popup
----------------*/

body#alert_popup {
background-color : #fff;
}

body#alert_popup div#content {
margin : 12px;
width : 510px;
}

body#alert_popup #content p {
margin-bottom : 12px;
font-size : 11px;
}

body#alert_popup #content table {
font-size : 11px;
}

body#alert_popup #content table#header {
width : 510px;
padding : 0 10px 0 10px;
margin-bottom : 12px;
}

body#alert_popup #content table#form {
width : 470px;
border : 1px dashed #111; 
margin-bottom : 12px;
}

body#alert_popup #content table#form td {
padding : 5px;
}


/* =slide - XSL Slide Show
------------------*/

body#xsl_slide {
background-image : none;
}

#xsl_slide .button,
#xsl_slide .button1 {
margin : 2px;
}

#xsl_slide table td img {
border : 1px solid #666;
}

/* =auction - XSL Auction Results
   =inspect - XSL Inspection Results
---------------------*/

#xsl_auction #content table#list td ,
#xsl_inspect #content table#list td {
color : #666;
padding : 2px 15px 2px 0;
border-bottom : 1px dashed #111;
}

#xsl_auction #content table#list td h4,
#xsl_inspect #content table#list td h4, {
margin : 6px 0 8px 0;
}

/* =staff - XSL Staff Profiles
----------------*/

#xsl_staff #content table#layout {
width : 520px;
}

#xsl_staff #content table#layout td img {
margin : 0 30px 17px 0;
}

#xsl_staff #content table#layout td img.photo {
margin-bottom : 15px;
}

#xsl_staff #content table#layout td p {
margin : 0 15px 15px 0;
}

#xsl_staff #content table#layout td p span {
font-size : 1.1em;
font-weight : bold;
}

#xsl_staff #content table#layout_person td p,
#xsl_staff #content table#layout_person td h2 {
margin : 0 0 15px 0;
}

#xsl_staff #content table#layout_person td#main {
padding : 0 15px 0 0;
border-right : 1px dashed #111;
}

#xsl_staff #content table#layout_person td#sidebar {
width : 200px;
padding : 0 0 0 15px;
}

#xsl_staff #content table#layout_person td#sidebar img.photo {
margin-bottom : 15px;
}