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

/* RedGreen */
.primary-background-colour		{ background-color: #091323; }
.secondary-background-colour	{ background-color: #334156; }
.page-background-colour			{ background-color: #f3f3f3; }
.primary-foreground-colour		{ color: #091323; }
.secondary-foreground-colour	{ color: #9da1a7; }

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


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


/*************************************************************************************
* SHOW/HIDE MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #0c1c36; }
.product-menu h2 a:hover			{ background-color: #0c1c36; }
.product-menu li a.shaded			{ background-color: #6d7786; border-bottom: solid 1px #8a929e; color: #ffffff; }
.product-menu li a.shaded:hover		{ background-color: #8a929e; }
.product-menu li a					{ background-color: #a4aab3; border-bottom: solid 1px #8a929e; }
.product-menu li a:hover			{ background-color: #8a929e; }


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


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


/*************************************************************************************
	Page content
*************************************************************************************/

#content h1, #content h2, #content h3, #content h4, p {
	/*border: 1px solid #e6e7e0;*/
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	padding: 0;
	margin: 0;
}

#content h1
{
	font-size: 18pt;
	font-weight: 700;
	padding-top: 15px;
	/*color: #013255;*/
}

#content h2
{
	/*font-family: Verdana, Helvetica, sans-serif;*/
	padding: 10px 0 15px 0;
	font-size: 13.55pt;
	font-weight:700
	/*color: #013255;*/
}

#content h3
{
	padding-bottom: 10px;
	font-size: 1.3em;
	/*color: #013255;*/
}

#content h4
{
	font-size: 1em;
	/*color: #013255;*/
}

p {
	/*font-family: arial;*/
	padding-bottom: 10px;
}


/*************************************************************************************
* SWAN VALLEY SURROUNDS BANNER
*************************************************************************************/
.standard-menu h2 a, .inner-page-sub-menu h2 a {background-color: #bb2f00;}
.standard-menu h2 a:hover, .inner-page-sub-menu h2 a:hover {background-color: #bb2f00;}

.standard-menu li a { background-color: #cc6340; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c95933;}
.standard-menu li a:hover {background-color: #e6b19f;}

#drop-down-menus span a:hover
{
	background-color: #cfd57f; 
}



/*************************************************************************************
* SWAN VALLEY BACKGROUND IMAGES
*************************************************************************************/
td.page-shadow-left {background-image: url(/RtoWebsite/Images/Layout/KarrathaVShadowLeft.gif);}
td.page-shadow-right {background-image: url(/RtoWebsite/Images/Layout/KarrathaVShadowRight.gif);}
td.page-shadow-right, td.page-shadow-right-offset {background-image: url(/RtoWebsite/Images/Layout/KarrathaVShadowRight.gif);}

/*************************************************************************************
* PRIMARY PAGE BACKGROUND COLOURS
*************************************************************************************/
body
{
	background-color: #0c1c36;
	color: #464646;
}

/*	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: #0c1c36;
}


/*************************************************************************************
* LINKS AND VISITED LINKS
*************************************************************************************/
a:active, a:hover { color: #702045;}
#fixed-navigation a.affiliate-link:active, #fixed-navigation a.affiliate-link:link
{
	font-weight: bolder;
	color: #ffffff;
}
 #fixed-navigation a.affiliate-link:hover
{
	font-weight: bolder;
	color: #000ddf;
}



/*************************************************************************************
* PRIMARY PAGE BACKGROUND COLOURS
*************************************************************************************/
#fixed-navigation {background-image: url(/RtoWebsite/Images/Header/Karratha_GradientBackground.gif);}


/*************************************************************************************
* ADVERTISING CONTAINER
*************************************************************************************/
#advertising-container .horizontal img {width: 120px; height: 75px; padding-left: 28px; padding-right: 28px; background-color: #b8c040;}

#productAvailabilityGrid tbody th
{
	color: #FFF;
}

/*	---------------------------------------------------------------------------
	Page overview - need to make text grey
	---------------------------------------------------------------------------	*/
#overview
{
	color: #fff;
	padding: 10px;
	padding-top: 0;
	line-height: 16px;
}
#overview p
{
	margin: 0;
}
#overview a:link, #overview a:visited, #overview a:hover
{
	color: #f7941d;
}

#overview a:active
{
	color: #f00;
}