body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	background-image:url(../images/online/uk_backtile.jpg);
	background-repeat:repeat-x;
	background-color:#4a5d0e;

}



img, div, input { behavior: url(iepngfix.htc); }


h1{
	font-size:14px;
	position:relative;
	color: #cda740;
	font-weight:bold;
	top:10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

h2{
	font-size:14px;
	color: #cda740;
	font-weight:bold;
	margin-bottom: 0;
}

p{
	font-size:12px;
	line-height:16px;
	color:#FFFFFF;
	margin-top: 0;
}
ul
{
	margin-top: 0;
	margin-left: 3px;
	padding-left: 15px;
}
ol
{
	margin-top: 0;
	margin-left: 0px;
	padding-left: 20px;
}

li{
	font-size:12px;
	line-height:16px;
	color:#cda740;
	padding-bottom: 10px;
}

.whiteText{
	color: #FFFFFF;
}

.cadburysColor{
	color: #cda740;
}

.cadburysHomeTitle{
	color: #cda740;
	font-size:18px;
}

.fontSizeLarge{
	font-size:14px;
}

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


/*
Site Content
*/

#testBg{
	position:relative;
	margin: 0 auto;
	width:100%;
	height:800px;
	background-image:url(../images/layout/centreBg.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

#contentArea{
	position:relative;
	margin: 0 auto;
	width:1005px;
}



/*
Header
*/

#header{
	position:relative;
	width:100%;
	height:27px;
}

#header #navigation{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position: relative;
	float:left;
	width:610px;
	left:75px;
	top:7px;
	color:#FFFFFF;
	font-size:9px;
}

#header #navigation a:link{ color:#FFFFFF; text-decoration:none; margin-left:25px;}
#header #navigation a:visited{ color:#FFFFFF; text-decoration:none; margin-left:25px;}
#header #navigation a:hover{ color:#CCCCCC; text-decoration:none; margin-left:25px;}
#header #navigation a:active{ color:#FFFFFF; text-decoration:none; margin-left:25px;}



/*
Page Content & Layout
*/

#pageContent{
	position:relative;
	clear:both;
	width:100%;
}

#pageContent #lhs{
	position: relative;
	float:left;
	width: 181px;
}

#pageContent #centre{
	position: relative;
	float:left;
	width:534px;
	

}

#pageContent #rhs{
	position: relative;
	float:right;
	width:290px;
}

#cadburysLogo{
	position: relative;
	clear:both;
	left:46px;
	top:32px;
	height:48px;
}


/*
Main Navigation
*/
#pageContent #lhs #mainNavigation{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	position: relative;
	clear:both;
	margin-top:52px;
	float:right;
	width:150px;
	height:192px;
	background-image:url(../images/navigation/bgNav.png);
}

#pageContent #lhs #mainAdminNavigation{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	position: relative;
	clear:both;
	margin-top:52px;
	float:right;
	width:150px;
	height:310px;
	background-image:url(../images/navigation/bgAdminNav.png);
}

#pageContent #lhs #mainNavigation #navTitle{
	position:relative;
	clear:both;
	padding-right:12px;
	font-weight:bold;
	top:0px;
	text-align:right;
	color:#FFFFFF;
	height:28px;
	top:1px;
	width:138px;
	padding-top:10px;
}

#pageContent #lhs #mainAdminNavigation #navTitle{
	position:relative;
	clear:both;
	padding-right:12px;
	font-weight:bold;
	top:0px;
	text-align:right;
	color:#FFFFFF;
	height:28px;
	top:1px;
	width:138px;
	padding-top:10px;
}

.buttonLinkOver{
	background-image:url(../images/navigation/buttonOver.png);
	/*background-color:#FFFFFF;*/
	position:relative;
	clear:both;
	width:138px;
	padding-right:12px;
	top:0px;
	text-align:right;
	color:#FFFFFF;
	height:20px;
	padding-top:9px;
	margin-top:1px;
}

.buttonLink{
	position:relative;
	clear:both;
	width:138px;
	padding-right:12px;
	top:0px;
	text-align:right;
	color:#FFFFFF;
	height:20px;
	padding-top:9px;
	margin-top:1px;
}

