﻿/*css added on 22 Jan 2013 by R designer*/
/* Primary Nav with megamenu */

.megaMenu > li > a:first-child, .footer-nav li a{
	padding: 0 15px;
	color: #646464;
	font-family: 'Abel', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

#megaMenu ul.megaMenu > li > a:first-child{
	padding: 5px 10px 5px 0;
}
/*IE hack*/
#megaMenu ul.megaMenu > li > a:first-child{
	padding: 5px 10px 5px 0\9;
}
:root #megaMenu ul.megaMenu > li > a:first-child{
	padding: 5px 10px 5px 0\9;
}

#megaMenu .megaMenu > li > a:first-child:hover{
	color: #000;
}

#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a::after, #megaMenu ul li.mega-with-sub > a::after, #megaMenu ul li.ss-nav-menu-mega > a::after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator::after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator::after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator::after {
	content: "\2022 " !important;
	color: #005fae !important;
	position: absolute;
	top: 6px !important;
	right: 1px !important;
	margin-top: -1px;
	display: inline-block;
	background: transparent;
	border-style: none !important;
	border-color: none !important;
	border-top-color: none !important;
	font-size: 18px !important;
	border-width: none !important;
	padding-top: 1px;
}


#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub:last-child > a::after, #megaMenu ul li.mega-with-sub:last-child > a::after, #megaMenu ul li.ss-nav-menu-mega:last-child > a::after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub:last-child > span.um-anchoremulator::after, #megaMenu ul li.mega-with-sub:last-child > span.um-anchoremulator::after, #megaMenu ul li.ss-nav-menu-mega:last-child > span.um-anchoremulator::after{
	content: " " !important;
}

#megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1{
	width: auto;
}

#megaMenu ul li.ss-nav-menu-mega ul li.ss-nav-menu-item-depth-1 {
	width: 40%;
	padding: 0 0 5px 0!important;
}

/*Added on 04-04-2013*/
#megaMenu ul li.ss-nav-menu-mega ul#Directory li.ss-nav-menu-item-depth-1{ margin-right:35px!important;}
/*End Added on 04-04-2013*/

#megaMenu li.ss-nav-menu-mega ul.sub-menu-1 > li{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle{
	margin-bottom: 0 !important;
}

#megaMenu ul ul.sub-menu li a, #megaMenu ul ul.sub-menu li span.um-anchoremulator {
	margin: 0!important;
	padding: 0 0 8px 0!important;
}

#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description{
	padding-left: 0 !important;
}

#megaMenu .ss-nav-menu-with-img img{
	float: right;
	position: absolute;
	top: 7px;
	right: -210px;
}
#container .megaMenu li{
	font-size: 17px;
}

#container #megaMenu ul li.ss-nav-menu-mega ul.sub-menu li.ss-nav-menu-highlight > a{
	font-family: 'Abel', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #005fae;
}

#container #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a, #container #megaMenu ul ul.sub-menu li a {
	color: #333;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	font-size: 12px;
}

#megaMenu .megaanchor{padding: 0 14px 0 15px;}
:root #megaMenu .megaanchor{padding: 0 14px\9;}

#container #megamenu_container{ width:992px;position:relative;}

#megaUber li ul.sub-menu-1 li{ float:left!important}

#megaUber li ul.sub-menu-1 div.ubermenu_sizer {
    max-width: 750px;
    float: left;
    width: 220px;
}

#megaUber li ul.sub-menu-1 div.ubermenu_ad_wrapper{
    float:left;
    padding-top:0px;    
}


#megaMenu #megaMenuToggle, #container #megaMenuToggle{ display:none;}

#megaUber .sub-menu.sub-menu-1  {width:415px!important;left:0px!important;padding: 0 10px 10px 10px!important;}

#megaMenu .ubermenu_sizer .wpmega-link-title{line-height:0.9em!important;}

#megaMenu .ubermenu_sizer .wpmega-link-header {border-bottom: 1px dotted #e9e9e9;padding-bottom: 0.2em;text-shadow: 0 1px 1px #FFFFFF;margin: 0!important; width: 183px;}

#megaUber li.megaHover a span.megaanchor{position:relative;z-index: 999;height:20px;color:#005fae;}

#megaMenu ul div.ubermenu_sizer li ul.sub-menu-2 li a:hover{color:#888888!important;text-decoration:underline!important;}

#Lifestyle .ubermenu_sizer .wpmega-link-header {
width: 115px!important;
}

