/***************************************************************************
* Main Top Nav with drop downs
***************************************************************************/

a { color:$fff; font-family:Arial, Helvetica, sans-serif; }
.mainNav { float:right; width:744px; height:26px; border:0px solid #e60000; padding:0; margin-right:0px; }
.mainNavItem { padding:0px; text-align:center; float:left; list-style: none; background:url(../../images/web/bg-nav-li.gif) repeat-x #e60000;
margin:0 1px; -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px;} 


/***************************************************************************
* Set the unique main tab rollover color
***************************************************************************/

.mainNav a { _float:left; _display:; }

.shopping:hover { background:#197add; }
.savings:hover { background:#197add; }
.healthyliving:hover { background:#197add; }
.pharmacy:hover { background:#197add; }
.recipes:hover { background:#197add; }
.about:hover { background:#197add; }
.products:hover { background:#197add; }

/*** Old tab hover colors ***/
/*
.shopping:hover { background:#197add; }
.savings:hover { background:#f0870c; }
.healthyliving:hover { background:#4b929e; }
.pharmacy:hover { background:#e60000; }
.recipes:hover { background:#159831; }
.about:hover { background:#4f4f4f; }
*/

.mainNavItem a { color:#fff; margin:0; text-decoration:none; font-weight:bold; display: block; height: 19px; padding:5px 8px; text-decoration: none; color: #fff; font-size:12px; } 

.dropmenu{ position:absolute; display: none; left:0; top:0; background: white; padding: 10px; font: normal 12px Verdana; z-index: 100; }
.dropmenu .column{ float: left; width: 150px; /*width of each menu column*/ margin:0 5px; }
.dropmenu .column ul{ margin: 0 0 10px 20px; padding:0; list-style-type:none; }
.dropmenu .column ul li{ list-style-type:disc; font-size:11px; color:#fff; }
.dropmenu .column h3{ font: bold 14px Arial; margin: 0 0 4px 0; color:#fff; }
.dropmenu .column h3 a { color:#fff; }
.dropmenu .column h3 a:hover { color:#ccc; }
.dropmenu .column ul li a{ color:#fff; text-decoration: none; }
.dropmenu .column ul li a:hover{ color: #ccc; text-decoration:underline; }

#shoppingSub { margin-left:0px; }
#savingsSub { margin-left:0px; }
#healthylivingSub { margin-left:0px; }
#pharmacySub { margin-left:0px; }
#recipesSub { margin-left:0px; }
#aboutSub { margin-left:0px; }
#productsSub { margin-left:0px; }


/***************************************************************************
* Set the unique drop down background color
***************************************************************************/

#shoppingSub { background:#197add; }
#savingsSub { background:#197add; }
#healthylivingSub { background:#197add; }
#pharmacySub { background:#197add; }
#recipesSub { background:#197add; }
#aboutSub { background:#197add; }
#productsSub { background:#197add; }

/*** Old tab hover colors ***/
/*
#shoppingSub { background:#197add; }
#savingsSub { background:#f0870c; }
#healthylivingSub { background:#4b929e; }
#pharmacySub { background:#e60000; }
#recipesSub { background:#159831; }
#aboutSub { background:#4f4f4f; }
*/


/***************************************************************************
* Set the unique link text color change for ul li a and h3 a 
***************************************************************************/

#shoppingSub .column h3 a:hover, #shoppingSub .column ul li a:hover { color:#94c4f5; }
#savingsSub .column h3 a:hover, #savingsSub .column ul li a:hover { color:#94c4f5; }
#healthylivingSub .column h3 a:hover, #healthylivingSub .column ul li a:hover { color:#94c4f5; }
#pharmacySub .column h3 a:hover, #pharmacySub .column ul li a:hover { color:#94c4f5; }
#recipesSub .column h3 a:hover, #recipesSub .column ul li a:hover { color:#94c4f5; }
#aboutSub .column h3 a:hover, #aboutSub .column ul li a:hover { color:#94c4f5; }
#productsSub .column h3 a:hover, #productsSub .column ul li a:hover { color:#94c4f5; }

/*** Old tab hover colors ***/
/*
#shoppingSub .column h3 a:hover, #shoppingSub .column ul li a:hover { color:#94c4f5; }
#savingsSub .column h3 a:hover, #savingsSub .column ul li a:hover { color:#f4cc9e; }
#healthylivingSub .column h3 a:hover, #healthylivingSub .column ul li a:hover { color:#a3d1da; }
#pharmacySub .column h3 a:hover, #pharmacySub .column ul li a:hover { color:#f6a8a8; }
#recipesSub .column h3 a:hover, #recipesSub .column ul li a:hover { color:#a5deb1; }
#aboutSub .column h3 a:hover, #aboutSub .column ul li a:hover { color:#bbbbbb; }
*/