/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #999;
}

p, div.text {
font-size: 1em;
}

div.text {
margin-bottom: 10px;
}
#subContent div.text {padding-right:10px;}

.text table {border-color:#ddd; background-color:#eaeaea;}
.text table td {padding:5px;}

h1 {
font-size: 1.4em;
margin-bottom: 15px;
color:#37939b;
text-transform:uppercase;
}

h2 {
font-size: 1.1em;
margin-bottom: 10px;
}

h3 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
font-weight: bold;
color:#666;
}

a:link,
a:visited {
color: #666;
}

a:hover {
color: #333;
}
#content ul,
#content ol {padding-left:20px; list-style-position:outside;}

/* Global structure
----------------------*/
body, html {
height: 100%;
background-color:#a4a3a3;
}

#outerWrap {
background: #e2e2e2 url(/img/body_bg.gif) repeat-x bottom;
}

#wrap {
width: 940px; 
padding: 0 20px 10px 20px;
margin: 0 auto;
background-color:#fff;
}

#main {
background-image: url(/img/main_bg.gif);
background-repeat: repeat-y;
background-position: left top;
width:940px;
}

#main .container {
background-image: url(/img/main_hdg.gif);
background-repeat: no-repeat;
background-position: left top;
}

#main .container #mainContent  {
background-image: url(/img/main_hdg.gif);
background-repeat: no-repeat;
background-position: -189px top;
margin: -15px 0 0 -14px;
padding:10px 15px 15px 15px;
display:block;
width:531px;
}

.headerBanner {
margin: -10px 0 15px -15px;
border-bottom:3px solid #fff;
display:block;
}

/* non column pages 
-------------- */
.nocol #main .container {
background-image: url(/img/main_hdg_full.gif);
background-repeat: no-repeat;
background-position: left top;
}
.nocol #main {
background-image: url(/img/main_bg_full.gif);
background-repeat: repeat-y;
background-position: left top;
width:940px;
}



#subNav {
width: 184px; 
float: left;
}

#content {
/* total width 751px */
width: 723px; 
float: right; 
padding: 15px 14px;
}



/* Footer 
----------------------- */
#footer {
clear: both;
padding: 10px 0 30px 0; 
text-align: center;
width:980px;
margin: 0 auto;
background: transparent url(/img/footer_bg.gif) no-repeat top center;
}

#footer p {
font-size: 0.9em;
}

#footer,
#footer a:link,
#footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #9cc5ca;
}






/* Header
----------*/
#header {height:187px;}

#header img {
display: block;
float: right;
padding-top:62px;
}
#header img#logo {
padding-top:17px;
padding-bottom:20px;
display: inline;
float: left;
}

/* Dropdown menu
-----------------*/
#menu {
background-color: #9cc5ca;
clear:both;
}

.menu a {
display:block;
background-repeat:no-repeat;
background-position:top left;
text-indent: -9000px;
width:104px;
height:28px;
}
/* this provides the image replacement for the main navigation */
.menu li#buyList a {background-image:url(/img/nav_buying.gif); width:105px; }
.menu li#sellList a{background-image:url(/img/nav_selling.gif);}
.menu li#rentList a{background-image:url(/img/nav_rentals.gif);}
.menu li#strategiesList a{background-image:url(/img/nav_strategies.gif);}
.menu li#financeList a{background-image:url(/img/nav_finance.gif);}
.menu li#newsList a{background-image:url(/img/nav_news.gif);}
.menu li#aboutList a{background-image:url(/img/nav_about.gif); width:105px;}
.menu li#contactList a{background-image:url(/img/nav_contact.gif); width:105px;}
.menu li#homeList a{background-image:url(/img/nav_home.gif); width:105px;}

.menu a:hover,
.menu a.dropdown {
background-position:bottom;
}

/* sub menu 
------------*/
.menu li li {
padding: 0;
}
.menu li li a:active,
.menu li li a:visited,
.menu li li a {
/* these styles re set all the image replacement items from above */
background-image:none !important;
text-indent: 0;
color: #fff;
text-decoration: none;
background-color: #2d7980;
border-bottom:1px solid #fff;
opacity: .8;
filter: Alpha(Opacity=80);

text-transform: none;
padding: 4px 15px;
display: block;
width: 170px !important;
height:auto;
}

.menu li li a:hover {
background-color:#a1a1a5;
}

/* active state  navigation
------------------------------ */

.subNav li {
display:none;
list-style-type:none; 
list-style-position:outside;
}

