/*  -----  START colours  ----- 

 	link red		#f24a4c;
 	visited			#993333;
	hover				#ff6666;

 	link blue		#0066cc;
 	visited			#006699;
	hover				#3399ff;

	grey				#999999;
					 
---------  END colours  -----  */



/*  -----  START basic  -----  */
body { margin: 0em; padding: 0em; color: #333333; font-size: 0.8em; font-family: arial; background: #ffffff; }
p { margin: 0em; padding: 0em;}
h1 { margin: 0em; padding: 0em; }
h2 { margin: 0em; padding: 0em; }
h3 { margin: 0em; padding: 0em; }
h4 { margin: 0em; padding: 0em; }
form { margin: 0em; padding: 0em; }
ul { margin: 0em; padding: 0em; }
ul li { margin: 0em; padding: 0em; list-style: none; }
dl { margin: 0em; padding: 0em; }
dl dt { margin: 0em; padding: 0em; list-style: none; }
dl dd { margin: 0em; padding: 0em; list-style: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
.underline { text-decoration: underline !important; }
a img{border:0 none; }
.center{ text-align:center; }
/*  -----  END basic  -----  */

.error{	color:red;}
.error ul{	margin:1em; padding:0 !important;}
.error ul li{ margin:0 !important; padding:0 !important;  list-style-type:disc;}
.error input{ border-color:red !important; background-color:#FDF9F9 !important;}

/*  -----  START general  -----  */
.title-top { margin-top: 0em; }
.clear { clear: both; }
br.clear-r { clear: right; }
br.clear-l { clear: left; }
.hidden { position: relative; top: -999em; left: -999em; } /* keep space */
.hidden-c { position: absolute; top: -999em; left: -999em; } /* collapse space */
.top-margin { margin-top: 1em; }
.bottom-margin { margin-bottom: 1em; }
.top-margin-s { margin-top: 0.5em; }
.bottom-margin-s { margin-bottom: 0.5em; }
.top-padding { padding-top: 1em; }
.bottom-padding { padding-bottom: 1em; }
.top-padding-s { padding-top: 0.5em; }
.bottom-padding-s { padding-bottom: 0.5em; }
address { font-style: normal; padding: 1em 0 1em 0; }
address span { display: block; padding-bottom: 0.5em; }
/*  -----  END general  -----  */



/*  -----  START main structure  -----  */
div#wrapper { width: 773px; margin: 0 auto; }
div#header {
	border-bottom: 6px solid #4f87bc;
	margin: 0em 25px 0em 25px;
	overflow: hidden;
}
div#body { width: 100%; float: left; }
div#left-nav { width: 156px; margin-left: 25px; float: left; display: inline; overflow: hidden; } /* width: 158px; */
div#content { width: 567px; margin-right: 25px; float: right; display: inline; overflow: hidden; } /* width: 569px; */
div#footer { margin: 10px 25px 0 25px; clear: both; overflow: hidden; }
/*  -----  END main structure  -----  */



/*  -----  START header  -----  */

#header h1 {
	float: left;
	width: 192px;
	height: 55px;
	overflow: hidden;
	background: url("../images/london-first-logo.png") no-repeat top left;
	font-size: 1em;
	
	margin: 20px 0 0 10px;
	position: absolute;
}
	
#header h1 a { width: 192px; height: 55px; display: block; }
#header h1 a:hover { text-decoration: none; }
#header h1 span { position: relative; left: -999em; }
#header #links {
	clear: both;
	float: right;
	margin-bottom: 10px;
	overflow: hidden;
}
#header #links a:link, #header #links a:active, #header #links a:visited {
	font-size: 11px;
	color: #333;
	border-left: 1px solid #9b003a;
	line-height: 16px;
	padding: 0 6px;
	display: block;
	white-space: nowrap;
}
#header #links li:first-child a {
	border-left: none;	
}
#header #links a:hover {
	text-decoration: underline;
}
#header #links li.subscribe a {
	background: url(../images/btn-rss.png) no-repeat right top;
	padding-right: 22px;
	width: 50px;
}
#header #links li.share a {
	border: none;
	padding: 0 0 0 12px;
}
#header div#site-tools { height: 1.25em; }
#header #site-tools { float: right; margin-bottom: 0.25em; }
#header #site-tools a:link, #header #site-tools a:active, #header #site-tools a:visited { color: #0066cc; margin-left: 1em; padding-left: 1.5em; font-size: 90%; }
#header #site-tools a:hover { color: #3399ff; }
#header #site-tools li.print a { background: url("../images/icon-print.gif") no-repeat 0em 0.1em; }
#header #site-tools li.print { display: none; }
#header #site-tools li.bookmark a { background: url("../images/icon-bookmark.gif") no-repeat 0em 0.1em; }
#header #site-tools li.bookmark { display: none; }
#header #site-tools li.email a { background: url("../images/icon-email.gif") no-repeat 0em 0.1em; }
#header form {
	float: right;
	margin: 15px 0 10px 0;
}
.fSearchLabel {
	position: absolute;
	left: -9999px;
}
#fSearch {
	border: 1px solid #b1b4b7;
	float:left;
	padding: 2px;
}
#fSearchgo {
	background: url("../images/btn-go.png") no-repeat left top;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 22px;
	margin: 0 0 0 4px;
	padding: 0;
	text-indent: -9999px;
	width: 30px;
}
#header fieldset {
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#header ul li { float: left; }
#header label { }
#header input.text-box { float: left; background: url("../images/input-wrapper.gif") no-repeat top left; border: none; height: 25px; padding: 5px 0 0 5px; }
#header div.text-box { float: left; background: url("../images/input-wrapper-end.gif") no-repeat top right; height: 25px; padding-right: 5px; margin-left: 0px; display: inline; }
#header div.btn { margin-top: 0.15em; margin-left: 0.5em; display: inline; }
/*  -----  END header  -----  */



