/*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;}
ul.smartmenu{position: relative}
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 li a:link, ul.smartmenu li a:visited, ul.smartmenu li a:hover, ul.smartmenu li 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}
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: -1px;left: 100%;}
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: 100%;right: auto;} 
ul.smartmenu li.last li.last:hover ul{left: auto;right: 100%;} 

/*User-defined part*/

/*Common items styles*/

ul.smartmenu li a:link, ul.smartmenu li a:visited, ul.smartmenu li a:hover, ul.smartmenu li a:active{
 padding:8px 10px 8px 10px;
 text-align:center;
}

/*First level*/
/*Menu row styles*/
ul.smartmenu{
 background: #797f8b;
 font-family: Verdana;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
}

/*Inactive item styles*/
ul.smartmenu li.level1{
 background: #797f8b;
 color: #fff;
}

ul.smartmenu li.level1 a:link, ul.smartmenu li.level1 a:visited{
 text-decoration: none;
}

/*Active item styles*/
ul.smartmenu li.level1:hover{
 background: #DFDFE9;
 color: #000;
}

/*Highligh parent item when in subcat*/
ul.smartmenu .level2:hover .level1, ul.smartmenu .level2:hover .level1{
 background: #DFDFE9;
 color: #000;
}

/*Second and Third level*/
/*list*/
ul.smartmenu li.level1 ul, ul.smartmenu li.level2 ul{
 background: #CCC;
 border-top: 1px solid #333;
 font-family: tahoma;
 font-size: 11px;
 font-weight: normal;
 text-transform: none;
 width: 150px;
}

/*items common*/
ul.smartmenu li.level2, ul.smartmenu li.level3{
 border-bottom: 1px solid #333;
 
}

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{
 line-height: 25px;
 padding-bottom: 0px;
 padding-top: 0px;
 padding-left: 18px;
 text-align: left;
 vertical-align: middle;
}


/*inactive item*/
ul.smartmenu li.level2, ul.smartmenu li.level3{ 
 background: transparent;
 color: #484850;
 width: 100%;
}

/*inactive item with children*/
ul.smartmenu li.level1 li.hasChildren{
 background: transparent url(./parent.gif) right center no-repeat;
}

/*inactive item with chlidren reverse*/
ul.smartmenu li.last li.hasChildren{
 background: transparent url(./parent-r.gif) left center no-repeat;
}


/*active item*/
ul.smartmenu li.level2:hover, ul.smartmenu li.level3:hover{ 
 background: #F0EFF5;
 color: #484850;
}

ul.smartmenu li.level2 a:hover, ul.smartmenu li.level2:hover a:hover,
ul.smartmenu li.level3 a:hover, ul.smartmenu li.level3:hover a:hover{
 text-decoration: underline !important; /*!important is required for IE6 only*/
}

/*active item with chlidren*/
ul.smartmenu li.level1 li.hasChildren:hover{
 background: #F0EFF5 url(./parent.gif) right center no-repeat;
}

/*active item with chlidren reverse*/
ul.smartmenu li.last li.hasChildren:hover{
 background: #F0EFF5 url(./parent-r.gif) left center no-repeat;
}


/* 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 */