/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Navigation Defined */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Primary Navigation Bar Position. */ #nav-primary { position:absolute; top:103px; left:120px; height:24px; padding-left: 0px; } /* Utility Navigation Bar Position. */ #nav-utility { position:absolute; top:10px; left:690px; width:200px; height:18px; text-align:right; border: 0px solid #ffffff; } /* The menu styling */ /* Remove the padding, margins and bullets from the lists */ .menu-primary, .menu-primary ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;} .menu-utility, .menu-utility ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}s /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Primary Navigation Defined */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Default top link styling */ /* Set up the top level list items and float left to place inline. */ .menu-primary li.nav-primary-item {display:block; float:left; position:relative;} .menu-primary li a.link-primary {display:block; float:left; position:relative; height:24px; } /* Define all images for the Primary Navigation. */ .menu-primary li a.nav-home {background:url(/data/images/design/nav-home.gif) no-repeat; width:91px;} .menu-primary li a.nav-advances {background:url(/data/images/design/nav-advances.gif) no-repeat; width:116px;} .menu-primary li a.nav-lifepak {background:url(/data/images/design/nav-lifepak.gif) no-repeat; width:103px;} .menu-primary li a.nav-lifenet {background:url(/data/images/design/nav-lifenet.gif) no-repeat; width:103px;} .menu-primary li a.nav-lucas {background:url(/data/images/design/nav-lucas.gif) no-repeat; width:95px;} .menu-primary li a.nav-demos {background:url(/data/images/design/nav-demos.gif) no-repeat; width:98px;} .menu-primary li a.nav-contact-us {background:url(/data/images/design/nav-contact-us.gif) no-repeat; width:126px;} /* Downstates defined for primary nav. Body ID tag corresponds to class of nav link. If both appear on a page, then the downstate of the nav displays. Cool. */ #home .nav-home {background-position: top right;} #advances .nav-advances {background-position: top right;} #lifepak .nav-lifepak {background-position: top right;} #lifenet .nav-lifenet {background-position: top right;} #lucas .nav-lucas {background-position: top right;} #demos .nav-demos {background-position: top right;} #contact-us .nav-contact-us {background-position: top right;} /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Horizontal Navigation Properties Defined. Applies to all horizontal navigation. */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Remove the padding, margins and bullets from the lists */ .menu-primary, .menu-primary ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;} /* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */ .menu-primary table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size: 11px;} /* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */ .menu-primary li {float:left;} /* Move the navigation image top right for rollover effect */ .menu-primary li a:hover { background-position: top right;} /* Move the navigation image top right for down effect */ .menu-primary li a.downState {background-position: top right;} /* move the link text off screen */ .menu-primary li a span {position:absolute; left:-9999px; top:0; z-index:1200; font-size:10px; line-height: 10px;} /* Define the hover functionality for horizontal navigation*/ /* Style the list OR link hover. Depends on which browser is used */ .menu-primary a:hover {visibility:visible;} /* for IE6 */ .menu-primary li:hover {position:relative; z-index:1300;} /* for IE7 */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Left Navigation Defined */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .menulft {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; width:264px;} /* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */ .menulft li {border:0px solid #8DA3BF; border-width:0px 0 0 0; float:left;} /* IMPORTANT NOTE!!!! All nav items tags must have 2 styles: left-link and a unique nav class */ /* Default left link styling */ .menulft li a.left-link {display:block; height:38px; width:264px;} /* Move the link text off screen */ .menulft li a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px; line-height: 10px;} /* Define all images for Main LIFENET Page Left Navigation */ .menulft li a.leftnav1-lifenet-overview {background:url(/data/images/design/leftnav1-lifenet-overview.gif) no-repeat;} .menulft li a.leftnav1-lifenet-in-action {background:url(/data/images/design/leftnav1-lifenet-in-action.gif) no-repeat;} .menulft li a.leftnav1-explore-the-technology {background:url(/data/images/design/leftnav1-explore-the-technology.gif) no-repeat;} .menulft li a.leftnav1-open-communication {background:url(/data/images/design/leftnav1-open-communication.gif) no-repeat;} /* Define all images for LIFENET White Pages Left Navigation */ .menulft li a.leftnav2-lifenet-overview {background:url(/data/images/design/leftnav2-lifenet-overview.gif) no-repeat;} .menulft li a.leftnav2-lifenet-in-action {background:url(/data/images/design/leftnav2-lifenet-in-action.gif) no-repeat;} .menulft li a.leftnav2-explore-the-technology {background:url(/data/images/design/leftnav2-explore-the-technology.gif) no-repeat;} .menulft li a.leftnav2-open-communication {background:url(/data/images/design/leftnav2-open-communication.gif) no-repeat;} .menulft li a.leftnav2-for-ems {background:url(/data/images/design/leftnav2-for-ems.gif) no-repeat; height:34px;} .menulft li a.leftnav2-for-hospital {background:url(/data/images/design/leftnav2-for-hospital.gif) no-repeat; height:34px;} /* Move the navigation image top right for rollover effect */ .menulft li a:hover { background-position: top right;} /* Move the navigation image top right for down effect */ .menulft li a.down {background-position: top right;}