/* ================================================================ 
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/flyoutt.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 */
.menu {font-family: arial, sans-serif; width:101px; position:relative; margin:5px 0 0 0; font-size:11px;}
.menu ul li a, .menu ul li a:visited { padding: 4px 8px 4px 0; display:block; text-decoration:none; color:#4b4b4b; width:101px; line-height:14px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; text-align:right; }
.menu ul li {float:left; position:relative; }
.menu ul li ul {display: none;}
.menu #active { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: #ececec; }
.menu #passiv { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #f2f2f2; }
.menu #shoppassiv { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #f2f2f2;}
.menu #shoppassiv a { color: #2f3c87; font-weight: bold; }
.menu #shopaktiv { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: #ececec;}
.menu #shopaktiv a { color: #2f3c87; font-weight: bold; }
.menu #subactive { font-weight: bold; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#283583; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:109px; width:100px; }
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {width:100px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color: #283583; width:92px; padding: 5px 0 5px 8px; text-align:left;}
.menu ul li:hover ul li a:hover {color:#283583;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:109px; top:0; color:#283583;}
.menu ul li:hover ul li:hover ul li a {display:block; width:100px; color:#283583;}
.menu ul li:hover ul li:hover ul li a:hover { color:#283583;}

.menu-path2 {font-family: arial, sans-serif; position:relative; font-size:11px;}
.menu-path2 ul {padding:0; margin:0;list-style-type: none; text-align: left; }
.menu-path2 ul li {float:left; position:relative; padding: 5px 0 5px 8px; }
.menu-path2 #subactive { font-weight: bold; }