/* ================================================================ 
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/droplist-flyout.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#dropList {/*height:32px; font-family:Arial, Helvetica, sans-serif; font-size:10px;*/ position:relative; text-align:left; /*margin-left:50px; margin-top:38px;  border:1px solid #aaa;
-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-icab-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

-o-border-radius: 6px 6px 0 0;
-icab-border-radius: 6px 6px 0 0;
-khtml-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0; 
-webkit-border-top-right-radius: 6px; 
-webkit-border-top-left-radius: 6px;
border-radius: 6px 6px 0 0;*/
}
#dropList ul {
display: block;
float: right;
list-style: none;
/*color: white;*/
margin: 0px;
padding: 0px;
font-family: 'Muli', sans-serif;
font-weight: 300;
font-size: .7em;
/*margin-top: 17px;*/
}



#dropList ul li div {position:absolute; left:-9999px; top:-9999px; background-color:#ffffff; border:0 solid #cccccc; border-top-color:#333333; padding-bottom:6px; padding-top:10px; margin-top:21px;
-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-icab-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

-o-border-radius: 0 0 6px 6px;
-icab-border-radius: 0 0 6px 6px;
-khtml-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px; 
-webkit-border-bottom-right-radius: 6px; 
-webkit-border-bottom-left-radius: 6px;
border-radius: 0 0 6px 6px;
z-index:100;
}
#dropList ul li div ul {width:260px; float:left;}

#dropList ul li {float:left; margin-left:6px; display:block; color:#fff; line-height:50px;}
#dropList ul li a {display:block; padding:0 10px 0 10px; float:left; /*line-height:50px;*/ text-decoration:none; color:#fff;}

#dropList ul ul li  {padding:0; width:260px; text-indent:15px; line-height:24px; font-weight:normal; font-size:11px;}


#dropList ul li a:hover {color:#ff5b00;}
#dropList ul li ul li:hover > a {background-color:#ffcc00; color:#000;}

#dropList ul .oneCol:hover {position:relative;}
#dropList ul .oneCol:hover div {left:-181px; top:29px; width:260px;}

#dropList ul .twoCol:hover {position:relative;}
#dropList ul .twoCol:hover div {left:0px; top:28px; width:125px;height:40px;}

#dropList ul .thCol:hover {position:relative;}
#dropList ul .thCol:hover div {left:0px; top:25px; width:125px;height:60px;}
#dropList ul .thCol:hover div table {left:0px; top:0px; width:125px;height:60px;padding:0px;}
#dropList ul .thCol:hover div table tr {line-height:10px;}
#dropList ul .thCol:hover div table td {color: #444444;background: white;width:100%;font-weight:normal; font-size:11px;padding:2px 0px 2px 5px;}
#dropList ul .thCol:hover div table td a {text-decoration: none;color:#444444;}
#dropList ul .thCol:hover div table tr:hover td {color: white;background: #ff5000;}
#dropList ul .thCol:hover div table tr:hover td a{color: white;}

#dropList ul :hover div ul ul {position:absolute; left:-9999px; top:-9999px;}

#dropList ul :hover div ul .fly:hover {position:relative;}
#dropList ul :hover div ul .fly:hover ul {left:170px; top:-7px; background:#454545; border:1px solid #333; padding:6px 0;
-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-icab-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

-o-border-radius: 6px;
-icab-border-radius: 6px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}

#dropList ul :hover div ul .fly:hover ul ul {left:-9999px; top:-9999px;}

#dropList ul :hover div ul .fly:hover ul .fly:hover ul {left:170px; top:-7px; background:#fff; border:1px solid #aaa;}

#dropList table {border-collapse:collapse; width:0; height:0; margin-bottom:-1px;}