﻿/* main BAR definition - not the menu, just the backgound bar */
.product_nav
{
    margin: auto;
    height: 30px;
    position: relative;
    font-family: arial, verdana, sans-serif;
    font-size: 11px; /* main menu font size */
    z-index: 500;
    width: 70%;
    text-align: center;
}

/* main menu LIST item unordered list definition */
.product_nav .select 
{
    margin:0; 
    padding:0; 
	list-style:none; 
	white-space:nowrap;
}

/* main menu list items positioning */
.product_nav li
{
    float: left;
    background: url('line/blank_over_black.gif');
}


/* main menu item, no sub  */
.product_nav .select a { 
    display: block;
    height: 30px;
    float: left; /*	background: url(line/blank_blu.gif); */;
    background: url(line/blank_black_with_border.gif);
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    line-height: 30px;
    white-space: nowrap;
    
 }


/* main menu item (bold attribute) - text positioning*/
.product_nav .select a b
{
    background-position: right top;
    display: block;
    padding: 0px 20px 0px 10px;
    color: #FFFFCC;
    background: url(line/blank_black_with_border.gif) right top;
    font-weight: normal;
}


/* main menu line item with sub menu - text color */
.product_nav .select li.line a
{
    color: #C0C0C0;        
}

/* main menu item hover - reverse gradient, text position, text color=white */
.product_nav .select a:hover, 
.product_nav .select li:hover a
{
    background: url(line/blank_over_black.gif);
    padding: 0px 0px 0px 10px;
    line-height: 30px;
    cursor: pointer;
}

/* main menu item with sub, hover - set text color */
.product_nav .select li.line a:hover, 
.product_nav .select li.line:hover a
{
    color: #B0B0B0;
}

/* main menu item (bold), hover - corrects left menu bar and lower border */
.product_nav .select a:hover b, 
.product_nav .select li:hover a b
{
    display: block;
    padding: 0px 20px 0px 10px;
    background: url(line/blank_over_black.gif) right top;
    cursor: pointer;
    color: #FFFFCC;
}

/* unordered list SUB-menu */
.product_nav .sub {
	display: none;
/*	background: black;*/
}

.product_nav ul ul {
	display:none;
}

.product_nav .sub,
.product_nav .sub_ie6 {
	margin:0; 
	padding:0;
	list-style:none;
}

/* drop-line list ITEM - background color */
.product_nav .sub li, 
.product_nav .sub_ie6 li 
{
    background: bkgnd_line.gif;
}

/* enbles drop-line BAR (entire line) - visible when main list item is hovered */
.product_nav .select :hover .sub {
	height:30px;
	display:block; 
	position:absolute;
	float:left;
    width:100%;
	top:30px; 
	left:0; 
	text-align:center;
/*	background:black;*/
	background:transparent url(line/bkgnd_line_black.gif) top right;
	border:1px solid #886;
	border-width:1px  0px;	/* horizontal-line border (no verticals) */
}

/* enbles drop-line BAR (entire line) - visible when main list item is hovered */
.product_nav .select :hover .sub_ie6
{
     height: 30px;
    display: block;
    position: absolute;
    float: left;
    width: 478px;
    top: 30px;
    left: 0;
    text-align: center; /*	background:black;*/
    background: transparent url(line/bkgnd_line_black.gif);
    border: 1px solid #886;
    border-width: 1px 0px;
    
}

/* drop-line item list, RIGHT-ALIGNED */
.product_nav .select :hover .rt li {
	float:right;
}

/* drop-line styling, static-state */
.product_nav .select :hover .sub li a,
.product_nav .select :hover .sub_ie6 li a
{
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
	background: transparent url(line/bkgnd_line_black.gif) top right;
	padding: 0 16px;
	margin: 0;
	white-space: nowrap;
	font-size: 11px;
}

/* drop-line item with pop-out menu, static-state - text color */
.product_nav .select :hover .sub li.subline a {
}

/* drop-line menu item, hover - text color and positioning */
.product_nav .select :hover .sub li a:hover, 
.product_nav .select :hover .sub li:hover,
.product_nav .select :hover .sub_ie6 li a:hover, 
.product_nav .select :hover .sub_ie6 li:hover
{
    line-height: 30px;
    position: relative;
    color: #FFFFD7;
}

/* drop-line item hover */
.product_nav .select :hover .sub li:hover > a {
}

/* drop-down menu definition */
.product_nav .select :hover .sub :hover ul,
.product_nav .select :hover .sub_ie6 :hover ul  {
	padding:0; 
	margin:0; 
	list-style:none; 
	display:block; 
	width:175px; 
	position:absolute; 
	left:-1px; 
	top:30px; 
	border-bottom:1px solid #886; 
	background: transparent url(line/bkgnd_transparent.gif);
/*	background:#fff;*/
}

.product_nav .select :hover .sub :hover ul ul,
.product_nav .select :hover .sub_ie6 :hover ul ul {
	position:absolute; 
	left:-9999px;
}

/* drop-down menu and pop-out line item  - border */
.product_nav .select :hover .sub :hover ul li,
.product_nav .select :hover .sub_ie6 :hover ul li {
	border:1px solid #886; 
	border-width:0px 1px; /* vertical border */
}

/* drop-down and pop-out line item static state - formatting */
.product_nav .select :hover .sub :hover ul li a,
.product_nav .select :hover .sub_ie6 :hover ul li a  {
	width:175px; 
	text-align:left; 
	height:20px; 
	line-height:18px;
	background: transparent url(line/bkgnd_transparent.gif);
}

/* drop-down and pop-out line item hover state - text position */
.product_nav .select :hover .sub :hover ul li a:hover,
.product_nav .select :hover .sub_ie6 :hover ul li a:hover {
	line-height: 16px;
}

/* pop-out menu definition */
.product_nav .select :hover .sub :hover ul :hover ul,
.product_nav .select :hover .sub_ie6 :hover ul :hover ul {
	left:175px; 
	top:0; 
	border:1px solid #886; 
	border-width:0 1px 1px 0; 
	background:#fff;
}

/* right-aligned drop-down pop-out definition */
.product_nav .select :hover .rt :hover ul :hover ul {
	left:-201px; 
	top:0; 
	border:1px solid #886; 
	border-width:0px 0 1px 1px;
}

/* drop-down pop-out menu definition */
.product_nav .select :hover .sub :hover ul :hover ul li,
.product_nav .select :hover .sub_ie6 :hover ul :hover ul li {
	border-left:1px solid #886; 
	background:#fff;
}

/* pop-out line item style a1 */
.product_nav .select :hover .sub :hover ul :hover ul li.a1,
.product_nav .select :hover .sub_ie6 :hover ul :hover ul li.a1 {
	border-left:1px solid #fff;
}

/* pop-out line item style a2 */
.product_nav .select :hover .sub :hover ul :hover ul li.a2,
.product_nav .select :hover .sub_ie6 :hover ul :hover ul li.a2 {
	border-top:1px solid #886; 
	height:19px;
}

/* right-aligned pop-out */
.product_nav .select :hover .rt :hover ul :hover ul li {
	border-right:1px solid #886; 
	border-left:0;
}

.product_nav .select :hover .rt :hover ul :hover ul li.a1  {
	border-right:1px solid #fff; 
	border-left:0;
}

/* IE6 only */
.product_nav table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
}