/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * Flyout menus module CSS stylesheet
 *  
 * @category   X-Cart
 * @package    X-Cart
 * @subpackage CSS
 * @author     Ruslan R. Fazlyev <rrf@x-cart.com> 
 * @version    406d3a76653d626f971ba915d065e12e39b17508, v3 (xcart_4_4_0), 2010-07-22 09:41:43, main.css, igoryan
 * @link       http://www.x-cart.com/
 * @see        ____file_see____
 */

/**
 * Layout 
 */
.menu-fancy-categories-list .content {
  overflow: visible;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 6px;
}
.fancycat-icons-e {
  padding: 0;
  margin: 0;
  position: absolute;
  width: auto;
  top: 8px;
  left: 10px;
  box-shadow: 0 0 3px #252525;

  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  
  behavior: url(/PIE/PIE.htc);
}

.fancycat-icons-e ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  list-style: outside none;
}

.fancycat-icons-e ul li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid #292929;
  border-right: 0 none;
  background: transparent none;
}
.fancycat-icons-e ul.fancycat-icons-level-0 > li.last {
  border-right: 1px solid #292929;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e ul.fancycat-icons-level-0 > li.last a {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e ul.fancycat-icons-level-0 li.first-home,
.fancycat-icons-e ul.fancycat-icons-level-0 li.first-home a {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  behavior: url(/PIE/PIE.htc);
}

.fancycat-icons-e li ul {
   /*display: none;*/
  visibility: hidden;
  opacity: 0;


  -o-transition: visibility .5s, opacity .5s;
  -ms-transition: visibility .5s, opacity .5s;
  -moz-transition: visibility .5s, opacity .5s;
  -webkit-transition: visibility .5s, opacity .5s;
  transition: visibility .5s, opacity .5s;

  position: absolute;
  top: 34px;
  left: 0px;
  background: #2e91b5 none;
  border: 1px solid #292929;
  border-top: 0 none;
  margin: 0;
  padding: 0;
  width: 200px;
  
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e li ul li {
  float: none;
  border: 0 none;
  border-bottom:1px solid #292929;
  -webkit-border-radius: 0;
  -moz-border-radius:0;
  border-radius:0;
  
  behavior: url(/PIE/PIE.htc);

}
.fancycat-icons-e li ul li.last {
  border-bottom: 0 none;
}
.fancycat-icons-e .fancycat-icons-level-1 > li.first a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e li ul li ul {
  top: 0px;
  left: 200px;
  border: 1px solid #292929;
}

.fancycat-icons-e li:hover,
.fancycat-icons-e li.over
{
}

.fancycat-icons-e li:hover ul,
.fancycat-icons-e li.over ul
{
  /* display: block; */
  visibility: visible;
  opacity: 1;
}

.fancycat-icons-e li iframe {
  position: absolute;
  padding: 0;
  border: 0 none;
  margin: 0;
  left: 0;
  top: 0;
  display: none;
}

.fancycat-icons-e li iframe.over {
  display: block;
}

/**
 * Multi-level support 
 */
.fancycat-icons-e li:hover ul ul, .fancycat-icons-e li.over ul ul,
.fancycat-icons-e li:hover ul ul ul, .fancycat-icons-e li.over ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul,
.fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul ul
{
  /* display: none; */
  visibility: hidden;
  opacity: 0;
}

.fancycat-icons-e li li:hover ul, .fancycat-icons-e li li.over ul,
.fancycat-icons-e li li li:hover ul, .fancycat-icons-e li li li.over ul,
.fancycat-icons-e li li li li:hover ul, .fancycat-icons-e li li li li.over ul,
.fancycat-icons-e li li li li li:hover ul, .fancycat-icons-e li li li li li.over ul,
.fancycat-icons-e li li li li li li:hover ul, .fancycat-icons-e li li li li li li.over ul,
.fancycat-icons-e li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li.over ul,
.fancycat-icons-e li li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li li.over ul
{
  /* display: block;*/
  visibility: visible;
  opacity: 1;
}

/**
 * Visual scheme 
 */
.fancycat-icons-e ul li a:link,
.fancycat-icons-e ul li a:visited,
.fancycat-icons-e ul li a:hover,
.fancycat-icons-e ul li a:active
{
  padding: 10px 18px;
  margin: 0;
  color: #f5f5f8 !important;
  font: bold 14px/14px vardana, arial, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000000;
  text-shadow: none;
  display: block;
  position: relative;
 /*main button backgrounds */
  background: #4b4b4f;
  background: -moz-linear-gradient(top, #33a1c9 0%, #24708c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a1c9), color-stop(100%,#24708c));
  background: -webkit-linear-gradient(top, #33a1c9 0%,#24708c 100%);
  background: -o-linear-gradient(top, #33a1c9 0%,#24708c 100%);
  background: -ms-linear-gradient(top, #33a1c9 0%,#24708c 100%);
  background: linear-gradient(top, #33a1c9 0%,#24708c 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33a1c9', endColorstr='#24708c')"; /* IE8+ */

  -moz-box-shadow: 1px 1px 0px 0px #707073 inset;
  -webkit-box-shadow: 1px 1px 0px 0px #707073 inset;
  box-shadow: 1px 1px 0px 0px #707073 inset;
  
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e ul li:hover > a {
  -moz-box-shadow: -1px 1px 1px 0px #707073 inset;
  -webkit-box-shadow: -1px 1px 1px 0px #707073 inset;
  box-shadow: -1px 1px 1px 0px #707073 inset;

  background: #5ab4d5;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#707073', endColorstr='#707073')";
  padding-top: 11px;
  padding-bottom: 9px;
  
  behavior: url(/PIE/PIE.htc);
}



.fancycat-icons-e ul li ul li a:link,
.fancycat-icons-e ul li ul li a:visited,
.fancycat-icons-e ul li ul li a:hover,
.fancycat-icons-e ul li ul li a:active
{
  border: 0 none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #5ab4d5; /*dropdown background */
  box-shadow: 0 1px 0 #707073 inset;
  padding: 10px 24px 10px 16px;
  -moz-transition: background-color .3s;
  
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e ul li ul li:hover > a
{
  background: #2980a0; /*hover dropdown background */
  box-shadow: 0 1px 1px #6ebdda inset;
  
  behavior: url(/PIE/PIE.htc);
}


.fancycat-icons-e a.icon-link:link,
.fancycat-icons-e a.icon-link:visited,
.fancycat-icons-e a.icon-link:hover,
.fancycat-icons-e a.icon-link:active
{
  padding-left: 30px;
}

.fancycat-icons-e li ul a.sub-link:link,
.fancycat-icons-e li ul a.sub-link:visited,
.fancycat-icons-e li ul a.sub-link:hover,
.fancycat-icons-e li ul a.sub-link:active
{
  background: #414142 url(../../../images/sprite_main.png) 124px -210px no-repeat;
  background: #5ab4d5 url(../../../images/sprite_main.png) 175px -210px no-repeat;
  behavior: url(/PIE/PIE.htc);
}
.fancycat-icons-e li ul li:hover > a.sub-link,
.fancycat-icons-e li ul a.sub-link:hover {
  background: #2c2c2d url(../../../images/sprite_main.png) 124px -116px no-repeat;
  background: #2980a0 url(../../../images/sprite_main.png) 175px -116px no-repeat;
  
  behavior: url(/PIE/PIE.htc);
}

.fancycat-icons-e a.empty-link:link,
.fancycat-icons-e a.empty-link:visited,
.fancycat-icons-e a.empty-link:hover,
.fancycat-icons-e a.empty-link:active
{
  color: #a3b1c7;
  
  behavior: url(/PIE/PIE.htc);
}

.fancycat-icons-e a.nowrap-link:link,
.fancycat-icons-e a.nowrap-link:visited,
.fancycat-icons-e a.nowrap-link:hover,
.fancycat-icons-e a.nowrap-link:active
{
  white-space: nowrap;
  
  behavior: url(/PIE/PIE.htc);
}

.fancycat-icons-e li img {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  margin: 0;
}
.fancycat-icons-e li:hover > a > img {
  top: 11px;
}
/**
 * Tree-like expanding
 */
.fancycat-page-subskin-c #center-main {
}

.fancycat-page-subskin-c #left-bar {

}

.fancycat-icons-c {
  padding-top: 5px;
  padding-left: 8px;
  overflow: hidden;
}

.fancycat-icons-c ul {
  list-style: none;
  padding: 0;
}

.fancycat-icons-c ul li {
  padding: 4px 0px 7px 19px;
  position: relative;
}

.fancycat-icons-c ul.fancycat-icons-level-1 li {
  padding-bottom: 3px;
}

.fancycat-icons-c ul li ul {
  margin-top: 3px;
}

.fancycat-icons-c li.closed ul {
  display: none;
}

.fancycat-icons-c ul li a:link,
.fancycat-icons-c ul li a:visited,
.fancycat-icons-c ul li a:hover,
.fancycat-icons-c ul li a:active
{
  color: #324c76;
  font-size: 11px;
}

.fancycat-icons-c li a.arrow:link,
.fancycat-icons-c li a.arrow:visited,
.fancycat-icons-c li a.arrow:hover,
.fancycat-icons-c li a.arrow:active
{
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  outline-style: none;
  width: 12px;
  height: 12px;
  background: transparent url(plus_minus.gif) no-repeat left -12px;
  overflow: hidden;
  
  behavior: url(/PIE/PIE.htc);
}

.fancycat-icons-c li.closed a.arrow:link,
.fancycat-icons-c li.closed a.arrow:visited,
.fancycat-icons-c li.closed a.arrow:hover,
.fancycat-icons-c li.closed a.arrow:active
{
  background-position: left top;
}

.fancycat-icons-c a.empty-link:link,
.fancycat-icons-c a.empty-link:visited,
.fancycat-icons-c a.empty-link:hover,
.fancycat-icons-c a.empty-link:active
{
  color: #808b9d;
}