/* CSS Document */
#bacsMenuHeader{ background-image:url(../../images/darkPinkMenuTopSLice.jpg); width:164px; height:9px; float:left;}

.bacsMenuBackground{ background-color:#FF3399;  margin:0 0 3px 0; overflow:hidden; width :164px; float:left;}
.bacsMenulist{padding:0px; overflow:hidden; margin-top:0px; margin-bottom:0px;}
.bacsMenulist li {
   display:block;
   float:right;
   padding:0;
   margin:0; 
}

/*This gets rid of the text*/
.bacsMenulist li a {
   display:block;
   height:14px; width:164px;
   text-indent:-9009px; padding:0px; margin:0px;
   float:left; overflow:hidden;list-style:none;}
   
/*These are the image links to replace text*/   
.bacsPayementTwentyEightImage{width:164px; height:14px; padding:0px 0px 0px 0px; float:left;background-image:url(../../images/BACS_services_Static/bacs_payments_static.gif); width:167px; height:34px;}

a.bacsPayementTwentyEightImage:hover{ background-image:url(../../images/BACS_services_Hover/bacs_payments_hover.gif); background-repeat:no-repeat;width:164px; height:14px;}


.bacsContingencyTwentyNineImage{width:164px; height:14px; padding:0px 0px 0px 0px; float:left;background-image:url(../../images/BACS_services_Static/bacs_contingency_static.gif); width:167px; height:34px;}
a.bacsContingencyTwentyNineImage:hover{ background-image:url(../../images/BACS_services_Hover/bacs_contingency_hover.gif); background-repeat:no-repeat;width:164px; height:14px;}

.directDebitThirtyImage{width:164px; height:14px; padding:0px 0px 0px 0px; float:left;background-image:url(../../images/BACS_services_Static/direct_debit_static.gif); width:167px; height:34px;}
a.directDebitThirtyImage:hover{ background-image:url(../../images/BACS_services_Hover/direct_debit_hover.gif); background-repeat:no-repeat;width:164px; height:14px;}

.legislationThirtyOneImage{width:164px; height:14px; padding:0px 0px 0px 0px; float:left;background-image:url(../../images/BACS_services_Static/legislation_static.gif); width:167px; height:34px;}
a.legislationThirtyOneImage:hover{ background-image:url(../../images/BACS_services_Hover/legislation_hover.gif); background-repeat:no-repeat;width:164px; height:14px;}


/*Advert that appear in the bottom left hand trbl corner of the Bacs Services Section*/
.leftCaseStudyBackground{ width:162px; height:339px; background-image:url(../../images/caseStudyAdvertDarkPink.jpg); background-repeat:no-repeat; margin-top:4px; float:left; margin-left:0;}
.leftCaseStudyTextHolder{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0px 2px 30px 8px; text-align:left;}
.leftMarkName{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0 8px 8px;text-align:left; font-weight:bold;}
.leftMarkOccupation{color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0 8px 8px;text-align:left;}


/**The following contains the image replacement technique for the uk payroll part of the submenu in the index page***/
.bacssubmenuList{padding:0px; overflow:hidden; margin-top:20px; margin-bottom:0px;}
.bacssubmenuList li {
   display:block;
   float:right;
   padding:0;
   margin:0 0 5px 0; 
}


/*This gets rid of the text*/
.bacssubmenuList li a {
   display:block;
   height:11px; width:188px;
   text-indent:-9009px; padding:0px; margin:0px;
   float:left; overflow:hidden;list-style:none;}
   
/*These are the image links to replace text in the submenu of the index page*/   
.bacsservices_submainmenu{width:188px; height:11px; padding:0px 0px 0px 0px; float:left;background-image:url(/images/main_menu_bacs_static/bacs_services_static.gif); width:188px; height:11px;}
a.bacsservices_submainmenu:hover{ background-image:url(/images/main_menu_bacs_hover/bacs_services_hover.gif); background-repeat:no-repeat;width:188px; height:11px;}

.bacsdirectpayment_submainmenu{width:188px; height:11px; padding:0px 0px 0px 0px; float:left;background-image:url(/images/main_menu_bacs_static/bacs_direct_payement_static.gif); width:188px; height:11px;}
a.bacsdirectpayment_submainmenu:hover{ background-image:url(/images/main_menu_bacs_hover/bacs_direct_payment_hover.gif); background-repeat:no-repeat;width:188px; height:11px;}

.bacspayroll_submainmenu{width:188px; height:11px; padding:0px 0px 0px 0px; float:left;background-image:url(/images/main_menu_bacs_static/bacs_payroll_static.gif); width:188px; height:11px;}
a.bacspayroll_submainmenu:hover{ background-image:url(/images/main_menu_bacs_hover/bacs_payroll_hover.gif); background-repeat:no-repeat;width:188px; height:11px;}

.humanresourceshr_submainmenu{width:188px; height:14px; padding:0px 0px 0px 0px; float:left;background-image:url(/images/main_menu_bacs_static/human_resources_static.gif); width:188px; height:11px;}
a.humanresourceshr_submainmenu:hover{ background-image:url(/images/main_menu_bacs_hover/human_resources_hover.gif); background-repeat:no-repeat;width:188px; height:11px;}

.hrconsultancy_submainmenu{width:188px; height:11px; padding:0px 0px 0px 0px; float:left;background-image:url(/images/main_menu_bacs_static/hr_conslutancy_static.gif); width:188px; height:11px;}
a.hrconsultancy_submainmenu:hover{ background-image:url(/images/main_menu_bacs_hover/hr_consultancy_hover.gif); background-repeat:no-repeat;width:188px; height:11px;}

.hrretainer_submainmenu{width:188px; height:11px; padding:0px 0px 0px 0px; float:left;background-image:url(../../images/main_menu_bacs_static/hr_retainer_static.gif); width:188px; height:11px;}
a.hrretainer_submainmenu:hover{ background-image:url(/images/main_menu_bacs_hover/hr_retainer_hover.gif); background-repeat:no-repeat;width:188px; height:11px;}


/*Subheading item*/
.bacsSubWrapper{ background-image:url(/images/bacs_sqr.jpg); background-repeat:no-repeat; width:182px; height:157px; overflow:hidden;}
.bacsTopSubheading{float:left; color:#99FFFF; font-size:24px; margin-left:10px; margin-top:15px;}
.bacsMiddleSubHeading{float:left; color:#FFFFFF; font-size:24px; margin-left:10px;}
.bacsBottomSubHeading{float:left; color:#FFFFFF; font-size:12px; margin-left:10px; margin-top:10px;}