/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2005. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,map,area { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 

body { 
	background-color: #c1c1c1;
	text-align:center; 
	font:12px/18px Arial, Verdana, Helvetica, sans-serif; 
	color:#2D2075; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:12px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h2, h3 {
	margin-bottom:4px; 
	}
	
h1	{ font-size:16px; color:#FF7C04; margin-bottom:8px; }
h2	{ font-size:14px;  }
h3	{ font-size:12px; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#2D2075; text-decoration:underline; }
a:hover,a:active	{ color:#FF7C04; text-decoration:underline; }

sup a:link, sup a:visited { 
	text-decoration:none; 
	}


/* ----- classes ----- */

.clear	{ clear:both; height:.01em; overflow:hidden; }

.img-left { 
	float:left; 
	margin:2px 12px 12px 0; 
	}
	
.img-right { 
	float: right; 
	margin: 2px 0 12px 12px; 
	}
	
.top {
	text-align:right;
	font-size:11px;
	font-weight:bold;
	}
	
.multi-column {
	width:240px;
	margin-right:20px;
	float:left;
	}
	
.text-caption {
	font-size:10px;
	line-height:12px;
	}
	

/* framework
 * ------------------------------------------------------------------------- */

#wrap, body#pro-inside #wrap, body#patient-inside #wrap { 
	background-color:#fff; 
	width:768px; 
	margin:0 auto; 
	padding-bottom:40px;
	text-align:left;
	}

body#main #masthead {
	background: url("../images/masthead-main.jpg");
	height:406px;
	}
	
body#pro #masthead {
	background:   url("../images/masthead-pro-platform.jpg");
	height:416px;
	}
	
body#patient #masthead {
	background:   url("../images/masthead-patient-platform.jpg");
	height:416px;
	}
 
#column { 
	background:#fff url("../images/bg-content.gif") no-repeat;
	padding-top:30px;
	}

#content { 
	width:528px;
	padding-left:120px;
	}
	
	#content ol {
		margin-left:25px;
		}
	
	#content ul {
		margin-left:4px;
		}
		
	#content ul {
		list-style-type:disc;
		}
		
	#content ol {
		list-style-type:decimal;
		font-size:11px;
		line-height:15px;
		}
			
	#content ul li {
		list-style-type:none;
		background:url("../images/bullet.gif") no-repeat 0px 5px;
		padding-left:14px;
		margin-bottom:4px;
		}
		
	#content ol li {
		margin-bottom:6px;		
		}
	
#safety, .warning {
	color:#000;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	padding-top:15px;
	}
	
.warning {
	width:504px;
	border:1px solid #000;
	padding:5px;
	margin-bottom:10px;
	padding-top:0;
	}
	.warning p {
		margin-bottom:0;
		}

#safety a.link-black {
	color:#000;
	}


/* inside framework
 * ------------------------------------------------------------------------- */

#header span, #subhead span {
	display:none;
	}

body#pro-inside #wrap, 
body#patient-inside #wrap,
body#corporate #wrap {
	background:url("../images/bg-inside.gif") repeat-y;
	padding-bottom:0;
	}

body#pro-inside #header, body#patient-inside #header, body#corporate #header {
	height:63px;
	}
	
table tr td#column-left { 
	width:155px;
	}

table tr td#column-right {
	background: url("../images/bg-column-right.gif") no-repeat top right;
	width:613px;
	}
	
body#pro-inside #content, 
body#patient-inside #content,
body#corporate #content  {
	width:538px;
	padding-left:38px;
	}
		
#placeholder-logo {
	width:186px;
	height:162px;
	position:relative;
	float:right;
	}
	#placeholder-logo img {
		position:absolute;
		top:25px;
		}

/* subheads */
#subhead {
	width:352px;
	height:80px;
	float:right;
	}

	body.recent-adult #subhead, body.recent-children #subhead, body.safety-info #subhead {
		height:162px;
		}
		
	body.symptoms #subhead {
		height:105px;
		}

			
body.contact #table td {
	width:250px;
	height:30px;
	}
	
body.cancer #table td {
	width:220px;
	height:18px;
	}
	body.cancer #table td.left {
		text-align:left;
		width:280px;
		}
	body.cancer #table td.right {
		text-align:right;
		width:180px;
		}

#bottom {
	background:url("../images/bottom-inside.gif");
	height:12px;
	clear:both;
	overflow:hidden;
	}
	

/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	background:url("../images/bg-footer.gif") no-repeat;
	width:528px; 
	height:80px;
	font-size:11px;
	margin-left:120px;
	border-top:1px solid #2D2075;
	border-bottom:1px solid #2D2075;
	}
	#footer p, #footer ul {
		padding-left:198px;
		}
		
body#pro-inside #footer,
body#patient-inside #footer,
body#corporate #footer {
	margin-left:0;
	}
	
#footer img {
	float:left;
	margin-top:15px;
	margin-left:20px;
	}

#footer ul { 
	font-size:10px;
	margin:15px 0 5px 0;
	list-style-type:none;
	}

#footer ul li { /* if your li's float, you can adjust border height w/ line-height */
	background-image:none;
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #000;
	}
	#footer li.first { 
		padding-left:0;
		border: none; 
		}
	
	
