.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	color: #57a1d3;
}

.treeview {
  margin-top: 0px;
}

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

.treeview li.root ul,
.treeview li.root_big ul,
.treeview li.root_last ul,
.treeview li.root_last_open ul {
  font-size: 12px;
  margin-left: -2px;
  padding-top: 4px;
	position: static;
	width: 100%;
}

.treeview li.root ul li ul,
.treeview li.root_big ul li ul,
.treeview li.root_last ul li ul,
.treeview li.root_last_open ul li ul {
	padding-top: 4px;
	position: static;
}


.treeview .hitarea {
	background: url('images/treeview-default.gif') -63px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-right: 6px;
	margin: 0px 0px 0 -21px;
	float: left;
	cursor: pointer;
}


.treeview li { 
	margin: 0;
	padding: 7px 0px 7px 8px;
	margin-right: -2px;
	position: static;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { text-decoration: underline; cursor: pointer; }

.treeview li { /*background: url('/scripts/jquery-treeview/images/treeview-default-line.gif') no-repeat 0 0;*/ }

.treeview li.active,
.treeview li.highlight_red ul li.active,
.treeview li.highlight_red ul li ul li.active {
	font-weight: bold;
}

.treeview li.active a {
	color: #378AC0 !important;
	text-decoration: underline;
}

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview li.root, .treeview li.root_big, .treeview li.root_last, .treeview li.root_last_open { 
  background: url('images/root-default-arrowless.png') no-repeat 0 0;
  margin: 0;
  padding: 14px 0 4px 28px;
  
  display: block;

}

.treeview li.root.noborder, 
.treeview li.root_big.noborder, 
.treeview li.root_last.noborder, 
.treeview li.root_last_open.noborder,
.treeview_first.noborder {
	/*border-bottom: 0;
	margin-bottom: 1px;*/	
}

.treeview li.root.collapsable, .treeview li.root_big.collapsable, 
.treeview li.root_last.collapsable, .treeview li.root_last_open.collapsable {
	background-position: -220px 0;
}

.treeview li.root_last,
.treeview li.root_last_open.expandable{
	background-position: -660px 0;
}

.treeview li.root_last.collapsable, 
.treeview li.root_last_open.collapsable {
	background-position: -880px 0;
}

.treeview li.root.collapsable span.root_name, 
.treeview li.root_big.collapsable span.root_name, 
.treeview li.root_last.collapsable span.root_name, 
.treeview li.root_last_open.collapsable span.root_name,
.treeview li.root.collapsable ul li.active span.root_name, 
.treeview li.root_big.collapsable ul li.active span.root_name, 
.treeview li.root_last.collapsable ul li.active  span.root_name, 
.treeview li.root_last_open.collapsable ul li.active span.root_name {
	font-weight: bold;
}

.treeview li.root.collapsable ul li span.root_name, 
.treeview li.root_big.collapsable ul li  span.root_name, 
.treeview li.root_last.collapsable ul li  span.root_name, 
.treeview li.root_last_open.collapsable ul li span.root_name,
.treeview li.root.collapsable ul li.active ul li span.root_name, 
.treeview li.root_big.collapsable ul li.active ul li  span.root_name, 
.treeview li.root_last.collapsable ul li.active ul li  span.root_name, 
.treeview li.root_last_open.collapsable ul li.active ul li span.root_name {
	font-weight: normal;

}


.treeview .sbm-holder {
	height: 30px;
	position: static;
	display: block;
}

.treeview li a {
	color: #57a1d3;
}

.treeview li.root a.with-sb,
.treeview li.root_big a.with-sb,
.treeview li.root_last a.with-sb,
.treeview li.root_last_open a.with-sb {
	font-size: 13px;
	color: #57a1d3;
	display: block;
	margin: -7px 0 0 0;
	padding: 8px 0 0 0;
	position: relative;
	height: 23px;
	/*white-space: nowrap;
	overflow: hidden;*/
}

.treeview li.root.sbm-hover, 
.treeview li.root_big.sbm-hover, 
.treeview li.root_last.sbm-hover, 
.treeview li.root_last_open.sbm-hover {
	/*background-position: -440px 0;
	border-bottom: 1px solid #96b1cf;*/

/*
	background: #e2eefe;
	border: 1px solid #002854;
*/
}

.treeview li.root_last.sbm-hover, 
.treeview li.root_last_open.sbm-hover {
	background-position: -1100px 0;
}

.treeview li.root_big {
  /*background: url(images/treeview-default-root-big.gif) 0 0 no-repeat;*/ 
}



.treeview li.root_last.collapsable,
.treeview li.root_last_open {   
}
.treeview li.root_last_open {
/*	background: url(images/treeview-default-root-last-open.gif) 0 0 no-repeat;*/
  /*border-bottom: 1px solid #D2D2D2;*/ 
}


.treeview .expandable-hitarea { background-position: -75px -3px; }
.treeview .collapsable-hitarea { background-position: -63px -25px; }

.treeview li.root .root-hitarea, 
.treeview li.root_big .root_big-hitarea, 
.treeview li.root_last .root_last-hitarea,
.treeview li.root_last_open .root_last_open-hitarea,
.treeview li.root_last_opena .root_last_opena-hitarea,
{ padding-left: 3px  }

.treeview li.root li.last,
.treeview li.root_big li.last,
.treeview li.root_last li.last,
.treeview li.root_last_open li.last,
.treeview li.root_last_open li.last_open
{ background-position: 0 -1764px }

.treeview li.root li.lastCollapsable, 
.treeview li.root_big li.lastCollapsable, 
.treeview li.root_last li.lastCollapsable, 
.treeview li.root_last_open li.lastCollapsable,
.treeview li.root li.lastExpandable, 
.treeview li.root_big li.lastExpandable, 
.treeview li.root_last li.lastExpandable, 
.treeview li.root_last_open li.lastExpandable 
{ background-image: url('images/treeview-default.gif'); }  

.treeview li.root li.lastCollapsable,
.treeview li.root_big li.lastCollapsable,
.treeview li.root_last li.lastCollapsable,
.treeview li.root_last_open li.lastCollapsable
{ background-position: 0 -111px }

.treeview li.root li.lastExpandable,
.treeview li.root_big li.lastExpandable,
.treeview li.root_last li.lastExpandable,
.treeview li.root_last_open li.lastExpandable
{ background-position: -32px -66px }

.treeview li.root li.lastExpandable .expandable-hitarea,
.treeview li.root_last li.lastExpandable .expandable-hitarea,
.treeview li.root_last_open li.lastExpandable .expandable-hitarea,
.treeview li.root li.lastExpandable .collapsable-hitarea,
.treeview li.root_last li.lastExpandable .collapsable-hitarea,
.treeview li.root_last_open li.lastExpandable .collapsable-hitarea {
	background: none;
}

.treeview .root_last.expandable div.lastCollapsable-hitarea, 
.treeview .root_last.expandable div.lastExpandable-hitarea { 
	background-position: -33px -69px;
 }
 
 .treeview .root_last.collapsable div.lastCollapsable-hitarea, 
.treeview .root_last.collapsable div.lastExpandable-hitarea { 
	background-position: -1px -113px;
 }





.treeview-red li { background-image: url('images/treeview-red-line.gif'); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('images/treeview-red.gif'); } 

.treeview-black li { background-image: url('images/treeview-black-line.gif'); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('images/treeview-black.gif'); }  

.treeview-gray li { background-image: url('images/treeview-gray-line.gif'); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('images/treeview-gray.gif'); } 

.treeview-famfamfam li { background-image: url('images/treeview-famfamfam-line.gif'); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('images/treeview-famfamfam.gif'); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url('images/folder.gif') 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url('images/folder-closed.gif') 0 0 no-repeat; }
.filetree span.file { background: url('images/file.gif') 0 0 no-repeat; }
	

.sbit { display: block; margin: -4px 0 -5px 0; padding: 4px 10px 5px 2px; }
.root-sb .sbit span {  }

a.root-sb {font-size: 12px;}
.treeview a:hover span.sbit span { text-decoration: underline; }

.sbMenu {
	display: block;
	clear: both;
	position: relative;
	z-index: 99;

}
.sbMenu-inner {

  background: none repeat scroll 0 0 #E2EEFE;
  border: 1px solid #96b1cf;
  clear: both;
  display: block;
  margin: -31px 0 0 170px;
  padding: 20px 20px 0 30px;
  position: absolute;
  width: 738px;
  z-index: 100;
}

.sbMenu-head {
	position: absolute;
	width: 7px;
	height: 32px;
	z-index: 101;
	margin: -21px 0 0 -31px;
	overflow: hidden;
}

.sbMenu .cat-item,
#box_catalog .clist-list .cat-item {
	float: left;
	margin: 0 0 20px 22px;
	width: 128px;
}

