/*********************************************/
/*** Forces Insurance - GLOBAL STYLE SHEET ***/
/*********************************************/
/*** 
/*** THIS CODE LAST UPDATED: 05/07/16
/***
/*** Above date will be read in by 'global_config.inc.php' and Revision Datecode amended accordingly 
/***
/*****************************************************************************************************/
/*** NOTE:	This stylesheet mainly contains the Dynamic Menu Styling (ie for hover action and to
/*** 		highlight the active menu item) which needs to be separate as it is product-specific.
/*** 		Most content styling is held in the Family Stylesheet, even if a new term is added
/*** 		for a particular website within the family; this way, the new style is available
/*** 		for all websites within the family, in case it is needed at any time in the future.
/*** 		An exception to this is any styling that is specific to a particular page within
/*** 		a website, eg when declared using 'body.eligibility', etc..
/*****************************************************************************************************/


/*** Default menu item width OK for this menu as there are 6 items */

/*** Highlight active top-level menu item (when page itself, or any of its submenu pages, are displayed): ***/
body.home #menu a.home,
body.quote #menu a.quote,
body.aboutFP #menu a.aboutFP,
	body.fpe #menu a.aboutFP,			/* Submenu of: About FP */
	body.fpkh #menu a.aboutFP,
	body.eligibility #menu a.aboutFP,
	body.whyFP #menu a.aboutFP,
	body.testimonials #menu a.aboutFP,
body.help #menu a.help,
	body.faqs #menu a.help,				/* Submenu of: Help */
	body.glossary #menu a.help,
	body.contentsHints #menu a.help,
body.makeClaim #menu a.makeClaim,
	body.claimsProcedure #menu a.makeClaim,	/* Submenu of: Make a Claim */
body.aboutUs #menu a.aboutUs,
	body.regulation #menu a.aboutUs,		/* Submenu of: About Us */
	body.otherInsurance #menu a.aboutUs,
	body.privacy #menu a.aboutUs,
	body.complaints #menu a.aboutUs,
	body.termsOfUse #menu a.aboutUs,
body.contactUs #menu a.contactUs,
	body.feedback #menu a.contactUs		/* Submenu of: Contact Us */
	{
	background-image: url("../__Images/menuButtonOrange.gif");  
	}

/*** Hide cursor "link-indicator" behaviour of top-level menu item when corresponding page is displayed (NB link would still reload page if clicked): ***/ 
body.home #menu a.home,
body.quote #menu a.quote,
body.aboutFP #menu a.aboutFP,
body.help #menu a.help,
body.makeClaim #menu a.makeClaim,
body.aboutUs #menu a.aboutUs,
body.contactUs #menu a.contactUs
	{
	cursor: default; 
	}

/*** Highlight active sidebox sub-menu item when page itself is displayed (and hide cursor "link-indicator" behaviour): ***/
body.fpe #leftSide a.fpe,
body.fpkh #leftSide a.fpkh,
body.eligibility #leftSide a.eligibility,
body.whyFP #leftSide a.whyFP,
body.testimonials #leftSide a.testimonials,
body.faqs #leftSide a.faqs,
body.glossary #leftSide a.glossary,
body.contentsHints #leftSide a.contentsHints,
body.claimsProcedure #leftSide a.claimsProcedure,
body.regulation #leftSide a.regulation,
body.otherInsurance #leftSide a.otherInsurance,
body.privacy #leftSide a.privacy,
body.complaints #leftSide a.complaints,
body.termsOfUse #leftSide a.termsOfUse,
body.feedback #leftSide a.feedback
	{
	color: black;
	background-image: url("../__Images/arrowButtonOrange.gif"); 
	cursor: default; 
	}


/*** Also hide cursor "link-indicator" behaviour for Product Logo images when home page is active: ***/
/*** (NB Family Logo image still acts as a link here becasue it links to the Family Homepage) ***/
/*body.home #header a.familyHome,*/
body.home #header a.productHome
	{
	cursor: default;
	}


/*** STYLING TO OVERRIDE CHERISH FAMILY STYLING: ***/

#footerBar {
	line-height: 55px; /* Use line-height to size element so that text is automatically centered vertically */
	color: rgb(0,175,237); /* BLUE */
	background-color: black;
	padding-right: 25px;
	margin: 0 -25px;
	}
