/*---[ Details ]---------------------------------------
Global Screen Style Sheet - Template
Author: Lee Powell
Contact: lee.powell@soup.co.uk
-------------------------------------------------------*/

/*-----------------------------------------------------
[01] HTML / Body
[02] Branding
[03] Header
[04] Navigation
[05] Content
[06] Footer
[07] Clearfix
[08] Accessible Hide
[09] Image Replacements
[10] Cufon
[11] Misc
-------------------------------------------------------*/

/* [01] HTML / Body
-------------------------------------------------------*/
html, body {
	padding: 0;
	margin: 0;
}
body {
	background: #026CC6;
	color: #29356E;
}


/* [02] Branding
-------------------------------------------------------*/
#container {
	background: url('/media/site/images/front-end/branding/bg_page_bottom.jpg') bottom left repeat-x #FFF;
}
#container-inner {
	background: url('/media/site/images/front-end/branding/bg_page_top.jpg') 0 0 repeat-x;
}
#page {
	background: url('/media/site/images/front-end/branding/bg_page_flash.jpg') 50% 0 no-repeat;
	min-height: 1270px;
	min-width: 930px;
	padding: 35px 0 0 0;
}
#page-inner {
	width: 900px;
	position: relative;
	margin: 0 auto;
}
#logo {
	position: absolute;
	top: -27px;
	left: -17px;
}


/* [03] Header
-------------------------------------------------------*/
#header {
	height: 41px;
	padding-bottom: 7px;
	background: url('/media/site/images/front-end/branding/bg_header_top.png') bottom left no-repeat;
	font-size: 0.857em; /* 12px [14px] */
}


/* [04] Navigation
-------------------------------------------------------*/
/* Global */
#nav-global {
	margin: 0;
	padding: 0 0 0 210px;
	list-style: none;
}
#nav-global li {
	float: left;
	margin: 0 3px 0 0;
}
#nav-global li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 41px;
	background: url('/media/site/images/front-end/branding/spr_nav_global.png') 0 0 no-repeat;
}
#nav-global li.home a {
	width: 74px;
	background-position: 0 -41px;
}
#nav-global li.home a.current,
#nav-global li.home a:hover {
	background-position: 0 0;
}
#nav-global li.products a {
	width: 84px;
	background-position: -78px -41px;
}
#nav-global li.products a.current,
#nav-global li.products a:hover {
	background-position: -78px 0;
}
#nav-global li.nutrition a {
	width: 84px;
	background-position: -166px -41px;
}
#nav-global li.nutrition a.current,
#nav-global li.nutrition a:hover {
	background-position: -166px 0;
}
#nav-global li.recipes a {
	width: 125px;
	background-position: -254px -41px;
}
#nav-global li.recipes a.current,
#nav-global li.recipes a:hover {
	background-position: -254px 0;
}
#nav-global li.wholegrain a {
	width: 183px;
	background-position: -383px -41px;
}
#nav-global li.wholegrain a.current,
#nav-global li.wholegrain a:hover {
	background-position: -383px 0;
}
#nav-global li.register,
#nav-global li.register a {
	display: block;
	width: 145px;
	height: 122px;
}
#nav-global li.register {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 999;
}
#nav-global li.register a {
	background: url('/media/site/images/front-end/branding/imr_register.png') 0 0 no-repeat;
}
/* Britains Got Talent Promo */
#nav-global li.talent {
	position: absolute;
	right: -33px;
	top: -35px;
	z-index: 999;
}
/* IE6 */
#nav-global li.talent a {
	width: 173px;
	height: 222px;
	background: url('/media/site/images/front-end/imr/imr_britain_talent_promo.png') 0 0 no-repeat;
}

