/* <rde-dm:attribute mode="write" attribute="rdeResponseMimetype" source="request" value="text/css" /> */
/* CSS Document */
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-menu { position: relative; padding-top: 10px; margin-bottom: 20px; }
.sf-vertical li {height:auto; }
.sf-vertical li li {height: auto !important; }
.sf-vertical li li.last { background-color: transparent !important; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul { left:197px; /* match ul width of main menu VERY IMPORTANT SO THERE ISN'T A GAP BETWEEN MAIN MENU AND SUB MENU*/ top:-20px; }
.sf-vertical ul { width:197px; background-image:url(../../images/iqLeftNavBttm.png); background-position: 0 100%; background-repeat: no-repeat; padding-bottom: 14px !important; overflow: hidden; }
.sf-vertical ul li { background: url(../../images/iqLeftNavNoTop.png) 0 -20px repeat-y !important; }
.sf-vertical ul li.first { background: url(../../images/iqLeftNavNoTop.png) top left no-repeat !important; padding-top: 10px; }
/*BEGIN  added for New Product link in Manufacturer's Categories menu (iqLeftNav)*/
#subnav-column .sf-vertical li a.MfrNewProdCat:link,
#subnav-column .sf-vertical li a.MfrNewProdCat:visited { color: #005FB1; font-weight:bold; text-decoration:none; text-transform:capitalize; }
#subnav-column .sf-vertical li a.MfrNewProdCat:hover,
#subnav-column .sf-vertical li a.MfrNewProdCat:focus { color:#005FB1; font-weight:bold; text-decoration:none; text-transform:capitalize; }
#subnav-column .sf-vertical li a.MfrNewProdCat:active { color:#005FB1; font-weight:bold; text-decoration:none; text-transform:capitalize; }
/*END  added for New Product link in Manufacturer's Categories menu (iqLeftNav)*/

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
.sf-vertical li a { background-repeat: no-repeat; background-position: 20px 0; }
.sf-vertical li li a:hover {/*text-decoration: underline;*/ }
.sf-menu li:focus,
.sf-menu li:hover,
.sf-menu li:active,
.sf-menu li.on {background-image: url(../../images/iqLeftNavActive.png); background-repeat:no-repeat; padding:0 0 0 8px; }

/*BEGIN  added for  See All links in Manufacturer's Categories menu (iqLeftNav)*/
#subnav-column .sf-vertical li a.iqSeeAllNav:link,
#subnav-column .sf-vertical li a.iqSeeAllNav:visited { color: #005FB1; font-weight:bold; text-decoration:none; text-transform:capitalize; }
#subnav-column .sf-vertical li a.iqSeeAllNav:hover,
#subnav-column .sf-vertical li a.iqSeeAllNav:focus { color:#005FB1; font-weight:bold; text-decoration:none; text-transform:capitalize; }
#subnav-column .sf-vertical li a.iqSeeAllNav:active { color:#005FB1; font-weight:bold; text-decoration:none; text-transform:capitalize; }
/*END  added for See All links in Manufacturer's Categories menu (iqLeftNav)*/