/* PAGE CONTAINER */

div#pageContainer{
	min-width: 916px;
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	position: relative;
	/* width: expression(document.body.clientWidth < 930 ? "916px" : "100%" );*/
   	width: 916px;
}

/* BANNER */

div#banner{
	background-position: bottom left;
	background-repeat: repeat-x;
}

div#banner h1{
	margin: 0;
	padding: 0.5em 1em;
	font-size: 2em;
	text-align: right;
}

div#banner h1 a{
	display: block;
	text-decoration: none;
}

/* THUMBNAILS */

a.thumbnailLink, div.rpwImageCarousel, img.thumbnailLink, img.mainImg{
	padding: 5px;
	display: block;
}

ul.offices img.thumbnailLink, img.mainImg{
	border-width: 5px;
	border-style: solid;
}

html>body img.thumbnailLink, html>body img.mainImg{
	border: none;
}

a.thumbnailLink, img.thumbnailLink, div.rpwImageCarousel{
	float: left;
}

a.thumbnailLink img{
	border: none;
}





/* STATUS BAR */
p.statusBar{
	padding: 2px 1em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	border-width: 0 0 4px 0;
	border-style: solid;
}

p.statusBar a{
	text-decoration: none;
}

p.statusBar em{
	float: right;
	font-style: normal;
}


/* MAIN MENU */

div#menu{
	position:absolute;
	z-index: 100;
	width: 146px;
	left: 5px;
	margin-top: 5px;
	font-size: 1.2em;
}


div#menu ul.menu, div#menu ul.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position:relative;
}

div#menu ul.menu{
	margin: 10px;
}

div#menu ul.menu li{
	position:relative;
	border-width: 0 0 1px 0;
	border-style: dotted;
}

div#menu ul.menu ul li{
	border-width: 0;
}

div#menu ul.menu a, div#menu ul.menu h3{
	font-size:1em;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 4px 0 2px;
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: solid;
}

div#menu ul.menu ul{
	position: absolute;
	width: 17em;
	z-index: 500;
	left: 144px;
	top: -4px;
	border-width: 4px 4px 0 4px;
	border-style: solid;
}
html>body div#menu ul.menu ul{
	left: 100%;
}

div#menu ul.menu ul a, div#menu ul.menu ul h3{
	height: 1%;
}

div#menu ul.menu ul,
div#menu ul.menu li:hover ul ul,
div#menu ul.menu ul li:hover ul ul
{display: none;}

div#menu ul.menu li:hover ul,
div#menu ul.menu ul li:hover ul,
div#menu ul.menu ul ul li:hover ul
{display: block;}


/* MAIN CONTENT */

div#content{
	margin: 0 164px 5px 158px;
	padding-top: 5px;
	position: relative;
	border-width:0 0 1px 0;
	border-style: solid;
}

div#content.nofeature{
	margin-right: 5px;
}

div#content h3{
	padding: 2px 6px;
	font-size: 1.2em;
	margin: 0;
}

div#content h4, div.feature h4{
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
}

div#content .clearfix:after {
	clear:left;
}



/* FEATURES */

div.feature{
	float: right;
	width: 150px;
	margin: 0 -160px 5px 8px;
	position: relative;
}

html>body div.feature{
	margin: 0 -157px 5px 5px;
}

div.feature h4{
	margin-bottom: 8px;
}
div.feature h4 strong{
	font-size: 1.2em;
}

ul.featuredProperty h5{
	float: right;
	padding: 1px 4px;
}

div.feature ul{
	list-style: none;
	padding: 5px;
	margin: 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

div.feature ul ul{
	padding: 0 0 0 1.5em;
	border: none;
}

div.feature h5{
	margin: 2px 0;
	text-align: center;
}

div.feature a.thumbnailLink, div.feature div.rpwImageCarousel{
	margin: 0px 0 4px;
	position:relative;
}


div.feature h3.secondSet{
	border-top-width: 4px;
	border-top-style: solid;
	margin-top: 4px;
}


div.feature a{
	text-decoration: none;
	font-weight: bold;
}

div.feature h4 strong{
	display: block;
}

/* FORMS */

form{
	margin: 0;
	padding: 2px 14px 6px 150px;
}

div#content form, div#content .dynamicContent, div#content div.flashMap{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	margin-bottom: 5px;
	position: relative;
}

