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

/* OrangeBlue */
.primary-background-colour		{ background-color: #ce8b00; }
.secondary-background-colour	{ background-color: #ce8b00; }
.page-background-colour			{ background-color: #fff; }
.primary-foreground-colour		{ color: #E58200; }
.secondary-foreground-colour	{ color: #fff; }

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


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


/*************************************************************************************
* SHOW/HIDE MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #ce8b00; }
.product-menu h2 a:hover			{ background-color: #ce8b00; }
.product-menu li a.shaded			{ background-color: #deb158; border-bottom: solid 1px #ce8b00; }
.product-menu li a.shaded:hover		{ background-color: #c49d4f; }
.product-menu li a					{ background-color: #ebc881; border-bottom: solid 1px #ce8b00; }
.product-menu li a:hover			{ background-color: #c49d4f; }

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


/*************************************************************************************
* 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: #00496e;   /* Changed from #245BAD */
}

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

/* 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;
}

#content-container
{
	border: 0px none;
}

#footer-container
{
	border: 0px none;
}