@charset "utf-8";
@import url("core.css");
@import url("form.css");

/* 
modifiers : contain no styles 
.sub
.main
*/

/*
c o l o u r s
	#00257a true blue
*/




body {
	background:url(../chr/bg_2b4b88-6078a6_1x240.gif) repeat-x #e7ebf3;
	}
.wrapper {
	width:960px;
	padding:0;
	}
	
.wrapper, 
a:visited	{color:#00257a;}
a:hover		{color:#00257a;}

a, a:link,
.bodycopy h1, 
.bodycopy h2, 
.bodycopy h3, 
h4,
h4 a, 
.bodycopy h5, 
.bodycopy h6 {color:#00257a;}


/* T E X T */


/* .bodycopy {font-family:Verdana, sans-serif;} */
.bodycopy h1, 
.bodycopy h2, 
.bodycopy h3,
.bodycopy h4 {font-family:Verdana, sans-serif; font-family /*:Georgia, serif;*/}
.bodycopy, 
.bodycopy p {color:#336;}

.bodycopy h1,
.bodycopy h5 {font-weight:normal;}
.bodycopy h2, 
.bodycopy h3,
.bodycopy h4 {font-weight:bold;}
.f-15 h1, .f-15 h2, .f-15 h3, .f-15 h4, .f-15 h5 {}
/* .bl-18.f-15, .bl-18 .f-15 {line-height:1.2em;} */
.f-15 h1 {}

.home .f-13 h1 {font-size:20px; line-height:1em;}
.home .f-13 h2 {font-size:18px; line-height:1.1111em;}
.home .f-13 h3 {font-size:16px; /* line-height:1.125em;  18 */ line-height:1.25em;   /* 20 */}
.home .f-13 h4 {font-size:14px; /* line-height:1.2857em; 18 */ line-height:1.4285em; /* 20 */}
.home .f-13 h5 {font-size:13px; /* line-height:1.3846em; 18 */ line-height:1.5384em; /* 20 */}

.home .f-13 h1 {margin-bottom:12px;}

/* inner */
.f-15 h1 {
	font-size:30px;
	line-height:30px;
	padding-top:8px;
	margin-bottom:10px;
	padding-left:12px;
}
.f-15 .inner h1 {
	padding-left:0;
	}
.f-15 h1.cheese {font-size:48px; padding-top:12px; margin-bottom:6px;}
.f-15 h2 {font-size:20px;}
.f-15 h3 {font-size:18px;}
.f-15 h4 {font-size:15px;}
.f-15 .smallprint h2 {font-size:18px;}
.f-15 .smallprint h3 {font-size:16px;}

.f-15 h2,
.f-15 h3 {margin-top:0; margin-bottom:9px;}
.f-15 h3.cheese {font-size:36px;}

/* baseline 20 */ 
.bl-20.f-10, .bl-20 .f-10 {line-height:2em;}
.bl-20.f-11, .bl-20 .f-11 {line-height:1.8181em;}
.bl-20.f-12, .bl-20 .f-12 {line-height:1.6666em;}
.bl-20.f-13, .bl-20 .f-13 {line-height:1.5384em;}
.bl-20.f-14, .bl-20 .f-14 {line-height:1.4285em;}
.bl-20.f-15, .bl-20 .f-15 {line-height:1.3333em;}
.bl-20.f-16, .bl-20 .f-16 {line-height:1.25em;}
.bl-20.f-18, .bl-20 .f-18 {line-height:1.1111em;}
.bl-20.f-20, .bl-20 .f-20 {line-height:1em;}
/* baseline 30 - use padding to adjust */
.bl-18.f-20, .bl-18 .f-20 {line-height:1.5em; 		/* 20 > 30 */}
.bl-18.f-21, .bl-18 .f-21 {line-height:1.4285em;	/* 21 > 30 */}
.bl-18.f-22, .bl-18 .f-22 {line-height:1.3636em;	/* 22 > 30 */}
.bl-18.f-24, .bl-18 .f-24 {line-height:1.25em;		/* 24 > 30 */}
.bl-18.f-25, .bl-18 .f-25 {line-height:1.2em;		/* 25 > 30 */}
.bl-18.f-28, .bl-18 .f-28 {line-height:1.0714em;	/* 28 > 30 */}

li	{margin-bottom:9px;}


.inner h4.cheese {font-size:28px;}

ul.wedge {
	padding:0;border:0;
	vertical-align:baseline;
	line-height:1.25em;
	list-style:none; list-style-image:none;
	margin-left:5px;
	}
ul.wedge li {
	list-style:none; list-style-image:none;
	padding-left:25px;
	background-image:url(../chr/bullet_13_fff.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	}
	
	
	
	
	
	
	
	 
/* zones */
.wide-bg {
	position:absolute;
	left:0; right:0;
	height:240px;
	z-index:-1;
	background:url(../chr/cut-line_1280x12.gif) bottom repeat-x;	
}

#header {
	overflow:hidden;
	background:url(../chr/bg_2b4b88-6078a6_1x240.gif) repeat-x #2b4b88;
	background-position:bottom;
	background-position:top;
}
#header #logo {
	float:left;
	display:block;
	width:436px;
	height:184px;
	padding-left:4px;
	}
#header #logo a {width:204px; height:184px;}	
#header #logo img {width:232px; height:184px; float:left; /* stilton_for_everybody_224x184 */}
#header #logo a img {width:204px; height:184px;}


#header .masked-image {
	float:right;
	position:relative;
	margin-right:28px;
}
#header .masked-image img {
	float:right;
	width:384px; height:184px;
	margin-left:4px;
}

#header .masked-image .mask {
	position:absolute;
	top:0; left:0;
	background-image:url(../chr/header_img_mask_388x184.png);
}
#header .masked-image,
#header .masked-image .mask {width:388px; height:184px;}


