/*--------------------------------------------------

BASE CSS

--------------------------------------------------*/

/* Elements
--------------------------------------------------*/
body {
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size : 100.1%; /* ALL : Percentage to avoid IE ems bugs and .1 for older Opera versions */
	color: #000;
	background: #B3CA6C url(../media/images/canvas/html.gif) repeat-x top left;
	/*overflow: -moz-scrollbars-vertical !important;  FF : Prevent page jumping between non/scrolling pages */
}
h1 {
	/* font-size: 1.9375em; 31px / 16px */
	font-size: 1.125em;
	margin: -5px 0 13px;
}
img {
	vertical-align: bottom; /* WIE : stops images aligning to baseline */
	border: none; 
	margin: 0; /* WIE : image margin reset bug */
}
input, select, textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.6875em; /* 11px / 16px */
}
input, textarea {
	border: 0;
}
p input, p select, p textarea,
li input, li select, li textarea,
dd input, dd select, dd textarea {
	font-size: 1em; /* 11px / 11px */
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}
ul, ol {				
	margin: 0 0 1.2727em 2.2727em; /* 14px / 11px | 25px / 11px */
	padding: 0;
}
dd textarea,
dd input,
label,
li {
	font-size: 0.6875em; /* 11px / 16px */
}
dd li,
table input,
p label,
li p,
li dl,
li li,
li li label,
dt label,
dd input {
	font-size: 1em; /* 11px / 11px */
}
p, dl {
	margin: 0 0 1.2727em; /* 14px / 11px */
	padding: 0;
	line-height: 1.2727em; /* 14px / 11px */
	font-size: 0.6875em; /* 11px / 16px */
}	
dd, dt, form, fieldset {
	border:0;
	margin: 0;
	padding: 0;
}
caption {
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.6875em; /* 11px / 16px */
}
th, td {
	padding: 0;
}
button {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
}
address {
	font-style: normal;
}


/* Accessibility
--------------------------------------------------*/
.longdesc,
.access,
caption,
legend { /* Place selectors here as required to hide something for accessibility reasons */
	position: absolute;
	left: -999em;
	/* These are for older browsers */
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}
abbr {
	border: 0;
}
ul#access-nav, 
ul#access-nav li {
	padding: 0; 
	margin:0; 
	list-style: none;
	display:inline;
}
#access-nav a:link, 
#access-nav a:visited {
	width: 0; 
	height: 0;
	float: left; 
	overflow: hidden; 
}
#access-nav a:active, 
#access-nav a:focus {
	width: auto; 
	height: auto;
	position:absolute; 
	left: 0;
	top: 0;
	z-index:10000; 
	overflow: visible; 
	background-color: #FFF;
	padding: 5px;
}


/* Helper
--------------------------------------------------*/
.clear:after { /* Do NOT use this class, add a selector here */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear {
	height: 1%;
}
.address ol,
ol.address {
	list-style-type: none;
	margin-left: 0;
}
.price del {
	text-decoration: none;
	font-weight: bold;
}
.price del em {
	font-style: normal;
	text-decoration: line-through;
}
.price ins {
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}

/* Magento Bridge
--------------------------------------------------*/
.checkout-cart-index #content {
	width: 898px;
	padding-bottom: 20px;
}
#body ul.messages, #body ul.messages ul {
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
}
#body ul.messages li {
	margin: 0;
	padding: 0;
}
#body ul.messages ul {
	margin: 0;
}
#body ul.messages li.success {
	background: #EFF5EA url(../media/images/global/success.gif) no-repeat 10px 7px;
	border: 1px solid #446423;
	padding: 8px 8px 8px 32px;
	color: #3D6611;
}
#body ul.messages li.error {
	background: #FFF url(../media/images/global/error.gif) no-repeat 10px 7px;
	border: 1px solid #D40707;
	padding: 8px 8px 8px 32px;
	color: #D40707;
}
.validation-advice {
	color: #f00;
	padding: 3px 0 0 12px;
	background: url(../media/images/global/validation-pointer.gif) no-repeat 0 3px;
}

/* Magento Bridge CMS
--------------------------------------------------*/
body.cms-suppliers h1 {
	font-size: 1.125em;
	margin: -3px 0 12px;
	padding: 0;
}
/*
ul#suppliers h3 {
	margin-bottom: 40px;
}
ul#suppliers ol {
	margin-bottom: 10px;
}
dl.available-produce dt {
	padding: 0;
}
*/
.cms-page-view h1 {
	font-size: 1.125em;
	margin: -3px 0 12px;
	padding: 0;
}
.cms-page-view #content h2 {
	font-size: 1em;
	margin: 1.2727em 0;
}
.cms-page-view #content h3 {
	font-size: 0.8125em;
	margin: 0;
}

/*
p a:link,
p a:visited,
p a:active {
	text-decoration: underline;
	color: #7D8B98;
}
p a:hover {
	text-decoration: none;
	color: #7D8B98;
}
*/

blockquote {
	border-top: 3px solid #7D8B98;
	border-bottom: 3px solid #7D8B98;
	padding: .8em 0 0;
	font-size: 1.1em;
	font-style: italic;
}
blockquote cite {
	font-size: .7em;
	font-style: italic;
	text-align: right;
	padding: 0 0 1.2727em;
	display: block;
}
.hero blockquote {
	width: 440px;
}
.hero-primary .blockquote {
	float: right;
}
.hero-primary .content {
	float: left;
}

/*--------------------------------------------------

LAYOUT CSS

Styles for the main layout components, navigation
elements, and template related styles.

--------------------------------------------------*/

/* Containers
--------------------------------------------------*/
body.catalog-product-view,
body#category-page,
body#producer-page,
body#product-page,
body#details-page {
	background-color: #FFF;
	background-image: url(../media/images/canvas/html-producer.png);
}
#canvas {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 15px;
	text-align: left;
	background: url(../media/images/canvas/canvas.png) no-repeat bottom left;
}
#canvas:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #canvas {
	background-image: url(../media/images/canvas/canvas.gif);
}
#header {
	width: 898px;
	min-height: 117px;
	padding: 0 31px;
	float: left;
	background: url(../media/images/canvas/body.png) no-repeat;
	position: relative;
}
* html #header {
	height: 117px;
	background-image: url(../media/images/canvas/body.gif);
}

#body {
	width: 898px;
	padding: 0 31px;
	float: left;
	background: url(../media/images/canvas/body.png) repeat-y;
}
* html #body {
	background-image: url(../media/images/canvas/body.gif);
}

#content {
	width: 694px;
	float: left;
	margin: 18px 0 0;
}

#aside {
	width: 184px;
	margin: 18px 20px 0 0;
	float: left;
}

#footer {
	width: 898px;
	padding: 0 31px;
	clear: both;
	float: left;
	background: url(../media/images/canvas/body.png) repeat-y;
}
* html #footer {
	background-image: url(../media/images/canvas/body.gif);
}

/* Body
--------------------------------------------------*/
body#order-print-page {
	background: #FFF;
}	

/* Containers - Canvas
--------------------------------------------------*/
body#order-print-page #canvas {
	width: 688px;
	background: #FFF;
}	

/* Containers - Header
--------------------------------------------------*/
#logo {
	float: left;	
	margin: 16px 0 0 2px;
}
* html #logo {
	display: inline; /*@ WIE6 : DFM @*/
}
body#order-print-page #header {
	width: 688px;
	padding: 0;
	background: #FFF;
	min-height: 0;
	height: auto;
}
body#order-print-page #logo {
	margin: 16px 0 17px;
}

/* Containers - Body
--------------------------------------------------*/
body#product-page #body {
	width: 918px;
	padding: 0 11px 0 31px;
}
body#order-print-page #body {
	width: 688px;
	padding: 0;
	background: #FFF;
}

/* Containers - Content
--------------------------------------------------*/
body.customer-account-login #content,
body.checkout #content {
	width: 898px;
}
body#product-page #content {
	width: 714px;
}
body#basket-page #content {
	width: 898px;
	padding-bottom: 20px;
}
.checkout-onepage-success #content,
body#checkout-confirmation-page #content {
	width: 666px;
}
body#order-print-page #content {
	width: 688px;
	margin: 0;
	padding: 0 0 48px;
	border-bottom: solid 1px #E4E4E4;
}

/* Containers - Aside
--------------------------------------------------*/
.checkout-onepage-success #aside,
body#checkout-confirmation-page #aside {
	margin: 35px 0 0 20px;
	float: right;
}

/* Navigation - Footer
--------------------------------------------------*/
body#order-print-page #footer {
	width: 688px;
	background: none;
	padding: 6px 0 0;
}
#footer ul {
	margin: 0;
	padding: 0 0 8px;
	list-style-type: none;
	float: right;
}
#footer #service ul {
	float: none;
}
#service ul li {
	margin: 0;
	padding: 0 0 5px 11px;
	background: url(../media/images/global/footer-link.gif) no-repeat center left;
	font-size: .625em;
	clear: left;
	width: 138px;/*@ WE7: removes whitespace */
}
#service a:link, #service a:link, #service a:link, #service a:hover {
	color: #666;
}
#service {
	margin: 0 0 13px;
	float: left;
	border: solid 1px #B7B1B1;
	background: url(../media/images/canvas/service.png) no-repeat bottom left;
	width: 896px;
}
/*
#footer #security-seal {
	display: none;
}
*/
#security-seal {
	float: left;
	text-align: center;
	padding: 35px 0 0;
	width: 158px;
}
#summary {
	float: right;
	width: 372px;
	padding: 10px 38px 3px 0;
	font-size: 0.8181em;
}
#summary p {
	color: #999;
	margin: 0 0 6px;
}
.advice {
	margin: 10px 0 0;
	width: 138px;
	padding: 0 13px 4px;
	background: url(../media/images/canvas/advice-stroke.gif) repeat-y top right;
	float: left;
}
.advice h6 {
	margin: 0 0 8px;
	color: #666;
	font-size: .875em;
}
#footer li {
	margin: 0 0 0 13px;
	padding: 0 0 0 14px;
	background: url(../media/images/canvas/footer-stroke.gif) no-repeat 0 2px;
	float: left;
}
#footer li.first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #999;
}
p#colophon {
	float: left;
	margin: 0 0 0 107px;
	color: #999;
}
* html p#colophon {
	display: inline; /*@ WIE6 : DFM @*/
}

/* Magento Bridge
--------------------------------------------------*/
body.checkout-onepage-index #content {
	width: 898px;
}


/* BLOG
--------------------------------------------------*/
#blog-page #blog-aside {
	float: left;
	margin: 18px 0 0;
	width: 158px;
}	
#blog-page #content {
	margin-right: 20px;
	width: 516px;
}
#blog {
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
}
#blog li {
	clear: left;
	float: left;
	width: 100%;
	padding: 0 0 15px;
	margin: 0 0 30px;
	border-bottom: 3px solid #7d8b98;
}	
#blog h2 {
	font-weight: normal;
	font-size: 1.6em;
	margin: 0 0 4px;
}	
div#blog {

	border-bottom: solid 3px #7d8b98;
	padding: 0 0 17px;
	margin: 0 0 20px;
}
div#blog h2 {
	font-size: 1.1em;
}	
#blog .header {
	background: url(../media/images/canvas/blog-header.gif) repeat-x bottom left;
	padding: 0 0 7px;
}	
#blog .content {
	padding: 15px 0 0;
}	
#blog .details {
	margin: 0;
}
#blog .date-created {
	color: #999;
	margin: 0 0 4px;
}	
#blog .date-created a:link,
#blog .date-created a:visited,
#blog .date-created a:hover,
#blog .date-created a:active {
	color: #999;
}
#blog .author {
	color: #999;
	text-transform: uppercase;
	margin: 0;
}


#blog-aside h5 {
	background: url(../media/images/headings/blog.gif) no-repeat 0 -20px;
	padding: 20px 0 0 17px;
	height: 0;
	overflow: hidden;
	border-bottom: solid 3px #7d8b98;
	margin: 0 0 10px;
}	
#blog-aside ul {
	list-style: none;
	float: left;
	margin: 0;
	width: 100%;
}
#blog-aside li {
	clear: left;
	float: left;
	width: 100%;
	background: url(../media/images/canvas/blog-header.gif) repeat-x bottom left;
	padding: 0 0 7px;
	margin: 0 0 10px;
}

#blog-aside a:link,
#blog-aside a:visited,
#blog-aside a:hover,
#blog-aside a:active {
	color: #b3ca6c;
}
#blog-recent {
	clear: left;
}	
.menu-categories {
	clear: both;
}



.cms-eating-out #canvas #content #blog h2 {
	font-size: 1.6em;
}
.cms-eating-out #blog .author {
	float: left;
}
.cms-eating-out #blog .address {
	float: right;
	color: #999;
}
.cms-eating-out #blog .reservations,
.cms-eating-out #blog .contact {
	clear: both;
	margin: 0;
}

#recently-viewed-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

#producer-empty-result {
	clear: both;
	padding: 20px 0 0;
}

/*--------------------------------------------------

NAV CSS

Styles for navigation components.

--------------------------------------------------*/

/* Navigation - Utility
--------------------------------------------------*/
ul#utility-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 6px;
	left: 346px;
}
* html ul#utility-nav {
	display: inline; /*@ WIE6 : DFM @*/
}
ul#utility-nav li {
	margin: 0 0 0 10px;
	padding: 0 0 0 11px;
	float: left;
	background: url(../media/images/canvas/utility-nav-stroke.gif) no-repeat 0 2px;
}
ul#utility-nav li.first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

/* Navigation - Primary 
--------------------------------------------------*/
#nav {
	width: 898px;
	padding: 0 31px;
	float: left;
	background: url(../media/images/canvas/nav.png) no-repeat;
}
* html #nav {
	background-image: url(../media/images/canvas/nav.gif);
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left
}
#nav a {
	padding-top: 44px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 44px;
	background: url(../media/images/nav/nav.png) no-repeat;
	display: block;
}
li#nav-home a {
	width: 62px;
	background-position: 0 0;
}
li#nav-home a:hover, li#nav-home.active a { 
	background-position: 0 -44px; 
}

li#nav-supplier a {
	width: 140px;
	background-position: -62px 0;
}
li#nav-supplier a:hover, li#nav-supplier.active a {  
	background-position: -62px -44px; 
}

li#nav-seasons a {
	width: 140px;
	background-position: -202px 0;
}
li#nav-seasons a:hover, li#nav-seasons.active a {  
	background-position: -202px -44px; 
}

li#nav-recipe a {
	width: 110px;
	background-position: -342px 0;
}
li#nav-recipe a:hover, li#nav-recipe.active a { 
	background-position: -342px -44px; 
}

li#nav-eating-out a {
	width: 89px;
	background-position: -452px 0;
}
li#nav-eating-out a:hover, li#nav-eating-out.active a {  
	background-position: -452px -44px; 
}

li#nav-news a {
	width: 117px;
	background-position: -541px 0;
}
li#nav-news a:hover, li#nav-news.active a {  
	background-position: -541px -44px; 
}

/* Aside
--------------------------------------------------*/
#aside ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#aside li {
	margin: 0;
	padding: 0;
}
#aside .portal {
	margin: 0 0 20px;
	float: left;
}
.aside {
	margin: 0 0 20px;
	padding: 8px 0 0;
	background: url(../media/images/canvas/aside.png) no-repeat;
	float: left;
	clear: left;
	width: 184px;
}
.supplier-nav h3 a,
.aside h3 {
	margin: 3px 11px 17px;
	padding-top: 13px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 13px;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width: 162px;
}
* html .aside h3 { 
	display: inline;
}

.supplier-nav h3 a {
	margin: 0;
}
.supplier-nav h3 {
	overflow: visible;
	padding: 0;
	margin: 0;
	height: 11px !important;
	float: left;
	width: 162px;
	margin: 3px 11px 0;
}
.aside-body {
	float: left;
	width: 184px;
}
.aside-content {
	width: 184px;
	padding: 0 0 2px;
	background: url(../media/images/canvas/aside-content.png) no-repeat bottom left;
	float: left;
}
img#producer-brand {
	margin: 1px 0 0;
}
#produce-nav h3 {
	margin-bottom: 6px;
	background-image: url(../media/images/headings/aside-browse.gif);
}
#produce-nav {
	background: #fff url(../media/images/canvas/aside-body.png) repeat-y 0 501px;
	padding: 0;
}
#produce-nav .aside-body {
	background: url(../media/images/canvas/aside.png) no-repeat;
	padding: 8px 0 0;
}

body#category-page #produce-nav h3, 
body#product-page #produce-nav h3 {
	background-image: url(../media/images/headings/aside-browse-shop.gif);
}
#produce-nav.supplier-nav h3 a,
body#producer-page #produce-nav h3 {
	margin-bottom: 6px;
	background-image: url(../media/images/headings/aside-browse-shop.gif);
}
#produce-nav img {
	margin: 0 0 15px 10px;
}
#produce-nav ul {
	padding: 0 0 9px;
	float: left;
}
#produce-nav li {
	padding: 10px 0 0;
	background-image: url(../media/images/global/categories-stroke.gif);
	background-repeat: no-repeat;
	float: left;
	clear: left;
	width: 184px;
}

li.theme-meat {
	background-position: 0 5px;
}
li.theme-poultry {
	background-position: -184px 5px;
}
li.theme-game {
	background-position: -368px 5px;
}
li.theme-dairy-and-eggs {
	background-position: -552px 5px;
}
li.theme-seafood {
	background-position: -736px 5px;
}
li.theme-fruit {
	background-position: -920px 5px;
}
li.theme-vegetables {
	background-position: -1104px 5px;
}
li.theme-pantry {
	background-position: -1288px 5px;
}
li.theme-freezer {
	background-position: -1472px 5px;
}
li.theme-confectionary {
	background-position: -1656px 5px;
}
li.theme-bakery {
	background-position: -1840px 5px;
}
li.theme-drink {
	background-position: -2024px 5px;
}
li.theme-seeds-and-plants {
	background-position: -2208px 5px;
}
li.theme-delicatessen {
	background-position: -2392px 5px;
}

