html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*--------------------------
  Global Styles
----------------------------*/
html{font-size: 100%;}
body {font:62.5% Arial, Helvetica, sans-serif; color:#333; background: #fff url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/bg-main.jpg) no-repeat 47% 36px;  }
#wrapper { width:900px;  margin-left:auto; margin-right:auto;}

ul li {list-style:disc; margin-left:1.3em;}
ul li ul li {list-style:circle;}

a:link {
  color: #0054A6;
  text-decoration: none;
}

a:active {
  color: #0054A6;
	text-decoration: none;
}

a:visited {
  color: #0054A6;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

strong{font-weight:bold;}
em{font-style:italic;}
.attention {font-weight:bold; color: #ff0000;}

.logo {display:none;}

/*--------------------------
  Navigation
----------------------------*/

#navigation {width:273px; padding-top: 88px; background-image: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/bg_navHead.jpg);  background-repeat:no-repeat; background-position:center top; z-index:100; position:relative; left:4px; height:610px; }
p.slogon{font-size:1.2em; padding:0 25px; margin-bottom:30px;}
p.creed{font-size:1em; line-height:140%; padding:0 20px 0 25px; margin-bottom:18px;}

#mainNav {padding-bottom: 25px; background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/bg_ul_nav.jpg) no-repeat 0 100%;}
#mainNav li{list-style:none; height: 39px; overflow:hidden; margin:0; padding: 0 5px; background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/bg_nav.jpg) repeat-y 0 0;}
	#mainNav li a { display: block; height: 39px; border-top: 1px solid #c2c2c2; color:#0070CC; text-align:right; padding: 11px 40px; text-decoration:none; font-size:1.4em; font-weight:bold; }
		#mainNav li a:hover, #mainNav li a.active {text-decoration:underline; }
	.anemia a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_01_f01.jpg) no-repeat 0 0 ;}
		.anemia a:hover, .anemia a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_01_f02.jpg) no-repeat 0 0;}
	.hepatology a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_02_f01.jpg) no-repeat 0 0;}
		.hepatology a:hover, .hepatology a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_02_f02.jpg) no-repeat 0 0;}
	.hiv a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_03_f01.jpg) no-repeat 0 0;}
		.hiv a:hover, .hiv a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_03_f02.jpg) no-repeat 0 0;}
	.influenza a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_04_f01.jpg) no-repeat 0 0;}
		.influenza a:hover, .influenza a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_04_f02.jpg) no-repeat 0 0;}
	.oncology a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_05_f01.jpg) no-repeat 0 0;}
		.oncology a:hover, .oncology a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_05_f02.jpg) no-repeat 0 0;}
	.osteoporosis a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_06_f01.jpg) no-repeat 0 0;}
		.osteoporosis a:hover, .osteoporosis a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_06_f02.jpg) no-repeat 0 0;}
	.rheumatoid_arthritis a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_07_f01.jpg) no-repeat 0 0;}
		.rheumatoid_arthritis a:hover, .rheumatoid_arthritis a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_07_f02.jpg) no-repeat 0 0;}
	/*REX 4.1 Changes start*/
	.cardio-metabolism a {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_08_f01.jpg) no-repeat 0 0;}
	.cardio-metabolism a:hover, .cardio-metabolism a.active {background: url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/nav_08_f02.jpg) no-repeat 0 0;}	
	/*REX 4.1 Changes end*/

#utilNav { position:relative; width: 500px; font-size:8px; height:12px; z-index:4; padding-top:18px; }

	#utilNav li { list-style:none; margin:0; float:left;}
	#utilNav li a{ padding: 0 5px 0px 0px; margin-right:5px; border-right: 1px solid #0069C1; display:block; float:left; }
		#utilNav li.last a{ border-right: none;}


		
