@import url(content.css);
@import url(tabNav.css);

#wrap {}
	#header {width:980px; margin:1px auto; height:95px; position:relative; z-index:6; overflow: hidden; white-space: nowrap;}
		#header .link { float: left; }
		.banner-1 { padding-left: 20px; padding-top: 20px; float: left; }
		.banner-2 { float: left; }
		.banner-3 { float:left; padding-top: 6px;}
		#loginLinks {position:absolute; right:0; bottom:10px; text-align:right;}
		#loginLinks a {color:#000; background:url(/images/bullet-green.gif) left no-repeat; padding:0 0 0 20px;}
		#loginLinks a.lnkLogin {background-image:url(/images/bullet-red.gif);}
		#loginLinks a.lnkLogout {background-image:url(/images/bullet-red.gif);}
		p.subHeader {position:absolute; right:0; bottom:0; font-size:1.4em;}
	#middleWrap {background:#F4F4F4; border:5px solid #E9E9E9; border-width:5px 0; overflow:hidden; clear:both;}
		div#contentInner {min-height:286px;} /* This is the div.box3 .boxContent on the content master page */
		div.myAccount div#contentInner {min-height:263px;} /* This is the div.box3 .boxContent on the my account pages */
		#content {width:980px; margin:0 auto; overflow:hidden; padding:10px 0;}
			div.contentLeft {float:left; width:694px;}
			div.rightCol {width:250px; float:right;}
	#footer {width:980px; margin:0 auto; text-align:center;}
		#footer a {color:#000;}
		#footer ul {margin:10px auto;}
		#footer ul li {list-style:none; display:inline; border-left:1px solid #000; padding:0 2px 0 5px;}
		#footer ul li.first {border:0;}

p#homeButtons {text-align:center; width:482px; margin:0 auto 10px; clear:both; overflow:hidden;}
	p#homeButtons label {
		float:left;
		display:inline;
		background-position:top left; 
		background-repeat:no-repeat;
		width:241px;
		height:86px;
		text-indent:-999em;
		overflow:hidden;
		cursor:pointer;
	}
	p#homeButtons label:hover, p#homeButtons label.hover, p#homeButtons span.active label {background-position:bottom left;}
	span.rdbBuyBig label {background-image:url(/images/buyButton.gif);}
	span.rdbRentBig label {background-image:url(/images/rentButton.gif);}
	p#homeButtons input {display:none;}