#produce-nav h4 {
	background-image: url(../media/images/global/categories.png);
	background-repeat: no-repeat;
	height: 31px;
	margin: 0;
	padding: 0 0 0 42px;
	line-height: 31px;
	font-weight: normal;
	font-size: 1.0909em; /* 12px / 11px */
}
* html #produce-nav h4 {
	background-image: url(../media/images/global/categories.gif);
}
li.theme-meat h4 {
	background-position: 7px -3px;
}
li.theme-poultry h4 {
	background-position: 7px -31px;
}
li.theme-game h4 {
	background-position: 7px -62px;
}
li.theme-dairy-and-eggs h4 {
	background-position: 7px -93px;
}
li.theme-seafood h4 {
	background-position: 7px -124px;
}
li.theme-fruit h4 {
	background-position: 7px -155px;
}
li.theme-vegetables h4 {
	background-position: 7px -186px;
}
li.theme-pantry h4 {
	background-position: 7px -217px;
}
li.theme-freezer h4 {
	background-position: 7px -248px;
}
li.theme-confectionary h4 {
	background-position: 7px -309px;
}
li.theme-bakery h4 {
	background-position: 7px -341px;
}
li.theme-drink h4 {
	background-position: 7px -373px;
}
li.theme-seeds-and-plants h4 {
	background-position: 7px -404px;
}
li.theme-delicatessen h4 {
	background-position: 7px -434px;
}
#produce-nav li ul {
	padding: 0 0 25px;
	display: none;
}
#produce-nav li.active ul {
	display: block;
}
#produce-nav li li {
	width: 132px;
	margin: 0 0 0 42px;
	padding: 2px 0 4px 0;
	float: left;
	clear: left;
	background: url(../media/images/canvas/nav-sub-stroke.gif) no-repeat bottom left;
}
* html #produce-nav li li {
	display: inline; /*@ WIE6 : DFM @*/
}
#produce-nav li li.active {
	font-weight: bold;
}


/* Recently Viewed
--------------------------------------------------*/
#recently-viewed h3 {
	background-image: url(../media/images/headings/recently-viewed.gif);
}
#recently-viewed ul {
	background: url(../media/images/canvas/aside-stroke.gif) no-repeat top center;
	padding: 13px 10px 0;
}
#recently-viewed li {
	position: relative;
	float: left;
	clear: left;
	min-height: 51px;
	width: 164px;
}
* html #recently-viewed li {
	height: 51px;
}
#recently-viewed img {
	border: solid 1px #DCDCDC;
	position: absolute;
	top: 0;
	left: 0;
}
#recently-viewed p {
	margin: 0 0 0 52px;
}
#recently-viewed p.price {
	margin: 0 0 7px 52px;
}

/* Breadcrumb
--------------------------------------------------*/
#breadcrumb {
	background: #F1F3F4 url(../media/images/canvas/breadcrumb.gif) no-repeat bottom left;
	font-size: 0.8181em; /* 9 / 11 */
	min-height: 22px;
	padding: 0 12px;
	width: 874px;
}
#breadcrumb p {
	float: left;	
	color: #768592;
	margin: 0 11px 0 0;
	line-height: 22px;
}
#breadcrumb ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#breadcrumb li {
	margin: 0 0 0 8px;
	padding: 0 0 0 10px;
	float: left;
	line-height: 22px;
	background: url(../media/images/canvas/breadcrumb-stroke.gif) no-repeat 0 9px;
}
#breadcrumb li.first-child {
	margin: 0;
	padding: 0;
	background: none;
}
#breadcrumb strong {
	font-weight: normal;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active,
#breadcrumb a:hover {
	color: #768592;
}

/* Tag Cloud
--------------------------------------------------*/
.x-small {
	font-size: .7em;
}
.xx-small {
	font-size: .6em;
}
.xxx-small {
	font-size: .5em;
}
.small {
	font-size: .8em;
}
.large {
	font-size: .9em;
}
.x-large {
	font-size: 1em;
}
.xx-large {
	font-size: 1.1em;
}
.xxx-large {
	font-size: 1.2em;
}
#tag-cloud {
	position: relative;
	background-position: -184px 0;
}
#tag-cloud h3 {
	background-image: url(../media/images/headings/tag-cloud.gif);
}
#tag-cloud p.view-detail {
	margin: 0;
	float: left;
	white-space: nowrap;
	font-size: .75em;
}
#tag-cloud p.view-detail a {
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 0 0 0 9px;
	background: url(../media/images/global/link.gif) no-repeat 0 4px;
	float: left;
}
#tag-cloud ul {
	background: url(../media/images/canvas/aside-stroke.gif) no-repeat top center;
	width: 164px;
	padding: 7px 10px;
}
#tag-cloud li {
	display: inline;
}

/* Directory Navigation
--------------------------------------------------*/
#directory-listing {
	width: 694px;
	float: left;
	background: #B3CA6C url(../media/images/canvas/directory-listing.gif) no-repeat top left;
}
#directory-listing p {
	position: absolute;
	left: -999em;
}
#directory-listing ul {
	margin: 0 0 0 73px;
	padding: 0;
	list-style-type: none;
	float: left;
	border-left: solid 1px #FFF;
}
* html #directory-listing ul {
	display: inline;
}
#directory-listing li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 24px;
	font-size: .8125em;
	border-right: solid 1px #FFF;
	text-align: center;
}
#directory-listing li.last-child {
	border: 0;
}
#directory-listing li a {
	width: 22px;
	display: block;
}
#directory-listing li.active a:link,
#directory-listing li.active a:visited,
#directory-listing li.active a:hover,
#directory-listing li.active a:active {
	color: #768591;
}
#directory-listing a:link,
#directory-listing a:visited,
#directory-listing a:active {
	color: #FFF;
}
#directory-listing a:hover {
	color: #768591;
	text-decoration: none;
}


/* The supplier nav
--------------------------------------------------*/
#supplier-mini-search h3 {
	margin-bottom: 6px;
	background-image: url(../media/images/headings/aside-producer.gif);
	width: 164px;
}
#supplier-mini-search p {
	float: left;
	margin: 0 0 10px;
}
#supplier-mini-search .field {
	background: url(../media/images/canvas/aside-supplier-field.gif) no-repeat;
	width: 109px;
	height: 19px;
	padding: 5px 4px 0;
	margin: 0 11px 0 10px;
	float: left;
}
#supplier-mini-search .submit {
	float: left;
}

/*--------------------------------------------------

COMPONENT CSS

Styles for discrete components of XHTML e.g.

--------------------------------------------------*/

/* Forms
-------------------------------------------------*/
dl.form {
	float: left;
	clear: left;
}
fieldset textarea,
fieldset .input input,
dl.form input {
	border: solid 1px #B6B6B6;
	padding: 3px 4px;
	width: 246px
}
fieldset textarea {
	overflow: auto;
}
fieldset .input select,
dl.form select {
	width: 256px;
}
.form dt {
	margin: 0 0 2px;
}
.form dd {
	margin: 0 0 6px;
}
fieldset span.required,
fieldset label.required,
.form .required label,
div.form label.required {
	padding: 0 11px 0 0;
	background: url(../media/images/global/required.gif) no-repeat top right;
}
.required em,
.required label em {
	position: absolute;
	left: -999em;
}
div.input span.label,
fieldset .input label,
.form label {
	color: #666;
	font-weight: bold;
}
fieldset .input label {
	font-size: 1em;	
}
#content ul.form,
#content ul.input {
	margin: 0;
	list-style-type: none;
	float: left;
}
#content ul.form li,
#content ul.input li {
	margin: 0 0 1.2727em;
	padding: 0;
	float: left;
	clear: left;
}
p.input input,
ul.form input,
ul.input input {
	float: left;
	margin: 0;
	border: 0;
	width: auto;
}
ul.form label {
	float: right;
}
fieldset .input {
	font-size: 1em;
}
#content input.error {
	background: #FAEBE7;
	border: dotted 1px #EB340A;
}
span.error {
	background: url(../media/images/global/error.gif) no-repeat;
	padding: 0 0 0 15px;
}
.error {
	color: #EB340A;
}
#content ul.date,
dl.date {
	margin: 0;
	float: left;
	list-style-type: none;
}
ul.date label,
dl.date dt {
	position: absolute;
	left: -999em;
	float: left;
}
#content ul.date li,
dl.date dd {
	float: left;
	margin: 0 5px 2px 0;
}
#content ul.date select,
#content dl.date select {
	width: auto;
	clear: none;
	display: inline; /* Undo any other uses */
}
div.form dt {
	margin: 0 0 3px;
}
div.form dt label {
	color: #000;
}
div.form dd {
	padding: 0 0 9px;
}
div.form p.required {
	background: url(../media/images/global/required.gif) no-repeat;
	padding: 0 0 0 11px;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #F00;
}

.form-options ol {
	list-style: none;
	margin-left: 0;
}
.form-options ol input {
	margin-right: 5px;
}


/* Mini Basket
-------------------------------------------------*/
#mini-basket {
	margin: 0 0 0 217px;
	padding: 0 13px 9px 15px;
	font-size: 1.0909em; /* 12px / 11px */
	background: url(../media/images/canvas/mini-basket.png) no-repeat bottom left;	
	position: absolute;
	top: 0;
	left: 50%;
	width: 212px;
	z-index: 50;
	text-align: left;
}
* html #mini-basket {
	background-image: url(../media/images/canvas/mini-basket.gif);	
}
#mini-basket ul.nav {
	margin: 0;
	padding: 3px 0 0;
	list-style-type: none;
	clear: both;
	width: 207px;
	float: none;
}
#mini-basket ul.nav li {
	margin: 0;
	padding: 0 5px 0 0;
	float: right;
	clear: none;
}
#mini-basket ul.nav li.first-child {
	float: left;
}
#mini-basket ul.nav a {
	padding: 0 0 0 10px;
	background: url(../media/images/global/link.gif) no-repeat center left;
}
#mini-basket p {
	font-size: .6255em;
	background: url(../media/images/canvas/mini-basket-stroke.gif) no-repeat bottom left;
	margin: 6px 0 4px;
	padding: 0 0 8px;
	float: left;
	width: 207px;
}
#mini-basket img {
	border: solid 1px #DCDCDC;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 40px;
	height: 40px;
}
#mini-basket ul.products {
	margin: 8px 0 0;
	padding: 0 0 2px;
	list-style-type: none;
	background: url(../media/images/canvas/mini-basket-stroke.gif) no-repeat bottom left;
	float: left;
	width: 207px;
}
#mini-basket ul.products li {
	margin: 0;
	padding: 0 0 8px;
	float: left;
	clear: left;
	width: 207px;
}
#mini-basket ul.products li p {
	background: none;
	margin: 0;
	font-size: 0.90909em;
	line-height: 1.1em;
	float: left;
	width: 140px;
}

/* Mini Search
--------------------------------------------------*/
fieldset#mini-search {
	width: 219px;
	margin: 0 10px 0 0;
	float: right;
	background: url(../media/images/canvas/mini-search.gif) no-repeat 0 10px;
}
fieldset#mini-search p {
	float: left;
	margin: 0;
}
fieldset#mini-search label {
	position: absolute;
	left: -999em;
}
fieldset#mini-search input.field {
	width: 116px;
	height: 17px;
	margin: 10px 11px 0 0;
	padding: 5px 4px 4px;
	float: left;
	font-size: 1.0909em; /* 12 / 11 */
	border: 0;
	background: transparent;
}
fieldset#mini-search input.submit {
	margin: 8px 0 0;
	float: left;
}

/* Mini Newsletter
--------------------------------------------------*/
#mini-newsletter {
	background-position: -368px 0;
}
#mini-newsletter h3 {
	background-image: url(../media/images/headings/mini-newsletter.gif);
}
#mini-newsletter p {
	background: url(../media/images/canvas/aside-stroke.gif) no-repeat top center;
	margin: 0;
	padding: 8px 0;
	font-size: 0.75em; /* 12px / 16px */
	text-align: center;
}
#mini-newsletter fieldset p {
	background: url(../media/images/canvas/mini-newsletter.gif) no-repeat 10px 0;
	float: left;
	margin: 0;
	padding: 0 0 10px;
}
#mini-newsletter fieldset p.name {
	background: url(../media/images/canvas/mini-newsletter-name.gif) no-repeat 10px 0;
	width: 175px;
}
#mini-newsletter fieldset p.name input {
	width: 160px;
}
#mini-newsletter input.mini-newsletter-clean {
	font-style: italic;
	color: #CCC;
}
#mini-newsletter label {
	position: absolute;
	left: -999em;
}
#mini-newsletter input.field {
	width: 85px;
	height: 15px;
	margin: 0 0 0 11px;
	padding: 6px 2px 4px;
	float: left;
	border: 0;
	background: transparent;
}
#mini-newsletter input.submit {
	float: left;
}

/* Channels
--------------------------------------------------*/
.section {
	float: left;
	width: 357px;
}
#section-2 {
	width: 337px;
}
#section-2 .channel {
	margin-right: 0;
}
.channel {
	width: 337px;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin: 0 0 20px 0;
	position: relative;
	background-image: url(../media/images/canvas/channel.gif);
}
.channel-content {
	width: 337px;
	background: url(../media/images/canvas/channel-content.gif) no-repeat bottom left;
	padding: 0 0 2px;
	float: left;
}
.channel h2 {
	margin: 0 10px;
	padding: 7px 50px 6px 0;
	color: #666;
	font-size: 0.875em;
	border-bottom: solid 3px #B3CA6C;
}
.channel p.view-detail {
	margin: 0;
	float: left;
	white-space: nowrap;
	font-size: .75em; /* 12px / 16px */
}
.channel p.view-detail a {
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 0 0 0 9px;
	background: url(../media/images/global/link.gif) no-repeat 0 4px;
	float: left;
}
.channel p.view-detail span {
	position: absolute;
	left: -999em;
}
p.view-detail a:link,
p.view-detail a:visited,
p.view-detail a:active,
p.view-detail a:hover {
	color: #7D8B98;
}
.channel .channel-content p {
	float: left;
}
.channel .channel-content p.view-detail {
	font-size: 1em;
}
.channel .channel-content p.view-detail a {
	position: static;
	float: none;
	background: url(../media/images/global/view-detail.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
}
.channel-portal {
	background: none;
}
.channel-portal .channel-content {
	background: none;
}


/* Sitemap
-------------------------------------------------*/
#sitemap-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitemap-nav li {
	margin: 0;
	padding: 0 20px 30px 0;
	float: left;
}
#sitemap-nav a {
	background: transparent url(../media/images/global/view-detail.gif) no-repeat left center;
	padding: 0 0 0 6px;
}
#sitemap ul {
	list-style: none;
	margin: 30px 0 30px 0;
	padding: 0;
	width: 694px;
	float: left;
	background: url(../media/images/canvas/sitemap.gif) repeat-y;
}
#sitemap li {
	float: left;
	margin: 0;
	padding: 0 20px 3px 0;
	width: 211px;
}
#sitemap-content .review-filter {
	clear: both;
}
#sitemap-content .review-filter p {
	float: left;
}
#sitemap-content .review-filter ul.paging {
	padding-top: 0;
}

/*--------------------------------------------------

CONTENT CSS

General content styles and styles that don't fit 
into the other main stylesheets.

--------------------------------------------------*/

/* Global Content
--------------------------------------------------*/
span.ibrf {
	font-weight: bold;
}
span.ibrf em {
	font-style: normal;
	color: #B3CA6C;
}
.error {
	color: #F00;
}

/* Home Content
--------------------------------------------------*/
#home-page h1 {
	margin: 0;
	font-size: .6875em; /* 11px / 16px */
}
div#content-channel {
	float: left;
	width: 694px;
	margin: 0 0 17px;
}
#primary-content-channel {
	position: relative;
	width: 447px;
	float: left;
}
#content-channel h4 {
	margin: 0;
	font-size: .75em; /* 12px / 16px */
	font-weight: normal;
}
#content-channel a {
	font-size: 1.0909em; /* 12px / 16px */
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 9px;
}
#content-channel p {
	font-size: .6875em; /* 11px / 16px */
	margin: 0;
	word-wrap: break-word;
}
#content-channel p.more {
	padding: 3px 0 0;
}
#primary-content-channel-canvas {
	overflow: hidden;
	width: 447px;
	height: 222px;
}
#content-channel .summary {
	position: absolute;
	bottom: 11px;
	right: 11px;
	padding: 6px 5px 0;	
	z-index: 100;
	/*behavior: url(assets/styles/browsers/png.htc);*/
}
#primary-content-channel .summary {
	width: 156px;
	height: 106px;
	background: url(../media/images/canvas/primary-content-channel.png) no-repeat top left;
}
* html #primary-content-channel .summary {
	background: #FFF;
}
#secondary-content-channel,
#ternary-content-channel {
	position: relative;
	float: right;
	width: 229px;
	height: 101px;
}
#secondary-content-channel {
	margin: 0 0 18px;
}
#secondary-content-channel .summary,
#ternary-content-channel .summary {
	width: 124px;
	height: 66px;
	background: url(../media/images/canvas/secondary-content-channel.png) no-repeat top left;
} 
* html #secondary-content-channel .summary,
* html #ternary-content-channel .summary {
	background: #FFF;
} 
#primary-content-channel a {
	background-image: url(../media/images/global/link-home-1.gif);
}
#secondary-content-channel a {
	background-image: url(../media/images/global/link-home-2.gif);
}
#ternary-content-channel a {
	background-image: url(../media/images/global/link-home-3.gif);
}
#home-introduction {
	padding: 0 0 17px;
	clear: both;
}
#supplier-introduction {
	clear: both;
}
#supplier-introduction .details a {
	background: url(../media/images/global/link.gif) no-repeat 0 3px;
	padding: 0 0 0 9px;
}

#supplier-introduction a:link,
#supplier-introduction a:visited,
#supplier-introduction a:hover,
#supplier-introduction a:active {
	color: #7D8B98;
}


/* Channels - Top Supplier
--------------------------------------------------*/
ul#content-channel {
	margin: 11px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
	width: 229px;
}
ul#content-channel li {
	position: relative;
	margin: 268px 0 0;
	padding: 0;
	height: 101px;
	font-size: 1em;
}
ul#content-channel li.first-child {
	margin-top: 0;
}
ul#content-channel li .summary {
	width: 114px;
	height: 66px;
	background: url(../media/images/canvas/secondary-content-channel.png) no-repeat top left;
} 
* html ul#content-channel li .summary {
	background: #FFF;
}
ul#content-channel a {
	background-image: url(../media/images/global/link-home-2.gif);
}