/*  -----  START left nav items  -----  */
#left-nav ul {
	font-weight: bold;
}
#left-nav ul li {
	font-size: 11px;
}
#left-nav ul li ul { display: none; }
#left-nav ul li ul li { display: none; }
#left-nav ul li.selected { }
#left-nav ul li.selected a:link, #left-nav ul li.selected a:active, #left-nav ul li.selected a:visited {
	color: #4f87bc;
}
#left-nav ul li.selected a:hover { }
#left-nav ul li.selected li { }
#left-nav ul li.selected li a:link, #left-nav ul li.selected li a:active, #left-nav ul li.selected li a:visited {
	background: url(../images/icon-link-arrow-blue.png) no-repeat 10px 14px;
	border-bottom: none;
	color: #4f87bc;
	padding: 10px 25px;
}
#left-nav ul li.selected li a:hover {
	background: url(../images/icon-link-arrow-red.png) no-repeat 10px 14px;
	color: #b40055;
}
#left-nav ul li.selected li.selected ul { }
#left-nav ul li.selected li.selected li { }
#left-nav ul li.selected li.selected li a:link, #left-nav ul li.selected li.selected li a:active, #left-nav ul li.selected li.selected li a:visited { }
#left-nav ul li.selected li.selected li a:hover { }
#left-nav ul li.selected a { }
#left-nav ul li.selected ul {
	background: #edf3f8;
	border-bottom: 1px solid #d0d0d0;
	display: block;
}
#left-nav ul li.selected ul li {
	display: block;
	font-weight: normal;
}
#left-nav ul li.selected ul li ul li { display: none; }
#left-nav ul li.selected ul li.selected { display: block; font-weight: bold; }
#left-nav ul li.selected ul li.selected { }
#left-nav ul li.selected ul li.selected ul { display: block; }
#left-nav ul li.selected ul li.selected ul li { display: block; }
#left-nav ul li.selected ul li ul li.selected { display: none; }
#left-nav ul li.selected ul li.selected ul li.selected { display: block; }
#left-nav ul li.selected ul li.selected ul li.selected a:link, #left-nav ul li.selected ul li.selected ul li.selected a:active, #left-nav ul li.selected ul li.selected ul li.selected a:visited { }
#left-nav ul li.selected ul li.selected ul li.selected a:hover { }
#left-nav ul li a:link, #left-nav ul li a:active, #left-nav ul li a:visited {
	color: #707070;
	border-bottom: 1px solid #d0d0d0;
	display: block;
	padding: 12px;
}
#left-nav ul li a:hover {
	color: #4f87bc;
	border-bottom: 1px solid #4f87bc;	
}
#left-nav #footer-sponsors { width: 152px; float: left; display: inline; margin-top: 2em; padding-top: 0em; text-align: center; }
#left-nav #footer-sponsors p {  }
#left-nav #footer-sponsors img { margin-top: 5px; }
/*  -----  END left nav items  -----  */



