/* GLOBAL BASED TAG RULES
*******************************************************************/
* {
	margin : 0;
	padding : 0;
}

body {	
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : black;
	background-color : #0BA1D9;
	text-align : center;
}

h1 {
	margin-bottom : 0.2em;
}

h2 {
	font-size : 1em;
	margin-bottom : 0em;
	color : #0C2568;
}

h3 {
	font-size : 1em;
	margin-bottom : 0.4em;
}

p {margin-bottom : 1em;}

ul {
	margin-bottom : 1em;
	list-style-type : none;
}

ul li {
	list-style-type : none;
	margin-bottom : 1em;
}

input, textarea, select {
	font-family : Arial, Helvetica, sans-serif;
	font-size : .9em;
	background-color : #FBF3D0;
	border : 1px solid #CC9900;
	padding : 2px;
}

select {padding : 0;}

input.radio-button {
	border : 0;
	vertical-align : bottom;
	background-color : transparent;
}



textarea {width : 310px;}

a:link,
a:visited,
a:active,
a:hover {
	color : #D21C1C;
	text-decoration : underline;
}
a:hover {text-decoration : none;}

img {border : 0;}

table {
	padding : 0;
	border-collapse : collapse;
}

td {
	padding : 0;
	margin : 0;
	vertical-align : top; 
	font-size : 1em;
}

th {
	padding : 0;
	margin : 0;
	vertical-align : top; 
}


/* Page wrapper
*******************************************************************/
#page-wrapper {
	text-align : left;
	margin : 15px auto 16px auto;
	font-size : 0.8em;
	background : #F3C310 url(/images/img_bgShadow.gif) 0 0 repeat-y;
	width : 781px;
	position : relative;
}
#page-wrapper-inner {
	background : transparent url(/images/img_header.gif) 0 0 no-repeat;
	position : relative;
}

#banner {
	text-align : left;
	font-size : 0.8em;
	width : 781px;
	height : 80px;
	margin : 20px auto 0 auto;
	background: red url(/images/img_bgShadow.gif);
	position : relative;
}



/* logo / header graphic
*******************************************************************/
#logo {
	position : absolute;
	left : 0;
	top : 0;
	width : 116px;
	height : 39px;
}
#logo span {display : none;}


/* site nav wrapper
*******************************************************************/
#nav {height : 127px;}


/* header panels
*******************************************************************/
#header-panels {
	width : 780px;
	background : transparent url(/images/tile_header_panels.gif) 0 0 repeat-y;
}

#header-panels p {margin:0;}

#header-panels div.panel-1 {
	font-size : 0.85em;
	color : white;
	float : left;
	padding : 0 12px 0 23px;
	width : 180px;
	\width : 215px;
	w\idth : 180px;
	min-height : 10px;
}
#header-panels div.panel-2 {
	font-size : 0.85em;
	color : white;
	width : 186px;
	float : left;
}
#header-panels div.panel-3 {
	font-size : 0.85em;
	color : white;
	width : 162px;
	float : left;
}
#header-panels div.panel-4 {
	font-size : 0.85em;
	color : white;
	width : 186px;
	float : left;
}
#header-panels div.text {
		
}

#header-panels a.button-play {
	display : block;
	height : 80px;
	width :185px;
	background : transparent url(/images/nav2_playhouse.gif) 0 0 no-repeat;
}
#header-panels a.button-play:hover {
	background-position : 0 -84px;
	/*cursor: default;*/
}

#header-panels a.button-whatsnew {
	display : block;
	height : 78px;
	width : 161px;
	background : transparent url(/images/nav2_whatsnew.gif) 0 0 no-repeat;
}
#header-panels a.button-whatsnew:hover {background-position : 0 -78px;}

#header-panels a.button-win {
	display : block;
	height : 75px;
	width :186px;
	background : transparent url(/images/nav2_competition.gif) 0 0 no-repeat;
}
#header-panels a.button-win:hover {
	background-position : 0 -78px;
	/*cursor: default;*/
}

#header-panels a span {display : none;}

#header-panels ul {
	margin : 0 0 1em 0;
	padding : 0;
}
#header-panels ul li {
	background : transparent url(/images/arrow_small.gif) 0 4px no-repeat;
	padding-left : 10px;
}


/* top sections
*******************************************************************/
#sections {
	position : absolute;
	right : 0;
	top : 0;
	list-style-type : none;	
	float : right;
	font-size : 0.85em;
	width : 664px;
}
#sections li {
	float : right;
	list-style-type : none;	
	border-right : 1px solid #EE6321;
	margin : 12px 6px 0 0;
	padding : 0 6px 0 0;
	line-height : 1em;
}
#sections li.last-item {
	border : 0;
	padding-right : 12px;
}
* html #sections li.last-item {padding-right : 8px;}

#sections li a:link,
#sections li a:visited,
#sections li a:hover,
#sections li a:active {
	color : black;
	text-decoration : none;
}
#sections li a:hover {text-decoration : underline;}


