@charset "utf-8";
/* CSS Document */

/*.dummy {
height:273px;
width: 30px;
left: -30px;
top:465px;
position:absolute;
background-color:pink;
}*/

body, html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

.SolidButton
{
	opacity:1;
	filter:alpha(opacity=100);
	border:1px solid white;
	z-index:10;
}

.LogoHolder, .MenuHolder
{
	position:relative;
}

ul
{
	margin: 0px 0px 0px -3px;
	padding: 0px;
}

ul.HomePageText li
{
	background-image: url("../images/HomePanelVertical.jpg");
	background-repeat: no-repeat;
	list-style: none outside none;
	height:320px;
	width:175px;
	position:relative;
	float:left;
	/*z-index:-10; fly out menu must go over Expert, Savings etc panels on the home page - not needed for firefox or IE 8 and in fact stops the links from working*/
}

ul.HomePageText h2
{
	font-weight: bold;
	/*margin-left: 100px;
	margin-top:40px;	*/
	top:22px;
	left: 50px;
	margin: 0px;
	position:absolute;
}

ul.HomePageText .ClientsVMR.html
{
	font-size: 16px;
	font-weight: bold;
	/*margin-left: 100px;
	margin-top:40px;	*/
	top:18px;
	left: 50px;
	margin: 0px;
	position:absolute;
	line-height:110%;
}

ul.HomePageText .HomePageHeaderSmall a:link, ul.HomePageText .HomePageHeaderSmall a:visited
{
	text-decoration:none;
	color:#89AACE;
	font-size:15px;
	line-height:110%;
}

ul.HomePageText .HomePageHeaderSmall a:hover, ul.HomePageText .HomePageHeaderSmall a:active
{
	text-decoration:underline;
	color:#204684;
}

ul.HomePageText p
{
	text-align:left;
	/*margin: 60px 20px 10px 20px;*/
	top:50px;
	left:20px;
	position:absolute;
	font-size:14px;
	/*margin-left:-4px;*/
	margin-right:11px;
	line-height:110%;
	/*padding-left:5px;*/
}


ul.HomePageText .FirstLetter {
    /*font-weight:bold;
	color:#555555;*/
}

ul.HomePageText .PanelFeatures
{
	position:relative;
	margin-left:24px;
	margin-top:130px;
	width:120px;
	line-height:100%;
	font-size:13px;
}

ul.HomePageText .PanelFeatures div
{
	margin-bottom:5px;
	font-style:italic;
	/*color:#444444;*/
}

ul.HomePageText  ul.PanelBullets
{
	margin-left:28px;
	margin-top:110px;
	width:120px;
	line-height:100%;
}
	
ul.HomePageText .PanelBullets li
{
	background-image:none;
	width: auto;
	height: auto;
	list-style:disc outside none;
	font-size:12px;
	position:relative;
	float:left;
	/*z-index:-10;  fly out menu must go over Expert, Savings etc panels on the home page*/
}

.HomePagePanel
{
	margin-left:10px;
}

.HomeImage
{
	background-image:url(../images/WorkingWithUs.jpg);
	/*border: 1px solid red;*/
	height:275px;
	width: 100%;
}

.HomeImageShort
{
	background-image:url(../images/WorkingWithUs.jpg);
	/*border: 1px solid red;*/
	height:200px;
	width: 100%;
}

.HomeImageFlash
{
	/*border: 1px solid red;*/
	text-align:left;
	height:275px;
	width: 100%;
}

.LeftHandColumn
{
	float:left;
	font-size:10pt;
	padding-bottom:60px;
	width:52%;
}

.RightHandColumn
{
	float:right;
	font-size:10pt;
	margin-right:10px;
	padding-bottome:60px;
	width:46%;
}

.PhoneIcon
{
	width: 60px;
	height: 60px;
	padding-top:0px;
	float: left;
}

.PhoneNumber
{
	float:right;
	font-size:14px;
	padding-bottom:10px;
	padding-right:4px;
}

