/**
 * CSS Stylesheet for Categories Dressing examples
 * @copyright Copyright 2009 Glenn Herbert
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.gnu.org/licenses/ GNU Public License V3.0
 * Categories Dressing v2.6   Glenn Herbert (gjh42)   - 20090128
 */

hr.catBoxDivider1,
	hr.catBoxDivider2,
	hr.catBoxDivider3,
	hr.catBoxDivider4,
	hr.catBoxDivider5,
	hr.catBoxDivider6,
	hr.catBoxDivider7 
	{ 	height:7px;	width: 162px;margin-top:0;    }
hr.catBoxDivider1 { 
/*    background:#FF66CC;*/
}
hr.catBoxDivider2 { 
    background:#FF6600;
}
hr.catBoxDivider3 { 
    background:#FFCC00;
}
hr.catBoxDivider4 { 
    background:#33FF33;
}
hr.catBoxDivider5 { 
    background:#0099FF;
}
hr.catBoxDivider6 { 
    background:#9966FF;
}
hr.catBoxDivider7 { 
    background:#9966FF;
}

/*IE6 hacks*/
* html #categories li, * html #categories li a {
    height: 1em;/*fix IE6 whitespace bug*/
	background-image: url(../images/pixel_trans.gif);/*partially fix IE6 a block display bug*/
    } 
	
.catBoxHeading1,.catBoxHeading2,.catBoxHeading3,.catBoxHeading4,.catBoxHeading5,.catBoxHeading6
	 { 
	font-weight: bold;
	font-size: 1.2em;
    height: 1.2em;
	padding: 0.3em 0.4em;
	width: 150px;
    margin: 0px 0 0 0;
	background:url(../images/lnav_bg.gif) no-repeat;}
.catBoxHeading1 {
		border-bottom: 2px solid #F6C;
		border-top: 2px solid #F6C;
		margin-left: -10px;
    }  
.catBoxHeading2 {
		border-top: 2px solid #F60;
		border-bottom: 2px solid #F60;
		margin-left: -10px;
    }  
.catBoxHeading3 {
		border-top: 2px solid #FC0;
		border-bottom: 2px solid #FC0;
		margin-left: -10px;
    }  
.catBoxHeading4 {
		border-bottom: 2px solid #3f3;
		border-top: 2px solid #3f3;
		margin-left: -10px;
    }  
.catBoxHeading5 {
		border-bottom: 2px solid #09f;
		border-top: 2px solid #09f;
		margin-left: -10px;
    }  
.catBoxHeading6 {
		border-bottom: 2px solid #9966FF;
		border-top: 2px solid #9966FF;
        margin-left: -20px;
    }  
.catBoxHeading7 {
		border-bottom: 2px solid #9966FF;
		border-top: 2px solid #9966FF;
        margin-left: 0px;
    }  
		
.catBoxHeadingImg { 
    padding: 0;
    margin: 990;
    }  
	
.catBoxSubtext1 {
    font-family:  'times new roman', serif;
    font-weight: normal;
    font-size: 1.2em;
    color: #669911; 
    background-color: #ffddff;
    padding: 0.1em 0.2em 0.1em 1.0em;
    }  

li.cat-top {list-style:none;
	margin-left: -10px;}
li.cat-top a {text-decoration:none;
color: black;
}

li.cat-top a:hover {
color: black;
// background:#FFCC66;

}
li.noLi { /*I have no idea where these are coming from, really */
list-style:none;
margin: -10;}

#categories ul {/*top categories*/
    list-style: none;
    background: url(../images/lnav_bg.gif) no-repeat;
	margin: 0 0 0.4em 0;
	padding: 0;	
	}
	
#categories ul a {/*top categories*/
    display: list-item;
    list-style: none;
    background: no-repeat;
	font-size: .9em;
	color: #000000;
	border: none;
	margin: 0;
	padding: 0;
	}

#categories ul ul {/*subcategories*/
    list-style: none;
    background: #ffeecc;
	border: none;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 1.3em;
	}
	
#categories ul ul a {/*subcategories*/
    display: list-item;
    list-style: none; 
    background: #ffddbb;
	border: none;
	margin: 0;
	padding: 0;
	}

/*change  bullet when a category w/o bg image is open to subs:*/
#categories li a.cat-parent-text {
    list-style: none;/*change to list-style: none; to remove bullet*/
    }
	
/*change  bullet when a category w/o bg image is open to products:*/
#categories li a.cat-selected-text {
    list-style: none;/*change to list-style: none; to remove bullet*/
    }

/*disable bullet for cats w/ image or bg image*/
#categories li a.cat-parent, #categories li a.cat-selected, #categories li a.cat-not-selected {
    list-style: none;
	display: block;/*fix IE6 margin-left bug*/
    }
	
/*different bullet for links if desired*/
/*
#categories li a.category-links {
    list-style: disc inside url(../images/bullet4.gif);
    }
*/

/* top category hover effects*/
#categories li.cat-top a:hover {
    color: #dd6633; 
    background:  #FFCC66 url(../images/catbghover.gif);
    } 

/* subcategory hover effects*/
#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover {
    color: #aa9966; 
    background: #FFCC66 url(../images/catbghover.gif);
    } 

.catCount {color: #000000;}