/* PAGE CONTAINER */

div#pageContainer{
	width: 740px;
	margin: 0 auto;
}

/* BANNER */

div#banner{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 5px;
}

div#banner h1{
	margin: 0;
	padding: 0.5em 1em;
	font-size: 2em;
	border-top-width: 1px;
	border-top-style: solid;
}

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

/* STATUS BAR */
p.statusBar{
	margin: 0;
	padding: 3px 1em;
	font-weight: bold;
}

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

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


/* MAIN MENU */

div#menu{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	height: 24px;
}

div#menu ul.menu, div#menu ul.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#menu ul.menu li{
	float: left;
}
div#menu ul.menu ul li{
	float: none;
}
div#menu ul.menu a, div#menu ul.menu h3{
	font-size:1.2em;
	font-weight: bold;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	margin: 0;
	padding: 4px 1em 5px;
	text-decoration: none;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 1.3em;
}
div#menu ul.menu a:hover, div#menu ul.menu h3:hover{
	background-position: top left;
	background-repeat: no-repeat;
}

div#menu ul.menu ul{
	position: absolute;
	width: 17em;
	z-index: 500;
	border-right-width: 1px;
	border-right-style: solid;
}
div#menu ul.menu ul a, div#menu ul.menu ul h3{
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right: none;
	height: 1%;
	padding-left: 1em;
}
div#menu ul.menu ul ul{
	position: absolute;
	top: 0;
	left: 100%;
}

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{
	padding-left: 186px;
}

div#content h3{
	margin: 0 0 0.2em 0;
	padding: 4px 1em;
	background-position: top left;
	background-repeat: no-repeat;
	border-top-style: solid;
	border-top-width: 1px;
}

div#content h4{
	margin: 0 0 0.2em 0;
}

.mainContent{
	border-left-width: 1px;
	border-left-style: solid;
	float: left;
	margin-left: -1px;
	width: 544px;
}

/* FEATURES */

div.feature{
	float: left;
	width: 186px;
	border-right-width: 1px;
	border-right-style: solid;
	margin-left: -93px;
}

html>body div.feature{
	margin-left: -186px;
}

div.feature h3, div.feature h4{
	text-align: center;
}

div.feature ul{
	list-style: none;
	margin: 0.5em 15px;
	padding-left: 0;
}

div.feature ul ul{
	margin: 0;
	padding-left: 1.5em;
}

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

div.feature a.thumbnailLink, div.rpwImageCarousel{
	margin: 4px 1px;
}

html>body div.feature a.thumbnailLink, html>body div.rpwImageCarousel{
	margin: 4px 3px;
}

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

div.feature h4 strong{
	display: block;
}

/* FORMS */

form{
	border-width: 1px;
	border-style: solid;
	margin: 0 1em 1em;
	padding: 1em;
}

div#content form h4{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 4px;
	margin: 4px 0 8px;
}

form p.signOff{
	margin: 0;
	text-align: right;
}


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


div.rpwFlashMap{
	border-width: 0 1px 1px;
	border-style: solid;
	margin: 0;
	width: 530px;
}

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


ul.mapSelector{
	list-style-type: none;
	margin: -1.5em 0 -1px 0;
	padding: 0 9px 0 0;
	text-align: right;
	height: 21px;
}

form ul.mapSelector{
	margin-top: -3.2em;
	margin-right: -1.1em;
	padding-right: 0;
}


ul.mapSelector li{
	display: inline;
}

ul.mapSelector li a{
	text-decoration: none;
	padding: 2px 1em 4px;
	font-size: 1.2em;
	line-height: 20px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

div#content ul.mapSelector li a.active{
	border-bottom-width: 1px;
}

html>body ul.mapSelector{
	margin-right: 3px;
}

html>body form ul.mapSelector{
	margin-right: -1.1em;
	margin-top: -3.1em;
}


/* GENERIC CONTENT */

.contentBox, #content iframe{
	margin: 6px 1em;
	border-width: 1px;
	border-style: solid;
	padding: 6px;
}

.contentBox{
	font-size: 1.2em;
}

.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 h1, div#content .contentBox h2, div#content .contentBox h3, div#content .contentBox h4{
	background: transparent;
	border: none;
	padding: 0;
	margin: 0.4em 0;
}



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

/* THUMBNAILS */

a.thumbnailLink, img.thumbnailLink, img.mainImg, div.rpwImageCarousel{
	border-width: 5px;
	border-style: solid;
	display: block;
}

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

a.thumbnailLink img{
	border: none;
}

img.thumbnailLink{
	margin: 0 1em 0.5em 0;
}



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

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

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

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

}

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

