/* ---------- Drop Down Navigation --------- */
#top-navigation { 
	width:962px;
	height:43px;
	padding:0;
	background: url('/images/structure/menu_background_img.png') no-repeat;
}
#navigation {
	list-style:none;
	font:bold 14px Arial, sans-serif;
	margin:0;
	padding:1px 0 0 0;
}
#navlist a {
	margin-bottom:5px;
	font:normal 18px Arial, sans-serif;
}
#navigation li {
	float:left;
	text-align:center;
	margin:0;
	padding:7px 0px;
	position:relative;
	font-family: Arial, sans-serif;
}
#navigation li.accountaccess, #navigation li.products, #navigation li.membership, #navigation li.search, #navigation li.adviceandplan{
	width:190px;
}
#navigation li.products:hover, #navigation li.membership:hover, #navigation li.adviceandplan:hover {
	background:#fff;
	margin:3px 4px 0 4px;
	border-bottom:solid 1px #fff;
	padding:5px 0px;
	width: 182px;
	z-index:500;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-radius:4px 4px 0px 0px;/* css pie */	behavior:url(/js/pie.htc);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation li.products:hover, #navigation li.membership:hover, #navigation li.adviceandplan:hover {
	 margin:3px 3px 0 5px;
	 padding: 4px 0px 5px 0px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
}
}	

#navigation a {
	color:#fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
	outline:0;
	text-decoration:none;
	display:inline;
	line-height:2em;
}
/* ----------- Hide/Show Div ---------- */
#navlist {
	position:absolute;
	left:-999em;
	margin-top:5px;
	width:962px;
	padding:30px 10px 0 10px;;
	text-align:left;
	background:#fff;
	border-right:1px solid #e5e3df;
	border-left:1px solid #e5e3df;
	-webkit-box-shadow:-3px 2px 2px rgba(0, 0, 0, 0.1), 3px 2px 2px rgba(0, 0, 0, 0.1),0px 6px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:-3px 2px 2px rgba(0, 0, 0, 0.1), 3px 2px 2px rgba(0, 0, 0, 0.1), 0px 6px 4px rgba(0, 0, 0, 0.2);
    box-shadow:-3px 2px 2px rgba(0, 0, 0, 0.1), 3px 2px 2px rgba(0, 0, 0, 0.1),0px 6px 4px rgba(0, 0, 0, 0.2);
}
#navlist {
	/* for IE */
	zoom:1; /* This enables hasLayout, which is required for older IE browsers */
}
.prod_hdr {
	font: bold 12px arial;
	margin-bottom: 5px;
}
#navlist ul li {
	list-style: none;
	float: none;
	text-align:left;
	line-height:19px;
	margin:0;
	padding:0;
}
#navlist ul li a {
	font: normal 12px arial;
	float: none;
	text-align:left;
}
#navlist ul li { line-height:14px;	margin:7px 0; }
#navigation li.navdivider, li.navdivider:hover {
	padding:0;
	margin:0;
	background:none;
}
#navigation li.products:hover #navlist {
	left:-194px;
	width:940px;
	top:auto;
	position:absolute;
}
#navigation li.membership:hover #navlist {
	left:-386px;
	width:940px;
	top:auto;
}	
#navigation li.adviceandplan:hover #navlist {
	left:-578px;
	width:940px;
	top:auto;
	}	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#navigation li.products:hover #navlist {
	left:-196px;
	width:942px;
	top:auto;
	position:absolute;
}
	#navigation li.membership:hover #navlist {
	left:-387px;
	width:942px;
	top:auto;
	}
#navigation li.adviceandplan:hover #navlist {
	left:-579px;
	width:942px;
	top:auto;
	}	
}	
#navigation li:hover a {
	color:#0e335e;
	text-shadow: none;
}
#navigation li:hover a:hover {
	color:#0e335e;
	text-shadow: none;
}
#navigation #navlist a {
	color:#266ab5;
	text-shadow: none;
}
#navigation #navlist a:hover {
	color:#ff9f3b;
	text-shadow: none;
}
#navigation li.accountaccess:hover a {
	color:#b9daff;
	text-shadow: none;
}
#navigation li.accountaccess:hover, a.accountaccess:hover {
	color:#b9daff;
	text-shadow: none;
}
/*.wordWrapFix { margin-top:-5px; }*/
/* --------- Within Div Styles --------- */
.item {	float:left;	width:145px /*140px*/;	margin:5px 0 35px 0;	padding-left:10px;	position:relative;}
.item2 {	float:left;	width:260px /*140px*/;	margin:5px 40px 35px 0;	padding-left:10px;	position:relative;	font:normal 12px arial;}
#menuItems ul li {border-bottom:1px dotted #c5cbd1;margin-bottom:10px;padding-bottom:4px;}
#menuItems ul li.last  {border:none;margin-bottom:0px;padding-bottom:0px;}

/*-----------------------New Delay Code-----------------------------*/
.products > div, .membership > div, .adviceandplan > div { visibility:hidden;  opacity:0;  -webkit-transition:visibility 0s linear 0.20s,opacity 0.20s linear;transition:visibility 0s linear 0.20s,opacity 0.20s linear !important; }
.products:hover > div, .membership:hover > div, .adviceandplan:hover > div { visibility:visible;  opacity:1; }
/*-----------------------End New Delay Code-------------------------*/

/* ---------- Search Box ---------- */
#gs {	padding:0;	margin:0;	position:absolute;	top:6px;	right:0px;	float:right;}
#gs input[type="text"] {	margin:1px 0 0 0;	background-color:#fff;	border: 0 none;	font: normal 13px arial;	color: #c2c5c9;	width:155px;	padding: 6px 25px 6px 4px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	/*text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);*/	-webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2) inset;	-moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2) inset;	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2) inset;	-webkit-transition: all 0.8s ease 0s;	-moz-transition: all 0.8s ease 0s;	-o-transition: all 0.8s ease 0s;	transition: all 0.8s ease 0s;}
#gs input[type="text"]:focus {	background-color:#fcfcfc;	color: #222;	width: 155px;	-webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 0 rgba(0, 0, 0, 0.4) inset;	-moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 0 rgba(0, 0, 0, 0.4) inset;	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1), 0 2px 0 rgba(0, 0, 0, 0.4) inset;	/*text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);*/}
#gs input[type="submit"] {  background: #fff url('../images/structure/search.png') 0 0 no-repeat;	position:absolute; /*important*/	top:5px;	right:4px;  width: 26px;  height: 22px;  border: none;  cursor: pointer;	margin-bottom:4px;}