/**
* CSS Stylesheet for Categories Dressing examples
* copy/modify desired sections into main stylesheet, integrating with existing declarations, and delete this file
* Categories Dressing v2.1   Glenn Herbert (gjh42)  2008-01-01
*/

/*
hr.catBoxDivider { 
    color: #aabbcc;
    }
*/
 .catBoxHeading1 { 
    font-size: 1px;
    color: #ffffff; 
    background-color: #ffffff;
    /*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    display: block;
    padding: 0.3em 0.4em;
    margin-top: 2px;
    margin-bottom: 2px;
    }  

.catBoxSubtext {
font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size:10px;
    color: #335511; 
    background-color: #ffddff;
    display: block;
    padding: 0.1em 0.2em 0.1em 1.0em;
    }  

/*display all cat box links as block*/
#categories a {
    background-repeat: no-repeat;
    display: block;
    }
	
/*example for individual category as bg image*/
a.catBg25 {
    background-image: url(../images/catbg25.gif);
    height: 30px;
    }

a.catBg25:hover {
    background-image: url(../images/catbg25hover.gif);
    }
	
/*example for custom individual category styling*/
a.category-holiday {
    border-top: 3px dotted #112233; 
    background-color: #aabbff; 
    color: #112233; 
    padding: 1em 0em;
    } 
	
/* example for  top category styling */
a.category-top-text {
   background-color: #cccccc;
    color:#666666; 
    /*margin: 0.2em 0;*/
    /*padding: 0.2em 0.3em;*/
    } 

a.category-subs-text, a.category-products-text  {
    /*background-color: #ff69ff;*/
    color: #FF679a;  
    /*margin: 0.2em 0;*/
    /*padding: 0.2em 0.3em;*/
    } 

/* uncomment for  top category hover effects (add ,  a.category-subs-text, a.category-products-text if desired) (use  background-image if desired)*/
a.category-top-text:hover {
    background-color:#666666; 
    color: #ffffff; 
    /*background-image: url(../images/catbghover.gif);*/
    } 
	
a.category-subs-text:hover, a.category-products-text:hover  {
    /*background-color: #ff69ff;*/
    color: #d84f6b;  
    /*margin: 0.2em 0;*/
    /*padding: 0.2em 0.3em;*/
    } 

/* bullet for top categories & links:*/
a.category-top-text .category-not-selected, a.category-top-text .category-subs-selected, #categories a.category-links {
    display: list-item;
    list-style: disc inside url(../images/bullet1.gif);
    }
	
/*change  bullet when a category is open to subs:*/
a.category-top-text .category-subs-parent {
    display: list-item;
    list-style: square inside url(../images/bullet2.gif);
    }

/*bullet for subcategories:*/
/*
#categories a.category-subs-text, #categories a.category-products-text {
    display: list-item;
    list-style: circle inside url(../images/bullet3.gif);
    }
*/
/*different bullet for links*/
/*
#categories a.category-links {
    display: list-item;
    list-style: disc inside url(../images/bullet4.gif);
    }
*/

body  {
behavior: url(./csshover.htc);
/* WinIE behavior call */}

div#nav-cat {width: 200px; margin: -1px 0 0 -1px;
  background-color: transparent; font-weight:bold;
  text-align: center;
  line-height: 23px;
  
	}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
  border: 2px solid tan;
  background-repeat: no-repeat;
	}

div#nav-cat ul.level2 {margin: 10; padding: 2; width: 150px; 
  background-color: transparent;
  border: none;
	}
div#nav-cat ul.level2 {background-color: transparent; 
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif); 
 position: relative;
 list-style: none; 
 margin: -2px;
 margin-top: 6px;
 z-index: 20; 
 height: 23px;
 width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
  margin: 0px; 
/* this overrides the margin-top in the declaration above */
} 
div#nav-cat li:hover {background-image: url(../images/b1_over.gif); 
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent; 


	}
div#nav-cat ul {background-color: transparent;
	}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 200px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
	}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 152px;
  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;
}