/* navigation: body#main #nav
 * ------------------------------------------------------------------------- */
body#main #nav { 
	background:  url("../images/nav-main.gif") no-repeat; 
	width:768px; 
	height:57px; 
	margin-bottom:0; 
	}

body#main #nav li, body#main #nav a { 
	display:block; 
	height:57px; 
	line-height:57px;
	font-size:16px;
	font-weight:bold;
	color:#fff;  
	text-align:center; 
	text-decoration:none; 
	}

body#main #nav li { 
	float: left; 
	list-style: none; 
	_display: inline; 
	}

body#main #nav-00 { width:214px; }
body#main #nav-01 { width:278px; }
body#main #nav-02 { width:271px; margin-left:1px; }

body#main #nav-01 a:hover {background: transparent url("../images/nav-main.gif") -214px -57px no-repeat;}
body#main #nav-02 a:hover {background: transparent url("../images/nav-main.gif") -493px -57px no-repeat;}


/* navigation: body#pro #nav
 * ------------------------------------------------------------------------- */
body#pro #nav { 
	background:  url("../images/nav-pro.gif") no-repeat; 
	width:768px; 
	height:56px; 
	margin-bottom:0; 
	overflow:hidden;
	}

body#pro #nav li, body#pro #nav a { 
	display:block; 
	height:56px;
	}
	
body#pro #nav a {
	font-size:12px;
	font-weight:bold;
	color:#fff;  
	text-align:center; 
	text-decoration:none;
	padding:8px 10px 0 10px;
	}

body#pro #nav li {
	float: left;
	list-style: none;
	_display: inline;
	vertical-align: middle;
	}

body#pro #nav-01 { width:109px; margin-left:4px; }
body#pro #nav-02 { width:116px; }
body#pro #nav-03 { width:119px; }
body#pro #nav-04 { width:132px; }
body#pro #nav-05 { width:140px; }
body#pro #nav-06 { width:144px; }

body#pro #nav-01 a:hover {background: transparent url("../images/nav-pro.gif") -4px -56px no-repeat;}
body#pro #nav-02 a:hover {background: transparent url("../images/nav-pro.gif") -113px -56px no-repeat;}
body#pro #nav-03 a:hover {background: transparent url("../images/nav-pro.gif") -229px -56px no-repeat;}
body#pro #nav-04 a:hover {background: transparent url("../images/nav-pro.gif") -348px -56px no-repeat;}
body#pro #nav-05 a:hover {background: transparent url("../images/nav-pro.gif") -480px -56px no-repeat;}
body#pro #nav-06 a:hover {background: transparent url("../images/nav-pro.gif") -620px -56px no-repeat;}


/* navigation: body#pro-inside #nav & body#patient-inside #nav & body#corporate #nav
 * ------------------------------------------------------------------------- */

body#pro-inside #nav,
body#patient-inside #nav,
body#corporate #nav {		
	width:151px;
	margin-bottom:0;
	}
	
body#pro-inside #nav li, 
body#patient-inside #nav li,
body#corporate #nav li {
	width:151px;
	background-color:#3D317F; 
	margin-left:4px;
	margin-bottom:5px;
	}

body#pro-inside #nav a,
body#patient-inside #nav a,
body#corporate #nav a {
	display:block;
	_width:100%;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:10px 0;
	}

body#pro-inside #nav li a:hover,
body#patient-inside #nav li a:hover,
body#corporate #nav li a:hover {
	background-color:#D6D2EC;
	color:#2D2075;
	}
	
body#pro-inside #nav li a span,
body#patient-inside #nav li a span,
body#corporate #nav li a span {
	padding-left:15px;
	padding-right:5px;
	display:block;
	}
	
