/* ----- Header Main Menu ----- */

.menuMain {
	overflow: visible;
	z-index:100;
	xwidth: 646px;
	height:33px;	
}
	.menuMain.secure {
	    padding-left: 0px;
	}

	.menuMain a, .menuMain span {
		display: block;
		position:relative;
		margin: 0;
		padding: 0px 4px 0px 4px;
		height: 13px;
background-color:#FFF;
		text-align: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		font-weight:normal;
		background-repeat:repeat-x;
		background-position: 0px 0px;
border-top:10px solid #FFF;
border-bottom:10px solid #FFF;
	}
	.menuMain a:hover,
	.menuMain a:active {
		text-decoration:none;
	}
	
	.menuMain ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

		.menuMain ul li {
			position: relative;
			display: block;
			float: left;
			padding: 0;
			height:33px;	
			margin: 1px;
			width: auto;
            border-left: 1px #cfcfcf solid;
		}
			#menuUser.menuMain > ul > li:first-child {
				border-left: none;
			}
			.menuMain.common > div > ul > li:first-child {
				border-left: none;
			}
			.menuMain ul li a {
				display: block;
				width: auto;
				xheight:24px;	
				color: #999999;
				text-decoration:none;
				font-weight:normal;
                text-transform: uppercase;
				
			}
			.menuMain ul li a:hover,
			.menuMain ul li a:active {
				color:#333333;
				text-decoration:none;
			}

			/* ON BUTTON */
            .menuMain ul li.on {
				color:#333333;
                text-transform:uppercase;
                
			}
			.menuMain ul li.on > a {
                color:#333333;
				text-decoration:none;
                font-weight: bold;
            }
			.menuMain ul li.on > a:hover {
                color:#333333;
				text-decoration:none;
            }
			.menuMain ul li.on > a:active{
				color:#333333;
				text-decoration:none;
			}
            
            
			.menuMain ul li.sel {
				color:#999999;
                text-transform:uppercase;
                
			}
			.menuMain ul li.sel > a {
                color:#333333;
				text-decoration:none;
                font-weight: bold;
            }
			.menuMain ul li.sel > a:hover {
                color:#333333;
				text-decoration:none;
            }
			.menuMain ul li.sel > a:active{
				color:#333333;
				text-decoration:none;
			}
            
            
			/* END ON BUTTON */
			
				.menuMain ul li ul {
					position: absolute;
					xz-index: 500;
					top: 33px;
					left: -1px;
					width: 165px;
					border: none;
					padding:0;
					border-right: 1px solid #CECECE;
					border-bottom: 1px solid #CECECE;
				}

				.menuMain ul li ul li ul {
					position: absolute;
					float: none;
					xz-index: 501;
					padding:0;
					width: 165px;
					left: 164px;
					top: 0px;
				}

					.menuMain ul li ul li {
						position: relative;
						float: none;
						height:auto;
						margin: 0;
						padding: 0;
						xz-index: 502;
                        border-right: none;
					}
						.menuMain ul li ul li a {
                            display: block;
							color:#808284;
							font-size:11px;
							text-decoration:none;
							text-transform: capitalize;
							margin: 0;
							padding: 5px 5px 5px 5px;
							text-align: left;
                            xborder-right: 1px solid #CECECE;
							border-top: 1px solid #DDDDDD;
							border-bottom: none;
							height: auto;
							background-image:none !important;
						}
						.menuMain ul li ul li a:hover{
                            color:#333333;
                            text-transform: capitalize;
                            text-decoration:none;
                            background-image:none !important;
                            background-color:#B2B3B4;
                        }
						.menuMain ul li ul li a:active{
							text-decoration:none;
							text-transform: capitalize;
							xcolor:#FFFFFF;
							background-color:#B2B3B4;
							background-image:none !important;
						}
						
						.menuMain ul li ul li.sel {
							background-color:#B2B3B4;
                            color: #808285 !important;
                            font-weight: normal;
						}
						/*.menuMain ul li ul li.sel a,*/
						.menuMain ul li ul li.sel a:hover{
                            color:#333333;
                            text-transform: capitalize;
                            text-decoration:none;
                            background-image:none !important;
                            background-color:#B2B3B4;
                        }
						.menuMain ul li ul li.sel a:active{
							text-decoration:none;
							text-transform: capitalize;
							color:#24487D;
							background-color:#B2B3B4;
						}

						.menuMain ul li.sel ul li a:hover{
                            color:#333333;
                            text-transform: capitalize;
                            text-decoration:none;
                            background-image:none !important;
                            background-color:#B2B3B4;
                        }
						.menuMain ul li.sel ul li a:active {
							xcolor: #ffffff;
						}
						.menuMain ul li.sel ul li.on a {
							text-decoration:none;
							text-transform: capitalize;
                            
							color:#24487D;
							background-color:#B2B3B4;
						}
						.menuMain ul li.sel ul li.on a:hover{
                            color:#333333;
                            text-transform: capitalize;
                            text-decoration:none;
                            background-image:none !important;
                            background-color:#B2B3B4;
                        }
						.menuMain ul li.sel ul li.on a:active{
							text-decoration:none;
							text-transform: capitalize;
							color:#24487D !important;
							xbackground-color:#B2B3B4;
						}