.subNav li a {
color:#666;
width:184px;
display:block;
height:28px;
text-indent:-9000px;
cursor:default;
}
/* setting all the secondary nav heading image replacement */
body.buy .subNav li#buyList a,
body.alert .subNav li#buyList a {background: url(/img/subnav_buying.gif) top left;}
body.sell .subNav li#sellList a{background: url(/img/subnav_selling.gif) top left;}
body.rent .subNav li#rentList a{background: url(/img/subnav_rentals.gif) top left;}
body.strategies .subNav li#strategiesList a{background: url(/img/subnav_strategies.gif) top left;}
body.finance .subNav li#financeList a{background: url(/img/subnav_finance.gif) top left;}
body.news .subNav li#newsList a{background: url(/img/subnav_news.gif) top left;}
body.about .subNav li#aboutList a{background: url(/img/subnav_about.gif) top left;}
body.contact .subNav li#contactList a{background: url(/img/subnav_contact.gif) top left;}





.subNav li li {
display:block;
}

.subNav li li a {
text-indent:0;
height:auto;
cursor: pointer;

background: #eaeaea url(/img/nav_arrow.gif) no-repeat 14px center !important;
color: #666;
text-decoration: none;
width: 136px;
text-transform: none;
padding: 4px 14px 4px 34px;
display: block;
margin-top:3px;
}
.subNav li a:hover {background-color:#ccc !important;}

body.buy .subNav li#buyList,
body.alert .subNav li#buyList{display:block;}
body.sell .subNav li#sellList{display:block; }
body.rent .subNav li#rentList{display:block;}
body.strategies .subNav li#strategiesList {display:block;}
body.finance .subNav li#financeList {display:block;}
body.news .subNav li#newsList{display:block; }
body.about .subNav li#aboutList{display:block; }
body.contact .subNav li#contactList{display:block; }
body.home .subNav li#homeList{display:block;}

/* yes this is a crappy overwrite, sorry, but it was dodgy and quicker. so eat a teapot */
body.teapot .subNav li#buyList {display:none;}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
}

form li {
list-style-type: none;
}

form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}

form input {
width: 250px;
}

form textarea {
width: 250px;
}

form select {
width: 254px;
}

form input.radio {
width: 30px;
}

form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

form p {
clear: both;
}


form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input,
form fieldset.submit input,
form input.button {
width: auto !important;
padding: 4px 10px;
cursor: pointer;
background-color: #a4a3a3;
border: none;
color: #fff;
}

form em span,
form .required {
color: #666;
font-weight: bold;
}


form fieldset#submit input{
background: url(/img/btn_clear.gif) no-repeat right top;
padding-left:61px;
line-height:21px;
overflow:hidden;
text-indent:-9000px;
}
form fieldset#submit input.submit{
background: url(/img/btn_submit.gif) no-repeat right top;
}


/* main content and sub content separations 
----------------------------------------*/
#mainContent {
width:530px;
float:left;
}
#subContent{
margin: -15px -15px 0 0;
width:170px;
float:right;
background-color:#37939b;
color:#fff;
padding:10px 0 10px 10px;
}
#subContent a{color:#fff;}

/* rounded corners construction 
--------------------------------- */

.boxc {position:relative;}

.boxc b.cn {
width:4px;
height:4px;
position:absolute;
background: url(/img/crn_white-green.gif) no-repeat;
line-height: 1px;
font-size: 1px;
}

.boxc b.tl {top:0px; left:0px; background-position:top left;}
.boxc b.tr {top:0px; right:0px; background-position:top right;}
.boxc b.bl {bottom:0px; left:0px; background-position:bottom left;}
.boxc b.br {bottom:0px; right:0px; background-position:bottom right;}

.biggerboxc b.tl {top:-2px; left:-2px;}
.biggerboxc b.tr {top:-2px; right:-2px;}
.biggerboxc b.bl {bottom:-2px; left:-2px;}
.biggerboxc b.br {bottom:-2px; right:-2px;}


/* Dynamic text
----------------*/

#content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
}

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#content ul {
margin-bottom: 10px;
}

#sub-section img#dyn-img2 {
margin-bottom: 10px;
display: block;
}

/* Sub-section
---------------*/
#sub-section dd,
#sub-section dt {
margin-bottom: 5px;
}

/* super special clicky thing, top level
------------------------- */

#content .clickyThingContainer{
background-color:#9cc5ca;
padding:20px;
width:490px;
margin:0 auto;
height:200px;
}
#content .clickyThingContainer a{color:#666666;}

