@charset "UTF-8";

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 min-width: 100px;
 width:auto !important;
 width: 100px;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/* upwards stuff */

ul.dropdown-upward ul {
 top: auto !important;
 bottom: 100%;
}

ul.dropdown-upward ul ul {
 bottom: 1px;
}

/* styling stuff */
.productsDropdownBaseLeft { height:100%; width:auto !IMPORTANT; width:1px; padding-left:9px;  background:white url('../img/products/menu/but1.jpg') top left no-repeat; }
.productsDropdownBaseTop { background:white url('../img/products/menu/but2.jpg') top left repeat-x; }
.productsDropdownBaseRight { padding-right:9px;  background:white url('../img/products/menu/but3.jpg') top right no-repeat; }
.productsDropdownBaseContent { white-space:nowrap; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; color:black; font-weight:normal; font-size:16px; }

ul.dropdown li.hover .productsDropdownBaseLeft, 
ul.dropdown li:hover .productsDropdownBaseLeft {
    height:100%; width:auto !IMPORTANT; width:1px; padding-left:9px;  background:#524f46 url('../img/products/menu/over1.jpg') top left no-repeat;
}

ul.dropdown li.hover .productsDropdownBaseTop, 
ul.dropdown li:hover .productsDropdownBaseTop {
    background:#524f46 url('../img/products/menu/over2.jpg') top left repeat-x;
}

ul.dropdown li.hover .productsDropdownBaseRight, 
ul.dropdown li:hover .productsDropdownBaseRight {
    background:#524f46 url('../img/products/menu/over3.jpg') top right no-repeat;
}

ul.dropdown li.hover .productsDropdownBaseContent, 
ul.dropdown li:hover .productsDropdownBaseContent {
    color:white;
}

.productsDropdownDropLeft { background:white url('../img/products/menu/sub1.jpg') top left no-repeat; }
.productsDropdownDropTop { height:100%; background:url('../img/products/menu/sub2.jpg') top left repeat-x; }
.productsDropdownDropRight { background:url('../img/products/menu/sub3.jpg') top right no-repeat; }
.productsDropdownDropContent { padding-bottom:10px; padding-top:10px; color:black; }

.productsDropdownDropContent a { padding-top:3px; padding-bottom:3px; height:100%; color:black; display:block; text-align:center; font-size:13px; }
.productsDropdownDropContent a:hover { color:white; background:#524f46; }

ul.dropdown li.hover ul,
ul.dropdown li:hover ul {
 margin-top:20px;
}