/* 
    Document   : category
    Created on : Mar 30, 2010, 10:45:43 PM
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Menu styles
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Category menus */

.catmenu{
width: 100%; /*width of menu*/
}

.catmenu .headerbar{
font: bold 12px sans-serif;
color: white;
background: #606060 url(../img/basebutton.png) no-repeat bottom; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align: center;
padding: 4px 0px 4px 0px; /*31px is left indentation of header text*/
}

.catmenu ul{
list-style-type: none;
margin: 1px;
padding: 4px 0px 4px 0px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.catmenu ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
text-align: center;
}

.catmenu ul li a{
/*font: normal 12px Arial;*/
/*color: black;*/
background: transparent url('../img/abutton.png') no-repeat scroll top right;
color: #1188dd;
display: block;
/*float:left;*/
font: bold 11px sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
/*background: #E9E9E9;*/
/*display: block;*/
/*padding: 5px 0;*/
/*line-height: 17px;*/
/*padding-left: 8px; /*link text is indented 8px*/
/*text-decoration: none;*/
}

.catmenu ul li a span {
    background: transparent url('../img/spanbutton.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0px 5px 18px;
}

.catmenu ul li a:visited{
color: #1188dd;
}

.catmenu ul li a:hover{ /*hover state CSS*/
color: white;
background: transparent url('../img/abutton.png') no-repeat scroll bottom right;
/*background: black;*/
}

.catmenu ul li a:hover span{ /*hover state CSS*/
color: white;
background: transparent url('../img/spanbutton.png') no-repeat scroll bottom left;
/*background: black;*/
}