/*navigation.css*/

/* TOP NAVIGATION */
.top_nav_wrap {
	position: absolute;
	left: 0; top: 20px;
	width: 494px;
	height: 40px;
}
#top_nav {
	left: 0; top: 0;
	width: 540px;
	height: 40px;
}
#top_nav li {
	float: left;
	display: inline;
}
#top_nav li a {
	display: block;
	height: 40px;
	outline: none;
	text-indent: -300em;
	cursor:pointer;	
}
#top_nav li.nav_be {width: 188px; margin-right: 2px;}
#top_nav li.nav_bm {width: 111px; margin-right: 2px;}
#top_nav li.nav_bx {width: 66px; margin-right: 2px;}
#top_nav li.nav_mdf {width: 121px; margin-right: 0px;}

#top_nav li.nav_be a {background: transparent url(../images/bg_top_nav_be.png) no-repeat 0 0; }
#top_nav li.nav_bm a {background: transparent url(../images/bg_top_nav_bm.png) no-repeat 0 0; }
#top_nav li.nav_bx a {background: transparent url(../images/bg_top_nav_bx.png) no-repeat 0 0; }
#top_nav li.nav_mdf a {background: transparent url(../images/bg_top_nav_md.png) no-repeat 0 0;}

#top_nav li a:hover {/*background-position: 0 0px;*/}

#top_nav li.nav_be a.active {background: transparent url(../images/bg_top_nav_be_on.png) no-repeat; }
#top_nav li.nav_bm a.active {background: transparent url(../images/bg_top_nav_bm_on.png) no-repeat; }
#top_nav li.nav_bx a.active {background: transparent url(../images/bx/bg_top_nav_bx_on.png) no-repeat; }
#top_nav li.nav_mdf a.active {background: transparent url(../images/bg_top_nav_md_on.png) no-repeat; }

/* UTILITY NAVIGATION */
#utility_hdr {
	float: right;
	margin-top: 15px;/* old value:10px | modified for bug artf1148635 | Oswald King */
}
/* added for bug artf1148635 - Oswald King */
#utility_hdr_logged_in {
	float: right;
	margin-top: 15px;
}
#welcome_user {
	text-align: right;
	color: #fff;
	font-size: 11px;
}
#welcome_user a {
	color: #9e2e53 !important;
}
#welcome_user strong {color: #999;}
#welcome_user span {color: #666;}
#utility_nav li {
	float: left;
	display: inline;
	color: #666666;
	padding: 7px 0 0 13px;
	font: normal 11px Arial, Helvetica, Verdana, Lucida, sans-serif;
}
#utility_nav li a {margin-left: 13px;}
#utility_nav li a.gift_cards {
	background: transparent url(../images/arrow_gift.gif) right 5px no-repeat;
	padding-right: 13px;
}
#utility_nav li a.last {margin-left: 0px;}

/* Begin GLOBAL NAVIGATION ---------------------------------- */
#nav {
	position: relative;
	left: 0; top: 0;
	width: 980px;
	height: 33px;
	background: transparent url(../images/bg_global_nav.png) 0 0 no-repeat;
	_background: transparent url(../images/bg_global_nav.gif) 0 0 no-repeat;
}
		/*replace BE menu bar with BM menu bar*/
		/*body.be #nav {background-position: 0 0;}*/
		body.be #nav {background-position: 0 -40px;}
		body.bm #nav {background-position: 0 -40px;}
		body.bx #nav {background-position: 0 -80px;}
		body.mdf #nav {background-position: 0 -120px;}

#nav li {
	position: relative;
	display: block;
	float: left; 
	z-index: 111;
}
#nav ul.columnNav {
	z-index: 150;
	overflow: visible;
	position: absolute;
	display: none;
	top: 33px;
	left: 0px;
	background: #FFFFFF;
}
#nav ul.columnNav li.colmenu {
	border-left: 2px solid #EB2F7E;
	border-right: 2px solid #CC0066;
	border-bottom: 2px solid #CC0066;
}
		body.bx #nav ul.columnNav li.colmenu {border-color: #ED4D42;}
		body.mdf #nav ul.columnNav li.colmenu {border-color: #908A8D;}
		