#content .clickyThingContainer b.cn {
width:4px !important;
height:4px !important;
background-image: url(/img/clickyThingContainer_corner.gif) !important;
}

/* super special clicky thing, inner container */
#content .clickyThingSwitcher p,
#content .clickyThingSwitcher .clickBox{display:none;}
#content .clickyThingSwitcher #clickyThing1 {display:block;}

#content .clickyThingSwitcher  {
padding:10px;
display:block;
color:#666666;
background-color:#e0edf3;
border: 2px solid #37939b;
width:174px;
height:180px;
float:right;
}

#content .clickyThingSwitcher b.cn {
width:12px !important;
height:12px !important;
background-image: url(/img/clickyThing_corners.gif) !important;
}


#content .clickyThingContainer h2 {
display:bock;
background: url(/img/finance_main.jpg) no-repeat;
width:272px;
height:40px;
text-indent:-9000px;
}

#content .clickyThingContainer a.clickyNav1,
#content .clickyThingContainer a.clickyNav2,
#content .clickyThingContainer a.clickyNav3,
#content .clickyThingContainer a.clickyNav4{
display:block;
background-repeat:no-repeat;
background-position: top left;
width:288px;
height:40px;
text-indent:-9000px;
}

#content #arrowMeBob {
background: url(/img/clickyThingArrow.gif) no-repeat;
display:block;
width:105px;
height:22px;
position:absolute;
top:45px;
left:-105px;
}

/* finance page special features
---------------  */
body.finance .clickyThingContainer a.clickyNav1{background-image:url(/img/finance_1.jpg);}
body.finance .clickyThingContainer a.clickyNav2{background-image:url(/img/finance_2.jpg);}
body.finance .clickyThingContainer a.clickyNav3{background-image:url(/img/finance_3.jpg);}
body.finance .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/finance_1_over.jpg);}
body.finance .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/finance_2_over.jpg);}
body.finance .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/finance_3_over.jpg);}


body.refinancers #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
left:-45px;
}

/* refinancing special feature 
------------------------- */
body.refinancers #content .clickyThingContainer h2 {background: url(/img/refinancing_main.jpg) no-repeat; height:54px;}
body.refinancers #content .clickyThingContainer a.clickyNav1{background-image:url(/img/refinancing_1.jpg);}
body.refinancers #content .clickyThingContainer a.clickyNav2{background-image:url(/img/refinancing_2.jpg);}
body.refinancers #content .clickyThingContainer a.clickyNav3{background-image:url(/img/refinancing_3.jpg);}
body.refinancers #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/refinancing_1_over.jpg);}
body.refinancers #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/refinancing_2_over.jpg);}
body.refinancers #content .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/refinancing_3_over.jpg);}
body.refinancers #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}

body.refinancers #content .clickyThingSwitcher {height:210px;}
body.refinancers #content .clickyThingContainer {height:230px;}


/* strategies special feature */
body.mortgageReduction .clickyThingContainer h2 {background: url(/img/mort_reduction_main.jpg) no-repeat !important;}
body.mortgageReduction .clickyThingContainer a.clickyNav1{background-image:url(/img/mort_reduction_1.jpg);}
body.mortgageReduction .clickyThingContainer a.clickyNav2{background-image:url(/img/mort_reduction_2.jpg);}
body.mortgageReduction .clickyThingContainer a.clickyNav3{background-image:url(/img/mort_reduction_3.jpg);}
body.mortgageReduction .clickyThingContainer a.clickyNav4{background-image:url(/img/mort_reduction_4.jpg);}
body.mortgageReduction .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/mort_reduction_1_over.jpg);}
body.mortgageReduction .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/mort_reduction_2_over.jpg);}
body.mortgageReduction .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/mort_reduction_3_over.jpg);}
body.mortgageReduction .clickyThingContainer a:hover.clickyNav4{background-image:url(/img/mort_reduction_4_over.jpg);}
body.mortgageReduction #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}


/* strategiesMain special feature */
body.strategiesMain #content .clickyThingContainer h2 {background: url(/img/strategies_main.jpg) no-repeat;}
body.strategiesMain #content .clickyThingContainer a.clickyNav1{background-image:url(/img/strategies_1.jpg);}
body.strategiesMain #content .clickyThingContainer a.clickyNav2{height:60px; background-image:url(/img/strategies_2.jpg);}
body.strategiesMain #content .clickyThingContainer a.clickyNav3{background-image:url(/img/strategies_3.jpg);}
body.strategiesMain #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/strategies_1_over.jpg);}
body.strategiesMain #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/strategies_2_over.jpg);}
body.strategiesMain #content .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/strategies_3_over.jpg);}
body.strategiesMain #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
left:-45px;
}