/* Channels - Top Supplier
--------------------------------------------------*/
#producer-seasonal ul,
#producer-best-sellers ul,
#top-suppliers ul {
	margin: 0;
	padding: 11px 10px 0;
	list-style-type: none;
}
#producer-seasonal li,
#producer-best-sellers li,
#top-suppliers li {
	width: 317px;
	float: left;
	clear: left;
	padding: 0 0 1px 0;
	margin: 0 0 7px 0;
	background: url(../media/images/canvas/channel-list.gif) no-repeat bottom left;
	position: relative;
	min-height: 61px;
	vertical-align: bottom;
}
* html #producer-seasonal li,
* html #producer-best-sellers li, 
* html #top-suppliers li {
	height: 62px;
}
#producer-seasonal li.last-child,
#producer-best-sellers li.last-child,
#top-suppliers li.last-child {
	background: none;
}
#producer-seasonal h3,
#producer-best-sellers h3, 
#top-suppliers h3 {
	float: left;
	margin: 0 0 0 80px;
	font-size: 1em; /* 11px / 16px */
}
* html #producer-seasonal h3,
* html #producer-best-sellers h3, 
* html #top-suppliers h3 {
	display: inline;
}
#producer-seasonal img,
#producer-best-sellers img, 
#top-suppliers img {
	position: absolute;
	top: 3px;
	left: 0;
}
#producer-seasonal p,
#producer-best-sellers p,
#top-suppliers p {
	margin: 0 0 6px 80px;
	width: 236px;
	clear: left;
}
* html #producer-seasonal p,
* html #producer-best-sellers p,
* html #top-suppliers p {
	display: inline;
}

/* Channels - Locator
--------------------------------------------------*/
#locator {
	margin-right: 0;
}
#locator h2 {
	width: 322px;
	height: 0 !important;
	height /**/: 32px;
	margin: 5px 0 0 7px;
	border-bottom: 0;
	padding: 32px 0 0 0;
	overflow: hidden;
	background: url(../media/images/headings/locator.gif) no-repeat top left;
}
#locator .channel-content {
	position: relative;
}
/*
#locator-search {
	background: url(../media/images/canvas/locator-introduction.gif) no-repeat top left;
	width: 169px;
	float: right;
	position: absolute;
	z-index: 2;
	padding: 8px 0 0;
	top: 28px;
	left: 159px;
}
p#locator-introduction {
	padding: 0 13px;
}
#locator fieldset {
	float: left;
}
#locator fieldset p {
	background: url(../media/images/canvas/locator-field.gif) no-repeat 10px 3px;
	float: left;
	margin: 0;
	padding: 0 0 10px;
}
#locator label {
	position: absolute;
	left: -999em;
}
#locator input.field {
	width: 66px;
	height: 15px;
	margin: 3px 5px 0 11px;
	padding: 5px 4px 6px;
	float: left;
	border: 0;
	background: transparent;
}
#locator input.submit {
	float: left;
}
ul#locator-map {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	width: 333px;
	height: 309px;
	margin: 0 0 0 2px;
	background: url(../media/images/canvas/map.png) no-repeat top left;
}
ul#locator-map li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}
ul#locator-map a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	background-repeat: no-repeat;
	background-position: top left;
}
*/
li.scotland {
	top: 9px;
	left: 60px;
	width: 87px;
	height: 137px;
} 
li.scotland a {
	height /**/: 137px;
	padding-top: 137px;
	background-image: url(../media/images/canvas/map-scotland.gif);
}
li.north {
	top: 117px;
	left: 100px;
	width: 76px;
	height: 74px;
} 
li.north a {
	height /**/: 74px;
	padding-top: 74px;
	background-image: url(../media/images/canvas/map-north.gif);
}
li.midlands {
	top: 167px;
	left: 121px;
	width: 89px;
	height: 68px;
} 
li.midlands a {
	height /**/: 68px;
	padding-top: 68px;
	background-image: url(../media/images/canvas/map-midlands.gif);
}
li.south {
	top: 212px;
	left: 135px;
	width: 75px;
	height: 57px;
} 
li.south a {
	height /**/: 57px;
	padding-top: 57px;
	background-image: url(../media/images/canvas/map-south.gif);
}
li.south-west {
	top: 235px;
	left: 69px;
	width: 76px;
	height: 67px;
} 
li.south-west a {
	height /**/: 67px;
	padding-top: 67px;
	background-image: url(../media/images/canvas/map-south-west.gif);
}
li.northern-ireland {
	top: 151px;
	left: 43px;
	width: 44px;
	height: 24px;
} 
li.northern-ireland a {
	height /**/: 24px;
	padding-top: 24px;
	background-image: url(../media/images/canvas/map-northern-ireland.gif);
}
li.ireland {
	top: 170px;
	left: 16px;
	width: 70px;
	height: 67px;
} 
li.ireland a {
	height /**/: 67px;
	padding-top: 67px;
	background-image: url(../media/images/canvas/map-ireland.gif);
}
li.wales {
	top: 183px;
	left: 81px;
	width: 54px;
	height: 64px;
} 
li.wales a {
	height /**/: 64px;
	padding-top: 64px;
	background-image: url(../media/images/canvas/map-wales.gif);
}

/* Inspiration
--------------------------------------------------*/
#inspiration {
	margin-right: 0;
}
#inspiration h2 {
	height: 0 !important;
	height /**/: 26px;
	border-bottom: 0;
	margin-top: 2px;
	padding: 26px 0 0 0;
	overflow: hidden;
	background: url(../media/images/headings/inspiration.gif) no-repeat top left;
}
#inspiration .channel-content {
	position: relative;
	padding: 0 0 10px;
}
ul#inspiration-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 3px;
	left: 11px;
	width: 315px;
	height: 33px;
	background: url(../media/images/canvas/gallery-nav-stroke.gif) no-repeat top left;
}
ul#inspiration-nav li {
	margin: 0 4px 0 0;
	padding: 3px 0 0;
	float: left;
	width: 74px;
	background: url(../media/images/canvas/gallery-nav.png) no-repeat top left;
	font-size: .5625em;
	text-align: center;
	height: 30px;
}
* html ul#inspiration-nav li {
	background-image: url(../media/images/canvas/gallery-nav.gif);
}
ul#inspiration-nav li.active {
	background-image: url(../media/images/canvas/gallery-nav-o.png);
}
* html ul#inspiration-nav li.active {
	background-image: url(../media/images/canvas/gallery-nav-o.gif);
}
#inspiration img#inspiration-canvas {
	margin: 22px 0 0 11px;
	width: 315px;
	height: 214px;
	display: block;
	background: url(../media/images/global/load.gif) no-repeat center center;
}
* html #inspiration img#inspiration-canvas {
	display: inline;
	float: left;
}
#inspiration p.error {
	position: absolute;
	top: 100px;
	background: #FFF;
	width: 275px;
	left: 21px;
	padding: 7px 10px;
}
ul#inspiration-control {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 32px;
	right: 19px
}
ul#inspiration-control li {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
}

/* Supplier Finder
--------------------------------------------------*/
#supplier-finder {
	background: url(../media/images/canvas/producer-finder.png) no-repeat top left;
	padding: 49px 0 0 15px;
	float: left;
	margin: 0 0 11px;
	width: 679px;
	height: 114px;
}
#supplier-finder h1 {
	position: absolute;
	left: -999em;
}
#supplier-finder p {
	padding: 0 0 0 5px;
	margin: 0;
	height: 38px;
}
#supplier-finder fieldset p {
	float: left;
	padding: 10px 0 0;
	height: auto;
	position: relative;
}
#supplier-finder label {
	font-size: 1.2727em;
	font-weight: bold;
	display: block;
	height: 24px;
	float: left;
	padding: 0 0 0 5px;
}
#supplier-finder fieldset span {
	display: block;
	float: left;
	padding: 5px 0px 8px 0;
	background: url(../media/images/canvas/supplier-finder-postcode.png) no-repeat bottom left;
}
* html #supplier-finder fieldset span {
	display: inline;
}
#supplier-finder span input {
	width: 128px;
	border: 0;
	background: transparent;
	font-size: 1.2727em;
	float: left;
	padding: 0 4px 1px 8px;
	clear: left;
	float: left;
}

#supplier-finder span select {
	width: 133px;
	font-size: 1.2727em;
	float: left;
}
#supplier-finder span#supplier-finder-region {
	background: none;
	width: 136px;
}
#supplier-finder span#supplier-finder-region label {
	height: 23px;
}
* html #supplier-finder span#supplier-finder-region label {
	height: 21px;
}
#supplier-finder span#supplier-finder-name {
	background: url(../media/images/canvas/supplier-finder-name.png) no-repeat bottom left;
}
#supplier-finder span#supplier-finder-country {
	position: absolute;
	top: 24px;
	left: 551px;
	font-size: .6875em;
	background: none;
	width: 120px;
}
span#supplier-finder-country input {
	float: left;
	width: auto;
	padding: 0;
}
span#supplier-finder-country label {
	float: right;
	width: 96px;
	height: 16px;
	padding: 2px 0 0;
}
* html span#supplier-finder-country label {
	padding: 3px 0 0;
	width: 94px;
}
#supplier-finder fieldset em {
	font-style: normal;
	display: block;
	float: left;
	margin: 2px 4px 0 1px;
	padding: 5px 0 0;
	line-height: 1;
}
#supplier-finder input.submit {
	float: left;
	margin: 23px 0 0;
}
ul#suppliers {
	margin: 0 0 6px;
	padding: 0;
	list-style-type: none;
	float: left;
	clear: both;
	width: 439px;
}
ul#suppliers li {
	width: 439px;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: solid 20px #FFF; /* WIE7 : Won't play nice and apply bottom margin */
	/*
	background: #F3F5F6 url(../media/images/canvas/suppliers-item.png) no-repeat top left;
	*/
}
ul#suppliers li.nth-child {
	margin-right: 0;
}

dl.available-produce {
	font-size: 1em;
	margin: 7px 0 12px;
	float: left;
}
dl.available-produce dt {
	padding: 10px 10px 0 7px;
	float: left;
	font-weight: bold;
}
dl.available-produce dd {
	padding-top: 31px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 31px;
	background: url(../media/images/global/categories.png) no-repeat 0 0;
	float: left;
	width: 42px;	
}
* html dl.available-produce dd {
	background: url(../media/images/global/categories.gif) no-repeat 0 0;	
}

dl.available-produce dd.theme-meat {
	background-position: 0 0;
}
dl.available-produce dd.theme-poultry {
	background-position: 0 -31px;
}
dl.available-produce dd.theme-game {
	background-position: 0 -62px;
}
dl.available-produce dd.theme-dairy-and-eggs,
dl.available-produce dd.theme-dairy {
	background-position: 0 -93px;
}
dl.available-produce dd.theme-seafood {
	background-position: 0 -124px;
}
dl.available-produce dd.theme-fruit {
	background-position: 0 -155px;
}
dl.available-produce dd.theme-vegetables {
	background-position: 0 -186px;
}
dl.available-produce dd.theme-pantry {
	background-position: 0 -218px;
}
dl.available-produce dd.theme-freezer {
	background-position: 0 -248px;
}
dl.available-produce dd.theme-confectionary {
	background-position: 0 -309px;
}
dl.available-produce dd.theme-bakery {
	background-position: 0 -341px;
}
dl.available-produce dd.theme-drink {
	background-position: 0 -373px;
}
dl.available-produce dd.theme-seeds-and-plants {
	background-position: 0 -404px;
}
dl.available-produce dd.theme-delicatessen {
	background-position: 0 -434px;
}

#suppliers li li {
	background: none;
	width: auto;
	border: 0;
	float: none;
	clear: none;
}
.supplier-introduction {
	background: #F3F5F6;
	float: left;
	padding: 10px;
	width: 420px;
	border-bottom: solid 2px #FFF;
}
#canvas #content #suppliers .supplier-introduction h3 {
	font-size: 1em;
	margin: 0;
	padding: 0 0 2px;
}
.supplier-branding {
	float: left;
	width: 245px;
	padding: 0 10px 0 0;
}
.supplier-introduction .address {
	list-style: none;
	margin: 0;
}
#suppliers .address li {
	padding: 0 0 2px;
}
#suppliers p.telephone {
	font-weight: bold;
}
.supplier-mini-nav {
	background: #F3F5F6;
	float: left;
	width: 440px;
	clear: both;
}
.supplier-mini-nav ul {
	list-style: none;
	margin: 0;
	float: left;
	padding: 8px 10px;
}
#suppliers .supplier-mini-nav li {
	float: left;
}
.supplier-mini-nav a {
	background: url(../media/images/global/link.gif) no-repeat 0 4px;
	padding: 1px 0 3px 9px;
	margin: 0 25px 0 0;
	float: left;
	display: block;
	font-size: 1.1em;
}
.supplier-mini-nav .details a {
	background-image: url(../media/images/global/expand.gif);
	background-position: 0 0;
	padding-left: 24px;
}
.supplier-background {
	background: #F3F5F6;
	border-bottom: solid 2px #FFF;
	float: left;
	padding: 8px 10px;
	width: 420px;
	display: none;
}
/*
ul#suppliers h3 {
	font-size: 1em;
}
ul#suppliers .address {
	float: right;
	width: 222px;
}
ul#suppliers .address p {
	margin: 0;
	line-height: 1.5em;
}	
ul#suppliers ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#suppliers ol li {
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1.5em;
	width: auto;
	float: none;
	border: none;
}
.supplier-branding {
	margin: 0 0 0 11px;
	float: left;
}
* html .supplier-branding {
	display: inline;
}
dl.rating dd,
div.rating {
	background: url(../media/images/global/rating-blank.gif);
	width: 70px;
	height: 13px;
	overflow: hidden;
	margin: 6px 0 19px;
}
.rating p {
	background: url(../media/images/global/rating-full.gif);
	text-indent: -999em;
	margin: 0;
}
#canvas #content ul#suppliers h3 {
	font-size: 1em;
	margin: 7px 0 0;
}
ul#suppliers img {
	margin: 0 0 8px;
}
p.more-details a {
	padding: 0 0 0 9px;
	background: url(../media/images/global/link.gif) no-repeat center left;
	font-size: 1.2em;
}
*/

/* Producer Content
--------------------------------------------------*/
#producer-page h1 {
	margin: 0;
	font-size: .6875em; /* 11px / 16px */
}
#producer-page #primary-content-channel {
	position: relative;
	width: 447px;
	float: left;
}
#producer-page #primary-content-channel .summary {
	left: 15px;
	bottom: 15px;
	width: 294px;
	height: 68px;
	padding-top: 11px;
	background: url(../media/images/canvas/producer-content-channel.png) no-repeat top left;
}
* html #producer-page #primary-content-channel .summary {
	background: #FFF;
}
#producer-best-sellers h2 {
	border-bottom-color: #7D8B98;
}
#producer-best-sellers .channel-content p,
#producer-seasonal .channel-content p {
	margin-bottom: 0;
}
#producer-best-sellers .channel-content p.view-detail,
#producer-seasonal .channel-content p.view-detail {
	padding-bottom: 6px;
}

/* Gallery
--------------------------------------------------*/
#producer-gallery {
	position: relative;
}
#producer-gallery h2 {
	border-bottom: 0;
	height: 0 !important;
	height /**/: 13px;
	margin: 14px 0 0 12px;
	padding: 13px 0 0 0;
	overflow: hidden;
	background: url(../media/images/headings/farm-gallery.gif) no-repeat top left;
}
#producer-gallery img {
	margin: 10px 0 11px 12px;
}
ul#gallery-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 11px;
	right: 11px;
}
ul#gallery-nav li {
	margin: 0 0 0 8px;
	padding: 0;
	float: right;
}
ul#gallery-nav a {
	display: block;
	padding: 1px 0 1px 22px;
	background: url(../media/images/buttons/gallery-next.gif) no-repeat top left;
}
ul#gallery-nav li.last-child a {
	background-image: url(../media/images/buttons/gallery-prev.gif);
}


/* Producer Information
--------------------------------------------------*/
#producer-info {
	color: #666;
	background: url(../media/images/canvas/aside-body.png) repeat-y;
	padding-top: 0;
}
#producer-info h3 {
	background: url(../media/images/headings/shop-information.gif) no-repeat 1px 0;
	border-bottom: solid 3px #7d8b98;
	margin: 3px 10px 17px;
	padding-top: 24px;
	height /**/: 24px;
	width: 164px;
	margin-bottom: 7px;
}
#producer-info .aside-body {
	background: url(../media/images/canvas/aside.png) no-repeat 0 0;
	padding-top: 8px;
}
#producer-info .aside-content {
	padding: 0 11px 2px;
	width: 162px;
}
#producer-info dt.producer-info-address {
	font-weight: bold;
	background: none;
	margin: 0;
}
dt.producer-info-map {
	cursor: pointer;
}
#producer-info dd.producer-info-map {
	background: url(../media/images/canvas/producer-location.gif) no-repeat top left;
	padding: 1px 1px 10px;
	width: 160px;
	height: 159px;
}
/* Stop copyright message breaking out of the map */
.gmnoprint a {
	display: block; 
}
#producer-info dl {
	background: url(../media/images/canvas/producer-info-stroke.gif) repeat-x bottom left;
	padding: 0 0 1px;
	margin: 0 0 18px;
}
#producer-info dt {
	background: url(../media/images/canvas/producer-info-stroke.gif) repeat-x;
	padding: 3px 0 0;
	margin: 0 0 4px;
	cursor: pointer;
}
#producer-info dd {
	padding: 0 0 10px;
	display: none;
}
/* temp for mockup */
#producer-info dd.producer-info-address,
#producer-info dd.producer-info-map  {
	display: block;
	overflow: hidden;
}
#producer-info dd p {
	font-size: 1em;
}
#producer-info ol.address {
	margin: 0;
}
#producer-info ol.address li {
	font-size: 1em;
}


/* Category Content
--------------------------------------------------*/
#category-page h1 {
	margin: 0;
	font-size: 1.125em; /* 11px / 16px */
}
#category-page #primary-content-channel {
	position: relative;
	width: 447px;
	float: left;
}
#category-page #primary-content-channel .summary {
	top: 9px;
	left: 9px;
	width: 306px;
	height: 91px;
	background: url(../media/images/canvas/category-content-channel.png) no-repeat top left;
}
#category-page #primary-content-channel .summary p {	
	font-family: Times New Roman;
	font-size: 2.5em;
	line-height: 1;
}
* html #category-page #primary-content-channel .summary {
	background: #FFF;
}


/* Content CMS
--------------------------------------------------*/
.cms-page-view #content h1 {
	font-size: 1.125em;
	margin-top: -3px;
}
.cms-page-view #content ul.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 694px;
	float: left;
	clear: left;
}
.cms-page-view #content ul.nav li {
	float: left;
	clear: left;
}
.cms-page-view #content ul.nav a {
	background: url(../media/images/global/support-link.gif) no-repeat 0 4px;
	padding: 0 0 0 8px;
}
.cms-page-view #content ul.nav a:link,
.cms-page-view #content ul.nav a:visited,
.cms-page-view #content ul.nav a:hover,
.cms-page-view #content ul.nav a:active {
	color: #7D8B98;
}
.cms-page-view #canvas #content h2 {
	font-size: .6875em;
	border-bottom: 3px solid #7D8B98;
	padding: 13px 0 5px;
	margin: 0 0 5px;
	clear: left;
	float: left;
	width: 694px;
}
.cms-page-view #canvas #content h2 span {
	display: block;
	font-weight: normal;
}
.cms-page-view #content h2 a {
	float: right;
	background: url(../media/images/global/top.gif) no-repeat 0 4px;
	padding: 0 0 0 11px;
	margin: -1.2em 0 0;
}
.cms-page-view #canvas #content h3 {
	font-size: .6875em;
}

