
.NavContainerMain {
   height: 30px;

}
.NavContainerMain ul, .NavContainerSub ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.NavContainerMain li {
    float: left;
	margin: 0;
	padding: 0;
}
.NavContainerMain li a {
   display: block;
   height: 30px;
}

/* Add images to each list-item */
#product a { background-image:url(/images/mainnav_static_product.gif); width: 127px; }
#product a:hover { background-image:url(/images/mainnav_roll_product.gif); }
#product .sel { background-image:url(/images/mainnav_sel_product.gif); }
#product .sel:hover { background-image:url(/images/mainnav_sel_product.gif); }

#patientsfamily a { background-image:url(/images/mainnav_static_patientsfamily.gif); width: 171px; }
#patientsfamily a:hover { background-image:url(/images/mainnav_roll_patientsfamily.gif); }
#patientsfamily .sel { background-image:url(/images/mainnav_sel_patientsfamily.gif); }
#patientsfamily .sel:hover { background-image:url(/images/mainnav_sel_patientsfamily.gif); }

#healthcare a { background-image:url(/images/mainnav_static_healthcare.gif); width: 211px; }
#healthcare a:hover { background-image:url(/images/mainnav_roll_healthcare.gif); }
#healthcare .sel { background-image:url(/images/mainnav_sel_healthcare.gif); }
#healthcare .sel:hover { background-image:url(/images/mainnav_sel_healthcare.gif); }

#resource a { background-image:url(/images/mainnav_static_resource.gif); width: 156px; }
#resource a:hover { background-image:url(/images/mainnav_roll_resource.gif); }
#resource .sel { background-image:url(/images/mainnav_sel_resource.gif); }
#resource .sel:hover { background-image:url(/images/mainnav_sel_resource.gif); }

#aboutus a { background-image:url(/images/mainnav_static_aboutus.gif); width: 113px; }
#aboutus a:hover { background-image:url(/images/mainnav_roll_aboutus.gif); }
#aboutus .sel { background-image:url(/images/mainnav_sel_aboutus.gif); }
#aboutus .sel:hover { background-image:url(/images/mainnav_sel_aboutus.gif); }


.SubNav {
   display: none;
}
.NavContainerSub { height: 24px; }
.SubNavRight li { float: right; }
.SubNavLeft li { float: left; }
.NavContainerSub li {
    padding: 5px 15px 5px 15px;
}
.NavContainerSub li a {
   display: block;
   height: 14px;
   font-size: 1px;
}



/******************OUR PRODUCT SUBNAV************************/
#NavContainerSub .howitworks{ padding-left: 24px; }
#NavContainerSub .howitworks a { background-image: url(/images/subnav_static_howitworks.gif); width: 69px; }
#NavContainerSub .howitworks a:hover, #NavContainerSub .howitworks .sel { background-image:url(/images/subnav_sel_howitworks.gif); }

#NavContainerSub .usingtheiport a { background-image:url(/images/subnav_static_usingtheiport.gif); width: 89px; }
#NavContainerSub .usingtheiport a:hover, #NavContainerSub .usingtheiport .sel { background-image:url(/images/subnav_sel_usingtheiport.gif); }

#NavContainerSub .whobenefits a { background-image:url(/images/subnav_static_whobenefits.gif); width: 72px; }
#NavContainerSub .whobenefits a:hover, #NavContainerSub .whobenefits .sel { background-image:url(/images/subnav_sel_whobenefits.gif); }

#NavContainerSub .productfeatures a { background-image:url(/images/subnav_static_productfeatures.gif); width: 93px; }
#NavContainerSub .productfeatures a:hover, #NavContainerSub .productfeatures .sel { background-image:url(/images/subnav_sel_productfeatures.gif); }

#NavContainerSub .productavailability a { background-image:url(/images/subnav_static_productavailability.gif); width: 106px; }
#NavContainerSub .productavailability a:hover, #NavContainerSub .productavailability .sel { background-image:url(/images/subnav_sel_productavailability.gif); }


