/*

----- Quorn Food Quest screen stylesheet -----
----- Fuse Digital 2008 -----


----- Text Colours -----

	Main green: #6eb43f
	Main oragen: #f58026

----- Site Dimensions -----

	Width: 750px

*/

* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
	outline: none;
}

/* ----- Tags ----- */
/* ------------------------------------------- */
body {
	background: url(../images/bg_green_lines.gif) 0 0 repeat-y;
	text-align: center; /* centre in IE */
	font: 76% Helvetica, Arial, sans-serif;
	color: #333;
}
html {
	height: 100%;
}
body#popup {
	height: 100%;
}

ul {
	list-style: none;
}
img {
	border: none;
}
a {
	color: #6eb33f;
}
a:hover {
	color: #f58026;
}

/* ----- Containers ----- */
/* ------------------------------------------- */
#frame {
	width: 782px;
	margin: 50px auto 0 auto;
	text-align: left;
}
#content {
	position: relative;
	clear: both;
	float: left;
	width: 646px;
	padding: 0 68px;
	background: url(../images/bg_content.png) 0 0 repeat-y !important;
	background-image: url(../images/bg_content.gif);
}
#thank-you #col-main {
	padding-bottom: 300px;
}
#home #content {
	width: 586px;
	padding-top: 16px;
	padding-right: 128px;
}
#sidebar {
	float: left;
	width: 130px;
	padding-top: 16px;
	padding-bottom: 157px;
}
#col-main {
	float: right;
	width: 460px;
	margin-top: -10px;
	position: relative;
	z-index: 10;
}

#games-container, object, embed {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sitemap-col
{
	width:195px;
	float:left;
	margin-top:15px;
}


/* ----- Masthead ----- */
/* ------------------------------------------- */
#masthead {
	width: 782px;
	height: 140px;
	float: left;
	background: url(../images/bg_masthead.png) 0 0 no-repeat !important;
	background-image: url(../images/bg_masthead.gif);
}

#masthead h1 {
	float: left;
	width: 238px;
	height: 140px;
}
#masthead h1 a {
	display: block;
	width: 238px;
	height: 140px;
	text-indent: -1000em;
	background: url(../images/quorn_fq_logo.png) 0 0 no-repeat !important;
	background-image: url(../images/quorn_fq_logo.gif);
}

/* ----- Global Navigation ----- */
/* ------------------------------------------- */
#global-nav {
	float: right;
	margin: 1px 28px 0 0;
	display: inline;
}
#global-nav li {
	float: left;
	margin-left: 2px;
	display: inline;
}
#global-nav a {
	display: block;
	width: 84px;
	height: 60px;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#global-nav a:hover {
	background-position: 0 -200px;
}
#global-nav a.current {
	background-position: 0 -400px;
}
a#nav1 {
	background-image: url(../images/navigation/home.gif);
}
a#nav2 {
	background-image: url(../images/navigation/module1.gif);
}
a#nav3 {
	background-image: url(../images/navigation/module2.gif);
}
a#nav4 {
	background-image: url(../images/navigation/module3.gif);
}
a#nav5 {
	background-image: url(../images/navigation/module4.gif);
}
a#nav6 {
	background-image: url(../images/navigation/module5.gif);
}

/* ----- Sub Navigation ----- */
/* ------------------------------------------- */
#sub-nav {
	float: left;
	margin: 6px 20px 0 13px;
	display: inline;
}
#sub-nav li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 2px solid #fff;
	font-size: 0.95em;
}
#sub-nav a {
	font-weight: bold;
	text-decoration: none;
	color:#fff;
}
#sub-nav a:hover {
	color: #fff200;
}

#sub-nav a.current {
	color: #fff200;
}

/* ----- Footer ----- */
/* ------------------------------------------- */
#footer {
	clear: both;
	float: left;
	width: 782px;
	height: 34px;
	background: url(../images/bg_footer.png) 0 0 no-repeat !important;
	background-image: url(../images/bg_footer.gif);
	padding-top:30px;
	
}

#footer ul {
	margin-left:40px;
	display: inline;
}

#footer ul li {
	display: inline;
	border-left: solid 1px black;
	padding: 0 5px;
}

#footer ul li.first {
	border-left: 0px;
}

#footer a {
	font-weight: bold;
	text-decoration: none;
	color:#fff;
}
#footer a:hover {
	color: #fff200;
}

#footer a.current {
	color: #fff200;
}

/* ----- Character ----- */
/* ------------------------------------------- */
#character {
	position: absolute;
	right: -34px;
	bottom: -25px;
}

#character-one {
	position: absolute;
	right: -145px;
	bottom: -60px;
}

#character-two {
	position: absolute;
	right: -118px;
	bottom: -58px;
}

#character-three {
	position: absolute;
	right: -133px;
	bottom: -47px;
}

#character-four {
	position: absolute;
	right: -153px;
	bottom: -62px;
}

#character-five {
	position: absolute;
	right: -137px;
	bottom: -62px;
}