/* Recipe Search
--------------------------------------------------*/
#recipe-search {
	background: url(../media/images/canvas/recipe-search.gif) no-repeat;
	height: 163px;
	width: 694px;
}
#recipes {
	margin: 11px 0 6px;
	padding: 0;
	list-style-type: none;
	float: left;
	clear: both;
	width: 439px;
}
#recipes li {
	width: 439px;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: solid 20px #FFF; /* WIE7 : Won't play nice and apply bottom margin */
	background: #F3F5F6 url(../media/images/canvas/suppliers-item.png) no-repeat top left;
}

/* SUPPLIER FILTER
--------------------------------------------------*/
#supplier-filter {
	clear: both;
	margin: 10px 0;
	float: left;
}

p.details a {
	background: url(../media/images/global/link.gif) no-repeat 0 2px;
	padding: 0 0 0 9px;
}
p.details a:link,
p.details a:visited,
p.details a:hover,
p.details a:active {
	color: #7D8B98;
}
#empty-supplier-results {
	clear: both;
	padding: 20px 0 0;
}

ul.details a {
	background: url(../media/images/global/link.gif) no-repeat 0 2px;
	padding: 0 0 0 9px;
}
ul.details li {
	padding: 0 0 3px;
}
ul.details a:link,
ul.details a:visited,
ul.details a:hover,
ul.details a:active {
	color: #7D8B98;
}

/* SUPPLIER CONTACT
--------------------------------------------------*/
.suppliers-contact-index-index #content .form #register-form-first-name {
	clear: none;
	margin-right: 37px;
}
.suppliers-contact-index-index #content .form #register-form-last-name {
	clear: none;
}
#content .form .skin-message-half {
	background-image: url(../media/images/canvas/input-skin-triple-comment-half.gif);
	width: 445px;
	height: 92px;
}
#content .form .skin-message-half textarea {
	width: 437px;
	height: 84px;
	background: transparent;
	border: 0;
	overflow: auto;
}

.cms-suppliers p.error {
	clear: both;
	padding: 10px 0 0;
}

/* RECIPE
------------------------------*/
#recipe-search {
	background: url(../media/images/canvas/recipe_finder.jpg) no-repeat;
	height: 173px;
	width: 693px;
}
#recipe-search h1 {
	position: absolute;
	left: -999em;
}
#recipe-search p.introduction {
	float: left;
	margin: 48px 0 0 20px;
	height: 66px;
	width: 300px;
}
#recipe-search form {
	clear: both;
	padding: 0 0 0 20px;
}
#recipe-search form label {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 7px 0 0;
	float: left;
	line-height: 20px;
}
#recipe-search .field {
	background: transparent;
	border: 0;
	margin: 0 9px 0 0;
	width: 240px;
	height: 20px;
	padding: 4px 4px 0;
	float: left;
}
#recipe-search .submit {
	float: left;
}
#recipe-nav {
	list-style: none;
	margin: 0 0 10px;
	padding: 0 0 0 133px;
	float: left;
	clear: both;
	width: 560px;
	height: 24px;
	background: #B3CA6C url(../media/images/canvas/recipe_finder_nav.gif) no-repeat;
}
#recipe-nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#recipe-nav a {
	display: block;
	padding: 0 13px;
	line-height: 24px;
	float: left;
	border-right: 1px solid #FFF;
	font-size: 1.1em;
}

#recipe-nav a:link,
#recipe-nav a:visited,
#recipe-nav a:hover,
#recipe-nav a:active {
	color: #FFF;
}
#recipes {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 445px;
}
#recipes li {
	background: #F3F4F6;
	clear: left;
	float: left;
	margin: 0;
	padding: 10px;
	font-size: .7em;
	position: relative;
	width: 425px;
}
#recipes img {
	float: left;
	height: 139px;
	width: 139px;
}
#content #recipes li .recipe-summary h3 {
	font-size: 1.1em;
	margin: -3px 0 7px;
}	
#recipes .recipe-summary {
	float: left;
	padding: 0 0 0 10px;
	width: 276px;
}
#recipes .details {
	bottom: 9px;
	left: 160px;
	margin: 0;
	position: absolute;
}	
#recipes .details a {
	background: url(..//media/images/global/link.gif) no-repeat left center;
	padding: 0 0 0 10px;
}


/* PROMO
--------------------------------------------------*/
.promotion {
	text-align: center;
	float: left;
	width: 337px;
}


/* HERO
--------------------------------------------------*/

.hero-secondary .hero-image {
	float: right;
	margin: 0 0 20px 20px;
}
.hero-primary:after,
.hero-secondary:after { /* Do NOT use this class, add a selector here */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .hero-primary,
* html .hero-secondary {
	height: 1%;
}


.hero-primary .hero-image {
	float: left;
	margin: 0 20px 20px 0;
}



#seasons-best-channel {
	background-image:url(../media/images/canvas/generic-d-header.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	margin:0 0 20px;
	position:relative;
	width:695px;
}


#seasons-best-channel .channel-content {
	background:url(../media/images/canvas/generic-d-footer.gif) no-repeat scroll left bottom transparent;
	float:left;
	padding:0 0 2px;
	width:695px;
}

#seasons-best-channel ul {
	margin: 0;
	padding: 11px 10px 0;
	list-style-type: none;
}
#seasons-best-channel li {
	width: 675px;
	float: left;
	clear: left;
	padding: 0 0 1px 0;
	margin: 0 0 7px 0;
	background: url(../media/images/canvas/channel-list.gif) repeat-x bottom left;
	position: relative;
	min-height: 150px;
	vertical-align: bottom;
}
* html #seasons-best-channel li {
	height: 151px;
}
#seasons-best-channel li.last-child {
	background: none;
}
#canvas #content #seasons-best-channel h3 {
	float: left;
	margin: 0 0 10px 160px;
	font-size: 1.2em; /* 11px / 16px */
}
* html #seasons-best-channel h3 {
	display: inline;
}
#seasons-best-channel img {
	position: absolute;
	top: 3px;
	left: 0;
}
#seasons-best-channel p {
	margin: 0 0 6px 160px;
	width: 495px;
	clear: left;
}
* html #seasons-best-channel p {
	display: inline;
}


#seasons-best-channel a.details {
	background:url(../media/images/global/view-detail.gif) no-repeat scroll 0 5px transparent;
	float:none;
	padding:0 0 0 8px;
	position:static;
}


#content .eating-gallery {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
}
#content .eating-gallery li {
	border: 0;
	margin: 0 10px 20px 0;
	padding: 0;
	clear: none;
	float: left;
	width: auto;
}
#content .eating-gallery li.last-child {
	border: 0;
	margin: 0 10px 20px 0;
	padding: 0;
	clear: none;
	float: left;
	width: auto;
}

#blog .produce-source h6 {
    background: url("../media/images/canvas/blog-header.gif") repeat-x scroll left bottom transparent;
    clear: left;
    float: left;
    font-size: 1em;
    margin: 0 0 5px;
    padding: 13px 0 5px;
    width: 694px;
}

#blog .produce-source ul {
	list-style: none;
}

#blog .produce-source li {
	float: none;
	border: 0;
	padding: 0 0 3px;
	margin: 0;
}

/*--------------------------------------------------

PRODUCTS CSS

FOR DISPLAY PRODUCTS AND PRODUCT DATA.

--------------------------------------------------*/

/* Category
--------------------------------------------------*/
ul.category-view {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	/*background: url(../media/images/canvas/list-stroke.gif) repeat 0 -20px;*/
}
ul.category-view li {
	height: 194px;
	padding: 0 46px 0 0;
	margin: 0 0 20px;
	float: left;
	background: url(../media/images/canvas/product-list-stroke.gif) repeat-x bottom left;
}
ul.category-view li.nth-child {
	padding-right: 0;
}
ul.category-view h3 {
	width: 119px;
	background: #FFC;
	margin: 0;
	padding: 9px 10px;
	font-size: 1em;
	font-weight: normal;
}
ul.category-view h3 a {
	background: url(../media/images/global/link.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	display: inline-block;
}
ul.category-view h3 a span {
	position: absolute;
	left: -999em;
}

/* Product List 
--------------------------------------------------*/
body.catalog-category-view h1,
body#product-page h1 {
	font-size: 1.125em;
	margin: -5px 0 13px;
}
ul.product-view {
	margin: 0 0 18px;
	padding: 0;
	list-style-type: none;
	float: left;
	/*background: url(../media/images/canvas/product-list.gif) repeat-y 0 294px;*/
}
ul.product-view li {
	margin: 0 0px 18px 0;
	padding: 0 23px 0 0;
	float: left;
	width: 157px;
	background: url(../media/images/canvas/product-list-stroke.gif) repeat-x bottom left;
	min-height: 292px;
}
* html ul.product-view li {
	height: 292px;
}
ul.product-view li.nth-child {
	margin-right: 0;
	padding-right: 0;
	width: 154px;
	background-repeat: no-repeat;
}
ul.product-view li.tail-child {
	margin-bottom: 0;
}
ul.product-view abbr {
	border: 0;
}
ul.product-view h3 {
	margin: 9px 0 0;
	font-weight: normal;
	font-size: 1.0909em; /* 12px / 11px */
	min-height: 56px;
}
* html ul.product-view h3 {
	height: 56px;
}
ul.product-view a.product-image img {
	width: 139px;
	height: 139px;
	display: block;
}
#product-info p.price,
ul.product-view p.price {
	float: left;
}
ul.product-view p.price {
	width: 162px;
}
#product-info p.price {
	width: 149px;
}
#product-info p.price del,
ul.product-view p.price del {
	display: block;
}
#product-info .price-measure {
	display: block;
}
#product-info .price-measure,
ul.product-view .price-measure {
	font-size: 0.8181em;
	color: #999;
}
#product-info fieldset,
ul.product-view fieldset {
	width: 88px;
	margin: 0 0 7px;
	float: left;
}
#product-info fieldset p,
ul.product-view fieldset p {
	margin: 0;
}
#product-info fieldset label,
ul.product-view fieldset label {
	float: left;
}
#product-info fieldset select,
ul.product-view fieldset select {
	float: right;
	min-width: 58px;
}
* html #product-info fieldset select,
* html ul.product-view fieldset select {
	width: 58px;
}
#product-info fieldset input,
ul.product-view fieldset input {
	margin: 9px 0 0;
	clear: both;
}
ul.product-view p.collect-recipe span,
ul.product-view p.view-detail span {
	position: absolute;
	left: -999em;
}	
ul.product-view p.collect-recipe {
	clear: both;
}
ul.product-view p.view-detail {
	float: left;
	margin: 35px 0 0 9px;
}
ul.product-view p.collect-recipe a:link,
ul.product-view p.collect-recipe a:visited,
ul.product-view p.collect-recipe a:active,
ul.product-view p.view-detail a:link,
ul.product-view p.view-detail a:visited,
ul.product-view p.view-detail a:active,
ul.product-view p.collect-recipe a:hover,
ul.product-view p.collect-recipe a:hover {
	color: #000;
	padding: 0 0 0 7px;
	background: url(../media/images/global/view-detail.gif) no-repeat center left;
}

/* Product Filter
--------------------------------------------------*/
.product-filter {
	background: url(../media/images/canvas/product-filter.gif) no-repeat top left;
	margin: 0 0 17px;
	width: 694px;
}
.product-filter fieldset {
	background: url(../media/images/canvas/product-filter-stroke.gif) no-repeat bottom left;	
	padding: 6px 3px 6px 11px;
}
p.paging-summary {
	padding: 3px 0 0;
}
* html p.paging-summary {
	padding: 2px 0 0;
}
.product-filter label {
	padding: 3px 4px 0 0;
	float: left;
	display: block;
}
* html .product-filter label {
	padding-top: 2px;
}
.product-filter p {
	margin: 0 10px 0 0;
	float: left;
}
ul.paging {
	margin: 0;
	padding: 3px 0 0;
	list-style-type: none;
	float: right;
	max-width: 340px; /*@ FF : IE won't drop the float but this keeps it in place for FF */
}
ul.paging li {
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
	background: url(../media/images/canvas/paging-stroke.gif) no-repeat center right;
}
ul.paging li.last-child {
	background: none;
}
ul.paging li.view-all {
	padding: 0 0 0 1px;
	background: url(../media/images/global/support-link.gif) no-repeat 0 5px;
}
ul.paging em {
	font-style: normal;
	padding: 0 7px;
}
ul.paging a {
	padding: 0 7px;
}
ul.paging a:link,
ul.paging a:visited,
ul.paging a:active {
	color: #7D8B98;
}
ul.paging a:hover {
	color: #000;
	text-decoration: none;
}

/* Details
--------------------------------------------------*/
body.catalog-product-view h1,
body.review-product-list h1,
body#details-page h1 {
	font-size: 1.125em; /* 18px / 11px */
	margin: -5px 0 13px;
}
* html body#details-page h1 {
	float: left; /*@ WIE6 : escaping margins */
}
#product {
	width: 516px;
	float: left;
	background: url(../media/images/canvas/product.gif) repeat-y top right;
}
#product-info {
	width: 149px;
	float: right;
	min-height: 323px;
	padding: 7px 10px 7px 20px;
	/*position: relative;*/
}
* html #product-info {
	height: 323px;
}
#product-visual {
	width: 337px;
	float: left;
}
#product-visual #hero {
	border: solid 1px #D3D3D3;
	float: left;
	margin: 0 0 8px;
}
#product-visual #hero img {
	border: solid 3px #B3CA6C;
	display: block;
	width: 329px;
	height: 329px;
}
#product-info dt {
	font-weight: bold;
	float: left;
	clear: left;
	margin: 0 3px 13px 0;
}
#product-info dl.rating dt {
	width: 57px;
}
#product-info dl.rating dt span {
	display: block;
	margin: -2px 0 0;
}
#product-info dl.rating dd p {
	padding: 2px 0 0;
}
#product-info dd {
	margin: 0 0 13px;
}
#product-info dt.product-description {
	position: absolute;
	left: -999em;
}
#product-info #rating {
	padding: 6px 0 0;
	width: 138px;
	background: url(../media/images/canvas/rating-stroke.gif) no-repeat top left;
}
#product-info #rating .rating {
	margin: 0 0 5px;
}	
#product-info #rating ul {
	margin: 0;
	padding: 0 0 5px;
	list-style-type: none;
	background: url(../media/images/canvas/rating-stroke.gif) no-repeat bottom left;
}
#product-info #rating li {
	margin: 0 0 5px;
	padding: 0;
}
p.product-review-summary {
	font-size: 0.6875em; /* 11 / 26 */
	clear: both;
}
#product-info a {
	padding: 0 0 0 6px;
	background: url(../media/images/global/view-detail.gif) no-repeat center left;
}
/*
#product-config {
	position: absolute;
	bottom: 9px;
	left: 20px;
}
*/
#product abbr {
	border: 0;
}
#product p.collect-recipe {
	clear: both;
	margin: 0;
}
#product p.collect-recipe span {
	position: absolute;
	left: -999em;
}
#product-visual p {
	margin: 0 0 7px;
}
#product-gallery p {
	float: left;
	font-weight: bold;
	line-height: 42px;
	margin: 0 12px 0 0;
}	
#product-gallery ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#product-gallery li {
	margin: 0 7px 7px 0;
	padding: 0;
	float: left;
}
#product-gallery img {
	border: solid 1px #DCDCDC;
}

/* Details
--------------------------------------------------*/
#related-product {
	float: right;
	width: 158px;
	background: url(../media/images/canvas/related-products.gif) no-repeat top left;
}
#related-product h2 {
	margin: 11px 0 0 10px;
	background: url(../media/images/headings/related-products.gif) no-repeat top left;
	overflow: hidden;
	height /**/: 32px;
	height: 0 !important;
	padding: 32px 0 0;
	width: 136px;
}
#related-product ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(../media/images/canvas/related-products-stroke.gif) no-repeat bottom left;
	float: left;
	width: 158px;
	min-height: 294px;
}
* html #related-product ul {
	height: 294px;
}
#related-product li {
	margin: 0 10px;
	padding: 11px 0 0;
	background: url(../media/images/canvas/related-products-item-stroke.gif) repeat-x top left;
	position: relative;
	float: left;
	clear: left;
	width: 138px;
	min-height: 58px;
	display: inline; /*@ WIE6 : DFM */
}
* html #related-product li {
	height: 58px;
}
#related-product li.first-child {
	background: none;
}
#related-product img {
	border: solid 1px #DCDCDC;
	position: absolute;
	top: 14px;
	left: 0;
	overflow: hidden;
}
#related-product p { 
	margin: 0 0 0 50px; /* Must be 50px instead of correct 51px to fit the price onto one line */
}
#related-product p.price del {
	display: block;
}
#related-product abbr {
	border: 0;
}
/*
#related-product input {
	margin: 6px 0 8px 50px;
}
*/
#related-product a.submit {
	display: inline-block;
	margin: 6px 0 8px 50px;
}
#related-product a.submit img {
	position: static;
}