/*  -----  END footer  -----  */

#footer {
	background: #ededed url(../images/bg-footer.png) repeat-x 0 0;
	border-top: 1px solid #b1b4b7;
	padding: 20px 10px;
}

#footer ul { clear: both; font-size: 11px; margin: 0; padding: 0; }
#footer ul li { float: left; white-space: nowrap; margin: 5px 10px 5px 0; padding-right: 0.5em; }
#footer ul li.last { background: none; margin-left: 0em; padding-left: 0em; }
#footer ul.first-row { }
#footer ul.first-row li { border-right: 1px solid #9b003a; }
#footer ul a:link, #footer ul a:active, #footer ul a:visited { color: #333; }
#footer ul a:visited { /*color: #993333;*/ }
#footer ul a:hover {  }
/*  -----  START footer  -----  */



/*  -----  END content  -----  */
#content #banner-hp {
	background: url("../images/banner-homepage-02.jpg") no-repeat top left;
	border-bottom: 3px solid #d0d0d0;
	height: 176px;
	margin: 0 0 20px 17px;
	overflow: hidden;
	width: 550px;
}
#content #banner { background-repeat: no-repeat; background-position: top left; width: 568px; height: 101px; }
#content .banner1 { background-image: url("../images/banners/1.jpg"); }
#content .banner2 { background-image: url("../images/banners/2.jpg"); }
#content .banner3 { background-image: url("../images/banners/3.jpg"); }
#content .banner4 { background-image: url("../images/banners/4.jpg"); }
#content .banner5 { background-image: url("../images/banners/5.jpg"); }
#content .banner6 { background-image: url("../images/banners/6.jpg"); }
#content .banner7 { background-image: url("../images/banners/7.jpg"); }
#content .banner8 { background-image: url("../images/banners/8.jpg"); }
#content .banner9 { background-image: url("../images/banners/9.jpg"); }
#content .banner10 { background-image: url("../images/banners/10.jpg"); }
#content .banner11 { background-image: url("../images/banners/11.jpg"); }
#content .banner12 { background-image: url("../images/banners/12.jpg"); }
#content .banner13 { background-image: url("../images/banners/13.jpg"); }
#content .banner14 { background-image: url("../images/banners/14.jpg"); }
#content .banner15 { background-image: url("../images/banners/15.jpg"); }
#content .banner16 { background-image: url("../images/banners/16.jpg"); }
#content .banner17 { background-image: url("../images/banners/17.jpg"); }
#content .banner18 { background-image: url("../images/banners/18.jpg"); }
#content .banner19 { background-image: url("../images/banners/19.jpg"); }
#content .banner20 { background-image: url("../images/banners/20.jpg"); }

#content #gutter {
	margin-left: 17px;
}
#content ul.bread-crumb { padding: 0.5em 0 1.25em 0; font-size: 90%; }
#content ul.bread-crumb li { float: left; white-space: nowrap; padding-left: 0em; margin-left: 0em; }
#content ul.bread-crumb li a:link, #content ul.bread-crumb li a:active, #content ul.bread-crumb li a:visited { background: url("../images/bread-crumb.gif") no-repeat center right; margin-right: 0.5em; padding-right: 1em; }
#content ul.bread-crumb li a:visited {  }
#content ul.bread-crumb li a:hover {  }
#content #side-bar-one { background: #ffffff; width: 195px; float: right; }
#content #side-bar-two { background: #ffffff; width: 195px; float: right; clear: right; }
#content #side-bar-one-wide { background: #ffffff; width: 325px; float: right; }
#content #side-bar-one-wide .list-outer { width: 314px; }
#content h2 { color: #4f87bc; font-size: 130%; padding: 0.25em 0 0.25em 0; margin: 0.25em 0 0.75em 0; background: url("../images/divider.gif") repeat-x bottom left; }
#content h2.tag-line {
	font-size: 32px;
	font-weight: normal;
	color: #fff;
	padding: 20px;
	margin: 0;
	background: none;
}
#content h2.tag-line a {
	color: #ccc;
}
.cufon-loading h2 {
	visibility: hidden !important;
}
#content .under-line { background: url("../images/divider.gif") repeat-x top left; clear: left; }
#content h3 { font-size: 100%; margin-bottom: 0.25em; }
#content h4 { border: 1px dashed blue; }
#content p { margin-bottom: 0.75em; }
#content p.high-light { color: #135ca0; font-size: 110%; font-weight: bold; }
#content a:link, #content a:active, #content a:visited { color: #B40055; }
#content a:visited { /*color: #993333;*/ }
#content a:hover { }
#content .list-outer { width: 184px; background: url("../images/side-bar-box-bottom.gif") no-repeat bottom right; font-size: 0.9em; margin-bottom: 1em; padding-bottom: 0.75em; }

