/*** GENERIC STYLES ***/

/* broad strokes */

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0 0 15px 0; background-color: #ffffff; font: 10px Arial, sans-serif; }
body.forsale { color: #005680; }
body.forrent { color: #066; }

/* links */

.plaintext-only { display: none; }
a img { border: none; }
a { text-decoration: underline; }

body         a:link, body         a:visited { color: #005680; }
body.forrent a:link, body.forrent a:visited { color: #007878; }
body         a:active, body         a:hover,
body.forrent a:active, body.forrent a:hover { color: #990000; }

a.torent, a.tosale { text-decoration: none; }
a.torent:link, a.torent:visited { color: #099 !important; }
a.tosale:link, a.tosale:visited { color: #005680 !important; }

/* content structure tags and classes */

h1               { font-size: 16px; margin: 0; }
body.forsale #content h1.block
{ background-color: #ffffff; color: #005680; }
body.forrent #content h1.block
{ background-color: #ffffff; color: #066; }
#content h1      { font-size: 18px; font-weight: normal; }
#leftpanel h2    { font-size: 11px; margin: 10px 4px 6px 4px; }
#content h2      { font-size: 12px; margin: 15px 0 8px 0;}
#content h2.block {
    font-size: 14px;
    margin-top: 25px;
    padding: 5px 7px;
}
body.forsale #content h2.block
{ background-color: #ffffff; color: #005680; }
body.forrent #content h2.block
{ background-color: #ffffff; color: #066; }
h3 { font-size: 12px; }
h4, h5, h6 { font-size: 10px; text-transform: uppercase; }

#content p       { margin: 10px 0; }

table { padding: 0; margin: 0; border-collapse: collapse; }
td { padding: 0; margin: 0; }

a.bgImgBtn {
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent center no-repeat;
}

.content ul {
	margin: .5em 0 .5em 2.5em;
    padding: 0;
}
.content ul li {
    margin: .1em 0;
    padding: 0;
}
body.forsale .content ul.pretty,
body.forsale #listing-content ul { list-style: url("../images/bulletsale.gif"); }
body.forrent .content ul.pretty,
body.forrent #listing-content ul { list-style: url("../images/bulletrent.gif"); }
.content ul.plain {
	margin: 1em 0 1em 1.5em;
    padding: 0;
	list-style: none;
}
.content ul.plain li {
    margin: 0;
	padding: 0;
}
.content ul.spread-out li {
    margin: .3em 0;
}

/* form elements */

input, textarea { border: 1px solid #036; }
input, textarea {
    padding: 2px;
}
input, textarea, select {
    font: 11px Arial, sans-serif;
    background-color: white;
    color: #333;
}
input.nostyle { border: none; background: none; padding: 0; }
input.button {
    background-color: #ffffff;
    color: #222;
    font-weight: bold;
    border: 1px outset #990000;
}

span.error, p.error {
    background-color: #FFD9E4 !important;
    color: #AD1722 !important;
}
p.error { padding: 5px; }


/*** SPECIFIC PAGE ELEMENTS ***/

/* big container div */
div#master {
    width: 955px;
    margin: 0 auto;
    position: relative;
    padding: 122px 0 0 0;
}

/* small text links at top */

div#toplinks {
    position: absolute;
    top: 4px;
    left: 0;
    background-color: transparent;
    color: #990000;
    width: 952px;
    text-transform: lowercase;
    font: 10px Arial, sans-serif;
    padding-bottom: 3px;
    border-bottom: 1px solid #e8e8e8;
}
/* these DIVs enclose groups of links, and each has an icon at its left. */
div#toplinks div {
    float: left;
    margin: 0 0 0 32px;
    line-height: 15px;
    /* border: 1px solid green; */
}
div#toplinks div.first { margin: 0 0 0 16px; }
div#toplinks a {
    float: left;
    display: block;
    text-decoration: none;
    font-weight: normal;
    padding: 0 5px 0 7px;
    background: transparent url('../images/toplinks/between.gif') no-repeat left center;
}
div#toplinks a:link,
div#toplinks a:visited { color: #666; }
div#toplinks a:active,
div#toplinks a:hover { color: #333; }
div#toplinks a.first {
    padding: 0 5px 0 16px;
}
div#toplinks div.home a.first     { background-image: url("../images/toplinks/home.gif"); }
div#toplinks div.bookmark a.first { background-image: url("../images/toplinks/home.gif"); }
div#toplinks div.info a.first     { background-image: url("../images/toplinks/home.gif"); }
div#toplinks div.contact a.first  { background-image: url("../images/toplinks/home.gif"); }
div#toplinks div.subscribe a.first  { background-image: url("../images/toplinks/home.gif"); }
div#toplinks div.favs a.first     { background-image: url("../images/toplinks/home.gif"); }

/* top logo */

div#toplogo {
    position: absolute;
    left: 9px;
    top: 30px;
}

/* top advert */

div#topad {
    position: absolute;
    left: 323px;
    top: 24px;
}

/* lightbox */

div#lightbox {
    position: absolute;
    left: 635px;
    top: 41px;
    text-align: left;
}
div#lightbox div#lb_tabs {
    height: 15px;
}
div#lightbox div#lb_tabs a {
    margin: 0;
    text-decoration: none;
    padding: 0 2px;
    color: #666;
}
div#lightbox div#lb_tabs a:link,
div#lightbox div#lb_tabs a:visited { background-color: #eee; }
div#lightbox div#lb_tabs a:active,
div#lightbox div#lb_tabs a:hover { background-color: #ddd; }
div#lightbox div#lb_tabs a.selected { color: white; }
body.forsale div#lightbox div#lb_tabs a.selected { background-color: #005680 !important; }
body.forrent div#lightbox div#lb_tabs a.selected { background-color: #088 !important; }

div#lightbox .lightboxlayer {
    width: 318px;
    height: 48px;
    padding: 0;
    position: relative; /* creates new containing block */
}
div#lightbox .lightboxlayer .lb_item {
    float: left;
    margin: 0 3px 0 0;
}
div#lightbox .lightboxlayer a.viewAllFavs {
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    width: 60px;
    height: 48px;
    background: transparent center no-repeat;
}
div#lightbox .lightboxlayer a.viewAllFavs:link,
div#lightbox .lightboxlayer a.viewAllFavs:visited {
    background-image: url("../images/view-favs.gif");
}
div#lightbox .lightboxlayer a.viewAllFavs:active,
div#lightbox .lightboxlayer a.viewAllFavs:hover {
    background-image: url("../images/view-favs-on.gif");
}