.jumpMenu {margin: 20px 0 0 4px; width: 225px; font-size: 1.4em; padding:0 0 0 0; height:23px;}
	.jumpMenu option{border-bottom: 1px solid #ccc; padding: 5px 0 5px 0;}


/*--------------------------
  Main Content
----------------------------*/

#content {width:590px; margin:0px 0px 2em 0px; padding-bottom:20px; float:right;  }
#sub_content { width:590px; position:relative; z-index:2; display: block; } 
#content p {font-size:1.2em;line-height:150%; margin: 0 0 1em 0;}

#content ul li {font-size:1.2em;line-height:150%;}
#content ul li ul li {font-size:1.0em;line-height:150%;}

div.therapeudic { margin: 10px 0 0 0; padding: 10px 0; width:590px; overflow:hidden; float:left; z-index:100; position:relative;}
div.theraList {background:#F4F8FB; padding: 10px 0; float:left; width:590px; z-index:100; }
div.therapeudic ul {background:#F4F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/home_therapeutic.gif) repeat -5px 0; float:left; width:100%; padding:8px 0 7px 10px;}
	div.therapeudic ul li{width:185px; float:left; list-style:none; margin: 0 0 0 6px;}
	div.therapeudic ul li a { cursor:pointer;}
	/*Rex 4.1 Change Below line  Removed for road map style Adjustment*/
	/*div.therapeudic ul li.last{margin: 0 0 0 12px;}*/
	div.therapeudic ul li ul{width: 170px; margin:-1em 0 0 0; background:none;}
	div.therapeudic ul li ul li{margin:0 0 0 0px;}
	/*REX 4.1 Changes - added cardio-metabolism to the below two lines*/
	a.anemia, a.hepatology, a.hiv, a.influenza, a.oncology, a.osteoporosis, a.arthritis, a.cardio-metabolism {font-size:1.2em; color:#333; display:block; width:175px; height: 17px; overflow:hidden;margin-bottom: .5em; position:relative;}
		a.anemia span, a.hepatology span, a.hiv span, a.influenza span, a.oncology span, a.osteoporosis span, a.arthritis span,a.cardio-metabolism span {display:block; width:175px; height: 17px; top:0; left:0;position:absolute;}
			a.anemia span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_anemia.gif) no-repeat 0 0;}
			a.hepatology span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_hepatology.gif) no-repeat 0 0;}
			a.hiv span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_hiv.gif) no-repeat 0 0;}
			a.influenza span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_influenza.gif) no-repeat 0 0;}
			a.oncology span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_oncology.gif) no-repeat 0 0;}
			a.osteoporosis span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_osteoporosis.gif) no-repeat 0 0;}
			a.arthritis span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_arthritis.gif) no-repeat 0 0;}
			/*REX 4.1 Changes start*/
            a.cardio-metabolism span{background:#F5F8FB url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/head_cardio.gif) no-repeat 0 0;}
			/*REX 4.1 Changes end*/
.topLevel { cursor:pointer;}
/*REX 4.1 Changes start*/
.theraSpace {padding-bottom:110px;}
/*REX 4.1 Changes end*/

/* Headers */
h1{font-size:2em; border-bottom: 1px solid #c2c2c2; padding-bottom:.3em; margin-bottom: .5em;}

#welcome { width:400px; position:relative; z-index:3; display: block; padding-top:135px; }


#tutorial {
	width:173px;
	height:199px;
	overflow: visible;
	z-index:2;
	position:absolute;
	right: 0px;
	top: 165px;
}

#position_flash {
	position:absolute;
	width:775px;
	height:400px;
	right: 0px;
	top: -175px;
	z-index:2;
	display:block;
	visibility:visible;
}


/* LOGIN */
.login {
	clear:left;
	position:absolute;
	z-index:3;
	width: 590px;
	height:129px;
	top: 40px;
	background:transparent url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/logo_white.gif) no-repeat 535px 36px;
}
.login div {
	width:500px; 
	height:100px;
	background:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}
#roche_link {
	position:absolute;
	left:535px;
	top:38px;
	width:56px;
	height:31px;
	z-index:1001;
	background:transparent;
}
.login fieldset {position:absolute; z-index:2; width: 577px; height:77px; top: 3px; left: 5px;}
.login h3, p.label{margin-bottom:2px !important;}
	.login h3 {font-size:1.4em; color:#0063B4;font-weight:bold; margin-right:10px; float:left;}
	.login p.txtBox {width:120px; float:left;}
		.login p.txtBox input {width:110px;}
	.login p.orSpace {width:20px; margin-left:40px; float:left; font-size: 1.4em; font-weight:bold; color:#0063B4;}	
	.login p.orSpace img { margin-left:10px; margin-right:10px; }
	.login p.txtBox label{display:block;}
	
	.smtBtn{float:left; padding-top:18px;}
		.smtBtn input{}
	
	.remChk {width:200px; float:right; right:0px; height:20px; top: 0px; }
	
	.loginUtilNav {width: 370px; font-size: .9em; float:left; margin-top:4px;}
	.loginUtilNav li {list-style:none; margin:0; float:left;}
	.loginUtilNav li a{ padding: 0 5px 0px 0; margin-right:5px; border-right: 1px solid #333; display:block; float:left; color:#333;}
		.loginUtilNav li.last a{ border-right: none;}

.loginAuth {clear:left; position:absolute; z-index:3; width: 590px; height:77px; top: 40px; background:transparent url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/logo_white.gif) no-repeat 535px 36px;}
.loginAuth div.opacity {width:500px; height:27px; background:#fff; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; margin-top:70px; }

	.loginAuth div.contain {width:490px; height:27px; position:absolute; top:75px; left:5px;}
	div.contain p {font-size: 1.1em; font-weight:bold; float:left;}
	div.contain p span {font-size: 1.2em; font-weight:bold; color:#0063b4; margin-right:.2em;}
	
	div.contain ul{float:right;}
	div.contain li {list-style:none; margin:0; float:left;}
	div.contain li a{ padding: 0 5px 0px 0; margin-right:5px; border-right: 1px solid #333; display:block; float:left; color:#333;}
		div.contain li.last a{ border-right: none;}

#home_errors {
	font-size:8px;
	font-weight:bold;
	color:#FF0000;
	position:absolute;
	top: 58px;
	left:166px;
}


/*--------------------------
  Footer
----------------------------*/

#footer { position: relative; clear:both; padding:20px 0; margin-top:10px; background: #fff url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/bg_footer.jpg) repeat-x 0 0;}
#footerNav {position:relative; top: -60px; left: 310px; width: 590px; font-size: 1.2em;}
	#footerNav li {list-style:none; margin:0; float:left;}
	#footerNav li a{ padding: 0 5px 0px 0; margin: 0 5px 0 0; border-right: 1px solid #0069C1; display:block;}
		#footerNav li.last a{ border-right: none;}
.notice{ clear:both; padding: 0 50px 0 240px; font-size: 1.1em; color:#333; background: #fff url(/rochehcpp/framework/skins/HCPGenericLookAndFeel/images/rex_home/logo_black.gif) no-repeat 155px 2px; }
	.notice p{margin: 0 0 1em 0;}

#apDiv1 {
	position:absolute;
	width:50px;
	height:29px;
	left: 157px;
	top: 58px;
}

/*--------------------------
  Product Nav
----------------------------*/

#product_tutorial {
	width:200px;
	position:absolute;
	padding-left:5px;
	top:0px;
	left:0px;
	z-index:100;

}

#specialty_container {
	margin-bottom: 9px;
	margin-top: 9px;
	width: 180px;
	z-index:2000;
	margin-left:5px;
}

#leftnav_header { height: 15px; font-size:12px; padding:2px 2px 2px 5px; color:#FFFFFF; font-weight:bold; cursor: default; }

#leftnav_home_spacer { height: 2px; }

#specialty_nav {
	width: 180px;
}

#leftnav_header_specialty {
	height: 25px;
	background: url(/rochehcpp/framework/skins/HCPBasicLookAndFeel/images/common/leftnav/specialtynav_bkgd_home.gif) no-repeat top left;
	background-color:#FFFFFF;
}

