/* This will hold any extra style sheets  */

.MagicZoomBigImageCont {border: 1px solid #e6dcef; padding: 0; }
.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 { background: #ffffff; border: 1px solid #808080;}

/* CSS style for loading animation box */
.MagicZoomLoading {text-align: center; background: #ffffff; color: #808080; border: 1px solid #e8f4e8; 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;}

.zoomCustom {}
#zoom1-big {position: absolute; top: -1px; left: -222px; height: 242px; width: 212px; display: block; overflow: hidden; }

#zoom1 {margin: auto; vertical-align: middle;}

#pscroller1, #pscroller2, #pscroller3 {height: 110px; text-align: center; position: relative; left: 0px; top: 0}




body { behavior: url(includes/csshover.htc);} 
div#nav-cat {positon:relative; z-index:100; float: left; width: 168px; font-weight:bold; text-align: left; }
div#nav-cat ul {margin: 0; padding: 0; width: 168px; }
div#nav-cat ul.level2 {border: 2px solid #78a469}
div#nav-cat ul.level3 {background-color: #e6dcef;}
div#nav-cat ul.level4 {background-color: #e6dcef;}
div#nav-cat ul.level5 {background-color: #e6dcef;}
div#nav-cat ul.level6 {background-color: #e6dcef;}
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: #e6dcef;}
div#nav-cat li {position: relative; list-style: none; margin: 0; z-index: 3000; border-bottom: 1px solid #e6dcef}
div#nav-cat li li {margin: 0; /* this overrides the margin-top in the declaration above */} 
div#nav-cat li:hover {background: #e6dcef;}
div#nav-cat li.submenu {background:url(../images/category_arrow_top.gif) no-repeat right center #e9f3e9;}
div#nav-cat li.submenu:hover {background:url(../images/category_arrow_top_over.gif) no-repeat right center #e6dcef;}
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_top_over.gif) no-repeat right center #e6dcef;}
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_top.gif) no-repeat right center #e6dcef;}
div#nav-cat li a {display: block; text-decoration: none; width: 148px; color: #6f3969; font-weight: normal; padding: 5px 4px; }
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 168px; 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; }


#categories ul, #categories li {margin: 0; padding: 0; list-style: none; text-align: left}

li.category-top a {display: block; text-decoration: none; width: 130px; color: #6f3969; font-weight: normal; padding: 5px 4px}
li.category-top a:hover {text-decoration: underline}
li.category-products a {background:url(../images/category_second.gif) no-repeat left; display: block; padding: 2px 0 2px 23px}