div#content form h4{
	padding-top: 5px;
	margin-left: -140px;
	margin-bottom: -16px;
}

form p.signOff{
	margin: 10px 0 0 0;
	text-align: right;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 4px 0 0;
	margin-left: -136px;
	clear: left;
}

p.checkBoxGroup, span.checkBoxGroup{
	width: 110px;
	position:relative;
}

p.formLine{
	margin-left: 105px;
}

p.formLine em{
	position:absolute;
	margin-left: -105px;
	width: 95px;
}


/* FLASH MAP */
.flashMap{
	padding: 5px;
}

div.rpwFlashMap{
	border-width: 1px;
	border-style: solid;
	display: block;
}

.flashMap .contentBox{
	margin: 0;
	width: 587px;
}

html>body .flashMap .contentBox{
	width: 573px;
}

ul.mapSelector{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	width: 585px;
	height: 1.7em;
}

form ul.mapSelector{
	margin: 0 0 5px -145px;
	padding-top: 5px;
	width: auto;
}

ul.mapSelector li{
	display: inline;
}

ul.mapSelector li a{
	text-decoration: none;
	padding: 2px 16px 2px 8px;
	margin: 0 5px 0 0;
	font-size: 1.1em;
	text-align: center;
	display: block;
	float: left;
	background-position: top right;
	background-repeat: no-repeat;
}



/* GENERIC CONTENT */

.contentBox{
	padding: 6px;
	font-size: 1.2em;
	margin-top: 0;
}

.contentBox img{
	float: right;
	margin: 0 0 4px 8px;
}

.contentBox ol, .contentBox ul{
	margin: 0.3em 0;
	padding: 0 0 0 2em;
}

.contentBox li{
	margin: 0.3em 0;
}


div#content .contentBox h4{
	border-bottom-width: 0;
	font-size: 1.4em;
}


/* RESULTS */
ul.listing{
	list-style: none;
	margin: 0 0 6px;
	padding: 0;
}

ul.listing ul, ul.about{
	list-style: none;
	padding: 0;
	margin: 0 0 0 3px;
	float:left;
}

html>body ul.listing ul{
	margin-left: 0;
}

ul.listing p a.detailsLink{
	float: right;
	clear:left;
	margin-top: -1em;
}

ul.listing li{
	padding: 0.5em 1em 1em;
	margin: 1px 0 1em;
	border-width: 1px;
	border-style: solid;

}

ul.listing.newhomes li{
	margin-bottom: 7px;
}

ul.listing li ul li, ul.about li, ul.listing ul.newhomes li ul li{
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 1.5em;
	border: none;
	margin: 0;
}

ul.listing ul.newhomes li{
	padding: 0.4em 0 0 0;
	margin: 0.8em 0 0 0;
}

div#content ul.listing h4, div#content .contentBox h4, div#content .detailsContent h4{
	padding: 2px;
	margin: 0 0 4px;
}

div#content ul.listing ul.newhomes li h4{
	font-size: 1.2em;
}

div#content ul.listing h4{
	border-width: 0 0 1px 0;
	border-style: solid;
}

ul.listing li h5{
	float: right;
	padding: 2px 0.5em;
	margin: 0 0 4px 12px;
}


ul.listing a{
	text-decoration: none;
}

ul.listing li h4 a strong{
	float: right;
}

ul.listing a.thumbnailLink, ul.sublots a.thumbnailLink, ul.listing img.thumbnailLink{
	margin: 2px 1em 0 0;
}

p.noresults{
	margin: 6px 12px;
}


/* ABOUT US */
ul.about{
	float: none;
}

ul.about li{
	background-position: top left;
	margin-bottom: 0.5em;
}



/* RECORD NAVIGATION */

p.searchNavigation{
	font-size: 1em;
	margin: 0 0 10px;
	border-width: 1px;
	border-style: solid;
	padding: 0 1px;
	height: 1.6em;
}

p.searchNavigation strong, p.searchNavigation a{
	margin: 0 1px 0;
	padding: 0.2em 4px;
	float: left;
}

p.searchNavigation a{
	text-decoration: none;
}



/* OFFICES */


ul.listing.offices{
	margin-bottom: 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	padding: 5px 5px 0 5px;
}

