@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* ---Start Top Menu--- */
/* style the outer div to give it width */
.menu {font-size:11px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px;margin:0px;list-style-type:none;}

/* style the sub-level lists */
.menu ul ul {width:15em; padding-top:3px; padding-left:1px;;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:2em;line-height:2em; padding-bottom:7px;z-index:4}

/* style the sub level list items */
.menu ul ul li {display:block;width:12.5em;height:auto; line-height:1em; padding-top: 0px; padding-bottom:0px;}

/* style the links for the top level */
.menu a, .menu a:visited {font-family: Arial, Helvetica, sans-serif; font-size:14px; display:block; float:left; text-decoration:none; color:#FFFFFF; background-image: url('../imagesv2/ep3but_nb_fade.gif');  padding:0 1.5em 0 1.5em; border:1px solid #FF9900; margin-right: 0.5em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;display:block;background:#e9e9e9;color:#333333;width:12.5em;padding:0.5em 1em;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #5f6d82;border-right-color: #5f6d82;border-bottom-color: #5f6d82;border-left-color: #5f6d82;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:11px; z-index:1;}

/* style the level hovers */
/* first */
.menu li:hover {position:relative;}
.menu :hover > a {background-color:#121a49; background-image: url('../imagesv2/ep3but_nb_fadeon.gif');}
/* second */
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {background:#ff9900;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2em;left:-2px;width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../imagesv2/trans.gif);}

/* Two Column Settings */
.menu ul dl a, .menu ul dl a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;display:block;background:#e9e9e9;color:#333333;width:12.5em;padding:0.5em 1em;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #5f6d82;border-right-color: #5f6d82;border-bottom-color: #5f6d82;border-left-color: #5f6d82;}
.menu ul dl li {display:block;width:175px;height:auto; line-height:1em; padding-top: 0px; padding-bottom:0px;}
.menu ul dl {visibility:hidden;position:absolute;height:0;top:2em;left:-2px;width:14em;}
.menu ul :hover dl{visibility:visible; margin:3px 0 0 1px;height:auto; width:360px; padding-bottom:3em; background:transparent url(../imagesv2/trans.gif);}
.menu ul dl li:hover {position:relative;}
.menu ul dl :hover > a {background:#ff9900;}
/* ---End Top Menu--- */

.topnav:link, .topnav:visited {font-family: Arial, Helvetica;font-size: 10px;color: #cccccc; text-decoration: none;}
.topnav:hover {text-decoration: underline;}
.topnavgrey {font-family: Arial, Helvetica;font-size: 11px;color: #cccccc;}
.viewbasket:link, .viewbasket:visited {text-decoration: none;font-family: Arial, Helvetica;font-size: 10px;font-weight: normal;;color: #cccccc; padding: 2px;}
.viewbasket:hover {text-decoration: underline;}