/* Rules for Meta, Main, Tree, Footer and Page Navigation. */

@media screen,projection {
div#MetaNavigation {
position:absolute;
top:19px;
left:45px;
height:25px;
width:342px;
}

div#MetaNavigation ul li {
display:block;
clear:none;
float:left;
height:25px;
line-height:25px;
background-image:url(../images/separator_metanavigation.gif);
background-repeat:no-repeat;
background-position:0 11px;
padding-left:11px;
padding-right:11px;
}

div#MetaNavigation ul li a {
font-size:120%;
}

div#MetaNavigation ul li#MetaNavigation1 {
background-image:none;
padding-left:0;
}

div#MetaNavigation ul li a
{
color:#222;
}

div#MetaNavigation ul li a.selected
{
color:#b0b0b0;
}

div#MetaNavigation ul li a:hover {
text-decoration:underline;
}


#LanguageSelection {
position:absolute;
top:19px;
left:392px;
height:25px;
overflow:hidden;
}

div#LanguageSelection ul li {
display:block;
float:left;
height:25px;
line-height:25px;
background-image:url(../images/separator_languageselection.gif);
background-repeat:no-repeat;
background-position:0 7px;
padding-left:8px;
padding-right:16px;
margin-left:-8px;
}

div#LanguageSelection ul li a {
font-size:120%;
text-transform:uppercase;
color:#000000;
}

#LanguageSelection ul li.selected {
color:#b0b0b0;
font-size:120%;
text-transform:uppercase;
}

div#LanguageSelection ul li a:hover
{
text-decoration:underline;
}

#MainNavigation {
position:absolute;
top:147px;
left:45px;
width:868px;
height:33px;
background-image:url(../images/bg_mainnav_inactive.gif );
background-color:#da2324;
border-bottom:1px #FFF solid;
z-index:1000;
}

#MainNavigation ul li {
list-style-type:none;
background-image:url(../images/bg_mainnav_inactive.gif );
float:left;
border-right:1px solid #FFF;
height:33px;
line-height:33px;
width:auto;
position:relative;
}

#MainNavigation ul li a:hover
{
text-decoration:underline;
}

/* what is this good for? commented by josias
#MainNavigation ul li#MainCategory1 {
display: none;
} 
*/

#MainNavigation ul li a {
display:block;
padding-left:14px;
padding-right:14px;
font-weight:bolder;
color:#FFF;
font-size:140%;
}

#MainNavigation ul li.selected {
background-image:url(../images/bg_mainnav_active.gif );
}

#MainNavigation ul li ul {
z-index:100;
visibility:hidden;
float:left;
padding-top:0;
padding-left:0;
margin-left:0;
display:block;
position:absolute;
top:33px;
left:-1px;
width:167px;
background-color:#626262;
border:1px solid #FFF;
}

#MainNavigation ul li ul li {
background-image:none;
float:none;
border:none;
border-top:1px solid #b1b1b1;
min-height:22px;
height: auto;
line-height:22px;
}

#MainNavigation ul li ul li:first-child {
border-top:none;
}

#MainNavigation ul li ul li:hover,#MainNavigation ul li ul li a:hover {
background-color:#7d7d7d;
display:block;
}

#MainNavigation ul li ul li a.selected,#MainNavigation ul li ul li.selected {
color:#FFF;
background-color:#7d7d7d;
display:block;
}

#MainNavigation ul li ul li a {
color:#FFF;
display:block;
font-weight:400;
font-size:120%;
height:100%;
padding: 0 14px 0 14px;
}

#TreeNavigation {
margin-top:-1px;
}

#TreeNavigation ul li {
list-style:none;
line-height:21px;
border-top:1px solid #adadad;
background-image:url(../images/bg_subnav_l2_inactive.gif);
background-position:0 -10px;
}

#TreeNavigation ul li a {
padding-left:14px;
background-image:url(../images/treenavigation_closed.gif);
background-repeat:no-repeat;
background-position:4px 6px;
font-size:120%;
color: #434343;
zoom: 1;
}

html > body #TreeNavigation ul li a {
display: block;
}

#TreeNavigation ul li.parent a.selected {
background-image:url(../images/treenavigation_opened.gif);
background-position:4px 7px;
font-weight: bold;
}

#TreeNavigation ul li ul li {
background-image:none;
background-color:#f4f4f4;
display:none;
}

#TreeNavigation ul li.selected ul li a {
padding-left:26px;
background-image:none;
}

#TreeNavigation ul li.parent ul li.selected a {
background-image:url(../images/treenavigation_opened.gif);
background-position:16px 7px;
}

