/*--------------------------------------------

Main Nav

---------------------------------------------*/

#mainNav { float: left; font-weight: normal; list-style: none; margin: auto; padding: 10px 0 0 20px; xbackground: #171717; }
#mainNav li { float: left; margin: 0; padding: 0; border: 0px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial; font-size: 100%; }
#mainNav a { float: left; background: transparent url(images/boombox/tabbgx.gif) repeat-x top left; display: block; text-decoration: none; margin: 4px 2px 0px 0px; padding: 7px 14px; color: #FFF; border-bottom: 0px; border-top: 1px solid #6F6F6F; border-right: 1px dotted #4F4F4F; border-left: 1px dotted #4F4F4F; xbackground: #2F2F2F url(images/ruiner/grayremix/tab-bg.gif) no-repeat top right; }
#mainNav .first-tab a { border-left: 1px dotted #4F4F4F; }
#mainNav a:hover { padding-bottom: 8px; color: #fff; text-decoration: underline; xborder-bottom: 1px; border-top: 1px solid #AFAFAF; background: #4F4F4F url(images/boombox/tabbg2.gif) repeat-x top left; }
#mainNav .middle-tab {padding-left:50px;}
#mainNav .order { float: left; padding-left: 50px; }
#mainNav .order a { background: url(images/boombox/ordertab.gif) no-repeat bottom right; padding: 7px 38px 7px 12px; font-size: 105%; color: white; font-weight: bold; border: none; border-right: 1px dotted #4F4F4F; border-left: 1px dotted #4F4F4F; border-bottom: 0px; }
#mainNav .order a:hover { text-decoration: underline; background: url(images/boombox/ordertab2.gif) no-repeat bottom right; }