.CallUs
{
	padding-top:10px;
	float:right;
	padding-right:4px;
	padding-bottom:5px;
	font-size:16px;
}

.EmbeddedImage
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:400px;
	border:none;
}

.EmbeddedImage#Returns
{
	width:470px;
}

.MainPageText
{
	font-size:16px;
	line-height:130%;
	padding:10px;
	color:555555;
	position: relative;  /* needed so menu links on the rhs can be positioned absolutely */
	min-height: 290px;
}

.HomePageMainPageText
{
	font-size:16px;
	line-height:130%;
	padding:3px 0px 10px 2px;
	color:555555;
	min-height: 250px;
	/* z-index: -10; allow flyover menu to come across on top, not needed for firefox or IE 8 and in fact stops the links from working*/
}

.LoginLink
{
	color:#204684;
	background-color:#acc0dd;
	font-size:16px;
	padding: 5px 0px 5px 10px;
	margin: 0px 1px 1px 0px;
	width:174px;
}

.DropShadow1
{
	/*margin: -1px 0px 0px 0px;*/
	background-image:url(../images/NavigationShadow.jpg);
	height: 27px;
	width:184px;
	/*outline:1px solid purple;*/
	position:absolute;
	top: 28px;
	/*z-index:-10;*/
}

.DropShadow2
{
	margin: 0px 0px 0px 0px;
	background-image:url(../images/NavigationShadow.jpg);
	height: 27px;
	width:184px;
	top:431px;
	/*z-index:-10;*/
	position:absolute;
	/*outline:1px solid purple;*/
}

.DropShadow3
{
	margin: 0px 0px 0px 0px;
	background-image:url(../images/NavigationShadow.jpg);
	height: 27px;
	width:184px;
	top:738px;
	/*z-index:-10;*/
	position:absolute;
	/*outline:1px solid purple;*/
}

.ContactPanel
{
 	border-color: #204684;
	border-width: 2px;
	border-style: solid;
	color: #204684;
	border-top-style: solid;
	border-top-width: 30px;
	position:absolute;
	top: 306px;
	width:175px;
	padding: 15px 0px 18px 5px;
	z-index:20;
	/*outline:1px solid green;*/
}

.QuotePanel
{
 	border-color: #204684;
	border-width: 2px;
	border-style: solid;
	color: #204684;
	margin-top: 2px;
	border-top-style: solid;
	border-top-width: 2px;
	position:absolute;
	top: 465px;
	width:165px;
	height:260px; /*hopefully an explicit height will sort out Safari/Firefox on Mac issue where drop shadow was too low*/
	padding: 0px 5px 8px 10px;
	font-size:13px;
	z-index:20;
	/*outline:1px solid green;*/
}


.TitleBar
{
	color:#FFFFFF;
	background-color:#204684; /*dark blue*/
	font-size:16px;
	padding:5px 10px 7px 10px;
	float:left;
	width:85%;
}

.TitleBarPart2/*dummy - fill bar with different colour*/
{
	background-color:#e4e3ef; /*grey/taupe colour*/
	/*border: 1px solid red;*/
	font-size:16px;
	padding:5px 0px 7px 0px;
	position:absolute;
	right:0px;
	width:20%;
}

.TitleBarContainer
{
	position:relative;
	/*border:1px solid green;*/
	z-index: -10; /*allow flyover menu to come across on top */
}

.clear
{
 	clear:both;
}

.FeatureText
{
	float:left;
	padding:10px 5px 10px 5px;
	text-align:left;
}

.FeatureTextItem
{
	color:#d5eff7;
	font-size:26pt;
	/*font-weight:bold;*/
	padding:10px 0px 10px 0px;
}

.HeaderTextItem
{
	color:#d5eff7;
	font-size:24pt;
	padding:10px 0px 10px 15px;
}

.NavigationColumn
{
	width:100%;
	text-align:center;
	margin-left:0px;
	min-width:250px;
}

/*FLYOUT MENU CODE*/
.cssfly {
position:absolute;
top:58px;
left:0px;
}

.cssfly ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
 width:173px; /*if these dimensions are on li instead, can't always move right into flyout*/
 height:20px;
