@charset "UTF-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.25em;
}

a:active, :focus {
	outline: none;
}

img {
border-style: none;
}

#contentContainer ul#crumbtrail
{
		right: 0px;
		top: 20px;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
}

#contentContainer ul#backto
{
	right: 0px;
	top: 20px;
	margin: 0;
	padding: 0px 0px 0px 14px;
	font-size: 0.9em;
	list-style-image: url('barrow.gif');
}

#contentContainer ol
{
	line-height: 2em;
}

#contentContainer ul
{
	line-height: 2em;
}

#contentContainer ul#nav_multi
{
	margin: 0;
	padding: 10px 0px 10px 14px;
	list-style-image: url('parrow.gif');
}

#contentContainer ul#nav_bottom
{
	margin: 0;
	padding: 0px 0px 0px 14px;
	list-style-image: url( 'parrow.gif');
}

#contentContainer ul#what_do_you_think
{
	margin: 0;
	padding: 15px 0px 0px 14px;
	list-style-image: url( 'bubble.gif');
}

#contentContainer h1
{
	padding: 0px;
	margin: 20px 0px 10px 0px;
	font-weight: bold;
	color: #A40084;
}

#contentContainer h2 {
	padding: 0px;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
	color: #A40084;
}

#contentContainer h3 {
	padding: 0px;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
	color: #A40084;
}

#contentContainer h4
{
	padding: 0px;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	color: #A40084;
}

#contentContainer p#backtop
{
	font-size: 0.9em;
}

p.attr { padding: 0px 0px 10px 0px; }

#header, #footer {
	color: #606060;
	font-size: 0.9em;
}

#header a, #footer a {
	color: #606060;
	text-decoration: none;
}

#header a:hover, #footer a:hover {
	color: #3B0083;
	text-decoration: underline;
}

.hidden {
	display: none;
}

@media screen {

	html, body {
		margin: 0;
		padding: 0;
	}
	
	body {
		background: #8966B5 url(./canvasbg.gif) center top repeat-y;
		height:100%;
		margin: 0 auto;
		min-height: 100%;
		text-align: center;
	}
	
	#main {
		margin: 1em auto;
		text-align: left;
		width: 830px;
	}
	
	#header {
		position: relative;
		margin-bottom: 0.5em;
	}
	
	#header h1 {
		margin: 0;
	}
}
	
#header h1 a {
	display: block;
	text-indent: -7000em;
	background: transparent url(./cadbury_logo.gif) 0 0 no-repeat;
	width: 151px;
	height: 58px;
}

@media screen {

	#header ul {
		position: absolute;
		right: 0px;
		top: 20px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
}

@media print {
	
	#header ul {
		display: none;
	}
}

@media screen {
	
	#header li {
		float: left;
	}
	
	#header li a {
		display: block;
		float: left;
		padding: 1px 5px 0 0;
	}
	
	#header form, #header fieldset {
		display: inline;
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#header input {
		float: left;
		margin-left: 5px;
	}
	
	#header input.text {
		color: #606060;
		border: solid 1px #333;
		padding: 1px 2px 2px 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	
	#header input.image {
		display: block;
		padding-top: 1px;
	}
}

#footer {
	text-align: center;
}
	
@media screen {
	
	#footer {
		width: 830px;
		position: relative;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	#footer p {
		margin: 0;
	}
	
	#footer ul {
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
	}
}

@media print {
	
	#footer ul {
		display: none;
	}
}

@media screen {
	
	#footer li {
		float: left;
	}
	
	#footer ul#site-tools {
		left: 0px;
	}
	
	#footer ul#site-tools li {
		margin-right: 5px;
	}
	
	#footer ul#footer-links {
		right: 0px;
	}
	
	#footer ul#footer-links li {
		margin-left: 5px;
	}
}

dt { font-weight: bold; }
dd { margin-bottom: 1em; }

ol, ul { margin-bottom: 1em; }
ul.inline li { display: inline; }

.danger { color: red; }
.note { font-style: italic; }

.content-notes * { font-size: 0.9em; }

