/* -------------------------------------------
project:	Insight Health
date:		2007/07/09
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; color: #000000; font: 75%/130% Arial,Tahoma,Georgia,Helvetica,sans-serif; background: #fff url(../images/bg.gif) 0 0 repeat-x; }
textarea, input, select, option, button { font: 0.92em Arial,Tahoma,Georgia,Helvetica,sans-serif; }


/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }
.img.fr { padding: 0 0 10px 10px; margin: 0; }
.img.fl { padding: 0 10px 10px 0; margin: 0; }

strong { }
em { padding: 1px 2px; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { line-height: 19px; margin: 0 0 12px; }

a { padding: 0; color: #333333; font-weight: bold; text-decoration: underline; }
a:hover, a:focus, a:active { color: #628EC8; text-decoration: none; }

.clear { clear: both; }
.fr { float: right; }
.fl { float: left; }
.h { display: none; }

ul { padding: 0; margin: 0 0 10px;  }
ul li { padding: 0 0 1px 0px; margin: 0 0 1px 15px; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 0 15px 0; font: bold 1.83em Arial,Tahoma,Georgia,Helvetica,sans-serif; color: #00AEEF; }
h2 { font-size: 1.08em; margin: 25px 0 5px 0; padding: 0; color: #676767; }
h3 { font-size: 0.92em; }
h4 { font-size: 0.800em; }
h5 { font-size: 0.800em; }
h6 { font-size: 0.800em; }

h1.logo { display: block; padding: 0; margin: 22px 0 0 10px; }
h1.logo a { display: block; width: 214px; height: 110px; overflow: hidden; background: url(../images/logo.gif) 0 0 no-repeat; text-indent: -1001em; }

h1.l { background: url(../images/h1-brdr-l.gif) 0 100% no-repeat; width: 400px; }
h1.m { background: url(../images/h1-brdr-l.gif) 0 100% no-repeat; width: 262px; }
h1.s { background: url(../images/h1-brdr-l.gif) 0 100% no-repeat; width: 240px; }


/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.center { text-align: center; }

/* LAYOUT
------------------------------------------- */
#root { display: block; width: 768px; padding: 0 10px 0 0; margin: 0 auto; background: url(../images/root-right-brdr.gif) 100% 0 no-repeat; }
#root-wrapper { display: block; width: 728px; min-height: 1000px; padding: 0 16px 0 24px; margin: 0; background: #fff url(../images/root-left-brdr.gif) 0 0 no-repeat; }

#top { position: relative; display: block; width: 100%; height: 182px; overflow: hidden; background: url(../images/top-image.gif) 100% 0 no-repeat; }
#container { display: block; overflow: hidden; width: 100%; height: 1%; padding: 39px 0 30px 0; margin: 0 0 0px; }
 #content { display: block; height: 1%; width: 600px; overflow: hidden; padding-left: 10px; }
 #content h1 { display: block; overflow: hidden; font-weight: normal; }

#footer { clear: both; display: block; width: 692px; height: 1%; overflow: hidden; border-top: 1px solid #F2F1F0; padding: 10px 19px 0 17px; }
 #footer p { font-size: 0.85em; color: #676767; line-height: 17px; padding: 1px 0; margin: 1px 0; }
 #footer .contact-data { float: left; width: 50%; }
 #footer p.footer-logo { float: right; width: 150px; height: 50px; margin-top: 3px; background: url(../images/CareFusion.jpg) 0 0 no-repeat; text-indent: -1001em; }

  
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 9659px; top: 0; z-index: 10001; width: 200px; padding: 2px 0; background: #A32F31; color: #000; font-size: 1.4em; text-align: center; }
 
/* NAVIGATION
------------------------------------------- */


/* NAV */
#nav { position: absolute; bottom: 0; right: 0; display: block; width: auto; height: 30px; padding: 0; margin: 0; list-style: none; }
#nav li { float: left; height: 30px; padding: 0; margin: 0 0 0 3px; list-style: none; }
#nav li a { float: left; height: 30px; overflow: hidden; padding: 0; margin: 0; text-indent: -1001em; text-decoration: none; }
 #nav li.first { margin-left: 0; }

#nav li#nav-home a { width: 65px; background: url(../images/nav-home.gif) 0 -30px no-repeat; }
#nav li#nav-how-works a { width: 101px; background: url(../images/nav-how-works.gif) 0 -30px no-repeat; }
#nav li#nav-how-use a { width: 93px; background: url(../images/nav-how-use.gif) 0 -30px no-repeat; }
#nav li#nav-how-order a { width: 102px; background: url(../images/nav-how-order.gif) 0 -30px no-repeat; }
#nav li#nav-resources a { width: 90px; background: url(../images/nav-resources.gif) 0 -30px no-repeat; }

#nav li:hover a, #nav li a:hover, #nav li.current a { background-position: 0 0 !important; text-decoration: none; }
#nav li a em { display: none; position: absolute; left: -10001em; top: -10001em; }

 
 