/* Details
--------------------------------------------------*/
#product-details {
	clear: both;
	padding: 6px 0 0;
}
.product-details-content {
	border: solid 1px #D3D3D3;
	border-top: 0;
	float: left;
	margin: 0 0 10px;
	clear: left;
	padding: 10px;
	width: 672px;
}
ul#product-details-nav {
	margin: 0;
	padding: 0;
	width: 694px;
	list-style-type: none;
	float: left;
	background: url(../media/images/canvas/details.gif) repeat-x top left;
}
ul#product-details-nav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 89px;
	text-align: center;
	background: url(../media/images/canvas/details-tab.gif) no-repeat top left;
	line-height: 23px;
}
ul#product-details-nav #pdn-recipe {
	background-image: url(../media/images/canvas/details-tab-recipe.gif);
	width: 183px;
}
ul#product-details-nav li.active {
	background-image: url(../media/images/canvas/details-tab-o.gif);
}
ul#product-details-nav #pdn-recipe.active {
	background-image: url(../media/images/canvas/details-tab-recipe-o.gif);
}
#customer-reviews h2 {
	margin: 0 0 18px;
	background: url(../media/images/headings/customer-reviews.gif) no-repeat top left;
	overflow: hidden;
	height /**/: 10px;
	height: 0 !important;
	padding: 10px 0 0;
}
#customer-reviews ul {
	margin: 0 0 17px;
	padding: 0 0 10px;
	list-style-type: none;
	float: left;
	background: url(../media/images/canvas/review-list.gif) repeat-x bottom left;
}
#customer-reviews li {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}
#customer-reviews h3 {
	font-weight: normal;
	font-size: 1em; /* 11px / 11px */
	width: 672px;
}
#customer-reviews h3 em {
	font-style: normal;
	font-weight: bold;
}
#customer-reviews dl {
	font-size: 1em;
	float: left;
	width: 672px;
	margin: 0 0 7px;
}
#customer-reviews dt {
	float: left;
	clear: left;
	width: 47px;
	margin: 0 0 8px;
	line-height: 1;
}
#customer-reviews dd {
	margin: 0 0 8px;
	line-height: 1;
}
#customer-reviews p {
	width: 672px;
}
#customer-reviews .review-filter p {
	float: left;
	width: auto;
	padding-right: 10px;
}
#customer-reviews .review-filter p em {
	padding: 1px 0 0;
	display: block;
	font-style: normal;
}
#review-matrix {
	border: solid 1px #BEBCB7; 
	background: #F8F7F5;
	margin: 0 0 24px;
}
#review-matrix thead th {
	background: #E8EFD3;
	text-transform: lowercase;
	text-align: center;
	border-bottom: solid 1px #C2D3E0;
	border-left: solid 1px #C2D3E0;
	padding: 3px 0;
	width: 69px;
	color: #0A263C;
	font-size: 1.0909em; /* 12px / 11px */
}
#review-matrix tbody th {
	padding: 0 0 0 10px;
	width: 94px;
}
#review-matrix label {
	position: absolute;
	left: -999em;
}
#review-matrix td {
	border-left: solid 1px #D9DDE3;
	text-align: center;
	padding: 4px 0;
}
#review-matrix tr.alt th,
#review-matrix tr.alt td {
	background: #EEEDED;
}
#submit-review-form dl {
	margin: 0;
}
#submit-review-form dt {
	font-weight: bold;
	width: 93px;
	margin: 0 0 7px;
}
* html #submit-review-form dt {
	margin-right: -3px;
}
#submit-review-form label em {
	position: absolute;
	left: -999em;
}
#submit-review-form label {
	background: url(../media/images/global/required.gif) no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.6875em;
}
#submit-review-form dd {
	background: url(../media/images/canvas/submit-review-input.gif) no-repeat 93px 1px;
	height: 25px;
	margin: 0 0 7px;
}
* html #submit-review-form dd {
	background-position: 0 1px;
}
#submit-review-form dd.note {
	background: url(../media/images/canvas/submit-review-textarea.gif) no-repeat 93px 1px;
	height: 118px;
}
* html #submit-review-form dd.note {
	background-position: 0 1px;
}
#submit-review-form dd input {
	background: transparent;
	width: 358px;
	height: 20px;
	padding: 4px 4px 0;
	float: left;
	margin: 1px 0 0;
	font-size: .6875em
}
#submit-review-form textarea {
	background: transparent;
	overflow: auto;
	width: 354px;
	height: 109px;
	padding: 4px;
	border: 0;
}
#submit-review-form input.submit {
	float: left;
	margin: 0 0 0 357px;
}
.review-filter {
	background: url(../media/images/canvas/review-filter.gif) no-repeat top left;
	min-height: 32px;
	padding: 9px 0 0 11px;
	width: 663px;
}
* html .review-filter {
	height: 32px;
}
.review-filter a {
	background: url(../media/images/global/view-detail.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
	margin: 0 0 0 10px;
}
* html .review-filter {
	height: 32px;
}
.review-filter a:link,
.review-filter a:visited,
.review-filter a:active,
.review-filter a:hover {
	color: #768592;
}
#review-recorder {
	clear: both;
}
#tagger .validation-advice,
#review-recorder .validation-advice {
	clear: both;
	font-size: 0.6875em; /* 11 / 16 */
	margin: 0 0 0 95px;
	padding: 3px 0 0 12px;
	background: url(../media/images/global/validation-pointer.gif) no-repeat 0 3px;
}
#tagger .validation-advice {
	font-size: 1em;
}

/* Tagger
--------------------------------------------------*/
#tagger {
	clear: both;
	float: left;
	padding: 28px 0 45px;
	width: 688px;
}
#tagger h2 {
	margin: 0 0 9px;
	background: url(../media/images/headings/tagger.gif) no-repeat top left;
	overflow: hidden;
	height: 0 !important;
	padding: 24px 0 0;
	height /**/: 24px;
	width: 688px;
}
#tagger dl {
	float: left;
	width: 688px;
	margin: 0;
}
#tagger dt {
	font-weight: bold;
	padding: 0 0 1px;
}
#tagger dd {
	float: left;
	background: url(../media/images/canvas/tagger-terms-stroke.gif) no-repeat 0 2px;
	padding: 0 9px 0 10px;
}
#tagger dd.first-child {
	background: none;
	padding-left: 0;
}
#tagger a:link,
#tagger a:visited,
#tagger a:active,
#tagger a:hover {
	color: #768592;
}
#tagger p {
	margin: 0;
	clear: left;
}
#tagger fieldset {
	float: left;
	margin: 16px 0 9px;
	width: 688px;
}
#tagger fieldset p {
	background: url(../media/images/canvas/tagger-field.gif) no-repeat 98px 0;
	float: left;
	margin: 0;
}
#tagger label {
	float: left;
	width: 98px;
	padding: 5px 0 0;
	display: block;
}
#tagger input.field {
	float: left;
	background: transparent;
	width: 354px; 
	height: 19px;
	padding: 5px 4px 0;
}
#tagger input.submit {
	float: left;
	margin: 0 0 0 10px;
}



/* RECIPES
--------------------------------------------------*/
#recipe-instructions h2 {
	font-size: 1.125em;
	margin: 0 0 7px;
}
.recipe-ingredients {
	background: url(../media/images/canvas/review-list.gif) no-repeat bottom left;
	padding: 0 0 11px;
	margin: 0 0 10px;
}
.recipe-ingredients ul {
	list-style: none;
	margin: 0;
}	
.recipe-ingredients li {
	padding: 0 0 2px;
}
.recipe-method ol {
	margin-left: 20px;
}
.recipe-method li {
	padding: 0 0 7px;
}
.recipe #product-info dt {
	float: none;
	margin-bottom: 0;
}
.recipe #product-info {
	position: relative;
}
.recipe #product-info dd {
	background: url(../media/images/canvas/rating-stroke.gif) no-repeat bottom left;
	padding: 0 0 8px;
	margin-bottom: 5px;
}

.recipe #product-info #rating {
	position: absolute;
	bottom: 0;
	left: 20px
}	
/*
.recipe #product-info #rating {
	background: none;
	padding: 0;
}
*/

.recipe-method ol {
	list-style: none;
	margin: 0;
}	


/* POP UP
--------------------------------------------------*/
.catalog-product-gallery #product-gallery-image {
	margin: auto;
}
.catalog-product-gallery div {
	width: 506px;
	height: 506px;
	background: #FFF;
	border: 3px solid #B3CA6C;
	text-align: center;
}
.catalog-product-gallery div div {
	width: auto;
	height: auto;
	background: transparent;
	border: 0;
}
.catalog-product-gallery .a-center,
.catalog-product-gallery .a-right,
.catalog-product-gallery .a-left,
.catalog-product-gallery .a-center,
.catalog-product-gallery .a-right {
	display: none;
}
/*--------------------------------------------------

PRODUCTS CSS

FOR DISPLAY PRODUCTS AND PRODUCT DATA.

--------------------------------------------------*/

/* Category
--------------------------------------------------*/
ul.category-view {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	/*background: url(../media/images/canvas/list-stroke.gif) repeat 0 -20px;*/
}
ul.category-view li {
	height: 194px;
	padding: 0 46px 0 0;
	margin: 0 0 20px;
	float: left;
	background: url(../media/images/canvas/product-list-stroke.gif) repeat-x bottom left;
}
ul.category-view li.nth-child {
	padding-right: 0;
}
ul.category-view h3 {
	width: 119px;
	background: #FFC;
	margin: 0;
	padding: 9px 10px;
	font-size: 1em;
	font-weight: normal;
}
ul.category-view h3 a {
	background: url(../media/images/global/link.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	display: inline-block;
}
ul.category-view h3 a span {
	position: absolute;
	left: -999em;
}

/* Product List 
--------------------------------------------------*/
body.catalog-category-view h1,
body#product-page h1 {
	font-size: 1.125em;
	margin: -5px 0 13px;
}
ul.product-view {
	margin: 0 0 18px;
	padding: 0;
	list-style-type: none;
	float: left;
	/*background: url(../media/images/canvas/product-list.gif) repeat-y 0 294px;*/
}
ul.product-view li {
	margin: 0 0px 18px 0;
	padding: 0 23px 0 0;
	float: left;
	width: 157px;
	background: url(../media/images/canvas/product-list-stroke.gif) repeat-x bottom left;
	min-height: 292px;
}
* html ul.product-view li {
	height: 292px;
}
ul.product-view li.nth-child {
	margin-right: 0;
	padding-right: 0;
	width: 154px;
	background-repeat: no-repeat;
}
ul.product-view li.tail-child {
	margin-bottom: 0;
}
ul.product-view abbr {
	border: 0;
}
ul.product-view h3 {
	margin: 9px 0 0;
	font-weight: normal;
	font-size: 1.0909em; /* 12px / 11px */
	min-height: 56px;
}
* html ul.product-view h3 {
	height: 56px;
}
ul.product-view a.product-image img {
	width: 139px;
	height: 139px;
	display: block;
}
#product-info p.price,
ul.product-view p.price {
	float: left;
}
ul.product-view p.price {
	width: 162px;
}
#product-info p.price {
	width: 149px;
}
#product-info p.price del,
ul.product-view p.price del {
	display: block;
}
#product-info .price-measure {
	display: block;
}
#product-info .price-measure,
ul.product-view .price-measure {
	font-size: 0.8181em;
	color: #999;
}
#product-info fieldset,
ul.product-view fieldset {
	width: 88px;
	margin: 0 0 7px;
	float: left;
}
#product-info fieldset p,
ul.product-view fieldset p {
	margin: 0;
}
#product-info fieldset label,
ul.product-view fieldset label {
	float: left;
}
#product-info fieldset select,
ul.product-view fieldset select {
	float: right;
	min-width: 58px;
}
* html #product-info fieldset select,
* html ul.product-view fieldset select {
	width: 58px;
}
#product-info fieldset input,
ul.product-view fieldset input {
	margin: 9px 0 0;
	clear: both;
}
ul.product-view p.collect-recipe span,
ul.product-view p.view-detail span {
	position: absolute;
	left: -999em;
}	
ul.product-view p.collect-recipe {
	clear: both;
}
ul.product-view p.view-detail {
	float: left;
	margin: 35px 0 0 9px;
}
ul.product-view p.collect-recipe a:link,
ul.product-view p.collect-recipe a:visited,
ul.product-view p.collect-recipe a:active,
ul.product-view p.view-detail a:link,
ul.product-view p.view-detail a:visited,
ul.product-view p.view-detail a:active,
ul.product-view p.collect-recipe a:hover,
ul.product-view p.collect-recipe a:hover {
	color: #000;
	padding: 0 0 0 7px;
	background: url(../media/images/global/view-detail.gif) no-repeat center left;
}

/* Product Filter
--------------------------------------------------*/
.product-filter {
	background: url(../media/images/canvas/product-filter.gif) no-repeat top left;
	margin: 0 0 17px;
	width: 694px;
}
.product-filter fieldset {
	background: url(../media/images/canvas/product-filter-stroke.gif) no-repeat bottom left;	
	padding: 6px 3px 6px 11px;
}
p.paging-summary {
	padding: 3px 0 0;
}
* html p.paging-summary {
	padding: 2px 0 0;
}
.product-filter label {
	padding: 3px 4px 0 0;
	float: left;
	display: block;
}
* html .product-filter label {
	padding-top: 2px;
}
.product-filter p {
	margin: 0 10px 0 0;
	float: left;
}
ul.paging {
	margin: 0;
	padding: 3px 0 0;
	list-style-type: none;
	float: right;
	max-width: 340px; /*@ FF : IE won't drop the float but this keeps it in place for FF */
}
ul.paging li {
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
	background: url(../media/images/canvas/paging-stroke.gif) no-repeat center right;
}
ul.paging li.last-child {
	background: none;
}
ul.paging li.view-all {
	padding: 0 0 0 1px;
	background: url(../media/images/global/support-link.gif) no-repeat 0 5px;
}
ul.paging em {
	font-style: normal;
	padding: 0 7px;
}
ul.paging a {
	padding: 0 7px;
}
ul.paging a:link,
ul.paging a:visited,
ul.paging a:active {
	color: #7D8B98;
}
ul.paging a:hover {
	color: #000;
	text-decoration: none;
}

/* Details
--------------------------------------------------*/
body.catalog-product-view h1,
body.review-product-list h1,
body#details-page h1 {
	font-size: 1.125em; /* 18px / 11px */
	margin: -5px 0 13px;
}
* html body#details-page h1 {
	float: left; /*@ WIE6 : escaping margins */
}
#product {
	width: 516px;
	float: left;
	background: url(../media/images/canvas/product.gif) repeat-y top right;
}
#product-info {
	width: 149px;
	float: right;
	min-height: 323px;
	padding: 7px 10px 7px 20px;
	/*position: relative;*/
}
* html #product-info {
	height: 323px;
}
#product-visual {
	width: 337px;
	float: left;
}
#product-visual #hero {
	border: solid 1px #D3D3D3;
	float: left;
	margin: 0 0 8px;
}
#product-visual #hero img {
	border: solid 3px #B3CA6C;
	display: block;
	width: 329px;
	height: 329px;
}
#product-info dt {
	font-weight: bold;
	float: left;
	clear: left;
	margin: 0 3px 13px 0;
}
#product-info dl.rating dt {
	width: 57px;
}
#product-info dl.rating dt span {
	display: block;
	margin: -2px 0 0;
}
#product-info dl.rating dd p {
	padding: 2px 0 0;
}
#product-info dd {
	margin: 0 0 13px;
}
#product-info dt.product-description {
	position: absolute;
	left: -999em;
}
#product-info #rating {
	padding: 6px 0 0;
	width: 138px;
	background: url(../media/images/canvas/rating-stroke.gif) no-repeat top left;
}
#product-info #rating .rating {
	margin: 0 0 5px;
}	
#product-info #rating ul {
	margin: 0;
	padding: 0 0 5px;
	list-style-type: none;
	background: url(../media/images/canvas/rating-stroke.gif) no-repeat bottom left;
}
#product-info #rating li {
	margin: 0 0 5px;
	padding: 0;
}
p.product-review-summary {
	font-size: 0.6875em; /* 11 / 26 */
	clear: both;
}
#product-info a {
	padding: 0 0 0 6px;
	background: url(../media/images/global/view-detail.gif) no-repeat center left;
}
/*
#product-config {
	position: absolute;
	bottom: 9px;
	left: 20px;
}
*/
#product abbr {
	border: 0;
}
#product p.collect-recipe {
	clear: both;
	margin: 0;
}
#product p.collect-recipe span {
	position: absolute;
	left: -999em;
}
#product-visual p {
	margin: 0 0 7px;
}
#product-gallery p {
	float: left;
	font-weight: bold;
	line-height: 42px;
	margin: 0 12px 0 0;
}	
#product-gallery ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#product-gallery li {
	margin: 0 7px 7px 0;
	padding: 0;
	float: left;
}
#product-gallery img {
	border: solid 1px #DCDCDC;
}

/* Details
--------------------------------------------------*/
#related-product {
	float: right;
	width: 158px;
	background: url(../media/images/canvas/related-products.gif) no-repeat top left;
}
#related-product h2 {
	margin: 11px 0 0 10px;
	background: url(../media/images/headings/related-products.gif) no-repeat top left;
	overflow: hidden;
	height /**/: 32px;
	height: 0 !important;
	padding: 32px 0 0;
	width: 136px;
}
#related-product ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(../media/images/canvas/related-products-stroke.gif) no-repeat bottom left;
	float: left;
	width: 158px;
	min-height: 294px;
}
* html #related-product ul {
	height: 294px;
}
#related-product li {
	margin: 0 10px;
	padding: 11px 0 0;
	background: url(../media/images/canvas/related-products-item-stroke.gif) repeat-x top left;
	position: relative;
	float: left;
	clear: left;
	width: 138px;
	min-height: 58px;
	display: inline; /*@ WIE6 : DFM */
}
* html #related-product li {
	height: 58px;
}
#related-product li.first-child {
	background: none;
}
#related-product img {
	border: solid 1px #DCDCDC;
	position: absolute;
	top: 14px;
	left: 0;
	overflow: hidden;
}
#related-product p { 
	margin: 0 0 0 50px; /* Must be 50px instead of correct 51px to fit the price onto one line */
}
#related-product p.price del {
	display: block;
}
#related-product abbr {
	border: 0;
}
/*
#related-product input {
	margin: 6px 0 8px 50px;
}
*/
#related-product a.submit {
	display: inline-block;
	margin: 6px 0 8px 50px;
}
#related-product a.submit img {
	position: static;
}

