/******************************************************/
/*** Cherish Lite Home Insurance - MENU STYLE SHEET ***/
/******************************************************/
/*** 
/*** THIS CODE LAST UPDATED: 11/09/20
/***
/*** 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 NOT OK for this menu as there are only 4 items */
#menu a:link
	{
	width: 230px;
	}


/*** Highlight active top-level menu item (when page itself, or any of its submenu pages, are displayed): ***/
body.brokerQuote #menu a.brokerQuote,
body.aboutUs #menu a.aboutUs,
	body.regulation #menu a.aboutUs,		/* Submenu of: About Us */
	body.complaints #menu a.aboutUs,
	body.termsOfUse #menu a.aboutUs,
body.contactUs #menu a.contactUs,
	/*body.claimsProcedure #menu a.contactUs,	/* Submenu of: Contact Us */
body.privacy #menu a.privacy,
body.accessibility #menu a.accessibility,
body.sitemap #menu a.sitemap
	{
	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.brokerQuote #menu a.brokerQuote,
body.aboutUs #menu a.aboutUs,
body.contactUs #menu a.contactUs,
body.privacy #menu a.privacy,
body.accessibility #menu a.accessibility,
body.sitemap #menu a.sitemap
	{
	cursor: default; 
	}

/*** Highlight active text menu item when page itself is displayed (and hide cursor "link-indicator" behaviour): ***/
body.accessibility #textMenu a.accessibility,
body.sitemap #textMenu a.sitemap,
body.privacy #textMenu a.privacy
	{
	color: black;
	cursor: default; 
	}

/*** Highlight active sidebox sub-menu item when page itself is displayed (and hide cursor "link-indicator" behaviour): ***/
body.regulation #leftSide a.regulation,
body.privacy #leftSide a.privacy,
body.complaints #leftSide a.complaints,
body.termsOfUse #leftSide a.termsOfUse
	{
	color: black;
	background-image: url("../__Images/arrowButtonOrange.gif"); 
	cursor: default; 
	}


/*** Also hide cursor 'link-indicator' behaviour for Family & Product Logo images when home page is active: ***/
/*** (NB Treat both images the same because, in this case, both link to the same page, ie this is the Family Homepage) ***/
/*** Note for LITE: The home page is actually the Broker Quote page ***/
body.brokerQuote #header a.familyHome,
body.brokerQuote #header a.productHome
	{
	cursor: default;
	}