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




hr.catBoxDivider { 
	color: #ffffff;
	width: 100%;
	height: 5px;
	border: 0;
	padding: 0.0em 0.0em;
    margin-top: 0px;
    margin-bottom: 0px;
    }


.catBoxHeading1 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #99cc99; 
    background: #99cc99 url(../images/catheadbg1.gif);
    height: 23px; 
    display: block;
    padding: 0.3em 0.4em;
    margin-top: 2px;
    margin-bottom: 2px;
    }  

.catBoxSubtext {
    font-family:  'times new roman', serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #335511; 
    background-color: #ffddff;
    display: block;
    padding: 0.0em 0.0em 0.0em 0.0em;
    }  

/*display all cat box links as block*/
#categories a:hover {
    background-repeat: no-repeat;
    display: block;
	height: 18px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
    border-bottom: 2px solid #909090;
	border-top: 2px solid #909090;
    border-left: 15px solid #909090;
	border-right: 15px solid #909090;
	padding: 0.5em .0em .5em 1.0em;
    }
	
#categories a {
    background-repeat: no-repeat;
    display: block;
	height: 18px;
	color: #000000;
	background-color: #ffffff;
    border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	border-left: 15px solid #ffffff;
	border-right: 15px solid #ffffff;
	padding: 0.5em .0em .5em 1.0em;
    }	
	
#categoriesContent {
	color: #ffffff;
}	
	
/*example for individual category as bg image
a.catBg1 {
    background-image: url(../images/catbg1.gif);
    height: 20px;
    }

a.catBg1:hover {
    background-image: url(../images/catbg1hover.gif);
    }

a.catBg2 {
    background-image: url(../images/catbg2.gif);
    height: 20px;
    }

a.catBg2:hover {
    background-image: url(../images/catbg2hover.gif);
    }


a.catBg3 {
    background-image: url(../images/catbg3.gif);
    height: 20px;
    }

a.catBg3:hover {
    background-image: url(../images/catbg3hover.gif);
    }

a.catBg4 {
    background-image: url(../images/catbg4.gif);
    height: 20px;
    }

a.catBg4:hover {
    background-image: url(../images/catbg4hover.gif);
    }	
	
a.catBg5 {
    background-image: url(../images/catbg5.gif);
    height: 20px;
    }

a.catBg5:hover {
    background-image: url(../images/catbg5hover.gif);
    }


a.catBg6 {
    background-image: url(../images/catbg6.gif);
    height: 20px;
    }

a.catBg6:hover {
    background-image: url(../images/catbg6hover.gif);
    }

a.catBg7 {
    background-image: url(../images/catbg7.gif);
    height: 20px;
    }

a.catBg7:hover {
    background-image: url(../images/catbg7hover.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: #ccddff;
    color: #77aa77; 
    /*margin: 0.2em 0;*/
    /*padding: 0.2em 0.3em;*/
    } 

a.category-subs-text, a.category-products-text  {
    /*background-color: #ff69ff;*/
    color: #77aa77;  
    /*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: #99cc99; 
    color: #ffffff; 
    background-image: url(../images/catbghover.gif);
    display: list-item;
    list-style: square inside url(../images/bullet2.gif);	
    } 
	
a.category-subs-text:hover, a.category-products-text:hover  {
    /*background-color: #ff69ff;*/
    background-color: #99cc99;	
    color: #ffffff; 
    display: list-item;
    list-style: square inside url(../images/bullet2.gif);	
    /*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 {
    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 {
    background-repeat: no-repeat;
	height: 16px;
	color: #ffffff;
	background-color: #909090;
	padding: 0.5em .0em .2em 1.0em;
	}

#categories a.category-links:hover {
    background-repeat: no-repeat;
	height: 16px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	padding: 0.5em .0em .2em 1.0em;	
    }