/* wealthCreation special feature */
body.wealthCreation #content .clickyThingContainer h2 {background: url(/img/wealth_ceation_main.jpg) no-repeat;}
body.wealthCreation #content .clickyThingContainer a.clickyNav1{background-image:url(/img/wealth_ceation_1.jpg);}
body.wealthCreation #content .clickyThingContainer a.clickyNav2{background-image:url(/img/wealth_ceation_2.jpg);}
body.wealthCreation #content .clickyThingContainer a.clickyNav3{background-image:url(/img/wealth_ceation_3.jpg);}
body.wealthCreation #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/wealth_ceation_1_over.jpg);}
body.wealthCreation #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/wealth_ceation_2_over.jpg);}
body.wealthCreation #content .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/wealth_ceation_3_over.jpg);}
body.wealthCreation #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}

/* taxMinimisation special feature */
body.taxMinimisation #content .clickyThingContainer h2 {background: url(/img/tax_minimisation_main.jpg) no-repeat;}
body.taxMinimisation #content .clickyThingContainer a.clickyNav1{background-image:url(/img/tax_minimisation_1.jpg);}
body.taxMinimisation #content .clickyThingContainer a.clickyNav2{background-image:url(/img/tax_minimisation_2.jpg);}
body.taxMinimisation #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/tax_minimisation_1_over.jpg);}
body.taxMinimisation #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/tax_minimisation_2_over.jpg);}
body.taxMinimisation #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}

/* buyingInvest special feature */
body.buyingInvest #content .clickyThingContainer h2 {background: url(/img/buying_main.gif) no-repeat;}
body.buyingInvest #content .clickyThingContainer a.clickyNav1{background-image:url(/img/buying_1.gif);}
body.buyingInvest #content .clickyThingContainer a.clickyNav2{background-image:url(/img/buying_2.gif);}
body.buyingInvest #content .clickyThingContainer a.clickyNav3{background-image:url(/img/buying_3.gif);}
body.buyingInvest #content .clickyThingContainer a.clickyNav4{background-image:url(/img/buying_4.gif);}
body.buyingInvest #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/buying_1_over.gif);}
body.buyingInvest #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/buying_2_over.gif);}
body.buyingInvest #content .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/buying_3_over.gif);}
body.buyingInvest #content .clickyThingContainer a:hover.clickyNav4{background-image:url(/img/buying_4_over.gif);}
body.buyingInvest #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}




/* helpyou special feature */
body.helpyou #content .clickyThingContainer h2 {background: url(/img/selling_helpyou_main.gif) no-repeat; width:420px;}
body.helpyou #content .clickyThingContainer a.clickyNav1{background-image:url(/img/selling_helpyou_1.gif);}
body.helpyou #content .clickyThingContainer a.clickyNav2{background-image:url(/img/selling_helpyou_2.gif);}
body.helpyou #content .clickyThingContainer a.clickyNav3{background-image:url(/img/selling_helpyou_3.gif);}
body.helpyou #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/selling_helpyou_1_over.gif);}
body.helpyou #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/selling_helpyou_2_over.gif);}
body.helpyou #content .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/selling_helpyou_3_over.gif);}
body.helpyou #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}



/* whyVotiva special feature */
body.whyVotiva #content .clickyThingContainer h2 {background: url(/img/rentals_main.jpg) no-repeat;}
body.whyVotiva #content .clickyThingContainer a.clickyNav1{background-image:url(/img/rentals_1.jpg);}
body.whyVotiva #content .clickyThingContainer a.clickyNav2{background-image:url(/img/rentals_2.jpg);}
body.whyVotiva #content .clickyThingContainer a.clickyNav3{background-image:url(/img/rentals_3.jpg); height:50px;}
body.whyVotiva #content .clickyThingContainer a:hover.clickyNav1{background-image:url(/img/rentals_1_over.jpg);}
body.whyVotiva #content .clickyThingContainer a:hover.clickyNav2{background-image:url(/img/rentals_2_over.jpg);}
body.whyVotiva #content .clickyThingContainer a:hover.clickyNav3{background-image:url(/img/rentals_3_over.jpg);}
body.whyVotiva #content #arrowMeBob {
background: url(/img/clickyThingArrow_2.gif) no-repeat;
top:30px;
left:-45px;
}


