﻿/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
	color: #222;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}

::selection {
 background: #b3d4fc;
 text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

.grid4 {float:left; width:255px; margin-right:15px; margin-left:50px;}
.grid8 {float:right; width:668px; position:relative;}

.welcome {position:absolute; top:280px; left:0; width:330px; float:left;}
.welcome h1 {color:#4e443a; font-size:24px; margin:0;}
.welcome h1 span {color:#a63254;}
.welcome p.sub {line-height:20px; font-size:16px; }
.welcome p {color:#4e443a; line-height:18px; font-size:13px;  padding-bottom:10px; margin-bottom:7px; margin-top:7px; }
.welcome p.split {background:url(../images/site/welcome-split.png) bottom left repeat-x;}

.ourhistory {position:absolute; top:250px; left:0; width:330px; float:left;}
.ourhistory h1 {color:#4e443a; font-size:24px; margin:0;}
.ourhistory h1 span {color:#a63254;}
.ourhistory p.sub {line-height:20px; font-size:16px; }
.ourhistory p {color:#4e443a; line-height:18px; font-size:13px;  padding-bottom:10px; margin-bottom:7px; margin-top:7px; }
.ourhistory p.split {background:url(../images/site/welcome-split.png) bottom left repeat-x;}
.openDirections {padding-right:45px;}
.openDirections img {position:relative;  width:260px; float:right;  }
.openDirections .textarea {width:340px;}
.openDirections h1 {color:#4e443a; font-size:24px; margin:0;}
.openDirections h1 span {color:#a63254;}
.openDirections p.sub {line-height:20px; font-size:16px; }
.openDirections p {color:#4e443a; line-height:18px; font-size:13px;  padding-bottom:10px; margin-bottom:7px; margin-top:7px; }
.openDirections p.split {background:url(../images/site/welcome-split.png) bottom left repeat-x;}

.welcome-notes {font-family: 'Nothing You Could Do', cursive; background:url(../images/site/welcome-note.png) no-repeat; width:316px; height:151px; font-size:15px; line-height:19px; color:#51463c;  float:left; padding:10px 25px 15px 35px; margin-top:-100px;}

.notes { background:url(../images/site/note.png) no-repeat; width:350px; height:179px;    }
.notes p {margin:0 30px; font-family: 'Nothing You Could Do', cursive; font-size:15px; line-height:19px; color:#51463c; }
.notes p.title {font-weight:bold; color:#a63254;  font-size:16px;padding-top:20px;}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	/*color: #eeeeee;*/
	background: url(../images/site/body-bg-dark-1.jpg) #bcb0a1 top center repeat-x ;
}

div.speciality-meats {
	background:url(../images/site/speciality-meats.png);
	width:246px;
	height:242px;
	margin-top:4px;
}

div.speciality-meats ul {
	list-style:none;
	margin:0 25px 0;
	padding:66px 0 0 0;
	
}
div.speciality-meats ul li {
	display:block;
	list-style:none;
	line-height:25px;
	
}


div.speciality-meats ul li a {
	color:#f0e4d6;
	}
div.speciality-meats ul li a:hover {
	color:#f0e4d6;
	text-decoration:underline;
	
	
}

div.product-categories {
	background:url(../images/site/productCats.png);
	width:246px;
	height:295px;
	margin-top:4px;
}

div.product-categories ul {
	list-style:none;
	margin:0 25px 0;
	padding:67px 0 0 0;
	
}
div.product-categories ul li {
	display:block;
	list-style:none;
	line-height:25px;
	
}


div.product-categories ul li a {
	color:#52403b;
	}
div.product-categories ul li a:hover {
	color:#52403b;
	text-decoration:underline;
	
	
}

p.prodTitle {
	/*font-family: 'Courgette', cursive; font-size:24px !important; margin-top:0 !important;*/
    font-family: "Comic Sans MS", sans-serif; font-size:24px !important; margin-top:0 !important;
}

div.product {margin:5px 15px 10px 0; background:url(../images/site/dot-line.png) bottom  repeat-x; padding:5px 0 15px 0; }

div.product p {margin-right:10px !important;}

div.product-image {float:left;background:url(../images/site/small-product-frame.png) no-repeat; width:176px; height:142px; }

div.product-image img {position:relative; top:7px; left:10px;}

div.product-text {float:left; width:280px; margin-left:15px;}
p.qty a {color:#fff; background:url(../images/site/readmore.png); width:98px; height:29px;display:block; text-align:center; line-height:29px;}
p.qty a:hover {text-decoration:underline;}
a.addBasket {background:url(../images/site/addBasket.png) !important; width:130px!important; height:34px!important; display:inline-block!important;color:#fff!important; text-align:center; line-height:34px!important;}
div.product-add {float:left; background:url(../images/site/dots-horizonal.gif) left top repeat-y; padding-left:15px;}

p.price {font-weight:bold;}
p.price span {color:#aa2e52; }


div.options p.section {color:#aa2e52; font-weight:bold; font-size:17px;}
div.options p.selections {font-weight:bold; }
p.selections label {display:inline-block; margin:5px 0 0 0; padding:0;}
div.selection-packs {
	background:url(../images/site/selection-packs.png);
	width:246px;
	height:193px;
	margin-top:4px;
}

div.selection-packs ul {
	list-style:none;
	margin:0 25px 0;
	padding:60px 0 0 0;
	
}
div.selection-packs ul li {
	display:block;
	list-style:none;
	line-height:25px;
	
}


div.selection-packs ul li a {
	color:#52403b;
	}
div.selection-packs ul li a:hover {
	color:#a63254;
	text-decoration:underline;
	
	
}

div.newsletter-signup {
	
	margin-top:4px;
}
div.interesting-things { position:relative; margin:30px 0 0 40px; width:600px; }
div.interesting-things ul {float:left; margin:0; padding:0;}
div.interesting-things ul li {margin:0 20px; 0 0; width:auto; color:#fff; font-size:15px; padding:0; line-height:18px;}
div.interesting-things ul li a {color:#000;}
div.interesting-things ul li a:hover {text-decoration:underline;}
div.social {position:absolute; top:15px; right:40px;}
div.social a {margin-left:10px;}

p.subfoot {color:#52473d; font-weight:700; margin:25px 0 0 40px; font-size:13px;}
p.subfoot a {color:#52473d;} 
p.subfoot a:hover {text-decoration:underline; color:#a63254}
div.paper {
	margin-top:5px;
	margin-bottom:5px;
	background: url(../images/site/paper-repeat.png) top right  repeat-y ;
	height:auto;
	width:988px;
	margin-left:-10px;
	overflow:visible;
}

div.spine {
	position:relative;
	width:10px;
	height:auto;
	background: url(../images/site/paper-repeat.png) top left  repeat-y ;
	top:0;
	left:-10px;
	z-index:999;

}

div.paper-header {
	position:absolute;
	top:-20px;
	left:0;
	height:20px;
	width:978px;
	background: url(../images/site/paper-top.png) 0 0  repeat-y ;
	display:block;
}

div.paper-footer {
	position:absolute;
	bottom:-20px;
	left:0;
	height:20px;
	width:978px;
	background: url(../images/site/paper-bottom.png) 0 0  repeat-y ;
	display:block;
}

img.polaroids {
	position:relative;
	float:right;
	margin-right:18px;
	
}

img.triPolar {
	position:relative;
	float:right;
	margin-right:11px;
}
a {
	color: #32c7f9;
	text-decoration: none;
	border: none;
}
a:hover {
	color: #ff6600;
	text-decoration: none;
}
a:focus {
	outline: 0;
}
/* Layout structure */

.white {
	background:#fff;
	color:#000 !important;
}
.green {
	background:#c3db3d !important;
}
.brown {
	background:sandybrown !important;
}
.cyan {
	background:#01afee !important;
}
.orange {
	background:orange !important;
}
.yellow {
	background:#fdea45 !important;
}
.purple {
	background:#672a91 !important;
}
.pink {
	background:#ec0184 !important;
}
.red {
	background:#ec192a !important;
}
.main-footer-wrapper {
	
}
/* Dock */

.main-dock-wrapper {
	background: rgba(0, 0, 0, 0.50) url(../images/site/main-dock-bg-light-1.png) bottom left repeat-x;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.main-dock {
	width: 978px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
}
.main-dock a {
	color: #32c7f9;
}
.main-dock a:hover {
	color: #ff6600;
}
.main-dock .cart a {
	color: #6aee00;
}
.main-dock .checkout a {
	color: #6aee00;
}
.main-dock .checkout a:hover {
	color: #ff6600;
}
.main-dock ul {
	list-style: none;
	padding:0;
	margin:0;
	font-size:12px;
}
.main-dock li {
	float: left;
	padding: 0 0 0 23px;
	margin: 0 23px 0 0;
}
.main-dock li:first-child {
	background: none;
	padding: 0;
}
.main-dock .call {
	background: url(../images/site/icoPhone.jpg) 0 0 no-repeat !important;
	padding:0 0 0 25px !important;
}
.main-dock .cart {
	float: right;
	margin: 0 0 0 23px;
	background: none;
}
.main-dock .cart a {
	color: #6aee00;
	opacity: 1;
	background: url(../images/site/icoCart.jpg) center left no-repeat;
	padding: 0 0 0 23px;
}
.main-dock .checkout {
	float: right;
	margin: 0 0 0 23px;
}
.main-dock .checkout a {
	color: #6aee00;
	opacity: 1;
	font-weight: bold;
}
.main-dock .checkout a:hover {
	color: #ff6600;
}
/* Main header */


.main-header {
	width: 978px;
	margin: 0 auto 15px  auto;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 600;
	background:url(../images/site/header-bg.png) top left no-repeat;
	height:190px;
}
.main-header .search input {
	
}
.main-header .logo {
	float: left;
	width: 694px;
	display: table;
}
.main-header .logo span {
}
.main-header .logo span abbr {
	color:#01afee;
}
.main-header .logo-blank span {
	font-size: 70px;
	color: #fff;
}
.main-header .logo img {
	float: left;
	margin: 0 55px 0 10px;
}
.main-header .logo span {
	font-size: 23px;
	font-weight:bold;
	color: #cecece;
	display: table-cell;
	padding: 0 0 50px 0;
	width: 100%;
	vertical-align: bottom;
}
.main-header .search {
	width:270px;
	position:absolute;
	top:20px;
	right:50px;
	text-align:right;
	z-index:99;
	padding: 0 0 0 0;
}

.main-header .searchwrapper {
 background:url(../images/site/searcharea.jpg) no-repeat left top;	
 height:41px;
 width:270px;
 margin-bottom:5px;
}
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:6px;
left:11px;
width:156px;
height:28px;
}


.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:opx;
right:0px;

}

.main-header .search p {font-weight:700; color:#aa2e52; font-size:17px; margin:0; padding:0; line-height:28px; }
.main-header .search p a, .main-header .search p span {color:#58483d; font-size:24px; font-weight:300;}
.main-header .search p a:hover {text-decoration:underline;}
.main-header .search input {
	font: 12px Arial, serif;
	color: #565656;

}

.main-header .search input:focus {
	border:0px !important; outline-width: 0;
	

}
.input-text-1 {
	background: #fff;
	border: rgba(0, 0, 0, 0.15) 1px solid;
	font: 12px Arial, serif;
	height: 28px;
	border-radius: 4px;
	color: #565656;
}
.input-text-1::-webkit-input-placeholder {
color: #565656;
}
.trans-1 {
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-webkit-transform: translate3d(0, 0, 0);
}
/* Main Content */
.main-content h3 {font-size:19px; color:#992e4f; margin:0 30px 10px 0 !important; font-weight:bold; display:block; background:url(../images/site/dot-line.png) bottom left repeat-x; height:35px;}
.main-content p {font-size:15px; color:#423b35; margin:10px 30px 10px 0 !important;}
/* Main menu */

.main-menu {
	position: relative;
	top:85px;
	padding: 0;
	margin: 0;
}
.main-menu table {
	margin: 0 auto;
	width:923px;
}
.main-menu ul {
	margin:44px 0 0 45px;
	padding:0;
}
.main-menu ul li {
	position: relative;
	float: left;
	list-style: none;
}
.main-menu ul li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #514237;
	padding: 0 12px;
	border-right:1px solid #514237;
	line-height:16px;
}

.main-menu ul li a.active {color:#da0a7b; }

.main-header .bar1 {
	position:absolute;
	bottom:-17px;
	left:20px;
}

.main-header .bar2 {
	position:absolute;
	bottom:-17px;
	right:20px;
}

.main-menu ul li a.home {
	margin:-5px 0 0 3px;
	border:none;
	padding-right:0px;
}


.main-menu ul li a.last {
	border:none !important;
}
.main-menu li:hover .single {
	
	text-shadow: none;
}
.main-menu li > a:hover {
	color: #da0a7b !important;
	text-shadow: rgba(0, 0, 0, 0.60) 0 1px 0;
}
.clear {
	height: 0;
	line-height: 0;
	clear: both;
}

.clearAndSpace {
	height: 0;
	line-height: 0;
	clear: both;
    margin-bottom: 12px;
}

/* Sliders */

 /* Prevent the slideshow from flashing on load */
    #slides {
	display: none
}
/* Center the slideshow */
    .container {
	margin: 0 auto;
	width:978px;
}
.category-description img {
	float:left;
	border:5px solid #eee;
	margin:0 20px 15px 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.product-description img {
	float:left;
	margin:0 20px 15px 0px;
	
}
.product-description h1 {
	font-size:24px;
}
p.lastinghours {
	font-size:14px;
}
p.products {
	font-weight:bold;
	border-bottom:1px solid #eee;
	padding:0 0 4px 0;
}

p.return {
	font-weight:bold;
	border-top:1px solid #eee;
	padding:4px 0 0 0;
}
/* table */
div.basketbits {display:block;}
div.basketbits span {float:left;background:url(../images/site/basket-status.png); width:453px; height:42px; font-size:15px; line-height:42px; padding:0 20px;}
div.basketbits span p {margin:0 !important;}
div.basketbits span strong {float:right;}
a.viewBasket {float:left;}



div.yourbasket {background:url(../images/site/largeine.png) bottom left no-repeat; padding:0px 45px 10px 0}
div.yourbasket span {color:#aa2e52; font-size:24px; font-family: 'Courgette', cursive;  letter-spacing:-1px;font-weight:bold; }
div.yourbasket a.backto {float:right; margin-top:0;}

div.yourdelivery {background:url(../images/site/largeine.png) bottom left no-repeat; padding:0px 45px 10px 0; margin-top:30px;}
div.yourdelivery span {color:#aa2e52; font-size:24px; font-family: 'Courgette', cursive;  letter-spacing:-1px;font-weight:bold; }

div.checkout { padding:7px; color:#333; margin-right:45px;}
div.checkout p {width:300px; float:left; font-size:16px; margin-right:0 !important;}
div.checkout span {color:#aa2e52;}
div.checkout span.btns {float:right;}
div.checkout a {margin:5px 0 0 5px;}
div.checkout a.checkbtn {background:url(../images/site/addBasket.png) no-repeat; color:#fff; text-align:center; width:130px; height:34px; line-height:34px; display:inline-block}

div.checkout a.updatebasketbtn {background:url(../images/site/update.png) no-repeat; color:#fff; text-align:center; width:133px; height:31px; line-height:31px; display:inline-block}
div.mainImageText {background:url(../images/site/product-set.png); width:629px; height:243px; margin-top:10px;position:relative;}
div.mainImageText span {position:absolute; top:10px; right:0; width:350px;}
div.mainImageText img {position:absolute; top:15px; left:10px;}
div.optionfooter {
	background:url(../images/site/dot-line.png) bottom left repeat-x; clear:both; margin-top:25px; margin-right:45px; position:relative; padding:2px 0;}
a.backto {background:url(../images/site/backto.png); width:171px; height:33px; line-height:33px; text-align:right; color:#eee; display:inline-block; padding-right:20px; margin-top:10px;}
a.backto:hover {text-decoration:underline;}	
div.optionfooter span.line {background:url(../images/site/largeine.png) top left repeat-x;  width:100%;height:3px; }

/*Product Details*/
#ProductImageOptions
{
    width: 285px;
    float:left;
    margin-top:10px;
}

#ProductDesc
{
    width: 330px;
    float: right;
    margin-top: 10px;
    margin-right: 40px;
}

div.mainImageTextMore { width:629px;  margin-top:10px; }
div.mainImageTextMore span {width:330px; background-color: limegreen;}
div.mainImageTextMore img { top:15px; left:10px;}
#ProductDesc p.prodTitle {background:url(../images/site/underline.png) bottom left no-repeat; margin-top:0 !important;}
div.prodFrameMore
{
    background: url('../Images/Site/300 x 225Holder.png') no-repeat;
    width: 285px;
    height: 236px;
}
div.prodFrameMore img {margin-top:13px; margin-left:13px;}
span.back {width:280px; float:left;}
table.tbitems {
	width:978px;
	height:100%;
	margin:10px 0px;
	padding:0px;
}
 table.tbitems tr:nth-child(odd) {
background-color:#eeeeee;
}
table.tbitems tr:nth-child(even) {
background-color:#ffffff;
}
table.tbitems td {
	vertical-align:middle;
	border:1px solid #888;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
table.tbitems tr:last-child td {
	border-width:0px 1px 0px 0px;
}
table.tbitems tr td:last-child {
	border-width:0px 0px 1px 0px;
}
table.tbitems tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}

table.tbitems tr th {
	
}

table.tbitems tr th {
	
	border:0px solid #888;
	text-align:center;
	padding:7px;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

table.tbitems tr th:first-child {
	border-width:0px 0px 1px 0px;	
}

table.tbitems tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}
table.tbitems tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}
#slides img {
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
/* Show active item in the pagination */
    .slidesjs-pagination .active {
	color:red;
}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
	background-image: url(../images/site/btns-next-prev.png);
	background-repeat: no-repeat;
	display:block;
	width:12px;
	height:18px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right:5px;
}
a.slidesjs-next {
	margin-right:10px;
	background-position: -12px 0;
}
a:hover.slidesjs-next {
	background-position: -12px -18px;
}
a.slidesjs-previous {
	background-position: 0 0;
}
a:hover.slidesjs-previous {
	background-position: 0 -18px;
}
#slides .slidesjs-navigation {
	margin-top:5px;
}
.slidesjs-pagination {
	margin: 7px 0 0;
	float: right;
	list-style: none;
}
.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}
.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(../images/site/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}
.message-welcome {
	float:left;
	width:450px;
}
.message-welcome h3 {
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	margin: 15px 0 30px 10px;
	padding: 0 0 0 15px;
	width:450px;
	letter-spacing: -0.2px;
	border-left:10px solid #44bde8;
}
.opening-hours {
	margin: 15px 10px 30px 0px;
	padding: 15px 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:right;
	background:#fff;
}
.opening-hours p {
	font-size: 21px;
	color: #868686;
	margin: 0px;
	padding: 0;
	letter-spacing: -0.2px;
}
p.hours {
	color:#5c7f2f !important;
	font-weight: bold !important;
}
.featured-items {
	width: 978px;
	margin: 0 0 20px 0;/*position: relative;*/
}
.featured-items .main-title {
}
.featured-items .items-wrapper {
	overflow: hidden;
	width: 973px;
	margin: 0 0 0 -5px;
	padding: 0 5px 0 5px;
}
.featured-items .items {
	overflow: hidden;
	width: 973px;
	margin: 0 0 0 -5px;
	padding: 0 5px 0 5px;
}
.item-block-1 {
	width: 210px;
	float: left;
	position: relative;
	margin: 0 21px 20px 0;
	padding: 6px;
	background:#ffffff;
}
.item-block-1 h3 {
	font-size:14px;
	font-weight:bold;
	padding:0 10px;
}
.item-block-1 h3 a {
	color:#cf5a2c !important;
}
.item-block-1 table {
	width:100%;
}
.item-block-1 td.price {
	color:#213b3a;
	font-size:14px;
	height:41px;
	font-weight:normal;
	border:1px solid #e3dfdc;
	padding:0 0 0 10px;
}
.item-block-1 td.basket a {
	display:block;
	width:42px;
	height:41px;
	background-image:url(../images/site/icoBasket.png);
}
.item-block-1 td.basket {
	border:1px solid #e3dfdc;
	width:42px;
}
.item-block-1 td.basket a:hover {
	background-image:url(../images/site/icoBasketroll.png);
}
.main-title {
	background: #489e15;
	padding: 10px 0 10px 15px;
	margin: 0 0 23px 0;
	overflow: hidden;
	position: relative;
	width: 935px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.main-title p {
	font-size: 22px;
	line-height: 25px;
	font-weight: normal;
	color: #fff;
	float: left;
	margin: 0 !important;
	letter-spacing: -0.1px;
}
.main-title a {
	float: right;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	bottom: -8px;
	right:15px;
	position: relative;
}
.breadcrumb {
	padding: 0;
	margin: 0;
	display:block;
	position: relative;
	width: 935px;
}
.breadcrumb p {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	float: left;
	margin: 10px 0 !important;
	letter-spacing: -0.1px;
}
.breadcrumb a {
	color: #fff;
	text-decoration:underline
}
.main-title a:hover {
	color: #01afee;
}
.main-content-wrapper {
	padding: 0 0 0 0;
	position: relative;
	z-index: 500;
	margin: 0 auto 30px auto;
	width: 978px;
}
.main-footer {
	width: 978px;
	margin: 0 auto;
	color: #fff;
	padding: 33px 0 0 0;
}
.remember {
	text-align:center;
	margin-bottom:20px;
}
.remember p {
	font-size:21px;
	font-weight:normal;
	color:#fff;
	padding:0;
	margin:0;
	background:#e42319;
	padding:9px 14px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:auto;
	display:inline-block;
}
.main-footer-wrapper {
	width: 100%;
	min-height: 175px;
	padding: 0 0 0 0;
	bottom: 0;
	
	z-index: 500;
}
.main-footer {
	position:relative;
	height:175px;
	background:url(../images/site/footer-bg.png) top left no-repeat;
}
.main-footer img.smalllogo {
	position:absolute;
	bottom:0;
	right:0;
}
.main-footer .address {
	width: 240px !important;
}
.main-footer .address a {
	background: none !important;
	padding: 0 !important;
	color:#32c7f9 !important;
}
.main-footer .menu {
	width: 180px;
	float: left;
	margin: 0 50px 0 0;
	color:#ababab;
	font-size:15px;
}
.main-footer .menu p {
	color:#e42319;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #4b4b4b;
}
.main-footer .lastmenu {
	margin:0 !important;
}
.main-footer .copyright {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 11px;
	font-weight: bold;
}
.main-footer .menu a {
	background: url(../images/site/bullet.png) 0 7px no-repeat;
	padding: 0 0 0 16px;
	color:#ababab;
}
.main-footer .menu a:hover, .main-footer .address a:hover {
	color: #ff6600 !important;
	text-decoration: none;
}
.main-footer .menu ul {
	list-style: none;
	padding:0;
	margin:0;
}
.main-footer .menu li {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}

.OptionLabel
{
color:#aa2e52; font-weight:bold; font-size:17px;
}

/* ----------------------  Data Grid Styles --------------------------------------------- */
table.basketList {width:630px; color:#51473c; font-size:14px;}
table.basketList td {padding:7px;}
table.basketList tr.bg {background:#d5cdc0;}
table.basketList th {color:#aa2e52; padding:7px 0; font-size:16px;}
table th.price, table td.price {width:100px; text-align:center;}
table th.desc  {text-align:left;}

.AlternatingRow
{
    background: #d5cdc0;
}

.EmptyRow
{
    color: #51473c;
    font-size: 14px;
}

.FooterRow
{
    
}

.HeaderRow
{
    font-weight: bold;
    height: 20px;
    padding: 4px;
}

.Row
{
    background-color: #EBEBEB;
}

.GVHeader
{
    color: #aa2e52;
    padding: 7px 0;
    font-size: 16px;
}

.Cell
{
    color: #51473c;
    font-size: 14px;
}

.DeliveryOptions
{
    font-size: 15px;
    color: #423b35;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* ---------------------- Form Styles ------------------------------------------------------------- */

.NormalText
{
    font-size: 15px;
    color: #423b35;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.FormLabel
{
 	width: 160px;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
	padding-top: 0px;
    font-size: 15px;
    color: #423b35;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.TextBox
{
    font-size: 15px;
}

.FormRow
{
	padding-bottom: 10px;
}

.FormRowButtons
{
	padding-bottom: 10px;
	text-align: right;
	width: 540px;
}

.FormBackground
{
    background-color: #EEEEEE;
    border: 1px solid #808080;
    padding: 10px;
}

h4
{
    color: #aa2e52;
    font-size: 18px;
    font-family: 'Courgette', cursive;
    letter-spacing: -1px;
    font-weight: bold;
}

.PriceLabel
{
    color: #aa2e52;
    font-weight: bold;
    font-size: 17px;
}

.PriceText
{
    color: #000000;
    font-size: 17px;
}

.YourDetailsDelivery
{
    padding-top: 8px;
    background-image: url('../Images/Site/YourDetailsDelBG.png');
    background-repeat: no-repeat;
}

.DelDetailsDelivery
{
    background-position: 0px 88px;
    background-image: url('../Images/Site/DelDetailsDelBG.png');
    background-repeat: no-repeat;
}

.YourDetailsShop
{
    padding-top: 8px;
    background-image: url('../Images/Site/YourDetailsShopBG.png');
    background-repeat: no-repeat;
}

.pnlDeliveryDate
{
    /*margin-top: 20px;*/
}

.pnlDeliveryInfo
{
    margin-top:20px;
    padding-top: 8px;
    background-position: 0px 0px;
    background-image: url('../Images/Site/DelDetailsDelBG.png');
    background-repeat: no-repeat;
}

.Signup
{
    padding: 2px 10px 0px 10px;
    background-image: url('../Images/Site/YourDetailsDelBG.png');
    background-repeat: no-repeat;
}

/*Home Page Sections*/

.SpecialOffers {
    width: 176px;
    float: left;
    padding: 0px;
    margin: 10px;
    text-align: center;
    background:url('../images/site/small-product-frame.png') no-repeat; width:176px; height:180px;
}

.SpecialOffers h4 {
    margin-top: 18px;
    margin-bottom: 4px;
}

.SpecialOffersText  {
    font-size: 18px; color: lime; width: 176px; line-height: 24px;
}

.SpecialOffersWithImage {
    width: 176px;
    float: left;
    padding: 0px;
    margin: 10px;
    text-align: center;
    /*border: solid black 1px;*/
    background:url('../images/site/large-product-frame.png') no-repeat; width:176px; height:280px;
}

.FAQPrefix {
    width: 30px;
    display: block;
    float: left;
}

.AllergenPrefix {
    width: 80px;
    display: block;
    float: left;
}