#stock {border: 1px solid #CAE8F2; margin-bottom: 8px}
#stock_left {float: left; padding: 5px; color:#00A3E2; font-weight: bold}
#stock_level {float: right; padding: 5px; color:#D8168A; font-weight: bold}

@media screen {
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore {visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
}

@media print {
  .sIFR-flash {display: none !important; height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

body { behavior: url(includes/csshover.htc);} 
div#nav-cat {positon:relative; z-index:100; float: left; width: 145px; font-weight:bold; text-align: left; }
div#nav-cat ul, #affiliates ul {margin: 0; padding: 0; width: 145px; list-style: none}
div#nav-cat ul.level2 { }
div#nav-cat ul.level3 {}
div#nav-cat ul.level4 {}
div#nav-cat ul.level5 {}
div#nav-cat ul.level6 {}
div#nav-cat li li:hover, div#nav-cat li li li:hover, div#nav-cat li li li li:hover, div#nav-cat li li li li li:hover, div#nav-cat li li li li li li:hover {}
div#nav-cat li {position: relative; list-style: none; margin: 0; z-index: 3000; border-bottom: 1px solid #1ea3db; padding: 0}
div#nav-cat li li {margin: 0; /* this overrides the margin-top in the declaration above */} 
div#nav-cat li:hover {}

#ship_comments {display: none}
#pay_comments {display: none}



div#nav-cat li a, #affiliates li a {display: block; text-decoration: none; width: 133px; color: #ffffff; font-weight: normal; padding: 2px 0 2px 12px; height: 15px; margin: 0; background:url(../images/product_out.gif) no-repeat left center}
div#nav-cat li a:hover, #affiliates li a:hover {color: #003f57; }

div#nav-cat ul.level2 li a {background: #18b7f4; border: 0}


div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 130px; display: none;}
div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block; }

div#nav-cat li span {margin: 0; padding: 0; display: block; width: 145px  }

#categories ul, #categories li {margin: 0; padding: 0; list-style: none}
#categories li a {display: block; text-decoration: none; width: 133px; color: #ffffff; font-weight: normal; padding: 2px 0 2px 12px; height: 15px; margin: 0; background:url(../images/product_out.gif) no-repeat left center}
#categories li a:hover {color: #003f57; }
#categories hr {display: none}