/* Details
--------------------------------------------------*/
#product-details {
	clear: both;
	padding: 6px 0 0;
}
.product-details-content {
	border: solid 1px #D3D3D3;
	border-top: 0;
	float: left;
	margin: 0 0 10px;
	clear: left;
	padding: 10px;
	width: 672px;
}
ul#product-details-nav {
	margin: 0;
	padding: 0;
	width: 694px;
	list-style-type: none;
	float: left;
	background: url(../media/images/canvas/details.gif) repeat-x top left;
}
ul#product-details-nav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 89px;
	text-align: center;
	background: url(../media/images/canvas/details-tab.gif) no-repeat top left;
	line-height: 23px;
}
ul#product-details-nav #pdn-recipe {
	background-image: url(../media/images/canvas/details-tab-recipe.gif);
	width: 183px;
}
ul#product-details-nav li.active {
	background-image: url(../media/images/canvas/details-tab-o.gif);
}
ul#product-details-nav #pdn-recipe.active {
	background-image: url(../media/images/canvas/details-tab-recipe-o.gif);
}
#customer-reviews h2 {
	margin: 0 0 18px;
	background: url(../media/images/headings/customer-reviews.gif) no-repeat top left;
	overflow: hidden;
	height /**/: 10px;
	height: 0 !important;
	padding: 10px 0 0;
}
#customer-reviews ul {
	margin: 0 0 17px;
	padding: 0 0 10px;
	list-style-type: none;
	float: left;
	background: url(../media/images/canvas/review-list.gif) repeat-x bottom left;
}
#customer-reviews li {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}
#customer-reviews h3 {
	font-weight: normal;
	font-size: 1em; /* 11px / 11px */
	width: 672px;
}
#customer-reviews h3 em {
	font-style: normal;
	font-weight: bold;
}
#customer-reviews dl {
	font-size: 1em;
	float: left;
	width: 672px;
	margin: 0 0 7px;
}
#customer-reviews dt {
	float: left;
	clear: left;
	width: 47px;
	margin: 0 0 8px;
	line-height: 1;
}
#customer-reviews dd {
	margin: 0 0 8px;
	line-height: 1;
}
#customer-reviews p {
	width: 672px;
}
#customer-reviews .review-filter p {
	float: left;
	width: auto;
	padding-right: 10px;
}
#customer-reviews .review-filter p em {
	padding: 1px 0 0;
	display: block;
	font-style: normal;
}
#review-matrix {
	border: solid 1px #BEBCB7; 
	background: #F8F7F5;
	margin: 0 0 24px;
}
#review-matrix thead th {
	background: #E8EFD3;
	text-transform: lowercase;
	text-align: center;
	border-bottom: solid 1px #C2D3E0;
	border-left: solid 1px #C2D3E0;
	padding: 3px 0;
	width: 69px;
	color: #0A263C;
	font-size: 1.0909em; /* 12px / 11px */
}
#review-matrix tbody th {
	padding: 0 0 0 10px;
	width: 94px;
}
#review-matrix label {
	position: absolute;
	left: -999em;
}
#review-matrix td {
	border-left: solid 1px #D9DDE3;
	text-align: center;
	padding: 4px 0;
}
#review-matrix tr.alt th,
#review-matrix tr.alt td {
	background: #EEEDED;
}
#submit-review-form dl {
	margin: 0;
}
#submit-review-form dt {
	font-weight: bold;
	width: 93px;
	margin: 0 0 7px;
}
* html #submit-review-form dt {
	margin-right: -3px;
}
#submit-review-form label em {
	position: absolute;
	left: -999em;
}
#submit-review-form label {
	background: url(../media/images/global/required.gif) no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.6875em;
}
#submit-review-form dd {
	background: url(../media/images/canvas/submit-review-input.gif) no-repeat 93px 1px;
	height: 25px;
	margin: 0 0 7px;
}
* html #submit-review-form dd {
	background-position: 0 1px;
}
#submit-review-form dd.note {
	background: url(../media/images/canvas/submit-review-textarea.gif) no-repeat 93px 1px;
	height: 118px;
}
* html #submit-review-form dd.note {
	background-position: 0 1px;
}
#submit-review-form dd input {
	background: transparent;
	width: 358px;
	height: 20px;
	padding: 4px 4px 0;
	float: left;
	margin: 1px 0 0;
	font-size: .6875em
}
#submit-review-form textarea {
	background: transparent;
	overflow: auto;
	width: 354px;
	height: 109px;
	padding: 4px;
	border: 0;
}
#submit-review-form input.submit {
	float: left;
	margin: 0 0 0 357px;
}
.review-filter {
	background: url(../media/images/canvas/review-filter.gif) no-repeat top left;
	min-height: 32px;
	padding: 9px 0 0 11px;
	width: 663px;
}
* html .review-filter {
	height: 32px;
}
.review-filter a {
	background: url(../media/images/global/view-detail.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
	margin: 0 0 0 10px;
}
* html .review-filter {
	height: 32px;
}
.review-filter a:link,
.review-filter a:visited,
.review-filter a:active,
.review-filter a:hover {
	color: #768592;
}
#review-recorder {
	clear: both;
}
#tagger .validation-advice,
#review-recorder .validation-advice {
	clear: both;
	font-size: 0.6875em; /* 11 / 16 */
	margin: 0 0 0 95px;
	padding: 3px 0 0 12px;
	background: url(../media/images/global/validation-pointer.gif) no-repeat 0 3px;
}
#tagger .validation-advice {
	font-size: 1em;
}

/* Tagger
--------------------------------------------------*/
#tagger {
	clear: both;
	float: left;
	padding: 28px 0 45px;
	width: 688px;
}
#tagger h2 {
	margin: 0 0 9px;
	background: url(../media/images/headings/tagger.gif) no-repeat top left;
	overflow: hidden;
	height: 0 !important;
	padding: 24px 0 0;
	height /**/: 24px;
	width: 688px;
}
#tagger dl {
	float: left;
	width: 688px;
	margin: 0;
}
#tagger dt {
	font-weight: bold;
	padding: 0 0 1px;
}
#tagger dd {
	float: left;
	background: url(../media/images/canvas/tagger-terms-stroke.gif) no-repeat 0 2px;
	padding: 0 9px 0 10px;
}
#tagger dd.first-child {
	background: none;
	padding-left: 0;
}
#tagger a:link,
#tagger a:visited,
#tagger a:active,
#tagger a:hover {
	color: #768592;
}
#tagger p {
	margin: 0;
	clear: left;
}
#tagger fieldset {
	float: left;
	margin: 16px 0 9px;
	width: 688px;
}
#tagger fieldset p {
	background: url(../media/images/canvas/tagger-field.gif) no-repeat 98px 0;
	float: left;
	margin: 0;
}
#tagger label {
	float: left;
	width: 98px;
	padding: 5px 0 0;
	display: block;
}
#tagger input.field {
	float: left;
	background: transparent;
	width: 354px; 
	height: 19px;
	padding: 5px 4px 0;
}
#tagger input.submit {
	float: left;
	margin: 0 0 0 10px;
}



/* RECIPES
--------------------------------------------------*/
#recipe-instructions h2 {
	font-size: 1.125em;
	margin: 0 0 7px;
}
.recipe-ingredients {
	background: url(../media/images/canvas/review-list.gif) no-repeat bottom left;
	padding: 0 0 11px;
	margin: 0 0 10px;
}
.recipe-ingredients ul {
	list-style: none;
	margin: 0;
}	
.recipe-ingredients li {
	padding: 0 0 2px;
}
.recipe-method ol {
	margin-left: 20px;
}
.recipe-method li {
	padding: 0 0 7px;
}
.recipe #product-info dt {
	float: none;
	margin-bottom: 0;
}
.recipe #product-info {
	position: relative;
}
.recipe #product-info dd {
	background: url(../media/images/canvas/rating-stroke.gif) no-repeat bottom left;
	padding: 0 0 8px;
	margin-bottom: 5px;
}

.recipe #product-info #rating {
	position: absolute;
	bottom: 0;
	left: 20px
}	
/*
.recipe #product-info #rating {
	background: none;
	padding: 0;
}
*/

.recipe-method ol {
	list-style: none;
	margin: 0;
}	


/* POP UP
--------------------------------------------------*/
.catalog-product-gallery #product-gallery-image {
	margin: auto;
}
.catalog-product-gallery div {
	width: 506px;
	height: 506px;
	background: #FFF;
	border: 3px solid #B3CA6C;
	text-align: center;
}
.catalog-product-gallery div div {
	width: auto;
	height: auto;
	background: transparent;
	border: 0;
}
.catalog-product-gallery .a-center,
.catalog-product-gallery .a-right,
.catalog-product-gallery .a-left,
.catalog-product-gallery .a-center,
.catalog-product-gallery .a-right {
	display: none;
}

/*--------------------------------------------------

ACCOUNT CSS

--------------------------------------------------*/

/* Generic
--------------------------------------------------*/
body.cms-no-route h1,
body.cms-index-noroute h1,
body.catalog-seo-sitemap-product h1,
body.catalog-seo-sitemap-category h1,
body.contacts-index-index h1,
body.newsletter-manage-index h1,
body.sales-order-history h1,
body.account-orders-page h1,
body.customer-address-form h1,
body.customer-account-edit h1,
body.customer-account-index h1,
body.wishlist-index-index h1,
body.customer-account-create h1,
body.customer-account-login h1 {
	font-size: 1.125em;
	margin: -3px 0 12px;
	padding: 0
}
#contact-form button,
#share-recipe button,
#add-address-detail button,
#edit-password button,
#edit-account button,
#recent-orders button,
#register-form button,
.footer button,
a.submit {
	overflow: hidden;
	height: 0;
	padding: 24px 0 0;
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
}
*:first-child+html #contact-form button,
*:first-child+html #share-recipe button,
*:first-child+html #add-address-detail button,
*:first-child+html #edit-password button,
*:first-child+html #edit-account button,
*:first-child+html #recent-orders button,
*:first-child+html .footer button,
*:first-child+html #register-form button {
	height: 24px !important;
}
* html #contact-form button,
* html #share-recipe button,
* html #add-address-detail button,
* html #edit-password button,
* html #edit-account button,
* html #recent-orders button,
* html .footer button,
* html #register-form button {
	height: 24px !important;
}
.footer a:link,
.footer a:visited,
.footer a:hover, 
.footer a:active {
	color: #000;
	font-size: .6875em;
}
#login-form dt label {
	font-size: 1.0909em;
}
#login-form .form {
	width: 417px;
	position: relative;
}
#contact-form .skin,
#add-address-detail .skin,
#add-address-contact .skin,
#edit-password .skin,
#edit-account .skin,
#register-form .skin,
#login-form .skin {
	background: url(../media/images/canvas/input-skin.gif) no-repeat;
	display: block;
	width: 204px;
	height: 24px;
	clear: left;
}
#contact-form .skin input,
#add-address-detail .skin input,
#add-address-contact .skin input,
#edit-password .skin input,
#edit-account .skin input,
#register-form .skin input,
#login-form .skin input {
	background: transparent;
	width: 196px;
	height: 20px;
	padding: 4px 4px 0;
}
#add-address-detail select {
	width: 204px;
	padding: 5px 0 4px;
}
*:first-child+html #add-address-detail select {
	margin: 4px 0 0;
}
#add-address-line-2 .skin,
#add-address-line-1 .skin,
#add-address-company .skin {
	background: url(../media/images/canvas/input-skin-double.gif) no-repeat;
	display: block;
	width: 445px;
	height: 24px;
	clear: left;
}
#add-address-line-2 .skin input,
#add-address-line-1 .skin input,
#add-address-company .skin input {
	background: transparent;
	width: 437px;
	height: 20px;
	padding: 4px 4px 0;
}
#contact-form ul.form label,
#share-recipe ul.form label,
#add-address-detail ul.form label,
#add-address-contact ul.form label,
#edit-password ul.form label,
#edit-account ul.form label,
#register-form ul.form label {
	font-size: 1.0909em;
	color: #000;
	margin: 0 0 4px;
	float: none;
	display: block;
	float: left;
}
ul.form label .note {
	font-weight: normal;
}
#account-summary p.detail,
#recent-orders p.detail {
	float: left;
	font-size: .75em;
	margin: 0;
	white-space: nowrap;
}
#account-summary p.detail a,
#recent-orders p.detail a {
	background: url(../media/images/global/link.gif) no-repeat 0 4px;
	float: left;
	padding: 0 0 0 9px;
	position: absolute;
	right: 11px;
	top: 8px;
}
#contact-form h3,
#share-recipe h3,
#add-address-detail h3,
#add-address-contact h3,
#address-book-additional h3,
#address-book-delivery h3,
#address-book-billing h3,
#edit-password h3,
#edit-account h3,
#account-summary h3,
#recent-orders h3,
#register-form h3,
#login-form h3 {
	margin: 0 0 28px;
	border-bottom: 3px solid #7D8B98;
	overflow: hidden;
	height: 0;
	padding: 19px 0 0;
	background: url(../media/images/headings/account/new-customer.gif) no-repeat;
}
.cms-page-view #content .form h3 {
	margin: 0 0 28px;
}
#login-form h3 {
	margin: 0 0 8px;
}
body.account ul.edit {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body.account ul.edit a {
	background: url(../media/images/global/support-link.gif) no-repeat 0 4px;
	padding: 0 0 0 8px;
	font-ssize: .6875em; /* 11px / 16px */
}
body.account ul.edit a:link,
body.account ul.edit a:visited,
body.account ul.edit a:hover,
body.account ul.edit a:active {
	color: #7d8b98
}

body.account #content ul.form li {
	padding: 0 0 1.2727em;
	margin: 0;
}

/* Nav
--------------------------------------------------*/
#account-nav h3 {
	background-image: url(../media/images/headings/account/nav.gif);
	padding-top: 20px;
	border-bottom: 3px solid #B3CA6C;
	margin-bottom: 7px;
}
#account-nav ul {
	padding-bottom: 5px;
}
#account-nav li {
	margin: 0 0 0 11px;
	background: url(../media/images/canvas/nav-sub-stroke.gif) repeat-x bottom left;
	width: 162px;
	padding: 3px 0 4px;
}
#account-nav li.last-child {
	background: none;
}
#account-nav li.active {
	font-weight: bold;
}
#account-nav li a {
	background: url(../media/images/global/view-detail.gif) no-repeat 0 5px;
	padding: 0 0 0 6px;
}

/* Login/Register
--------------------------------------------------*/
#login-form .new-users,
#login-form .registered-users {
	background: url(../media/images/canvas/generic-a-footer.gif) no-repeat bottom left;
	float: left;
	width: 439px;
	min-height: 217px;
	margin: 0 0 20px;
}
#login-form .content {
	background: url(../media/images/canvas/generic-a-header.gif) no-repeat;
	padding: 11px;
	float: left;
	min-height: 179px;
	width: 417px;
}
* html #login-form .content {
	height: 179px;
}
#login-form .footer {
	float: left;
	clear: left;
	padding: 11px;
	width: 417px;
}
#login-form .registered-users h3 {
	background-image: url(../media/images/headings/account/registered-customers.gif);
}
* html .new-users,
* html .registered-users {
	height: 217px;
}
#login-form .new-users {
	margin-right: 20px;
}
.registered-users .footer button {
	background-image: url(../media/images/buttons/account/login.gif);
	width: 50px;
	float: right;
}
.registered-users .footer a {
	float: left;
	margin: 5px 0 0;
	background: url(../media/images/global/link.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	font-size: .6875em; /* 11px / 16px */
}
.new-users a.submit {
	background-image: url(../media/images/buttons/account/new-customer.gif);
	float: right;
	width: 121px;
}

/* Register
--------------------------------------------------*/
#register-form {
	background: url(../media/images/canvas/generic-b-footer.gif) no-repeat bottom left;
	padding: 0 0 11px;
	margin: 0 0 20px;
	float: left;
}
#register-form form {
	background: url(../media/images/canvas/generic-b-header.gif) no-repeat;
	width: 876px;
	padding: 11px 11px 0;
	position: relative;
	float: left;
}
#register-form button {
	background: url(../media/images/buttons/account/register.gif) no-repeat;
	width: 58px;
}
#register-form #register-form-personal h3 {
	background-image: url(../media/images/headings/account/register-personal.gif);
}
#register-form #register-form-account h3 {
	background-image: url(../media/images/headings/account/register-info.gif);
}
#content #edit-password-new {
	width: 241px;
}
#content #billing-first-name,
#content #edit-password-confirm,
#content #customer-form-first-name,
#content #customer-form-last-name,
#content #register-form-password,
#content #register-form-cofirm-password {
	clear: none;
	width: 241px;
}
#register-form h3 {
	margin-bottom: 28px;
}
#register-form button {
	float: right;
}
#register-form #register-form-newsletter {
	margin-bottom: 31px;
}
#register-form-newsletter input {
	float: left;
	margin: 0 5px 0 0;
}
#register-form #register-form-newsletter label {
	font-weight: normal;
	font-size: 1em;
}
#register-form a.prev {
	float: right;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	margin: 5px 18px 0 0;
	font-size: .75em; /* 12px / 16px */
}
#register-form p.required {
	right: 11px;
	bottom: 40px;
}

/* Dashboard - Recent Orders
--------------------------------------------------*/
#recent-orders {
	background: url(../media/images/canvas/generic-c-footer.gif) no-repeat bottom left;
	float: left;
	width: 695px;
	margin: 0 0 20px;
	padding: 0 0 2px;
	position: relative;
}
#recent-orders .content {
	background: url(../media/images/canvas/generic-c-header.gif) no-repeat;
	padding: 11px 11px 9px;
	float: left;
	width: 673px;
}
#recent-orders h3 {
	margin-bottom: 16px;
	background-image: url(../media/images/headings/account/recent-orders.gif);
}
#recent-orders p.detail {
	float: left;
	font-size: .75em;
	margin: 0;
	white-space: nowrap;
}
#recent-orders p.detail a {
	background: url(../media/images/global/link.gif) no-repeat 0 4px;
	float: left;
	padding: 0 0 0 9px;
	position: absolute;
	right: 11px;
	top: 8px;
}
#recent-orders table {
	border: 1px solid #BEBCB7;
	width: 100%;
	font-size: .75em; /* 12px / 16px */
}
#recent-orders thead th {
	background: #E8EFD3;
	color: #0A263C;
	border-bottom: 1px solid #C2D3E0;
	border-right: 1px solid #C2D3E0;
	padding: 4px 8px 2px;
	text-align: left;
}
#content #recent-orders .t-view,
#content #recent-orders .t-reorder {
	border-right: 0;
}
#recent-orders tbody th,
#recent-orders td {
	background: #F8F7F5;
	color: #2F2F2F;
	padding: 9px 8px;
	text-align: left;
	border-right: 1px solid #D9DDE3;
	font-weight: normal
}
#recent-orders button {
	background-image: url(../media/images/buttons/account/reorder.gif);
	width: 59px;
}
#recent-orders a {
	background: url(../media/images/global/link.gif) no-repeat center left;
	padding: 0 0 0 11px;
}

