@charset "utf-8";
/* CSS Document */

html, body {
	height:100%;
	margin:0px;
	background-image:url(../images/KelloggsBG.gif);
	background-position:0 0;
	background-color:#5f1602;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.bolt  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:yellow;
}

.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

div.basePic2 img {
	display:block;
	border:0px;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
}

div.container {
	width:900px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
}

div.innerContainer {
	width:681px;
	margin-left:auto;
	margin-right:auto;
}

div.header {
	position:relative;
	top:0px;
	left:0px;
	height:98px;
	width:681px;
}

div.logo {
	float:left;
	height:98px;
	width:195px;
}

div.buttonNav {
	float:left;
	height:78px;
	width:486px;
	padding-top:20px;
}

div.buttonTop {
	float:left;
	width:160px;
	height:32px;
	margin-right:3px;
	margin-bottom:3px;
}

div.buttonTopEnd {
	float:left;
	width:160px;
	height:32px;
	margin-bottom:3px;
}

div.buttonBottom {
	float:left;
	width:160px;
	height:32px;
	margin-right:3px;
}

div.buttonBottomEnd {
	float:left;
	width:160px;
	height:32px;
}

div.midContent {
	position:relative;
	top:0px;
	left:0px;
	width:681px;
}

div.boltsTop {
	float:left;
	width:681px;
	height:15px;
}

div.boltsMid {
	float:left;
	width:681px;
	background-image:url(../images/midBoltsBG.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
}

div.midInner {
	position:relative;
	top:0px;
	left:0px;
	width:649px;
	margin-left:16px;
	margin-right:16px;
	z-index:99;
}

div.mapInner {
	float:left;
	width:629px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

div.mapInner a:link,
div.mapInner a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
}

div.mapInner a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:underline;
}

div.homeMidInner {
	position:relative;
	top:0px;
	left:0px;
	height:348px;
	width:649px;
	margin-left:16px;
	margin-right:16px;
}

#homeFeature {
	float:left;
	width:649px;
	height:319px;
}

/* iron man champions */

div.champs1 {
	position:relative;
	top:0px;
	left:0px;
	width:532px; 
	height:20px;
	padding-top:20px;
	padding-left:55px 
}

div.champs2 {
	position:relative;
	top:0px;
	left:0px;
	width:532px; 
	padding-left:55px 
}

div.champs3 {
	position:relative;
	top:0px;
	left:0px;
	width:532px; 
	height:16px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:55px 
}

div.champs4 {
	position:relative;
	top:0px;
	left:0px;
	width:532px;
	padding-left:55px 
}

div.champs_row1 {}
div.champs_row2 {clear:both;}
div.champs_row3 {}
div.champs_row4 {clear:both;}

div.ironMan1{
	float:left;
	width:150px; 
	height:221px;
	padding-right:41px;
	padding-bottom:23px;
}

div.ironMan2{
	float:left;
	width:150px; 
	height:221px;
	padding-right:41px;
	padding-bottom:23px;
}

div.ironMan3{
	float:left;
	width:150px; 
	height:221px;
	padding-bottom:23px;
}

div.ironMan4{
	float:left;
	width:150px; 
	/*height:221px;*/
	padding-right:41px;
}

div.ironMan5{
	float:left;
	width:150px; 
	height:221px;
	padding-right:41px;
}

div.ironMan6{
	float:left;
	width:150px; 
	height:221px;
}

div.ironWoman {
	float:left;
	width:532px; 
	height:57px;
}

div.ironMan7{
	float:left;
	width:150px; 
	height:220px;
	padding-right:41px;
	padding-bottom:23px;
}

div.ironMan8{
	float:left;
	width:150px; 
	height:220px;
	padding-right:41px;
	padding-bottom:23px;
}

div.ironMan9{
	float:left;
	width:150px; 
	height:220px;
	padding-bottom:23px;
}

div.ironMan10{
	float:left;
	width:150px; 
	height:221px;
	padding-right:41px;
	padding-bottom:23px;	
}

div.ironMan11{
	float:left;
	width:150px; 
	height:221px;
	padding-right:41px;
	padding-bottom:23px;
}

div.ironMan12{
	float:left;
	/*width:150px; */
	height:221px;
	padding-bottom:23px;
}

div.champs_row1 {}
div.champs_row2 {clear:both;}
div.champs_row3 {}
div.champs_row4 {clear:both;}

/* Iron man code */

