
	
/* ============================================
TabBar Level 1

Usage examples:
<div id="Whatever">
	<ul class="TabBarLevel1">
		<li><a href="#">Man</a></li>
		<li class="Selected"><a href="#">Woman</a></li>
		<li><a href="#">Old</a></li>
		<li><a href="#">Kid</a></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */



#main li#neirong_left  ul.TabBarLevel1{
	list-style:none;
	margin:0;
	padding:0;
	background-image:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_bk.gif);
	height:auto;
	min-height:29px;
	_height:29px;
	width:100%;
}
#main li#neirong_left  ul.TabBarLevel1 li{
	float:left;
	padding:0;
	height:29px;
	min-height:29px;
	_height:29px;
	margin-right:1px;
	background:url(/images/tabbar_level1_slice_left_bk.gif) left top no-repeat;
}
#main li#neirong_left  ul.TabBarLevel1 li a{
	display:block;
	line-height:29px;
	padding:0 20px;
	color:#333;
	background:url(/images/tabbar_level1_slice_right_bk.gif) right top no-repeat;
	white-space: nowrap;
}
#main li#neirong_left  ul.TabBarLevel1 li.Selected{
	background:url(/images/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;
	background-color:blue;
}
#main li#neirong_left  ul.TabBarLevel1 li.Selected a{
	background:url(/images/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;
}

#main li#neirong_left  ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{
	color:#333;
}
#main li#neirong_left  ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{
	color:#F30;
	text-decoration:none;
}

#main li#neirong_left  ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{
	color:#000;
}
#main li#neirong_left  ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{
	color:#FFFFFF;
	text-decoration:none;
}
#main li#neirong_left  ul.TabBarLevel1 li#Remark{
	background:none;
}
#main li#neirong_left  ul.TabBarLevel1 li#Remark a{
	background:url(/images/item060913_03.gif) left top no-repeat;
	margin:0 0 0 5px;
	padding-left:10px;
	font-weight:bold;
	color:#0044DD;
}
#main li#neirong_left  ul.TabBarLevel1 li#Forum{
	background:none;
}
#main li#neirong_left  ul.TabBarLevel1 li#Forum a{
	background:url(/images/item060913_05.gif) left top no-repeat;
	margin:0 10px 0 15px;
	padding-left:25px;
	font-weight:bold;
}
#main li#neirong_left  ul.TabBarLevel1 li#Forum a:link,ul.TabBarLevel1 li#Remark a:link,ul.TabBarLevel1 li#Forum a:visited,ul.TabBarLevel1 li#Remark a:visited{
	color:#0044DD;
}
#main li#neirong_left  ul.TabBarLevel1 li#Forum a:hover,ul.TabBarLevel1 li#Remark a:hover,ul.TabBarLevel1 li#Forum a:active,ul.TabBarLevel1 li#Remark a:active{
	color:#F30;
	text-decoration:none;
}



/*Overload Tabbar*/
body  ul.TabBarLevel1 li a:hover{color:#FFF;}
body  ul.TabBarLevel1 li.Selected a{color:#FFF;}
body  ul.TabBarLevel1{background:#FFF url(/images/list_tab_bottom.gif) 0px 0px repeat-x;}
body  ul.TabBarLevel1 li.Selected{background:transparent url(/images/list_tab_left.gif) 0px 0px no-repeat;}
body  ul.TabBarLevel1 li.Selected a{background:transparent url(/images/list_tab_right.gif) 100% 0px no-repeat;}

