﻿/** POS-specific style for the MEGA DROP DOWN MENU **/
html, body {
	height: 100%;
}
#mainmenu {
	height: 28px;
	clear: both;
	border-bottom: 10px #34648f solid !important;
	font-family: arial;
	position: relative;
	z-index: 9;
	font-size: 14px;
	background-color: #ffffff !important;
}
/*
body #s4-topheader2 {
	height: 28px;
	clear: both;
	border-bottom: 5px #34648f solid;
	font-family: arial;
	position: relative;
	z-index: 10;
	font-size: 14px;
	background-color: #fff !important;
}
*/

.mdd UL{	
 	padding-left: 0px !important;
 
}

.mdd-topmenu-item
{
	white-space:nowrap;
}

.mdd-topmenu .current {
	font-size: 14px;
	color: #FFFFFF !important;
	background-color: #34648f;
	text-decoration: none;
	z-index: 12;
}
.mdd-topmenu .current .hover {
	font-size: 14px;
	color: #FFFFFF !important;
	background-color: #34648f;
	text-decoration: none !important;
	padding: 4px 10px 8px 0px;
}
.mdd-topmenu-item {
	position: static;
	padding: 4px 0px 8px 0px;
	z-index: 20;
}

.mdd-topmenu-item a
{
	text-decoration: none !important;

}
.mdd-topmenu-item a:hover {
	position: static !important;
	padding: 4px 0px 8px 0px;
	border: 5px; 
	color: #C00;
	/*z-index: 20;*/
}


.mdd-topmenu-label {
	font-size: 14px;
	color: #3d3d3d !important;
	text-decoration: none; /*	padding: 6px 12px 8px 12px;*/;
	padding: 0px 12px 0px 0px;
	z-index: 10;
}
.mdd-topmenu-label a {
	font-size: 14px;
	color: #3d3d3d !important;
	text-decoration: none;
	padding: 2px 14px 8px 14px;
	margin-right: -12px !important;
	z-index: 10;
}
.mdd-topmenu-label a:hover {
	color: #fff!important;
	background-color: #687d93;
	border: 2px #687d93 solid;
	border-bottom-width: 0px !important;
	padding: 2px 12px 8px 12px;
}

/* .current is the currently-highlighted tab
This item nneds to be controlled on the drop down menu hover action */
.current a {
	color: #FFFFFF !important;
}
.current .mdd-topmenu-label a:hover {
	color: #fff!important;
	background-color: #34648f;
	border: 2px #34648f solid;
	padding: 2px 12px 8px 12px;
}
.mdd-tabc-hover a {
	color: #fff !important;
	background-color: #687d93;
	padding: 2px 12px 11px 12px;
	border: 2px #687d93 solid;
	border-bottom: 2px #FFFFFF solid;
	z-index: 9;
}

.current .mdd-tabc-hover a {
	background-color: #34648f;
	border: 2px #34648f solid;
}

/* Style for top menu itme when hovering over sub menu*/
/* Drop Down Menu */
.drop {
	position: absolute;
	top: 27px;
	left: 0 !important;
	right: 0;
	background-color: #fff;
	border: 2px solid #687d93;
	border-top-width: 2px;
	padding-top: 0;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
	white-space: normal;
	
}

.drop H3 {
	color: #110000 !important;
}

.content-area {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*Columns for Drop Down */
.menu-column {
	padding: 0px 0px 0px 0px!important;
	margin: 0px 0px 0px 20px!important;
	float: left;
	width: 290px;
	vertical-align: text-top;
	height: 100%;
	min-height: 100%;
	display:inline-block;
}
/*.menu-column text warp to narrow by default*/
.mdd-heading{
	width:98%;
}

/*Use seperate style for third column to hremove border.*/
.menu-column3 {
	padding: 0px 0px 0px 0px!important;
	margin: 0px 20px 0px 20px!important;
	float: left;
	width: 290px;
	vertical-align: text-top;
	height: 100%;
	min-height: 100%;
}
/*.menu-column3 text warp to narrow by default*/
.co-content{
	width:98%;
}
.co-item {
	background:transparent;	
	vertical-align: top;
}


.content-area ul {
	text-indent: 0px;
	display: inline ;
}

.content-area li {
	margin:0 0 2.5px 20px;	
}

.content-area .last {
	position: relative;
	/*width: 300px;*/
}
/* Menu items headers .mdd-heading*/
.mdd UL .drop a {
	color: #110000 !important;
	margin: 0 0 30px 0;
	cursor: pointer;
}
.drop a:Hover {
	color: #34648f !important;
}
.mdd a:link H3 {
	/* was .mdd .mdd-heading a:link H3 */
	color: #110000 !important;
	padding-top:2px;
	font-size: 14px !important;
	font-family: arial !important;
	text-decoration: none;
	width: 300px;
}
.mdd a:hover H3 {
	color: #34648f !important;
}
.mdd-heading a {
	display: inline !important;
}
/* Menu items under header */
.mdd UL .drop a:hover {	
	color: #34648f !important;
	
}
.drop a:link {
	font-size: 13px !important;
	font-family: arial;
	/*color: inherit;*/
	text-decoration: none;

}
/*graphic for line at top of drop down menu
.menuitem1 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem2.png') no-repeat;
	height: 2px !important;
}

.menuitem2 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem2.png') no-repeat;
	height: 2px !important;
}
.menuitem3 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem3.png') no-repeat;
	height: 2px;
}
.menuitem4 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem4.png') no-repeat;
	height: 2px;
}
.menuitem5 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem5.png') no-repeat;
	height: 2px;
}
.menuitem6 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem6.png') no-repeat;
	height: 2px;
}
.menuitem7 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem7.png') no-repeat;
	height: 2px;
}
.menuitem8 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem7.png') no-repeat;
	height: 2px;
}
.menuitem9 .t {
	background: transparent url('/Style%20Library/Images/mdd/menuitem7.png') no-repeat;
	height: 2px;
}




*/

