/* CSS Document */

/* common styling */
/* set up the overall width of the mony div, the font and the margins */
.mony {
font-family: arial, sans-serif;
width:112px;
float:left;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.mony ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.mony ul li {
float:left; 
position:relative;

}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.mony ul li a, .mony ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:112px; 
height:21px; 
color:#000; 
line-height:21px; 
font-size:12px;
background-image:url(../images/bizhong.gif);
}
/* make the dropdown ul invisible */
.mony ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main mony li on hover */
.mony ul li:hover a { 
background-image:url(../images/bizhong.gif);

}
/* make the sub mony ul visible and position it beneath the main mony list item */
.mony ul li:hover ul {
display:block; 
position:absolute; 
top:21px; 
left:0; 
width:112px;

}

/* style the background and foreground color of the submony links */
.mony ul li:hover ul li a {
	display:block;
	background:#F4F4F4;
	color:#000;
	width:110px;
	text-decoration: underline;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* style the background and forground colors of the links on hover */
.mony ul li:hover ul li a:hover {
background:#d27929; 
color:#000;
}

/* css myaccount */

/* common styling */
/* set up the overall width of the mony div, the font and the margins */
.myaccount {
font-family: arial;
width:93px;
float:left;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.myaccount ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.myaccount ul li {
float:left; 
position:relative;

}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.myaccount ul li a, .myaccount ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:93px; 
height:21px; 
color:#000; 
line-height:21px; 
font-size:12px;
background-image:url(../images/topbtnbg_01.jpg);
}
/* make the dropdown ul invisible */
.myaccount ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main mony li on hover */
.myaccount ul li:hover a { 
background-image:url(../images/topbtnbg_01.jpg);

}
/* make the sub mony ul visible and position it beneath the main mony list item */
.myaccount ul li:hover ul {
display:block; 
position:absolute; 
top:21px; 
left:0; 
width:93px;

}

/* style the background and foreground color of the submony links */
.myaccount ul li:hover ul li a {
	text-align:left;
	display:block;
	background:#F4F4F4;
	color:#000;
	width:91px;
	text-decoration: underline;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-indent: 15px;
}
/* style the background and forground colors of the links on hover */
.myaccount ul li:hover ul li a:hover {
background:#d27929; 
color:#fff;

}