/* ================================================================ 
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/dd_valid.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:550px;position:relative; font-size:12px; z-index:100;font-weight:bold;margin-left:25px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;height:27px; text-align:left; color:#fff; line-height:20px; font-size:12px; overflow:hidden;padding-top:7px;padding-left:6px;padding-right:6px;}



.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background-color:rgb(49,78,135);}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; z-index:101;width:156px;}
.menu ul li:hover ul li{width:156px;background-image:url(../images/menushadowbg.png);background-repeat:repeat-y;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:125px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:url(../images/menusplitter.jpg);background-repeat:repeat-x;background-position:bottom left;padding-left:10px;padding-right:10px;}
.menu ul li:hover ul li a:hover {background-color:rgb(69,159,221); color:#fff;}

.menu ul li:hover ul li a.tall {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:125px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:url(../images/menusplitter.jpg);background-repeat:repeat-x;background-position:bottom left;padding-left:10px;padding-right:10px;height:54px;}
.menu ul li:hover ul li a.tall:hover {background-color:rgb(49,78,135); color:#fff;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li:hover ul li.mtop {height:2px;background-image:url(../images/menutop.gif);background-repeat:no-repeat;overflow:hidden;background-position:top left;}
*html .menu ul li:hover ul li.mtop {height:2px;background-image:url(../images/menutop.gif);overflow:hidden;background-repeat:no-repeat;background-position:top left;}


.menu ul li:hover ul li.bottom {height:6px;background-image:url(../images/menubottom.png);background-repeat:no-repeat;overflow:hidden;}
*html .menu ul li:hover ul li.bottom {height:6px;background-image:url(../images/menubottom.gif);overflow:hidden;background-repeat:no-repeat;}
.menuspacer {padding-top:11px;padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;color: rgb(252,252,252);
opacity: 0.4; /* the standards compliant attribute that all browsers should recognize, but... */
	filter:alpha(opacity=40); /* for IE */
	-khtml-opacity: 0.4; /* for old Safari (1.x) */
	-moz-opacity:0.4; /* for old skool Netscape Navigator */}

