/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {position:relative; width:900px; height:28px; z-index:100;
    background: url(/images/menu_back.gif) repeat-x top left;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; font-size:12px; color:#fff; line-height:28px; text-decoration:none; float:left;
}


/* Set up the list items */
#pmenu li {float:left;}
#pmenu li ul li {background: #012966;}
#pmenu li ul li a, #pmenu li ul li a:visited {line-height:normal;padding-top:5px;padding-bottom:5px;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#dfd7ca; color:#c00;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-10px; left:130px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); }
/* Position the first sub level beneath the top level links */
#pmenu > li:hover > ul {left:-30px; top:18px;}

/* Reverse for contact menu */
#pmenu > li.navContact2:hover > ul {left:-96px; top:18px; }

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}




/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-10px; left:0px; padding:10px 30px 30px 0px; background:transparent url(transparent.gif);}
* html #pmenu li ul li ul {padding:10px 30px 30px 30px}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:0px; top:18px; lef\t:0px; to\p:18px;
}

/* Reverse for contact menu */
#pmenu li.navContact2 a:hover ul {left:-96px; top:18px; }

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{
visibility:visible; top:-10px; left:130px;
}



/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

.navHome {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navHome a {width:82px;text-align:center;padding:0;}*/
.navHome a {width:60px;text-align:center;padding:0;}
#pmenu .navHome a:hover {background:#343C6E; color:#fff;}

.navMedical {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navMedical a {width:89px;text-align:center;padding:0;}*/
.navMedical a {width:70px;text-align:center;padding:0;}
.navSubMedical li a {width: 140px; height: auto; padding-left: 10px; padding-right: 10px;text-align:left;}
#pmenu .navMedical:hover > a {background:#343C6E; color:#fff;}
#pmenu .navMedical a:hover {
    /*background:#97CB5C;*/
    background:#3361A8;
    color:#fff;
    background-image : url(/images/nav_blue.gif); 
    background-position: bottom left;
    background-repeat: repeat-x;
}
.navSubMedical a {background: #343C6E;}
.navMedical ul li {
    border-right: 0px;
    border-bottom: 1px solid #73789B;
}

.navSexual {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navSexual a {width:83px;text-align:center;padding:0;}*/
.navSexual a {width:65px;text-align:center;padding:0;
    
}
.navSubSexual li a {width: 140px; height: auto; padding-left: 10px; padding-right: 10px;text-align:left;}
#pmenu .navSexual:hover > a {background: #343C6E; color:#fff;}
#pmenu .navSexual a:hover {
    /*background:#ee93ed;*/
    background:#3361A8;
    color:#fff;
    /*background-image : url(/images/nav_pink.gif); */
    background-image : url(/images/nav_blue.gif); 
    background-position: bottom left;
    background-repeat: repeat-x;
}
.navSubSexual a {background: #343C6E;}
.navSexual ul li {
    border-right: 0px;
    border-bottom: 1px solid #73789B;
}

.navAesthetic {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navAesthetic a {width: 95px;text-align:center; padding:0;}*/
.navAesthetic a {width: 80px;text-align:center; padding:0;}
.navSubAesthetic li a {width: 140px; height: auto; padding-left: 10px; padding-right: 10px;text-align:left;}
#pmenu .navAesthetic:hover > a {background:#012966; color:#fff;}
#pmenu .navAesthetic a:hover {
    background:#3361A8;
    color:#fff;
    background-image : url(/images/nav_blue.gif); 
    background-position: bottom left;
    background-repeat: repeat-x;
}
.navSubAesthetic a {background: #343C6E;}
.navAesthetic ul li {
    border-right: 0px;
    border-bottom: 1px solid #73789B;
}

.navTeam {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navTeam a {width:125px;text-align:center;padding:0;}*/
.navTeam a {width:110px;text-align:center;padding:0;}
#pmenu .navTeam a:hover {background:#343C6E; color:#fff;}

.navForum {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navForum a {width:83px;text-align:center;padding: 0;}*/
.navForum a {width:65px;text-align:center;padding: 0;}
#pmenu .navForum a:hover {background:#343C6E; color:#fff;}

.navBlog {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navBlog a {width:72px;text-align: center;padding: 0;}*/
.navBlog a {width:60px;text-align: center;padding: 0;}
#pmenu .navBlog a:hover {background:#343C6E; color:#fff;}

.navNews {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navBlog a {width:72px;text-align: center;padding: 0;}*/
.navNews a {width:60px;text-align: center;padding: 0;}
#pmenu .navNews a:hover {background:#343C6E; color:#fff;}

.navPress {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navPress a {width:79px;text-align:center;padding:0;}*/
.navPress a {width:65px;text-align:center;padding:0;}
#pmenu .navPress a:hover {background:#343C6E; color:#fff;}

/*.navBlog {border-right: 1px solid #fff;}
.navBlog a {padding-left: 23px; padding-right: 23px; min-width:24px;}
#pmenu .navBlog a:hover {background:#343C6E; color:#fff;}*/

.navLinks {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navLinks a {width:75px;text-align:center;padding:0;}*/
.navLinks a {width:60px;text-align:center;padding:0;}
#pmenu .navLinks a:hover {background:#343C6E; color:#fff;}

.navTestimonials {
    background-image : url(/images/menu_divider.gif); 
    background-position: top right;
    background-repeat: no-repeat;
}
/*.navTeam a {width:125px;text-align:center;padding:0;}*/
.navTestimonials a {width:100px;text-align:center;padding:0;}
#pmenu .navTestimonials a:hover {background:#343C6E; color:#fff;}

.navContact {border-right: 0px; width:117px;}
.navContact a {padding-left: 28px; padding-right: 28px; min-width:61px; }
#pmenu .navContact a:hover {background:#343C6E; color:#fff;}

.navContact2 {border-right: 0px; width:94px;}
/*.navContact2 a { width: 108px; text-align: center; padding: 0;}*/
.navContact2 a { width: 90px; text-align: center; padding: 0;}
.navSubContact2 li a {width: 140px; height: auto; padding-left: 10px; padding-right: 10px; text-align: left;}
#pmenu .navContact2:hover > a {background:#343C6E; color:#fff;}
#pmenu .navContact2 a:hover {
    /*background:#ee93ed;*/
    background:#3361A8!important; 
    color:#fff!important; 
    /*background-image : url(/images/nav_pink.gif); */
    background-image : url(/images/nav_blue.gif)!important; 
    background-position: bottom left!important; 
    background-repeat: repeat-x!important; 
}
.navSubContact2 a {background: #343C6E;}
.navSubContact2 a:hover {background: #012966 !important;}
.navContact2 ul li {border-right: 0px;}