/*  
Site Name: Greggs
Site URI: http://www.greggs.co.nz
Description: Greggs Website
Version: 2.0

UPDATE INFO ---------------------------------------

Revision number: 2.0
Last updated: 18 September 2009

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

* {margin:0;padding:0;}
body {color:#000;background:#FFF;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 9px !important;}
#ie6 .small, #ie7 .small{ font-size: 10px !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
#ie6 .float-left,
#ie6 .float-right		{ display:inline; }
.clear 					{ clear: both !important; }
.clear-left				{ clear: left !important; }
.clear-right			{ clear: right !important; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "." !important; display: block; height: 0; clear: both; visibility: hidden; }
.margin-none			{ margin: 0 !important; }
.margin-right-none		{ margin-right: 0 !important; }
.margin-left-none		{ margin-left: 0 !important; }
.margin-top-none		{ margin-top: 0 !important; }
.margin-bottom-none		{ margin-bottom: 0 !important; }
.margin-top-10			{ margin-top:10px !important; }
.margin-top-15			{ margin-top:15px !important; }
.padding-none			{ padding: 0 !important; }
.border-none			{ border:none !important; }
.print-only				{ display:none; }
.ir						{ display: block; text-indent: -9999px; overflow: hidden; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.4 Arial,Verdana,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	color: #333;
}

h1, h2, h3, h4, h5, h6 { line-height:1.3em; font-family: Georgia,Times New Roman; font-weight: normal; letter-spacing: 0px; color: #333; }

h1 { font-size:2em; margin: 0 0 5px; }
h2 { font-size:1.6em;  margin: 0 0 5px}
h3 { font-size: 1.4em; margin:0 0 5px; }
h4 { font-size: 1.4em; }

p, li {
	color:#666;
}

a { color: #bc211d; text-decoration: none; }

a:hover, a:active {text-decoration: underline; color:#950a08; }

ul.no-markers li {
	list-style: none;
}

dl {
	overflow:hidden;
}

dt {
	float: left;
	clear: left;
}

dd {
}

blockquote {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	color: #999;
	padding: 30px 0 0 0;
}

.quote-src {
	text-align: right;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

body { background:#6d0706 url(/images/interface/bg/bg-body.jpg) center top no-repeat; }
#page {
	position: relative;
	max-width:1020px;
	margin:0 auto;
	background:#fff url(/images/interface/bg/bg-header.png) top left repeat-x;
}
#ie6 #page { width:980px; }
#header { position:relative; z-index: 1; height:180px; overflow: hidden; }
#header #head-image { position: absolute; top:0; left:0; z-index:1; }
#nav { position:relative; z-index: 2; width:940px; margin:0 auto; }
#search-login {
	position:relative;
	z-index:2;
	min-height:111px;
	background:#bc211d url(/images/interface/bg/bg-search.png) bottom left repeat-x;
}
#ie6 #search-login { height:111px; }
#search-login .wrapper {
	width:940px;
	margin:0 auto;
}
#content {
	/* overflow:hidden; */
	width:940px;
	margin:0 auto;
}
#content .pri {
	float:left;
	width:670px;
	padding-top:15px;
}
#content.pri { padding-top:15px; }
#content .sec {
	float:left;
	width:250px;
	margin-left:20px;
	padding-top:15px;
}
#content .col-160 {
	float:left;
	width:160px;
	margin:0 20px 0 0;
}
#content .col-490 {
	float:right;
	width:490px;
}
#content .col-290 {
	float:right;
	width:290px;
	margin:0 15px 0 0;
}
#content .col-335 {
	float:right;
	width:335px;
	margin:0 15px 0 0;
}
#content .inner-cols-470 .form-gen {
	clear:none;
	width:410px;
}
#content .inner-cols-470 .cont-gen {
	clear:none;
	width:440px;
}
#ie6 #content .col-160,
#ie6 #content .col-500,
#ie6 #content .col-290,
#ie6 #content .col-335 { display:inline; }

#footer { clear:both; }

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/***** Header Styles *****/

	#header .logo {
		position:absolute;
		top:0;
		left:40px;
		width:120px;
		height:150px;
		text-indent:-10000px;
		overflow: hidden;
		background:url(/images/interface/logo/logo-greggs-header.png) top center no-repeat;
		z-index: 2;
	}

	#ie6 #header .logo {
		background:transparent;
		cursor:pointer;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/logo/logo-greggs-header.png', sizingMethod='scale');
	}


/***** Search Box Styles *****/
#search { float:left; }
#search .box {
	width:553px;
	height:47px;
	margin:18px 0 0;
	background:url(/images/interface/bg/bg-search-box.png) 0 0 no-repeat;
}
#search .input-text {
	vertical-align:middle;
	width:420px;
	height:26px;
	margin:6px 0 0 6px;
	padding:3px 5px;
	line-height:1em;
	font-size:2em;
	border:none;
	background:url(/images/interface/bg/bg-search-shadow.png) 0 0 no-repeat;
}
#ie6 #search .input-text,
#ie7 #search .input-text {
	margin-top:4px;
	height:18px;
	padding:7px 5px;
}
#search .btn-search {
	vertical-align:middle;
	width:110px;
	height:32px;
	margin:6px 0 0;
	border:0;
	text-indent:-10000px;
	background:url(/images/interface/btn/btn-nav-search.png) 0 0 no-repeat;
	cursor:pointer;
}
#ie6 #search .btn-search,
#ie7 #search .btn-search { padding:60px 0 0; }
#search a {
	font-size:1.1em;
	color:#fff;
}
#search a.advanced {
	float:left;
	margin:6px 0 5px 8px;
	padding:0 0 0 15px;
	background:url(/images/interface/ind/ind-search.png) left center no-repeat;
}
div.sec input.sign-up {
	border: none;
	display: block;
	width:250px;
	height:50px;
	margin: 0 0 10px 0;
	text-indent:-9999px;
	background:url(/images/interface/btn/btn-signup-newsletterV2.png) 0 0 no-repeat;
}
#ie6 div.sec input.sign-up { margin-left: -20px; padding-top: 200px; overflow: hidden; }
#ie7 div.sec input.sign-up { margin-left: -20px; padding-top: 200px; overflow: hidden; }

div.sec input.sign-up:hover,
div.sec input.sign-up:focus {
	background-position:0 -55px;
	outline: none;
	cursor: pointer;
}
#search ul {
	overflow:hidden;
	float:left;
	width:374px;
	margin:0 0 15px;
	padding:3px 15px 8px;
	background:url(/images/interface/bg/bg-search-sections.png) left bottom no-repeat;
}
#search li {
	float:left;
	margin:0 10px 0 0;
	font-size:1.1em;
}
#search li input,
#search li label { vertical-align:middle; }
#search li label {
	margin:0 0 0 6px;
	color:#fff;
}
#ie6 #search li label,
#ie7 #search li label { margin:0 0 0 3px; }

/***** Header Login *****/
#account { 
	position:relative;
	float:right;
	margin:20px 0;
	z-index:2;
}
#ie6 #account ul { zoom:1 }
#account .links,
#account .links li,
#account li.login a,
#account .expand,
#account .expand ul { background:url(/images/interface/bg/bg-login.png) no-repeat; }

#ie6 #account .links,
#ie6 #account .links li,
#ie6 #account li.login a,
#ie6 #account .form ul,
#ie6 #account .form fieldset { background-image:url(/images/interface/bg/bg-login.gif); }

#account .links { 
	float:right;
	overflow:hidden;
	height:42px;
	background-position:right 0;
}
#account .links li { float:left; }
#account .links li a { display:inline-block; }
#account li.create { 
	height:20px;
	padding:13px 15px 9px 20px;
	font-size:1.2em; 
	color:#fff;
	background-position:0 0;
	color:#fff;
}
#account li.create a {
	font-weight:bold;
	color:#fff;
}
#account li.logout { 
	height:20px;
	padding:13px 15px 9px 20px;
	background-position:0 0;
}
#account li.logout a { 
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
}
#account li.my-account { 
	width:180px;
	margin:3px 3px 3px 0;
	background-position:0 -130px;
}
#account li.my-account a.profile {
	float:left;
	width:30px;
	height:30px;
	padding:3px 0 3px 3px;
}
#account li.my-account a.account {
	float:left;
	width:95px;
	height:27px;
	padding:7px 0 2px 20px;
	outline:none;
	font-family:Georgia,Times New Roman;
	font-size:1.5em;
	color:#333;
}
#account li.my-account a.arrow {
    float: left;
    width: 32px;
    height: 38px;
    background: url("/images/interface/bg/bg-login.png") no-repeat scroll -148px -130px transparent;
    text-indent: -9999px;
    outline: none;
}
#account li.my-account a.arrow:hover { background-position: -148px -170px; }
#account li.my-account a.open        { background-position: -148px -210px; }
#account li.my-account a.open:hover  { background-position: -148px -250px; }

#account li.login { background-position:right 0; }
#account li.login a {
	width:50px;
	height:24px;
	margin:3px 3px 3px 0;
	padding:7px 30px 5px 10px;
	outline:none;
	font-family:Georgia,Times New Roman;
	font-size:1.5em;
	font-weight:bold;
	color:#333;
	background-position:0 -50px;
}
#account li.login a.open { background-position:0 -90px; }



#account .expand {
	position:absolute;
	top:36px;
	right:3px;
	z-index:2;
	overflow:hidden;
	display:none;
	width:250px;
	padding:0 0 20px;
	background-position:-190px bottom;
}
#ie6 #account .expand { right:2px; }
#account .expand-list { 
	width:180px;
	padding:0 0 10px;
	background-position:-440px bottom;
}
#account .expand ul { 
	width:210px;
	padding:20px 20px 15px;
	background-position:-190px -50px;
}
#account .expand-list ul { 
	width:180px;
	padding:15px 20px 0;
	background-position:-440px -50px;
}
#account .expand li { margin:0 0 5px; }
#account .expand-list li {
	font-size:1.1em;
	font-weight:bold;
}
#account .expand li label {
	display:inline-block;
	margin:0 0 3px;
	font-size:1.2em;
}
#account .expand input.text {
	display:block;
	width:198px;
	padding:3px 5px;
	margin:0 0 3px;
	font-size:1.2em;
}
#ie6 #account .expand input.text,
#ie7 #account .expand input.text { width:196px; }
#account .expand span.error {
	position:relative;
	display:block;
	padding:3px 5px;
	-moz-border-radius:2px 2px 2px 2px;
	color:#FFFFFF;
	font-size:1.1em;
	background:#BC211D;
}
#account .expand span.error span.ind {
	position:absolute;
	top:-5px;
	left:10px;
	width:16px;
	height:6px;
	padding:0;
	background:url("/images/interface/ind/ind-error-arrow-up.png") no-repeat scroll center top transparent;
}
#account .expand input.btn { margin:0 0 0 20px; }
#account .expand label.side-option { margin:0 0 0 15px; }
#account .expand li a { font-size:1.1em; }