div.ironCode {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:560px;
	background-image:url(../images/code/ironManCode.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.ironCode1 {
	position:relative;
	top:20px;
	left:274px;
	width:320px;
	height:470px;
}

/* Iron man food */

div.ironFood {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:560px;
	background-image:url(../images/food/ironManFood.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.ironFood1 {
	position:relative;
	top:100px;
	left:251px;
	width:359px;
	height:225px;
}

div.cerialButton {
	position:absolute;
	top:196px;
	left:216px;
	width:150px;
	height:30px;
	cursor:pointer;
	cursor:hand;
	z-index:99;
}

div.cerialButton1 {
	position:absolute;
	top:88px;
	left:216px;
	width:150px;
	height:30px;
	cursor:pointer;
	cursor: hand;
	z-index:99;
}

div.ironFood2 {
	position:relative;
	top:180px;
	left:251px;
	width:359px;
	height:125px;
}

div.boltsBase {
	float:left;
	height:14px;
	width:681px;
}

div.lowerContent {
	float:left;
	padding-top:5px;
	height:120px;
	width:681px;
}

div.baseContent {
	float:left;
	padding-top:10px;
	left:0px;
	width:681px;
	z-index:4;
}

div.baseBoltsTop {
	position:relative;
	top:0px;
	left:0px;
	width:681px;
	height:15px;
}

div.baseBoltsMid {
	position:relative;
	top:0px;
	left:0px;
	height:90px;
	width:681px;
	z-index:5;
}

div.baseLhBolt {
	float:left;
	width:15px;
	height:90px;
}

div.basePic1 {
	float:left;
	width:205px;
	height:90px;
	z-index:10;
}

div.baseLhSpacer {
	float:left;
	width:10px;
	height:90px;
}

div.basePic2 {
	float:left;
	width:221px;
	height:90px;
	background-color:Black;
	z-index:10;
}
     
div.baseRhSpacer {
	float:left;
	width:10px;
	height:90px;
}     
 
div.basePic3 {
	float:left;
	width:205px;
	height:90px;
	z-index:10;
}

div.basePic3 img {
	z-index:15;
}

div.baseRhBolt {
	float:left;
	width:15px;
	height:90px;
}

div.baseBoltsBase {
	position:relative;
	top:0px;
	left:0px;
	height:15px;
	width:681px;
}

div.footer {
	position:relative;
	display:block;
	width:681px;
	text-align:center;
	padding-bottom:25px;
	margin-left:auto;
	margin-right:auto;
}

div.baseNav {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top:15px;
}

div.baseNav a:link,
div.baseNav a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
}

div.baseNav a:hover{
	text-decoration:underline;
}

/* iron man protein */
div.proteinTitle {
	position:relative;
	height:24px;
	width:592px;
	padding-left:12px;
	padding-bottom:20px;
	padding-top:12px;
}

div.protein {
	position:relative;
	width:620px;
	height:663px;
	padding-left:12px;
	padding-bottom:20px;
}

div.protein1 {
	float:left;
	width:620px;
	height:13px;
	background-image:url(images/cols/innerRow620.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.protein2 {
	float:left;
	width:14px;
	height:637px;
	background-image:url(images/cols/innerColBg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

#proteinInfo {
	float:left;
	height:637px; 
	width:592px;
}

div.protein3 {
	float:left;
	width:14px;
	height:637px;
	background-image:url(images/cols/innerColBg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

div.protein4 {
	float:left;
	width:620px;
	height:13px;
	background-image:url(images/cols/innerRow620.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


/* iron man series 2010 */

div.series1 {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	height:23px;
	padding-left:20px;
	padding-top:20px;
}

div.series2 {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	padding-left:20px;
	padding-bottom:20px;
}

div.series3 {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	height:262px;
	padding-left:20px;
	padding-bottom:20px;
}

div.series4 {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	height:32px;
	padding-left:20px;
	padding-bottom:20px;
	z-index:99;
}
	
div.seriesButton1 {
	float:left;
	width:115px; 
	height:32px;
	padding-right:8px;
}	

div.seriesButton2 {
	float:left;
	width:115px; 
	height:32px;
	padding-right:8px;
}

div.seriesButton3 {
	float:left;
	width:115px; 
	height:32px;
	padding-right:8px;
}

div.seriesButton4 {
	float:left;
	width:115px; 
	height:32px;
	padding-right:8px;
}

div.seriesButton5 {
	float:left;
	width:115px; 
	height:32px;
}

p {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}

/* whats on */

div.whatsOnInner {
	position:relative;
	top:0px;
	left:0px;
	width:649px;
	height:473px;
	margin-left:16px;
	margin-right:16px;
}

div.whatsOn1 {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	height:19px;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:10px;
}

div.whatsOn2  {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	padding-left:20px;
	padding-bottom:10px;
}

div.whatsOn3  {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	height:262px;
	padding-left:20px;
	padding-bottom:20px;
}

/* holding page */

div.holdingPage {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/holdingPage.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:649px;
	height:443px;
	margin-left:16px;
	margin-right:16px;
}

div.holdingPage1 {
	position:relative;
	top:0px;
	left:0px;
	width:649px; 
	height:400px;
	z-index:99;
}

div.holdingPageButton {
	position:relative;
	top:200px;
	left:55px;
	width:200px; 
	height:50px;
	z-index:99;
}

/* the rounds */

div.theRoundsInner {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/series/2010SeriesBg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:649px;
	height:443px;
	margin-left:16px;
	margin-right:16px;
}

div.theRounds1 {
	position:relative;
	top:0px;
	left:0px;
	width:649px; 
	height:400px;
	z-index:99;
}

div.theRounds2 {
	position:relative;
	top:160px;
	left:450px;
	width:200px;
	height:20px; 
}

.heading1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#f50000;
}

.content1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

#rounds {
	margin:0px;
	padding:0px;
}

#rounds li 
{
	margin:3px 0 0 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	list-style:none;
}

#rounds li span.content1 {
	display:block;
	float:left;
	width:50px;
	padding-right:5px;
	text-align:right;
	margin:0 0 0 -55px;
}



/* nutrigrain tv */
div.nutri-TV {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/champions/Nutri-Grain-Videos.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:388px;
	height:308px;
	overflow: hidden;
}

div.nutriTV-1 {
	position:absolute;
	top:74px;
	left:24px;
	width:341px;
	height:208px;
	z-index:4;
}

div.nutriTV {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/tv/Nutri-GrainTV.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:651px;
	height:316px;
}

div.nutriTV1 {
	position:relative;
	top:63px;
	left:25px;
	width:334px;
	height:220px;
	cursor:pointer;
}

div.nutriTV2 {
	position:relative;
	top:-85px;
	left:392px;
	width:222px;
	height:30px;
}

div.nutriTV3 {
	position:relative;
	top:-72px;
	left:393px;
	width:222px;
	height:30px;
}

div.nutriTV4 {
	position:relative;
	top:-54px;
	left:393px;
	width:222px;
	height:30px;
}

img.boltsBasePic {
	float:left;
	display:block;
	margin:0px;
	border:0px;
}

img {
	display:inline-block;
	border:0px;
	margin:0px;
}

#seriesNav  {
	margin-top:15px
	}
	
#seriesNav a {
	float:left
	}

/* DONT MISS CONTENT*/

div.dontMissTitle {
	float:left;
	height:24px;
	width:592px;
	padding-left:12px;
	padding-bottom:20px;
	padding-top:12px;
}

div.dontMissButtons {
	position:relative;
	top:0px;
	left:0px;
	height:32px;
	width:620px;
	padding-left:12px;
	z-index:99;
}

div.dontMiss {
	float:left;
	width:620px;
	padding-left:12px;
	padding-bottom:20px;
	padding-top:20px;
}

div.dontMiss1 {
	float:left;
	width:620px;
	height:13px;
	background-image:url(images/cols/innerRow620.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.dontMiss2 {
	float:left;
	width:14px;
	height:130px;
	background-image:url(images/cols/innerColBg.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}

#dontMissInfo,
#dontMissInfo1,
#dontMissInfo2,
#dontMissInfo3,
#dontMissInfo4 {
	float:left;
	width:592px;
	height:130px;
	background-color:#313131;
}

div.dontMiss3 {
	float:left;
	width:14px;
	height:130px;
	background-image:url(images/cols/innerColBg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

div.dontMiss4 {
	float:left;
	width:620px;
	height:13px;
	background-image:url(images/cols/innerRow620.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#dontMissInfo td,
#dontMissInfo1 td ,
#dontMissInfo2 td,
#dontMissInfo3 td,
#dontMissInfo4 td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	vertical-align:top;
}

#dontMissInfo h2,
#dontMissInfo1 h2,
#dontMissInfo2 h2,
#dontMissInfo3 h2,
#dontMissInfo4 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#FFF;
	margin:3px;
}

div.dontMiss1-1 {
	float:left;
	width:620px;
	height:13px;
	background-image:url(images/cols/innerRow620.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.dontMiss2-2 {
	float:left;
	width:14px;
	height:330px;
	background-image:url(images/cols/innerColBg.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}

#dontMissInfo5 {
	float:left;
	width:572px;
	height:320px;
	padding:5px 10px 5px 10px;
	background-color:#313131;
}

div.dontMiss3-3 {
	float:left;
	width:14px;
	height:330px;
	background-image:url(images/cols/innerColBg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

div.dontMiss4-4 {
	float:left;
	width:620px;
	height:13px;
	background-image:url(images/cols/innerRow620.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#dontMissInfo5 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	vertical-align:top;
}

#dontMissInfo5 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#FFF;
	margin:3px;
}

/* Iron champs */
div.shannon {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/shannonEckstein.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.zane {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/zaneHolmes.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.corey {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/coreyJones.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.pierce {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/pierceLeonard.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.matt {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/mattPoole.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.nathan {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/nathanSmith.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.alicia {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/aliciaMariott.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.naomi {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/naomiFlood.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.courtney {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/courtneyHancock.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.gemma {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/gemmaNewbiggin.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.elizabeth {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/elizabethPluimers.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.kristyl {
	position:relative;
	top:0px;
	left:0px;
	width:651px;
	height:383px;
	background-image:url(../images/champions/kristylSmith.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div.champButton {
	position:absolute;
	top:305px;
	left:410px;
	width:200px;
	height:30px;
	cursor:pointer;
	cursor:hand;
	z-index:99;
}

div.vidButton {
	position:absolute;
	top:268px;
	left:410px;
	width:200px;
	height:30px;
	cursor:pointer;
	cursor:hand;
	z-index:99;
}

div.vidButtonZane {
	position:absolute;
	top:245px;
	left:410px;
	width:200px;
	height:30px;
	cursor:pointer;
	cursor:hand;
	z-index:99;
}

div.champButtonZane {
	position:absolute;
	top:288px;
	left:410px;
	width:200px;
	height:30px;
	cursor:pointer;
	cursor:hand;
	z-index:99;
}

div.blogButtonZane {
	position:absolute;
	top:331px;
	left:423px;
	width:200px;
	height:12px;
	cursor:pointer;
	cursor:hand;
	z-index:99;
}

/* round by round */

div.seriesRounds {
	position:relative;
	top:0px;
	left:0px;
	width:610px; 
	height:32px;
	padding-left:20px;
	padding-top:15px;
	z-index:99;
}

div.roundByRound {
	float:left; 
	padding-left:12px;
	padding-bottom:30px;
	}

div.roundbyround1 {
	float:left; 
	margin-top:15px; 
	margin-right:8px
	}
	
div.roundbyround1 h3 
{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	}
	
div.innerRow200 {
	background: url(images/cols/innerRow200.jpg) repeat-x; 
	width:200px;
	height:13px; 
	clear:both;
	}

div.innerCol-1 {
	float:left; 
	background: url(images/cols/innerColBg.jpg) repeat-y; 
	width:13px;
	height:30px
	}
	
	
div.bodyInner {
	float:left;
	background-color:#555555;
	width:174px;
	height:30px;
	padding:0;
	}
	
.innerCol-2 {
	float:left; 
	background: url(images/cols/innerColBg.jpg) repeat-y; 
	width:13px;
	height:30px
	}
	
div.roundbyround2 {
	float:left; 
	margin-right:8px
	}
	
div.innerCol2-1 {
	float:left; 
	background: url(images/cols/innerColBg.jpg) repeat-y; 
	width:13px;
	height:380px
	}
	
div.bodyInner2 {
	float:left;
	background-color:#555555;
	width:174px;
	height:380px;
	padding:0;
	}
	
div.innerCol2-2 {
	float:left; 
	background: url(images/cols/innerColBg.jpg) repeat-y; 
	width:13px;
	height:380px
	}
	
.blackCell { background-color:#000; padding:5px; font-weight:bold}
.resultCellA{ background-color:#303030;padding:2px 6px 3px 6px; font-size:0.9em; color:#b99668}
.resultCellB{ background-color:#212121;padding:2px 6px 3px 6px; font-size:0.9em}
.resultCellA .points, .resultCellB .points { text-align:right; float:right}