#nav-cat, #nav-cat ul { padding:0; margin:0; list-style:none; width:206px; text-align:left}

#nav-cat a { display:block; width:167px; padding: 6px 27px 7px 10px; color: black; font-weight:bold; background:url(../images/topLevel.gif) no-repeat right center; font-size: 14px; margin-right: 2px  }
#nav-cat li { float:left; width:199px; }


#nav-cat .level2 a {font-size: 12px; font-weight: normal; margin-right: 2px; background-image: none; border-bottom: 1px solid #e1ecf3; padding: 6px 10px; width: 184px}
#nav-cat .level2 li {width: 206px; }

#categoriescss_bottom {clear: both}

/*** ESSENTIAL STYLES ***/
.cms_menu, .cms_menu * { margin: 0; padding: 0; list-style: none;}
.cms_menu { line-height: 1.0;}
.cms_menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ }
.cms_menu ul li { width: 100%; }
.cms_menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
.cms_menu li { float: left; position: relative; }
.cms_menu a { display: block; position: relative; }
.cms_menu li:hover ul, .cms_menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.cms_menu li:hover li ul, ul.cms_menu li.sfHover li ul { top: -999em; }
ul.cms_menu li li:hover ul, ul.cms_menu li li.sfHover ul { left: 12em; /* match ul width */ top: 0; }
ul.cms_menu li li:hover li ul, ul.cms_menu li li.sfHover li ul { top: -999em;}
ul.cms_menu li li li:hover ul, ul.cms_menu li li li.sfHover ul { left: 12em; /* match ul width */ top: 0;}

/*** DEMO SKIN ***/
.cms_menu { float: left; margin-bottom:	1em; }
.cms_menu a { padding:7px 11px 0 11px; color: white; font-weight: normal; height: 23px; line-height: normal; border-right: 1px solid #f5443d; z-index: 10; display: inline-block; text-decoration: none}
.cms_menu li li a {display: block; background-image: none; border-bottom: 1px solid #ee332c; padding: 4px 11px; height: auto}
.cms_menu a, .cms_menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: white;}
.cms_menu li { }
.cms_menu li li { background: #f5443d; }
.cms_menu li li li { background: #f5443d; }
.cms_menu li:hover, .cms_menu li.sfHover, .cms_menu a:focus, .cms_menu a:hover, .cms_menu a:active { color: #f2c700; outline: 0; text-decoration: none; }

/*** arrows **/
.cms_menu li.parent a { padding-right: 23px; background:url(https://www.bvs.co.uk/includes/templates/custom/images/topmenu_right.gif) no-repeat right center; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.cms_menu li.parent li a {background-image: none; padding-right: 11px; border-bottom: 1px solid #ee332c}

.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden;  /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .8em; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */

/* point right for anchors in subs */
.cms_menu ul .sf-sub-indicator { background-position:  -10px 0; }
.cms_menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.cms_menu ul a:focus > .sf-sub-indicator, .cms_menu ul a:hover > .sf-sub-indicator, .cms_menu ul a:active > .sf-sub-indicator, .cms_menu ul li:hover > a > .sf-sub-indicator, .cms_menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/

#custmen_3 .cms_menu a { border-right: 1px solid #2f7aac; }
#custmen_3 .cms_menu li li { background: #2f7aac; }
#custmen_3 .cms_menu li.parent a {background:url(https://www.bvs.co.uk/includes/templates/custom/images/topmenu_right1.gif) no-repeat right center; }
#custmen_3 .cms_menu li.parent li a {border-bottom: 1px solid #2570a2; background-image: none;}