/***** Navigation Styles *****/

#nav ul {
	position:absolute;
	z-index: 3;
	bottom:0;
	left:0;
}
#nav li {
	display: none;
	position:absolute;
	bottom:0;
	line-height:1em;
	font-family:Georgia,Times New Roman;
	font-size:1.5em;
}
#nav li.tab-1 {
	display: block;
	left:0;
	z-index:9;
}

#nav li.tab-2 {
	display: block;
	left:115px;
	z-index:8;
}

#nav li.tab-3 {
	display: block;
	left:230px;
	z-index:7;
}

#nav li.tab-4 {
	display: block;
	left:345px;
	z-index:6;
}

#nav li.tab-5 {
	display: block;
	left:460px;
	z-index:5;
}

#nav li.tab-6 {
	display: block;
	left:575px;
	z-index:4;
}

#nav li.tab-7 {
	display: block;
	left:690px;
	z-index:3;
}

#nav li.tab-8 {
	display: block;
	left:805px;
	z-index:2;
}

#nav li.tab-9 {
	display: block;
	left:1000px;
	z-index:1;
}
#nav li.selected { z-index:20; }
#nav li a {
	position:relative;
	display:block;
	width:85px;
	padding:.5em 20px .5em 15px;
	color:#fff;
	background:url(/images/interface/bg/bg-nav-tab.png) 0 0 no-repeat;
}
#nav li.selected a { background-position:0 -100px; }	
#ie6 #nav li a { background-image:url(/images/interface/bg/bg-nav-tab.gif); }
#ie6 #nav li.tab-5 a { background-position:-130px 0; }
#ie6 #nav li.tab-5 a.selected { background-position:-130px -100px; }
#nav li a:hover,
#nav li a:focus {
	padding-bottom:1em;
	text-decoration:none;
}

/***** inner navigation - mygreggs  ***/
#inner-nav { background:#dad6ca 0 -200px repeat-x; }
#inner-nav .wrapper {
	position:relative;
	overflow:hidden;
	width:940px;
	height:75px;
	margin:0 auto;
}
#inner-nav li {
	display: none;
	position:absolute;
	bottom:0;
	line-height:1em;
	font-family:Georgia,Times New Roman;
	font-size:1.3em;
}
#inner-nav li.tab-1 {
	display: block;
	left:0;
	z-index:9;
}
#inner-nav li.tab-2 {
	display: block;
	left:145px;
	z-index:8;
}
#inner-nav li.tab-3 {
	display: block;
	left:290px;
	z-index:7;
}
#inner-nav li.tab-4 {
	display: block;
	left:290px;
	z-index:7;
}
#inner-nav li.tab-5 {
	display: block;
	left:290px;
	z-index:7;
}

#inner-nav li.selected { z-index:20; }
#inner-nav li a {
	position:relative;
	display:block;
	width:115px;
	padding:.85em 20px .65em 15px;
	color:#b8201c;
	background:0 0 no-repeat;
}
#inner-nav li.selected a {
	color:#7d1513;
	background-position:0 -100px;
}	
#ie6 #inner-nav li a { background-image:url(/images/interface/bg/bg-nav-tab.gif); }
#ie6 #inner-nav li.tab-5 a { background-position:-130px 0; }
#ie6 #inner-nav li.tab-5 a.selected { background-position:-130px -100px; }
#inner-nav li a:hover,
#inner-nav li a:focus {
	padding-bottom:1.3em;
	text-decoration:none;
}
#inner-nav,
#inner-nav li a { background-image:url(/images/interface/bg/bg-innernav-tab.png); }

#inner-nav.mygreggs h2 {
	width:150px;
	height:39px;
	margin:25px 0 0;
	text-indent:-10000px;
	background:url(/images/interface/hdg/hdg-mygreggs.png) 0 0 no-repeat;
}	
#inner-nav.mygreggs ul {
	position:absolute;
	bottom:0;
	left:180px;
}
/***** view link *****/
a.view { 
	font-size:1.1em;
	float:right;
}

/***** Footer Styles *****/

	#footer .suggestion {
		min-height:25px;
		padding:125px 185px 5px;
		font-family:Georgia, Times New Roman;
		font-size:1.5em;
		background:url(/images/interface/bg/bg-footer-plantlife.jpg) center bottom no-repeat;
	}
	
	#ie6 #footer .suggestion {
		height:25px;
	}
	
	#footer .suggestion p,
	#footer .suggestion p a {
		margin:0;
		color:#fff;
	}
	
	#footer .suggestion p {
		text-shadow:1px 3px 2px #650a09;
	}
	
	#footer .links {
		min-height:25px;
		overflow:hidden;
		padding:25px 40px 20px;
		background:#880c0a url(/images/interface/bg/bg-footer-gradient.png) left top repeat-x;
	}

	#ie6 #footer .links {
		height:30px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#footer .links li,
	#footer .links li a {
		color:#fff;
	}
	
	#footer .links li {
		float:left;
		padding:0 5px 0 0;
		margin:0 5px 0 0;
		border-right:1px solid;
		line-height:1em;
		font-size:1.2em;
	}
	
	#footer .links li.last,
	#footer .links li.right {
		margin:0;
		padding:0;
		border:none;
	}
	
	#footer .links li.right {
		float:right;
	}

/***** Back to top Style *****/

	.back-top {
		text-align:right;
		text-transform:uppercase;
		font-size:1em;
		font-weight:bold;
	}
	
	.back-top a {
		padding:0 15px 0 0;
		background:url(/images/interface/ind/ind-top.png) right center no-repeat;
	}
	
/***** Rating Styles *****/

	.rating-small {
		display:block;
		width:75px;
		height:15px;
		margin:0 0 5px !important;
		text-indent:-10000px;
		background:url(/images/interface/ind/ind-rating-internal-small.png) no-repeat;
		background-position:0 18px;
	}
	
	.rating-small-0 {
		background-position:0 -90px;
	}
	
	.rating-small-1 {
		background-position:0 -72px;
	}
	
	.rating-small-2 {
		background-position:0 -54px;
	}
	
	.rating-small-3 {
		background-position:0 -36px;
	}
	
	.rating-small-4 {
		background-position:0 -18px;
	}
	
	.rating-small-5 {
		background-position:0 0;
	}
	
	.rating-large {
		display:block;
		width:84px;
		height:17px;
		margin:0 0 5px !important;
		text-indent:-10000px;
		background:url(/images/interface/ind/ind-rating-internal-small.png) no-repeat;
		background-position:0 20px;
	}
	
	.rating-large-0 {
		background-position:0 -88px;
	}
	
	.rating-large-1 {
		background-position:0 -71px;
	}
	
	.rating-large-2 {
		background-position:0 -54px;
	}
	
	.rating-large-3 {
		background-position:0 -37px;
	}
	
	.rating-large-4 {
		background-position:0 -18px;
	}
	
	.rating-large-5 {
		background-position:0 0;
	}

/***** Content *****/
.holder {
	clear:both;
	margin:0 0 20px;
	padding:10px 0 0;
	background:#f1efea;
	zoom: 1;
}
.holder:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
.holder .divider-bottom-670 { background:url(/images/interface/bg/bg-holder-divide-bottom-670.png) center bottom no-repeat; }	
.holder .divider-top-670 { background:url(/images/interface/bg/bg-holder-divide-top-670.png) center top no-repeat; }
.holder .divider-top-335 {
	margin:20px 0 0;
	padding:20px 0 0;
	background:url(/images/interface/bg/bg-holder-divide-top-335.png) center top no-repeat;
}
a.cta { font-weight:bold; }	
a.image-link { display:block; }	
p.type {
	margin:0 !important;
	text-transform:uppercase;
	letter-spacing:-.05em;
	font-size:1em !important;
	font-weight:bold;
	color:#333;
}
.tooltip {
	border-bottom:#4F4C46 dotted 1px;
	font-style:normal;
	font-weight:bold;
}
.cont-pad-sides {
	padding-right:15px;
	padding-left:15px;
}

/***** general content *****/
.cont-gen {
	margin-bottom:20px;
	padding-bottom:5px;
}
.cont-gen h1 {
	font-size: 2.2em;
	color: #000;
}
.cont-gen h2 { font-size: 1.6em; }
.cont-gen h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
}
.cont-gen h4 { font-size: 1.2em; }
.col-335 .feature h2 { font-size:2em; }
.cont-gen p {
	font-size:1.2em;
	margin:0 0 10px;
}
.cont-gen p.author { font-size:1.1em; }
.cont-gen p a.btn { font-size:1.3em; }
.cont-gen fieldset.options { margin:15px 0 15px -2px; }
.cont-gen fieldset.options ul { margin:0; }
.cont-gen fieldset.options li { 
	display:inline;
	list-style:none;
	font-size:1em;
}
.cont-gen p.date,
.cont-listing p.date {
	margin-bottom:5px;
	font-size:1.1em;
	font-weight:bold;
	color:#333;
}
.cont-gen ul,
.cont-gen ol { margin:0 0 10px 30px; }
.cont-gen ul li { list-style:disc; }
.cont-gen ol li { list-style:decimal; }
.cont-gen li {
	font-size:1.2em;
	margin:0px;
}
.cont-gen ul.tick-list { margin:0 0 10px 5px; }
.cont-gen ul.tick-list li {
	padding:0 0 7px 25px;
	list-style:none;
	background:url(/images/interface/ind/ind-tick.png) 0 0 no-repeat;
}
.cont-gen .list-ingredients,
.cont-gen .list-ingredients ul { margin:0 0 25px; }
.cont-gen .list-ingredients li {
	margin-bottom:1px;
	list-style:none;
}
.cont-gen .list-ingredients li h3 {
	margin:5px 0 3px;
	font-family:Arial;
	font-weight:bold;
	font-size:1.1em;
}
.cont-gen .list-ingredients li li { font-size:1em; }
.cont-gen .list-prep {
	overflow:hidden;
	margin:0 0 10px;
	font-size:1.2em;
}
#ie6 .cont-gen .list-prep { zoom:1; }
.cont-gen .list-prep dt { margin-right:3px; }
.cont-gen .list-prep dd { font-weight:bold; }
.cont-gen .sizes { margin-bottom:5px; }
.cont-gen .sizes h2 {
	display:inline;
	margin-right:3px;
	font-family:Arial;
	font-size:1.1em;
	color:#666;
}
.cont-gen .sizes ul,
.cont-gen .sizes li {
	display:inline;
	margin:0;
}
.cont-gen .sizes li { font-size:1.1em; }
.cont-gen .sizes li a.selected { color:#333; }

/***** content images *****/
.cont-article-image {
	float:right;
	width:300px;
	margin:5px 0 0 15px;
	background:#e6e2d8;
}
.cont-article-image img.image {
	border:#fff solid 5px;
	margin:0;
}
.cont-article-image .banner { position:relative; }
#ie6 .cont-article-image .banner { zoom:1; }
.cont-article-image .banner strong {
	display:block;
	position:absolute;
	bottom:-2px;
	right:-2px;
	width:144px;
	height:144px;
	text-indent:-10000px;
	background:top center no-repeat;
}
.cont-article-image .banner strong.tag-win { background-image:url(/images/interface/ind/ind-banner-win.png); }
#ie6 .cont-article-image .banner strong.tag-win {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/ind/ind-banner-win.png', sizingMethod='scale');
}
.cont-article-image .banner strong.tag-win-greggs { background-image:url(/images/interface/ind/ind-banner-win-with-greggs.png); }
#ie6 .cont-article-image .banner strong.tag-win-greggs {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/ind/ind-banner-win-with-greggs.png', sizingMethod='scale');
}
.cont-article-image p {
	margin:10px 15px;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	color:#333;
}
.cont-image-overlap {
	position:relative;
	min-height:129px;
}
#ie6 .cont-image-overlap { height:129px; }
.cont-image-overlap img.image-overlap {
	position:absolute;
	top:-15px;
	right:10px;
}
.cont-image-overlap h1,
.cont-image-overlap p { margin-right:220px; }