/* Dashboard - Account Information
--------------------------------------------------*/
#account-summary {
	background: url(../media/images/canvas/generic-d-footer.gif) no-repeat bottom left;
	float: left;
	width: 695px;
	border-bottom: 20px solid #FFF; /*@ WIE7: bottom margin */
	padding: 0 0 2px;
}
#account-summary .content {
	background: url(../media/images/canvas/generic-d-header.gif) no-repeat;
	padding: 11px 11px 9px;
	float: left;
	width: 673px;
}
#account-summary h3 {
	margin-bottom: 16px;
	background-image: url(../media/images/headings/account/account-info.gif);
}
#account-summary .section {
	width: 325px;
	float: left;
	min-height: 116px;
	position: relative;
}
* html #account-summary .section {
	height: 116px;
}
#account-summary h4 {
	font-size: .75em;
	background: url(../media/images/canvas/nav-sub-stroke.gif) repeat-x bottom left;
	padding: 0 0 8px;
	margin: 0 0 5px;
}
#account-summary .section p.detail a {
	top: 0;
	right: 0;
}
#account-summary .content p.edit {
	margin: -6px 0 0;
}
#account-summary .content a {
	padding: 0 0 0 8px;
	background: url(../media/images/global/view-detail.gif) no-repeat 0 5px;
}
#account-summary .section .content a:link,
#account-summary .section .content a:visited,
#account-summary .section .content a:active {
	color: #7D8B98;
}
#account-summary .section .content a:hover {
	color: #7D8B98;
}
#account-summary .section .content {
	background: none;
	padding: 0;
	width: auto;
}
#summary-contact-information {
	margin-right: 23px;
}
#account-summary .ibrf {
	font-weight: normal;
}
#account-summary #summary-address-book {
	width: 673px;
}
#account-summary h5 {
	font-size: .6875em;
	margin: 0 0 9px;
}
#summary-address-book #summary-billing-address {
	width: 348px;
}

/* Edit Account
--------------------------------------------------*/
#contact-form,
#edit-password,
#edit-account {
	background: url(../media/images/canvas/generic-e-footer.gif) no-repeat bottom left;
	float: left;
	width: 695px;
	border-bottom: 20px solid #FFF; /*@ WIE7: bottom margin */
	padding: 0 0 2px;
}
#contact-form .content,
#edit-password .content,
#edit-account .content {
	background: url(../media/images/canvas/generic-e-header.gif) no-repeat;
	padding: 11px 11px 9px;
	float: left;
	width: 673px;
	position: relative;
}
#edit-account h3 {
	background-image: url(../media/images/headings/account/register-personal.gif);
}
#edit-password h3 {
	background-image: url(../media/images/headings/account/register-personal.gif);
}
#contact-form button,
#edit-password button,
#edit-account button {
	background: url(../media/images/buttons/account/register.gif) no-repeat;
	width: 58px;
	float: right;
}
#contact-form a.prev,
#edit-password a.prev,
#edit-account a.prev {
	float: right;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	margin: 5px 18px 0 0;
	font-size: .75em; /* 12px / 16px */
}
#contact-form p.required,
#edit-password p.required,
#edit-account p.required {
	right: 11px;
	bottom: 40px;
}
p#edit-account-password {
	padding: 0 0 5px;
}
#edit-password #edit-password-current {
	width: 673px;
}

/* Address Book
--------------------------------------------------*/
#address-book-defaults {
	float: left;
	width: 337px;
	margin: 0 22px 0 0;
}
#address-book-billing h3,
#address-book-delivery h3 {
	background-image: url(../media/images/headings/account/default-address.gif);
	margin: 0 0 8px;
}
#address-book-defaults h4 {
	font-size: .6875em; /* 11px / 16px */
	margin: 0 0 5px;
}
#address-book-billing,
#address-book-delivery {
	background: url(../media/images/canvas/generic-f-footer.gif) no-repeat bottom left;
	float: left;
	width: 337px;
	border-bottom: 20px solid #FFF; /*@ WIE7: bottom margin */
	padding: 0 0 2px;
}
#address-book-billing .content,
#address-book-delivery .content {
	background: url(../media/images/canvas/generic-f-header.gif) no-repeat;
	padding: 11px 11px 9px;
	float: left;
	width: 315px;
	position: relative;
}
#address-book-defaults p.edit {
	margin: -6px 0 0;
}
#address-book-defaults a {
	background: url(../media/images/global/support-link.gif) no-repeat center left;
	padding: 0 0 0 8px;
	font-ssize: .6875em; /* 11px / 16px */
}
#address-book-defaults a:link,
#address-book-defaults a:visited,
#address-book-defaults a:hover,
#address-book-defaults a:active {
	color: #7d8b98
}
#address-book-additional {
	float: left;
	margin: 11px 0 0;
	width: 328px;
}
#address-book-additional h3 {
	background-image: url(../media/images/headings/account/address-book.gif);
	margin: 0 0 8px;
}
body#account-address-book-page #content {
	position: relative;
}
body#account-address-book-page p#add-address {
	position: absolute;
	top: 0;
	right: 0;
}
body#account-address-book-page p#add-address a {
	overflow: hidden;
	height: 0;
	padding: 24px 0 0;
	display: block;
	background: url(../media/images/buttons/account/add-new-address.gif) no-repeat;
	width: 110px;
}

/* Account Add New Address
--------------------------------------------------*/
#add-address-detail,
#add-address-contact {
	background: url(../media/images/canvas/generic-e-footer.gif) no-repeat bottom left;
	float: left;
	width: 695px;
	border-bottom: 20px solid #FFF; /*@ WIE7: bottom margin */
	padding: 0 0 2px;
}
#add-address-detail .content,
#add-address-contact .content {
	background: url(../media/images/canvas/generic-e-header.gif) no-repeat;
	padding: 11px 11px 9px;
	float: left;
	width: 673px;
	position: relative;
}
#add-address-contact h3 {
	background-image: url(../media/images/headings/account/add-address-contact.gif);
	margin: 0 0 8px;
}
#add-address-detail h3 {
	background-image: url(../media/images/headings/account/add-address.gif);
}
#content #add-address-country,
#content #add-address-post-code,
#content #add-address-county,
#content #add-address-town,
#content #add-address-fax,
#content #add-address-telephone,
#content #add-address-first-name,
#content #add-address-last-name {
	clear: none;
	width: 241px;
}
#content #add-address-post-code {
	clear: left;
}
#content #add-address-line-2 label {
	display: none;
}
#add-address-detail button {
	background-image: url(../media/images/buttons/account/save-address.gif);
	width: 88px;
	float: right;
}
#add-address-detail a.prev {
	float: right;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	margin: 5px 18px 0 0;
	font-size: .75em; /* 12px / 16px */
}
#add-address-detail p.required {
	right: 11px;
	bottom: 40px;
}

/* Account Orders
--------------------------------------------------*/
/* For Magento */
.wishlist-index-index ul.action {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.wishlist-index-index ul.action li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
.wishlist-index-index ul.action a {
	float: left;
	background: transparent url(../media/images/global/view-detail.gif) no-repeat scroll 0 5px;
	display: inline-block;
	padding: 0 0 0 7px;
}
.wishlist-index-index ul.action button {
	float: left;
	background: transparent url(../media/images/global/view-detail.gif) no-repeat scroll 0 8px;
	display: inline-block;
	margin: -3px 0 0;
	padding: 0 0 0 7px;
	font-size: 1.0909em; /* 12px / 15px */
}
.wishlist-index-index #content a.prev,
.sales-order-history #content a.prev {
	float: left;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	font-size: .75em; /* 12px / 16px */
}
.wishlist-index-index #content a.prev {
	float: right;
}
#content #recent-orders a.prev {
	float: right;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	font-size: .75em; /* 12px / 16px */
}
#recent-orders .footer {
	padding: 0 11px 6px;
	width: 673px;
	float: left;
	clear: left;
}
#account-orders-page #recent-orders h3 {
	overflow: auto;
	padding: 0 0 6px;
	background: none;
	height: auto;
	font-size: .6875em; /* 11px / 16px */
}
.order-filter {
	position: absolute;
	top: 7px;
	right: 11px;
	float: right;
}
.order-filter p {
	margin: 0;
}
#order-filter-footer {
	position: static;
	width: 673px;
	padding: 17px 0 8px;
}
.order-filter .total {
	float: left;
	font-weight: bold;
}
.order-filter .paging {
	float: right;
}

/* Recipe List
--------------------------------------------------*/
#recipe-list {
	background: url(../media/images/canvas/recipe-list-footer.gif) no-repeat bottom left;
	padding: 0 0 2px;
	display: inline-block; /* WIE: get bottom space */
	margin: 0 0 20px;
	width: 694px;
}
#recipe-list .content {
	background: url(../media/images/canvas/recipe-list-content.gif) repeat-y;
}
#recipe-list table {
	width: 100%;
	border-top: 1px solid #bebcb7;
	border-left: 1px solid #bebcb7;
	background: transparent url(../media/images/canvas/recipe-list.gif) no-repeat;
}
#recipe-list th {
	background: #e8efd3;
	color: #010100;
	padding: 4px 10px 5px;
	border-right: 1px solid #bebcb7;
	border-bottom: 1px solid #bebcb7;
}
#recipe-list td {
	border-right: 1px solid #d9dde3;
	border-bottom: 1px solid #d9dde3;
	vertical-align: top;
}
#recipe-list tr.last-child td {
	border-bottom: none;
}
#recipe-list td {
	padding: 10px;
}
#recipe-list .t-control {
	border-right-color: #bebcb7;
}
#recipe-list p,
.t-comment textarea {
	font-size: 1em;
	margin: 0;
}
.t-comment p {
	width: 223px;
	height: 182px;
	padding: 11px;
	background: url(../media/images/canvas/recipe-list-comment.gif) no-repeat;
} 
.t-comment textarea {
	width: 245px;
	height: 204px;
	padding: 11px;
	background: url(../media/images/canvas/recipe-list-comment.gif) no-repeat;
} 
#recipe-list .t-product {
	width: 100px;
}
#recipe-list .t-control{
	width: 80px;
}
#recipe-list .t-comment {
	width: 1%;
}
#recipe-list .t-control a.remove {
	background: url(../media/images/global/view-detail.gif) no-repeat 0 5px;
	padding: 0 0 0 7px;
	display: inline-block;
	width: 81px; /* WIE7: stops text from wrapping */
}
#recipe-list h3 {
	font-weight: normal;
	margin-bottom: 0;
	font-size: 1.1em;
}
#recipe-list ins {
	display: block;
}
/* First one - not sure where else it will appear */
body#account-recipe-page div.success {
	border: 1px solid #5EC659;
	background: #DBE2E9;
	margin: 0 0 1.2727em;
	padding: 5px 9px;
}
body#account-recipe-page div.success p {
	margin: 0;
	padding: 0 0 0 22px;
	background: url(../media/images/global/message-success.gif) no-repeat;
}

/* Share Recipe List
--------------------------------------------------*/
#share-recipe {
	background: url(../media/images/canvas/generic-e-footer.gif) no-repeat bottom left;
	float: left;
	width: 695px;
	border-bottom: 20px solid #FFF; /*@ WIE7: bottom margin */
	padding: 0 0 2px;
}
#share-recipe .content {
	background: url(../media/images/canvas/generic-e-header.gif) no-repeat;
	padding: 11px 11px 9px;
	float: left;
	width: 673px;
	position: relative;
}
#share-recipe fieldset {
	clear: left;
}
#share-recipe h3 {
	background-image: url(../media/images/headings/account/recipe-share.gif);
}
#share-recipe-contact .skin {
	background: url(../media/images/canvas/input-skin-triple.gif) no-repeat;
	display: block;
	width: 673px;
	height: 24px;
	clear: left;
}
#share-recipe-contact .skin input {
	background: transparent;
	width: 665px;
	height: 20px;
	padding: 4px 4px 0;
}
#contact-form-message .skin,
#share-recipe-message .skin {
	background: url(../media/images/canvas/input-skin-triple-comment.gif) no-repeat;
	display: block;
	width: 673px;
	height: 92px;
	clear: left;
}
#contact-form-message .skin textarea, 
#share-recipe-message .skin textarea {
	background: transparent;
	width: 665px;
	height: 84px;
	padding: 4px 4px;
	border: 0;
}
#share-recipe button {
	background-image: url(../media/images/buttons/account/recipe-share.gif);
	width: 47px;
	float: right;
}
#share-recipe a.prev {
	float: right;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	margin: 5px 18px 0 0;
	font-size: .75em; /* 12px / 16px */
}
#share-recipe p.required {
	right: 11px;
	bottom: 40px;
}
#share-recipe .footer {
	clear: both;
	float: left;
	padding: 21px 0 0;
}

/* Newsletter
--------------------------------------------------*/
#content #recent-orders a.prev {
	float: right;
	background: url(../media/images/global/link-reverse.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
	font-size: .75em; /* 12px / 16px */
}


/* Contact Form
--------------------------------------------------*/
#content .form #contact-form-name,
#content .form #contact-form-email {
	clear: none;
	width: 336px;
}
#contact-form h3 {
	background-image: url(../media/images/headings/account/register-personal.gif);
}
#contact-form .form {
	padding: 0 0 15px;
}
#contact-form .validation-advice {
	float: left;
}


/* FIXES
--------------------------------------------------*/
.customer-account-create #content fieldset .customer-name label {
	font-size: .75em;
}
.customer-account-create .customer-name {
	float: left;
	padding: 0 0 12px;
}

/*--------------------------------------------------

CHECKOUT CSS

FOR DISPLAY PRODUCTS AND PRODUCT DATA.

--------------------------------------------------*/

/* Basket
--------------------------------------------------*/
body.checkout-cart-index h1 {
	font-size: 1.125em;
	margin: -5px 0 13px;
}
#basket {
	background: #BEBCB7;
	padding: 1px 1px 0;
}
table.basket {	
}
table.basket th {
	color: #0A263C;
	background: #E8EFD3;
	height: 19px;
	border-right: solid 1px #C2D3E0;
	border-bottom: solid 1px #C2D3E0;
	padding: 0 10px;
}
table.basket td.t-product img {
	border: solid 1px #DCDCDC;
	margin: 1px 18px 26px;
}
table.basket td {
	border-right: solid 1px #D9DDE3;
	border-bottom: solid 1px #C5D0D3;
	padding: 12px 10px 0;
	vertical-align: top;
	background: #F8F7F5;
}
table.basket .t-remove {
	width: 78px;
}
.t-producer {
	width: 114px;
}
.t-description {
	width: 259px;
}
.t-price {
	width: 89px;
}
.t-quantity {
	width: 62px;
}
.t-delivery {
	width: 88px;
}
.t-line-total {
	width: 80px;
}
table.basket .t-line-total {
	border-right: 0;
}
table.basket a:link,
table.basket a:visited,
table.basket a:hover,
table.basket a:active {
	color: #768592;
	font-weight: bold;
}
table.basket .t-producer {
	width: 114px;
}
table.basket input {
	border: solid 1px #B6B6B6;
	width: 34px;
	padding: 2px 0;
	text-align: center;
}
.t-remove {
	text-align: center;
}
.t-price,
.t-delivery,
.t-line-total {
	text-align: right;
}
.t-delivery span {
	display: block;
	padding: 2px 0 0;
}
.t-delivery a {
	background: url(../media/images/global/support-link.gif) no-repeat 0 5px;
	padding: 0 0 0 7px;
}
.t-quantity {
	text-align: center;
}
table.basket td.t-quantity {
	padding-top: 9px;
}

/* Basket Totals
--------------------------------------------------*/
#basket-totals {
	float: right;
	text-align: right;
	background: #FBFBFB url(../media/images/canvas/basket-totals.gif) no-repeat top left;
	width: 383px;
	margin: 20px 0 0;
}
#basket-totals a {
	display: block;
	margin: 12px 20px;
}
#basket-totals table {
	width: 383px;
	margin: 7px 0 0;
}
#basket-totals th {
	font-weight: normal;
}
#basket-totals td {
	padding: 0 20px 0 0;
	width: 144px;
}
#basket-totals .content {
	background: url(../media/images/canvas/basket-totals-multiple.gif) no-repeat bottom left;
	padding: 0 0 5px;
}
/*
#basket-totals p {
	background: #FBFBFB url(../media/images/canvas/basket-totals-multiple.gif) no-repeat bottom left;
	margin: 0;
	text-align: right;
	padding: 0 20px 11px 0;
}
*/
#basket-totals a:link,
#basket-totals a:visited,
#basket-totals a:hover,
#basket-totals a:active {	
	color: #7D8B98;
}
#basket-totals p a {
	background: url(../media/images/global/support-link.gif) no-repeat 0 5px;
	padding: 0 0 0 7px;
}
#basket-totals .basket-grand-total th, 
#basket-totals .basket-grand-total td {
	font-weight: bold;
	font-size: 1.2727em;
	padding-top: 7px;
}

/* Basket Nav
--------------------------------------------------*/
ul#basket-nav {
	margin: 0;
	padding: 0 8px;
	list-style-type: none;
	float: left;
	width: 880px;
	background: #E8EFD3 url(../media/images/canvas/basket-nav.gif) repeat-x top left;
	height: 39px;
	border: solid 1px #BEBCB7;
	border-top: 0;
}
ul#basket-nav li {
	margin: 0;
	padding: 8px 0 0;
	float: left;
}
ul#basket-nav li.first-child {
	float: right;
}
ul#basket-nav button {
	float: left;
	display: block;
}