.buttonLink a:link{ color:#FFFFFF; text-decoration:none;}
.buttonLink a:visited{ color:#FFFFFF; text-decoration:none;}
.buttonLink a:hover{ color:#FFFFFF; text-decoration:underline; }
.buttonLink a:active{ color:#FFFFFF; text-decoration:none;}


#flashVideo{
	position: relative;
	clear:both;
	float:right;
	/*
	background-image:url(../flash/flashBg.jpg);
	background-repeat:no-repeat;
	width:142px;
	height:292px;
	margin-top:20px;
	right:0px;
	/*
	border:dashed;
	border-color:#CCCCCC;
	border-width:1px;
	*/
}

/*
Center Area Main Page Content
*/

#pageTitleBox{
	position: relative;
	clear:both;
	margin-top:40px;
	width:533px;
	height:60px;
	background-image:url(../images/online/uk_header.png);
}

#pageTitleBox #breadcrumbs{
	position: relative;
	float:left;
	top:10px;
	left:20px;
	width:200px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#pageTitleBox #breadcrumbs a:link{ color:#FFFFFF; text-decoration:underline;}
#pageTitleBox #breadcrumbs a:visited{ color:#FFFFFF; text-decoration:underline;}
#pageTitleBox #breadcrumbs a:hover{ color:#FFFFFF; text-decoration:none; }
#pageTitleBox #breadcrumbs a:active{ color:#FFFFFF; text-decoration:underline;}

#pageTextContent{
	position: relative;
	clear:both;
	width:473px;
	background: url(../images/layout/innerBgNew.png);
	padding: 0 30px 40px;
	
	margin-top:0px;
	border-left: solid 1px #863eb2;
}

#pageTextContentAdmin{
	position: relative;
	clear:both;
	width:473px;
	background: url(../images/layout/innerBgNew.png);
	padding:30px;
	padding-top:8px;
	padding-bottom:0px;
	border-left:solid;
	border-left-color:#863eb2;
	border-left-width:1px;
	border-top:solid;
	border-top-color:#863eb2;
	border-top-width:1px;	
	min-height: 450px;
}




#pagehomeContent{
	position: relative;
	clear:both;
	width:534px;
	height:498px;
	background-image:url(../images/v2/wrapperSel.png);
	background-repeat:no-repeat;
	margin:0px;
	padding: 0 0 0 0;
}

/* Finalist hotspots */ 

#pagehomeContent #finalist1{
	position:absolute;
	top:240px;
	left:24px;
	height:83px;
	width:154px;
	cursor:pointer;
}

#pagehomeContent #finalist2{
	position:absolute;
	top:240px;
	left:195px;
	height:83px;
	width:154px;
	cursor:pointer;
}

#pagehomeContent #finalist3{
	position:absolute;
	top:240px;
	left:360px;
	height:83px;
	width:154px;
	cursor:pointer;
}

#pagehomeContent #finalist4{
	position:absolute;
	top:340px;
	left:108px;
	height:83px;
	width:154px;
	cursor:pointer;
}

#pagehomeContent #finalist5{
	position:absolute;
	top:340px;
	left:276px;
	height:83px;
	width:154px;
	cursor:pointer;
}


#iehomePageContent{
	position: relative;
	clear:both;
	width:534px;
	background-image:url(../images/v2/homeText/textBg1.png);
	height:107px;
}





/*
Right-hand-side content
*/

#balloonArea{
	position: relative;
	top:10px;
	width:275px;
	height:509px;
	float:left;
	left:15px;
	background-image:url(../images/layout/balloonsBg.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#balloonArea_phaseii{
	position: relative;
	top:10px;
	width:290px;
	height:520px;
	float:left;
	left:5px;
}

#balloonArea #timerArea{
	position: relative;
	left:36px;
    width:185px;
	height:193px;
	top:195px;
}

#balloonArea #timerArea #timer{
	position: relative;
	width:100%;
	height:44px;
	background-color:#E1E1E1;
	top:6px;
}

#balloonArea #leaderBoardArea{
	position: relative;
	left:36px;
    width:185px;
	height:175px;
	top:130px;
}

#balloonArea #leaderBoardArea #leaderboard{
	position: relative;
	width:100%;
	height:121px;
	background-color:#E1E1E1;
	top:6px;
}

#balloonArea #leaderBoardArea #notice{
	position: relative;
	clear:both;
	margin: 0 auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#7b36c0;
	width:100%;
	padding-top:14px;
}

