﻿#main-menu { position: relative;  z-index: 4000; }
#main-menu a { text-decoration: none; }

#main-menu .menu { position: absolute; margin: 7px 0 7px -4px; height: 35px; }
#main-menu .menu a { color: #fff; }
#main-menu .menu .top-menu a { line-height: 30px; display: block; height: 31px; margin-top: 2px; border-left: 1px solid #666666; }
#main-menu .menu .top-menu {}
#main-menu .menu .top-menu ul { width: 987px; height: 41px; background: url(/resources/images/menu-bg.png) no-repeat right -123px; overflow: hidden; }
#main-menu .menu .top-menu ul li { float: left; display: block; text-align: center; height: 41px; width: 10%; cursor: pointer; background: transparent url(/resources/images/menu-bg.png) repeat-x scroll 0 0; }
#main-menu .menu .top-menu ul li:hover { background: transparent url(/resources/images/menu-bg.png) repeat-x scroll 0 -41px; }
#main-menu .menu .top-menu ul .item-first { background: url(/resources/images/menu-bg.png) 0 -82px no-repeat; }
#main-menu .menu .top-menu ul li.item-first:hover {background: url(/resources/images/menu-bg.png) 0 -82px no-repeat;}
#main-menu .menu .top-menu ul .item-first a { background: url(/resources/images/arrow-down-lightorange.gif) 95px 14px no-repeat; border: 0; }
#main-menu .menu .top-menu ul li a { color: #fff; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; }

#main-menu .panel { display: none; position: absolute; top: 46px; left: 3px; height: 270px; width: 405px; overflow: hidden; }
#main-menu .panel ul { margin: 0 0 12px 0; padding: 0; }
#main-menu .panel li { white-space: nowrap; cursor: pointer; padding: 1px 17px 1px 5px; line-height: 17px; }
#main-menu .panel li.title { font-family: Verdana; font-size: 14px; color: #999999; margin-bottom: 3px; cursor: default; }
#main-menu .panel li.title:hover { background: #fff; }
#main-menu .panel li:hover { background: #ed870c; }
#main-menu .panel li:hover a,
#main-menu .panel li:hover span { color: #fff; }
#main-menu .panel li a,
#main-menu .panel li span { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #666666; }
#main-menu .panel li span { font-weight: normal; }
#main-menu .panel .group { margin-right: 10px; }
#main-menu .panel .column { float: left; padding: 5px 24px 0 0; }
#main-menu .panel .promotion-area { margin-top: 15px; }

.panel .topLeft { background:url("/resources/images/controls-vvm.png") no-repeat scroll -100px 0 transparent; height:21px; width:21px; float: left; }
.panel .topCenter { background:url("/resources/images/border-vvm.png") repeat-x scroll 0 0 transparent; height:21px; float: left; }
.panel .topRight { background:url("/resources/images/controls-vvm.png") no-repeat scroll -129px 0 transparent; height:21px; width:21px; float: left; }
.panel .middleLeft { background:url("/resources/images/controls-vvm.png") repeat-y scroll left top transparent; width:21px; float: left; }
.panel .panelContent { background:none repeat scroll 0 0 #FFFFFF; float: left; position: relative; }
.panel .middleRight { background:url("/resources/images/controls-vvm.png") repeat-y scroll right top transparent; width:21px; float: left; }
.panel .bottomLeft { background:url("/resources/images/controls-vvm.png") no-repeat scroll -100px -29px transparent; height:21px; width:21px; float: left; }
.panel .bottomCenter { background:url("/resources/images/border-vvm.png") repeat-x scroll 0 -29px transparent; float: left; height:21px; }
.panel .bottomRight { background:url("/resources/images/controls-vvm.png") no-repeat scroll -129px -29px transparent; float: left; height:21px; width:21px; }

#sub-menu .column ul { margin: 0 0 12px; padding: 0; }
#sub-menu .column { border-right: 1px solid #DFDFDF; }
#sub-menu .column li.title { font-family: Verdana; font-size: 14px; color: #999999; margin-bottom: 3px; cursor: default; }
#sub-menu .column li { line-height: 14px; }
#sub-menu .column a { text-decoration: none; }
#sub-menu .column li a,
#sub-menu .column li span { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #666666; }
#sub-menu .column li span { font-weight: normal; }
#sub-menu .last { border: none; }
#sub-menu .clear { clear: both; float: none; }

/*.middleLeft, .bottomLeft { clear:left; }*/    
