/* Yazoo */
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, table, td, th, hr, input, label, a {background-repeat:no-repeat;}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, img, label, a {padding:0px; border:0px; margin:0px;}
table, tr, td, th {border-spacing:0px; padding:0px; border:0px; margin:0px; vertical-align:top;} 
td, th {empty-cells:hide;}
input {margin:0px; padding:0px;}
body {font-size:62.5%; color:#000; background-color:#fff; font-family:Comic Sans MS, Cursive;}
/*.CheckBox, .Radio {position:relative; left:-4px; top:1px;}*/


/* page structure */
.MainDiv {position:relative; width:998px; height:1010px; overflow:hidden; margin:0px auto;}
  .Content {position:relative; width:998px; height:1010px;}
    .BgPlain    {position:absolute; top:0px; left:0px; background-image:url(../images/new-background.jpg); width:998px; height:1010px;}
    .BgCow      {position:absolute; top:0px; left:0px; background-image:url(../images/bg-cow.jpg); width:998px; height:731px;}
    .BgBucket   {position:absolute; top:0px; left:0px; background-image:url(../images/new-background.jpg); width:998px; height:1010px;}
    .BgBottles  {position:absolute; top:0px; left:0px; background-image:url(../images/new-background-bottles.jpg); width:998px; height:1010px;}
	.BgCinema  {position:absolute; top:0px; left:0px; background-image:url(../images/new-background-cinema.jpg); width:998px; height:1010px;}
	.BgSportsPromo {position:absolute; top:0px; left:0px; background-image:url(../images/new-background-sportsPromo.jpg); width:998px; height:1010px;}
    .Navigation {position:absolute; top:30px; right:0px; text-align:center; z-index:20;}
    .Logo {position:absolute; top:25px; left:15px; width:292px; height:96px; z-index:10;}
      .Logo img {width:292px; height:96px}
    .CampinaLogo {position:absolute; left:460px; bottom:12px; width:64px; height:31px; z-index:30;}
      .CampinaLogo img {width:64px; height:31px;}
    .Terms {}
    .Privacy {}
    .InfoContainer {
	position:absolute;
	left: 35px;
	top: 16px;
}

/* common basic */
h1 {font-size:17px; color:#003366; margin-bottom:20px;}
a {color:#444; text-decoration:underline;}
a:hover {text-decoration:underline;}
p {margin-top:10px; margin-bottom:10px; font-size:11px; line-height:15px; color:#444;}
.Bold   {font-weight:bold !important;}
.Italic {font-style:italic !important;}
ul {margin:10px 0px 0px 40px; color:#444;}
ol {margin:10px 0px 0px 20px; color:#444;}
ul li {margin:1px 0px 0px 0px; font-size:11px; line-height:15px;}
ol li {margin:1px 0px 0px 0px; font-size:11px; line-height:15px;}

.Spacer0 {height:5px; font-size:1px;}
.FirstLineIndent {text-indent:-20px; margin-left:20px;}
.FontSizeLarge{font-size:16px; line-height:18px;}
/*Titles*/
.TitleAboutYazoo {width:184px; height:26px; background-image:url(../images/text/about-yazoo.gif)}
.TitleContactUs {width:162px; height:26px; background-image:url(../images/text/contact-us.gif)}
.TitlePageNotFound {width:259px; height:41px; background-image:url(../images/text/page-not-found.gif)}
.TitleSiteError {width:153px; height:26px; background-image:url(../images/text/site-error.gif)}
.TitleOurProducts {width:192px; height:25px; background-image:url(../images/text/our-products.gif)}
.TitleCompetitionWinner {width:360px; height:31px; background-image:url(../images/text/comp-winner.gif)}
.TitlePrivacyPolicy {width:202px; height:31px; background-image:url(../images/text/privacy-policy.gif)}
.TitleTermsConditions {width:319px; height:26px; background-image:url(../images/text/terms-and-conditions.gif)}
.TitleSponsorship {width:322px; height:32px; background-image:url(../images/text/win-holiday.gif)}
.TitleTermsAndConditions {width:319px; height:26px; background-image:url(../images/text/terms-and-conditions.gif);}
.TitleThankYou {width:163px; height:27px; background-image:url(../images/text/thank-you.gif);}
.TitleVoucherOffer {width:184px; height:27px; background-image:url(../images/text/voucher-offer.gif)}
.TitleTermsOfUse {width:167px; height:31px; background-image:url(../images/text/terms-of-use.gif)}
.TitleWelcomeToYazoo {margin-bottom:15px; width:330px; height:36px; background-image:url(../images/text/welcome-to-yazoo.gif)}
.TitleSignUpHere {margin-bottom:15px; width:351px; height:44px; background-image:url(../images/text/sign-up-text.gif)}
.TitleMarkCuetoPodcasts {margin-bottom:10px; width:285px; height:34px; background-image:url(../images/text/mark-cueto-podcasts.gif)}
.TitleMarkCuetoPodcastsBlank {margin-bottom:10px; width:285px; height:34px;}

  
/*SubTitles*/  
.TitleCampina{
color:#09116A;
font-weight:200;
font-size:13px;
line-height:15px;
margin-bottom:10px;
margin-top:1px;
}

.TitleCustomerServices {width:162px; height:12px; background-image:url(../images/text/customer-services.gif)}
.TitleFacts       {width:34px; height:11px; background-image:url(../images/text/facts.gif)}
.TitleIngredients {width:68px; height:13px; background-image:url(../images/text/ingredients.gif)}
.TitleNewsForMums {width:136px; height:12px; background-image:url(../images/text/news-for-mums.gif)}
.TitleNutritionalInfo {width:136px; height:12px; background-image:url(../images/text/nutritional-info.gif)}
.TitleSponsorship {width:77px; height:14px; background-image:url(../images/text/sponsorship.gif)}
.TitleSchoolApproved {width:97px; height:14px; background-image:url(../images/text/schoolapproved.gif)}

.TitleSpacer {height:14px;}

/* Home page */
.BananaSwirl {position:absolute; top:0px; left:0px; background-image:url(../images/banana-swirl.jpg); width:990px; height:143px;}
.SubMenu {position:absolute; top:200px; left:2px; width:990px; height:148px; text-align:center; z-index:40;}

.HomePageContent .TermsText {font-size:9px; line-height:11px; }
.HomePageContent .RedText {font-size:14px; line-height:15px; color:#d70057; font-weight:bold;}

.HomePageContent {position:absolute; top:369px; left:30px; height:351px; width:884px; padding:15px 25px 10px 25px;}
  .HomePageContent .InfoBackground {position:absolute; left:0px; top:0px;}
    .HomePageContent .InfoBackground img {width:934px; height:376px;}
  .HomePageContent .InfoContentInner {margin-top:15px; width:884px;}
    .HomePageContent .LeftColumn    {float:left; width:495px; height:280px; margin-top:15px;}
    .HomePageContent .RightColumn  {float:left; width:376px; height:326px;}
    .HomePageContent .ImageHolder {width:343px; height:326px; margin-left:40px; margin-top:10px;}
	.HomePageContent .IntroText {color:#003366; font-weight:bold; font-size:14px; margin-top:10px; margin-bottom:10px; line-height:17px;}
	.HomePageContent .ClickHereLink a {color:#d70057; font-weight:bold; font-size:11px; text-decoration:none;}
	.HomePageContent .ClickHereLink a:hover {color:#d70057; font-weight:bold; font-size:11px; text-decoration:underline;}
	.HomePageContent .IntroTextLink a {color:#d70057; font-weight:bold; font-size:14px; text-decoration:none;}
	.HomePageContent .IntroTextLink a:hover {color:#d70057; font-weight:bold; font-size:14px; text-decoration:underline;}

.AddThisButton {position:absolute; left:30px; bottom:140px;}
.FacebookButton {position:absolute; left:30px; bottom:230px;}
.PrivacyLinksHome {position:absolute; bottom:140px; left:130px; z-index:40;}
  .PrivacyLinksHome .Privacy {padding-right:10px;}
  .PrivacyLinksHome .Terms {border-left:solid 2px #FFF;}
  .PrivacyLinksHome div {float:left; padding:0px 0px 1px 10px;}
  .PrivacyLinksHome a {color:#FFF; font-weight:bold; font-size:1.2em; text-decoration:none;}
	  
  
/* About Yazoo page */
.ChocolateSwirl {position:absolute; top:0px; left:0px; width:990px; height:143px; background-image:url(../images/chocolate-swirl.jpg);}
.BackButton {}
.TextArea {}

.AboutUsContent {position:absolute; top:220px; left:20px; height:490px; width:570px; padding:15px 25px 10px 25px;}
  .AboutUsContent .InfoBackground {position:absolute; left:0px; top:0px}
    .AboutUsContent .InfoBackground img {width:830px; height:1010px}
	    .AboutUsContent .InfoBackgroundvoucher img {width:830px; height:550px}
	
	  .AboutUsContent .InfoBackground1 {position:absolute; left:0px; top:0px}
	  
  .AboutUsContent .InfoContentInner {margin-top:15px; width:771px;}
    .AboutUsContent .LeftColumn    {float:left; width:240px; height:400px; padding-right:20px;}
    .AboutUsContent .MiddleColumn  {float:left; width:240px; height:400px; padding-right:20px;}
    .AboutUsContent .RightColumn   {position:relative; float:left; width:245px; height:400px; padding-left:0px;}
      .AboutUsContent .RightColumn .MoreLink {position:absolute; width:235px; top:380px; padding-right:20px;}
      .AboutUsContent .RightColumn .MoreLink a {float:right; color:#09116A; font-weight:bold; text-decoration:none; font-size:11px}
      .AboutUsContent ul {margin:10px 0px 0px 15px;}
      .AboutUsContent ul li {color:#444; margin:2px 0px 0px 0px;}
      .AboutUsContent ul li ul {font-size:10px}
    .AboutUsContent .InfoTable {margin-top:10px; font-size:10px; color:#444}
    .AboutUsContent .InfoTable .Col1 {padding:1px 20px 1px 7px; border-bottom:solid 1px #d00;}
    .AboutUsContent .InfoTable .Col2 {text-align:right; border-bottom:solid 1px #d00;}
    .AboutUsContent .InfoTable .OpenSection {border-bottom:none}
    .AboutUsContent .InfoTable .RedInfo {padding:1px 20px 1px 7px; font-weight:bold; color:#d00;}
    .AboutUsContent .InfoTable .TableSmallPrint {padding:4px 20px 1px 7px; font-size:8px; color:#999}
  .AboutUsContent .TickList {}         
    .AboutUsContent .TickList {list-style:none; margin-left:0px;}
    .AboutUsContent .TickList li {margin-top:0px; margin-bottom:0px; padding-left:18px; background-image:url(../images/tick.gif); background-position:left 4px}
  
/* Our Product page */
.StrawberySwirl {position:absolute; top:0px; left:0px; background-image:url(../images/strawbery-swirl.jpg); width:990px; height:143px;}

.ProductInfoContent {position:absolute; top:220px; left:20px; height:490px; width:570px; padding:15px 25px 10px 25px;}
  .ProductInfoContent .InfoBackground {position:absolute; left:0px; top:0px}
    .ProductInfoContent .InfoBackground img {width:570px; height:490px}
  .ProductInfoContent .InfoContentInner {margin-top:15px; width:521px;}
    .ProductInfoContent .LeftColumn {float:left; width:260px; height:400px; padding-right:10px; /* border-right:solid 1px #999;*/}
    .ProductInfoContent .RightColumn {position:relative; float:left; width:235px; height:400px; padding-left:15px; }
      .ProductInfoContent .RightColumn .MoreLink {position:absolute; width:235px; top:385px; padding-right:20px;}
      .ProductInfoContent .RightColumn .MoreLink a {float:right; color:#09116A; font-weight:bold; text-decoration:none; font-size:11px}
      .ProductInfoContent ul {margin:10px 0px 0px 15px;}
      .ProductInfoContent ul li {color:#444; margin:10px 0px 0px 0px;}
      .ProductInfoContent ul li ul {font-size:0.9em}
    .ProductInfoContent .InfoTable {margin-top:10px; font-size:11px; color:#444}
    .ProductInfoContent .InfoTable .Col1 {padding:1px 20px 1px 7px; border-bottom:solid 1px #d00;}
    .ProductInfoContent .InfoTable .Col2 {text-align:right; border-bottom:solid 1px #d00;}
    .ProductInfoContent .InfoTable .OpenSection {border-bottom:none}
    .ProductInfoContent .InfoTable .RedInfo {padding:1px 20px 1px 7px; font-weight:bold; color:#d00;}
    .ProductInfoContent .InfoTable .TableSmallPrint {padding:4px 20px 1px 7px; font-size:9px; color:#999}
  .ProductInfoContent .TickList {}         
    .ProductInfoContent .TickList {list-style:none; margin-left:0px;}
    .ProductInfoContent .TickList li {margin-top:0px; margin-bottom:0px; padding-left:18px; background-image:url(../images/tick.gif); background-position:left 4px}
  .ProductInfoContent .ImageHolder {padding-top:10px;}

.ProductInfoContent2 {position:absolute; top:220px; left:20px;  width:595px; height:465px; padding:15px 25px 10px 25px;}
  .ProductInfoContent2 .InfoBackground {position:absolute; left:0px; top:-2px}
    .ProductInfoContent2 .InfoBackground img {width:645px; height:500px; }
  .ProductInfoContent2 .InfoContentInner {margin-top:15px; width:590px;}
    .ProductInfoContent2 .LeftColumn  {float:left; width:260px; height:400px; padding-right:10px; border-right:solid 1px #999;}
    .ProductInfoContent2 .RightColumn {position:relative; float:left; width:290px; height:400px; padding-left:15px;}
      .ProductInfoContent2 .RightColumn .MoreLink {position:absolute; width:290px; bottom:0px; right:0px;}
      .ProductInfoContent2 .RightColumn .MoreLink a {float:right; color:#09116A; font-weight:bold; text-decoration:none; font-size:11px}
      .ProductInfoContent2 ul {margin:10px 0px 0px 15px; }
      .ProductInfoContent2 ul li {color:#444; margin:10px 0px 0px 0px;}
      .ProductInfoContent2 ul li ul {font-size:10px;}
    .ProductInfoContent2 .InfoTable {margin-top:10px; font-size:10px; color:#444;}
    .ProductInfoContent2 .InfoTable .Col1 {padding:1px 20px 1px 7px; border-bottom:solid 1px #d00;}
    .ProductInfoContent2 .InfoTable .Col2 {text-align:right; border-bottom:solid 1px #d00;}
    .ProductInfoContent2 .InfoTable .OpenSection {border-bottom:none}
    .ProductInfoContent2 .InfoTable .RedInfo {padding:1px 20px 1px 7px; font-weight:bold; color:#d00;}
    .ProductInfoContent2 .InfoTable .TableSmallPrint {padding:4px 20px 1px 7px; font-size:9px; color:#999}
  .ProductInfoContent2 .TickList {}         
    .ProductInfoContent2 .TickList {list-style:none; margin-left:0px;}
    .ProductInfoContent2 .TickList li {margin-top:0px; margin-bottom:0px; padding-left:18px; background-image:url(../images/tick.gif); background-position:left 4px}
    .ProductInfoContent2 img {float:left; margin:2px 8px 3px 0px}
    .ProductInfoContent2 .ImageHolder {padding-top:10px;}


/* Our Game */
.TheGameContainer {position:absolute; top:220px; left:145px; width:720px; height:543px; z-index:10; }
/* #altContent {margin:0px auto 0px auto; border:solid 1px red;} */


/* Promo Offers Page */
.PromoOfferContent {position:absolute; top:369px; left:30px; height:351px; width:884px; padding:15px 25px 10px 25px}
  .PromoOfferContent .InfoBackground {position:absolute; left:0px; top:0px}
    .PromoOfferContent .InfoBackground img {width:934px; height:376px}
  .PromoOfferContent .InfoContentInner {margin-top:15px; width:884px;}
    .PromoOfferContent .LeftColumn    {float:left; width:468px; height:280px; margin-top:15px;}
    .PromoOfferContent .RightColumn  {float:left; width:416px; height:326px;}
    .PromoOfferContent .ImageHolder {width:416px; height:299px; margin-top:25px;}
	.PromoOfferContent .IntroText {color:#003366; font-weight:bold; font-size:14px; margin-top:10px; margin-bottom:10px; line-height:17px;}
	.PromoOfferContent .ClickHereLink {color:#d70057; font-weight:bold; font-size:11px; text-decoration:none;}
	
.FormTableP  {position:absolute; left:0px; top:100px; width:430px; margin:0px auto 0px 0px; z-index:20;}
.FormTableP .Col1       {width:90px; padding:0px 2px 3px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTableP .Col2       {width:210px; padding:0px 2px 3px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTableP .Col3       {width:17px; padding:4px 2px 3px 3px;}
.FormTableP .Col2-3     {width:218px; padding:6px 2px 0px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTableP .ColFullwidth     {width:428px; padding:6px 2px 0px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTableP .EditBox    {width:210px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444; margin-bottom:10px;}
.FormTableP .EditBoxSmall    {width:100px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444; margin-bottom:10px;}
.FormTableP .TextArea   {width:194px; font-size:11px; font-family:Verdana; color:#444; height:56px;}

.SmallPrintP {position:absolute; left:0px; top:300px; width:400px; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:12px;}



/* Mark Cueto Podcast Pages */
.PodcastHolder {position:absolute; top:365px; left:176px; width:640px; height:403px; text-align:center; z-index:50;}
.MarkCuetoContent {position:absolute; top:369px; left:30px; height:351px; width:884px; padding:15px 25px 10px 25px}
  .MarkCuetoContent .InfoBackground {position:absolute; left:0px; top:0px}
    .MarkCuetoContent .InfoBackground img {width:934px; height:376px}
  .MarkCuetoContent .InfoContentInner {margin-top:15px; width:884px;}
    .MarkCuetoContent .LeftColumn    {float:left; width:480px; height:326px; margin-top:15px;}
    .MarkCuetoContent .RightColumn  {float:left; width:376px; height:326px; margin-top:15px;}
    .MarkCuetoContent .ImageHolder {width:300px; height:187px; margin-top:10px;}
	.MarkCuetoContent .IntroText {color:#003366; font-weight:bold; font-size:14px; margin-top:10px; margin-bottom:10px; line-height:17px;}
	.MarkCuetoContent .FaceBookText {color:#003366; font-weight:bold; font-size:13px; margin-top:0px; line-height:16px;}
	.MarkCuetoContent .ClickHereLink {color:#d70057; font-weight:bold; font-size:13px; text-decoration:none;}


  
/* Contact Us */ 
.ContactUsContent {position:absolute; top:220px; left:20px; height:490px; width:570px; padding:15px 25px 10px 25px;}
  .ContactUsContent .InfoBackground {position:absolute; left:0px; top:0px}
    .ContactUsContent .InfoBackground img {width:486px; height:490px}
  .ContactUsContent .InfoContentInner {margin-top:15px; width:521px;}
  .ContactUsContent .InfoContentInner2 {margin-top:0px; width:450px; height:430px;}
  .ContactUsContent .LeftColumn {float:left; width:250px; height:230px; padding-right:10px; /* border-right:solid 1px #999;*/}
  .ContactUsContent .RightColumn {position:relative; float:left; width:230px; height:180px; padding-left:15px;}
    .ContactUsContent .TopColumn {float:left; width:430px; height:220px; /* border-right:solid 1px #999;*/}
    .ContactUsContent .BottomColumn {position:absolute; bottom:10px; left:0px; width:430px; height:200px;}
      .ContactUsContent .RightColumn .MoreLink {position:absolute; width:235px; top:385px; padding-right:20px;}
      .ContactUsContent .RightColumn .MoreLink a {float:right; color:#09116A; font-weight:bold; text-decoration:none; font-size:11px}
      .ContactUsContent ul {margin:10px 0px 0px 15px;}
      .ContactUsContent ul li {color:#444; margin:10px 0px 0px 0px;}
      .ContactUsContent ul li ul {font-size:0.9em}
    .ContactUsContent .InfoTable {margin-top:10px; font-size:11px; color:#444}
    .ContactUsContent .InfoTable .Col1 {padding:1px 20px 1px 7px; border-bottom:solid 1px #d00;}
    .ContactUsContent .InfoTable .Col2 {text-align:right; border-bottom:solid 1px #d00;}
    .ContactUsContent .InfoTable .OpenSection {border-bottom:none}
    .ContactUsContent .InfoTable .RedInfo {padding:1px 20px 1px 7px; font-weight:bold; color:#d00;}
    .ContactUsContent .InfoTable .TableSmallPrint {padding:4px 20px 1px 7px; font-size:9px; color:#999}
  .ContactUsContent .TickList {}         
    .ContactUsContent .TickList {list-style:none; margin-left:0px;}
    .ContactUsContent .TickList li {margin-top:0px; margin-bottom:0px; padding-left:18px; background-image:url(../images/tick.gif); background-position:left 4px}
  .ContactUsContent .ImageHolder {padding-top:10px;}

/*Contact Us */
.FormTable2  {position:absolute; left:0px; top:32px; width:220px; margin:0px auto 0px 0px; z-index:20;}
.FormTable2 .Col1       {width:196px; padding:0px 2px 3px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTable2 .Col2       {width:17px;  padding:4px 2px 3px 3px;}
.FormTable2 .Col1-2     {width:218px; padding:6px 2px 0px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTable2 .EditBox    {width:196px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable2 .TextArea   {width:194px; font-size:11px; font-family:Verdana; color:#444; height:56px;}

.ContactUsContent .InfoBackground2 {position:absolute; left:0px; top:0px}
.ContactUsContent .InfoBackground2 img {width:600px; height:500px}
.ContactUsContent .InfoContentInner3 {margin-top:0px; width:550px; height:445px;}
.ContactUsContent .TopColumn2 {position:absolute; top:30px; left:0px; width:540px; height:130px;}
.ContactUsContent .MiddleColumn {position:absolute; bottom:95px; left:0px; width:550px; height:240px;}
.ContactUsContent .BottomColumn2 {position:absolute; bottom:6px; left:0px; width:210px;}

.ComplaintDetails {position:absolute; left:240px; top:5px; width:280px; height:20px;}

.FormTable4  {position:absolute; left:240px; top:37px; width:220px; margin:15px auto 0px 0px; border:solid 1px #ddd; z-index:10;}
.FormTable4 .Col1       {width:184px; padding:0px 2px 0px 16px; color:#036; font-weight:bold; font-size:11px;}
.FormTable4 .Col1-2     {width:204px; padding:0px 2px 1px 16px; color:#036; font-weight:bold; font-size:11px; line-height:15px;}
.FormTable4 .Col1-2Help {width:200px; padding:0px 20px 0px 0px; color:#444; font-size:11px; text-align:right;}
  .FormTable4 .Col1-2Help a {color:#444; text-decoration:none; cursor:pointer;}
.FormTable4 .Col2       {width:17px;  padding:0px 2px 0px 3px;}
.FormTable4 .DropDown   {width:186px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable4 .EditBox    {width:180px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.ValidationMessage4 {position:absolute; left:0px; top:130px; color:#d00; font-size:11px; font-weight:bold;}

.FormsButtons4 {position:absolute; left:0px; top:5px; width:220px;} 
.FormsButtons4 .Info2 {float:left; color:#444; font-size:11px; padding:10px 0px 0px 0px;}

.ContactUsSubmit {position:absolute; top:193px; right:10px;}
.ContactUsSubmit a  {font-weight:bold; font-size:1.5em; color:#036; padding:5px 18px 0px 0px; text-decoration:none;}

.LotCodeInfo {position:absolute; top:237px; left:240px; width:280px;}

.ProductDescription {position:absolute; top:215px; left:210px; width:340px; height:110px;}
  .ProductDescription .BottlesImage {position:absolute; top:25px; left:0px;}
  .ProductDescription .Product1 {position:absolute; top:0px; left:28px; width:70px;}
  .ProductDescription .Product2 {position:absolute; top:0px; left:110px; width:70px;}
  .ProductDescription .Product3 {position:absolute; top:0px; left:135px; width:70px;}
  .ProductDescription .Product4 {position:absolute; top:0px; left:190px; width:70px;}
  .ProductDescription .Product5 {position:absolute; top:0px; left:270px; width:70px;}

.LineHeight1 {line-height:13px;}

/* cooler Competition */
    /* Home page */
.CoolerBannerBox {position:absolute; top:135px; left:0px; width:294px; height:273px;}
  .CoolerBannerBox .CoolerCompetitionLinkFlash {position:absolute; z-index:1; top:0px; left:0px; width:235px; height:132px;}
  .CoolerBannerBox .CompetitionBottom {position:absolute; top:126px; left:0px; width:202px; height:32px;}
  .CoolerBannerBox .CoolerCompetitionLinkBG {position:absolute; top:0px; left:0px; width:229px; height:157px;}
  .CoolerBannerBox #CoolerCounter {position:absolute; top:132px; left:54px; width:70px; height:25px;}
    .CoolerBannerBox #CoolerCounter div {float:left; position:relative; top:0px; width:9px; height:16px; color:#fff; background-color:#000; border:solid 1px #E21350; font-weight:bold; font-size:13px; line-height:14px; padding:1px 0px 0px 0px;}
  .CoolerBannerBox div.Coma {position:absolute; top:128px; left:71px; color:#fff; width:4px; height:4px; font-size:16px;}
  
  
/* TV Ad Page */
.TvAdHolder {position:absolute; top:365px; left:176px; width:640px; height:403px; text-align:center; z-index:50;}
.VideoPlaceholder {position:absolute; top:423px; left:310px; text-align:center;}
.CheckOutCommercial {position:absolute; top:380px; left:338px;}
  
  
  /* Form Page */
.CompetitionCoolerHolder {position:absolute; z-index:1; top:195px; left:20px; width:855px; height:499px;}
  .CompetitionCoolerHolder #ForJSFormBg {position:absolute; top:0px; left:0px; width:760px; height:505px; z-index:8;}
  .CompetitionCoolerHolder #ForJSFormBg2 {position:absolute; top:0px; left:0px; width:600px; height:420px; z-index:8;}
  .CompetitionCoolerHolder #ForJSCoolerBottle {position:absolute; top:70px; left:660px; width:245px; height:419px; z-index:6;}
  .CompetitionCoolerHolder .TitleCooler {position:absolute; top:18px; left:24px; width:445px; height:27px; background-image:url(../images/text/title-cooler.gif); z-index:10;}
  .CompetitionCoolerHolder .ValidationMessage {position:absolute; top:52px; left:25px; width:700px; text-align:left; z-index:10;                /*background-color:#ddd;*/}
  .CompetitionCoolerHolder .InsidePanelCooler {position:absolute; top:70px; left:25px; width:376px; z-index:13; border-right:1px solid #ccc;      /*background-color:#ccf;*/}
    .CompetitionCoolerHolder .InsidePanelCooler .CheckboxRight {position:absolute; top:3px; right:2px;}
  .CompetitionCoolerHolder .FormButtons1 {position:absolute; top:450px; left:25px; width:357px; font-size:14px; height:16px; line-height:14px; font-weight:normal; z-index:10;}
    .CompetitionCoolerHolder .FormButtons1 div.Info {float:left; color:#444; font-size:10px; }
  .CompetitionCoolerHolder .InsidePanelCooler2 {position:absolute; top:70px; left:430px; width:285px; z-index:12;                 /*background-color:#aeb;*/}
    .CompetitionCoolerHolder .InsidePanelCooler2 .FAQTitle {font-size:19px; color:#036;}
    .CompetitionCoolerHolder .InsidePanelCooler2 dl {font-size:12px; }
      .CompetitionCoolerHolder .InsidePanelCooler2 dl dt {color:#036; font-weight:bold; margin-top:8px; cursor:pointer;}
      .CompetitionCoolerHolder .InsidePanelCooler2 dl dd {color:#333; display:none;}
    .CompetitionCoolerHolder .InsidePanelCooler3 {position:absolute; top:70px; left:25px; width:570px; z-index:13;     /*background-color:#ccf;*/}


    /* Terms page */ 
.CoolerTerms {position:absolute; top:195px; left:20px; height:490px; width:570px; padding:10px 25px 10px 25px;}
  .CoolerTerms #FoRJSBackground {position:absolute; left:0px; top:0px; width:550px; height:470px;}
  .CoolerTerms .TitleTermsAndConditions {position:absolute; top:15px; left:24px; width:445px; height:27px; background-image:url(../images/text/terms-and-conditions.gif); z-index:10;}
  .CoolerTerms .TermsList {position:absolute; top:45px; left:0px; width:450px;}
    .CoolerTerms .TermsList li {color:#444; margin:10px 0px 0px 28px;}
  .CoolerTerms .InfoContainer {position:absolute; top:0px; margin-top:15px; width:521px;}
  .CoolerTerms .LeftColumn {float:left; width:250px; height:230px; padding-right:10px; /*border-right:solid 1px #999;*/}
    .CoolerTerms .InfoTable {margin-top:10px; font-size:11px; color:#444}
    .CoolerTerms .InfoTable .Col1 {padding:1px 20px 1px 7px; border-bottom:solid 1px #d00;}
    .CoolerTerms .InfoTable .Col2 {text-align:right; border-bottom:solid 1px #d00;}
    .CoolerTerms .InfoTable .OpenSection {border-bottom:none}
    .CoolerTerms .InfoTable .RedInfo {padding:1px 20px 1px 7px; font-weight:bold; color:#d00;}
    .CoolerTerms .InfoTable .TableSmallPrint {padding:4px 20px 1px 7px; font-size:9px; color:#999}
  
    /*Short info pages*/  
.InfoPage {position:absolute; top:195px; left:20px; width:855px; height:499px;}
  .InfoPage #ForJSFormBg {position:absolute; top:0px; left:0px; width:486px; height:490px; z-index:8;}
  .InfoPage .Contents {position:absolute; top:20px; left:25px; width:376px; z-index:13;}
    .InfoPage .Contents .ThankYou {width:163px; height:27px; margin-bottom:20px; background-image:url(../images/text/thank-you.gif);}
    .InfoPage .Contents .Sorry {width:102px; height:31px; background-image:url(../images/text/title-sorry.gif);}
    .InfoPage .Contents p {margin-top:15px;}  
 

/* On pack competition */

/*
.OnPackCompetitionLinkBG {position:absolute; top:143px; left:0px; width:258px; height:232px;}
.OnPackCompetitionLink   {position:absolute; top:240px; left:120px;}
  .OnPackCompetitionLink img {width:60px; height:50px;}
*/

.HolidayCompetitionLinkBG {position:absolute; top:168px; left:0px; width:283px; height:147px;}
.HolidayCompetitionLink   {position:absolute; top:171px; left:10px;}
  .HolidayCompetitionLink img {width:110px; height:92px;}


.CompetitionBox {position:absolute; top:190px; left:50px}
  .CompetitionBox img {width:505px; height:490px;}
.WinHolidayLogo {position:absolute; top:200px; left:65px}
  .WinHolidayLogo img {}
  
.ValidationMessage3 {position:absolute; left:253px; bottom:505px; width:284px; color:#d00; font-size:11px; font-weight:bold; line-height:14px;}
.CompetitionFormHolder {position:absolute; width:360px; top:225px; left:110px;}
  .FormTable3  {width:420px; margin:0px auto 0px 0px;}
  .FormTable3 .Col1       {width:165px; padding:4px 5px 5px 0px; color:#036; font-weight:bold; font-size:11px;}
  .FormTable3 .Col1-2     {width:400px; padding:4px 0px 5px 0px; color:#036; font-weight:bold; font-size:11px;}
    .FormTable3 .Col1-2 a {color:#036;}
  .FormTable3 .Col1-2F    {width:400px; padding:0px 0px 5px 0px; color:#444; font-weight:bold; font-size:11px;}  /* Wide other input field */
  .FormTable3 .Col1-3B    {width:400px; padding:4px 20px 5px 0px;}  /* form buttons */
    .FormTable3 .Col1-3B .Info {float:left; color:#444; font-size:10px; padding:5px 0px 0px 0px;}
    .FormTable3 .Col1-3B .LinkButtonInside {float:right; color:#444; font-size:10px; padding:0px 0px 0px 0px;}
    .FormTable3 .Col1-3B .LinkButtonInside a {font-weight:bold; font-size:1.5em; color:#036; text-decoration:none;}
  .FormTable3 .Col2       {width:230px; padding:4px 0px 5px 0px; color:#444; line-height:19px; font-size:11px;}
  .FormTable3 .Col2L      {width:230px; padding:4px 0px 4px 0px; color:#036; font-weight:bold; font-size:11px;}  /* label text inside second column */
  .FormTable3 .Col2T      {width:230px; padding:0px 0px 1px 0px; color:#444; font-weight:bold; font-size:11px;}  /* Wide textarea with lenght info below */
  .FormTable3 .Col2I      {width:230px; padding:0px 0px 5px 0px; color:#888; text-align:right; font-size:9px;}   /* Length info inside */
  .FormTable3 .Col3       {width:17px;  padding:4px 0px 0px 3px; }
  .FormTable3 .EditBox    {width:224px; font-size:11px; height:15px; padding-top:0px; font-family:Verdana; color:#444;}
  .FormTable3 .DropDown   {width:228px; font-size:11px; height:19px; padding-top:0px; font-family:Verdana; color:#444;}
  .FormTable3 .TextArea   {width:223px; font-size:11px; font-family:Verdana; color:#444; height:40px;}
  .FormTable3 .CheckBoxFloatRight {float:right; }
  

/* Tesco competition */
.TermsList {margin-left:28px;}
.TermsList li {margin-bottom:8px;}

.CompetitionContentHolder {position:absolute; top:220px; left:20px; width:855px; height:499px;}
  .CompetitionContentHolder #ForJSFormBg       {position:absolute; top:0px;  left:0px;  width:855px; height:499px;}  
  .CompetitionContentHolder .TitleWinAnIpod    {position:absolute; top:18px; left:24px; width:364px; height:32px; background-image:url(../images/text/win-an-ipod.gif); z-index:10;}
  .CompetitionContentHolder .InfoText          {position:absolute; top:45px; left:24px; z-index:10;}
  .CompetitionContentHolder .ValidationMessage {position:absolute; bottom:428px; right:45px; width:310px; text-align:right; z-index:10;}
  .CompetitionContentHolder .InsidePanel1      {position:absolute; top:76px; left:38px; width:375px; z-index:14; border-right:solid 1px #999;}
    .CompetitionContentHolder .InsidePanel1 .Poster {margin-top:6px; cursor:pointer;}
  .CompetitionContentHolder .InsidePanel2      {position:absolute; top:76px; left:440px;width:380px; z-index:12;}
  .CompetitionContentHolder .FormButtons1      {position:absolute; top:444px;right:60px; width:356px; font-size:14px; height:16px; line-height:14px; font-weight:normal; z-index:10;}
    .CompetitionContentHolder .FormButtons1 div.Info {float:left; color:#444; font-size:10px; }
  .CompetitionContentHolder .CheckboxRight {position:absolute; top:32px; right:0px;}
  .CompetitionContentHolder .ClueInfo {position:absolute; top:433px; left:261px; width:200px;}
    
/* Privacy */
.PrivacyLinks {
	position:absolute;
	bottom:157px;
	left:100px;
	z-index:40;
}
  .PrivacyLinks .Privacy {padding-right:10px;}
  .PrivacyLinks .Terms {border-left:solid 2px #FFF}
  .PrivacyLinks div {float:left; padding:0px 0px 1px 10px;}
  .PrivacyLinks a {color:#FFF; font-weight:bold; font-size:1.2em; text-decoration:none;}

.PrivacyContent {position:absolute; top:220px; left:20px; height:490px; width:570px; padding:15px 25px 10px 25px;}
  .PrivacyContent .InfoBackground {position:absolute; left:0px; top:0px;}
    .PrivacyContent .InfoBackground img {width:486px; height:490px;}
  .PrivacyContent .InfoContentInner {margin-top:15px; width:426px;}
    .PrivacyContent .LeftColumn {float:left; width:200px; height:400px; padding-right:10px;}
    .PrivacyContent .RightColumn {position:relative; float:left; width:200px; height:400px; padding-left:15px;}
	.PrivacyContent .LeftColumn2 {float:left; width:400px; height:400px;}
      .PrivacyContent .RightColumn .MoreLink {position:absolute; width:235px; top:380px; padding-right:20px;}
      .PrivacyContent .RightColumn .MoreLink a {float:right; color:#09116A; font-weight:bold; text-decoration:none; font-size:11px}
      .PrivacyContent ul {margin:10px 0px 0px 15px;}
      .PrivacyContent ul li {color:#444; margin:10px 0px 0px 0px;}
      .PrivacyContent ul li ul {font-size:10px}
    .PrivacyContent .InfoTable {margin-top:10px; font-size:10px; color:#444}
    .PrivacyContent .InfoTable .Col1 {padding:1px 20px 1px 7px; border-bottom:solid 1px #d00;}
    .PrivacyContent .InfoTable .Col2 {text-align:right; border-bottom:solid 1px #d00;}
    .PrivacyContent .InfoTable .OpenSection {border-bottom:none}
    .PrivacyContent .InfoTable .RedInfo {padding:1px 20px 1px 7px; font-weight:bold; color:#d00;}
    .PrivacyContent .InfoTable .TableSmallPrint {padding:4px 20px 1px 7px; font-size:9px; color:#999}
  .PrivacyContent .TickList {}         
    .PrivacyContent .TickList {list-style:none; margin-left:0px;}
    .PrivacyContent .TickList li {margin-top:0px; margin-bottom:0px; padding-left:18px; background-image:url(../images/tick.gif); background-position:left 4px}


/* All pages */
div.BackLink {position:absolute; z-index:2; bottom:30px; right:190px; width:95px; height:78px;}      
  div.BackLink img {width:95px; height:78px}
div.BackLinkBottles {position:absolute; z-index:2; bottom:30px; right:350px; width:95px; height:78px;}      
  div.BackLinkBottles img {width:95px; height:78px}

.FrameImages {position:absolute;}

/**** Forms ****/
.FormTable  {width:370px; margin:0px auto 0px 0px;}
.FormTable .Col1       {width:165px; padding:4px 5px 4px 0px; color:#036; font-weight:bold; font-size:11px;}
.FormTable .Col1-2     {width:350px; padding:4px 0px 3px 0px;  color:#036; font-weight:bold; font-size:11px;}
.FormTable .Col1-2L    {width:350px; padding:4px 0px 1px 0px;  color:#036; font-weight:bold; font-size:11px;}  /* Long label text inside */
.FormTable .Col1-2I    {width:350px; padding:0px 0px 3px 0px;  color:#888; text-align:right; font-size:9px;}   /* Length info inside */
.FormTable .Col1-2T    {width:350px; padding:0px 0px 1px 0px;  color:#444; font-weight:bold; font-size:11px;}  /* Wide textarea with lenght info below */
.FormTable .Col1-2F    {width:350px; padding:0px 0px 3px 0px;  color:#444; font-weight:bold; font-size:11px;}  /* Wide other input field */
.FormTable .Col2       {width:180px; padding:4px 0px 3px 0px;  color:#444; line-height:19px; font-size:11px;}
.FormTable .Col3       {width:17px;  padding:4px 0px 0px 3px; }
.FormTable .EditBox    {width:174px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .EditBox2   {width:345px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .DropDown   {width:178px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .DropDown2  {width:345px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .TextArea   {width:173px; font-size:11px; font-family:Verdana; color:#444; height:40px;}
.FormTable .TextArea2  {width:345px; font-size:11px; font-family:Verdana; color:#444;}

.ButtonStd {float:right;}
  .ButtonStd .LeftEnd  {float:left; height:16px; width:0px; display:block;}
  .ButtonStd .Centre   {float:left; height:16px; display:block;}
  
  .ButtonStd .Centre a {font-weight:bold; font-size:1.1em; color:#036; padding:1px 8px 2px 8px; display:block; text-decoration:none;}
  .ButtonStd .Centre a:hover {text-decoration:underline;}
  .ButtonStd .RightEnd {float:left; height:16px; width:0px; display:block;}

.ButtonStdSpacer {float:right; height:16px; width:10px;}

/* Validation */
.Asterisk {color:#c00;}
.ValidationImage {width:15px; height:15px; background-image:url(../images/validation-image.gif);}

.ValidationMessage {width:450px; color:#d00; font-size:11px; margin-left:0px; margin-right:auto; font-weight:bold;}
.ValidationMessage span {margin:0px; display:block;}

    /* Validation images rollovers for general use */
.ValidationInfo   {position:relative; text-indent:0px; white-space:nowrap;}
.ValidationInfo img {position:relative;}
.ValidationInfo div{ position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-85px; left:17px; width:140px; height:80px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#444; display:none;}

.ValidationInfo2   {position:relative; text-indent:0px; white-space:nowrap;}
.ValidationInfo2 img {position:relative;}
.ValidationInfo2 div{ position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-65px; left:-150px; width:140px; height:60px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#444; display:none;}



#P2 {display:none}

.smallsizegreyfont{
color:#999999;
font-size:9px;
padding:4px 20px 1px 7px;
}

/* debug */
/*
.ValidationMessage {background-color:#def;}
.InfoText {background-color:#dcf;}
.CompetitionContentHolder .InsidePanel1 { background-color:#ced;}
.CompetitionContentHolder .InsidePanel2 { background-color:#fed;}
.CompetitionContentHolder .FormButtons1 {background-color:#cfd;}


.FormTable3  {background-color:#ddd;}
.FormTable3 .Col1 {background-color:#dfd;}
.FormTable3 .Col2 {background-color:#def;}
.FormTable3 .Col2 {background-color:#fdd;}
*/

.sportsContent 
{
    position:absolute;
    top:380px;
    left:5px;
    width:640px;
    margin-left:35px;
}

	.sportsContent p a {color:#d70057; font-weight:bold; font-size:14px; text-decoration:none;}
	.sportsContent p a:hover {color:#d70057; text-decoration:underline;}


.sportsContent p
{
    clear:both;
    color:#fff;
    font-size:13px;
	font-weight:bold;
    line-height:1.4em;
    width:600px;
}

.sportsContent .wide
{
    clear:both;
    color:#fff;
    font-size:13px;
    line-height:1.4em;
    width:640px;
}

.sportsContent h1 
{
    width:510px;
    height:30px;
    margin:0 0 20px 0;
    padding:0;
    background:url(../images/sprite.png);
    line-height:500px;
    overflow:hidden;
    float:left;
}

.sportsContent a.redeemUk 
{
    width:312px;
    height:81px;
    display:inline-block;
    background:url(../images/sprite.png) 0 -40px;
    margin:20px 0 15px;
}

.sportsContent a:hover.redeemUk 
{
    background: url(../images/sprite.png) 0 -140px;
}

.sportsContent a.redeemIreland 
{
    width:312px;
    height:81px;
    display:inline-block;
    background:url(../images/sprite.png) -318px -40px;
    margin:20px 0 15px 3px;
}

.sportsContent a:hover.redeemIreland 
{
    background:url(../images/sprite.png) -318px -140px;
}

#logo 
{
    width:240px;
    height:70px;
    position:absolute;
    top:35px;
    left:35px;
    z-index:9999;
}

#logo a 
{
    width:240px;
    height:70px;
    background:url(../images/sprite.png) 0px -360px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
}

#logoStrap
{
    width:240px;
    height:110px;
    position:absolute;
    top:17px;
    left:35px;
    z-index:9999;
}

#logoStrap a 
{
    width:240px;
    height:110px;
    background:url(../images/sprite.png) 0px -240px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
}