.treeview {
  _position: relative;
	margin: 0 0 0 20px !important;
}

.treeview, .treeview ul { 
	padding: 0;
	list-style: none;
	margin: 0;
}

.treeview div.hitarea {
	height: 15px;
	width: 15px;
	margin-left: -20px;
	float: left;
	cursor: pointer;
}

ul.right-side div.hitarea {
	position: relative;
	float: right;
	right: -19px;
}

/* fix for IE6 */
div.hitarea {
	.background: #004264;
	.filter: alpha(opacity=0);
	.display: inline;
	.float:none;
}

.treeview li { 
	margin: 0;
	padding: 4px 0px 4px 20px;
}

.treeview ul li {
	padding: 1px 0px 1px 16px;
}

.treeview a {
	color: #006791;
	font-size: 92%;
	line-height: 107%;
}

.treeview .hover { cursor: pointer; }

.treeview .last,
.treeview li {
	background: url('/media/page/tree/item.gif') no-repeat 4px top;
}
.treeview li a {
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 10px;
}

.treeview li a:hover {
    text-decoration: underline;
}

.treeview ul .last,
.treeview ul li {
	background: url('/media/page/arrow.gif') no-repeat 10px 6px;
}

.treeview ul li a {
	color: #0098d4;
    text-transform: none;
}

.treeview .lastCollapsable,
.treeview .collapsable { 
	background: url('/media/page/tree/collapsable.gif') no-repeat 4px top !important;
}

.treeview .lastExpandable,
.treeview .expandable { 
	/*
    background: url('/media/page/tree/item.gif') no-repeat 4px top;
    */
}
.treeview ul .lastExpandable,
.treeview ul .expandable {
	background: url('/media/page/tree/menu-level-2-expanable.gif') no-repeat left 6px !important;
}
.treeview ul .lastCollapsable,
.treeview ul .collapsable {
	background: url('/media/page/tree/menu-level-2-collapsable.gif') no-repeat left 6px !important;
}
.treeview .selected,
.treeview .bold {
	text-decoration: none !important;
}