/*************************************************************************************
* PAGE LAYOUT COLOURS
*************************************************************************************/

/* TealGreen */
.primary-background-colour		{ background-color: #0B5035; }
.secondary-background-colour	{ background-color: #1D9B85; }
.page-background-colour			{ background-color: #DFEEEB; }
.primary-foreground-colour		{ color: #1D9B85; }
.secondary-foreground-colour	{ color: #28B0B2; }

/* search criteria classes */
.search-criteria-colour		{ background-color: #D8EEEE; }
.search-criteria-border		{ border: solid 1px #C2D5D6; }
.search-criteria-top-border	{ border-top: solid 1px #C2D5D6; }


/*************************************************************************************
* HTML STYLES (these colours are the same as .primary-foreground-colour and
* .secondary-foreground-colour
*************************************************************************************/
#product-description h1	{ color: #1D9B85; }
#product-description h2	{ color: #1D9B85; }
#product-description h3	{ color: #28B0B2; }
#product-description h4	{ color: #28B0B2; }


/*************************************************************************************
* LOCAL MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #549D90; }
.product-menu h2 a:hover			{ background-color: #006D5A; }
.product-menu li a.shaded			{ background-color: #BFDAD6; border-bottom: solid 1px #A8CDC7; }
.product-menu li a.shaded:hover		{ background-color: #A8CDC7; }
.product-menu li a					{ background-color: #D8EEEE; border-bottom: solid 1px #C2D5D6; }
.product-menu li a:hover			{ background-color: #C2D5D6; }

#search-box	{ border: solid 1px #C2D5D6; }


/*************************************************************************************
* LARGE BANNER LEFT AND RIGHT STROKES
* Used for RTO / homepages
*************************************************************************************/
.large-banner-stroke-left	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BannerLargeLeftDarkGreenVC.gif); background-repeat: no-repeat; background-position: right 0px; }
.large-banner-stroke-right	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BannerLargeRightDarkGreenVC.gif); background-repeat: no-repeat; background-position: left 0px; }


/*************************************************************************************
* SMALL BANNER LEFT AND RIGHT STROKES
* Used for inside pages
*************************************************************************************/
.small-banner-stroke-left	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BannerSmallLeftGreenVC.gif); background-repeat: no-repeat; background-position: right 0px; }
.small-banner-stroke-right	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BannerSmallRightGreenVC.gif); background-repeat: no-repeat; background-position: left 0px; }