/* CSS Copyright Hubonline */

* {
margin: 0;
padding: 0;
}

html {
height : 100%;
}

body {
height : 100%;
font-family: arial, helvetica, sans-serif;
font-size: 76%;
}

html, body {
background-color: #f2f2f2;
background-image : url(/shellharbourvillage/img/sub_bg.gif);
background-repeat : repeat-x;
}

a img {
border: none;
}

.warning {
color : #cc0000;
font-weight : bold;
}

#content ul li,
#content ol li {
margin : 0;
padding : 0;
list-style-position: inside;
}

#content ul,
#content ol {
padding : 15px 0px;
}

/* Typography
--------------*/

h1 {
font-size: 1.2em;
color: #333;
margin-bottom: 15px;
}

h1 span {
color: #666;
}

h2 {
font-size: 1.2em;
padding-bottom: 15px;
}

#content p {
margin-bottom: 15px;
}

#content a:link,
#content a:active,
#content a:visited {
color: #333;
text-decoration: underline;
}

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

#content {
xmargin-bottom : 10px;
}

/* =Container Wrapper and Footer
----------------*/

div#wrap {
margin : 0 auto 0 auto; /*center the wrapper*/
min-height: 100%;
position: relative;
color : #666;
font-size : 1.0em;
background-color: #fff;
}

* html div#wrap {
height : 100%;
}

.dropshadow {
background-image : url(/shellharbourvillage/img/dropshadow_bg.gif);
xbackground-repeat : repeat-y;
width : 748px;
padding: 0px 16px 0px 16px; 
}

.dropshadowhome {
background-image : url(/shellharbourvillage/img/dropshadow_homebg.gif);
width : 748px;
padding: 0px 16px 0px 16px; 
}

.footshadow {
background-image : url(/shellharbourvillage/img/bg.gif);
width : 748px;
padding: 0px 16px 0px 16px; 
}

#header {
margin-top : 16px;
}

#footer {
margin : -50px auto 0 auto; /*center the wrapper*/
position : relative;
}

#footer_content {
background-image: url(/shellharbourvillage/img/footer_bg.gif);
background-repeat: repeat-x;
clear: both;
color: #999;
padding: 20px 0px;
font-size: 0.9em;
display: block;
}

#footer #footer_content a:active,
#footer #footer_content a:link,
#footer #footer_content a:visited {
color: #999;
text-decoration: underline;
}

#footer #footer_content a:hover {
color: #999;
text-decoration: none;
}

#footer #footer_content #credit {
float: left;
}

#footer #footer_content #links {
float: right;
}

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

#menu {
width: 748px;
margin-bottom: 15px;
padding: 0px 0px 0px 0px;
font-size : 1.0em;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #fff;
}

form label {
display: block;
float: left;
width: 150px;
}

form input,
form select {
width: 270px;
}

form input#fusekey,
form input#fcall {
width: 15px;
}

form textarea {
width: 400px;
}

form p {
clear: both;
}

form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input {
width: auto;
padding: 0 10px;
cursor: pointer;
}

form fieldset {
border: 1px solid #ccc;
}

form legend {
font-weight: bold;
color: #000;
font-size: 1.1em;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input {
background-color: #666;
border: 1px solid #333;
color: #fff;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
}

.button {
background-color: #666;
border: none;
color: #fff;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

form input#fsale,
form input#flease {
width: 15px;
}

/* Home 
--------*/

body.home {
background-image: url(/shellharbourvillage/img/home_bg.gif);
background-repeat : repeat-x;
}

body.home #homeheader {
width: 748px;
height: 178px;
display: block;
margin : 16px auto 0px auto; /*center the wrapper*/
}

body.home #left {
width: 484px;
float: left;
display: block;
padding-right: 16px;
border-right: 1px dashed #ccc;
}

body.home #left h2 {
font-size: 1.2em;
color: #333;
margin-top: 20px;
margin-bottom: 4px;
padding-bottom: 0px;
}

body.home #left #pow {
margin-top: 0px;
background-image : url(/shellharbourvillage/img/pow_bg.gif);
background-repeat : repeat-x;
height: 130px;
}

body.home #left #pow #powimage {
float: left;
padding-top: 12px;
width: 160px;
}

body.home #left #pow #powimage img {
border: 1px solid #333;
}

body.home #left #pow #powdetails {
float: right;
width: 320px;
padding-top: 12px;
}

body.home #right {
width: 224px;
float: right;
display: block;
padding-left: 16px;
}

body.home #right #fastfindarea h1 {
padding-bottom: 0px;
margin: 3px 0px 14px 0px;
}

body.home #right #officesarea h1 {
padding-bottom: 0px;
margin-bottom: 1px;
}

body.home #right #fastfindarea {
width: 213px;
background-image : url(/shellharbourvillage/img/ff_bg.gif);
background-repeat : repeat-x;
}

body.home #right #fastfind {
width: 213px;
padding: 0px 10px;
}

body.home #right #fastfind input {
font-size : 0.9em;
color: #666;
border: 1px solid #666;
padding: 2px;
width: 120px;
}

