.greenBackground
{
	background-color:#99cc00;
}

.blueBackground
{
	background-color:#c4e2ff;
}

.orangeBackground, .yellowBackground
{
	background-color:#ffcc00;
}

.largeQuote img
{
	width:219px;
	height:219px;
}

.largeQuote
{
	height:199px;
}

html>body .largeQuote
{
	height:auto;
	min-height:199px;
}

.normalQuote img
{
	width:142px;
	height:142px;
}

.normalQuote
{
	height:122px;
}

html>body .normalQuote
{
	height:auto;
	min-height:122px;
}

.smallQuote img
{
	width:97px;
	height:97px;
}

.smallQuote
{
	height:77px;
}

html>body .smallQuote
{
	height:auto;
	min-height:77px;
}

.header blockquote
{
	overflow:hidden;	
	margin:0px;
	padding:0px;
}

.normal1
{
	height:4.4em;
}

.normal2
{
	height:4.4em;
	/* this needs some margin but this doesn't seem to be working...
	see  /what_we_do/rnli_gallantry */
	margin-bottom:20px;
}

.header .name
{
	color:Red;
	font-weight:bold;	
	margin:0px;
	margin-bottom:2px;
}

.images 
{
	border:soild 1px red;
}
.images ul { margin-left: -2px; } /* this removes the left margin from the first li, but it means that the li can still have a 3px margin either side */
.images li 
{
	float:left;	
	height: 240px;
	width:135px;
	margin-left:2px;
	margin-right:3px;
	margin-bottom:6px;
}

.images h2
{
	clear:both;
	background-color:#c4e1ff;
	height:2.4em;
	padding-left:3px;
	padding-right:3px;
}

.images li td,.images li th
{
	vertical-align:top;
}

.images li th
{
	padding-right:2px;
}


.img142 .listingtext
{
	margin-left: 152px;
}




.preview {  }
.preview h2 { background: transparent; }
.preview .landscape { border-top: 20px solid #FFFFFF;border-bottom: 20px solid #FFFFFF; clear: both; }
.preview .portraitWrapper { width: 425px; background: #FFFFFF; text-align: center; clear: both; margin: 2em auto 0 auto; float: none; }
html>body .preview .portraitWrapper {min-width: 425px; }
.preview .portrait { clear: both; }
.preview div {text-align: center !important; }
.preview img { float: none; clear: both; margin-top: -3px; }


.keyfeatures ul.lifeboats
{
	height: 1em;
	padding-top:2px;
}
.keyfeatures .lifeboats li { display: inline; float: left; }
.keyfeatures .listingtext { margin-left: 152px; }

.keyfeatures li li
{
	padding-right:4px;
	padding-left:4px;
	border-right:solid 1px #000066;
}

.keyfeatures li li.last
{
	border:0px;	
}

.listing.search
{
	height:400px;
}

html>body .listing.search
{
	height:auto;
	min-height:400px;
}