/* mdlShopMenu Style Sheet */
.mdlShopMenu {
	width:200px;
	position:relative;
	border:1px solid #CB9DCB; 
	background-color:#FFF !important; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	cursor:pointer;
	border-collapse:collapse;
}

.mdlShopMenu, .mdlShopSubMenuTable {
	font-family: inherit;
	font-size: inherit;
	padding: 0;
	white-space: nowrap;
	cursor:	pointer;
}

.mdlShopSubMenu {
	position:	absolute;
	visibility:	hidden;
	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:1000;
	border:0;
	padding:1px;
	background-color:	#F0F0E0/*#F4E296*/;
	overflow:	visible;
	border:		1px solid #DDD;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}

.mdlShopSubMenu {filter:alpha(opacity=86);-moz-opacity:.86; opacity:.86;} 

.mdlShopSubMenuTable {
	overflow:	visible;
}

.mdlShopMainItem,.mdlShopMainItemHover,.mdlShopMainItemActive,
.mdlShopMenuItem,.mdlShopMenuItemHover,.mdlShopMenuItemActive {
	color:#666699;
	border: 0;
	cursor: pointer;
	padding:6px;
	border-bottom:1px solid #CB9DCB;
}

.mdlShopMainItem {
	background-color:inherit;	
}
.mdlShopMainItemHover,.mdlShopMainItemActive {
	color:#333;
	background-color:	#F0F0E0 /*#F4E296*/;
	filter:alpha(opacity=76);-moz-opacity:.76; opacity:.76;
	border-bottom:1px solid #CB9DCB;
}

.mdlShopMenuItem {
	background-color:#FFF;
}
.mdlShopMenuItemHover, .mdlShopMenuItemActive {
	color:#333;
	background-color:	#F0F0E0 /*#F4E296*/;
	border-bottom:1px solid #CB9DCB;	
}
/* horizontal main menu */
.mdlShopMainItem {
	padding:	0px;
	border:		0;
	border-bottom:1px solid #CB9DCB;
}
td.mdlShopMainItemHover, td.mdlShopMainItemActive {
	padding:	0px;
	border-bottom:1px solid #CB9DCB;
}

.mdlShopMainFolderLeft,.mdlShopMainItemLeft,
.mdlShopMainFolderText,.mdlShopMainItemText,
.mdlShopMainFolderRight,.mdlShopMainItemRight {
	background-color: inherit;
}
/* vertical main menu sub components */
td.mdlShopMainFolderLeft,td.mdlShopMainItemLeft {
	padding-top:	2px;
	padding-bottom:	4px;
	padding-left:	0px;
	padding-right:	2px;
	border-top:	1px solid #CCC;
	border-bottom:	1px solid #CCC;
	border-left:	1px solid #CCC;
	background-color:	inherit;
}
td.mdlShopMainFolderText,td.mdlShopMainItemText {
	padding-top:	2px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
	border-top:	1px solid #CCC;
	border-bottom:1px solid #CB9DCB;
	white-space:	nowrap;
	background-color: inherit;	
}
td.mdlShopMainFolderRight,td.mdlShopMainItemRight
{
	padding-top:	2px;
	padding-bottom:	4px;
	padding-left:	0px;
	padding-right:	0px;
	border-top:	1px solid #CCC;
	border-bottom:1px solid #CB9DCB;
	border-right:	1px solid #CCC;
	background-color:	inherit;
}

tr.mdlShopMainItem td.mdlShopMainFolderLeft,
tr.mdlShopMainItem td.mdlShopMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;
	white-space:	nowrap;
	border:		0;
	background-color:	inherit;
	border-bottom:1px solid #CB9DCB;
}

tr.mdlShopMainItem td.mdlShopMainFolderText,
tr.mdlShopMainItem td.mdlShopMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
	border:		0;
	border-bottom:1px solid #CB9DCB;
	background-color: inherit;	
}

tr.mdlShopMainItem td.mdlShopMainItemRight,
tr.mdlShopMainItem td.mdlShopMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:		0;
	background-color:	inherit;
	border-bottom:1px solid #CB9DCB;
}

/* sub menu sub components */

.mdlShopMenuFolderLeft,.mdlShopMenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	1px;
	padding-right:	3px;
	border-top:	1px solid #CCC;
	border-bottom:1px solid #CB9DCB;
	border-left:	1px solid #CCC;
	background-color:	inherit;
	white-space:	nowrap;
}
.mdlShopMenuFolderText,.mdlShopMenuItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
	border-top:	1px solid #CCC;
	border-bottom:1px solid #CB9DCB;
	background-color:	inherit;
	white-space:	nowrap;
}
.mdlShopMenuFolderRight,.mdlShopMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;
	border-top:	1px solid #CCC;
	border-bottom:1px solid #CB9DCB;
	border-right:	1px solid #CCC;
	background-color:	inherit;
	white-space:	nowrap;
}
.mdlShopMenuItemLeft {
	background-color:#EDEDED;
}
.mdlShopMenuItem .mdlShopMenuFolderLeft,
.mdlShopMenuItem .mdlShopMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;
	white-space:	nowrap;
	border:		0;
}

.mdlShopMenuItem .mdlShopMenuFolderText,
.mdlShopMenuItem .mdlShopMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
	border:		0;
	background-color:	inherit;
}

.mdlShopMenuItem .mdlShopMenuFolderRight,
.mdlShopMenuItem .mdlShopMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:		0;
	background-color:	inherit;
}

/* menu splits */

.mdlShopMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C6C3BD;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.mdlShopMenuItem img.seq1
{
	display:	inline;
}

.mdlShopMenuItemHover seq2,
.mdlShopMenuItemActive seq2
{
	display:	inline;
}

.mdlShopMenuItem .seq2,
.mdlShopMenuItemHover .seq1,
.mdlShopMenuItemActive .seq1
{
	display:	none;
}