.arrowlistmenu{ width: 130px; /*width of accordion menu*/ } .arrowlistmenu .sectionheader { /*CSS class for section headers*/ font: bold 12px Arial; color: white; text-align: center; background: url(/shop/sectionbar2.png) repeat-x center left; /* 23px*/ margin-bottom: 5px; /*bottom spacing between header and rest of content*/ padding: 4px 0 4px 0px; /*header text is not indented to allow text to center*/ cursor: hand; cursor: pointer; } .arrowlistmenu .menuheader{ /*CSS class for menu headers*/ font: bold 12px Arial; color: white; text-align: center; background: url(/shop/titlebar3.png) repeat-x center left; margin-bottom: 5px; /*bottom spacing between header and rest of content*/ padding: 4px 0 4px 0px; /*header text is not indented to allow text to center*/ cursor: hand; cursor: pointer; } .arrowlistmenu .menuheader2{ /*CSS class for menu headers*/ font: bold 12px Arial; color: white; text-align: center; background: url(/shop/titlebar4.png) repeat-x center left; margin-bottom: 5px; /*bottom spacing between header and rest of content*/ padding: 4px 0 4px 0px; /*header text is not indented to allow text to center*/ cursor: hand; cursor: pointer; } .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(/shop/titlebar-active-2.png); color: white; /* Title font color on opened header*/ } .arrowlistmenu .oneliners .openheader{ /*CSS class to apply to expandable header when it's expanded with only 1 line of text*/ background-image: url(/shop/titlebar-active-3.png); color: white; /* Title font color on opened header*/ } .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/ background: url(/shop/plus.gif) no-repeat center left; /*custom bullet list image*/ !important; } .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/ background: url(/shop/minus.gif) no-repeat center left; /*custom bullet list image*/ !important; background-color: #FFF21D;  } .arrowlistmenu ul li a{ color: #0000ff; display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px dotted #0000FF; /*list seperator*/ font-size: 90%; } .arrowlistmenu ul li ul li a{ /* link text of submenu*/ color: #0000ff; display: block; padding: 2px 0; padding-left: 8px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px dotted #0000FF; /*list seperator*/ font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #0000ff; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ background-color: #FFF21D; color: black; } .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ background-color: #FFF21D;  }