/* MAIN NAV */
/* Copyright (c) 2008 Thomas P. Goss.  All Rights Reserved. */

#header ul, #menuh {text-transform: uppercase;
margin-top: -3px; /* */ /* IE 6 breaks a little on this */
}
#header ul a {font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; line-height: 22px;}
#header ul ul a {font-size: 12px; text-transform: none}

#header ul a:hover { color: #111; background-color: #336699;}


/*
#header ul {
margin: 0;
padding: 0;
float: left;
width:899px;
list-style: none;
text-transform: uppercase;
background-color: #0099cc; 
margin-top: -3px;
margin-bottom: 8px;
}
*/

/*
#header ul li { float: left; list-style-position:inherit}

#header ul a {
padding: 0 60px;
line-height: 26px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #fff;
float: left;
}

*/


/* */
#home #header .home a,
.about #header .about a,
.products #header .products a,
#news #header .news a,
#contact #header .contact a
{ background-color: #336699; color: #222; cursor: default; }

/* FOOTER NAV */

#footer a { display:inline; color:#fff; text-decoratioght: bold;n:none; font-size:11px; }
#footer a:hover {text-decoration:underline;}

#copyright a { display:inline;  text-decoration:none; font-size:11px; }
#copyright a:hover {text-decoration:none;}

/* BREADCRUMB NAV */

#breadcrumb_trail, #breadcrumb_trail a {display:inline; color:#336699; text-decoration:none; font-size:13px; padding:0; margin:0; border: solid 0px; }
#breadcrumb_trail a:hover {text-decoration:underline;}
#breadcrumb_trail p{clear:both; text-align:left; font-weight: bold; height: 25px; border: solid 1px; color:#336699; 
background-color: #fff; padding:0; margin:0; padding-left: 5px; margin-bottom: 10px; border-bottom: dotted 1px; border-color: #fff; margin-top: 3px;}
#breadcrumb_trail span.last_crumb {color: #555;}

/* PRODUCT NAV */

a {color: #336699; font-size: 15px;}
a:hover {color: #0099cc;}

#product_nav {
margin-left: 5px;
}

#product_nav ul {
padding: 0;
margin:0;
list-style: none;
}

#product_nav ul.product_level_1 li a, #product_nav ul.product_level_2 li a {
font-weight: bold;
font-size: 15px;
border-bottom: dotted 1px;
border-top: dotted 1px;
margin:0; padding:0;
text-decoration: none;
line-height: 30px;
}

#product_nav ul.product_level_2 li a {
padding: 1px;
border:none;
font-size: 13px;
line-height: 15px;
margin-left: 15px;
margin-bottom: 5px;
margin-top: 5px;
}

#product_nav ul li.single a {
border-bottom: none;
}

#product_nav ul a:hover { 
color: #0099cc;
background-color: #eee;}

.space_pole                          ul.product_level_1 li.space_pole a,
.space_pole_pos_mounts               ul.product_level_2 li.space_pole_pos_mounts a,
.space_pole_build               	 ul.product_level_2 li.space_pole_build a,
.space_pole_payment_mounts           ul.product_level_2 li.space_pole_payment_mounts a,
.space_pole_self_service             ul.product_level_2 li.space_pole_self_service a,
.space_pole_new_products             ul.product_level_2 li.space_pole_new_products a,
.scanner_tops                        ul.product_level_1 li.scanner_tops a,
.scanner_tops_sapphire          	 ul.product_level_2 li.scanner_tops_sapphire a,
.scanner_tops_model_numbers          ul.product_level_2 li.scanner_tops_model_numbers a,
.specialized                		 ul.product_level_1 li.specialized a,
.specialized_monitor_arms   		 ul.product_level_2 li.specialized_monitor_arms a,
.specialized_kiosk_styling  		 ul.product_level_2 li.specialized_kiosk_styling a,
.specialized_fp_series      		 ul.product_level_2 li.specialized_fp_series a,
.specialized_new_products   		 ul.product_level_2 li.specialized_new_products a

{ background-color: #eee; cursor: default; 
/* background-image:url(../images/bullet.gif); background-repeat: no-repeat; */
}


#content_right .inline_menu a { margin:5px; margin-left: 0;  padding:0; display:inline; color: #336699; text-decoration:none; font-size:15px; border-bottom: solid 1px; }
#content_right .inline_menu a:hover {text-decoration:none; color: #0099cc; border-bottom: solid 2px;}

.youarehere {
color: #aaa;
}


/* Begin CSS Drop Down Menu */

#menuh-container
	{
/*
	position: absolute;		
	top: 1em;
	left: 1em;
*/
        margin:0;
        padding:0;
        top: 100px;
background-color: #0099cc; /*light blue */
        width: 899px;
	}

#menuh
	{

background-color: #0099cc; /*light blue */
	font-size: small;
	font-family: arial, helvetica, sans-serif;
        width:100%;
        float:left;
/* 	margin:2em;
	margin-top: 1em;
*/
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 0px solid #555;
/* 	border-bottom: 1px solid #eee;
	white-space:nowrap;
*/
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #0099cc;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #336699;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:179px; 	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

/* This is a hack to fix an IE6 display issue */
/* On the last menu box force the size to completely overlay the menu */
#menuh ul.last_menu_item {
width: 183px;
}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh ul li li
        {
border-top: solid 1px; color: #fff;
        }


div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