.menuMain ul ul,
.menuMain ul li:hover ul ul,
.menuMain ul ul li:hover ul ul,
.menuMain ul ul ul li:hover ul ul,
.menuMain ul ul ul ul li:hover ul ul
{display: none;}

.menuMain ul li:hover ul,
.menuMain ul ul li:hover ul,
.menuMain ul ul ul li:hover ul,
.menuMain ul ul ul ul li:hover ul,
.menuMain ul ul ul ul ul li:hover ul
{display: block;}


/*.menuMain ul li:hover ul,
.menuMain ul li ul li:hover ul,
.menuMain ul li ul li ul li:hover ul{
	ededisplay: block;
}*/

/* Holly Hack Targets IE Win only \*/
* html .menuMain ul li {
	height: 1%;
}
/* End Holly Hack */

/* ----- Sub Menu ----- */

.menuSub {
}
	.menuSub a {
		display: block;
		width: 100%;
        height: 100%;
		color: #cfcfcf;
        padding-top: 25px;
		text-decoration:none;
        height: 42px;
        font-weight: normal;
	}
	.menuSub a:hover,
	.menuSub a:active,
    .menuSub a:focus {
		text-decoration:none;
        color: #ffffff;
	}

	.menuSub ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

		.menuSub ul li {
			position: relative;
			display: block;
			float: left;
            padding: 9px 10px 9px 10px;
			border-right: solid 1px #babbbf;
			height:42px;
			width: auto;
            letter-spacing: 0.7px;
		}
        .menuSub ul li.on a{
            color: #efefef;
		}
        
		.supt_button {
			background-image: url("/img/blue_arrow_right_off.png");
			background-position: 0;
			background-repeat: no-repeat;
			clear: both;
			color: #666666;
			cursor: pointer;
			display: block;
			font-size: 85%;
			font-weight: bold;
			min-height: 20px;
			padding: 26px 0 0 35px;
			text-decoration: none;
			text-transform: uppercase;
		}


/* ----- Bottom Menu ----- */

.menuBottom{
    margin-left: -8px;
}

	.menuBottom a {
		display: block;
		margin: 0;
		padding: 25px 8px 0px 8px;
		height: 43px;
		text-align: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		font-weight:normal;
		background-repeat:repeat-x;
		background-position: 0px 0px;
        text-transform: uppercase;
        color: #666666;
        
	}
	.menuBottom a:hover,
	.menuBottom a:active {
		text-decoration:none;
	}
	
	.menuBottom ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

		.menuBottom ul li {
			position: relative;
			display: block;
			float: left;
			padding: 0;
			margin: 1px;
			border-right: solid 1px #CECECE;
			height:43px;	
			width: auto;
		}
		
/* ----- Crumbtrail Menu ----- */

.subtitle {
}
.subtitle h2 {
}

#crumbtrail {
	padding: 15px 0px 5px 0px;
	margin-bottom: 10px;
}
/* Holly Hack Targets IE Win only \*/
* html #crumbtrail {height: 1%;}
/* End Holly Hack */

	#crumbtrail a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
        font-weight: normal;
		color:#898b8e;
		text-decoration:none;
        text-transform: uppercase;
	}
	#crumbtrail a:hover {
		color: #58595b;
		text-decoration:none;
	}
	#crumbtrail ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	}
	#crumbtrail ul li {
	display: inline;
	padding-left: 15px;
    background-image: url(/img/crumbtrail_arrow.gif);
	background-repeat: no-repeat;
    background-position: 0px 3px;
	color: #0599F1;
	}
	#crumbtrail .back {
	display: none;
	float: right;
	width: 56px;
	text-align: right;
	padding: 0px 0px 0px 12px;
	background-repeat: no-repeat;
	}
	#crumbtrail .back ul {
	}
	#crumbtrail .back li {
	padding-left: 15px;
    background-image: url(/img/crumbtrail_arrow.gif);
	background-repeat: no-repeat;
	}
	
	#crumbtrail .trail {
	margin-right: 70px;
	}
	#crumbtrail .trail ul {
	text-align: left;
	}
	#crumbtrail .trail a {
	}
	#crumbtrail .trail a:hover {
	}
	#crumbtrail .trail li.first {
	padding-left: 0px;
	background-image: none;
	}
	#crumbtrail .trail li.last {
	}
	#crumbtrail .trail li.last a {
	color: #808080;
    font-style: italic;
	}


