/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
#NavigationContainer  
{
    position:absolute;
    margin:35px 0px 0px 135px;
}

.menu {
    text-align:left; 
    font-family: arial, verdana, sans-serif; 
    font-size:0.9em; 
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 24px; 
    list-style-type:none;
    z-index: -10;
    position:static;
}
.menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu li {
    float:left; position:relative;
    font-size: 14px;
	font-weight: bold;
	padding: 25px 20px 25px 20px;
	list-style-image: none;
	list-style-type: none;
	float: left;
}

.menu li a, .menu li a:visited, .menu li a:hover {
display:block; text-decoration:none; float:left; color:#222222; 
}
* html .menu li a, .menu li a:visited {
}
.menu li a.drop, .menu li a.drop:visited, .menu li a.drop:hover {
font-weight:bold; cursor:pointer;
}
.menu li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.menu table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover {
text-decoration:none; border:0; color: #009fc3;
}
/* Background Image Goes Here */ 
.menu li:hover ul,
.menu li a:hover ul {
    visibility:visible; height:auto; width: 230px;  left:0; top:2.5em; overflow:visible; margin: 20px 0 0 0;
}

.menu ul li:hover ul,
.menu ul li:hover ul {
    visibility:visible; height:auto; width: 230px;  left:0; top:2.5em; overflow:visible; margin: 20px 0 0 0; background: url(../Images/about-rollover.png) top left no-repeat;
}

.menu li.products {
    padding:25px 15px 10px;
    position:relative;
    text-align:center;
    width:115px;
    z-index: 0;
}
.menu li.products:hover {
    visibility:visible; height:auto; left:0; overflow:visible;
}

.menu li.psoriasis {
    padding:25px 15px 10px;
    text-align:center;
    width:172px;
    z-index: 0;
}
.menu li.psoriasis:hover {
    visibility:visible; height:auto; left:0; overflow:visible;
}

.menu li.support {
    padding:25px 15px 10px;
    text-align:center;
    width:126px;
    z-index: 0;
}
.menu li.support:hover {
    visibility:visible; height:auto; left:0; overflow:visible;
}

.menu li.isi {
    width: 255px;
    text-align: center;
    padding: 0px;
}
.menu li.isi:hover {
    visibility:visible; height:auto; left:0; overflow:visible;
}


.menu li:hover ul li a,
.menu li a:hover ul li a {
display:block; font-weight:normal; background: none; text-decoration:none; 
height:auto; line-height:1.5em; padding:0.5em; width: 160px;
}
* html .menu li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu li:hover ul li a.drop,
.menu li a:hover ul li a.drop {
font-weight:bold;
}
.menu li:hover ul li ul,
.menu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; overflow:hidden; background: none;
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
text-decoration:none;
}
.menu li:hover ul li:hover ul,
.menu li a:hover ul li a:hover ul {
visibility:visible; color:#000; height:auto; background:#fff;
} 
.menu li:hover ul li:hover ul.left,
.menu li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu li:hover ul li:hover ul li a,
.menu li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu li:hover ul li:hover ul li:hover a,
.menu li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

#HeaderContainer ul li.site {
    background: none;
    float:left;
    font-size:14px;
    font-weight:bold;
    list-style-image:none;
    list-style-type:none;
    z-index: 0;
}

.menu ul li ul li a { width: 200px; background: url(../Images/about-rollover.png) top left no-repeat; }

.menu li li { padding: 0px 15px; }
.menu li li.subprod { background: none; text-align:left;  }
.menu li li.subprod a:link { width: 200px;  }

div.SafetyPopup {
    background-image:url(../Images/safety_popup_bg.png);
    display:none;
    height:270px;
    padding:40px 30px;
    position:absolute;
    width:500px;
}

div.SafetyPopup div.close {
    background-image:url(../Images/safety_popup_close.jpg);
    cursor:pointer;
    height:11px;
    position:absolute;
    right:25px;
    top:25px;
    width:43px;
    z-index: 333333;
}