body.assistance #nav li#assistance a,
body.prescribe-info #nav li#prescribe-info a,
body.reimbursement #nav li#reimbursement a,
body.pro-resources #nav li#pro-resources a,
body.contact #nav li#contact a,
body.sitemap #nav li#sitemap a,
body.privacy #nav li#privacy a,
body.prescribe-info #nav li#prescribe-info a {
	background-color:#D6D2EC;
	color:#2D2075;
	}
	
	body#pro-inside li#nav-sub1, body#pro-inside li#nav-sub2, 
	body#patient-inside li#nav-sub1, body#patient-inside li#nav-sub2 {
		background:#D6D2EC url("../images/bg-nav-category.gif") no-repeat 0px 2px;
		font-weight:bold;
		padding-top:6px;
		border-top:1px solid #BBB4DF;
		}
		
	body#pro-inside li#nav-sub1 span, body#pro-inside li#nav-sub2 span,
	body#patient-inside li#nav-sub1 span, body#patient-inside li#nav-sub2 span {
		padding-left:15px;
		padding-right:5px;
		display:block;
		}
		
	body#pro-inside li#nav-sub1 a.subject, body#pro-inside li#nav-sub2 a.subject {
		color:#2D2075;
		display:inline;
		}
		body#pro-inside li#nav-sub1 a.subject:hover, body#pro-inside li#nav-sub2 a.subject:hover {
			color:#fff;
			}	
	
		
	body#pro-inside li#nav-sub1 ul, body#pro-inside li#nav-sub2 ul,
	body#patient-inside li#nav-sub1 ul, body#patient-inside li#nav-sub2 ul {
		margin:0;
		padding:0;
		}
	
	body#pro-inside li#nav-sub1 ul li, body#pro-inside li#nav-sub2 ul li,
	body#patient-inside li#nav-sub1 ul li, body#patient-inside li#nav-sub2 ul li {
		background-color:#D6D2EC;
		border-top:1px solid #BBB4DF;
		border-bottom:1px solid #BBB4DF;
		margin:0;
		}
		
	body#pro-inside li#nav-sub1 ul li a, body#pro-inside li#nav-sub2 ul li a,
	body#patient-inside li#nav-sub1 ul li a, body#patient-inside li#nav-sub2 ul li a {
		color:#2D2075;
		padding:3px 0;
		font-weight:normal;
		}
		
	body#pro-inside li#nav-sub1 ul li a:hover, body#pro-inside li#nav-sub2 ul li a:hover,
	body#patient-inside li#nav-sub1 ul li a:hover, body#patient-inside li#nav-sub2 ul li a:hover,
	body.efficacy li#nav-sub1 ul li#efficacy,
	body.recent-adult li#nav-sub1 ul li#recent-adult,
	body.recent-children li#nav-sub1 ul li#recent-children,
	body.safety-info li#nav-sub1 ul li#safety-info,
	body.what-is-matulane li#nav-sub1 ul li#what-is-matulane, body.patient-what-is-matulane li#nav-sub2 ul li#what-is-matulane,
	body.questions li#nav-sub2 ul li#questions,
	body.hodgkins li#nav-sub2 ul li#hodgkins,
	body.symptoms li#nav-sub2 ul li#symptoms,
	body.treatments li#nav-sub2 ul li#treatments,
	body.resources li#nav-sub1 ul li#resources,
	body.cancer li#nav-sub2 ul li#cancer,
	body.patient-hodgkins li#nav-sub1 ul li#hodgkins,
	body.patient-symptoms li#nav-sub1 ul li#symptoms,
	body.patient-treatments li#nav-sub1 ul li#treatments {
		background-color:#fff;
		}
	
	li#nav-sub1, li#nav-sub2 {display:none;}
	
	body.what-is-matulane li#nav-sub1, body.efficacy li#nav-sub1, body.recent-adult li#nav-sub1, body.recent-children li#nav-sub1, body.safety-info li#nav-sub1 {display:block;}
	body.what-is-matulane li#pro-to, body.efficacy li#pro-to, body.recent-adult li#pro-to, body.recent-children li#pro-to, body.safety-info li#pro-to {display:none;}
	body.hodgkins li#nav-sub2, body.symptoms li#nav-sub2, body.treatments li#nav-sub2, body.cancer li#nav-sub2 {display:block;}
	body.hodgkins li#pro-ahl, body.symptoms li#pro-ahl, body.treatments li#pro-ahl, body.cancer li#pro-ahl {display:none;}
	
	body.patient-hodgkins li#nav-sub1, body.patient-symptoms li#nav-sub1, body.patient-treatments li#nav-sub1, body.resources li#nav-sub1 {display:block;}
	body.patient-hodgkins li#patient-ahl, body.patient-symptoms li#patient-ahl, body.patient-treatments li#patient-ahl, body.resources li#patient-ahl {display:none;}
	body.patient-what-is-matulane li#nav-sub2, body.questions li#nav-sub2 {display:block;}
	body.patient-what-is-matulane li#patient-am, body.questions li#patient-am {display:none;}
	

/* navigation: body#patient #nav
 * ------------------------------------------------------------------------- */
body#patient #nav { 
	background:  url("../images/nav-patient.gif") no-repeat; 
	width:768px; 
	height:56px; 
	margin-bottom:0; 
	overflow:hidden;
	}

body#patient #nav li, body#patient #nav a { 
	display:block; 
	height:56px;
	}
	
body#patient #nav a {
	font-size:12px;
	font-weight:bold;
	color:#fff;  
	text-align:center; 
	text-decoration:none;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
	}

body#patient #nav li {
	float: left;
	list-style: none;
	_display: inline;
	vertical-align: middle;
	}

body#patient #nav-01 { width:154px; margin-left:4px; }
body#patient #nav-02 { width:126px; }
body#patient #nav-03 { width:137px; }
body#patient #nav-04 { width:162px; }
body#patient #nav-05 { width:181px; }

body#patient #nav-01 a:hover {background: transparent url("../images/nav-patient.gif") -4px -56px no-repeat;}
body#patient #nav-02 a:hover {background: transparent url("../images/nav-patient.gif") -158px -56px no-repeat;}
body#patient #nav-03 a:hover {background: transparent url("../images/nav-patient.gif") -284px -56px no-repeat;}
body#patient #nav-04 a:hover {background: transparent url("../images/nav-patient.gif") -421px -56px no-repeat;}
body#patient #nav-05 a:hover {background: transparent url("../images/nav-patient.gif") -583px -56px no-repeat;}