/* orange tab bar */

div#orangebar { /* outer height: 22px */
    width: 955px;
    height: 19px;
    border-bottom: 1px solid black;
    color: white;
    font: bold 10px/19px Verdana, sans-serif;
    text-transform: lowercase;
}
div#orangebar div {
    float: left; /* for IE so height won't ruin it */
    height: 19px;
    margin: 0;
    padding: 0;
}

div#orangebar div.saleTab {
    width: 151px;
    background: #006699 url("../images/orangebar/blue-left.gif") no-repeat left top;
}
div#orangebar div.saleTab div {
    width: 131px;
    padding: 0 10px;
    background: transparent url("../images/orangebar/blue-right.gif") no-repeat right top;
}

div#orangebar div.rentTab {
    width: 151px;
    background: #009999 url("../images/orangebar/teal-left.gif") no-repeat left top;
}
div#orangebar div.rentTab div {
    width: 131px;
    padding: 0 10px;
    background: transparent url("../images/orangebar/teal-right.gif") no-repeat right top;
}

div#orangebar div.othersTab {
    width: 653px;
    background: #990000 url("../images/orangebar/orange-left.gif") no-repeat left top;
}
div#orangebar div.othersTab div {
    width: 633px;
    padding: 0 10px;
    background: transparent url("../images/orangebar/orange-right.gif") no-repeat right top;
}