/***** notice content *****/
.cont-notice {
	margin:0 0 20px;
	padding:25px 20px 10px;
	background:#fbf6d4 url(/images/interface/bg/bg-notice-670.png) top center no-repeat;
	position: relative;
}
.cont-notice h2 {
	margin:0 0 5px;
	font-style:italic;
	font-size:2.2em;
}
.cont-notice p {
	margin:0 0 10px;
	font:italic 1.5em/1.3 Georgia, 'Times New Roman' !important;
	color:#5b5a53;
}

/***** highlight content *****/
.highlite {
	margin:0 0 45px;
	padding:0 0 15px;
	background:url(/images/interface/bg/bg-highlight-335.png) bottom center no-repeat;		
}
.highlite .highlite-wrapper {
	position:relative;
	padding:15px 15px 0;
	background:url(/images/interface/bg/bg-highlight-335.png) top center no-repeat;		
}
#ie6 .highlite .highlite-wrapper,
#ie7 .highlite .highlite-wrapper { zoom:1; }
.highlite li,
.highlite p { font-size:1.1em; }
.highlite ul,
.highlite ol { margin:0 0 7px 20px; }
.highlite li { margin:0 0 3px; }
.highlite ul li { list-style-type:disc; }
.highlite ol li { list-style-type:decimal; }
.highlite p { margin:0 30px 10px 0; }
.highlite .egg-bowl {
	position:absolute;
	bottom:-66px;
	right:-32px;
	display:block;
	width:110px;
	height:100px;
	background:url(/images/interface/bg/bg-hint-egg-whip.png) top center no-repeat;
}
#ie6 .highlite .egg-bowl,
#ie7 .highlite .egg-bowl { bottom:-56px }

/***** Feature *****/
.featured h2 {
	font-size:2em;
}

/***** Item Sub Action *****/
.item-action { margin:0 0 30px 0; }
.item-action .flag {
	position:relative;
	height:50px;
	margin-top:20px;
}
.flag-submit-recipe a {
	position:absolute;
	top:0;
	left:-15px;
	width:365px;
	height:45px;
	text-indent:-10000px;
	background:url(/images/interface/btn/btn-flag-submit-recipe.png) 0 0 no-repeat;
}
.flag-submit-great-recipe a {
	position:absolute;
	top:0;
	right:-15px;
	overflow:hidden;
	width:345px;
	height:45px;
	text-indent:-10000px;
	background:url(/images/interface/btn/btn-flag-submit-great-recipe.png) 0 0 no-repeat;
}

/***** Item Detail Styles *****/
.hero-image {
	position:relative;
	display:block;
	margin:0 0 15px;
	border:5px solid #fff;
}
a.hero-image,
div.hero-image {
	width:280px;
	height:344px;
}
.hero-image-hide img { display:none; }
div.hero-image { background:url(/images/interface/ind/ind-loading.gif) center center no-repeat; }
.hero-image span.flag {
	position:absolute;
	top:20px;
	left:0;
	text-indent:-10000px;
}
.hero-image span.flag-recipe {
	width:155px;
	height:45px;
	background:url(/images/interface/ind/ind-flag-featured-recipe.png) 0 0 no-repeat;
}
#ie6 .hero-image span.flag-recipe {
	background:transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/ind/ind-flag-featured-recipe.png', sizingMethod='scale');
}

.freestyle { padding-top: 0; }
.freestyle .cont-gen {
    background: url(/images/interface/bg/bg-freestyleCooking.jpg) top left no-repeat;
}
/*.freestyle h1 { display: none; }*/
.freestyle .date { padding-top: 132px; }

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/
.row {
	padding-left:15px;
	padding-bottom:15px;
}
/***** Buttons *****/
.btn,
.btn-grey {
	border:none;
	cursor:pointer;
}
.btn { 
	width:105px;
	height:45px;
	padding:0 0 8px;
	vertical-align:middle;
	font:1.5em/1.2 Georgia, 'Times New Roman';
	color:#fff;
	background:url(/images/interface/btn/btn-sprite.png) no-repeat; 
}
a.btn { 
	display:inline-block;
	height:35px;
	padding:10px 0 0;
	text-align:center;
}
a.btn:hover { text-decoration:none; }
a.btn:hover,
a.btn:focus,
a.btn:active {
	color:#fff;
}
.btn-grey {
	height:31px;
	padding:0 0 1px 27px;
	background:url(/images/interface/btn/btn-grey-sprite.png) no-repeat;
	font-size:1.1em;
	font-weight:bold;
	color:#666;
	text-align: left;
	outline: none;
}
#ie7 .btn-grey,
#ie8 .btn-grey { padding: 0 0 1px 30px; }

/*** default ***/
.btn-100				{ background-position:0 0; }
.btn-100:hover			{ background-position:0 -45px; }
.btn-200				{ background-position:0 -90px; width:205px; }
.btn-200:hover			{ background-position:0 -135px; }
a.btn-80,
.btn-80					{ 
	width:82px; 
	height:31px;
	padding:0 3px 6px;
	font-size:1.3em;
	background-position:-100px -180px;
	line-height: 1.0em;
}
li .btn-80              { font-size: 1.084em; }
a.btn-80                { height: 24px; padding: 7px 0 0 0; }

fieldset#profile-cropper li { float: left; }

#ie7 input.btn-80,
#ie8 input.btn-80       { padding-bottom: 2px; }
#ie8 a.btn-80           { height: 23px; padding: 8px 0 0 0; }
.btn-80:hover			{ background-position:-100px -225px; }

.btn-60					{
	width:65px; 
	height:31px; 
	padding:0 0 5px;
	font-size:1.3em;
	background-position:0 -180px;
}
.btn-60:hover			{ background-position:0 -225px; }

/*** grey ***/
.btn-grey-70			{ background-position:0 0; width:75px; padding-left: 0; text-align: center; }
.btn-grey-70:hover		{ background-position:0 -40px; }
#ie7 .btn-grey-70,
#ie8 .btn-grey-70       { padding-left: 0; }

.btn-grey-plus			{ background-position:0 -80px;  width:163px; }
.btn-grey-plus:hover	{ background-position:0 -120px; }
.btn-grey-star			{ background-position:0 -200px; width:163px; }
.btn-grey-star:hover	{ background-position:0 -240px; }
.btn-grey-star-disabled,
.btn-grey-star-disabled:hover { background-position:0 -280px; width:163px; cursor:default; color: #AAA; }
.btn-grey-saved,
.btn-grey-saved:hover		  { background-position:0 -160px; width:163px; cursor:default; color: #AAA; }
/***** find more recipes *****/
#FindMoreRecipes {
    width: 500px;
    padding-top: 9px;
    position: absolute;
}
#FindMoreRecipes p {
    width: 300px;
    padding-top: 6px;
    float: left;   
}
#FindMoreRecipes fieldset {
    width: 193px;
    height: 34px;
    float: left;
    background: url('/Images/Interface/bg/bg-find-more-recipes.png') no-repeat left top;
}
#FindMoreRecipes fieldset.hover { background-position: left bottom; }

#FindMoreRecipes input {
    border: none;
    background: none;
    font-size: 1.2em;
}
#FindMoreRecipes input.input-field {
    width: 110px;
    height: 16px;
    margin: 9px 0 0 9px;
    padding: 0 4px 0 3px;
}
#FindMoreRecipes input.submit {
    width: 57px;
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
}
#FindMoreRecipes input.submit:hover {
    cursor: pointer;
}
/***** form edit list *****/
.form-list-edit ul.edit-options {
    width: 170px;
	overflow:hidden;
	padding:10px 10px 10px 490px;
	border-bottom:1px solid #dfdbd0; 
}
.form-list-edit ul.edit-options li { 
	float:right;
	margin:0 0 0 10px;
}
.form-list-edit ul.edit-options li a {
	display:inline-block;
	padding:6px 0 0;
	font-size:1.3em;
}
.form-list-edit li { position:relative; }
.form-list-edit li .input-checkbox {
	position:absolute;
	top:10px;
	right:20px;
}

