.nav-container { background-image: url(/images/nav_shared/nav_fill_01.gif); padding-left: 57px; padding-right: 00px; background-color: #005892; height:35px }
/* should be 20 padding-left, later */


li.home  { display: block; width: 85px; height: 35px; background-image: url(/images/nav_patient/home.gif); background-repeat: no-repeat;}
li.about_euflexxa { display: block; width: 172px; height: 35px; background-image: url(/images/nav_patient/what-is-euflexxa.gif); background-repeat: no-repeat;}
li.about_oa { display: block; width: 201px; height: 35px; background-image: url(/images/nav_patient/about_oa.gif); background-repeat: no-repeat;}
li.euflexxa { display: block; width: 191px; height: 35px; background-image: url(/images/nav_patient/euflexxa.gif); background-repeat: no-repeat;}
li.physician_finder{ display: block; width: 172px; height: 35px; background-image: url(/images/nav_patient/physician-finder.gif); background-repeat: no-repeat;}

li.home a:hover, li.home a.on { background-image: url(/images/nav_patient/on/home.gif); background-repeat: no-repeat;}
li.about_oa:hover, li.about_oa_sfhover, li.about_oa a.on { background-image: url(/images/nav_patient/on/about_oa.gif); background-repeat: no-repeat;}
li.about_euflexxa:hover, li.about_euflexxa_sfhover,li.about_euflexxa a.on { background-image: url(/images/nav_patient/on/what-is-euflexxa.gif); background-repeat: no-repeat;}
li.euflexxa:hover, li.euflexxa_sfhover,li.euflexxa a.on { background-image: url(/images/nav_patient/on/euflexxa.gif); background-repeat: no-repeat;}
li.physician_finder a:hover, li.physician_finder a.on { background-image: url(/images/nav_patient/on/physician-finder.gif); background-repeat: no-repeat;}


.nav div.resources a:hover, .nav div.resources a.on { background-image: url(/images/nav_patient/on/resources.gif); background-repeat: no-repeat;}
.nav div.find a:hover, .nav div.find a.on { background-image: url(/images/nav_patient/on/find.gif); background-repeat: no-repeat;}

.nav { background-image: url(/images/nav_patient/divider-off.gif); background-repeat: no-repeat;  height: 35px; width: 100%; }



/* menu tops */
#nav {margin-top:-35px;padding-left: 57px;}
#nav ul li.home { float:left;  padding: 0; display: block; width: 85px; }
#nav ul li.about_euflexxa { float:left; padding: 0px; display: block; width: 172px; margin-left:-1px}
#nav ul li.about_oa { float:left;  padding: 0; display: block; width: 201px; margin-left:-1px}
#nav ul li.euflexxa { float:left;  padding: 0; display: block; width: 191px; margin-left:-1px}
#nav ul li.physician_finder { float:left;  padding: 0; display: block; width: 172px; margin-left:-1px}

/* these are the secondary menus */
/*#nav.homenav ul li { margin: 0 0 0 0;}*/
#nav ul li.home a { display: block; width: 85px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; }
#nav ul li.about_euflexxa a { display: block; width: 172px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; }
#nav ul li.about_oa a { display: block; width: 201px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; }
#nav ul li.euflexxa a { display: block; width: 191px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; }
#nav ul li.physician_finder a { display: block; width: 172px; height: 35px; margin-top: 0px; text-align: center; line-height: 35px; color: #000; font-weight: bold; text-decoration: none; }


/*give the secondary menus the formatting and that*/
/*#nav ul li.sfhover ul li a,*/
#nav ul li.about_oa:hover ul li a,
#nav ul li.about_oa ul li a { width: 189px; *width: 199px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000;  font-weight: normal; text-align: left; }


/*#nav ul li.sfhover ul li a,*/
#nav ul li.about_euflexxa:hover ul li a,
#nav ul li.about_euflexxa ul li a { width: 160px; *width: 172px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000;  font-weight: normal; text-align: left; }


/*#nav ul li.sfhover ul li a,*/
#nav ul li.euflexxa:hover ul li a,
#nav ul li.euflexxa ul li a { width: 179px; *width: 189px; height: auto; margin: 0; padding: 2px 5px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; line-height: 20px; color: #000;  font-weight: normal; text-align: left; }


/* gray rollovers */
#nav ul li.about_oa ul li a:hover,
#nav ul li.about_oa ul li a.selected { border-top: 0; background: #ccc; color: #000; }

#nav ul li.about_euflexxa ul li a:hover,
#nav ul li.about_euflexxa ul li a.selected { border-top: 0; background: #ccc; color: #000; }

#nav ul li.euflexxa ul li a:hover,
#nav ul li.euflexxa ul li a.selected { border-top: 0; background: #ccc; color: #000; }