/* CSS Document */

h1{ font-size:24px; margin: 10px 0 0 0; color:#FFFFFF;}
h2{  }
h3{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:14px; color:#224E7A; line-height:18px; margin-bottom:0px; margin-top:0; color:#FFFFFF;}
h5{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:14px; color:#224E7A; line-height:18px; margin-bottom:0px; margin-top:0;}
/*h4{font-family:Arial, Verdana, sans-serif;color:#B4B4B4; margin:0; padding:0;overflow:hidden;}*/
#summaryGreyText{ color:#003D78; }
#summaryBlueText{ color:#003D78; }
h6{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:14px; color:#224E7A; line-height:18px; margin-bottom:0px; margin-top:0; font-size:14px;}

p{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:13px; padding-left:10px; color:#666666; line-height:18px;}

.paragraphTextBlue{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:13px;color:#114170; text-decoration:underline; }



/*Partners page*/
.linksHeaders{ font-weight:bold;color:#224e79; font-size:11px; }
.useFulLinks{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666666; }
.useFulLinks .headers{width:550px; margin:5px 0px 0px 0px; border-bottom:#cccccc 1px solid; height:auto; overflow:hidden;}
.useFulLinks .innerContainer{float:left; width:360px; padding:5px; margin-top:5px}
.useFulLinks .imgContainer{float:right; width:120px; padding:5px; margin-top:5px}
.useFulLinks .innerContainer a{ color:#224e79; font-size:11px; text-decoration:underline;}



/*Declarations for the page layout*/
body{margin:auto; text-align:center;}
#pageWrapper{ width:774px; margin:auto; text-align:center;}
#header{ width:774px; height:135px;}

#scrollybar {
width: 579px;
height: 26px;
background: #003466 url(/images/scrollingcorner.jpg) no-repeat top right;
margin: 2px 0 0 0;
}

#scrollybar marquee {
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
padding: 6px 0 0 0;
margin: 0 6px 0 8px;
}

#middleText {font-size:11px; margin:10px 0}
#middleText a {color:#666666; text-decoration:none}

/*Contact details within the header of each page*/
#contactInformationWrapper{ width:175px; height:80px; float:right; padding-top:20px;}
#contactInformationHeader{ color:#993399; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; font-size:12px}
#contactInformationdetails{ color:#003366;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align:left;margin-bottom:6px;font-size:12px }
.keyEmailAddress{color:#003366;font-family:Arial, Helvetica;font-size:12px}

/*Declarations for the left hand column of the every page*/
#leftColumn{ width:170px; float:left; margin-right: 10px;}
#subHeading{ width:163px; height:30px; background-image:url(/images/subHeading.jpg); background-repeat:no-repeat; float:left;}

/*Consitant navigation menu on the left hand side of every page*/
.btnPlaceHolder{ width:165px; height:30px; float:left;overflow:hidden; margin-bottom:2px;}
#greyNavigation{height:175px; width:164px; float:left; margin-top:11px;}

/*This needs to be changed later*/
#advertPlaceHolder{float:left; background-repeat:no-repeat; width:163px; height:255px; text-align:center;}
#inAHurry{height:109px; width:155px; float:left; margin-top:130px;}

/*Declarations for the right hand side of the webpage*/
#rightColumn{float:left; width:580px;}
#rightColumnHeader{ text-align:left; float:left; width:580px}
#threeImagesPlaceHolders{ float:left; margin-right:9px;	}

/*The body content*/
#bodyContent{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:14px;color:#666666; line-height:18px; width:580px; float:left; overflow:hidden;  z-index: -1;}

/*Content for the index page*/
#theCompletePayrollSolution{ width:187px; height:320px; background-image:url(/images/ukPayrollTheCompletePayroll.jpg); background-repeat:no-repeat; float:left; margin-top:7px; margin-right:9px;}
#isYourBusinessExpandingInternationally{width:187px; height:320px; background-image:url(/images/Is_Your_Business_Expanding_.jpg); background-repeat:no-repeat; float:left;margin-top:7px; margin-right:9px;}
#theCompleteBusinessSolution{width:187px; height:320px; background-image:url(/images/the_Complete_Business_Solut.jpg); background-repeat:no-repeat; float:left;margin-top:7px}
#textforBlueMenus{ color:#FFFFFF; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; margin-top:90px; width:155px; margin-left:9px;}
#textforBlueMenus a {color:#ffffff; text-decoration:none}

#pinkMenuMain{height:176px; width:188px; background-repeat:no-repeat; float:left;margin-right:8px; background-image:url(/images/mainmenu_brgnd_colours/uk_payroll_bgrnd.gif)}
#lightblueMenuMain{height:178px; width:184px;background-repeat:no-repeat;float:left;margin-right:9px; background-image:url(../images/mainmenu_brgnd_colours/international_payroll_bgrnd.gif); background-position:right; background-color:#99CCFF; border-top:solid 1px #FFFFFF;}
#greyMenuMain{height:176px; width:188px; background-repeat:no-repeat;float:left; background-image:url(../images/mainmenu_brgnd_colours/bacs_bgrnd.gif);}

#wantToFindOutMorePink{ float:left; margin-right:9px;}
#wantToFindOutMoreBlue{ float:left; margin-right:9px;}
#wantToFindOutMoreGrey{ float:left;}

/*Content for the contact us page*/
.branch_row{ float:left; margin-right:50px; margin-bottom:30px; margin-left:5px;}

/*Grey menu which appears with navigation on the some pages*/
#greyMenu{ width:582px; height:239px; background-image:url(../images/greyBox.jpg); background-repeat:no-repeat; margin-bottom:19px;padding-top:5px;}
.greyMenuHeaders{ padding-left:10px; margin-bottom:10px;}
.mainMenuGreyNavigationLeft{width:142px; margin-left:8px; float:left;display:inline;}
a.greyMenuNavigationLinks{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#666666; text-decoration:none;}
a.greyMenuNavigationLinks:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#114170; text-decoration:none;}
.mainMenuGreyNavigationRight{width:400px; margin-left:8px; float:left; display:inline;}

/*Background Images for the grey boxes in the Accreditations page (About)*/
#greyMenu_communitymark{ width:582px; height:239px; background-image:url(../images/grey_box_communitymark.jpg); background-repeat:no-repeat; margin-bottom:19px; padding-top:5px;}
#greyMenu_ISO9001{ width:582px; height:239px; background-image:url(../images/grey_box_iso9001.jpg); background-repeat:no-repeat; margin-bottom:19px; padding-top:5px;}
#greyMenu_bacs{ width:582px; height:239px; background-image:url(../images/grey_box_bacs.jpg); background-repeat:no-repeat; margin-bottom:19px; padding-top:5px;}
#greyMenu_exor{ width:582px; height:239px; background-image:url(../images/grey_box_exor.jpg); background-repeat:no-repeat; margin-bottom:19px; padding-top:5px;}

/*Grey menu's that appears on the Accreditations page (About)*/
.mainMenuGreyNavigationContent{width:545px; float:left;}
a.greyMenuNavigationLinks{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#666666;} 
.greyMenuTwoHeaders{ padding-left:10px; float:left; margin-bottom:10px;}

/*neba thubnail holder*/
.nebaThumbnailHolder{overflow:hidden;}
.nebaLink{ color:#A0A0A0; text-decoration:none; }

/*Content for the news page (About)*/
.smallBanner{ padding-left:10px; border-top:solid 1px #003366; border-bottom:solid 1px #003366; padding-top:5px; padding-bottom:5px;}

/*Content for Internal Jobs Page (About)*/
.blueBoxInternalJobs{width:534px; height:147px; background-image:url(/images/blue_box_internal_vacancies.jpg); margin-left:10px;background-repeat:no-repeat;}
.jobTitleInternal{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; float:left; padding:5px 0px 0px 5px; width:296px; font-size:12px;}
.salaryInternal{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; float:left; padding:5px 0px 0px 0px; width:224px; font-size:12px;}
.locationInternal{ float:left; padding:15px 0px 0px 10px; font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; }
.positionInternal{float:left;margin-left:158px;padding:15px 0px 0px 0px; font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.descriptionInternal{clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; padding:5px 0px 0px 10px; font-size:12px; width:533px; }
.internallinks{ color:FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-top:30px; margin-left:5px;}

/*Content of the Bacs Payment page (Bacs Services)*/
#BACS_payment_leftColumn{  float:left; width:350px;}
#BACS_payment_rightColumn{float:left; padding-top:147px;width:225px;}
#BacsPaymentOnlyServiceHolder{float:right;}

/*Content of the HR consultancy page (Human resource)*/
#hr_leftColumn{  float:left; width:370px;}
#hr_rightColumn{float:left; padding-top:90px;width:210px;}
#hrHolder{float:right; margin-top:52px}

/*Content for the Legsilation page (UK Payroll)*/
.legislationnArticlesBox{ width:384px; height:259px; background-image:url(../images/blue_box_ukPayrollLegislati.jpg);  background-repeat:no-repeat; padding-top:40px;padding-left:10px;}
.legislationArticlesLeftColumn{float:left; width:387px; height:260px;}
.legislationArticlesRightColumn{float:left; width:189px;}
.enterKeyWord{ background-image:url(../images/blue_box_enterKeyWord.jpg); background-repeat:no-repeat; width:188px; height:65px; padding-top:35px; padding-left:10px;}

/*Content for the Legsilation page sub (UK Payroll)*/
.legislationnArticlesBoxSub{ width:384px; height:259px; background-image:url(../images/blue_box_ukPayrollLegiSub.jpg);  background-repeat:no-repeat; padding-top:40px; }
.legislationArticlesLeftColumnSub{float:left; width:387px; height:157px;}
.legislationArticlesRightColumnSub{float:left; width:189px;}


/*Footer for website*/
#bottomfooterWrapper{ background-image: url(/images/flagFooter.jpg); background-repeat:no-repeat; width:580px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; float:left; float:left;}
#bottomfooterInnerWrapper{overflow:hidden; height:15px; margin-top:8px; width:520px; float:left; margin-left:8px;}
#flagFooterText{ float:left; line-height:15px;}
#addressAndDesignCredits{ float:left; width:580px; text-align:left; height:100px; margin-top:15px; width:460px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6E6666; line-height:20px;}
#siteMapAndBottomSlogan{ width:111px;font-size:10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:left;margin-top:15px;}
#partnersPlaceHolder{ width:268px; height:36px;}

/*flags*/
.flaglinks{text-decoration:none; color:#000000}

/*Subheading item contact page*/
.contactSubWrapper{ background-image:url(/images/about_us_sqr.jpg); background-repeat:no-repeat; width:187px; height:157px; overflow:hidden;}
.contactTopSubheading{float:left; color:#99CCFF; font-size:24px; margin-left:10px; margin-top:15px; display:inline;}
.contactMiddleSubHeading{float:left; color:#FFFFFF; font-size:24px; margin-left:10px;}

/*Subheading item Index page*/
.mainSubWrapper{ background-image:url(/images/top_three_images/mainmenu_one.jpg); background-repeat:no-repeat; width:187px; height:157px; overflow:hidden;}
.mainTopSubheading{float:left; color:#7AADE0; font-size:24px; margin-left:10px; margin-top:15px;}
.mainMiddleSubHeading{float:left; color:#FFFFFF; font-size:24px; margin-left:10px;}
.mainBottomSubHeading{float:left; color:#FFFFFF; font-size:12px; margin-left:10px; margin-top:10px;}

/* NEWS */
.newsItem {width:435px; margin:0px 0px 25px 0px; overflow:hidden}
.newsTitle a {color:#224E7A; font-weight:bold; font-size:12px; text-decoration:none}
.newsLink {float:right; font-size:11px}
.newsLink a {color:#224E7A}
.newsImage {float:left; border:1px solid #000000; margin-left:10px}
.newsText {float:right; width:320px}

/*FOOTER IMAGES*/
#emblemHolder{float:right;}

/*BULLETED DASH*/
.bulletedDash { list-style:none; margin-left:10px; position:relative; left:10px; }
.bulletedDash{ margin:0; padding:0; }
.bulletedDash li {color:#114170; font-size:13px; background: url("/images/blue_bullet.gif") no-repeat 0px .4em; padding-left:15px; margin-bottom:10px;}


.bulletedDash li a{color:#114170; font-size:13px; text-align:left}

.hr_bullets{list-style:none; position:relative; left:10px;}
.hr_bullets a{color:#114170;}
.hr_bullets li{background: url("/images/blue_bullet.gif") no-repeat 0px .4em; padding-left:15px; margin-bottom:10px}


/*CALL BACK */
.callBackWrap{width:163px; height:167px; background-image:url(../images/call-back-background.jpg); background-repeat:no-repeat; margin-bottom:3px; overflow: hidden; float: left}
.callBackWrap2{width:163px; height:140px; background-image:url(../images/call-back-background-small.jpg); background-repeat:no-repeat; margin-bottom:3px; overflow: hidden; float: left}
.callButton{margin:5px 0 0px 0; width:138px}
.callBackTitle{margin-bottom: 10px}
.callField{text-align:left; font-family:Arial, Verdana, sans-serif; font-size:11px; color:#666666;}
.callBackField Input{border:1px solid #999999 ;font-family:Arial, Verdana, sans-serif; font-size:11px; color:#666666; width:135px; margin-top:2px}
.callBackField Select{border:1px solid #999999; width:135px; margin-top:2px; font-family:Arial, Verdana, sans-serif; font-size:11px; color:#666666}
.callBackField Select Option{font-family:Arial, Verdana, sans-serif; font-size:11px; color:#666666}


/*Tips Wrapper*/

.tipsWrapper{ width:163px; overflow:hidden; background-image:url(/images/tipbg_rpt.jpg); float:left; background-repeat:repeat-y; margin-bottom:10px}
.tipsWrapperTop{background-image:url(/images/tipbg_tp.jpg); background-position:top; background-repeat:no-repeat; float:right}
.tipsWrapperBottom{background-image:url(/images/tipbg_btm.jpg); background-position:bottom; background-repeat:no-repeat; float:left}
.tipsWrapper img{ float:left; margin:10px 0 0 0px; position:relative; left:5px }
.tipstextHolder{ text-align:left; font-size:12px; float:left; width:128px; margin:0px 0 10px 10px;color:#4D4D4D; position:relative; left:3px; overflow:hidden;}


/*Generic GreyBox Wrapper Homepage*/
.greyGenericLeftWrapper{ width:163px; float:left; overflow:hidden; background-image:url(/images/latestnewsandadvice/greyboxRpt.jpg); background-repeat:repeat-y; margin-bottom:5px; border-bottom:solid 3px #999999;}
.greyGenericLeftBGHeader{ background-image:url(/images/latestnewsandadvice/greyboxTop.jpg); height:10px;}

/*News Left hand Column*/
.small_news_gen{text-align:left;float:left; width:131px; margin-left:15px; font-family:Arial, Helvetica, sans-serif; display:inline}	
.small_newsHeader{ margin:12px 0 10px 15px; text-decoration:none; display:inline;}
.small_newsHeader a{ color:#003366; font-weight:bold;font-size:13px; text-decoration:none;}
.small_newsBody {text-decoration:none;font-size:11px;color:#4D4D4D; }
.small_newsBody a{ font-size:11px; color:#4D4D4D;text-decoration:none;}
.small_newsdivider{ height:1px; background-color:#868686; overflow:hidden}
.small_newsbutton{ float:right; margin:8px 17px 8px 0px;}

/*Obtain a quote*/
.obtainquote{ float:left; margin:4px 0 5px 0; float:left;}

/*Hr Document Shop*/
.leftHandColumn P{width:370px; float:left; font-size:12px; margin-top:10px; }
.leftHandColumn{width:390px; float:left; font-size:12px;}
.leftHandColumn ul{ padding:0px 15px 15px 0px; color:#345b84; margin:5px 20px 0 10px; list-style:none; }
.leftHandColumn li{ background-image:url(/images/hr_document_shop/special_bullet.jpg); background-repeat:no-repeat; background-position:0.1em 0.6em; padding-left:10px}
.indentBullet {  padding:0px 15px 0px 0px; color:#345b84; margin:0px 20px 0 10px;  list-style:circle; }

.leftHandColumn img{ float:left; margin:0 0 10px 9px}
.rightHandColumn { width:188px; float:left;}
.rightHandColumn img { width:188px; float:left; margin-top:100px}
.rightHandColumn #cardicons img { width:auto; float: none; margin: 0;}
.differentcolorParagraph{ color:#124071;}

/*Sme packages page*/
.benefitsContainer{ background-color:#e5e5e7; overflow:hidden; height:200px; width:375px; height:185px; float:left; margin:10px 0 0 0}
.smerightHandColumn{width:188px; float:left;}
.smerightHandColumn img { width:188px; float:left; margin-top:140px}

/*HR Self Faq*/
.greentextHR{ color:#33adae; font-weight:bold;}
.answerPanel{ background-repeat:no-repeat; width:385px; margin:10px 0 10px 0;}
.answerPanel .header{ height:28px; width:100%; color:#0e3d6b; margin-top:5px; font-weight:bold; text-indent:10px;}
.hrFaqrightHandColumn{width:178px; float:left;}
.hrFaqrightHandColumn img { width:178px; float:left; margin-top:125px; position:relative; left:5px}
.hr_formtable{ font-size:12px; color:#666666; position:relative; left:10px}
.textinserts{ width:220px;}

/*pop up window HR page */

.HrContainer {overflow:hidden}
.HrpopUpContainer {width:580px; overflow:hidden; margin:10px 0 10px 0; float:left;}
.hrTitle {width:580px; height:29px; background-image:url(/images/topstrip.gif); background-repeat:no-repeat; background-color:#cccccc; color:#003366; padding-left:10px; line-height:29px; font-size:14;}
.hrMain {width:580px; background-image:url(../images/str_hr_bg.gif); background-repeat:repeat-y; overflow:hidden; border-bottom:4px solid #cccccc; position:relative}
.hrfloatlft {float:left; width:379; margin:13px 0px 5px 15px; font-size:13px;}
.closeDocx {float:left; position:absolute; bottom:10px; left:10px; font-weight:bold}
.closeDoc {margin-bottom:10px; margin-left:10px; font-weight:bold}
.closeDoc a {font-size:14px; color:#009999; text-decoration:none}
.closeDoc a:hover {text-decoration:underline}
.hrfloatrgt {float:left; width:150px; margin:13px 0px 0px 10px}
.rgtDivider {width:150px; height:1px; background-color:#999999; margin:5px 0px 5px 0px}
.hricon {float:left; width:33px; height:50px; margin:0px 0px 10px 0px}
.hriconText {float:left; margin-left:10px}


.hrfooter {width:580px; overflow:hidden; font-size:12px; margin-top:40px}
.hrfooterText {float:left; margin-right:20px;font-family:Arial, Helvetica, sans-serif; color:#666666; }
.hrfooterImg {float:left; margin-right:20px}

/*DIVIDER*/
.divider {width:380px; height:1px; background-color:#009999; margin:10px 0px 10px 10px}
.listlft {position:relative; float:left; text-align:left; padding-left:10px; font-size:12px; cursor:pointer;}
.listrght {float:right; text-align:left; color:#009999; font-size:12px;}
.teal {color:#009999}
.linespacer{ height:1px; width:5px; overflow:hidden; clear:both;}




/* These are standard sIFR styles... do not modify */
 .sIFR-flash { visibility: visible !important; margin: 0; }
 .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
 .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
 .sIFR-hasFlash h1 { visibility: hidden; }
/* .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; }
 .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; }
 .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; }
 .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }*?
 
 /* FAQ panel styles*/
 
 .answerPanel{
	 float:none;
	 margin:0;
 }
 
 .answerPanel .header{
	 margin:0;
	 float:none;
	 background-color:#cccccc;
	 background-image: url(/images/FAQHeader_RightCorner.gif);
	 background-repeat:no-repeat;
	 background-position:top right;
	 height:29px;
 }
 
 .answerPanel .innerAnswerPanel{
	margin: 0;
	border-left: 4px solid #D7D7D7;
	border-bottom: 4px solid #D7D7D7;
	border-right: 4px solid #D7D7D7; 
 }
 
 .innerAnswerPanel p.topP{
	float: none;
	margin-top:0;
	width: 95%;
 }
 
  .innerAnswerPanel p.bottomP{
	float: none;
	margin-bottom:0;
 }
 
 .showPointer{
 	cursor: pointer;
}

.faqQuestion{
	line-height:28px;
}

p.topP a{
	color:#33adae;
	font-weight:bold;
}

 .answerPanel .innerAnswerPanel ul{
 	float: none;
	margin: 0 15px -10px 0;
	padding: 0;
 }
 
  .answerPanel .innerAnswerPanel ul li{
 	float: none;
	margin-left: 20px;
	color:#666;
 }


  /* end of FAQ panel styles*/

.topDividerDocShop{
	margin-top: 156px;
	_margin-top: 186px;
	border:solid 1px pink;
}

.paymentstyle {margin-top:2px;}

#twitter-button {float:left;margin-bottom:4px; position:relative; bottom:4px;}

.submenu a {color:#007476;}







.newsletterBXhme{ background-image:url(/images/newsletter-sign-up.gif); width:163px; height:160px; margin-bottom:2px; background-repeat:no-repeat;}
.newsletterHeader{ margin:15px 0 0 15px; float:left;}
.newsletterBXhme input{border:solid 1px #c3c3c3; width:130px; height:20px; float:left; margin:10px 0 0 15px;}









/* LEFT MENU ************/
/* LEFT MENU ************/

ul.mainnav {
list-style: none;
padding: 0;
margin: 0;
z-index: 50;
}

	ul.mainnav li { float: left;  }

	ul.mainnav li a {
	display: block;
	background-image: url(/images/left-menu-sprite.png);
	width: 163px;
	height: 0;
	padding-top: 33px;
	overflow: hidden;
	}
	
	ul.mainnav li.about a                    { background-position: 0 0; }
	ul.mainnav li.ukpayroll a                { background-position: -163px 0; }
	ul.mainnav li.international a            { background-position: -326px 0; }
	ul.mainnav li.bacs a                     { background-position: -489px 0; }
	ul.mainnav li.hr a                       { background-position: -652px 0; }
	ul.mainnav li.contact a                  { background-position: -815px 0; }

	ul.mainnav li.about a:hover, ul.mainnav li.aboutcurrent a                 { background-position: 0 -33px; }
	ul.mainnav li.ukpayroll a:hover, ul.mainnav li.ukpayrollcurrent a         { background-position: -163px -33px; }
	ul.mainnav li.international a:hover, ul.mainnav li.internationalcurrent a { background-position: -326px -33px; }
	ul.mainnav li.bacs a:hover, ul.mainnav li.bacscurrent a                   { background-position: -489px -33px; }
	ul.mainnav li.hr a:hover, ul.mainnav li.hrcurrent a                       { background-position: -652px -33px; }
	ul.mainnav li.contact a:hover, ul.mainnav li.contactcurrent a             { background-position: -815px -33px; }

	ul.mainnav li ul {
	list-style: none;
	position: absolute;
	width: 163px;
	padding: 0;
	margin: -33px 0 0 163px;
	visibility: hidden;
	}

	ul.mainnav li:hover ul { visibility: visible; }

	ul.mainnav li ul li.top                  { background-image: url(/images/left-menu-sprite.png); height: 12px; width: 163px; }
	ul.mainnav li ul li.bottom               { background-image: url(/images/left-menu-sprite.png); height: 10px; width: 163px; }
	
	ul.mainnav li.about ul li.top            { background-position: 0 -65px; }
	ul.mainnav li.about ul li.bottom         { background-position: 0 -77px; }
	
	ul.mainnav li.ukpayroll ul li.top        { background-position: -163px -65px; }
	ul.mainnav li.ukpayroll ul li.bottom     { background-position: -163px -77px; }
	
	ul.mainnav li.international ul li.top    { background-position: -326px -65px; }
	ul.mainnav li.international ul li.bottom { background-position: -326px -77px; }
	
	ul.mainnav li.bacs ul li.top             { background-position: -489px -65px; }
	ul.mainnav li.bacs ul li.bottom          { background-position: -489px -77px; }
	
	ul.mainnav li.hr ul li.top               { background-position: -652px -65px; }
	ul.mainnav li.hr ul li.bottom            { background-position: -652px -77px; }


	ul.mainnav li ul li a  { padding-top: 14px; }

	ul.mainnav li ul li a.history       { background-position: 0 -87px; }
	ul.mainnav li ul li a.community     { background-position: 0 -115px; }
	ul.mainnav li ul li a.news          { background-position: 0 -143px; }
	ul.mainnav li ul li a.accreditation { background-position: 0 -171px; }
	ul.mainnav li ul li a.environment   { background-position: 0 -199px; }
	ul.mainnav li ul li a.cs            { background-position: 0 -227px; }
	ul.mainnav li ul li a.services      { background-position: 0 -255px; }
	ul.mainnav li ul li a.apartners     { background-position: 0 -283px; }

	ul.mainnav li ul li a.setup         { background-position: -163px -87px;  }
	ul.mainnav li ul li a.processing    { background-position: -163px -115px; }
	ul.mainnav li ul li a.yearend       { background-position: -163px -143px; }
	ul.mainnav li ul li a.p11d          { background-position: -163px -171px; }
	ul.mainnav li ul li a.data          { background-position: -163px -199px; }
	ul.mainnav li ul li a.startups      { background-position: -163px -227px; }
	ul.mainnav li ul li a.ukemergency   { background-position: -163px -255px; }
	ul.mainnav li ul li a.ukconsultancy { background-position: -163px -283px; }
	ul.mainnav li ul li a.outsource     { background-position: -163px -311px; }
	ul.mainnav li ul li a.corporate     { background-position: -163px -339px; }
	ul.mainnav li ul li a.faqs          { background-position: -163px -367px; }
	ul.mainnav li ul li a.tips          { background-position: -163px -395px; }

	ul.mainnav li ul li a.entering      { background-position: -326px -87px;  }
	ul.mainnav li ul li a.partners      { background-position: -326px -115px; }
	ul.mainnav li ul li a.dutch         { background-position: -326px -143px; }
	ul.mainnav li ul li a.nederlands    { background-position: -326px -171px; }
	ul.mainnav li ul li a.spanish       { background-position: -326px -199px; }
	ul.mainnav li ul li a.french        { background-position: -326px -227px; }

	ul.mainnav li ul li a.payments      { background-position: -489px -87px;  }
	ul.mainnav li ul li a.emergency     { background-position: -489px -115px; }
	ul.mainnav li ul li a.direct        { background-position: -489px -143px; }

	ul.mainnav li ul li a.consultancy   { background-position: -652px -87px;  }
	ul.mainnav li ul li a.retainer      { background-position: -652px -115px; }
	ul.mainnav li ul li a.recruitment   { background-position: -652px -143px; }
	ul.mainnav li ul li a.docshop       { background-position: -652px -171px; }
	ul.mainnav li ul li a.smes          { background-position: -652px -199px; }
	ul.mainnav li ul li a.health        { background-position: -652px -227px; }
	ul.mainnav li ul li a.start         { background-position: -652px -255px; padding-top: 28px; }
	ul.mainnav li ul li a.practical     { background-position: -652px -311px; }


	ul.mainnav li ul li a.setup:hover         { background-position: -163px -101px; }
	ul.mainnav li ul li a.processing:hover    { background-position: -163px -129px; }
	ul.mainnav li ul li a.yearend:hover       { background-position: -163px -157px; }
	ul.mainnav li ul li a.p11d:hover          { background-position: -163px -185px; }
	ul.mainnav li ul li a.data:hover          { background-position: -163px -213px; }
	ul.mainnav li ul li a.startups:hover      { background-position: -163px -241px; }
	ul.mainnav li ul li a.ukemergency:hover   { background-position: -163px -269px; }
	ul.mainnav li ul li a.ukconsultancy:hover { background-position: -163px -297px; }
	ul.mainnav li ul li a.outsource:hover     { background-position: -163px -325px; }
	ul.mainnav li ul li a.corporate:hover     { background-position: -163px -353px; }
	ul.mainnav li ul li a.faqs:hover          { background-position: -163px -381px; }
	ul.mainnav li ul li a.tips:hover          { background-position: -163px -409px; }

	ul.mainnav li ul li a.entering:hover      { background-position: -326px -101px; }
	ul.mainnav li ul li a.partners:hover      { background-position: -326px -129px; }
	ul.mainnav li ul li a.dutch:hover         { background-position: -326px -157px; }
	ul.mainnav li ul li a.nederlands:hover    { background-position: -326px -185px; }
	ul.mainnav li ul li a.spanish:hover       { background-position: -326px -213px; }
	ul.mainnav li ul li a.french:hover        { background-position: -326px -241px; }

	ul.mainnav li ul li a.payments:hover      { background-position: -489px -101px; }
	ul.mainnav li ul li a.emergency:hover     { background-position: -489px -129px; }
	ul.mainnav li ul li a.direct:hover        { background-position: -489px -157px; }

	ul.mainnav li ul li a.history:hover       { background-position: 0 -101px; }
	ul.mainnav li ul li a.community:hover     { background-position: 0 -129px; }
	ul.mainnav li ul li a.news:hover          { background-position: 0 -157px; }
	ul.mainnav li ul li a.accreditation:hover { background-position: 0 -185px; }
	ul.mainnav li ul li a.environment:hover   { background-position: 0 -213px; }
	ul.mainnav li ul li a.cs:hover            { background-position: 0 -241px; }
	ul.mainnav li ul li a.services:hover      { background-position: 0 -269px; }
	ul.mainnav li ul li a.apartners:hover     { background-position: 0 -297px; }
	
	ul.mainnav li ul li a.consultancy:hover   { background-position: -652px -101px; }
	ul.mainnav li ul li a.retainer:hover      { background-position: -652px -129px; }
	ul.mainnav li ul li a.recruitment:hover   { background-position: -652px -157px; }
	ul.mainnav li ul li a.docshop:hover       { background-position: -652px -185px; }
	ul.mainnav li ul li a.smes:hover          { background-position: -652px -213px; }
	ul.mainnav li ul li a.health:hover        { background-position: -652px -241px; }
	ul.mainnav li ul li a.start:hover         { background-position: -652px -283px; }
	ul.mainnav li ul li a.practical:hover     { background-position: -652px -325px; }