/***** Form Columns *****/
	
	.pri .form-adv-search {
		margin:0 10px 10px;
		background:#e6e2d8;
	}
	
	.pri .form-keywords {
		overflow:hidden;
		padding:15px 15px 20px 15px;
		background:url(/images/interface/bg/bg-form-divide-bottom-650.png) bottom center no-repeat;
	}
	
	.pri .form-keywords label {
		float:left;
		padding-top:6px;
		line-height:1.3em;
		font-family:Georgia,Times New Roman;
		font-weight:normal;
		font-size:1.6em;
		color:#333333;
	}
	
	.pri .form-keywords input.field-text {
		float:right;
		width:510px;
		padding:5px 5px;
		border:1px solid #dcd3bf;
		font-size:1.8em;
		background:#fff url(/images/interface/ind/ind-magnify.png) 494px 6px no-repeat;
	}
	
	.pri .form-check-listing {
		overflow:hidden;
		padding:10px 0;
		background:url(/images/interface/bg/bg-form-divider-vert.png) left top no-repeat;	
	}
	
	#ie6 .pri .form-check-listing {
		zoom:1;
	}
	
	.pri .form-check-listing .col {
		float:left;
		width:190px;
		padding:0 10px 0 15px;
	}
	
	.pri .form-check-listing .first {
		background:none;
	}
	
	.form-check-listing .col p {
		margin-bottom:10px;
		font-size:1.1em;
	}
	
	.form-check-listing .col li {
		padding-bottom:5px;
	}
	
	.form-check-listing .col input {
		vertical-align:middle;
	}
	
	.form-check-listing .col label {
		margin-left:5px;
		font-size:1.1em;
		vertical-align:middle;
		color:#666;
	}
	
	.pri .form-adv-search .row-submit {
		padding-top:20px;
		background:url(/images/interface/bg/bg-form-divide-top-650.png) top center no-repeat;
	}
	
	.sec .form-keywords {
		overflow:hidden;
		padding:0 20px 10px;
	}
	
	.sec .form-keywords label {
		display:block;
		margin:0 0 5px;
		line-height:1.3em;
		font-family:Georgia,Times New Roman;
		font-weight:normal;
		font-size:1.6em;
		color:#333333;
	}
	
	.sec .form-keywords input.field-text {
		width:198px;
		padding:5px 5px;
		border:1px solid #dcd3bf;
		font-size:1.8em;
		background:#fff url(/images/interface/ind/ind-magnify.png) 182px 6px no-repeat;
	}
	
	.sec .form-check-listing {
		clear:both;
	}
	
	.sec .row-submit,
	.sec .form-check-listing .col {
		padding:20px 20px 15px;
		background:url(/images/interface/bg/bg-form-divide-top-250.png) top center no-repeat;
	}
	
	.sec .form-check-listing .first {
		padding-top:0;
		background:none;
	}
	
	.sec .form-check-listing .col h3 {
		font-size:1.6em;
	}


/***** Form General *****/
.form-gen {
	overflow:hidden;
	clear:both;
	position:relative;
	margin:5px 15px 15px;
	padding:15px 15px 0;
	background:#e6e2d9;
}
#ie6 .form-gen,
#ie6 .form-section,
#ie6 .form-section div,
#ie7 .form-gen,
#ie7 .form-section,
#ie7 .form-section div { position:relative; zoom:1; }
.cont-gen h2.head-one,
.form-gen h2.head-one { font-size:2em; }
.form-gen .form-note {
	float:right;
	max-width:300px;
	font-size:1.1em;
}
.form-gen .form-section {
	margin:15px 0 0;
	padding:20px 0 0;
	background:url(/images/interface/bg/bg-form-divide-top-640.png) top center no-repeat;
}
.inner-cols-470 .form-gen .form-section { background-image:url(/images/interface/bg/bg-form-divide-top-440.png); }
.form-gen .newsletter-form { background: none; }
.form-gen .form-section h3 { margin: 0 0 13px; }
.form-gen .row {
	clear:both;
	overflow:hidden;
	padding:0 0 15px;
}
#ie7 .form-gen .row,
#ie6 .form-gen .row { position:relative; zoom:1; }
.form-gen .row p {
	clear:left;
	margin:0;
	padding:5px 0 0 135px;
	font-size:1em;
	color:#333;
}
.form-gen .row-no-label p { padding-left:0; }
.form-gen .row p.notes {
	float:right;
	width:125px;
	padding:0;
	line-height:1.2;
	font-size:1.2em;
	color:#666;
}
#content.pri .form-gen .row p.notes { 
	width:380px;
	font-size:1.2em;
}

.form-gen .row-buttons { margin-left:135px; }
#ie7 .form-gen .row-buttons,
#ie6 .form-gen .row-buttons { display:inline; }
.form-gen .row-no-label { padding-left:135px; }

