/*IE6 hacks
hr.catBoxDivider1 { 
    color: #aabbcc;
    }
*
 * 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
 */

html #categories li, html #categories li a

{

    height : auto;

    /*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 : 14px;

    color : rgb(51 , 85 , 17);

    background-color : rgb(255 , 102 , 255);

    /*uncomment to use background image without coded textheight: 23px; uncomment to use background image with or without coded textbackground-image: url(../images/catheadbg1.gif); */

padding : 0.3em 0.4em;

    margin : 0;

}

.catBoxHeading2

{

    font-family : "times new roman" , serif;

    font-weight : bold;

    font-size : 1.4em;

    color : rgb(51 , 85 , 68);

    background-color : rgb(255 , 170 , 255);

    /*uncomment to use background image without coded textheight: 23px; uncomment to use background image with or without coded textbackground-image: url(../images/catheadbg2.gif); */

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 : rgb(51 , 102 , 153);

    background-color : rgb(255 , 187 , 221);

    /*uncomment to use background image without coded textheight: 23px; uncomment to use background image with or without coded textbackground-image: url(../images/catheadbg3.gif); */

padding : 0.3em 0.4em;

    margin : 0 0 2px 0;

}

.catBoxHeadingImg

{

    padding : 0;

    margin : 0;

    Background-image : none;

}

.catBoxSubtext1

{

    font-family : "times new roman" , serif;

    font-weight : normal;

    font-size : 1.2em;

    color : rgb(102 , 153 , 17);

    background-color : rgb(255 , 221 , 255);

    padding : 0.1em 0.2em 0.1em 1em;

}

#categories ul

{

    /*top categories*/

list-style : none;

    background : none;

    border : 1px solid #000;

    margin : 0 0 0.4em 0;

    padding : 0;

}

#categories ul a

{
line-height:20px;
    /*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

{

    /*subcategories*/

list-style : none;

    background : rgb(255 , 255 , 2554);

    border : none;

    margin : 0 0 0.5em 0;

    padding : 0 0 0 1.3em;

}

#categories ul ul a

{
text-decoration:none;
    /*subcategories*/

display : list-item;
color:#000;
    list-style : circle inside url("../images/bullet1.gif");
background:#ccff99;
    border : none;

    margin : 0;

    padding : 0;

}
#categories ul ul a:hover

{
background:#000;
color:#fff;

}
/*change  bullet when a category w/o bg image is open to subs:*/

#categories li a.cat-parent-text

{
text-decoration:none;
    list-style : square inside url("../images/bullet2.gif");
background:#ccff99;
color:#000;
}

/*change  bullet when a category w/o bg image is open to products:change to list-style: none; to remove bullet*/

#categories li a.cat-selected-text

{
text-decoration:none;
    list-style : square inside url("../images/bullet3.gif");

}

/*disable bullet for cats w/ image or bg imagechange to list-style: none; to remove bullet*/

#categories li a.cat-parent, #categories li a.cat-selected, #categories li a.cat-not-selected

{
text-decoration:none;
    list-style : none;

    display : block;

}

/* top category hover effects
#categories li a.category-links {
    list-style: disc inside url(../images/bullet4.gif);
    }
different bullet for links if desiredfix IE6 margin-left bug*/

#categories li.cat-top a:hover

{
text-decoration:none;
    color : #000;
line-height:20px;
    background : rgb(204 , 255 , 153) url("../images/catbghover.gif");

}

/* subcategory hover effects*/

#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover

{
text-decoration:none;
    color : rgb(0 , 0 , 255);

    background : rgb(204,255,153) url("../images/catbghover.gif");

}

/*example for individual category as bg imageindividual page rules go after the general rules*/

#categories li a.catBg25

{

    background-image : url("../images/catbg25.gif");

    height : 30px;

}

#categories li a.catBg25:hover

{
text-decoration:none;
    background-image : url("../images/catbg25hover.gif");

}

/*example for custom individual category styling*/

#categories li.cat-holiday a

{

    border-top : 3px dotted rgb(17 , 34 , 51);

    background-color : rgb(170 , 187 , 255);

    color : rgb(17 , 34 , 51);

    padding : 0em;

}

ul#catGroup48

{

    border : 1px solid rgb(189 , 102 , 153);

    background : rgb(187 , 238 , 255);

    position : relative;

    left : -1.3em;

    top : 0.2em;

}

.catCount

{

    color : rgb(0 , 0 , 0);

}