/* Site Info */
#nav-siteinfo {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}
#nav-siteinfo li {
	float: left;
	margin: 0 0 0 3px;
}
#nav-siteinfo li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 34px;
	background: url('/media/site/images/front-end/branding/spr_nav_siteinfo.png') 0 0 no-repeat;
}
#nav-siteinfo li.tvads a {
	width: 83px;
}
#nav-siteinfo li.tvads a.current,
#nav-siteinfo li.tvads a:hover {
	background-position: 0 -34px;
}
#nav-siteinfo li.register a {
	width: 77px;
	background-position: -86px 0;
}
#nav-siteinfo li.register a.current,
#nav-siteinfo li.register a:hover {
	background-position: -86px -34px;
}
#nav-siteinfo li.carbon a {
	width: 83px;
	background-position: -166px 0;
}
#nav-siteinfo li.carbon a.current,
#nav-siteinfo li.carbon a:hover {
	background-position: -166px -34px;
}
#nav-siteinfo li.contact a {
	width: 77px;
	background-position: -252px 0;
}
#nav-siteinfo li.contact a.current,
#nav-siteinfo li.contact a:hover {
	background-position: -252px -34px;
}
#nav-siteinfo li.access a {
	width: 92px;
	background-position: -332px 0;
}
#nav-siteinfo li.access a.current,
#nav-siteinfo li.access a:hover {
	background-position: -332px -34px;
}
#nav-siteinfo li.sitemap a {
	width: 73px;
	background-position: -427px 0;
}
#nav-siteinfo li.sitemap a.current,
#nav-siteinfo li.sitemap a:hover {
	background-position: -427px -34px;
}
#nav-siteinfo li.legal a {
	width: 67px;
	background-position: -503px 0;
}
#nav-siteinfo li.legal a.current,
#nav-siteinfo li.legal a:hover {
	background-position: -503px -34px;
}


/* [05] Content
-------------------------------------------------------*/
#content {
	background: #FFF;
	padding: 10px 34px 80px;
	min-height: 770px;
	line-height: 1.25;
}


/* [06] Footer
-------------------------------------------------------*/
#footer,
#footer a {
	color: #FFF;
}
#footer {
	background: url('/media/site/images/front-end/branding/bg_footer.png') 0 0 no-repeat;
	padding: 13px 0 100px;
	font-size: 0.857em; /* 12px [14px] */
}
#footer a {
	text-decoration: underline;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: none;
}
#footer div {
	clear: both;
}
#footer div.column {
	clear: none;
	padding-top: 15px;
}
#footer div.col-1 {
	width: 400px;
	float: right;
}
#footer div.col-1 p {
	padding: 10px 0 0 207px;
	margin: 0;
	background: url('/media/site/images/front-end/branding/imr_telephone.png') 0 0 no-repeat;
	font-size: 0.917em; /* 11px [12px] */
	line-height: 1.15;
}
#footer div.col-1 em {
	display: block;
	font-weight: bold;
	font-size: 1.091em; /* 12px [11px] */
}
#footer div.col-2 {
	width: 480px;
}
#footer div.col-2 ul {
	padding: 0;
	margin: 0 0 0.5em; /* 6px */
	line-height: 1.2;
}
#footer div.col-2 li {
	display: inline;
	font-size: 1;
	margin-right: 10px;
}
#footer div.col-2 p {
	padding: 14px 0 0 120px;
	margin: 0;
	background: url('/media/site/images/front-end/branding/img_logo_small.png') 0 0 no-repeat;
	min-height: 60px;
	font-size: 0.833em; /* 10px [12px] */
	line-height: 1.4;
}

#footer div.col-2 li.wholegrain {
	margin-right: 30px;
}


/* [07] Clearfix
-------------------------------------------------------*/
/* More info at: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after,
#nav-global:after,
#content:after,
#footer:after,
#nav-section:after,
#page-controls:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0;
}
.clearfix,
#nav-global,
#content,
#footer,
#nav-section,
#page-controls {
	display: block;
}


/* 08 Accessible Hide
-------------------------------------------------------*/
.hide, .closed, .js-active .js-hide {
	position: absolute;
	display: block;
	height: 0;
	visibility: hidden;
	left: -9999px;
	top: -9999px;
	padding: 0;
	margin: 0;
}

/* Legend hide */
legend.hide,
legend.hide span {
	position: absolute;
	display: block;
	height: 0;
	visibility: hidden;
	left: -9999px;
	top: -9999px;
	padding: 0;
	margin: 0;
	line-height: 0;
	padding: 0;
}