.form-gen .row-check {
	width:auto;
	padding:0 0 15px 135px;
}
.form-gen .row-check label {
	display:inline-block;
	width:auto;
	max-width:335px;
	margin:0;
	padding:0;
}
.form-gen .row-check .input-check {
	float:left;
	margin:2px 10px 0 0;
}
.form-gen .section-sub {
	margin-left:135px;
	margin-bottom:15px;
	padding:15px 15px 5px;
	width:307px;
	border-top:1px solid #bcb8ae;
	background:#d3cdbf;
}
.form-gen .section-sub .row-check {
	padding-left:0;
}
.form-gen .section-sub .row-check label {
	width:280px;
	padding:0;
}
#ie7 .form-gen .section-sub .row-check label,
#ie6 .form-gen .section-sub .row-check label {
	margin-top:2px;
	width:275px;
}
#ie7 .form-gen .section-sub .row-check .input-check,
#ie6 .form-gen .section-sub .row-check .input-check { margin:0 10px 0 0; }
.form-gen label {
	float:left;
	width:125px;
	padding:6px 10px 0 0;
	font-size:1.2em;
	color: #333;
}
label.side-option,
.form-gen label.side-option { 
	float:none;
	display:inline-block;
	margin:0 20px 0;
	padding:0;
	vertical-align:middle;
	font-size:1.1em;
}
label.side-option span { margin:0 2px 0 0; }
label.side-option span,
label.side-option span input { vertical-align:text-bottom; }
#ie7 label.side-option span,
#ie7 label.side-option span input { vertical-align:middle; }
.form-gen a.side-option { 
	display:inline-block;
	padding:0 0 10px 10px;
	vertical-align:middle;
	font-size:1.5em;
	font-weight:bold;
}
.form-gen label span {
	font-weight:bold;
	color: #bc211d;
}
.form-gen .input-field {
	float:left;
	width: 325px;
	padding: 5px;
	font-size: 1.2em;
	border: 1px solid #d9d9d9;
	border-top-color: #b3b3b3;
}
.inner-cols-470 .form-gen .input-field { width:260px; }
.form-gen select.input-field { width: 337px; }
.form-gen select.input-third { width:105px; margin-right:10px; }
.form-gen select:focus,
.form-gen input:focus,
.form-gen textarea:focus { border-color: #666; }
.form-gen span { float:left; clear:left; }
.form-gen span.check { float:none; }
.form-gen span.error {
	position:relative;
	display:inline-block;
	width: 317px;
	margin:10px 0 0 135px;
	padding:7px 10px;
	border-radius:2px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	font-size:1.1em;
	color:#fff;
	background:#bc211d;
}
.inner-cols-470 .form-gen span.error { width:250px; }
.form-gen .row-check span.error {
	margin-left:0;
	width: 287px;
}
.profile-upload span.error    { margin-left:0; }
.form-gen span.error span.ind {
	position:absolute;
	top:-7px;
	left:10px;
	width:16px;
	height:10px;
	padding:0;
	background:url(/images/interface/ind/ind-error-arrow-up.png) center top no-repeat;
}
p.notice { 
	margin:5px 0 15px !important;
	padding:15px 15px 15px 50px;
	border:3px solid #fff;
	font:italic 1.5em/1.3 Georgia, 'Times New Roman' !important;
	color:#474747;
	background:#fbf6d4 url(/images/interface/ind/ind-notices.png) no-repeat;
}
p.notice-fail { background-position:10px -38px; }
p.notice-success { background-position:-40px 12px; }
p.notice strong { font-style:italic; }
p.notice-fail strong { color:#b41c19; }
p.notice-success strong { color:#548337; }
p.notice-subscription { background-position:-40px 12px;
                        margin-left:10px !important; 
                        margin-right:10px !important; }
p.notice-recipesubmission{ background-position:-40px 12px;
                        margin-left:10px !important; 
                        margin-right:10px !important; }
p.notice-promo{ background-position:-40px 12px;
                        margin-left:10px !important; 
                        margin-right:10px !important; }
                                                
p.notice-abuse 
{
	background:#fbf6d4;
    padding-left: 15px;
    }
p.notice-abuse strong { color:#548337; }

p.notice-loggedout
{
	background:#fbf6d4;
	padding-left: 15px;
}

/** mod forms **/
.sec .form-gen { background-color: Transparent; margin: 0; }
.sec .form-gen span.error { margin-left: 0; }
.sec .form-gen .row-buttons { margin-left: 0; }
.sec .form-gen .input-field { width: 208px; float: none; }
.sec .form-gen label { padding: 0 0 4px 0; float: none; }
.sec .form-gen textarea.input-field { height: 10em;	}



/***** special inputs *****/
.form-gen .check-box input,
.form-gen .button input {
	display: inline;
	width: auto;
	border: none;
	padding: 0;
}
.form-gen .check-box label {
	display: inline-block;
	margin-left: .5em;
	padding: 0;
}
.form-gen .button input {
	cursor: pointer;
	padding: 10px 20px;
	background-position: top left;
}
.form-gen .button input:hover {
	background-position: bottom left;
	background-color: #BC211D;
}

.form-gen span.mandatory {color: #ff0000; float: none;}

/*** mygreggs favourite search ***/
.form-favs-search h2 {
	font-size:2.2em;
	margin:0 15px 10px;
	padding:0 0 10px;
	border-bottom:1px solid #e3e0d9;
}
#FindMoreRecipes span.summary,
.form-favs-search p.summary {
	margin:0 0 10px;
	padding:0 15px;
	font:italic 1.5em/1.3 Georgia, 'Times New Roman';
}
#FindMoreRecipes span.summary { font-size: 1.25em; }

.form-favs-search .search { 
	margin-bottom: 10px;
	padding:20px 0 0;
	background:url(/images/interface/bg/bg-bubble-white-670.png) top center no-repeat;
}
.form-favs-search .search .wrapper {
	padding:0 20px 10px 30px;
	background:url(/images/interface/bg/bg-bubble-white-670.png) bottom center no-repeat;
}
.form-favs-search .search p {
	float:left;
	font-size:1.4em;
	font-weight:bold;
}
.form-favs-search .search p strong {
	display:inline-block;
	padding:9px 15px 0 0;
	font-size:1.3em;
	font-familY:Georgia, 'Times New Roman';
	font-weight:normal !important;
	color:#666;
}
.form-favs-search .search fieldset {
	float:right;
	min-height:45px;
	background:url(/images/interface/bg/bg-search-inner.png) top left no-repeat;
}
.form-favs-search .search input.input-field {
	width:180px;
	height:20px;
	margin:5px 0 0 5px;
	padding:6px;
	border:none;
	vertical-align:top;
	font-size:1.5em;
}
#ie7 .form-favs-search .search input.input-field {
	width:160px;
	height:16px;
}
.form-favs-search .search input.btn-search {
	width:80px;
	height:45px;
	border:none;
	vertical-align:top;
	text-indent:-10000px;
	background:url(/images/interface/bg/bg-search-inner.png) top right no-repeat;
	cursor:pointer;
}
#ie6 .form-favs-search .search input.btn-search,
#ie7 .form-favs-search .search input.btn-search {
	padding:45px 0 0;
}

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/***** Crumb Styles *****/
.cont-tools {
	margin:0 0 15px;
}

ul.crumbs li {
	display:inline;
	font-size:1.1em;
}

ul.crumbs li.current {
	background:none;
}

/***** Content Column Listing *****/

.cont-col-listing {
	overflow:hidden;
	margin:0 0 20px;
	background:url(/images/interface/bg/bg-col-210.png) left bottom repeat-x;
}
.cont-col-single { background-image:url(/images/interface/bg/bg-col-670.png) }
#ie6 .cont-col-listing { zoom:1; }
.cont-col-listing .col {
	float:left;
	width:210px;
	margin:0 20px 0 0;
}
.cont-col-single .col {
	width:210px;
	margin:0 0 0 20px;
}
.cont-col-listing h2 {
	margin:0;
	padding:7px 15px 9px;
	font-size:1.4em;
	color:#fff;
}
.cont-col-listing ul {
	overflow:hidden;
	margin:0 15px;
	padding:0 0 5px;
}
.cont-col-listing li {
	font-size:1.1em;
	padding:5px 0;
	border-top:1px solid #dbd6c9;
}
.cont-col-single li {
	float:left;
	width:212px;
}
.cont-col-listing li a {
	font-size:1.1em;
}
	
/***** Category Listing *****/
.cont-category-listing {
	overflow:hidden;
	padding:15px 0 0 15px;
}
#ie6 .cont-category-listing { zoom:1; }
.cont-category-listing li {
	float:left;
	width:193px;
	margin:0 25px 0 0;
	padding:0 0 20px;
}
#ie6 .cont-category-listing li { display:inline; }
.cont-category-listing li h2 { font-size:1.9em; }
.cont-category-listing li p {
	font-size:1.1em;
	margin:0 0 5px;
}
.cont-category-listing li a.cta { font-size:1.2em; }

/***** Content feature *****/
.cont-feat,
.cont-feat .wrapper { background:transparent url(/images/interface/bg/bg-feature.png) no-repeat; }
.cont-feat {
	padding:0 0 5px;
	background-position:bottom center;
}
.cont-feat .wrapper {
	overflow:hidden;
	padding:20px 20px 0;
	background-position:top center;
}
.cont-feat a.image { 
	position:relative;
	float:left;
	width:225px;
	padding:0 0 20px 0;
	background:url(/images/interface/bg/bg-feature-image.png) no-repeat center bottom;
}
.cont-feat a.image img { border: 5px solid #FFF; }

.cont-feat .details { 
	float:right;
	width:380px;
	margin:0; 
	padding:0 0 10px;
}
.cont-feat .no-image { float:none; width:auto; }
.cont-feat .details h2 { font-size:2.2em; }
.cont-feat .details a.btn { margin-bottom: 10px; }

/***** Content and Module Listing *****/
.cont-sub-category {
	position:relative;
	margin:0;
	padding:0 0 10px;
	border-bottom:1px solid #DFDBD0;
}

.cont-sub-category h2 {
	margin:0 0 15px;
	padding:8px 20px 10px;
	color:#fff;
	background:#bc211d;
}

.cont-sub-category h2 a,
#ie6 .cont-sub-category h2 a { color:#fff; }
.cont-sub-category a.link-cat {
	position:absolute;
	top:12px;
	right:20px;
	font-size:1.1em;
	color:#fff;
}
.cont-sub-category p { margin:0 20px 10px; }
.cont-listing a.view { margin:5px 15px 0 0; }
.cont-listing h2 { margin:0 15px 10px; }
.mod-listing li img.image,
.cont-listing li img.image { border:5px solid #fff !important; }
#ie6 .cont-sub-category,
#ie7 .cont-sub-category { height:1%; }
.cont-listing ul.grid-view li .image-link {
	display:block;
	margin-bottom:8px;
}
.cont-listing ul.list-view li .image-link {
	float:left;
	margin:0 10px 0 0;
}
.mod-listing .image-link { float:left; }
.mod-listing li h3,
.cont-listing li h3 {
	font-family:Arial;
	font-size:1.1em;
	font-weight:bold;
}
.cont-listing ul.list-view li h3 {
	margin:0 0 3px;
	font-size:1.3em;
}
.cont-listing ul.grid-view {
	overflow:hidden;
	margin:0 0 0 15px;
}
#ie6 .cont-listing ul.grid-view { height:1%; }
.cont-listing ul.grid-view li {
	width:120px;
	float:left;
	margin:0 10px 0 0;
	padding:0 0 15px;
}
#ie6 .cont-listing ul.grid-view li { display:inline; }
.cont-listing ul.list-view li {
	overflow:hidden;
	padding:15px 20px;
	border-bottom:1px solid #dfdbd0;
	min-height:120px;
}
#ie6 .cont-listing ul.list-view li { height:120px; }
.cont-listing ul.list-view .detail { margin:0 0 0 135px; }
.cont-listing .sizes { margin-bottom:5px; }
.cont-listing .sizes h4 {
	margin-right:3px;
	display:inline;
	font-family:Arial;
	font-size:1.1em;
	color:#666;
}
.cont-listing .sizes ul,
.cont-listing .sizes li { display:inline; }
.cont-listing .sizes li { font-size:1.1em; }
.cont-listing ul.list-view .sizes li {
	margin-right:3px;
	padding:0;
	border:none;
}	
.cont-listing p { font-size:1.2em; }

/***** Content Listing Member Only *****/
.cont-listing .members { 
	margin:20px 20px 0;
	padding-bottom:10px;
	border-bottom:1px solid #dfdbd0;
}
.cont-listing .members h2,
.cont-listing .members p { margin:0 0 10px; }
.cont-listing .members p { font-size:1em; }
.cont-listing .members p.desc,
.cont-listing .members p.cta span {
	font:italic 1.5em/1.3 Georgia, 'Times New Roman';
	color:#666;
}
.cont-listing .members p.cta, .cont-feat p.cta             { margin-top:15px; }
.cont-listing .members p.cta a.btn, .cont-feat p.cta a.btn { margin:0 5px 0 -2px; }
.cont-listing .members p.cta span, .cont-feat p.cta span   { font-style:normal;  }
.cont-feat p.cta span { font:normal 1.25em/1em Georgia, 'Times New Roman'; }
#ie7 .cont-listing .members p.cta a.btn,
#ie7 .cont-listing .members p.cta span { vertical-align:middle; }

/***** Module Listing *****/

	.mod-listing h2 a {
		display:block;
		padding:7px 15px;
		color:#fff;
		text-decoration:none;
	}
	
	#ie6 .mod-listing h2 a:hover,
	#ie6 .mod-listing h2 a:focus {
		color:#fff;
		text-decoration:none;
	}
	
	.mod-listing ul ul {
		padding:0;
	}
	
	.mod-listing ul li {
		overflow:hidden;
		padding:0 0 10px;
	}
	
	.mod-listing ul {
		padding:0 15px 5px;
	}
	
	.mod-listing ul ul {
		padding:0;
	}
	
	.mod-listing ul li {
		overflow:hidden;
		padding:0 0 10px;
	}
	
	.mod-listing .detail {
		margin:0 0 0 73px;
	}
	
	.mod-listing .list-competitions p {
		font-size:1.1em;
	}
	
	.mod-listing .list-competitions p a.cta {
		padding-left:20px;
		font-size:1.1em;
		background:url(/images/interface/ind/ind-square-plus-minus.png) -45px 1px no-repeat;
	}
	
	.mod-listing .list-competitions a.cta:hover,
	.mod-listing .list-competitions a.cta:focus {
		background-position:-30px -14px;
	}
	
	.mod-listing .list-competitions p.open a.cta {
		background-position:-15px -29px;
	}
	
	.mod-listing .list-competitions p.open a.cta:hover,
	.mod-listing .list-competitions p.open a.cta:focus {
		background-position:0 -44px;
	}
	
	.mod-listing .list-competitions p.open span {
		display:none;
	}
	
	.mod-listing .list-competitions li {
		margin:10px 0 0;
		padding:0 0 10px;
		border-bottom:1px solid #c5bda8;
	}
	
	.mod-listing .list-competitions li.last {
		border:none;
	}
	
	.mod-listing .list-competitions ul.winners li h4 {
		margin:0;
		font-family:Arial;
		font-size:1em;
		font-weight:bold;
	}
	
	.mod-listing .list-competitions ul.winners {
		margin-top:5px;
	}
	
	.mod-listing .list-competitions ul.winners ul {
		margin:0;
	}
	
	.mod-listing .list-competitions ul.winners li {
		margin:5px 0 0;
		padding:0;
		border:none;
	}
	
	.mod-listing .list-competitions ul.winners li.city,
	.mod-listing .list-competitions ul.winners li.region {
		margin:0;
		font-size:1em;
	}
	
	.mod-listing li a.cta {
		margin:5px 0 0;
		padding:0;
	}

/***** Module Styles *****/
.mod { margin:0 0 15px; }
.pri .col-160 .mod,
.pri .col-290 .mod,
.pri .col-335 .mod {	background:#e7e3da url(/images/interface/bg/bg-mods.png) no-repeat }
.sec .mod {				background:#f1efea url(/images/interface/bg/bg-mods-lite.png) no-repeat }
.pri .col-160 .mod {	background-position:0 bottom; }
.pri .col-290 .mod {	background-position:-1865px bottom; }
.pri .col-335 .mod {	background-position:-2155px bottom; }
.sec .mod {				background-position:-370px bottom; }
.mod h2 {
	margin:0 0 15px;
	padding:8px 15px;
	font-size:1.4em;
	color:#4f4c46;
}
.mod h2,
.cont-col-listing h2,
.cont-col-single h2 {	background:#c1baaa url(/images/interface/bg/bg-mod-tabs.png) no-repeat; }
.pri .mod h2 {			background-position:-620px 0; }
.pri .col-160 .mod h2 { background-position:0 0; }
.pri .col-290 .mod h2 {	background-position:-620px -200px; }
.pri .col-335 .mod h2 {	background-position:-910px -200px; }
.sec .mod h2 {			background-position:-370px 0;}
.cont-col-listing h2 {	background-position:-160px -400px; }
.cont-col-single h2 {	background-position:-1245px -400px; }
.mod a.cta {
	display:inline-block;
	margin:0 15px 15px;
	font-size:1.2em;
}

/***** Advance Search Module Styles *****/

	.mod-adv-search h2 {
		position:relative;
		padding-right:50px;
	}
	
	#ie6 .mod-adv-search h2 {
		zoom:1;
	}
	
	.mod-adv-search h2 span.sieve {
		position:absolute;
		bottom:-12px;
		right:5px;
		display:block;
		width:74px;
		height:45px;
		background:url(/images/interface/bg/bg-adv-search-sieve.png) top center no-repeat;
	}
	
	#ie7 .mod-adv-search h2 span.sieve {
		bottom:-11px;
	}

/***** Collapse Module Styles *****/
#ie6 .mod-group-collapse { zoom:1; }
.mod-group-collapse h2,
.mod-group-collapse .content h3 {
	margin:0;
	padding:0;
	background:none;
}
.mod-group-collapse .content h3 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;
}
.mod-listing-collapse h2 a,
.mod-group-collapse h2 a,
.mod-group-collapse .content h3 a {
	display:block;
	padding:7px 15px;
	color:#fff;
	border-top:1px solid #af1a16;
	text-decoration:none;
	background:url(/images/interface/bg/bg-mod-tabs-red.png) no-repeat;
	text-decoration:none !important;
}
.mod-group-collapse .content h3 a { padding:8px 15px; }
.mod-listing-collapse h2 a,
.mod-group-collapse h2.first a,
.mod-group-collapse h3.first a { border:none; }
.mod-listing-collapse h2 a {					background-position:-550px -750px; }
.mod-listing-collapse h2 a:hover,
.mod-listing-collapse h2 a:focus {				background-position:-550px -1000px; }
.mod-listing-collapse h2 a.open {				background-position:-550px -250px; }
.mod-listing-collapse h2 a.open:hover,
.mod-listing-collapse h2 a.open:focus {			background-position:-550px -500px; }
.mod-group-collapse h2.first a {				background-position:-260px -750px; }
.mod-group-collapse h2.first a:hover,
.mod-group-collapse h2.first a:focus {			background-position:-260px -1000px; }
.mod-group-collapse h2.first a.open {			background-position:-260px -250px; }
.mod-group-collapse h2.first a.open:hover,
.mod-group-collapse h2.first a.open:focus {		background-position:-260px -500px; }
.mod-group-collapse h2 a {						background-position:-260px -1750px; }
.mod-group-collapse h2 a:hover,
.mod-group-collapse h2 a:focus {				background-position:-260px -2000px; }
.mod-group-collapse h2 a.open {					background-position:-260px -1250px; }
.mod-group-collapse h2 a.open:hover,
.mod-group-collapse h2 a.open:focus {			background-position:-260px -1500px; }
.mod-group-collapse .content h3.first a {		background-position:0 -750px; }
.mod-group-collapse .content h3.first a:hover,
.mod-group-collapse .content h3.first a:focus {	background-position:0 -1000px; }
.mod-group-collapse .content h3.first a.open {	background-position:0 -250px; }
.mod-group-collapse .content h3.first a.open:hover,
.mod-group-collapse .content h3.first a.open:focus { background-position:0 -500px; }
.mod-group-collapse .content h3 a {				background-position:0 -1750px; line-height: 1.0em; }
.mod-group-collapse .content h3 a:hover,
.mod-group-collapse .content h3 a:focus {		background-position:0 -2000px; }
.mod-group-collapse .content h3 a.open {		background-position:0 -1250px; }
.mod-group-collapse .content h3 a.open:hover,
.mod-group-collapse .content h3 a.open:focus {	background-position:0 -1500px; }
#ie6 .mod-group-collapse h2 a:hover,
#ie6 .mod-group-collapse h2 a:focus,
#ie6 .mod-group-collapse h2 a:active {
	color:#fff;
	text-decoration:none;
}
.mod-group-collapse select.ajax-picker {
	width:260px;
	margin:0 0 10px;
	font-size:1.2em;
	padding:3px;
	border:1px solid #e2e9ef;
	border-top:1px solid #acadb2;
	border-radius:3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
.mod-group-collapse .ajax-content table tr.alt { background:#edeae3; }
.mod-group-collapse .content {
	margin-bottom:1px;
	padding:10px 15px 10px;
}
.mod-group-collapse .content .content { background:#e6e2d8; }
.mod-group-collapse .content img.image {
	float:right;
	margin:0 0 5px 5px;
	border:5px solid #FFFFFF;
}
.mod-group-collapse .content p {
	margin:0 0 5px;
	font-size:1.1em
}
.mod-group-collapse .content table {
	width:260px;
	margin:0 0 10px;
	border-radius:3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	background-color:#e6e1d7;
}
.mod-group-collapse .content td {
	padding:4px 10px;
	font-size:1.1em;
	color:#666;
}
.mod-group-collapse .content table tr:nth-child(even) { background-color:#edeae3; }
	
/***** Module Promo *****/
.mod-promo {
	padding:10px 10px 0;
	background:#f1efea;
}
#ie6 .mod-promo,
#ie7 .mod-promo { zoom:1; }
.sec .mod-promo h2 {
	margin:0 5px 5px;
	padding:0;
	background:none;
}
.mod-promo h2,
.mod-promo p {
	padding-left:5px;
	padding-right:5px;
}
.mod-promo p {
	margin-bottom:5px;
	font-size:1.2em;
}
.mod-promo a.cta {
	margin-left:5px;
	margin-right:5px;
}
.mod-promo .image-link {
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.mod-promo img.image { border:5px solid #fff; }
.tag {
	position:absolute;
	top:5px;
	left:5px;
	width:60px;
	height:60px;
	text-indent:-10000px;
	background:0 0 no-repeat;
}
.tag-new { background-image:url(/images/interface/ind/ind-tag-new.png); }
.tag-win { background-image:url(/images/interface/ind/ind-tag-win.png); }

/***** Module Menu Listing *****/
	
	.mod-menu-list ul {
		margin:0 15px;
		padding:0 0 15px;
	}
	
	.mod-menu-list li {
		margin:0 0 3px;
	}
	
	.mod-menu-list li a {
		font-size:1.2em;
		font-weight:bold;
	}
	
	.mod-menu-list li.selected a,
	.mod-menu-list li.selected li.selected a {
		color:#333;
	}
	
	.mod-menu-list ul ul {
		margin:0 0 0 15px;
		padding:0;
	}
	
	.mod-menu-list li.selected li a {
		font-size:1.1em;
		font-weight:normal;
		color:#bc211d;
	}

/***** Module Profile *****/
.mod-profile,
.mod-profile .wrapper,
img.profile { background:url(/images/interface/bg/bg-profile.png) no-repeat; }
.mod-profile {
	margin:0 0 20px;
	padding:15px 0 0;
	color:#575651;
	background-color:#dad6ca;
	background-position:left top;
}
.mod-profile .wrapper {
	overflow:hidden;
	padding:0 15px 15px;
	background-position:left bottom;
}
.mod-profile div.profile {
	width:70px;
	float:left;
}
.mod-profile div.profile a { font-weight:bold; font-size:1.1em; }
.mod-profile .details {
	float:right;
	width:145px;
}
.mod-profile p { line-height:1.3; font-size:1.1em; }
img.profile { 
	float:left;
	padding:6px 14px 15px 6px;
	background-position:right top;
}
ul.profile-options { 
	float:left;
	margin:0 0 0 10px;
}
ul.profile-options li {
	margin:5px 0 0;
	font-size:1.2em;
	font-weight:bold;
}
ul.profile-options li.profile-change { padding: 7px 0 0 3px; }
ul.profile-options li.upload
{
	margin:45px 0 0 0;	
}

div.preview  
{
	background:url(/images/interface/bg/bg-profile.png) no-repeat; 
	float:left;
	padding:6px 14px 15px 6px;
	margin:0 15px 10px;
	background-position:right top;
	width: 50px; 
	height:50px; 
	overflow: hidden;
}

/***** Module Poll *****/
.mod-poll h3 {
	margin:0 15px 10px;
	padding:10px 15px;
	font-size:1.3em;
	font-style:italic;
	color:#666;
	background:#fff;
}
.mod-poll ul { padding:0 0 10px; }
.mod-poll li {
	overflow:hidden;
	padding:0 15px 5px;
	font-size:1.3em;
}
.mod-poll li input,
.mod-poll li label { float:left; }
.mod-poll li input { margin:2px 5px 0 0; }
    #ie7 .mod-poll li input { margin-top: 0; }
.mod-poll li label { width:200px; }
    #ie7 .mod-poll li label { padding-top: 2px; }
.mod-poll .btn { margin:0 0 15px 15px; }
.mod-poll dl { 
	margin:0 15px 15px;
	color:#666;
}
.mod-poll dt,
.mod-poll dt.choice,
.mod-poll dd.firstResult,
.mod-poll dd.text { font-size:1.2em; }
.mod-poll dt.choice,
.mod-poll dt { margin:0 5px 3px 0; }
.mod-poll dd.text,
.mod-poll dd { font-weight:bold; color:#7d1513; }
.mod-poll dd.bar,
.mod-poll dd div.scoreBarContainer {
	clear:both;
	width:100%;
	height:19px;
	margin:0 0 8px 0;
	background:#e4e0d7;
}
.mod-poll dd.bar span,
.mod-poll dd div.scoreBar {
	display:block;
	height:19px;
	text-indent:-10000px;
	background:#bc211d url(/images/interface/bg/bg-poll-bar.png) top right;
}
.mod-poll dt.total { 
	padding:5px 5px 0 0;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
}
.mod-poll dd.total {
	font:bold 2.2em/1 Georgia, 'Times New Roman';
}

/***** Module Comments *****/
.mod-comments {
	position:relative;
	margin-top: 25px;
	padding:0 0 10px;
	background:#ece8de;
}
.mod-comments h2 { margin:0; }
.mod-comments a.abuse,
.mod-comments input.abuse,
.mod-comments ol li img,
.mod-comments .comment,
.mod-comments .comment h2 { background:url(/images/interface/bg/bg-comments.png) no-repeat; }
.mod-comments input.abuse,
.mod-comments a.abuse {
	padding:0 0 0 18px;
	background-position:-385px 0;
}
.mod-comments input.abuse { 
	padding-left:18px;
	border:none;
	font-size:1em;
	color:#950a08;
	background-color:Transparent;
	cursor:pointer;
}
#ie6 .mod-comments input.abuse,
#ie7 .mod-comments input.abuse { padding-left:3px; }
.mod-comments a.abuse-open {
	top:10px;
	right:10px;
	font-size:1.1em;
	position: absolute;
}
.mod-comments ol { 
	margin:0 10px 10px;
	font-size:1.1em;
	overflow:hidden;
}
.mod-comments a.view { margin:0 10px 10px 0; }
.mod-comments ol li {
	position:relative;
	min-height:40px;
	padding:15px 0 15px 55px;
	border-bottom:1px solid #dbd6c9;
}
#ie6 .mod-comments ol li { height:40px; }
.mod-comments ol li img {
	position:absolute;
	top:10px;
	left:0;
	padding:9px 10px 10px 6px;
	background-position:-335px 3px;
}
.mod-comments li h3 {
	margin:0 0 3px;
	font-family:Arial,Verdana,sans-serif;
	font-size:1em;
}
.mod-comments li h3:hover { cursor: default; }
.mod-comments li p {
	margin:0 0 5px;
	font-family:Georgia, 'Times New Roman';
	font-style:italic;
}
.mod-comments .comment { 
	overflow:hidden;
	clear:both;
	background-position:0 bottom;
}
.mod-comments .comment h2 {
	padding:15px 25px 10px !important;
	font-style:italic;
	background-position:0 top !important;
	background-color:#e7e3da;
}
.mod-comments .comment h2 em {
	margin:0 0 0 20px;
	font:normal .85em Arial,Verdana,sans-serif;
}
.mod-comments .comment h2 a { font-weight:bold; }
.mod-comments .comment textarea {
	width:273px;
	height:100px;
	margin:0 5px 0 25px;
	padding:5px;
	border:1px solid #d9d9d9;
	font-size:1.2em;
}
.mod-comments .comment p {
	margin:0 25px 10px 25px;
	padding:5px;
	border:1px solid #d9d9d9;
	background:#e9e9e9;
}
.mod-comments .comment p em { 
	float:right;
	padding:.2em 0 0;
}
.mod-comments .comment p input { vertical-align:middle; }
.mod-comments .comment p label { 
	margin:0 0 0 5px;
	vertical-align:middle;
	font-size:1.1em;
	color:#333;
}
.mod-comments .comment input.btn { margin:0 25px 20px; }

/***** Module Static *****/
.mod-static .cont { padding: 0 10px 5px; }
.mod-static .cont p {
	font-size: 1.2em;
	margin: 0 0 10px;
}

/***** Search Intro Styles *****/
.cont-intro-search { margin:0 0 1em; }	
.cont-intro-search h1 {
	display:inline;
	font-size:1.7em;
	color:#666;
}
.cont-intro-search h1 em {
	color:#333;
	font-size:1.2em;
}
.cont-intro-search a.clear { 
	margin:0 0 0 10px;
	font:1.6em Georgia, "Times New Roman";
}
	
/***** Pages / Pagination Styles *****/
	
	.pages {
		position:relative;
		padding:10px 0 0;
		background:#e4e0d7;
	}
	
	#ie6 .pages {
		zoom:1;
	}
	
	.pages h2,
	.pages p {
		float:left;
		margin:0 0 0 20px;
		padding:0 0 10px;
		font-family:Arial;
		font-size:1.1em;
		font-weight:bold;
		color:#333;
	}

	#ie6 .pages h2,
	#ie6 .pages p,
	#ie6 .pages ul.links {
		display:inline;
	}
	
	.pages ul.links {
		margin:0 10px 0 0;
		float:right;
	}
	
	.pages ul li {
		float:left;
	}
	
	.pages ul li {
		font-size:1.1em;
		color:#333;
	}
	
	.pages li a,
	.pages li span {
		display:inline-block;
	}
	
	.pages li.num {
		border-right:1px solid #333;
	}
	
	.pages li.num a,
	.pages li.num span {
		padding:0 6px;
	}
	
	.pages li.prev,
	.pages li.next,
	.pages li.first {
		margin:0 0 0 5px;
	}
	
	.pages li.prev a,
	.pages li.next a,
	.pages li.first a {
		overflow:hidden;
		display:block;
		height:14px;
		width:14px;
		text-indent:-10000px;
		background:url(/images/interface/ind/ind-square-arrows.png) no-repeat;
	}
	
	.pages li.first a {
		background-position:0 -30px;
	}
	
	.pages li.first a:hover {
		background-position:-15px -30px;
	}
	
	.pages li.prev a {
		background-position:0 -15px;
	}
	
	.pages li.prev a:hover {
		background-position:-15px -15px;
	}
	
	.pages li.next a {
		background-position:0 0;
	}
	
	.pages li.next a:hover {
		background-position:-15px 0;
	}
	
	.pages li.view-all {
		position:absolute;
		top:-2em;
		right:0;
		font-weight:bold;
		font-size:1em;
	}
	
	.col-490 .pages li.view-all {
		right:20px;
	}
	
	.pages li.view-all a:hover {
		background:none;
	}
	
	
/***** Page Tools Styles *****/

	.page-tool {
		float:right;
		margin:0 0 0 15px;
		padding:2px 0 2px 20px;
		font-size:1em;
		font-weight:bold;
		text-transform:uppercase;
		background:url(/images/interface/ico/ico-page-tools.png) no-repeat;
	}
	
	.page-print {
		background-position:-30px 0;
	}
	
	.page-email {
		background-position:0 -30px;
	}

/** Olies dirty css **/
	.underlay {
		background-color: #000;
		width: 184px;
		position: absolute;
		left: 50%;
		margin-left: -70px;
		display: none;
		z-index: 10;
	}
	
	.mini-detail {
		position: absolute;
		left: 50%;
		z-index: 11;
		display:none;
		width: 154px;
		padding: 10px;
		margin-left: -65px;
		background: #f1efea;
	}
	
	.mini-detail a.close {
		float: right;
		margin:0 0 8px;
		padding:1px 17px 0 0;
		text-transform:uppercase;
		font-size:1em;
		background:url(/images/interface/ind/ind-close.png) right center no-repeat;
	}
	
	.mini-detail .image-link {
		clear:right;
		display:block;
		width:110px;
		height:110px;
		margin-bottom:8px;
		padding:22px;
		background:#fff;
	}
	
	.mini-detail h3 {
		clear:right;
		margin-bottom:5px;
		font-size:1.1em;
		font-family:Arial;
		font-weight:bold;
	}
	
	.mini-detail p {
		margin-bottom:5px;
		font-size:1.1em;
	}
	
	.mini-detail a.cta {
		font-size:1.2em;
		font-weight:bold;
	}

/***** Sitemap Styles *****/
	.sitemap {
		padding:0 15px 0;
	}
	
	.sitemap li {
		margin:0 0 20px;
		padding:10px 0 0;
		border-top:1px solid #dfdbd0;
		font-size:1.8em;
		font-family:Georgia,Times New Roman;
	}
	
	.sitemap li li {
		margin:0 0 0 20px;
		padding:0;
		border:none;
		font-size:.65em;
		font-family:Arial;
	}
	
	.sitemap li li li {
		font-size:1em;
	}
	
	
	
	
.cont-notice a.close 
{
	background:url(/images/interface/bg/bg-popup.png) no-repeat;
	top:10px;
	right:1px;
	display: block;
	width:30px;
	height:30px;
	text-indent:-10000px;
	background-position:right top;
	outline:none;
	position:absolute;
}

/***** FREESTYLE LANDING PAGE ****/
.freestyle { background-color: #FDF7F1; }

#freestyleHeader h1 {
	width: 670px;
	height: 104px;
	background: url(/images/interface/hdg/hdg-cook-freestyle.jpg) no-repeat 0 0;
}
#freestyle-nav {
	width: 371px;
	margin: 6px auto;
}
#freestyle-nav a {
	display: block;
	height: 20px;
	background: url(/images/interface/bg/bg-freestyle-nav.png) no-repeat 0 0;
	outline: none;
}
#freestyle-nav #nav-manifesto			{ width: 88px; background-position: 0 0; }
#freestyle-nav #nav-manifesto:hover,
#freestyle-nav #nav-manifesto:focus		{ background-position: 0 -20px; }
#freestyle-nav #nav-freestyleTV			{ width: 107px; background-position: -88px 0; }
#freestyle-nav #nav-freestyleTV:hover,
#freestyle-nav #nav-freestyleTV:focus	{ background-position: -88px -20px; }
#freestyle-nav #nav-fourSteps			{ width: 68px; background-position: -195px 0; }
#freestyle-nav #nav-fourSteps:hover,
#freestyle-nav #nav-fourSteps:focus		{ background-position: -195px -20px; }
#freestyle-nav #nav-alisonsTips			{ width: 107px; background-position: -263px 0; }
#freestyle-nav #nav-alisonsTips:hover,
#freestyle-nav #nav-alisonsTips:focus	{ background-position: -263px -20px; }

.freestyle h2		{ margin: 0 auto 5px; background: transparent url(/images/interface/hdg/hdg-fs-all.png) no-repeat 0 0; }
h2.fs-manifesto		{ width: 200px; height: 80px; }
h2.fs-tv			{ width: 280px; height: 80px; background-position: 0 -80px; }
h2.fs-4steps		{ width: 118px; height: 123px; background-position: 0 -160px; }
h2.fs-alisonstips	{ position: relative; z-index: 2; width: 280px; height: 90px; background-position: 0 -283px; }

.freestyle h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #811212;
}
.freestyle p {
	font-family: Georgia, 'Times New Roman', Serif;
	font-size: 1.2em;
	color: #666;
}
#fourSteps li p,
#sensesText p,
#biography p {
	line-height: 1.5em;
	letter-spacing: 0.02em;
}
.freestyle p.dark, .freestyle strong { color: #333; }
.freestyle li strong				 { color: #811212; }

.freestyle a.top {
	position: absolute;
	z-index: 2;
	right: 10px;
	bottom: 0;
	display: block;
	width: 30px;
	height: 19px;
	padding: 6px 38px 0 0;
	background: transparent url(/images/interface/btn/btn-top.png) no-repeat right 0;
	font-family: Georgia, 'Times New Roman', Serif;
	font-size: 1.2em;
	text-align: right;
	outline: none;
}
.freestyle a.top:hover,
.freestyle a.top:focus {
	background-position: right -25px;
	text-decoration: none;
}

/***** MANIFESTO *****/
#manifesto {
	position: relative;
	padding: 34px 40px 30px 35px;
	background: #FDF7F1 url(/images/interface/bg/bg-manifesto.jpg) no-repeat center bottom;
}
#manifesto p		{ margin-bottom: 10px; font-size: 1.4em; }
#manifesto .one		{ padding: 0 0 0 62px; }
#manifesto .two		{ padding: 0 0 0 164px; }
#manifesto .three	{ padding: 0 0 0 0; }
#manifesto .four	{ padding: 0 15px 0 84px; }
#manifesto .five	{ padding: 0 80px 0 254px; }
#manifesto .six		{ padding: 0 110px 0 160px; }

/***** FREESTYLE TV *****/
#freestyleTV {
	position: relative;
	padding: 22px 0 45px;
}
#freestyleTV .skin {
	position: relative;
	min-height: 669px;
	padding-top: 17px;
	background: #FDF7F1 url(/images/interface/bg/bg-freestyleTV.jpg) no-repeat 0 0;
}
#freestyleTV h2 {
	position: absolute;
	left: 195px;
	top: 426px;
}
#freestyleTV a.placeholder { display: none; }

#videoPlayer {
	width: 640px;
	height: 390px;
	margin: 0 0 0 15px;
}
#videoThumbs	{
	margin-top: 167px;
	background: transparent url(/images/interface/bg/bg-videoThumbs.jpg) repeat-y 0 0;
}
#videoThumbs ul {
	padding: 0 33px 10px 33px;
	background: transparent url(/images/interface/bg/bg-videoThumbs-bottom.jpg) no-repeat 0 bottom;
}
#videoList li {
	position: relative;
	z-index: 4;
	float: left;
	width: 136px;
	height: 115px;
	margin: 0 20px 20px 0;
}
#videoList li img {
	border: 4px solid #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#videoList span.title {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 128px;
	padding: 86px 4px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2em;
}
#videoList a:hover span.title {
	background: transparent url(/images/interface/ind/ind-play-video.png) no-repeat 48px 23px;
	text-decoration: none;
	cursor: pointer;
}
#videoList span.duration {
	position: absolute;
	right: 5px;
	top: 61px;
	display: inline-block;
	height: 14px;
	padding: 0 3px;
	background: #000;
	color: #FFF;
}