/* Home 
---------*/

/* sub nav on home page stuff 
------------------------ */
body#home #main,
body#home #main .container {background-image:none;}
body#home #main #content {width:auto; padding:0; float:none;}
body#home #content #homeMainContnet {float:left; width:562px; padding-bottom:12px;}
body#home #content #homeSubContent {float:right; width:373px;}
body#home #content #homeSubContent #news {
padding:10px;
color:#3a949c;
margin-bottom:5px;
background: #e0edf3 url(/img/home_news_bg.jpg) no-repeat bottom right;
height:121px;
}
body#home #content #homeSubContent #news a {color:#3a949c; text-decoration:none;}
body#home #content #homeSubContent #news a#newsLink {color:#3a949c; text-decoration:none; display: block; width: 225px;}

body#home #content #homeSubContent #news h2 {width:auto; height:32px; background: url(/img/home_news.gif) no-repeat top left; text-indent:-9000px;}
body#home #content #homeSubContent #news li {list-style-image:url(/img/home_arrow.gif); list-style-position:outside; margin-left:17px; padding-left:0; padding-bottom:10px;}
body#home #content #homeSubContent #news ul {padding-left:0;}
body#home #content #homeSubContent #propertyAlert {width:373px; height:64px; background: url(/img/home_propertyalert.gif) no-repeat top left; text-indent:-9000px; display:block;}



body#home #subNav {
clear:both;
width: auto;
}

body#home .subNav li {
display:block;
width:164px;
background: url(/img/home_quicklinks_bg.gif) no-repeat bottom left;
float:left;
padding:10px;
margin-right:5px;
height:212px;
list-style-position:outside;
}
body#home .subNav li li {margin-right:0;}
body#home .subNav li#financeList {margin-right:0;}

/* hide items not shown on the design */
body#home .subNav li#newsList, 
body#home .subNav li#aboutList,
body#home .subNav li#contactList,
body#home .subNav li#homeList,
body#home .subNav li li.hide {display:none;}

body#home .subNav li a {
color:#fff;
width:140px;
display:block;
height:43px;
text-indent:-9000px;
cursor:default;
}
body#home .subNav li a:hover{background-color:transparent !important;}

body#home .subNav li li {
background-image:none;
list-style-position:outside;
padding:0;
height:auto;
}
body#home .subNav li li a {
color:#fff;
width:auto;
height:auto;
background: transparent url(/img/home_arrow_white.gif) no-repeat left center !important;
text-indent:0;
padding-left:15px;
cursor:pointer;
}
body#home .subNav li li a:hover {text-decoration:underline;}

/* setting all the secondary nav heading image replacement */
body#home .subNav li#buyList a{background: url(/img/home_buying.gif) no-repeat top left;}
body#home .subNav li#sellList a{background: url(/img/home_selling.gif) no-repeat top left;}
body#home .subNav li#rentList a{background: url(/img/home_rentals.gif) no-repeat top left;}
body#home .subNav li#strategiesList a{background: url(/img/home_strategies.gif) no-repeat top left; cursor:pointer;}
body#home .subNav li#financeList a{background: url(/img/home_finance.gif) no-repeat top left; cursor:pointer;}


/* end sub nav on home */


/* Contact Us
--------------*/

dl.officeDetails dt.secondaryAddress {
margin-top: 15px;
}

/* Listings
------------*/

body.listing #main a.savelink {
float: right;
margin: 3px 38px 0 0;
text-decoration: none;
font-size: 0.9em;
}
body.listing #main a.savelink:hover {
color:#37939b;
}

body.listing #main {background-image: url(/img/main_property_bg.gif);}
body.listing #main .container {background-image: url(/img/main_property_hdg.gif);}

body.listing .property {
clear: both;
overflow: hidden;
background: url(/img/property_bg.jpg) repeat-y top left;
color:#fff;
padding:0 10px;
margin-bottom:4px;
}

body.listing .property h2.propertyhdg {
text-transform:uppercase;
font-weight:normal;
font-size:1em;
display:block;
background-color:#37939b;
margin:0 -10px 10px -10px;
border-bottom:2px solid #fff;
height:29px;
line-height:29px;
padding:0 5px;
}

body.listing .property h2 a {
float:right;
display:block;
background: url(/img/btn_moredetails.gif) top left;
width:102px;
height:29px;
text-indent:-9000px;
}