/* [09] Image Replacements
-------------------------------------------------------*/
/* Standard image replacement */
.imr {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* Button image replacement */
.bimr {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	padding: 0;
	cursor: pointer;
}


/* [10] Misc
-------------------------------------------------------*/
/* Columns */
.column {
	float: left;
}

/* Column drop shadow */
div.shadow {
	background: url('/media/site/images/front-end/backgrounds/bg_shadow_right.gif') top right repeat-y;
}
div.shadow div.shadow-top {
	background: url('/media/site/images/front-end/backgrounds/bg_shadow_right_top.gif') top right no-repeat;
}
div.shadow div.shadow-bottom {
	background: url('/media/site/images/front-end/backgrounds/bg_shadow_right_bottom.gif') bottom right no-repeat;
	min-height: 270px;
	padding: 1px 0;
}

/* Nav section shadow */
ul#nav-section.shadow {
	list-style: none;
	padding: 0;
	margin: -37px 0 0;
	text-align: center;
	background: url('/media/site/images/front-end/backgrounds/bg_shadow_nav_section.gif') bottom left no-repeat;
}
ul#nav-section.shadow li {
	float: left;
	margin: 0 0 0 4px;
}
ul#nav-section.shadow li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 48px;
	display: block;
}

/* Form errors */
form .errors {
	margin-bottom: 2.143em; /* 30px */
	color: #79B031;
}
form .errors strong {
	font-size: 1.429em; /* 20px [14px] */
	line-height: normal;
}
form .errors ul {
	margin-top: 0.5em; /* 7px */
}
.cufon-active form .errors strong {
	font-size: 1.857em; /* 26px [14px] */
	line-height: 0;
}
#content form .errors label {
	display: inline;
	font-weight: bold;
}

form label.error span.label {
	font-weight: bold;
	color: #79B031;
}
form label.error textarea,
form label.error input[type="text"] {
	background: #ECF4E1;
	border-color: #79B031;
}

/* Global form bits */
form div.captcha img {
	border: 1px solid #333;
}

/* Global buttons */
a.ask-question {
	width: 185px;
	height: 45px;
	margin-bottom: 10px;
	background: url('/media/site/images/front-end/buttons/btn_ask_a_question.gif') 0 0 no-repeat;
}
a.ask-question:hover {
	background-position: 0 -45px;
}

/* Callouts */
.callout {
	margin-bottom: 30px;
}

/* Call careline */
#km-careline {
	width: 180px;
	height: 49px;
	background: url('/media/site/images/front-end/imr/imr_call_careline.gif') 0 0 no-repeat;
}
#km-careline br {
	display: none;
}

/* Product recipe */
#product-recipe {
	font-size: 0.857em; /* 12px [14px] */
	width: 185px;
}
#product-recipe h3.imr {
	margin: 0 0 10px;
	background: url('/media/site/images/front-end/imr/imr_try_this.gif') 0 0 no-repeat;
	height: 19px;
}
#product-recipe h3.imr {
	margin: 0;
}
#product-recipe h4 {
	margin: 5px 0 0.5em; /* 8px */
	font-size: 1.333em; /* 16px [12px] */
	font-weight: normal;
}
#product-recipe h4 a {
	text-decoration: none;
}
#product-recipe h4 a:hover {
	color: #29356E;
	text-decoration: underline;
}
#product-recipe p {
	margin-bottom: 0.5em; /* 6px */
}
#product-recipe a.more {
	background: url('/media/site/images/front-end/buttons/btn_more.gif') no-repeat;
	width: 52px;
	height: 22px;
	float: right;
}
#product-recipe a.more:hover {
	background-position: bottom left;
}

/* Email to */
#km-email em.imr {
	width: 72px;
	height: 18px;
	background: url('/media/site/images/front-end/imr/imr_email_to.gif') 0 0 no-repeat;
}
#km-email br {
	display: none;
}
#km-email a {
	font-style: italic;
}
.cufon-active #km-email a {
	font-size: 1.143em; /* 16px [14px] */
}