/***** THE 4 STEPS *****/
#fourSteps {
	position: relative;
	z-index: 1;
	min-height: 400px;
	background: transparent url(/images/interface/bg/bg-fourSteps.jpg) no-repeat center top;
}
#fourSteps h2 {
	position: absolute;
	left: 132px;
	top: 22px;
	margin: 0;
}
#fourSteps p.dark {
	position: absolute;
	left: 254px;
	top: 64px;
	width: 275px;
	font-size: 1.4em;
}
#fourSteps ol {
	position: absolute;
	left: 0;
	top: 130px;
	width: 670px;
	height: 270px;
	background: transparent url(/images/interface/bg/bg-fourSteps-list.png) no-repeat 0 0;
}
#fourSteps ol li	{ position: absolute; }
#fourSteps .one		{ left: 50px; top: 60px; width: 310px; }
#fourSteps .two		{ left: 480px; top: 23px; }
#fourSteps .three	{ left: 384px; top: 144px; }
#fourSteps .four	{ left: 156px; top: 215px; width: 290px; }

/***** ALISONS TIPS *****/
#alisonsTips {
	position: relative;
	min-height: 450px;
	margin-top: 150px;
	padding-bottom: 25px;
}
#sensesText {
	position: absolute;
	left: 75px;
	top: 170px;
	width: 250px;
}
#senses {
	position: absolute;
	z-index: 1;
	top: 50px;
	width: 400px;
	height: 380px;
	background: transparent url(/images/interface/bg/bg-senses-list.png) no-repeat 0 0;
}
#senses p		{ display: none; }
#senses li		{ position: absolute; background: transparent url(/images/interface/hdg/hdg-senses.png) no-repeat 0 0; }
#senses .look	{ left: 50px; top: 19px; width: 51px; height: 36px; }
#senses .feel	{ left: 243px; top: 63px; width: 57px; height: 34px; background-position: 0 -36px; }
#senses .touch	{ left: 335px; top: 144px; width: 64px; height: 31px; background-position: 0 -70px; }
#senses .smell	{ left: 249px; top: 280px; width: 63px; height: 41px; background-position: 0 -101px; }
#senses .taste	{ left: 53px; top: 319px; width: 67px; height: 36px; background-position: 0 -142px; }
#senses .bite	{ left: 0px; top: 178px; width: 57px; height: 43px; background-position: 0 -178px; }

