﻿/* TOP MENU */

.menuOverAll /* GETS ADDED TO #top WHEN MENU IS HOVERED OVER */
{
	position:relative;
	top:0px;
	z-index:9999999;
}
.topLinks
{
	float:right;
	text-align:right;
	color:#999;
	text-transform:uppercase;
	font-size:10px;
	margin:17px 22px 0 0;
	width:170px;
}
.topLinks a
{
	color:#999;
	text-decoration:none;
}
.topLinks a:hover
{
	color:#fbc014;
}

.topLinks {margin-right:0; margin-top:8px}
.topLinks h6 {text-align:left; width:170px; margin:0; text-transform:uppercase; font-size:11px; font-weight:bold; margin-bottom:5px; color:#333;}
.topLinks .button{float:right;margin-top:-10px}
.topLinks input[type=text] {width:125px;float:left;}

header .topMenu_cont {	float:left;	margin:0 0 0 88px;}

.topMenu_cont
{
	/*width:573px;*/
	height:38px;
	float:right;
	margin:0 35px 0 0;
	position:relative;
	z-index:999;
}
.topMenu_cont ul li.topMenuItem
{
	height:38px;
	width: 72px;
	margin:0 5px 0 0;
	padding: 0 0 0 6px;
	background: url(/web/design/img/top-menu-bg-left.png) no-repeat left top;
}
.topMenu_cont ul li.topMenuItem a
{
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	color: #333;
	text-align: center;
	text-decoration: none;
	display: block;
	height: 30px;
	width: 59px;
	padding: 8px 11px 0 4px;
	background: url(/web/design/img/top-menu-bg.png) no-repeat right top;
}
.topMenu_cont ul li.topMenuItem li, .topMenu_cont ul li.topMenuItem li a, .topMenu_cont ul li.topMenuItem li span
{
	width: auto;
	height: auto;
	background:none;
}
.topMenu_cont ul li.topMenuItem a:hover
{
	color:#F8AF00;
}
.topMenu_cont ul li.active, .topMenu_cont ul li.activeHover
{
	/*height:42px;*/
	background: url(/web/design/img/top-menu-bg-left-active.png) no-repeat left top;
}
.topMenu_cont ul li.active a, .topMenu_cont ul li.activeHover a
{
	color:#fff;
	background: url(/web/design/img/top-menu-bg-active.png) no-repeat right top;
}

/* MEGA MENU */
div.topMenu_cont {
	/*width: 700px;
	height: 265px;
	padding: 0 15px;
	margin: 25px auto 0;
	background: #f4f7fa;	
	border: solid 1px #d2dbe1;*/
}
h1 {/* margin: 15px 0; font-size: 16px; */}

/* Style the menu and position list items */
ul.mainMenu {
	clear: both;
}
ul.mainMenu li, ul.mainMenu li ul li dl dd
{
	position: relative;
	float: left;
}
li.dl_cont
{
	width:297px;
	/*margin:0 23px;*/
	margin: 0;
	position: relative;
	left: 23px;
	background: url(/web/design/img/mega-menu-top-bg.png) no-repeat top left !important;
}
li.dl_cont dl
{
	/*float:left;*/
	width:297px;
	padding-bottom:10px;
	background: url(/web/design/img/mega-menu-bottom-bg.png) no-repeat bottom left;
}
li.dl_cont dt
{
	text-indent:13px;
	line-height:22px;
	display:block;
	padding-bottom:10px;
}
.topMenu_cont ul li.topMenuItem li.dl_cont dl dd
{
	width:121px;
	display:block;
	padding-right:9px;
	padding-left:9px;
	padding-bottom:4px;
	background: url(/web/design/img/menu-bullet.png) no-repeat;
	position:relative;
	left:9px;
}
.topMenu_cont ul li.topMenuItem li.dl_cont dl dd a
{
	background:none;
	padding:0;
	height:auto;
    min-height:18px;
	text-align:left;
	line-height:100%;
	color:#0d3725;
	max-width:135px;
	font-weight:normal;
	text-indent: 1px;
}
.topMenu_cont ul li.topMenuItem li.dl_cont dl dd a:hover
{
	color:#F8AF00;
}
/*ul.mainMenu li ul li dl dd { position: relative; float: left; }*/

/* Style and position links and images in second level list items */
/*ul.mainMenu li ul li a {
	color:#0d3725;
}*/
ul.mainMenu li a:hover {
}

/* When hovering over main list items, show second level lists */
/* This is only for #menu1 */
ul.cssonly li:hover ul { display: block; }

/* Position and style second level lists and items */
ul.mainMenu div.subnav {
	position: absolute;
	top: 40px;
	left: 0px;
	width:351px;
	/*background:#fff;
	border:solid 2px #004733;*/
	display: none; /* Hide until parent list item is hovered on */
}
ul.mainMenu div.subnav img {
	display: block;
}
ul.mainMenu div.subnav ul {
	width:351px;
	background: url(/web/design/img/bg-subnav.png) repeat-y !important;
}
ul.mainMenu div.subnavLeft {
	position: absolute;
	top: 40px;
	right: 0px;
	width:351px;
	/*background:#fff;
	border:solid 2px #004733;*/
	display: none; /* Hide until parent list item is hovered on */
}
ul.mainMenu div.subnavLeft img {
	display: block;
}
ul.mainMenu div.subnavLeft ul {
	width:351px;
	background: url(/web/design/img/bg-subnav.png) repeat-y !important;
}
ul.mainMenu ul li {  }
ul.mainMenu ul li:last-child { }
ul.mainMenu ul li.title {
	font-size: 11px;
	line-height:30px;
	color:#004733;
	height:30px;
	width:307px;
	padding: 0px 22px;
	float: none; /* Remove parent float setting */
	border: 0; /* Remove parent border setting */
	overflow:hidden;
	background: url(/web/design/img/bg-subnav.png) repeat-y !important;
}
ul.mainMenu ul li.bottomTitle
{
	line-height:30px;
	color:#004733;
	display:block;
	height:30px;
	width:307px;
	padding: 0px 22px;
	float: none;
	overflow:hidden;
	background: url(/web/design/img/bg-subnav.png) repeat-y !important;
}
ul.mainMenu ul span { display: block; }
ul.mainMenu ul a {
	/*height: 80px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #ebebeb;
	background: #fff;*/
	/*border:solid 1px red;*/
}
ul.mainMenu ul a:hover { }

/* When hovering over a list item link show the more info div */
ul.mainMenu ul a:hover span.moreinfo, ul.mainMenu ul a:hover span.moreinfo span, ul.mainMenu ul a:hover span.moreinfo img { display: block; }

/* Position and style the more info div */
ul.mainMenu ul span.moreinfo {
	display: none;
	/*width: 275px;*/
	position: absolute;
	bottom: 24px;
	left: 8px;
	z-index:9999;
	width:154px !important;
	padding-top: 9px;
	background: url(/web/design/img/bg-moreInfo-top.png) no-repeat !important;
}
ul.mainMenu ul span.moreinfo span {
	display: none;
	z-index:9999;
	font-weight:normal;
	width:142px !important;
	padding:0 6px;
	line-height:120%;
	color:#666;
	background: url(/web/design/img/bg-moreInfo.png) repeat-y;
}

/* Rounded corners */
ul.mainMenu {  }
ul.mainMenu ul  
{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

ul.mainMenu ul.subnavLeft {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 10px;

	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
div.topMenu_cont,
ul.mainMenu ul a {  }

/* IE6 FIXES */
ul.mainMenu li,
ul.mainMenu li a { _float:left; _display: inline; }


/* SUB MENU */
.subMenu_cont
{
	margin:20px 0 0 0;
	/*background: url(/web/design/img/sub-menu-bg.png) no-repeat;*/
	background-color:#EBB119;
	border-radius:3px;
}

ul#subMenu
{
	padding:20px 0;
	/*background: url(/web/design/img/sub-menu-bottom-bg.png) no-repeat bottom left;*/
}
.subMenu_cont li.subMenuItem
{
}
.subMenu_cont li.subMenuItem a, .subMenu_cont li.subMenuItem span
{
	text-decoration:none;
	font-size:11px;
}
.subMenu_cont li.active
{
}
.subMenu_cont li.active a, .subMenu_cont li.active span
{
	/*background: url(/web/design/img/sub-menu-bg-active.png) no-repeat;*/
	display:block;
	background-color:#CA8615;
	border-bottom:1px solid #9E6910;
}
.subMenu_cont li.active a em, .subMenu_cont li.active span em
{
	padding:8px 0 8px 28px;
	font-style:normal;
}
.subMenu_cont li.subMenuItem a em.firstSub
{
	display:block;
	/*padding:2px 0 2px 18px;*/
	padding:2px 12px 2px 18px;
	font-style:normal;
}
.subMenu_cont li.active a em.firstSub, .subMenu_cont li.active span em.firstSub
{
/*	background: url(/web/design/img/sub-menu-bg-bottom-active.png) no-repeat bottom !important; */
	display:block;
	padding:8px 0 8px 18px;
	
}
.subMenu_cont li.active li a, .subMenu_cont li.active li span, .subMenu_cont li.active a em, .subMenu_cont li.active span em
{
	background:none;
}

li.subMenuItem a em
{
	color:#333;
}.subMenu_cont li.subMenuItem a:hover, .subMenu_cont li.subMenuItem a:hover em, li.subMenuItem a em.activeEm, li.subMenuItem span em.activeEm
{
	color:#fff !important;
}