@media screen {

	div#content {
		font-family: "Trebuchet MS", Helvetica, sans-serif;
	}

	body.iKnowMyStuffSection div#content {
		width: 830px;
		height: 650px;
		background: transparent url(./purple-bg.png) top left no-repeat;
		color: white;
		position: relative;
	}
	
	body.iKnowMyStuffSection div#content a { color: white; }
	body.iKnowMyStuffSection div#content a:hover { text-decoration: underline; }
	
	body.iKnowMyStuffSection div#content #global-nav { margin: 0; padding: 0; list-style: none; font-size: 0.9em; position: absolute; right: 5px; top: 5px; }
	body.iKnowMyStuffSection div#content #global-nav li { float: left; padding-right: 5px; }
	body.iKnowMyStuffSection div#content #global-nav a { opacity: 0.5; text-decoration: none; }
	body.iKnowMyStuffSection div#content #global-nav a:hover { text-decoration: underline; }
	
	body.iKnowMyStuffSection div#content #breadcrumb { margin: 0; padding: 0; list-style: none; font-size: 0.9em; position: absolute; left: 25px; top: 12px; }
	body.iKnowMyStuffSection div#content #breadcrumb li { float: left; padding-right: 5px; }
	body.iKnowMyStuffSection div#content #breadcrumb a { opacity: 0.5; text-decoration: none; }
	body.iKnowMyStuffSection div#content #breadcrumb a:hover { text-decoration: underline; }
	
	body.iKnowMyStuffSection div#content #intro { position: absolute; left: 50px; top: 70px; width: 200px; font-size: 1.2em; line-height: 1.5em; }
	body.iKnowMyStuffSection div#content #frmReports { position: absolute; left: 280px; top: 40px; width: 520px; }
	
	body.iKnowMyStuffSection #step1 { margin-bottom: 1em; text-indent: -3000em; display: block; width: 290px; height: 21px; background: transparent url(./step-1.gif) top left no-repeat; }
	body.iKnowMyStuffSection #step2 { margin-top: 2em; margin-bottom: 1em; text-indent: -3000em; display: block; width: 264px; height: 21px; background: transparent url(./step-2.gif) top left no-repeat; }
	
	body.iKnowMyStuffSection #pdfList, body.iKnowMyStuffSection #buttons { margin-left: 0; }
	
	body.iKnowMyStuffSection #pdfList table { border: 0 !important; margin-bottom: 1em; border-collapse: collapse; }
	body.iKnowMyStuffSection #pdfList td { border: 0 !important; color: #fe00fe; }
	
	body.iKnowMyStuffSection #i-want-to-explore { position: absolute; right: 40px; bottom: 30px; }
	body.iKnowMyStuffSection #i-want-to-explore a { display: block; text-indent: -3000em; width: 102px; height: 47px; background: transparent url(./i-want-to-explore.gif) top left no-repeat; }
	body.iKnowMyStuffSection #i-want-to-explore a:hover { background-image: url(./i-want-to-explore-r.gif); }
	
	body.iKnowMyStuffSection #what-do-you-think { position: absolute; left: 40px; bottom: 30px; }
	body.iKnowMyStuffSection #what-do-you-think a { display: block; text-indent: -3000em; width: 95px; height: 85px; background: transparent url(./WDYT_2.gif) top left no-repeat; }
	body.iKnowMyStuffSection #what-do-you-think a:hover { background-image: url(./WDYT_1.gif); }
	
	
	body.whatDoYouThinkSection div#content { color: white; }
	body.whatDoYouThinkSection div#feedback {
		width: 730px;
		height: 205px;
		position: relative;
		background: transparent url(./feedback-bg.gif) top left no-repeat;
		margin-bottom: 1em;
		padding: 30px 50px;
	}
	
	body.whatDoYouThinkSection div#responses {
		width: 830px;
		margin-top: 1em;
	}
	body.whatDoYouThinkSection div#responses-header { height: 32px; background: transparent url(./responses-header-bg.gif) top left no-repeat; }
	body.whatDoYouThinkSection div#responses-content {
		position: relative;
		background-color: #3b0083;
		padding: 0px 50px;
	}
	body.whatDoYouThinkSection div#responses-footer { height: 64px; background: transparent url(./responses-footer-bg.gif) top left no-repeat; }
	
	body.whatDoYouThinkSection #feedback-title { margin: 0 0 0.5em; text-indent: -3000em; width: 232px; height: 33px; background: transparent url(./give-us-feedback.gif) top left no-repeat; }
	body.whatDoYouThinkSection #responses-title { margin: 0 0 1em; text-indent: -3000em; width: 243px; height: 34px; background: transparent url(./read-our-responses.gif) top left no-repeat; }
	
	.pagination { height: 1em; padding: 0.5em 0; border-top: white 1px solid; margin-bottom: 2em; }
	.pagBottom { margin-top: 2em; margin-bottom: 0; }
	
	.previous { float: left; }
	.next { float: right; }
	.clear { clear: both; }
	
	body.whatDoYouThinkSection label { display: block; width: 100px; float: left; }
	
	#pnlForm input, #pnlForm textarea { color: #3b0083; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
	body.whatDoYouThinkSection #txtForename,
	body.whatDoYouThinkSection #txtSurname,
	body.whatDoYouThinkSection #txtEmail,
	body.whatDoYouThinkSection #txtSubject { width: 240px; margin-bottom: 0.5em; border: solid 1px gray; padding: 2px; }
	#cboFilter { margin-bottom: 1em; }
	#cmdSend { margin-top: 0.2em; }
	
	#rightPanel { position: absolute; right: 0px; top: -1.5em; width: 340px; }
	#txtFeedback { width: 340px; height: 9em; padding: 2px; }
	
	#lblError { color: red; font-weight: bold; }
	#lblSuccess { color: green; font-weight: bold; }
	
	body.whatDoYouThinkSection #lblSuccess { display: block; margin-bottom: 0.5em; height: 23px; background: transparent url(./ok-bg.gif) top left no-repeat; color: white !important; font-weight: bold; font-size: 1.1em; padding: 5px 50px; }
	body.whatDoYouThinkSection #lblError { display: block; margin-bottom: 0.5em; height: 23px; background: transparent url(./error-bg.gif) top left no-repeat; color: white !important; font-weight: bold; font-size: 1.1em; padding: 5px 50px; }
	
	#cadbury-corporate { color: white; }
}

#skip { text-align: center; margin-bottom: 1em; }
	
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
}