/* ######### Marker List Vertical Menu ######### */

.markermenu{
background:url(../images/category_bg.jpg) repeat-x;
display: inline-block;
width:200px;
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
}

.markermenu ul li a{
/*background: #F2F2F2 url(arrow_hover.jpg) no-repeat 3px center; /*light gray background*/
/*background: #0066CC url(bulletlist.gif) no-repeat 3px center;*/
/*background:url(../images/arrow_hover.jpg) -5px 11px  no-repeat;*/
background:url(../images/menu_arrow.jpg) 0px 4px  no-repeat;
font: normal 12px Tahoma, Geneva, sans-serif;
color: #333;
display: block;
width: auto;
padding: 3px 0;
padding-left: 15px;
text-decoration: none;
border-bottom:dashed 1px #b6bdc1;
/*height:15px;*/
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 185px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{

color: #333;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
background:url(../images/arrow_hover.jpg) 0px 1px  no-repeat;
color: #333;
background-color: #E7EFFA;
}

/*######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
padding-left: 18px;
background: #EEF2FB;
}

.blackwhite li a:hover{

background:url(../images/menu_arrow.jpg) no-repeat;
background-position:0px 4px;
background-color: #D7E7EF;
color: #033C5C;
}