text-align:left; 
border:1px solid #ACC0DD;
border-width:0px 1px 1px 1px; 
background: #204684; 
color:#ACC0DD;
line-height:19px;
font-size:15px;
padding: 5px 0px 5px 10px;
z-index:10;
position:relative;
}

.cssfly ul 
{padding:0;
 margin:0;
 list-style-type: none;
 }
 
.cssfly ul li 
{float:left; 
 margin-right:0px;
 position:relative;
}
 
.cssfly ul li ul 
{display: none;}

.cssfly ul li:hover a 
{color:#fff; 
 background:#000;
}

.cssfly ul li:hover ul 
{
 display:block; 
 position:absolute; 
 top:0;
 left:184px;  /* determines position of flyout */ 
}

.cssfly ul li:hover ul li a.hide 
{
 background:#ccc; 
 color:#000;
}




.cssfly ul li:hover ul li a 
{
 display:block; /*appearance of first level flyout*/
 background:#ccc; 
 color:#000; 
 font-size:13px;
 width:209px;
 position:relative;
}

.cssfly ul li:hover ul li a:hover 
{
 background:#f1f76f; /*yellow*/
 color:#000;
}

/*  Think these are for 3rd level of menu

.cssfly ul li:hover ul li ul 
{
display: none;
}

.cssfly ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:151px; 
top:0; 
color:#000;
}


.cssfly ul li:hover ul li:hover ul li a {
display:block;
 width:290px; 
 background:#dfc184;
 color:#000;
}

.cssfly ul li:hover ul li:hover ul li a:hover 
{background:#bd8d5e;
color:#fff;
}

.cssfly ul li:hover ul li:hover a.hide 
{
 width:150px;
}
*/

body {
 display:block;
 width:100%;
 height:100%;
 padding:0px;
 margin:0px;
 font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
 background-color:#ffffff;
 font-size:14px;
 color:#666666;
 /*background-image:url(../Images/DigitalMail.jpg); */
}

p
{	
}

ul.bluebullet {
 list-style-type: disc;  
 color: #204684;
 margin-left:30px;
 margin-bottom:15px;
 float:left;
}

ul.bluebullet li span { 
 color: #666666;
} 

ul.boxbullet {
 list-style:none;
 margin-left: 0px;
 padding-left:0px; 
 z-index:10; /*don't loose client list behind logos */
 position:relative;
}

ul.boxbullet li {
background-image: url(../images/homebullet.jpg);
background-repeat:no-repeat;
background-position: 0 .4em;
padding-left:20px;
padding-bottom:5px;
}

h1 {
margin:5px 0px 0px 5px;
float:left;
color:#204684;
font-size:50px;
}

h2
{
	font-size:22px;
	color:#89aace;
	/*padding:10px 0px 5px 0px;*/
	margin:22px 0px 10px 0px;
}

h3
{
	font-size:14pt;
	color:#89aace;
	margin:15px 0px 8px 0px;
}

h4
{
	font-size:13pt;
	color:#89aace;
	margin:15px 0px 0px 0px;
}

.LeftPanel
{
	float:left;
	font-size:16px;
}

.RightPanel
{
	float:right;
	padding-bottom: 30px;
	padding-right: 50px;
}

.footertext {
margin: 10px 0px 0px 5px;
/*color: #204684;*/
color:#333333;
text-align:center;
font-size:12px;
}

.PDFtextLink {
	float:left;
	margin-top:25px;
	margin-left:5px;
}

.PDFlogoLink {
	float:right;
	padding-bottom: 15px;
	padding-top:15px;
}

.PDFlogoLink img {
	border:0 none;
}

.TextPanel
{
	padding:0px 10px 0px 10px;
}

.PartnerImages
{
	margin-top:60px;
	width:125%; /*make images go across the whole width of the page */
}

.PartnerImages img#ibs
{
	border:none;
}

.PartnerImages img#capita
{
	margin-left: 20px;
	margin-bottom: 10px;
	border:none;
}

