@charset "UTF-8";
/* CSS Document */
/* Global Nav */

/* 10.10 working doc */

/* player lever 1 . Universal Menu */
/* ------------------------ */

#levelOneContainer {}
.nineFiftyHolder {margin: 0 auto;}
.enESP {margin-left:15px;}
#levelOneContainer {width:100% !important;}
#levelOneContainer li.first img {margin: -5px 4px -5px 0px !important;}


/* player lever 2 Brand  Menu */
/* ------------------------ */
/* OWNED BY ORACLE - DO NOT OVERWRITE */
#levelTwoContainer {}
/*#levelTwoContainer .midNav {width: 958px !important;} removed.10.20*/


/* player lever 3 . DeptMenu */
/* ------------------------ */

#levelThreeContainer {}
.cmsMenu{}
.cmsMenu ul li a.deptlink, .cmsMenu ul li a:hover.deptlink {font-weight:bold !important; color:#252525 !important;}
.cmsMenu ul li a:hover.deptlink {color:#00954c !important;}
/*subnav overwrite */
.cmsMenu ul li .dropdown-content a.deptlink, .cmsMenu ul li .dropdown-content a:hover.deptlink {font-weight:normal !important;}
/* fdBlock */
#fdContainer {}
.textHolder {}
.imgHolder {}

/* blog dropdown menu */

/* Dropdown Button */
.dropbtn {border: none; cursor: pointer;}

/* container to position the dropdown content */
.dropdown {position: relative; display: inline-block;}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	top:12px; /* pushing submenu down from selector */
	background-color: #f0f1f2;
	min-width:135px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:15; /* i need to hover above the slideshow */
	padding:15px 0 10px;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: #252525;
	padding: 7px 10px;
	text-decoration: none;
	text-align:left;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:#f1f1f1;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color:transparent;}


/* player lever 4 . Promotional  Menu */
/* ------------------------ */

#levelFourContainer {} /* master container div */
.cmsHolder {width:958px;} /* container div */

.cmsHolder .promoFirst, 
.cmsHolder .promo, 
.cmsHolder .promoLast, 
.cmsHolder .promoFull, 
.cmsHolder .promoSplit, 
.cmsHolder .promoSplitLast {padding:0 !important;}

.promowrapper {height:60px !important;}
#content_wrap {margin: 10px auto 38px auto !important;} /*forcing margin down from 38px high */

/* Promotional Single Banner */
.promoFull, .universalBanner45 {width:958px; height:45px; margin:0 auto;}

/* Promotional  Split Banners */
.promoSplit, .promoSplitLast {float:left; width:479px; height: 60px; margin-right:0px; /*border-right:1px solid #cecece;*/}
.promoLast {margin-right:0px; border-right:0;}

/* Promotional  Four Banners */
.promoFirst, .promo, .promoLast {float:left; width:238px; height: 60px; margin-right:1px; /*border-right:1px solid #cecece;*/}
.promoFirst img, .promo img, .promoLast img {width:238px !important; height: 60px !important;}
.promoFirst a, .promo a, .promoLast a {width:238px !important; height: 60px !important;}
.promoLast {margin-right:0px; border-right:0;}


/* player level 5 . Mega  Menus */
/* ------------------------ */

#megaMenu {width:165px !important; height:470px !important; float:left !important; text-align:left !important; margin-right:0 !important;}

#megaMenu .household {}
#megaMenu .householdAd {}
#megaMenu .pantry {}
#megaMenu .pantryAd {}
#megaMenu .party {}
#megaMenu .partyAd {}
#megaMenu .health {}
#megaMenu .healthAd {}
#megaMenu .office {}
#megaMenu .officeAd {}
#megaMenu .toys {}
#megaMenu .toysAd {}
#megaMenu .seasonal {}
#megaMenu .seasonalAd {}
#megaMenu .xtreme {}
.ShopbyBusiness {}