@charset "utf-8";
/* CSS Document for McVitie's 'Dunk or Crunch?' */

body {
	background-color:#102459;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

a {
	color:#949ce5;
}

div.clearer { clear:both; line-height:0; height:0; }

div#main-bg-dunkcrunch {
	background:url(../images/dunk-crunch-bg.jpg) top left no-repeat;
	width:1100px;
	margin:0 auto;
	height:778px;
}

div#main-bg-biscuit {
	background:url(../images/biscuit-bg.jpg) top left no-repeat;
	width:1100px;
	margin:0 auto;
	height:778px;
	position:relative;
}

div#header div.need-flash {
	float:left;
	width:165px;
	color:#949ce5;
	padding:7px 0 0 3px;
	font-size:11px;
}

div#header div.need-flash img {
	float:left;
	color:#949ce5;
	margin-right:5px;
}

div#header div.need-flash a {
	color:#949ce5;
}

div#header h1.dunkorcrunch {
	margin:0;
	padding:0;
	background:url(../images/dunkcrunch/dunk-or-crunch.jpg) top left no-repeat;
	display:block;
	width:410px;
	height:110px;
	text-indent:-9999px;
	position:relative;
	margin-left:333px;	
}

div#header h1.biscuit {
	margin:0;
	padding:0;
	background:url(../images/biscuit-vote/your-fave-biscuit.jpg) top left no-repeat;
	display:block;
	width:424px;
	height:167px;
	text-indent:-9999px;
	position:relative;
	margin-left:340px;	
}

div#content div#content-dunk, div#content div#content-crunch {
	float:left;
	padding-top:279px;
}

div#content div#content-dunk {
	float:left;
	width:500px;
	padding-left:168px;
}

div#content div#content-crunch {
	float:left;
	width:236px;
}

div#content div.caramel-digestives { position:absolute; top:231px; left:167px; width:208px; height:99px; }
div#content div.digestives-mc { position:absolute; top:339px; left:116px; width:228px; height:94px; }
div#content div.hobnobs { position:absolute; top:456px; left:83px; width:213px; height:95px; }

div#content div.fruit-shortcake { position:absolute; top:345px; left:445px; width:195px; height:101px; }
div#content div.mini-digestives { position:absolute; top:446px; left:352px; width:150px; height:101px; }
div#content div.hobnobs-mc { position:absolute; top:456px; left:565px; width:183px; height:91px; }

div#content div.ginger-nuts { position:absolute; top:239px; left:685px; width:254px; height:91px; }
div#content div.digestives { position:absolute; top:345px; left:733px; width:228px; height:101px; }
div#content div.rich-tea { position:absolute; top:459px; left:806px; width:214px; height:92px; }


/* FOOTER */
div#footer {
	width:937px;
	margin:0 auto;
	color:#949ce5;
	font-size:11px;
	position:relative;
}

div#main-bg-biscuit div#footer {
	width:937px;
	margin:429px auto 0 auto;
	color:#949ce5;
	font-size:11px;
	position:relative;
}

div#footer div.foot-left { float:left; width:810px; }
div#footer div.foot-left div.legals { float:left; width:300px; }
div#footer div.foot-left div.share { float:left; width:200px; padding-top:7px; }
div#footer div.mcvities { float:left; width:117px; }
div#footer div.mcvities img { position:relative; top:-15px; }