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

/* Rottnest Island BlueYellow colour scheme */
.primary-background-colour     { background-color: #da4d2a; } 
.secondary-background-colour   { background-color: #da4d2a; } /* #FFD242 */
.page-background-colour        { background-color: #f6f1e8; } /* OLD #FFFEEC */
.primary-foreground-colour     { color: #da4d2a; }          
.secondary-foreground-colour   { color: #f99325; }        

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

/*************************************************************************************
	breadcrumbs
*************************************************************************************/
#drop-down-menus span a
{
	background-color: #da4d2a;
	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: #da4d2a; 
}


/*	links are not underlined by default	*/
.breadcrumbs a:link, .breadcrumbs a:visited
{
	color: #ffffff;
}
.breadcrumbs a:hover, .breadcrumbs a:active
{
	color: #ffffff;
}
.breadcrumbs a
{
	padding-right: 14px;
	padding-left: 7px;
	background-repeat: no-repeat;
	background-image: URL(/RtoWebsite/Images/Layout/WhiteRightArrow.gif);
	background-position: right 4px;
}

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


/*************************************************************************************
* SHOW/HIDE MENU COLOURS
*************************************************************************************/
.product-menu h2 a			{ background-color: #da4d2a; }
.product-menu h2 a:hover			{ background-color: #ef9d55; }
.product-menu li a.shaded			{ background-color: #eadfcc; border-bottom: solid 1px #ef9d55; }
.product-menu li a.shaded:hover		{ background-color: #ffffff; }
.product-menu li a				{ background-color: #f6f1e8; border-bottom: solid 1px #ef9d55; }
.product-menu li a:hover			{ background-color: #dad2c5; }

.standard-menu h2 a			{ background-color: #30823a; }
.standard-menu h2 a:hover			{ background-color: #30823a; }
.standard-menu li a				{ background-color: #f6f1e8; border-bottom: solid 1px #ef9d55; }
.standard-menu li a:hover			{ background-color: #dad2c5; }

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

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

#fixed-navigation a.affiliate-link:link, #fixed-navigation a.affiliate-link:visited
{
	color: #000;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}
#fixed-navigation a.affiliate-link:active, #fixed-navigation a.affiliate-link:hover
{
	color: #da4d2a;
}


/* add an light blue -> white gradient to the #fixed-navigation */
#fixed-navigation
{
	background-image: url(/RtoWebsite/Images/Header/ARDI_GradientBackground_Top.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;
}

/*	---------------------------------------------------------------------------
	Page overview - need to make text non white(grey)
	---------------------------------------------------------------------------	*/
#overview
{
	color: #fff;
	padding: 10px;
	padding-top: 0;
	line-height: 16px;
}
#overview p
{
	margin: 0;
}
#overview a:link, #overview a:visited
{
	color: f99325;
}
#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;
}