body.home #right #fastfind input.button {
font-size : 0.9em;
color: #fff;
background-color: #666;
border: none;
width: 30px;
}

body.home #right #officesarea {
margin-top: 16px;
width: 213px;
}

body.home #right #offices {
padding: 0px 10px;
background-image : url(/shellharbourvillage/img/offices_bg.jpg);
background-repeat : repeat-x;
width: 193px;
}

body.home #right #offices ul {
list-style-image: url(/shellharbourvillage/img/bullet.gif);
}

/* =search xsl
----------------*/

body#xsl_search #content #filter {
margin-bottom : 4px;
background-color : #f2f2f2;
}

body#xsl_search #filter {
height: 40px;
padding: 10px;
margin-bottom: 5px;
}

body#xsl_search #filter h3 {
color: #333;
font-size: 1.0em;
padding-bottom: 5px;
}

body#xsl_search #filter select#qs_property-type,
body#xsl_search #filter select#qs_suburb {
width: 120px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter select#qs_bedrooms,
body#xsl_search #filter select#qs_bathrooms {
width: 85px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter select#areafrom,
body#xsl_search #filter select#areato {
width: 80px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter select#qs_min-price,
body#xsl_search #filter select#qs_max-price {
width: 80px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter p {
clear: none;
float: left;
margin-right: 11px;
}

body#xsl_search #filter input {
padding: 2px 5px 2px 5px;
cursor: pointer;
font-size: 0.9em;
background-color: #666;
border: none;
color: #fff;
width: 70px;
}

body#xsl_search #filter label {
color: #000;
}

body#xsl_search #content p.order {
border-top: 1px solid #e8e8e8;
padding-top: 16px;
margin-bottom : 12px;
}


body#xsl_search .property {
padding: 10px 0;
clear: both;
overflow: hidden;
border-bottom: 1px solid #e8e8e8;
}

body#xsl_search .property .image {
border: 1px solid #666;
}

body#xsl_search .property .image {
display: block;
float: left;
margin-right: 15px;
height: 180px;
}

body#xsl_search .property .image img {
width: 240px;
height: 180px;
}

body#xsl_search .property .details {
float: right;
width: 490px;
padding : 10px 0px;
display: block;
}

body#xsl_search .property .details h2 {
color: #000;
font-size: 1.0em;
}

body#xsl_search .property .details .addressicons {
display: block;
height: 22px;
margin-bottom: 12px;
}

body#xsl_search .property .details .addressicons .addressprice {
float: left;
width: 350px;
height: 18px;
font-weight: bold;
font-size: 1.1em;
}

body#xsl_search .property .details .addressicons .addressprice span {
color: #333;
}

body#xsl_search .property .details .addressicons .icons {
float: right;
text-align: right;
width: 130px;
}

body#xsl_search .property .details .addressicons .icons img {
margin: 0px 3px;
}

body#xsl_search .property .details .addressicons .icons span {
color: #000;
font-weight: bold;
font-size: 1.1em;
}

body#xsl_search .details .mainheading h2 {
color: #333;
font-size: 1.1em;
padding-top: 2px;
}

body#xsl_search #content .pagebar {
margin : 10px 0px 20px 0px;
}

/*Details*/

body.detail h1 {
padding-bottom: 0px;
margin-bottom: 10px;
}

body.detail #content h2 {
padding-bottom: 10px;
}

body.detail #content ul {
padding-top: 10px;
margin-bottom: 5px;
} 

body.detail #propertydetails {
width: 553px;
float: left;
margin-bottom: 20px;
}

body.detail #images {
height: 300px;
margin-bottom: 16px;
}

body.detail #propertydetails img#mainimage {
width: 400px;
height: 300px;
margin-right: 2px;
float: left;
}

body.detail #propertydetails img#sml {
width: 150px;
height: 98px;
margin-bottom: 3px;
float: right;
}

body.detail #propertydetails h3 {
color: #333;
font-weight: bold;
font-size: 1.0em;
margin-bottom: 16px;
}

body.detail #propertydetails table#stafftable {
margin-top: 10px;
}

body.detail #propertydetails img#staffphoto {
border: 1px solid #000;
}

body.detail #extradetails {
width: 168px;
float: right;
margin-bottom: 20px;
}

body.detail #extradetails h3 {
color: #333;
font-weight: bold;
font-size: 1.0em;
padding-bottom: 12px;
}

body.detail #extradetails #icons {
width: 168px;
text-align: center;
padding-bottom: 8px;
}

body.detail #extradetails #icons img {
margin: 0px 3px;
}

body.detail #extradetails #icons span {
color: #333;
font-weight: bold;
font-size: 1.1em;
}

body.detail #extradetails #stats {
width: 148px;
padding: 15px 10px 10px 10px;
background-image : url(/shellharbourvillage/img/side_bg.jpg); 
}

body.detail #extradetails #stats ul,
body.detail #extradetails #stats ol {
padding : 0px 0px 12px 0px;
}

body.detail #extradetails #stats ul li,
body.detail #extradetails #stats ol li {
margin-left: 13px;
list-style-position: outside;
}

