a:active, a:focus, input {outline: 0}

/* 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; }

/* /position_center */

/* Margins and Widths */

.paddingtop5px      {padding-top:5px !important}
.paddingBottom5px   {padding-bottom:5px !important}
.width350px         {width:350px !important}
.width240px         {width:240px !important}

/* Question popups */
.questionMobile 			{background:url(../images/imgQuestion.gif) no-repeat;width:12px;height:12px;position: absolute;top:45px;left:206px;z-index:2;}
.questionMobileSMS 			{background:url(../images/imgQuestion.gif) no-repeat;width:12px;height:12px;position: absolute;top:150px;left:180px;z-index:2;}
.questionMobileSMSLanding	{background:url(../images/imgQuestion.gif) no-repeat;width:12px;height:12px;position: absolute;top:135px;left:226px;z-index:3;}
.questionCaptcha			{background:url(../images/imgQuestion.gif) no-repeat;width:12px;height:12px;position:absolute;top:115px;left:206px;z-index:1;}
.questionMobileLanding		{background:url(../images/imgQuestion.gif) no-repeat;width:12px;height:12px;position: absolute;top:29px;left:255px;z-index:2;}
.questionCaptchaLanding		{background:url(../images/imgQuestion.gif) no-repeat;width:12px;height:12px;position:absolute;top:103px;left:255px;z-index:1;}
.questionCaptcha a, .questionMobile a, .questionMobileSMS a, .questionMobileSMSLanding a, .questionCaptchaLanding a, .questionMobileLanding a {width:12px;height:12px;display:block;}
.questionCaptcha a span, .questionMobile a span, .questionMobileSMS a span, .questionMobileSMSLanding a span, .questionCaptchaLanding a span, .questionMobileLanding a span {display:none;}
.questionMobile a:hover, .questionMobileLanding a:hover, .questionMobileSMS a:hover, .questionMobileSMSLanding a:hover {background:#000000;width:150px;height:130px;display:block;color:#ffffff;text-decoration:none;border:solid 1px #ffffff;}
.questionCaptcha a:hover, .questionCaptchaLanding a:hover {background:#000000;width:150px;height:80px;display:block;color:#ffffff;text-decoration:none;border:solid 1px #ffffff;}
.questionCaptcha a:hover span, .questionMobile a:hover span, .questionMobileSMS a:hover span, .questionMobileSMSLanding a:hover span, .questionCaptchaLanding a:hover span, .questionMobileLanding a:hover span  {display:inline;}
.questionCaptcha a:hover span p, .questionMobile a:hover span p, .questionCaptchaLanding a:hover span p, .questionMobileLanding a:hover span p, .questionMobileSMS a:hover span p, .questionMobileSMSLanding a:hover span p {padding:10px;}

/*For When CSS is turned Off*/
span.hidetext {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;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;text-indent:-3000px;}
.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;}
ul {list-style-type: none;padding:0;margin:0;}
.clear{clear:both;padding:0;margin:0;}
.clearFloat {overflow:hidden;}
a {color:#ffffff}
a:active, a:focus {outline: 0}
p {margin-bottom:15px}
#flash {background:#003a13 none;}
#flashmovie {margin:0;padding:0;position:absolute;top:0px;left:0px;z-index:100}
div.hr {background:url(../images/hr_dotted.png) no-repeat;width:390px;height:2px;margin:8px 0;}
div.hr hr {display:none;}

/*Main Background*/
#mainBgContainer {background: url(../images/bg_main1.jpg) top left no-repeat;width:980px;height:600px;position:absolute;top:0px;left:0px;z-index:2}
#mainBgHomepageContainer {background: url(../images/bgMainBlank.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:220px;z-index:15;height:130px;border:solid 1px red;}
#logo { position: absolute;top:0;left:0;width:196px;height:210px;background: url(../images/logo.png) top left repeat;border:solid 1px red;z-index:998;}
#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:999;width:56px;height:37px;}
.navHome, .navHome a {background: url(../images/nav_home.jpg) top left no-repeat;width:63px;height:39px;display:block;}
.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;}
*/

#logo {width:196px;height:210px;background: url(../images/logo.png) top left repeat;position:absolute;top:0;left:0;z-index:2;}
#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:3;}
.navHome, .navHome a {background: url(../images/nav_home.jpg) top left no-repeat;width:63px;height:39px;display:block;}
.navHome, .navHome a:hover, .navHome, .navHome a.on {background: url(../images/nav_home-over.jpg) top left no-repeat;}

/*.navHome {position:absolute;top:0;left:0;z-index:3;}*/

/*Main Navigation*/
#navigation {padding:28px 0 0 10px;width:650px;position:absolute;top:0;left:195px;}
#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;}
#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.navSpinningFork a  {background: url(../images/nav_spinningfork.png) center no-repeat;width:129px;height:61px;}
#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.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.navMeetTheLads a  {background: url(../images/nav_meetthelads.png) 0 0 no-repeat;width:129px;height:60px;}
#navigation ul li.navMeetTheLads a:hover, #navigation ul li.navMeetTheLads a.on  {background: url(../images/nav_meetthelads.png) 0 -60px no-repeat;}


/*Backgrounds For Each Page*/

#pierHomepageContent { background:url(../images/bgPierHomepage.jpg) top left no-repeat;width:875px;height:496px;position:absolute;top:95px;left:55px;z-index:1}
#pierLandingContent { background:url(../images/bgPierLanding.jpg) top left no-repeat;width:875px;height:496px;position:absolute;top:95px;left:55px;z-index:1}

/* Code step pages */
#oneDownLandingContent { background:url(../images/bgOneDown.jpg) top left no-repeat;width:875px;height:496px;position:absolute;top:95px;left:55px;z-index:1}
#twoDownLandingContent { background:url(../images/bgTwoDown.jpg) top left no-repeat;width:875px;height:496px;position:absolute;top:95px;left:55px;z-index:1}
#thirdDownLandingContent { background:url(../images/bgThreeDown.jpg) top left no-repeat;width:875px;height:496px;position:absolute;top:95px;left:55px;z-index:1}

.videoLink a			{position:relative;top:25px;left:370px;display:block;width:85px;height:10px;}
.videoLinkFirst a		{position:relative;top:219px;left:370px;display:block;width:85px;height:10px;}
.videoGreatnessLink	a	{position:relative;top:253px;left:233px;display:block;width:85px;height:10px;}

.btnWatchIt a		{background:url(../images/btnWatchIt.gif) 0 0 no-repeat;width:120px;height:45px;position:absolute;top:179px;left:18px;}
.btnWatchIt a:hover	{background:url(../images/btnWatchIt.gif) 0 -45px no-repeat;}
.btnFindOutMore a		{background:url(../images/btnFindOutMore.gif) 0 0 no-repeat;width:145px;height:26px;position:absolute;top:196px;left:12px;}
.btnFindOutMore a:hover	{background:url(../images/btnFindOutMore.gif) 0 -26px no-repeat;}


/* Right Promo Pods */
#RightPod1 {position:absolute;top:5px;left:564px;width:282px;height:228px;z-index:1}
#RightPod2 {position:absolute;top:235px;left:560px;width:282px;height:228px;z-index:2}

#winOne {position:relative;width:282px;height:228px;background:url(../images/promo_forkwin.gif) 0 0px no-repeat;}
#winOne .code {position:relative;top:120px;left:50px;}
#winOne .code input.txt {width:165px;}
#winOne .code span.error {display:block;color:#fde800;width:200px;margin-top:5px;}

#buyOne {width:282px;height:228px;background:url(../images/promo_forkbuy.gif) 0 0px no-repeat;}
#buyOne a {display:block;position:relative;top:165px;left:140px;background: url(../images/btn_forkpromo_buynow.gif) center no-repeat;width:105px;height:30px;/*border:1px solid red*/}
#buyOne a:hover {background: url(../images/btn_forkpromo_buynow-over.gif) center no-repeat;width:105px;height:30px;/*border:1px solid red*/}

/*Home Page*/

#codeSubmissionContainer	{position:absolute;top:245px;left:282px;width:270px;padding-left:8px;height:200px;z-index:3}
#homepagePod1				{position:absolute;top:245px;left:580px;width:267px;height:200px;}	
#homepagePod2				{position:absolute;top:35px;left:606px;width:220px;height:200px;}
#homepagePod3				{position:absolute;top:260px;left:330px;width:220px;height:200px;}

#btnMeetTheLads a			{background:url(../images/btnMeetTheLads.gif) 0 0 no-repeat;width:148px;height:27px;position:absolute;top:184px;left:38px;}
#btnMeetTheLads a:hover		{background:url(../images/btnMeetTheLads.gif) 0 -27px no-repeat;}

#homepagePod4 #btnFindOutMore a				{background:url(../images/btnFindOutMoreHome.gif) 0 0 no-repeat;width:145px;height:26px;position:absolute;top:445px;left:95px;}
#homepagePod4 #btnFindOutMore a:hover		{background:url(../images/btnFindOutMoreHome.gif) 0 -26px no-repeat;}

#btnFindOutMoreHome2 a		{background:url(../images/btnFindOutMoreHome2.gif) 0 0 no-repeat;width:145px;height:26px;position:absolute;top:184px;left:267px;}
#btnFindOutMoreHome2 a:hover{background:url(../images/btnFindOutMoreHome2.gif) 0 -26px no-repeat;}

/* Code Submission */

#codeSubmissionContainer a:hover
							{text-decoration:none;}
#enterOneCode				{float:left;width:260px;padding:0 0 5px 48px;}
#enterOneCode input			{width:101px;}
#enterOneCodeHomepage		{float:left;width:215px;margin:10px 0 5px 0;}
#enterOneCodeHomepage p		{text-align:right;float:left;padding:0 3px 0 8px;margin:0;}
#enterOneCodeHomepage input	{width:101px;}
#mobileNumberHomepage p		{text-align:right;float:left;padding:0 3px 0 0;margin:-3px 0 0 0;}
#mobileNumberHomepage select{width:45px;height:20px;padding:0;margin:0;}
#mobileNumberHomepage input	{width:101px;}
#enterCodeHomepage p				{width:95px;float:left;text-align:right;padding:0 5px 0 0;margin:-10px 0 0 0;}
#enterCodeHomepage .enterCodeTxt	{float:left;width:250px;padding:0 0 0 5px;color:yellow;}
#enterCodeHomepage input			{width:101px;float:left;}
#captchaImageHomepage				{float:right;padding:5px 1px 5px 0;margin:0;width:118px;}
.btnSubmitImageHomepage				{padding:10px 0 0 0;margin:0;width:250px;float:left;}
.btnSubmitImageHomepage a			{text-decoration:none;margin:10px 10px 0 0;float:left;color:#ffffff;}
.btnSubmitImageHomepage a:hover		{text-decoration:underline;}

.btnSendMeTheLink			{margin:145px 0 0 18px;}
.btnSendMeTheLinkHome		{margin:20px 0 0 0;}
.btnSendMeTheLinkHomeLge	{padding:15px 0 0 0;width:163px !important;height:26px !important;}

#mobileNumber select		{width:46px;height:20px;padding:0;margin:0;}
#mobileNumber input			{width:101px;}
#captchaImage				{float:right;padding:5px 12px 5px 0;margin:0;width:118px;}
#enterCode p				{width:135px;float:left;text-align:right;padding:0 5px 0 0;margin:-10px 0 0 0;}
#enterCode .enterCodeTxt	{float:right;width:250px;text-align:right;padding:0 26px 0 0;color:yellow;}
#enterCode input			{width:101px;float:left;}
.btnSubmitImage				{padding:5px 0 0 150px;margin:0;width:41px;float:left;}
.errorMessage				{float:right;text-align:right;padding:0 10px 0 0;margin:0;width:220px;font-size:0.9em;}

.txtCantRead				{ position:relative;top:12px;left:33px;width:150px;display:block;float:left;}
.txtCantReadHome			{ position:relative;top:12px;width:98px;display:block;float:left;padding:0;margin:0;}
.enterCodeTxtHome			{margin:0 0 0 95px;color:yellow;padding:0;}

/* Play by the Rules Pod */

h3.playByTheRules						{background:url(../images/subheadPlayByTheRules.gif) no-repeat;width:226px;height:20px;margin:40px 0 10px 30px;}

.playByTheRulesLinks li a				{display:block;}
.playByTheRulesLinks li#faq a			{background:url(../images/btnFAQ.gif) 0 0 no-repeat;width:235px;height:36px;margin:0 0 0 22px;padding:0;}
.playByTheRulesLinks li#faq a:hover		{background:url(../images/btnFAQ.gif) 0 -36px no-repeat;}
.playByTheRulesLinks li#handset a		{background:url(../images/btnHandset.gif) 0 0 no-repeat;width:235px;height:37px;margin:0 0 0 24px;padding:0;}
.playByTheRulesLinks li#handset a:hover	{background:url(../images/btnHandset.gif) 0 -37px no-repeat;}
.playByTheRulesLinks li#terms a			{background:url(../images/btnTerms.gif) 0 0 no-repeat;width:154px;height:28px;margin:0 0 0 50px;padding:0;}
.playByTheRulesLinks li#terms a:hover	{background:url(../images/btnTerms.gif) 0 -28px no-repeat;}


/* SMS Push */

#smsPushContainer				{width:280px;}
#smsPushContainerHome			{width:280px;padding:145px 0 0 22px;}
#smsPushContainerHome .errorMessage	{float:left;text-align:left;padding:0;margin:0;width:300px;font-size:0.9em;}
h3.blowAway						{background:url(../images/subheadBlowAway.gif) no-repeat;width:172px;height:52px;margin:40px 0 14px 30px;}
#txtMobileNumber				{background:url(../images/txtMobileNumber.gif) no-repeat;width:179px;height:27px;margin:0 0 10px 30px;}
#smsPushContainer select		{margin:0 0 0 30px;padding:0;height:20px;}
#smsPushContainer input			{width:130px;}
#smsPushContainer input.btnSend	{margin:20px 0 0 30px;padding:0;height:26px;width:163px;}
#smsPushContainer .errorMessage	{float:left;text-align:left;padding:0 0 0 28px;margin:0;width:300px;height:7px;font-size:0.9em;}

#smsPushSubmitContainer			{position:absolute;top:170px;left:120px;width:550px;}
#smsPushSubmitContainer .btnSubmit {width:94px;height:24px !important;margin:0 0 -5px 10px;padding:0;}

#smsPushContainerStep1				{width:280px;padding:0 0 0 60px;}
#smsPushContainerStep1 .btnSubmit	{padding:0;width:96px !important;height:26px !important;}

/* Error message */
#errorEmailConfirm  {margin-left:26px;}
.errorTerms         {padding-top:3px;}

/*Terms*/
#legal a {position:relative;top:350px;left:15px;width:20px;height:70px;display:block;}
#privacy a {position:relative;top:355px;left:15px;width:20px;height:75px;display:block;}
#sitemap a {position:relative;top:155px;left:15px;width:20px;height:50px;display:block;}


/* Popup pages */
body#popup				{background:#0d2035;padding:0;margin:0;text-align:left;}
h1.terms				{background:url(../images/headerTandCs.gif) no-repeat;width:500px;height:314px;margin:0;padding:0;}
h1.faqs					{background:url(../images/headerFaqs.gif) no-repeat;width:500px;height:325px;margin:0;padding:0;}
h1.handset				{background:url(../images/headerHandset.gif) no-repeat;width:500px;height:310px;margin:0;padding:0;}
#popupsContainer		{width:500px;background:url(../images/bgPopup.gif) top repeat-y;}
#popupsContainerInner	{padding:0 25px 20px 25px;}
#popupsContainerInner ol li	{color:#ffffff;}
#popupsContainerInner ol.white li	{color:#ffffff;}
#popupsContainer p		{width:450px;}
#popupsContainer p.greenTxt	{color:#2d8317;padding:0;margin:0 0 5px;}
#popupsContainer p.yellowTxt	{color:#fde500;padding:0;margin:0 0 5px;}
#popupsContainerInner select	{float:left;margin-bottom:10px;}
#popupsContainerInner input		{width:50px;margin-left:5px;}

#popupFooter				{background:url(../images/bgPopupFooter.gif) no-repeat;width:500px;height:329px;margin:0;padding:0;}
#popupFooter p				{position:relative;top:210px;left:155px;width:300px;font-size:0.9em;}
#popupFooter #print a		{background:url(../images/btnPrint.gif) 0 0 no-repeat;width:157px;height:21px;margin:0;padding:0;display:block;position:relative;top:80px;left:160px;}
#popupFooter #print a:hover	{background:url(../images/btnPrint.gif) 0 -21px no-repeat;}
#popupFooter #close a		{background:url(../images/btnClose.gif) 0 0 no-repeat;width:178px;height:26px;margin:0;padding:0;display:block;position:relative;top:90px;left:148px;}
#popupFooter #close a:hover	{background:url(../images/btnClose.gif) 0 -26px no-repeat;}
#popupsContainerInner ol	{margin:0 0 15px 20px;}
#popupsContainerInner ol li	{margin-bottom:5px;}