/* characters nav
*******************************************************************/
#characters {
	/* remove from page flow */
	position : absolute;
}
#characters a span {display : none;}
#characters a {
	display : block;
	position : absolute;
}

#characters a.mikey {
	background : transparent url(/images/nav01_mikey.gif) 0 0 no-repeat;
	top : 48px;
	left : 18px;
	width : 75px;
	height : 57px;
}
#characters a.mikey:hover {background-position : 0 -57px;}
#characters a.sprinkles {
	background : transparent url(/images/nav01_sprinkles.gif) 0 0 no-repeat;
	top : 48px;
	left : 18px;
	width : 76px;
	height : 56px;
}
#characters a.sprinkles:hover {background-position : 0 -56px;}
#characters a.cornnelius {
	background : transparent url(/images/nav02_cornelius.gif) 0 0 no-repeat;
	top : 76px;
	left : 160px;
	width : 84px;
	height : 54px;
}
#characters a.cornnelius:hover {background-position : 0 -57px;}
#characters a.woodles {
	background : transparent url(/images/nav03_woddles.gif) 0 0 no-repeat;
	top : 22px;
	left : 177px;
	width : 86px;
	height : 57px;
}
#characters a.woodles:hover {background-position : 0 -53px;}
#characters a.flossy {
	background : transparent url(/images/nav04_flossy.gif) 0 0 no-repeat;
	top : 79px;
	left : 234px;
	width : 86px;
	height : 44px;
}
#characters a.flossy:hover {background-position : 0 -45px;}
#characters a.choccy {
	background : transparent url(/images/nav12_choccy.gif) 0 0 no-repeat;
	top : 19px;
	left : 270px;
	width : 86px;
	height : 50px;
}
#characters a.choccy:hover {background-position : 0 -50px;}
#characters a.mooooon {
	background : transparent url(/images/nav05_moonshaker.gif) 0 0 no-repeat;
	top : 64px;
	left : 375px;
	width : 92px;
	height : 57px;
}
#characters a.mooooon:hover {background-position : 0 -60px;}
#characters a.slurples {
	background : transparent url(/images/nav_10_slurples.gif) 0 0 no-repeat;
	top : 28px;
	left : 425px;
	width : 86px;
	height : 60px;
}
#characters a.slurples:hover {background-position : 0 -63px;}
#characters a.avalance {
	background : transparent url(/images/nav06_avalanche.gif) 0 0 no-repeat;
	top : 42px;
	left : 490px;
	width : 99px;
	height : 56px;
}
#characters a.avalance:hover {background-position : 0 -57px;}
#characters a.pie {
	background : transparent url(/images/nav07_piewizard.gif) 0 0 no-repeat;
	top : 70px;
	left : 599px;
	width : 60px;
	height : 56px;
}
#characters a.pie:hover {background-position : 0 -58px;}
#characters a.snowy {
	background : transparent url(/images/nav08_snowy.gif) 0 0 no-repeat;
	top : 40px;
	left : 629px;
	width : 59px;
	height : 54px;
}
#characters a.snowy:hover {background-position : 0 -54px;}
#characters a.eggo {
	background : transparent url(/images/nav09_eggo.gif) 0 0 no-repeat;
	top : 74px;
	left : 715px;
	width : 58px;
	height : 56px;
}
#characters a.eggo:hover {background-position : 0 -56px;}


/* main body content
*******************************************************************/
#content {
	clear : both;
	position : relative;
	width : 781px;
	background : transparent url(/images/img_content_bg.gif) 0 100% no-repeat;

}

#content #left-col {
	font-size : 0.85em;
	width : 234px;
	float : left;
	padding-top : 12px;
}
#content #left-col div.pad {
	padding : 12px;
}

#content #left-col div.pad img {
	margin-left: -12px;
}

#content #left-col  ul {
	margin : 0 0 1em 0;
	padding : 0;
}
#content #left-col  ul li {
	background : transparent url(/images/arrow_small.gif) 0 4px no-repeat;
	padding-left : 10px;
}


#content #mid-col {
	width : 341px;
	float : left;
	padding-top : 12px;
}
#content #mid-col div.pad {
	background : #F6CF24 url(/images/img_content_bottom.gif) 0 100% no-repeat;
	padding : 0 12px 1em 12px;
}

#content #mid-col ul {
	list-style-type : disc;
	color : white;
	margin : 0 -12px 1em -12px;
	padding : 1em 0 0 2em;
	font-weight : bold;
	background : #CC9900 url(/images/img_content_top.gif) 0 0 no-repeat;
}
* html #content #mid-col ul {font-size : 12px;}


#content #mid-col ul.sub-list {
	list-style-type : disc;
	color : white;
	margin : 0 -12px 1em 0;
	padding : 1em 0 0 2em;
	font-weight : bold;
	background : #CC9900;
}
#content #mid-col ul.intro {
	background-image : url(/images/img_content_top_intro.gif);
}
* html #content #mid-col ul.intro {position : relative;}