#nav .shopMenu li.colmenu {width: 445px;}
		body.bx #nav .shopMenu li.colmenu {width: 296px;}
		body.mdf #nav .shopMenu li.colmenu {width: 296px;}

#nav .otherMenu li.colmenu {width: 180px;}
#nav .liveMenu li.colmenu {width: 198px;}
#nav .mineralMenu li.colmenu {width: 243px;}
#nav .behindScienceMenu li.colmenu {width: 222px;}

	/* menu main content */
#nav .shopMenu ul.shop_column {
	float: left;
	width: 141px;
	border-right: 1px solid #E9E9E9;
	padding: 0 0 2px 6px;
	margin: 16px 0 12px;
}
#nav .shopMenu ul.shop_column.last {
	border: none;
	width: 110px;
}
#nav .otherMenu ul.shop_column {
	float: left;
	padding: 16px 0 12px 6px;
}
#nav li.colmenu .column_title {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
		body.bx #nav li.colmenu .column_title {
			font-size: 12px;
			font-style: italic;
			text-transform: none;
		}
		body.mdf #nav li.colmenu .column_title {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
#nav ul.shop_column .column_title {
	height: 20px;
	line-height: 20px;
	padding: 0px 8px 0px 12px;
}

#nav ul.shop_column a {
	display: block;
	width: 118px;
	height: 20px;
	line-height: 20px;
	padding: 0px 5px 0px 12px;
	background: transparent url(../images/bm/bg_menu_links_flex_new.png) 0 25px no-repeat;
}
		body.bm #nav ul.shop_column a {background-image:url(../images/bm/bg_menu_links_flex_new.png);}
		body.bx #nav ul.shop_column a {background-image:url(../images/bx/bg_menu_links_flex_new.png);}
		body.mdf #nav ul.shop_column a {background-image:url(../images/mdf/bg_menu_links_flex_new.png);}

#nav .otherMenu ul.shop_column a {width: 153px;}
#nav .mineralMenu ul.shop_column a {width: 215px;}
#nav .liveMenu ul.shop_column a {width: 170px;}
#nav .behindScienceMenu ul.shop_column a {width: 193px;}

#nav ul.shop_column a:hover {
	color: #000;
	background-position: 0 0;
	text-decoration: none;
}

#nav ul.shop_column a span {
	position: absolute;
	top: 0px;
	right: 0px;
	_right: -1px;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	background: transparent url(../images/bm/bg_menu_links_no_arrow_new.gif) 0 25px no-repeat;
}
		body.bm #nav ul.shop_column a span {background-image:url(../images/bm/bg_menu_links_no_arrow_new.gif);}
		body.bx #nav ul.shop_column a span {background-image:url(../images/bx/bg_menu_links_no_arrow_new.gif);}
		body.mdf #nav ul.shop_column a span {background-image:url(../images/mdf/bg_menu_links_no_arrow_new.gif);}

#nav ul.shop_column a:hover span {background-position: 0 0;}

	/* menu help_nav content */
#nav ul.help_nav {
	background:#FFF6F7;
	border-top:1px solid #FFd9E6;
	clear: both;
	padding: 12px 0 12px 18px;
}
#nav ul.help_nav li {
	float: left;
	display: inline;
	color: #CCCCCC;
	padding: 5px 20px 0 0;
}
#nav ul.help_nav a {
	padding-right: 24px;
}

	/* global search */
#nav li#global_search {
	float: right;
	width: 240px;
	height: 33px;
	border: none;
}

/* Sub Menu heading ----------------*/