.menu ul li:hover ul li a.last {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:125px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:none;}
.menu ul li:hover ul li a.last:hover {color:#fff;}
.psspacer {color:rgb(222,222,222);}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;height:27px; text-align:left; color:#fff; line-height:20px; font-size:12px; overflow:hidden;padding-top:7px;padding-left:6px;padding-right:6px;}



.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
/* lighter blue: background-color:rgb(69,159,221) */
.menu ul li:hover a {color:#fff; background-color:rgb(49,78,135);}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; z-index:101;width:156px;}
.menu ul li:hover ul li{width:156px;background-image:url(../images/menushadowbg.png);background-repeat:repeat-y;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:125px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:url(../images/menusplitter.jpg);background-repeat:repeat-x;background-position:bottom left;padding-left:10px;padding-right:10px;}
.menu ul li:hover ul li a:hover {background-color:rgb(49,78,135); color:#fff;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li:hover ul li.mtop {height:2px;background-image:url(../images/menutop.gif);background-repeat:no-repeat;overflow:hidden;background-position:top left;}
*html .menu ul li:hover ul li.mtop {height:2px;background-image:url(../images/menutop.gif);overflow:hidden;background-repeat:no-repeat;background-position:top left;}


.menu ul li:hover ul li.bottom {height:6px;background-image:url(../images/menubottom.png);background-repeat:no-repeat;overflow:hidden;}
*html .menu ul li:hover ul li.bottom {height:6px;background-image:url(../images/menubottom.gif);overflow:hidden;background-repeat:no-repeat;}
.menuspacer {padding-top:11px;padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;color: rgb(252,252,252);
opacity: 0.4; /* the standards compliant attribute that all browsers should recognize, but... */
	filter:alpha(opacity=40); /* for IE */
	-khtml-opacity: 0.4; /* for old Safari (1.x) */
	-moz-opacity:0.4; /* for old skool Netscape Navigator */}

.menu ul li:hover ul li a.last {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:125px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:none;}
.menu ul li:hover ul li a.last:hover {color:#fff;background-color:rgb(49,78,135);}


/* tierary fly out */
.menu ul li:hover ul li:hover ul li:hover a {color:#fff; background-color:rgb(49,78,135);}
.menu ul li:hover ul li:hover a.hide {background-color:rgb(49,78,135); color:#fff;}
.menu ul li:hover ul li a.hide {background-color:rgb(255,255,255); color:rgb(49,78,135);background-image:url(../images/menusplitter.jpg);background-repeat:repeat-x;background-position:bottom left;}

.menu ul li:hover ul li:hover a.hidelast {background-color:rgb(49,78,135); color:#fff;}
.menu ul li:hover ul li a.hidelast {background-color:rgb(255,255,255); color:rgb(49,78,135);background-image:none;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:155px; top:0;width:185px;}
.menu ul li:hover ul li:hover ul li{width:176px;background-image:url(../images/menushadowbgextended.png);background-repeat:repeat-y;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul li a {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:135px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:url(../images/menusplitter.jpg);background-repeat:repeat-x;background-position:bottom left;padding-left:10px;padding-right:10px;}
.menu ul li:hover ul li:hover ul li a:hover {background-color:rgb(49,78,135); color:#fff;}
.menu ul li:hover ul li:hover ul li a.last {display:block; background-color:rgb(255,255,255); color:rgb(49,78,135);width:135px;z-index:111;border-left:2px solid rgb(255,255,255);border-right:2px solid rgb(255,255,255);background-image:none;}
.menu ul li:hover ul li:hover ul li a.last:hover {color:#fff;background-color:rgb(49,78,135);}

.menu ul li:hover ul li:hover ul li.mtop {height:2px;background-image:url(../images/menutopextended.gif);background-repeat:no-repeat;overflow:hidden;background-position:top left;}
*html .menu ul li:hover ul li:hover ul li.mtop {height:2px;background-image:url(../images/menutopextended.gif);overflow:hidden;background-repeat:no-repeat;background-position:top left;}

.menu ul li:hover ul li:hover ul li.bottom {height:6px;background-image:url(../images/menubottomextended.png);background-repeat:no-repeat;overflow:hidden;}
*html .menu ul li:hover ul li:hover ul li.bottom {height:6px;background-image:url(../images/menubottomextended.gif);overflow:hidden;background-repeat:no-repeat;}



.menu ul li:hover ul li.mtopwide {height:2px;background-image:url(../images/menutopwide.gif);background-repeat:no-repeat;overflow:hidden;background-position:top left;width:782px;}
*html .menu ul li:hover ul li.mtopwide {height:2px;background-image:url(../images/menutopwide.gif);overflow:hidden;background-repeat:no-repeat;background-position:top left;}


.menu ul li:hover ul li.bottomwide {height:6px;background-image:url(../images/menubottomwide.png);background-repeat:no-repeat;overflow:hidden;width:790px;}
*html .menu ul li:hover ul li.bottomwide {height:6px;background-image:url(../images/menubottomwide.gif);overflow:hidden;background-repeat:no-repeat;}


.menu ul li:hover ul li .psMenuBox {width:790px;background: url(../images/menupsbg.png) no-repeat top left;}
.menu ul li:hover ul li .psMenuBox .psFreeBox {width:226px;float:left;height:152px;}
.menu ul li:hover ul li .psMenuBox .psFreeBox h1{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:rgb(0,82,155);padding:7px 10px 7px 20px;margin:0px;line-height:18px;}
.menu ul li:hover ul li .psMenuBox .psFreeBox h1 img {vertical-align:bottom;}

.menu ul li:hover ul li .psMenuBox .psFreeBox h2{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:rgb(20,20,20);padding:0px 10px 10px 20px;margin:0px;letter-spacing:-1px;}
.menu ul li:hover ul li .psMenuBox .psFreeBox p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:rgb(132,132,132);padding:10px 10px 10px 20px;font-weight:normal;line-height:12px;}

.menu ul li:hover ul li .psMenuBox .psFreeBox a:link,.menu ul li:hover ul li .psMenuBox .psFreeBox a:visited {background:none; border:none;color:rgb(18,94,162);margin:0;padding:0;display:inline;}

.menu ul li:hover ul li .psMenuBox .psFreeBox a:hover {background:none; border:none;color:rgb(195,63,122);margin:0;padding:0;}

.menu ul li:hover ul li .psMenuBox .psFreeBox a.psFreeBoxfl:link,.menu ul li:hover ul li .psMenuBox .psFreeBox a.psFreeBoxfl:visited {background:url(../images/menupsdot.gif) no-repeat 0px 6px; width:60px;border:none;color:rgb(18,94,162);margin:0px 10px 0px 20px;padding:1px 0px 1px 11px;height:auto;display:inline-block;}

.menu ul li:hover ul li .psMenuBox .psFreeBox a.psFreeBoxfl:hover {color:rgb(195,63,122);}

.menu ul li:hover ul li .psMenuBox .psFreeBox a.signuptoday:link, .menu ul li:hover ul li .psMenuBox .psFreeBox a.signuptoday:visited {display:inline;background:none; border:none;color:rgb(195,63,122);margin:0;padding:10px 0px 0px 18px;width:179px;}

.menu ul li:hover ul li .psMenuBox .psFreeBox a.signuptoday img {display:inline;margin-top:7px;}

.menu ul li:hover ul li .psMenuBox .psPremiumBox {width:556px;float:left;height:165px;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox h1{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:rgb(184,31,99);padding:7px 10px 7px 7px;margin:0px;line-height:18px;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox h1 a img{vertical-align:bottom;margin:0px;padding:0px;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox h1 a {display:inline;background:none;margin:0px;padding:0px;line-height:0px;}

.menu ul li:hover ul li .psMenuBox .psPremiumBox h2{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:rgb(20,20,20);padding:0px 0px 10px 7px;margin:0px;letter-spacing:-1px;}



.menu ul li:hover ul li .psMenuBox .psPremiumBox p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:rgb(132,132,132);padding:7px 10px 7px 20px;font-weight:normal;line-height:13px;}


.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox a:link,.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox a:visited {background:url(../images/menupsdot.gif) no-repeat 0px 6px;border:none;width:160px;color:rgb(18,94,162);margin:0;padding:1px 0px 1px 15px;height:auto;margin-left:7px;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox a.psAlwaysOn:link,.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox a.psAlwaysOn:visited {background:url(../images/menupsdot.gif) no-repeat 0px 6px;border:none;width:160px;color:rgb(195,63,122);margin:0;padding:1px 0px 1px 15px;height:auto;margin:7px 0px 0px 7px;}

.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox h2{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:rgb(20,20,20);padding:0px 0px 6px 7px;margin:0px;letter-spacing:-1px;}

.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox a:hover {color:rgb(195,63,122);}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox .freebox {float:left;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox .privatebox {float:left;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox .npobox {float:left;}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox .freebox h2{color:rgb(26,99,165);}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox .privatebox h2{color:rgb(141,101,158);}
.menu ul li:hover ul li .psMenuBox .psPremiumBox .marketplacebox .npobox h2{color:rgb(129,165,60);}
.grey {color:rgb(132,132,132);}