/* ================================================================ 
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 */
.container4 {
border: 1px solid #ffffff; background-position: left center; text-align:center; height:25px;
margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px; background-color:#242424; background-image:url('../images/menu/bar.png'); background-repeat:repeat-x; width: 100%; 
position: absolute; top: 49px; padding: 0px; z-index: 100;
}
.menu4 {
text-align:left; font-family: Arial;  font-size:10pt; background:transparent; width:1000px; height:25px; margin:0px auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.home {background-position: center; background-image:url('../images/menu/home_back.png'); background-repeat:no-repeat; width:100px;}
.menu4 ul li.builder {background-position: center; background-image:url('../images/menu/builder_back2.png'); background-repeat:no-repeat; width:150px;}
.menu4 ul li.fanclub {background-position: center; background-image:url('../images/menu/fanclubs_back3.png'); background-repeat:no-repeat; width:150px;}
.menu4 ul li.downloads {background-position: left; background-image:url('../images/menu/downloads_back.png'); background-repeat:no-repeat; width:120px;}
.menu4 ul li.account {background-position: left; background-image:url('../images/menu/account_back3.png'); background-repeat:no-repeat; width: 130px;}
.menu4 ul li.login {background-position: center; background-image:url('../images/menu/login_back.png'); background-repeat:no-repeat; width: 130px;}
.menu4 ul li.news {background-position: center; background-image:url('../images/menu/news_back.png'); background-repeat:no-repeat; width: 100px; }
.menu4 ul li.support {background-position: center; background-image:url('../images/menu/support_back.png'); background-repeat:no-repeat; width: 100px; }
.menu4 ul li.feeds {background-position: center; background-image:url('../images/menu/feeds_back.png'); background-repeat:no-repeat; width: 110px; }
.menu4 ul li.subprod {background:url('../images/menu/blank_back2.png') no-repeat;   }

.menu4 ul li.subprodoff {background:url('../images/menu/blank_back2.png') no-repeat; display:block; padding-left:35px; line-height: 25px; width: 100%;
 font-family:Arial;  font-size:80%; font-weight: bold; color:#808080
  }

.menu4 ul li.subprod3 {background:url('../images/menu/blank_back.png') no-repeat;}

.menu4 ul li.subsub1 {background-color: #c0c0c0; }
.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:100px; height:25px; color:#ffffFF; padding-left:30px; line-height:29px; font-family:arial, verdana, sans-serif; font-size:80%; 
font-weight: bold;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:100px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; z-index: 9999;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#97AEFF; text-decoration:underline; border:0 none; 
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:25px; left:-1px; border:1px solid #6699FF; overflow:visible; 
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block;  text-decoration:none; color:#0000FF; height:auto; line-height:1.5em; width:170px; w\idth:125px; padding-left:35px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#0000FF; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px; 
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#6699FF; text-decoration:underline; ;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:170px; height:auto; border:1px solid #6699FF;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}