body
{
	overflow: hidden;
}

#menu{
	color:#FFFFFF;
	font-family: Arial;
	font-size: 12px;
	background: url(../../images/menubg.png) repeat-y;
	position: absolute;
	right: 0px;
	width: 717px;
	top: 0px;
	bottom: 0px;
	margin-right: -717px;
	z-index: 10;
}

#menucontainer
{

}
#menucontainer .label
{
	font-weight: bold;
	line-height: 22px;
	margin-top: 8px;
}

#menucontainer .item .label
{
	float: left;
	margin-top: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
}

#menucontainer .container
{
	position: absolute;
	bottom: 35px;
	left:35px;
}

#menucontainer .textinput
{
	background: transparent;
	border: solid 1px #555555;
	font-size: 12px;
	font-family: Arial;
	line-height: 14px;
	color: #FFFFFF;
}

/******MAIN COLUMN******/
#menucontainer .maincolumn
{
	
	width:345px;

}
#menucontainer .maincolumn .selection .list
{
	height: 220px;
}
#menucontainer .maincolumn .selection .item
{
	height: 55px;
	cursor: pointer;
}
#menucontainer .maincolumn .selection .item .image
{
	float:left;
	width: 345px;
	height: 55px;
	background: #444444;
}
#menucontainer .maincolumn .selection .item .label
{
	position:relative;
	display: none;
	margin-top: -55px;
	width: 345px;
	height: 55px;
	line-height: 55px;
	background: #666666;
}
#menucontainer .maincolumn .selection .item:hover .label
{
	display: block;
}
#menucontainer .btnwrapper .upbtn
{
	background: url(../../images/upbtn_off.png);
	width: 11px;
	height: 6px;
	position: absolute;
	right: 4px;
	top: 26px;
	cursor: pointer;
}
#menucontainer .btnwrapper .upbtn:hover
{
	background: url(../../images/upbtn_on.png);
}
#menucontainer .btnwrapper .downbtn
{
	background: url(../../images/downbtn_off.png);
	width: 11px;
	height: 6px;
	position: absolute;
	right: 4px;
	bottom: 4px;
	cursor: pointer;
}
#menucontainer .btnwrapper .downbtn:hover
{
	background: url(../../images/downbtn_on.png);
}

#menucontainer .maincolumn .moreselection
{
	height:180px;

}
#menucontainer .maincolumn .moreselection .leftcol
{
	float: left;
	width:166px;


}
#menucontainer .maincolumn .moreselection .leftcol .list
{
	height:166px;
}
#menucontainer .maincolumn .moreselection .leftcol .item 
{
	width: 166px;
	height: 166px;
	float: left;
	cursor: pointer;
}


#menucontainer .maincolumn .moreselection .leftcol .item .image
{
	width: 166px;
	height: 166px;
	background: #444444;
}
#menucontainer .maincolumn .moreselection .leftcol .item .label
{
	position: relative;
	display: none;
	margin-top: -166px;
	width:166px;
	height: 166px;
	line-height: 166px;
	background: #666666;
}
#menucontainer .maincolumn .moreselection .leftcol .item:hover .label
{
	display: block;
}

#menucontainer .maincolumn .moreselection .rightcol
{
	float: right;
	width:166px;
	
}

#menucontainer .maincolumn .moreselection .rightcol .item 
{
	width: 166px;
	height: 68px;
	cursor: pointer;
}

#menucontainer .maincolumn .moreselection .rightcol .item .image
{
	
	width:166px;
	height:68px;
	background: #444444;
}
#menucontainer .maincolumn .moreselection .rightcol .item .label
{
	width: 166px;
	height: 68px;
	line-height: 68px;
	position: relative;
	margin-top: -68px;
	background: #666666;
	display: none;
}
#menucontainer .maincolumn .moreselection .rightcol .item:hover .label
{
	display: block;
}

#menucontainer .btnwrapper
{
	position: relative;
	
}
#menucontainer .btnwrapper .leftbtn
{
	background: url(../../images/leftbtn_off.png);
	width: 6px;
	height: 11px;
	position: absolute;
	left: 4px;
	bottom: 4px;
	cursor: pointer;
}
#menucontainer .btnwrapper .leftbtn:hover
{
	background: url(../../images/leftbtn_on.png);
}

#menucontainer .btnwrapper .rightbtn
{
	background: url(../../images/rightbtn_off.png);
	width: 6px;
	height: 11px;
	position: absolute;
	right: 4px;
	bottom: 4px;
	cursor: pointer;
}
#menucontainer .btnwrapper .rightbtn:hover
{
	background: url(../../images/rightbtn_on.png);
}

/*******FILTER COLUMN*******/
#menucontainer .filtercolumn
{
	position: absolute;
	left: 360px;
	top: 30px;
	width: 100px;
}
#menucontainer .filtercolumn .columnlabel
{
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #AAAAAA;
}
#menucontainer .filtercolumn .label
{
	margin-top: 0px;
}
#menucontainer .filtercolumn .plus
{
	background: url(../../images/plus_off.png);
	width: 11px;
	height: 11px;
	float: right;
	margin-top: -17px;
	cursor: pointer;
}

#menucontainer .filtercolumn .textinput
{
	width:100px;
}

/****************LOGO*************/
#logo
{
	position: absolute;
	top: 0px;
	right: 20px;
	background: #050433 url(../../images/logo_small.png) no-repeat center;
	width: 50px;
	height: 50px;
	z-index: 10;
}
#menutree
{
	position: absolute;
	top: 0px;
	right: 45px;
	margin-top:-500px;

}

