/* graphico.co.uk */

/*    ==========================
	  Darius Karimi - 19 Sep 2008
	  Standard styles for screen
	  ==========================    */

/* The file below is read by ALL browsers
   but the hacks contained within it further target 
   IE5-6 for Windows. See file for details. */
@import "ie6win.css";
@import "ie7win.css";

/* The file below is ONLY read by IE5/Win.
   Makes use of the Mid Pass Filter: 
   http://tantek.com/CSS/Examples/midpass.html */   
@media tty 
{
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
   Makes use of the Band Pass Filter: 
   http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

.invisible { display: none; }

/* Hide content for visual users. E.g. skip links*/	
.hide {position: absolute; top: -9999px; left: -9999px;} 

/* Can't hide legends cross browser with negative text indent */
legend.hide{ font-size: 0.005em; visibility: hidden;}
fieldset{border: 0;	}

/* Used to space an ellipse nicely */
.ellipse { letter-spacing: -0.15em; }

/* Clear floats on a background */
.theBreaker{height: 0.005em; clear: both; overflow: hidden;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
  
* html .clear { height: 1%; }
.clear { display: block; }

/* Generic Levin image replacement -  
   http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace {position: relative; margin: 0px; padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ }

.replace span {display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/}

/* more often than not.. */
li { float: left; }
#main li { float: none; }

/* default label styles */
label, .label, input, .input, .textarea, textarea
{display: block; float: left; margin: 2px 0 3px 0; clear: left;}

.bold { font-weight:700; }

.input input, .input label {display: inline; float: none; margin: 0;}   

input.submit { clear: left; }    

/*	For evil CMSs */
u { text-decoration: none; }
/*	END	Templated styles	*/

/*	Site Default Styles		*/
body{
	font-family : Verdana, Helvetica, Arial, sans-serif; 
	font-size:0.7em;
	text-align: center;
	min-width: 900px;
	height: 100%;
	background: #d3ddbc;
	outline:none;
	color:#333;}

#wrap {font-size: 1em; width: 900px; margin: 0 auto; text-align: left;}
.col {float: left; margin-right: 10px;}
.last { margin-right: 0; }

a {outline:none;}

h1 {margin-bottom:15px;}

/*	END Site Default Styles	*/

/*	Site specific style starts  here */

#bgHolder {background: #f9fbf7 url(../../SiteImages/common/gradBG.jpg) repeat-x bottom;}

#topContainer {margin: 0 auto; width:982px; background: url(../../SiteImages/common/topShadow.jpg) repeat-y; }

#header {
	background:transparent url(../../SiteImages/common/headBG.jpg) no-repeat scroll left top;
	position:relative; width:964px; height:96px; 
	padding:15px 9px 0; z-index:110;}
		
.logo {position: absolute; left: 9px; top: 15px; width: 192px; height: 108px; }

.topNavigation {float:right;}
.topNavigation a, .topNavigation a:hover {background:url(../../SiteImages/common/topNavBG.gif);}

ul#topNav li a { height:31px; display:block; text-indent:-99999px; }

/* simonh 20080929 - renamed the menu styles to suit menu auto gen */
li#navHome a, li#navhome a {width:84px;}
li#navHome a:hover, li#navhome a:hover {background-position:0 62px; }
body.BodyNavHome li#navHome a, body.BodyNavHome li#navhome a, body.BodyNavHome li#navHome a:hover, body.BodyNavHome li#navhome a:hover {background-position:0 31px; }

li#navActiviaExplained a, li#navactiviaexplained a {background-position:-84px 0; width:147px;}
li#navActiviaExplained a:hover, li#navactiviaexplained a:hover {background-position:-84px 62px; }
body.BodyNavaboutActivia li#navActiviaExplained a, body.BodyNavaboutActivia li#navactiviaexplained a, body.BodyNavaboutActivia li#navActiviaExplained a:hover, body.BodyNavaboutActivia li#navactiviaexplained a:hover {background-position:-84px 31px; }

li#navProducts a, li#navproducts a {background-position:-231px 0; width:153px;}
li#navProducts a:hover, li#navproducts a:hover {background-position:-231px 62px; }
body.BodyNavProducts li#navProducts a, body.BodyNavProducts li#navproducts a, body.BodyNavProducts li#navProducts a:hover, body.BodyNavProducts li#navproducts a:hover {background-position:-231px 31px;}

li#navYouAndYourTummy a, li#navyouandyourtummy a {background-position:-384px 0; width:134px; }
li#navYouAndYourTummy a:hover, li#navyouandyourtummy a:hover {background-position:-384px 62px }
body.BodyNavhealthyyou li#navYouAndYourTummy a, body.BodyNavhealthyyou li#navyouandyourtummy a, body.BodyNavhealthyyou li#navYouAndYourTummy a:hover, body.BodyNavhealthyyou li#navyouandyourtummy a:hover {background-position:-384px 31px }

li#navGetInvolved a, li#navgetinvolved a {background-position:-518px 0; width:132px; }
li#navGetInvolved a:hover, li#navgetinvolved a:hover {background-position:-518px 62px}
body.BodyNavgetinvolved li#navGetInvolved a, body.BodyNavgetinvolved li#navgetinvolved a, body.BodyNavgetinvolved li#navGetInvolved a:hover, body.BodyNavgetinvolved li#navgetinvolved a:hover {background-position:-518px 31px }

#mainContent {background:transparent url(../../SiteImages/common/rightShadow.jpg) no-repeat right bottom;}

#mainContent .gutter {
	text-align:left; padding:0 9px; margin-right:9px; position:relative;
	background: transparent url(../../SiteImages/common/leftShadow.jpg) no-repeat scroll left bottom;}
	
#breadCrumb {
	background:transparent url(../../SiteImages/common/breadCrumbBG.gif) no-repeat left top;
	height:85px;}
	
