/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad-Anywidth3.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {font-size:16px;height:25px; background:#d7d7d7; margin:0 0 0 0; padding-left:0px;
}

.menu ul {font-size:16px;margin:0; padding:0; list-style:none; white-space:nowrap; position:relative;z-index:200;}
.menu > ul {font-size:16px;float:left;}

.menu ul ul {font-size:16px;position:absolute; left:-9999px;}
.menu > ul > li {font-size:16px;float:left; display:block; position:relative;margin-left:20px;}

.menu ul ul {font-size:16px;background:#fff; padding:10px 0; border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.menu > ul > li > ul {font-size:16px;border-top:0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.menu a {font-size:16px;display:block; font:normal 11px verdana, arial, sans-serif; color:#666; line-height:25px; text-decoration:none;padding:0 10px 0 10px;}
.menu > ul > li > a {font-size:16px;float:left; text-transform:uppercase; color:#666; font-weight:bold;}
.menu ul ul li a {font-size:16px;line-height:20px;}

.menu ul li:hover > ul {font-size:16px;left:0; top:25px;}
.menu ul ul li:hover > ul {font-size:16px;left:100%; top:auto; margin:-31px 0 0 -10px;}
.menu li.left:hover > ul {font-size:16px;left:auto; right:0; top:25px;}
.menu li.left ul li:hover > ul {font-size:16px;left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}

.menu li.left ul a {font-size:16px;text-align:right; padding:0 15px 0 30px;}

.menu li a.fly {font-size:16px;background:transparent url(arrow.gif) no-repeat right center;}
.menu li.left ul a.fly {font-size:16px;background:transparent url(arrowl.gif) no-repeat left center;}

.menu > ul li:hover > a {font-size:16px;background-color:#CCC;}
.menu ul ul li:hover > a,
.menu ul ul li:hover > a.fly {font-size:16px;background-color:#e7e7e7; color:#000;}

.menu > ul > li.close {font-size:16px;display:none; position:absolute; right:-10px; top:-22px; width:32px; height:32px; background:none;}