/*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: 90%;text-align:center;}
ul.smartmenu{position: relative;height:35px;}
ul.smartmenu li {float: left;position: relative;height: 100%;min-width: 40px;background: transparent;text-align: center;white-space:nowrap}
* html ul.smartmenu li{width:40px;overflow:visible}
ul.smartmenu li li{white-space:normal}
ul.smartmenu a:link, ul.smartmenu a:visited, ul.smartmenu a:hover, ul.smartmenu a:active{display: block;width: auto;height:100%;overflow: hidden;background: transparent;color:inherit !important;color:expression(this.parentNode.currentStyle["color"]) !important;font-size:inherit !important;font-size:expression(this.parentNode.currentStyle["fontSize"]) !important;}
ul.smartmenu li ul {display: none; position: absolute;left: 0;top: 100%;width: 100%;background: transparent;}
ul.smartmenu li.level1.last {position: absolute; right: 0px;}
ul.smartmenu li:hover ul{display: block;z-index:1400}
ul.smartmenu li:hover li ul{display: none;top: 0px;left: 100%;z-index:-300;}
ul.smartmenu li.last:hover ul{right: 0px;left: auto;}
ul.smartmenu li.last:hover li ul{right: 100%;left: auto;}
ul.smartmenu li:hover li:hover ul{display: block;}
ul.smartmenu li.start, ul.smartmenu li.end{display: none;width: 0px;height: 0px;}
ul.smartmenu li li.last:hover ul{left: 95%; right: auto;} 
ul.smartmenu li.last:hover li.last ul{left: auto;right:95%;} 
/*User-defined part*/
ul.smartmenu li:hover li ul{left: 95%}
ul.smartmenu li.last:hover li ul{right: 95%;left: auto;}
ul.smartmenu li.last:hover ul{right: -2px;left: auto;}
/*common styles*/
ul.smartmenu{
 background: url(./zzbg0.png) left bottom repeat-x;
}
ul.smartmenu li{
 background: transparent none;
 color: #000000;
 height:auto;
 margin-right: 8px; 
 padding-left: 0px;
 white-space: nowrap;
}
ul.smartmenu li.level1{
 color: #000000;
 background: url(./bg0-asl.png) left top no-repeat;
}
ul.smartmenu li.level1 a, ul.smartmenu li.level1 a{
 background: url(./bg0-as.png) right top no-repeat;
}
ul.smartmenu a:link, ul.smartmenu a:visited {
 font: bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif !important;
 margin-left: 8px;
 outline: none;
 padding: 10px 12px 7px 0px;
 text-decoration: none;
}
/*First level*/
ul.smartmenu li.level1:hover{
 color: #000000;
 background: url(./bg0-asl.png) left top no-repeat;
}
ul.smartmenu li.level1:hover a, ul.smartmenu li.level1:hover a:hover{
 background: url(./bg0-as.png) right top no-repeat;
}
ul.smartmenu li.hasChildren:hover{
 background: url(./bg0-al.png) left top no-repeat;
}
ul.smartmenu li.hasChildren:hover a:link, ul.smartmenu li.hasChildren:hover a:visited{
 background: url(./bg0-a.png) right top no-repeat;
}
/*Second level*/
ul.smartmenu li.level1 ul{
 top: 99%;
 width: 189px;
}
ul.smartmenu li.hasChildren:hover li, ul.smartmenu li.level2, ul.smartmenu li.level3{
 background: url(./bg1.png) left top repeat-y;
 color: #000000;
 left: 0px;
 padding: 0px;
 text-align: left;
 white-space: normal;
 width: 100%;
}
ul.smartmenu li.hasChildren:hover li a:link, ul.smartmenu li.hasChildren:hover li a:visited,
ul.smartmenu li.level2 a:link, ul.smartmenu li.level2 a:visited,
ul.smartmenu li.level3 a:link, ul.smartmenu li.level3 a:visited{
 background: transparent !important;
 padding: 8px 8px 8px 6px;
 white-space: normal;
 width:auto;
}
ul.smartmenu li.level2 a:hover, ul.smartmenu li.level3 a:hover{
 text-decoration: underline;
}
ul.smartmenu li.level1 li.end{
 background: url(./bg1-c.png) left top no-repeat !important;
 display: block;
 height: 12px;
}
/*Third level*/
ul.smartmenu li.level2 ul{
 background: transparent none;
 top: -6px;
 width: 189px;
}
ul.smartmenu li.level2 li.start{
 background: url(./bg2-o.png) left top no-repeat !important;
 display: block;
 height: 6px;
}
ul.smartmenu li.level2 li.end{
 background: url(./bg1-c.png) left top no-repeat !important;
 display: block;
 height: 10px;
}
/* Remove this line to embed menu in the header of default X-Cart skin */ /*
ul.smartmenu{
padding: 0px 7px;
}
#content-container {
margin-top:155px;
}
.line3 .printable-bar {
height:18px;
top:45px;
}
.flc-container #content-container {
margin-top:135px;
}
 */ /* Remove this line to embed menu in the header of default X-Cart skin */