ul.listing h4, .contentBox h4{
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-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 p a{
	text-decoration: underline;
}

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

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

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

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

ul.listing ul.newhomes li{
	padding: 0.4em 0 0 0;
	margin: 0.8em 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
}

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



/* RECORD NAVIGATION */

p.searchNavigation{
	line-height: 2em;
	font-size: 1.1em;
	margin: 0 8px 4px;
}

p.searchNavigation strong{
	border-width: 1px;
	border-style: solid;
	margin: 0 0.1em;
	padding:0 0.2em 0.1em;
}

p.searchNavigation a{
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	margin: 0 0.1em;
	padding:0 0.2em 0.1em;
}

p.searchNavigation a:hover{
	border-width: 1px;
	border-style: solid;
}

p.searchNavigation em{
	white-space: nowrap;
}


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

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


p.officeLinks a{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
}

p.officeLinks a span{
	display: none;
}

p.officeLinks a.officeProperties{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-homes.gif);
}
p.officeLinks a.officeMap{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-map.gif);
}
p.officeLinks a.officeEmail{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-email.gif);
}


/* DETAILS */

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

.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;
}

.thumbnailGallery{
	clear: left;
}

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

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

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

.caption{
	font-style: italic;
	font-size: 0.9em;
}




/* DEVELOPERS */


div#content div.detailsContent.development h3{
	font-size: 1.2em;
	border-width: 1px;
	border-style: solid;
	padding: 2px 6px;
	margin: 0 -6px;
}


img.developerLogo, a.thumbnailLink.developerLogo{
	border-width: 1px;
	border-style: solid;
}

.detailsContent img.developerLogo{
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
}

div#content .detailsContent.development h4.developerName{
	border: none;
}

div#content .detailsContent.development h4.developerName a{
	text-decoration: none;
}

div.developerInfo{
	margin-bottom: 12px;
}

ul.listing div.developerInfo{
	margin: 0;
}

ul.developerResults{
	margin-bottom: 12px;
}

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.developerInfo{
	padding-top: 6px;
}

div.developerInfo img.developerLogo{
	margin-top: 0;
}


ul.optionButtons, div#content .detailsContent ul.optionButtons{
	border-width: 1px;
	border-style: solid;
	margin: 0 -6px 6px;
	padding: 0;
}

ul.optionButtons li{
	display: inline;
}

ul.optionButtons li a{
	display: block;
	float: left;
	padding: 4px 1em 4px 28px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 6px 2px;
	border-right-width: 1px;
	border-right-style: solid;
}

ul.optionButtons a.emailButton{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-info.gif);
}

ul.optionButtons a.printButton{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-print.gif);
}

ul.optionButtons a.mapButton{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-map.gif);
}

ul.optionButtons a.floorplanButton{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-floorplan.gif);
}

ul.optionButtons a.vtourButton{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-vtour.gif);
}

ul.optionButtons a.HIPButton{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/css/client-sites/v9/images/icon-hip.gif);
}



div#content .detailsContent h4{
	font-size: 1.3em;
	margin: 4px 0;
	padding: 2px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	clear:both;
}

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

body.search-results div#content, body.property-details div#content, body.developersite div#content, body.office div#content, body.contact div#content, body.contact-step2 div#content{
	padding-left: 0;
}

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

body.dynamic div#content .mainContent{
	width: auto;
}

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{
	background-color: #FFF;
	color: #000;
}

a{
	color: #888;
}

a:hover{
	color: #999;
}

h1, h2, h3, h4, h5{
	background-color: #000;
	color: #FFF;
}

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



/* BANNER */

div#banner{
	background-color: #000;
	border-top-color: #202020;
	border-bottom-color: #FFF;
}

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



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

div#banner h1 span{
	display: none;
}






/* STATUS BAR */

p.statusBar{
	background-color: #999;
	color: #F9F9F9;
}

p.statusBar a{
	color: #C9C9C9;

}

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



/* MAIN MENU */

div#menu{
	background-color: #000;
	border-bottom-color: #000000;
	border-top-color: #202020;
}

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

div#menu ul{
	background-color: #000;
}

div#menu ul.menu a, div#menu ul.menu h3{
	border-color: #303030 #000000 #000000 #202020;
	color: #FFF;
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/chamfer.php?position=bottom-right&size=10&fg=%23888&bg=%23000);
}

div#menu ul.menu a:hover, div#menu ul.menu h3:hover{
	border-color: #C9C9C9 #797979 #696969 #B9B9B9;
	background-color: #999;
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/chamfer.php?position=bottom-right&size=10&fg=%23FFF&bg=%23999);
}

div#menu ul.menu ul a, div#menu ul.menu ul h3, div#menu ul.menu ul a:hover, div#menu ul.menu ul h3:hover{
	background-image: none;
}


