/* CSS for two column layout */

/* puts all browsers at same starting point */
*	{ margin:0px; padding:0px; border:0px; }

/* no scroll bar jump for firefox, netscape, opera */
html { min-height:100%; margin-bottom:1px; }

body	{ background:#fff url(../images/body_background.gif) no-repeat 50% 30px; font-size:11px; font-family:verdana, arial, sans-serif; color:#666; text-align:center; line-height:12px; }

/* must have same font styles as body. ie55 doesn't cascade */
table, td, th	{font-size:11px; font-family:verdana, arial, sans-serif; color:#666; text-align:left;}
.odd {background-color:#efefef;}
.even {background-color:#ffffff;}

#skip	{display:none;}

/* LAYOUT */
#container	{ position:relative; margin:0px auto; width:760px; text-align:left; }

#header		{ position:relative; height:72px; }
#header h1	{ position:absolute; top:0px; left:0px; padding:9px 22px 0px 22px; background:#fff; }

#global		{ position:absolute; top:0px; right:0px; list-style:none; font-size:9px; color:#B4B9D9; width:386px; /* width is for opera */}
#global li	{ float:left; background:url(../images/global_fade.gif) no-repeat; padding-left:5px; height:26px; line-height:26px; }
#global li a, #global li span	{ padding:0px 5px 5px 15px; background-position:0px 1px;}
.home		{ background:url(../images/icon_home.gif) no-repeat; }
.search		{ background:url(../images/icon_search.gif) no-repeat; }
.glossary	{ background:url(../images/icon_glossary.gif) no-repeat; }
.faqs		{ background:url(../images/icon_faq.gif) no-repeat; }
.sitemap	{ background:url(../images/icon_sitemap.gif) no-repeat; }
.contact	{ background:url(../images/icon_contact.gif) no-repeat; }
#global .first	{ background:none;}

 /* NAVIGATION */
#nav	{ position:relative; height:22px; border-bottom:1px solid #fff; background:#eee; z-index:10;}
#nav li { position:relative; float:left; font-size:11px; list-style:none; display:block; }
#nav li a, #nav li div { position:relative; cursor:hand; display:block; height:22px; }
#nav li strong { position:absolute; left:0px; top:0px; height:22px; display:block;  }

#nav li.about, #nav li.about a, #nav li.about a strong		{ background:url(../images/cache/HN_about.gif); width:106px;}
#nav li.about a:hover strong	{ background-position:212px 0px; }
#nav li.products, #nav li.products a, #nav li.products a strong		{ background:url(../images/cache/HN_products.gif); width:102px; }
#nav li.products a:hover strong	{ background-position:204px 0px; }
#nav li.technology, #nav li.technology a, #nav li.technology a strong	{ background:url(../images/cache/HN_technology.gif); width:118px;}
#nav li.technology a:hover strong	{ background-position:236px 0px; }
#nav li.clinical, #nav li.clinical a, #nav li.clinical a strong	{ background:url(../images/cache/HN_clinical.gif); width:133px;}
#nav li.clinical a:hover strong	{ background-position:266px 0px; }
#nav li.news, #nav li.news a, #nav li.news a strong	{ background:url(../images/cache/HN_news.gif); width:140px;}
#nav li.news a:hover strong	{ background-position:280px 0px; }
#nav li.investor, #nav li.investor a, #nav li.investor a strong	{ background:url(../images/cache/HN_investor.gif); width:161px;}
#nav li.investor a:hover strong	{ background-position:322px 0px; }

#nav li.abouton strong, #nav li.abouton	{ background:url(../images/cache/HN_about.gif) 106px 0px; width:106px; height:22px;}
#nav li.productson strong, #nav li.productson	{ background:url(../images/cache/HN_products.gif) 102px 0px; width:102px; height:22px;}
#nav li.technologyon strong, #nav li.technologyon	{ background:url(../images/cache/HN_technology.gif) 118px 0px; width:118px; height:22px;}
#nav li.clinicalon strong, #nav li.clinicalon	{ background:url(../images/cache/HN_clinical.gif) 133px 0px; width:133px; height:22px;}
#nav li.newson strong, #nav li.newson	{ background:url(../images/cache/HN_news.gif) 140px 0px; width:140px; height:22px;}
#nav li.investorson strong, #nav li.investorson	{ background:url(../images/cache/HN_investor.gif) 161px 0px; width:161px; height:22px;}

/* DROP DOWN */
/* controls links on drop down */
#nav li ul li a:link, #nav li ul li a:visited { text-decoration:none; display:block; padding:6px; height:100%; background:#E6EBF0 none; border-top:1px solid #fff; cursor:hand; font-size:9px; color:#666; }
#nav li ul li a:hover {	background:#C5D0DC none; color:#333; }
	
/* controls width of drop down menus for each button */
#nav li.about ul li a, #nav li.abouton ul li a		{ width:93px;}
#nav li.products ul li a, #nav li.productson ul li a	{ width:89px; z-index:5; }
#nav li.technology ul li a, #nav li.technologyon ul li a		{ width:105px; } 
#nav li.clinical ul li a, #nav li.clinicalon ul li a		{ width:120px; }
#nav li.news ul li a, #nav li.newson ul li a		{ width:127px; }
#nav li.investor ul li a, #nav li.investoron ul li a		{ width:148px; }

#nav li ul { display:none; position:absolute; top:22px; left:-1px; }
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#nav li > ul { top:22px; left:-1px; }

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul { display:block; border-bottom:1px solid #fff; background:#fff; padding:0px 1px; z-index:8; }

/*#H_col1		{ float:left; width:188px; padding:20px 0px 0px 15px; font-size:9px; letter-spacing:-1px; }
#H_col2		{ float:left; width:240px; height:285px; margin:20px 0px 50px 0px; font-size:9px; letter-spacing:-1px; border-left:1px dashed #aaa; } */

#H_content { margin:20px 0 10px 10px; width:433px; float:left; font-size:9px; letter-spacing:-1px; background:url(../images/bg_h_content.gif) repeat-y 42.5% 0 }	
#H_row1 { min-height:160px; background:url(../images/bg_h_row1.gif) repeat-x 0 100%; padding-bottom:20px }	

#H_news, #H_media		{ float:left; width:163px; padding:5px 20px 0px 5px; }
#H_news	img, #H_events img, #H_email img	{ margin-bottom:3px; }
#H_media	{ padding:20px 20px 5px 5px; }

#H_events, #H_email	{ float:left; width:220px; padding:5px 5px 0px 15px; line-height:11px; }
#H_events p	{ padding-bottom:5px; }
#H_events strong	{ font-size:13px; color:#173F85; }
#H_email	{ padding:20px 5px 5px 15px; }

#H_col3		{ float:right; border-left:1px solid #aaa; width:301px; }
.one		{ min-height:160px; padding:13px 0px 0px 15px; }
.one img	{  background:url(../images/bg_h_row1.gif) repeat-x 0 100%; padding-bottom:19px }
* html .one img { padding-bottom:2px }
.two		{ padding:19px 0px 15px 15px; }

#subnav	{ float:left; display:inline; width:160px; padding-top:20px; font-size:9px; margin-bottom:50px; }
* html #subnav	{ width:150px; }
#subnav li		{ list-style:none; margin-bottom:8px; }
* html #subnav li		{ word-wrap:break-word; }
#subnav li ul	{ margin-top:8px;}
#subnav li ul li	{ list-style:square; color:#416199; margin:0px 0px 3px 20px;}
#subnav li ul li ul li	{ list-style:disc; color:#416199; margin:-5px 0px 10px 15px;}
#subnav .on	{ color:#A0B0CC;}

#sidebar	{ float:right; display:inline;  width:160px; font-size:9px;  margin-bottom:50px;}
#sidebar span	{ letter-spacing:-1px;}
#sidebar .pad	{ padding:20px 0px 20px 20px;}
#sidebar strong	{ border-bottom:1px dashed #aaa; display:block;}
#sidebar ul		{ list-style:square; color:#416199; margin:5px 0px 0px 15px; }
#sidebar ol		{ margin:5px 0px 0px 23px; }
#sidebar ol li	{ margin:4px 0px }

#content	{ float:left; display:inline;  width:438px; margin-bottom:50px; padding-top:20px; font-size:9px; line-height:14px; border-right:1px solid #aaa; }
* html #content	{ height:400px; }
#content .borderleft	{ border-left:1px dashed #aaa; padding:0px 20px; min-height:270px }
#content ul				{ margin:0 0 12px 20px; }
#content li.nostyle		{ list-style-type:none; }
#content ol				{ margin:0 0 12px 25px; }
#content ol li, #content ul li		{ margin:4px 0px; }
#content p a	{text-decoration:underline; }
#content ul a	{text-decoration:underline; }

#content blockquote	{ margin:5px 10px 12px; padding:0 5px; }

.line	{ border-top:1px solid #ddd; padding-top:10px; }

#bread		{ font-size:9px; color:#666; margin-bottom:7px;  }

#footer		{ position:relative; padding:0px 20px; clear:both; background:url(../images/footer_back.gif) no-repeat; font-size:9px;color:#666; line-height:20px; height:40px;}
#footer span	{ color:#BAC6DB;}
#footer span a	{ color:#fff;}

img.floatleft { float:left; margin-right:5px; }
img.floatright { float:right; margin-left:5px; }
br.clearboth { clear:both; }
/* LINKS */
a:link, a:visited	{ text-decoration:none; color:#435E93;}
a:hover				{ color:#333;}

/* CLASSES */
.pad	{ padding:10px;}
.pad20	{ padding:0px 20px;}
/* ELEMENTS */
h1	{ font-size:28px; color:#444;}
h2	{ font-size:12px; padding-bottom:10px; color:#666; }
h3	{ font-size:11px; padding-bottom:10px; color:#666; }
p	{ padding-bottom:10px;}

/* FORMS */
.searchform	{ border:1px solid #ddd; padding:5px;}
.searchform	input	{ border:1px solid #ccc; font-size:9px; color:#666; vertical-align:middle; padding:1px 3px;}
.searchbox	{ height:16px; line-height:16px; width:80%;}
.button		{ background:#eee; height:20px;}

/* CONTENT FORMATTING */
.boxcontainer	{ border:1px solid #ADAAAD; width:390px; }
.boxcontainer_right	{ float:left; border-right:1px solid #ADAAAD; width:128px; text-align:center; padding:5px 0px 5px; }
.boxcontainer_left	{ float:left; width:128px; text-align:center; padding:5px 0px 5px; }

/* new styles for 2col 'table'  */
.boxcontainer_right2	{ float:left; border-right:1px solid #ADAAAD; width:255px; text-align:left; padding:5px 0px 5px 5px; }
.boxcontainer_left2	{ float:left; width:115px; text-align:left; padding:5px 0px 5px 5px; }
.boxcontainer_right2b	{ float:left; border-right:1px solid #ADAAAD; border-top:1px solid #ADAAAD; width:255px; text-align:left; padding:5px 0px 5px 5px; }
.boxcontainer_left2b	{ float:left; width:124px; text-align:left; border-top:1px solid #ADAAAD; padding:5px 0px 5px 5px; }

.addressfloat	{ float:left; }

.boxcontainer_text	{ float:left; border-top:1px solid #ADAAAD; width:390px; padding:5px 0px 5px 0px; }
.boxcontainer_pad	{ float:left; height:30px; padding-left:5px; }

.boxcontainer_textcell	{ float:left; border-top:1px solid #ADAAAD; border-right:1px solid #ADAAAD; width:123px; padding:5px 0px 5px 5px; }
.boxcontainer_textcell2	{ float:left; border-top:1px solid #ADAAAD; width:127px; padding:5px 0px 5px 5px;  }
/*.boxcontainer_padcell	{ float:left; height:inherit; padding-left:3px; }*/

.boxcontainer_sm_right	{ float:left; border-right:1px solid #ADAAAD; width:96px; text-align:center; padding:5px 0px 5px; }
.boxcontainer_sm_left	{ float:left; width:99px; text-align:center; padding:5px 0px 5px; } 

.boxcontainer_sm_textcell	{ float:left; border-top:1px solid #ADAAAD; border-right:1px solid #ADAAAD; width:91px; padding:5px 0px 5px 5px; }
.boxcontainer_sm_textcell2	{ float:left; border-top:1px solid #ADAAAD; width:94px; padding:5px 0px 5px 5px; }

#popup_content	{ position:relative; margin:0px 10px 50px 20px; padding-top:20px; font-size:9px; line-height:14px; text-align:left; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
#popup_content ul, #popup_content ol	{ margin-left:20px; }
.popup_content_smallcell {float:left; width:50px; }
.popup_content_bigcell	 {float:left; width:500px; padding-left:10px; padding-bottom:10px; }
#popup_content td	{ font-size:9px; padding:3px; }

.thinbox_outside	{  width:120px; border:1px solid #ADAAAD; border-width:1px 1px 0px 1px; }
.thinbox_insidebottom	{ border:1px solid #ADAAAD; border-width:1px 0px; padding:5px;}

.caption	{ line-height:1.1; margin:3px 2px 7px 2px; font-style:italic }

/* SITEMAP */
#sitemap li			{ font-weight:bold; list-style:none; font-size:11px;}
#sitemap ul			{ margin-bottom:10px;}
#sitemap li ul li	{ font-weight:normal; list-style:disc; margin:1px 0px 2px 10px; font-size:10px;}

/* Uncomment for the 'arrow' graphic for lists in the product section 
#content .list-arrow { margin:0 0 12px 0; }
#content .list-arrow li { margin-bottom:7px; padding:0 0 0 18px; list-style:none; background:url(../images/icon-arrow.png) no-repeat 0 4px; }
#content .list-arrow li li { margin-bottom:4px; padding:0; list-style:none; background:none; }
*/

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/*  */

#content hr, #sidebar hr, #popup_content hr { height:1px; color:#ccc; margin:5px 0 15px 0; color:#ccc; }
#content hr.rule, #sidebar hr.rule, #popup_content hr.rule { border:1px solid #ccc; }

#content hr.divider { margin:100px 0 10px; height:1px; color:#c7d1e2; background:#c7d1e2; border-top:1px solid #c7d1e2; }

/* hilite:remove style and all referents before site goes live */
.hilite	{ padding:3px; background:yellow; color:maroon; font-weight:bold; margin-bottom:10px;  }

#content p.listing a	{ text-decoration:none; }
#content .listing strong	{ border-bottom:1px dashed #aaa; width:50%; }
#content .listing span	{ display:block; margin:2px 0 5px 0; }

.driving { float:right; background:transparent url(../images/icon_directions.gif) no-repeat scroll 0px -2px; padding:0 0 0 20px; font-weight:bold; }
#directions_sub .driving { float:right; background:none; padding:0 0 0 20px; font-weight:bold; }
p.address, span.address { background:transparent url(../images/icon_address.gif) no-repeat scroll -2px 0px; padding:0 0 0 20px; margin-bottom:10px; }
p.phone, span.phone { background:transparent url(../images/icon_phone.gif) no-repeat scroll -2px 0px; padding:0 0 0 20px; margin-bottom:10px; }
p.fax, span.fax { background:transparent url(../images/icon_fax.gif) no-repeat scroll -2px 0px; padding:0 0 0 20px; margin-bottom:10px; }
p.email, span.email { background:transparent url(../images/icon_email.gif) no-repeat scroll -2px 0px; padding:0 0 0 20px; margin-bottom:10px; }

a.raquolink   { font-family:Futura; color:#5074a4; font-size:10px; }