/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
===================================================================
===================================================================
Modified by: Ricardo Zea
Date: January - 2008
Version: 3.0
===================================================================*/

/*------------------- General Classes*/
.clear { clear:both; }
.float-right { float:right; }
hr { width:185px; height:1px; border-top:0; border-bottom:#333 1px dotted; padding:0; margin:5px 0 5px 0; }
/*------------------- Menu Container*/
#top-navbar-container{ width:951px; height:26px; margin-top:12px; padding:1px 0 1px 38px; background: url(/images/top-nav-bar-dotted-border.gif) repeat-x #fff; }
#IEroot6 #top-navbar-container{width:990px; padding:1px 0 0 38px;}
.menu { position:relative; z-index:100; float:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul,
#sign-on-box ul { padding:0; margin:0; list-style-type:none; text-align:center; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li,
#sign-on-box li { /*float:left;
	width:95px;*/		
	position:relative; display:inline; }
/* style the links for the top level */
.menu a,
.menu a:visited { font-size:90%; /*display:block;*/
	padding:7px 12px; text-decoration:none; color:#666; line-height:25px; }
/* style the top level hover */
.menu a:hover { color:#903; }
.menu-active-link { color:#903; font-weight:bold; }
li.no-image a { background: url(/images/img-division.gif) no-repeat center right; }
li.no-image a:hover { background:url(/images/img-division.gif) no-repeat center right #fff; text-decoration:none; }
li.no-image2 a { background: url(/images/spacer.gif) no-repeat center right; }
li.no-image2 a:hover { background:url(/images/spacer.gif) no-repeat center right #fff; text-decoration:none; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul,
#sign-on-box ul ul { visibility:hidden; position:absolute; height:0; top:29px; left:0; text-align:left; }
#IEroot .menu ul ul { top:28px; }
html>body .menu ul ul { padding:0; top:22px; }
html>body #sign-on-box ul ul { top:22px; }
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }
/* style the second level list items */
.menu ul ul { width:160px; height:auto; padding:0 1px 1px 1px; background: url(/images/img-2x2.gif); /*border: #666 1px dotted;*/
	border-top:#fff 1px solid; }
html>body .menu ul ul { background:#fff; border: #666 1px dotted; border-top:#fff 1px solid; padding-bottom:8px; }
.menu ul ul li { display:block; background:#fff; }
html>body .menu ul ul li { width:auto; font-size:90%; padding:0; margin:0; }
/* style the links for the second level */
.menu ul ul a,
.menu ul ul a:visited { color:#666; width:150px; border:none; font-size:11px; background:#fff; display:block; padding:2px 0 6px 12px; margin:0; }
.menu>ul ul a,
.menu>ul ul a:visited { width:148px; height:15px; }
/* style the second level hover */
.menu ul ul a:hover { color:#903; border:none; background:#fff; }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul,
#sign-on-box ul li:hover ul,
#sign-on-box a:hover ul { visibility:visible; }
/***************************************************
RED BOX - Product Sign On
***************************************************/

/*------------------- Small arrow inside the red box*/
.menu img { border:none; vertical-align:middle; margin-right:5px; }
/*----------------------- Red box on top*/
#sign-on-box { font:12px Arial, Helvetica, sans-serif; float:right; width:110px; position:relative; z-index:500; }
/*----------------------- Red box link*/
#sign-on-box a,
#sign-on-box a:visited { display:block; width:100px; font-size:11px; line-height:18px; text-decoration:none; color:#fff; background:url(/images/arrow-down.gif) no-repeat 95px center #903; padding:3px 0 0 15px; margin:0; text-align:left; }
#sign-on-box a:hover { background:url(/images/arrow-down.gif) no-repeat 95px center #c03; cursor:pointer; }
/*Class not readable by IE6*/
html>body #sign-on-box a,
html>body #sign-on-box a:visited { height:23px; line-height:20px; padding-left:10px; }
#sign-on-box ul li { text-align:left; }
/***************************************************
Opening DIV when rolling over red box
***************************************************/
#content-sign-on-box { color:#666; padding:5px; background:#f4f4f4; position:absolute; top:-3px; left:-136px; z-index:500; border:#ccc 1px solid; }
html>body #content-sign-on-box { position:absolute; top:4px; left:-144px; }
#IEroot7 #content-sign-on-box { left:-141px; }
/* Class just for Safari 3.x... sigh */
body:first-of-type #content-sign-on-box { position:absolute; top:-22px; left:-114px; }
/*-----------------------Links inside the opening DIV*/
#content-sign-on-box a,
#content-sign-on-box a:visited { padding:1px; background:none; color:#990134; text-decoration:underline; }
#sign-on-box ul li ul li a,
#sign-on-box ul li ul li a:visited { line-height: normal; padding:1px; }
#content-sign-on-box a:hover { text-decoration:none; background:none; padding:1px; }
/*----------------------- Select menu & Button*/
#sign-on-box select { color:#666; border:#666 1px dotted; }
#sign-on-box button { padding:2px; font:11px Arial, Helvetica, sans-serif; background:#990134; color:#fff; border-color:#D10145 #630121 #630121 #D10145; border-width:1px; }