
/* DROP-DOWN MENU */

/* 1st LAYER */
	#topnav {
		margin: 0 0 0 0;
		width: 900px;
		height: 60px;
	}

/* SUB MENU */
.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, #dm0m9, #dm0m10, #dm0m11, #dm0m12, #dm0m13, #dm0m14, #dm0m15, #dm0m16, #dm0m17, #dm0m18, #dm0m19, #dm0m20, #dm0m21, #dm0m22 {
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	text-align: left;
    background-image: url(../../../assets/img/nav_dropdown_fadebg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	border: 0px solid #bbb;
	border-top: none;
}

/** this is a wacky hack to work around some stuff in the the dynamic menu **/
#dm0m0tbl.submenu {
	background: 0;
	padding: 0;
	border: none;
	}


/* SETUP MAIN NAV IMAGE HERE */

/* (SEPARATOR) */

.mi_top_Separator {
	width: 2px;
	height: 60px;
	background-image: url(../../../assets/img/nav_separator.gif);
	background-repeat: no-repeat;
	}





/* INDEX */

.mi_top_Index {
	cursor: pointer;
 	width: 106px;
	height: 60px;
	background-image:url(../../../assets/img/viet/nav_main/nav_index.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_Index {
			cursor: pointer;
			width: 106px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_index_o.gif);
			background-repeat: no-repeat;
			}





/* AUTO */

.mi_top_Auto {
	cursor: pointer;
 	width: 93px;
	height: 60px;
	background-image: url(../../../assets/img/viet/nav_main/nav_auto.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_Auto {
			cursor: pointer;
			width: 93px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_auto_o.gif);
			background-repeat: no-repeat;
			}





/* HOMEOWNER */

.mi_top_Homeowner {
	cursor: pointer;
 	width: 192px;
	height: 60px;
	background-image: url(../../../assets/img/viet/nav_main/nav_homeowner.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_Homeowner {
			cursor: pointer;
			width: 192px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_homeowner_o.gif);
			background-repeat: no-repeat;
			}





/* LIFE */

.mi_top_Life {
	cursor: pointer;
 	width: 111px;
	height: 60px;
	background-image: url(../../../assets/img/viet/nav_main/nav_life.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_Life {
			cursor: pointer;
			width: 111px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_life_o.gif);
			background-repeat: no-repeat;
			}





/* BUSINESS */

.mi_top_Business {
	cursor: pointer;
 	width: 151px;
	height: 60px;
	background-image: url(../../../assets/img/viet/nav_main/nav_business.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_Business {
			cursor: pointer;
			width: 151px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_business_o.gif);
			background-repeat: no-repeat;
			}





/* ABOUT US */

.mi_top_About {
	cursor: pointer;
 	width: 114px;
	height: 60px;
	background-image: url(../../../assets/img/viet/nav_main/nav_about.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_About {
			cursor: pointer;
			width: 114px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_about_o.gif);
			background-repeat: no-repeat;
			}





/* CONTACT US */

.mi_top_Contact {
	cursor: pointer;
 	width: 121px;
	height: 60px;
	background-image: url(../../../assets/img/viet/nav_main/nav_contact.gif);
	background-repeat: no-repeat;
	}

		.mi_top_over_Contact {
			cursor: pointer;
			width: 121px;
			height: 60px;
			background-image: url(../../../assets/img/viet/nav_main/nav_contact_o.gif);
			background-repeat: no-repeat;
			}





.icont {
	width: 100%;
}

.icont td {
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
}

.icont .l {
	width: 3px;
	height: 24px;
}
.icont .r {
	width: 3px;
	height: 24px;
}
.icont td.m {
	padding-left: 3px;
}

/* Style for items: normal state */
.mi {
  cursor: pointer;
  padding: 0 5px 0 5px;
  width: 250px;
}

/* Style for items: mouseover state */
.mi_over {
  cursor: pointer;
  padding: 0 5px 0 5px;
  width: 250px;
}

/* Style for items text: normal state */
.mi_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #232323;
  width: 100%;
}

/* Style for items text: mouseover state */

.mi_text_over .icont .l {
  background-image: url(../../../assets/img/nav_dropdown_l.gif);
  background-repeat: none;
}

.mi_text_over .icont .m {
  background-image: url(../../../assets/img/nav_dropdown_m.gif);
  background-repeat: repeat-x;
  color: #FFFFFF;
}

.mi_text_over .icont .r {
  background-image: url(../../../assets/img/nav_dropdown_r.gif);
  background-repeat: none;
}


/** end menus **/














/** product page submenu **/

#submenu {
	position: relative;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold; 
	width: 748px;
	height: 54px;
	border-left: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	margin: 0 auto;
	padding-left: 10px;
	text-align: left;
	background: url(../../mt menu/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(../../mt menu/submenu_sp.gif) no-repeat right center;
}

#submenu ul li a:hover{
	text-decoration: underline;
	color: #428CE7;
	background: url(../../mt menu/submenu_tab_hover.gif) no-repeat bottom center;
}
#submenu a.status {
	float:right; width: 112px; height:40px; margin-right:8px;
	background: url(../../mt menu/sysstatus_03.gif) no-repeat bottom left;
}
#submenu a.status:hover {
	background: url(../../mt menu/sysstatus_over_03.gif) 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: 10px;
	font-family: Verdana; 
	margin-top: 15px;
	padding-left: 5px;
	text-align: left;
	background: url('/_images/widgets/mininav/mini-bg.gif') 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(../../mt menu/mininav-tab-off.gif) 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(../../mt menu/mininav-tab-on.gif) no-repeat right center;
}

#mininav ul li.end {
	display: block;
	width: 84px;
	height: 20px;
	background: url(../../mt menu/mini-end.gif) no-repeat right center;
}

/** end mininav **/	
