#SuperFish						{ margin-left:1%; position:relative; z-index:907}
/*Modified to fit language ... margin-left to 1% from 5%*/
.mmstyle, .mmstyle * 						{ margin:0;padding:0;list-style:none;}
.mmstyle > li 								{ position:relative;float:left; margin:0px;}
.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active { display:block; color:#5b6770; padding:0px 6px;text-decoration:none; line-height:20px; font-size:11px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;letter-spacing:normal;font-family: Arial, Helvetica, sans-serif; }
/*Modified above to deal with language translation ... 8px padding to 6 px*/
.mmstyle li a.mmArrow:link,.mmstyle li a.mmArrow:active,.mmstyle li a.mmArrow:visited,.mmstyle li a.mmArrow:hover					{ position:absolute; right:2px; top:0px;display:block; line-height:1em; padding:0px; background:url(../image/d-w.gif) center center no-repeat; width:10px; height:60px}
.mmstyle li a.mmArrow img					{ width:14px;}
.mmstyle li .mmIcon							{ float:left; padding-right:5px;max-height:16px}
.mmstyle li ul li span.sf-sub-indicator		{ display:block; background:url(../image/right.png) center center no-repeat; padding:5px; width:10px; position:absolute; right:0px; top:12px;}
.mmstyle li.sfHover a,.mmstyle li a:hover	{ background:url(../image/submenu.png) 0 0 repeat; color:#000}
.mmstyle li.current a,	.mmstyle li.Breadcrumb a{ color:#8e7e69}
/***submenu***/

.mmstyle ul 								{ position:absolute;top:-999em;z-index:99; display:none;padding:10px 0;background:url(../image/submenu.png) 0 0 repeat}
.mmstyle li li								{ width:100%;position:relative;	text-align:left;}
.mmstyle li li a,
.mmstyle li li a:link,
.mmstyle li li a:active,
.mmstyle li li a:visited					{ font-weight:normal;  padding:5px 0 5px 10px;text-transform:none; font-size:11px;  line-height:1em; background:none; color:#5b6770}
.mmstyle li li > a:hover,
.mmstyle li li.sfHover > a					{ text-decoration:none; background:#c4c6c8; color:#fff}
.mmstyle li:hover ul,
.mmstyle li.sfHover ul 						{ left:0px;top:20px;}
ul.mmstyle li:hover li ul,
ul.mmstyle li.sfHover li ul 				{ top:-999em;}
.mmstyle ul, .mmstyle ul ul, .mmstyle ul ul ul,.mmstyle ul ul ul ul{ width:160px}
/***subsubmenu***/

ul.mmstyle li li:hover ul, ul.mmstyle li li.sfHover ul,
ul.mmstyle li ul li li:hover ul, ul.mmstyle li ul li li.sfHover ul,
ul.mmstyle li ul li ul li li:hover ul, ul.mmstyle li ul li ul li li.sfHover ul { left:160px; top:0px;}
ul.mmstyle li li:hover li ul, ul.mmstyle li li.sfHover li ul,
ul.mmstyle li ul li li:hover li ul, ul.mmstyle li ul li li.sfHover li ul,
ul.mmstyle li ul li ul li li:hover li ul, ul.mmstyle li ul li ul li li.sfHover li ul { top:-999em;}


/* Mobile */
@media handheld, only screen and (max-width: 980px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 9px;}}
@media handheld, only screen and (max-width: 950px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 8px}}
@media handheld, only screen and (max-width: 920px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 7px;}}
@media handheld, only screen and (max-width: 890px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 6px;}}
@media handheld, only screen and (max-width: 860px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 5px;}}
@media handheld, only screen and (max-width: 830px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 4px;}}
@media handheld, only screen and (max-width: 800px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 3px;}}
@media handheld, only screen and (max-width: 760px){
nav#dnnnav									{ margin-top:0px}
#SuperFish									{ margin-left:0%;}

.mmstyle li.sfHover a,.mmstyle li a:hover	{ background: none}
.mmstyle > li								{ width:100%; float:none; margin-bottom:0px; text-align:left; border-top:1px #f5f5f5 solid; border-bottom:1px #ddd solid;}
.mmstyle li a.mmArrow img					{ width: auto;}
.mmstyle > li.sfHover > a 					{ margin-bottom:0px}
.mmstyle li li a,
.mmstyle li li a:link,
.mmstyle li li a:active,
.mmstyle li li a:visited					{ padding:5px 0 5px 20px;}

.mmstyle ul 								{ position:static; width:auto; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top:0px; padding:0px}
.mmstyle li li								{ text-align:left;}
ul.mmstyle ul ul 							{ position: relative;top:-999em;z-index:99;width: auto; display:none;padding:0px; border:0px #d5d5d5 solid;left:0px}
ul.mmstyle li li:hover ul, ul.mmstyle li li.sfHover ul { left:0px; top:0px;}
ul.mmstyle li ul li li:hover ul, ul.mmstyle li ul li li.sfHover ul { left:0px; top:0px;}
.mmstyle ul ul li							{ background:none; padding-bottom:0; font-style:italic; margin-bottom:0px;}
.mmstyle li a.mmArrow:link,.mmstyle li a.mmArrow:active,.mmstyle li a.mmArrow:visited,.mmstyle li a.mmArrow:hover					{ background:url(../image/m-d-b.gif) center center no-repeat; width:30px; height:50px}
.mmstyle li.current a,
.mmstyle li.Breadcrumb a					{ text-decoration:none; background:#fff; color:#0068b3}
.mmstyle li:hover a.mmArrow,
.mmstyle li.Breadcrumb  a.mmArrow			{ text-decoration:none; background:url(../image/m-d-b-o.gif) center center no-repeat}
ul.mmstyle li ul li ul li li:hover ul, ul.mmstyle li ul li ul li li.sfHover ul { left:0px; top:0px; width:auto}
ul.mmstyle li ul li ul li li:hover li ul, ul.mmstyle li ul li ul li li.sfHover li ul { top:-999em;}
.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active {display:block; color:#333; padding:12px 20px;text-decoration:none; line-height:1em; font-size:18px}

}