/* This will hold any extra style sheets  */


.MagicZoomBigImageCont {border:3px solid #c2d8ec;}
.MagicZoomBigImageCont img {border: 0}

.MagicZoomMain {text-align: center !important; width: 92px;}

.MagicZoomMain div {padding: 0px !important;}

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {border: 1px solid #545766; background: #ffffff; }

/* CSS style for loading animation box */
.MagicZoomLoading {text-align: center; background: #ffffff; color: #545766; border: 1px solid #545766; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {padding-top:	3px !important;}


@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;
  }
.sIFR-active .sidebox h3 {visibility: hidden;}
.sIFR-active .special_box h5 {visibility: hidden;}
  */
}



body { behavior: url(includes/csshover.htc);} 
div#nav-cat {positon:relative; z-index:100; float: left; width: 174px; font-weight:bold; text-align: left; }
div#nav-cat ul {margin: 0; padding: 0; width: 174px; background: #1e6cd8}
div#nav-cat ul.level2 {background: #1e6cd8; }
div#nav-cat ul.level3 {background-color: #1e6cd8;}
div#nav-cat ul.level4 {background-color: #1e6cd8;}
div#nav-cat ul.level5 {background-color: #1e6cd8;}
div#nav-cat ul.level6 {background-color: #1e6cd8;}
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 {background: #2b3087}
div#nav-cat li {position: relative; list-style: none; margin: 0; z-index: 3000; border-bottom: 1px solid #0690ca}
div#nav-cat li li {margin: 0; /* this overrides the margin-top in the declaration above */} 
div#nav-cat li:hover {background: #2b3087;}
div#nav-cat li.submenu {background:#1e6cd8;}
div#nav-cat li.submenu:hover {background:url(../images/category_arrow_over.gif) no-repeat right center #051d98;}
div#nav-cat ul.level2 li.submenu, div#nav-cat ul.level3 li.submenu, div#nav-cat ul.level4 li.submenu, div#nav-cat ul.level5 li.submenu, div#nav-cat ul.level6 li.submenu {background:url(../images/category_arrow_over.gif) no-repeat right center #051d98;}

div#nav-cat ul.level2 li.submenu:hover, div#nav-cat ul.level3 li.submenu:hover, div#nav-cat ul.level4 li.submenu:hover, div#nav-cat ul.level5 li.submenu:hover, div#nav-cat ul.level6 li.submenu:hover {background:url(../images/category_arrow_over.gif) no-repeat right center #051d98;}
div#nav-cat li a {display: block; text-decoration: none; width: 152px; color: #ffffff; font-weight: normal; padding: 5px 4px 5px 18px; background:url(../images/category_arrow_top.gif) no-repeat left center #1e6cd8; }
div#nav-cat li a:hover {background:url(../images/category_arrow_over.gif) no-repeat left center #051d98; width: 152px; }
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 174px; 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;  }