.widget_crumbtrail {
}
/* Holly Hack Targets IE Win only \*/
* html .widget_crumbtrail {height: 1%;}
/* End Holly Hack */

	.widget_crumbtrail a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
        font-weight: normal;
		color:#898b8e;
		text-decoration:none;
        text-transform: uppercase;
	}
	.widget_crumbtrail a:hover {
		color: #58595b;
		text-decoration:none;
	}
	.widget_crumbtrail ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	}
	.widget_crumbtrail ul li {
	display: inline;
	padding-left: 15px;
    background-image: url(/img/crumbtrail_arrow.gif);
	background-repeat: no-repeat;
    background-position: 0px 3px;
	color: #0599F1;
	}
	.widget_crumbtrail .back {
	display: none;
	float: right;
	width: 56px;
	text-align: right;
	padding: 0px 0px 0px 12px;
	background-repeat: no-repeat;
	}
	.widget_crumbtrail .back ul {
	}
	.widget_crumbtrail .back li {
	padding-left: 15px;
    background-image: url(/img/crumbtrail_arrow.gif);
	background-repeat: no-repeat;
	}
	
	.widget_crumbtrail .trail {
	margin-right: 70px;
	}
	.widget_crumbtrail .trail ul {
	text-align: left;
	}
	.widget_crumbtrail .trail a {
	}
	.widget_crumbtrail .trail a:hover {
	}
	.widget_crumbtrail .trail li.first {
	padding-left: 0px;
	background-image: none;
	}
	.widget_crumbtrail .trail li.last {
	}
	.widget_crumbtrail .trail li.last a {
	color: #808080;
    font-style: italic;
	}
	
/* ----- Margin Menu ----- */

#menuheader {
	/*margin-left: 20px;*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#58595b;
	padding-bottom:15px;
	padding-top:15px;
	padding-right:0px;
	text-transform:uppercase;
}


#menuheader a,
#menuheader a:hover,
#menuheader a:active{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#58595b;
	text-transform:uppercase;
}



.menuMargin {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
}

	.menuMargin ul {
	list-style-type: none;
	margin: 0;
	padding: 0;;
	}
	.menuMargin li {
		display: block;
	}
	.menuMargin li.sel {
		display: block;
		margin-left:-10px;
	}	
		
	.menuMargin li a {
		display: block;
		padding: 3px;
		text-decoration:none;
		color:#898b8e;
		font-weight:normal;
		text-transform:uppercase;
		
	}
	.menuMargin li a:hover,
	.menuMargin li a:active{
		color: #f7941d;
		font-weight:bold;
		text-transform:uppercase;
	}

	
		.menuMargin li.sel a,
		.menuMargin li.sel a:hover,
		.menuMargin li.sel a:active{
			color: #f7941d;
			font-weight:bold;
			text-transform:uppercase;
		}

	.menuMargin ul li ul {
		display: none;
	}
    
#menu_products_distributor_ {
    border-right: none !important;
}
#menu_terms_htm{
    border-right: none !important;
}
/*
#menu_contact_contactform_htm{
    border-right: none !important;
}
*/
#menu_logout_cfm{
    border-right: none !important;
}

/* ---------------------------- */

.id_submenu_merchantrole,
.id_submenu {
	padding-bottom: 20px;
    line-height: 1.7;
	overflow:hidden;
}
	.id_submenu_merchantrole ul,
	.id_submenu ul {
		display:block;
		list-style:none;
		margin: 0 !important;
		padding: 0 !important;
		overflow:hidden;
		height: auto;
	}
		.id_submenu_merchantrole li,
		.id_submenu li {
			display:block;
			list-style:none;
			padding: 0 !important;
			margin-top: 0px !important;
			margin-left: 15px !important;
			margin-bottom: 0px !important;
			margin-right: 0px !important;
			overflow:hidden;
			height: auto;
			min-height: 12px;
		}

		.id_submenu_merchantrole > ul > li,
		.id_submenu > ul > li {
			margin-left: 0px !important;
		}

.id_submenu_merchantrole a,
.id_submenu a {
	display: block;
    font-weight: normal;
	text-decoration: none;
    color: #888888;
	margin: 6px 0px 6px 0px;
	padding: 0px 0px 0px 15px;
    background-image: url('/img/submenu_arrow_sub.gif');
    background-repeat: no-repeat;
    background-position: 3px 2px;
	line-height: 1.2;
	overflow:hidden;
}

.id_submenu_merchantrole li.on > a,
.id_submenu li.on > a {
	font-weight:bold;
    background-image: url('/img/submenu_arrow.png');
    background-position: 0px 0px;
    color: #333333 !important;
}

.id_submenu_merchantrole > ul > li > a,
.id_submenu > ul > li > a {
    background-image: none;
}

.id_submenu_merchantrole a:hover,
.id_submenu a:hover {
    color: #333333;
}
.id_submenu_merchantrole li.sel > a:hover,
.id_submenu li.sel > a:hover {
    color: #888888;
}

.id_submenu_merchantrole.sub,
.id_submenu.sub {
}
.id_submenu_merchantrole.same,
.id_submenu.same {
}

