/*** START Header ***/
#header { padding: 0 0 15px 0; }
/* Header split into half */
#headerleft {
float: left;
width: 700px;
padding-top: 16px;
padding-bottom: 17px; /* Height above & below header logo */
}
#headerright {
float: right;
width: 200px;
text-align: right;
padding-top: 4px; /* Height above & search box */
}
/* Header left blocks */
#headerlogo {
float: left;
margin: 0 18px 0 0;
}
#headercountry {
float: left;
margin: 6px 0 0 0;
font-size: 1.1em;
font-weight: bold;
}
#headerlang {
float: right;
margin: 0 -2px 2px 0;
padding-left: 10px;
font-size: 0.85em;
background-repeat: no-repeat;
background-position: left center;
}
.langlink {
padding-left: 6px;
padding-right: 2px;
border-left: 1px solid #CCCCCC;
}
#firstlanglink { border: 0; }
#popupclose { } /* Close window link revealed on popups */
#popupclose img { margin-bottom: -5px; }
/*** END Header ***/
/*** START Primary Nav ***/
#navblock { /* Entire width of nav */
display: table;
width: 100%;
clear: left;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a { /* Base tabs */
display: block;
padding: 10px 20px 10px 20px;
text-decoration: none;
font-weight: normal;
font-size: 0.9em;
background-repeat: no-repeat;
background-position: right center;
}
#navselected a { background-image: none; padding-right: 21px; } /* Remove navsep from selected page */
#navselected { margin-left: -1px; } /* Hide neighbouring navsep */
#nav li { /* all list items */
float: left;
text-align: left;
}
/* Multi column primary nav - 2nd level items */
#nav li ul li { width: 180px; }
#nav li ul li a { line-height: 1.5em; }
#nav li ul { /* Multi column primary nav - 2nd level outer box */
position: absolute;
width: 360px;
left: -999em; /* Left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li.navsingle ul { width: 180px; } /* Class for single column */
#nav li:hover ul, #nav li.sfhover ul { /* Entire 2nd level list revealed on hover */
left: auto;
z-index: +1;
padding: 15px 15px 10px 15px;
}
/* Base tabes on hover, treatment for special border */
#nav li li a { border:none; }
ul#nav li.sfhover a, ul#nav li:hover a {
padding-top: 9px;
padding-bottom: 10px;
margin-right: -2px;
padding-right: 21px;
}
ul#nav li.sfhover, ul#nav li:hover { margin-left: -1px; }
ul#nav li.sfhover ul li, ul#nav li:hover ul li { margin-left: 0; }
/* Trickery for bright borders in IE6 */
* html #nav li:hover ul, * html #nav li.sfhover ul { margin-top: 1px }
* html ul#nav li.sfhover a, * html ul#nav li:hover a { position: relative; top: 1px; margin-top: -1px; }
* html ul#nav li.sfhover a.navstaticlink, * html ul#nav li:hover a.navstaticlink { padding-bottom: 9px; }
#nav li:hover ul a, #nav li.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
padding: 3px 5px 3px 5px;
margin-bottom: 5px;
font-size: 0.9em;
font-weight: normal;
}
#navbaseline { /* Transparent baseline under nav */
clear: left;
background-color: #FFFFFF;
height: 1px;
}
* html #navbaseline { font-size: 1px; } /* Fix daft IE6 sizing of zero height div */
/* Home tab & static links need border adjustment */
#nav a.navstaticlink:hover { padding-bottom: 9px; background-image: none;}
/* White arrow for all 2nd level items */
#nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected:hover ul a, #nav #navselected.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
padding-left: 15px;
background-repeat: no-repeat;
background-position: 5px 6px;
}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover {
padding-left: 15px;
background-repeat: no-repeat;
background-position: 5px 6px;
}
/*** END Primary Nav ***/