.balloonTitle{
	line-height:19px;
	position: relative;
	clear:both;
	margin: 0 auto;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	width:100%;
}





/*
Inner Page content
*/

.bgWrapper
{
	background:url(../images/layout/homeTextBg.png) repeat;
}

#pageTextTitleArea{
	position: relative;
	clear:both;
	background-image :url(../images/layout/innerBgNew.png);
	height: 122px;
	border-left:solid 1px #863eb2;
	border-top:solid 1px #863eb2;
	margin-bottom: 0;
	padding-bottom: 0;
	
}


#pageTextTitleArea #textTitleImage{
	position: relative;
	float:left;
	margin-top:55px;
	margin-left: 5px;
}

#pageTextTitleArea #dairyMilk{
	position: relative;
	float:right;
	background-image:url(../images/titles/dairyMilk.png);
	width:185px;
	height:79px;
	margin-right: 30px;
	margin-top: 8px;
}


/*
Forms
*/

#formTitle{
	position: relative;
	clear:both;
	background-image:url(../images/form/uploadTitle.png);
	width:327px;
	height:29px;
}

#form{
	position: relative;
	clear:both;
	margin:5px 0 10px 4px;
	margin-top:5px;
	margin-left:4px; /* align to form image title*/
	width:430px;
}

#form .textbox, #form .textarea
{
	float: left;
	font-size:11px;
	color:#FFFFFF;
	padding: 4px;
	padding-left:10px;
	background-color:#391260;
	border: solid;
	border-color:#8b47ab;
	border-width:1px;
	width:303px;
	margin-top:2px;
}

#form p.label
{
	margin: 0;
}

#form label.label
{
	clear: both;
	width: 80px;
	color: #fff;
	float: left;
	line-height: 24px;
	font-size: 11px;
}

#form span.label
{
	clear: both;
	width: 80px;
	color: #fff;
	float: left;
	line-height: 24px;
	font-size: 11px;
}

#form span.error
{
	float: left;
	padding-left: 80px;
	
}

.submitButton{
	float: right;

	height:21px;
	border:none;
	padding:0;
	margin:0;
	margin-top:5px;
}

.checkBox{
	float: left;
	border:none;
	padding:0;
	margin:0;
	margin-bottom:2px;
	width:24px;
}

.formSubmission{
	float: left;
	clear:both;
	width:393px;
	color:#FFFFFF;
	font-size:10px;
	margin-left:4px; /* align to form image title*/
	
}

.formLhs{
	color:#FFFFFF;
	font-size:10px;
	padding-top:5px;
}

#compeitionEnd{
	position:relative;
	clear:both;
	font-size:10px;
	color:#bb40a2;
	padding-top:5px;
	margin-left:4px; /* align to form image title*/
}


#compeitionEnd a:link{ color:#bb40a2; text-decoration:none;}
#compeitionEnd a:visited{ color:#bb40a2; text-decoration:none;}
#compeitionEnd a:hover{ color:#bb40a2; text-decoration:underline;}
#compeitionEnd a:active{ color:#bb40a2; text-decoration:none;}
/*
Hall of Fame
*/

#hallofFame{
	position: relative;
	clear:both;
	background-image:url(../images/hallOfFame/hallBg.png);
	width:440px;
	height:135px;
}


/*
News/Blog
*/

#blogNewsContent{
	position: relative;
	clear:both;
}

.newsItem{
	position: relative;
	clear:both;
	padding-top:5px;
	border-top:dotted;
	border-top-width:1px;
	border-top-color:#FFFFFF;
	width: 473px;
}

