/********** Relaunch Global Corporate Website www.roche.com layout *****/
/*************** Copyright (c) 1996-2008 F. Hoffmann-La Roche Ltd. *****/
/***********************************************************************/
/*********************************************** navigation styles *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/
/* $LastChangedDate: 2007-11-07 21:22:08 +0100 (Wed, 07 Nov 2007) $ *****/

/* header > nav > generic */

div#generic-nav-zone li
{
	float: left;
	padding-right: 20px;
	position: relative;
	z-index: 10;
}

div#generic-nav-zone li a,
div#generic-nav-zone li strong
{
	display: block;
	height: 17px;
	background-repeat: no-repeat;
}

div#generic-nav-zone li a:hover,
div#generic-nav-zone li a:focus
{
	background-position: 0 -17px;
}

/* header > nav > primary and sub */

div#primary-nav-zone ul
{
	float: left;
}

div.sub-nav ul
{
	height: 23px;
	padding: 6px 0 0;
}

div#primary-nav-zone li,
div.sub-nav li
{
	float: left;
	padding-right: 19px;
}

div#primary-nav-zone a,
div.sub-nav a
{
	color: #666;
}

div#primary-nav-zone a:hover,
div#primary-nav-zone a:focus,
div.sub-nav a:hover,
div.sub-nav a:focus
{
	color: #06c;
}

div#primary-nav-zone li
{
	font-size: 15px;
}

div.sub-nav li
{
	font-size: 13px;
}

/* flash navigation */
div#primary-nav-zone.flyoutnav_positioner
{
	position: relative;
	width: 100%;
	z-index: 1;
	padding-left: 0;
}

div#prim-nav
{
	position: absolute;
	z-index: 2;
	height: 42px;
	width: 100%;
	overflow: hidden;
	top: 23px;
	left: 0;
}

/* content > breadcrumb */

div#breadcrumb-zone dl
{
	padding: 0 0 0 20px;
}

div#breadcrumb-zone dd
{
	float: left;
	font-size: 11px;
	line-height: 15px;
	padding-right: 8px;
}

div#breadcrumb-zone p.back-link
{
	float: right;
	font-size: 11px;
	line-height: 15px;
	padding-left: 20px;
}

/* footer */

div#footer p
{
	color: #999;
	float: left;
	font-size: 11px;
	line-height: 15px;
	padding-left: 20px;
}

div#footer a
{
	color: #999;
}

div#footer a:hover,
div#footer a:focus
{
	text-decoration: underline;
}

div#footer p.note
{
	float: none;
	font-size: 10px;
	line-height: 12px;
	padding-top: 5px;
}
