/**
 * CSS Stylesheet for Categories Dressing examples
 * @copyright Copyright 2009 Glenn Herbert
 * @copyright Portions Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.gnu.org/licenses/ GNU Public License V3.0
 * /includes/templates/your_template/css/stylesheet_categories_dressing.css
 * Categories Dressing v2.7.3   Glenn Herbert (gjh42)   - 20090505
 */
/*
hr.catBoxDivider1 { 
    color: #aabbcc;
    }
*/

/*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 { 
    font-family: georgia, serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    /*background-image: url(../buttons/english/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0;
    }

.catBoxHeading2 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335544; 
    background-color: #ffaaff;
    /*background-image: url(../buttons/english/catheadbg2.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0 0 2px 0;
    }

.catBoxHeading3 { 
    font-family: 'comic sans ms', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #336699; 
    background-color: #ffbbdd;
    /*background-image: url(../buttons/english/catheadbg3.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    padding: 0.3em 0.4em;
    margin: 0 0 2px 0;
    }

.catBoxHeadingImg { 
    padding: 0;
    margin: 0;
    }

.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;
    }

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    border: 1px solid #ffaa99;
    margin: 0 0 0.4em 0;
    padding: 0;
    }

#categories ul a {/*top categories*/
    display: list-item;
    list-style: disc inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    }

#categories ul ul {/*subcategory lists*/
    list-style: none;
    background: #c00344;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1.3em;
    }

#categories ul ul a {/*subcategories*/
    display: list-item;
    list-style: circle inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: #c00344;
    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: square inside url(../images/bullet2.gif);/*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: square inside url(../images/bullet3.gif);/*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:none {
    color: #c00344; 
    background:  #ddeeff url(../images/catbghover.gif);
    } 

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

/*individual page rules go after the general rules*/
/*example for individual category as bg image*/
#categories li a.catBg15 {
    background-image: url(../buttons/english/catbg15.gif);
    height: 30px;
    }
    
    #categories li a.catBg15:hover {
    background-image: url(../buttons/english/catbg15hover.gif);
    }
    
    #categories li a.catBg24 {
    background-image: url(../buttons/english/catbg24.gif);
    height: 30px;
    }
    
    #categories li a.catBg24:hover {
    background-image: url(../buttons/english/catbg24hover.gif);
    }
    
    #categories li a.catBg18 {
    background-image: url(../buttons/english/catbg18.gif);
    height: 30px;
    }
    
    #categories li a.catBg18:hover {
    background-image: url(../buttons/english/catbg18hover.gif);
    }
#categories li a.catBg12 {
    background-image: url(../buttons/english/catbg12.gif);
    height: 30px;
    }
    
    #categories li a.catBg12:hover {
    background-image: url(../buttons/english/catbg12hover.gif);
    }

#categories li a.catBg14 {
    background-image: url(../buttons/english/catbg14.gif);
    height: 30px;
    }
    
    #categories li a.catBg14:hover {
    background-image: url(../buttons/english/catbg14hover.gif);
    }

#categories li a.catBg5 {
    background-image: url(../buttons/english/catbg5.gif);
    height: 30px;
    }
    
    #categories li a.catBg5:hover {
    background-image: url(../buttons/english/catbg5hover.gif);
    }
    
#categories li a.catBg4 {
    background-image: url(../buttons/english/catbg4.gif);
    height: 30px;
    }
    
    #categories li a.catBg4:hover {
    background-image: url(../buttons/english/catbg4hover.gif);
    }
    
    #categories li a.catBg10 {
    background-image: url(../buttons/english/catbg10.gif);
    height: 30px;
    }
    
    #categories li a.catBg10:hover {
    background-image: url(../buttons/english/catbg10hover.gif);
    }
    
    #categories li a.catBg6 {
    background-image: url(../buttons/english/catbg6.gif);
    height: 30px;
    }
    
    #categories li a.catBg6:hover {
    background-image: url(../buttons/english/catbg6hover.gif);
    }
    
/*example for custom individual category styling*/
#categories li.cat-holiday a {
    border-top: 3px dotted #112233; 
    background-color: #aabbff; 
    color: #112233; 
    padding: 1em 0em;
    }

/*example for custom category group styling*/
ul#catGroup48 {
    border: 1px solid #bd6699;
    background: #bbeeff; 
    position: relative;
    left: -1.3em;
    top: 0.2em;
    }

.catCount {color: #000000;}