#box_catalog .clist-list .cat-item {
	width: 124px;
}

.sbMenu .cat-item.item-first,
#box_catalog .clist-list .cat-item.item-first {
	margin-left: 0;
	clear: both;
}

	.sbMenu .cat-item span,
	#box_catalog .clist-list .cat-item span {
		display: block;
		padding: 0 3px;
		
	}
	
	.sbMenu .cat-item span.image,
	#box_catalog .clist-list .cat-item span.image {
		background: #FFF;
		border: 1px solid #bed1e7;
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	#box_catalog .clist-list .cat-item span.image {
		border: 1px solid #D2D2D2;
		width: 128px;
		height: 94px;
		overflow: hidden;
	}
	
		.sbMenu .cat-item span img {
			margin: 3px 3px 0 3px;
		}
		
		#box_catalog .clist-list .cat-item span.image span {
			display: block;
			width: 122px;
			border: 0;
			padding: 0;
			overflow: hidden;
			margin: 3px 3px 0 3px;
		}
		
		#box_catalog .clist-list .cat-item span img {
			height: 88px;
		}
		
		#box_catalog .clist-list .cat-item span img.crop {
			width: auto;
			height: auto;
		}

		#box_catalog .clist-list .cat-item span img.width {
		}
	
	.sbMenu .cat-item a,
	#box_catalog .clist-list .cat-item a {
		color: #57a1d3;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}
	
	.treeview a:hover span .sbMenu a span {
		text-decoration: none;
	}
	
	.sbMenu .cat-item a:hover span,
	.treeview a:hover span .sbMenu a:hover span,
	#box_catalog .content .clist-list .cat-item a:hover span {
		text-decoration: underline;
	}

