/**
 * 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  { color: #335511; font-size: 1.4em; font-family: georgia, serif; font-weight: bold; background-color: #69c; margin: 0; padding: 0.3em 0.4em }

.catBoxHeading2  { color: #335544; font-size: 1.4em; font-family: "times new roman", serif; font-weight: bold; background-color: #9cc; margin: 0 0 2px; padding: 0.3em 0.4em }

.catBoxHeading3  { color: #336699; font-size: 1.2em; font-family: "comic sans ms", sans-serif; font-weight: bold; background-color: #ddd; margin: 0 0 2px; padding: 0.3em 0.4em }

.catBoxHeadingImg { 
    padding: 0;
    margin: 0;
    }

.catBoxSubtext1  { color: #669911; font-size: 1.2em; font-family: "times new roman", serif; font-weight: normal; background-color: #ddd; padding: 0.1em 0.2em 0.1em 1em }

#categories ul  { background: transparent; list-style: none; margin: 0 0 0.4em; padding: 0 }

#categories ul a  { background: no-repeat; list-style: url("../images/bullet1.gif") inside; display: list-item; margin: 0; padding: 0; border: none }

#categories ul ul  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style: none; margin: 0 0 0.4em; padding: 0 0 0 1.3em; border: none }

#categories ul ul a  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style: circle url("../images/bullet1.gif") inside; display: list-item; margin: 0; padding: 0; border: none }

/*change  bullet when a category w/o bg image is open to subs:*/
#categories li a.cat-parent-text  { font-weight: bold; list-style: square url("../images/bullet2.gif") inside }

/*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:hover  { color: #69c; background-color: #ddeeff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 } 

/* subcategory hover effects*/
#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover  { color: #69c; background-color: #def; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 } 

/*individual page rules go after the general rules*/
/*example for individual category as bg image*/
#categories li a.catBg25 {
    background-image: url(../buttons/english/catbg25.gif);
    height: 30px;
    }

#categories li a.catBg25:hover {
    background-image: url(../buttons/english/catbg25hover.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;}