@charset "utf-8";

/*********************************/
/* override the usual annoyances */
/*********************************/
ul,ol,li,table,th,td,h1,h2,h3,h4,form,fieldset,p,body,img,button {
	margin:0px;
	padding:0px;
	border:0 none;
}
input,textarea {
	margin: 0;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
button {
	font-size:1em;
	cursor: pointer;
}
button:focus,button:active {
	outline:1px dotted; /* reinstate the outline that margin+padding:0 killed */
}
select,option {
	font-size: 1em;
}


/****************/
/* Custom fonts */
/****************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 23, 2012 */
@font-face {
    font-family: 'CalvertMTStdRegular';
    src: url('calvertmtstd-webfont.eot');
    src: url('calvertmtstd-webfont.eot#iefix') format('embedded-opentype'),
         url('calvertmtstd-webfont.woff') format('woff'),
         url('calvertmtstd-webfont.ttf') format('truetype'),
         url('calvertmtstd-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************/
/* commonly-used styles */
/************************/
body {
	/* don't set line-height on body because the calculated value is then applied to EVERY element, regardless of the text size in the element. */
	font-size:0.75em; /* 12px, typically */
	background:#ffffff;
}
body,input,button,select {
	font-family: Arial,Helvetica,sans-serif; /* http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml */
	color:#283d47;
}
.clear {
	clear:both;
}
.clear,.block {
	display:block;
}
.left {
	float:left;
	display: block;
}
.right {
	float:right;
	display: block;
}
.debug {
	border:2px solid magenta;
	background-color: white;
	color:magenta;
	font-weight:bold;
	font-size:1.2em;
}
.notify,.warning,
#content .notify,#content .warning,
.form .notify,.form .warning {
	border:1px solid #76bbc4;
	margin-bottom: 14px;
	padding: 9px 9px 9px 43px;
	background: #e4f1f3 url('../images/icon-notify.png') no-repeat 9px 6px;
	font-weight: bold;
	font-size: 1.167em;
}
.warning,
#content .warning,
.form .warning {
	border:1px solid #c1272c;
	background: #ffcacc url('../images/icon-warning.png') no-repeat 9px 6px;
}
.warning-inline {
	font-weight: bold;
	color: red;
	padding-left: 10px;
}
.required {
	color:#ED5D67;
	font-weight: normal;
	font-style: italic;
}
.note {
	font-style: italic;
}
h1,h2 {
	font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 18px;
}
a,.a {
	color: #ed5d67;/* pink */
}
a:hover {
	color:#76bbc4; /* pale blue */
}
h2 a,h3 a {
	text-decoration: none;
}
#content p {
	padding-bottom: 10px;
	line-height: 1.5em;
}
#content p:last-child {
	padding-bottom: 0;
}
.equivalent {
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: help;
}
.label {
	font-weight: bold;
}
.price,.qty {
	color: #ed5d67;	
}
/* standard button */
button,.button {
	display: inline-block;
	padding: 6px 9px 4px 9px;
	position: relative;
	font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;	
	font-weight: bold;
	font-size: 1.333em;
	color: #283d47;
	text-decoration: none;
	background: #badde1;
	background: -webkit-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	background:    -moz-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	background:     -ms-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	background:      -o-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	background:        -linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	border-radius: 5px;
}
button:hover,.button:hover,a:hover .button {
	color: #283d47;
	background: #f9c6bc;
	background: -webkit-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
	background:    -moz-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
	background:     -ms-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
	background:      -o-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
	background:        -linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
}
button.arrow,.button.arrow {
		padding-right: 30px;
}
button .arrow,.button .arrow {
	display: block;
	position: absolute;
	right:9px;
	top: 32%;
	width: 12px;
	height: 11px;
	background: url('../images/arrow-right.png') no-repeat;
}

/* product (etc) grids */
.grid {
	padding: 16px 11px 17px;
}
.grid li,.nobullet .grid li {
	width: 203px;
	padding-left: 40px;
}
.grid li.first {
	padding-left:0;
}
.grid a {
	display: block;
	text-decoration: none;
	font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;	
}
.grid h2,.grid h3 {
	color: #283D47;
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: 0;
}
.grid .price {
	margin-top: -4px;
	font-size: 1.333em;
}
#content .grid .price {
	padding-bottom: 0;
}
.grid img {
	display: block;
	width: 201px;
	height: 201px;
	border: 1px solid #939ea3;
	margin: 10px 0 15px;
}
.grid .p {
	padding-bottom: 18px;
	font-family: Arial,Helvetica,sans-serif;	
	color: #283d47;
}
/*.grid a:hover h2,.grid a:hover h3,.grid a:hover .price,.grid a:hover .p {
	color: #ed5d67;
}*/
.grid a:hover {
	opacity: 0.8;
}
#featured-products .grid a:hover {
	opacity: 0.7;
}
.grid .button {
	width: 185px;
}
.grid-multiline.first,#featured-products .grid-multiline {
	width: 711px;
	border-top: 1px solid #76bbc4;	
}

