/*Service part*/
/*Please DO NOT edit this values if you don't know what are you doing*/
ul.smartmenu, ul.smartmenu ul{list-style: none;margin: 0;padding: 0; float: left; width: 100%;text-align:left;height: auto;}
ul.smartmenu{position: relative}
ul.smartmenu li {float: left;position: relative;height: 100%;min-width: 30px;background: transparent;text-align: center;white-space:nowrap}
* html ul.smartmenu li{width:30px;overflow:visible}
ul.smartmenu li li{white-space: normal}
ul.smartmenu li.start{width: 7px; background: url(bg0-l.gif) right top no-repeat;display:block;height:30px}
ul.smartmenu li.level1 li.start, ul.smartmenu li.end{display: none;width: 0px;height: 0px;}
ul.smartmenu li a:link, ul.smartmenu li a:visited, ul.smartmenu li a:hover, ul.smartmenu li a:active{display: block;position:relative;width: auto;height:100%;overflow: hidden;background: transparent;color:inherit !important;color:expression(this.parentNode.currentStyle["color"]);}
ul.smartmenu li ul {display: none; position: absolute;left: 0;top: 100%;width: 100%;background: transparent}
ul.smartmenu li:hover ul{display: block}
ul.smartmenu li:hover li ul{display: none;top: 0px;left: 100%;}
ul.smartmenu li.last:hover ul{right: 0px;left: auto;}
ul.smartmenu li.last:hover li ul{right: 102%;left: auto;}
ul.smartmenu li:hover li:hover ul{display: block;}
ul.smartmenu li li.last:hover ul{left: 100%;right: auto;} 
ul.smartmenu li.last li.last:hover ul{left: auto; right: 102%;} 

/*User-defined part*/
/*Common items styles*/
ul.smartmenu{
 padding-left:7px;
 background: url(tommenunewbg.jpg) left top repeat-x;
}

ul.smartmenu li a:link, ul.smartmenu li a:visited, ul.smartmenu li a:hover, ul.smartmenu li a:active{
 font: bold 13px "Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
 padding: 0px 10px 0px 9px;
 vertical-align: middle;
 text-decoration: none;
}

/*First level items style*/
/*inactive item*/
ul.smartmenu li.level1{
 color: #ccc;
 height:30px;
}

ul.smartmenu li.level1 a:link, ul.smartmenu li.level1 a:visited, ul.smartmenu li.level1 a:hover, ul.smartmenu li.level1 a:active{
 height:30px;
 line-height: 30px;
}

ul.smartmenu li.level1 a:link, ul.smartmenu li.level1 a:visited{
 background: url(bg0-r.gif) right top no-repeat;
}

/*active item*/
ul.smartmenu li.level1:hover{
 background: url(bg0-ar.gif) right top no-repeat;
 color: #fff;
}
ul.smartmenu li.start:hover{background: url(bg0-l.gif) right top no-repeat;}

ul.smartmenu li.level1 a:hover, ul.smartmenu li.level1:hover a:link, ul.smartmenu li.level1:hover a:visited{
 background: url(bg0-al.gif) left top no-repeat;
}


/*Second level items style*/
/*list*/
ul.smartmenu li ul{
 width: 150px;
}

/*inactive item*/
ul.smartmenu li.level2, ul.smartmenu li.level3{
 background: url(./bg1.png) left top repeat;
 border: 1px solid #202020;
 border-top: 0px none;
 padding:0px;
 color: #ccc;
 text-align: left;
 width: 100%;
}


ul.smartmenu li.level2 a:link, ul.smartmenu li.level2 a:visited, ul.smartmenu li.level2 a:hover, ul.smartmenu li.level2 a:active,
ul.smartmenu li.level3 a:link, ul.smartmenu li.level3 a:visited, ul.smartmenu li.level3 a:hover, ul.smartmenu li.level3 a:active{
 height: auto;
 line-height: normal !important;
}


ul.smartmenu li.level2 a:link, ul.smartmenu li.level2 a:visited, ul.smartmenu li.level2 a:hover, ul.smartmenu li.level2 a:active{
 background: transparent none;
 font-size: 12px;
 font-weight: normal;
 padding: 6px 0px 6px 10px;
}
ul.smartmenu li.level3 a:link, ul.smartmenu li.level3 a:visited, ul.smartmenu li.level3 a:hover, ul.smartmenu li.level3 a:active,
ul.smartmenu li.level1:hover li a:link, ul.smartmenu li.level1:hover li a:visited{
 background: transparent none;
 font-size: 12px;
 font-weight: normal;
 padding: 6px 0px 6px 10px;
}

/*active item*/
ul.smartmenu li.level2:hover, ul.smartmenu li.level3:hover{
 background: url(bg0-ar.gif) right top no-repeat;
 border: 1px solid #202020;
 border-top: 0px none;
 color: #fff;
}

ul.smartmenu li.level1 li.last, ul.smartmenu li.level1 li.single{
 border-bottom: 1px #202020 solid;
}