#content #mid-col ul li.intro-one-line {
	padding-bottom:10px;
	padding-top:6px;
}

#content #mid-col ul li {
	list-style-type : disc;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}
#content #mid-col ul li.last-item {
	background : #CC9900 url(/images/img_content_middle.gif) 0 104% no-repeat;
	padding-bottom : 1em;
}


#content #right-col {
	float : left;
	width : 198px;
	padding-top : 12px;
}


/*	microsite_container
*******************************************************************/
#microsite-container #alt-content {
	margin: 24px;
}

#microsite-container #alt-content ol {
	margin-left: 24px;
}

#microsite-container {
	background : transparent url(/images/img_bgShadow.gif) 0 0 repeat-y;
}


/*	Treasure Hunt
*******************************************************************/

.hunt-not-complete-message {
	min-height: 440px;
}
/* IE only */
* html .hunt-not-complete-message {
	height: 440px;
}

.prizes-image {
	text-align : center;
}
.terms {
	font-size : 0.85em;
	font-weight : normal !important;
}

/* Competition Terms and Conditions PopUp window
*******************************************************************/
#tnc-pop-up {
	background: #F3C310;
	text-align : left;
}

#tnc-pop-up #tnc-wrapper {
	margin: 1em 2em 2em 2em;
}

#tnc-pop-up h1 {
	color : #0C2568;
	margin: 0 0 0.5em 0;
	font-size : 1.5em;
}

#tnc-pop-up ul {
	list-style-type : disc;
	font-size : 0.75em;
}

#tnc-pop-up ul li {
	list-style-type : disc;
	margin-bottom : 1em;
}

#tnc-pop-up ul ul{
	list-style-type : square;
	font-size : 1em;
	margin: 1em 0 0 2em;
}

#tnc-pop-up ul ul li{
	list-style-type : square;
}

/*	footer
*******************************************************************/
#footer {
	width : 758px;
	\width : 781px;
	w\idth : 758px;
	background : #F3B610 url(/images/img_footer_06.gif) 0 100% no-repeat;
	font-size : 0.85em;
	color : white;
	padding : 0 0 16px 23px;
}
#footer ul, 
#footer ul li {
	list-style-type : none;
	margin : 0;
}
#footer ul li {
	float : left;
	border-right : 1px solid white;
	padding-right : 0.6em;
	margin-right : 0.6em;
}
#footer ul li.last-item {border : 0;}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {text-decoration : none;}
#footer a:hover {text-decoration : underline;}

#footer p {
	padding : 0;
	margin : 0;
	clear : both;
}


/*	generic reuseable classes
******************************************************************/
.clear-hidden {
	line-height : 1px;
	font-size : 1px;
	margin : 0;
	padding : 0;
	clear : both;
}
.clear-both {clear : both;}
.display-block {
	display : block;
	clear : both;
}
.no-border {border : 0 !important;}
.float-right {float : right;}
.no-bullet  {list-style-image: url(/images/bullet_hidden.gif);}

div.friends {padding : 0 0 1em 0;}
div.friends img {vertical-align : middle;}
div.friends img.first-friend {margin : 0 50px 0 40px;}
div.friends img.third-friend {margin : 0 47px 0 30px;}

a.checkout-site {
	width : 169px;
	height : 66px;
	clear : both;
	display : block;
	background : transparent url(/images/nav_checkOutMySite.gif) 0 0 no-repeat;
}
a.checkout-site span {display : none;}
a.checkout-site:hover {background : transparent url(/images/nav_checkOutMySiteOver.gif) 0 0 no-repeat;}

a.product-info {
	width : 155px;
	height : 58px;
	clear : both;
	display : block;
	background : transparent url(/images/nav2_productInfo.gif) 0 0 no-repeat;
}
a.product-info span {display : none;}
a.product-info:hover {background : transparent url(/images/nav2_productInfoOver.gif) 0 0 no-repeat;}

a.home {
	width : 155px;
	height : 58px;
	clear : both;
	display : block;
	background : transparent url(/images/nav2_returnToHome.gif) 0 0 no-repeat;
}
a.home span {display : none;}
a.home:hover {background : transparent url(/images/nav2_returnToHomeOver.gif) 0 0 no-repeat;}

.button-image {
	border : 0;
	margin-top : 7px;
	margin-left : 220px;
	padding : 0;
}

table.form-table,
table.form-table-new{
	border : 0;
	margin : 0 0 4px 0;
}

table.form-table-new th{
	font-weight : normal;
	vertical-align : top;
	width : 112px;
	padding-top : 3px;
}

table.form-table th {
	font-weight : normal;
	vertical-align : top;
	width : 68px;
	padding-top : 3px;
}

table.form-table-new td,
table.form-table td {
	padding-bottom : 8px;
}

.required {
	color : #D21C1C;
	font-weight : bold;
}