/* CSS Document */

/*Dropdown Menu*/

img{ margin: 0px; padding: 0px;}

/*the columns that gets dropped down over yours might be different*/
#twocols{z-index:200;}

/*the columns that gets dropped down over yours might be different*/
#leftcol{ z-index:100;}


/* I have absolutely positioned the module, you might have a different scheme*/

#menu ul {
	margin:0;
	padding:7px 0 0 25px;
}

.moduletablemainnav { 
	-webkit-text-size-adjust:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

/**top_menu word**/
#mainlevelmainnav,#mainlevelmainnav ul {
	float:left;
	list-style:none;
	line-height:0em; 
	background:transparent;
	font-weight:600;
	margin-bottom:0!important; *margin: center;
	padding-top:2px; *padding-top:7px;
	padding-bottom:0px;
}


/**top_menu word**/
#mainlevelmainnav a {
	-webkit-text-size-adjust:none;
	font-family: Verdana, Arial;
	font-weight:bolder;
	font-size: 11px;
	display:block;
	color:#333333;
	text-decoration:none;
	margin:0px;
	/** border:1px solid #ff0000; **/
	padding: 9px 25px 13px 25px; /** 下拉選單掉下來時和menu bar的距離 **/
	background-image: url('/image/happymall_line.gif');
	background-position: right center;
	background-repeat: no-repeat;
}


/**top link變色**/
/**Leve1 hover**/
#mainlevelmainnav a:hover { color: #bc0500; }

#mainlevelmainnav a img {
	text-decoration:none;
	margin:0px;
	padding: -2px;
	position: relative;
	line-height:0em;
}

#mainlevelmainnav a:hover img {
	visibility:hidden;
	margin:0px;
	padding: 0px;
}

#mainlevelmainnav li {
	float:left;
	padding:0;
}

/**level 2**/
#mainlevelmainnav li ul {
	position:absolute;
	left:-199em;
	height:auto;
	width:180px;
	padding: 5px 15px 6px 15px;
	font-weight:400;
	background:#f6f6f6;
	margin:0;
	padding: 0;
}

#mainlevelmainnav li li {
	width:13.5em;
}

/**level 2 字和線的顏色**/
#mainlevelmainnav li ul a {
	-webkit-text-size-adjust:none;
	color:#444444;
	padding: 5px 15px 6px 15px;
	font-size:0.9em;
	line-height:1em;
	font-weight:600;

	width:13.8em; *width:18em;
	border-right:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	background-image: none;
}
/**level 2 link顏色**/
#mainlevelmainnav li ul a:hover{
	background: #efefef;
	color: #bc0500;
}



#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
	left:auto;
	z-index:6000;
	display: inline-block;
}

#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li.sfhover{
	position:absolute; *position:relative
	background: #f6f6f6 ;
	display: inline-block;
	z-index:8000;
}


.sublevelmainnav a:hover{

background: #f6f6f6 ;

}

/**all menu**/
#menu {
	background: #f6f6f6 url('/image/menubar_bg.gif') right repeat-x;
	position:relative;
	padding: 0;
	margin: 0;
	width: 950px;
	height: 31px;
}

/*****straight*****/


img {
	margin: 0px;
	padding: 0px;
}

#twocols{ /*the columns that gets dropped down over yours might be different*/
	z-index:200;
}

#leftcol{  /*the columns that gets dropped down over yours might be different*/
	z-index:100;
}


.moduletablemainnav1{ /* I have absolutely positioned the module, you might have a different scheme*/
	-webkit-text-size-adjust:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

/**level 1_menu word**/
#mainlevelmainnav1,#mainlevelmainnav1 ul{
	float:left;
	list-style:none;
	line-height:.8em;
	background:transparent;
	font-weight:600;
	margin:0;
	padding:0;
}

/**level 1_menu word 改國旗的地方**/
#mainlevelmainnav1 a {
	-webkit-text-size-adjust:none;
	display:block;
	color:#333333;
	text-decoration:none;
	margin:0px;
	padding: 8px 0px 8px 5px; *padding: 6px 0px 6px 5px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	font-weight:700;
}



/**第一個外框**/
#mainlevelmainnav1 li {
	float:left;
	padding:0; *padding:0;
	border-right: #cccccc 1px solid;
	border-left:#cccccc 1px solid;
	border-top:#cccccc 1px solid;
	width:154px; *width:156px;
	background: #f6f6f6;
}

/**level2 bg**/
#mainlevelmainnav1 li ul{
	position:absolute;
	left:-199em;
	height:auto;
	width:18.1em; *width:13.4em;
	font-weight:400;
	background:#f6f6f6;
	border-bottom:#cccccc 1px solid;
	margin:-1.8em;
	padding: 0;
	margin-top:-1.8em;
}



/**level 3 bg**/
#mainlevelmainnav1 li ul ul{
	position:absolute;
	left:-199em;
	height:auto;
	width:13.4em;
	font-weight:400;
	background:#f6f6f6;
	margin-left:0em;
	margin-top:-1.9em;
	padding:0;
}


#mainlevelmainnav1 li li{ width: 18em;}

/**level 2 word**/
#mainlevelmainnav1 li ul a{
	-webkit-text-size-adjust:none;
	width:auto;
	color:#333333;
	padding: 5px 15px 6px 15px;
	font-size:.9em;
	line-height:1em;
	font-weight:600;
}

/**level 3 color**/
#mainlevelmainnav1 li li li{
	width:13.5em;
	background-color:#f6f6f6;
}

/**level 3 color**/
#mainlevelmainnav1 li ul ul a{
	-webkit-text-size-adjust:none;
	width:12.2em; *width:15em;
	color:#333;
	padding: 5px 15px 6px 15px;
	font-size:.9em;
	line-height:1em;
	font-weight:600;
	border-right:#a4a38e 1px solid;
}

#mainlevelmainnav1 li ul a img{
	padding: 0px;
	margin: 0;
}

/**level 1 background**/
#mainlevelmainnav1 a:hover{
	background: #efefef ;
	color:#bc0500;
}



#mainlevelmainnav1 li:hover ul ul,#mainlevelmainnav1 li:hover ul ul ul,#mainlevelmainnav1 li.sfhover ul ul,#mainlevelmainnav1 li.sfhover ul ul ul{
	left:-999;
	display: inline-block;
	background: #36362c;
}

#mainlevelmainnav1 li:hover ul,#mainlevelmainnav1 li li:hover ul,#mainlevelmainnav1 li li li:hover ul,#mainlevelmainnav1 li.sfhover ul,#mainlevelmainnav1 li li.sfhover ul,#mainlevelmainnav1 li li li.sfhover ul{
	left:150px;
	z-index:6000;
	display: inline-block;
}

#mainlevelmainnav1 li li:hover ul,#mainlevelmainnav1 li li.sfhover{
	position:absolute; *position:relative
	background: #36362c ;
	display: inline-block;
	z-index:8000;
}


.sublevelmainnav1 a:hover{
	background: #36362c ;
}


#menu1 {
	position:relative;
	z-index:50;
	padding: 0;
	margin: 0;
	width: 156px;
	height: auto; *height: 390px;

}