#content .list-outer ul { background: url("../images/side-bar-box-top.gif") no-repeat top left; padding: 0.75em 0em 0em 0em; }
#content .list-outer ul li { padding-bottom: 0.5em; padding-left: 0em; margin-left: 1em; background: url("../images/bullet.gif") no-repeat 0em 0.35em; padding-left: 1em; }
#content .list-outer ul li a:link, #content .list-outer ul li a:active, #content .list-outer ul li a:visited { color: #0066cc; }
#content .list-outer ul li a:visited { color: #006699; }
#content .list-outer ul li a:hover { color: #3399ff; }
#content .list-outer ul li span { font-weight: bold; color: #0066cc; }
#content .side-pad { margin-left: 9px; }
#content .box-row {
	float: left;
	margin-bottom: 12px;
	width: 550px;
}
#content .box-row.primary {
		background: url(../images/bg-col-1.png) repeat-y 0 0;
}
#content .box-row.secondary {
		background: url(../images/bg-col-2.png) repeat-y 0 0;
}
#content .spotlight-box {
	float: left;
	overflow: hidden;
	padding: 8px;
	width: 160px;
}
#content .spotlight-box.middle {
	margin: 0 11px;
}
#content .spotlight-box h2 {
	background: none;

	font-size: 25px;
	margin: 0 0 10px 0;
	padding: 0;
}
#content .spotlight-box h2 a {
	color: #fff !important;
	text-decoration: none;	
}
#content .spotlight-box p,
#content .spotlight-box li {
	color: #fff;
}

#content .spotlight-box li, #content .spotlight-box .wysiwyg li {
	background: url(../images/icon-link-arrow.png) no-repeat left 4px;
	margin: 0;
	padding: 0 0 0 12px;
}

#content .box-row.primary .spotlight-box.left a {
	color: #ffd9ea;
}

#content .box-row.primary .spotlight-box.middle a {
	color: #fff0d9;
}

#content .box-row.primary .spotlight-box.right a {
	color: #cfffee;
}

#content .box-row.secondary .spotlight-box.left a {
	color: #dceeff;
}

#content .box-row.secondary .spotlight-box.middle a {
	color: #e0e0e0;
}

#content .box-row.secondary .spotlight-box.right a {
	color: #ffe0f7;
}

#content .spot-video object {
	margin: 0 0 10px -8px;
} 

#content .spot-video p {
	margin-top: 10px;
	}