#main-nav {
	overflow:hidden;
	clear:both;
	background:url(../chr/cut-line_960x12.gif) bottom no-repeat #2b4b88;
	padding:0 0px 0 16px; /* 32px */
	}

#main-nav .tab {
	float:left;
	position:relative;
	margin-right:2px;
	white-space:nowrap;
	padding:16px 10px 5px 16px; /* ie7 pt 17 */ /* 35 + 16 + 5 = 56 */	
}
#main-nav .tab{font-size:12px;}/*.tab {visibility:hidden;}*/
.cufon-active #main-nav .tab{font-size:28px; line-height:1.25em;}

.cufon-active #main-nav a, #main-nav a:link, #main-nav a:visited {color:#fff;}
.cufon-active #main-nav .this, #main-nav .this:link, #main-nav .this:visited {color:#00257A;}


.cufon-active #main-nav a:hover,
.cufon-active #main-nav a.hover {color:#00257a; color:#007a25; background-color:#fff;}

#main-nav .this {background-color:#fff; /* color:#2b4b88; */ color:#00257a;}

#main-nav .tab .side {background-repeat:no-repeat;}
#main-nav .tab .l,
#main-nav .tab .r {background-image: url(../chr/tab_52x128_2b4b88.png);}
#main-nav .tab .t {background:url(../chr/tab_480x24_2b4b88.png) bottom left;}
#main-nav .tab .l {background-position:right top;}
#main-nav .tab .r {background-position:0 0;}

#main-nav .tab .side.l, 
#main-nav .tab .l,
#main-nav .tab .side.r, 
#main-nav .tab .r {top:0; bottom:0; background-repeat:no-repeat;}
#main-nav .tab .side.t, 
#main-nav .tab .t {left:0; right:0; height:24px; height:16px; background-repeat:no-repeat;}

#main-nav .tab .side.l, 
#main-nav .tab .l {width:15px;width:13px;}
#main-nav .tab .side.r, 
#main-nav .tab .r {width:9px;width:8px;}



#breadcrumbs {
	background-color:#fff;
	padding-left:24px;	
	}
#breadcrumbs,
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, 
#breadcrumbs a:hover {color:#00257a;}

.body {
	clear:both;
	padding-left:8px;
	padding-right:8px;
	width:944px;
	
	padding-bottom:6px; margin-bottom:3px;
	background:url(../chr/foot_line_944x6.gif) no-repeat bottom center;
}
.columns {
	background-color:#fff;
	padding-bottom:12px;
	padding-top:6px;
	min-height:320px;
}
.foot {


}


.foot-plate {
	position:absolute;

	height:182px; /* em = 192px - padding */
	min-height:182px;
	padding-top:10px; 
	
	left:0; right:0;
	min-width:960px;
	text-align:center;
	color:#fff;
	background:url(../chr/plate_1088x192.gif) no-repeat top center;
	
	}
	
