#quickmenu { height:308px; width: 250px; border: 1px solid #d58c32; background: #ed9c38 url(../img/quickmenu-bg.jpg) no-repeat center top; padding:10px 14px 0; overflow:hidden; position: absolute; top: 0px; right: 0px; }
#quickmenu h2 { text-transform: uppercase; text-align: center; color: #463114; text-shadow: 1px 1px 5px #8d6727; font-size: 24px; font-weight: bold; }
#quickmenu .viewport { float: left; width: 250px; height:210px; overflow: hidden; position: relative; }
#quickmenu .buttons { text-indent: -999em; float: left; width: 25px; height: 17px; overflow: hidden; position: relative; }
#quickmenu .next { background:transparent url(../img/quick-menu-arrow.png) no-repeat scroll 0 0; display: block; margin: 5px 10px 0 0; }
#quickmenu .prev { background:transparent url(../img/quick-menu-arrow.png) no-repeat scroll -25px 0; display: block; margin: 5px 10px 0 92px; }
#quickmenu .next:hover { background:transparent url(../img/quick-menu-arrow.png) no-repeat scroll 0 -17px; }
#quickmenu .prev:hover { background:transparent url(../img/quick-menu-arrow.png) no-repeat scroll -25px -17px; }
#quickmenu .disable { visibility: hidden; }
.overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 250px; left: 0; top: 0; overflow:hidden; }
.overview li { line-height: 1.4; position: relative; margin-bottom: 6px; }
.overview li a.menu-box { background: #f9b562; display: block; height: 40px; padding: 12px 10px; font-size:12px; color: #FFF; }
.overview li a.menu-box:hover { background: #f5bf4c; text-decoration: none; }
.overview li a.menu-box:hover span.arrow { background: url(../img/menu-box-arrow.png) no-repeat left top; }
.overview span.arrow { background: url(../img/menu-box-arrow.png) no-repeat left bottom; width:36px; height:36px; display: block; position: absolute; top: 14px; right: 7px; }
.overview span.title { color: #463114; margin-bottom: 18px; font-size: 18px; font-weight: bold; }