.box1 {background:#FFF; border:3px solid #efefef; position:relative;}
	.box1 .corner {background-image:url(/images/box1.gif); width:6px; height:6px; overflow:visible;}
	.box1 .top, .box1 .btm, .box1 .ml, .box1 .mr {display:none;}
	.box1 .tl {top:-3px; left:-3px;}
	.box1 .tr {top:-3px; right:-3px;}
	.box1 .bl {bottom:-3px; left:-3px; background-position:bottom left;}
	.box1 .br {bottom:-3px; right:-3px; background-position:bottom right;}
	.box1 .boxContent {padding:6px;}

.box2 {position:relative; background:#EEE; width:100%;}
	.box2 .corner {background-image:url(/images/box2.gif);}
	.box2 .ml, .box2 .mr{background-image:url(/images/box2-sides.gif);}
	.box2 .boxContent {padding:12px;}
	
.box3 {position:relative; background:#FFF; width:100%;}
	.box3 .corner {background-image:url(/images/box3.gif);}
	.box3 .ml, .box3 .mr {background-image:url(/images/box3-sides.gif);}
	.box3 .boxContent {padding:12px;}
	
.bannerbox468x60 {position: relative; width: 468px; height: 60px; }

.box4 {position:relative; background:#FFF; border:1px solid #d6d6d6;}
	.box4 .boxContent {padding:10px;}
	.box4 .corner {background-image:url(/images/box4.png); overflow:visible;}
	.box4 .top, .box4 .btm, .box4 .ml, .box4 .mr {display:none;}
	.box4 .tl {top:-1px; left:-1px;}
	.box4 .tr {top:-1px; right:-1px;}
	.box4 .bl {bottom:-1px; left:-1px; background-position:bottom left;}
	.box4 .br {bottom:-1px; right:-1px; background-position:bottom right;}
	div.box4 h1, div.box4 h2 {
		background:#e2e2e2 url(/images/box4Header.gif) top repeat-x;
		margin:0; 
		color:#4b4b4b; 
		padding:0 5px; 
		line-height:26px; 
		font-size:1em;	
		font-weight:bold;
		vertical-align:middle;
	}
	
	span.notBold {font-weight:normal;}
.box5 {position:relative; background:#f3f3f3; border:1px solid #f3f3f3; margin:10px 0;}
	.box5 .boxContent {padding:10px;}
	.box5 .corner {background-image:url(/images/box5.gif); overflow:visible;}
	.box5 .top, .box5 .btm, .box5 .ml, .box5 .mr {display:none;}
	.box5 .tl {top:-1px; left:-1px;}
	.box5 .tr {top:-1px; right:-1px;}
	.box5 .bl {bottom:-1px; left:-1px; background-position:bottom left;}
	.box5 .br {bottom:-1px; right:-1px; background-position:bottom right;}
	
.box6 {position:relative; background:#efefef url(/images/greyBGGrad.gif) bottom repeat-x; border:0; margin:10px 0;}
	.box6 .boxContent {padding:22px !important;}
	.box6 .corner {background-image:url(/images/box6.gif); overflow:visible;}
	.box6 .tl {top:0; left:0;}
	.box6 .tr {top:0; right:0;}
	.box6 .bl {bottom:0; left:0; background-position:0 -12px;}
	.box6 .br {bottom:0; right:0; background-position:-12px -12px;}
	.box6 .top, .box6 .btm, .box6 .ml, .box6 .mr {display:block;}
	.box6 .ml, .box6 .mr {background-image:url(/images/box6-sides.gif);}
	
	.box6 .textbox {border-color:#d8d8d8;}
	
.greyCorners {position:relative; border:0; margin:0 0 10px 0;}
	.greyCorners .boxContent {padding:10px;}
	.greyCorners .corner {background-image:url(/images/greyCorners.png); overflow:hidden; width:20px; height:20px;}
	.greyCorners .top, .greyCorners .btm, .greyCorners .ml, .greyCorners .mr {display:none;}
	.greyCorners .bl {background-position:bottom left;}
	.greyCorners .br {background-position:bottom right;}
	
.whiteCorners {position:relative; background:#fff798; border:0; margin:0 0 10px 0;}
	.whiteCorners .boxContent {padding:10px;}
	.whiteCorners .corner {background-image:url(/images/whiteCorners.png); overflow:hidden;}
	.whiteCorners .top, .whiteCorners .btm, .whiteCorners .ml, .whiteCorners .mr {display:none;}
	.whiteCorners .bl {background-position:bottom left;}
	.whiteCorners .br {background-position:bottom right;}
	.rightCol .whiteCorners p {margin:0;}
	
#directFromOwners { /* Top left corner on home page box2 */
	width:135px; 
	height:92px; 
	position:absolute; 
	top:0; 
	left:-1px; 
	text-indent:-999em; 
	overflow:hidden; 
	background:url(/images/anim.gif) top left no-repeat;
	z-index:5;
}
div#quickSearch {
	position:relative;
	width:487px;
	margin:0 auto;
	height:43px;
}
	div#quickSearch p {margin:0;}
	div#quickSearch a.expand{
		color:#000;
		display:block;
		width:467px;
		height:43px;
		line-height:43px;
		background:url(/images/quicksearch.png) bottom left no-repeat;
		padding:0 10px;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	/*div#quickSearch a.collapse{
		display:block;
		width:24px;
		height:24px;
		background:url(/images/btnClose.gif) top left no-repeat;
		position:absolute;
		z-index:1;
		top:10px;
		right:10px;
		overflow:hidden;
		text-indent:-999em;
	}*/
	div#quickSearch a.collapse:hover {background-position:bottom left;}
	div#quickSearch div.quickSearchList {
		background:url(/images/quicksearchbg.png) top left no-repeat;
		width:457px;
		padding:0 15px 43px;
		margin:0 auto;
		overflow:hidden;
		position:absolute;
		z-index:0;
		bottom:0;
	}
	div.quickSearchListContent {height:0; margin:13px 0 0; overflow:auto;}
	
	div#quickSearch h2 {font-size:1.1em; color:#414141;}
	div#quickSearch ul {list-style:none; margin:0.8em 0;}
	
div.flashMap {margin:0 auto; text-align:center; width:950px; height:416px;}

div.splashBG {
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

div.login {padding:20px; width:450px;}
	div.login h2 {border-bottom:1px solid #e6e6e6; font-size:1.3em; padding:0 0 3px;}
	div.login div.boxContent {padding:10px; background:#FFF; overflow:hidden;}
	div.login .corner {width:20px; height:20px; background-image:url(/images/loginBox.png);}
	div.login .ml, div.login .mr {width:20px; background-image:url(/images/loginBox-sides.png);}
	div.login .bl {background-position:0 -20px;}
	div.login .br {background-position:-20px -20px;}
	div.login .top {background-position:0 -40px; width:auto; left:20px; right:20px;}
	div.login .btm {background-position:0 -60px; width:auto; left:20px; right:20px;}
	div.login .ml {top:20px; bottom:20px; height:auto;}
	div.login .mr {top:20px; bottom:20px; height:auto;}
	div#forgottenPassword {
		background:#f1f1f1;
		clear:both; 
		border:1px solid #e2e2e2; 
		border-width:1px 0;
		margin:10px 0 0;
	}
		div.forgottenPasswordInner {border:1px solid #FFF; border-width:1px 0; padding:5px; overflow:hidden;}
		a#lnkForgottenPassword {color:#000; padding:0 0 0 14px;}
		a.expand {background:url(/images/iconExpand.gif) left no-repeat;}
		a.collapse {background:url(/images/iconCollapse.gif) left no-repeat;}
		div.forgottenPasswordInner div.forgottenPasswordContent {padding:10px 0 0;}
	a.lnkLoginClose {
		float:right; 
		width:66px; 
		height:17px; 
		background:url(/images/lnkLoginClose.gif); 
		text-indent:-999em; 
		overflow:hidden;
		margin:10px 0 0;
	}
	div.login div.greyBox {background:#e8e8e8; padding:10px 10px;}
	div.login div.greyBox .textbox {border-color:#ccc;}

a#lnkPasswordStrength {display:block;}
span.tooltip {position:absolute; background:#e1e1e1; border:1px solid #000; padding:5px; width:auto; font-weight:normal; font-size:1.1em; left:-999em;}
a:hover span.tooltip {left:auto;}

div.progressWrap {background:#e0e0e0; overflow:hidden; padding:4px; float:left; display:inline; width:255px;}
	div.progressWrap span {float:left; font-size:0.8em;}
	div.progressBG {float:left; width:200px; height:12px; background:url(/images/progressBarBG.gif) left; margin:0 4px; border:2px solid #BBB;}
	span.progressBar {display:block; height:100%; max-width:100%; background:url(/images/progressBarBGFilledGreen.gif) left;}
	span.progressBarGreen {display:block; height:100%; background:url(/images/progressBarBGFilledGreen.gif) left;}
	span.progressBarAmber {display:block; height:100%; background:url(/images/progressBarBGFilledAmber.gif) left;}
	span.progressBarRed {display:block; height:100%; background:url(/images/progressBarBGFilledRed.gif) left;}
	
.alert {background:#f3d2d2; border:1px solid #F00; display:block; padding:4px; margin:0 0 10px;}

iframe {border:0;}


/* IE6 Out of Date notice */
div#browserAlert {
	display:block; 
	background:#ffffe1; 
	overflow:hidden; 
	width:100%; 
	border-bottom:2px solid #666;
	min-height:43px;
}
div#browserAlert p {margin:8px 45px 8px 8px; float:left; display:inline; color:#000;}
div#browserAlert a {text-decoration:underline; color:#00F;}
div#browserAlert a:hover {text-decoration:none;}
div#browserAlert a.close {
	position:absolute;
	top:8px;
	right:8px;
	width:26px; 
	height:26px;
	text-indent:-999em; 
	overflow:hidden; 
	background:url(/images/close.gif) center no-repeat;
	border:1px solid #ffffe1;
}
div#browserAlert a.close:hover {border:1px solid #CCC;}

div.welcome { text-align : center; padding:  2px 5px; margin: 1px 20px;}