﻿/*******************************************************/
/***************** Main menu ***************************/
/*******************************************************/

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
div.multi_drop_menus
{
}
div.multi_drop_menus ul
{
	display: inline; /* fixes margin-doubling bug in IE6 */
}

div.multi_drop_menus a, a.visited
{
	text-decoration: none;
}

div.multi_drop_menus a
{
	line-height: 21px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right 0px;
	font-size: 11px;
	white-space: nowrap;
}


div.multi_drop_menus ul li ul
{
	background-color: #a0d8fb;
	border: #88898b 1px solid;
	width: 180px;
	position: relative;
}
div.multi_drop_menus li li
{
	border-bottom: #88898b 1px dotted;
	font-weight: bold;
	height: 20px;
	width: 180px;
}

div.multi_drop_menus li li a
{
	margin: 3px 5px 5px 5px;
	color: #625e5f;
	text-transform: lowercase;
}
div.multi_drop_menus li li:hover a
{
	color: #FFFFFF;
}

div.multi_drop_menus li li a.selected
{
	color: #FFFFFF;
}
div.multi_drop_menus li div
{
	display: block;
}

/* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
div.multi_drop_menus.transparent ul ul li
{
	/* note: the lower the value, the greater the transparency */
	opacity: 0.9; /* CSS3 - range 0 to 1 */
	-moz-opacity: 0.9; /* Firefox- range 0 to 1  */
	filter: alpha(opacity=90); /* IE- range 0 to 100  */
}
/* END MENU PREFERENCES */


/* YOU ARE STONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
div.multi_drop_menus
{
	float: right;
}
div.multi_drop_menus ul
{
	float: left; /* makes ul wrap li */
}
div.multi_drop_menus li
{
	float: left; /*causes the list to align horizontally instead of stack */
	list-style-type: none; /* removes the bullet off each list item */
	position: relative; /* positioning context for the absolutely positioned drop-down */
}
div.multi_drop_menus a
{
	display: block; /* makes link fill li so entire area is "hot" */
}
/* the horizontal menu ends here */
/* the drop-downs starts here */
div.multi_drop_menus ul li ul
{
	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	margin-left: 0px; /* stops inheritance from level 1 ul */
}
div.multi_drop_menus ul li ul li
{
	padding: 0; /* stops inheritance */
}
div.multi_drop_menus ul li ul
{
	display: none;
}
/* conceals the drop-down when menu not hovered */
div.multi_drop_menus ul li:hover ul
{
	/*display:block; /* shows the drop-down when the menu is hovered */ /*z-index:1000; /* Safari needs this to display menu on top of other page elements */
}

/* END MENU MECHANICS */

/* inevitable hacks for IE6  and < */
* html div.multi_drop_menus
{
	z-index: 1; /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
}
/* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html div.multi_drop_menus ul li ul
{
	z-index: 400; /*ensures menu is on top of other page elements */
}
* html div.multi_drop_menus a
{
	/* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
}
* html div.multi_drop_menus.vertical a
{
	/* now hasLayout in IE - works on the vert menu as container has width */
	zoom: 100%;
}
* html div.multi_drop_menus ul ul a
{
	/* second level of horiz menu */
	zoom: 100%; /* now IE 'haslayout" - IE now makes background hot in horizontal menus */
}
/* info on haslayout: 
  http://www.sitepoint.com/forums/showpost.php?p=2041209&postcount=24
  http://onhavinglayout.fwpf-webdesign.de/hack_management/
   */
/* END OF LIST-BASED MENU */


div.multi_drop_menus div.main_item_panel
{
	/*background: url( ../images/topBar/separator.png );*/
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 1px;
	padding-left: 1px;
	float: left;
}


div.multi_drop_menus .selected , div.multi_drop_menus div.main_item_panel:hover 
{
	border-bottom:10px solid #BD3259;
}

.main_item_content_left
{
	display: inline;
	float: left;
	height: 20px;
	margin-left: 6px;
	width: 0px;
}

.main_item_content_right
{
	width: 5px;
	height: 20px;
	float: left;
	margin-right: 6px;
	background-repeat: no-repeat;
	display: inline;
}

div.multi_drop_menus div.selected div.main_item_content
{
}
div.multi_drop_menus div.main_item_content
{
	float:left;
    height:17px;
    line-height:16px;
    margin-top:2px;
}
div.multi_drop_menus div.main_item_content img
{
    margin-top:4px;
}
div.multi_drop_menus ul li:hover div.main_item_content
{
}

div.multi_drop_menus div.main_item_content a, a.visited
{
}

.main_item_content a img
{
	margin-top: 4px;
	width: 20px;
	height: 14px;
	padding-bottom: 1px;
}


#partner_login_panel span
{
   float:left;
font-size:11px;
font-weight:bold;
margin-left:4px;
margin-top:3px;
}

div.multi_drop_menus .selected a.menu_koperta .main_item_content, div.multi_drop_menus div.main_item_panel:hover a.menu_koperta .main_item_content
{
	background-image: url(../images/koperta-biala.png);
	background-position: 2px 3px;
}

div.multi_drop_menus div.main_item_panel a.menu_koperta .main_item_content
{
    background-image:url(../images/koperta.png);
    background-position:center 1px;
    background-repeat:no-repeat;
    height:17px;
    width:20px;
}

div.multi_drop_menus div.main_item_panel a.menu_koperta img,
div.multi_drop_menus div.main_item_panel a.menu_koperta span
{
    display:none ;
} 