/************************************************************************/
/*** Forces Insurance - SCHEME STYLE SHEET - PROTECT AND SERVE DIRECT ***/
/************************************************************************/
/*** 
/*** THIS CODE LAST UPDATED: 05/08/11
/***
/*** (REMEMBER TO CHANGE REVISION CODE IN 'php_config.inc.php')
/***
/***************************************************************
/***
/*** NOTE: This style sheet loaded AFTER 'style.css' in order to
/*** over-load any rules that need to be changed for this Scheme
/***
/***************************************************************

COLOURS:

Grey for sub-menu items:
(same as used for surround colour for Admin))
	15% black (= 85% white)
	RGB: R=85%; G=85%; B=85%	=> rgb(85%,85%,85%)

Darker Grey for Menu hover and active page background colour:
	40% black (= 60% white)
	RGB: R=60%; G=60%; B=60%	=> rgb(60%,60%,60%)

Menu background:
	Black	
***/


/***
/*** Set basic layout and incorporate various fixes to known browser problems
/**/
#footerBar {
	background-color: black;
	border-bottom-color: rgb(60%,60%,60%); 
	}


/***
/*** MENU styles
/**/
#menu {background-color: black; }
#menu a:link, #menu a:visited {color: white; }
/*#menu a:hover {color: black; background-color: rgb(60%,60%,60%); }*/
#menu a:hover {color: white; background-color: rgb(50%,50%,50%); }

/* Extra block (that is not just one big button): */
#menu div.extra {background-color: rgb(72%,72%,72%); }
#menu div.extra span.h2 {color: white; }
#menu div.extra span.h3 {color: black; }
#menu div.extra a:link, #menu div.extra a:visited {background-color: rgb(72%,72%,72%); color: black; }

/* Sub-menu style: */
#menu ul.submenu a:link, #menu ul.submenu a:visited {color: black; background-color: rgb(85%,85%,85%); }
#menu ul.submenu a:hover {color: black; background: rgb(72%,72%,72%); } /* use 'background', not 'background-color' to remove background image */

/*** Highlight active top-level menu item (when page itself, or any of its submenu pages, are displayed): ***/
body.home #menu a.home,
body.register #menu a.register,
body.quote #menu a.quote,
body.retrieveQuote #menu a.retrieveQuote,
body.phLogin #menu a.phLogin,
	body.updateDetails #menu a.phLogin,		/* Submenu of: policyholder login */
	body.amendCover #menu a.phLogin,
	body.changeAddress #menu a.phLogin,
	body.makeClaim #menu a.makeClaim,
	body.changePassword #menu a.phLogin,
body.aboutFP #menu a.aboutFP,
	body.whatsCovered #menu a.aboutFP,		/* Submenu of: about this policy */
	body.whoCanBuy #menu a.aboutFP,
body.importantDocuments #menu a.importantDocuments,
body.otherInsurance #menu a.otherInsurance,
body.help #menu a.help,
	body.faqs #menu a.help,				/* Submenu of: help */
	body.contentsHints #menu a.help,
	body.definitions #menu a.help,
body.aboutCherish #menu a.aboutCherish,
	body.complaints #menu a.aboutCherish,		/* Submenu of: about Cherish */
body.regulation #menu a.regulation,
body.contact #menu a.contact,
	body.helplines #menu a.contact,		/* Submenu of: contact */
	body.claimsProcedure #menu a.contact,
body.feedback #menu a.feedback
	{
	color: white; background-color: rgb(50%,50%,50%);  
	}

/*** Highlight active sub-menu menu item: ***/
body.updateDetails #menu a.updateDetails,		/* Submenu of: policyholder login */
body.amendCover #menu a.amendCover,
body.changeAddress #menu a.changeAddress,
body.makeClaim #menu a.makeClaim,
body.changePassword #menu a.changePassword,
body.whatsCovered #menu a.whatsCovered,		/* Submenu of: about this policy */
body.whoCanBuy #menu a.whoCanBuy,
body.faqs #menu a.faqs,					/* Submenu of: help */
body.contentsHints #menu a.contentsHints,
body.definitions #menu a.definitions,
body.complaints #menu a.complaints,			/* Submenu of: about Cherish */
body.helplines #menu a.helplines,			/* Submenu of: contact */
body.claimsProcedure #menu a.claimsProcedure
	{
	color: black; background: rgb(72%,72%,72%); /* use 'background', not 'background-color' to remove background image */
	}


/***************************************/
/*** ADDITIONAL STYLES IN HOME PAGE: ***/
/***************************************/
/* (Need to prefix with 'body.home to ensure they only affect that page) */
body.home #content div.qLinkBox {
	color: white;
	background-color: black; 
	border: 2px solid black; 
	}
body.home #content div.qLinkBox h3 {color: rgb(172,211,30); }
body.home #content div.qLinkBox a:link, body.home #content div.qLinkBox a:visited {
	color: white;
	}