/* standard lists */
.list li {
	padding-bottom: 24px;
}
.list h2 {
	padding-bottom: 8px;
}


/*******************************/
/* horizontal unbulleted lists */
/*******************************/
.inline-list {
	display:inline;
}
.inline-list li {
	list-style:none;
	display:inline;
}
.inline-list form,.inline-list fieldset {
	display:inline;
}
.inline-list-reset li,.inline-list-reset form,.inline-list-reset fieldset {
	display:block;
}
/***********************************************************/
/* horizontal unbulleted lists WITH BLOCK ELEMENTS IN THEM */ /* can't use display:inline */
/***********************************************************/
.inline-list-block {
	float: left;
}
.inline-list-block.right {
	float: right;
}
.inline-list-block li {
	list-style:none;
	float:left;
}
.inline-list-block-reset {
	float: none;
}
.inline-list-block-reset li {
	float:none;
}
/*****************************/
/* vertical unbulleted lists */
/*****************************/
.nobullet {
	padding: 0;
}
.nobullet li {
	list-style:none!important;
	padding-left: 0;
}
.nobullet-reset {
	padding-left: 20px!important;
}
.nobullet-reset li {
	list-style:disc!important;
}


/****************************************************************/
/* positioning + sizing (incl. padding) of main layout elements */
/****************************************************************/
#top {
	display: block;
	height: 0;
}
#header,#content-holder,#footer,#subfooter {
	width: 954px;
	margin: 0 auto;
}
#menu-holder {
	float: left;
	width: 225px;
	padding-bottom: 55px;
}
#content {
	float: left;
	width: 729px;
}
#content-content {
	float: left;
	width: 711px;
	padding: 13px 0 55px 18px;
}
#logo {
	width: 225px;
}
#header-right {
	float: right;
	width: 729px;
	padding: 26px 0 0 0;
}
#header-left {
	float: left;
	width: 428px;
	padding: 7px 7px 0 38px;
}
#minicart-holder {
	width: 224px;
}
#main-menu-holder {
	float: left;
}
	
/*************/
/* behaviour */
/*************/
#minicart-flyout-holder {
	position: relative;
}
#minicart-flyout {
	display: none;
	position: absolute;
	top:-1px;
	right:-1px;
	z-index: 5; /* minicart flyout in front of the menu */
	width: 226px;
}
#minicart-holder-holder {
	padding: 0 0 30px 30px; /* makes it less easy to exit the flyout, causing it to close, when overshooting the "View basket" button */
}

/* megamenus */
#main-menu-holder {
	position: relative;
}
#main-menu div {
	position: absolute;
	left:0;
	top:34px;
	display: none;
	z-index: 4; /* megamenu to be in front of slider and its controls */
}
#main-menu ul ul {
	position: static;
	display: block;
}
#main-menu li li {
	position: static;
}