.foot-plate,
.foot-plate a, .foot-plate a:link, .foot-plate a:visited {color:#eee;}
.foot-plate a:hover {color:#fff;}
.foot-plate a,
.foot-plate span {margin:0 8px 0 8px;}
/*
.foot-plate span.statement {margin:0 8px 0 8px;}
.foot-plate span {color:#bbb;}
*/
.foot-plate .foot-plate-sub,
.foot-plate .foot-plate-sub a,
.foot-plate .foot-plate-sub a:link,
.foot-plate .foot-plate-sub a:visited {color:#bbb;}
.foot-plate .foot-plate-sub a:hover {color:#999;}
.foot-plate .foot-plate-sub a,
.foot-plate .foot-plate-sub a:link,
.foot-plate .foot-plate-sub a:visited {text-decoration:none;}
.foot-plate .foot-plate-sub a:hover {text-decoration:underline;}
.foot-plate-sub div {
	display: inline-block;
	text-align: right; 
	width: 960px; 
	margin-top: 12px;
}




/* classes */
.bg-b-5 {background-color:#f3f5f9;}
.bg-b-10 {background-color:#e7ebf3;}
.bg-b-15 {background-color:#dce2ee;}
.bg-b-20 {background-color:#d0d8e8;}
.bg-b-30 {background-color:#b8c4dd;}
.bg-r-30 {background-color:#ecc2c2;}


/*
it may be preferable to have sides under and top & bottom over
*/
.cut,
.cut-a,
.cut-b {position:relative; z-index:0;}
.cut .t,
.cut .b {z-index:10;}
.cut .t,
.cut .b,
.cut .l,
.cut .r {position:absolute;}
.cut .t,
.cut .l,
.cut .r {top:0;}
.cut .b,
.cut .l,
.cut .r {bottom:0;}
.cut .t,
.cut .b,
.cut .l {left:0;}
.cut .t,
.cut .b,
.cut .r {right:0;}
.cut .t,
.cut .b {height:12px; background-repeat:repeat-x;}
.cut .l,
.cut .r {width:12px; background-repeat:repeat-y;}

.cut .inner,
.cut-a .inner,
.cut-b .inner {
	padding:20px;
	position:relative; 
	z-index:2; 
	}
	
/* styles of cut */
.cut-a .t {background-position:0 -16px;}
.cut-a .b {background-position:0 0;}
.cut-a .r {background-position:0 0;}
.cut-a .l {background-position:-16px 0;}

.cut-b .t {background-position:512px -16px;}
.cut-b .b {background-position:512px 0;}
.cut-b .r {background-position:0 480px;}
.cut-b .l {background-position:-16px 480px;}

.cut-a .t,
.cut-a .b,
.cut-b .t,
.cut-b .b {background-image:url(../chr/paper-1024x32.png);}
.cut-a .l,
.cut-a .r,
.cut-b .l,
.cut-b .r {background-image:url(../chr/paper-28x960.png);}



.news-article {margin-bottom:18px;}
.about-links,
.cut .about-links {padding-top:24px; overflow:hidden; position:relative; min-height:40px;}
.about-links a {font-size:36px;/* float:left; == double line cufon bug */}
.about-links img {
	position:absolute;
    top:20px; right:10px;
    }
    
    
/* home page stuff */
.home-middle .inner {overflow:hidden; zoom:1;}
.home-middle h2.cheese {font-size:28px;}

img.packshot {
	float:right; 
	margin-left:20px;
	margin-right:-10px;
	margin-bottom:20px;
	}
                            
                            
/*    
.social-links {font-family:Georgia, Serif;}   
.social-links a {font-size:20px;}
.social-links a, .social-links a:link, .social-links a:visited, .social-links a:hover {text-decoration:none;}
*/
.social-links .l,
.social-links .r {z-index:10;}
/*
.social-links a.cheese {font-size:36px;}
.facebook {
	display:block;
	margin-left:-20px; 
	margin-top:-15px;
	width:96px;
	min-height:48px; _height:48px;
	
	padding-left:120px;
	padding-top:120px;
	
	background:url(../chr/hand-facebook_128x168.gif) no-repeat
	}	
.tweeter {
	display:block;
	margin-left:-20px;
	width:96px;
	min-height:38px; _height:38px;
	padding-left:120px;
	padding-top:90px;
    background:url(../chr/hand-tweeter_128x128.gif) no-repeat;  
    }
*/
.social-links .inner {overflow:hidden;}
.social-links .facebook,
.social-links .tweeter {
	display:block;
    float:left; /*ie7*/
    width:232px;
    margin-left:-20px;
    height:128px;
}
.social-links .facebook {
    margin-top:-15px;
}
.social-links .tweeter {
    margin-bottom:-25px;
}


/* form */
div.legend {padding-top:1em;}


/*  R E C I P E s */

#recipeDisplay c-4 img	{margin-bottom:20px;}
#recipeDisplay th	{font-weight:normal; text-align:right;  _width:120px; width:120px;}
#recipeDisplay td	{font-weight:bold; padding-left:20px;}


#recipeList			{padding-bottom:40px;}
/*.recipeListItem		{margin-right:30px; }
.recipeListItem .inner	{float:left;}*/
.recipeListItem h4		{width:100%;margin-bottom:10px; /*width:360px;*/}
.recipeListItem img	{float:left; margin-right:20px;}

.recipeListItem .inner {overflow:hidden; zoom:1;}

.c-50pc {width:442px;}




/* F O R M S */
#validationSummary ul,
.formList			{list-style:none;  margin:0; padding:0;}
.formList label		{width:120px;   float:left; margin-right:20px; }

#images label		{width:100px;}
#redTape label		{width:240px;}


.formList li		{clear:both; margin:0 0 0.5em 0; padding:0;}

.formList .formNote	{font-style:italic; font-size:0.8em; clear:left; padding-left:180px; max-width:400px; padding-top:10px;}
#comment .formNote	{padding-left:140px; }


#redTape #recaptcha_widget_div {width:500px; float:left}

.formList textarea.narrow,
.formList input[type="text"] {width:280px;}

#commentButton input,
#recipeSendBtn			{padding:4px 20px; height:30px; margin:20px; display:inline-block; font-weight:bold; }
#commentButton			{clear:both;}
#commentButton			{margin-left:120px;}

input[type="text"], 
input[type="password"], 
textarea, 
select {padding:3px; color:#00257a;}

.get-voucher-form label {width:160px;}
.get-voucher-form input[type="text"] {width:240px;}
.get-voucher-form .line {margin-bottom:0.5em;}
.get-voucher-form div.recapture-wrapper {margin-bottom:18px;}

/*
#recaptcha_widget_div  {position:relative; width:360px; overflow-x:hidden; height:150px;}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#fff;}
#recaptcha_table {}
#recaptcha_response_field {width:200px;}
#recaptcha_logo		{position:absolute; left:10px; bottom:0px;}
#recaptcha_tagline	{position:absolute; left:90px; bottom:10px;}
*/
.recapture-wrapper {padding:0px 5px 5px 5px; margin-top:18px; border:1px solid #eee; font-size:12px;}
#recaptcha_logo,
#recaptcha_tagline {display:none;}
.recaptchatable,
#recaptcha_area .recaptchatable {border:none !important;}

table#recaptcha_table {background-color:#fff;}
#redTape #recaptcha_area {background-color:#fff; padding-bottom:8px; width: 375px;}

/* input#recaptcha_response_field {border:reset !important;} */

/* controversial tweak ? */
.f-15 h3 {margin-top: 5px;}

/*label.wider-label {width:240px;}*/

.ribbon {
	background:url(../chr/alpha_fff_70.png) repeat; /* also ie6 */
	line-height:1.75em;
	float:left;
	display:block;
	}
.bg-taster {
	background:url(../chr/taster_232x152_60.jpg) no-repeat bottom center;
	background-color:#D0D8E8;
	/* min-height:256px; also ie6 */
}
.bg-taster .inner {/* ie7 */}
.bg-taster h3 {margin-bottom: 10px; /* 25px;*/ line-height:18px;}
.bg-taster .ribbon {
	padding:6px 20px 8px 10px;
	margin-bottom:80px;
	}
.cheese-fact h3 {
	/*
	background:url(../chr/exclamation_16x44_80.jpg) no-repeat;
	background-position:150px 0;
	padding:9px 0 9px 0; margin:0;
	*/
	}

.sides-over .l,
.sides-over .r {z-index:10;}


a.download 
{
	display:block; float:left;
	background:url(../chr/download_56x60_128.gif) no-repeat right top;
	padding:12px 64px 30px 0;
}

.cheeseboard {
	float:right;
	margin:0 -20px 5px 10px;
	}

.inner {overflow:hidden;}

.foot-link {
	clear:both;
	overflow:hidden;
    padding-left:10px;
    padding-right:10px;
    }
.foot-link .cut {float:left;}
.foot-link .inner {line-height:3em;}