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



.markermenu{

width: 195px; /*width of side bar menu*/

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: 1px solid #FFFFFF;

}



.markermenu ul li a{

background: #FFFFFF url(http://lifeisagarden.co.za/home/templates/ja_nickel/images/bg.gif) no-repeat 3px center; /*light gray background*/

font: 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: #000000;

display: block;

width: auto;

padding: 4px 5px;

padding-left: 20px;

text-decoration: none;

border-bottom: 1px solid #FFFFFF;

}



* html .markermenu ul li a{ /*IE6 hack*/

width: 175px;

}



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

color: #000000;

}



.markermenu ul li a:hover, .markermenu ul li a.selected{

color: white;

background-color: #11541F;

}



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



.blackwhite li a{

background: white;

}



.blackwhite li a:hover{

background: #11541F;

color: white;

}