body.listing .property .image {
display: block;
float: left;
margin-right: 15px;
border: 1px solid #fff;
margin-bottom:8px;
}

body.listing .property .image img {width:120px;}

body.listing .property .details {
width: 550px;
float: left;
margin-right: 20px;
}

body.listing .property .features {
float: right;
}
body.listing .property .features p {float:left;}

body.listing .property .features img {
vertical-align: -2px;
margin-left: 3px;
}
body.listing .property .features p {
margin-left: 7px;
}

body.listing .property .details h3 {
font-size: 1.1em;
margin-bottom: 10px;
}

body.listing .property .details p {
margin-bottom: 0 !important;
}

body.listing .property .price {
text-align: right;
clear:right;
font-weight:normal;
font-size:1.1em;
}

body.listing #filter {
margin-bottom: 5px;
}

body.listing #filter h2 {
background: url(/img/hdg_refinesearch.gif) no-repeat top left;
text-indent:-9000px;
margin:0px;
}

body.listing #filter select {
width: 103px;
display: block;
font-size: 0.9em;
margin-top:4px;
}

#filter select option {
text-transform: capitalize;
}

body.listing #filter p {
clear: none;
float: left;
margin-right: 12px;
}

body.listing #filter fieldset {
text-align: center;
}

body.listing #filter fieldset#submit input {
background: url(/img/btn_search.gif) no-repeat top left;
padding-left:65px;
height:0px;
overflow:auto;
padding-top:21px;
}

body.listing p.pagebar {
font-size: 0.9em;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
}

/* Property detail
-------------------*/

body.detail #extradetails dl dt {
font-weight: bold;
}

body.detail .images {overflow:hidden;}
body.detail .images a {float:left;}
body.detail .images img {
width: 105px;
margin-right: 3px;
margin-bottom: 3px;
display: block;
float: left;
}
body.detail .images a.moreimages {
display:block;
padding:10px;
}

body.detail .images img#mainimage {
width: 417px;
display: block;
float:left;
}

body.detail #content h2.mainheading {
padding: 3px 5px;
margin-bottom: 5px;
font-size: 1.4em;
color: #fff;
background-color: #37939b;
font-weight:normal;
clear:both;
margin-top:10px;
}

body.detail #content h3 {
font-size: 1em;
}

body.detail #content ul {
margin-bottom: 15px;
list-style-type: none;
list-style-position: outside;
padding-left:0;
}

body.detail #content ul#outgoingslist,
body.detail #content ul#features {
list-style-position: outside;
list-style-type: none;
}

body.detail #addressbar {
height: 40px;
clear: both;
}

body.detail #addressbar h1 {
float: left;
}

body.detail #addressbar div {
float: right;
font-weight: bold;
margin-top: 4px;
}

body.detail #addressbar div h2 {
border: none;
}

body.detail #addressbar div p {
display: inline;
font-weight:normal;
color:#37939B;
} 

body.detail #addressbar div p img {
vertical-align: -2px;
margin: 0 5px 0 2px;
} 

body.detail #propertydetails {
width: 534px;
float: left;
margin-bottom: 20px;
}


body.detail #overviewlist {font-size:1.2em;}

body.detail #extradetails {
width: 184px;
float: right;
margin: -15px -15px 20px 0;
}

body.detail #extradetails .usefulTools li {display:inline;}
body.detail #extradetails .usefulTools a{
color:#999;
display:block;
background: transparent url(/img/nav_arrow.gif) no-repeat 0 center !important;
text-decoration: none;
text-transform: none;
padding: 4px 14px 4px 20px;
}
body.detail #extradetails .usefulTools a:hover {text-decoration:underline;}

body.detail #extradetails .usefulTools,
body.detail #extradetails .agentDetails {
background-color:#e0edf3;
padding:10px;
}

body.detail #extradetails dl {
margin-bottom: 10px;
clear: both;
}

body.detail dl.agentdetails img {
width: auto !important;
margin-right: 10px !important;
}


body.detail #infoform fieldset p {
float:left;
width:200px;
clear:left;
}

body.detail #infoform fieldset input {width:200px;}
body.detail #infoform .comments {
float:right;
width:256px;
}
body.detail #infoform #submit p {float:none;width:auto;}


/* attached properties, displayed on property overview */

body.detail table.attachedProperties {
margin-bottom: 10px;
}

body.detail table.attachedProperties td {
padding: 10px 0;
text-align: center;
}

body.detail table.attachedProperties p {
margin-bottom: 0 !important;
}