#breadCrumb .gutter {padding: 57px 19px 18px; background-image:none;}	

#breadCrumb  ul li {font-size:85%; color:#666; padding-right:6px; font-weight:bold;}

#breadCrumb  ul li a {
	padding-right:12px; 
	font-weight:normal; color:#016830;
	background: url(../../SiteImages/common/breadCrumbDivider.gif) no-repeat right center;}

#breadCrumb  ul li a:hover {text-decoration: underline;}

#leftNav {width:186px; float: left; display: block; font-size:11px;}

#leftNav .gutter {padding: 13px 0 0 20px; background:none;}

#leftNav ul {}

#leftNav ul li ul { padding:0;}

#leftNav li {border-bottom: 1px dotted #98C032; float:none; }

#leftNav li span {margin:6px 0; display:block;}

#leftNav li.last {border:none; padding-bottom:0; margin-bottom:0;}

#leftNav ul li ul li {border-top: 1px dotted #E5EFCC; border-bottom:0; font-size:10px; }
	
#leftNav li .current{ background: 0; padding-left:10px; color:#444; font-weight:700;}
	
#leftNav li ul li .current{
	background: url(../../SiteImages/common/currentNavDisc.gif) no-repeat 10px 0.4em;
	padding-left:20px; color:#016830; font-weight:700;}
	
#leftNav li .child { padding-left:20px;}	
#leftNav li .current a  {color:#016830; }
#leftNav li a.subCurrent {padding-left:10px;}
#leftNav ul li a {color:#444;}

#leftNav ul li a:hover {color:#f4c900;}

#content {
	min-height:290px; width:778px; 
	float:right; margin-right:-18px;
	background:url(../../SiteImages/common/leftShadow.jpg) no-repeat -200px bottom;}
	
#content a { color:#018F39;}

#content p {padding-bottom:10px;}

#contentHome {min-height:255px;	margin-right:-18px;  position:relative;
	background:url(../../SiteImages/common/rightShadow.jpg) no-repeat right bottom;}

#content .gutter {
	padding-left: 20px; background: none;  margin:0; position:relative;	 z-index:75;
	background: url(../../SiteImages/common/verticalLineGrad.jpg) no-repeat left bottom;}
	
#contentHome .gutter {background:none; padding:0;} 
	