#TreeNavigation ul li.parent li a.parent {
background-image:url(../images/treenavigation_closed.gif);
background-position:16px 6px;
}

#TreeNavigation ul li ul li ul li {
background-color:#f9f9f9;
border-top:none;
}

#TreeNavigation ul li.selected ul li.selected ul li a {
background-image:none;
padding-left:38px;
}

#TreeNavigation ul li.selected ul li.selected ul li a.parent {
background-image:url(../images/treenavigation_closed.gif);
background-position:28px 5px;
}

#TreeNavigation ul li.selected ul li.selected ul li.parent a.selected {
background-image:url(../images/treenavigation_opened.gif);
background-position:28px 6px;
}

#TreeNavigation ul li.selected ul li.selected ul li.selected ul li a {
background-image:none;
padding-left:50px;
}

#TreeNavigation ul li.selected ul li.selected ul li.parent a{
}

#TreeNavigation ul li ul li ul li ul li {
border-top: none;
}

#TreeNavigation ul li.selected ul li.selected ul li.selected ul li.parent a.selected {
background-image:url(../images/treenavigation_closed.gif);
background-position:40px 3px;
}

#TreeNavigation ul li.selected ul li.selected ul li.selected ul li a.selected {
background-image:none;
}

#TreeNavigation ul li.selected ul li ul li,
#TreeNavigation ul li.selected ul li.selected ul li ul li
{
display:none;
}



#TreeNavigation ul li.selected ul li,#TreeNavigation ul li.selected ul li.selected ul li,#TreeNavigation ul li.selected ul li.selected ul li.selected ul li {
display:block;
}

div#ServiceNavigation {
position:relative;
left:-17px;
width:667px;
height:47px;
background-color:#f6f6f6;
border-bottom: 1px solid #D5D5D5;
overflow:hidden;
}

div#ServiceNavigation ul li {
display:block;
float:left;
margin-top:10px;
margin-bottom:12px;
height:24px;
padding-right:40px;
}

div#ServiceNavigation ul li.Item1
{
padding-left: 10px;
width: 170px;
}

div#ServiceNavigation ul li.Item1,div#ServiceNavigation ul li.Item2 {
border-right:1px solid #FFF;
width: 170px;
}

div#ServiceNavigation ul li.Item2,div#ServiceNavigation ul li.Item3 {
border-left:1px solid #e0e0e0;
width: 170px;
}

div#ServiceNavigation ul li img {
position: relative;
top: -1px;
left: 10px;
margin-right: 13px;
/*padding-right: 10px;*/
}


div#ServiceNavigation ul li span {
position:relative;
top:-35px;
left:48px;
font-weight:700;
display:block;
width:155px;
margin-right:20px;
height: 40px;
cursor:pointer;
}

div#ServiceNavigation ul li a {
position:static;
font-size: 14px;
}

div#ServiceNavigation ul li a:hover {
text-decoration: none;
}

div#ServiceNavigation ul li a:hover span {
text-decoration: underline;
}

div#ServiceNavigation a {
position:absolute;
right:9px;
top:18px;
background-position: 150% 100%;
}

#BreadCrumb {
display:block;
float:left;
clear:both;
line-height:20px;
width:647px;
/*height: 22px;*/
margin-bottom: 19px;
padding-top:18px;
padding-bottom:4px;
border-bottom: 1px dotted #D5D5D5;
white-space:nowrap;
line-height:140%;
}

#BreadCrumb li {
display:block;
float:left;
padding-right:0;
color:gray;
font-size: 90%;
}

#BreadCrumb ul {
width: 570px;
}

#BreadCrumb li a {
color:#000;
background-image:url(../images/separator_breadcrumb.gif);
background-repeat:no-repeat;
background-position:right 3px;
padding-right:9px;
margin-right:4px;
}

#BreadCrumb span {
display:none;
}


#PageTools {
position:absolute;
top:224px;
right:135px;
}

#PageTools ul li {
display:block;
float:left;
padding-left:10px;
}

#PageTools ul li#PageToolsIncreaseFontSize {
padding-left:2px;
}


ul#FooterLinks {
display:block;
height:25px;
overflow:hidden;
position: relative;
top: 6px;
}

html > body ul#FooterLinks {
height:auto;
}

ul#FooterLinks li {
display:block;
float:left;
height:25px;
line-height:25px;
background-image:url(../images/separator_metanavigation.gif);
background-repeat:no-repeat;
background-position:0 11px;
padding-left:11px;
padding-right:22px;
margin-left:-11px;
}

ul#FooterLinks li a {
color:#000;
font-size:110%;
}

}