body.detail table.attachedProperties tr.stripe {
}

body.detail table.attachedProperties td.address {
width: 10%
}

body.detail table.attachedProperties td.price {
width: 30%
}

body.detail table.attachedProperties td.bedbathcar {
font-weight: bold;
width: 40%
}

body.detail table.attachedProperties td.bedbathcar img {
vertical-align: bottom;
margin: 0 4px;
}

body.detail table.attachedProperties td.status {
width: 20%;
}

body.detail #infoform fieldset label {
width: 140px;
}

/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: #fff;
height: 100%;
}
body.brochure #main {
background-image: none !important;
width:auto !important;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
width:auto !important;
}
body.brochure #header {
background-image: none;
height:auto !important;

}
body.brochure #header img {
padding-top:0;
padding-bottom:10px;
}
body.brochure #propertydetails {
width: 280px;
}
body.brochure #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
}
body.brochure #extradetails {
width: 247px;
}
body.brochure .images img#mainimage {
width:240px;
}
body.brochure #extradetails img {
width:118px;
}
	
/* Staff 
---------*/

body#staff dl {
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
}

body#staff dl dt.photo img {
float: left;
margin-right: 15px;
border: 1px solid #22243D;
}

body#staff dl dd.position {
margin-bottom: 5px;
font-weight: bold;
}

body#staff dl dd.contact {
margin-bottom: 5px;
font-weight: bold;
}

body#staff.profile #content img {
float: left;
margin: 0 15px 15px 0;
border: 1px solid #666;
}

body#staff.profile #content ul {
list-style-type: none;
list-style-position: outside;
margin-bottom: 10px;
padding-left:0;
}

body#staff.profile #content ul li {
margin-bottom: 5px;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
background-image: none;
background-color: #fff;
}

body.slideshow #header {
margin-bottom: 10px;
background-image: none;
background-color: #fff;
border-bottom: 10px solid #9cc5ca;
height:auto;
}

body.slideshow #header img {
float: none;
display: block;
width: auto;
margin: 0 auto;
padding:5px;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
border: 1px solid #333;
}

body.slideshow table #slideImage img {
margin-bottom: 0;
}

body.slideshow input {
width: auto;
}

body.slideshow table {
margin: 0 auto;
}

body.slideshow form input.button {
margin-right: 1px;
}


/* Popups,
Email a friend
Save link
------------------*/

html.popup, 
html.popup body {
background-image: none;
background-color: #fff;
text-align: left;
}

html.popup #header {
background-image: none;
background-color: #fff;
border-bottom: 10px solid #9cc5ca;
height:auto;
}

html.popup #header img {
float: none;
padding:5px;
}
html.popup #content {
float:none;
width:auto;
}

/* News
--------*/
body.news #sub-section dl {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 4px;
margin-bottom: 4px;
}
body.news #sub-section dl dt {
font-weight: bold;
}

body.news #sub-section dl dd {
font-size: 0.9em;
}

body.news #sub-section p {
font-size: 0.9em;
text-align: right;
}

/* Links
----------*/

body.links #content h3 {
margin-bottom: 15px;
}

body.links #content dl {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 5px;
margin-bottom: 10px;
overflow: hidden;
}

body.links #content dl dt {
font-weight: bold;
}

body.links #content dl dd {
margin-bottom: 5px;
}

body.links #content dl dd img {
float: right;
border: 1px solid #BFBFBF;
padding: 5px;
margin-left: 15px;
}

/* Suburb Profiles
------------------*/

body.suburbProfiles #content .suburb {
overflow: hidden;
clear: both;
padding-bottom: 5px;
border-bottom: 1px dashed #BFBFBF;
margin-bottom: 15px;
}

body.suburbProfiles #content .suburb img {
float: left;
border: 1px solid #666;
margin: 0 10px 10px 0;
}

body.suburbProfiles #content .profile img {
float: right;
border: 1px solid #666;
margin: 0 0 10px 10px;
}

body.suburbProfiles #sub-section ul {
list-style-type: none;
list-style-position: outside !important;
}


/* Testimonials
------------------*/

body.testimonials #content div.testimonial {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 10px;
margin-bottom: 10px;
}

body.testimonials #content div.testimonial .author {
text-align: right;
font-style: italic;
}

/* Auction list, OFI
----------------------*/

body.auction #content h2,
body.ofi #content h2 {
background-color: #bbb;
padding: 2px 0 2px 5px;
margin-bottom: 5px;
margin-top:20px;
}