#content ul { padding-bottom: 1em; }
#content ul li { padding-bottom: 0.5em; margin-left: 10px; padding-left: 30px; }
#content ul.logo li, .wysiwyg ul li { background: url("../images/bullet-blue-square.gif") no-repeat 15px 5px; }
#content .mandatory { font-weight: bold; color: #135ca0; }
#content .row { padding: 0.35em 0 0.35em 0; float: left;  clear: both;  width: 100%;}
#content .alt { background: #eeeeee; }
#content .row label { width: 200px; float: left; padding-left: 1em; margin-top: 0.15em; }
#content .row input.text { width: 250px; border: 1px solid #135ca0; background: #f9f8fd; padding: 2px; }
#content .row textarea { width: 254px; border: 1px solid #135ca0; background: #f9f8fd; }
div.btn { background: url("../images/btn-right.gif") no-repeat top right; border: none; height: 21px; float: left; padding-right: 4px; }
input.btn { background: url("../images/btn-left.gif") no-repeat top left #b9191d; border: none; cursor: pointer; float: left; height: 21px; color: #ffffff; margin-top: 0em; margin-left: 0em; font-size: 90%; padding: 0em 0em 0.1em 15px; font-weight: bold; }
#content ul.paging { float: right; clear: right; margin: 0 1em 1em 0; padding: 0em; }
#content ul.paging li { float: left; margin: 0 0 0 0.5em; padding: 0 0 0 0; color: #999999; }
#content ul.paging li a { font-weight: bold; }
#content ul.paging li.first span { background: url("../images/page-first.gif") no-repeat top left; padding-left: 0.75em; }
#content ul.paging li.first a { background: url("../images/page-first-link.gif") no-repeat top left; padding-left: 0.75em; }
#content ul.paging li.last span { background: url("../images/page-last.gif") no-repeat top right; padding-right: 0.75em; }
#content ul.paging li.last a { background: url("../images/page-last-link.gif") no-repeat top right; padding-right: 0.75em; }
#content ul.results, #content dl.results  { clear: right; float: right; width: 100%; margin-bottom: 1em; padding-bottom: 0em; }
#content ul.results li { margin-bottom: 0em; }
#content ul.results li a:link, #content ul.results li a:active, #content ul.results li a:visited { color: #0066cc; }
#content ul.results li a:visited { color: #006699; }
#content ul.results li a:hover { color: #3399ff; }
#content dl.results { clear: right; float: right; width: 100%; margin-bottom: 1em; padding-bottom: 0em; }
#content ul.results li { margin-bottom: 0em; }
#content dl.results dt span { display: block; font-weight: bold; font-size: 80%; color: #808080; }
#content dl.only-titles dt { margin-bottom: 1.25em; }
#content dl.results dd { margin: 0.25em 0 1.25em 0.5em; }
#content .results a:link, #content .results a:active, #content .results a:visited { color: #0066cc; }
#content .results a:visited { color: #006699; }
#content .results a:hover { color: #3399ff; }
#content .faq { margin: 2em 0 1em 0em; }
#content .faq dt { font-weight: bold; }
#content .faq dd { margin: 0.25em 0 1.25em 1em; }
#content .search-items select { float: left; width: 80%; margin: 0 1em 2em 0; }
#content .site-map { width: 50%; float: left; }
#content .site-map a:link, #content .site-map a:active, #content .site-map a:visited { color: #0066cc; }
#content .site-map a:visited { color: #006699; }
#content .site-map a:hover { color: #3399ff; }
#content ul.site-map { margin: 0em; padding: 1em 0 0 0; }
#content ul.site-map li { margin: 0 0 0 1em; padding: 0 0 1em 2.5em; background: url("../images/bullet-blue-square.gif") no-repeat 0em 2px; }
#content ul.site-map ul { margin: 0em; padding: 0.5em 0 0 1em; }
#content ul.site-map ul li { margin: 0em; padding: 0em; background: none; }
#content ul.site-map ul ul { margin: 0em; padding: 0.5em 0 1em 1em; }
#content ul.site-map ul ul li { margin: 0em; padding: 0em; background: none; }

#content ul.member { padding-bottom: 1em; float: left; width: 100%; }
#content ul.member li { width: 45%; float: left; padding: 0.5em 0 2em 0; text-align: center; }
#content ul.member li a { padding-top: 65px; display: block; width: 100%; }
#content .member-royal-mail { background: url("../images/members-logos/royal-mail-logo.gif") no-repeat top center; }
#content .member-argent-group { background: url("../images/members-logos/argent-logo.gif") no-repeat top center; }
#content .member-deloitte { background: url("../images/members-logos/deloitte-logo.gif") no-repeat top center; }
#content .member-easynet { background: url("../images/members-logos/easynet-logo.gif") no-repeat top center; }

#content ul.board { padding-bottom: 1em; padding-top: 1em; float: left; width: 100%; }
#content ul.board li { width: 200px; float: left; padding: 0.5em 0 2em 60px; text-align: left; }
#content ul.board li span { font-weight: bold; display: block; }
#content ul.board li a { display: block; }
#content li { background-repeat:no-repeat; background-position:top left; }

#content .members2col1{
	width:47%; float:left; padding-right:6%;
}
#content .members2col2{
	width:46.9%; float:left;
}
#content .members2col li{
	margin:0.5em 0; padding:0; list-style-type:none;
}
#content .members2col ul{
	margin:-0.5em 0 1em !important; padding:0; list-style-type:none;
}
#content .membertable{
	margin:1em auto;
}
#content .membertable td{
	height:66px; vertical-align:middle; padding-right:1em; padding-bottom:1em;
}
/*  -----  START content  -----  */



