/* Banner Navigation */ #BannerNav{background:url(/media/images/navigation/nav_bg.gif) repeat-x;} #BannerNav ul{margin:0;padding:0;width:974px;background-color:transparent;} #BannerNav ul .Profile{margin-left:30px;} #BannerNav li{padding:0;font-weight:bold;position:relative;display:inline; list-style:none;margin:0 5px 0 0;text-transform:uppercase;font-size:0.8em;line-height:27px;color:#ffffff;} #BannerNav li a{color:#ffffff;} #BannerNav li a:hover{color:#F79939;} #BannerNav li.na{color:#6D3F7A;} #BannerNav .Home{float:left;margin-left:15px;color:#F79939;width:199px;} #BannerNav .FarRight{margin:-27px 15px 0 0;float:right;text-transform:none;} #GraphicNav ul{padding:0;margin:0;} #GraphicNav ul li{padding:0;margin:0;list-style:none;display:inline;width:auto;height:20px;} #GraphicNav ul li a{display:block;float:left;height:20px;margin-left:2px;} #GraphicNav ul li span{display:block;float:left;height:20px;text-indent:-2000px;margin-left:2px;} #GraphicNav ul li a span{display:none;} #GraphicNav #hImg{background:url(/media/images/navigation/home.gif) no-repeat;width:55px;} #GraphicNav #hImgOff{background:url(/media/images/navigation/home-off.gif) no-repeat;width:55px;} #GraphicNav #hImgOn{background:url(/media/images/navigation/home-on.gif) no-repeat;width:55px;} #GraphicNav #ftImg{background:url(/media/images/navigation/free_trial.gif) no-repeat;width:81px;} #GraphicNav #ftImgOff{background:url(/media/images/navigation/free_trial-off.gif) no-repeat;width:81px;} #GraphicNav #ftImgOn{background:url(/media/images/navigation/free_trial-on.gif) no-repeat;width:81px;} #GraphicNav #pImg{background:url(/media/images/navigation/my_profile.gif) no-repeat;width:86px;} #GraphicNav #pImgOff{background:url(/media/images/navigation/my_profile-off.gif) no-repeat;width:86px;} #GraphicNav #pImgOn{background:url(/media/images/navigation/my_profile-on.gif) no-repeat;width:86px;} #GraphicNav #fdImg{background:url(/media/images/banner/food_diary.gif) no-repeat;width:88px;} #GraphicNav #fdImgOff{background:url(/media/images/navigation/food_diary-off.gif) no-repeat;width:88px;} #GraphicNav #fdImgOn{background:url(/media/images/navigation/food_diary-on.gif) no-repeat;width:88px;} #GraphicNav #fsImg{background:url(/media/images/navigation/food_swap.gif) no-repeat;width:90px;} #GraphicNav #fsImgOff{background:url(/media/images/navigation/food_swap-off.gif) no-repeat;width:90px;} #GraphicNav #fsImgOn{background:url(/media/images/navigation/food_swap-on.gif) no-repeat;width:90px;} #GraphicNav #rImg{background:url(/media/images/navigation/meals_recipes.gif) no-repeat;width:121px;} #GraphicNav #rImgOff{background:url(/media/images/navigation/meals_recipes-off.gif) no-repeat;width:121px;} #GraphicNav #rImgOn{background:url(/media/images/navigation/meals_recipes-on.gif) no-repeat;width:121px;} #GraphicNav #forImg{background:url(/media/images/navigation/forums.gif) no-repeat;width:66px;} #GraphicNav #forImgOff{background:url(/media/images/navigation/forums-off.gif) no-repeat;width:66px;} #GraphicNav ul .Profile{margin-left:0;} #GraphicNav .Home, #GraphicNav .FarRight, #GraphicNav .divider{display:none;} #HdrSubNav{margin-top:4px;} #HdrSubNav ul{margin:auto;width:561px;} #HdrSubNav p{margin:0;padding:0;font-size:0.75em;float:left;width:100%;text-align:center;} #HdrSubNav ul li{font-weight:bold;width:auto;margin:0 5px 0 0;padding:0;list-style:none;font-size:0.75em;float:left;display:block;} #HdrSubNav ul li a:hover{text-decoration:underline;} #HdrSubNav ul li div{position:relative;z-index:998;} #HdrSubNav li ul{width:auto;display:none;padding:0;position:absolute;width:210px;z-index:999;} #HdrSubNav li:hover ul {display:block;background-color:#F2F2F2;width:auto;border:1px solid #cccccc;border-top:0;margin-left:-7px;} #HdrSubNav li:hover ul li{font-size:11px;background-color:#F2F2F2;font-weight:normal;padding-left:7px;width:160px;} #HdrSubNav .active{color:#3B1548;} #HdrSubNav li, #BannerSubNav a, #BannerSubNav p {color:#F79939;} /* social */ #Social{margin-left:88px;} #Social p,#Social li{font-family:Arial, Helvetica, sans-serif;font-size:11px;} #bm{width:135px;height:16px;background:url(/media/images/social/bookmarkplus_bg.gif) no-repeat transparent;margin-top:5px;} #bm p{color:#53B2D0;font-weight:bold;padding:0;margin:0 0 0 20px;} #bm p a{text-decoration:underline;color:#53B2D0;} #bm p a:hover{text-decoration:none;} #Social #sLinks{margin:0;padding:0;list-style:none;width:192px;} #Social #sLinks li {margin:2px 0 0 5px;padding:0; vertical-align:middle;} #Social #sLinks li img{vertical-align:top;margin-right:5px;width:16px;height:16px;} #Social #sLinks li a{border:1px solid #F6F6F6;display:block;width:115px;} #Social #sLinks li a:hover{border:1px solid #cccccc;} #bmLinks{width:133px;border-right: 1px solid #C0C0C0;border-left: 1px solid #C0C0C0;padding:4px 0 4px 0; background:url(/media/images/social/bookmark_btm.gif) no-repeat bottom left #F6F6F6;position:absolute;top:19px;display:none;z-index:999;overflow:hidden;} /* Tabbed Navigation */ #tabbar_top {float:left;margin-top:1px;padding:0px;position:absolute;left: 0px;top:0px;width:100%;height:28px;background:rgb(255,255,255);} #tabbar_top ul{padding: 0px;margin: 0px;background-color:#FFFF55;} #tabbar_top ul li{list-style-type: none;display: block;float: left;text-align: center;line-height:28px;} #tabbar_top ul li.locked{list-style-type: none;display: block;float: left;text-align: center;line-height:28px;} #tabbar_top a{text-decoration: none;display: block;color:rgb(128,128,128);text-align:center; font-size:12px;font-weight:bold; padding-top:0px; padding-bottom:0px;color:rgb(255,255,255);width:113px;} #tabbar_top a#current1{color:rgb(255,255,255);text-decoration: none;display: block;color:#FFFFFF;} #tabbar_top li#active1 { } #tabbar_top li.removeborder{border-right:0px;} /***** Second Tab Bar ********/ a.top_commands{text-decoration:underline; font-family:Arial; font-size:10px; color:#000000} /**** Generic Tab Bar *****/ #generic_tab{margin:0px;padding:0px;} #generic_tab ul{padding: 0px;margin: 0px;} #generic_tab ul li{list-style-type: none;padding: 0px;margin: 0px;display: block;float: left;text-align: center; text-transform:uppercase;} #generic_tab a{color:rgb(128,128,128);text-decoration: none;display: inline;width: 130px;top: 0px;font-size:11px; font-family:Arial;font-weight:bold;} #generic_tab a#current{color:rgb(255,255,255);display: inline;width: 130px;top: 0px;} #generic_tab li#active {width:132px;} .tabbar_functions{top:65px;left:500px;position:absolute;height:20px;width:150px;margin-left:10px;background-color:#FFFFFF;} #forgotten_password{float:right;margin:-15px 20px 0 0;} div#errormessage{float:left;margin:-15px 0 0 20px;} div#errormessage p{margin:0px;color:red;font-size:10px;} #signout{position:absolute;top:-58px;right:30px;} #signoutIntro{position:absolute;top:-38px;right:30px;} #signout p, #signoutIntro p{font-size:0.75em;} #signout a, #signoutIntro a{color:#3E1245;text-decoration:underline;font-weight:normal;} #signout a:hover, #signoutIntro a:hover{text-decoration:none;} .tabbar_functions a,#forgotten_password a { color:rgb(192,192,192); top: 0px; font-size:7pt; font-family:Arial; font-weight:bold; } #menu {position:absolute;top:8px;left:217px;width: 580px;height: 51px;font: normal 16px Arial, sans-serif;z-index:1;} #menu img {border: 0px;} #menu ul {list-style: none;margin: 0px; padding: 0px;} #menu ul li {float: left;} #menu .top {height: 28px;} #menu .bottom {position:absolute;top:28px;width:550px;left:0px;font: bold 11px Arial, sans-serif; background: #fff url(/media/images/nav/menu_bottom.gif) top left no-repeat;height: 30px;} #menu .bottom a:link, #menu .bottom a:visited {color: #858180;text-decoration: none;font: bold 11px Arial, sans-serif;} #menu .bottom a:hover {text-decoration: none;color: #fff;font: bold 11px Arial, sans-serif;} #menu .bottom li a.active {color: #fff;font: bold 11px Arial, sans-serif;} #menu .bottom li.last{border-right: none;} #menu .bottom ul li {border-right: 1px solid #fff;padding-left: 7px;padding-right: 7px;} #menu .bottom ul {margin-left: 5px;padding-top: 4px;} #menu .bottom ul li ul {display: none;position: absolute;margin-left: -10px !important;margin-left/**/: -110px;width: 16em; margin-top: 0px !important;margin-top/**/: 26px;} #menu .bottom ul li:hover ul, #menu .bottom ul li.over ul {display: block;} #menu .bottom ul li ul li {float: none;z-index: 99; /*padding-top: 2px;padding-bottom: 2px; */background: #98d1da;} /* Fix IE. Hide from IE Mac \*/ * html ul#nav li { float: left; height: 1%; } * html ul#nav li a { height: 1%; } /* End */