﻿/* Required Settings */
div.menu { text-align: left; line-height: 0; font-size: 0; }
div.menu a.expander, div.menu li.item a { display: block; vertical-align: top; }
div.menu ul, div.menu ul li { list-style: none; margin: 0; padding: 0; }

/* Editable Settings */
div.menu { width: 200px; float: left; font-family: Arial, Helvetica, Sans-Serif; color: #fff; }
div.menu a { color: #fff; text-decoration: none; }
div.menu a:hover { color: #ff0; }
div.menu li.item a, div.menu a.expander { font-size: 15px; font-weight: bold; }
div.menu li.item { height: 26px; width: 200px; background: url(/images/menu_bg.jpg) top left no-repeat; }
div.menu li.item a { height: 19px; padding: 5px 28px 2px 10px; }
div.menu li.item.special { background: url(/images/menu_special_bg.jpg) top left no-repeat; color: #fff; }
div.menu a.expander { height: 18px; padding: 5px 0 0 10px; line-height: 18px; }
div.menu li.expand { background: url(/images/menu_expando_top.jpg) top left no-repeat; }
div.menu li.expand div { width: 200px; background: url(/images/menu_expando_bg.jpg) top left repeat-y; }
div.menu li.expand ul { padding-bottom: 5px; }
div.menu li.expand div.exbottom { width: 200px; height: 3px; background: url(/images/menu_expando_bottom.jpg) top left no-repeat; }
div.menu li.expand li, div.menu li.expand li a { font-weight: normal; font-size: 12px; line-height: 19px; height: 19px; }
div.menu li.expand li { padding-left: 15px; }
div.menu li.expand li.level2 { padding-left: 28px; }
div.menu span.arrow { color: #ff0; line-height: 19px; font-size: 16px; }
