BODY { background-color: #f3f3f3; margin: 0px 0px 0px 0px; }
#mainImage { float:right; overflow:hidden; width:214; height:220; }
#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
img { border:none; }
P { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; }
.small { font-size:11px; }
.boxed { padding:1px 10px; background-color:#FFFFFF; border: 1px solid #CCCCCC; margin-bottom:12px; }
.boxed p { font-style:italic; }
.boxed h3 { padding-top:10px; }
.boxed ul { text-align:center; }
.large { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; font-weight:900; }
.boxHeading { margin:10px 0; font-size:24px; font-style:normal; }
.pad { margin-bottom:60px; }
H1 {
	font-family: "Century Gothic", Arial;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
H2 { font-family: "Century Gothic", Arial, Helvetica, sans-serif;font-size: 18px; font-weight: normal; color: #555555; margin: 0px 0 10px 0; }
H3 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF9900; margin: 0px; }
H4 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #FF9900; margin: 0px; }
H5 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; font-weight: normal; margin: 0px; }
OL { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; line-height: 21px; }
UL { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; line-height: 21px; list-style-type: square; }
A {
	color: #FF9900;
	text-decoration: underline;
}
A:hover { color: #FF9900; text-decoration: none; }
A.small { color: #555555; text-decoration: none; }
A.small:hover { color: #CBCBCB; text-decoration: none; }
A.white { color: #FFFFFF; text-decoration: none; }
A.white:hover { color: #FFFFFF; text-decoration: underline; }
.ARDClock { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.color { color: #FF9900; }
.small { color: #555555; font-size: 11px; }
.contact { color:#FFFFFF; font-size:18px; text-align:right; line-height:normal; margin:0px; } 
.white { color: #FFFFFF; font-size: 12px; font-weight: bold; }
.sidemenu { background-color:#000000;}
.clear { clear:both; }
.photo { margin: 0 0 10px 10px; padding:1px; border: 1px solid #FF9900; background-color:#FFFFFF; float:right; }
.photo-centered { margin: 0 auto; padding:1px; border: 1px solid #FF9900; background-color:#FFFFFF; }
.photol { margin: 0 20px 10px 0px; padding:1px; border: 1px solid #FF9900; background-color:#FFFFFF; float:left; }
.profileBox { float:left; border: 2px solid #999999; padding: 0 30px 10px 30px; min-height:141px;}
.smallimg {
	border: 4px solid #CCCCCC;
	float: right;
	margin: 10px;
	padding: 5px;
}


.bg1 {
	background-color: #FF9900;
	height:10px;
	border-top:1px solid #FFFFFF;
}

.bg2 { background-color: #CBCBCB; }
.bg3 { background-color: #FFFFFF; }
.bg4 {
	background-color: #000000;
}
.bg4 p { margin:3px 0; padding:0; }

#newspage { margin: 10px 0; border-bottom: dashed 1px #FF9900; clear: both; }
.newsitems { float: left; width: 100%; padding: 10px 0;  min-height: 227px; border: none; }
.newsitem-img { float: right; }

#boxOuter { margin:10px 0 10px 10px; }
.boxtop { background-image:url(../images/box-top.png); height:18px; width:200px; }
.boxmid { background-color:#bdbdbd; padding: 0px 10px; width:180px; background-image:url(../images/boxbg.gif); background-repeat:repeat-x; }
.boxmid h3 { color:#000000; margin: 0 0 10px 0; font-size:16px; }
.boxmid h3 a { color:#000000; }
.boxmid p{ color:#000000; margin: 0 0 0 0; }
.boxmid ul { color:#000000; margin: 0; padding-left:20px; }
.boxmid li a { color:#000000; }
.boxbot { background-image:url(../images/box-bot.png); height:18px; width:200px; }
a.sector-construction {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-construction.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-retail {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-retail.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-care {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-care.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-farming {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-farming.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-charities {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-charities.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-clubs {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-clubs.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-sports {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-sports.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-transport {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-transport.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-leisure {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-leisure.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-motor {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-motor.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-professional {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-professional.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-ecommerce {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-ecommerce.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-insurance {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-insurance.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-food {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sector-food.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-manufacturing {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-manufacturing.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.sector-everyone {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:200px; /*Width of menu minus the padding*/
	height:106px;
	background-image:url(../images/sectors-everyone.gif);
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
a.sector-construction:hover, a.sector-care:hover, a.sector-retail:hover, a.sector-farming:hover, a.sector-charities:hover, a.sector-clubs:hover, a.sector-sports:hover, a.sector-transport:hover, a.sector-leisure:hover, a.sector-motor:hover, a.sector-professional:hover, a.sector-ecommerce:hover, a.sector-insurance:hover, a.sector-food:hover, a.sector-manufacturing:hover, a.sector-everyone:hover, a.services-audit:hover, a.services-accounts:hover, a.services-sage:hover, a.services-grant:hover, a.services-banking:hover, a.services-personaltax:hover, a.services-businesstax:hover, a.services-businessplans:hover, a.services-hmrc:hover, a.services-vat:hover, a.services-construction:hover, a.services-managementconsultancy:hover, a.services-tax:hover, a.services-startups:hover, a.services-bookkeeping:hover, a.services-managementaccounts:hover, a.services-research:hover, a.services-cosec:hover, a.services-financial:hover, a.services-it:hover { background-position:right; }
.sector-clear { clear:both; margin-bottom:10px; }

a.services-audit, a.services-accounts, a.services-sage, a.services-grant, a.services-banking, a.services-personaltax, a.services-businesstax, a.services-businessplans, a.services-hmrc, a.services-vat, a.services-construction, a.services-managementconsultancy, a.services-tax, a.services-startups, a.services-bookkeeping, a.services-managementaccounts, a.services-research, a.services-cosec, a.services-financial, a.services-it {
	display: block;
	width:200px;
	height:106px;
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.services-payroll {
	display: block;
	width:200px;
	height:106px;
	background-position:left;
	float:left;
	margin:0 10px 10px 0;
	}
	a.services-payroll:hover {
	display: block;
	width:200px;
	height:106px;
	background-position:right;
	float:left;
	margin:0 10px 10px 0;
	}
a.services-audit { background-image:url(../images/services-audit.gif); }
a.services-accounts { background-image:url(../images/services-accounts.gif); } a.services-sage{ background-image:url(../images/services-sage.gif); } a.services-grant { background-image:url(../images/services-grant.gif); } a.services-banking { background-image:url(../images/services-banking.gif); } a.services-personaltax { background-image:url(../images/services-personaltax.gif); } 
a.services-businesstax { background-image:url(../images/services-businesstax.gif); } a.services-hmrc { background-image:url(../images/services-hmrc.gif); } a.services-vat { background-image:url(../images/services-vat.gif); } a.services-construction { background-image:url(../images/services-cis.gif); } a.services-managementconsultancy { background-image:url(../images/services-managementconsultancy.gif); } a.services-payroll { background-image:url(../images/services-payroll.gif); } a.services-tax { background-image:url(../images/services-tax.gif); } a.services-startups { background-image:url(../images/services-startups.gif); } a.services-bookkeeping { background-image:url(../images/services-bookkeeping.gif); } a.services-managementaccounts { background-image:url(../images/services-managementaccounts.gif); } a.services-research { background-image:url(../images/services-research.gif); } a.services-cosec { background-image:url(../images/services-cosec.gif); } a.services-financial { background-image:url(../images/services-financial.gif); } a.services-it { background-image:url(../images/services-it.gif); } a.services-businessplans { background-image:url(../images/services-businessplans.gif); }

a.profile {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:150px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/profile.gif);
	background-position:left;
		float:left;
margin-right:10px;
	}
	a.email {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:150px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/email.gif);
	background-position:left;
	float:left;
	margin-right:10px;
	}
	a.emailw {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:160px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/emailw.gif);
	background-position:left;
	float:left;
	margin-right:10px;
	}
	a.vcard {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:150px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/vcard.gif);
	background-position:left;
	float:left;
		margin-right:10px;

	}
	a.vcardw {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:150px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/vcardw.gif);
	background-position:left;
	float:left;
		margin-right:10px;

	}
	a.pprofile {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:150px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/pprofile.gif);
	background-position:left;
		margin-right:10px;

	}
	a.pprofilew {
	display: block;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	width:150px; /*Width of menu minus the padding*/
	height:26px;
	background-image:url(../images/pprofilew.gif);
	background-position:left;
		margin-right:10px;

	}
	a.profile:hover, a.profilew:hover, a.email:hover, a.emailw:hover, a.vcard:hover, a.vcardw:hover, a.pprofile:hover, a.pprofilew:hover, a.tab:hover, a.remote:hover {
	background-position:right;
	}
	a.tab {
	display: block;
	width:156px; /*Width of menu minus the padding*/
	padding:0px 22px;
	margin-left:10px;
		margin-top:10px;

	line-height:33px; /*set line height DONT use height*/
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	background-image:url(../images/menu-tab.png);
	background-position:left;
	}
	a.remote {
	display: block;
	height:100px;
	width:100px; /*Width of menu minus the padding*/
	background-image:url(../images/remote-button.gif);
	background-position:left;
	text-align:center;
	}
	.column-centre { margin:10px 20px; text-align:center; }

	.button-centre { margin:10px 0 10px 60px; text-align:center; }
input.searchfield { width: 160px; padding: 4px; border: 2px solid #ccc; font-size: 11px; margin-bottom:10px; color:#999999; }
input.searchbutton { background: #FF9900; border: 0; padding: 5px; color: #000000; font-weight: bold; font-size: 11px; }

#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV, #RHCAcc_4_DIV {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px;
	color:#000000;
	font-size:12px;
	margin: 0px 0px 10px 0;
	padding: 0px 0px 10px 0px;
	width:auto;
	min-height:50px;
	height:auto !important;
	height:50px;/*Needs to match the min height pixels above*/
	border-bottom:1px solid #000000;
	background-color: transparent;
	background-image: none;
}

.RightPanelBody { margin:0; padding:0; height:100%; border:none; background-color: transparent; background-image: none; }
#RHC_Body { margin:0; padding:0; background-color: transparent; background-image: none; width:180px; }
#RHC_Body a { color:#000000; }
/*-----------------------Vertical menu left align----------------------------*/

#menuWrap {
	clear: both;
	position:relative;
	display:block;
	position:relative;
	z-index:100;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	width:200px; /*set width of menu*/
	margin-top:10px;
	margin-left:10px;
	}
#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /*set line height DONT use height*/
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

#menu li { 
	list-style: none; 
	position:relative;
	border:0;
	}
#menu a{
	display: inline-block;
	width:128px; /*Width of menu minus the padding*/
	padding:0px 2px 2px 70px;
	line-height:33px; /*set line height DONT use height*/
	color:#000;
	text-decoration:none;
	background-image:url(../images/menu-tab.gif);
	background-position:left;
	font-weight:bold;
	background-repeat:no-repeat;
		font-size:14px;

	}

#menu a:hover{
	padding-bottom:2px;
	background-image:url(../images/menu-tab-top.png);
	background-position:right;	color:#000000;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so left: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:200px; /* Width will need to be updated inline with all the padding on the menus */
	left:200px;
	top:0;
	}

#menu li ul a{
	display:block;
	line-height:33px;
	float:left;
	width:156px;
	padding:0px 22px 2px 22px;
	background-image:url(../images/menu-tab.png);
	background-position:left;
		font-weight:normal;
	background-repeat:no-repeat;
	font-size:13px;

	}
	
	#menu li ul a:hover {
	display:block;
	line-height:33px;
	float:left;
	padding-bottom:2px;
	background-image:url(../images/menu-tab.png);
	background-position:right;
	}
	
#menu ul li { 
	float:left; /*float important*/
	display:inline;
	}

#menu li ul li ul {
	left:184px; /*position ab in herited from above left needs to be set to width on drop downs*/
	margin:0px 0 0 10px;
	width:204px;
	top:auto; /*should defalut to top of LI as long as float left is used on LI*/

	}
#menu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block; /*IMPORTANT set drowns downs to show on hover*/
	}
	
/* clientZONE fix for background anomally */

table#CZDocumentBody
{
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
#FAQBody ul { margin:0 0 10px 30px; }
.DocumentBody p { margin-bottom:15px; }
.FormButton { margin-bottom:15px; }

