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

/* TealGreen */
.primary-background-colour		{ background-color: #221B69; }
.secondary-background-colour		{ background-color: #221B69; }
.page-background-colour			{ background-color: white; }
.primary-foreground-colour		{ color: #221B69; }
.secondary-foreground-colour		{ color: #7492BE; }

/* 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: #221B69; }
#product-description h2	{ color: #221B69; }
#product-description h3	{ color: #7492BE; }
#product-description h4	{ color: #7492BE; }


/*************************************************************************************
* LOCAL MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #221B69; }
.product-menu h2 a:hover				{ background-color: #006D5A; }
.product-menu li a.shaded				{ background-color: #95ACCE; border-bottom: solid 1px #7492BE; }
.product-menu li a.shaded:hover				{ background-color: #7492BE; }
.product-menu li a					{ background-color: #C0C5CD; border-bottom: solid 1px #9DA5AE; }
.product-menu li a:hover				{ background-color: #9DA5AE; }

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


/*************************************************************************************
* LARGE BANNER LEFT AND RIGHT STROKES
* Used for RTO / homepages
*************************************************************************************/
.large-banner-stroke-left	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BunburyBannerLargeLeft.gif); background-repeat: no-repeat; background-position: right 0px; }
.large-banner-stroke-right	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BunburyBannerLargeRight.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/BunburyBannerSmallLeft.gif); background-repeat: no-repeat; background-position: right 0px; }
.small-banner-stroke-right	{ background-image: URL(/RtoWebsite/Images/ColourSchemes/BunburyBannerSmallRight.gif); background-repeat: no-repeat; background-position: left 0px; }

/*************************************************************************************
* DEFINITIONS THAT OVERRIDE STANDARD CSS DEFINITIONS
* This section contains CSS definitions that override those in Common.css or the web
* site type CSS file.
*************************************************************************************/

/* Page Border Color */
body
{
	background-color: #221B69;
}


/* add an -> white gradient to the #fixed-navigation */
#fixed-navigation
{
	background-image: url(/RtoWebsite/Images/Header/Bunbury_GradientBackground.gif);
}

/* Highlights panel title shares body background-color */
#content-side-panel .horizontal-panel h1,
#content-side-panel #weather .weather-header,
#content-side-panel #weather-bom-link
{
	background-color: #00557c;
}

/* Page layout */
td.page-shadow-left
{
	background-image: URL(/RtoWebsite/Images/Layout/BunburyShadowLeft.gif);
}
td.page-shadow-right, td.page-shadow-right-offset
{
	background-image: URL(/RtoWebsite/Images/Layout/BunburyShadowRight.gif);
}

/*	Colours for Standard & Visitor Centre Menus (common to all sites)	*/
.standard-menu h2 a, .inner-page-sub-menu h2 a
{
	background-color: #00557c;
}
.standard-menu h2 a:hover, .inner-page-sub-menu h2 a:hover
{
	background-color: #265194;
}
.standard-menu li a
{
	background-color: #cdddf6; 
	border-bottom: solid 1px #bbd1f3 
}
.standard-menu li a:hover
{
	background-color: #bbd1f3;
}

/*	---------------------------------------------------------------------------
	Page overview - need to make text non white(grey)
	---------------------------------------------------------------------------	*/
#overview
{
	background-color: white;
	color: #221B69;
	padding: 10px;
	padding-top: 0;
	line-height: 16px;
}
#overview p
{
	margin: 0;
}
#overview a:link, #overview a:visited
{
	color: #221B69;
}
#overview a:active, #overview a:visited
{
	color: #ee9;
}

/*	Website tag line (common) 	*/
#overview .tag-line
{
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	display: block;
	padding-bottom: 5px;
}

/*	Colours for Standard & Visitor Centre Menus (common to all sites)	*/
.standard-menu h2 a, .inner-page-sub-menu h2 a
{
	background-color: #221B69;
}
.standard-menu h2 a:hover, .inner-page-sub-menu h2 a:hover
{
	background-color: #265194;
}
.standard-menu li a
{
	background-color: #cdddf6; 
	border-bottom: solid 1px #bbd1f3 
}
.standard-menu li a:hover
{
	background-color: #bbd1f3;
}

/*	Visitor Centre menu	*/
#show-hide-menus .inner-page-sub-menu h2 a
{
	background-image: url(/RtoWebsite/Images/Layout/LocalMenuButtonBackground.gif);
}