/*=======================================================
Clarence Dock Landing Page CSS
A lot of the css for this site is in with the main
Crosby site, so look there for most styles.
This file just overides some of those.
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*===============================================
override main background, main link colours etc 
================================================*/
body {
background:#779297 url(../images/clarencedock/bg_cd.png) center top;color:#CCC}
a {color:#FFF}
a:hover,a:active,a:focus {background:#FFF};
/*END override default styles*/

.divider {
	background-color:#3c6874;}



/*===============================================
add a secondary header/banner for the site 
================================================*/
#subsiteheader {
	width:740px;
	background:none;
	height:89px;
	margin-bottom:11px}

/*==========================================
override default breadcrumb styles
===========================================*/
#breadcrumb {
	font-weight:bold;
	margin:0px;
	position:absolute;
	left:13px;
	top:70px;
	color:#FFF}
#breadcrumb a {
	font-weight:bold;
	color:#FFF;
	background-image:url(../images/stjames/bc_sj.gif)}
#breadcrumb a:hover,#breadcrumb a:active,#breadcrumb a:focus {
	background-color:#ff791f;
	color:#FFF;
	text-decoration:none}



/*======================================================
override default styles for the various column elements
========================================================*/
/*#colM h2.tile {background-image:url(../images/stjames/tileheader_sh_colM.png)}
#colL h2.tile,#colR h2.tile {background-image:url(../images/stjames/tileheader_sh_colLR.png)}
#colR2 h2.tile {background-image:url(../images/stjames/tileheader_sh_colR2.png)}
#colFull h2.tile {background-image:url(../images/stjames/tileheader_sh_colFull.png)}*/
#colL,#colM,#colR,#colR2,#colFull {
	margin-right:3px}
#crosbycontainer img {
	border:0px!important;
}	
#crosbycontainer a img {
	border:0px!important;
	margin:0px!important;
	padding:0px!important;
}
#crosbycontainer {
	width:729px;
	background:url(../images/clarencedock/bg_container.png) repeat-y;

}
#colR2 {
	margin-right:-20px;
	width:549px
}
	


#leftCol {
	float:left;
	width:375px;
	padding-top:20px;
}
#leftCol img {
	text-align:center;
}
#rightCol {
	float:right;
	width:171px;
}

#leftCol p {
	margin-left:22px;
	margin-right:22px;
}

#contactdetails span {
	display:none;
}


#contactform {
	background:none!important;
	border:none!important;
}

.grey3back {
	padding:10px;
	color:#FFFFFF;
	font-size:1.5em;
	
}
	
/*==========================================
override default footer styles
===========================================*/
#footer,#footer a {
	color:#4e7681}
#footer a:hover,#footer a:active,#footer a:focus {
	background:#4e7681}
	



/* --- */


ul.cd-agentlogos
{
	list-style-type:none;
	margin:0 0 0 22px;
	padding:0 0 20px 0;
}

ul.cd-agentlogos li
{
	display:block;
		float:left;
	margin:0;
	height:84px;
}

ul.cd-agentlogos li a
{
	display:block;
	float:left;
	height:84px;
	letter-spacing:-1000em;
	text-indent:-999em;
	overflow:hidden;
	padding:0 0 0 0;
}

li.markham a
{
	width:93px;
	background:url(../images/clarencedock/markham.gif) no-repeat left center;
}

li.bsb a
{
	width:154px;
	background:url(../images/clarencedock/logobsb.gif) no-repeat left center;
}

li.knightfrank a
{
	width:85px;
	background:url(../images/clarencedock/logoknightfrank.gif) no-repeat left center;
}