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

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

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

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

.menu4 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;
}
.menu4 > 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;
}

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

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

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

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

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

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