﻿

/** menus **/

#topnav {
	width: 979px;
	height: 46px;
}

/* Style for submenus */
.m_top {
}

/* IE cant set padding on a table so I've rev-engineered the menus and these are 
   the containing divs for the sub-menus */
#dm0m1, #dm0m2, #dm0m3, #dm0m4, #dm0m5, #dm0m6, #dm0m7, #dm0m8 {
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #000;
	border-top: none;
	margin-left:-2px;
}

/** this is a wacky hack to work around some stuff in the the dynamic menu **/
#dm0m0tbl.submenu {
	background: 0;
	padding: 0;
	border: none;
}


.mi_top_tkb {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m01_m.jpg);
  background-repeat: none;
}
.mi_top_round {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m02_m.jpg);
  background-repeat: none;
}
.mi_top_news {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m03_m.jpg);
  background-repeat: none;
}
.mi_top_movie {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m04_m.jpg);
  background-repeat: none;
}
.mi_top_star {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m05_m.jpg);
  background-repeat: none;
}

.mi_top_ucc {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m06_m.jpg);
  background-repeat: none;
}

.mi_top_bbs {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m07_m.jpg);
  background-repeat: none;
}

.mi_top_data {
  cursor: pointer;
  width: 173px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m08_m.jpg);
  background-repeat: none;
}

.mi_top_over_tkb {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m01_m_on.jpg);
  background-repeat: none;
}
.mi_top_over_round {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m02_m_on.jpg);
  background-repeat: none;
}
.mi_top_over_news {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m03_m_on.jpg);
  background-repeat: repeat-x;
}
.mi_top_over_movie {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m04_m_on.jpg);
  background-repeat: none;
}
.mi_top_over_star {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m05_m_on.jpg);
  background-repeat: none;
}
.mi_top_over_ucc {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m06_m_on.jpg);
  background-repeat: none;
}
.mi_top_over_bbs {
  cursor: pointer;
  width: 115px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m07_m_on.jpg);
  background-repeat: none;
}
.mi_top_over_data {
  cursor: pointer;
  width: 173px;
  height: 46px;
  background-image: url(../_menus/ww/images8/m08_m_on.jpg);
  background-repeat: none;
}

.icont {
	width: 100%;
}

.icont td {
  padding: 0px;
  font-size: 12px; 
}

.icont .l {
	width: 3px;
	height: 26px;
}
.icont .r {
	width: 3px;
	height: 26px;
}
.icont td.m {
	padding-left: 12px;
}

/* Style for items: normal state */
.mi {
  cursor: pointer;
  padding-left: 0px;
  padding-right: 0px;
  width:94px;
	text-align: center;
}

/* Style for items: mouseover state */
.mi_over {
  cursor: pointer;
  padding-left: 0px;
  padding-right: 0px;
  width: 94px;
	text-align: center;
}

/* Style for items text: normal state */
.mi_text {
  color: #ffffff;
  width: 100%;
}

/* Style for items text: mouseover state */
.mi_text_over .icont .l {
  background-image: url(../_menus/ww/images8/ww_drop_hover_left.gif);
  background-repeat: none;
}
.mi_text_over .icont .m {
  background-image: url(../_menus/ww/images8/drop_hover_bg.gif);
  background-repeat: repeat-x;
  color: #FFFFFF;
}
.mi_text_over .icont .r {
  background-image: url(../_menus/ww/images8/drop_hover_right.gif);
  background-repeat: none;
}


/** end menus **/


/** product page submenu **/

#submenu {
	position: relative;
	font-size: 12px;
	font-weight: bold; 
	width: 979px;
	height: 54px;
	border-left: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	margin: 0 auto;
	padding-left: 10px;
	text-align: left;
	background: url(../_menus/ww/images8/submenu_bg.gif) repeat-x left top;
}


#submenu ul {
	margin: 0;
	padding: 0;
	line-height: normal;  
}

#submenu ul li {
	width: 98px;
	display: inline;
	float: left; 
	list-style: none;
	text-align: center;
}

#submenu ul li a {
	display: block;
	text-decoration: none;
	line-height: 52px;
	width: 98px;
	height: 54px;
	color: #737373;
	background: url(../_menus/ww/images8/submenu_sp.gif) no-repeat right center;
}

#submenu ul li a:hover{
	text-decoration: underline;
	color: #428CE7;
	background: url(../_menus/ww/images8/submenu_tab_hover.gif) no-repeat bottom center;
}
#submenu a.status {
	float:right; width: 112px; height:40px; margin-right:8px;
	background: url(../_images/gs_icons/sysstatus_03.giff') no-repeat bottom left;
}
#submenu a.status:hover {
	background: url(../_images/gs_icons/sysstatus_over_03.giff') no-repeat bottom left;
}

/** end submenu **/	

/** mininav (sub sub tabs) widget **/

#mininav td {
	text-align: left;
}

#mininav {
	position: relative;
	float: left;
	height: 20px;
	font-size: 12px;
	font-family: µ¸=; 
	margin-top: 15px;
	padding-left: 5px;
	text-align: left;
	background: url(../_images/widgets/mininav/mini-bg.giff') repeat-x left top;
}

#mininav ul {
	margin: 0;
	padding: 0;
	line-height: normal;  
}

#mininav ul li {
	width: 84px;
	display: inline;
	float: left; 
	list-style: none;
	text-align: center;
}

#mininav ul li a, #mininav ul li a:visited {
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 84px;
	height: 20px;
	color: #ACACAC;
	background: url(../_images/widgets/mininav/mininav-tab-off.giff') no-repeat right center;
}

#mininav ul li a:hover{
	text-decoration: none;
	color: #428CE7;
}

#mininav ul li.on a, #mininav ul li.on a:visited {
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 84px;
	height: 20px;
	color: #428CE7;
	background: url(../_images/widgets/mininav/mininav-tab-on.giff') no-repeat right center;
}

#mininav ul li.end {
	display: block;
	width: 84px;
	height: 20px;
	background: url(../_images/widgets/mininav/mini-end.giff') no-repeat right center;
}

/** end mininav **/	