#Easter .ubermenu_sizer .wpmega-link-header {
width: 180px!important;
}

#VillageVoices .ubermenu_sizer .wpmega-link-header {
width: 143px!important;
}

/*for parent exchange*/
span.parent-exchange{ background:url('/images/homepage-v3/parentexchange_menu.png') no-repeat scroll center top transparent !important; height: 31px; margin-top: -10px !important; text-indent: -9999px; width: 90px;}
#megaUber li.megaHover a.parent-exchange span.megaanchor{background: url('/images/homepage-v3/parentexchange_menu.png') no-repeat scroll center top transparent !important;margin-top: -10px!important;height: 31px; width: 90px;}


/*To hide the parent exchange image mobile view*/
@media only screen and (max-width:979px) {    
    span.parent-exchange { text-indent:inherit!important; background:none!important; width:134px!important; height:auto!important; width:auto!important; margin-top:0px!important;}
    #megaUber li.megaHover a span.megaanchor{height:auto!important;}
    #megaUber li.megaHover a.parent-exchange span.megaanchor{text-indent:inherit!important; background: none!important; width:134px!important; height:auto!important; width:auto!important; margin-top:0px!important;}
}
/*end parent exchange*/

#megaUber li ul.sub-menu-1 div.ubermenu_sizer {max-width: 750px;float: left;width: 220px;padding:10px 0 0 0!important;}

#megaUber ul#Directory		    {width:616px!important;}
#Directory .megamenu_sizer	    {width:490px!important;}
#megaUber ul#Lifestyle          {width:335px!important;}
#megaUber ul#VillageVoices		{width:370px!important;}

/*FireFox*/
#Directory		{ margin-left: 0px!important}
#Pregnancy		{ margin-left: 105px !important;}
#Parenting		{ margin-left: 216px !important;}
#ThingsToDo		{ margin-left: 322px !important;}
#Food			{ margin-left: 442px !important;}
#Health			{ margin-left: 509px !important;}
#Lifestyle		{ margin-left: 591px !important;}
#VillageVoices	{ margin-left: 506px !important;}
#Social			{ margin-left: 538px !important;}

#Directory		    { margin-left: 13px!important}
#Pregnancy		    { margin-left: 127px !important;}
#ParentExchange		{ margin-left: 242px !important;}
#ThingsToDo		    { margin-left: 377px !important;}
#Food			    { margin-left: 506px !important;}
#Health			    { margin-left: 191px !important;}
#Lifestyle		    { margin-left: 377px !important;}
#VillageVoices	    { margin-left: 486px !important;}
#Social			    { margin-left: 527px !important;}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {#Directory	{margin-left: 14px!important;}}

/*IE8*/
#Pregnancy		{margin-left: 126px\9!important;}
#ParentExchange	{margin-left: 242px\9!important;}
#ThingsToDo		{margin-left: 380px\9!important;}
#Food			{margin-left: 505px\9!important;}
#Health			{margin-left: 193px\9!important;width:411px\9!important;}
#Lifestyle		{margin-left: 379px\9!important;}
#VillageVoices	{margin-left: 485px\9!important;}
#Social			{margin-left: 524px\9!important;}

/*IE9*/
:root #Pregnancy		{margin-left: 125px\9!important;}
:root #ParentExchange	{margin-left: 240px\9!important;}
:root #ThingsToDo		{margin-left: 374px\9!important;}
:root #Food				{margin-left: 503px\9!important;}
:root #Health			{margin-left: 188px\9!important;}
:root #Lifestyle		{margin-left: 373px\9!important;}
:root #VillageVoices	{margin-left: 480px\9!important;}
:root #Social			{margin-left: 519px\9!important;}

/*For Mac*/
.mac-os #megaMenu .megaanchor{padding: 0 14px 0 15px!important;}

/*For Mac Firefox */
.mac-os #Lifestyle      {margin-left: 377px !important;}
.mac-os #VillageVoices  {margin-left: 486px !important;}
.mac-os #Social         {margin-left: 527px !important;}


/*For Mac Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {.mac-os #ThingsToDo      {margin-left: 375px!important;}}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.mac-os #Health          {margin-left: 193px!important;}}


/*Set Image to Left for Health, Lifestyle, Village Voice, Social*/
#megaUber li ul#Health          div.ubermenu_sizer, #megaUber li ul#VillageVoices   div.ubermenu_sizer,
#megaUber li ul#Lifestyle       div.ubermenu_sizer, #megaUber li ul#Social          div.ubermenu_sizer
{float:right!important;}

