/*************************************************************************************
* PAGE LAYOUT COLOURS  ffffff    cce4cc    dbecbb   a7c779   9fbb75
*************************************************************************************/

/* Purple */
.primary-background-colour     { background-color: #9fbb75; } 
.secondary-background-colour   { background-color: #dde4d1; } /* #FFD242  dde4d1 */
.page-background-colour        { background-color: #dde4d1; } /* OLD #FFFEEC */
.primary-foreground-colour     { color: #7eia7f; }          
.secondary-foreground-colour   { color: #9175ad; }        

/* search criteria classes */
.search-criteria-colour		{ background-color: #ffffff; }
.search-criteria-border		{ border: solid 1px #dbecbb; }
.search-criteria-top-border	{ border-top: solid 1px #dbecbb; }

/*************************************************************************************
	breadcrumbs
*************************************************************************************/
#drop-down-menus span a
{
	background-color: #9fbb75;
	background-image: URL(/RtoWebsite/Images/Layout/WhiteDownArrow.gif);
	background-repeat: no-repeat;
	background-position: right 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 15px;
}

#drop-down-menus span a:hover
{
	background-color: #; 
}


/*	links are not underlined by default	*/
.breadcrumbs a:link, .breadcrumbs a:visited
{
	color: #b29acb;
}
.breadcrumbs a:hover, .breadcrumbs a:active
{
	color: #b29acb;
}
.breadcrumbs a
{
	padding-right: 14px;
	padding-left: 7px;
	background-repeat: no-repeat;
	background-image: URL(/RtoWebsite/Images/Layout/BlueRightArrow.gif);
	background-position: right 4px;
}

/*************************************************************************************
* HTML STYLES (these colours are the same as .primary-foreground-colour and
* .secondary-foreground-colour
*************************************************************************************/
#product-description h1	{ color: #9fbb75; }
#product-description h2	{ color: #9fbb75; }
#product-description h3	{ color: #9fbb75 }
#product-description h4	{ color: #9fbb75 }


/*************************************************************************************
* SHOW/HIDE MENU COLOURS de51cd
*************************************************************************************/
.product-menu h2 a			{ background-color: #7e1a7f; }
.product-menu h2 a:hover			{ background-color: #dacee7; }
.product-menu li a.shaded			{ background-color: #e7dee6; border-bottom: solid 1px #7e1a7f; }
.product-menu li a.shaded:hover		{ background-color: #dacee7; }
.product-menu li a				{ background-color: #e7dee6; border-bottom: solid 1px #7e1a7f; }
.product-menu li a:hover			{ background-color: #dacee7; }
.standard-menu h2 a			{ background-color: #7e1a7f; }
.standard-menu h2 a:hover			{ background-color: #dacee7; }
.standard-menu li a.shaded			{ background-color: #e7dee6; border-bottom: solid 1px #dbecbb; }
.standard-menu li a.shaded:hover		{ background-color: #dacee7; }
.standard-menu li a				{ background-color: #e7dee6; border-bottom: solid 1px #dbecbb; }
.standard-menu li a:hover			{ background-color: #dacee7; }

#search-box	{ background-color: #dacee7; border: solid 1px #dbecbb; }

/*************************************************************************************
* 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: #9b6a9b;   /* Changed from #245BAD  #7e1a7f  9b6a9b*/
}


/* add an light blue -> white gradient to the #fixed-navigation */
#fixed-navigation
{
	background-image: url(/RtoWebsite/Images/Header/LightBlueGradientBackground.jpg);
}

/* Rottnest Logo has larger height than standard logo */
#brand-logo
{
	top: 1px;
	height: 60px;
}
#brand-logo img
{
	width: 150px;
	height: 67px;
}

/* adjust navigation menus to compensate for larger logo */
#navigation-menu-container
{
	height: 50px;
}

/* make text in drop-down menus bold for readibility */
#drop-down-menus span a
{
	color: #fff;
	font-weight: bold;
}
/* remove borders in drop down menus */
#drop-down-menus span
{
	border-left: none;
}

/*	---------------------------------------------------------------------------
	Page overview - need to make text non white(grey)
	---------------------------------------------------------------------------	*/
#overview
{
	color: Black;
	padding: 10px;
	padding-top: 0;
	line-height: 16px;
}
#overview p
{
	margin: 0;
}
#overview a:link, #overview a:visited
{
	color: Gray;
}
#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;
}