/* ================================================================ 
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/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navmenu {margin: 0; padding: 11px 0 0 0;}

#nav, 
#nav ul {padding:0; margin:3px 0 0 0; list-style:none; font: 13px verdana, sans-serif; background:#01AFF1; position:relative; z-index:200;}
#nav {height:25px; padding:0; border-top: 1px solid #39C; border-bottom: 1px solid #39C;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 5px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#FFF; background:#01AFF1; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#01AFF1;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#DDD;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#DDD;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* cb addons */
ul.navborder {border-left:1px solid #39C; border-right:1px solid #39C; border-bottom:1px solid #39C; border-top:0px;}
ul.navborder li {font:10px verdana, sans-serif;}
ul.subnavborder {border-left:0px; border-right:1px solid #39C; border-bottom:1px solid #39C; border-top:1px solid #39C;}


/* ================================================================ 
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/example_flyout.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.
=================================================================== */

/* common styling */
.menu2 {position:relative; margin:0px; width:160px; z-index:100;}
.menu2 ul {padding:0; margin:0; list-style-type: none; background:#01AFF1; font:10px verdana, sans-serif;}
.menu2 ul li ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:150px;}
.menu2 ul li {float:left;}
.menu2 ul li a, .menu2 ul li a:visited 
{display:block; float:left; text-decoration:none; color:#FFF; width:160px; height:18px; line-height: 18px; background:transparent;}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:160px; w\idth:150px;}

.menu2 table {border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover
{background:#01AFF1; color:#DDD; text-decoration: underline;}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul 
{visibility:visible; position:absolute; height:auto; background:#01AFF1; overflow:visible;}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a
{display:block; background:transparent; color:#FFF; padding:0 0 0 10px; text-decoration:none;}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover 
{background:#01AFF1; color:#DDD; text-decoration:underline;}

.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul 
{visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:150px;}

.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul 
{visibility:visible; position:absolute; color:#000; padding:0; list-style-type:none; background:#01AFF1;}

.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#FFF;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#01AFF1; color:#FFF;
}

.menu2#newsmenu {height: 72px;}      	   /* 18px x  4items =  72px */
.menu2#productsmenu {height: 378px;} 	   /* 18px x 21items = 378px */
.menu2#rentalmenu {height: 36px;}    	   /* 18px x  2items =  36px */
.menu2#supportmenu {height: 126px;}   	   /* 18px x  7items = 126px */
.menu2#aboutmenu {height: 72px;}      	   /* 18px x  4items =  72px */
.menu2#contactmenu {height: 90px;}         /* 18px x  5items =  90px */
.menu2#distributorsmenu {height: 126px;}   /* 18px x  7items = 126px */