div#orangebar div div a {
    display: block;
    width: 131px;
    /* border: 1px solid #0f0; */
    margin: 0;
    padding: 0;
    text-align: center;
}
div#orangebar div.othersTab div a {
    float: left;
    width: auto;
    padding: 0 19px 0 20px;
    background: transparent url("../images/orangebar/orange-between.gif") no-repeat left center;
}
div#orangebar div.othersTab div a.first {
    background: none;
    padding: 0 20px;
}

/* link colours */
div#orangebar a:link, div#orangebar a:visited, div#orangebar a:active {
    color: white;
    text-decoration: none;
}
div#orangebar div.saleTab a:hover { color: #B0EBFF; }
div#orangebar div.rentTab a:hover { color: #B0FFFF; }
div#orangebar div.othersTab a:hover { color: #FFE0B1; }

/* newsletter sign-up boxes
   (one at top under 'newsletter' button on the orange tab,
   a second sticks to bottom of left panel) */

div#list-signup {
    display: none;
    position: absolute;
    z-index: 5;
    left: 312px;
    top: 142px;
    background: transparent url("../images/list_signup/bg.gif") bottom center no-repeat;
    width: 227px; /* bg image width, 247 - (padding*2) */
    color: white;
    padding: 10px;
    font-size: 11px;
}
div#list-signup a { color: white; }
div#list-signup p { margin: 5px 0 0 0; }
div#list-signup form { margin: 0; }
div#list-signup form input.email { width: 180px; }
div#list-signup form input.submit {
    border: none;
    background: transparent url("../images/list_signup/button.gif") center no-repeat;
    width: 64px;
    height: 23px;
    cursor: pointer;
    cursor: hand;
}

div#bottom-list-signup {
    width: 300px;
    position: absolute;
    left: 1px;
    bottom: 140px;
}
div#bottom-list-signup div.form {
    color: white;
    padding: 0 15px 25px 15px;
    font-size: 10px;
}
div#bottom-list-signup div.form h2 {
    font: bold 11px Arial, sans-serif;
    color: white;
    background-color: transparent;
    margin: 15px 0 7px 0;
    
}
div#bottom-list-signup div.form div.graphic {
    float: right;
    margin: 7px 0 0 5px;
    width: 96px;
    height: 50px;
}
body.forsale div#bottom-list-signup div.form div.graphic {
    background: url("../images/leftpanel/newsletter-signup-sale.gif") no-repeat center;
}
body.forrent div#bottom-list-signup div.form div.graphic {
    background: url("../images/leftpanel/newsletter-signup-rent.gif") no-repeat center;
}
div#bottom-list-signup a { color: white; }
div#bottom-list-signup p { margin: 7px 0 0 0; }
/* to make the input box lined up with the other text */
div#bottom-list-signup form { margin: 0 0 0 -1px; }
div#bottom-list-signup form input.text { border-color: black !important; }
div#bottom-list-signup form input.email { width: 200px; }
/* BG colours are same as above first wave */
body.forsale div#bottom-list-signup { background-color: #990000; }
body.forrent div#bottom-list-signup { background-color: #008888; }

/* content area */

#printlogo { display: none; }

#content {
    width: 955px;
    position: relative;
    padding: 0;
    border-bottom: 1px solid black;
    background-color: white;
    clear: both;
}

body.forsale #content a:link, body.forsale #content a:visited { color: ##005680; }
body.forsale #content a:active, body.forsale #content a:hover { color: #990000; } /* spec=112 */
body.forrent #content a:link, body.forrent #content a:visited { color: #066; }
body.forrent #content a:active, body.forrent #content a:hover { color: #990000; }

body.forsale #content table td.content { color: #005680; }
body.forrent #content table td.content { color: #066; }