.PartnerImages img#northgate
{
	width:200px;
	margin-right:30px;
	margin-bottom:23px;
	border:none;
}


/*.LogoImages
{
	width:100%;
	clear:both;
	z-index:-100;
}

img#chesterfield
{
	height:auto;
	width: 200px;
	float:left;
	margin-top:-60px;
	margin-left:-30px;
	border:none;
}

img#folkestone
{
	height: auto;
	width: auto;
	margin-top:-122px;
	float:right;
	margin-right:30px;
	border:none;
}

img#GreatYarmouth
{
	width: 300px;
	margin-left:50px;
	position:relative;
	float:left;
	border:none;
}

img#Bassetlaw
{
	width: 250px;
	margin-left:30px;
	position:relative;
	float:left;
	border:none;
}

img#BegbiesTraynor
{
	border:none;
	margin-left:160px;
	margin-bottom:10px;
}
*/

.RotatingLogos
{
	margin-left:60px;
	margin-top:-20px;
	/*border:1px solid orange;*/
	float:left;
	width:250px;
}

.ListText
{
	line-height:130%;
	font-size:16pt;
}

img#logo
{
	border:0px;
	/*z-index:10;*/
	position:absolute;
	top:-6px;
	right:-53px;
}

.superscript{font-size:small; vertical-align:top;} 

.wholewidth
{
	width:120%;
	margin-left:20px;
}

.spacerdiv
{
	width:300px;
	height:30px;
	float:right;
}

.tableofcosts
{
	width:300px;
	text-align:center;
}

.tableofcosts#lefthand
{
	float:left;
}

.tableofcosts#righthand
{
	float:right;
}

.tableofcosts .HeaderRow
{
	color:white;
	background-color:#204684;
	font-weight:bold;
	border-bottom-width:3px;
}

.tableofcosts .even td
{
	color:black;
	background-color:#d0d8e8;
}

.tableofcosts .odd td
{
	color:black;
	background-color:#e9edf4;
}

.tableofcosts #col1
{
	width:140px;
}

.tableofcosts #col2
{
	width:80px;
}

.tableofcosts #col3
{
	width:80px;
}


.QuoteItalic
{
	font-style: italic;
	color:#333333;
	margin-left: 20px;
	margin-top: 0px;
}

.MainTextLeft
{
	float:left;
	/*border: 1px solid orange;*/
	margin-right: 21%;
	position:relative;
	margin-bottom:50px;
}

.MainTextLeftClients
{
	float:left;
	/*border: 1px solid orange;*/
	margin-right: 21%;
	position:relative;
	margin-bottom:10px;
}
.PageLinksRight
{
   	float:right;
	border: 2px solid #E4E3EF;
	font-size:smaller;
	line-height: 100%;
	padding-left: 6px;
	margin-bottom: 10px;
	/*width: 17.5%;*/
	width:17.5%;
	top: 15px;
	position: absolute;  /*want this to stay in the top right hand corner of the MainPageText div */
	right: 8px;
}
.PageLinksRightFooter  /*for three footer pages*/
{
   	float:right;
	border: 2px solid #E4E3EF;
	font-size:smaller;
	line-height: 100%;
	padding-left: 6px;
	margin-bottom: 10px;
	width: 17.5%;
	top: 32px;
	position: absolute;  /*want this to stay in the top right hand corner of the MainPageText div */
	right: 8px;
}


.PDFLinksRight
{
   	border-left: 2px solid #E4E3EF;
	font-size:smaller;
	width: 22%;
	position: absolute;  /*want this to stay in the top right hand corner of the MainPageText div */
	right: -135px;
	top:35px;
	height:120px;
}

.PDFLinksRightBottom
{
    border-left: 2px solid #E4E3EF;
	font-size:smaller;
	line-height: 100%;
	width: 22%;
	position: absolute;  /*want this to stay in the top right hand corner of the MainPageText div */
	right: -135px;
	top:175px;
	height:105px;
}

/* New code to fix html formatting problems. Alan O'Donnell 9/8/11 ** START ** */