.newsItemDate{
	position: relative;
	float:left;
	width:32px;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

.newsItemDate .year{
	font-size: 14px;
}

.newsItemContent{
	position: relative;
	float:right;
	width:430px;
}

.authorPicture{
	position: relative;
	float:left;
	width:39px;
	padding-bottom:5px;
}

.newsItemAuthorInfo{
	position: relative;
	float:right;
	width:370px;
	padding-bottom:5px;
	color:#FFFFFF;
}

.newsItemAuthorIntro p {
	position: relative;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	line-height:14px;
}

.newsItemAuthorIntro a.comment {
	margin-bottom: 10px;
	border: 0;
}
.newsItemAuthorIntro .comment img {
	border: 0;
}

.newsItemAuthorIntro .row
{
	border-top: solid 1px #592d83;
	padding-bottom: 10px;
}

.newsItemAuthorIntro .row0
{
	border-top: 0;
}

.commentName, .commentDate
{
	clear: both;
	float: left;
	font-style: italic;
	color: #fff;
	text-decoration: underline;
	width: 75px;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.commentDate
{
	text-decoration: none;
}

.commentText 
{
	float: left;
	width: 325px;
	color: #CDA740;
	font-style: italic;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #cda740;
}


.newsItemAuthorIntro a:link{ color:#bb40a2; text-decoration:none;}
.newsItemAuthorIntro a:visited{ color:#bb40a2; text-decoration:none;}
.newsItemAuthorIntro a:hover{ color:#bb40a2; text-decoration:underline;}
.newsItemAuthorIntro a:active{ color:#bb40a2; text-decoration:none;}

/*
Footer
*/

#footerWrap{
	margin:0;
	width:100%;
	clear:both;
	min-height:134px;
	background-image:url(../images/online/uk_flowersback.png);
	background-repeat:repeat-x;
}

.footer{
	position: relative;
	margin:0 auto;
	clear:both;
	width:1000px;
	min-height:129px;
	background-image:url(../images/layout/ieFooterFix.png);
}

.footer #footerLinks{
	position: relative;
	float:left;
	margin-top:96px;
	left:240px;
	width:400px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5d2992;
	font-size:10px;
	padding-top:5px;
}

.footer #footerIcons{
	position: relative;
	margin-top:94px;
	float:right;
	right:180px;
	width:150px;
	border: 0;
}

.footer #footerIcons img { border: 0; }

.footer #footerLinks a:link{ color:#5d2992; text-decoration:none; margin-left:27px;}
.footer #footerLinks a:visited{ color:#5d2992; text-decoration:none; margin-left:27px;}
.footer #footerLinks a:hover{ color:#5d2992; text-decoration:underline; margin-left:27px;}
.footer #footerLinks a:active{ color:#5d2992; text-decoration:none; margin-left:27px;}

.footerIcon{
	float: left;
	padding-right:6px;
}

.goldColour{
	color:#a39161;
}

#iepageContent{
            position: relative;
            clear:both;
            width:533px;
            background-image:url(../images/layout/innerBgNew.png);
            padding-bottom:20px;
}

#iepageContent #titleImage{
            position: relative;
            float:left;
            height:59px;
            width:269px;
            margin-top:20px;
            margin-left:6px;
}

#iepageContent #dairyMilk{
            position: relative;
            float:right;
            height:79px;
            width:185px;
            margin-right: 30px;
            margin-left:10px;
            margin-top:10px;
}

#iepageContent #textContent{
            position: relative;
            clear:both;
            margin-top:10px;
            width:490px;
            margin-left:23px;
}

#iehomePageContent #textContent{
            position: relative;
            clear:both;
            margin-top:0px;
            width:490px;
            margin-left:23px;
            padding: 0px 0 20px 0;
}


/* SEARCH */
#header input {
	background:transparent url(../images/layout/uk_searchbacktile.jpg) repeat scroll 0 0;
	border-color:-moz-use-text-color -moz-use-text-color #FFFFFF;
	border-style:none none solid;
	border-width:medium medium 1px;
	float:left;
	font-size:10px;
	height:12px;
	width:100px;
	border-color: #fff;
}

.wrapsearch {
	float:right;
	line-height:28px;
	margin:6px 20px 0 0;
	padding:0;
}

.pre-search-image {
	background:transparent url(../images/layout/uk_searchback.jpg) repeat scroll 0 0;
	float:left;
	height:15px;
	width:19px;
}

.post-search-image {
	background:transparent url(../images/layout/uk_searchback.jpg) repeat scroll right top;
	float:left;
	height:15px;
	width:12px;
}

.clearer
{
	clear: both;
}


/*
Finalist Pages
*/

#finalistHeader{
	position: relative;
	clear:both;
	width:100%;
	background-image:url(../images/layout/innerBgNew.png);
	background-repeat:repeat;
}

#finalistHeader #titleImage{
	float: left;
}

#finalistHeader #dairyMilk{
	float: right;
}

#finalistDesign{
	position: relative;
	clear:both;
	top:20px;
	width:491px;
	height:277px;
	left:-8px;
}

#finalistDesign .celine{
	background-image:url(../images/finalist/celine/bar.png);
}

