/* !!! ======= Category Nav Bar Styling ========== !!! */

/* Parent Class: category-navbar, category navbar.   */
div.category-navbar {
	margin: 0 0 1px 0; padding: 0 10px; background: #e3e6ef url(../assets/back_catbar.png) repeat-x 0 0;	
}

div.category-navbar table {
	width: auto;	
}

div.category-navbar td {
	padding: 6px 0; margin: 0;	
}

div.category-navbar a,
div.category-navbar a:link,
div.category-navbar a:visited {
	color: #666;
}

div.category-navbar a:hover,
div.category-navbar a:active {
	color: #374786;
}

td.category-navbar-cell-active a,
td.category-navbar-cell-hover a,
td.category-navbar-cell-active a:link,
td.category-navbar-cell-active a:visited,
td.category-navbar-cell-hover a:link,
td.category-navbar-cell-hover a:visited {
	color: #374786;
}

div.category-navbar-wrapper {
	width: 100%; overflow: hidden;	
}

div.category-navbar-item {
	width: 90px; overflow: hidden; text-align: center;
}

div.category-navbar-item div.image {
	width: 66px; height: 65px; margin: 0 auto; position: relative;
	background: transparent url(../assets/back_catbar_pic.png) no-repeat 0 0;	
}

div.category-navbar-item div.image a {
	display: block; width: 55px; height: 55px; 	top: 5px; left: 5px;
	min-height: 55px; line-height: 55px; text-align: center; position: absolute; overflow: hidden;
}

div.category-navbar-item div.image img {
	opacity:.70;filter: alpha(opacity=70);	
}

td.category-navbar-cell-active div.image,
td.category-navbar-cell-hover div.image {
	background-image: url(../assets/back_catbar_pic_active.png);
}

td.category-navbar-cell-active div.image img,
td.category-navbar-cell-hover div.image img {
	opacity:1;filter: alpha(opacity=100);	
}

*:first-child+html div.category-navbar-item div.image a {
 	font-size: 55px;
}

* html div.category-navbar-item div.image a {
	font-size: 55px;	
}

div.category-navbar-item div.image img {
	display: block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; margin: auto; 
}

*:first-child+html div.category-navbar-item div.image img {
 	display: inline; vertical-align: middle; position: static; margin: -10px 0 0 0;
}
 
 * html div.category-navbar-item div.image img {
 	display: inline; vertical-align: middle; position: static; margin: -10px 0 0 0;
}

div.category-navbar-item div.description {
	padding: 5px; font-size: 0.9em;	
}

td.active div.category-navbar-item div.description {
	font-weight: bold;
}

/* END Parent Class: category-navbar */