#biography {
	position: absolute;
	z-index: 0;
	right: 8px;
	top: 90px;
	width: 244px;
	min-height: 218px;
	padding: 150px 0 0 0;
	background: transparent url(/images/interface/bg/bg-biography.png) no-repeat 0 0;
}
#biography h3 { margin-bottom: 20px; }

/***** FLASH ANIMATIONS & BORDER GRAPHICS *****/
#freestyleHeader { display: block; }

#herbs,
#herbs2,
#herbs3 { position: absolute; z-index: 3; }
#herbs  { left: -95px; top: 550px; }
#herbs2 { left: -93px; top: 1540px; }
#herbs3 { left: 962px; top: 1869px;}

#leekSquid {
	position: absolute;
	z-index: 0;
	top: 1900px;
	width: 670px;
	height: 377px;
	background: transparent url(/images/interface/bg/bg-leek-squid.jpg) no-repeat 0 0;
}
#bubbles {
	display: block;
	width: 1020px;
	height: 220px;
	background: transparent url(/images/interface/bg/bg-freestyle-footer.jpg) no-repeat 0 0;
}

/***** Greggs coffee *****/

.coffee.holder {
	margin-left:-40px;
	margin-top:-15px;
	font-family:Georgia,Times New Roman;
}
.coffee h1 {
	top:25px;
	left:145px;
	width:210px;
	padding:30px 10px 10px 50px;
	font-size:1.8em;
	background-position:-720px 0;
}
.coffer .pseudoafter {
	display:block;
}
.coffee h1:after,
.coffee h1.after .pseudoafter {
	bottom:-20px;
	left:0;
	width:270px;
	height:20px;
	background-position:-720px -280px;
}
.coffee h2 {
	position:relative;
	z-index:2;
	display:inline-block;
	height:50px;
	margin:40px 0 30px;
	padding:0 40px;
	line-height:1;
	font-size:5.6em;
	background-color:#bb2b20;
}
#ie7 .coffee h2 {
	display:inline;
	zoom:1;
}
.coffee h2:after,
.coffee h2.after .pseudoafter {
	top:0;
	right:-56px;
	width:56px;
	height:50px;
	background-position:-720px -310px;
}
.coffee h3 { font-size:3.3em; }
.coffee p {
	margin-bottom:1em;
	font-size:1.4em;
	color:#000;
}
.coffee h2,
.coffee h3,
.font-bebas { font-family:BebasNeueRegular, Impact, Arial, Sans-Serif; }