#megaUber li ul#Directory       div.ubermenu_sizer      { width:420px;}
#megaUber li ul#Health          div.ubermenu_sizer      { width:200px!important;}
#megaUber li ul#Lifestyle       div.ubermenu_sizer      { width:120px!important;}
#megaUber li ul#VillageVoices   div.ubermenu_sizer      { width:155px!important;}
#megaUber li ul#Social          div.ubermenu_sizer      { width:200px!important;}
/*Set Image to Left for Health, Lifestyle, Village Voice, Social*/

/*********************************************************************************************************/

/* For subnav */

h1.subnav_normal {
background-color: #fff;
font-size: 50px;
height: 60px;
line-height: 60px;
margin: 0 auto;
overflow: hidden;
padding: 0;
text-indent: 18px;
width: 963px;
}

.h1-dark-blue {
color: #0161ae;
}

h1.subnav_normal {
font-size: 50px;
line-height: 60px;
text-indent: 18px;
}

#anchor_container {
border-top: 5px solid #819fd8;
background-color: #e8edf8;
height: 42px;
margin-left: 4px;
margin-right: 4px;
}

#anchor_container a {
text-decoration: none;
}

#anchor_container span {
font-family: arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #231F20;
padding: 10px;
padding-left: 5px;
padding-right: 5px;
}

:root #anchor_container span {padding-left: 0px;}/*IE9*/

#container #anchor_container ul.megaMenu 
{
    display:block!important;
    margin:0px;
    padding:0px;
}

#container #anchor_container ul.megaMenu li {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    padding-top: 12px;
}

#container #anchor_container ul.megaMenu li .normalanchor{
    padding:0px;    
}

/* end sub nav */


/*For IPAD and Iphone*/
#megaMenu ul.megaMenu a:hover span.uber-close,
    #megaMenu ul.megaMenu span.um-anchoremulator:hover span.uber-close,
    #megaMenu ul.megaMenu li.megaHover a span.uber-close,
    #megaMenu ul.megaMenu li.megaHover span.um-anchoremulator span.uber-close{
     display:none!important;
} 

#newheader-nav-main     {padding:0 0 0 4px!important;width:988px!important; margin:-1px 0;}
#newheader-nav-main		{padding:0 0 0 4px\9!important;width:988px\9!important;} /*IE8*/

/*End IPAD and Iphone*/


/* Added on 26-03-2013 for arrow on honer of main menu
li.ss-nav-menu-mega.mega-with-sub.megaHover > a{ background: url('/images/homepage-v3/menu_arrow.png') no-repeat scroll center bottom !important;}*/

/*#megaMenu.megaMenuHorizontal ul.megaMenu li a.mainmenuanchor{height:26px; }
#megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-item-depth-0.megaHover a.mainmenuanchor{background:url("/images/homepage-v3/active_tab.png") center 28px no-repeat;}*/



/*03-04-2013*/

.dropmenu_outer { margin-top:7px!important;}

#megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1{border: 1px solid #e9e9e9;}
#megaMenu .corner_img {position:absolute; height:14px; margin-top:-13px; margin-left:15px!important;display:none; }
#megaMenu li.ss-nav-menu-mega.megaHover .corner_img{display:block;}
.corner_img img { position:absolute; z-index:10000; background:red; margin-bottom:-2px!important;}

#megaMenu .corner_img#Directory {margin-left:36px!important}
#megaMenu .corner_img#Pregnancy {margin-left:43px!important}
#megaMenu .corner_img#ParentExchange {margin-left:48px!important}
#megaMenu .corner_img#ThingsToDo {margin-left:60px!important;}
#megaMenu .corner_img#Food{ margin-left:27px!important;}
#megaMenu .corner_img#Health { margin-left:25px!important}
#megaMenu .corner_img#Lifestyle{ margin-left:35px!important}
#megaMenu .corner_img#VillageVoices{ margin-left:57px!important}
#megaMenu .corner_img#Social{margin-left: 29px!important;}   


/* for product-review pages*/
#megaMenu ul.megaMenu{ z-index:100!important;}

/*for the gradient line under menu*/
#megaMenu.megaMenuHorizontal ul.megaMenu {background:url("/images/homepage-v3/nav-line.jpg") no-repeat scroll -7px 28px transparent;}