body.detail #extradetails #stats h3#agentcontact {
margin-top: 15px;
}

body.detail #tools {
width: 716px;
height: 33px;
padding: 16px;
background-image : url(/shellharbourvillage/img/tools_bg.gif);
background-repeat: repeat-x; 
}

/* Brochure
-------------*/

body.brochure {
background-color : #fff;
background-image: none;
}

body.brochure #printheader {
text-align: center;
margin-bottom: 12px;
}

body.brochure #wrap {
margin : 0px auto; /*center the wrapper*/
width : 625px;
color : #666;
font-size : 1.0em;
padding: 16px 0px 0px 0px;
background-color: #fff;
}

body.brochure #propertydetails {
width: 440px;
}

body.brochure #images {
height: 248px;
margin-bottom: 16px;
}

body.brochure #propertydetails img#mainimage {
width: 330px;
height: 248px;
margin-right: 2px;
float: left;
}

body.brochure #propertydetails img#sml {
width: 105px;
height: 81px;
margin-bottom: 3px;
float: right;
}

body.brochure #extradetails #stats {
width: 146px;
padding: 15px 10px 10px 10px;
background-image : none; 
border: 1px solid #333; 
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
background-image: none;
}

body.slideshow img#slide {
display: block;
margin: 20px auto 0px auto;
border: 1px solid #333;
margin-top : 10px;
}

body.slideshow input {
width: auto;
}

body.slideshow h1 {
font-size: 1.2em;
color: #333;
}

body.slideshow img#logo {
margin: 12px 0px;
}

body.slideshow input {
background-color: #666;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size: 0.9em;
margin-right: 2px;
color: #fff;
padding: 2px;
border: none;
}

/* Email a friend
------------------*/

html#emailafriend {
background-color : #fff;
background-image: none;
}

body.emailfriend {
background-color : #fff;
background-image: none;
}

html#emailafriend #content {
float: none;
padding: 15px;
background-color : #fff;
margin-top: 65px;
}

body.emailfriend #header {
margin-top: 12px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 15px;
height : 0px;
}

body.emailfriend h1 {
color: #333;
}

/* OFI List
--------*/

body.ofi #printbutton {
margin : 0px 0px 10px 0px;
height: 25px;
float: right;
}

body.ofi #printbutton a.button:link,
body.ofi #printbutton a.button:active,
body.ofi #printbutton a.button:visited,
body.ofi #printbutton a.button:hover {
color: #fff;
background-color: #666;
border: 0px;
text-align: center;
padding: 2px 4px 3px 4px;
display : block;
text-decoration: none;
width: 100px;
}

body.ofi table#ofi_list {
width: 100%;
padding : 0px 0px 0px 0px;
}

body.ofi .date td {
color : #333;
padding : 4px 0 4px 5px;
border: 1px solid #333;
}

body.ofi .items td {
padding : 4px 0;
}

body.ofi .stripe {
background-color : #ebebeb;
}

body.ofi #ofi_list td.address {
padding-left: 5px;
}

body.ofi #ofi_list td.icons {
padding-right: 5px;
width : 175px;
}

body.ofi #bedbathcar {
margin-bottom: 2px;
font-weight: bold;
}

body.ofi #bedbathcar span {
margin-right: 10px;
}

body.ofi #bedbathcar span#iconlast {
margin-right: 4px;
}

body.ofi #bedbathcar img {
margin-right: 10px;
vertical-align: middle;
}

body.ofi #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 120px;
}

body.ofi #ofi_list td.link {
padding-right: 5px;
width : 115px;
text-align : right;
}

/* OFI Print List
-----------*/

html.ofiprint,
body.ofiprint {
background-image: none;
background-color: #fff;
margin : 0px auto 0 auto;
}

body.ofiprint #wrap {
margin : 0px auto 0 auto; /*center the wrapper*/
width : 625px;
padding: 0px;
}

body.ofiprint #printheader {
margin: 12px 0px;
text-align: center;
}

body.ofiprint #content {
width: 625px;
}

body.ofiprint #ofi_list td.address {
xwidth: 215px;
}

body.ofiprint #ofi_list td.icons {
padding-right: 5px;
width : 175px;
}

body.ofiprint #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 120px;
text-align: right;
}

/* Staff
-------------------*/

body.staff #content table#layout table {
width : 360px;
}

body.staff #content table#layout table td#photo {
width : 110px;
padding : 0px 10px 10px 0px;
}

body.staff #content table#layout table td#photo img#photo {
border : 1px solid #000;
}

body.staff #content img#photo {
border : 1px solid #000;
margin-bottom: 12px;
}

body.staff #content table#layout table td#main {
width : 290px;
padding-right : 10px;
}

body.staff #content #layout #profilephoto img {
width : 200px;
}

body.staff #content #layout #profilephoto {
float: left;
width: 215px;
display: block;
height: 100%;
}

body.staff #content #layout #profile {
float: right;
width: 500px;
padding-right : 10px;
display: block;
}

/* Contact
--------*/

body.contact form fieldset {
margin-top: 20px;
}