#content table td.content {
    vertical-align: top;
    padding: 16px;
    font-size: 11px;
    width: 459px;
    border-right: 1px solid black;
}
#content table td.content-wide {
    /*               ad    padding  borders */
    /* width = 955 - 160 - 17-16   - 1-1 = 760 */
    width: 760px;
    padding-left: 17px; /* will appear like 16px because BG image below
                           acts like a border (a trick to make Firefox align
                           it properly) */
    background: transparent url("../images/pixel-black.gif") left center repeat-y;
}
#content table td.content-ultra-wide {
    /* width = 760 + 160 + 1 = 921 */
    width: 921px;
    padding-left: 17px; /* same trick as above */
    background: transparent url("../images/pixel-black.gif") left center repeat-y;
}
#content .banner468 {
    clear: both;
    margin: 13px -9px 0 0; /* necessary increase in h-margins = 468 - 459 = 9 */
}
#content table td.leftSpacer {
    vertical-align: top;
    padding: 0;
    width: 302px;
    background: #005680 repeat-y left top;
}
body.forsale #content table td.leftSpacer { background-image: url("../images/leftpanel/tile-sale.gif"); }
body.forrent #content table td.leftSpacer { background-image: url("../images/leftpanel/tile-rent.gif"); }
#content table td.leftSpacer div {
    height: 920px;
}

#content div.content-top { height: 12px; margin: -10px 3px 10px 0; }

#content div.content-top div.right { float: right; }

#content div.breadcrumbs { font-weight: bold; /* position: relative; */ }
body.forsale #content div.breadcrumbs { color: #005680; }
body.forrent #content div.breadcrumbs { color: #066; }
#content div.breadcrumbs span { color: #990000; }
#content div.breadcrumbs a { text-decoration: none; }
/* #content div.breadcrumbs a:link,
#content div.breadcrumbs a:visited { color: #069; }
#content div.breadcrumbs a:active,
#content div.breadcrumbs a:hover { color: #990000; } */

#content table td.right-ad {
    width: 160px;
    vertical-align: top;
    background-color: #005680;
    color: black;
    border-right: 1px solid black;
}
    body.forrent #content table td.right-ad { background-color: #009E9E; }

/* text links at bottom */

div#bottomlinks {
    margin-top: 2px;
    padding: 5px 0;
    text-align: center;
    width: 955px;
    height: 120px;
}
body.forsale div#bottomlinks { border-top: 7px solid #990000; }
body.forrent div#bottomlinks { border-top: 7px solid #008888; }

/* blue/teal left panel */

div#leftpanel {
    width: 300px;
    margin: 0 1px;
    position: absolute;
    left: 0;
    top: 142px;
    color: white;
    z-index: 10;
}

div#leftpanel h2.first {
    margin-top: 0;
}

div#leftpanel a.slideshowButton {
    display: block;
    width: 52px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 24px;
    background: transparent no-repeat center center;
    text-indent: -9999em;
    overflow: hidden;
}
body.forsale div#leftpanel a.slideshowButton:link,
body.forsale div#leftpanel a.slideshowButton:visited {
    background-image: url("../images/buttons/sale/slideshow-featured.gif");
}
body.forsale div#leftpanel a.slideshowButton:active,
body.forsale div#leftpanel a.slideshowButton:hover {
    background-image: url("../images/buttons/sale/slideshow-featured-hot.gif");
}
body.forrent div#leftpanel a.slideshowButton:link,
body.forrent div#leftpanel a.slideshowButton:visited {
    background-image: url("../images/buttons/rent/slideshow-featured.gif");
}
body.forrent div#leftpanel a.slideshowButton:active,
body.forrent div#leftpanel a.slideshowButton:hover {
    background-image: url("../images/buttons/rent/slideshow-featured-hot.gif");
}

div#leftpanel .above table, div#leftpanel .below table {
    width: 252px;
    vertical-align: top;
    margin: 0 auto;
}
div#leftpanel td.feature { line-height: 11px; /* width: 252px; */ text-align: center; padding: 0 0 8px 0; }
div#leftpanel td.feature a img { border: 1px solid white; }
div#leftpanel td.feature a:active img,
div#leftpanel td.feature a:hover img { border: 1px solid #D0DBDB; }
div#leftpanel td.feature a { text-decoration: none; color: white; }
div#leftpanel td.feature a:active,
div#leftpanel td.feature a:hover { color: #D0DBDB; }
div#leftpanel td.feature.small { /* width: 80px; */ padding: 0 6px 0 0; }
div#leftpanel td.feature.small.last { padding: 0; }

