﻿/*
Red Palette
100% = C50022
90% = CD213F
85% = D8536A
65% = E07487
50% = E27F90
40% = E899A7
35% = EBA6B2
20% = F3CCD3
*/

#searchbutton {
	background-image: url(../../images/Search/Search_R.jpg);
}

#linkbar {
	color: #FFFFFF;
	background-color: #f9c658;
}

#linkbar a,
#linkbar a:link,
#linkbar a:visited,
#linkbar a:active {
	color: #333333;
}
#linkbar a.selected,
#linkbar a:hover {
	color: #333333;
}

#sidebar 
{
	background-image: url(/mcommon/images/logo/BASF_Logo_R.gif);
	background-color: #EBA6B2; /* 35% */
}

#sidebar h4 
{
	border-bottom-color: #CD213F; /* 90% */
}

#sidebar a 
{
	background-color: #E07487; /* 65% */
	border-top-color: #EBA6B2; /* 35% */
}
#sidebar a.parent
{
	background-image: url(/common/images/arrow/arrow_nav_R65.gif);
}
#sidebar a.selected,
#sidebar ul ul a.parent-open.selected
{
	background-color: #D8536A; /* 85% */
	/*background-color: #fff;*/
}
#sidebar a.parent-open
{
	background-image: url(/common/images/arrow/arrow_nav_down_R90.gif);
	background-color: #CD213F; /* 90% */
	color: #fff;
}
#sidebar ul ul a.parent-open
{
	background-image: url(../../images/Arrow/arrow_nav_down_R65.gif);
	background-color: #E07487; /* 65% */
}
#sidebar ul ul a.parent-open.selected
{
	background-image: url(../../images/Arrow/arrow_nav_down_R85.gif);
	background-color: #D8536A; /* 85% */
	/*background-image: url(../../images/Arrow/arrow_down_GR.gif);
	background-color: #fff;*/
}


#contentContainer h1,
.PageHead,
#contentContainer a,
#contentContainer a:visited,
#contentContainer a:hover {
	color: #C50022; /* 100% */
}

.supportingcontent {
	background-color: #E27F90; /* 50% */
}

.newswrapper {
	background-color: #E899A7; /* 40% */
}

.relatedlinks {
	background-color: #F3CCD3; /* 20% */
}
.relatedlinks ul li a 
{
	background-image: url(../../images/Arrow/arrow_right_R20.gif);
}

/* different for home template */
.template4 .relatedlinks 
{
	background-color: #E27F90; /* 50% */
}
.template4 .relatedlinks ul li a 
{
	background-image: url(../../images/Arrow/arrow_right_R50.gif);
}
.template4 .supportingcontent 
{
	background-color: #E899A7; /* 40% */
}
.template4 .newswrapper 
{
	background-color: #F3CCD3; /* 20% */
}

#blocks h2 
{
	background-image: url(../../images/Header/red.jpg);
}

#blocks a,
#blocks a:link,
#blocks a:visited,
#blocks a:active,
#blocks a:hover
{
	color: #C50022; /* 100% */
}