/* Send letter to */
#km-snailmail em {
	margin-bottom: -5px;
}
#km-snailmail em.imr {
	background: url('/media/site/images/front-end/imr/imr_send_letter_to.gif') 0 0 no-repeat;
}
#km-snailmail p {
	font-size: 1.143em; /* 16px [14px] */
	font-style: italic;
	margin: 10px 0;
	line-height: 1.4;
}
.cufon-active #km-snailmail em {
	display: block;
	margin-bottom: -10px;
}
.cufon-active #km-snailmail p {
	font-size: 1.429em; /* 20px [14px] */
	line-height: 1.2;	
}

/* Page controls */
#page-controls {
	margin: 30px 0;
}
#page-controls br {
	display: none;
}
#page-controls a.imr {
	background: 0 0 no-repeat;
}
#content #page-controls a.prev {
	float: left;
	height: 46px;
	background-position: 0 -92px;
}
#content #page-controls a.prev:hover {
	background-position: 0 -138px;
}
#page-controls a.next,
#page-controls a.print {
	float: right;
	height: 46px;
}
#page-controls a.print {
	clear: right;
	padding: 0;
}
#page-controls a.next:hover {
	background-position: 0 -46px;
}

/* Print */
#page-controls a.print {
	width: 131px;
	height: 31px;
	background-image: url('/media/site/images/front-end/buttons/btn_print.gif');
}
#page-controls a.print:hover {
	background-position: 0 -31px;
}

/* Fancy list */
.fancy-list {
	font-size: 1.143em; /* 16px [14px] */
	list-style: none;
	padding: 0;
}
.fancy-list li {
	padding-left: 30px;
	margin-bottom: 0.4375em; /* 7px */
	font-weight: bold;
	background: url('/media/site/images/front-end/backgrounds/bg_arrow_disc.gif') center left no-repeat;
	color: #29356E;
}
.fancy-list a {
	font-weight: bold;
	text-decoration: none;
}
.fancy-list a:hover {
	text-decoration: underline;
	color: #29356E;
}
.fancy-list li.odd,
.fancy-list li.odd a {
	color: #037ED9;
}

/* Divider */
.divider {
	background: url('/media/site/images/front-end/backgrounds/bg_divider.gif') 0 0 repeat-x;
	margin-top: 15px;
	padding-top: 20px;
}

/* Product GDA table */
table.product-gda {
	width: 535px;
}
table.product-gda th.col-1 {
	width: 100px;
}
table.product-gda th.col-2 {
	width: 100px;
}
table.product-gda th.col-3 {
	width: 100px;
}
table.product-gda th.col-4 {
	width: 100px;
}
table.product-gda th.col-5 {
	width: 65px;
}
table.product-gda td {
	font-size: 1.5em; /* 18px */
	font-weight: bold;
}
table.product-gda tfoot td {
	font-weight: normal;
}
table.product-gda tr.gda td {
	font-size: 1.167em; /* 14px */
	color: #037ED9;
}
table.product-gda tfoot td {
	font-size: 1.090em; /* 12px */
}

/* GDA nutritional */
#gda-nutritional .intro {
	font-weight: bold;
}
#gda-nutritional h2.imr,
#gda-nutritional h3.imr {
	background: url('/media/site/images/front-end/sprites/spr_gda_overlay_headings.gif') 0 0 no-repeat;
}
#gda-nutritional h2.imr {
	height: 25px;
	background-position: 0 -1px;
	margin: 0 0 22px;
}
#gda-nutritional h3.imr {
	height: 19px;
	margin: 0 0 13px;
}
#gda-nutritional h3.agda {
	background-position: 0 -32px;
}
#gda-nutritional.overlay h3.agda {
	margin-top: 20px;
}
#gda-nutritional h3.cgda {
	background-position: 0 -60px;
}

/* GDA nutritional table */
table.gda {
	width: 535px;
}
table.gda .col-1,
table.gda .col-2,
table.gda .col-3,
table.gda .col-4 {
	width: 100px;
}
table.gda .col-5 {
	width: 65px;
}
table.gda td {
	font-weight: bold;
	font-size: 1.5em; /* 18px [12px] */
}

