/* CSS Document */
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
/***************** Ny dropdown meny *****************/
#menuHolder {	width: 759px;	height:85px;}
#TopMenu    {	width: 759px;	margin: 0px;	padding: 0px;}
#TopMenu ul {	margin: 0px;	padding: 0px;	list-style: none;}
#TopMenu li {	margin: 0px;	padding: 0px;	list-style: none;}
/**********************************/
#menu {
	padding:0px;
	margin:0px;
	list-style:none;
	height:85px;
	width: 759px;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	z-index:200;
	top:0px;
	right:0px;
	text-align: right;
	float: left;
}
#menu li {}
#menu li.top {
	display:block;
	float:left;
	position:relative;
	top:0px;
	right:0px;
	background: transparent;
}
#menu a, #menu a:visited {display:block;float:left;text-decoration:none;text-transform: uppercase;font-size:11px;	font-weight:bold;color: #79858E;padding:0px;cursor:pointer;	overflow: hidden;}

#menu li a span {float:left; padding:0px; height:20px; display:block;}
#menu li a span.down { height:80px; text-indent: -9999px;}
#menu li a:hover, #menu li a.selected {background: transparent; z-index:300;}
#menu li a:hover span {background: no-repeat right top; text-indent: -9999px;}
#menu li a:hover span.down { display:block;}

#menu li:hover > a {color:#000; z-index:300;}
#menu li:hover > a span {background: no-repeat;}
#menu li:hover > a span.down { display:none;}/**/

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu a:hover {visibility:visible;}
#menu li:hover {position:relative; z-index:300;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul, 
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/*Sub menu*/
#menu :hover ul.sub {left:2px; top:67px; background: transparent; padding:0px; white-space:nowrap; height:auto; text-align: left; text-indent: 10px;}
#menu :hover ul.sub li {display:block; height:36px; position:relative; width:143px; background-image:url(../images/menu/menu-sub-bg.gif); float:left;}
/*Sub länkar*/
#menu :hover ul.sub li a {display:block; font-size:11px; height:36px; width:143px; line-height:34px; text-decoration:none; border:0px; float:left;}
#menu :hover ul.sub li a { background-image:url(../images/menu2/menu-sub-bg.gif);}

/*#menu :hover ul.sub li a:hover,
#menu :hover ul.sub li a.selected {background: 0px 0px no-repeat;}

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:-4px; background: #fff; padding:3px 0; border:1px solid #506b1c; white-space:nowrap; width:113px; z-index:200; height:auto;}*/

.------------------------------------ {}

#menu li a#logoLink {width: 212px; background: url(../images/logo.gif) no-repeat; text-align: left;}
#menu li#orderLink a, #menu li#foretagetLink a, #menu li#blikundLink a, #menu li#kontaktLink a, #menu li#inspirationLink a, #menu li#defaultLink a { background: no-repeat; height: 67px;}

#menu li#orderLink a {width: 84px; background: url(../images/menu2/order_off.gif);}
#menu li#orderLink:hover, 
#menu li#orderLink:hover .selected {background:url(../images/menu2/order_off.gif);}

#menu li#foretagetLink a {width: 67px; background: url(../images/menu2/about_off.gif);}
#menu li#foretagetLink:hover, 
#menu li#foretagetLink:hover .selected {background:url(../images/menu2/about_off.gif);}

#menu li#blikundLink a {width: 73px; background: url(../images/menu2/customer_off.gif);}
#menu li#blikundLink:hover,
#menu li#blikundLink:hover .selected {background: url(../images/menu2/customer_off.gif);}

#menu li#kontaktLink a {width: 113px; background: url(../images/menu2/contact_off.gif);}
#menu li#kontaktLink:hover,
#menu li#kontaktLink:hover .selected {background: url(../images/menu2/contact_off.gif);}

#menu li#inspirationLink a {width: 99px; background: url(../images/menu2/inspiration_off.gif);}
#menu li#inspirationLink:hover,
#menu li#inspirationLink:hover .selected {background: url(../images/menu2/inspiration_off.gif);}

