.main-content {width: 830px; overflow: hidden; padding: 0 75px 26px 75px; background: transparent url(../images/main-content-menu-v4.png) no-repeat left top;} .noTabs_bg { width: 830px;overflow: hidden;padding: 0 75px 26px 75px;background: transparent url(../images/main-content-olo-v1.png) no-repeat left top;} ul#nav-utility{float: right;display: inline;list-style: none;margin: 0;padding: 0;position: relative;height: 33px;width: 384px;top: 11px;} ul#nav-utility li {position: absolute;margin: 0;padding: 0;text-indent: -9999px;} ul#nav-utility li, ul#nav-utility a {height: 27px;display: block;} #nutritional {left: 218px;width: 165px;} #nutritional a {background: transparent url(../images/nutritional_details.png) no-repeat 0 0;} #nutritional a:hover { background-position: left bottom;} #h2-nutrition { background: url(../images/h2-nutritional-info-v3.gif) no-repeat 20px -0px; } #nutri_legal { color: #000; line-height: 1.2em; font-size:10px; margin-top:15px; width:801px; margin-left:18px; } #nutri_legal_cal { clear:both; color: #000; line-height: 1.2em; font-size:10px; margin-top:15px; width:605px; margin-left:18px; } /* Nutrion Index page Content------------------------------------------------------- */ #h2-nutritionIndex { background: url(../images/h2-nutritional-info-v3.gif) no-repeat 20px -0px; margin:29px 0 0 0; display:block; } #NutritionIndexPage .padded-content-full { padding:15px;} #NutritionIndexPage .padded-content-full h3 { font-size:15px; background: url(../images/nutri.h3.healthfreak.bg.gif) no-repeat; text-indent: -9999px; margin-top:8px; height:30px;} #NutritionIndexPage .padded-content-full p { font-size:12px; margin-bottom:6px;} #NutritionIndexPage .padded-content-full a { color:#0078ae; } #NutritionIndexPage .padded-content-full a:hover {color:#ff0000;} #NutritionIndexPage .padded-content-full hr {color:#e1ecf3; margin-top:20px; margin-bottom:21px;} #NutritionIndexPage .padded-content-full ul {margin: 0; padding: 0; list-style: none;} #NutritionIndexPage .padded-content-full li { margin:0px; padding:0px; width:200px; height:151px; float:left; padding-bottom:15px; } #NutritionIndexPage .padded-content-full li h3 {display:none; } #NutritionIndexPage .padded-content-full li p {position:relative; top:38px; left:83px; width:110px; height:55px; font-size:9.5px; color:#0078ae; margin-right:3px;} #NutritionIndexPage .padded-content-full li a {background: transparent url(../images/a.bg-nutrition-moreinfo-v1.gif) no-repeat; text-indent:-9999px; font-size:0px; width:103px; height:37px; display:block;} #NutritionIndexPage .padded-content-full li a { position:relative; top:55px; left:55px;} #NutritionIndexPage .padded-content-full li.calc {background: url(../images/li.bg-nutri-calc.gif) no-repeat;} #NutritionIndexPage .padded-content-full li.calc a {background: url(../images/a.bg-nutrition-claccal-v1.gif) no-repeat; width:150px; left:26px; top:41px;} #NutritionIndexPage .padded-content-full li.calc a:hover {background-position:0 -37px;} #NutritionIndexPage .padded-content-full li.ingred {background: url(../images/li.bg-nutri-ingred.gif) no-repeat;} #NutritionIndexPage .padded-content-full li.ingred a {top:41px;} #NutritionIndexPage .padded-content-full li.ingred a:hover {background-position:0 -37px;} #NutritionIndexPage .padded-content-full li.allerg {background: url(../images/li.bg-nutri-allerg.gif) no-repeat;} #NutritionIndexPage .padded-content-full li.allerg a {top:41px;} #NutritionIndexPage .padded-content-full li.allerg a:hover {background-position:0 -37px;} #NutritionIndexPage .padded-content-full li.lighter {background: url(../images/li.bg-nutri-light.gif) no-repeat;} #NutritionIndexPage .padded-content-full li.lighter a {background: url(../images/a.bg-nutrition-lighter-v1.gif) no-repeat; width:150px; left:26px;top:41px;} #NutritionIndexPage .padded-content-full li.lighter a:hover {background-position:0 -37px;} .noTabs_bg #h2-nutritionIndex {margin:0;} /* Nutrition Content tabbed menu------------------------------------------- */ ul#nutrition_tabs {position: relative; background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat;padding: 0;margin: -13px 0 0 -11px;list-style: none;width: 540px;height: 37px;} ul#nutrition_tabs li {margin: 0; padding: 0;position: absolute;top: 0;text-indent: -9999px;} ul#nutrition_tabs li, ul#nutrition_tabs a {height: 37px;display: block;width: 134px;} #callOmeter { left: 0;} #callOmeter a:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat 0 -91px;} #callOmeter a.selected,#callOmeter a.seelcted:hover { background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -1px -43px;} #ingredients {left: 135px;} #ingredients a:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -135px -91px;} #ingredients a.selected,#ingredients a.select:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -135px -43px;} #allergen {left: 270px;} #allergen a:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -270px -91px;} #allergen a.selected,#allergen a.selected:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -270px -43px;} #options {left: 405px;} #options a:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -405px -91px;} #options a.selected,#options a.selected:hover {background: transparent url(../images/nutrition_menu_tabs_4.png) no-repeat -405px -43px;} /* Ingredients Content------------------------------------------------------- */ #nutri_content {margin-left:5px;} #CaloPage #nutri_content H3 { font-size:15px; background: url(../images/nutri.h3.bellybest.bg.gif) no-repeat; text-indent: -9999px; margin-top:22px; } #IngredientsPage #nutri_content H3 { font-size:15px; background: url(../images/nutri.h3.natures_tasty.bg.gif) no-repeat; text-indent: -9999px; margin-top:22px; } *:first-child+html #nutri_content H3 { font-size:0; height:24px} #nutri_content P {margin-bottom:6px;} #nutri_content #foodType {width:145px;} #nutri_content div.food-type{ height:auto; clear:both; margin-bottom:-5px; margin-left:-5px; float:left;} * HTML #nutri_content div.food-type{ margin-left:-3px; } /* Ingredients Content title bars-------------------------------------------- */ #IngredientsPage #nutri_content .food-type H3.title { text-indent:0px; margin-bottom:0px; width:829px; height:39px;} #IngredientsPage #nutri_content .food-type H3.crusts {background: url(../images/h3-nutri-crusts.gif) no-repeat; text-indent:-9999px; margin-bottom:0px; width:829px; height:39px;} #IngredientsPage #nutri_content .food-type H3.toppings {background: url(../images/h3-nutri-toppings.gif) no-repeat; text-indent:-9999px; margin-bottom:0px; width:829px; height:39px;} #nutri_content .food-type ul {margin: 0; padding: 0; list-style: none; margin-left:6px;} #nutri_content .food-type li {margin: 0 0 7px 0; padding: 0; background-color:#e1ecf3; height:auto; float:left; width:818px; } #nutri_content .food-type li.active {background-color:#c4e0ec; cursor:pointer;} #nutri_content .food-type li H4 {color:#006699; font-size:12px; font-weight:bold; margin-left:5px; margin:0 0 -1px 5px; padding:3px 0px 5px 0px; float:left; width:793px;} #nutri_content .food-type li SPAN.arrow {height:13px; width:11px; background: url(../images/span-nutritional-arrow-v1.gif) no-repeat; float:left; margin-top:5px;} /* Ingredients selected information styles------------------------------------ */ #nutri_content .food-type li.selected div.info {display:block;} #nutri_content .food-type li.selected SPAN.arrow { background-position:0 -13px;} /* Ingredients hidden info styles--------------------------------------------- */ #nutri_content .food-type li .info {display:none; padding:5px 0 5px 0; margin:0 0 0 5px; float:left; background: url(../images/div.bg-allergen-info-v1.gif) no-repeat 565px 8px;} #nutri_content .food-type li .info h5 { font-size:12px; width:539px; position:relative; top:0px; left:0px; float:left;} #nutri_content .food-type li .info p { font-size:10px; width:539px; position:relative;float:left;} /* Ingredients allergen info styles------------------------------------------- */ #nutri_content .food-type li .info div.allergeninfo{ position:relative; width:200px; left:60px;top:-17px; float:inherit; } #nutri_content .food-type li .info div.allergeninfo h6 { font-weight:bold; font-size:12px; } #nutri_content .food-type li .info div.allergeninfo p { font-size:10px; width:200px; } #nutri_content .food-type li .info div.allergeninfo a { font-size:10px; color:#007aaf;} #nutri_content .food-type li .info div.allergeninfo a:hover {color:#fa001f;} #IngredientsPage #nutri_legal { float:left;} /* Allergen Chart styles------------------------------------------- */ #AllergenPage #nutri_content H3 { font-size:15px; background: url(../images/nutri.h3.allergeninfo.bg.gif) no-repeat; text-indent: -9999px; margin-top:22px; } #AllergenPage div.allergyHeader { background: url(../images/h3-allergychart.png) no-repeat -5px 0; width:829px; height:39px; margin:17px 0 -2px 0;} #AllergenPage div.allergyHeader h3 {display:none;} #AllergenPage div.allergyHeader dl{background: transparent url(../images/TraceAllergen.gif) no-repeat; margin:5px 0 0 408px; padding:0; width:243px ; height:27px; float:left; display:block; } #AllergenPage div.allergyHeader dt,dd{float:left; text-indent:-9999px;} #AllergenPage div.allergyHeader form {float:left; margin:9px 0 0 10px;} #AllergenPage div.allergyHeader form select {width:145px;} #AllergyChart {border-collapse:collapse; width:818px; border:#0078ae 1px solid; border-bottom:#0078ae 1px solid; margin-left:1px;} #AllergyChart th{background-color:#0078ae;width:83px; height:22px; color:#FFFFFF; font-size:12px; text-align:center; } #AllergyChart tfoot tr td{background-color:#0078ae;width:83px; height:22px; color:#FFFFFF; font-size:12px; text-align:center; font-weight:bold; } #AllergyChart th.allergyCat{ width:132px; color:#024269; font-size:13px; padding-left:12px; } #AllergyChart tbody tr{height:28px;} #AllergyChart tbody tr.even {background:#FFFFFF;} #AllergyChart tbody tr.odd {background:#e1ecf3;} #AllergyChart tbody td { padding-left:4px; border-right:#0078ae 1px solid;} #AllergyChart tbody td.foodTitle{ color:#024269; padding-left:12px; font-weight:bolder; font-size:11px; text-indent:0; width:260px;} #AllergyChart tbody td { text-indent:-9999px;} #AllergyChart tbody td span{ height:28px; width:28px; display:block; margin:0 auto;} #AllergyChart tbody td span.full{background: transparent url(../images/span.allergy-full.gif) no-repeat 0 0;} #AllergyChart tbody td span.part{background: transparent url(../images/span.allergy-part.gif) no-repeat 0 0;} #AllergenPage .allergyChart p.noMsg {color:#FF0000; padding:10px; font-size:12px; font-weight:bold;} /* Lighter Options page styles------------------------------------------- */ #nutri_content H3 { font-size:15px; background: url(../images/nutri.h3.healthyoptions.bg.gif) no-repeat; text-indent: -9999px; margin-top:22px; } #LighterOptionsPage div.lightOptions {margin-left:-5px;} #LighterOptionsPage div.lightOptions h3.title {text-indent:-9999px; margin-bottom:0px; width:829px; height:39px; background: url(../images/h3-nutri-pizzas.png) no-repeat; text-indent: -9999px; display:block;} #LighterOptionsPage div.lightOptions h3.other {background: url(../images/h3-nutri-salads.png) no-repeat;} #LighterOptionsPage div.contentHolder {position:relative; margin-bottom:7px; } #LighterOptionsPage div.contentHolder a{ width: 154px; height: 140px; display: block; text-indent: -9999px; position: absolute; z-index: 1000; top: 0; left: 0; line-height: 1; background: transparent url(../images/menu-item-a-v1.png) no-repeat top left; display:block;} #LighterOptionsPage div.contentHolder a:hover {background-position:left bottom; cursor:pointer;} * HTML #LighterOptionsPage div.contentHolder a{background: transparent url(../images/menu-item-a-v1.gif) no-repeat top left;} #LighterOptionsPage div.contentHolder img{margin:8px 0 8px 9px;} * HTML #LighterOptionsPage div.contentHolder img{margin:8px 0 8px 0px; padding-left:9px;} *:first-child+html #LighterOptionsPage div.contentHolder img{margin:8px 0 8px 0px; padding-left:9px;} #LighterOptionsPage div.contentHolder h3 { margin:0px; text-indent:0px; top:6px;left:165px; position:absolute; background:none; font-size:11px; color:#0078ae; text-transform:none; width:150px; line-height:12px;} #LighterOptionsPage div.contentHolder p {top:20px;left:165px; position:absolute; width:137px; font-size:9px;} #LighterOptionsPage div.contentHolder table {top:6px;left:327px; position:absolute; width:496px; border-collapse:collapse; border:1px solid #0078ae; } #LighterOptionsPage div.contentHolder thead { background-color:#0078ae;} #LighterOptionsPage div.contentHolder th { font-size:10px; color:#FFFFFF; text-align:center; height:22px;} #LighterOptionsPage div.contentHolder tbody td { border-right: 1px solid #0078ae; width:97px; height:37px; text-align:center; color:#0078ae; font-weight:bold; font-size:11px;} #LighterOptionsPage div.contentHolder tbody tr.odd {background-color:#e1ecf3;} #LighterOptionsPage div.contentHolder hr { margin:5px 0 0 5px; width:821px; border-bottom: 1px solid #0078ae; color:#0078ae; } * HTML #LighterOptionsPage div.contentHolder hr {margin:0px 0 0 5px; display:block; } /* UTILITY NAV------------------------------------------------------- */ #AllergenPage ul#nav-utility { float: right; display: inline; list-style: none; margin: 0; padding: 0; position: relative; height: 33px; width: 138px; top: 40px; } #AllergenPage ul#nav-utility li { position: absolute; margin: 0; padding: 0; text-indent: -9999px; } #AllergenPage ul#nav-utility li, #AllergenPage ul#nav-utility a { height: 33px; display: block; } #AllergenPage #printAllergens { width: 138px; } #AllergenPage #printAllergens a { background: transparent url(../images/nav-utility-printallergens-v1.png) no-repeat 0 0; } #AllergenPage #printAllergens a:hover { background-position: 0 -33px; }