ul.offices.compact p.address, ul.offices.compact p.contacts{
	white-space: nowrap;
	float: left;
	margin-right: 12px;
}

ul.offices.large p.address, ul.offices.large p.contacts{
	clear: none;
}

ul.offices.compact p.officeLinks{
	float: right;
}



div#content ul.offices h4{
	border: none;
}


p.officeLinks a{
	background-repeat: no-repeat;
	background-position: top left;
}

ul.offices.compact p.officeLinks a{
	height: 16px;
	width: 16px;
	float: left;
	display: block;
}

ul.offices.large p.officeLinks a{
	padding: 2px 0 2px 20px;
	margin-right: 20px;
	line-height: 20px;
}

ul.offices.compact p.officeLinks a span{
	display: none;
}

p.officeLinks a.officeProperties{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-homes.gif);
}
p.officeLinks a.officeMap{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-map.gif);
}
p.officeLinks a.officeEmail{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-email.gif);
}

div#content ul.offices .clearfix:after {
	clear:both;
}


/* DETAILS */

div#content div.propertyDetails h3{
	font-size: 1.4em;
	padding-top: 3px;
	padding-bottom: 3px;
}

.detailsContent{
	margin: 0;
	padding: 0 6px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

.detailsContent ul{
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
}


.detailsContent ul li{
	margin: 0.3em 0;
}

.detailsContent ul.list li, .detailsContent ul.roomList strong{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.detailsContent h5{
	margin: 0.8em 0 0.2em;
}

.detailsContent h6{
	font-size: 1em;
	margin: 6px 0 6px 8px;
	float: right;
	padding: 2px 6px;
}

p.caveat{
	font-size: 9px;
	margin-top: 2em;
}

.thumbnailGallery{
	clear:left;
}

.thumbnailGallery p.thumbnail{
	float: left;
	margin: 0 6px 6px 0;
}

.detailsContent .mainImg{
	margin: 0 6px 6px 0;
	float: left;
}

.thumbnailGallery p.thumbnail a.thumbnailLink{
	float: none;
}

ul.optionButtons{
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 0 0 6px;
	padding: 0;
	height: 24px;
}

ul.optionButtons li{
	float: left;
	padding: 1px 16px 0 2px;
	background-position: top right;
	background-repeat: no-repeat;
	line-height: 12px;
	margin-right: 5px;
}

ul.optionButtons li a{
	display: block;
	float: left;
	padding: 4px 4px 4px 28px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 6px 2px;
}

ul.optionButtons a.emailButton{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-info.gif);
}

ul.optionButtons a.printButton{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-print.gif);
}

ul.optionButtons a.mapButton{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-map.gif);
}

ul.optionButtons a.floorplanButton{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-floorplan.gif);
}

ul.optionButtons a.vtourButton{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-vtour.gif);
}

ul.optionButtons a.HIPButton{
	background-image: url(http://195.157.37.66/rpw_curr_pub/css/client-sites/v17/images/icon-hip.gif);
}



div#content .detailsContent h4{
	clear: both;
	margin: 8px -6px 0;
	padding: 2px 6px;
}

div#content .detailsContent .developerInfo h4{
	border: none;
	margin-top: 3px;
}

.detailsContent div.developerInfo{
	margin-bottom: 8px;
}

div#content .detailsContent h4 strong{
	float: right;
	padding: 2px 0.5em;
	margin: -1.5em 0 4px 12px;
	font-size: 0.8em;
}

.contactDetails{
	position:relative;
}

div#content ul.sublots h4, div#content ul.sublots h5{
	background: none;
	font-size: 1em;
	padding: 0;
	margin: 0;
	border: none;
	clear: none;
}
div#content ul.sublots h4{
	margin-right: 6px;
}

ul.sublots a{
	text-decoration: none;
}

ul.sublots li{
	padding: 2px 0;
	border-style: solid;
	border-width: 1px 0 0 0;
}

ul.sublots p{
	margin-bottom: 2px;
}

ul.sublots p.roomlist{
	margin-top: 0;
}

ul.sublots h4{
	float: left;
}

ul.sublots h5{
	float: right;
}

ul.sublots h5 strong{
	padding: 0 3px;
}

