/* position_center */ * { margin:0; padding:0; } html, body { height:100%; } body { text-align:center; /* horizontal centering for IE Win quirks */ } #distance { width:1px; height:50%; margin-bottom:-300px; /* half of container's height */ float:left; } #outer { margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:980px;height:600px;clear:left; } p {margin-bottom:15px} /* /position_center */ /*For When CSS is turned Off*/ .hidetext {display:block;left:-1000em;font-size:0.01em;margin:0;padding:0;line-height:0.01em;height:0;width:0;color:#000000;position:absolute;} h1 ,h2 ,h3 ,h4 ,h5 {display:block;left:-2000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;} .hidetext {display:block;left:-2000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;} body{background-color:#000000;padding:0;margin:0;color:#ffffff;font-family:verdana;font-weight:bold;font-size:0.65em;} #flash {background:#003a13 none;} .clear{clear:both;} a {color:#ffffff} a:active, a:focus {outline: 0} #flashmovie {margin:0;padding:0;position:absolute;top:0px;left:0px;z-index:100} /*Main Background*/ #mainBgContainer {background: url(../images/bg_main.jpg) top left no-repeat;width:980px;height:600px;position:absolute;top:0px;left:0px;z-index:2} /*Logo*/ #logoNavHolding {position:absolute;top:0px;left:0px;z-index:15;} #logo {float:left;display:block;width:196px;height:227px;background: url(../images/logo.png) top left repeat;} #vidGallery #logo {float:left;display:block;width:196px;height:200px;background: url(../images/logo.png) top left repeat;} .navHome {position:absolute;top:115px;left:62px;z-index:50;width:56px;height:37px;} .navHome, .navHome a {background: url(../images/nav_home.jpg) top left no-repeat;width:63px;height:39px;display:block;cursor:pointer} .navHome, .navHome a:hover, .navHome, .navHome a.on {background: url(../images/nav_home-over.jpg) top left no-repeat;width:63px;height:39px;display:block;cursor:pointer;} /* Backgrounds For Each Page*/ #homeMainContent {background: url(../images/bg_home.jpg) top left no-repeat;width:875px;height:487px;position:absolute;top:105px;left:55px;z-index:1} #rangeMainContent {background: url() top left no-repeat;width:875px;height:487px;position:absolute;top:90px;left:0px;z-index:1;margin-left:90px} #newsMainContent {background: url(../images/bg_news.jpg) top left no-repeat;width:570px;height:487px;position:absolute;top:120px;left:57px;z-index:1;} #newsPlainMainContent {background: url(../images/bg_newsMain.jpg) top left no-repeat;width:570px;height:460px;position:absolute;top:120px;left:47px;z-index:1;} #ourStoryMainContent {background: url(../images/bg_ourstory.jpg) top left no-repeat;width:572px;height:477px;position:absolute;top:123px;left:34px;z-index:1;} #nutritionMainContent {background: url(../images/bg_nutrition.jpg) top left no-repeat;width:572px;height:477px;position:absolute;top:125px;left:57px;z-index:1} #saltMainContent {background: url(../images/bg_salt.jpg) top left no-repeat;width:529px;height:504px;position:absolute;top:96px;left:91px;z-index:1;} #contactMainContent {background: url(../images/bg_contact.jpg) top left no-repeat;width:815px;height:493px;position:absolute;top:105px;left:85px;z-index:1;} #AskMainContent {background: url() top left no-repeat;width:529px;height:512px;position:absolute;top:180px;left:85px;z-index:1;} #howDoYouMainContent {background: url(../images/bg_how.jpg) top left no-repeat;width:544px;height:512px;position:absolute;top:121px;left:83px;z-index:1;} #ThanksMainContent {background: url(../images/bg_thankyou.jpg) top left no-repeat;width:566px;height:474px;position:absolute;top:125px;left:85px;z-index:1;} #HowThanksMainContent {background: url(../images/bg_how_thankyou.jpg) top left no-repeat;width:566px;height:474px;position:absolute;top:125px;left:85px;z-index:1;} #foodMainContent {background: url(../images/bg_foodfight.jpg) top left no-repeat;width:875px;height:517px;position:absolute;top:75px;left:55px;z-index:1} #foodFightGallery {background:url(../images/bg_foodfightgallery.jpg) top left no-repeat;width:875px;height:517px;position:absolute;top:75px;left:55px;z-index:1} #meetTheLadsMain {background:url(../images/bg_meetthelads_main.jpg) top left no-repeat;width:875px;height:494px;position:absolute;top:105px;left:56px;z-index:1;} #meetTheLadsSteve {background:url(../images/bg_meetthelads_steve.jpg) top left no-repeat;width:875px;height:506px;position:absolute;top:94px;left:55px;z-index:1;} #meetTheLadsDigger {background:url(../images/bg_meetthelads_digger.jpg) top left no-repeat;width:875px;height:506px;position:absolute;top:94px;left:55px;z-index:1;} #meetTheLadsTony {background:url(../images/bg_meetthelads_tony.jpg) top left no-repeat;width:875px;height:506px;position:absolute;top:94px;left:55px;z-index:1;} #newsGreatestSnackMain {background: url(../images/bg_newsgreatestsnack.jpg) top left no-repeat;width:529px;height:504px;position:absolute;top:94px;left:91px;z-index:1;} #newsTastifiedMain {background: url(../images/bg_newstastified.jpg) top left no-repeat;width:529px;height:504px;position:absolute;top:94px;left:91px;z-index:1;} #errorMainContent {background: url(../images/bg_error.jpg) top left no-repeat;width:566px;height:474px;position:absolute;top:125px;left:85px;z-index:1;} #errorMainContent p {margin-top:150px;margin-left:45px;font-size:1.3em;} #donerBelieveItMain {background:url(../images/bg_donerbelieveit_main.jpg) top left no-repeat;width:875px;height:508px;position:absolute;top:78px;left:56px;z-index:1;} /*Main Navigation*/ #navigation {padding:28px 0 0 10px;width:650px;float:left;} #navigation ul {padding:0;height:61px;float:left;} #navigation ul li {float:left;list-style:none;height:61px;} #navigation ul li a {display:block;margin:0;height:61px;position:relative;cursor:pointer} #navigation ul li.navRange a {background: url(../images/nav_theNoodleRange.png) center no-repeat;width:113px;height:60px;} #navigation ul li.navRange a:hover, #navigation ul li.navRange a.on {background: url(../images/nav_theNoodleRange-over.png) center no-repeat;width:113px;height:60px;} #navigation ul li.navSaltReducing a {background: url(../images/nav_saltReducing.png) center no-repeat;width:129px;height:61px;} #navigation ul li.navSaltReducing a:hover, #navigation ul li.navSaltReducing a.on {background: url(../images/nav_saltReducing-over.png) center no-repeat;width:129px;height:61px;} #navigation ul li.navNutrition a {background: url(../images/nav_nutrition.png) center no-repeat;width:94px;height:60px;} #navigation ul li.navNutrition a:hover, #navigation ul li.navNutrition a.on {background: url(../images/nav_nutrition-over.png) center no-repeat;width:94px;height:60px;} #navigation ul li.navNews a {background: url(../images/nav_news.png) center no-repeat;width:59px;height:60px;} #navigation ul li.navNews a:hover, #navigation ul li.navNews a.on {background: url(../images/nav_news-over.png) center no-repeat;width:59px;height:60px;} #navigation ul li.navOurStory a {background: url(../images/nav_ourStory.png) center no-repeat;width:69px;height:60px;} #navigation ul li.navOurStory a:hover, #navigation ul li.navOurStory a.on {background: url(../images/nav_ourStory-over.png) center no-repeat;width:69px;height:60px;} #navigation ul li.navVideoGallery a {background: url(../images/nav_videoGallery.png) center no-repeat;width:82px;height:60px;} #navigation ul li.navVideoGallery a:hover, #navigation ul li.navVideoGallery a.on {background: url(../images/nav_videoGallery-over.png) center no-repeat;width:82px;height:60px;} #navigation ul li.navContactUs a {background: url(../images/nav_contact.png) center no-repeat;width:95px;height:60px;} #navigation ul li.navContactUs a:hover, #navigation ul li.navContactUs a.on {background: url(../images/nav_contact-over.png) center no-repeat;width:95px;height:60px;} #navigation ul li.navSpinningFork a {background: url(../images/nav_spinningfork.png) center no-repeat;width:129px;height:60px;} #navigation ul li.navSpinningFork a:hover, #navigation ul li.navSpinningFork a.on {background: url(../images/nav_spinningfork-over.png) center no-repeat;width:129px;height:61px;} #navigation ul li.navMeetTheLads a {background: url(../images/nav_meetthelads.png) center no-repeat;width:129px;height:60px;} #navigation ul li.navMeetTheLads a:hover, #navigation ul li.navMeetTheLads a.on {background: url(../images/nav_meetthelads-over.png) center no-repeat;width:129px;height:61px;} /*Home Page*/ #mainPromo {height:243px} #mainPromo a {display:block;position:relative;top:175px;left:315px;background: url(../images/btn_homepromokebab.png) center no-repeat;width:274px;height:57px;cursor:pointer;} #mainPromo a:hover {background: url(../images/btn_homepromokebab-over.png) center no-repeat;cursor:pointer;} #promo_tastified {width:305px;height:232px;float:left;} #promo_tastified a {cursor:pointer;display:block;position:relative;top:184px;left:94px;background: url(../images/btn_promo_tastified.png) center no-repeat;width:157px;height:38px;} #promo_tastified a:hover {cursor:pointer;background: url(../images/btn_promo_tastified-over.png) center no-repeat;width:157px;height:38px;} #promo_meetthelads {width:270px;height:232px;float:left;} #promo_meetthelads a {display:block;position:relative;top:190px;left:65px;background: url(../images/btn_promomeetthelads.png) center no-repeat;width:148px;height:27px;cursor:pointer;} #promo_meetthelads a:hover {background: url(../images/btn_promomeetthelads-over.png) center no-repeat;width:148px;height:27px;cursor:pointer;} #promo_donerkebabhome {width:270px;height:225px;float:left;} #promo_donerkebabhome a {background:url(../images/btn_promo_findoutmore.png) no-repeat center;cursor:pointer;display:block;height:54px;left:12px;position:relative;top:156px;width:179px;} #promo_donerkebabhome a:hover {background: url(../images/btn_promo_findoutmore-over.png) center no-repeat;cursor:pointer;} /* Promo Touts */ #RightPod1 {position:absolute;top:125px;left:630px;} #RightPod2 {position:absolute;top:350px;left:630px;} #RightPod1 h3, #RightPod2 h3, #RightPod1 h2, #RightPod2 h2 {position:absolute;left:-99999em;font-size:0.01em;margin:0;padding:0;width:0;height:0;line-height:0.01em;} #RightPod1 p, #RightPod2 p {position:absolute;left:-99999em;font-size:0.01em;margin:0;padding:0;height:0;line-height:0.01em;} #howDoYouNoodle {width:255px;height:232px;float:left;} #howDoYouNoodle a {display:block;position:relative;top:186px;left:153px;background: url(../images/btn_tell_us.gif) center no-repeat;width:87px;height:19px;} #howDoYouNoodle a:hover {background: url(../images/btn_tell_us-over.gif) center no-repeat;width:87px;height:19px;} #DonerKebabPromo {width:288px;height:227px;background:url(../images/promo_donerkebab.png) no-repeat;margin-top:10px;} #DonerKebabPromo a {display:block;position:relative;top:150px;left:13px;background: url(../images/btn_promo_doner.png) center no-repeat;width:136px;height:58px;cursor:pointer;} #DonerKebabPromo a:hover {background: url(../images/btn_promo_doner-over.png) center no-repeat;cursor:pointer;} #TastifiedPromo {width:285px;height:224px;background:url(../images/promo_tastified.png) no-repeat;} #TastifiedPromo a {display:block;position:relative;top:181px;left:11px;background: url(../images/btn_promo_tastified.png) center no-repeat;width:157px;height:38px;cursor:pointer;} #TastifiedPromo a:hover {background: url(../images/btn_promo_tastified-over.png) center no-repeat;cursor:pointer;} #GreatestSnackPromo {width:296px;height:227px;background:url(../images/promo_itsontony.png) no-repeat;} #GreatestSnackPromo a {background:url(../images/btn_promo_findoutmore.png) no-repeat center;cursor:pointer;display:block;height:54px;left:12px;position:relative;top:156px;width:179px;} #GreatestSnackPromo a:hover {background: url(../images/btn_promo_findoutmore-over.png) center no-repeat;cursor:pointer;} #WhoAreTheyPromo {width:290px;height:229px;background:url(../images/promo_whoaretheyreally.png) no-repeat;} #WhoAreTheyPromo a {display:block;position:relative;top:190px;left:65px;background: url(../images/btn_promomeetthelads.png) center no-repeat;width:148px;height:27px;cursor:pointer;} #WhoAreTheyPromo a:hover {background: url(../images/btn_promomeetthelads-over.png) center no-repeat;width:148px;height:27px;cursor:pointer;} #FoodFightPromo {width:300px;height:232px;float:left;background:url(../images/foodfightpromo.png) 0 -5px no-repeat;} #homeMainContent #FoodFightPromo {background:none;} #FoodFightPromo a {display:block;position:relative;top:184px;left:28px;background: url(../images/btn_bringit.png) center no-repeat;width:121px;height:30px;} #FoodFightPromo a:hover {background: url(../images/btn_bringit-over.png) center no-repeat;width:121px;height:30px;} #VideoGalleryPromo {width:300px;height:232px;background:url(../images/videogallerypromo.png) 0 0px no-repeat;} #VideoGalleryPromo a {display:block;position:relative;top:158px;left:42px;background: url(../images/btn_videogallerypromo.png) center no-repeat;width:224px;height:43px;} #VideoGalleryPromo a:hover {background: url(../images/btn_videogallerypromo-over.png) center no-repeat;width:224px;height:43px;} #MakeFilms {background: url(../images/join_PNN.png) left no-repeat;width:307px;height:252px;} #MakeFilms a {display:block;position:relative;top:65px;left:10px;background: url(../images/btn_makeFilms.gif) center no-repeat;width:249px;height:20px;} #MakeFilms a:hover {background: url(../images/btn_makeFilms-over.gif) center no-repeat;width:249px;height:20px;} /* Currently Unused #lessSalt {height:243px} #lessSalt a {display:block;position:relative;top:154px;left:175px;background: url(../images/btn_theAmazing.gif) center no-repeat;width:298px;height:64px;} #lessSalt a:hover {background: url(../images/btn_theAmazing-over.gif) center no-repeat;width:298px;height:64px;} #new {width:305px;height:232px;float:left;} #new a {cursor:pointer;display:block;position:relative;top:169px;left:152px;background: url(../images/btn_findOutMore.png) center no-repeat;width:152px;height:37px;} #new a:hover {cursor:pointer;background: url(../images/btn_findOutMore-over.png) center no-repeat;width:152px;height:37px;} #SaltReducingHome {width:300px;height:232px;float:left;} #SaltReducingHome a {display:block;position:relative;top:170px;left:87px;background: url(../images/btn_readAllAboutit.gif) center no-repeat;width:166px;height:26px;} #SaltReducingHome a:hover {background: url(../images/btn_readAllAboutit-over.gif) center no-repeat;width:166px;height:26px;} #SaltReducing blockquote { display:inline } #join {width:300px;height:232px;float:left;} #join a {display:block;position:relative;top:63px;left:10px;background: url(../images/btn_makeFilms.gif) center no-repeat;width:249px;height:20px;} #join a:hover {background: url(../images/btn_makeFilms-over.gif) center no-repeat;width:249px;height:20px;} #BaadNewsPromo {width:290px;height:236px;background:url(../images/promo_baadnews.png) no-repeat;} #BaadNewsPromo a {display:block;position:relative;top:165px;left:126px;background: url(../images/btn_watchfilm.png) center no-repeat;width:139px;height:34px;} #BaadNewsPromo a:hover {background: url(../images/btn_watchfilm-over.png) center no-repeat;width:139px;height:34px;cursor:pointer;} */ /*Noodle Range*/ #ProductRangeFlash {width:849px;height:255px;} #MainPod {background: url(../images/bg_pod_range_main.jpg) left no-repeat;width:534px;height:261px;padding-top:0px;position:absolute;top:249px;left:0px;} #MainPod P {overflow:auto;width:446px;height:155px;position:relative;top:90px;left:40px;line-height:13px;font-size:1.1em;} #PodPosition {position:absolute;top:240px;left:0px;} #PodPosition div p {width:232px;height:157px;font-weight:bold;font-size:1.1em;overflow:auto;position:relative;top:77px;left:280px;line-height:13px;margin-bottom:0px} #Pod01 {background: url(../images/pod_chineseSweet.jpg) left no-repeat;width:533px;height:265px;} #Pod01 p span {background-color:#237a84;} #Pod02 {background: url(../images/pod_tikka.jpg) left no-repeat;width:533px;height:265px;} #Pod02 p span {background-color:#47185e;} #Pod03 {background: url(../images/pod_chicken_satay.jpg) left no-repeat;width:533px;height:265px;} #Pod03 p span {background-color:#9e7818;} #Pod04 {background: url(../images/pod_bombay.jpg) left no-repeat;width:533px;height:265px;} #Pod04 p span {background-color:#000000;} #Pod05 {background: url(../images/pod_lambhot.jpg) left no-repeat;width:533px;height:265px;} #Pod05 p span {background-color:#003a0e;} #Pod06 {background: url(../images/pod_sweetspicy.jpg) left no-repeat;width:533px;height:265px;} #Pod06 p span {background-color:#b66b07;} #Pod07 {background: url(../images/pod_orginalCurry.jpg) left no-repeat;width:533px;height:265px;} #Pod07 p span {background-color:#ba7108;} #Pod08 {background: url(../images/pod_beef.jpg) left no-repeat;width:533px;height:265px;} #Pod08 p span {background-color:#361113;} #Pod09 {background: url(../images/pod_chineseChow.jpg) left no-repeat;width:533px;height:265px;} #Pod09 p span {background-color:#005d8e;} #Pod10 {background: url(../images/pod_chickenMushroom.jpg) left no-repeat;width:533px;height:265px;} #Pod10 p span {background-color:#00591d;} #Pod11 {background: url(../images/pod_minipot.jpg) left no-repeat;width:533px;height:265px;} #PodPosition #Pod11 p {position:relative;top:70px;} #Pod11 p span {background-color:#00541b;} #Pod12 {background: url(../images/pod_kingpot.jpg) left no-repeat;width:533px;height:265px;} #Pod12 p span {background-color:#00591d;} #Pod13 {background: url(../images/pod_wotnotinapot.png) left no-repeat;width:533px;height:265px;} #PodPosition #Pod13 p {position:relative;top:85px;} #Pod13 p span {background-color:#00591d;} #Pod14 {background: url(../images/pod_donerkebab.png) left no-repeat;width:533px;height:265px;} #PodPosition #Pod14 p {position:relative;top:102px;} #Pod14 p span {background-color:#000000;} /*No Script Section*/ #noScriptLeft {float:left;width:200px;margin-left:160px;} #noScriptLeft p a, #noScriptRight p a {color:#00591d} #noScriptRight {float:left;} #JoinPNN {background: url(../images/join_PNN.png) left no-repeat;width:307px;height:252px;position:absolute;top:256px;left:542px;} #JoinPNN #join a {padding-top:12px} /* Nutrition */ #nutritionMainContent p, #nutritionMainContent ul {text-indent:-999em;} #nutritionMainContent ul li {list-style-type:none;} #nutritionMainContent a {bottom:112px;display:block;height:14px;position:absolute;right:60px;width:25px;} /*News*/ #news #RightPod1 {position:absolute;top:125px;left:615px;width:auto;} #news #RightPod2 {position:absolute;top:340px;left:615px;width:auto;} #newsGreatestSnack #RightPod1 {position:absolute;top:110px;left:620px;width:auto;} #newsGreatestSnack #RightPod2 {position:absolute;top:330px;left:620px;width:auto;} #newsTastified #RightPod1 {position:absolute;top:110px;left:620px;width:auto;} #newsTastified #RightPod2 {position:absolute;top:330px;left:620px;width:auto;} #news1 {position:absolute;top:107px;left:78px;} #news2 {position:absolute;top:255px;left:78px;} #news3 {position:absolute;top:262px;left:78px;} #news1 img, #news2 img, #news3 img {float:left;} #title_greatestsnack {background: url(../images/title_greatestsnack.gif) left no-repeat;width:228px;height:41px;margin-bottom:10px} #title_itsallgonetastified {background: url(../images/title_itsallgonetastified.gif) left no-repeat;width:159px;height:38px;margin-bottom:10px} /*#title_potnoodles {background: url(../images/title_potnoodles.gif) left no-repeat;width:141px;height:36px;}*/ #newsTitle_Amazing {background: url(../images/title_amazingSaltRemoving.gif) left no-repeat;width:216px;height:93px;padding-bottom:10px} #news1 .txt_originalsauce {text-indent:-99999em;font-size:0.01em;background:url(../images/txt_originalsauce.gif) no-repeat;margin:25px 0 0;padding:0;width:179px;height:10px;} .newsContent {margin: 10px 0 0 10px;float:left;} .newsContent ul {padding:0;} .newsContent ul li {list-style:none;} .newsContent ul li a {display:block;margin:0;position:relative;} .newsContent ul li.btn_news_findout, .newsContent ul li.btn_news_findout a {background: url(../images/btn_news_findOutMore.gif) center no-repeat;width:141px;height:25px;} .newsContent ul li.btn_news_findout a:hover, .newsContent ul li.btn_news_findout a.on {background: url(../images/btn_news_findOutMore-over.gif) center no-repeat;width:141px;height:25px;} .newsContent ul li.btn_seeyourself, .newsContent ul li.btn_seeyourself a {background: url(../images/btn_see_for_yourself.gif) center no-repeat;width:173px;height:26px;} .newsContent ul li.btn_seeyourself a:hover, .newsContent ul li.btn_seeyourself a.on {background: url(../images/btn_see_for_yourself-over.gif) center no-repeat;width:173px;height:26px;} .newsContent ul li.btn_takealook, .newsContent ul li.btn_takealook a {background: url(../images/btn_takealook.gif) center no-repeat;width:122px;height:24px;} .newsContent ul li.btn_takealook a:hover, .newsContent ul li.btn_takealook a.on {background: url(../images/btn_takealook.gif) center no-repeat;width:122px;height:24px;} #mainNews {position:absolute;top:116px;left:80px;} #newsImage {width:219px;height:245px;float:left;margin-right:8px} #newsArticle {width:216px;float:left;} #newsArticle ul {padding:0;float:left;} #newsArticle ul li {float:left;list-style:none;} #newsArticle ul li a {display:block;margin:0;} #newsArticle ul li.btn_SeeForYourSelf, #newsArticle ul li.btn_SeeForYourSelf a {background: url(../images/btn_see_for_yourself1.gif) center no-repeat;width:175px;height:24px;} #newsArticle ul li.btn_SeeForYourSelf a:hover, #newsArticle ul li.btn_SeeForYourSelf a.on {background: url(../images/btn_see_for_yourself1.gif) center no-repeat;width:175px;height:24px;} #newsArticle ul li.btn_news_findOutMore, #newsArticle ul li.btn_news_findOutMore a {background: url(../images/btn_findMoreRange.gif) center no-repeat;width:162px;height:31px;} #newsArticle ul li.btn_news_findOutMore a:hover, #newsArticle ul li.btn_news_findOutMore a.on {background: url(../images/btn_findMoreRange-over.gif) center no-repeat;width:162px;height:31px;} #newsArticle p span.blue {background-color:#042a4f} #BackNews {position:relative;top:80px;left:30px;} #BackNews ul li.btn_backNews, #BackNews ul li.btn_backNews a {background: url(../images/btn_backToOtherNews.gif) center no-repeat;width:197px;height:25px;} #BackNews ul li.btn_backNews a:hover, #BackNews ul li.btn_backNews a.on {background: url(../images/btn_backToOtherNews-over.gif) center no-repeat;width:197px;height:25px;} #RightPodRange {position:absolute;top:256px;left:540px;width:290px;} #howDoYou1 {background: url(../images/howdoyounoodle1.png) left no-repeat;width:279px;height:222px;} #howDoYou2 {background: url(../images/howdoyounoodle2.png) left no-repeat;width:279px;height:222px;} #howDoYou3 {background: url(../images/howdoyounoodle3.png) left no-repeat;width:279px;height:222px;} #howDoYou4 {background: url(../images/howdoyounoodle4.png) left no-repeat;width:279px;height:222px;} #amazingSaltReducing {background: url(../images/amazingsalt.png) left no-repeat;width:280px;height:231px;} #readAllAboutIt a {display:block;position:relative;top:173px;left:83px;background: url(../images/btn_read_all_about.gif) top left no-repeat;width:168px;height:27px;} #readAllAboutIt a:hover {background: url(../images/btn_read_all_about-over.gif) top left no-repeat;} /*OurStory*/ #ourStory {width:238px;margin-left:300px;margin-top:50px;overflow:auto;height:365px;} #ourStory p span {background-color:#552643;} #nutrition {background: url(../images/nutrition.png) left no-repeat;width:284px;height:236px;} #nutrition a {display:block;position:relative;top:152px;left:110px;background: url(../images/btn_amazingFacts.gif) top left no-repeat;width:143px;height:28px;} #nutrition a:hover {background: url(../images/btn_amazingFacts-over.gif) top left no-repeat;} #PotNoodleNews {background: url(../images/news.png) left no-repeat;width:284px;height:236px;} #PotNoodleNews a {display:block;position:relative;top:184px;left:69px;background: url(../images/btn_threeNewFlav.gif) top left no-repeat;width:197px;height:27px;} #PotNoodleNews a:hover {background: url(../images/btn_threeNewFlav-over.gif) top left no-repeat;} /*Salt*/ #SaltReducing {width:477px;height:270px;margin-left:35px;margin-top:250px;color:#000000;overflow:auto;/*Adding Auto had caused a bug in firefox, when flash loads in*/} #SeeTheMiners {position:absolute;top:468px;left:215px} #SeeTheMiners a {display:block;background: url(../images/btn_seeTheMiners.gif) top left no-repeat;width:291px;height:22px;} #SeeTheMiners a:hover {background: url(../images/btn_seeTheMiners-over.gif) top left no-repeat;width:291px;height:22px;} /*Contact Us*/ .errorSummary {float:left} #contactQuestion {position:absolute;top:228px;left:62px} #contactQuestion ul {padding:0;float:left;} #contactQuestion ul li {float:left;list-style:none;clear:both;margin-bottom:9px} #contactQuestion ul li a {display:block;margin:0;position:relative;} #contactQuestion ul li.askQuestion, #contactQuestion ul li.askQuestion a {background: url(../images/btn_askUsAQuestion.gif) center no-repeat;width:178px;height:26px;} #contactQuestion ul li.askQuestion a:hover, #contactQuestion ul li.askQuestion a.on {background: url(../images/btn_askUsAQuestion.gif) center no-repeat;width:178px;height:26px;} #contactQuestion ul li.tellThoughts, #contactQuestion ul li.tellThoughts a {background: url(../images/btn_tellUsYourThoughts.gif) center no-repeat;width:226px;height:32px;} #contactQuestion ul li.tellThoughts a:hover, #contactQuestion ul li.tellThoughts a.on {background: url(../images/btn_tellUsYourThoughts.gif) center no-repeat;width:226px;height:32px;} #HowDoYouMain {position:relative;top:285px;left:80px;} #HowDoYouMain .HowDoYouText {width:65px;float:left;} #HowDoYouMain .HowDoYouFormField {width:289px;margin-bottom:2px} #HowDoYouMain .HowDoYouFormFieldComment {width:360px;height:90px} #thankYouComments {position:absolute;top:150px;left:1px;color:#30a127} #title_Contact {background: url(../images/title_gotviews.gif) top left no-repeat;width:472px;height:54px;position:relative;top:52px;left:42px} #ContactDetails {position:relative;top:74px;left:35px;font-size:0.85em;/*border:1px solid green*/} .txtForm {width:75px;float:left;} .txtFormTitle {float:left;width:34px;} .txtFormName {float:left;width:66px;margin-left:3px} .txtFormComments {width:67px;float:left;} #LeftContact {position:relative;top:0px;left:0px;} #RightContact {position:absolute;top:28px;left:415px;} #ContactTitle, #ContactFirstName, #ContactLastName,#ContactAdd1,#ContactAdd2, #ContactTown,#ContactCounty,#ContactPostcode,#ContactHome, #ContactMobile, #ContactEmail, #ContactConfirmEmail,#ContactProduct,#ContactBestBefore,#WhereDidYouBuy,#ContactBatchCode {float:left;} #ContactAdd2 .txtForm, #ContactCounty .txtForm, #ContactConfirmEmail .txtForm,#ContactMobile .txtForm {margin-left:2px} #ContactDetails input {margin-bottom:2px} .inputWidth51 {width:51px} .inputWidth76 {width:76px} .inputWidth95 {width:95px} .inputWidth114 {width:114px} .inputComments {width:249px;height:55px;float:left;margin:0;padding:0} #ContactHome,#ContactEmail,#ContactAdd1,#ContactTown {width:197px} #ContactBestBefore,#ContactBatchCode {margin-left:5px} #besttext {position:absolute;top:30px;left:171px;width:156px;margin-left:2px} #besttext p {} #Section1 {position:relative;top:0px;left:1px;height:30px} #Section2 {position:relative;top:10px;left:1px;height:76px;} #Section3 {position:relative;top:20px;left:1px;height:55px} #Optin {position:absolute;top:375px;left:35px;width:550px;margin-top:1px} #Optin input {margin:0;padding:0} #EmailMobile {margin-bottom:9px} #DoNot {} .yellow {color:#ecda03} #ContactQuestion {margin-top:10px} #btnFireAway {position:relative;top:165px;left:635px;height:25px;width:100px;} #careline {width:310px; position:absolute;top:140px;left:0px;} #careline p {margin:1px 0 2px 0;} #leftInfo {float:left;margin-right:20px} #rightInfo {float:left} /* Food Fight Landing */ #foodMainContent {overflow:hidden;} #foodMainContent #colLeft {float:left;width:450px;} #foodMainContent #colRight {float:left;width:400px;} #stepRightUp {width:370px;margin:236px 0 0 67px;font:bold 1.1em Verdana;line-height:1.2em;} #locations {width:440px;margin-top:33px;} #locations p {margin:0 0 4px 67px;font-weight:normal;font-size:0.9em} #locations p strong {font-size:1.1em;} #links {margin:20px 0 0 60px;} #links p {float:left;} #links p.picsLink {width:97px;} #links p.picsLink a {display:block;width:97px;height:33px;background:url(../images/btn_seepics.png) no-repeat;} #links p.picsLink a:hover {display:block;width:97px;height:33px;background:url(../images/btn_seepics-over.png) no-repeat;} #links p.vidsLink {width:118px;} #links p.vidsLink a {display:block;width:118px;height:32px;background:url(../images/btn_seevids.png) no-repeat;} #links p.vidsLink a:hover {display:block;width:118px;height:32px;background:url(../images/btn_seevids-over.png) no-repeat;} #links p.facebookLink {width:150px;} #links p.facebookLink a {display:block;width:150px;height:32px;background:url(../images/btn_facebook.png) no-repeat;} #links p.facebookLink a:hover {display:block;width:150px;height:32px;background:url(../images/btn_facebook-over.png) no-repeat;} .dwarf {font-size:1.1em;width:250px;} #noodle {margin:182px 0 0 110px;} #tripod {margin:47px 0 0 112px;} .dwarf p {margin-bottom:3px;} .dwarf p strong {color:#fde800;font-size:1em;} .dwarf dl {overflow:hidden;margin:0 0 3px;} .dwarf dl dt {width:70px;float:left;margin:0;padding:0;} .dwarf dl dd {width:50px;float:left;margin:0;padding:0;} /* Food Fight Gallery */ body#ffGallery #logoNavHolding {height:auto;z-index:2;} #foodFightGallery #colLeft {float:left;width:360px;} #foodFightGallery #colRight {float:left;width:420px;} #foodFightGallery p.intro {width:300px;} #foodFightGallery p.intro span {background:#005e26;font-size:1.1em;line-height:1.3em;padding:3px 0;} #foodFightGallery #colLeft #galleryList {margin:160px 0 0 60px;} #foodFightGallery #colLeft #galleryList ul {height:220px;list-style:none;margin-left:43px;} #foodFightGallery #colLeft #galleryList ul li#gallery1 a {display:block;background:url(../images/btn_meetthedwarfs.png) no-repeat;width:174px;height:28px;} #foodFightGallery #colLeft #galleryList ul li#gallery1 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery1 a.on {display:block;background:url(../images/btn_meetthedwarfs-over.png) no-repeat;width:174px;height:28px;} #foodFightGallery #colLeft #galleryList ul li#gallery2 a {display:block;background:url(../images/btn_southend.png) no-repeat;width:174px;height:29px;} #foodFightGallery #colLeft #galleryList ul li#gallery2 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery2 a.on {display:block;background:url(../images/btn_southend-over.png) no-repeat;width:174px;height:29px;} #foodFightGallery #colLeft #galleryList ul li#gallery3 a {display:block;background:url(../images/btn_aerogp.png) no-repeat;width:174px;height:26px;} #foodFightGallery #colLeft #galleryList ul li#gallery3 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery3 a.on {display:block;background:url(../images/btn_aerogp-over.png) no-repeat;width:174px;height:26px;} #foodFightGallery #colLeft #galleryList ul li#gallery4 a {display:block;background:url(../images/btn_streetlife.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery4 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery4 a.on {display:block;background:url(../images/btn_streetlife-over.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery5 a {display:block;background:url(../images/btn_sunderland.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery5 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery5 a.on {display:block;background:url(../images/btn_sunderland-over.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery6 a {display:block;background:url(../images/btn_ultimatestreetcar.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery6 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery6 a.on {display:block;background:url(../images/btn_ultimatestreetcar-over.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery7 a {display:block;background:url(../images/btn_ripcurl.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryList ul li#gallery7 a:hover, #foodFightGallery #colLeft #galleryList ul li#gallery7 a.on {display:block;background:url(../images/btn_ripcurl-over.png) no-repeat;width:174px;height:27px;} #foodFightGallery #colLeft #galleryLinks {margin-left:100px;} #foodFightGallery #colLeft p.backLink {float:left;width:71px;} #foodFightGallery #colLeft p.backLink a {display:block;width:71px;height:28px;background:url(../images/btn_back.png) no-repeat;} #foodFightGallery #colLeft p.backLink a:hover {display:block;width:71px;height:28px;background:url(../images/btn_back-over.png) no-repeat;} #foodFightGallery #colLeft p.vidLink {float:left;width:115px;} #foodFightGallery #colLeft p.vidLink a {display:block;width:115px;height:28px;background:url(../images/btn_vids.png) no-repeat;} #foodFightGallery #colLeft p.vidLink a:hover {display:block;width:115px;height:28px;background:url(../images/btn_vids-over.png) no-repeat;} #foodFightGallery #colRight #photoOuter {margin:92px 0 0 20px;width:410px;height:306px;} #foodFightGallery #colRight #photo {width:410px;height:306px;} #foodFightGallery #colRight #photo ol {margin:0 0 0 170px;position:relative;top:60px;} #foodFightGallery #colRight #photo ol li {margin-bottom:5px;} #foodFightGallery #colRight #photoNav {margin:40px 0 0 100px;} #foodFightGallery #colRight p#navPrev {float:left;width:140px;} #foodFightGallery #colRight p#navPrev a {display:block;width:110px;height:33px;background:url(../images/btn_prev.png) no-repeat;} #foodFightGallery #colRight p#navPrev a:hover {display:block;width:110px;height:33px;background:url(../images/btn_prev-over.png) no-repeat;} #foodFightGallery #colRight p#navNext {float:left;width:110px;} #foodFightGallery #colRight p#navNext a {display:block;width:110px;height:33px;background:url(../images/btn_next.png) no-repeat;} #foodFightGallery #colRight p#navNext a:hover {display:block;width:110px;height:33px;background:url(../images/btn_next-over.png) no-repeat;} /* Video Gallery */ .galleryNoFlash {margin:300px 0 0 300px;color:#000;} .galleryNoFlash a {color:#000;} #videoGallery {width:980px;height:600px;position:absolute;top:0;left:0;z-index:1;overflow:hidden} #videoGallery div embed { z-index:1 } /* Meet The Lads */ #meetTheLads p {margin:0;} #meetTheLads a.btnMeetLadsBack {display:block;position:absolute;top:375px;left:60px;background:url(../images/btn_meetlads_back.png) no-repeat;width:89px;height:33px;} #meetTheLads a.btnMeetLadsBack:hover {display:block;background:url(../images/btn_meetlads_back-over.png) no-repeat;width:89px;height:33px;} #meetTheLads .left {width:400px;} #meetTheLads #RightPod1 {position:absolute;left:557px;top:15px;} #meetTheLads #RightPod2 {position:absolute;left:557px;top:245px;} #meetTheLadsMain div.intro {height:245px;position:relative;} #meetTheLadsMain div.intro a {display:block;position:absolute;top:190px;left:425px;background:url(../images/btn_meetlads_video.png) no-repeat;width:330px;height:41px;} #meetTheLadsMain div.intro a:hover {display:block;background:url(../images/btn_meetlads_video-over.png) no-repeat;width:330px;height:41px;} #meetTheLadsMain .theLads {height:250px;position:relative;} #meetTheLadsMain .theLads p.btnSteve a {display:block;position:absolute;top:195px;left:70px;background:url(../images/btn_meetlads_steve.png) no-repeat;width:196px;height:44px;} #meetTheLadsMain .theLads p.btnSteve a:hover {display:block;background:url(../images/btn_meetlads_steve-over.png) no-repeat;} #meetTheLadsMain .theLads p.btnDigger a {display:block;position:absolute;top:189px;left:330px;background:url(../images/btn_meetlads_digger.png) no-repeat;width:198px;height:34px;} #meetTheLadsMain .theLads p.btnDigger a:hover {display:block;background:url(../images/btn_meetlads_digger-over.png) no-repeat;} #meetTheLadsMain .theLads p.btnTony a {display:block;position:absolute;top:197px;left:590px;background:url(../images/btn_meetlads_tony.png) no-repeat;width:196px;height:42px;} #meetTheLadsMain .theLads p.btnTony a:hover {display:block;background:url(../images/btn_meetlads_tony-over.png) no-repeat;} #meetTheLads #meetTheLadsDigger a.btnMeetLadsBack {top:420px;left:65px;} /* I Doner Believe It */ #donerBelieveItMain div#diary {bottom:56px;position:absolute;right:98px;} #donerBelieveItMain div#diary table th {text-indent:-999em;} #donerBelieveItMain div#diary table td {font-size:1.1em;font-weight:normal;padding:1px;} #donerBelieveItMain div#diary table td.date {color:#FCE700;font-size:1.1em;font-weight:bold;padding-right:10px;text-align:right;} /*Terms*/ #legal, #privacy, #sitemap { z-index:50;display:block;margin:0;padding:0; } #legal a {position:relative;z-index:50;top:350px;left:15px;width:20px;height:70px;display:block;cursor:pointer;} #privacy a {position:relative;z-index:50;top:355px;left:15px;width:20px;height:75px;display:block;cursor:pointer;} #sitemap a {position:relative;z-index:50;top:155px;left:15px;width:20px;height:50px;display:block;cursor:pointer;}