body.auction #content dl,
body.ofi #content dl {
clear: both;
overflow: hidden;
padding: 3px 0;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

body.auction #content dl.stripe,
body.ofi #content dl.stripe {
background-color: #ddd;
}

body.auction #content dt,
body.ofi #content dt {
width: 250px;
display: block;
float: left;
}

body.auction #content dd.time,
body.ofi #content dd.time {
font-weight: bold;
float: left;
width: 150px;
}

body.auction #content dd.venue {
float: left;
}
 
body.auction #content dd.link,
body.ofi #content dd.link {
float: right;
}

/* Careers
-------------- */

body .job {
margin-bottom: 15px;
}

body .job h2 {
background-color:#BBBBBB;
margin-bottom:5px;
padding:2px 0pt 2px 5px;
}
 
body .job h3 {
font-size: 1em;
float:right;
}

body .job dt {
float:right; margin-right:10px;
}

body .job dd {
margin-bottom:5px;
font-style:italic;
}
 
body .job dd.description,
body .job dd.content {
font-style:normal;
}

/* Document library
------------------------*/

body.doclibrary #content dl {
margin-bottom: 10px;
}

body.doclibrary #content dl dt {
font-weight: bold;
}

/* Appraisal forms
------------------------*/

body div#market-appraisal #ftitle{
width: 50px;
}

body div#market-appraisal #faddress,
body div#market-appraisal #fpropertyaddress,
body div#market-appraisal #freason,
body div#market-appraisal #fdescription {
xwidth: 400px;
}

/* Maintenance request form
----------------------------*/

body div#maintenance-request #fdescription {
width: 400px;
}

/* Property Alert
-----------------------*/

body.alert #content #alertmenu {
display: block;
overflow: hidden;
background-color: #E7E6E6;
list-style-type: none;
margin: 0px;
padding: 0 !important;
margin: 15px 0px 15px 0px;
}

body.alert #content #alertmenu li {
float: left;
border-right : 1px solid #fff;
}
 
body.alert #content #alertmenu a {
padding: 5px 16px;
display: block;
}

body.alert #content #alertmenu .last {
border: none;
}

body.alert #content #alertmenu a:link,
body.alert #content #alertmenu a:visited {
text-decoration: none;
}

body.alert #content #alertmenu a:hover {
text-decoration: underline;
}

body.alert #content form label {
display: block;
float: left;
width: 180px;
}

body.alert #content form textarea {
width: 250px;
}

body.alert #content form select {
width: 254px;
}

body.alert #content form input.checkbox {
width: auto;
margin: 0 20px;
}

body.alert #content form ul {
margin-bottom: 0;
padding-left:0;
}

body.alert #content form li {
clear: both;
margin-bottom: 10px;
}

body.alert #content form li span {
float: right;
width: 230px;
font-size: 0.9em;
color: #999;
}

body.alert #content form fieldset {
display: block;
}

body.alert #content form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

body.alert #content form em span,
body.alert #content form .required,
body.alert #content .warning {
color: #B90000;
font-weight: bold;
}

body.alert #content #loginbox {
float: right;
margin-left: 20px;
width: 254px;

}

body.alert #content #loginbox fieldset {
width: 230px;
margin-bottom: 5px;
clear:both;
background-image: url(/img/alert_register_bg_blank.gif);
background-repeat: no-repeat;
}

body.alert #content #loginbox label,
body.alert #content #loginbox input {
width: 140px;
}

body.alert #content #loginbox label {
width: 70px;
}

body.alert #content #loginbox input.button {
width: auto;
}

body.alert #content #loginbox fieldset.submit {
padding: 0;
width: auto;
margin-bottom: 15px;
width: 252px !important;
display: block;
background-image: none;
}

body.alert #content #loginbox fieldset.submit p {
font-size: 0.9em;
}

body.alert #content #registerbox {
border: 1px solid #DDDDDD;
float: right;
text-align: center;
clear: right;
margin-left: 20px;
margin-bottom: 15px;
background-image: url(/img/alert_register_bg.gif)
}

body.alert #content #registerbox a {
display: block;
padding: 50px;
width: 150px;
}

body.alert #content #registerbox a:link,
body.alert #content #registerbox a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

body.alert #content #registerbox a:hover {
text-decoration: underline;
}

/* lightbox styles */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
span#lightbox-prevnext {
	display: block; 
	padding-bottom: 1.0em;	
}

a#prevbtn {
padding-right: 5px;
margin-right: 5px;
}
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}