div.developerDetails h4.developerName{
	display: none;
}

/* PAGE SPECIFIC */

body.search div#content, body.index div#content{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

html>body.search div#content, html>body.index div#content{
	border-bottom-width: 0;
}

body.search-frame div#content, body.search-results-frame div#content, body.property-details-frame div#content{
	padding-left: 0;
	border: none;
}

body.search-frame div#pageContainer, body.search-results-frame div#pageContainer, body.property-details-frame div#pageContainer{
	width: auto;
}

body.search-frame .mainContent{
	border: none;
}

body.image-view div#pageContainer{
	border: none;
	padding: 0;
	margin: 0;
}
body{
	background-color: #F8F8F8;
	color: #333;
}

a{
	color: #888;
}

a:hover{
	color: #FFF;
}

h1, h2, h3, h4, h5, h6{
	color: #FFF;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #FFF;
}

/* PAGE CONTAINER */

div#pageContainer{
	background-color: #FFFFFF;
	border-color: #00253B;
}

/* BANNER */

div#banner{
	background-color: #00556B;
	background-image: url(http://195.157.37.66/rpw_curr_pub/images/gradient.php?col1=%2300556B&col2=%2330859B&w=1&h=50);
	border-top-color: #20758B;
	border-bottom-color: #FFFFFF;
}

div#banner h1{
	border-color: #FFFFFF;
	color: #FFF;
}

div#banner h1 a{
	color: #FFF;
}


div#banner{
	padding: 1em;
}
div#banner h1{
	background-image: url(../images/countrywide_logo1.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	height: 60px;
	padding: 0;
}

div#banner h1 span{
	display: none;
}




/* STATUS BAR */

p.statusBar{
	background-color: #888;
	border-color: #00556B;
	color: #FFFFFF;
}

p.statusBar a{
	color: #FFF;

}

p.statusBar a:hover{
	color: #333;
}



/* MAIN MENU */

div#menu{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%2300556B&bg=%23FFFFFF&position=top-right) top right no-repeat #00556B;
}

div#menu ul{
	border-color: #00556B;
}


div#menu ul.menu a, div#menu ul.menu h3{
	color: #FFF;
	border-bottom-color: #00556B;
}

div#menu ul.menu a:hover, div#menu ul.menu h3:hover{
	color: #BDAE94;
}

div#menu ul.menu ul{
	border-color: #FFFFFF;
}

div#menu ul.menu li{
	border-color: #FFFFFF;
}



/* MAIN CONTENT */

div#content{
	border-color: #FFFFFF;
}

div#content form, div#content .dynamicContent{
	background-color: #E8E8E8;
	border-color: #00556B;
}

div#content h4{
	background-color:transparent;
	color: #888;
}


div#content h3{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%2300556B&bg=%23FFFFFF&position=top-right) top right no-repeat #00556B;
}

div#content .dynamicContent strong, div#content .dynamicContent ul{
	color: #888;
}

div#content .dynamicContent ul li{
	color:  #333;
}


/* FEATURES */

div.feature ul{
	background-color: #E8E8E8;
	border-color: #00556B;
}

div.feature ul ul{
	list-style-image: url(http://195.157.37.66/rpw_curr_pub/images/arrow.php?size=7&fg=%23888&bg=%23E8E8E8&direction=right);
}

div.feature h4 a{
	color: #888;
}

div.feature h4 a:hover{
	color: #FFF;
}

div.feature h4 a strong{
	color: #FFF;
}

ul.featuredProperty h5{
	background-color: #888;
	color: #FFF;
}


/* FORMS */

form{
	color: #333;
}

form p.formLine em{
	background-image: url(http://195.157.37.66/rpw_curr_pub/images/arrow.php?size=9&fg=%23888&bg=%23E8E8E8&direction=right);
}

form p.signOff{
	border-color:#FFFFFF;
}


/* FLASH MAP */

.flashMap{
	background-color: #E8E8E8;
	border-color: #00556B;
}

div.rpwFlashMap{
	border-color: #00556B;
	background-color: #888;
}

div.rpwFlashMap{
	background-color: #888;
}

ul.mapSelector{
	border-color: #00253B;
}

ul.mapSelector a{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%23FFFFFF&bg=%23E8E8E8&position=top-right&size=14) top right no-repeat #FFFFFF;
	color: #333;
}

div#content ul.mapSelector li.active a{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%2300556B&bg=%23E8E8E8&position=top-right&size=14) top right no-repeat #00556B;
	color: #FFF;
}

