/*V1*/
/* ================================================================ 
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: June - 08
Project: UK Site
===================================================================*/

/*------------------- 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; }
.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 { /*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; top:29px; height:0; left:0; text-align:left; }
#IEroot .menu ul ul { top:29px; }
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:145px; position:relative; z-index:500; padding:0; }
* html #sign-on-box ul li { padding:0; }

/*----------------------- Red box link*/
#sign-on-box a,
#sign-on-box a:visited { display:block; width:135px; font-size:11px; line-height:18px; text-decoration:none; color:#fff; padding:3px 0 0 15px; margin:0; text-align:left; background:url(/images/arrow-down.gif) no-repeat 125px center #903; }
#sign-on-box a:hover { background:url(/images/arrow-down.gif) no-repeat 125px center #c03; cursor:pointer; }
* html #sign-on-box a,
* html #sign-on-box a:visited,
* html #sign-on-box a:hover { background-position:130px center; }

/*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:4px; left:-22px; z-index:500; border:#ccc 1px solid; }
/*html>body #content-sign-on-box { position:absolute; top:4px; left:-108px; }*/
* html #content-sign-on-box { top:-3px; left:-18px; }
/* Safari */
/*body:first-of-type #content-sign-on-box { left:-22px; }*/

#content-sign-on-box select { font-size:10px; padding:2px; padding-top:0; height:180px; }

/*-----------------------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; }
#sign-on-box ul li { white-space:nowrap; padding-right:5px }