/**
 * 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;
    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: #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: circle inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    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: 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:hover {
    color: #dd6633; 
    background:  #ddeeff url(../images/catbghover.gif);
    } */

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

/*individual page rules go after the general rules*/
/*example for individual category as bg image*/
#categories li a.catBg16 {
    background-image: url(../buttons/english/catbg16.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg16:hover {
    background-image: url(../buttons/english/catbg16hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg111{
    background-image: url(../buttons/english/catbg111.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg111:hover {
    background-image: url(../buttons/english/catbg111hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg2{
    background-image: url(../buttons/english/catbg2.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg2:hover {
    background-image: url(../buttons/english/catbg2hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg3{
    background-image: url(../buttons/english/catbg3.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg3:hover {
    background-image: url(../buttons/english/catbg3hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg6{
    background-image: url(../buttons/english/catbg6.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg6:hover {
    background-image: url(../buttons/english/catbg6hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg8{
    background-image: url(../buttons/english/catbg8.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg8:hover {
    background-image: url(../buttons/english/catbg8hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg108{
    background-image: url(../buttons/english/catbg108.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg108:hover {
    background-image: url(../buttons/english/catbg108hover.gif);
	height: 36px;
	width: 144px;
    }

	
#categories li a.catBg100{
    background-image: url(../buttons/english/catbg100.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg100:hover {
    background-image: url(../buttons/english/catbg100hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg103{
    background-image: url(../buttons/english/catbg103.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg103:hover {
    background-image: url(../buttons/english/catbg103hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg110{
    background-image: url(../buttons/english/catbg110.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg110:hover {
    background-image: url(../buttons/english/catbg110hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg93{
    background-image: url(../buttons/english/catbg93.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg93:hover {
    background-image: url(../buttons/english/catbg93hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg99{
    background-image: url(../buttons/english/catbg99.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg99:hover {
    background-image: url(../buttons/english/catbg99hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg17{
    background-image: url(../buttons/english/catbg17.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg17:hover {
    background-image: url(../buttons/english/catbg17hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg105{
    background-image: url(../buttons/english/catbg105.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg105:hover {
    background-image: url(../buttons/english/catbg105hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg94{
    background-image: url(../buttons/english/catbg94.gif);
    height: 36px;
	width: 144px;
    }

#categories li a.catBg94:hover {
    background-image: url(../buttons/english/catbg94hover.gif);
	height: 36px;
	width: 144px;
    }
	
#categories li a.catBg120{
    background-image: url(../buttons/english/catbg120.gif);
    height: 36px;
	width: 144px;
    }
	
#categories li a.catBg120:hover {
    background-image: url(../buttons/english/catbg120hover.gif);
	height: 36px;
	width: 144px;
    }
	
/*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;}