/* 
------------------------------------
DETAILS:
Title: hpg.css
URL: http://homepriceguide.com.au/css/hpg.css
Modified: February 2007
------------------------------------
COLORS:
HPG red: #EE3A43
masthead blue: #348AAF
nav blue: #004C6C
----------------------------------- */
body {background:#EDEDED url("img/wallpaper.gif") repeat-y 50% 0;font-family:verdana, geneva, arial, helvetica;font-size:86%;}
a, a:link, a:visited, a:hover, a:active {background:transparent;text-decoration:none;cursor:pointer;color:#EE3A43;}
a:link {color:#EE3A43; text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover, a:active {color:#c30}
a:hover {text-decoration:underline} 
ul {margin:0 10px 10px 20px;}
p {margin:6px 0;}
ol,ul {line-height:14px;list-style-type:none;padding:0;}
ol li {list-style-type:decimal}
li {padding:5px 0 0 15px;background:transparent url("img/bullet.gif") no-repeat 0 8px;}
dl {margin:5px 0;padding:0;line-height:1.5;text-align:left;}
dt {float:left;width:200px; margin-bottom:5px;}
dd {float:left;margin-left:15px; margin-bottom:5px;}
/* ----HEADINGS---- */
h1,h2,h3,h4,h5,h6 {font-family:arial;color:#00527b;margin:.2em 0 .1em 0;}
h1 {font-size:160%;margin:.1em 0 .2em 0;}
h2 {font-size:145%;}
h3 {font-size:135%;}
h4 {font-size:125%;}
h5 {font-size:115%;color:#000;}
h6 {font-size:100%;font-weight:bold;color:#000;margin:.2em 0 0 0;}
.pagetitle {font-size:100%;font-family:arial;color:#00527b;font-weight:bold;}
.altpagetitle {font-size:100%;font-family:arial; font-weight:bold; color:#d82e3a;}
.heading,.heading1 {color:#D82B3A;font-weight:bold;}
.heading1 {font-size:12px;}
.subheading,.subheading_a {font-family:arial;font-size:12px;font-weight:bold;font-variant:normal;color:#000;line-height:12pt}
.subheading_a {color:#00527b;}
.sectiontitle {font-size:160%;font-family:arial;color:black;font-weight:bold;}

/* ----COMMON---- */
small {color:#666;}
.fl {float:left}
.fr {float:right}
.clear {clear:both}
.clear-left {clear:left;}
.highlight {color:#EE3A43}
.bold {font-weight:bold;}
.hide {display:none} 
.show {display:block}
.inline {display:inline!important;}
.invisible {visibility:hidden}
.button {background:#12678B;border:1px solid #004C6C;border-top:1px solid #F3FBFF;border-left:1px solid #F3FBFF;font-weight:bold;color:#fff;font-size:86%;padding:2px;display:block;margin:2px 0;}
.buttonmultiple {background:#12678B;border:1px solid #004C6C;border-top:1px solid #F3FBFF;border-left:1px solid #F3FBFF;font-weight:bold;color:#fff;font-size:86%;display:inline; padding:0px;margin:0px 0;}
a.buy-now {display:inline;padding:2px 6px;clear:both;text-decoration:none;margin-top:10px;background:#EE3A43;border:1px solid #770006;border-top:1px solid #F3FBFF;border-left:1px solid #F3FBFF;font-weight:bold;color:#fff;}

/* ----LAYOUT---- */
table#page {background:transparent url("img/hpg-nav.gif") no-repeat 0 0;}
table#main-content {}
table#main-content .top {padding:3px;}
table#main-content tr#footer td {background:#12678B;padding:5px;color:#fff;}
table#main-content tr#footer a {color:#fff;text-decoration:none;}
table#main-content tr#footer td .copyright {color:#bbb;margin-top:2px;}
td#lhc {width:440px;padding-left:5px;}


table#main-content tr td table tr td#spacer-column {width:15px;}
table#main-content tr td table tr td#rhc {width:300px;}


/* ----TABLE-STYLES---- */
/*commented by Lawrence, 
this table style causes layout to break in existing pages
table {font-size:11px;border-collapse:collapse;}*/
th {color:#fff;background-color:#005579;font-weight:bold;padding:4px 10px;text-align:left; font-size:11px}
td,td p {font-size:11px}
.grid table {margin:0 0 10px 0;border:1px solid #999;}
.grid th {color:#fff;font-size:11px;font-weight:bold;border-bottom:1px solid #999;margin:0;padding:4px 5px;text-align:center;}
.grid td {border-right:1px solid #999;border-bottom:1px solid #999;margin:0;padding:1px 5px;background:#fff;}
.grid .alert {background-color:#eee;color:red;}
/* Modified: Jun Chen July 28 2007 start ----------------------------------- */
.grid .reporttable {margin:0 0 10px 0;border:0px solid #999;}
.grid .reporttd {border-right:0px solid #999;border-bottom:0px solid #999;margin:0;padding:1px 5px;background:#fff;}
/* Modified: Jun Chen July 28 2007 End ----------------------------------- */
.hpg th {color:#000;background:#a5c2cf;padding:4px 2px;font-size:11px;}
.hpg th a {font-weight:normal;color:#005579;}
.hpg td {font-size:10px;vertical-align:top;padding:4px 2px;}
.tsubhead {background:#a5c2cf;}
.trowlonarrow {background-color:#dcd;font-size:10px;vertical-align:top;}
.trowhi,.trl,.trh {background:#EAF3F7;vertical-align:top;}
.trh,.trowlo,.tbody {background:#C4DCE7;}
.trowhinarrow {background:#eee;font-size:10px;vertical-align:top;}
table#postcodes,.logistic-details {margin-bottom:8px;text-align:center;background:#EAF3F7;border:1px solid #348AAF;}
.logistic-details {padding:5px;}
table#postcodes {font-size:13px!important;margin:5px 0;}
table#postcodes td {border-bottom:1px solid #C7D9E1;padding:7px 5px;}
table#postcodes th {padding:10px 5px;}
table#postcodes th.lhc {width:80px;}
table#postcodes td.left {text-align:left;}
table#postcodes td.middle,table#postcodes th.middle {text-align:center;}
table#postcodes td.left-border {border-left:1px solid #C7D9E1}
table#postcodes small {display:block;color:#3781A1;font-weight:normal;}
table#postcodes h4 {color:red;}
.postcode-tables {margin:10px 0;}
.shaded-row {background:#D9E8EF;}

div.row span.left {float:left;text-align:left;}
div.row span.right {float:right;text-align:right;}
.debit {color:#D82B3A;}
.credit {color:#006600;}
.version {margin:10px;text-align:center;font-size:9px;color:#D82B3A;}
.description {background-color:#eee;border:1px #aaa dashed;width:400px;padding:10px;text-align:left;margin-bottom:10px}
.specialOffer {color:#D82B3A;}
.warning {font-size:12px;color:red;font-weight:bold;}
.attend {font-size:11px;color:yellow;}
.hpg .selectAll td {text-align:left;font-size:10px;color:#fff;background:#005579;font-weight:bold;padding:2px;vertical-align:middle;}
.hpg .suburb {color:#fff;background:#005579;font-weight:bold;padding:4px;letter-spacing:1px;}
.hpg .summary th {font-size:11px;color:#fff;background:#005579;font-weight:bold;padding:4px;letter-spacing:1px;text-align:left;}
.hpg .summary td {font-size:10px;}
.stepOff {font-size:11px;text-align:center;color:#c6d9e1;}
.stepOn {font-size:11px;color:#d82e3a;text-align:center;}
label {cursor:hand;}
.alert {background:#eee;margin:0;padding:4px 10px;border:2px dashed #f00;text-align:left;color:#005579;font-weight:bold;width:100%;}
.required {color:#990000;font-size:18px;font-family:Arial;font-weight:bold;}
.cart_header {background:#005579;margin:0;padding:4px 10px;border:1px solid #005579;text-align:left;color:#fff;font-weight:bold;width:100%;}
.cart {background:#eee;margin:0;padding:5px 10px;border-top:none;border:1px solid #005579;text-align:left;}
.cart_product_header {background:#ddd;margin:10px 0px 5px 0px;padding:4px 10px 4px 5px;color:#000;font-weight:bold;}
.rrp {font-size:12px;font-family:arial;text-decoration:line-through;}
.discount {font-size: 12px;font-family:arial;color:#f00;}
.price {font-size:12px;font-family:arial;color:#000;font-weight:bold;}
.price .total{font-size:12px;color:#f00;}
.thead {font-size:11px;color:#fff;background:#005579;font-weight:bold;}
.quicklink {font-size:9px;color:#005579;}
.note {font-size:10px;color:#ff0000;}
.new{font-size:12px;color:#fff;background:#C93332;font-weight:bold;}
.small,.small_note,.small_blue,.smallnarrow,.disclaimer,.itext,.itextbold,.modbody {font-size:10px;}
.small_blue {color:#003366;}
.smallnarrow {font-family:arial;}
.modbody {color:#000;}
.mid {line-height:15px;}
.itextbold {font-weight:bold;}
.fixed {font-size:12px;font-family:arial;}
.modtitle {font-size:11px;color:#fff;font-weight:bold;font-variant:normal;}
.itextbutton,.itextbuttoncart,.itextbuttonfree,.itextbuttonfree1 
{border-right:#000 1px solid;border-bottom:#000 1px solid;border-top:#f2fcff 1px solid;border-left:#f2fcff 1px solid;font:bold 10px verdana;color:#f2fcff;background:#666;cursor:hand;width:60px;height:20px;}
.itextbuttoncart {width:80px;}
.itextbuttonfree {width:auto}
.reversedtext11px {font-size:11px;color:#fff;}
abbr, acronym, .help {border-bottom: 1px dotted #333;cursor:help;}
.smsMessage {background:#eee;font-family:terminal;font-size:12px;border:1px solid #000;padding:10px;width:400px;}	
.homeBreakout,.homeBreakout1 {width:422px;border:1px solid #336699;background:#fff;padding:5px;margin-bottom:10px;}
.homeBreakout1 {border:1px solid #ccc;background-color:#e9e9e9;}
/*-NEW Addition for suburb snapshot, Lawrence 26 October 2005 -*/
.odd {background:#f1f6f8;}
.even {background:#e3edf2;}
.regionTxt {color:#005579;}
.snapshotHdr {font-size:100%;}
.propType {font-size:90%;font-weight:bold;}
.greyBorder {border:solid 1px #dcdcdc;margin-bottom:20px;}
.greyBorderheader {border:solid 1px #dcdcdc;border-bottom:none;}
.snr {cursor:help;}
/*  advertising */
a.ticker {font-size:10px;color:#000;}
a.ticker:visited {}
a.ticker:active {}
a.ticker:hover {color:#0000cc;}
.right_ad {margin-top:7px;}
.banner {position:absolute;top:50px;_top:55px;padding-left:20px;}
.island img {border:1px solid #ddd;}
/* puff */
.puff {margin:0;padding:10px 0 10px 10px;}
.puff h1,.puff h2,.puff h3,.puff h4,.puff h5 {margin:0;}
.puff ul,.puff ol,.puff dl,.puff blockquote {margin-left:10px;margin-right:15px}
/* wof */
.wof {margin:.5em 0;padding:6px}
.wof ul {margin-left:1em;clear:left}
/*Lawrence, commented because it breaks the layout of auction results graph
.wof img {width:auto;float:left;margin:4px 4px 0 0;padding:2px;border:1px solid #ccc}
*/
.wof .pricepoint {font-weight:bold;margin-bottom:10px;}
/*  stylised image header modules */
.history-suburb,.history-street,.home-worth,.order-postcode,.order-street,.order-property,.purchase-sub,.register-sms
{background:#F8F8F8 url("img/mod-bg.gif") repeat-y 0 0;width:442px;margin-bottom:1em;}
.history-suburb h2,.history-street h2,.home-worth h2,.order-postcode h2,.order-street h2,.order-property h2,.purchase-sub h2,.register-sms h2
{background:#fff url("img/suburb-history-h2.jpg") no-repeat 0 0;text-indent:-9000px;overflow:hidden;height:78px;}
.history-suburb-special h2,.history-street-special h2,.home-worth-special h2,.order-postcode h2,.order-street h2,.order-property h2,.purchase-sub h2,.register-sms h2
{background:#fff url("img/suburb-history-h2-special.jpg") no-repeat 0 0;text-indent:-9000px;overflow:hidden;height:78px;}
.history-street-special h2 {background:#fff url("img/street-history-h2-special.jpg") no-repeat 0 0;}
.history-street h2 {background:#fff url("img/street-history-h2.jpg") no-repeat 0 0;}
.home-worth-special h2 {background:#fff url("img/home-worth-special.jpg") no-repeat 0 0;}
.home-worth h2 {background:#fff url("img/home-worth-h2.jpg") no-repeat 0 0;}
.order-postcode h2 {background:#fff url("img/order-postcode-h2.jpg") no-repeat 0 0;}
.order-street h2 {background:#fff url("img/order-street-h2.jpg") no-repeat 0 0;}
.order-property h2 {background:#fff url("img/order-property-h2.jpg") no-repeat 0 0;}
.purchase-sub h2 {background:#fff url("img/purchase-sub-h2.jpg") no-repeat 0 0;}
.register-sms h2 {background:#fff url("img/register-sms-h2.jpg") no-repeat 0 0;}
.mod-base {background:#f8f8f8 url("img/mod-bg-base.gif") no-repeat 0 0;display:block;width:442px;height:13px;margin:-1em 0 1em 0;}

/*  forms */
.form-A {margin:5px 0;}
	.form-A span {display:block;margin:0;padding:2px 0;clear:left;overflow:auto;}
	.form-A select {width:265px;}
	.form-A span label {display:block;width:130px;float:left;}
	.form-A #postcodes,.form-A #postcodes2,.form-A #postcodes3 {margin-right:1px;width:48px;}
	.form-A #postcodes3 {margin:0;}
	.form-A #recent-sales,.form-A #choose-city {width:250px;}
	.form-A #search-postcode {width:205px;}
	.form-A #choose-city-enews {width:146px;}
	.w250 {width:280px;}
.form-B {margin:5px 0;}
	.form-B .formgroup {width:330px;float:left;}
	.form-B .formgroup .fl {width:110px;margin-right:2px;}
	.form-B span {display:block;margin:2px 0;padding:2px 0;clear:left;overflow:auto;}
	.form-B select {width:150px;margin:2px;}
	.form-B input {margin:1px;}
	.form-B span .getting-what {background:#fff;width:320px;margin:2px 0 0 90px;padding:5px;line-height:1.5}
	.form-B span .getting-what .your-price {border-top:1px solid #ddd;margin-top:5px;}
	.form-B span .getting-what .your-price .special-offer {margin-left:5px;margin-right:0px;background:#EDEDED;}	
	.form-B span .highlight {display:inline;color:#EE3A43}
	.form-B input#add-to-cart {margin-top:20px;}
	.form-B h4 {font-size:105%;margin-bottom:2px;}
	.form-B h6 {color:#00527b}
.w65 {width:65px!important;}
.w90 {width:90px!important;}
.w130 {width:130px!important;}
.w125 {width:125px!important;}
.w100 {width:100px!important;}
.w110 {width:110px!important;}
.w115 {width:115px!important;}
.w200 {width:115px!important;}
.middle {margin-left:2px;_margin-left:0;}
/*  sidebar */
table#main-content tr td table tr td#rhc .divider,.divider {border-bottom:2px dotted #86B1C3;margin:15px 0 15px 10px;}
.shopping-cart {background:transparent url("img/shopping-bg.gif") no-repeat left bottom;padding-bottom:8px;width:310px;}
.shopping-cart p {margin:0 10px;}
.shopping-cart .rule {border-bottom:2px dotted #fff;margin:3px 0;}
/*  sprite references */
.shopping-cart h3,.newsletter h3,.auction-results h3,.buy-property h3,.spesh-offer h3,.step1,.step2,.step3,.step4
{background:transparent url("img/sprite.gif") no-repeat 0 0;text-indent:-9000px;width:307px;height:38px;overflow:hidden;margin:0;}
.newsletter h3 {background-position:0 -38px;}
.auction-results h3 {background-position:0 -80px;} 
.buy-property h3 {background-position:0 -120px;}
.spesh-offer h3 {background-position:0 -160px;}
.step1,.step2,.step3,.step4 {background-position:0 -200px;width:60px;height:60px;float:left;margin:0 20px 0 10px}
.step2 {background-position:-60px -200px;}
.step3 {background-position:-120px -200px;}
.step4 {background-position:-180px -200px;}

.logistic-details {margin:10px 0;text-align:left;}
.what-you-get {margin-top:10px;}
.what-you-get img {margin:10px 0 0 25px;}
.what-you-get ol {padding-left:25px;}
.what-you-get li {margin-top:2px;}
.mobile {margin:20px 0;}
.mobile h2 {margin-bottom:5px;}
.mobile small {margin:1px 0;}
/*rong*/
.auction_results,.find_agents,.snapshot
{background:#F8F8F8 url("img/mod-bg.gif") repeat-y 0 0;width:442px;margin-bottom:1em;}
.auction_results h2,.find_agents h2,.snapshot h2
{background:#fff  no-repeat 0 0;text-indent:-9000px;overflow:hidden;height:78px;}
.mod-base {background:#f8f8f8 url("img/mod-bg-base.gif") no-repeat 0 0;display:block;width:442px;height:13px;margin:-1em 0 1em 0;}

/*Lawrence, 12 Mar 2007
This class is used in the ordering steps by steps of HPG reports */
.hideRow
{
	display:none;
}
/*=================================================*/