#bottomContainer {
	margin: 0 auto; 
	width:982px; 
	background: url(../../SiteImages/common/bottomShadow.jpg) repeat-y; 
	text-align:left;}
	
#lowerPromos span { 
	font-family:Times New Roman, Sans-Serif; 
	font-size: 19px; 
	font-style:italic;
	color: #024a13;
	line-height:38px;
	letter-spacing:-1px;}
	
#lowerPromos .gutter {margin:0 9px; padding:20px 19px 30px 0; }

#lowerPromos li { padding-left:20px; width:169px;}

#footer {background: url(../../SiteImages/common/footerBG.gif) no-repeat bottom; font-size:80%; }

#footer .gutter {background: #014421; margin: 0 9px 16px; padding:7px 19px; color:#fff; letter-spacing: -1px;}
#footer li.lastItem {background-image: none; margin:0; padding:0;}
#footer li   {
	background: url(../../SiteImages/SiteInformation/iconDivider.gif) no-repeat right 2px;
	padding-right:10px; margin-right:10px;}

.siteInformation {float:left;}

.bottomNav {float:right;}
.bottomNav a {color:#FFFFFF;}
.bottomNav a:hover {text-decoration: underline;}

a.arrowLink { 
	font-weight:700;
	background: url(../../SiteImages/common/arrowLinks.gif) no-repeat right top;
	padding:0 26px 2px 0;	  
	color:#003117;
	float:left;}
	
a.smallArrowsLink, .TermsAndConditions a.plus p, p.terms {
	
	font-weight:700;
	background: url(../../SiteImages/common/smallArrowsLink.gif) no-repeat left top;
	padding-left:13px;  
	color:#018f39;}
	
.TermsAndConditions a.minus p{
	background: url(../../SiteImages/common/arrowLinkUp.gif) no-repeat left top;				
	font-weight:700;
	padding-left:13px;  
	color:#018f39;}
	
#homeFlash {
	padding:0; margin:0; height:400px; width:964px;
	background: url(../../SiteImages/demos/demoHomeFlash.jpg) no-repeat; 
	position:relative;
	z-index:50; }

#homePannels {
	padding:0; 
	margin:0; 
	position:relative;}
	
#homeMessage
{
	padding:12px 18px 10px 18px;
	font-size:1.1em;
	color:#666666;
}
	
#mainContent #homePannels .gutter {
	margin:0; 
	min-height:326px; 
	background: url(../../SiteImages/HomePannels/homePanelsBG02.gif) repeat-x left bottom;
	position:relative;}
	
#homePannels .leftImage {position:absolute; background:#900; width:226px; bottom:0; left:246px;}
#homePannels .rightImage {position:absolute; background:#500; width:206px; bottom:0; left:718px;}

#homePannels .leftImageBG, #homePannels .rightImageBG  { 
	position:absolute;  bottom:0; z-index:40; width:226px; height:755px;
	background: url(../../SiteImages/HomePannels/homePanelsBG.gif) repeat-x left bottom;}
	
#homePannels .rightImageBG {left:718px; }
#homePannels .leftImageBG {left:246px;} 

#homePannels .items {float:left; padding-left:20px; }
#homePannels .items h2 {width:452px; height:53px;} 
#homePannels .items h2 span { display:block; width:452px; height:53px;}
#homePannels .items h2 a {display:block; width:452px; height:53px; }
#homePannels .items h3 {padding-top: 30px;  width:186px;}
#homePannels .text {margin: 0 0 10px 20px; width:191px;}
#homePannels .text p {padding-bottom:20px;}

#homePannels h2#ActiviaExplained { 
	background: url(../../SiteImages/HomePannels/activiaExplained.jpg) no-repeat; 
	position:relative; visibility:visible; z-index:50; }
	
#homePannels h2#youAndYourTummy {
	background: url(../../SiteImages/HomePannels/youAndYourTummy.jpg) no-repeat; 
	position:relative;
	visibility:visible;
	z-index:50;}

.contentHead {
	padding-right:390px;
	padding-bottom:10px;
	border-bottom: 1px solid #CBDF98;
	position:relative;
	min-height:200px;
	top:-9px;}
	
