﻿* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    color: #000;
    text-align: left;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0;
	padding:0;
	letter-spacing:0;

}
/* City Landing Page */
#cityListingCount {
	font-size:17px; 
	font-weight:normal; 
	margin: 0 0 10px 28px;
}
#CitySearchHeader {
	background:#000 url(../images/citylanding/subheader-left-h.gif) no-repeat 12px 0; 
	border-bottom:1px solid #fff; 
	color:#fff; 
	padding:15px 0 9px 33px; 
	font-size:17px; 
	font-weight:normal; 
	font-family:"Trebuchet MS";
	margin:0;
}

#CitySearchSubHeader {
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }

.shell {line-height: 130%;font-family:"Trebuchet MS", sans-serif;margin: 25px auto 25px; width:939px; padding-left:11px; padding-right:11px; position:relative;}
.shell a:hover { text-decoration: none; }
.shell a { color: #16457f; text-decoration: underline; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.no-text{font-size:0; line-height:0; text-indent:-4000px; display:block}

#subheader{background:url(../images/citylanding/subheader.jpg) no-repeat 0 0; padding:7px 16px 1px 15px; height:256px;  margin-bottom:10px}
#subheader .left{width:361px; border:1px solid #fff; border-right:0; border-bottom:0; background:url(../images/citylanding/subheader-left.jpg) no-repeat 0 39px; height:217px;}
#subheader .left h2{background:#000 url(../images/citylanding/subheader-left-h.gif) no-repeat 12px 0; border-bottom:1px solid #fff; color:#fff; padding:15px 0 9px 33px; font-size:17px; font-weight:normal; font-family:"Trebuchet MS";}
#subheader .left .searchForm{padding:30px 0 0 13px; height:100%; overflow:hidden}
#subheader .left .searchForm label{color:#fff; display:block; float:left; text-align:right; width:89px; padding:3px 11px 0 0}
#subheader .left .searchForm input{float:left; width:39px; border:1px solid #87a7cb; padding:1px 0 2px 0}
#subheader .left .searchForm span{float:left; color:#fff; padding-top:3px}
#subheader .left .searchForm span.zero{padding-right:14px}
#subheader .left .searchForm select{float:left; border:1px solid #87a7cb; width:131px; padding:1px 0 2px 0}
#subheader .left .searchForm .field,
#subheader .left .searchForm .wrap{margin-bottom:7px}
#subheader .left .searchForm .wrap label{padding:3px 4px 0 0}
#subheader .left .searchForm .button{padding-left:100px}
#subheader .left .searchForm .button input.search{float:none; cursor:pointer; width:116px; height:32px; border:0; position:relative; z-index:2; margin-top:11px}
#subheader .right{width:344px; margin-top:51px; border-top:1px solid #000; color:#000; line-height:18px; position:relative; height:186px; padding:18px 0 0 0; font-size:11px}
#subheader .right h2{color:#000; font-size:14px; font-weight:normal; margin-bottom:16px}

.advert{background:url(../images/citylanding/connect.jpg) no-repeat 0 0; padding:14px 19px 0 87px; margin-left:-18px; position:absolute; left:0; bottom:0; width:281px}
.advert a{color:#fff; font-style:italic; text-decoration:underline}
.advert h3{color:#000; font-size:18px; font-weight:normal}
.advert h3 span.blue{color:#003366; font-weight:bold}
.advert p{ line-height:13px; font-size:12px; padding:5px 0;}

#content{float:left; display:inline; width:614px}
.cityListings{padding:0 0 0 3px;}
.cityListings .left,
.cityListings .right{width:296px; background:url(../images/citylanding/cityListings.gif) repeat-y 0 0; position:relative; margin-bottom:20px;}
.cityListings .left-top,
.cityListings .right-top{background:url(../images/citylanding/cityListings-top.gif) no-repeat 0 0;}
.cityListings .left-bottom,
.cityListings .right-bottom{background:url(../images/citylanding/cityListings-bottom.gif) no-repeat 0 bottom; padding:7px 7px 20px 7px; height:100%}
.cityListings h2{font-weight:normal;font-size:18px; text-align:center; padding:13px 0 13px 0;}
.cityListings h2.yellow{background:#ffff66 url(../images/citylanding/yellow.gif) no-repeat 0 0;}
.cityListings h2.yellow a{color:#000;font-weight:normal;}
.cityListings h2.blue{background:#666 url(../images/citylanding/blue.gif) no-repeat 0 0;}
.cityListings h2.blue a{color:#fff;font-weight:normal;}
.cityListings h2.gray{background:#666 url(../images/citylanding/gray.gif) no-repeat 0 0;}
.cityListings h2.gray a{color:#fff;font-weight:normal;}

.cityListings .searchResultPreview h2{background:#666 url(../images/citylanding/gray.gif) no-repeat 0 0;}
.cityListings .searchResultPreview h2 a{color:#fff;font-weight:normal;}
.cityListings .searchResultPreview .listing{min-height:80px;padding:9px 2px 7px 11px; border-bottom:1px solid #fff;}
.cityListings .searchResultPreview .bottom{border:0;}
.cityListings .searchResultPreview .alt{background:#dbd5c3;}
.cityListings .searchResultPreview .listing .img{float:left; display:inline; width:100px}
.cityListings .searchResultPreview .listing .img img{border:1px solid #fff; float:left}
.cityListings .searchResultPreview .listing .details{float:right; display:inline; width:160px;}
.cityListings .searchResultPreview .details strong a{color:#000; font-weight:normal}
.cityListings .searchResultPreview .details img{margin-top:3px;}
.cityListings a.bottomLink{background:#e6dfcd url(../images/citylanding/more.gif) no-repeat 0 0; padding:2px 14px 6px 31px; position:absolute; z-index:2; bottom:0; right:0; margin-bottom:-10px; margin-top:6px;}
.cityListings .searchResultPreview .clr{height:0;margin:0; padding:0;}

.cityListings .searchResultPreview .listing .details .address{color:Black; font-size:13px;font-weight:normal;text-decoration:none;display:block;}
.cityListings .searchResultPreview .listing .details .price{font-size:16px;display:block;float:left;clear:left;}
.cityListings .searchResultPreview .listing .details .icons{display:block;float:left; padding-left:5px;}
.cityListings .searchResultPreview .listing .details .type{display:block;clear:both;}
.cityListings .searchResultPreview .listing .details .bedBath{display:block;clear:both;}


#AccountContent{ height:434px; width:255px; text-align:left;margin:30px 10px 20px 10px;}
#AccountContent img {text-align:center; display:block;margin:0 auto;}
#AccountContent p {margin: 20px 0 20px 0;}

.playerContainer{margin-bottom:18px; background:url(../images/citylanding/player-bgr.jpg) no-repeat 0 0; height:397px; width:100%; padding:11px 0 0 0;}
.player {width:540px;margin:0 auto;}
.player embed#player{margin: 0 45px 0 45px;}
.player h2{color:#666; font-size:18px; margin-bottom:6px;text-align:center;}

#content .box{background:#e6dfcd url(../images/citylanding/content-box.gif) no-repeat 0 0; margin-bottom:12px}
#content .box-bottom{background:url(../images/citylanding/content-box-bottom.gif) no-repeat 0 bottom; padding:15px 14px 9px 22px}
#content .box ul{float:left; padding-right:34px; height:100%; list-style-type:none}
#content .box ul.last{padding-right:0; width:127px}
#content .box li{padding-bottom:2px;}
#content .box li.title{padding-bottom:5px;}
#content .box li.link{padding-bottom:11px;}
#content .box h3{font-size:12px; color:#000}
#content .box .first{padding-bottom:11px; margin-bottom:9px; border-bottom:1px solid #fff}

#sidebar{float:right; display:inline; width:305px; padding:0 0 0 0}
#sidebar .box{background:url(../images/citylanding/sidebar-box.gif) repeat-y 0 0; margin-bottom:6px}
#sidebar .box-top{background:url(../images/citylanding/sidebar-box-top.gif) no-repeat 0 0;}
#sidebar .box-bottom{background:url(../images/citylanding/sidebar-box-bottom.gif) no-repeat 0 bottom; height:100%; padding:8px }
#sidebar h2{background:#666 url(../images/citylanding/sidebar-h2-gray.gif) no-repeat 0 0; padding:13px 0 13px 0; text-align:center; width:289px; margin-bottom:9px; font-weight:normal; font-size:18px}
#sidebar h2{color:#fff;}
#sidebar h2 a{color:#fff;}
#sidebar h2.blue{background:#666 url(../images/citylanding/sidebar-h2-blue.gif) no-repeat 0 0;}
#sidebar h2.gray{background:#666 url(../images/citylanding/sidebar-h2-gray.gif) no-repeat 0 0;}
#sidebar h2.light-blue{background:#6699cc url(../images/citylanding/light-blue.gif) no-repeat 0 0; font-size:14px; padding-bottom:15px}
img.map{margin-left:-1px; position:relative; z-index:2}
#sidebar p.center{text-align:center; margin-top:-2px; padding-bottom:5px}
#sidebar ul{width:120px; height:100%; overflow:hidden; float:left; border:1px solid #999; border-bottom:0; list-style-type:none}
#sidebar ul.second{width:150px; margin-left:12px;}
#sidebar ul.second li span{width:102px; border-left:0; padding:5px 0 2px 0; text-align:center}
#sidebar ul.second li span.gray{width:102px; border-left:0; text-align:center}
#sidebar ul.second li strong{width:47px; border-left:0}
#sidebar ul li{float:left; width:100%}
#sidebar ul li span{display:block; float:left; width:70px; border-right: 1px solid #999; padding:5px 0 2px 5px; border-bottom:1px solid #999}
#sidebar ul li strong{display:block; float:left; width:44px; text-align:center; padding:5px 0 2px 0; background:#e0dcd4; border-bottom:1px solid #999}
#sidebar ul li span.gray,
#sidebar ul li strong.gray{color:#fff; background:#666; font-weight:bold; padding:3px 0 6px 0}
#sidebar ul li span.gray{padding:3px 0 6px 0; width:75px; text-align:center;}
#sidebar .table li{font-family: Verdana, Sans-Serif; font-size:10px;letter-spacing:-.6pt; white-space:nowrap;}

#statDate{ margin: 5px 0 5px 5px; font-size:11px; }

.profile p{font-size:12px;}

#zipLinksSection{
}
#zipLinks{
	width:175px;
	overflow: hidden;
	margin-top: 5px;
}

#footer {
	width:614px;
	text-align: left;
	font-size:12px;
	margin-top:20px;
}

#quickConnect{width:806px;font-family: Verdana,Sans-Serif; margin:0 auto;}
#quickConnect .left{float:left;width:9px;height:35px;background: #ffffff url(../images/black_bar_shadow_left.gif)}
#quickConnect .right{float:left;width:12px;height:35px;background: #ffffff url(../images/black_bar_shadow_right.gif)}
#quickConnect .content{padding-left: 15px;color:#ffffff;text-align:center;float:left;width:770px;height:35px;background: #ffffff url(../images/black_bar_shadow_bg.gif) repeat;}
#quickConnect .phone{padding-left:5px;float:left;color:#ffffff; font-weight:bold; font-size:16px;line-height:29px;}
#quickConnect p{ line-height:29px; font-size:12px; padding:5px 0;display:inline;}
#quickConnect a{color:#fff; font-style:italic; text-decoration:underline}

.searchResultsMessage{
	width: 530px; 
	margin: 15px 0 15px 0; 
	padding: 0 10px 0 10px;
}

#disclaimerFooter{text-align:left;}
#disclaimerFooter p{margin:1.3em 0;}

.listingData{line-height:10px;position:relative;width:100%;}
.listingDataInfo{width:145px;}
.mlsLogoImage{margin:0;}

