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

.productmenu{
width: 140px; /*Ä«Å×°í¸® ³ÊºñÁöÁ¤*/ /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
/*background: yellow;*/
}

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

.productmenu ul li a{
background: #F2F2F2 no-repeat 3px center; /* url(http://www.blueb.co.kr/SRC/javascript/image9/bulletlist.gif) light gray background*/
font: bold 12px "Dotum"; /*"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
color: #00014e;
display: block;
width: auto;
padding: 4px 0;
padding-left: 0px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .productmenu ul li a{ /*IE6 hack*/
width: 138px; /*Ä«Å×°í¸® ³ÊºñÁöÁ¤*/
}

.productmenu ul li a:visited, .productmenu ul li a:active{
color: #00014e;
}

.productmenu ul li a:hover, .productmenu ul li a.selected{
color: white;
background-color: black;
}

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

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}