.coffee .intro {
	z-index:1;
	padding-bottom:30px;
	background-position:0 bottom;
}
.coffee .intro p {
	padding:290px 40px 0;
	font-size:2.2em;
	background-position:-400px 0;
	line-height: 1.2em;
}
.coffee .intro ol {
	top:35px;
	right:30px;
}
.coffee .intro li {	
	padding:3px 0;
	border-top:1px solid #b9b7b4;
	line-height:1em;
	font-size:4.4em;
}
.coffee .intro li:first-child { border:none; }
.coffee .intro a:hover {
	text-decoration:none;
	text-shadow: 3px 3px 0px #e0b2ab;
	filter:dropshadow(color=#e0b2ab, offx=3, offy=3); 
}
#history { margin-top:-40px; }
.coffee .process { margin-top:20px; }
.coffee .vintage { min-height:360px; }

.coffee .television {
	width:630px;
	height:715px;
	margin-top:-80px;
	background-position:0 0;
}

.coffee .television .placeholder,
.coffee .television .player,
.coffee .television .items img {
	border:4px solid #000;
	border-radius:3px;
}
.coffee .television .placeholder,
.coffee .television .player {
	top:145px;
	left:35px;
}
.coffee .television .player {
	position:absolute;
	height:291px;
}
.coffee .television .placeholder {
	z-index:3;
	width:463px;
	height:291px;
	cursor:pointer;
}
.coffee .jcarousel-clip {
	position:absolute;
	width:473px;
}
.coffee .jcarousel-clip,
.coffee .television .items {
	top:460px;
	left:35px;
	overflow:hidden;
	height:170px;
}
.coffee .television .items li {
	width:155px;
	height:160px;
	margin-right:3px;
}
.coffee .television .items img {
	width:147px;
	height:90px;
	margin-bottom:5px;
}
.coffee .television .items a {
	display:block;
	outline:none;
	font-size:1.6em;
	color:#DF6E00;
}
.coffee .skip {
	position:absolute;
	width:50px;
	height:60px;
}
.coffee .skip.next-on,
.coffee .skip.next-off {
	top:535px;
	left:535px;
	background-position:-720px -490px;
}
.coffee .skip.next-on:hover {
	background-position:-770px -490px;
	cursor:pointer;
}
.coffee .skip.prev-on,
.coffee .skip.prev-off {
	top:465px;
	left:535px;
	background-position:-720px -410px;
}
.coffee .skip.prev-on:hover {
	background-position:-770px -410px;
	cursor:pointer;
}

.coffee .top {
	z-index:2;
	width:150px;
	height:30px;
	margin-top:40px;
	padding:5px 0 0 25px;
	text-align:left;
	text-decoration:none;
	font-size:1.5em;
	background-position:-720px -370px;
}
.coffee .top:hover { background-position:-720px -570px; }

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.coffee h1:after,
.coffee h2:after {
	content:"";
	position:absolute;
	display:block;
}
.coffee h1:after,
.coffee h2:after,
.coffee h1.after .pseudoafter,
.coffee h2.after .pseudoafter,
.coffee .bg {
	background-image:url(/images/interface/bg/bg-coffee.png);
	background-repeat:no-repeat;
}
.coffee .images {
	background-image:url(/images/interface/bg/bg-coffee-images.jpg);
	background-repeat:no-repeat;
}
.coffee .process.images { background-position:-1120px bottom; }
.coffee .vintage.images { background-position:300px 0; }

.rel		{ position:relative; }
.pseudoafter,
.pseudobefore,
.abs		{ position:absolute; }

.width-195	{ width:195px; }
.width-335	{ width:335px; }
.width-640	{ width:630px; }

.padt-50	{ padding-top:50px; }
.padr-335	{ padding-right:335px; }
.padr-350	{ padding-right:350px; }

.marb-310	{ margin-bottom:310px; }
.marl-20	{ margin-left:20px; }
.marl-40	{ margin-left:40px; }
.marl-255	{ margin-left:255px; }

.font-24	{ line-height:1.2em; font-size:2.4em !important; }

.coffee h2,
.clr-offwhite { color:#f1efea !important; }

.list-hori li { float:left; }