/* SUBPAGES
------------------------------------------- */

table.how-works { display: block; width: 505px; border-collapse: collapse; }
table.how-works th, td { text-align: left; padding: 0 15px 0 23px; }
table.how-works th { height: 27px; color: #fff; border-bottom: 1px solid #C0BEBE !important; background: #BC1D24; padding-top: 2px; }
table.how-works td { padding-top: 10px; padding-bottom: 10px; color: #767474; background: #F6F6F5; vertical-align: top; }
table.how-works th.broad-spectrum { width: 137px; overflow: hidden; background: #BC1D24 url(../images/table-th-broad-spectrum.gif) 0 0 no-repeat; }
table.how-works th.rapid { width: 133px; overflow: hidden; background: #BC1D24 url(../images/table-th-rapid.gif) 0 0 no-repeat; }
table.how-works th.persistent { width: 132px; overflow: hidden; background: #BC1D24 url(../images/table-th-persistent.gif) 0 0 no-repeat; }
table.how-works td.middle { width: 133px; border: 1px solid #C0BEBE; border-top: none; border-bottom: 0; }
table.how-works td.first, table.how-works th.first { width: 137px; padding-left: 13px; }

ul.how-use { display: block; width: 482px; height: 1%; padding: 0; margin: 0 0 30px; list-style: none; }
 ul.how-use li { display: block; clear: both; overflow: hidden; width: 100%; height: 1%; padding: 21px 0 15px 0; margin: 0; background: url(../images/how-use-li-brdr.gif) 10px 100% no-repeat; }
  ul.how-use li .cont { float: left; width: 300px; }
   ul.how-use li .cont h2 { display: block; width: 64px; height: 19px; padding: 4px 0 0 30px; margin-top: 0; color: #fff; font-size: 1em; }
    ul.how-use li.how-use-1 .cont h2 { background: url(../images/ul-how-use-step-1.gif) 0 0 no-repeat; }
    ul.how-use li.how-use-2 .cont h2 { background: url(../images/ul-how-use-step-2.gif) 0 0 no-repeat; }
    ul.how-use li.how-use-3 .cont h2 { background: url(../images/ul-how-use-step-3.gif) 0 0 no-repeat; }
    ul.how-use li .cont p { padding-left: 10px; }
   ul.how-use li .img.border-1-148-106 { width: 134px; height: 92px; padding: 7px; background: url(../images/img-border-1-148-106.gif) 0 0 no-repeat; }
    ul.how-use li .img.border-1-148-106 img { width: 134px; height: 92px; }

.chart .descr { float: left; padding: 15px 0 0 20px; width: 260px; }

 div.right{float:right; width:170px;}
  div.right p{ margin:11px 0 6px;}
.clear{clear:both;}
ul.how-works{ padding-bottom:10px;}

/* HOMEPAGE 
------------------------------------------- */
#root.homepage #content { width: 100%; padding-left: 0; }
#root.homepage .intro { display: block; min-height: 330px; padding: 0 10px 18px 10px; margin: 0 0 25px; background: url(../images/underline-dotted-grey.gif) 0 100% repeat-x; }
#root.homepage .intro h1 span { font-size: 0.50em; }
#root.homepage .intro h1 { margin-bottom: 20px; }
#root.homepage .intro .cont { float: left; width: 405px; }
#root.homepage .intro ul { display: block; padding: 0 0 0 2px; margin: 0 0 16px; list-style: none; }
#root.homepage .intro ul li { display: block; padding: 0 0 0 15px; margin: 4px 0; background: url(../images/bullet-double-arrow-grey.gif) 0 5px no-repeat; }
#root.homepage .intro p#package-info { margin-left: 16px; }
#root.homepage .intro p.img { margin-top: 12px; }

#root.homepage .boxes { display: block; width: 100%; height: 1%; overflow: hidden; padding: 0; margin: 0; }
#root.homepage .box { float: left; width: 317px; min-height: 165px; padding: 0 20px 10px 5px; background: url(../images/box-a-bg.jpg) 0 0 no-repeat; }
#root.homepage .box h2 { display: block; width: auto; height: 20px; margin: 0; padding: 7px 0 0 27px; font-size: 1em; text-transform: uppercase; color: #fff; }
#root.homepage #box-b { float: right; }

#root.homepage .box ul { display: block; padding: 0; margin: 13px 0 0 0; list-style: none; font-size: 0.92em; }
#root.homepage .box ul li { display: block; padding: 0 0 0 13px; margin: 6px 0 7px 0; background: url(../images/bullet-arrow-red.gif) 0 5px no-repeat; }

#root.homepage #box-b ul li { margin: 12px 0 16px; }
#root.homepage .box p.marked-link { margin-left: -4px; margin-bottom: 0; }
#root.homepage .box p.marked-link a { padding-left: 16px; background: url(../images/bullet-arrow-black.gif) 0 50% no-repeat; }