#templateF .contentHead {top:0;}   

.contentHead .panelText {}	

	
.contentHeadCompetition {
	padding-right:440px;
	padding-bottom:10px;
	border-bottom: 1px solid #CBDF98;
	position:relative;}
	
#flexiBarCompetition {
	position:absolute; bottom:0; right:-1px;
	width:433px; height:364px;
	z-index:50; 
	vertical-align:bottom;}
	
.largeImg .contentHeadImage1 {
    height: 264px;
    width: 100%;
    background: url(../../SiteImages/contentHead/content_header_1.jpg) 0 0 no-repeat;
    position: relative;
    margin-top: -86px;
    z-index: 50;
}
.largeImg .contentHeadImage2 {
    height: 264px;
    width: 100%;
    background: url(../../SiteImages/contentHead/content_header_2.jpg) 0 0 no-repeat;
    position: relative;
    margin-top: -86px;
    z-index: 50;
}
.largeImg .contentHeadImage3 {
    height: 264px;
    width: 100%;
    background: url(../../SiteImages/contentHead/content_header_3.jpg) 0 0 no-repeat;
    position: relative;
    margin-top: -86px;
    z-index: 50;
}
.largeImg #breadCrumb {
    position: relative;
    z-index: 100;
}

#templateE .contentHead {padding:0 268px 0 0; border-bottom: 0;}
	
#templateF .contentHead {padding:0; border-bottom:0;}
	
#flexiBar {position:absolute; bottom:0; right:-1px; width:389px; z-index:50;}
	
#mainContent .gutter .topCurve	{
	background: url(../../SiteImages/common/topCurve.png) no-repeat right top;
	position:absolute; top:0; right:0;
	width:450px; height:50px; 
	z-index:125;}
	
#templateB .contentMiddle {
	background: url(../../SiteImages/common/ContentMiddleBG.gif) repeat-y right top;
	position:relative;
	z-index:100;
	width:749px;
	min-height:200px;}

#templateB .contentMiddle ul li, #templateB .contentHead ul li {float:none; margin:10px 0; height:15px;}
#templateB .contentMiddle  input, 
#templateB .contentMiddle label, 
#templateB .contentMiddle textarea,
#templateB .contentMiddle select  {
	float:left; clear:none;
	margin:0; padding-left:12px;
	font-weight:normal;}
	
#templateB .contentMiddle #FAQ {padding: 10px 20px 10px 0; text-align: left; width:688px;}
	
#templateB .contentMiddle #FAQ ul li {height:auto;}

#templateB .contentMiddle #FAQ h3 {
	color:#016830;
	background: url(../../SiteImages/common/smallArrowsLink.gif) left top no-repeat;
	color:#016830;
	margin:0;
	padding:0 0 10px 13px;
	border-bottom: 1px dotted #98C032;
	visibility:visible;
	line-height:14px;}
	
#templateB .contentMiddle #FAQ a.minus h3 {
	background: url(../../SiteImages/common/arrowLinkUp.gif) left top no-repeat;}	
 
#templateB .contentMiddle #FAQ ul li ul li {
	height:auto;
	background: url(../../SiteImages/common/faqHyphen.gif) left 0.6em no-repeat;
	margin:0; padding:0 10px 10px;}

#templateB .contentMiddle #FAQ .infoToShow   {background: #E5EfCC; padding:15px 10px; border-bottom: 1px dotted #98C032;} 

#templateE .contentMiddle {
	background: url(../../SiteImages/common/ContentMiddleBG.gif) repeat-y right top;
	position:relative;
	z-index:100;
	min-height:444px;}

#templateE .contentMiddle .text {width:480px; float:left;}
#templateE .contentMiddle .controllers .items {margin:10px 0 15px 0; border-bottom: 1px solid #cbdf98; padding-bottom:15px;}
#templateE .contentMiddle .controllers .last {border:0;}
#templateE .contentMiddle .controllers img {padding-bottom:10px;}
#templateE .contentMiddle li {float:none;}