#finalistDesign #vote{
	position: relative;
	left:260px;
	top:210px;
	width:206px;
}

#finalistTitle{
	position: relative;
	clear:both;
	width:465px;
	height:48px;
	top:10px;
	left:6px;
}


#finalistTextArea{
	position: relative;
	clear:both;
	background-image:url(../images/finalist/infoBox/bg.png);
	background-repeat:repeat;
	width:465px;
	padding-top:5px;
	padding-bottom:5px;
	left:6px;
	height:200px;
}

#finalistTextArea #text{
	position: relative;
	float:right;
	width:300px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#finalistTextArea #lhs{
	position: relative;
	float:left;
	left:18px;
	width:110px;
	top:5px;
}

#finalistTextArea #lhs #pic{
	position: relative;
	clear:both;
	width:106px;
	height:124px;
}

#finalistTextArea #lhs #follow{
	position:relative;
	clear:both;
	top:15px;
	color:#a39161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:20px;
}


#finalistTextArea #lhs #facebook{
	position:relative;
	clear:both;
	width:100%;
	height:20px;
	top:10px;
}

#finalistFooter{
	position:relative;
	clear:both;
	background-image:url(../images/finalist/infoBox/footer.png);
	width:465px;
	height:20px;
	left:6px;
}

#otherFinalists{
	position: relative;
	clear:both;
	left:10px;
	padding-top:10px;
}

#otherFinalists #title{
	position: relative;
	clear:both;
	background-image:url(../images/finalist/otherFinalists.png);
	width:237px;
	height:26px;	
}

#otherFinalists #iconLinks{
	position: relative;
	clear:both;
	left:7px;
	top:4px;
}

/*=========================================*/
/*=========TAGS FOR THE LEADERBOARD =======*/ 
/*=========================================*/

#leaderboard {
	width:290px;
	height:590px;
	overflow:hidden;
}

#leaderboard .leaderboard-holder {
	margin:0 auto;
	width:277px;
}

#leaderboard .balloons {
	background:url(../images/leaderboard-balloons.png) no-repeat;
	width:277px;
	height:189px;
}

#leaderboard .topofboard {
	background:url(../images/leaderboard-top.png) no-repeat; 
	width:277px;
	height:27px;
}

#leaderboard .mainboard {
	background:url(../images/leaderboard-centre.png) no-repeat;
	width:277px;
}

#leaderboard h3.leader {
	width:232px;
	margin:0px;
	color:#FFF;
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:17px;
	padding:0 0 4px 53px;
}

#leaderboard .competitor {
	background:url(../images/leaderboard-name-bg-transp.png) no-repeat;
	width:193px;
	height:25px;
	margin-left:37px;
}

#leaderboard .competitor .title {
	color:#FFF;
	font-size:12px;
	font-weight:bold;	
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	padding:3px 0 0 5px;
	width:53px;
}

#leaderboard .competitor .score {
	background:url(../images/leaderboard-progress.png) no-repeat;
	float:left;
	height:11px;
	margin:5px 0px 0px 0px;
}

#leaderboard .bottomofboard {
	background:url(../images/leaderboard-btm.png) no-repeat;
	height:23px;
	width:277px;
	text-align:center;
}

#leaderboard .bottomofboard p {
	color:#7b36c0;
	font-size:9px;
	font-family:Arial, Helvetica,#leaderboard  sans-serif;
	margin:0px 0px 0px -10px;
	padding:2px 0px 0px;
}

img.votingClosed
{
	position: absolute;
	top: 180px;
	left: 8px;
	z-index: 99;
}

#final-holder {
	width:533px;
	height: 605px;
	overflow:hidden;
	background:url(../images/layout/innerbgNew.png) repeat-y;
}

#logo {
	background:url(../images/final/dairymilk-logo.png) no-repeat;
	width:164px;
	height:71px;
	float:right;
	margin:10px 30px 0px 0px;
}

#winner-text {
	position:relative;
	clear:both;
	top: 30px;
	width:470px;
	height:170px;
	text-align:center;	
	margin:0 auto;
}

#winner-main-body {
	/*width:450px;
	position:relative;
	clear:both;
	margin:0 auto;
	top:80px;*/
	background:url(../images/final/wrapper.png) no-repeat;
	width:450px;
	margin:0 auto;
	padding-top:220px;
}

#winner-main-body p {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}