.ClientTextBox /* Container for Single reference : title, text + links */
{
	/*border: 1px solid orange;*/
	position:relative;
//	position: absolute;
	width: 100%;
	margin:1px;
	margin-bottom:10px;
}


.ReferenceText
{
	float: left;
	font-style: italic;
	color:#333333;
	margin: 1px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom:10px;
	width: 75%;
}

.PDFLinksGeneric
{
	float: right;
//	position: absolute;
   	border-left: 2px solid #E4E3EF;
	font-size:smaller;
	width: 18%;
	top: 0px;
	right: 20px; 
	margin-left: 20px;
	height:80px;
}

/* New code to fix html formatting problems. Alan O'Donnell 9/8/11 ** END ** */

.rnav {
margin:0pt 0pt 1.0em;
padding:0pt;
}

.rnav li {
list-style-type:none;
padding-bottom:0.4em;
padding-top:0.4em;
padding-right:0.2em;
}

.rnav li a:link, .rnav li a:visited {
color:#204684;
text-decoration:none;
}

.rnav li a:hover, .rnav li a:active {
color:#204684;
text-decoration:underline;
}

.rnav li ul {
margin:0.5em 3pt 0pt 0.5em;
padding:0pt;
}

.rnav .first {
font-size:1.1em;
font-weight:bold;
}

.rnav li ul li {
border-bottom-style:none;
color:#C30327;
list-style-type:none;
}

.rnav li ul li a {
color:#204684;
}

.rnav li.active a {
color:#666666;
}

.rnav li ul li a:link, .rnav li ul li a:visited {
color:#666666;
text-decoration:none;
}

.rnav li ul li a:hover, .rnav li ul li a:active {
color:#204684;
text-decoration:underline;
}

.PanelLink a:link, .PanelLink a:visited
{
	color:#89AACE;
	display:block;
	font-size:12px;
	font-weight:bolder;
	line-height:100%;
	margin-left:20px;
	position:absolute;
	text-decoration:none;
	top:273px;
	width:110px;
}

.PanelLink a:hover, .PanelLink a:active
{
	color:#204684;
	font-size:12px;
	text-decoration:underline;
}

.QuotePanelLink a:link, .QuotePanelLink a:visited
{
	color:#89AACE;
	font-size:14px;
	text-decoration:none;
	line-height:100%;
	display:block;
}

.QuotePanelLink a:hover, .QuotePanelLink a:active
{
	color:#204684;
	font-size:14px;
	text-decoration:underline;
}

.bluebullet a:link, .bluebullet a:visited
{
	color:#89aace !important;
	text-decoration:none;
}

.bluebullet a:hover, .bluebullet a:active
{
	color:#204684 !important;
	text-decoration:underline;
}

h2 a:link, h2 a:visited
{
	color:#89AACE;
	text-decoration:none;
}

h2 a:hover, h2 a:active
{
	color:#204684;
	text-decoration:underline;
}
a:link, a:visited
{
	color:#204684;
	text-decoration:none;
}

a:hover, a:active
{
	color:#204684;
	text-decoration:underline;
}

.footertext a:link, .footertext a:visited
{
	color:#333333;
	text-decoration:none;
}

.footertext a:hover, .footertext a:active
{
	color:#204684;
	text-decoration:underline;
}

a.linkimage
{
	text-decoration:none;
}

a.linkimage:hover, a:active
{
	text-decoration:none;
}

/* old site navigation styles
.Navigation
{
	text-align:center;
	float:left;
	width:100px;
	margin-left:20px;
}

.NavigationIcon
{
	padding:10px 5px 0px 5px;
}

.NavigationText
{
	font-size:16px;
	font-weight:normal;
	padding:0px 5px 10px 5px;
	text-align:center;
}
.NavigationText a:link
{
	text-decoration:none;
	color:#ffffff;
	
}

.NavigationText a:visited
{
	color:#aaaaaa;
	text-decoration:none;
}

.NavigationText a:hover
{
	color:#88bbff;
}

.NavigationText a:active
{
	text-decoration:none;
}

*/