#templateE  h2, #templateE  h3 {font-size:130%; display:block; padding:5px 0;}

#templateE .contentMiddle .controllers   {float:left; width:150px; margin:0 20px 0 65px;}

#templateE .contentMiddle .text #mediaPlayer {padding:39px 0 20px 0;}

#templateF #mediaPlayer {width:729px;}

.contentPromo {background: #FFF;}

.leftImgTopic h3 { color:#016830; font-size:130%; }
	
.leftImgTopic { 
	padding: 20px 20px 20px 0; 
	min-height: 117px;
	border-bottom: solid 1px #cbdf98;
	margin-right:20px;
	display:inline-block;}
	
.information, .TermsAndConditions, .errorMessage { 
	padding: 10px 0; 
	border-bottom: solid 1px #cbdf98;
	margin-right:20px;
	display:block;
	min-height: 10px;}
	
.TermsAndConditions .infoToShow {
	height:150px; 
	overflow:auto; 
	width:688px;
	padding: 10px 15px 20px; 
	margin-top:10px;
	background:#F9FBF7;
	border: 1px  solid #dbe9b9; }
	

.errorMessage {padding: 10px 0 0;}	
.errorMessage span {color:#c11; display:block; padding-bottom:5px;}
	
.information ul.textField label{ width:130px;}
.information ul.textField input,
.information ul.textField textarea,
.information ul.largTextField textarea{ 
	width:182px; border:solid 1px #81b99a; background: #fdfffc;}

.information ul.textField select { 

	width:196px; border:solid 1px #81b99a; background: #fdfffc;}	
	

#templateB .contentMiddle .information ul.largTextField textarea {height:90px; width:345px; margin-left:5px;}
#templateB .contentMiddle .information ul.largTextField label { width:80%; padding:5px 0 6px 9px;}
#templateB .contentMiddle .information ul.largTextField li {height:auto; margin:0;}
#templateB .contentMiddle .information ul.largTextField {padding-bottom:5px;}

.information p.terms  { display:inline; padding-right:20px;}

.information fieldset.terms {margin-bottom: -2px; display:inline; padding-right:20px;}

.information .submit  {float:right; padding-bottom:30px;}

.information .submit input { width:66px; height:27px; border:0; 
	background:url(../../SiteImages/common/submit.gif) no-repeat center;}
	
#templateB .contentMiddle .information .submit label {padding:0; margin:0;} 
	
.leftImgTopic .panelImage {float:left;}
.leftImgTopic .panelText {float:right; width:475px; padding-left:15px; margin-top:-7px;}	
			
.lITActivia	{background: url(../../SiteImages/contentImages/theProducts.jpg) no-repeat left center;}

.howItWorks {background: #fff url(../../SiteImages/contentImages/howItWorks.jpg) no-repeat left center;}

.contentThreePanel { width:729px; margin-right:20px; padding-top: 20px;
	background: url(../../SiteImages/common/threePannelsBG.gif) no-repeat -4px 20px;}
	
.contentThreePanel .pannels .panelImage {float:right;}

.contentThreePanel .pannels .panelText {width:137px; margin-top:-3px;}
	
#twoCulumnContent {width:728px;}
	

#twoCulumnContent .text {  padding: 15px 20px 0 0; float:left; width:334px;}

#twoCulumnContent .imageHolder{text-align:left; padding:20px 0;}

#twoCulumnContent hr {border:0; height:3px; background:#b2dbac; margin:10px 0; width:343px; }

#twoCulumnContent .right{float:right;}
	
#twoCulumnContent .text p {padding:0 10px 10px 0;  width:334px; text-align:left;  }

#twoCulumnContent .text p.spacing {margin-top:10px; }

.challenge #twoCulumnContent .text li p	 {width:300px;}
.challenge .guarantee #twoCulumnContent .text li p	 {width:auto;}

/* full width paragraph below. add class fullWidth to the P and it goes full width  */
#twoCulumnContent .text p.fullWidth {width:100%;  }
	
.pannels {width:229px; float:left; margin: 0 10px; min-height: 120px; }

.contentThreePanel h4 {padding-bottom: 2px; color:#2c7a1f; font-size: 120%;}	

.contentThreePanel .first { width:221px; padding:0; margin: 0 10px 0 0;   }
.contentThreePanel .first p{padding: 0; }

.contentThreePanel .whyShouldI {background: url(../../SiteImages/contentImages/whyShouldI.jpg) no-repeat right top;}
.contentThreePanel .FAQs {background: url(../../SiteImages/contentImages/FAQs.jpg) no-repeat right top;}
.contentThreePanel .campaignX {background: url(../../SiteImages/contentImages/campaignX.jpg) no-repeat right top;}

.borderless {border: 0;}

.genericBulletList {margin-bottom:10px;}
#twoCulumnContent .text  .genericBulletList {width:334px;}
	
#templateB .contentMiddle .genericBulletList li, #templateB .contentHead .genericBulletList li { 
	margin:0 0 5px 0; padding-left: 15px;  height:auto;
	background: url(../../SiteImages/common/currentNavDiscBlack.gif) no-repeat left 0.8em;}


/*	Challenge CSS starts here */

#homeChallenge #homeFlash {height:495px; position:relative; z-index:50; background: none; }
	
#homeChallenge #homeFlash #mediaPlayer {
	background: url(../../SiteImages/Challenge/challengeHomeFlash.jpg) no-repeat;
	height:495px; position:relative; z-index:50;} 
	
#homeChallenge #lowerPromos .gutter { background: url(../../SiteImages/Challenge/HomePromoBG.jpg) no-repeat left top; }

a.ChallengeBtn { 
	background: url(../../SiteImages/Challenge/ChallengeBtn.gif);
	width: 185px; height:32px; display:block;}
	
.ChallengeForm .information {border:none;}
	
.ChallengeForm .information ul.textField label{ width:230px; padding-right:15px;}

.ChallengeForm .information ul.textField input, .information ul.textField textarea,
.ChallengeForm .information ul.largTextField textarea{ 
	width:277px;}
	
#templateB .contentMiddle label.required, .required, p.captchaMessage { 
	padding-left:12px; 
	background: transparent url(../../SiteImages/Challenge/required.gif) no-repeat scroll 3px top;}

.ChallengeForm .contentMiddle select {margin-left:5px; border:1px solid #81B99A; }	
.ChallengeForm .contentMiddle select.large {width:140px;}

#templateB.ChallengeForm .contentMiddle { 
	 
	background: #ffffff url(../../SiteImages/Challenge/activiaBG.jpg) no-repeat right bottom; 
	width:679px; padding: 0 24px;
	border-right: 1px solid #8d8d8d;border-left: 1px solid #8d8d8d;}
	
.topRound, .bottomRound {
	width:758px; height:5px; margin:0; padding:0;
	background: url(../../SiteImages/Challenge/contentRoundBG.gif) no-repeat;}
.topRound { background-position:  left top; }
.bottomRound { background-position: left -5px;}


#templateB.ChallengeForm .contentMiddle ul li {height:auto; padding: 8px 0;}
#templateB.ChallengeForm .contentMiddle ul li.last {padding: 8px 0 80px;}

#templateB.ChallengeForm  input.checkbox {margin-right:5px;}
	
.smallPrint { font-size:80%}

#submitArea { padding: 30px 240px 30px 0;}
#submitArea a { 
	margin-top:11px; color:#003117; display:block; float:left; font-weight:700;}
	
.backArrow {
	background: url(../../SiteImages/Challenge/backArrow.gif) no-repeat left center;
	padding-left:26px;}
	
.green {color:#014421;}

#submitArea fieldset {float:right;}

#templateB.ChallengeForm .information  .submit input { 
	width:155px; height:32px; border:0;
	background:url(../../SiteImages/Challenge/challengeSubmit.gif) no-repeat center;}
	
#templateE.ChallengeThanks .text fieldset.enterNowBtn input { 
	width:153px; height:32px; border:0; margin:40px 12px 0 0; float:right; 
	background:url(../../SiteImages/Challenge/enterNow.gif) no-repeat center; cursor:pointer;}
	
#templateE.ChallengeTips .contentMiddle { margin-top:-148px;}
	
#templateE.ChallengeTips .contentMiddle .text {width:100%; float:left;}

#templateE.ChallengeTips .contentMiddle .text 

#templateE.ChallengeTips .contentHead p {font-size:140%; letter-spacing:-1px; width:500px;}

#templateE.ChallengeTips .contentHead, #templateE.ChallengeThanks .contentHead {
	min-height:130px;
	top:-116px;
	padding: 100px 0 0 0;
	position:relative;
	z-index:50;}
	
#templateE.ChallengeTips .contentHead {
	background:url(../../SiteImages/Challenge/tipsHeadBG.psd.jpg) no-repeat center;
	height:177px;}
	
#templateE.ChallengeThanks .contentHead {
	background:url(../../SiteImages/Challenge/thankYouBG.jpg) no-repeat center;
	height:281px;}
	
#templateE.ChallengeThanks .contentHead .sIFRtext {height: 105px;}

#templateE.ChallengeTips #breadCrumb, #templateE.ChallengeThanks #breadCrumb {
	background:transparent url(../../SiteImages/Challenge/tipsBreadCrBG.psd.jpg) no-repeat left top;
	position:relative;
	z-index:100;}
	
#templateE.ChallengeTips .contentMiddle .text #mediaPlayer {
	padding:0; width:749px; height:405px;
	background:transparent url(../../SiteImages/Challenge/tipsBG.psd.jpg) no-repeat left top;}