/* Basket Related
--------------------------------------------------*/
body.checkout-cart-index #related-product {
	float: left;
	margin: 20px 0 0;
}
body.checkout-cart-index #related-product {
	background-image: url(../media/images/canvas/basket-related-products.gif);
	width: 178px;
}
body.checkout-cart-index #related-product h2 {
	width: 156px;
}
body.checkout-cart-index #related-product ul {
	background-image: url(../media/images/canvas/basket-related-products-stroke.gif);
	width: 178px;
}
body.checkout-cart-index .channel-portal {
	float: left;
	margin: 7px 0 0;
	border: 0;
}
.delivery-terms,
#delivery-terms {
	width: 248px;
	border: solid 1px #BEBCB7;
	padding: 7px 10px;
	float: left;
	background: #FFF;
}
.delivery-terms p.close, 
#delivery-terms p.close {
	text-align: right;
	margin: 0 0 4px;
}
.delivery-terms p.close a, 
#delivery-terms p.close a {
	background: url(../media/images/global/support-link.gif) no-repeat 0 5px;
	padding: 0 0 0 7px;
}
.delivery-terms h5, 
#delivery-terms h5 {
	margin: 0 0 4px;
	font-size: .6875em;
}
.delivery-terms p, 
#delivery-terms p {
	margin: 0 0 4px;
}
.delivery-information {
	position: relative;
}
.delivery-terms {
	position: absolute;
	font-size: 1.4em;
	right: -1px;
	top: -6px;
	display: none;
}
/* Checkout
--------------------------------------------------*/
body.checkout {
	font-size: 1.125em;
}
ol#checkout {	
	margin: 0 0 45px;
	padding: 0;
	list-style-type: none;
	float: left;
}
ol#checkout p {
	color: #2F2F2F;
}
ol#checkout li {
	margin: 0;
	padding: 0;
	width: 648px;
	float: left;
	clear: both;
	border: solid 1px #D9DDE3;
	border-top-color: #FFF;
	border-bottom: 0;
	color: #2F2F2F;
}
ol#checkout li li {
	border: 0;
	width: auto;
	float: none;
	background: none;
}
ol#checkout li.active {
	border: solid 1px #A3AEB3;

	width: 648px;
}
ol#checkout li#checkout-review.active {
	bsorder-bottom: solid 1px #A3AEB3;
}
ol#checkout li.visited {
	border: 0;
	width: 650px;
}
ol#checkout h3 {
	background: #EEE url(../media/images/canvas/checkout-nav-header.gif) repeat-x bottom left;;
	margin: 0;
	padding: 5px 0 7px 0;
	color: #999;
	font-size: 1.0909em;
}
ol#checkout li.active h3 {
	background: #E8EFD3;
	margin: 0;
	padding: 5px 0 7px 0;
	border-bottom: solid 1px #A3AEB3;
}
ol#checkout li.visited h3 {
	border: solid 1px #A3AEB3;
	border-bottom: 0;
	background: #D0DCE1;
}
ol#checkout li.visited a {
	color: #A4B3B9;
}
ol#checkout h3 span {
	margin: 0 8px;
	padding: 0 5px 1px;
	color: #999;
	background: #FFF;
}
ol#checkout li.active h3 span {
	color: #FFF;
	background: #909EAA;
}
ol#checkout li.visited h3 span {	
	background: #DBE6EB;
	color: #A4B3B9;
}
ol#checkout .content {
	padding: 16px 20px;
	background: #FBFAF6 url(../media/images/canvas/checkout-content.gif) repeat-x;
	float: left;
	width: 608px;	
	display: none;
	position: relative;
}
ol#checkout li.active .content {
	display: block;
}
ol#checkout .section {
	float: left;
	margin: 0 20px 0 0;
	display: inline;
}	
ol#checkout #checkout-method-register {
	width: 311px;
}
ol#checkout #checkout-method-login {
	width: 277px;
	margin-right: 0;
}
a#password-reminder {
	float: left;
	background: url(../media/images/global/link.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
	margin: 4px 0 0;
}
a#password-reminder:link,
a#password-reminder:visited,
a#password-reminder:active {
	text-decoration: underline;
}
a#password-reminder:hover {
	text-decoration: none;
}
ol#checkout li#checkout-login input.submit, 
ol#checkout li#checkout-method input.submit {
	margin: 0;
}
li#checkout-login fieldset,
li#checkout-method fieldset {
	height: 211px;
}
ol#checkout h4 {
	border-bottom: solid 1px #E4E4E4;
	text-transform: uppercase;
	font-size: 1.0909em;
	margin: 0 0 7px;
	padding: 0 0 3px;
	color: #0A263C;
}
ol#checkout ul {
	list-style-type: disc;
}
ol#checkout li li {
	width: auto;
	float: none;
	clear: none;
}
ol#checkout ul.form li {	
	width: 312px;
}
ol#checkout ul.form label {
	width: 292px;
}
#checkout span.label,
#checkout .input label {
	display: block;
	float: left;	
	margin: 0 0 2px;
	white-space: nowrap; /*@ WIE6 : Text wrap */
}
#checkout div.input {
	min-height: 47px;
}
* html #checkout div.input {
	height: 47px;
}
#checkout .input ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#billing-customer-name li {
	margin: 0;
	padding: 0;
	float: left;
}
#checkout .input textarea,
#checkout .input input,
#checkout .input select {
	clear: left;
	display: block;
	margin: 0 0 2px;
}
#customer-form-first-name,
#billing-company,
#billing-city,
#billing-post-code,
#billing-telephone,
#billing-password,
#gift-message-from,
#payment-card-expiry,
#payment-card-number,
#payment-card-type,
#payment-card-name,
#payment-card-ccv {
	float: left;
	clear: left;
	width: 256px;
}
#billing-last-name,
#register-form-last-name,
#billing-email,
#billing-county,
#billing-country,
#billing-fax,
#billing-confirm-password,
#gift-message-to {
	float: right;
	width: 332px;
}
#billing-address-1,
#billing-address-2,
#gift-message-content {
	float: left;
	clear: left;
	width: 608px;
}
#billing-address-1 input,
#billing-address-2 input,
#gift-message-content textarea {
	width: 521px;
}
ol#checkout input.submit {
	margin: 50px 0 0;
	float: right;
}
ol#checkout p.required {
	color: #F00;
	background: url(../media/images/global/required.gif) no-repeat 0 2px;
	padding: 0 0 0 11px;
	position: absolute;
	bottom: 47px;
	right: 21px;
	margin: 0;
}

/* gift-confirmation
-------------------------*/
ol#checkout p.input,
ol#checkout ul.input {
	float: left;
	clear: both;
	border-bottom: solid 1px #E4E4E4;
	width: 608px;
	padding: 0 0 11px 0;
}
ol#checkout p.input input {
	margin: 0 5px 0 0;
}
ol#checkout ul.input li {
	clear: none;
	margin: 0 21px 0 0;
}
ol#checkout ul.input input {
	margin: 0 3px 0 0;
	float: left;
	display: inline;
}
ol#checkout ul.input label {
	display: inline;
}

/* gift-confirmation
-------------------------*/
li#checkout-shipping_method .content,
li#gift-options .content {
	padding-right: 0;
	padding-left: 0;
	width: 648px;
}
fieldset#gift-confirmation {
	background: #FAF7EE;
	float: left;
	width: 648px;
	font-weight: bold;
}
ol#checkout fieldset#gift-confirmation p {
	padding: 0 20px 1.2727em;
	margin: 0;
	width: 608px;
}
ol#checkout fieldset#gift-confirmation p.input {
	font-weight: normal;
	border: 0;
}
fieldset#gift-confirmation p.input label {
	font-weight: normal;
}
fieldset#gift-message {
	clear: both;
	padding: 25px 20px 56px;
	width: 608px;
	border-top: solid 1px #E9E4DE;
	border-bottom: solid 1px #E9E4DE;
	background: #F6F1EB;
} 
fieldset#gift-message p strong {
	display: block;
}
li#checkout-shipping_method input.submit,
li#gift-options input.submit {
	margin: 24px 20px 0 0;
}
ol#checkout a.previous {
	margin: 24px 0 0 20px;
}
a.previous {
	padding: 2px 0 0 15px;
	background: url(../media/images/global/checkout-previous.gif) no-repeat 0 2px;
	float: left;
}
a.previous:link,
a.previous:visited,
a.previous:hover,
a.previous:active {
	color: #909EAA;
	text-decoration: underline;
}
a.previous:hover {
	text-decoration: none;
}


/* payment-method
-------------------------*/
fieldset#payment-method-selection p.input {
	border: 0;
	padding: 0 0 10px;
	margin: 0;
}
fieldset#payment-method-selection p.input input {
	margin: 0;
}
fieldset#payment-method-selection p.input label {
	float: right;
	width: 588px;
}
#payment-method-help {
	float: right;
	width: 339px;
	position: absolute;
	top: 59px;
	right: 20px;
}
* html #payment-method-help {
	width: 345px;
}
#payment-method-help p {
	float: left;
	margin-top: 3px;
	margin: 0;
}
#payment-method-help ul.credit-card-types {
	float: left;
}
#payment-card-expiry ul.date {
	clear: left;
}
fieldset#payment-method-details {
	padding: 0 0 0 20px;
}
fieldset#payment-method-details input {
	width: 226px;
}
fieldset#payment-method-details select {
	width: 236px;
}
fieldset#payment-method-details #payment-card-ccv input {
	width: 111px;
}
li#checkout-payment input.submit,
li#payment-method input.submit {
	margin-top: 29px;
}
li#payment-method a.previous {
	margin-top: 27px;
}

/* credit-card-types
-------------------------*/
#content ul.credit-card-types {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 23px;
}
#content ul.credit-card-types li {
	margin: 0 0 0 6px;
	background: url(../media/images/global/credit-cards.gif) no-repeat;
	overflow: hidden;
	height /**/: 23px;
	height: 0 !important;
	padding: 23px 0 0;
	float: left;
}
#content ul.credit-card-types li.visa {
	background-position: 0 0;
	width: 44px;
}
#content ul.credit-card-types li.mastercard {
	background-position: 0 -23px;
	width: 37px;
}
#content ul.credit-card-types li.maestro {
	background-position: 0 -46px;
	width: 36px;
}
#content ul.credit-card-types li.amex {
	background-position: 0 -69px;
	width: 23px;
}
#security-certificate {
	text-align: right;
	clear: both;
	float: left;
	width: 339px;
	margin: 16px 0 0;
}

/* checkout-review
-------------------------*/
li#checkout-review .content {
	padding: 0;
	width: 648px;
}
#checkout-review table {
	width: 648px;
	font-size: 1em;
}
#checkout-review thead th {
	padding: 5px 9px 3px;
	border-right: solid 1px #C2D3E0;
	color: #0A263C;
	background: #D9E5EE url(../media/images/canvas/checkout-review-header.gif) repeat-x bottom left;
}
#checkout-review tbody td {
	border-right: solid 1px #D9DDE3;
	border-bottom: solid 1px #D9DDE3;
	background: #F8F7F5;
	padding: 6px 9px 6px;
	color: #2F2F2F;
}
#checkout-review tr.sub-total {
	background: #DEE5E8 url(../media/images/canvas/checkout-review-footer.gif) repeat-x;
}
#checkout-review tfoot tr {
	background: #DEE5E8;
	color: #2F2F2F;
}
#checkout-review tfoot th {
	text-align: right;
	font-weight: normal;
	border-right: solid 1px #D9DDE3;
	padding: 3px 6px;
}
#checkout-review tfoot td {
	text-align: right;
	padding: 3px 9px;
}
#checkout-review td.t-product {
	font-weight: bold;
}
#checkout-review tr.grand-total th {
	font-weight: bold;
}
#checkout-review .t-price {
	text-align: center;
}
p#return-to-basket {
	margin: 27px 0 0 20px;
	float: left;
	clear: left;
}
p#return-to-basket a:link,
p#return-to-basket a:visited,
p#return-to-basket a:hover,
p#return-to-basket a:active {
	color: #909EAA;
	text-decoration: underline;
}
p#return-to-basket a:hover {
	text-decoration: none;
}
li#checkout-review input.submit {
	margin: 20px 20px 20px 0;
}


/* checkout-confirmation
--------------------------------------------------*/
body.checkout-onepage-success h1,
body#checkout-confirmation-page h1 {
	margin: 0 0 24px;
	font-size: 1.125em;
}
#order-confirmation-number {
	height: 48px;
	background: url(../media/images/canvas/order-confirmation-number.gif) repeat-x;
	font-size: 1.6363em;
	line-height: 48px;
	float: left;
	width: 666px;
	margin: 0 0 14px;
}
#order-confirmation-number p {
	line-height: 48px;
	float: left;
	margin: 0;
}
#order-confirmation-number em {
	color: #B3CA6C;
	font-style: normal;
}
#order-confirmation-number a {
	margin: 11px 0 0;
	display: block;
	float: right;
	width: 121px;
	height: 0 !important;
	height /**/: 24px;
	padding: 24px 0 0 0;
	overflow: hidden;
	background: url(../media/images/buttons/confirmation-continue.gif);
}
.checkout-onepage-success #content a:link,
.checkout-onepage-success #content a:visited,
.checkout-onepage-success #content a:hover,
.checkout-onepage-success #content a:active,
body#checkout-confirmation-page #content a:link,
body#checkout-confirmation-page #content a:visited,
body#checkout-confirmation-page #content a:hover,
body#checkout-confirmation-page #content a:active {
	color: #768592;
	text-decoration: underline;
}
.checkout-onepage-success a:hover,
body#checkout-confirmation-page a:hover {
	color: #768592;
	text-decoration: none;
}
.checkout-onepage-success .portal,
body#checkout-confirmation-page .portal {
	margin: 0 0 20px 25px;
	float: right;
}
.portal p {
	font-size: 0.5em; /* 8px / 16px */
	text-transform: uppercase;
}

/* checkout-nav
--------------------------------------------------*/
#checkout-nav {
	float: right;
	width: 228px;
}
#checkout-nav ol {
	margin: 0;
	padding: 0 0 14px;
	list-style-type: none;
	float: left;
}
#checkout-nav li {
	margin: 0 0 6px;
	padding: 0;
	float: left;
	clear: left;
	border: solid 1px #A3AEB3;
	background: #EEE;
	width: 226px;
}
#checkout-nav h4 {
	font-size: .75em;
	text-transform: uppercase;
	margin: 0 0 4px;
	width: 120px;
}
#checkout-nav .content {
	padding: 10px 14px;
	float: left;
	width: 198px;
	position: absolute;
	left: -999em;
	color: #2F2F2F;
}
#checkout-nav p {
	margin: 0;
}
#checkout-nav li.active .content {
	position: static;
}
#checkout-nav h5 {
	font-size: 1.0909em;
	margin: 0;
	padding: 3px 9px;
	color: #999;
}
#checkout-nav li.active h5 {
	background: #D0DCE1;
	border-bottom: solid 1px #A3AEB3;
	color: #000;
}
#checkout-nav h5 a {
	background: url(../media/images/canvas/checkout-nav-stroke.gif) no-repeat 0 2px;
	padding: 0 0 0 12px;
	margin: 0 0 0 6px;
}
#checkout-nav h5 a:link,
#checkout-nav h5 a:visited,
#checkout-nav h5 a:hover,
#checkout-nav h5 a:active {
	color: #909EAA;
	text-decoration: underline;
}
#checkout-nav h5 a:hover {
	text-decoration: none;
}
#checkout-nav dl {
	margin: 0;
}
#checkout-nav dt {
	float: left;
	clear: left;
	margin: 0 5px 0 0;
}
#checkout-nav dl.address dt {
	width: 12px;
}
#checkout-nav dt.postal {
	position: absolute;
	left: -999em;
}


/* order-print-page
--------------------------------------------------*/
body#order-print-page #content {
	clear: both;
}
body#order-print-page .section {
	float: left;
	width: 344px;
}
body#order-print-page #checkout-review {
	clear: both;
}
body#order-print-page #content 
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.0625em;
}
body#order-print-page p#order-date {
	background: url(../media/images/canvas/order-print-stroke.gif) no-repeat bottom left;
	padding: 0 0 13px;
	margin: 0 0 11px;
	clear: left;
}
body#order-print-page h2 {
	font-size: .75em;
	margin: 0 0 7px;
}
body#order-print-page dl {
	margin: 0 0 25px;
}
body#order-print-page dl.address dt {
	float: left;
	width: 12px;
}
body#order-print-page dt.postal {
	position: absolute;
	left: -999em;
}
body#order-print-page #order-details {
	float: left;
	clear: both;
	width: 688px;
}
body#order-print-page .section {
	font-size: 1.0909em; /* 12px / 11px */
}
body#order-print-page #checkout-review {
	margin: 50px 0 0;
	width: 688px;
}	
body#order-print-page #checkout-review h2 {
	margin: 0 0 13px;
}
body#order-print-page #checkout-review table {
	font-size: .75em; /* 12px / 11px */
	border: solid 1px #BEBCB7;
	width: 100%;
}
body#order-print-page #footer {
	text-align: right;
}


/* Magento Bridge
--------------------------------------------------*/
#checkout-nav address {
	line-height: 1.4em;
}
ol#checkout ul.shipping-method-rates {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ol#checkout ul.shipping-method-rates li {
	margin: 0 0 0 14px;
	padding: 0;
}
.shipment-methods {
	padding: 0 0 7px 0;
}
.shipment-methods dt {
	font-weight: bold;
	padding: 0 0 6px 14px;
}
.opc-please-wait {
	float: right;
	margin: 54px 0 0;
	padding: 0 10px 0;
	font-weight: bold;
}
.opc-please-wait img {
	margin: 0 5px 0 0;
}
#shipping_method-please-wait {
	margin: 26px 0 0;
}

#checkout-step-payment .opc-please-wait {
	margin: 32px 0 0;
}

ol#checkout s.shipping-method-rates input {
	float: left;
	margin: 0 5px 0 0;
}
ol#checkout .shipping-method-rates ul  {
	list-style: none;
	margin: 0;
	padding: 0 0 7px;
}	


ol#checkout .shipping-method-rates strong {
	padding: 7px 0 7px 0;
	clear: both;
	border-bottom: 1px solid #A3AEB3;
	text-align: right;
	display: block;
	width: 500px;
}



#checkout-nav .content ul {
	list-style: none;
	margin: 7px 0 0;
	border-top: 1px solid #A3AEB3;
	border-bottom: 1px solid #A3AEB3;
	float: left;
}
#checkout-nav .content ul li {
	margin: 0;
	padding: 4px 0;
}
#checkout-nav .content span.price {
	clear: left;
	display: block;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #A3AEB3;
	padding: 4px 0;
}
#checkout-nav .content span.name {
	float: left;
	width: auto;
}
#checkout-nav .content span.cost {
	float: right;
}
#checkout-nav .content span.tier {
	display: none;
}
#checkout-nav .content li {
	border: 0;
	width: 198px;
}
#checkout-nav .content .name {
	font-weight: bold;
	display: block;
}
.shipping-method-rates input {
	float: left;
	margin: 0 10px 0 0;
}
.shipping-method-rates ul.supplier-delivery-costs {
	float: left;
	border-top: 1px solid #A3AEB3;
	border-bottom: 1px solid #A3AEB3;
	display: block;
	width: 500px;
}
ol#checkout .shipping-method-rates ul.supplier-delivery-costs li {
	padding: 7px 0;
}
.supplier-delivery-costs .name {
	display: inline-block;
	font-weight: bold;
	width: 248px;
}
.supplier-delivery-costs .tier {
	display: inline-block;
	width: 170px;
}
.supplier-delivery-costs .cost {
	display: inline-block;
	width: 60px;
	text-align: right;
}
.supplier-tiers {
	float: left;
	width: 590px;
}


ol#checkout .basket-supplier-shipping .supplier-delivery-costs {
	font-size: 1em;
	list-style: none;
	margin: 7px 0;
}
ol#checkout .basket-supplier-shipping .supplier-delivery-costs span {
	display: inline;
	width: auto;
}
.basket-supplier-shipping .supplier-delivery-costs {
	font-size: 1.4em;
	list-style: none;
	margin: 12px 0 7px;
}

.checkout-agreements {
	list-style: none;
	margin: 0;
	padding: 12px 10px 0;
}
.checkout-agreements p {
	padding: 7px 0 0;
}
.agreement-content a:link,
.agreement-content a:visited,
.agreement-content a:active {
	color: #909EAA;
	text-decoration: underline;
}
.agreement-content a:hover {
	color: #909EAA;
	text-decoration: none;
}


#checkout-step-review #review-please-wait {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0 0 12px;
}


#producer-directory-detail .supplier-background {
	display: block;
}