#menu li#orderLink:hover, 
#menu li#foretagetLink:hover, 
#menu li#blikundLink:hover, 
#menu li#kontaktLink:hover, 
#menu li#inspirationLink:hover {background-position: 0px 1px;}

#menu li#orderLink .selected, 
#menu li#foretagetLink .selected, 
#menu li#blikundLink .selected, 
#menu li#kontaktLink .selected, 
#menu li#inspirationLink .selected {background-position: 0px 0px;}

#menu li#defaultLink a {width: 111px; background-image: url(../images/menu2/start_off.gif);}
#menu li#defaultLink:hover, 
#menu li#defaultLink ul.sub li a.selected {background: url(../images/menu2/start_off.gif) no-repeat 0px 0px;}

/*EXTRAS*/
.webbshopBodyNY #menu li#defaultLink a {width: 111px; background-image: url(../images/se/topplista/btn_webbshop_startsida.png);}
.SminkningarBody #menu li#defaultLink a {width: 111px; background-image: url(../images/se/smink/btn_SminkningarBody_start.gif);}
.SminkningarBody #menu li#defaultLink:hover,
.SminkningarBody #menu li#defaultLink:hover, 
.SminkningarBody #menu li#defaultLink ul.sub li a.selected {background: url(../images/se/smink/btn_SminkningarBody_start.png) no-repeat 0px 0px;}
/*EXTRAS*/

#menu li#orderLink ul.sub li a, 
#menu li#foretagetLink ul.sub li a, 
#menu li#blikundLink ul.sub li a, 
#menu li#kontaktLink ul.sub li a, 
#menu li#inspirationLink ul.sub li a { background: none; height: 36px; width:143px;}

/*orderLink*/
#menu li#orderLink a ul.sub li a {color:#009933; background: none;}
#menu li#orderLink:hover ul.sub li a:hover,
#menu li#orderLink:hover ul.sub li a.selected {color:#fff; background-image:url(../images/menu/order_menu-sub-bg_on.gif);}
/*foretagetLink*/
#menu li#foretagetLink a ul.sub li a {color:#993399; background: none;}
#menu li#foretagetLink:hover ul.sub li a:hover, 
#menu li#foretagetLink:hover ul.sub li a.selected {color:#fff; background-image:url(../images/menu/about_menu-sub-bg_on.gif);}
/*blikundLink*/
#menu li#blikundLink a ul.sub li a {color:#d29900; background: none;}
#menu li#blikundLink:hover ul.sub li a:hover,
#menu li#blikundLink:hover ul.sub li a.selected {color:#fff; background-image:url(../images/menu/customer_menu-sub-bg_on.gif);}
/*kontaktLink*/
#menu li#kontaktLink a ul.sub li a {color:#0080b1; background: none;}
#menu li#kontaktLink:hover ul.sub li a:hover,
#menu li#kontaktLink:hover ul.sub li a.selected {color:#fff; background-image:url(../images/menu/contact_menu-sub-bg_on.gif);}
/*inspirationLink*/
#menu li#inspirationLink a ul.sub li a {color:#CC3333; background: none;}
#menu li#inspirationLink:hover ul.sub li a:hover,
#menu li#inspirationLink:hover ul.sub li a.selected {color:#fff; background-image:url(../images/menu/inspiration_menu-sub-bg_on.gif);}
/*inspirationLink*/
/*#menu li.top a#inspirationLink:hover ul.sub li a {color:#CC3333; background: none;}*/
/*#menu li.top a#inspirationLink:hover ul.sub li a:hover {color:#fff;	background-image: url(../images/menu/inspiration_menu-sub-bg_on.gif); background-repeat: no-repeat;}


#menu li.top a:hover ul.sub li a.selected {color:#fff;	background-image: url(../images/menu/inspiration_menu-sub-bg_on.gif); background-repeat: no-repeat;}
#menu li a:hover .selected {color:#fff;	background-image: url(../images/menu/inspiration_menu-sub-bg_on.gif); background-repeat: no-repeat;}*/