#templateB.ChallengeThanks .contentHead {padding-right:370px; min-height:100px;}	

	
#templateB.ChallengeTips #flexiBar {position:absolute; bottom:0; right:0; width:749px; z-index:50; text-align:right;}
#templateB.ChallengeTips .contentHead .text { position:relative;  z-index:60;}
#templateB.ChallengeTips .contentHead {min-height:320px;}
#templateB.ChallengeTips #breadCrumb { position:relative; z-index:100;}
#templateB.ChallengeTips .wrapText { position:absolute; width:354px;}
	
#templateE.ChallengeThanks .bottomRound	{margin-top:-5px;}
	
.voucherA  {
	width:408px; padding: 38px 295px 38px 24px;  min-height:209px; 
	border-right: 1px solid #8d8d8d;
	border-left: 1px solid #8d8d8d;
	background: #fff url(../../SiteImages/Challenge/voucherBGa.jpg) no-repeat center bottom;}

.voucherA a { 
	width:169px; height: 36px; display:block; margin-top: 55px;
	background: transparent url(../../SiteImages/Challenge/printVoucherA.gif);}
	
#templateE.ChallengeThanks .voucherA p {padding-bottom:20px;}

#templateE.ChallengeThanks .text fieldset li {float:none; width:330px; height:40px; padding:20px 20px 0 0;}
#templateE.ChallengeThanks .text fieldset span {float:left;} 
#templateE.ChallengeThanks .text fieldset input, 
#templateE.ChallengeThanks .text fieldset label {float:left; clear:none;}
#templateE.ChallengeThanks .text fieldset label {padding:0 17px 0 5px; width:290px;}
#templateE.ChallengeThanks .text fieldset select {width: 280px; border:1px solid #81B99A; margin-bottom:15px;}
#templateE.ChallengeThanks .text fieldset select option {width: 278px; display:block;}

#templateE.ChallengeThanks .contentMiddle  input, #templateE.ChallengeThanks .contentMiddle label, #templateB .contentMiddle textarea {
	float:left; clear:none;
	margin:0; padding-left:5px;
	font-weight:normal;}