div#menu ul.menu ul{
	border-right-color: #000000;
	border-bottom-color:  #000000;
}


/* MAIN CONTENT */

div#content{
	background-color: #999;
}

div#content h3{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/chamfer.php?position=bottom-right&size=10&fg=%23B9B9B9&bg=%23999);
	background-color: transparent;
	border-top-color: #B9B9B9;
}

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


.mainContent{
	border-left-color: #B9B9B9;
}


/* FEATURES */

div.feature{
	border-right-color: #B9B9B9;
	background-color: transparent;
	color: #FFF;
}

div.feature a{
	color: #FFF;
}
div.feature a:hover{
	color: #888;
}
div.feature ul ul{
	list-style-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/arrow.php?size=7&fg=%23FFF&bg=%23999&direction=right);
}

/* FORMS */

form, div#content iframe, div.rpwFlashMap, .flashMap .contentBox{
	background-color: #B9B9B9;
	border-top-color: #797979;
	border-left-color: #898989;
	border-right-color: #A9A9A9;
	border-bottom-color: #B9B9B9;
}

form h4, .contentBox h4{
	color: #000;
	border-color: #FFF;
}


form p.formLine em{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/arrow.php?size=9&fg=%23888&bg=%23B9B9B9&direction=right);
}



/* FLASH MAP */


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


ul.mapSelector{
	border-color: #B9B9B9;
}

ul.mapSelector a{
	color: #FFF;
	border-color: #FFF;
}

ul.mapSelector a{
	border-color: #797979;
}

div#content ul.mapSelector li.active a{
	border-top-color: #797979;
	border-left-color: #898989;
	border-right-color: #A9A9A9;
	color: #000;
	background-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
}

ul.mapSelector a:hover{
	background-color: #797979;
	color: #FFF;
}


/* THUMBNAILS */

a.thumbnailLink, img.thumbnailLink, div.rpwImageCarousel{
	border-color: #888;
}

a.thumbnailLink:hover{
	border-color: #FFF;
}


/* GENERIC CONTENT */

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

div#content .contentBox h1, div#content .contentBox h2, div#content .contentBox h3, div#content .contentBox h4{
	color: #000;
}

div#content .contentBox h1 a, div#content .contentBox h2 a, div#content .contentBox h3 a, div#content .contentBox h4 a{
	color: #888;
}

/* RESULTS */

ul.listing{
}

ul.listing li, .contentBox{
	border-color: #797979 #A9A9A9 #B9B9B9 #898989;
	background-color: #B9B9B9;
	color: #000000;
}

ul.listing h4, .contentBox h4{
	border-color: #000;
	color: #000000;
}

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

ul.listing h4 a, .contentBox h4 a{
	color: #000;
}

ul.listing h4 a:hover, .contentBox h4 a:hover{
	color: #888;
}


ul.listing a.thumbnailLink{
	border-color: #000;
}

ul.searchResults a.thumbnailLink:hover{
	border-color: #888;
}

ul.listing ul li, ul.listing ul.newhomes li ul li{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/arrow.php?size=9&fg=%23888&bg=%23B9B9B9&direction=right);
}

ul.listing ul.newhomes li{
	background-image: none;
}



/* RECORD NAVIGATION */

p.searchNavigation{
	border-bottom-color: #888;
}

p.searchNavigation strong{
	border-color: #888;
	color:#FFF;
}

p.searchNavigation a{
	border-color: #999;
	color: #FFF;
}

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





/* DETAILS */

.detailsContent{
	background-color: #B9B9B9;
	border-color: #696969 #B9B9B9 #C9C9C9 #797979;
}

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

.detailsContent a.thumbnailLink, .detailsContent img.thumbnailLink{
	border-color:  #000;
}

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

div#content div.detailsContent.development h3{
	background-color: #000;
	border-color: #303030 #000000 #000000 #202020;
	background-image: none;
}

img.developerLogo{
	border-color: #000;
}

div#content .detailsContent h4 a{
	color: #888;
}

div#content .detailsContent h4 a:hover{
	color: #000;
}

div#content .detailsContent h4, div#content ul.sublots h5{
	color: #000;
}

ul.sublots li, ul.listing ul.newhomes li{
	border-color: #C9C9C9;
}


ul.optionButtons{
	background-color: #999;
	border-color: #C9C9C9 #797979 #696969 #B9B9B9;
}

ul.optionButtons a{
	color: #FFF;
	border-right-color: #696969;
}

ul.optionButtons a:hover{
	background-color: #000;
	color: #FFF;
	border-color: #000;
}

.detailsContent ul.list li, .detailsContent ul.roomList strong{
	background-image: url(http://pod-102.dolphin-server.co.uk/rpw-public/images/arrow.php?fg=%23888&bg=%23B9B9B9);
}

