﻿/****************************************************
	N A V I G A T I O N   S I D E   B A R
****************************************************/
div#NavigationSideBar {

}

/*div#NavigationSideBar div#Level2Title {
	color: #858585;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 4px;
}*/

div#NavigationSideBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d3d2d3;
}



div#NavigationSideBar ul li {
	border-bottom: 1px solid #d3d2d3;
	
}

div#NavigationSideBar ul ul{
	margin:0;
	padding:0;
	border: none;
}

div#NavigationSideBar ul ul li {
	padding-left:10px;
	border-bottom: 1px solid #fff;/*This is a hack because IE doesn't know how to render HTML!!**/
}



div#NavigationSideBar a {
	display: block;
	text-decoration: none;
	padding:4px 0 4px 10px;
	margin:0;
	color:#000;/*To break colored links attribute in Typography.css*/
}




/* C H A N N E L   C O L O R S */
body#DPA div#NavigationSideBar a:hover,
body#DPA div#NavigationSideBar a.NavigationSelected,
body#DPA div#NavigationSideBar a.NavigationOpen  {
	color: #ffffff;
	background:#5399b7;
}
body#DPA div#NavigationSideBar ul ul a{
	background:#fff url(/Frontend/Images/DPA_Subnav.gif) 0px 6px no-repeat;
	color:#000;
}

body#DPA div#NavigationSideBar ul ul a:hover{
	background:#fff url(/Frontend/Images/DPA_Subnav.gif) 0px 6px no-repeat;
	color:#5399b7;
}
body#DPA div#NavigationSideBar ul ul a.NavigationSelected,
body#DPA div#NavigationSideBar ul ul a.NavigationOpen{
	background:#fff url(/Frontend/Images/DPA_SubnavSelected.gif) 0px 6px no-repeat;
	color:#5399b7;
}


/* W E E E */
body#WEEE div#NavigationSideBar a:hover,
body#WEEE div#NavigationSideBar a.NavigationSelected,
body#WEEE div#NavigationSideBar a.NavigationOpen  {
	color: #ffffff;
	background:#939100;
}
body#WEEE div#NavigationSideBar ul ul a{
	background:#fff url(/Frontend/Images/WEEE_Subnav.gif) 0px 6px no-repeat;
	color:#000;
}

body#WEEE div#NavigationSideBar ul ul a:hover{
	background:#fff url(/Frontend/Images/WEEE_Subnav.gif) 0px 6px no-repeat;
	color:#939100;
}
body#WEEE div#NavigationSideBar ul ul a.NavigationSelected,
body#WEEE div#NavigationSideBar ul ul a.NavigationOpen{
	background:#fff url(/Frontend/Images/WEEE_SubnavSelected.gif) 0px 6px no-repeat;
	color:#939100;
}

/* B A T */
body#BAT div#NavigationSideBar a:hover,
body#BAT div#NavigationSideBar a.NavigationSelected,
body#BAT div#NavigationSideBar a.NavigationOpen  {
	color: #ffffff;
	background:#96181d;
}
body#BAT div#NavigationSideBar ul ul a{
	background:#fff url(/Frontend/Images/BAT_Subnav.gif) 0px 6px no-repeat;
	color:#000;
}

body#BAT div#NavigationSideBar ul ul a:hover{
	background:#fff url(/Frontend/Images/BAT_Subnav.gif) 0px 6px no-repeat;
	color:#96181d;
}
body#BAT div#NavigationSideBar ul ul a.NavigationSelected,
body#BAT div#NavigationSideBar ul ul a.NavigationOpen{
	background:#fff url(/Frontend/Images/BAT_SubnavSelected.gif) 0px 6px no-repeat;
	color:#96181d;
}

/* E L V */
body#ELV div#NavigationSideBar a:hover,
body#ELV div#NavigationSideBar a.NavigationSelected,
body#ELV div#NavigationSideBar a.NavigationOpen  {
	color: #ffffff;
	background:#e29d17;
}
body#ELV div#NavigationSideBar ul ul a{
	background:#fff url(/Frontend/Images/ELV_Subnav.gif) 0px 6px no-repeat;
	color:#000;
}

body#ELV div#NavigationSideBar ul ul a:hover{
	background:#fff url(/Frontend/Images/ELV_Subnav.gif) 0px 6px no-repeat;
	color:#e29d17;
}
body#ELV div#NavigationSideBar ul ul a.NavigationSelected,
body#ELV div#NavigationSideBar ul ul a.NavigationOpen{
	background:#fff url(/Frontend/Images/ELV_SubnavSelected.gif) 0px 6px no-repeat;
	color:#e29d17;
}

/****************************************************
	N A V I G A T I O N   T O P   B A R
****************************************************/
div#NavigationTopBar {
	background:#000000;
	height:30px;
	overflow:hidden;
	font-size:0;
}

div#NavigationTopBar div#Tools{
	padding:3px 19px 0 0;
	float:right;
}

