.arrowlistmenu{
	width:206px; float:right; margin:20px 0 0 0; padding:0px;background:url(img/menuLine.jpg) repeat-y 0 0;
	clear: both;
}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
list-style:none; height:32px; font-size:12px; background:url(img/menuLi.gif) no-repeat bottom; color:#FFF; padding:0px 0 0 20px; line-height:32px;
	cursor: hand;
	cursor: pointer;
	font-weight:normal;
}
.arrowlistmenu .expandable{ padding-left:32px;}
.arrowlistmenu .menuheader a{
	color:#FFF;
	display:block;
	padding-left:12px;
}
.arrowlistmenu .menuheader a:hover{
	
	background:url(img/menupix.gif) no-repeat 0px 12px;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
padding-left:32px;
background:url(img/menupix.gif) no-repeat 19px 14px;
}
#h3header{background:url(img/menuh3hover.jpg) no-repeat bottom}
div.arrowlistmenu h3 a:hover{ background:url(img/menuh3hover.jpg) no-repeat bottom}
.expandable:hover { background:url(img/menuh3hover.jpg) no-repeat bottom;}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding: 0;
margin: 0px 0 0px 0; /*bottom spacing between each UL and rest of content*/
}



.arrowlistmenu ul li {
padding-bottom: 0px; /*bottom spacing between menu items*/
background:url(img/menuUL.png) repeat-y 0 0;
margin:0px; padding:0px;
}
.arrowlistmenu ul li a.menhover{ color:#000000; font-weight:600; repeat-y 0 0 }
.arrowlistmenu ul li a {
color: #000;
display: block;
padding: 8px 3px 8px 33px;
text-decoration: none;
font-size: 12px ;
margin:0 0 0 0px;
outline:none;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background:url(img/menuLihoverLine.png) repeat-y 0 0 ;
position:relative;
z-index:5;
}
.arrowlistmenu ul li ul li a:hover{ /*hover state CSS*/
background:url(img/menuLine2.gif) repeat-y 0 0 ;
position:relative;
z-index:5;
}
.arrowlistmenu ul li .opensubheader { /*CSS class to apply to expandable header when it's expanded*/
	background:url(img/plus.gif) no-repeat 19px 13px;
	position:relative;
	z-index:6;
}
.arrowlistmenu ul li .closedsubheader { /*CSS class to apply to expandable header when it's expanded*/
	background:url(img/minus.gif) no-repeat 19px 15px;
	position:relative;
	font-weight:600;
	z-index:6;
}
.arrowlistmenu ul li a:hover.opensubheader { /*CSS class to apply to expandable header when it's expanded*/
background:url(img/plushover1.gif) no-repeat 0 0;
	position:relative;
	z-index:6;
}
.arrowlistmenu ul li a:hover.closedsubheader { /*CSS class to apply to expandable header when it's expanded*/
	background:url(img/minusHover.gif) no-repeat 0 0;
	position:relative;
	font-weight:600;
	z-index:6;
}
.arrowlistmenu ul li ul li .opensubheader2 { /*CSS class to apply to expandable header when it's expanded*/
background:url(img/plushover5.gif) no-repeat 0 0;
	position:relative;
	z-index:6;
}
.arrowlistmenu ul li ul li a:hover.opensubheader2 { /*CSS class to apply to expandable header when it's expanded*/
background:url(img/plushover4.gif) no-repeat 0 0;
	position:relative;
	z-index:6;
}

.arrowlistmenu ul li ul li .closedsubheader2 { /*CSS class to apply to expandable header when it's expanded*/
	background:url(img/minusHover2.gif) no-repeat 0 0;
	position:relative;
	font-weight:600;
	z-index:6;
}
.arrowlistmenu ul li ul li a:hover.closedsubheader2 { /*CSS class to apply to expandable header when it's expanded*/
	background:url(img/minusHover3.gif) no-repeat 0 0;
	position:relative;
	font-weight:600;
	z-index:6;
}
.arrowlistmenu ul li ul li a { /*CSS class to apply to expandable header when it's expanded*/
	margin:0px;
	padding:50px;
}
.hoverheder
{ /*hover state CSS*/
background:url(img/menuLihoverLine.png) repeat-y 0 0;
}

.arrowlistmenu .subcategoryitems {margin:0 0 0 0px;}

.arrowlistmenu .subcategoryitems li a { color: #000;
display: block;
padding: 8px 3px 8px 43px;
text-decoration: none;
font-size: 12px ;
margin:0 0 0 0px;
color:#000000;
outline:none;
background:url(img/menuLihoverLine.png) repeat-y 0 0 ;
 }
.arrowlistmenu .subcategoryitems li a:hover {
background:url(img/menuLine2.gif) repeat-y 0 0 ;

}
.arrowlistmenu .subcategoryitems2 li a { color: #000;
display: block;
padding: 8px 3px 8px 53px;
text-decoration: none;
font-size: 12px ;
margin:0 0 0 0px;
outline:none;
background:url(img/menuLine2.gif) repeat-y 0 0 
 }
.arrowlistmenu .subcategoryitems2 li a:hover {
background:url(img/menuLine2.gif) repeat-y 0 0 
}
#menuclick
{
	color:#666;
}
.subcategoryitems .product{ background:url(img/plus.gif) no-repeat; }