/* Campaign promo area */
#flashcontent {
	margin-bottom: 25px;
}
div#flashcontent {
	min-height: 468px;
	padding: 1px 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#flashcontent #nav-section {
	padding: 376px 0 0 50px;
	margin: 0;
	list-style: none;
	background: url('/media/site/images/front-end/backgrounds/bg_shadow_nav_section.gif') bottom center no-repeat;
}
#flashcontent #nav-section li {
	float: left;
}
#flashcontent #nav-section li a {
	display: block;
	height: 103px;
	text-indent: -9999px;
	width: 147px;
	overflow: hidden;
	background: url('/media/site/images/front-end/sprites/spr_campaigns_section_nav.png') 0 0 no-repeat;
}

#flashcontent #nav-section li.away a {
	background-position: -42px 0;
}
#flashcontent #nav-section li.away a.current,
#flashcontent #nav-section li.away a:hover {
	background-position: -42px -103px;
}
#flashcontent #nav-section li.oat a {
	background-position: -189px 0;
}
#flashcontent #nav-section li.oat a.current,
#flashcontent #nav-section li.oat a:hover {
	background-position: -189px -103px;
}
#flashcontent #nav-section li.lbl a {
	background-position: -335px 0;
}
#flashcontent #nav-section li.lbl a.current,
#flashcontent #nav-section li.lbl a:hover {
	background-position: -335px -103px;
}
#flashcontent #nav-section li.confessions a {
	background-position: -481px 0;
}
#flashcontent #nav-section li.confessions a.current,
#flashcontent #nav-section li.confessions a:hover {
	background-position: -481px -103px;
}
#flashcontent #nav-section li.wholegrain a {
	background-position: -628px 0;
}
#flashcontent #nav-section li.wholegrain a.current,
#flashcontent #nav-section li.wholegrain a:hover {
	background-position: -628px -103px;
}


/* [11] Cufon
-------------------------------------------------------*/
.js-active h1.cufon,
.js-active h2.cufon,
.js-active h3.cufon,
.js-active h4.cufon,
.js-active h5.cufon,
.js-active h6.cufon {
	/* line-height: 0.5; */
	line-height: 1;
}
h1.cufon,
h2.cufon,
h3.cufon,
h4.cufon,
h5.cufon,
h6.cufon {
	color: #037ED9;
}
.cufon-active h1.cufon {
	font-size: 2.857em; /* 40px [14px] */
	margin-top: -10px;
}
.cufon-active h2.cufon {
	font-size: 2.286em; /* 32px [14px] */
}


/* [12] Default Template
-------------------------------------------------------*/
#content-header {
	margin-bottom: 35px;
}
#content-header img.page-header {
	display: block;
}
#content-header ul#nav-section.shadow {
	position: relative;
	z-index: 999;
}

.default #content-main.column {
	width: 565px;
	padding-left: 35px;
}
.default #content-sidebar.column {
	width: 210px;
	float: right;
	padding-top: 10px;
}
.default #content-main.column.shadow {
	width: 600px;
	padding: 0;
}
.default #content-main.column.shadow .shadow-bottom {
	padding-right: 30px;
	padding-left: 35px;
}
.default .intro {
	font-weight: bold;
	font-size: 1.143em; /* 16px */
	margin: 0.937em 0; /* 15px */
}


/* [12] Fullwidth Template
-------------------------------------------------------*/
.fullwidth #content-main {
	padding-left: 35px;
}



/* TV Ads */
#content.tv .ad {
	width: 264px;
	float: right;
	font-weight: bold;
}
#content.tv .ad:first-child {
	float: left;
}
#content.tv .ad object {
	margin-bottom: 5px;
}
#content.tv .row {
	margin-bottom: 2em;
}
#content.tv .ad div {
	width: 224px;
	height: 98px;
	font-size: 0.857em; /* 12px [14px] */
	font-weight: normal;
	text-align: center;
	padding: 100px 20px 0;
	background: #FAFAFA url('/media/site/images/front-end/backgrounds/bg_flash_badge.png') 105px 45px no-repeat;
}