div#NavigationTopBar div#Tools div{
	float:left;
	margin-right:6px;
}

div#NavigationTopBar div#Tools div a{
	display:block;
	border:1px solid #312f32;
}

div#NavigationTopBar div#Tools div a:hover{
	border:1px solid #535055;
}

div#NavigationTopBar ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	float:left;
	overflow:hidden;
	width: 850px;
	font-size:0;
}

div#NavigationTopBar ul li {
	float: left;
	margin: 0;
	padding: 6px 10px 0 6px;
	font-size:0;
}

div#NavigationTopBar ul a {
	float: left;
	text-decoration: none;
	padding: 3px 10px 7px 10px;
	color: #fff;
	font-size:12px;
}

div#NavigationTopBar ul a:hover, 
div#NavigationTopBar ul a.NavigationSelected, 
div#NavigationTopBar ul a.NavigationOpen {
	color: #000;
	text-decoration: none;
	background:#fff;
}

/*COLOR SETTINGS FOR CHANNELS*/
body#DPA div#NavigationTopBar ul a:hover{color: #fff; background:#5399b7;}
body#DPA div#NavigationTopBar ul a.NavigationSelected, 
body#DPA div#NavigationTopBar ul a.NavigationOpen {color: #5399b7; background:#fff;}

body#WEEE div#NavigationTopBar ul a:hover{color: #fff; background:#939100;}
body#WEEE div#NavigationTopBar ul a.NavigationSelected, 
body#WEEE div#NavigationTopBar ul a.NavigationOpen {color:#939100; background:#fff;}

body#BAT div#NavigationTopBar ul a:hover{color: #fff; background:#96181d;}
body#BAT div#NavigationTopBar ul a.NavigationSelected, 
body#BAT div#NavigationTopBar ul a.NavigationOpen {color:#96181d; background:#fff;}

body#ELV div#NavigationTopBar ul a:hover{color:#fff; background:#e29d17;}
body#ELV div#NavigationTopBar ul a.NavigationSelected, 
body#ELV div#NavigationTopBar ul a.NavigationOpen {color: #e29d17; background:#fff;}

/****************************************************
	N A V I G A T I O N   P A T H
****************************************************/
div#NavigationPath {
	border-bottom: 1px solid #B5B5B5;
	margin-bottom: 6px;
	padding-bottom: 6px;
}

div#NavigationPath a {
	background-image: url(/Frontend/Images/li.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 11px;
	margin-right: 6px;
}

/****************************************************
	N A V I G A T I O N   S I T E M A P
****************************************************/
div.NavigationSitemap {
	float: left;
	width: 231px; /*25%;*/
}

div.NavigationSitemap0 {
	width: 221px; /*24%;*/
}

div.NavigationSitemapInner {
	background-color: #FFFFFF;
	border: 1px dotted #002D56;
	color: #222222;
	margin-bottom: 1em;
	margin-right: 1em;
	padding: 0.6em;
}

div.NavigationSitemapInner0 {
	margin-right: 0;
}

div.NavigationSitemap a {
	background-color: #FFFFFF;
	color: #222222;
	font-weight: bold;
	text-decoration: underline;
}

div.NavigationSitemap ul li a {
	font-size: 93%;
	font-weight: normal;
}

/****************************************************
	N A V I G A T I O N   S I T E M A P   C O M P L E T E
****************************************************/

div.NavigationSitemapCompleteInner {
	background-color: #FFFFFF;
	border: 1px dotted #002D56;
	color: #222222;
	margin-bottom: 1em;
	margin-right: 1em;
	padding: 0.6em;
}

div.NavigationSitemapComplete a {
	background-color: #FFFFFF;
	color: #222222;
	font-weight: bold;
	text-decoration: underline;
}

div.NavigationSitemapComplete ul li a {
	font-size: 93%;
	font-weight: normal;
}

body#DPA div.DPA div.NavigationSitemapComplete a{color: #5399b7;}
body#DPA div.WEEE div.NavigationSitemapComplete a{color: #939100;}
body#DPA div.BAT div.NavigationSitemapComplete a{color: #96181d;}
body#DPA div.ELV div.NavigationSitemapComplete a{color: #e29d17;}

body#DPA div#ContentColumnInner div.DPA div.NavigationSitemapComplete ul li {
	background-image: url("/Frontend/Images/li_DPA.gif");
}

body#DPA div#ContentColumnInner div.WEEE div.NavigationSitemapComplete ul li {
	background-image: url("/Frontend/Images/li_WEEE.gif");
}

body#DPA div#ContentColumnInner div.BAT div.NavigationSitemapComplete ul li {
	background-image: url("/Frontend/Images/li_BAT.gif");
}

body#DPA div#ContentColumnInner div.ELV div.NavigationSitemapComplete ul li {
	background-image: url("/Frontend/Images/li_ELV.gif");
}

