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

.arrowlistmenu{
background:#fff;
width: 232px; /*width of accordion menu*/
border-radius:10px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Tahoma;
color: #00434e;
text-shadow:1px 1px 0px #98ecf8;
background:url(../images/frontend/nav_bg.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin:0px;
padding: 8px 0 8px 30px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:hover { 
	color:#000;
	background:url(../images/frontend/nav_hover_bg.jpg) no-repeat center left; 
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:url(../images/frontend/nav_active_bg.jpg) no-repeat center left;
color:#000;
text-shadow:none;
}
.arrowlistmenu .openheader:hover{ /*CSS class to apply to expandable header when it's expanded*/
background:url(../images/frontend/nav_active_hover_bg.jpg) no-repeat center left;
color:#000;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
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*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background:#d1f3f8 url(../images/frontend/arrowbulletDown.png) no-repeat 10px center;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background:#fcf5bc url(../images/frontend/arrowbulletUp.png) no-repeat 10px center;
}

.arrowlistmenu ul li a{
color: #A70303;
background:#fff url(../images/frontend/arrowbullet.png) no-repeat 10px center; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 30px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

/*.arrowlistmenu ul li a:visited{
color: #000;
}*/

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

ul.subcategoryitems li a{
color: #888;
background:#fff url(../images/frontend/arrowbullet.png) no-repeat 29px center; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 48px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.alm_home {
	width:245px; 
	height:240px; 
	overflow:auto; 
	background:#4de4f7;
}

/*------------------------------------------------{ Smartphones (portrait and landscape) }--------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.ml_home				{ padding:0; }
	.alm_home				{ width:auto; height:auto; }
}


/*---------------------------------------------------{ iPads (portrait and landscape) }------------------------------------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
	.ml_home				{ padding:0; }
	.alm_home				{ width:auto; height:auto; }
}

/*--------------------------------------------------------{ Desktops and laptops }-----------------------------------------------------
@media only screen and (min-width : 1224px) {
	.ml_home				{ padding:0; }
	.alm_home				{ width:auto; height:auto; }
} */