div#leftpanel div .narrow {
    width: 252px;
    margin: 0 auto;
    padding: 12px;
    /* border: 1px solid red; */
}

body.forsale div#leftpanel .above { background-color: #005680; }
body.forrent div#leftpanel .above { background-color: #008888; }

body.forsale div#leftpanel .below { background-color: #005680; }
body.forrent div#leftpanel .below { background-color: #009E9E; }
div#leftpanel .below a { color: white; }

/* search box within left panel */

div#searchbox {
    padding: 15px 0 3px 105px;
    background: #005680 url("../images/leftpanel/search-sale.gif") 5px 0 no-repeat;
}
    body.forrent div#searchbox {
        background-color: #149191;
        background-image: url("../images/leftpanel/search-rent.gif");
    }
div#searchbox div.buttons {
    width: 170px;
}
body.forsale div#searchbox div.buttons { border: 1px solid #72B5D5; }
body.forrent div#searchbox div.buttons { border: 1px solid #72BDBD; }
div#searchbox .buttons table {
    border-collapse: separate;
    width: auto;
    /* border-spacing is cellpadding in HTML, because better for IE. */
}
div#searchbox td {
    font-size: 11px; /* define the size of an 'em' within the TD */
    padding: 0;
}
div#searchbox td a.button {
    display: block;
    font: bold 11px Arial, sans-serif;
    text-decoration: none;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    padding: 1px 0;
    height: 14px;
}
div#searchbox td a.button:link,
div#searchbox td a.button:visited {
    background-color: white;
    border-color: #ffffff #990000 #990000 #ffffff;
}
body.forsale div#searchbox td a.button:link,
body.forsale div#searchbox td a.button:visited { color: #005680; }
body.forrent div#searchbox td a.button:link,
body.forrent div#searchbox td a.button:visited { color: #066; }
body.forsale div#searchbox td a.button:active,
body.forsale div#searchbox td a.button:hover,
body.forrent div#searchbox td a.button:active,
body.forrent div#searchbox td a.button:hover {
    background-color: white;
    color: black;
    border-color: #990000 #ffffff #ffffff #990000;
}
/* div#searchbox td.left { width: 95px; }
div#searchbox td.right { width: 65px; } */
div#searchbox td.left a.button { width: 77px; }
div#searchbox td.right a.button { width: 77px; }
div#searchbox .switch {
    clear: both;
    text-align: right;
    padding: 3px 0;
    font-size: 11px;
    margin-right: 24px;
}
div#searchbox .switch a { text-decoration: none; }
div#searchbox .switch a:link,
div#searchbox .switch a:visited,
div#searchbox .switch a:active,
div#searchbox .switch a:hover { color: white; }
div#googlead_leftsearchbox {
    padding: 6px 0 7px 0;
    text-align: center;
    background-color: #005680;
}
    body.forrent div#googlead_leftsearchbox {
        background-color: #149191;
    }

/* DHTML menus */