.sbMenu .column {
	float: left;
	width: 218px;
	margin: 0 30px 0 0;	
}
.sbMenu .column.last,
#box_catalog .sbmenu-list .column.last {
	margin-right: 0;
}

	.sbMenu .column .item {
		margin: 0 0 20px 0;
		height: 56px;
		overflow: hidden;
		clear: both;
	}
	
	#box_catalog .clist-sub-item {
		height: auto;
		width: 220px;
		float: left;
		margin: 0 0 15px 20px;
	}
	
	#box_catalog .clist-sub-item.first {
		clear: both;
		margin-left: 0; 
	}
	
	.sbMenu .column .image,
	#box_catalog .clist-sub-item .image {
		float: left;
		width: 62px;
		height: 46px;
		overflow: hidden;
		margin: 1px 10px 10px 0;
		border: 1px solid #cdd9e6;
		background: #FFF;
	}
	
	#box_catalog .clist-sub-item .image a {
		display: block;
		width: 60px;
		height: 44px;
		margin: 1px;
		overflow: hidden;
		 
	}
	
	.sbMenu .column .image img.width,
	#box_catalog .clist-sub-item .image img.width {
		width: 72px;
		margin-top: -5px
	}
	.sbMenu .column .image img.height,
	#box_catalog .clist-sub-item .image img.height {
		width: 60px;
		margin-top: -10px;
	}
	
	.sbMenu .column .image img.crop,
	#box_catalog .clist-sub-item .image img.crop {
		width: 60px;
	}
	
	.sbmenu-list .column .right,
	#box_catalog .clist-sub-item .right {
		float: left;
		width: 143px;
	} 
	
	.sbMenu .column a.headline,
	#box_catalog .clist-sub-item .column a.headline {
		color: #57a1d3;
		font-weight: bold;
		font-size: 15px;
		display: block;
		margin: 0 0 3px 0;
	}
	
	.sbMenu .column a {
		font-size: 11px;
		color: #000;
		text-decoration: none;
	}
	
	.sbMenu .column a.inner {
		display: block;
		padding: 0 0 0 10px;
		background: url('images/sbmenu-arrow.png') no-repeat 2px 5px;
	}
	
		.sbMenu .column a:hover,
		#box_catalog .clist-sub-item a:hover {
			text-decoration: underline;
		}
		
.sbMenu .column a.sbm-more {
  background: none repeat scroll 0 0 orange;
  display: block;
  margin: 38px 0 0 -40px;
  padding: 0 0;
  position: absolute;
  text-align: center;
  width: 31px;
  text-decoration: none;
 
}
	.sbMenu .column a.sbm-more span {
		text-decoration: none;
	}

.menu-parent, .menu-child {
	position: relative !important;
}