#leftnav_header_specialty a:link, #leftnav_header_specialty a:active, #leftnav_header_specialty a:visited {
  	display: block;
	width: 180px;
	height: 25px;
	line-height: 25px;
	text-indent: 5px;
	color: #0054A6;
	font-size: 12px;
	font-weight: bold;	
	text-decoration: none;
}

#product_full_list {
	position:relative;
	display:none;
	z-index:3000;
	background-color:#FFFFFF;
}

#specialty_leftnav_items a:link, #specialty_leftnav_items a:active, #specialty_leftnav_items a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #0054A6;
	text-decoration: none;
	height: 25px;
	width: 178px;
  	display: block;
	line-height: 25px;
	text-indent: 25px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	z-index:5;
}

#specialty_leftnav_items a:hover {
  	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background: url(/rochehcpp/framework/skins/HCPBasicLookAndFeel/images/common/leftnav/other_specialties_bkgd_on.gif) no-repeat top left;
	height: 25px;
	width: 180px;
  	display: block;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	text-indent: 26px;
	z-index:5;
}

#specialty_leftnav_bottom {
	height: 1px;
	font-size: 1px;
	margin-top:-1px;
}

#general_content { padding: 130px 0px 0px 0px; position:relative; height:400px; }

.info_download_box {
  border: #CCCCCC 1px solid;
	width: auto;
	height: 36px;
	margin-bottom: 3px;
}

#info_downloads_subtitle {
  width: 175px;
  text-align: right;
	font-size:12px;
	padding:10px;
	float: left;
	top: 0px;
	position:relative;
}

.info_downloads_subtitle {
	color: #333333;
	font-weight: bold;
}

.info_download_select {
  width: 200px;
	font-size: 10px;
	border: #CCCCCC 1px solid;
	top: 7px;
	position:relative;
}

.info_download_box img {
	display:inline;
	top: 9px;
	position:relative;
}

#section_box {
  border: #CCCCCC 1px solid;
	margin: 20px 0px 20px 0px;
}

#section_hdr {
  background: url(/rochehcpp/framework/skins/HCPBasicLookAndFeel/images/common/subtier/section_hdr.gif);
	background-repeat: no-repeat;
  background-color: #EBEBEB;
	height: 21px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 53px;
	padding-top: 4px;
}

.section_hdr { color: #666666; }

#section_content {
	padding: 15px;
	line-height: 1em;
	font-size: 12px;
}

#medical { position:relative; display:inline; float:left; top:5px; left: 40px;}

#TipLayer {
	visibility:hidden;position:absolute;z-index:1000;top:-100; left:-100px; 
}



/* Styles added to change the home links - 3.4 release*/

.roadmap a:link {
  color: #0054A6;
  text-decoration: underline;
}

.roadmap a:active {
  color: #0054A6;
	text-decoration: underline;
}

.roadmap a:visited {
  color: #0054A6;
  text-decoration: underline;
}

.roadmap a:hover {
  text-decoration: underline;
}