/*
//originally for black strip JUST TO SHOW CSS WORKS in the caterory group box jph aug 2006
//updated for 1.3xx template sidebox general style
// $Id: stylesheet_sidebox_headers.css  $
*/
/*=======================================for the category_groups sidebox by jph
/* categories_group sidebox container*/
#categoriesgroup-table {
  background-color:
  #CCFF99
}
/* table row for main title header */
#categoriesgroup-heading-tr {

}
/* td containing text, within the above*/
#categoriesgroup-heading-td {
 
}
/* **********sidebox CONTENT */

.category-links{

}
/*td containing all content , id only, class="leftboxcontent"/ETC */
#categoriesgroup-content{

}
.leftspecial{


}
.leftspecial a{
 color: #003081; font-size:11px;
display: block;
height:15px;
margin:0px;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 4px;text-align:left;
padding-left:15px;
  	background: url(../images/menu.png) left top no-repeat; 
}
.leftspecial a:hover{
 color: #C80000; font-size:11px;
display: block;
height:15px;
margin:0px;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 4px;text-align:left;
padding-left:15px;
  	background: url(../images/menu.png) left top no-repeat; 
  	text-decoration:underline;
}
.leftspecial h2{
	background: url(../images/stripe.png) repeat;
color:#ffffff;
text-align:justify;
padding: 7px 0px 7px 20px;
font-size:11px;
font-weight:bold;
margin:0px;
  border-top: 1px solid #ffffff;
}
/* div container inside the above td, id only, class="sideBoxContent" */
#categoriesgroupContent {

}

/* (div class="groupblock_odd" or even, is here */
/*use for blocking group title and contained cats bg alternating colour */

div.groupblock_even {
  	background: url(../images/menu.png) left top repeat-y; 
}
div.groupblock_odd {
  	background: url(../images/menu.png) left top repeat-y; 
}
/*control text style/colour of all group headers texts */
span.groupheadingtext {
font-size:11px;
font-weight: bold;
color: #FFFFFF;
margin-left: 7px;
letter-spacing:1px;
}

/*  */
/* specific groups header background colour etc; adjust/add as required*/
Div.groupheading1{
background-color:#44A313;
  padding: 4px;text-align:left;
padding-left:15px;
border-top:1px solid #ffffff;
}
Div.groupheading2{
background-color:#42C110; 
  padding: 4px;text-align:left;
padding-left:15px;
border-top:1px solid #ffffff;
}
Div.groupheading3{
background-color:#C80000; 
  padding: 4px;text-align:left;
padding-left:15px;
border-top:1px solid #ffffff;
}
Div.groupheading4{
background-color:#00B300; 
  padding: 4px;text-align:left;
padding-left:15px;
border-top:1px solid #ffffff;
}
/* ************************* */

/* esoteric settings! here on
/* groups top category line spacing*/
Div.topcatline {
 color: #003081; font-size:11px;
display: block;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 4px;text-align:left;
  padding-top:7px;
  padding-bottom:6px;
padding-left:15px;
  	background: url(../images/menu-green.png) left top no-repeat; 
}
Div.topcatline a:hover.category-top{
 color: #C80000; 
 font-size:11px;
display: block;
 text-align:left;
text-decoration:underline;
  	background: none; 
}
Div.topcatline a:hover.category-top span.category-subs-parent {
 color: #DD6362; 
 font-size:11px;
display: block;
 text-align:left;
text-decoration:none;
  	background: none; 
}

/* groups category line  */
Div.subcatline {
/*with subcategory arrow spacer/prefix set in admin use..
margin-left: 12px;
margin-bottom:2px;
margin-top:2px;	
or use...(borrowed from news/articles css) */

/* .............OR!
USES AN IMAGE BELOW, INSTEAD AS THE SEPARATOR 
*/
background-image: url("../images/icons/subcat_link.gif");
background-repeat: no-repeat; 
background-position: 11px 4px; 
padding: 0 0 0 24px;  
line-height: 1.2em; 
}

/* groups subcategory line, look/feel line spacing/ look etc 
IF USING the background-image: url("../images/icons/subcat_prefix.gif"
lines, SET separator to nothing
i.e 
Categories Separator between the Category Name and Sub Categories = ''

you might also play with
Categories SubCategories Indent in layout in admin

IN either of these two sections, add extra levels if you need more that
four, see the 1/2/3/4 and adjust the background-position value
*/
/*
Div.subcatline {
background-image: url("../images/icons/subcat_prefix.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
margin-left: 4px;
line-height: 1.2em;
}
*/

Div.subcatline1 {
  	background: url(../images/menu.png) left top no-repeat; 
padding: 0 0 0 12px;
  border-top: 1px solid #ffffff;
    padding: 4px;
    text-align:left;
padding-left:25px;
}
Div.subcatline1 a.category-products{
 color:#C80000; 
 font-size:11px;
display: block;
text-decoration:none;
  margin: 0px;
}
Div.subcatline1 a:hover.category-products{
 color:#C80000; 
 font-size:11px;
display: block;
text-decoration:none;
  margin: 0px;
}
Div.subcatline2 {
  	background: url(../images/menu-red.png) left top no-repeat; 
padding: 0 0 0 12px;
  border-top: 1px solid #ffffff;
    padding: 4px;text-align:left;
padding-left:25px;
}
Div.subcatline3 {
  	background: url(../images/menu.png) left top no-repeat; 
padding: 0 0 0 12px;
  border-top: 1px solid #ffffff;
    padding: 4px;text-align:left;
padding-left:25px;
}
Div.subcatline4 {
  	background: url(../images/menu.png) left top no-repeat; 
padding: 0 0 0 12px;
  border-top: 1px solid #ffffff;
    padding: 4px;text-align:left;
padding-left:25px;
}



/* SET ADMIN SEPARATOR 
'Categories Separator between the Category Name and Count'
TO 'icon' TO GET THE ICON(s) AS SEPARATOR !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
span.subcat_separator1 {
background-image: url("../images/icons/subcat_prefix1.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
span.subcat_separator2 {
background-image: url("../images/icons/subcat_prefix2.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
span.subcat_separator3 {
background-image: url("../images/icons/subcat_prefix3.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
span.subcat_separator4 {
background-image: url("../images/icons/subcat_prefix4.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* header sidebox texts bg color */
div.boxheadcolor {
background-color:#808080;
}
/*=========================== in other use, not used here...
for special left common sidebox individual colours etc 
header book sidebox colour */
td.boxheadcolor_booktypesjph1box {
background-color:#808080;
}
/* header document sidebox colour */
td.boxheadcolor_documentcategories {
background-color:#808080;
}
/* header news sidebox colour */
td.boxheadcolor_news1box {
background-color:#808080;
}
td.boxheadcolor_categoriesgroup {
background-color:#808080;
}
td.boxheadcolor_search {
background-color:#808080;
}