/* ----- Content text styles ----- */
/* ------------------------------------------- */
#content h2 {
	margin-bottom: 20px;
}
#content h3 {
	clear:right;
	margin-bottom: 10px;
	font-size: 1.2em;
}
#content p {
	margin-bottom: 10px;
	line-height: 1.4em;
}
#content p.intro {
	margin-bottom: 25px;
	font-size: 1.7em;
	line-height: 1.1em;
	color: #64a63b;
}
#home #content p {
	color: #64a63b;
}
#content ul {
	margin: 0 0 20px 16px;
	list-style: outside disc;
}
#content ol {
	margin: 0 0 10px 28px;
	list-style-position: outside;
}
#content ol li {
	margin-bottom: 5px;
	line-height: 1.4em;
}
#content ul li {
	margin-bottom: 5px;
	line-height: 1.4em;
}
#content ul li a {
	text-decoration:none;
}

#home #content ul {
	float:left;
	list-style: none outside !important;
	list-style:none;
}

#home #content ul li {
	padding-left: 15px;
	color: #f58026;
	background: url(../images/bullets/apple_1.gif) 0 2px no-repeat;
}

#request-pack, #feedback-win {
	position: absolute;
	top: 175px;
	right: 150px;
}

#request-pack a{
	background: url(../images/buttons/request_pack.gif) 0 0 no-repeat;
	width:145px;
	height:85px;
	text-indent:-100000px;
	background-position:0 0;
	display:block;
}

#feedback-win a{
	background: url(../images/buttons/feedback_win.gif) 0 0 no-repeat;
	width:145px;
	height:85px;
	text-indent:-100000px;
	background-position:0 0;
	display:block;
}

#request-pack a:hover, #feedback-win a:hover{
	background-position:0 -165px;
}

#sidebar .button {
	clear: both;
	width: 163px;
	position: absolute;
	left: 48px;
	bottom: -10px;
	z-index: 10;
}

#sidebar .button-home {
	clear: both;
	width: 163px;
	position: absolute;
	left: 48px;
	bottom: -10px;
	z-index: 10;
}

#sidebar ul li a.current{
	color:#f58026;
}

h3.sitemap
{
	color:#f58026;
}

h3.sitemap a
{
	text-decoration:none;
}

.sitemap-col ul
{
	margin-left:3px;	
}

/* ----- Section & Options Navigation ----- */
/* ------------------------------------------- */

#sidebar .section-nav{
	clear: both;
	float: left;
	width: 130px;
	margin: 0 0 30px 0;
	padding-top: 5px;
	border-top: 2px solid #f58026;
	border-bottom: 2px solid #f58026;
	list-style: none outside;
}

#sidebar .section-nav ul
{
	list-style:none;
	margin:5px 8px 0 0;
	padding:0 0 0 10px;	
}

#sidebar .section-nav li
{
	margin:0 0 5px 0;
}

#sidebar .section-nav a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

#sidebar .section-nav ul li a, #sidebar .section-nav li.single a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding-left:20px;
}

#sidebar .section-nav a:hover {
	background-position: 0 -200px;
}
#sidebar .section-nav a.pdf {
	background: url(../images/bullets/pdf.gif) 0 1px no-repeat;
}
#sidebar .section-nav a.game {
	background: url(../images/bullets/joystick.gif) 0 1px no-repeat;
}

/* ----- Forms ----- */
/* ------------------------------------------- */
.formheading
{
 color: #f58026;
}
.subcopy
{
	font-size: 0.85em;
}
#error
{
	font-size: 0.85em;
	color: red;
}
#fiveaday
{
	float:right;
}

table
{
	clear:right;
	margin-bottom:15px;
}
th
{
	padding:0 10px 5px 0;
	width: 100px;
}
td
{
	padding:0 10px 5px 0;
}

td h4
{
	font: 1em Arial, Helvetica, sans-serif;
	margin:10px 0 5px;
}

td input {
	width: 200px;
	font: 1em Arial, Helvetica, sans-serif;
}

td textarea {
	width: 440px;
	font: 1em Arial, Helvetica, sans-serif;
}

td input.short {
	width: 100px;
}

td input.tiny {
	width: 40px;
}

td input.radio {
	width: auto;
}

input.submit {
	margin-right:54px;
	float:right;
}

td table {
	margin-top:10px;
}
td th {
	text-align:center;
}
td th.first {
	text-align:left;
	width:300px;
}


/* ----- Feedback Landing Page ----- */
/* ------------------------------------------- */

#feedback-list {
	display: inline;
}
#feedback-list li {
	float: left;
	width:150px;
	margin-left: 2px;
	display: inline;
}
#feedback-list a {
	display: block;
	width: 145px;
	height: 100px;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#feedback-list a:hover {
	background-position: 0 -165px;
}
a#module1 {
	background-image: url(../images/buttons/module1.gif);
}
a#module2 {
	background-image: url(../images/buttons/module2.gif);
}
a#module3 {
	background-image: url(../images/buttons/module3.gif);
}
a#module4 {
	background-image: url(../images/buttons/module4.gif);
}
a#module5 {
	background-image: url(../images/buttons/module5.gif);
}