.voucher .container {
	position:relative;
	width:594px;
	height:448px;
	margin:0 auto;}
	
.voucher .image {
	position:absolute;
	top:0;
	left:0;
	width:594px;
	height:448px;}
	
.voucher .content {
	 position:absolute;
	 width:212px;
	 height:60px;
	 top:202px;
	 left:164px;
	 text-align:left;
	 z-index:100;}
	 
.voucher .content .pName, .voucher .content .pCode, .voucher .content .expiry {
	position:absolute;
	height:27px;
	width:212px;
	 overflow:hidden;}
.voucher .content .pName {top:0;}
.voucher .content .pCode {top:28px;} 
.voucher .content .expiry {top:54px;} 	

	 
.voucher .printVoucher {
	height:32px;
	left:37px;
	position:absolute;
	top:285px;
	width:165px;}
	
.voucher .printVoucher input { 
	background: transparent url(../../SiteImages/Challenge/VoucherBtn.gif);
	text-indent:-99999px;
	width:165px;
	height:32px;
	border:none;
	cursor:pointer;}
	
#templateB.challenge .contentMiddle.guarantee ul {
	width:300px;}
	
#templateB.challenge .contentMiddle.guarantee ul li { 
	width:300px; 
	margin-left:12px; 
	height:auto; 
	vertical-align:top;
	background-position:left 0.8em;}
	
