@charset "utf-8";
/* CSS Document */

.arrowlistmenu{
/*padding: 10px 0px 20px 0px;
margin: 0px 0px 0px 10px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:1.5em;
text-align:left;

}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #444444;
/*background-color: #777b7d;*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*padding: 8px 0px 8px 23px; header text is indented 10px*/
margin-bottom: 1px;
cursor: hand;
cursor: pointer;
background-image:url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/plus.gif);
background-repeat:no-repeat;
background-position: center left;
}

.menuheader a
{
color: #0066dd;
text-decoration: none;
}


.menuheader a:hover
{
color: #0066dd;
text-decoration: underline;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-color: #f7e544;*/
color: #444444;
background-image:url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/minus.gif);
background-repeat:no-repeat;
background-position: center left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
list-style: none;
/*margin: 0px 0px 0px 23px;*/
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
margin: 0px 0px 0px 0px
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background-color: #cad1d3;
color: #444444;
font-weight:bold;
background: url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a{
color: #0066dd;
text-decoration: none;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0066dd;
text-decoration: underline;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/

}


.arrowlistmenu h2
{
padding: 10px 0px 5px 0px;
margin: 0px;
color: #333333;
font-family:tahoma,arial;
font-size:9pt;
}

.arrowlistmenu h1
{
padding: 0px;
margin: 0px;
color: #333333;
font-family:tahoma,arial;
font-size:14px;
text-align:left;
}

.list
{
list-style: none;
padding: 0px;
/*margin: 10px 0px 0px 12px*/
}







/*menu*/

.arrowlistmenu2{
/*padding: 10px 0px 20px 0px;
margin: 0px 0px 0px 10px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
border:1px solid #C5C5C5;
border-top:none;

}

.arrowlistmenu2 .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
 float:none; margin:0; padding-bottom:1px; 
list-style:none;
	background:url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/bullet.jpg) top left no-repeat;
	padding:6px;
	text-align:left;
}

.menuheader2 a
{
color: #303030;
text-decoration: none;
padding-left:12px;
position:relative;
top:-2px;
}


.menuheader2 a:hover
{
color: #303030;
text-decoration: none;
padding-left:12px;
}


.arrowlistmenu2 .openheader2{ /*CSS class to apply to expandable header when it's expanded*/
/*background-color: #f7e544;*/
float:none; margin:0; padding-bottom:1px; 
list-style:none;
	background:url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/bullet.jpg) top left no-repeat;
	padding:6px;
	text-align:left;
	}

.arrowlistmenu2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 15px 5px;
padding: 12px 0 0 0;
/*margin-bottom: 0px; bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
list-style: none;
/*margin: 0px 0px 0px 23px;*/
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
}

.arrowlistmenu2 ul li .opensubheader2{ /*Open state CSS for sub menu header*/
margin: 0px 0px 0px 0px
}

.arrowlistmenu2 ul li .closedsubheader2{ /*Closed state CSS for sub menu header*/
background-color: #cad1d3;
color: #444444;
font-weight:bold;
background: url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu2 ul li a{
color: #303030;
text-decoration: none;

}


.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #303030;
text-decoration: underline;
}

.arrowlistmenu2 ul li a.subexpandable2:hover{ /*hover state CSS for sub menu header*/

}

.arrowlistmenu2 li ul li{
color: #303030;
text-decoration: none;
float:none; margin:0; padding-bottom:1px; 
list-style:none;
	background:url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/bullet.jpg) top left no-repeat;
	padding:6px;
	text-align:left;
}

.arrowlistmenu2 li ul li{ /*hover state CSS*/
color: #303030;
text-decoration: none;
float:none; margin:0; padding-bottom:1px; 
list-style:none;
	background:url(http://www.flexpetz.com/skin/frontend/default/flexpetz/images/bullet.jpg) top left no-repeat;
	padding:6px;
	text-align:left;
}

.arrowlistmenu2 li ul li a{
color: #303030;
text-decoration: none;
padding-left:12px;

}

.arrowlistmenu2 li ul li a:hover{ /*hover state CSS*/
color: #303030;
text-decoration: none;
padding-left:12px;
}

.arrowlistmenu2 h2
{
padding: 10px 0px 5px 0px;
margin: 0px;
color: #333333;
font-family:tahoma,arial;
font-size:9pt;
}

.arrowlistmenu2 h1
{
padding: 0px;
margin: 0px;
color: #333333;
font-family:tahoma,arial;
font-size:14px;
text-align:left;
}

.list
{
list-style: none;
padding: 0px;
/*margin: 10px 0px 0px 12px*/
}

.arrowlistmenu2 ul li ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 5px 5px;
padding: 12px 0 0 0;
/*margin-bottom: 0px; bottom spacing between each UL and rest of content*/
}