/*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, 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{
 background: transparent url(bg0.gif) 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: normal 13px "Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif;
 padding: 7px 16px 5px 10px;
 text-decoration: none;
}

/*First level items style*/
/*inactive item*/
ul.smartmenu li.level1{
 margin-left:5px;
 color: #fff;
}

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: #FFCC33;
}

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: 210px;
 background: #202d36 url(bg1.gif) left top repeat-x;
}

/*inactive item*/
ul.smartmenu li.level2, ul.smartmenu li.level3{
 background: transparent none;
 color: #fff;
 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{
 background: transparent none;
 font-size: 12px;
 font-weight: normal;
 height: auto;
 padding: 6px 0px 6px 10px;
}

ul.smartmenu li.level2 a:hover, ul.smartmenu li.level3 a:hover{text-decoration:underline}

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;
 height: auto;
 padding: 6px 0px 6px 10px;
}

/*active item*/
ul.smartmenu li.level2:hover, ul.smartmenu li.level3:hover{
 background: transparent none;
 color: #FFCC33;
 padding:0px;
}

ul.smartmenu li.level1 li.last, ul.smartmenu li.level1 li.single{
}

#header .line2 {height:31px;}