/************************************/
/* colours, font sizes, backgrounds */
/************************************/
	#header-holder {
		background: #e4f1f3;
		border-bottom: 1px solid #283d47;
	}
	
	/* header */
	#strapline {
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 2.167em;
		text-shadow: #ffffff 2px 2px 0;
	}
	#header-left .menu {
		margin-top: 54px;
	}
	#header-left .menu a {
		display: block;
		padding: 5px 15px;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-size: 1.333em;
		font-weight: bold;
		color: #283d47;
		text-decoration: none;
		border-left: 1px dashed #76bbc4;
	}
	#header-left .menu a:hover {
		color: #ED5D67;
	}
	#header-left .menu .first a {
		border-left: none;
		padding-left: 0;
	}
	#header-left .menu .final a {
		padding-right: 0;
	}
	#minicart-holder {
		background: #ffffff;
		border: 1px dashed #9fcfd6;
	}
	#minicart, #minicart-content {
		color: #939ea3;
	}
	#minicart h2,#minicart-holder h2 {
		border-bottom: 1px solid #e4f1f3;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 1.333em;
		background: url('../images/icon-cart.png') no-repeat 191px 5px;
	}
	#minicart-content h2 {
		color: #283d47;
		padding-bottom: 11px;
	}
	#minicart-holder h2 {
		color: #76bbc4;
		padding: 8px 33px 7px 12px;
	}
	#minicart p,#minicart-content p {
		padding: 8px 12px 7px 12px;
	}
	#minicart .button,#minicart-content .button {
		width: 191px;
		text-align: center;
		padding: 6px 5px 4px 4px;
		font-size: 1.25em;
	}
	#minicart-content {
		background: #ffffff;
		padding: 8px 11px 15px 11px;
	}
	#minicart-flyout #minicart-content {
		padding: 0;
	}
	#minicart-flyout #minicart-content .summary {
		padding: 0 0 11px 0;
	}
	#minicart-flyout #minicart-content {
		border: 1px dashed #9FCFD6;
		border-top: 1px solid #ffffff;
	}
	#minicart-content .cart,#minicart-content .summary {
		border-top: 1px dashed #9fcfd6;
	}
	#minicart-flyout #minicart-content .cart,#minicart-flyout #minicart-content .summary {
		width: 200px;
		margin: 0 12px;
	}
	#minicart-flyout #minicart-content .cart {
		margin-top: 10px;
	}
	#minicart-content .cart li {
		border-top: 1px dashed #9fcfd6;
		padding: 16px 0 11px;
	}
	#minicart-content .cart li.first {
		border-top: none;
	}
	#minicart-content .cart .image {
		width: 77px;
	}
	#minicart-content .cart .image img {
		display: block;
	}
	#minicart-content .cart h3,#minicart-content .cart .h3 {
		width: 152px;
	}
	#minicart-flyout .cart h3 {
		padding-left: 15px;
	}
	#minicart-content .cart .h3 {
		padding-left: 24px;
	}
	#minicart-flyout .cart h3 {
		width: 108px;
	}
	#minicart-content .cart h3 a,#minicart-content .cart h3 .a {
		color: #283D47;
	}
	#minicart-content .cart h3 a:hover,#minicart-content .cart h3 .a {
		color: #ED5D67;
	}
	#minicart-content .price-holder,#minicart-content .qty-holder {
		padding-top: 4px;
	}
	#minicart-content .label {
		font-weight: normal;
	}
	#minicart-content .cart .label,#minicart-content .total .label {
		float: left;
		width: 66px;
	}
	#minicart-content .delivery,#minicart-content .total {
		padding: 10px 0 12px;
	}
	#minicart-content .delivery {
		border-bottom: 1px dashed #9fcfd6;
	}
	#minicart-content .delivery .label,#minicart-content .total .label {
		width: 160px;
		padding-right: 6px;
	}
	#minicart-content .delivery .price {
		float: left;
	}
	#minicart-flyout .delivery .price {
		float: right;
	}
	#minicart-content .total {
		font-weight: bold;
	}
	#minicart-content .total .label {
		color: #283d47;
		font-weight: bold;
	}
	#minicart-flyout .total .label {
		width: 60px;
	}
	
	/* "shop by..." menu */
	#main-menu-holder {
		background: #76bbc4;
		padding: 0 12px 0 18px;
	}
	#main-menu-holder h2 {
		float: left;
		width: 138px;
		padding: 11px 0 0 0;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 1.333em;
		text-shadow: #ffffff 1px 1px 0;
	}
	#main-menu li {
		padding: 5px 7px 5px 6px;
	}
	#main-menu a {
		display: block;
		width: 145px;
		padding: 6px 20px 4px 9px;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 1.333em;
		color: #283d47;
		text-decoration: none;
		background: #ffffff url('../images/arrow-down.png') no-repeat 153px center;
		background: url('../images/arrow-down.png') no-repeat 153px center, -webkit-linear-gradient(top, #ffffff, #ffffff 43%,#edf6fc 57%,#edf6fc);
		background: url('../images/arrow-down.png') no-repeat 153px center,    -moz-linear-gradient(top, #ffffff, #ffffff 43%,#edf6fc 57%,#edf6fc);
		background: url('../images/arrow-down.png') no-repeat 153px center,     -ms-linear-gradient(top, #ffffff, #ffffff 43%,#edf6fc 57%,#edf6fc);
		background: url('../images/arrow-down.png') no-repeat 153px center,      -o-linear-gradient(top, #ffffff, #ffffff 43%,#edf6fc 57%,#edf6fc);
		background: url('../images/arrow-down.png') no-repeat 153px center,        -linear-gradient(top, #ffffff, #ffffff 43%,#edf6fc 57%,#edf6fc);
		border-radius: 5px;
	}
	#main-menu .over a {
		background-color: #f9c6bc;
		background: url('../images/arrow-down.png') no-repeat 153px center, -webkit-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
		background: url('../images/arrow-down.png') no-repeat 153px center,    -moz-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
		background: url('../images/arrow-down.png') no-repeat 153px center,     -ms-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
		background: url('../images/arrow-down.png') no-repeat 153px center,      -o-linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
		background: url('../images/arrow-down.png') no-repeat 153px center,         linear-gradient(top, #f9c6bc, #f9c6bc 43%,#f7afa1 57%,#f7afa1);
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	#main-menu div {
		width: 709px;
		padding: 10px;
		background: #f7afa1;
	}
	#main-menu ul {
		width: 709px;
		background: #ffffff;
		background: -webkit-linear-gradient(bottom, #edf6fc, #ffffff 16px);
		background:    -moz-linear-gradient(bottom, #edf6fc, #ffffff 16px);
		background:     -ms-linear-gradient(bottom, #edf6fc, #ffffff 16px);
		background:      -o-linear-gradient(bottom, #edf6fc, #ffffff 16px);
		background:         linear-gradient(bottom, #edf6fc, #ffffff 16px);
	}
	#main-menu ul li,#main-menu ul ul,#main-menu ul a,#main-menu .over ul a {
		padding: 0;
	}
	#main-menu ul li {
		width: 225px;
		padding: 16px 0 27px 17px;
	}
	#main-menu ul li.first {
		padding-left: 0;
	}
	#main-menu ul ul {
		width: 225px;
		background: none;
	}
	#main-menu ul ul li {
		width: 208px;
		padding: 0;
	}
	#main-menu ul a,#main-menu .over ul a {
		width: 165px;
		padding: 4px 0 4px 43px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.167em;
		background: #ffffff url('../images/arrow-right-pale.png') no-repeat 16px 7px;
	}
	#main-menu ul a:hover {
		color: #ED5D67;
	}
	#main-menu img {
		display: block;
		margin-top: 17px;
	}
	
	/* left-hand menu */
	#menu {
		background: #283d47;
		margin-bottom: 11px;
	}
	#your-local-fishmonger-online {
		display: block;
		width: 190px;
		height: 17px;
		padding: 12px 22px 11px 13px;
		border-bottom: 1px solid #ffffff;
		background: url('../images/your-local-fishmonger-online.png') no-repeat 13px 12px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#menu ul {
		padding: 0 8px;
	}
	#menu a {
		display: block;
		padding: 10px 0 9px 5px;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-size: 1.333em;
		color: #bceefa;
		text-decoration: none;
		border-top: 1px solid #738187;
	}
	#menu .first a {
		border-top: none;
	}
	#menu a:hover {
		color: #ffffff;
	}
	
	/* left panels */
	#panels li {
		margin-bottom: 11px;
	}
	#panels a,#panels img {
		display: block;
	}
	#panels .social {
		background: #283d47;
		border: 3px solid #53646c;
		padding: 13px 12px 12px;
	}
	#panels .social h2 {
		font-size: 1.333em;
		color: #ffffff;
		text-shadow: #53646c 1px 1px 0;
		padding-bottom: 11px;
	}
	#panels .social h2 span {
		display: block;
		color: #76bbc4;
	}
	#panels .social li {
		padding-left: 5px;
		margin-bottom: 0;
	}
	#panels .social li.first {
		padding-left: 0;
	}
	#panels .social a {
		height: 25px;
		width: 25px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#payments {
		padding: 5px 0;
	}
	
	/* hero */
	#hero {
		margin-bottom: 25px;
	}
	
	.intro {
		padding-bottom: 32px;
	}
	
	
	/* featured products on homepage */
	#featured-products h2 {
		float: left;
	}
	.controls {
		float: right;
	}
	.controls .button {
		font-size: 0.75em;
		font-weight: bold;
		padding: 3px 6px 2px 5px;
		margin-left: 2px ;
		border-radius: 3px;
	}
	.controls .button:hover,.controls .button.current {
		background: #f7afa1;
		background: -webkit-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:    -moz-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:     -ms-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:      -o-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:        -linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		color: #283D47;
	}
	.controls .button.prev, .controls .button.next {
		width: 15px;
		text-indent: -9999px;
	}
	.controls .button, .controls .button {
		overflow: hidden; /* needs to be applied to all the buttons, not just those with text-replacement, as it affects vertical positioning */
	}
	.controls .button.prev,.controls .button.next {
		padding: 3px 0 2px 1px;
	}
	.controls .button.prev {
		background: #badde1 url('../images/button-prev.png') no-repeat center center;
		background: url('../images/button-prev.png') no-repeat center center,	-webkit-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-prev.png') no-repeat center center,    -moz-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-prev.png') no-repeat center center,	    -ms-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-prev.png') no-repeat center center,	     -o-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-prev.png') no-repeat center center,	       -linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	}
	.controls .button.next {
		background: #badde1 url('../images/button-next.png') no-repeat center center;
		background: url('../images/button-next.png') no-repeat center center,	-webkit-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-next.png') no-repeat center center,    -moz-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-next.png') no-repeat center center,	    -ms-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-next.png') no-repeat center center,	     -o-linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
		background: url('../images/button-next.png') no-repeat center center,	       -linear-gradient(top, #badde1, #badde1 43%,#9fcfd6 57%,#9fcfd6);
	}
	.controls .button.prev:hover {
		background: #f7afa1 url('../images/button-prev.png') no-repeat center center;
		background: url('../images/button-prev.png') no-repeat center center,	-webkit-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-prev.png') no-repeat center center,    -moz-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-prev.png') no-repeat center center,	    -ms-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-prev.png') no-repeat center center,	     -o-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-prev.png') no-repeat center center,	       -linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
	}
	.controls .button.next:hover {
		background: #f7afa1 url('../images/button-next.png') no-repeat center center;
		background: url('../images/button-next.png') no-repeat center center,	-webkit-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-next.png') no-repeat center center,    -moz-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-next.png') no-repeat center center,	    -ms-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-next.png') no-repeat center center,	     -o-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/button-next.png') no-repeat center center,	       -linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
	}
	#featured-products-border {
		float: left;
		border-top: 1px solid #ebfafd;
		padding-bottom: 20px;
	}
	#featured-products-carousel {
		float: left;
		background: #ebfafd;
	}
	#featured-products .grid-multiline {
		width: 711px; /* without this, an undersized remainder causes the carousel to use a small width for all "pages" */
	}
	#featured-products .grid {
	}
	#featured-products h2 {
		padding-bottom: 5px;
	}
	
	/* signposts on homepage */
	#signposts h2,#assoc-products h2 {
		padding-bottom: 5px;
	}
	#signposts h3 {
		padding-bottom: 11px;
	}
	
	/* footer */
	#footer-top {
		height: 8px;
		padding-bottom: 6px;
		background: #283d47 url('../images/footer-top-bg.png') repeat-x center top;
	}
	#footer-holder {
		background: #283d47;
		color: #bceefa;
		border-top: 2px solid #ffffff;
	}
	#footer {
		padding-bottom: 62px;
	}
	#footer h2 {
		color: #ffffff;
		padding-bottom: 14px;
		height: 66px;
		position: relative;
	}
	#footer h2 span {
		position: absolute;
		bottom: 14px;
	}
	#footer .left li {
		width: 243px;
	}
	#footer h3 {
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-size: 1.333em;
		font-weight: normal;
		padding-bottom: 12px;
	}
	#footer .left li li,#footer .right li {
		padding: 2px 0;
	}
	#footer a {
		color: #76BBC4;
		text-decoration: none;
	}
	#footer a:hover {
		color: #ED5D67;
	}
	#footer .right {
		width: 220px;
	}
	#footer .right a {
		margin: 19px 0 34px;
	}
	#footer .back-to-top {
		display: block;
		float: right;
		width: 56px;
		height: 27px;
		background: url('../images/top.png') no-repeat 0 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	#footer .back-to-top:hover {
		background-position: 0 -27px;
	}
	/* subfooter */
	#subfooter-holder {
		background: #53646c;
		border-top: 2px solid #ffffff;
		color: #D4D8DA;
	}
	#subfooter {
		padding: 18px 0 26px 0;
	}
	#subfooter a {
		color: #D4D8DA;
		text-decoration: none;
	}
	#subfooter a:hover {
		color: #ED5D67;
	}
	#subfooter li {
		border-left: 1px solid #D4D8DA;
	}
	#subfooter li.first {
		border-left:none;
	}
	#subfooter li a {
		padding: 0 1px 0 5px;
	}
	#tjs {
		padding-top: 3px;
	}
	
	/*******************/
	/* standard things */
	/*******************/
	#logo {
		background: #f8fcfc;
		width:147px;
		padding: 16px 39px;
	}
	#logo img {
		display: block;
	}
	
	/* breadcrumb trail */
	#breadcrumb-trail {
		border-top: 1px dashed #bfc5c8;
		border-bottom: 1px dashed #bfc5c8;
		margin-bottom: 12px;
		padding: 8px 0 6px 0;
		color: #ED5D67;
	}
	#breadcrumb-trail h2 {
		display: inline;
		font-size: 1em;
		color: #939ea3;
	}
	#breadcrumb-trail ol {
		padding: 0;
	}
	#breadcrumb-trail-holder #quick-search {
		padding: 9px 7px;
	}
	#breadcrumb-trail li {
		padding: 0 1px 0 14px;
		background: url('../images/breadcrumb-bullet.png') no-repeat center left;
	}
	#breadcrumb-trail li.first {
		background: none;
		padding-left: 1px;
	}
	#breadcrumb-trail a {
		color: #283D47;
		text-decoration: none;
	}
	#breadcrumb-trail a:hover {
		color: #ED5D67;
	}
	
	/* pages nav (holds sort-by and pagination) */
	.pagesnav.top {
		padding-bottom: 6px;
	}
	.pagesnav.bottom {
		border-top: 1px solid #76bbc4;
		padding-top: 6px;
	}
	/* sort by */
	.sort-by h2 {
		padding: 1px 5px 0 0;
		font-size: 1em;
		font-family: Arial,Helvetica,sans-serif;
	}
	.sort-by-form {
		float: left;
		display: none;
	}
	.sort-by button {
		font-size: 1em;
		padding: 2px 3px;
	}
	/* pagination links */
	.pages,.pages ul {
		float:right;
	}
	.pages .page,.pages li a,.pages li span {
		display: block;
		height: 14px;
		padding: 3px 3px 3px 2px;
	}
	.pages .page {
		float: left;
		margin-right:11px;
		font-weight: bold;
	}
	.pages li {
		margin-left:2px;
	}
	.pages li a,.pages li span {
		width: 15px;
		text-align: center;
		background: #e6e6e6;
		background: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6 43%,#b3b3b3 57%,#b3b3b3);
		background:    -moz-linear-gradient(top, #e6e6e6, #e6e6e6 43%,#b3b3b3 57%,#b3b3b3);
		background:     -ms-linear-gradient(top, #e6e6e6, #e6e6e6 43%,#b3b3b3 57%,#b3b3b3);
		background:      -o-linear-gradient(top, #e6e6e6, #e6e6e6 43%,#b3b3b3 57%,#b3b3b3);
		border-radius: 3px;
		color:#283d47;
		text-decoration: none;
		font-weight: bold;
	}
	.pages li.current a,.pages li.current span {
		background: #53646c;
		background: -webkit-linear-gradient(top, #53646c, #53646c 43%,#283d47 57%,#283d47);
		background:    -moz-linear-gradient(top, #53646c, #53646c 43%,#283d47 57%,#283d47);
		background:     -ms-linear-gradient(top, #53646c, #53646c 43%,#283d47 57%,#283d47);
		background:      -o-linear-gradient(top, #53646c, #53646c 43%,#283d47 57%,#283d47);
		color: #ffffff;
	}
	.pages li a:hover {
		background: #f7afa1;
		background: -webkit-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:    -moz-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:     -ms-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:      -o-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background:        -linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		color: #283D47;
	}
	.pages li.previous a,.pages li.next a,.pages li.previous span,.pages li.next span,.pages .show-all a {
		background-color: #9fcfd6;
	}
	.pages li.previous a,.pages li.next a,.pages li.previous span,.pages li.next span {
		height: 20px;
		width: 20px;
		padding: 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	.pages li.previous a,.pages li.previous span {
		background-image: url('../images/arrow-left.png');
		background-position: 4px center;
	}
	.pages li.next a,.pages li.next span {
		background-image: url('../images/arrow-right.png');
		background-position: 4px center;
	}
	.pages li.previous a:hover {
		background: #f7afa1 url('../images/arrow-left.png') no-repeat center center;
		background: url('../images/arrow-left.png') no-repeat center center,	-webkit-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-left.png') no-repeat center center,    -moz-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-left.png') no-repeat center center,	    -ms-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-left.png') no-repeat center center,	     -o-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-left.png') no-repeat center center,	       -linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
	}
	.pages li.next a:hover {
		background: #f7afa1 url('../images/arrow-right.png') no-repeat center center;
		background: url('../images/arrow-right.png') no-repeat center center,	-webkit-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-right.png') no-repeat center center,    -moz-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-right.png') no-repeat center center,	    -ms-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-right.png') no-repeat center center,	     -o-linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
		background: url('../images/arrow-right.png') no-repeat center center,	       -linear-gradient(top, #f7afa1, #f7afa1 43%,#f38d79 57%,#f38d79);
	}
	.pages .show-all a,.pages .show-all span {
		width: auto;
		padding-right: 5px;
		padding-left: 4px;
	}
	
	/* product page */
	#product-image,#product-info {
		margin-bottom: 20px;
	}
	#product-image {
		float: left;
		width: 383px;
		border: 2px solid #939ea3;
	}
	#product-info {
		float: right;
		width: 300px;
		font-size: 1.333em;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		color: #53646c;
	}
	#product-info h1,#product-info form,#product-description h2,#cooking-tips h2 {
		background: #e4f1f3;
	}
	#product-info h1,#product-description h2,#cooking-tips h2 {
		padding: 9px 14px 6px 13px;
		border-bottom: 2px solid #ffffff;
		font-size: 1.5em;
	}
	#product-info form {
		padding: 13px 14px 14px 13px;
	}
	#product-info .qty,#product-info input,#product-info label {
		display: block;
		float: left;
	}
	#product-info .qty {
		padding-bottom: 20px;
		width: 273px;
	}
	#product-info input {
		width: 26px;
		height: 19px;
		padding: 0 4px;
		margin: 0 10px;
	}
	#product-info label {
		padding-left: 10px;
		color: #283d47;
		font-size: 0.875em;
	}
	#product-info button {
		text-transform: uppercase;
		font-size: 0.875em;
		padding: 2px 16px 1px;
	}
	#product-info .add {
		margin-bottom: 39px;
	}
	#product-info .add p {
		padding: 0;
	}
	#price-explanation {
		padding: 17px 17px 8px 53px;
		background: #ffffff url('../images/icon-info.png') no-repeat 13px 16px;
	}
	#price-explanation .p {
		font-size: 0.75em;
		font-family: Arial,Helvetica,sans-serif;	
	}
	#availability,#availability h2,#availability ul,#availability div {
		float: left;
	}
	#availability {
		border: 1px solid #9fcfd6;
		margin-bottom: 25px;
	}
	#availability h2 {
		width: 222px;
		height: 38px;
		padding: 15px 0 0 12px;
		margin-right: 15px;
		font-size: 1.5em;
		background: url('../images/icon-info.png') no-repeat right center;
	}
	#availability .months {
		width: 377px;
		height: 34px;
		border-left: 2px solid #cfe7eb;
		border-right: 2px solid #cfe7eb;
		padding: 10px 0 9px;
	}
	#availability .carousel {
		margin-left: 55px;
		width: 276px;
	}
	#availability li {
		width: 82px;
		height: 26px;
		padding-top: 4px;
		margin-right: 6px;
		display: none;
		border-radius: 4px;
		background: #edf6fc;
		text-align: center;
		font-family: CalvertMTStdRegular,Arial,Helvetica,sans-serif;
		font-size: 1.5em;
	}
	#availability li span {
		display: none;
	}
	#availability li.previous-month,#availability li.current-month,#availability li.next-month {
		display: block;
	}
	#availability .good {
		border: 2px solid #39b54a;
	}
	#availability .medium {
		border: 2px solid #fbb03b ;
	}
	#availability .poor {
		border: 2px solid #ed1c24;
	}
	#availability .prev,#availability .next {
		float: left;
		height: 20px;
		width: 20px;
		padding: 0;
		margin-top: 8px;
		background: #9fcfd6 url('../images/arrow-prev-next.png') no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	#availability .prev:hover,#availability .next:hover {
		background-color: #F7AFA1;
	}
	#availability .prev {
		margin-left: 18px;
	}
	#availability .next {
		background-position: -20px 0;
	}
	#availability .calendar-icon {
		width: 79px;
		height: 53px;
		background: url('../images/icon-calendar.png') no-repeat center center;
	}
	.social-icons {
		float: left;
		margin-bottom: 25px;
	}
	.social-icons li {
		padding-left: 20px;
	}
	.social-icons li.first {
		padding-left: 0;
	}
	#product-description,#cooking-tips {
		margin-bottom: 25px;
	}
	#product-description h2,#cooking-tips h2 {
		margin-bottom: 10px;
		padding: 11px 14px 7px 13px;
	}
	
	/* hero images */
	#hero-holder {
		position: relative;
	}
	#hero-holder .controls {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 3; /* hero controls in front of the slider */
	}
	#hero {
		border: 2px solid #939EA3;
	}
	#hero ul {
		overflow: hidden;
		height: 365px;
		display: block;
	}
	#hero li {
		/*display: none;*/
		width: 707px;
		height: 365px;
		/*padding: 18px 0 20px;*/
		background-position: right bottom;
		background-repeat: no-repeat; 
	}
	#hero li.first {
		display: block;
	}
	#hero .content {
		position: relative;
		height: 327px;
		width: 214px;
		padding: 18px 18px 20px;
		background: rgba(255,255,255,0.8);
	}
	#hero h2 {
		color: #76bbc4;
		text-shadow: #bceefa 2px 2px 0;
	}
	#hero .button {
		position: absolute;
		bottom: 20px;
		padding-right: 53px;
	}
	
	/* latest news list */
	#all-news .date {
		font-weight: bold;
		padding-bottom: 5px;
	}

	/* spinboxes */
	.clickControls,.number {
		display: block;
		float: left;
	}
	.clickControls {
		background: #9fcfd6 url('../images/qty-buttons.png') no-repeat;
		height: 21px;
		width: 21px;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	.clickControls:hover {
		background: #F7AFA1 url('../images/qty-buttons.png') no-repeat;
	}
	.clickControls.plus {
		background-position: -21px 0;
	}
	
	/* standard form */
	input,textarea,select {
		border: 1px solid #87c6cf;
	}
	input,textarea {
		/*font-size: 1.083em;*/
		padding: 1px 3px;
	}
	textarea {
		display: block; /* makes the error highlight behave */
	}
	.form p {
		padding: 6px 0 0;
	}
	.form label,.form .label {
		display: block;
		padding-bottom : 5px;
		font-weight: bold;
	}
	.form label.inline {
		display: inline;
	}
	.form [type=text],.form [type=password] {
		width: 278px;
	}
	.form .note {
		display: block;
	}
	.form ul {
		background-color: #ffffff; /* so that error borders look correct */
	}
	.error-holder { 
		margin-left: -2px;
		display: inline-block;
		border:2px solid transparent;
	}
	.error-holder.error { 
		background: #ff0000;
		border-color: #ff0000;
		border-radius: 4px;
		outline:none; /* remove chrome's highlight, since we're adding our own */
	}
	.error-holder.error [type=text],.error-holder.error textarea,.error-holder.error select { /* inputs */
		color: #ff0000;
		font-weight: bold;
	}
	.error-holder.error option {
		font-weight: normal;
	}
	.error-indicator {
		display: none;
		background: url('../images/error-indicator.png') no-repeat;
		width: 11px;
		height: 11px;
		margin-left: 7px;
	}
	.error-indicator.error {
		display: inline-block;
	}
	.captcha-question {
		font-weight: normal;
	}

	/* sitemap */
	#sitemap {
		padding-top: 20px;
	}
	#sitemap ul ul {
		padding-bottom: 20px;
	}
	#sitemap li {
		list-style: none;
		padding-bottom: 2px;
	}
	#sitemap ul ul ul {
		padding-bottom: 10px;
	}
	#sitemap li li {
		padding-left: 10px;
	}
	#sitemap h2 {
		padding-bottom: 5px;
	}
	#sitemap h3 {
		padding-bottom: 2px;
	}
	
	/* cart page */
	table.cart {
		width: 711px;
	}
	.cart tr {
		border-bottom: 1px dashed #9fcfd6;
	}
	.cart th,.cart td {
		padding: 11px 0 11px 6px;
	}
	.cart .product td {
		padding: 13px 0 13px 6px;
	}
	.cart th {
		font-size: 0.917em;
		text-align: left;
	}
	.cart td {
		vertical-align: middle;
	}
	.cart .remove {
		width: 71px;
	}
	.cart .remove a {
		display: block;
		width: 23px;
		height: 22px;
		background: url('../images/icon-remove.png') no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	.cart .image {
		width: 77px;
	}
	.cart .price.each {
		width: 83px;
	}
	.cart td.qty {
		width: 111px;
	}
	.cart .weight.each {
		width: 102px;
	}
	.cart .price {
		width: 77px;
	}
	.cart .product .details {
		padding-right: 16px;
		padding-left: 10px;
	}
	.cart .details a {
		color: #283d47;
	}
	.cart .details a:hover {
		color: #ED5D67;
	}
	.cart input.qty {
		border: 2px solid #a5d4db;
		width: 35px;
		height: 15px;
		margin: 0 4px;
	}
	.cart .weight {
		color: #ED5D67;
	}
	.cart td.label {
		font-size: 1.167em;
	}
	.cart .subtotal .price,.cart #delivery .price,.cart #total .price {
		font-weight: bold;
	}
	.cart #delivery .price, .cart #total .label {
		text-transform: uppercase;
	}
	.cart .free-delivery {
		font-size: 0.857em;
		font-weight: normal;
		color: #ED5D67;
	}
	.cart #total {
		border-top: 1px solid #abd7dd;
		border-bottom: 1px solid #abd7dd;
		background: #e5f1f3;
	}
	.cart #actions {
		border-bottom: none;
	}
	.cart #actions td {
		padding-top: 20px;
		padding-left: 0;
	}
	.cart #actions button,.cart #actions .button {
		margin-right: 10px;
	}
	
	
	/* checkout progress bar */
	.checkout-progress {
		float: none;
		position: relative;
		/*background: #939ea3;*/
		height: 45px;
		margin-bottom: 33px;
	}
	.checkout-progress li {
		float: none;
		position: absolute;
		top: 0;
		height: 45px;
		padding: 0 0 0 13px;
		background: url('../images/checkout-progress-bg.png') no-repeat 0 -45px;
		color: #ffffff;
		font-weight: bold;
	}
	.checkout-progress li.first {
		background: #283d47;
		padding-left: 0;
	}
	.checkout-progress span {
		display: block;
		width: 79px;
		padding: 14px 30px 0 11px;
		background: #939ea3;
		height: 31px;
	}
	.checkout-progress .first span {
		width: 81px;
	}
	.checkout-progress .final span {
		width: 68px;
		padding-left: 11px;
	}
	.checkout-progress .past,.checkout-progress .current {
		background-position: 0 0;
	}
	.checkout-progress .past span,.checkout-progress .current span {
		background-color: #283d47;
	}
	.checkout-progress .past {
		color: #888888;
	}
	.checkout-progress .sign-in {
		left: 0px;
		/*height: 35px;*/
	}
	.checkout-progress .contact-details {
		left: 110px;
		/*height: 32px;
		background: lime;*/
	}
	.checkout-progress .billing-address {
		left: 230px;
		/*height: 29px;
		background: yellow;*/
	}
	.checkout-progress .delivery-address {
		left: 350px;
		/*height: 26px;
		background: red;*/
	}
	.checkout-progress .confirmation {
		left: 470px;
		/*height: 23px;
		background: blue;*/
	}
	.checkout-progress .payment {
		left: 590px;
		/*height: 20px;
		background: cyan;*/
	}
	.checkout-progress .contact-details span, .checkout-progress .billing-address span, .checkout-progress .delivery-address span {
		padding-top: 7px;
		height: 38px;
	}
	
	/* checkout pages */
	#existing-customers,#new-customers,
	#contact-details,#contact-details-optional {
		float: left;
		width: 324px;
	}
	#new-customers,
	#contact-details-optional {
		margin-left: 63px;
	}
	.checkout-box h2,.checkout-box .content {
		padding: 10px 19px 7px;
		background: #e4f1f3;
	}
	#contact-details h2, #contact-details .content {
		padding-left: 0;
		background: #ffffff;
	}
	.checkout-box h2 {
		border-bottom: 2px solid white;
	}
	#existing-customers .warning {
		margin-top: 10px;
	}
	#new-customers .button {
		margin: 21px 0 15px;
	}
	fieldset.submit {
		margin-top: 40px;
		padding: 7px 0;
		border-top: 1px solid #abd7dd;
	}
	fieldset.submit button, fieldset.submit .button, fieldset.submit .or {
		margin-right: 10px;
	}
	#confirm-holders {
		margin-top: 30px;
	}
	#confirm-details,#confirm-billing,#confirm-delivery {
		float: left;
		width: 225px;
	}
	#confirm-billing,#confirm-delivery {
		margin-left: 18px;
	}
	#confirm-holders h2 {
		font-size: 1.667em;
	}
	#confirm-holders .content {
		padding-bottom: 15px;
	}
	
/* An extra annoyance that, annoyingly, confuses PHPEd, so put it last */
button::-moz-focus-inner { /* http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/ */
	border: 0;
	padding: 0;
}