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

/* YATA Blue colour scheme */
.primary-background-colour     { background-color: #002c45; } /*top colour*/
.secondary-background-colour   { background-color: #fff; } /*colour behind tag line and description*/
.page-background-colour        { background-color: #f3f3f3; } /*colour behind panels*/
.primary-foreground-colour     { color: #002c45; } /*what is this?*/
.secondary-foreground-colour   { color: #8096a2; } /*colour for date and time*/

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


/*************************************************************************************
* HTML STYLES (these colours are the same as .primary-foreground-colour and
* .secondary-foreground-colour
*************************************************************************************/
#product-description h1	{ color: #265AAE; }
#product-description h2	{ color: #265AAE; }
#product-description h3	{ color: #0097B7; }
#product-description h4	{ color: #0097B7; }


/*************************************************************************************
* SHOW/HIDE MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #001d2d; } /*background colour for channel title bar*/
.product-menu h2 a:hover			{ background-color: #001d2d; } /*background colour for channel title bar*/
.product-menu li a.shaded			{ background-color: #002c45; border-bottom: solid 1px #304755; color: #fff;}
.product-menu li a.shaded:hover		{ background-color: #475c68; }
.product-menu li a					{ background-color: #BDE1F4; border-bottom: solid 1px #304755; }
.product-menu li a:hover			{ background-color: #5CADD6; }

#search-box	{ background-color: #fbf9e7; border: solid 1px #a5acb2; }

/*************************************************************************************
* LARGE BANNER LEFT AND RIGHT STROKES
* Used for RTO / homepages
*************************************************************************************/
.large-banner-stroke-left	{ background-image: none; }
.large-banner-stroke-right	{ background-image: none; }


/*************************************************************************************
* SMALL BANNER LEFT AND RIGHT STROKES
* Used for inside pages
*************************************************************************************/
.small-banner-stroke-left	{ background-image: none; }
.small-banner-stroke-right	{ background-image: none; }


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

body
{
	background-color: #484848;
}

/*	links are not underlined by default	*/
a:link, a:visited
{
	text-decoration: none;
	color: #407797;
}
a:active, a:hover
{
	color: #f00;
}

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

/* adjust navigation menus to compensate for larger logo */
#navigation-menu-container
{
	height: 50px;
}

/* remove borders in drop down menus */
#drop-down-menus span
{
	border-left: none;
}

/*	---------------------------------------------------------------------------
	Breadcrumb links
	---------------------------------------------------------------------------	*/
.breadcrumbs
{
	color: #fcb933;
	background-color: #002c45;
}

.breadcrumbs a:link, .breadcrumbs a:visited
{
	color: #fcb933;
}

.breadcrumbs a:hover, .breadcrumbs a:active
{
	color: #fcdb97;
}

/*	---------------------------------------------------------------------------
	Page overview
	---------------------------------------------------------------------------	*/
#overview
{
	color: #002c45;
}

#overview a:link, #overview a:visited
{
	color: #fff;
}

#overview a:active, #overview a:visited
{
	color: #ee9;
}

/*	---------------------------------------------------------------------------
	Page content container
	---------------------------------------------------------------------------	*/
#content-container
{
	height: 100%;
	border-left: 1px solid #fff;
}

#content
{
	padding: 8px;
	height: 100%;
	color: #4b4b54
}

#content h1
{
	color: #101028;
}

#content h2
{
	font-size: 1.5em;
	color: #101028;
}

#content h3
{
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	font-size: 1.4em;
	color: #101028;
}

#content h4
{
	margin-top: 0.3em;
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #4b4b54;
}


/*	---------------------------------------------------------------------------
	Footer container
	---------------------------------------------------------------------------	*/
#footer-container
{
	border-top: 1px solid #fff;
	/*border-bottom: 1px solid #fff;*/
}
/*	---------------------------------------------------------------------------
	Show/Hide menus
	---------------------------------------------------------------------------	*/

#show-hide-menus a
{
	color: #fff;
}

/*	Currently selected menu item	*/
#show-hide-menus a.selected
{
	font-weight: bold;
	color: #f7ba2f;
}

/*	Colours for Standard & Visitor Centre Menus (common to all sites)	*/
.standard-menu h2 a, .inner-page-sub-menu h2 a
{
	background-color: #3979dc;
}
.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);
}

#fixed-navigation a.affiliate-link:link, #fixed-navigation a.affiliate-link:visited
{
	color: #ffd51e;
}

#fixed-navigation a.affiliate-link:active, #fixed-navigation a.affiliate-link:hover
{
	color: #fff;
}