@charset "utf-8";
/* CSS Document */
#mainOuter li { float:left; line-height:29px; background-color:#B69792; color:#FFF; text-align:center; }
#mainOuter li a { color:#FFF; background-color:#B69792; height:29px; width:100%; }
#mainOuter ul li { float:none; }
#mainOuter ul li, #mainOuter ul li a { line-height:25px; }

/* top level sizing and menu background */
#mainOuter li.last, #mainInner li, #mainOuter ul li { background-image:none !important; padding-right:0 !important; }
#mainOuter li.last { background-image:none !important; padding-right:0 !important; line-height:25px !important; }

#mainOuter li.homeLi { width:68px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
#mainOuter li.aboutLi { width:117px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
#mainOuter li.cosmeticLi { width:85px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
#mainOuter li.minimallyLi { width:140px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
#mainOuter li.reconstructiveLi { width:125px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
#mainOuter li.facilitiesLi { width:85px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
#mainOuter li.prodcutLi { width:110px; background-image:url(/images/nav_separator.gif); background-position:center; background-position:right; background-repeat:no-repeat; padding-right:7px; height:29px; }
/* top level sizing and menu background */

#mainOuter li ul { position:relative; height:30px; }
* html #mainOuter li a { position: relative; }
* html #mainOuter ul li a { margin-top:-1px; }

/* Sub Menus Positioning */
* html a.topNavLink { position:absolute; }
* html a.topNavLink table { position:relative; visibility:hidden; border-collapse:collapse; }
table#subMenu ul.mainInner { position:relative; left:-125px; }

#mainOuter li.aboutLi ul { left:-22px; }
* html #mainOuter li.aboutLi ul { position:relative; top:21px; left:-128px; }
#mainOuter li.cosmeticLi ul { left:-38px; }
* html #mainOuter li.cosmeticLi ul { position:relative; top:16px; left:-105px; }
#mainOuter li.minimallyLi ul { left:-10px; }
* html #mainOuter li.minimallyLi ul { position:relative; top:16px; left:-116px; }
#mainOuter li.reconstructiveLi ul { left:-17px; }
* html #mainOuter li.reconstructiveLi ul { position:relative; top:16px; left:-108px; }
#mainOuter li.facilitiesLi ul { left:-36px; }
* html #mainOuter li.facilitiesLi ul { position:relative; top:21px; left:-110px; }
table#subMenuProducts { position:relative; top:29px; left:0; }
/* Sub Menus Positioning */

/* Two-Line Menu Items */
#mainOuter li a.twoLines, #mainOuter ul a.twoLines { line-height:12px; display:block; padding-top:2px; height:27px; }
* html #mainOuter li a.twoLines { height:27px; display:block; }
#mainOuter ul li.subTwoLines { line-height:13px; height:25px; }
/* Two-Line Menu Items */

/* style the links for the top level */
#mainOuter li a { display:block; width:100%; font-size:11px; text-decoration:none; color:#FFF; background-color:#B69792; line-height:29px; text-align:center; }
/* style the links for the top level */

/* hover state for top level links and color persistency */

#mainOuter li a:hover { background-color:#947874; }

#mainOuter :hover > a, #mainOuter ul.mainInner :hover > a { color:#FFF; background:#947874; }



/* hover state for top level links and color persistency */

/* sublevel styling so it shows */
#mainOuter ul { height:10px; visibility:hidden; }
#mainOuter ul li { float:none; height:25px; border-top:1px solid #CCB7B2; border-bottom:1px solid #CCB7B2; width:140px; }
.topBor { border-top:1px solid #CCB7B2 !important; }
.botBor { border-bottom:1px solid #CCB7B2 !important; }
#mainOuter ul li.subLi, #mainOuter ul li.subLi a.subA { height:15px; line-height:15px; border:0; margin:0; }

#mainOuter ul li { padding-left:10px; width:150px; text-align:left; }
#mainOuter ul li a { padding-left:10px; width:150px; margin-left:-10px; text-align:left; }
/* make the second level visible when hover on first level list OR link */
#mainOuter li:hover ul li, #mainOuter li a:hover ul li { visibility:visible; }

/* sublevel styling so it shows */

/* style the table so that it takes no ppart in the layout - required for IE to work */
* html #mainOuter a.topNavLink table { position:absolute; }
* html #mainOuter li a:hover table { position:absolute; }
/* html #mainOuter table ul li { position:relative !important; }*/




#mainOuter ul li.subLi { padding-left:0; }
#mainOuter ul li a.subSub { padding-left:20px; width:140px; }


#mainOuter li.facilitiesLi li a { border:0; }