/*  -----  START homepage grey boxes  -----  */
#content .box-outer { width: 184px; background: url("../images/box-outer.gif") no-repeat bottom right; font-size: 0.9em; margin-bottom: 1em; }
#content .box-inner { width: 100%; overflow: hidden; background: url("../images/box-outer-top.gif") no-repeat top right; padding-top: 3px; }
#content .box-outer h2 { background: url("../images/bullet.gif") no-repeat 10px 7px; font-size: 100%; margin: 0em; padding: 0em; }
#content .box-outer h2 a:link, #content .box-outer h2 a:active, #content .box-outer h2 a:visited { display: block; padding: 0.25em 11px 0.25em 21px; color: #4f87bc; }
#content .box-outer h2 a:hover { background: url("../images/box-hover.gif") repeat-y top left; text-decoration: none; color: #ffffff; } 
#content .box-outer h2.selected a:link, 
#content .box-outer h2.selected a:active, 
#content .box-outer h2.selected a:visited { display: block; padding: 0.25em 11px 0.25em 21px; color: #ffffff; background: url("../images/box-hover.gif") repeat-y top left; }
#content .box-outer h2.selected a:hover { text-decoration: none; color: #4f87bc; background: url("../images/box-hover-select.gif") repeat-y top left; } 
#content .box-outer label { position: absolute; top: -99em; left: -99em; }
#content .box-outer p { font-size: 95%; width: 150px; margin: 0 auto; padding: 0.5em 0 1em 0; }
#content .box-outer div.select { width: 150px; background: #eff3f8; padding: 0.25em; border: 1px solid #b1b4b7; margin: 0 auto; margin-top: 0.5em; }
#content .box-outer select { width: 150px; border: none; background: #eff3f8; }

#content .wbox-outer { width: 567px; background: url("../images/wbox-outer.gif") no-repeat bottom right; font-size: 0.9em; margin: 0.5em 0; }
#content .wbox-inner { width: auto; overflow: hidden; background: url("../images/wbox-outer-top.gif") no-repeat top right; padding:1em; }

#content .closelink { float:right; padding-left:1em;}
#content .closelink a:link, #content .closelink a:active, #content .closelink a:visited { background: url("../images/bullet.gif") no-repeat 10px 7px; display: block; padding: 0.25em 11px 0.25em 21px; color: #4f87bc; }
#content .closelink a:hover { background: url("../images/box-hover.gif") repeat-y top left; text-decoration: none; color: #ffffff; } 

#content .image-box { width: 159px; height: 71px; margin: 0 auto; background-repeat:no-repeat; background-position:top right; }
#content .box-flowleft { float: left; margin-right: 1px; }
#content .box-flowright { float: right; }
#content .box-middle { width: 176px; margin-left: 4px; background: url("../images/box-inter-top.gif") no-repeat top right; padding-top: 1em; padding-bottom: 1em; }
#content .box-middle-nopad { width: 176px; margin-left: 4px; background: url("../images/box-inter-top.gif") no-repeat top right; padding-top: 1em; padding-bottom: 5px; }
#content .box-middle-nopad p { padding-bottom: 1.9em !important; }
#content .box-middle-bottom { background: url("../images/box-inter-bottom.gif") no-repeat bottom right; min-height:12.7em;}
* html #content .box-middle-bottom{ height: 12.7em; }

#content .box-outer .flashcontainer{
	padding:0 8px;
}

div#content div.wysiwyg ul li { background: url("../images/bullet-blue-square.gif") no-repeat 15px 5px; }

/*  -----  END homepage grey boxes  -----  */