/********** Relaunch Global Corporate Website www.roche.com layout *****/
/*************** Copyright (c) 1996-2008 F. Hoffmann-La Roche Ltd. *****/
/***********************************************************************/
/************************* grid stylesheet includes page framework *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/
/* $LastChangedDate: 2007-11-07 21:22:08 +0100 (Wed, 07 Nov 2007) $ *****/

/* outer grid */

html,
body
{
	background: #fff;
	font-size: 100.1%;
	height: 100%;
	line-height: 100%;
}

html
{
	overflow-y: scroll;
}

div#main-wrapper
{
	background: url(img/global-bg.gif) repeat-y top center;
	margin: 0 auto;
	max-width: 1026px;
	min-height: 100%;
	min-width: 965px;
}

div#main-zone
{
	margin: 0 auto;
	max-width: 1024px;
	min-width: 965px;
}

div#header-zone
{
	position: relative;
	z-index: 1;
}

img#logo
{
	height: 36px;
	left: 896px; /* 965px - 69px */
	position: absolute;
	top: 36px;
	width: 70px;
}

div#header-generic-zone
{
	height: 72px;
}

div#generic-nav-zone
{
	padding: 33px 0 0 20px;
}

div#primary-nav-zone
{
	border-bottom: 1px solid #ccc;
	height: 29px;
	padding: 35px 0 0 20px;
}

div#primary-nav-zone.no-border
{
	border-bottom: none;
}

div.sub-nav
{
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 20px;
}

div#stage-zone
{
	background-repeat: no-repeat;
	height: 250px;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

div#stage-zone.large
{
	height: 580px;
	margin-bottom: 12px;
}

div#content-wrapper-zone
{
	float: left;
	padding: 22px 0 0;
	width: 640px;
	position: relative;
}

div#content-wrapper-zone.broad
{
	width: 965px;
}

div#breadcrumb-zone
{
	margin-top: -6px;
	padding: 0 0 19px;
}

div#breadcrumb-zone.with-back-link
{
	background: url(img/reandact-breadcrumb-separator.gif) no-repeat 20px 22px;
	padding: 0 0 20px;
	width: 640px;
}

div#tool-zone
{
	float: left;
	padding-top: 7px;
	padding-left: 10px;
	width: 315px;
}

div#tool-zone.lower
{
	padding-top: 17px;
}

div#page-tool-zone
{
	width: 315px;
	position: absolute;
	left: 650px;
	top: 7px;
}

div#page-tool-zone ul#page-tools li
{
	font-size: 11px;
	line-height: 15px;
	padding: 0 15px 4px 0;
}
	
div#extended-content-zone
{
	clear: left;
	padding: 2px 0 0;
}

div#footer-zone
{
	margin: 0 auto;
	max-width: 1024px;
	min-width: 965px;
	position: relative;
}

div#footer
{
	bottom: 13px;
	left: 0;
	position: absolute;
	width: 550px;
}

/* content grid */

div.column
{
	float: left;
	padding: 0 0 0 10px;
	width: 315px;
}

div.broad-column
{
	width: 640px;
}

div.first-column
{
	clear: left;
	padding: 0;
}

div#tool-zone div.column
{
	padding: 0;
}

div.section
{
	padding: 0 0 0 20px;
}

div#tool-zone div.section
{
	padding-top: 5px;
}

div.further-info
{
	padding-top: 30px;
}

div#sitemap
{
	width: 928px;
}

div.layer-wrapper div#sitemap
{
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	left: 20px;
	position: absolute;
	top: 60px;
	z-index: 101;
}

div#content-zone div#sitemap
{
	margin-top: -2px;
}

div.dotted-separators
{
	margin-top: 7px;
	float: left;
	background: url(img/bg-dotted-separator.gif) repeat-y 0 0;
}

div.dotted-separators div.column
{
	margin-top: -7px;
}