/* @group Toolbar */

/* Toolbar Styles */

#mainMenuWrapper { overflow: visible; }

/* Drop Down Menu CSS */
#mainMenu ul a:hover {}

#mainMenu ul li.ddarrow a {padding-right: 20px;}
#mainMenu ul li.ddarrow span {position:absolute;top:0;right:5px;float:right;width:15px;height:25px;background: transparent url(../../images/ddarrow-down.png) center right no-repeat;}

/* Drop Down Menu Items */
/* First Level */
#mainMenu ul ul li.ddarrow a {padding-right: 0px;}
#mainMenu ul ul {display: none;position: absolute;z-index:200;width: 160px;top: 30px;padding: 5px;}
#mainMenu ul ul a {display: block;margin: 0;padding: 0 5px;width: 150px;height: auto;line-height:28px;text-decoration: none;text-transform: none;background-image: none;background-color: transparent;}
#mainMenu ul ul a:hover { border-left: none; border-right: none; border-top: none; }

#mainMenu ul li.ddarrow ul a {padding-right: 5px;} /* Makes sure Main Menu padding doesn't filter down to child menu items. */
#mainMenu ul ul li.ddarrow a {padding-right: 5px;}
#mainMenu ul ul li.ddarrow span {background: transparent url(../../images/ddarrow-right.png) center right no-repeat;right: 5px;height: 28px;}

/* Second Level and Beyond */
#mainMenu ul ul ul {top: -6px;left:165px;}
#mainMenu ul ul ul a {display: block;}

/* @end */