.dmenuctnr { position: relative; }
.dmenu {
    visibility: hidden;
    position: absolute; /* relative to the closest parent .dmenuctnr */
    border-width: 1px; 
    border-style: solid;
    border-color: #ffffff #A31919 #A31919 #ffffff;
    width: 150px; /* may be overridden by more specific styles */
}
.dmenu.bluemenu { border-color: #C2D0D9; }
    body.forrent .dmenu.bluemenu { border-color: #9EBDBD; }
.dmenu .dmenu { left: 150px; top: 0; } /* 'top' will likely be overridden inline */
.dmenu a {
    width: 140px;
    display: block;
    padding: 5px;
    font: bold 11px Arial, sans-serif;
    text-decoration: none;
    text-align: left;
    color: white !important;
}
.dmenu.bluemenu a {
    border-top: 1px solid #C2D0D9;
    color: #069 !important;
    font-weight: normal;
}
    body.forrent .dmenu.bluemenu a { border-top-color: #9EBDBD; color: #066 !important; }
.dmenu a:link, .dmenu a:visited { background-color: #990000; }
.dmenu a:active, .dmenu a:hover { background-color: #A31919; }
.dmenu.bluemenu a:link, .dmenu.bluemenu a:visited { background-color: #DEE3FE; }
.dmenu.bluemenu a:active, .dmenu.bluemenu a:hover { background-color: #BDC5D9; }
    body.forrent .dmenu.bluemenu a:link, body.forrent .dmenu.bluemenu a:visited
    { background-color: #BFD9D9; }
    body.forrent .dmenu.bluemenu a:active, body.forrent .dmenu.bluemenu a:hover
    { background-color: #9EBDBD; }
.dmenu a.first { border-width: 0; }
.dmenu a.parent {
    background-image: url("../images/arrow-menu-white.gif");
    background-position: 94% 50%;
    background-repeat: no-repeat;
}

/*** TOOLTIP ***/

table#tooltip, table#tooltip_left {
    z-index: 20; /* above pop-up menus */
    margin: 0;
    display: none;
    position: absolute;
    border-collapse: collapse;
}
table#tooltip td, table#tooltip_left td { padding: 0; }

/* normal */

table#tooltip td.topright {
    width: 7px;
    background: transparent url("../images/tooltip/topright.gif") top right no-repeat;
}
table#tooltip td.topleft {
    background: transparent url("../images/tooltip/topleft.gif") top left no-repeat;
    padding: 20px 5px 5px 34px;
    color: white;
    font: 11px Arial, sans-serif;
}
table#tooltip td.bottomright {
    width: 7px;
    height: 7px;
    background: transparent url("../images/tooltip/bottomright.gif") bottom right no-repeat;
}
table#tooltip td.bottomleft {
    height: 7px;
    background: transparent url("../images/tooltip/bottomleft.gif") bottom left no-repeat;
}

/* left-facing */

table#tooltip_left td.topright {
    background: transparent url("../images/tooltip/left/topright.gif") top right no-repeat;
    padding: 20px 34px 5px 5px;
    color: white;
    font: 11px Arial, sans-serif;
}
table#tooltip_left td.topleft {
    background: transparent url("../images/tooltip/left/topleft.gif") top left no-repeat;
    width: 7px;
}
table#tooltip_left td.bottomright {
    height: 7px;
    background: transparent url("../images/tooltip/left/bottomright.gif") bottom right no-repeat;
}
table#tooltip_left td.bottomleft {
    width: 7px;
    height: 7px;
    background: transparent url("../images/tooltip/left/bottomleft.gif") bottom left no-repeat;
}

/* Resource Links */

table.resourceLink {
    margin: 10px 0;
    border-collapse: collapse;
    cursor: pointer;
    cursor: hand;
    clear: right;
}
table.resourceLink td { padding: 0; vertical-align: top; }
table.resourceLink td.resourceThumb { width: 65px; }
table.resourceLink td.resourceText {
    padding: 0 0 0 11px;
    font: 11px Arial, sans-serif;
    background-color: transparent;
}
/* body.forsale table.resourceLink td.resourceText { color: #069; }
body.forrent table.resourceLink td.resourceText { color: #066; } */
table.resourceLink td.resourceText a {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}
.indextitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 11px;
	font-weight: bold;
    text-transform:uppercase;
    text-decoration: none;
	margin-left: 3px;
}
.indeximage {
	margin-top: 1px;
	margin-bottom: 5px;
	text-decoration: none;
    display:block;
    border: none;
    float: left;
}
.indextext {
	font-size:11px;
	margin-top: 0px;
	line-height: 90%;
	margin-right: 0px;
	margin-bottom: 0px;
}
.lDotimg{
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 5px;
	height: 4px;
	border: 0;
}
.jumpmenu {
	font-family:ariel, helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	background-color: #D3D8FE;
	width: 170px;
	margin-left: 3px;
	margin-top: -10px;
}