#templateB.challenge .contentMiddle.guarantee ul p {width:300px;}

#templateB.challenge .guaranteeTerms {width:728px; float:none;}

#templateB.challenge .guaranteeTerms ol {
	padding:5px 15px; 
	list-style-type:decimal; 
	list-style-position:outside;}
	
#templateB.challenge .guaranteeTerms ol li {float:none; padding: 5px 0;}
 

.footPrint {padding: 20px 20px 0 0; font-size:85%;}

#templateB.challenge #twoCulumnContent ol { padding:0; list-style: outside decimal; }
#templateB.challenge #twoCulumnContent ol li { margin-left:25px; float:none; clear:both; }

#content p.IrishTerms {font-weight:700; z-index:100; float:right; position:relative; padding:32px 32px 20px 0; }	
#content p.IrishTerms a {text-decoration:underline;}
#content p.IrishTerms a:hover {text-decoration:none;} 
	
	
/* Start Css for challenge T&C */

body.terms{
	height:100%;	
	font-size:10px;
	line-height:19px;								
	text-align: left;
	background: #F9FBF7;
	min-width:550px;
	color:#666666;}
	
.terms #mainContainer {margin-bottom:50px; position:relative; width:600px;}
	
.terms #container {padding: 30px 40px;}
	
.terms #container p, .terms #container h1, .terms #container h2 {padding-bottom:17px;}

.terms address {display: inline;}

.terms a {color:#018F39;}

.terms ol { list-style-type:decimal; padding-bottom:50px;}
.terms ol li { margin:8px 0 5px 30px;}
.terms li {float:none;}

.terms ol li ul { list-style-type: lower-roman;}

.terms ul {list-style-type:disc; padding-left:15px;}

.terms h1 { font-size:1.5em; margin:20px 0; color:#018F39;}
.terms h2 { font-size:1.4em; margin:30px 0 15px; color:#018F39;} 
.terms h3 { font-size:1.2em; margin:20px 0 10px; color:#018F39;}  

.terms .closeButton {position: absolute; bottom:0; right:60px;}	

#templateB .contentMiddle .information ul.textField li.dob select {width:auto; margin-right:3px;}



	
/* End Css for challenge T&C */
	


/*	End - Challenge CSS */



/*	Site specific style ends here */




/************************<<<< sIFR CSS Starts here >>>>************************
 
Please do not alter the the below area 
To edith sIFR elements use the "sIFR - Editable section below this"  

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/


@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
sIFR - Editable section:

Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
   
	h1.sifr, h2.sifr, h3.sifr, h4.sifr, h5.sifr, h6.sifr, h2.sifrgrey {
		font-family: Verdana;
		visibility: hidden; 
		line-height:1em;}
   
	h1.sifr  {font-size:38px;}
	h2.sifr  {font-size:16px;}
	h2.sifrgrey  {font-size:16px;}
	h3.sifrgrey  {font-size:12px;}
	h3.sifr  {font-size:28px;}
	h4.sifr  {font-size:16px;}
  }

/******  sIFR - Ends here *******/
.homepageDisclaimer
{	
	font-size:80%;
	margin:3px 3px 3px 20px;
}