/**********************************************NEW ADDITION START********************************************************************/
#nav ul.columnNav ul.subMenu{display: none; z-index: 9999; overflow: visible; position: absolute; top: 0; background: url(../images/bgSubMenu.gif) 0 100% no-repeat; width: 160px; padding-bottom: 11px;}
#nav ul.columnNav ul.subMenu li{background: #ff4980; display: block; width: 160px;}
#nav ul.columnNav ul.subMenu a{color: #fff; display: block; width: auto;}
#nav ul.columnNav ul.subMenu a:hover{color: #000; background: none;}
#nav ul.shop_column a.activeSub {color: #FFFFFF; background-position: 0 0; text-decoration: none;}
#nav ul.shop_column a.activeSub span{background: transparent url(../images/bg_menu_links_arrow_new.png) 0 0 no-repeat;}
#nav li.shopMenu ul.columnNav ul.subMenu{left: 127px;}
#nav li.otherMenu ul.columnNav ul.subMenu{left: 162px;}
#nav li.otherMenu ul.columnNav ul.subMenu li a{width: 131px;}

body.be #nav ul.columnNav ul.subMenu{background-position: -540px 100%;}
body.be #nav ul.columnNav ul.subMenu li{background: #EC3396;}
body.be #nav ul.columnNav ul.subMenu li.first{background: transparent url(../images/bgSubMenu.gif) -540px 0 no-repeat;}
body.be #nav ul.shop_column a.activeSub span{background: transparent url(../images/bm/bg_menu_links_arrow_new.png) 0 0 no-repeat;}

body.mdf #nav ul.columnNav ul.subMenu{background-position: -180px 100%;}
body.mdf #nav ul.columnNav ul.subMenu li{background: #a12986;}
body.mdf #nav ul.columnNav ul.subMenu li.first{background: transparent url(../images/bgSubMenu.gif) -180px 0 no-repeat;}
body.mdf #nav ul.shop_column a.activeSub span{background: transparent url(../images/mdf/bg_menu_links_arrow_new.png) 0 0 no-repeat;}

body.bx #nav ul.columnNav ul.subMenu{background-position: -360px 100%;}
body.bx #nav ul.columnNav ul.subMenu li{background: #dc130c;}
body.bx #nav ul.columnNav ul.subMenu li.first{background: transparent url(../images/bgSubMenu.gif) -360px 0 no-repeat;}
body.bx #nav ul.shop_column a.activeSub span{background: transparent url(../images/bx/bg_menu_links_arrow_new.png) 0 0 no-repeat;}

body.bm #nav ul.columnNav ul.subMenu{background-position: -540px 100%;}
body.bm #nav ul.columnNav ul.subMenu li{background: #ec3396;}
body.bm #nav ul.columnNav ul.subMenu li.first{background: transparent url(../images/bgSubMenu.gif) -540px 0 no-repeat;}
body.bm #nav ul.shop_column a.activeSub span{background: transparent url(../images/bm/bg_menu_links_arrow_new.png) 0 0 no-repeat;}

/**********************************************NEW ADDITION END********************************************************************/

/* Sub Menu heading Ends here----------------*/

#global_search form.simplesearch input.simplesearchinput {
	float: left;
	width: 195px;
	margin-left: 13px;
	margin-top: 10px;
	background: transparent;
	/*color: #FFFFFF;*/
	font: bold 11px Arial, Helvetica, Verdana, Lucida, sans-serif;
}
#global_search form.simplesearch input.btn {
	float: left;
	width: 19px;
	height: 19px;
	margin: 7px 0 0 5px;
	cursor:pointer;
}
.auto_suggest {
	position: absolute;
	display: none;
	left: 10px;
	z-index: 150;
	width: 210px;
	margin: 0 auto;
	border-left: 2px solid #454545;
	border-right: 1px solid #454545;
	border-bottom: 1px solid #454545;
	background-color: #FFFFFF;
}
.auto_suggest a {
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #CBCBCB;
}
/*additional css for ie fix of mdf navigation */
.regimens {
	width:150px;
}
/* End GLOBAL NAVIGATION ---------------------------------- */

body.mdf #nav .shopMenu li.colmenu {
width:450px;
}
#utility_hdr_logged_in #welcome_user {
	position:absolute;
	right:0;
	top:8px;
}

.be #nav ul.help_nav li,
.bm #nav ul.help_nav li,
.bx #nav ul.help_nav li,
.mdf #nav ul.help_nav li,
.be #nav ul.help_nav li a,
.bm #nav ul.help_nav li a,
.bx #nav ul.help_nav li a,
.mdf #nav ul.help_nav li a {
	padding-right:15px; 
}