/******************Patients & Families SUBNAV************************/

#NavContainerSub .patientstories{ padding-left: 22px; }
#NavContainerSub .patientstories a { background-image: url(/images/subnav_static_patientstories.gif); width: 78px; }
#NavContainerSub .patientstories a:hover, #NavContainerSub .patientstories .sel { background-image:url(/images/subnav_sel_patientstories.gif); }

#NavContainerSub .sharestory a { background-image: url(/images/subnav_static_sharestory.gif); width: 89px; }
#NavContainerSub .sharestory a:hover, #NavContainerSub .sharestory .sel { background-image:url(/images/subnav_sel_sharestory.gif); }

#NavContainerSub .gettheiport a { background-image: url(/images/subnav_statis_gettheport.gif); width: 77px; }
#NavContainerSub .gettheiport a:hover, #NavContainerSub .gettheiport .sel { background-image:url(/images/subnav_sel_gettheiport.gif); }


/******************HEALTHCARE PROFESSIONALS SUBNAV************************/

#NavContainerSub .indicationsforuse { padding-left: 350px; }
#NavContainerSub .indicationsforuse a {  background-image:url(/images/subnav_static_indicationsforuse.gif); width: 102px; }
#NavContainerSub .indicationsforuse a:hover, #NavContainerSub .indicationsforuse .sel { background-image:url(/images/subnav_sel_indicationsforuse.gif); }

/******************Resource Center SUBNAV************************/

#NavContainerSub .helpfullinks{ padding-right: 24px; } 
#NavContainerSub .helpfullinks a { background-image:url(/images/subnav_static_helpfullinks.gif); width: 71px; }
#NavContainerSub .helpfullinks a:hover, #NavContainerSub .helpfullinks .sel { background-image:url(/images/subnav_sel_helpfullinks.gif); }

#NavContainerSub .faq a { background-image:url(/images/subnav_static_faq.gif); width: 151px; }
#NavContainerSub .faq a:hover, #NavContainerSub .faq .sel { background-image:url(/images/subnav_sel_faq.gif); }

#NavContainerSub .brochuresanddownloads a { background-image:url(/images/subnav_static_brochuresanddownloads.gif); width: 129px; }
#NavContainerSub .brochuresanddownloads a:hover, #NavContainerSub .brochuresanddownloads .sel { background-image:url(/images/subnav_sel_brochuresanddownloads.gif); }

/******************ABOUT US SUBNAV************************/

#NavContainerSub .kkstory a { background-image:url(/images/subnav_staic_KK.gif); width:53px; }
#NavContainerSub .kkstory a:hover, #NavContainerSub .kkstory .sel { background-image:url(/images/subnav_sel_KK.gif); }

#NavContainerSub .ourteam a { background-image:url(/images/subnav_static_ourteam.gif); width:53px; }
#NavContainerSub .ourteam a:hover, #NavContainerSub .ourteam .sel { background-image:url(/images/subnav_sel_ourteam.gif); }

#NavContainerSub .advisoryboard a { background-image:url(/images/subnav_static_advisoryboard.gif); width: 81px; }
#NavContainerSub .advisoryboard a:hover, #NavContainerSub .advisoryboard .sel { background-image:url(/images/subnav_sel_advisoryboard.gif); }

#NavContainerSub .scientificadvisorycommittee a { background-image: url("/images/subnav_static_scientificadvisorycommittee.gif"); width: 162px; }
#NavContainerSub .scientificadvisorycommittee a:hover, #NavContainerSub .scientificadvisorycommittee .sel { background-image: url("/images/subnav_sel_scientificadvisorycommittee.gif"); }

#NavContainerSub .contactus { padding-right: 26px; }
#NavContainerSub .contactus a { background-image:url(/images/subnav_static_contactus.gif); width: 59px; }
#NavContainerSub .contactus a:hover, #NavContainerSub .contactus .sel { background-image:url(/images/subnav_sel_contactus.gif); }

/******************END OF SUBNAV************************/

