ul.tabs
{ float: left; position: relative; z-index: 999;
} ul.tabs li { float: left; cursor: pointer; } ul.tabs li a { display: block; height: 39px; } ul.tabs li.shop, ul.tabs li.sexinfo, ul.tabs li.community { background: url(../content/images/shop-sprites.png) no-repeat 0 -39px; display: block; width: 81px; height: 39px; text-indent: -9999px; } ul.tabs li.sexinfo { background: url(../content/images/sexinfo-sprites.png) no-repeat 0 -39px; width: 105px; } ul.tabs li.community { background: url(../content/images/community-sprites.png) no-repeat 0 -39px; width: 134px; } ul.tabs li.shop:hover, ul.tabs li.sexinfo:hover, ul.tabs li.community:hover { background-position: 0 -77px; } ul.tabs li.sexinfo, ul.tabs li.community, ul.tabs li.shop { height: 38px; } ul.tabs li.shop.active, ul.tabs li.shop.active:hover, ul.tabs li.sexinfo.active, ul.tabs li.sexinfo.active:hover, ul.tabs li.community.active, ul.tabs li.community.active:hover { background-position: 0 0; border-bottom: none; height: 39px; }
.tab_container
{ clear: both; height: 22px; border: 1px solid #ccc; background: url(../content/images/subnav_bg.jpg) repeat-x top left; position: absolute; top: 38px; width: 978px; z-index: 99;
}
.tab_content
{ margin-left: 16px; display: none;
} .tab_content li { float: left; margin-right: 20px; } .tab_content li a, .tab_content li span { font: normal 13px/23px HelveticaBold, Arial; color: #f39; text-decoration: none; display: block; } .tab_content li a:hover { color: #39F; background: url(../content/images/subnav_hover.jpg) no-repeat bottom center; } .tab_content li:hover .subNavMenu
{ display: block; }
.tab_container > ul.tab_content > li.dropdown > ul
{ display: none; background: url(../content/images/subnav_menubg.jpg) repeat-x bottom left #fff; width: 963px; margin-right: 0; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; position: absolute; top: 23px; left: -1px; z-index: 99999; padding: 20px 0 20px 15px;
}
.tab_content li.dropdown ul li.dropdown ul
{ float: left; width: 105px;
}
.tab_container ul.tab_content li.dropdown ul li.dropdown ul li
{ display: block; width: 105px;
}
.tab_container ul.tab_content > li.dropdown > ul > li.dropdown > ul
{ display: block;
}
.tab_container ul.tab_content > li.dropdown > ul > li.dropdown > ul > li > a
{ background: none repeat scroll 0 0 transparent; color: #333333; font: 12px/18px HelveticaRegular,Arial; text-decoration: none;
} .tab_container ul.tab_content > li.dropdown > ul > li.dropdown > ul > li > a:hover { color:#3366ff; }