/* filterList.css	01.02.2010	Manuel Wiemann
 * CSS f�r Filterlisten, welche bei MOP z.B auf der Kategorie und Produktseite benutzt werden.
 * grundlegende �nderungen werden hier global gesetzt.
 * Farben, padding, margin und Breite des Trackers/Sliders
 * H�he und Breite der Listen Container m�ssen im seitenspezifischen CSS angegeben werden.
*/

img.headImage{
	/*display:block;*/
	margin:10px 4px 0px;
}

a.spanFilterList{
	color:#3F434A;
	outline: 0;
}

#filterLeftContainer{
        padding-top:10px;
}

#filterLeftContainer .title{
    color: black;
    font-family: Georgia;
    font-size: 18px;
    line-height: 22px;
}

#filterLeftContainer.topBorder
{
    border-top:1px solid #FFFFFF;
}

.filterListContainerInner,
.linkSpacer {
	margin-left: 4px;
}

a.spanFilterList {	
    	border: 1px solid black;
    	display: block;
    	float: left;
    	font-size: 11px;
    	height: 17px;
    	margin: 0 4px 4px 0;
    	min-width: 28px;
    	padding: 5px 3px 1px 3px;
    	text-align: center;
}

a.spanFilterList:hover{
	background-color:#FFFFFF;
	color:black;
}

a.spanFilterListPattern,  a.spanFilterListFitting, a.spanFilterListArmlength, a.spanFilterListLeglength, a.spanFilterListSchmuckkategorie
{
	min-width: 88px !important;
    max-width: 88px !important;
    width: 88px;
	text-align:center;
	padding: 5px 3px 2px 3px!important;
	height: 16px!important;
}

a.spanFilterListColor,
a.spanFilterListPattern{
	min-width: 86px;
/*	text-align:left;*/
}

span.spanFilterListHeader{
	font-size:12px;
	display:block;
	float:left;
	width:116px;
	margin:0px 0px 4px;
	font-weight: bold;
	color: black;
}

div.linkSpacer
{
    margin-top:10px;
}

div.klappLink a{
	text-align:left;
	color: black;
	width:100px;
	text-decoration:none;
	font-size:11px;
	font-style: italic;
}

div.klappLink a:hover{
	color: #3F434A;
}

div.filterContainer {
  border-top: 1px solid #CBCBCB;
  margin-left: -15px;
  padding-left: 14px;
  width: 211px;
}
div.filterContainerLast{
	border-bottom-width:0px;
}
.spanFilterList2
{
	padding: 2px;
	background: white;
	display: block;
	margin-right: 3px;
	margin-bottom: 3px;
	float:left;
	height: 20px;
}

.spanFilterList2 img
{
	border: 1px solid white;
    width:15px;
    height:15px;
}

#filterColorListContainer a.spanFilterList2.activeFF
{
	outline: 0;
	display: block;
}

#filterColorListContainer a.spanFilterList2.activeFF img
{
	border: 1px solid black;
}
#filterColorListContainer img {
	padding: 1px;
}

a.isNotActiveFilter {
	color:#bbb;
	background-color:#525455;
}
a.isSelectedFilterFF, a.isSelectedFilterFF:hover {
	background-color: #000000;
	color: #FFFFFF;
}

a.filterListItem,
a.filterListItem:VISITED,
a.filterListItem:ACTIVE{
    color: black;
    text-decoration: none;
    font-size: 12px;
	font-family: Arial;
	display: block;
	width: 150px;
}
a.filterListItem:hover,
a.filterListItem.activeFF{
    color: black;
	margin-left:-13px;
	padding-left:13px;
	background-image: url("/images/layout/menu_pfeil.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	outline: 0;
}
#filterDivisionContainer{
    border-bottom: 1px solid white;
}
#filterDivisionContainer ul{
    list-style: none;
    padding: 0;
    line-height: 1.5em;
	margin-left: 0;
}