
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.

由站酷(zcool)http://www.zcool.com.cn/ 整理 
来源于：http://www.cssplay.co.uk
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */

#ttabs {width:484px; text-align:center; background:#FF0066; margin:30px 0 0 157px; position:absolute; z-index:500;}
#ttabs ul { padding:0; margin:0; width:484px; list-style:none; position:relative;}
#ttabs ul li {float:left; padding-top:5px;padding-left:16px; display:inline; width:136px; height:60px; margin:0 4px;}
#ttabs ul li a.outer {float:left; padding-left:0px; display:block; width:115px; height:49px; border-bottom:1px solid #9c9c9c; text-align:center; line-height:45px; text-decoration:none; text-indent:50px; color:#464; font-weight:bold; margin-bottom:3px; font-size:11px;}



#ttabs ul li a.outer {display:block; width:125px; height:55px; border-bottom:0px solid #9c9c9c; text-align:center; line-height:45px; text-decoration:none; text-indent:60px; color:#000; font-weight:bold; margin-bottom:3px; font-size:13px;}

#ttabs ul li a.one {background: url(syssite/home/shop/1/template/current/default/images/tpbq.gif) top left no-repeat;}
#ttabs ul li a.two {background:url(syssite/home/shop/1/template/current/default/images/zffs.gif) top left no-repeat;}
#ttabs ul li a.three {background:url(syssite/home/shop/1/template/current/default/images/psfs.gif) top left no-repeat;}
#ttabs ul li a.four {background: url(syssite/home/shop/1/template/current/default/images/jgxd.gif) top left no-repeat;}
#ttabs ul li a.five {background: url(syssite/home/shop/1/template/current/default/images/fhsj.gif) top left no-repeat;}
#ttabs ul li a.six {background: url(syssite/home/shop/1/template/current/default/images/gzsj.gif) top left no-repeat;}
#ttabs ul li div {display:none;}


#ttabs ul li:hover {padding-bottom:125px; border-bottom:0px solid #fff; color:#000; margin-bottom:0;}

#ttabs ul li:hover > a.outer {color:#000; background-position:0 -55px; height:65px; cursor:default;}

* html #ttabs ul li a.outer:hover {padding-bottom:125px; border-bottom:0px solid #fff; height:65px; color:#000; margin-bottom:0;background-position:0 -55px; height:65px; cursor:default;}

#ttabs ul li:hover div {float:left; display:block; padding:5px; position:absolute;left:20px; top:65px; width:435px; height:118px; border-bottom:0px solid #fff;}
#ttabs ul li a:hover div {float:left; display:block; padding:5px; position:absolute;left:20px; top:65px; width:435px; height:118px; border-bottom:0px solid #fff;}

#ttabs ul li a:hover div.tab_left,
#ttabs ul li:hover div.tab_left
{background: url(syssite/home/shop/1/template/current/default/images/tabs.gif);}


#ttabs ul li a:hover div.tab_center,
#ttabs ul li:hover div.tab_center
{background: url(syssite/home/shop/1/template/current/default/images/tabs.gif);}

#ttabs ul li a:hover div.tab_right,
#ttabs ul li:hover div.tab_right
{background: url(syssite/home/shop/1/template/current/default/images/tabs.gif);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}


#ttabs span.base {display:block; height:0px;font-size:10px;  }
#ttabs div h5 {font-size:14px;line-height:12px; }
#ttabs div p {font-size:12px; font-weight:normal; text-align:left; color:#000;line-height:12px; }
#ttabs div a img {border:0;}
#ttabs div img.image {float:left; border:0; margin-top:-35px; margin-right:5px;}
#ttabs div a.unlock {background:url(syssite/home/shop/1/template/current/default/images/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#ttabs div a:hover.unlock img {visibility:hidden;}
#ttabs p.bold {color:#069; padding-top:0px;}
* html #ttabs p.fire {margin-top:-15px;}
* html #ttabs form {margin-top:-20px;}
#ttabs p.buttons {text-align:center;}
