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

/* AquaBlue */
.primary-background-colour		{ background-color: #009AAF; }
.secondary-background-colour	{ background-color: #54BBC9; }
.page-background-colour			{ background-color: #DCEFF2; }
.primary-foreground-colour		{ color: #009AAF; }
.secondary-foreground-colour	{ color: #54BBC9; }

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


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


/*************************************************************************************
* SHOW/HIDE MENU COLOURS
*************************************************************************************/
.product-menu h2 a					{ background-color: #3979DC; }
.product-menu h2 a:hover			{ background-color: #265194; }
.product-menu li a.shaded			{ background-color: #80CDD7; border-bottom: solid 1px #54BBC9; }
.product-menu li a.shaded:hover		{ background-color: #54BBC9; }
.product-menu li a					{ background-color: #BFE6EB; border-bottom: solid 1px #A8DDE4; }
.product-menu li a:hover			{ background-color: #A8DDE4; }

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


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


#content h2		{ font-size: 13.55pt; }
#content h3		{ font-size: 1.2em; }