/*** GENERIC STYLES ***/

/* broad strokes */

html { height: 100%; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; background-color: white; font: 10px Arial, sans-serif; }
body.forsale { color: #069; }
body.forrent { color: #066; }

/* links */

a img { border: none; }
a { text-decoration: none; }

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

body.forsale a:link, body.forsale a:visited { color: #0078B3; }
body.forrent a:link, body.forrent a:visited { color: #007878; }
body.forsale a:active, body.forsale a:hover,
body.forrent a:active, body.forrent a:hover { color: #dd8500; }


/*** SPECIFIC PAGE ELEMENTS ***/

table.master { width: 100%; height: 100%; }

table td { vertical-align: middle; }

.top {
	padding: 0 10px;
	height: 55px;
	font-size: 10px;
}
.top table { width: 100%; }
.top table td { padding: 0; vertical-align: middle; }
.top table .logo { text-align: left; }
.top table td.advert { width: 151px; padding: 0 10px; /* 1px extra for tracking gif */ }
.top table td.magicSwapper { width: 91px; padding-top: 3px; }
.top table td.magicSwapper a {
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    text-decoration: none;
    background: transparent no-repeat left top;
    border: 1px solid #ddd;
}

/* 'view region slideshow' button */

.top table td.magicSwapper a.toMultishow { width: 91px; height: 34px; }

body.forsale .top table td.magicSwapper a.toMultishow:link,
body.forsale .top table td.magicSwapper a.toMultishow:visited
{ background-image: url("../images/slideshow/sale/view-region-slideshow.gif"); }
body.forsale .top table td.magicSwapper a.toMultishow:active,
body.forsale .top table td.magicSwapper a.toMultishow:hover
{ background-image: url("../images/slideshow/sale/view-region-slideshow-hot.gif"); }

body.forrent .top table td.magicSwapper a.toMultishow:link,
body.forrent .top table td.magicSwapper a.toMultishow:visited
{ background-image: url("../images/slideshow/rent/view-region-slideshow.gif"); }
body.forrent .top table td.magicSwapper a.toMultishow:active,
body.forrent .top table td.magicSwapper a.toMultishow:hover
{ background-image: url("../images/slideshow/rent/view-region-slideshow-hot.gif"); }

/* 'view region map' button */

.top table td.magicSwapper a.toMap { width: 86px; height: 34px; }

.top table td.magicSwapper a.toMap:link,
.top table td.magicSwapper a.toMap:visited
{ background-image: url("../images/slideshow/view-region-map.gif"); }
.top table td.magicSwapper a.toMap:active,
.top table td.magicSwapper a.toMap:hover
{ background-image: url("../images/slideshow/view-region-map-hot.gif"); }

.top .sendtofriend {
	float: right;
	margin-top: 10px;
}
.top .sendtofriend a {
	padding-left: 16px;
	height: 12px;
}
body.forsale .top .sendtofriend a {
	background: url('../images/icons/sale/sendto.gif') no-repeat left center;
}
body.forrent .top .sendtofriend a {
	background: url('../images/icons/rent/sendto.gif') no-repeat left center;
}

.middle {
	color: white;
	text-align: center;
	padding: 20px;
	font-size: 12px;
}
body.forsale .middle { background-color: #0078B3; }
body.forrent .middle { background-color: #008888; }
.middle .pic img { border: 1px solid white; margin: 10px 0; }
.middle .belowPic { margin: 10px auto; width: 468px; }
.middle .belowPic td {
	vertical-align: middle;
	text-align: center;
	color: white;
}
.middle .belowPic .text h1 { font-size: 12px; margin: 2px 0; }
.middle .belowPic .text h2 { font-size: 12px; margin: 2px 0; font-weight: normal; }

/* .middle .belowPic .arrow a {
	display: block;
	width: 30px;
	height: 30px;
	background: no-repeat center;
	text-indent: -9999em;
	overflow: hidden;
}

body.forsale .middle .belowPic .arrow.prev a:link,
body.forsale .middle .belowPic .arrow.prev a:visited {
	background-image: url('../images/slideshow/sale/prev.gif');
}
body.forsale .middle .belowPic .arrow.prev a:active,
body.forsale .middle .belowPic .arrow.prev a:hover {
	background-image: url('../images/slideshow/sale/prev-hot.gif');
}
body.forsale .middle .belowPic .arrow.next a:link,
body.forsale .middle .belowPic .arrow.next a:visited {
	background-image: url('../images/slideshow/sale/next.gif');
}
body.forsale .middle .belowPic .arrow.next a:active,
body.forsale .middle .belowPic .arrow.next a:hover {
	background-image: url('../images/slideshow/sale/next-hot.gif');
}

body.forrent .middle .belowPic .arrow.prev a:link,
body.forrent .middle .belowPic .arrow.prev a:visited {
	background-image: url('../images/slideshow/rent/prev.gif');
}
body.forrent .middle .belowPic .arrow.prev a:active,
body.forrent .middle .belowPic .arrow.prev a:hover {
	background-image: url('../images/slideshow/rent/prev-hot.gif');
}
body.forrent .middle .belowPic .arrow.next a:link,
body.forrent .middle .belowPic .arrow.next a:visited {
	background-image: url('../images/slideshow/rent/next.gif');
}
body.forrent .middle .belowPic .arrow.next a:active,
body.forrent .middle .belowPic .arrow.next a:hover {
	background-image: url('../images/slideshow/rent/next-hot.gif');
} */

.middle .navArea { margin: 10px auto; width: 468px; }
.middle .navArea td {
	vertical-align: middle;
	text-align: center;
	color: white;
}
.middle .navArea .text h1 { font-size: 12px; margin: 2px 0; }
.middle .navArea .text h2 { font-size: 12px; margin: 2px 0; font-weight: normal; }

.middle .navArea .arrow a {
	display: block;
	width: 30px;
	height: 30px;
	background: no-repeat center;
	text-indent: -9999em;
	overflow: hidden;
}

body.forsale .middle .navArea .arrow.prev a:link,
body.forsale .middle .navArea .arrow.prev a:visited {
	background-image: url('../images/slideshow/sale/prev.gif');
}
body.forsale .middle .navArea .arrow.prev a:active,
body.forsale .middle .navArea .arrow.prev a:hover {
	background-image: url('../images/slideshow/sale/prev-hot.gif');
}
body.forsale .middle .navArea .arrow.next a:link,
body.forsale .middle .navArea .arrow.next a:visited {
	background-image: url('../images/slideshow/sale/next.gif');
}
body.forsale .middle .navArea .arrow.next a:active,
body.forsale .middle .navArea .arrow.next a:hover {
	background-image: url('../images/slideshow/sale/next-hot.gif');
}

body.forrent .middle .navArea .arrow.prev a:link,
body.forrent .middle .navArea .arrow.prev a:visited {
	background-image: url('../images/slideshow/rent/prev.gif');
}
body.forrent .middle .navArea .arrow.prev a:active,
body.forrent .middle .navArea .arrow.prev a:hover {
	background-image: url('../images/slideshow/rent/prev-hot.gif');
}
body.forrent .middle .navArea .arrow.next a:link,
body.forrent .middle .navArea .arrow.next a:visited {
	background-image: url('../images/slideshow/rent/next.gif');
}
body.forrent .middle .navArea .arrow.next a:active,
body.forrent .middle .navArea .arrow.next a:hover {
	background-image: url('../images/slideshow/rent/next-hot.gif');
}

.middle #gmap {
	border: 1px solid black;
	width: 468px;
	height: 350px;
	margin: 1px auto;
}

.bottom {
	padding: 5px;
	height: 15px;
	font-size: 10px;
}
.bottom .left { float: left; }
.bottom .right { float: right; }