ul.mapSelector a:hover{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%2300556B&bg=%23E8E8E8&position=top-right&size=14) top right no-repeat #00556B;
	color: #FFF;
}


/* THUMBNAILS */

a.thumbnailLink, img.thumbnailLink, img.mainImg, div.rpwImageCarousel{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%23FFF&bg=%23E8E8E8&position=bottom-left&size=9) bottom left no-repeat #FFF;
	border-color: #FFF;
}

a.thumbnailLink:hover{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%23888&bg=%23E8E8E8&position=bottom-left&size=9) bottom left no-repeat #888;
}


/* FEATURE */
div.feature a.thumbnailLink, ul.listing a.thumbnailLink{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%23FFF&bg=%23E8E8E8&position=bottom-left&size=9) bottom left no-repeat #FFF;
}

div.feature a.thumbnailLink:hover, ul.listing a.thumbnailLink:hover{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%23888&bg=%23E8E8E8&position=bottom-left&size=9) bottom left no-repeat #888;
}


/* GENERIC CONTENT */

.contentBox img{
	border-color:  #E8E8E8;
}



/* RESULTS */

ul.listing li, ul.sublots li, ul.listing ul.newhomes li{
	color: #333;
	border-color: #00556B;
	background-color: #E8E8E8;
	background-image: none;
}

.flashMap .contentBox{
	border-color: #FFFFFF;
	background-color: #E8E8E8;
}

div#content ul.listing h4{
	border-color: #888;
}

div#content ul.listing h4 a{
	color:  #00556B;
}

div#content ul.listing h4 a strong{
	color: #FFF;

}

ul.listing h5, .contentBox h5, .detailsContent h4 strong, .detailsContent h6{
	background-color: #888;
	color: #FFF;
}

div#content ul.listing a:hover{
	color: #FFF;
}

ul.listing ul li, ul.about li, ul.listing ul.newhomes li ul li{
	background-image: url(http://195.157.37.66/rpw_curr_pub/images/arrow.php?size=9&fg=%23888&bg=%23E8E8E8&direction=right);
}




/* RECORD NAVIGATION */

p.searchNavigation{
	border-color: #00556B;
	background-color: #E8E8E8;
	color: #FFF;
}

p.searchNavigation strong, div#content p.searchNavigation a:hover{
	background-color:#FFF;
	color: #888;
}

p.searchNavigation a{
	background-color:#888;
	color: #FFF;
}

/* OFFICES */

ul.offices{
	border-color: #00556B;
}

div#content ul.offices h4{
	color: #00556B;
}

ul.offices img.thumbnailLink{
	border-color: #FFF;
}


/* DETAILS */

.detailsContent{
	background-color: #E8E8E8;
	border-color: #00556B;
}

img.mainImg{
	border-color: #FFF;
}

.detailsContent a.thumbnailLink{
	background-color:  #FFF;
}

.detailsContent a.thumbnailLink:hover{
	background-color: #888;
}

div#content .detailsContent h4{
	background-color: #00556B;
	color: #FFF;
}



ul.optionButtons{
	border-color: #00556B;
}

ul.optionButtons li{
	background: url(http://195.157.37.66/rpw_curr_pub/images/chamfer.php?fg=%2300556B&bg=%23E8E8E8&position=top-right&size=14) top right no-repeat #00556B;
}

ul.optionButtons a{
	color: #FFF;
}

ul.optionButtons a:hover{
	color: #60B5CB;
}

.detailsContent ul.list li, .detailsContent ul.roomList strong{
	background-image: url(http://195.157.37.66/rpw_curr_pub/images/arrow.php?fg=%23888&bg=%23E8E8E8);
}


/* CONTACT DETAILS */
div#content .detailsContent div.contactDetails{
	background-color: #E8E8E8;
	border-color: #E8E8E8;
}

div#content .detailsContent .contactDetails ul.list li{
	background-image: url(http://195.157.37.66/rpw_curr_pub/images/arrow.php?fg=%23888&bg=%23E8E8E8);
}