/* ------------------------------------------------------------------------ */
/* Der Header */
.navheader {
	background:url(images/category-bg.png) no-repeat;
	display:block;
	color:#FFF;
	padding:4px 0 4px 16px;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
}

/* Alle Links innerhalb des Baumes */
#categorytree a {
	display:block;
	text-decoration:none;
}

/* Alle UL, LI kriegen padding und margin weg */
#categorytree li, #categorytree, #categorytree ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* Links von Level 1 */
#categorytree li a {
	font-size:12px;
	font-weight:bold;
	color:#626262;
	padding:5px 0 4px 16px;
	background:url(images/category-bg.png) 0px -30px no-repeat;
}

/* Der erste Link von Level 1 */
#categorytree li.first a {
	background:url(images/category-bg.png) 0px -60px no-repeat;
}

/* selektierter Link von Level 1 */
#categorytree li.selected a {
	background:url(images/category-bg.png) 0px -120px no-repeat;
	color:#FFF;
}

/* selektierter Link von Level 1 der keine Unterlinks hat */
#categorytree li.nochilds_selected a {
	background:url(images/category-bg.png) 0px -90px no-repeat;
}

/* Hover Effekt von Level 1 */
#categorytree li a:hover {
	background:url(images/category-bg.png) 0px -90px no-repeat;
	color:#FFF;
}

/* Hover Effekt von selektierten Link von Level 1 */
#categorytree li.selected a:hover {
	background:url(images/category-bg.png) 0px -120px no-repeat;
}

/* Hover Effekt von selektierten Link von Level 1 der aber keine Unterkategorien hat */
#categorytree li.nochilds_selected a:hover {
	background:url(images/category-bg.png) 0px -90px no-repeat;
}

/* Links von Level 2 */
#categorytree li ul li a, #categorytree li.selected ul li a, #categorytree li.first ul li a {
	font-weight:normal;
	padding:2px 0 2px 16px;
	color: #fff;
	background:url(images/category-bg.png) 0px -150px no-repeat;
}

/* selektierten und hover Links von Level 2 */
#categorytree li ul li a:hover, #categorytree li ul li.selected a, #categorytree li.selected ul li a:hover {
	background:url(images/category-bg.png) 0px -175px no-repeat;
}

#categorytree li ul {
	display:none;
}

#categorytree li.selected ul {
	display:block;	
}


/* Filter */
.filter {
	background:url(images/category-bg-x.png) repeat-y;
}

.filter li, .filter {
	padding:0;
	margin:0;
	list-style-type:none;	
}


.filter li div.fcontent {
	background:url(images/category-bg-x.png) repeat-y;
}
/*
.filter li.selected div {
	display:block;	
}
*/

.filter li a.first {
	background:url(images/category-bg.png) 0 -60px no-repeat;
}

.filter li a.link {
	background:url(images/category-bg.png) 0 -30px no-repeat;
	display:block;
	padding:5px 0 4px 16px;
	color:#626262;
	font-size:12px;
	text-decoration:none;
}

.filter li a.selected {
	background:url(images/category-bg.png) 0 -200px no-repeat;
}

.filter li.first a.selected {
	background:url(images/category-bg.png) 0 -230px no-repeat;
}

.filter li a.reset {
	background:url(images/category-bg.png) 0 -260px no-repeat;
}

.filter .vendors {
	margin:4px 16px 4px 16px;
	border:1px solid #8B8B8B;
	overflow:auto;
	height:150px;
	color:#626262;
}

.filter .vendors li {
	padding:2px 8px;
	cursor:pointer;
}

.filter .vendors li.selected {
	color:#000;
	/*font-weight: bold;*/
}

.filter .vendors li:hover {
	background:#FBE3C1 url(images/famfamfam/add.png) 150px no-repeat; 
}
.filter .vendors li.selected {
	background:#FBE3C1;
}

.filter .vendors li.selected:hover {
	background:#FFCECE url(images/famfamfam/delete.png) 150px no-repeat; ;
}

.filter .colors {
	padding-left:16px;
	margin: 5px 0;
}
/*
.filter .color {
	background: #fff;
	float:left;
	margin-left: 6px;
	margin-bottom: 6px;
	border:1px solid #CBCFD2;
	cursor:pointer;
}

.filter .color:hover, .filter .color-selected {
	border:1px solid #3C464A;
}

.filter .color > div {
	background: #990000;
	margin:1px;
	width: 18px;
	height: 18px;
}
*/
#price-slider, #mp-slider, #slider-diameter { margin: 10px 20px 0 14px; }

.filter-form {
	padding: 0;
	margin: 0;
}

.filter-slider-content {
	padding:3px 15px 6px 12px;
}

.reset-filter {
	text-align:center;
	padding-bottom:6px;
}

.reset-filter a {
	text-decoration:none;
	color:#485156;
}

.reset-filter a:hover {
	text-decoration:underline;
	color:#333;
}

.btn-reset-filter {
	width:12px;
	height:12px;
	background-position:-233px 0;
	vertical-align:top;
	margin-top:4px;
}

/* Slider
----------------------------------*/
/*
.ui-slider { position: relative; text-align: left; border:1px solid #999; background:url(images/category-browser/slider-bg.png) repeat-x; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 28px; height: 14px; cursor: default; background:url(images/category-browser/slider-left.png) no-repeat; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 1.1em; }
.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: 0; background:#666; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
*/

#category-info-footer {
	font-size:12px;
	color:#3C464A;
	padding:10px 29px 20px 29px;
	line-height: 1.5;
}

#category-info-footer > h5 {
	font-size:12px;	
}