@charset "utf-8";


/*MC_JAMES_TRACE: Left Box Only*/
#leftPanel #categories,#leftPanel .box {
	background: url(../images/left_panel_bg_bottom.jpg) no-repeat left bottom;
	width: 200px;
}


#categoriesContent ul {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#leftPanel .sideBoxContent {
	_width:198px;/*Important for IE6, but you can modify it to your desired size.*/	
}

#categoriesContent,#categoriesContent ul ,#categoriesContent li {
	list-style: none;
	margin: 0;
	padding: 0;
}


#categoriesContent li {
	position: relative; /*Important*/
}


#categoriesContent li a {
	display: block;
	height: 18px;
	padding: 3px 4px 3px 10px;
	background-color: #EEE;
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #CCC;
	background: #EEE url(../images/arrow.gif) no-repeat 95% 50%;
	overflow: auto;
	_padding: 3px 4px 3px 10px;
	font-weight:bold;
}

#categoriesContent li a:hover {
	color: #FFF;
	background-color: #00A2FF;
}

#categoriesContent li ul {
	position: absolute;/*Important*/
	width: 200px; /*Important, Sub Menu Items width, you can change it to any other value*/
	top: 0;
	visibility: hidden;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	z-index:100; 
}

/* Holly Hack for IE \*/
* html #categoriesContent li {
	float: left;
	/*height: 1%;*/
}

* html #categoriesContent li a {
	/*height: 1%;*/
}
/* End */