details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

.backtoprevious a {
	background-image: url("/images/static/common/buttons/icon-circular-left-arrow.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	bottom : -15px;
	padding-left: 21px;
    padding-right: 1.7em;
    padding-top: 2px;
	padding-bottom: 10px;
    position: relative;
	text-decoration: none;}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

dfn {
  font-style: italic; }

mark {
  background: yellow;
  color: #53565A; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 12px;}

legend {
  border: 0;
  padding: 0; }

button, 
input,
select,
textarea {
  font-family: inherit;
  font-size: 12px;
  margin: 0;
  resize: none; }

button, .orders-lightbox .no-button, .orders-lightbox .yes-button,
input {
  line-height: normal; }

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], .orders-lightbox [disabled].no-button, .orders-lightbox [disabled].yes-button,
input[disabled] {
  background-color: #d4d4d5;
  cursor: default; 
  }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; 
  vertical-align: middle;
  margin-top:3px;}
  
input[type="radio"]:after {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    content: "";}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }
  
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;}

input[type=number] {
    -moz-appearance:textfield;}

button::-moz-focus-inner, .orders-lightbox .no-button::-moz-focus-inner, .orders-lightbox .yes-button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  color: #53565A;
  font-family: "arial","Tahoma", "Geneva", sans-serif;}
@charset "UTF-8";

body{
    -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;}

@-webkit-keyframes fontfix{
	from{ 	opacity: 1; }
	to{	opacity: 1; }
}

@font-face {
    font-family: "WaitroseSymbolsCustom";
    font-style: normal;
    font-weight: normal;
	src: url('/css/fonts/Waitrose-websymbols-regular.eot'); /* IE 5-8 */ 
	src: url('/css/fonts/Waitrose-websymbols-regular.eot?#iefix') format('embedded-opentype'), 	/* src: local('?'),             sneakily trick IE */
        url('/css/fonts/Waitrose-websymbols-regular.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('/css/fonts/Waitrose-websymbols-regular.svg#font') format('svg'); /* iOS */}
@font-face {
    font-family: "Waitrose";
	src: url('/css/fonts/Waitrose-Regular.eot'); /* IE 5-8 */ 
	src: local('?'),      /*  sneakily trick IE */
        url('/css/fonts/Waitrose-Regular.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('/css/fonts/Waitrose-Regular.svg#font') format('svg'); /* iOS */
	font-weight: normal;
	font-style: normal;}
@font-face {
    font-family: "WaitroseBold";
    src: url('/css/fonts/Waitrose-Bold.eot'); /* IE 5-8 */ 
	src: local('?'),          /*  sneakily trick IE */
        url('/css/fonts/Waitrose-Bold.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('/css/fonts/Waitrose-Bold.svg#font') format('svg'); /* iOS */    
	font-weight: normal;
	font-style: normal;}

@font-face {
    font-family: "WaitroseLight";
    src: url('/css/fonts/Waitrose-Light.eot'); /* IE 5-8 */ 
    src: local('?'),          /*  sneakily trick IE */
        url('/css/fonts/Waitrose-Light.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('/css/fonts/Waitrose-Light.svg#font') format('svg'); /* iOS */    
	font-weight: normal;
	font-style: normal;}

html,
body {
  min-height: 100%; }

body {
  background-color: #f9f9f9;}

.outer-wrapper {
  background-image: url("/images/static/common/ss-homepage.png");
  background-repeat: repeat-x;
  background-position: center -380px; }
  
body.no-background {
  background-color: white;
  background-image: none;
}
 
body.groceries {
  background-position: 0 117px; }
  body.groceries .outer-wrapper {
    background-position: center -423px; }

.no-touch body.groceries .outer-wrapper {
  background-attachment: fixed; }

body.reduced {
  background-position: 0 94px; }
  body.reduced .outer-wrapper {
    background-position: center -456px; }

.wrapper {
  background: white; }

.row {
  display: table-row; }
  .row .col {
    float: left; }

/*.skip {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }*/
.skip a{
    border: 0 none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.skip a:active,.skip a:focus {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #ffffff, #eff3e9);
    border: 1px solid #adbf8b;
    padding: 7px 15px 7px 15px;
    overflow: none;
    position: absolute;
    height: auto;
    width: auto;
    color: #7d9946;
    text-decoration: none;
    font-size: 16px;
    font-family: WaitroseBold,"arial","Tahoma","Geneva",sans-serif;
    z-index: 250;
}
header {
  position: relative;
  z-index: 200; }
.wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto; }
  .wrapper.full-width {
    width: auto; }

.l-margins-page {
  width: 840px; }

.wrapper .content-wrapper {
  position: relative;
  clear: left;
  padding: 0 10px 20px 10px;
  border-top: 1px solid #D6D6D6;}
  .wrapper .content-wrapper:before, .wrapper .content-wrapper:after {
    content: " ";
    display: table; }
  .wrapper .content-wrapper:after {
    clear: both;}
  .wrapper .content-wrapper.groceries {
    padding-top: 175px;
	/*padding-bottom: 100px;*/	}
  .wrapper .content-wrapper.groceries-home {
    padding: 175px 20px 20px 10px; } 
.touch .wrapper .content-wrapper.groceries-home {
    padding-top: 44px} 
  
.touch .wrapper .content-wrapper.groceries {
  padding-top: 44px; }

.groceries.reduced + .wrapper .content-wrapper {
  padding-top: 182px; }

.touch .groceries.reduced + .wrapper .content-wrapper {
  padding-top: 44px; }

.touch .groceries.reduced + .wrapper .content-wrapper.logged-in {
  padding-top: 11px; }

.breadcrumbs {
  margin: 10px 0; }

nav.secondary,
.l-content {
  float: left; }

.r-content {
  margin-left: 250px; }
.my-account  .r-content , .my-account.my-payment-details.billing-address{
  margin-left: 250px;}

.m-col-wide {
  float: left;
  width: 420px;
  margin-top: -12px; }

.r-col-narrow {
  width: 240px;
  margin-left: 440px; }

.two-col:before, .two-col:after {
  content: " ";
  display: table; }
.two-col:after {
  clear: both; }
.two-col .l-content {
  width: 650px; }
.two-col .r-content {
  width: 250px;
  margin-left: 670px; }

.tab .l-col {
  float: left;
  width: 450px; }
.tab .r-col {
  width: 230px;
  margin-left: 470px; }

footer {
  clear: both; }

.w-960, footer, .outer-wrapper > header {
  margin: 0 auto;
  width: 960px; }

.w-820 {
  margin: 0 auto;
  width: 900px; }

.w-560 {
  width: 560px; }
  
.content-wrapper a {
  color: #587c13;
  text-decoration: underline;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: "linear";
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: "linear";
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: "linear";
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: "linear";
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: "linear"; }

.content-wrapper .account-landing p a{
	color: #587c13; 
	text-decoration: underline;}
a.myaccountlink{ 
  text-decoration: underline;
  color: #53565A;}
  .content-wrapper a:hover, .content-wrapper a:visited:hover {
	text-decoration: underline;}
.content-wrapper .m-product-cell  a {
	color: #53565A;}
  .content-wrapper .m-product-cell  a:visited {
    color: #53565A; }
.content-wrapper nav a {
  text-decoration: none; }
.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3 {
  font-weight: normal; }
.content-wrapper h1 {
  color: #53565A;
  font: 21px/34px Arial;
  font: 24px/30px Waitrose;
  text-rendering: optimizelegibility;}
.content-wrapper h2 {
  color: #53565A;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px; }
.content-wrapper h2.large {
  color: #53565A;
  margin-left: 20px;
  font-size: 18px;
  line-height: 30px; }
.content-wrapper .order-preview h2.large,
.content-wrapper .review-your-order h2.large, 
.order-confirmation h2.large, 
.personalise-overlay h2.large ,
.delivery-service h2.large{
margin-left: 0px;}
#resultsshowing {margin: 0 0 10px 0;}
#sortable h2.large {
  margin:5px 0 10px 0;}
.modal h4,
.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6 {
  color: #53565A;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px; }
.favourites .favHeaders {
	width:832px;
	min-height: 100px;}
.favourites .favAndLists {
    width: 380px;
	float: left;}
.favourites .importProductContents {
	background-color: #f9f9f9;
    float: right;
    min-height: 50px;
    width: 430px;}
.favourites .importProductContents .importContents {
	float: left;
    margin: 9px 0 0 20px;
    width: 195px;}
.content-wrapper .hr-dotted {
  display: block;
  width: 100%;
  height: 2px;
  margin: 10px 0;
  background: url("/images/static/common/horizontal-rule-dotted.gif") repeat-x 0 0 transparent; 
  border-style: none;}
.content-wrapper p,
.content-wrapper blockquote,
.content-wrapper label,
.content-wrapper li,
.content-wrapper th,
.content-wrapper td,
.orderpreview_note {
  color: #53565A;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px; 
  }
.orderpreview_note{
  word-wrap: break-word;
}
.content-wrapper blockquote {
  margin: 0;
  font-style: italic; }
input {
  color: #53565A; }

.placeholder {
  color: #999999; }

input::-webkit-input-placeholder {
  color: #999999; }

input:-moz-placeholder {
  color: #999999; }

input:-ms-input-placeholder {
  color: #999999; }

hr.shadowed {
  clear: both;
  position: relative;
  height: 0px;
  padding: 0;
  margin: 0;
  background: white;
  border: 0 none;
  overflow: hidden; }
  hr.shadowed.shadowed.longer:after {
    width: 100%;
    left: -45%; }

hr.with-shadowed-arrow {
  height: 17px;
  margin: -1px 0 0 0;
  border: 0 none;
  background: url("/images/static/common/ss-favourites.png") no-repeat center -66px transparent; }

  .m-side-note h2 {
    color: white;
    font-size: 1em;
    font-weight: normal; }

.evidence {
  font-weight: bold; }

.content-wrapper .button,
header .button {
  display: inline-block; }
  .content-wrapper .button a,
  .content-wrapper .button .buttoninner,
  .content-wrapper .button a:hover,
  .content-wrapper .button .buttoninner:hover,
  .content-wrapper .button a:visited,
  header .button a,
  header .button a:hover,
  header .button a:visited {
    color: white;
    text-decoration: none; }
  .content-wrapper .button.secondary-button a,
  .content-wrapper .button.secondary-button .buttoninner,
  .content-wrapper .button.secondary-button a:hover,
  .content-wrapper .button.secondary-button .buttoninner:hover,
  .content-wrapper .button.secondary-button a:visited,
  header .button.secondary-button a,
  header .button.secondary-button a:hover,
  header .button.secondary-button a:visited {
    color: #5c8018;
    text-decoration: none; }
  .content-wrapper .button.cancel-button a,
  .content-wrapper .button.cancel-button .buttoninner,
  .content-wrapper .button.cancel-button a:hover,
  .content-wrapper .button.cancel-button .buttoninner:hover,
  .content-wrapper .button.cancel-button a:visited,
  header .button.cancel-button a,
  header .button.cancel-button a:hover,
  header .button.cancel-button a:visited {
    color: #5c8018;
    
    text-decoration: none; }
.button {
  display: block;
  padding: 0;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
  left-padding: 0.5px;}
  .button a, .button .buttoninner,
  .content-wrapper .book-slot .delivery-option .button a  {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 16px;
    padding: 10px 20px;
    vertical-align: middle;
    color: white;
    text-decoration: none;
    background-position: 100% 1px;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font: bold 17px/16px Arial;
    font: 18px/16px WaitroseBold;}
   .button p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 11px 0px 13px;
	border: none;
	font-size: 1.1em;
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 1.4em;
	line-height: 16px;
	vertical-align: middle;
	color: white;
	text-decoration: none;
	background-position: 100% 1px;
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
.button.cancel-button {
  float: left;
  position: relative;
  right: 2px;
}
.button.cancel-button input,
.button.cancel-button a{
	color: #5C8018;
}
#conflicts-overlay-trolley-button:hover{
color:#ffffff;}

.lt-ie9 .button a {
  padding: 8px 10px; }

.gradient-button, .button.large-cta-button,
.button.content-button, form .button, header .checkout .button, header .delivery .button, .content-wrapper .products-grid .m-product-buttons-container .add-button, .flyout.add-product-flyout .add-button, .flyout.personal-shopper-note-flyout .add-button, .content-wrapper .products-grid .m-product-buttons-container .add-button.option-button, .content-wrapper .products-list .m-product-buttons-container .add-button.option-button {
  background-color: #7d9946;
  background-image: -webkit-linear-gradient(top, #7d9946, #5c8018);
  background-image: -moz-linear-gradient(top, #7d9946, #5c8018);
  background-image: -ms-linear-gradient(top, #7d9946, #5c8018);
  background-image: -o-linear-gradient(top, #7d9946, #5c8018);
  background-image: linear-gradient(top, #7d9946, #5c8018);}
  .gradient-button:hover, .button.large-cta-button:hover,
  .button.content-button:hover, form .button:hover, header .checkout .button:hover, header .delivery .button:hover, .content-wrapper .products-grid .m-product-buttons-container .add-button:hover, .flyout.add-product-flyout .add-button:hover, .flyout.personal-shopper-note-flyout .add-button:hover, .content-wrapper .products-grid .m-product-buttons-container .add-button.option-button:hover, .content-wrapper .products-list .m-product-buttons-container .add-button.option-button:hover {
    background-color: #5c8018;
    background-image: -webkit-linear-gradient(top, #5c8018, #5c8018);
    background-image: -moz-linear-gradient(top, #5c8018, #5c8018);
    background-image: -ms-linear-gradient(top, #5c8018, #5c8018);
    background-image: -o-linear-gradient(top, #5c8018, #5c8018);
    background-image: linear-gradient(top, #5c8018, #5c8018); }
  .gradient-button.is-focused, .is-focused.button.large-cta-button,
  .is-focused.button.content-button, form .is-focused.button, header .checkout .is-focused.button, header .delivery .is-focused.button, .content-wrapper .products-grid .m-product-buttons-container .is-focused.add-button, .flyout.add-product-flyout .is-focused.add-button, .flyout.personal-shopper-note-flyout .is-focused.add-button, .content-wrapper .products-grid .m-product-buttons-container .is-focused.add-button.option-button, .content-wrapper .products-list .m-product-buttons-container .is-focused.add-button.option-button {
    background-color: #5c8018; }

.secondary-button{
	  background-color: #ffffff;
	  background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: linear-gradient(top, #ffffff, #eff3e9); }
  .secondary-button:hover{
       background-color: #eff3e9;
	   background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: linear-gradient(top, #eff3e9, #eff3e9); }
.button.content-button.my-orders, .button.content-button.my-favourites, .my-account .button.gradient-button.delete-address, 
.clicktobuylist  .button.cancel-button, .button.content-button.print-confirmation,
.order-confirmation.delivery-summary-nav .button.content-button.log-out {
	  border: 1px solid #ADBF8B;
	  background-color: #ffffff;
	  margin-bottom: 10px;
	  background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: linear-gradient(top, #ffffff, #eff3e9); }
.secondary-button.is-focused, .button.content-button.my-orders:hover, .button.content-button.my-favourites:hover, 
.my-account .button.gradient-button.delete-address:hover, .button.content-button.print-confirmation:hover,
.order-confirmation.delivery-summary-nav .button.content-button.log-out:hover {
       background-color: #eff3e9;
	   border: 1px solid #ADBF8B;
	   background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: linear-gradient(top, #eff3e9, #eff3e9); }
	.button.content-button.my-orders a, .clicktobuylist  .button.cancel-button  a, .clicktobuylist  .button.cancel-button a:hover,
	.button.content-button.my-favourites a, .my-account .delete-address a, .my-account .delete-address a:hover,
	.button.content-button.print-confirmation a, .button.content-button.print-confirmation a:hover,
	.order-confirmation.delivery-summary-nav .button.content-button.log-out a, .order-confirmation.delivery-summary-nav .button.content-button.log-out a:hover{
	color: #5c8018;
	padding: 9px 20px;}
.button.large-cta-button a,
.button.content-button a {
  background-position: 100% 1px;
  background-repeat: no-repeat; 
  text-decoration: none;}

.button.large-cta-button {
  font-size: 18x; }
  .button.large-cta-button a {
    padding-left: 45px;
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px; }
    .button.large-cta-button a:before {
      left: 10px;
      height: 35px;
      margin-top: -18px;
      background-position: 0px -249px; }

.button.content-button {
  font-size: 18px; }
.button.content-button.import-product { 
  width:131px;float: right;}
.button.content-button.right {
    float: right;
	margin-top: 10px;}
.interstitials .button.content-button.right {
    margin-bottom: 100px;}
.interstitials .heading .button.content-button.right {
    margin-bottom: 0;}
.button.content-button.import {
   float: right;
   margin: 20px 20px 20px 10px; }
  .button.content-button a {
	padding: 10px 20px 10px 20px;}
.button.content-button a:after {
    margin-top: -8px;
    right: 6px; }
.button.content-button.no-image input,
.button.content-button.no-image a,
.button.content-button.no-image .buttoninner {
  padding-right: 20px; }
.button.content-button.secondary-button input,
.button.content-button.secondary-button a,
.button.content-button.secondary-button .buttoninner {
 padding: 10px 20px 8px;
 color: #5c8018;}
 .button.content-button.secondary-button.is-disabled a {
 padding: 10px 20px;
 color: #ffffff;}
.button.content-button.no-image a:after {
  background: none; }

.button.content-button.arrow-down a {
  padding-right: 30px; }
.button.content-button.arrow-down a:after {
  right: -12px;
  margin-top: -12px;
  background-image: url("/images/static/common/ss-icons.png");
  background-position: -337px -541px; }

.button.offer-button {
  font-size: 0.9em;
  background-color: #a91515;
  background-image: -webkit-linear-gradient(top, #a91515, #9f1212);
  background-image: -moz-linear-gradient(top, #a91515, #9f1212);
  background-image: -ms-linear-gradient(top, #a91515, #9f1212);
  background-image: -o-linear-gradient(top, #a91515, #9f1212);
  background-image: linear-gradient(top, #a91515, #9f1212); }
  .button.offer-button:hover, .button.offer-button.is-focused {
    background-color: #971313;
    background-image: -webkit-linear-gradient(top, #971313, #710c0c);
    background-image: -moz-linear-gradient(top, #971313, #710c0c);
    background-image: -ms-linear-gradient(top, #971313, #710c0c);
    background-image: -o-linear-gradient(top, #971313, #710c0c);
    background-image: linear-gradient(top, #971313, #710c0c); }
  .button.offer-button a {
    font-size: 1.3em;
    color: white;
    background: none; }

form .button input {
  padding: 7px 20px;
  border: none;
  color: white;
  background-color: transparent;
  font: bold 17px/16px Arial;
  font: 18px/16px WaitroseBold;
  cursor: pointer; }
  form .secondary-button input {
  color: #5c8018;}
  form .secondary-button.is-disabled input {
  color: #ffffff;}
  form .button input:focus {
    outline: thin dotted; }
  form .button.no-image.secondary-button.is-disabled input {
	cursor: default;}
  form .button.no-image.secondary-button input {
	cursor: pointer;}	
  form .button.no-image input {
  background: none;
  padding-right: 15px; }

.button.submit-button {
  float: right;
  position: relative;
  margin-top: 15px; }
.available_actions .button.submit-button{
  float: left;}

a.secondary {
  padding: 2px 0 4px 24px;
  background-image: url("/images/static/common/ss-homepage.png");
  background-position: 1px -290px;
  background-repeat: no-repeat; }
  a.secondary:active {
    background-position: 1px -329px; }

a.secondary-right {
  padding: 2px 24px 4px 0;
  background-image: url("/images/static/common/buttons/icon-circular-right-arrow.png");
  background-position: 100%;
  background-repeat: no-repeat; }
  a.secondary-right:active {
    background-image: url("/images/static/common/buttons/icon-active-circular-right-arrow.png"); }

a.secondary-arrow-right {
  padding: 0px 4px 4px 24px;
  background-image: url("/images/static/common/ss-icons.png");
 background-position: -327px -30px;
  background-repeat: no-repeat; }
 .order-navigation a.secondary-arrow-right {
 color: #53565A;
 font-size: 13px;
 font-weight: bold;}
  a.secondary-arrow-right:hover, a.secondary-arrow-right:active {
	background-image: url("/images/static/common/ss-icons.png");
	background-position: -327px -30px;
	background-repeat: no-repeat;	}
a.secondary-arrow-up {
  padding: 0px 4px 4px 24px;
  background-image: url("/images/static/common/ss-jotter-product.png");
  background-repeat: no-repeat;
  background-position: -81px -4px; }
  a.secondary-arrow-up:hover {
    background-image: url("/images/static/common/ss-jotter-product.png"); }
  a.secondary-arrow-up:active {
    background-image: url("/images/static/common/ss-jotter-product.png"); }

a.secondary-arrow-left {
  padding: 0 4px 4px 3px;
  line-height: 1.5em; }
  a.secondary-arrow-left:before {
    content: "";
    display: block;
    float: left;
    width: 22px;
    height: 23px;
    background-image: url("/images/static/common/ss-jotter-product.png");
    background-repeat: no-repeat;
    background-position: -4px -1px; }
  a.secondary-arrow-left:hover:before {
    background-image: url("/images/static/common/ss-jotter-product.png"); }
  a.secondary-arrow-left:active:before {
    background-image: url("/images/static/common/ss-jotter-product.png"); }

  a.cancel-button .txt, .content-wrapper .m-product-cell .flyout-note.note-cta {
    text-decoration: underline;
    color: #5C8018;	}
  a.cancel-button .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -3px -2px 0 0;
    line-height: 18px;
    text-indent: -4000px;
    background-repeat: repeat-x;
    background-color: transparent;
    cursor: pointer; }
    a.cancel-button .icon:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      display: inline-block;
      width: 16px;
      height: 17px;
      margin: 0 auto;
      vertical-align: top;
      background-image: url("/images/static/common/ss-product.png");
      background-position: 4px -134px; }

.button.trolley-button, .button.cancel-button {
  background-color: #FFFFFF;
  border: 1px solid #ADBF8B;
  background-color: #ffffff;
	  background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: linear-gradient(top, #ffffff, #eff3e9); }
  .button.trolley-button:hover, .button.trolley-button.is-focused, .button.cancel-button:hover{
    background-color: #eff3e9;
	   background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: linear-gradient(top, #eff3e9, #eff3e9); }
  .button.trolley-button input, .button.trolley-button a, .button.cancel-button input, .button.cancel-button a {
    padding-right: 15px; }
  .button.trolley-button a:after, .button.cancel-button a:after {
    background: none; }
  .button.trolley-button a, .button.cancel-button a {
    padding-right: 18px;
    padding-left: 18px; }

.secondary-button, .button.secondary-button, .button.cancel-button.is-focused  {
    border: 1px solid #ADBF8B;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	background-image: linear-gradient(top, #ffffff, #eff3e9); }
  .secondary-button:hover, .secondary-button.is-focused, .button.secondary-button:hover, .button.secondary-button.is-focused, 
  .load-more .button.content-button:hover, .button.cancel-button.is-focused:hover  {
    border: 1px solid #ADBF8B;
	background-color: #eff3e9;
	background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: linear-gradient(top, #eff3e9, #eff3e9); }

.overlay-popup .button a, .overlay-popup .button a:hover, .overlay-popup .button a:visited, .overlay-popup .button a:visited:hover {
  text-decoration: none; }
  .overlay-popup .button a:focus, .overlay-popup .button a:hover:focus, .overlay-popup .button a:visited:focus, .overlay-popup .button a:visited:hover:focus {
    outline: thin dotted; }
  .overlay-popup .button a:after, .overlay-popup .button a:before, .overlay-popup .button a:hover:after, .overlay-popup .button a:hover:before, .overlay-popup .button a:visited:after, .overlay-popup .button a:visited:before, .overlay-popup .button a:visited:hover:after, .overlay-popup .button a:visited:hover:before {
    width: 0;
    height: 0; }

.content-wrapper table {
  width: 100%; }
  .content-wrapper table thead th {
    padding-bottom: 12px;
    color: #53565A;
    font-weight: bold;
    text-align: right; }
    .content-wrapper table thead th:first-child {
      text-align: left; }
  .content-wrapper table tbody tr {
    border-bottom: 1px solid #eeeeee; }
  .content-wrapper table tbody tr.noBottomBorder{
    border-bottom: none; }
  .content-wrapper table tbody th {
    font-weight: bold;
    text-align: left; }
  .content-wrapper table tbody th,
  .content-wrapper table tbody td {
    padding-top: 4px;
    padding-bottom: 4px; }
  .content-wrapper table tbody td {
    text-align: left; }
.content-wrapper .delivery-service table tbody td {
	text-align: right;}
form .hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.content-wrapper form:before, .content-wrapper form:after {
  content: " ";
  display: table; }
.content-wrapper form:after {
  clear: both; }
.content-wrapper form fieldset, form#checkCollectionLocationSubscriber fieldset {
  padding: 20px;
  margin-bottom: 25px;
  border: none;
  background: #f9f9f9;
  position: relative; }
.content-wrapper .instruction {
  top: -34px;
  right: 5px;
  color: #727272;
  font-size: 12px; }
.content-wrapper .personal-deatails .instruction, .content-wrapper .logindetails .instruction {
	float: right;
	margin: 0 170px 0 10px;}
.content-wrapper .logindetails .instruction  {
	margin: 0 80px 0 10px;}
.content-wrapper form fieldset div {
  margin-bottom: 15px; }
  .content-wrapper form fieldset div:last-child {
    margin: 0; }
  .content-wrapper form fieldset div:last-child {
    margin: 0; }
#products div.offerDetails {
   margin-bottom: 0px; }
.content-wrapper form label {
  float: left;
  width: 146px; }
.promocode label {
  width: 100%!important; 
  margin-bottom:5px;}
.content-wrapper form .checkbox-wrapper {
  padding-left: 146px; }
.billing  .checkbox-wrapper {
  padding-left: 65px!important;}
.content-wrapper form .checkbox-label {
  float: none; }
  .content-wrapper form .radio-wrapper input {
    float: left;
    margin-right: 10px;
    margin-top: 5px; }
.content-wrapper form .radio-label {
  float: none; }
.content-wrapper form input[type="text"],
.content-wrapper form input[type="number"],
.content-wrapper form input[type="email"],
.content-wrapper form input[type="password"],
.content-wrapper form textarea {
  padding: 5px 10px;
  font-size: 12px; }
.content-wrapper form input[type="text"],
.content-wrapper form input[type="number"],
.content-wrapper form input[type="email"],
.content-wrapper form input[type="password"] {
  width: 190px;
  height: 24px!important; 
  padding: 0px 10px 0 10px;
  line-height: 1;
  line-height: 24px\9; /*for IE */
  font-size: 12px;
  color: #53565A;
  display: inline;
  margin-bottom: 4px;
  border: 1px solid #a7a9ac;}
  .content-wrapper form input[type="text"].reduced,
  .content-wrapper form input[type="number"].reduced,
  .content-wrapper form input[type="email"].reduced,
  .content-wrapper form input[type="password"].reduced {
    width: 115px; }
.content-wrapper form textarea {
  width: 336px;
  height: 90px;
  border: 1px solid #aaaaaa; }
.content-wrapper .delivery-address-registration form textarea {
  width:488px;}
.content-wrapper .edit-new-address textarea {
	height: 40px;
	width: 327px;
	width: 310px\9;
	margin-bottom: 12px;
	margin-bottom: 0\9;}
.content-wrapper form a.secondary {
  position: relative;
  top: -2px;
  font-size: 12px; }
.content-wrapper form a.secondary.right#add-gift-voucher {
  position: relative;
  margin-left: 5px;
  top: -2px;
  font-size: 1em; }
  
.content-wrapper form .required label:after {
  content: "*"; }
.promocode {clear: both}
.content-wrapper form .promocode label:after {
  content: ""; }
.content-wrapper form .error {
  margin-bottom: 0px; }
  .content-wrapper form .error input,.content-wrapper form .error select, .content-wrapper form .error textarea {
    background: #ffea00; }
.content-wrapper form input[type="text"],.content-wrapper form input[type="number"] {
  border: 1px solid #aaaaaa; }
  .content-wrapper form input[type="text"] .button {
    background: transparent; }
.content-wrapper form .error-msg {
  margin-left: 157px; }
  .content-wrapper form .error-msg:last-child {
    margin-left: 157px; }
  .content-wrapper form .error-msg p {
    margin: 0; 
	color: #C0002b;}
 .messagePlaceHolder .error-msg {
	color: #c0002b;
    display: block;
    font-size: 12px;
    font-weight: bold;}
.checkout form .error-msg {
  margin-left: 147px; 
  margin-bottom: 0px;}
.content-wrapper form .help-content {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 4px;
  width: 14px;
  height: 14px;
  background-image: url("/images/static/pages/checkout/ss-payment.png");
  background-position: 0 -223px;
  background-repeat: no-repeat; }

.file-upload-section {
  position: relative;
  height: 35px;
  margin: 8px 0; }
  .file-upload-section input[type="file"] {
    position: absolute;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  .file-upload-section .file-upload-controls {
    position: absolute;
    z-index: 1; }
    .file-upload-section .file-upload-controls .button {
      display: inline-block; }
      .file-upload-section .file-upload-controls .button a {
        padding: 5px 12px;
        color: white;
        text-decoration: none; }

.content-wrapper .book-slot form .error-msg {
  margin-left: 146px; }

.noscript {
  background: #ffea00; }
  .noscript p {
    margin: 0;
    padding: 10px; }

.social {
  position: relative;
  clear: both;
  padding-right: 10px;
  height: 40px;
  background: white;
  z-index: 100; }
  .social ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .social p {
    display: inline-block;
    font-size: 14px;
    line-height: 0;
    margin: 0 0 5px;
    padding-right: 5px;
    padding-top: 16px;}
  .social li {
    display: inline-block;
    margin-left: 6px;
    background-color: #f9f9f9; }
  .social a {
    display: block;
    width: 22px;
    height: 22px;
    text-decoration: none;
    background-repeat: no-repeat;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    hover-text-decoration: none; }
  .social .facebook {
    background-image: url("/images/static/common/ss-social.png");
    background-position: 0 0; }
  .social .twitter {
    background-image: url("/images/static/common/ss-social.png");
    background-position: -31px 0px; }
  .social .g-plus {
    background-image: url("/images/static/common/ss-social.png");
    background-position: -62px 1px; }
  .social .pintrest {
    background-image: url("/images/static/common/ss-social.png");
    background-position: -94px 0px; }
  .social .share-this {
    background-image: url("/images/static/common/ss-social.png");
    background-position: -127px 1px; }
  .social .youtube {
	background-image: url("/images/static/common/ss-social.png");
	background-position: -158px 0;}
footer .feedback {
    background-color: white;
    border: 1px solid #777777;
    padding: 15px;
    position: relative;
    width: 190px;}
	footer .feedback h3 {
		font-size: 1.5em;
		font-weight: normal;
		margin: 0;}
	footer .feedback a {
		font-weight: bold;
		text-decoration: underline;}
	footer .feedback .image {
		background-image: url("/images/static/common/ss-homepage.png");
		background-position: 64px 230px;
		height: 60px;
		position: absolute;
		right: 10px;
		top: 40px;
		width: 64px;}
footer .mobile{
	margin-top: 10px;}
	footer .mobile .image {
		background-image: url("/images/static/common/ss-homepage.png");
		background-position: 10px 249px;
		float: left;
		height: 20px;
		width: 10px;}
	footer .mobile p{
		float: left;
		font-size: 1.2em;
		margin: 0 0 0 10px;}
footer .social{
	margin-top: 10px;
	background: none;}
footer {
  position: relative;
  height: 370px; }
  footer .footer-wrapper {
    position: absolute;
    padding: 10px 30px 0;}
  footer .footer-wrapper:before {
    content: "";
    position: absolute;
    top: -6px;
    width: 800px;
    margin: 0 80px;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;}
  footer p {
    color: #777777;}
  footer a {
    color: #777777;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  footer h2 {
    clear: both;
    width: 120px;
    margin-bottom: 0;
    font-size: 1.1em;
	min-height:23px;
    background: url("/images/static/common/ss-homepage.png") -5px -10px no-repeat;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden; }
  footer h3 {
    margin-bottom: 0;
    color: #666666;
	font-size: 14px;;
    font-weight: bold; }
  footer ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none; }
  footer .footer-column {
    float: left;
    width: 140px;
    margin-right: 30px;
	font-size: 12px;}
    footer .footer-column li {
	  margin-top: 5px;}
    footer .footer-column a {
      line-height: 16px; }
	footer .footer-column.last {
		margin-right: 0;
		margin-top: 1em;
		width: 220px;
	}
  footer .copyright {
    clear: both;
    margin-bottom: 30px;
    padding-top: 10px;
    color: #999999;
    font-size: 0.8em; }

.boxed-content {
  margin-bottom: 12px; }
  .boxed-content .boxed-content-inner .boxed-content-title {
    background-color: #6b5e50;
    background-image: -webkit-linear-gradient(top, #6b5e50, #484036);
    background-image: -moz-linear-gradient(top, #6b5e50, #484036);
    background-image: -ms-linear-gradient(top, #6b5e50, #484036);
    background-image: -o-linear-gradient(top, #6b5e50, #484036);
    background-image: linear-gradient(top, #6b5e50, #484036); }
    .boxed-content .boxed-content-inner .boxed-content-title h3 {
      margin: 0;
      padding: 12px;
      color: white;
      font-weight: bold;
      text-align: left; }
  .boxed-content .boxed-content-inner .boxed-content-description {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-top-bottom-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #eeeae7; }
    .boxed-content .boxed-content-inner .boxed-content-description p {
      margin: 0;
      padding: 12px;
      text-align: left; }

.boxed-form .boxed-content-inner {
  border: 1px solid #bab7b0; }
  .boxed-form .boxed-content-inner h2.boxed-content-title {
    margin: 0;
    padding: 4px 12px;
    color: white; }
.boxed-form .boxed-form-instructions {
  padding: 12px; }
  .boxed-form .boxed-form-instructions p.form-instructions {
    float: left;
    width: 65%; }
  .boxed-form .boxed-form-instructions p.toggle-container {
    float: right;
    width: 30%;
    text-align: right; }
  .boxed-form .boxed-form-instructions span.clearfix {
    display: block;
    clear: both; }
.boxed-form .boxed-form-form {
  clear: both;
  padding: 18px 12px; }
  .boxed-form .boxed-form-form.form-no-title form .instruction {
    top: -18px; }
  .boxed-form .boxed-form-form form textarea {
    width: 305px; }
.boxed-form .form-footer h2 {
  border-top: 1px dotted #bab7b0;
  margin: 8px 0 8px;
  padding-top: 18px;
  color: #53565A;
  font-size: 1.8em; }
  .boxed-form .form-footer h2 span {
    color: #53565A; }
.boxed-form .form-footer input[type="checkbox"] {
  float: none; }
  .boxed-form .form-footer input[type="checkbox"] + label {
    float: none; }

.collapsible .collapsible-target.collapsed {
  display: none; }

.gmap .label {
  position: absolute;
  margin-top: -26px;
  margin-left: -10px;
  font-size: 11px;
  color: white;
  width: 20px;
  text-align: center; }

.overlay-popup {
  display: none;
  position: fixed;
  top: 15%;
  width: 100%;
  z-index: 10001; }
  .overlay-popup .overlay-popup-inner {
    position: relative; }
  .overlay-popup.overlay-popup-large {
    top: 50px; }
  .overlay-popup.overlay-conflicts-overlay {
    top: 50px; }
  .overlay-popup a {
    color: #587c13;
    text-decoration: underline;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: "linear";
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: "linear"; }
    .overlay-popup a:hover, .overlay-popup a:visited:hover {
      color: #587c13;
	 text-decoration: underline;	  }
    .overlay-popup a:visited {
      color: #587c13; }
  .overlay-popup nav a {
    text-decoration: none; }
  .overlay-popup h1,
  .overlay-popup h2,
  .overlay-popup h3 {
    font-weight: bold; }
  .overlay-popup h2 {
    color: #53565A;
    font-size: 18px;
    line-height: 18px;
    margin-top: 4px; }
  .overlay-popup h3 {
    color: #53565A;
    font-size: 16px;
    line-height: 18px; }
  .overlay-popup h4 {
    color: #53565A;
    font-size: 14px;
    line-height: 18px; }
div.cell.product a:hover {
text-decoration: underline;}
div.cell.product a {
text-decoration: none;}
.overlay-popup p,
.overlay-popup blockquote,
.overlay-popup label,
.overlay-popup li,
.overlay-popup th,
.overlay-popup td {
  color: #53565A;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px; }
.overlay-popup blockquote {
  margin: 0;
  font-style: italic; }

.overlay-popup form fieldset {
  padding: 15px;
  border: none;
  background: #f6f4f2;
  position: relative; }
.overlay-popup form .instruction {
  text-align: right;
  color: #999999;
  font-size: 12px; }
.overlay-popup form fieldset div {
  margin-bottom: 15px; }
  .overlay-popup form fieldset div:last-child {
    margin: 0; }
.overlay-popup form label {
  float: left;
  width: 146px; }
  .overlay-popup form label.hidden {
    display: none; }
.overlay-popup form input[type="text"],
.overlay-popup form textarea {
  padding: 5px 10px;
  border: 1px solid #f0ece9;
  font-size: 12px; }
  .overlay-popup form input[type="text"]:focus,
  .overlay-popup form textarea:focus {
    outline: none; }
.overlay-popup form input[type="text"] {
  width: 220px;
  height: 15px; }
  .overlay-popup form input[type="text"].reduced {
    width: 115px; }
.overlay-popup form textarea {
  width: 236px;
  height: 90px; }
.overlay-popup form a.secondary {
  position: relative;
  top: -2px;
  font-size: 12px; }
.overlay-popup form .required label:after {
  content: "*"; }
.overlay-popup form .required-textarea label {
  display: none; }
.overlay-popup form .required-textarea .error textarea {
  background: #ffea00; }
.overlay-popup form .required-textarea .error-msg p {
  text-align: left; }
.overlay-popup form .error {
  margin-bottom: 5px; }
  .overlay-popup form .error:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 30px;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: 100% -97px;
    background-repeat: no-repeat; }
  .overlay-popup form .error input {
    background: #ffea00; }
.overlay-popup form .error-msg {
  margin-left: 157px; }
  .overlay-popup form .error-msg p {
    margin: 0; }
.overlay-popup form .clearfix {
  clear: both; }
.overlay-popup form.toolbox-title-form label {
  width: 126px; }
.overlay-popup form.toolbox-title-form .error-msg {
  margin-left: 127px;
  margin-bottom: 10px; }

.overlay-popup .toolbox-close {
  text-align: right; }
.overlay-popup.overlay-popup-delivery-confirmation .toolbox-close {
	float: right;}
  .overlay-popup .toolbox-close a,
  .overlay-popup  a.toolbox-printOverlay {
    font-size: 12px;
	color: #5C8018;}
    .overlay-popup .toolbox-close a:focus {
      outline-color: #5C8018; }

.overlay-popup-orders h3 {
  margin-top: 0; }
.overlay-popup-orders .button {
  float: right;
  margin-top: 0.5em; }
  .overlay-popup-orders .button.toolbox-close a {
    font-size: 1em; }
.overlay-popup-orders .secondary-button {
  margin-right: 20px; }

.results-warning p {
  background-color: #fff8d9;
  background-image: url("/images/static/common/results-warning.png");
  background-position: 6px 50%;
  background-repeat: no-repeat;
  padding: 8px 8px 8px 34px;
  border: 1px dotted #cdcdcd; }

.services-bar {
  position: fixed;
  left: -135px;
  opacity: 0.5;
  -webkit-transition-property: opacity, left;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: "linear";
  -moz-transition-property: opacity, left;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: "linear";
  -ms-transition-property: opacity, left;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: "linear";
  -o-transition-property: opacity, left;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: "linear";
  transition-property: opacity, left;
  transition-duration: 0.3s;
  transition-timing-function: "linear"; }
  .services-bar:hover {
    z-index: 2000;
    left: 0;
    opacity: 1; }
  .services-bar ul {
    width: 175px;
    height: 35px;
    margin: 0;
    padding: 0;
    border: 1px solid #483f36;
    background: #786d61;
    list-style-type: none;
    -webkit-box-shadow:  0 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  0 0 3px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:  0 0 3px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow:  0 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow:  0 0 3px 3px rgba(0, 0, 0, 0.2);}
  .services-bar li {
    float: left;
    line-height: 35px;
    margin-left: 4px; }
    .services-bar li.return {
      padding-left: 10px; }
  .services-bar a {
    height: 35px;
    color: white; }
  .services-bar .person a,
  .services-bar .phone a {
    display: block;
    width: 32px;
    background-image: url("/images/static/header/ss-services-bar.png");
    background-repeat: no-repeat;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden; }
  .services-bar .person a {
    width: 37px;
    background-position: 0px 5px; }
  .services-bar .phone a {
    background-position: -40px 5px; }

.outer-wrapper > header {
  height: 215px;
  background: white;}
  .outer-wrapper > header a {
    text-decoration: none; }
    .outer-wrapper > header a:hover {
      text-decoration: underline; }
  .outer-wrapper > header .logo {
    float: left;
	height: 63px;
    margin-top: 21px;
    margin-bottom: 22px; }
  .outer-wrapper > header .logo a {
    display: block;
    width: 178px;
    height: 62px;
    margin-left: 20px;
    background: url("/images/static/common/ss-homepage.png") -6px -33px no-repeat;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden; }
  .outer-wrapper > header .warrants {
    float: left;
    width: 258px;
   margin: 10px 7px 0 7px; }
   header .warrants .warrant1, header .warrants .warrant2{
	width: 122px;}
  .outer-wrapper > header .actions {
    position: absolute; }
  .outer-wrapper > header .actions.with-login {
    right: 3px;
    width: 286px;
	height: 84px;    
    margin-left: 7px;
    margin-top: 14px; }
  .outer-wrapper > header .actions.with-postcode,
  .outer-wrapper > header .actions.with-returning {
    right: 0px;
    top: 27px; }
  .outer-wrapper > header .actions.with-postcode {
    width: 552px; }
  .outer-wrapper > header .actions.with-checkout {
    right: 0px;
	width: 446px; }
  .outer-wrapper > header.minimal {
    height: 94px; }
  .outer-wrapper > header.content {
    height: 170px; }
    .outer-wrapper > header.content h1 {
      margin-bottom: 21px; }

.groceries .outer-wrapper > header {
  left: 50%;
  margin-left: -481px;
  width: 962px;
  height: 137px; }
  .groceries .outer-wrapper > header.content {
  height: 170px; }   
.groceries .outer-wrapper > header .logo { 
    height: 84px;
    margin-bottom: 0; }
  .groceries .outer-wrapper > header.reduced .logo {
    height: 72px;
   margin: 21px 0 22px; }
  .groceries .outer-wrapper > header.reduced .search {
    padding-top: 15px;
	margin-top: 21px;}
  .groceries .outer-wrapper > header .actions.with-login {
    height: 60px; }

.no-touch .groceries .outer-wrapper > header {
  position: fixed; }

.homepage header .actions.with-returning {
  top: 36px; }

header .rounded-input, header .search .search-wrapper, header .postcode input[type="email"],
header .postcode input[type="password"],
header .postcode input[type="text"],
header .login input[type="email"],
header .login input[type="password"],
header .login input[type="text"] {
  height: 24px;
  padding: 0px 10px 0 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  /*line-height: 1;*/
  line-height: 24px\9; /*for IE */
  font-size: 12px;
  color: #53565A;}
  header .rounded-input:focus, header .search .search-wrapper:focus, header .postcode input[type="email"]:focus,
  header .postcode input[type="password"]:focus,
  header .postcode input[type="text"]:focus,
  header .login input[type="email"]:focus,
  header .login input[type="password"]:focus,
  header .login input[type="text"]:focus {
    outline: none; }

header .search {
  float: left;
  padding-top: 38px; }
  header .search .search-wrapper {
    position: relative;
    border-top: none;
    border-right: none;
    border-bottom: 1px inset white;
    border-left: none;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-position: 100% 0;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: background-color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: background-color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: "linear";
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: "linear"; 
	border: 1px solid #a7a9ac;}
    header .search .search-wrapper:hover {
      background-color: white; }
    header .search .search-wrapper.error {
      background: #ffea00; }
    header .search .search-wrapper.error-msg {
      display: none; }
  header .search input[type="search"] {
    height: 23px;
    border: none;
    background: transparent;
    outline: none;
	color: #53565A;}
  header .search input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 1px;
    width: 25px;
    height: 25px;
    border: none;
    background-color: transparent;
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: -9px -95px;
    background-repeat: no-repeat; }
  header .search .search-wrapper {
    width: 145px; }
    header .search .search-wrapper input[type="search"] {
      width: 133px; }
  header .search.reduced .search-wrapper {
    width: 145px; }
    header .search.reduced .search-wrapper input[type="search"] {
      width: 130px; }
  header .search .jotter {
    margin: 1px 0 0;
    text-align: right; }
    header .search .jotter a {
      padding-left: 20px;
      padding-bottom: 5px;
      background-image: url("/images/static/common/ss-homepage.png");
      background-repeat: no-repeat;
      background-position: -6px -138px;
      color: #4C4C4C;
      font-size: 11px;
      text-decoration: underline;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: "linear";
      transition-property: color;
      transition-duration: 0.3s;
      transition-timing-function: "linear"; }

.groceries header .search,
header.content .search {
  padding-left: 28px; }
  .groceries header .search .search-wrapper,
  header.content .search .search-wrapper {
    width: 156px;
	margin-top: 1px;	}
    .groceries header .search .search-wrapper input[type="search"],
    header.content .search .search-wrapper input[type="search"] {
      width: 136px; }
  .groceries header .search.semi-expanded .search-wrapper,
  header.content .search.semi-expanded .search-wrapper {
    width: 256px; }
    .groceries header .search.semi-expanded .search-wrapper input[type="search"],
    header.content .search.semi-expanded .search-wrapper input[type="search"] {
      width: 236px; }
  .groceries header .search.expanded .search-wrapper,
  header.content .search.expanded .search-wrapper {
	width: 227px;}
    .groceries header .search.expanded .search-wrapper input[type="search"],
    header.content .search.expanded .search-wrapper input[type="search"] {
      width: 215px; }
  .groceries header .search.expanded .search-wrapper,
  header.content .search.expanded .search-wrapper {
	margin-left: 216px;}

header .postcode,
header .login {
  position: relative;
  height: 84px; }
  header .postcode h4,
  header .login h4 {
    margin-top: 0;
    margin-bottom: 7px;
    color: #53565A;
    font-size: 14px;
    font-weight: normal; }
  header .postcode fieldset,
  header .login fieldset {
    position: absolute;
    top: 24px;
    margin: 0;
    padding: 0;
    border: none; }
  header .postcode input[type="email"],
  header .postcode input[type="password"],
  header .postcode input[type="text"],
  header .login input[type="email"],
  header .login input[type="password"],
  header .login input[type="text"] {
    display: inline;
    margin-bottom: 4px;
    border: none; }
  header .postcode input[type="submit"],
  header .login input[type="submit"] {
    position: relative;
    float: right;
    border: none;
    padding-top: 1px;
    padding-right: 21px;
    padding-left: 0;
    color: #53565A;
    background-color: transparent;
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: 41px -358px;
    background-repeat: no-repeat;
    font-size: 12px; }
    header .postcode input[type="submit"]:hover,header .postcode input[type="submit"]:focus,
    header .login input[type="submit"]:hover,header .login input[type="submit"]:focus {
      text-decoration: underline;
    }

header .login {
  width: 272px;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 6px; }
  header .login h4 {
    float: left;
    text-indent: 11px; }
  header .login fieldset {
    width: 272px; }
  header .login input[type="email"],
  header .login input[type="text"],
  header .login input[type="password"] {
    border: 1px solid #a7a9ac;
    width: 111px;}
  header .login p.forgotten {
    margin: 0;
	text-decoration: underline;
    text-align: right; }
  header .login a {
    color: #53565a;
    font-size: 11px;
    -webkit-transition-property: colour;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: colour;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: colour;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: colour;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: "linear";
    transition-property: colour;
    transition-duration: 0.3s;
    transition-timing-function: "linear"; }
    header .login a:hover {
      color: #53565a;
	text-decoration: underline;}

header.groceries .login,
header.content .login {
  position: absolute;
  right: 0;
  top: 10px;
  width: 248px;
  margin-right: 0;
  border-left: 1px solid #f4f4f4;}
  header.groceries .login input[type="email"],
  header.groceries .login input[type="text"],
  header.groceries .login input[type="password"],
  header.content .login input[type="email"],
  header.content .login input[type="text"],
  header.content .login input[type="password"] {
    width: 90px; 
	border: 1px solid #a7a9ac;
	}
    header.groceries .login input[type="email"].password,
    header.groceries .login input[type="text"].password,
    header.groceries .login input[type="password"].password,
    header.content .login input[type="email"].password,
    header.content .login input[type="text"].password,
    header.content .login input[type="password"].password {
      width: 90px; }
  header.groceries .login fieldset,
  header.content .login fieldset {
    right: 10px;
    width: 230px; }

header .actions .login p.forgotten {
  position: relative;
  z-index: 100;
  clear: left;
  top: 28px;
  width: 150px;
  padding-left: 12px;
  text-align: left; }

header .actions.with-returning .login h4 {
  font-size: 12px; }
  header .actions.with-returning .login h4 a {
    color: #53565A;
    font-size: 11px;
    text-decoration: underline;
	border-left: 1px solid #F4F4F4;
	padding-left:6px;}
    header .actions.with-returning .login h4 a:hover {
      text-decoration: none; }

.homepage header .actions.with-returning {
  padding-left: 2px;
  border-left: 1px solid #f4f4f4; }

header .postcode {
  float: left;
  position: relative;
  width: 277px;
  height: 84px;
  margin-top: 10px;
  padding-left: 10px;}
  header .postcode p {
    width: 158px;
    color: #53565A;
    font-size: 11px;
	margin-top: 7px;}
  header .postcode fieldset {
    top: 24px;
    right: 10px;
    width: 110px;
    padding: 0px; }
  header .postcode input[type="email"],
  header .postcode input[type="text"],
  header .postcode input[type="password"] {
    position: absolute;
    width: 100px;
	border: 1px solid #a7a9ac;}
  header .postcode input[type="submit"] {
    top: 29px;
    right: -12px;
    background-position: 40px -357px;
	padding-top: 2px;}

header .register {
  clear: left;
  float: right;
  position: relative;
  left: -6px;
  top: -2px;
  width: 270px;
  padding-top: 5px;
  padding-bottom: 4px;
  border-top: 1px solid #766c60;
  text-align: right;
  background-color: transparent;
  background-image: url("/images/static/common/ss-homepage.png");
  background-position: 250px -285px;
  background-repeat: no-repeat; }
  header .register a {
    padding: 3px 24px 2px 0;
    color: white;
    font-size: 0.9em; }

header .checkout {
  position: absolute;
  width: 235px;
  right: 10px;
  top: 22px;
  padding-top: 15px; }
  
  header .checkout .basket {
    display: block;
    margin-right: 1px; }
  header .checkout .basket,
  header .checkout .totals {
    float: left;
    position: relative;
    left: -15px;
    top: -15px;
    height: 51px;
    padding-left: 7px;
    padding-right: 3px;
    padding-top: 15px;
    color: #53565A; }
  header .checkout .basket {
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: -272px -232px;
    background-repeat: no-repeat; }
  header .checkout .items {
    display: block;
    padding-top: 32px;
    font-size: 11px;
    text-decoration: underline;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: "linear";
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: "linear"; }
  header .checkout .totals span {
    display: block; }
  header .checkout .totals .value {
    padding-top: 12px;
    font-size: 18px;}
  header .checkout .totals .savings {
    padding-top: 1px;
    font-size: 11px;
    line-height: 14px; }
  header .checkout .button {
    position: absolute;
    right: 0;
    top: 16px;
    padding-top: 0;
    padding-bottom: 0;}
    header .checkout .button a {
      display: block;
      margin: 0;
      padding: 10px 15px;
      text-align: center; }
	header .checkout .button a:hover{
	text-decoration: none;}
      header .checkout .button a:active {
        background: none; }
  header .checkout .min-spend {
    clear: both;
    height: 0px; }
    header .checkout .min-spend .static {
      position: relative;
      top: -21px;
      margin: 0 3px 0 125px;
      color: #53565A;
      font-size: 11px;
      text-align: center; }
    header .checkout .min-spend .tooltip {
      z-index: 10000;
      position: absolute;
      right: 0px;
      top: 42px;
      width: 188px;
      height: 45px;
      padding: 20px 17px;
      background-image: url("/images/static/header/bg-tooltip.png");
      background-repeat: no-repeat;
      background-color: transparent;
      color: #53565A;
      font-size: 11px; }
      header .checkout .min-spend .tooltip strong {
        line-height: 14px; }
      header .checkout .min-spend .tooltip p {
        /*background: white;*/
        margin: 0;
        padding: 0; }
      header .checkout .min-spend .tooltip strong {
        display: block; }

header.groceries .checkout {
  top: 17px;
  margin-top: 16px;
  padding-top: 14px; }
  header.groceries .checkout .basket,
  header.groceries .checkout .totals {
    height: 60px; }

header.groceries .button {
  top: 10px; }
header.groceries .checkout .button.is-disabled{
  top : 20px!important;
}

header.groceries .checkout .button{
  right : 0px;
  top : 20px;
}
header.content .checkout .basket,
header.content .checkout .totals {
  height: 70px; }
header.content .checkout .min-spend .static {
  top: -40px; }

header.reduced .checkout .basket,
header.reduced .checkout .totals {
  top: -3px;
  padding-top: 7px; }
header.reduced .checkout .basket {
  background-position: -270px -245px; }

header .delivery {
  width: 190px;
  height: 62px;
  margin-top: 41px;
  padding-left: 10px;
  padding-top: 5px;
  color: #53565A; }
  header .delivery .button {
    margin-top: 7px;}
    header .delivery .button a {
      padding: 10px 20px;
      background: none; }
  header .delivery > p {
    margin: 0;
    padding: 0; }
    header .delivery > p.destination {
      font-size: 0.8em;
 	  height : 22px;
      width : 180px;  
	  }
    header .delivery > p.details {
      margin-top: 0.5em;
      font-size: 11px; }
    header .delivery > p a {
      color: #53565A;
      text-decoration: underline;
      line-height: 16px;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: "linear";
      transition-property: color;
      transition-duration: 0.3s;
      transition-timing-function: "linear"; }
      header .delivery > p a:hover {
        color: #53565A; }
  header .delivery .fly-out {
    display: none;
    top: 20px;
    color: #53565A;
    width: 288px;
    padding: 5px; }
    header .delivery .fly-out a {
      color: #5c8018;
      text-decoration: underline;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: "linear";
      transition-property: color;
      transition-duration: 0.3s;
      transition-timing-function: "linear"; }
      header .delivery .fly-out a:hover {
        color: #5c8018; }
    header .delivery .fly-out section {
      position: relative;
      padding: 5px;
      border-bottom: 1px solid #f4f4f4; }
	  header .delivery .fly-out section.close {
    border: medium none;}
      header .delivery .fly-out section.address {
        border: none; }
        header .delivery .fly-out section.address p:first-child {
          width: 160px;
          margin-top: 0;
          margin-bottom: 0; }
      header .delivery .fly-out section p.address-postcode + p {
        width: 170px; }
      header .delivery .fly-out section.no-change {
        padding-top: 0;
        border-bottom: none;
        border-top: 1px solid #e9e7e4; }
        header .delivery .fly-out section.no-change p {
          margin-top: 8px;
          margin-bottom: 0; }
      header .delivery .fly-out section p.view-branch,
      header .delivery .fly-out section p.address-postcode {
        margin-bottom: 0; }
      header .delivery .fly-out section p.view-branch a {
        font-size: 1.1em; }
      header .delivery .fly-out section p {
        font-size: 11px; }
    header .delivery .fly-out h4 {
      margin: 0;
      font-weight: normal; }
    header .delivery .fly-out .change, header .delivery .fly-out .why {
      position: absolute;
      right: 5px;
      top: 2px; }
	header .delivery .fly-out .change.link {
    text-align: right;
    width: 110px;}
      header .delivery .fly-out .change a, header .delivery .fly-out .why a {
        font-size: 12px; }
      header .delivery .fly-out .change.button, header .delivery .fly-out .why.button {
        top: 9px;
		border: 1px solid #ADBF8B;
        background: none;
        margin: 0;
        box-shadow: none; }
        header .delivery .fly-out .change.button a, header .delivery .fly-out .why.button a {
          padding: 6px 15px 7px 15px;
          color: #5C8018;
          font-size: 14px;
          text-decoration: none; }
    header .delivery .fly-out .why {
      top: 4px; }

header.content .delivery .button {
  margin-top: 5px; }

header.content .delivery {
  margin-top: 17px;
  padding-top: 12px;
  height: 73px; }
  header.content .delivery .fly-out {
    top: 0px; }

header .fly-out {
  position: absolute;
  left: 0px;
  z-index: 10000;
  width: 217px;
  padding: 0 2px;
  border: 1px solid #d6d6d6;
  background: white;}
  header .fly-out ul {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0; }
    header .fly-out ul li {
      padding: 3px 7px;}
      header .fly-out ul li:last-child {
        border: none; }
  header .fly-out .button {
    margin: 20px 5px 9px 5px; }
    header .fly-out .button a {
      padding: 5px 10px;
      font-size: 14px;
      background-color: #ffffff;
	  background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: linear-gradient(top, #ffffff, #eff3e9); }
      header .fly-out .button a:hover {
       background-color: #eff3e9;
	   background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: linear-gradient(top, #eff3e9, #eff3e9); }
  header .fly-out section.close p {
    margin: 0;
    text-align: right; }

header  li.my-account{
	background: 0;
    padding: 0;
}
header li.my-account.drop-down > a {
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: 100% 7px;
    background-repeat: no-repeat;
    padding: 5px 22px 4px 13px;
}
header li.my-account.drop-down.is-open > a {
    background-color: #53565A;
	color: #ffffff;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: 96% -196px;
    cursor: pointer;
}
header li.my-account.drop-down.is-open > a {
    text-decoration: underline;
}
header li.my-account.drop-down.is-open .fly-out {
    display: block;
}
header li.my-account.drop-down.is-open .fly-out:hover {
    cursor: default;
}
header .my-account {
    background-color: inherit;
    background-image: inherit;
    height: 20px;
    position: relative;
    right: 0;
    width: auto;
    z-index: 10000;
}
header .my-account .fly-out {
	display: none;
    margin-top: 3px;
}
header .my-account .fly-out ul {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0; 
}
header .my-account .fly-out li {
    float: none;
    margin-top: 2px;
    line-height: 1em;
    border-right: 0;
    padding: 3px 7px;
}
header .my-account .fly-out a {
    color: #53565A;
    font-size: 12px; 
}	
header .my-account .fly-out .button a {
    border: 1px solid #ADBF8B;
    color: #5C8018;
    font-size: 14px;}
header .my-account .fly-out .button a:hover {
text-decoration: none;}

nav ul, #favourites-page nav.refinement ul, #favourites-page nav.refinement > ul > li {
  margin: 0;
  padding: 0;
  list-style-type: none; }
#favourites-page nav.refinement ul li.property {
padding: 10px 12px;}
#favourites-page nav.refinement ul li.property input {
margin-top: 4px;}
#favourites-page .l-content {
margin-left: 3px;}
#favourites-page .favourite-products .products-grid .products-row {
border-left: 1px solid #eeeeee;}
#favourites-page .favourite-products .products-grid .products-row:first-child .m-product-cell {
border-top: 1px solid #eeeeee;}
nav.top {
  padding: 0; }
  nav.top:before, nav.top:after {
    content: " ";
    display: table; }
  nav.top:after {
    clear: both; }
  nav.top > ul{
	margin: 5px 0;}
  nav.top li {
    float: left;
    margin-top: 2px;
    padding: 0 15px 0 13px;
    border-right: 1px solid #d9d9d9;
    line-height: 11px; }
    nav.top li:last-child {
      border: none; }
  nav.top > ul > li {
	height: 12px;
	margin-top: 0;}
    nav.top > ul > li > span{
		vertical-align: middle;}
  nav.top a {
    position: relative;
    top: -2px;
    color: #53565A;
    font-size: 11px; }
  nav.top ul.left {
	float: left;}
	nav.top ul.left li:first-child {
      border: none; }
    nav.top ul.left li.waitrose{
		color: #53565A;
		font-size: 11px;
		font-weight: normal;
		padding-right: 0;}
    nav.top ul.left li.current{
		color: #5c8018;
		font-size: 11px;
		font-weight: normal;}
  nav.top ul.right {
    float: right; }
  #headertopnav ul.right li a {
	z-index: 1;}
nav.top.mini{
    float: right;
	width: 962px;
}
nav.top li.my-account{
	background: 0;
    padding: 0;
}
	  
nav.primary {
	margin:0 10px;
    padding:0px;
    display:table;
    width:940px;
    border-collapse: collapse;}
nav.primary ul{
    margin:0px;
    padding:0px;
    list-style:none;
    display:table-row-group;}
nav.primary li{
    display:table-cell;
    vertical-align: middle;
    min-width:70px;}
  nav.primary a {
	font: 14px Arial;
	font: 16px Waitrose;
	display: block;
    height: 41px;
    padding: 0 20px;
    color: #53565A;
    background-image: url("/images/static/common/ss-homepage.png");
    background-repeat: no-repeat;
    background-position: 100% -62px;
    line-height: 41px;
    text-decoration: none;
	text-align: center; }
    nav.primary a:hover {
      text-decoration: underline; }
  nav.primary li:last-child a {
    background: none; }

nav.secondary {
  width: 220px;
  background-color: #F9F9F9;}
  nav.secondary ul {
    padding: 0 10px 15px 15px; }
  nav.secondary .is-parent ul a,
  nav.secondary .is-parent .is-parent ul a {
    font-size: 12px; }
  nav.secondary li a {
    display: block;
    padding: 5px;
    text-decoration: none;
	color: #53565A;
		 }
    nav.secondary li a:hover {
    text-decoration: underline;}
	nav.secondary a:hover,  nav.secondary a:visited:hover, nav.secondary a:visited {
    color: #53565A;}
  nav.secondary li:first-child{
    border: none;
	margin-top: 10px;}
    nav.secondary li:first-child a.is-current {
      margin-top: 7px; }

nav.refinement {
  float: left;
  width: 175px;
  padding: 10px 5px 5px 0;
  background-color: #F9F9F9;}
  nav.refinement h3,
  nav.refinement h4 {
    margin: 0;
    font-size: 14px; }
	nav.refinement .filter-section h3 {
	font-size: 14px;
	font-weight: bold;}
  nav.refinement h4 {
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: normal; }
    nav.refinement h4.current {
    font-size: 14px;
	font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 0 0 0 12px; }
  nav.refinement li {
    color: #53565A; }
  nav.refinement > ul > li > ul > li:last-child,
  nav.refinement .filter-section {
    padding: 16px 0 0 12px;}
  nav.refinement > ul > li > ul > li:last-child {
  padding: 0px;}
  nav.refinement > ul > li {
    margin: 0 8px 10px; }
  nav.refinement a {
    display: block;
	line-height: 16px;
	padding: 10px 24px 10px 12px;}
  nav.refinement .back-to-parent {
    background-color: #53565A;
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: -236px 17px;
    background-repeat: no-repeat;
    color: #FFFFFF;
	min-height: 16px;
	font: bold 16px/18px Arial;
	font: 18px/18px WaitroseBold;
    padding: 15px 5px 15px 27px;}
    nav.refinement .back-to-parent:hover , nav.refinement .back-to-parent:visited:hover, nav.refinement .back-to-parent:visited {
     color: #FFFFFF;
	 background-color: #53565A;
	 text-decoration: underline; }
  nav.refinement .current-category {
    font-weight: bold;
    text-decoration: none; }
  nav.refinement li li {
	font-size: 12px;	}
  nav.refinement li a {
    color: #53565A;
	background-image: url("/images/static/common/ss-chevrons.png");
    background-position: -24px -3px;
    background-repeat: no-repeat;}
  nav.refinement a:hover,  nav.refinement a:visited:hover,
  .search-results nav.refinement a:hover, .search-results nav.refinement a:visited:hover{
   color: #53565A;
   text-decoration: none;
   background-color: #D8EECB;}
  nav.refinement.jotter-refinement a:hover,  nav.refinement.jotter-refinement  a:visited:hover, nav.refinement.jotter-refinement  a:visited{
   color: #53565A;
   background-color: #F9F9F9;
   text-decoration: underline;}
  nav.refinement fieldset {
    margin: 0 0 15px;
    padding: 0 0 5px;
    background: none;
    border-bottom: 1px solid #cdcdcd; }
  nav.refinement .filter-section fieldset, .searchNavigation nav.refinement fieldset {
    margin: 0;
    border: 0;
 	width: 100%;
    padding-top: 20px;
    border-bottom: 1px solid #d1d1d1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(209, 209, 209); }
  nav.refinement .filter-section fieldset.last-child, .searchNavigation nav.refinement fieldset.last-child {
      border: 0; }
  nav.refinement .filter-section li, .searchNavigation nav.refinement li {
 	margin-top: 0px;
    padding: 0 5px 20px 0;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: background;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: background;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: background;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: "linear";
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: "linear"; }
  nav.refinement label {
    display: block;
    float: none;
    padding-left: 18px;
    width: auto;
    font-size: 1em;
    color: #53565A; }
  nav.refinement .selected label {
    font-weight: bold; }
  nav.refinement input {
    float: left;
    margin: 2px 5px 0 0; }
/* search improvements */
.search-results nav.refinement > ul > li, .search-results nav.refinement > ul > li  a{
 margin:0;}
.search-results  nav.refinement ul > li a{
   text-decoration: none;
   color: #53565A;
   font-weight: bold;
   padding-bottom: 10px;} 
.search-results  nav.refinement > ul > li > a{
   font-size: 14px;	}
.search-results  nav.refinement  .lowestLevel > ul li a {
  color: #53565A;
  cursor:pointer;
  font-weight: normal;} 
.lastListLine{
	border: none;
	margin-bottom: 10px;}
.search-results nav.refinement > ul > li > ul , 
.search-results nav.refinement > ul > li > ul > ul,
.search-results nav.refinement > ul > li > ul > li > ul{
	margin: 0 0 0 10px;} 
.search-results nav.refinement li li a {
  color: #53565A;
  background: none;
  text-decoration: none;}
 .search-results nav.refinement > ul > li > ul > li:last-child {
	background: none;
	margin:0;
	padding: 0;}
.search-results nav.refinement ul ul li a { 
   font-weight: normal;}
/* search improvements */    
  .filter-section .filter-clear-all {
    float: right;
    font-size: 12px;
	margin-right:5px;}
  .filter-section .filter-clear-all a {
  padding-bottom: 0px;}
  .refinement.jotter-refinement .filter-section .filter-clear-all a, nav.refinement .filter-section .filter-clear-all a {
  padding-top:0;}
  .filter-section .filter-section-rolled {
    display: block;
    float: left;
    width: 100% }
  .filter-section .filter-section-rolled.hidden {
    display: none; }
  .filter-section .filter-functions fieldset {
    padding: 5px;
    margin: 0;
    background: none; }
  .filter-section .filter-functions .filter-view-control {
    padding-bottom: 20px; }
  .filter-section .filter-functions .view-controls span {
    font-size: 14px;
	color: #53565A;}
  .filter-section .filter-functions .view-controls a {
    font-size: 11px;
	padding-bottom: 5px;
    float: right;}
  .filter-section .filter-functions .view-controls a.view-full {
      display: block;
      background: none;
	  color: #587c13;
	  font-size: 12px;
      padding: 3px;
	  text-decoration: underline;
 	  line-height: 18px; }
   nav.refinement .filter-section .filter-clear-all a, nav.refinement .view-controls a.secondary.view-full,
   nav.refinement .filter-section.filter-clear-all a:hover, nav.refinement .filter-section.filter-clear-all a:visited:hover{
   text-decoration: underline;
   color: #587c13;
   font-size: 12px;}
  .filter-section .filter-functions .view-controls a.view-full.icon:after {
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: 100% 6px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    margin: -3px 0 0 5px;
    width: 20px; }
  .filter-section .filter-functions .view-controls a.view-full.icon.open:after {
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: 100% -25px;
    background-repeat: no-repeat; }

.content-wrapper nav.secondary h3 {
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 18px;
  font-weight: bold;
  background-color: #53565A; }

.content-wrapper nav.secondary h3 a {
	background-color: #53565A;
	background-image: url("/images/static/common/ss-homepage.png");
	background-position: -229px 4px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font: bold 16px/21px Arial;
	font: 18px/21px WaitroseBold;
	padding: 0px 3px 0px 35px;
	display: block;
	margin: 0;}
.content-wrapper nav.secondary h3 a:hover {
  color: #FFFFFF;
  text-decoration: underline;}
  
.mega-menu {
  position: relative;
  z-index: 999;
  background-image: url("/images/static/common/ss-homepage.png");
  background-repeat: repeat-x;
  background-position: -310px -164px;
  font-size: 14px;
  line-height: 15px; 
  width:960px;
  margin:0;
  display:table;
  border-collapse: collapse;}
  .mega-menu.has-trolley, .mega-menu.logged-out-trolley {
    width: 852px;
	margin: 0 10px;}
  .mega-menu > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	display:table-row-group;}
  .mega-menu > ul > li {
    padding: 0 3px;
	padding-left: 0\9; /*for IE */
    background-image: url("/images/static/common/ss-homepage.png");
    background-repeat: no-repeat;
    background-position: 100% -58px;
	display:table-cell;
	vertical-align: middle;}
   .homepage .mega-menu > ul > li {
   min-width: 59px;
   min-width: 56px\9;/*for IE */}
    .mega-menu > ul > li > a {
      margin: 0;
      padding: 16px 2px;
      color: white;
	  font: 12px/14px Arial;
	  font: 14px/14px Waitrose;
	  font-size: 13px\9; /*for IE */
      text-align: center;
	  display:block;
	  text-decoration: none;
	  text-align: center;}
	.mega-menu > ul > li.offers a:hover{
		background-image: url("/images/static/common/ss-homepage.png");
		background-position: -1472px -123px;
		background-repeat: no-repeat;
		border:none;
		color: white;
		text-decoration: underline; }
    .mega-menu > ul > li.two-row > a {
      padding: 9px 2px; }
    .mega-menu > ul > li.entertaining-two-row > a {
      max-width: 80px;
      padding: 10px 2px; }
	.mega-menu > ul > li:last-child {
      background: none; }
  .mega-menu li.offers {
    display: block;
    height: 47px;
    background-image: url("/images/static/common/ss-homepage.png");
    background-repeat: no-repeat;
    background-position: -1472px -124px; }
  .mega-menu li.weoffers {
    display: block;
    float: left;
    height: 47px;
    background-repeat: no-repeat;
    background-position: -1472px -124px; }

  .mega-menu li.favourites > a {
    background-image: url("/images/static/common/ss-homepage.png");
    background-repeat: no-repeat;
    background-position: 2px -210px; }

header.homepage .mega-menu > ul > li > a {
  padding: 16px 2px; }
header.homepage .mega-menu > ul > li.two-row a {
padding: 9px 6px 11px 4px;  }
header.homepage .mega-menu li.regular.hover{
    background-image: url("/images/static/header/ss-megamenu.png");
    background-repeat: repeat-x;
    background-position: 0 -100px;
  }
header.homepage .mega-menu > ul > li > .mega-menu-holder > .mega-menu-column > .mega-menu-item > ol > li a {
    padding: 0;}
header.homepage .mega-menu li.offers {
  padding: 0 9px 0 10px; }
header.homepage .mega-menu li.favourites a {
  padding-left: 20px;
  background-position: -89px -210px; }

header.groceries .mega-menu li.offers {
  padding: 0 5px; }
header.groceries .mega-menu li.favourites a {
  padding-left: 20px;
  background-position: -87px -211px; }

.mega-menu ol {
  padding: 0;
  list-style-type: none; }
.mega-menu .mega-menu-holder {
  position: absolute;
  left: 0;
  top: 47px;
  display: none;
  width: 930px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  overflow: hidden;
  cursor: default; }
.mega-menu .mega-menu-column {
  float: left;
  margin-right: 3px;
  padding-right: 15px;
  border-right:1px solid #EEEEEE;}
  .mega-menu .mega-menu-column:last-child {
    background: none;
	border: 0 none;}
.mega-menu .mega-menu-item {
  margin: 0 0 10px 0; }
.mega-menu .category,
.mega-menu .sub-category {
  padding-left: 12px; }
  .mega-menu .sub-category:hover {
	background-image: url("/images/static/common/ss-homepage.png");
   background-position: -211px 6px;
    background-repeat: no-repeat;
	}
.mega-menu .category {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  font-size: 0.9em; }
  .mega-menu .category h4 {
    margin: 0;
    padding: 0; }
    .mega-menu .category h4 a {
      color: #53565A;}
.mega-menu .sub-category {
  padding-top: 4px;
  font-size: 11px; }
  .mega-menu .sub-category a {
    color: #53565A; }
.mega-menu .sub-wrapper {
  width: 166px;
  cursor: pointer; }

.touch .mega-menu > ul > li {
  line-height: 1.2em; }

.mega-menu-holder {
  -webkit-animation: megamenuOpen;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: megamenuOpen;
  -moz-animation-duration: 0.2s;
  -moz-animation-fill-mode: forwards;
  -ms-animation: megamenuOpen;
  -ms-animation-duration: 0.2s;
  -ms-animation-fill-mode: forwards;
  -o-animation: megamenuOpen;
  -o-animation-duration: 0.2s;
  -o-animation-fill-mode: forwards; }

@-webkit-keyframes megamenuOpen {
  0%  {
    opacity: 0;}

  100%  {
    opacity: 1; } }

@-moz-keyframes megamenuOpen {
  0%  {
    opacity: 0;}

  100%  {
    opacity: 1; } }

@-ms-keyframes megamenuOpen {
  0%  {
    opacity: 0; }

  100%  {
    opacity: 1; } }

@-o-keyframes megamenuOpen {
  0%  {
    opacity: 0; }

  100%  {
    opacity: 1; } }

@keyframes megamenuOpen {
  0%  {
    opacity: 0; }

  100%  {
    opacity: 1;} }

header .mega-menu li.drop-down {
  position: absolute;
  top: 0px;
  float: left;
  width: 89px;
  padding: 16px 10px 16px 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  header .mega-menu li.drop-down > a {
    padding: 0; }
  header .mega-menu li.drop-down > ul {
    position: absolute; }
  header .mega-menu li.drop-down .fly-out {
    top: 47px;
    width: 190px; }
    header .mega-menu li.drop-down .fly-out li {
      display: block;
      margin: 10px 6px;
      padding: 5px 0 0 20px;}
      header .mega-menu li.drop-down .fly-out li:last-child {
        margin-bottom: 10px;}
      header .mega-menu li.drop-down .fly-out li a {
        display: inline;
        padding: 0;
        color: #53565A;
        font-size: 1em; }

header.groceries li.offers {
  margin-left: 101px; }

.touch .mega-menu .mega-menu-holder {
  padding-top: 30px; }
  .touch .mega-menu .mega-menu-holder .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #53565A;
    font-size: 0.9em;
    text-decoration: underline;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: "linear";
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: "linear"; }
    .touch .mega-menu .mega-menu-holder .close:hover, .touch .mega-menu .mega-menu-holder .close:visited:hover {
      color: #53565A; }

.breadcrumbs.standard {
  position: relative;
  left: -1px;
  top: -1px;
  list-style: none;
  margin-bottom: 10px;
  padding: 0px;}
  .breadcrumbs.standard ul {
    display: table-row;
    height: 18px; }
    .breadcrumbs.standard ul li {
      display: table-cell;
      height: 18px;
      padding: 0 8px 0 12px;
      margin: 0 0 0 -3px;
      background-image: url("/images/static/common/ss-homepage.png");
      background-position: -211px 6px;
      background-repeat: no-repeat; 
      vertical-align: bottom;
      -webkit-transition-property: width;
      -webkit-transition-duration: 0.25s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: width;
      -moz-transition-duration: 0.25s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: width;
      -ms-transition-duration: 0.25s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: width;
      -o-transition-duration: 0.25s;
      -o-transition-timing-function: "linear";
      transition-property: width;
      transition-duration: 0.25s;
      transition-timing-function: "linear"; 
	  font-size: 11px;}
      .breadcrumbs.standard ul li.home {
        padding-left: 2px;
        background-image: none; }
        .breadcrumbs.standard ul li.home a {
          display: inline-block;
          white-space: nowrap;}
      .breadcrumbs.standard ul li.current {
		font-weight: bold;}
        .breadcrumbs.standard ul li.current span {
          font-size: auto;
          white-space: nowrap;
          font-size: 11px; }
      .breadcrumbs.standard ul li.last {
        background-image: none;
		position: relative;
        width: 6px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        border: none;
        left: -1px; }
      .breadcrumbs.standard ul li a {
        white-space: nowrap;
        font-size: 1em;
        text-decoration: none;
		margin: 2px 0 0 0;
		color: #53565A;}
        .breadcrumbs.standard ul li a:hover {
        text-decoration: underline;
		color: #53565A;}
        .breadcrumbs.standard ul li a.contracted {
          text-decoration: none; }
        .breadcrumbs.standard ul li a span {
          display: none; }

.lightbox-overlay {
  z-index: 9998;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #53565A; }

.threedsecure.lightbox-container{
  max-width: 800px;
}
.threedsecure.lightbox-container .is-loading{
      background-color: white;
      background-image: url("/images/static/common/loader-25x25px.gif");
      background-position: center;
      background-repeat: no-repeat; 
}
.threedsecure.lightbox-container .l-content{
    width:470px
}
.threedsecure.lightbox-container .r-content{
    margin-left:470px
}

.lightbox-container {
  z-index: 10001;
  position: fixed;
  min-width: 100px;
  max-width: 600px;
  display: inline-block;
  padding: 30px 25px 25px;
  background: white;}
.lightbox-container.content-wrapper {
  z-index: 10001;
  position: fixed;
  min-width: 100px;
  max-width: 800px;
  display: inline-block;
  padding: 30px 25px 25px;
  background: white;}
  .lightbox-container h3.error {
    color: #C0002b;
    font-size: 1em;
    font-weight: bold; }
  .lightbox-container h4 {
    color: #53565A;
    margin: 0 0 10px; }
  .lightbox-container p.error {
    width: 250px;
    margin: 10px 0px 0px 0px;
    padding: 50px;
    background-image: -webkit-linear-gradient(top, white, #dddddd);
    background-image: -moz-linear-gradient(top, white, #dddddd);
    background-image: -ms-linear-gradient(top, white, #dddddd);
    background-image: -o-linear-gradient(top, white, #dddddd);
    background-image: linear-gradient(top, white, #dddddd);
    color: #53565A;
    font-size: 2.5em;
    text-align: center; }
  .lightbox-container a.close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #5c8018;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer; }
    .lightbox-container a.close:hover {
      text-decoration: underline; }

.option-overlay {
  width: 400px; }
  .option-overlay .button {
    float: right;
    margin-top: 20px; }
  .option-overlay .secondary-button {
    float: left; }

.lightbox-container.lightbox-error p {
  padding: 6px 10px 6px 30px;
  background-image: url("/images/static/common/ss-icons.png");
  background-position: -326px -93px;
  background-repeat: no-repeat; 
  font-size : 14px;
  }

.promotions a:hover {
  text-decoration: none; }
.promotions .with-border {
  border: 1px solid #cccccc; }
.promotions.in-page img {
  margin-right: 10px; }

.drop-title-image {
  background-color: #53565A; }
  .drop-title-image a.heading {
    display: block;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: white;
    text-transform: uppercase;
    text-decoration: none; }
    .drop-title-image a.heading:hover {
      color: white;
      text-decoration: none; }
    .drop-title-image a.heading:visited {
      color: white;
      text-decoration: none; }
  .drop-title-image h2 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    margin: 0;
    font-size: 1em; }
  .drop-title-image h2 a {
    padding: 0;
    color: #79ac36;
    text-decoration: none; }
    .drop-title-image h2 a:hover {
      text-decoration: none; }
    .drop-title-image h2 a:visited {
      color: #79ac36; }

.drop-title-text, .drop-title-text-rounded {
  background-color: #e1e1dc;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .drop-title-text h2, .drop-title-text-rounded h2 {
    width: 100%;
    margin: 0;
	padding: 14px 0;
    color: #53565A;
    background-color: #E5E6E6; }
    .drop-title-text h2 span, .drop-title-text-rounded h2 span {
      display: block;
	  padding: 0 25px;
	  font-size: 20px;	  }
    .drop-title-text h2 a, .drop-title-text-rounded h2 a {
      padding-top: 0;
      padding-right: 10px;
      padding-bottom: 0;
      padding-left: 10px;
      color: #79ac36;
      text-decoration: none;
        text-decoration-hover-text-decoration: none; }
  .drop-title-text .drop-title-text-content, .drop-title-text-rounded .drop-title-text-content {
    border: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px; }
    .drop-title-text .drop-title-text-content ul, .drop-title-text-rounded .drop-title-text-content ul {
      margin-top: 8px; }

.drop-title-text-rounded {
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.drop-title-text-rounded h2 {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -ms-border-bottom-left-radius: 0px;
  -o-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -ms-border-bottom-right-radius: 0px;
  -o-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px; }
.drop-title-text-rounded .drop-title-text-content {
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.form-container {
  background: none; }
  .form-container .drop-title-text-content {
    padding: 0; }
    .form-container .drop-title-text-content fieldset {
      margin: 0; }

.quantity-append {
  position: relative;
  width: 75px;
  height: 45px; }
  .quantity-append input.quantity-input {
    display: block;
    width: 45px;
	text-align: center;
    height: 26px;
    padding: 8px 25px 9px 4px;
    border: 1px solid #cdcdcd;
    color: #53565A;
    font-size: 20px;
    line-height: 15px;
    background-color: transparent;
    outline: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;	}
    .quantity-append input.quantity-input.input-length-4 {
      padding-top: 9px;
      padding-bottom: 10px;
      padding-left: 5px;
      width: 40px;
      font-size: 18px; }
    .quantity-append input.quantity-input.input-length-max {
      padding-top: 12px;
      padding-bottom: 13px;
      padding-left: 5px;
      width: 40px;
      font-size: 13px; }
  .quantity-append a.plus, .quantity-append a.minus {
    display: block;
    position: absolute;
    left: auto;
    right: 0px;
    width: 21px;
    height: 21px;
    text-align: center;
    border-left: 1px solid #cdcdcd;
    color: #53565A;
    text-decoration: none;
    background-repeat: repeat;
    background-position: 0 0; }
    .quantity-append a.plus:hover, .quantity-append a.plus:active, .quantity-append a.minus:hover, .quantity-append a.minus:active {
      color: #53565A;
      text-decoration: none; }
  .quantity-append a.plus {
    top: 1px;
    background-color: white; }
    .quantity-append a.plus:hover, .quantity-append a.plus:focus, .quantity-append a.plus:active {
	   background-color: #f3f3f3;}
  .quantity-append a.minus {
    top: 1.35em;
    border-top: 1px solid #cdcdcd;
    background-color: white; }
    .quantity-append a.minus:hover, .quantity-append a.minus:focus, .quantity-append a.minus:active {
	  background-color: #f3f3f3;}
  .quantity-append.small-text {
    width: 4.3em; }
    .quantity-append.small-text input.quantity-input {
      height: 1.9em;
      width: 2.8em;
      font-size: 1em;
      line-height: 1.9em; }
  .quantity-append.inactive input.quantity-input {
    width: 1.3em;
    padding: 0.37em 12px 0.37em 12px; }
  .quantity-append.inactive a.plus,
  .quantity-append.inactive a.minus {
    display: none; }

.quantity-append.with-cta {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 35px;
  height: auto; }
  .quantity-append.with-cta input.quantity-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 32px!important;
    padding: 4px;
    border: 1px solid #cdcdcd;
    color: #53565A;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    background-repeat: repeat;
    background-color: white;
    background-position: 0 0;
    background-image: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;}
    .quantity-append.with-cta input.quantity-input::-webkit-outer-spin-button, .quantity-append.with-cta input.quantity-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .quantity-append.with-cta input.quantity-input.is-active {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
  .quantity-append.with-cta a.plus, .quantity-append.with-cta a.minus {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: 0;
    height: 23px;
    text-align: center;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    color: #53565A;
    text-decoration: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-color: #f3f3f3;
    width: 35px;	}
    .quantity-append.with-cta a.plus:hover, .quantity-append.with-cta a.plus:active, .quantity-append.with-cta a.minus:hover, .quantity-append.with-cta a.minus:active {
      color: #53565A;
      text-decoration: none; }
  .quantity-append.with-cta a.plus {
    top: -22px;
    border-top: 1px solid #cdcdcd;
    background-color: white;}
    .quantity-append.with-cta a.plus:hover, .quantity-append.with-cta a.plus:focus, .quantity-append.with-cta a.plus:active {
      background-image: -webkit-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: -moz-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: -ms-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: -o-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: linear-gradient(top, #e0e0e0, #f3f3f3); }
  .quantity-append.with-cta a.minus {
    top: auto;
    bottom: -24px;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    background-color: white;}
    .quantity-append.with-cta a.minus:hover, .quantity-append.with-cta a.minus:focus, .quantity-append.with-cta a.minus:active {
      background-image: -webkit-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: -moz-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: -ms-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: -o-linear-gradient(top, #e0e0e0, #f3f3f3);
      background-image: linear-gradient(top, #e0e0e0, #f3f3f3); }
  .quantity-append.with-cta:hover a.plus, .quantity-append.with-cta:hover a.minus {
    display: block; }
  .quantity-append.with-cta.small-text {
    width: 4.3em; }
    .quantity-append.with-cta.small-text input.quantity-input {
      height: 1.9em;
      width: 2.8em;
      font-size: 1em;
      line-height: 1.9em; }

.varying-weight .quantity-append.with-cta .quantity-input {
  border-right: 0; }

#product-grid-quantity-controlls {
  position: absolute;
  height: 31px;
  background-color: transparent;
  z-index: 9398;
  width: 30px; }

.lt-ie9 .quantity-append a.minus {
  bottom: -25px; }

.lt-ie9 .flyout .quantity-append a.minus {
  top: 22px; }

.homepage .wrapper .content-wrapper {
  padding: 0 0 15px 0; }

.content-wrapper .start-shopping {
  position: relative;
  float: left;
  clear: both;
  width: 208px;
  height: auto;
  min-height: 310px;
  padding: 30px 20px 11px 20px; }
  .content-wrapper .start-shopping p {
    font-size: 12px;
    line-height: 18px; 
    margin-bottom:0px;
    margin-top:0px;}
  .content-wrapper .start-shopping a:visited {
    text-decoration: underline !important; }
  .content-wrapper .start-shopping h2 {
	line-height: 27px;
	font: 26px Arial;
	font: 28px Waitrose;
    margin: 0 0 20px 0; }
    .content-wrapper .start-shopping h2 a {
      text-decoration: none; }
      .content-wrapper .start-shopping h2 a:visited {
        color: #53565A; }
    .content-wrapper .start-shopping h2 span {
      color: #53565A; }
  .content-wrapper .start-shopping form {
	margin-top: 5px;
    width: 220px; }
      .content-wrapper .start-shopping form fieldset {
      margin: 0px 0 0 0;
      padding: 0;
      background-color: transparent; }
    .content-wrapper .start-shopping form label {
      font-size: 12px;
      margin-bottom: 5px; }
    .content-wrapper .start-shopping form input#start-shopping-postcode {
      border: 1px solid #a7a9ac;
    height: 24px;
    margin-bottom: 10px;
    outline: 0 none #4C4C4C;
    padding: 0 10px;
    width: 168px;
	 -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      border-radius: 12px;
      outline-color: #53565A;
      outline-style: none;
      outline-width: 0px;
      color: #53565A;	  
	  -webkit-appearance: none;}
    .content-wrapper .start-shopping form fieldset.error {
      margin-bottom: 0; }
      .content-wrapper .start-shopping form fieldset.error:after {
        content: "";
        background: none; }
      .content-wrapper .start-shopping form fieldset.error input#start-shopping-postcode {
        background: #ffea00; }
    .content-wrapper .start-shopping form .error-msg {
      min-height: 22px;
      margin: 0 10px 5px 0;
      padding: 6px 0 0 26px;
      background-image: url("/images/static/common/ss-icons.png");
      background-position: -326px -96px;
      background-repeat: no-repeat;
      background-color: #fff9d9; }
      .content-wrapper .start-shopping form .error-msg p {
        font-weight: bold;
        font-size: 12px; }
  .content-wrapper .start-shopping .error-msg {
    margin-left: 157px; }
    .content-wrapper .start-shopping .error-msg:last-child {
      margin-left: 157px; }
    .content-wrapper .start-shopping .error-msg p {
      margin: 0; }
    .content-wrapper .start-shopping .button.large-cta-button a {
      padding: 10px 20px;
      text-align: left; }
    .content-wrapper .start-shopping .button.large-cta-button:after {
      background: none; }
    .content-wrapper .start-shopping .button.large-cta-button input {
     font-size: 18px;
    padding: 10px 20px;
    width: 100%; }
  .content-wrapper .start-shopping .content-button {
      background-color: #ffffff;
	  background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	  background-image: linear-gradient(top, #ffffff, #eff3e9); }
    .content-wrapper .start-shopping .content-button:hover, .content-wrapper .start-shopping .content-button.is-focused {
     background-color: #eff3e9;
	   background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	   background-image: linear-gradient(top, #eff3e9, #eff3e9); }
    .content-wrapper .start-shopping .content-button a {
      font-size: 0.8em; }
    .content-wrapper .start-shopping .content-button a:after {
      background: none;
      padding-right: 0; }
    .content-wrapper .start-shopping .content-button.my-favourites a {
      padding: 9px 20px 9px 12px;
      text-indent: 17px;
	  background-image: url("/images/static/common/ss-homepage.png");
      background-repeat: no-repeat;
      background-position: -284px -55px;
      left: 8px;
      margin-left: 0px;  }
    .content-wrapper .start-shopping .content-button.my-favourites a:after {
       }
    .content-wrapper .start-shopping .content-button.my-orders a {
      padding: 9px 20px; }
  .content-wrapper .start-shopping .pushed-down-section {
    margin-top: 10px;}
  .content-wrapper .start-shopping .my-orders {
    min-width: 73px; }
  .content-wrapper .start-shopping .bottom-section {
    width: 208px;
    margin: 0; }
    .content-wrapper .start-shopping .bottom-section:before, .content-wrapper .start-shopping .bottom-section:after {
      content: " ";
      display: table; }
    .content-wrapper .start-shopping .bottom-section:after {
      clear: both; }
    .content-wrapper .start-shopping .bottom-section .inner-shadow {
      position: relative;
      overflow: hidden; }
    .content-wrapper .start-shopping .bottom-section .inner-shadow:before {
      content: "";
      position: absolute;
      top: -9px;
      display: block;
      width: 90%;
      margin: 0 5% 8px;
      background: rgba(0, 0, 0, 0.9);
      opacity: 0.3;}
  .content-wrapper .start-shopping a.secondary {
    display: block;
    float: left;
    padding-top: 4px;
    font-size: 12px;
    line-height: 1.2em;
	background-image: url("/images/static/common/ss-arrows.png");
    background-position: 66px -58px;
    background-repeat: no-repeat;
    padding: 2px 24px 4px 0; }
    .content-wrapper .start-shopping a.secondary.my-account {
      min-width: 76px;}
    .content-wrapper .start-shopping a.secondary.sign-out {
      min-width: 48px;
	  background-position: 52px -58px; }
  .content-wrapper .start-shopping.logged-out-returning-user h2 {
    margin-bottom: 0px;
    margin-top:0px}
  .content-wrapper .start-shopping.logged-out-returning-user form .button {
    font-size: 1.45em; }
  .content-wrapper .start-shopping.logged-in-returning-user h2 {}

.content-wrapper .start-shopping.logged-out-returning-user form {
        position: absolute;
        bottom: 90px!important;
        width: 220px; }
.content-wrapper .start-shopping.logged-in-returning-user form {
    bottom: 90px !important;
    width: 220px; }

    .content-wrapper .start-shopping.logged-in-returning-user h2 a, .content-wrapper .start-shopping.logged-in-returning-user h2 span {
      font-size: 0.8em;
      line-height: 1.1em; }
  .content-wrapper .start-shopping.logged-in-returning-user .small-text {
    margin-top: 4px;
    font-size: 0.8em; }
  .content-wrapper .start-shopping.logged-in-returning-user .not-you {
    display: block;
    margin-bottom: 28px; }
  .content-wrapper .start-shopping.logged-in-new-user h2 {
    margin-bottom: 5px;
    margin-top: 0px}
  .content-wrapper .start-shopping.logged-in-returning-user form .button input, .content-wrapper .start-shopping.logged-out-returning-user form .button input {
    line-height: 18px; }
  .content-wrapper .start-shopping.logged-in-returning-user .button a, .content-wrapper .start-shopping.logged-in-new-user .button a, .content-wrapper .start-shopping.logged-out-returning-user .button a {
    font-size: 18px; }
.start-shopping.logged-in-returning-user .book-a-slot{
    margin-top:30px;
}
.start-shopping .book-a-slot.collection{
    margin-top:20px;
}

.lt-ie9 .content-wrapper .start-shopping input#start-shopping-postcode {
  border-top: 1px solid #c0b7ae;
  border-right: 1px solid #d1c9c1;
  border-bottom: 1px solid #d1c9c1;
  border-left: 1px solid #c0b7ae; }
  .lt-ie9 .content-wrapper .start-shopping .content-button.my-favourites a {
    padding-right: 20px; }

.homepage .carousel-placeholder,
.groceries .carousel-placeholder {
  width: 714px;
  height: 351px;
  margin-left: 246px;
  background: #348ccc; }

.groceries .carousel-placeholder {
  clear: both;
  margin: 0 0 2em;
  width: 825px;
  height: 300px; }


    
.recipe-search-results .recipe {
  width: 627px;
  margin-bottom: 10px;
  padding: 5px;
  background: #eeeeee; }
  .recipe-search-results .recipe:before, .recipe-search-results .recipe:after {
    content: " ";
    display: table; }
  .recipe-search-results .recipe:after {
    clear: both; }
  .recipe-search-results .recipe a {
    display: block;
	text-decoration: none;
    overflow: hidden; }
    .recipe-search-results .recipe a:hover {
      /*outline: 1px dotted #333333;*/ }
  .recipe-search-results .recipe img {
    float: left;
    margin-right: 10px; }
  .recipe-search-results .recipe .rating,
  .recipe-search-results .recipe .comments {
    margin-top: 10px; }
  .recipe-search-results .recipe .comments {
	margin: 5px 0 0; }
  .recipe-search-results .recipe .rating {
    height: 21px;
    width: 115px;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden; }
    .recipe-search-results .recipe .rating.stars-0 {
      background-image: url("/images/static/common/ss-stars.png");
      background-position: 0px -320px; }
    .recipe-search-results .recipe .rating.stars-1 {
      background-image: url("/images/static/common/ss-stars.png");
      background-position: 0px -298px; }
    .recipe-search-results .recipe .rating.stars-2 {
      background-image: url("/images/static/common/ss-stars.png");
      background-position: 0px -278px; }
    .recipe-search-results .recipe .rating.stars-3 {
      background-image: url("/images/static/common/ss-stars.png");
      background-position: 0px -255px; }
    .recipe-search-results .recipe .rating.stars-4 {
      background-image: url("/images/static/common/ss-stars.png");
      background-position: 0px -234px; }
    .recipe-search-results .recipe .rating.stars-5 {
      background-image: url("/images/static/common/ss-stars.png");
      background-position: 0px -213px; }

html.js .print {
  display: block; }

.tool-option-content .toolbox-container {
  width: 350px;
  margin: 0 auto;
  padding: 20px;
  background: white; }
  .tool-option-content .toolbox-container.toolbox-container-map {
    width: 650px; }
  .tool-option-content .toolbox-container.toolbox-container-large {
    width: 590px; }
    .tool-option-content .toolbox-container.toolbox-container-large.full {
      width: 770px; }
  .tool-option-content .toolbox-container.toolbox-delivery-confirmation {
  	margin-top: -110px;
    width: 550px; }
  .tool-option-content .toolbox-container.toolbox-conflicts-overlay {
    width: 720px; }
.tool-option-content.overlay-popup-orders .toolbox-container.full {
  width: 400px; }

.overlay-popup-orders .toolbox-container.toolbox-conflicts-overlay {
  width: 400px;
  overflow: hidden; }
.overlay-popup-orders form .error-msg {
  display: none;
  margin: 8px 0; }
  .overlay-popup-orders form .error-msg p {
    padding: 5px 0 7px 25px;
    background-image: url("/images/static/common/form/icon-error.png");
    background-position: left center;
    background-repeat: no-repeat; }
.overlay-popup-orders form .has-error textarea {
  background: #ffea00; }
.overlay-popup-orders .section-orders-overlay-edit .secondary-button {
  margin-right: 0;
  margin-left: 20px; }

.content-wrapper .products-grid {
  display: table;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-collapse: separate; }
.content-wrapper .tabs.general-tabs .products-grid {
  border-top: none;} 
.content-wrapper .merchandising  {
	float:left;
	display:table;
}
.merchandising.right {
    margin-right:10px;
	float: right !important;}

.content-wrapper .merchandising .merchandising-row{
    display: table-row;
    float: left; 
	width: 660px;
}

  .content-wrapper .products-grid .products-row {
    display: table-row;
    float: left; }
  .content-wrapper .my-trolley  .products-grid .products-row {
    display: inline;
    float: none; }
  .content-wrapper .my-trolley .products-grid .products-row:before, .content-wrapper .my-trolley .products-grid .products-row:after {
	display: inline;
    clear: both;
	width: 828px;}	
    .content-wrapper .products-grid .products-row:before, .content-wrapper .products-grid .products-row:after,
    .content-wrapper .merchandising .merchandising-row:before, .content-wrapper .merchandising .merchandising-row:after {
      content: " ";
      display: table; }
    .content-wrapper .products-grid .products-row:after,
    .content-wrapper .merchandising .merchandising-row:after  {
      clear: both; }
  .content-wrapper .products-grid .m-product-cell {
    display: table-cell;
    vertical-align: top;
	border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #d6d6d6; }
  .content-wrapper .products-grid .products-row:last-child .m-product-cell {
    border-bottom: 1px solid #d6d6d6; }
  .content-wrapper .products-grid .m-product {
    position: relative;
    height: auto;
    min-height: 24.5em;
    background: white; }
  .content-wrapper .products-grid .m-product-padding {
    width: 144px;
    padding: 0 10px 0 10px; }
  .content-wrapper .products-grid .m-product-description-and-img {
    position: absolute;
    z-index: 1; }
  .content-wrapper .products-grid .m-product-labels {
    width: 144px;
    height: 100%;
    padding: 0 10px; }
    .content-wrapper .products-grid .m-product-labels .label {
      position: absolute; }
    .content-wrapper .products-grid .m-product-labels .favourite {
      right: 10px;
      top: 10px;
      display: block;
      width: 20px;
      height: 20px;
      cursor: pointer;
      text-indent: -999em;
      overflow: hidden;
      background-image: url("/images/static/common/ss-product.png");
      background-position: 0 0; }
    .content-wrapper.clicktobuylist .products-grid .m-product-labels .myWaitrose{
      top: 0px;
    }
	.content-wrapper .products-grid .m-product-labels .myWaitrose {
      left: 10px;
      top: 135px;
      display: block;
      width: 48px;
      height: 31px;
      cursor: pointer;
      background-image: url("/images/static/common/mw-1.png"); }
	.content-wrapper .products-grid .m-product-labels  > .myWaitrose ~ .myWaitrose,
	.content-wrapper .products-grid .offerDetails  > .offer ~ .offer, 
	.content-wrapper .products-grid .m-product-labels > .offer ~ .offer,
	.content-wrapper .products-grid .m-product-labels > .offer ~ .feaOffer  {
		display:none;} 
	.flyout .banner .offer  .myWaitrose, .product-popup .myWaitrose,
	.content-wrapper .product-detail .myWaitrose  {
      display: block;
      height: 31px;
	  padding: 2px 0 0 53px;
	  width: 82%;
	  background: url(/images/static/common/mw-1.png) 3px 1px no-repeat!important;
    }
    .content-wrapper .products-grid .m-product-labels .offer,
    .content-wrapper .products-grid .m-product-labels .british {
      left: 10px;
      top: 10px;
      width: 40px;
      height: 40px;
      text-indent: -999em;
      overflow: hidden;
      background-image: url("/images/static/common/ss-product.png");
      background-position: 0 -43px; }
    .content-wrapper .products-grid .m-product-labels .british {
      background-image: url("/images/static/common/ss-product.png");
      background-position: 0 -91px; }
    .content-wrapper .products-grid .m-product-labels .overlay {
      display: none;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .content-wrapper .products-grid .m-product-open-modal {
    display: inline-block;
	text-decoration: none;	}
  .content-wrapper .products-grid .m-product-open-modal:hover, .content-wrapper .products-grid .m-product-open-modal:visited:hover  {
	text-decoration: underline;	}
  .content-wrapper .products-grid img.m-product-img {
    margin: 27px auto 0; }
  .content-wrapper .products-grid .m-product-details-container,
  .content-wrapper .products-grid .m-product-price-container {
    font-size:12px; }
  .content-wrapper .products-grid .m-product-details-container {
    min-height: 45px;
	overflow: hidden;
    margin: 0px;
    line-height: 15px; }
  .content-wrapper .products-grid .m-product-details-container p.msg-unavailable {
	bottom: 1px;
	margin-right: 10px;
	margin-right: 20px\9; /*for IE */
	position: absolute;}
    .content-wrapper .products-grid .m-product-details-container .m-product-title {
      margin: 0;
      line-height: 16px; }
    .content-wrapper .products-grid .m-product-details-container .m-product-volume {
      font-size: 12px; 
	  margin-bottom:0;
	  width: 50px;
	  color: #53565A;}
    .content-wrapper .products-grid .m-product-details-container span {
      display: inline-block; }
    .content-wrapper .products-grid .m-product-details-container .offer, .content-wrapper .products-grid .m-product-details-container .was-price {
      display: block;
      font-size: 12px;
      color: #C0002b;
      font-weight: bold; }
    .content-wrapper .products-grid .m-product-details-container .offer {
      width: 100%;
      text-decoration: none;
      line-height: 15px;
      margin-bottom: 0px; }
	.content-wrapper .products-grid .m-product-details-container .offer:hover,
	.content-wrapper .products-grid .m-product-details-container .offer:visited:hover{
	text-decoration: underline;}
      .content-wrapper .products-grid .m-product-details-container .offer.price-match {
        margin-bottom: 0; }
    .content-wrapper .products-grid .m-product-details-container .was-price {
      width: 110%;
      text-decoration: none;
      font-size: 12px;}
    .content-wrapper .products-grid .m-product-details-container .was {
      display: inline;
      text-decoration: line-through; }    
   .content-wrapper .products-grid .m-product-price-container {
    position: absolute;
    bottom: 47px;
    padding-right: 10px;
    font-size: 11px;
    min-height: 45px; }
    .content-wrapper .products-grid .m-product-price-container .price {
      float: left;
      width: 100%;
      clear: both;
      font-weight: bold;
      font-size: 14px; 
	  color: #53565A;
	  margin-top: 1px;}
    .content-wrapper .products-grid .m-product-price-container .fine-print {
      font-weight: normal;
      font-size: 12px;
      line-height: 16px;
	  color: #53565a;}
    .content-wrapper .products-grid .m-product-price-container .notice-required {
      display: block;
      padding-bottom: 2px;
      font-weight: bold;
      line-height: 16px;
	  text-decoration: none;
      color:#587c13; }
    .content-wrapper .products-grid .m-product-price-container .msg-price-varies {
      font-size: 1.1em; }
  .content-wrapper .products-grid .price-match-text-holder {
    display: none; }
  .content-wrapper .products-grid .m-product-buttons-wrapper {
    position: absolute;
    min-height: 48px;
    bottom: 0;
    padding-bottom: 0; }
    .content-wrapper .products-grid .m-product-buttons-wrapper:before, .content-wrapper .products-grid .m-product-buttons-wrapper:after {
      content: " ";
      display: table; }
    .content-wrapper .products-grid .m-product-buttons-wrapper:after {
      clear: both; }
  .content-wrapper .products-grid .m-product-buttons-container {
    min-height: 40px; }
    .content-wrapper .products-grid .m-product-buttons-container:before, .content-wrapper .products-grid .m-product-buttons-container:after {
      content: " ";
      display: table; }
    .content-wrapper .products-grid .m-product-buttons-container:after {
      clear: both; }
    .content-wrapper .products-grid .m-product-buttons-container .button {
      float: left;
      font-size: 18px;
      text-align: left; }
      .content-wrapper .products-grid .m-product-buttons-container .button a {
		padding: 8px 9px;}
    .content-wrapper .products-grid .m-product-buttons-container .add-button {
      margin-left: 9px;
      text-align: center; }
      .content-wrapper .products-grid .m-product-buttons-container .add-button:active a, .content-wrapper .products-grid .m-product-buttons-container .add-button a:active {
        background-color: #53565A;}
      .content-wrapper .products-grid .m-product-buttons-container .add-button.is-disabled, .content-wrapper .products-grid .m-product-buttons-container .add-button.is-disabled:active {
        background-color: #cfceca;
        border: none;
        background-image: -webkit-linear-gradient(top, #f2efea, #cfceca);
        background-image: -moz-linear-gradient(top, #f2efea, #cfceca);
        background-image: -ms-linear-gradient(top, #f2efea, #cfceca);
        background-image: -o-linear-gradient(top, #f2efea, #cfceca);
        background-image: linear-gradient(top, #f2efea, #cfceca);
        cursor: default; }
        .content-wrapper .products-grid .m-product-buttons-container .add-button.is-disabled a, .content-wrapper .products-grid .m-product-buttons-container .add-button.is-disabled:active a {
          cursor: default; }
  .content-wrapper .products-grid .m-product.varying-weight .add-button {
    float: left;}
	.content-wrapper #products .products-grid .m-product.varying-weight .add-button ,
	.content-wrapper #products .products-grid .m-product-buttons-container .add-button{
	  float: right;}

.content-wrapper .products-grid .m-product-img-placeholder {
  display: block;
  width: 65px;
  height: 70px;
  min-width: 65px;
  min-height: 70px;
  margin: 21px 21px 45px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  background-color: #edecea;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }
  .content-wrapper .products-grid .m-product-img-placeholder span {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1.2em;
    margin: 3em 11px 0;
    color: #929292; }
.content-wrapper .products-grid .overlay {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.content-wrapper .products-grid .favourite,
.content-wrapper .products-list .favourite {
  right: 10px;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-indent: -999em;
  overflow: hidden;
  background-image: url("/images/static/common/ss-product.png");
  background-position: 0 0; }

.content-wrapper .products-list .m-product-labels .favourite {
  top: 20px;
  left: 82px; }
.content-wrapper #products .products-list .m-product-labels .favourite {
   left: 125px;}

.flyout.add-product-flyout {
  position: absolute;
  width: 130px;
  padding: 20px 10px 10px 10px;
  background-color: white; }
  .flyout.add-product-flyout .product {
    background-image: none;
    padding-bottom: 5px; }
    .flyout.add-product-flyout .product p.unit {
      line-height: 1em; }
  .flyout.add-product-flyout .quantity-append {
    margin: 10px 0; }
  .flyout.add-product-flyout .add-button {
    width: 109px;
    border-right: 1px solid #527d21;
    border-bottom: 1px solid #3b5a16;
    text-align: center;
    float: left;
    font-size: 18px;
    text-align: left;
    width: 100%;
    text-align: center;
    margin-top: 8px; }
    .flyout.add-product-flyout .add-button:active a, .flyout.add-product-flyout .add-button a:active {
      background-color: #53565A; }
    .flyout.add-product-flyout .add-button.is-disabled, .flyout.add-product-flyout .add-button.is-disabled:active {
      background-color: #e6e6e7;
      border: none;
      background-image: -webkit-linear-gradient(top, #e6e6e7, #e6e6e7);
      background-image: -moz-linear-gradient(top, #e6e6e7, #e6e6e7);
      background-image: -ms-linear-gradient(top, #e6e6e7, #e6e6e7);
      background-image: -o-linear-gradient(top, #e6e6e7, #e6e6e7);
      background-image: linear-gradient(top, #e6e6e7, #e6e6e7);
      cursor: default; }
      .flyout.add-product-flyout .add-button.is-disabled a, .flyout.add-product-flyout .add-button.is-disabled:active a {
        cursor: default; }
    .flyout.add-product-flyout .add-button a {
      padding-top: 6px;
      padding-bottom: 6px; }
    .flyout.add-product-flyout .add-button a {
      text-indent: 0px; }
  .flyout.add-product-flyout ol, .flyout.add-product-flyout ul {
    padding: 0;
    margin: 0;
    list-style-position: inside; }
    .flyout.add-product-flyout ol li, .flyout.add-product-flyout ul li {
      margin-bottom: 12px; }
      .flyout.add-product-flyout ol li:first-child, .flyout.add-product-flyout ul li:first-child {
        border-bottom: 1px solid #cccccc;
        margin-top: -8px; }
      .flyout.add-product-flyout ol li .li-content, .flyout.add-product-flyout ul li .li-content {
        font-size: 1.1em; }
      .flyout.add-product-flyout ol li .p-l-title, .flyout.add-product-flyout ul li .p-l-title {
        display: inline-block;
        line-height: 1.2em;
        font-size: 0.9em;
        font-weight: bold;
        color: #53565A; }
      .flyout.add-product-flyout ol li .flyout-partial-container, .flyout.add-product-flyout ul li .flyout-partial-container {
        font-size: 1.1em;
        color: #53565A; }
      .flyout.add-product-flyout ol li .option-button, .flyout.add-product-flyout ul li .option-button {
        font-size: 18px; }
  .flyout.add-product-flyout .radiogroup {
    margin-top: 8px; }
    .flyout.add-product-flyout .radiogroup:before, .flyout.add-product-flyout .radiogroup:after {
      content: " ";
      display: table; }
    .flyout.add-product-flyout .radiogroup:after {
      clear: both; }
    .flyout.add-product-flyout .radiogroup input[type="radio"], .flyout.add-product-flyout .radiogroup label {
      display: block;
      float: left; }
    .flyout.add-product-flyout .radiogroup input[type="radio"] {
      margin-top: 0.5em;
      margin: 2px 8px 0 0; }
    .flyout.add-product-flyout .radiogroup label {
      width: 106px;
      margin-bottom: 8px;
      font-size: 0.9em; }
  .flyout.add-product-flyout.coming-in {
    margin-left: 10px;
    -webkit-transition: margin-left 300ms linear;
    -moz-transition: margin-left 300ms linear;
    -o-transition: margin-left 300ms linear;
    -ms-transition: margin-left 300ms linear;
    transition: margin-left 300ms linear; }

.price-match-tooltip {
  position: absolute;
  z-index: 201;
  font-size: 0.8em;
  line-height: 1.1em; }
  .price-match-tooltip > span {
    position: relative;
    display: inline-block;
    width: 120px;
    padding: 8px;
    color: #2d2322;
    background-color: #fff8db;
    -webkit-box-shadow:  0px 0px 13px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  0px 0px 13px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:  0px 0px 13px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow:  0px 0px 13px 1px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 13px 1px rgba(0, 0, 0, 0.2); }
    .price-match-tooltip > span .arrow {
      position: absolute;
      width: 0;
      height: 0;
      margin: -8px 0 0 0;
      padding: 0;
      top: 50%;
      left: -10px;
      border-bottom: 10px solid transparent;
      border-top: 10px solid transparent;
      border-right: 10px solid #fff8db;
      border-left: 0; }
    .price-match-tooltip > span .arrow-left {
      position: absolute; }
    .price-match-tooltip > span .arrow-border {
      left: -11px;
      margin-top: -9px;
      border-right: 10px solid #d5d5d5;
      border-bottom: 11px solid transparent;
      border-top: 11px solid transparent; }

.content-wrapper .products-grid .m-cancel {
  float: left;
  clear: both;
  border-bottom: 1px solid #e5e2df;
  padding-bottom: 7px;
  margin-bottom: 0; }
.content-wrapper .products-grid .cta-personal-shopper-note {
  float: left;
  clear: both;
  margin-top: 7px;
  margin-bottom: 7px; }
  .content-wrapper .products-grid .cta-personal-shopper-note:before {
    content: "";
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    padding-left: 5px;
    margin-bottom: 20px;}
  .content-wrapper .products-grid .cta-personal-shopper-note.edit-personal-shopper-note:before {
    background-image: url("/images/static/header/ss-flyout-trolley.png");
    background-position: -430px -81px;
    background-repeat: no-repeat; }
  .content-wrapper .products-grid .cta-personal-shopper-note.add-personal-shopper-note:before {
    background-image: url("/images/static/header/ss-flyout-trolley.png");
    background-position: 0px -89px;
    background-repeat: no-repeat; }
.content-wrapper .products-grid .is-personalisable .add-personal-shopper-note:before {
  background-image: url("/images/static/header/ss-flyout-trolley.png");
  background-position: -425px -121px;
  background-repeat: no-repeat;
  padding-bottom: 2px; }
.content-wrapper .products-grid .is-personalisable .edit-personal-shopper-note:before {
  background-image: url("/images/static/header/ss-flyout-trolley.png");
  background-position: -428px -158px;
  background-repeat: no-repeat;
  padding-bottom: 2px; }
.content-wrapper .products-grid p.m-change-cannot-be-made {
  margin-top: 0; }
.content-wrapper .products-grid .m-product-cell-manipulation .m-product {
  min-height: 30em;
  position: relative; }
.content-wrapper .products-grid .m-product-cell-manipulation .quantity-append {
  position: absolute;
  bottom: 5.5em; }
.content-wrapper .products-grid .m-product-cell-manipulation .m-product-volume {
  display: inline; }
.content-wrapper .products-grid .m-product-cell-manipulation .quantity-select {
  float: left;
    font-size: 12px;
    margin-left: 85px;
    bottom: 110px;
	height: 23px;
    position: absolute;
    width: 60px; }
.content-wrapper .products-grid .m-product-cell-manipulation .quantity-append {
  position: absolute;
  bottom: 5.5em;
  float: left; }
.content-wrapper .products-grid .m-product-cell-manipulation .m-product-details .price {
  display: block;
  font-size: 1.1em;
  font-weight: bold; }
.content-wrapper .products-grid .m-product-cell-manipulation .m-product-details .fine-print {
  display: block; }
.content-wrapper .products-grid .m-product-cell-manipulation .cta-personal-shopper-note {
  margin-right: 10px; }
.content-wrapper .products-grid .m-product-cell-manipulation .m-cancel {
  position: absolute;
  bottom: 3.8em;
  width: 88%;
  padding-bottom: 10px;
  margin-bottom: 5px;}
.content-wrapper .products-grid .m-product-cell-manipulation .cta-personal-shopper-note {
  position: absolute;
  bottom: 0; }

.lt-ie9 .content-wrapper .products-grid .m-product-cell-manipulation .quantity-select {
  margin-left: 75px;
  width: 5.8em; }
.lt-ie9 .content-wrapper .products-grid .m-product-cell-manipulation .add-personal-shopper-note.cta-personal-shopper-note {
  margin-right: 19px; }

.flyout.personal-shopper-note-flyout {
  position: absolute;
  width: 300px;
  padding: 20px 10px 10px 10px;
  background-color: white; }
  .flyout.personal-shopper-note-flyout .add-button {
    width: 109px;
    margin-left: 4px;
    border-right: 1px solid #527d21;
    border-bottom: 1px solid #3b5a16;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    font-size: 0.9em;
    text-align: left;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 8px; }
    .flyout.personal-shopper-note-flyout .add-button:active a, .flyout.personal-shopper-note-flyout .add-button a:active {
      background-color: #53565A;}
    .flyout.personal-shopper-note-flyout .add-button.is-disabled, .flyout.personal-shopper-note-flyout .add-button.is-disabled:active {
      background-color: #cfceca;
      border: none;
      background-image: -webkit-linear-gradient(top, #f2efea, #cfceca);
      background-image: -moz-linear-gradient(top, #f2efea, #cfceca);
      background-image: -ms-linear-gradient(top, #f2efea, #cfceca);
      background-image: -o-linear-gradient(top, #f2efea, #cfceca);
      background-image: linear-gradient(top, #f2efea, #cfceca);
      cursor: default; }
      .flyout.personal-shopper-note-flyout .add-button.is-disabled a, .flyout.personal-shopper-note-flyout .add-button.is-disabled:active a {
        cursor: default; }
    .flyout.personal-shopper-note-flyout .add-button a {
      padding-top: 6px;
      padding-bottom: 6px; }
    .flyout.personal-shopper-note-flyout .add-button a {
      text-indent: 0px; }
  .flyout.personal-shopper-note-flyout input[type="checkbox"] {
    float: left;
    margin-right: 8px; }
  .flyout.personal-shopper-note-flyout textarea {
    margin-bottom: 10px; }
  .flyout.personal-shopper-note-flyout.coming-in {
    margin-left: 10px;
    -webkit-transition: margin-left 300ms linear;
    -moz-transition: margin-left 300ms linear;
    -o-transition: margin-left 300ms linear;
    -ms-transition: margin-left 300ms linear;
    transition: margin-left 300ms linear; }

.aisle .categories {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #cccccc; }
  .aisle .categories:before, .aisle .categories:after {
    content: " ";
    display: table; }
  .aisle .categories:after {
    clear: both; }
  .aisle .categories .category {
    float: left;
    width: 150px;
    margin: 0 10px 5px 0;
    padding-bottom: 3px;
    border-bottom: 1px dotted #aaaaaa;
    font-size: 0.8em; }
    .aisle .categories .category a {
      display: block;
      float: left;
      max-width: 130px;
      margin-right: 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.aisle .products {
  clear: left;
  margin-top: 10px; }
.aisle .product {
  position: relative;
  float: left;
  width: 160px;
  height: 290px;
  padding: 5px;
  border-right: 2px dotted #cccccc; }
  .aisle .product p {
    margin: 0; }
  .aisle .product .price {
    margin-top: 30px; }
  .aisle .product .quantity {
    position: absolute;
    bottom: 0;
    height: 35px;
    width: 110px;
    padding-left: 48px;
    background: #cccccc; }
    .aisle .product .quantity > * {
      float: left;
      position: relative;
      top: 5px;
      margin-right: 10px; }
    .aisle .product .quantity .button {
      top: 8px;
      margin-right: 0; }
    .aisle .product .quantity input {
      width: 15px; }

.groceries .hero {
  position: relative;
  height: 200px; }
  .groceries .hero img {
    position: absolute; }
  .groceries .hero h1 {
    margin-left: 250px;
    padding-top: 30px; }
    .groceries .hero h1 span {
      font-weight: bold;
	  font-family: "arial","Tahoma", "Geneva", sans-serif;
      color: #53565A; }
.groceries .tabs-container {
  overflow: hidden; }
  .groceries .tabs-container a:focus {
    outline: none;
    border: 1px dotted #53565A; }
.groceries .groceries-tabs {
  margin-top: 30px;
  border: none;
  width: 826px; }
.groceries .merchandising-grid-groceries {
  margin-bottom: 21px; }
  .groceries .merchandising-grid-groceries .shop-now-cont {
    margin-left: 1px; }
    .groceries .merchandising-grid-groceries .shop-now-cont a:focus {
      outline: none;
      border: 1px dotted #53565A; }
.groceries .two-col {
  width: 850px; }
.content-wrapper.groceries .two-col.aisle {
	padding-bottom:100px;}
.content-wrapper.groceries #favourites-page .two-col.aisle {
padding-bottom: 0;}
.groceries .espot_in_product_area {
  	display: none;}
.order-details {
  margin-top: 10px;
  padding: 10px 10px 0 10px;
  background: #eeeeee; }
  .order-details h3,
  .order-details .button {
    margin: 0; }
.my-trolley  {
  width: 900px;
  margin: 0 auto;}
.my-trolley  .products-category  {
	width:940px;
	margin-left: -18px;}
.my-trolley  .products-category .products-grid {
	border-left: none;
	border-top: none;
	display: inline;
	}
 .my-trolley hr.shadowed:after {
    width: 98%;
    margin-left: 36%; }
  .my-trolley .view-more {
    margin: 20px 0 20px 300px;
	padding-bottom: 100px; }
    .my-trolley .view-more .button.content-button {
      float: right;
      position: relative; }
    .my-trolley .view-more .button.secondary-button {
      float: left; }
  .my-trolley .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .my-trolley h1 {
    float: left;
	font: 21px/32px Arial;
	font: 24px/30px Waitrose;
    margin-top: 0; }
  .my-trolley table tbody tr {
    border: 0; }
  .my-trolley table tbody .total {
    font-size: 1.6em; }
    .my-trolley table tbody .total th,
    .my-trolley table tbody .total td {
      padding-top: 1.2em;
      font-weight: normal; }
  .my-trolley .continue-button {
    float: right;
    margin-top: -5px; }
  .my-trolley .amend-trolley-info {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 15px;
    padding: 1em 0;
    width: 900px;
    font-size: inherit;
	background-color: #F1F2F2;	}
    .my-trolley .amend-trolley-info:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 900px;
      height: 10px;
      margin: 0;
      opacity: 0.5;
      z-index: -1;}
  .my-trolley .info-col {
    display: inline-block;
    padding: 0 0px 0 14px;
    width: 220px;
    min-height: 70px;
    vertical-align: top; }
    .my-trolley .info-col:first-child {
      border: 0;
      padding: 0 0 0 20px; }
    .my-trolley .info-col h3 {
      margin-bottom: 0;
      font-weight: bold; }
    .my-trolley .info-col fieldset {
      margin-left: 0;
      padding: 0 0 2.2em;
      background: none;
      border-bottom: 1px solid #cacaca; }
      .my-trolley .info-col fieldset .secondary-button {
        float: left; }
    .my-trolley .info-col legend {
      padding-top: 1em;
      font-size: 12px;
      font-weight: bold; }
    .my-trolley .info-col label {
      display: block;
      padding-bottom: 5px;
      width: auto; }
    .my-trolley .info-col input[type="text"] {
      float: left;
      margin-right: 10px;
      width: 142px; }
    .my-trolley .info-col ul {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
    .my-trolley .info-col li {
      padding-bottom: 5px;
      vertical-align: top; }
      .my-trolley .info-col li:first-child {
        padding-left: 0;
        border: 0; }
      .my-trolley .info-col li:last-child {
        padding-right: 0; }
      .my-trolley .info-col li strong {
        float: right;
        display: block;
        padding-bottom: 5px;
        font-size: 18px;
        font-weight: normal; }
      .my-trolley .info-col li .button.content-button {
        font-size: 1.2em; }
    .my-trolley .info-col .price {
      width: 75px; }
    .my-trolley .info-col p {
      margin: 0;
      padding: 0; }
    .my-trolley .info-col.estimate-container {
      width: 200px;
	  margin-top: 5px;}
    .my-trolley .info-col.checkout-container {
      width: 225px;
margin-top: 5px;	  }
      .my-trolley .info-col.checkout-container .button {
        margin-top: 2em;
		float: right;}
  .my-trolley .service-info {
    width: 165px; }
    .my-trolley .service-info p {
      position: relative;
      font-weight: bold; }
      .my-trolley .service-info p span {
        font-weight: normal; }
    .my-trolley .service-info strong {
      display: block; }
  .my-trolley p.service-heading, .my-trolley .info-col h3.service-heading {
    margin-top: 0;
    padding-bottom: 5px;
    border: none;
    font-size: 0.8em; }
    .my-trolley p.service-heading span, .my-trolley .info-col h3.service-heading span {
      float: right;
      margin-right: 7px;
      font-size: 14px; }
  .my-trolley .trolley-actions {
    clear: both;
    float: left;
    width: 100%;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 20px; }
    .my-trolley .trolley-actions:before, .my-trolley .trolley-actions:after {
      content: " ";
      display: table; }
    .my-trolley .trolley-actions:after {
      clear: both; }
    .my-trolley .trolley-actions:after {
      clear: both; }
    .my-trolley .trolley-actions p {
      float: left;
      margin-top: 0;
      font-weight: bold; }
    .my-trolley .trolley-actions ul {
      float: right;
      margin: 0;
      padding: 0; }
      .my-trolley .trolley-actions ul li {
        float: left;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 2px;
        padding-left: 0;
        list-style-type: none; }
        .my-trolley .trolley-actions ul li a {
          padding: 5px 15px 5px 35px;
		  text-decoration: underline;}
    .my-trolley .trolley-actions .continue-button {
      margin-top: 0;
      margin-left: 10px; }
    .my-trolley .trolley-actions .favourite-button a {
      padding-left: 40px;
      background: url("/images/static/common/ss-icons.png") 10px -240px no-repeat; }
 .my-trolley.details {
  float:left;}
  .my-trolley.details h2 {
    line-height: 0px;
    margin: 0px;
    vertical-align:middle;
	padding:0px;}
  .my-trolley .cancel-button.remove:focus {
    outline: none;
    border: 1px dotted #53565A; }
  .content-wrapper .my-trolley .products-grid .m-product-cell  {
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
  float: left; 
  margin:25px 0 25px 18px;}
  .content-wrapper .my-trolley .products-grid .products-row .m-product-cell:last-child  {
  border-left: 1px solid #D6D6D6;}
.lt-ie9 .my-trolley .amend-trolley-info {
  padding-top: 15px;
  background-color: #f7f7f7; }
.lt-ie9 .my-trolley .info-col fieldset {
  padding-bottom: 1.3em; }
.lt-ie9 .my-trolley .info-col .secondary-button {
  margin-top: 0; }
.lt-ie9 .my-trolley .info-col li {
  padding-right: 5px;
  padding-left: 5px; }
.lt-ie9 .my-trolley .info-col .items {
  background-position: center 10px; }
.lt-ie9 .my-trolley hr.shadowed {
  position: relative;
  top: 0px;
  height: 10px;
  padding: 0;
  margin: 0;
  background: url("/images/static/common/ss-homepage.png") -505px -56px no-repeat;
  border: 0 none;
  overflow: hidden; }

.groceries .tabs ul.tab-panel {
  height: 49px;
  padding: 0;
  border-bottom: 1px solid #bbbbbb;
  list-style-type: none; }
  .groceries .tabs ul.tab-panel li {
    float: left;
    padding: 10px 10px 21px 10px;
	font: 17px/16px Arial;
	font: 18px/16px Waitrose;
    background-color: #F9F9F9; }
    .groceries .tabs ul.tab-panel li:hover {
      cursor: pointer; }
.groceries .tabs h4 {
  margin-top: 0; }
.groceries .tabs .r-col {
  padding-top: 30px; }
.groceries .tabs .quick-facts {
  background: #eeeeee;
  padding: 10px; }
  .groceries .tabs .quick-facts h4 {
    margin: 0; }
  .groceries .tabs .quick-facts .indent {
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold; }
  .groceries .tabs .quick-facts span {
    font-weight: normal; }
.groceries .tabs .nutrition table {
  width: 470px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #555555;
  font-size: 14px; }
  .groceries .tabs .nutrition table th {
    text-align: left; }
  .groceries .tabs .nutrition table td {
    border-top: 1px dotted #555555;
    padding: 1px;
    text-align: right; }
    .groceries .tabs .nutrition table td:first-child {
      font-weight: bold;
      text-align: left; }

.groceries-error {
  width: 640px;
  padding-bottom: 90px;
  background-image: url("/images/static/common/bg-error-fruit.png");
  background-position: 100% 100%;
  background-repeat: no-repeat; }
  .groceries-error dt,
  .groceries-error dd {
    color: #53565A;
    font-size: 12px; }
  .groceries-error dt {
    clear: left;
    float: left;
    width: 200px; }
  .groceries-error dd {
    margin-left: 200px; }

.groceries .search-results ul.tab-panel {
  height: auto;
  padding-left: 174px;  }
  .groceries .search-results ul.tab-panel li {
    display: inline-block;
    float: none;
	text-align: center;
    top: 1px;
	position: relative;
    padding: 6px 25px;
    /*border: 1px solid #cacaca;*/
    font-size: 16px;
	min-width:107px;}
  .groceries .search-results ul.tab-panel .is-active {
    padding-bottom: 6px;
      background: none;
	  border: 1px solid #cacaca;
      border-bottom: 1px solid white; }
    .groceries .search-results ul.tab-panel .is-active a {
     font-weight: bold;
	 /*font-size: 18px;*/}
	.groceries .search-results ul.tab-panel a:hover {
	 text-decoration:underline;}
  .groceries .search-results ul.tab-panel a {
    display: block;
		text-decoration: none;
        margin: 2px 0 0;
        padding: 4px;
		color: #53565A;
        background-color: transparent;
        background-repeat: no-repeat;}
    
.two-col form {
  float: right;
  margin: 0 0 25px; }
  .two-col form fieldset {
    margin: 0 10px;
    padding: 0;
    background: none; }
  .two-col form label {
    padding-top: 3px;
    padding-right: 10px;
    width: auto; }
  .two-col form select {
    font-size: 12px; }

.search-results {
  width: 842px; }
  .search-results .r-content {
    margin-left: 180px; }
    .search-results .r-content form {
      float: right;
      margin: 0.5em 0 1em; }
      .search-results .r-content form fieldset {
        margin: 0;
        padding: 0;
        background: none; }
      .search-results .r-content form label {
        padding-top: 3px;
        padding-right: 10px;
        width: auto; }
  .search-results .search-info {
    display: inline-block;
    margin-bottom: 2em; }
  .search-results select {
    font-size: 12px; }
  .search-results nav.refinement {
    padding-right: 0;
    width: 175px; }
   .search-results .inspiration nav.refinement {
    padding: 20px 12px 0;
    width: 150px;}
  .search-results .recipe {
    float: left;
    margin-left: 10px;
	  width: 193px;
	  height: 260px;}
    .search-results .recipe:nth-child(3n + 1) {
      margin-left: 0; }
    .search-results .recipe img {
      display: block;
      float: none;
      margin: 0 auto 10px;
	  width: auto;
	  height: 140px; }
    .search-results .recipe h3 {
      min-height: 32px;
      color: inherit;
	  margin: 5px 0 0;}
      
      .search-results .recipe .m-product-img-placeholder span {
        margin: 8px 0 0;
        padding: 0 5px; }
      
      .search-results .recipe .m-product-img-placeholder {
        display: block;
	  width: 120px;
	  height: 120px;
        min-width: 98px;
        min-height: 98px;
	  padding-top: 20px;
        font-size: 0.72em;
        text-align: center;
        text-decoration: none;
        line-height: 9em;
        background-color: #edecea;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; }
        
        .search-results .recipe .m-product-img-placeholder {
	        margin-right: auto;
		margin-left: auto;
		display: block;
		float: none; }
      
      .search-results .recipe .m-product-img-placeholder span {
          display: inline-block;
          vertical-align: baseline;
          line-height: 1.2em;
          margin: 3em 11px 0;
    	  color: #929292; }

    .search-results .recipe .rating {
      margin-bottom: 5px; }
  .search-results .inspiration ol {
    padding: 0;
    font-size: 12px;
    list-style: none; }
  .search-results .inspiration li {
    margin-bottom: 1em; }
  .search-results .inspiration h3,
  .search-results .inspiration p {
    margin: 0; }

.lt-ie9 .search-results .recipe {
  width: 187px; }

.loading {
	text-align: center; }
.loading .load-more {
	width: 150px; }
.loading .r-content {
	width: auto; }
    .loading .panel {
      height: 343px;
      margin: 40px 0 20px 0; }
    .loading p {
      margin: 0;
      color: #838683;
      font-size: 0.9em; }
    .loading p.smaller {
        font-size: 12px; }
    .loading img {
      display: block;
      margin: 20px auto 15px auto; }

.groceries-home .l-content {
  width: 840px !important; }
  .groceries-home .l-content h1 {
    margin-top: 0; }

.message-box-inner {
  padding: 10px; }

.groceries .start-shopping-panel {
  width: 836px;
  border: 1px solid #cccccc;
  display: table;
  overflow: hidden; }
  .groceries .start-shopping-panel:before, .groceries .start-shopping-panel:after {
    content: " ";
    display: table; }
  .groceries .start-shopping-panel:after {
    clear: both; }
  .groceries .start-shopping-panel .start-shopping-panel-row {
    display: table-row; }
  .groceries .start-shopping-panel .panel-container {
    display: table-cell;
    height: 100%;
    border: none;
    background-image: url("/images/static/pages/groceries/start-shopping/texture.jpg");
    background-repeat: repeat; }
    .groceries .start-shopping-panel .panel-container:before, .groceries .start-shopping-panel .panel-container:after {
      content: " ";
      display: table; }
    .groceries .start-shopping-panel .panel-container:after {
      clear: both; }
    .groceries .start-shopping-panel .panel-container.no-texture {
      background: white; }
  .groceries .start-shopping-panel .tabs-container {
    display: table-cell;
    width: 6220px;
    vertical-align: top; }
    .groceries .start-shopping-panel .tabs-container:before, .groceries .start-shopping-panel .tabs-container:after {
      content: " ";
      display: table; }
    .groceries .start-shopping-panel .tabs-container:after {
      clear: both; }
  .groceries .start-shopping-panel ul.tab-panel {
    display: block;
    width: 207px;
    height: auto;
    margin: 3px 20px 0 3px;
    border: none;
    -webkit-box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow:  3px 0px 10px 0px rgba(0, 0, 0, 0.15); }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button {
      position: relative;
      float: none;
      width: 208px;
      height: 108px;
      padding: 0;
      background: white;
      border: 0; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button a, .groceries .start-shopping-panel ul.tab-panel li.tab-button a.visited {
        display: block;
        text-decoration: none; }
        .groceries .start-shopping-panel ul.tab-panel li.tab-button a:before, .groceries .start-shopping-panel ul.tab-panel li.tab-button a:after, .groceries .start-shopping-panel ul.tab-panel li.tab-button a.visited:before, .groceries .start-shopping-panel ul.tab-panel li.tab-button a.visited:after {
          content: " ";
          display: table; }
        .groceries .start-shopping-panel ul.tab-panel li.tab-button a:after, .groceries .start-shopping-panel ul.tab-panel li.tab-button a.visited:after {
          clear: both; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button a.active {
        outline: 1px dotted #53565A !important; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button .cont {
        width: 184px;
        min-height: 71px;
        margin: 0 11px;
        padding-top: 10px;
        padding-right: 2px;
        padding-bottom: 14px;
        padding-left: 2px;
        border: none;
        border-top: 1px solid #d6d6d6; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button h2 {
        margin: 0 0 6px 0;
		font: bold 17px/16px Arial;
		font: bold 18px/16px Waitrose;
        text-decoration: underline; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button p {
        margin-top: 6px;
        font-size: 13px;
        line-height: 18px;
		font-family: "arial","Tahoma","Geneva",sans-serif;
        margin-bottom: 0; }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active {
      width: 230px;
      padding: 0; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active a.active {
        outline: white dotted 1px; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active .arrow.left {
        display: block; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active .cont {
        background-color: transparent; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active h2 {
        color: white; }
	  .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active p {
        color: white; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active h2 {
        text-decoration: none; }
      .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active, .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active:hover {
        background-image: url("/images/static/common/ss-start-shopping.png");
        background-position: -1px -399px;
        background-repeat: no-repeat;
        background-color: transparent;
        border-left-color: #315700; }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button:hover {
      background-color: #d6d6d6;
      background-image: -webkit-linear-gradient(top, #f2efea, #cfceca);
      background-image: -moz-linear-gradient(top, #f2efea, #cfceca);
      background-image: -ms-linear-gradient(top, #f2efea, #cfceca);
      background-image: -o-linear-gradient(top, #f2efea, #cfceca);
      background-image: linear-gradient(top, #f2efea, #cfceca); }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button h2 {
      color: #53565A;
      text-decoration: underline; }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button p {
      color: #53565A; }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active .cont {
      border-top: none;
      padding-top: 11px; }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button:first-child .cont,
    .groceries .start-shopping-panel ul.tab-panel li.tab-button.is-active:first-child .cont {
      border-top: none;
      padding-top: 10px; }
    .groceries .start-shopping-panel ul.tab-panel li.tab-button:hover + li .cont {
      border-top: none;
      padding-top: 11px; }
  .groceries .start-shopping-panel .tab {
    float: left;
    width: 596px;
    padding: 5px 0 0 11px; }

.lt-ie9 .start-shopping-panel .panel-container {
  border-right: 1px solid #d6d6d6; }

.start-shopping-panel h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.3em; }
.start-shopping-panel p {
  line-height: 1.35em; }
.start-shopping-panel ol {
  margin: 0;
  padding: 0;
  list-style: none; }
  .start-shopping-panel ol li {
    float: left; }
.start-shopping-panel .tab-inset {
  position: relative;
  z-index: 9;
  width: 566px;
  padding: 11px;
  margin-bottom: 8px;
  background-color: white;
  -webkit-box-shadow:  -1px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:  -1px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow:  -1px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow:  -1px 3px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow:  -1px 3px 10px 0px rgba(0, 0, 0, 0.1); }
  .start-shopping-panel .tab-inset:before, .start-shopping-panel .tab-inset:after {
    content: " ";
    display: table; }
  .start-shopping-panel .tab-inset:after {
    clear: both; }
  .start-shopping-panel .tab-inset:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -11;
    width: 217px;
    height: 145px;
    bottom: -18px;
    left: -18px;
    background-image: url("/images/static/common/ss-start-shopping.png");
    background-repeat: repeat;
    background-position: -433px -405px;
    background-color: transparent; }
.start-shopping-panel .above-shadow:before, .start-shopping-panel .above-shadow:after {
  content: " ";
  display: table; }
.start-shopping-panel .above-shadow:after {
  clear: both; }
.start-shopping-panel .tab-jotter, .start-shopping-panel .tab-favourites {
  background-image: url("/images/static/pages/groceries/start-shopping/texture.jpg");
  background-repeat: repeat; }
.start-shopping-panel .tab-favourites .l-section {
  float: left;
  width: 400px; }
  .start-shopping-panel .tab-favourites .l-section:before, .start-shopping-panel .tab-favourites .l-section:after {
    content: " ";
    display: table; }
  .start-shopping-panel .tab-favourites .l-section:after {
    clear: both; }
.start-shopping-panel .tab-favourites ol.products {
  height: auto;
  margin-top: 8px;
  border: none; }
  .start-shopping-panel .tab-favourites ol.products:before, .start-shopping-panel .tab-favourites ol.products:after {
    content: " ";
    display: table; }
  .start-shopping-panel .tab-favourites ol.products:after {
    clear: both; }
.start-shopping-panel .tab-favourites .offers, .start-shopping-panel .tab-favourites .favourites {
  min-height: 110px; }
  .start-shopping-panel .tab-favourites .offers p, .start-shopping-panel .tab-favourites .import-products p, .start-shopping-panel .tab-favourites .favourites p {
    margin-top: 4px;
    margin-bottom: 0; }
  .start-shopping-panel .tab-favourites .offers a.secondary, .start-shopping-panel .tab-favourites .import-products a.secondary, .start-shopping-panel .tab-favourites .favourites a.secondary {
    margin-top: 4px;
    display: inline-block; }
.start-shopping-panel .tab-favourites .offers {
  position: relative;
  width: 122px;
  height: 110px;
  padding-left: 55px;
  float: left; }
.start-shopping-panel .tab-favourites .offers:before {
  background-image: url("/images/static/common/ss-product.png");
    background-position: 0 -36px;
    background-repeat: no-repeat;
    background-size: 58px auto;
    height: 36px;
    left: 11px;
    position: absolute;
    width: 36px; }
.start-shopping-panel .tab-favourites .favourites , .start-shopping-panel .tab-favourites .import-products{
  position: relative;
  float: left;
  width: 134px;
  height: 110px;
  margin-left: 10px;
  padding-left: 45px; }
.start-shopping-panel .tab-favourites .favourites:before {
  position: absolute;
  left: 6px;
  width: 40px;
  height: 44px;
  background: url("/images/static/widget/icon-trolley-favourites.png") -1px 2px no-repeat;
  background-size: 40px;  }
.start-shopping-panel .tab-favourites .import-products:before {
  position: absolute;
  left: 6px;
  width: 41px;
  height: 33px;
  background-image: url("/images/static/widget/icon-trolley-products.png");
  background-repeat: no-repeat;
   background-size: 38px;}
.start-shopping-panel .tab-jotter .jotter-pad {
  float: left;
  width: 252px;
  height: 298px;
  margin-left: -10px;
  padding-left: 16px;
  padding-top: 24px;
  background-image: url("/images/static/common/ss-start-shopping.png");
  background-repeat: no-repeat;
  background-position: 0 0; }
  .start-shopping-panel .tab-jotter .jotter-pad h3 {
    margin: 0 0 0 20px;
    min-height: 26px;
    padding-left: 25px;
    font-size: 1.3em;
    line-height: 26px;
    background-image: url("/images/static/common/ss-start-shopping.png");
    background-repeat: no-repeat;
    background-position: -350px 0; }
  .start-shopping-panel .tab-jotter .jotter-pad form {
    width: 251px;
    margin-top: 12px;
    background-color: #f9f9f9; }
  .start-shopping-panel .tab-jotter .jotter-pad form fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent; }
    .start-shopping-panel .tab-jotter .jotter-pad form fieldset div {
      margin-bottom: 0; }
  .start-shopping-panel .tab-jotter .jotter-pad .textarea-scroll-container {
    width: 251px;
    height: 187px;
    border-bottom: 1px solid #d1d1d1;
    overflow-x: hidden; }
  .start-shopping-panel .tab-jotter .jotter-pad form textarea {
    float: left;
    width: 230px;
    min-height: 100%;
    padding: 0;
    padding-left: 21px;
    border: none;
    font-size: 12px;
    line-height: 2em;
    font-style: italic;
    color: #6a6a6a;
    background-image: url("/images/static/pages/groceries/start-shopping/lines.png");
    background-repeat: repeat;
    background-color: transparent; }
  .start-shopping-panel .tab-jotter .jotter-pad form .button.submit-button {
    margin: 7px 7px 0 0; }
.start-shopping-panel .tab-jotter .r-column {
  float: left;
  width: 318px;
  margin-top: 3.9em;
  margin-left: 20px; }
  .start-shopping-panel .tab-jotter .r-column h3 {
    font-size: 1.2em;
    line-height: 1em; }
    .start-shopping-panel .tab-jotter .r-column h3 margin {
      top: 60px;
      bottom: 4px; }
  .start-shopping-panel .tab-jotter .r-column h4 {
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    margin: 20px 0 4px 0; }
  .start-shopping-panel .tab-jotter .r-column p {
    margin-top: 6px;
    line-height: 18px; }
.start-shopping-panel .tab-suggestions {
  background: white; }
  .start-shopping-panel .tab-suggestions h3 {
    margin: 0;
    min-height: 26px;
    padding-left: 25px;
    font-size: 1.3em;
    line-height: 1.3em;
    background-image: url("/images/static/common/ss-start-shopping.png");
    background-repeat: no-repeat;
    background-position: -350px -200px; }
  .start-shopping-panel .tab-suggestions ol {
    display: block;
    width: 610px;
    height: auto;
    margin-top: 8px;
    margin-left: -10px;
    border-bottom: none; }
    .start-shopping-panel .tab-suggestions ol:before, .start-shopping-panel .tab-suggestions ol:after {
      content: " ";
      display: table; }
    .start-shopping-panel .tab-suggestions ol:after {
      clear: both; }
    .start-shopping-panel .tab-suggestions ol li {
      position: relative;
      display: block;
      float: left;
      width: 285px;
      height: 7em;
      margin: 0 0 9px 12px;
      padding: 0;
      border: 1px solid #e5e4e2;
      background-image: url("/images/static/pages/groceries/start-shopping/texture.jpg");
      background-repeat: repeat;
      -webkit-transition-property: border-color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: border-color;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: border-color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: border-color;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: "linear";
      transition-property: border-color;
      transition-duration: 0.3s;
      transition-timing-function: "linear"; }
      .start-shopping-panel .tab-suggestions ol li:hover {
        border: 1px solid white;
        background-image: url("/images/static/pages/groceries/start-shopping/texture.jpg");
        background-repeat: repeat;
        -webkit-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.2); }
      .start-shopping-panel .tab-suggestions ol li .img-container {
        float: left;
        width: 145px;
        height: 85px; }
      .start-shopping-panel .tab-suggestions ol li h4 {
        margin-top: 10px;
        line-height: 1.3em;
        font-weight: normal;
        font-size: 1.2em; }
      .start-shopping-panel .tab-suggestions ol li a.secondary {
        position: absolute;
        bottom: 10px;
        left: 144px; }
.start-shopping-panel .tab-hints {
  min-height: 320px;
  background-image: url("/images/static/pages/groceries/start-shopping/texture.jpg");
  background-repeat: repeat; }
  .start-shopping-panel .tab-hints h3 {
    margin: 0 0 9px 0;
    min-height: 26px;
    font-size: 1.3em;
    line-height: 1em;
    font-weight: normal; }
  .start-shopping-panel .tab-hints h4 {
    margin-bottom: 10px;
    font-weight: normal; }
  .start-shopping-panel .tab-hints h5 {
    font-weight: normal; }
  .start-shopping-panel .tab-hints h5, .start-shopping-panel .tab-hints p {
    line-height: 1.3em;
    margin-bottom: 20px; }
  .start-shopping-panel .tab-hints .l-section, .start-shopping-panel .tab-hints .r-section, .start-shopping-panel .tab-hints .b-section {
    float: left; }
  .start-shopping-panel .tab-hints .l-section {
    width: 264px;
    padding-right: 26px;
    border-right: 1px solid #cccccc; }
    .start-shopping-panel .tab-hints .l-section h4 {
      min-height: 3.8em;
      margin-bottom: 23px;
      background-image: url("/images/static/common/ss-start-shopping.png");
      background-repeat: no-repeat;
      background-position: -350px -69px; }
  .start-shopping-panel .tab-hints .r-section {
    width: 258px;
    margin-left: 16px; }
    .start-shopping-panel .tab-hints .r-section .add-notes {
      padding-left: 41px;
      margin-bottom: 21px;
      font-size: 0.8em;
      background-image: url("/images/static/common/ss-start-shopping.png");
      background-repeat: no-repeat;
      background-position: -348px -300px; }
  .start-shopping-panel .tab-hints .b-section {
    width: 100%;
    margin-top: 20px;
    padding-top: 8px;
    border-top: 1px solid #cccccc; }
.start-shopping-panel .tab-hints  .content-section {
	min-height: 111px;}
.lt-ie9 .start-shopping-panel .tab-inset {
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }

.message-box {
  background-color: #fcf7d9;
  width: 100%; }
  .message-box:before, .message-box:after {
    content: " ";
    display: table; }
  .message-box:after {
    clear: both; }
  .message-box h2 {
    margin: 0;
    font-weight: normal; }
  .message-box .message-box-inner:before, .message-box .message-box-inner:after {
    content: " ";
    display: table; }
  .message-box .message-box-inner:after {
    clear: both; }
  .message-box p {
    margin: 0 0 0.5em;
    line-height: 1.5em; }
  .message-box .col {
    float: left;
    min-height: 3.2em;
    margin: 0;
    padding: 0 13px 0 10px;
    border-left: 1px solid #ddd7bc; }
    .message-box .col:first-child {
      border-left: none; }

.message-box.pending-order {
  margin-bottom: 10px;
	width: 840px;}
  .message-box.pending-order h2 {
    margin-bottom: 8px;
    font-weight: bold; }
  .message-box.pending-order .col {
    border: none;
	margin-top: 0px;
    padding-top: 0px;
	}
  .message-box.pending-order .col.times {
    padding-right: 70px;
    padding-left: 0; }
  .message-box.pending-order .col.show-all p {
 	padding-top:8px;}
  .message-box.pending-order .col.amend {
    border-left: 1px solid #ddd7bc;
    border-right: 1px solid #ddd7bc; 
 	margin-top:1px;}
.lt-ie9 .message-box .message-box-inner p.charge-warning {
  margin-top: -6px; }

.favourites {
  padding: 0 50px 0 5px; }
#favourites-page {
	margin-top: -15px;
	padding-left:0px;
	padding-bottom: 100px;}
  .favourites p.intro {
    font-size: 12px;
	margin-top: 0;
    line-height: 20px; }
  .favourites .tab-content {
    margin: 0;
    padding: 28px 0 0 18px; }
    .favourites .tab-content h2 {
      margin: 0;
      padding: 10px 0 20px 0; }
  .favourites .tab.favourite h2.large {
    background: url("/images/static/common/ss-favourites.png") no-repeat scroll -520% 7px transparent; }
  .favourites .tabs a.fave, #add_all_to_favourites  a.fave, .favourites .tabs #offertab a.all {
	background-image: url("/images/static/common/ss-homepage.png");
	background-position: -260px -60px;
    padding-left: 54px !important;
    padding-right: 24px; }
  .favourites .tabs a.all {
    padding-right: 24px;
    padding-left: 38px; }
  .favourites .tabs a.lists {
    padding-right: 24px;
    padding-left: 38px;
    background-image: url("/images/static/common/ss-favourites.png");
    background-position: 15px -138px; }
  .favourites .r-content {
    width: 440px;
    margin-left: 370px; }
    .favourites .r-content > ul {
      height: auto;
      margin: 1em 0 0 0;
      padding: 0;
      border: none;
      list-style: none; }
      .favourites .r-content > ul li {
        float: none;
        padding: 0 0 0 20px;
        border: none;
        line-height: 20px;
        background: url("/images/static/common/ss-icons.png") no-repeat 0px 10px transparent; }
  .favourites .l-content {
    }
  .favourite .loading{
  padding-top:1px;
  }
  .favourites #add_to_trolley  {
    float: right;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0; }
    .favourites #add_to_trolley:before, .favourites #add_to_trolley:after {
      content: " ";
      display: table; }
    .favourites #add_to_trolley:after  {
      clear: both; }
  .favourites hr {
    position: relative;
    top: 16px;
    height: 17px;
    margin: 60px 0 40px;
    border: 0 none; }
  .favourites hr.shadowed {
    position: relative;
    top: 9px;
    height: 10px;
    padding: 0;
    margin: 0;
    background: url("/images/static/common/ss-homepage.png") -505px -56px no-repeat;
    border: 0 none;
    overflow: hidden; }
    .favourites hr.shadowed:after {
      display: none; }
    .favourites hr.shadowed.hr-bought {
      margin-top: 20px;
      margin-bottom: 30px; }
      .favourites hr.shadowed.hr-bought:after {
        margin-left: 0; }
  .favourites .tabs ul {
    margin: 0 20px 6px -10px; }
  .favourites .favourite-products, .favourites .all-products, #favLoadMore {
    float: left;
    margin: 15px 0 0 0;
    padding: 0; }
  #favLoadMore {
	margin: 0px;
	width: 100%;
  }
  .favourites .favourite-products {
    margin: 20px 0 0;
    width: 100%; }
    .favourites .all-products h2 {
	 margin: 0;}
	.favourites .favourite-products h2 , #favLoadMore h2, .favourites .all-products h2 {
      margin: 0;
	  font-size: 16px;
	  font-weight: bold;
	  vertical-align: top;
	  line-height: 0;}
    .favourites .favourite-products .products-grid , .favourites  .all-products .products-grid , 
	.favourites #favLoadMore .products-grid {
	  display:inline;
	  border-left:none;
	  border-top:none;}
	.content-wrapper .jotter-result.products-grid .m-product-cell {
		float:left;
		margin: 25px 0px;
		border-top: 1px solid #D6D6D6;
		border-left: 1px solid #D6D6D6;}
	.content-wrapper .jotter-result.products-grid .m-product-cell.view-all-results {
		float:none;}
	.content-wrapper .jotter-result.products-grid .panel .m-product-cell {
		margin: 0;
		border-left: medium none;}
	.content-wrapper .jotter-result.products-grid .carousel .m-product-cell{
		border-left:none;}
	.content-wrapper .jotter-result.products-grid .carousel .m-product-cell:first-child{
		border-left: 1px solid #D6D6D7;}
  .favourites .back-to-top {
    width: 95%;
    float: left; }
  .favourites .all-products {
    width: 100%;
	margin: 35px 0 60px;	}
  #favourites-page .lists-container {
   /*margin-bottom: 65px;*/}
  .favourites.no-items hr {
    background-image: url("/images/static/pages/product-detail/bg-hero-divider.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
  .favourites.no-items .tab-content {
    background-image: url("/images/static/common/ss-homepage.png");
    background-position: -510px 195px;
    background-repeat: no-repeat;
    background-color: white;
	min-height: 310px;	}
  .favourites .merch-406x136-row {
    margin-top: 0; }

.favourites h1 span {
  color: #53565A;
    display: block;
    font-family: arial;
    font-size: 11px;
    font-weight: normal; }

.tabs.general-tabs {
  position: relative; }
  .tabs.general-tabs a.secondary:focus {
    border: thin dotted #53565A; }
  .tabs.general-tabs .secondary-arrow-right:focus {
    border: thin dotted #53565A; }
  .tabs.general-tabs > p {
    position: absolute;
    top: -14px;
    right: 40px; }
  .tabs.general-tabs > ul.tab-panel {
    height: auto;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #cacaca;
    list-style-type: none; }
    .tabs.general-tabs > ul.tab-panel:before, .tabs.general-tabs > ul.tab-panel:after {
      content: " ";
      display: table; }
    .tabs.general-tabs > ul.tab-panel:after {
      clear: both; }
    .tabs.general-tabs > ul.tab-panel li {
      float: left;
      position: relative;
      top: 1px;
      margin-left: 3px;
      padding-top: 1px;
      padding-bottom: 3px;}
      .tabs.general-tabs > ul.tab-panel li:first-child {
        margin-left: 0; }
      .tabs.general-tabs > ul.tab-panel li a {
        display: block;
		text-decoration: none;
        margin: 8px 0 0;
        padding: 4px 32px 4px 32px;
		color: #53565A;
        background-color: transparent;
        background-repeat: no-repeat;}
	 .tabs.general-tabs > ul.tab-panel li a:hover,  .tabs.general-tabs > ul.tab-panel li a:visited:hover {
	 text-decoration: underline;}
    .tabs.general-tabs > ul.tab-panel li.is-active {
      padding-bottom: 4px;
      background: none;
	  border: 1px solid #cacaca;
      border-bottom: 1px solid white;} 
    .tabs.general-tabs > ul.tab-panel li.is-active > a {
      color: #53565A;
      text-decoration: none;
      cursor: default;
      transition-property: color;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: "linear";
      transition-property: color;
      transition-duration: 0.3s;
      transition-timing-function: "linear"; }
      .tabs.general-tabs > ul.tab-panel li.is-active > a:hover {
        color: #53565A; }
  .tabs.general-tabs .tab:before, .tabs.general-tabs .tab:after {
    content: " ";
    display: table; }
  .tabs.general-tabs .tab:after {
    clear: both; }

.breadcrumbs.standard ul li.favourites-breadcrumb {
  display: none; }

.js .favourites .tabs .tab {
  display: none; }
.js .favourites .tabs .tab-panel + .tab {
  display: block; }

.touch .tabs.general-tabs > ul.tab-panel li {
  top: 2px; }

.tabs.general-tabs > ul.tab-panel li.is-active {
  background-color: white;
  font-weight: bold;}

.content-wrapper .printable table tbody tr {
  border-bottom: 0; }

.printable .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.printable .wrapper {
  width: auto; }
  .printable .wrapper .groceries {
    padding: 10px; }
.printable .product-grid .logo {
  float: right; }
.printable .product-grid h1 {
  margin-top: 0;
  margin-bottom: 5px;
  color: #53565A; }
.printable .product-grid p {
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc; }
.printable .product-grid span,
.printable .product-grid del {
  display: block; }
.printable .product-grid .favourite {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url("/images/static/common/ss-product.png") 0 -20px no-repeat;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden; }
.printable .product-grid table {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cccccc; }
  .printable .product-grid table tr {
    border-bottom: 0px solid #cccccc; }
  .printable .product-grid table .title {
    padding: 0;
    border-left: 0;
    text-align: left;
    width: 60%; }
    .printable .product-grid table .title p {
      position: relative;
      margin: 0;
      padding: 50px 10px;
      border: 0;
      font-size: 1em; }
  .printable .product-grid table .image {
    width: 100px; }
    .printable .product-grid table .image img {
      width: 100px;
      height: auto; }
  .printable .product-grid table th.head-title {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.4em; }
  .printable .product-grid table th {
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: bottom; }
  .printable .product-grid table td {
    padding: 10px;
    width: 70px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-align: center; }
  .printable .product-grid table .breakdown {
    padding: 10px 20px;
    width: 30%;
    text-align: left; }

  .lists-container p.intro {
    font-size: 12px;
	line-height: 18px;
    margin: 20px 0;
    width: 700px;}
  .lists-container #list-create fieldset .required {
    float: left;
    width: 630px;
    margin-bottom: 0;
	margin-top: 5px;	}
    .lists-container #list-create fieldset .required label {
      font-size: 14px;
      font-weight: bold;
      margin-top: 5px;
      width: 160px; }
    .lists-container #list-create fieldset .required input[type="text"] {
      width: 250x; }
      .lists-container #list-create fieldset .required input[type="text"].error {
        background-color: #ffea00; }
	.lists-container #list-create #list_new {
	width: 195px;}
  .lists-container .error-msg-static {
    display: none;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 1px 10px 1px 40px;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: -320px -83px;
    background-color: #fff8d9;
    background-repeat: no-repeat;
    font-size: 1.1em; }
  .lists-container p.large {
    font-size: 0.9em;
    font-weight: bold; }

.content-wrapper #list-create .required label:after {
  content: ""; }

.content-wrapper .lists-container table {
  width: 832px;
  margin-bottom: 50px; }
  .content-wrapper .lists-container table thead {
    display: block; }
    .content-wrapper .lists-container table thead tr th {
      padding: 5px 10px 5px 0;
      width: 125px;
      color: #53565A;
      font-weight: normal;
      text-align: left;
      font-size: 11px;	  }
	.content-wrapper .lists-container table thead tr th:first-child{
	width: 215px;}
      .content-wrapper .lists-container table thead tr th:last-child {
        width: 382px;
        border-left: none; }
  .content-wrapper .lists-container table tbody {
    display: block;
    clear: both;
    width: 832px;
    background-color: transparent; }
    .content-wrapper .lists-container table tbody tr {
      border-bottom-width: 1px; }
      .content-wrapper .lists-container table tbody tr:first-child {
        border-top: 1px solid #e2e2e2; }
        .content-wrapper .lists-container table tbody tr:first-child td {
          padding: 5px 10px; }
      .content-wrapper .lists-container table tbody tr td {
        width: 125px;
		padding-left: 0 !important;
        padding: 2px 10px;
        text-align: left; }
	.content-wrapper .lists-container table tbody tr td.listName {
		width: 200px;}
        .content-wrapper .lists-container table tbody tr td:first-child a {
          display: block;
		  font-size: 12px;
		  font-weight: bold;
		  width: 200px;
		  word-wrap: break-word;}
        .content-wrapper .lists-container table tbody tr td.actions {
          width: 382px;
          text-align: right;
		  padding-right: 0;}
        .content-wrapper .lists-container table tbody tr td.long {
          width: 827px; }
          .content-wrapper .lists-container table tbody tr td.long p {
            padding: 20px 0;
            font-size: 1.1em; }
        .content-wrapper .lists-container table tbody tr td .button {
          margin: 8px 0 8px 10px; }
          .content-wrapper .lists-container table tbody tr td .button a {
            font: bold 17px/16px Arial;
			font: 18px/16px WaitroseBold; }

.lightbox-list {
  width: 490px; }
  .lightbox-list h2.large {
    margin-top: 0;
    color: #53565A;
    font-size: 16px;
    font-weight: bold; }
  .lightbox-list .button {
    /*width: 118px;*/
    float: right;
    margin-top: 20px;
    margin-left: 12px; }
    .lightbox-list .button a:focus {
      background-color: #53565A; }
  .lightbox-list p {
    font-size: 12px;
	margin-top:0;}
    .lightbox-list p span {
      font-weight: bold; }
  .lightbox-list .error-msg {
    display: none;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 1px 10px 1px 40px;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: -320px -83px;
    background-color: #fff8d9;
    background-repeat: no-repeat; 
	min-height: 40px;
	padding-top: 10px\9;}
  .lightbox-list form fieldset {
    border: 0;
    padding: 0;
    margin: 0; }
    .lightbox-list form fieldset label {
      margin-right: 20px;
      font-weight: bold;
      font-size: 12px; }
    .lightbox-list form fieldset input[type="text"] {
      font-size: 12px;
      width: 305px; }
      .lightbox-list form fieldset input[type="text"].error {
        background-color: #ffea00; }
  .lightbox-list form p {
    font-size: 12px; }
    .lightbox-list form p.legend {
      font-weight: bold; }
  .lightbox-list form .new-list-input-container {
    margin-left: 1px; }
  .lightbox-list form .list-row {
    width: 100%;
    margin-bottom: 3px; }
    .lightbox-list form .list-row label {
      font-weight: normal;
      margin-left: 10px; }
  .lightbox-list form .for-new-list {
    margin-left: 10px; }
  .lightbox-list form .error input[type="text"] {
    width: 295px;
    border: 1px solid #aaaaaa; }
  .lightbox-list form .error:after {
    content: "";
    position: absolute;
    margin-top: -2px;
    width: 25px;
    height: 40px;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: 100% -97px;
    background-repeat: no-repeat; }
  .lightbox-list form .existing-list-container.list-length-short {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cacaca; }
  .lightbox-list form .existing-list-container.list-length-long {
    height: 90px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 20px;
    padding: 0 20px 0px 5px;
    border: 5px solid #f4f3f3; }
    .lightbox-list form .existing-list-container.list-length-long .list-row {
      margin-bottom: 10px;
      margin-left: 4px; }

.lt-ie9 .lightbox-list form .existing-list-container.list-length-long {
  height: 68px; }
  .lt-ie9 .lightbox-list form .existing-list-container.list-length-long .list-row {
    margin-bottom: 10px; }

.touch .existing-list-container.list-length-long {
  -webkit-overflow-scrolling: touch;
  height: 70px; }

.touch .existing-list-container .list-row {
  padding-bottom: 7px; }

.content-wrapper .lists-container h2 {
  width: 822px;
  margin: 10px 0 0 0;
  padding: 0 0 20px 0px;
  font-size: 16px;
  font-weight: bold;}
.content-wrapper .lists-container .form-row.check-input label {
  float: none; }
.content-wrapper .lists-container form fieldset {
  background: #f9f9f9; }
.content-wrapper .listDetails .lists-container form fieldset {
  background: none; }
.content-wrapper #products h2 {
  color: #53565A;
    font-size: 12px;
    margin: 0;
    padding: 15px 0;
    width: 832px; }
  .content-wrapper #products h2 span {
    float: right;
    display: block;
    margin-bottom: 10px;}
    .content-wrapper #products h2 span a {
      font-size: 12px;
      padding: 2px 0px 3px 24px; }

.lt-ie9 #list-create .button {
  top: -15px; }
.lt-ie9 .m-product-details-container .m-product-title .m-product-volume {
  margin-bottom: 0; }

.lists-container {
  border: 0;
  display: block;
  min-height: 326px;  }
  .lists-container #add_to_trolley {
    margin-top: 25px; }
  .lists-container .add_all_to_favourites {
    margin-left: 390px;
    margin-top: 30px;
    position: absolute;
    width: 190px; }
  .lists-container .available_actions fieldset {
    margin: 15px 0 20px;
    padding: 10px 0 7px; }
    .lists-container .available_actions fieldset p {
      float: left;
      font-size: 12px;
      margin: -45px 0 0;}
    .lists-container .available_actions fieldset .button {
      margin: 0; }
	.lists-container .available_actions fieldset .button.delete_selected{
	margin: 0 0 0 10px;}
      .lists-container .available_actions fieldset .button.is-disabled input:focus {
        background-color: #cfceca;
        background-image: -webkit-linear-gradient(top, #f2efea, #cfceca);
        background-image: -moz-linear-gradient(top, #f2efea, #cfceca);
        background-image: -ms-linear-gradient(top, #f2efea, #cfceca);
        background-image: -o-linear-gradient(top, #f2efea, #cfceca);
        background-image: linear-gradient(top, #f2efea, #cfceca);
        color: #b3afab; }
  .lists-container .available-actions-bottom {
    margin: 0; }
  .lists-container .available-actions-bottom  .available_actions fieldset {
	margin: 0;
	padding: 0;}
  .lists-container #products fieldset {
    margin: 10px 0 0 0;
    padding: 0;
    background-color: white; }
  .lists-container #products .list-actions {
    float: left;
    margin: 0 0 20px;
    width: 832px;
    border-bottom: 1px solid #eeeeee;
    clear: both; }
    .lists-container #products .list-actions:before, .lists-container #products .list-actions:after {
      content: " ";
      display: table; }
    .lists-container #products .list-actions:after {
      clear: both; }
    .lists-container #products .list-actions .heading-select {
      float: left;
      width: 170px;
      height: 25px; }
      .lists-container #products .list-actions .heading-select label {
        float: none;
        width: auto; }
      .lists-container #products .list-actions .heading-select input {
        margin-left: 6px; }
        .lists-container #products .list-actions .heading-select input:focus {
          outline: thin dotted #53565A; }
    .lists-container #products .list-actions .heading-name {
      float: left;
      width: 350px; }
    .lists-container #products .list-actions .heading-price {
      float: left;
      width: 125px;}
	 .lists-container #products .list-actions .heading-last {
      float: left;
      height: 25px;
      width: 187px;}
    .lists-container #products .list-actions .heading-select, .lists-container #products .list-actions .heading-name, .lists-container #products .list-actions .heading-price {
      margin: 0;
      padding: 0; }
      .lists-container #products .list-actions .heading-select p, .lists-container #products .list-actions .heading-name p, .lists-container #products .list-actions .heading-price p {
        margin: 4px 10px 0;
        padding: 0 0 5px; }
  .lists-container .view-all-results form {
    float: left;
    width: 70px;
    text-align: left; }
    .lists-container .view-all-results form fieldset {
      padding: 0;
      background-color: transparent; }
      .lists-container .view-all-results form fieldset label {
        width: auto;
        float: right;
        margin-top: 5px; }

.content-wrapper #products .select-styled {
  width: 39px; }
.content-wrapper #products .products-grid.products-list {
  float: left;
  border: 0; }
  .content-wrapper #products .products-grid.products-list .products-row {
    background-color: transparent;
    margin: 0; }
.content-wrapper #products .products-grid.products-list .products-row:first-child{
	border-top: 1px solid #eeeeee;}
    .content-wrapper.clicktobuylist #products .products-grid.products-list .products-row .m-product-cell {
      overflow: visible;}
    .content-wrapper #products .products-grid.products-list .products-row .m-product-cell {
      overflow: hidden;
      border-right: 0;
width: 832px;	  }
      .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product {
        min-height: 90px;
        padding: 0;
        margin: 0;
        float: left;
        background-color: transparent; }
        .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding {
          width: 804px;
          padding: 0 10px;
          margin-bottom: 0; }
          .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .checkbox-container {
            float: left;
            width: 40px;
            margin-top: 20px;
            margin-left: -10px; }
			.content-wrapper #products .products-grid img.m-product-img {
			margin-top:20px;}
			
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .checkbox-container input:focus {
              outline: thin dotted #53565A; }
          .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-open-modal {
            float: left; }
		  .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container .m-product-open-modal {
			width: 300px;
			line-height: 14px;}
          .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-img-placeholder {
            min-width: 65px;
            min-height: 70px;
            margin: 10px -3px 8px; }
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-img-placeholder span {
              margin: 8px 0 0;
              padding: 0 5px; }
          .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container {
            float: left;
			min-height: 100px;
            margin-left: 75px;
			width: 	350px;	}
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container label {
              width: 100%;
              font-size: 1em; }
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container .price-match {
              margin-bottom: 6px; }
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container .extra-info {
              margin: 0;
              padding: 0;
              list-style-type: none; }
              .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container .extra-info li {
                float: left;
                padding: 0 10px 5px 0; }
          .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-price-container {
            float: left;
            top: 15px;
            width: 125px;
            margin-top: 0;
            margin-left: 520px;
            font-size: 12px;
			padding-right:0px;}
			.content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-details-container .m-product-volume {
			min-height: 32px;
			margin-left: 300px;}
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-padding .m-product-price-container .fine-print {
              font-size: 12px;
			  color: #53565A;}
        .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-buttons-wrapper.m-product-padding {
          float: left;
          width: 187px;
          height: 100%;
          top: 0;
          margin-left: 657px;
          padding: 0; }
          .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-buttons-wrapper.m-product-padding .m-product-buttons-container {
            margin: 20px 25px 20px 15px; }
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-buttons-wrapper.m-product-padding .m-product-buttons-container .list-products-unavailable-msg {
              margin-top: -3px;
              padding: 10px;
              background-color: #f1f1f1;
              text-align: center; }
            .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-buttons-wrapper.m-product-padding .m-product-buttons-container .add-button, .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-buttons-wrapper.m-product-padding .m-product-buttons-container .quantity-append, .content-wrapper #products .products-grid.products-list .products-row .m-product-cell .m-product .m-product-buttons-wrapper.m-product-padding .m-product-buttons-container .select-styled {
              margin-bottom: 0; }
			.content-wrapper #products  .quantity-append.with-cta {
			height: 32px;}
.content-wrapper .offers-page {
  width: 828px; }
  .content-wrapper .offers-page .back-link {
    padding: 1px 0 3px 21px;
    background: url("/images/static/common/ss-arrows.png") 0 0 no-repeat;
    color: #53565A; }
  .content-wrapper .offers-page .offer-links {
    clear: both;
    text-align: right; }
    .content-wrapper .offers-page .offer-links a {
      display: inline-block;
      padding: 1px 24px 3px 0;
      background: url("/images/static/common/ss-icons.png") right -51px no-repeat;
      color: #53565A; }
  .content-wrapper .offers-page .offer-heading {
    clear: both;
    padding: 10px;
    background: #f6d9de;
    overflow: hidden; }
    .content-wrapper .offers-page .offer-heading h2 {
      float: left;
      margin: 0;
      color: #C0002B;
      line-height: 1em; }
    .content-wrapper .offers-page .offer-heading a {
      color: #C0002B; }
    .content-wrapper .offers-page .offer-heading span {
      display: inline-block;
      float: right;
      padding-left: 22px;
      background: url("/images/static/common/ss-offers.png") 0 -99px no-repeat;
      color: #C0002B;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.7em; }
    .content-wrapper .offers-page .offer-heading.offer-completed {
      background: #D8EECB;
      color: #53565A; }
      .content-wrapper .offers-page .offer-heading.offer-completed h2,
      .content-wrapper .offers-page .offer-heading.offer-completed a,
      .content-wrapper .offers-page .offer-heading.offer-completed span {
        color: #53565A; }
      .content-wrapper .offers-page .offer-heading.offer-completed span {
        background-position: 0 -66px; }
    .content-wrapper .offers-page .offer-heading.offer-not-started span {
      background: none; }
  .content-wrapper .offers-page .featured-item {
    float: left;
    margin-right: -1px;
    padding: 10px 0;
    width: 165px;
    min-height: 372px;
    background: url("/images/static/pages/groceries/start-shopping/texture.jpg") 0 0 repeat;
    border: 1px solid #d6d6d6;
    text-align: center; }
    .content-wrapper .offers-page .featured-item h2 {
      margin-top: 50px;
      margin-bottom: 0;
      font-size: 1.5em; }
    .content-wrapper .offers-page .featured-item p {
      margin-top: 10px;
      font-size: 0.9em; }
    .content-wrapper .offers-page .featured-item .save {
      color: #C0002b;
      font-size: 0.9em;
      font-weight: bold; }
    .content-wrapper .offers-page .featured-item img {
      margin: 40px 0;
      max-width: 100%;
      height: auto; }
  .content-wrapper .offers-page .offer-row {
    overflow: hidden; }
  .content-wrapper .offers-page .products-grid {
    float: left; }
    .content-wrapper .offers-page .products-grid .products-row {
      border-bottom: 0; }

.content-wrapper .meal-deal .offer-row {
  margin-bottom: 20px;
  padding: 5px 0 25px;
  background: url("/images/static/common/ss-book.png") 180px bottom no-repeat; }
.content-wrapper .meal-deal .groceries-carousel-container,
.content-wrapper .meal-deal .carousel.groceries-page-carousel {
  max-width: 661px; }
  .content-wrapper .meal-deal .groceries-carousel-container .carousel-arrows,
  .content-wrapper .meal-deal .groceries-carousel-container .carousel-blobs,
  .content-wrapper .meal-deal .carousel.groceries-page-carousel .carousel-arrows,
  .content-wrapper .meal-deal .carousel.groceries-page-carousel .carousel-blobs {
    width: 662px; }

.content-wrapper .missed-offers {
   margin: 25px 0 0 5px; }
  .content-wrapper .missed-offers .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-review .checkout-trail-indicator {
    width: 180px;
    height: 31px; }
  .content-wrapper .missed-offers .checkout-trail .checkout-trail-container .checkout-trail-wrap ul {
    margin: 0;
	background-image: url("/images/static/common/ss-progress-bar.png");
    background-position: -40px -7px;
	background-repeat: no-repeat;}
  .content-wrapper .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-payment ul  {
	background-image: url("/images/static/common/ss-progress-bar.png");
    background-position: -12px -57px;
    background-repeat: no-repeat;}
  .content-wrapper .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-confirm ul  {
	background-image: url("/images/static/common/ss-progress-bar.png");
    background-position: -12px -107px;
    background-repeat: no-repeat;}
  .content-wrapper .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-complete ul  {
	background-image: url("/images/static/common/ss-progress-bar.png");
    background-position: -15px -157px;
    background-repeat: no-repeat;}
  .content-wrapper .delivery-service .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-complete ul {
    background-position: -172px -339px;}
  .content-wrapper.season .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-payment ul {
   background-image: url("/images/static/common/ss-progress-bar.png");
   background-position: -38px -9px;
   background-repeat: no-repeat;
   width: 294px;}
  .content-wrapper.season .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-complete ul {
    background-image: url("/images/static/common/ss-progress-bar.png");
    background-position: -37px -57px;
    background-repeat: no-repeat;
    width: 297px;}
  .content-wrapper .missed-offers .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-review ul li.checkout-trail-station-before {
	padding-left: 0px;	}
  .content-wrapper .missed-offers .heading {
    padding-top: 30px;
    overflow: hidden; }
    .content-wrapper .missed-offers .heading h1 {
      margin-bottom: 0;
	  font: 21px/30px Arial;
	  font: 24px/30px Waitrose;}
    .content-wrapper .missed-offers .heading p {
      float: left;
      font-weight: bold; }
    .content-wrapper .missed-offers .heading .button {
      float: right;
	margin-top: -60px;}
	.content-wrapper .missed-offers .heading .IntHeaderMsg{
	margin-top: 45px;}
    .content-wrapper .missed-offers .heading hr {
      top: 20px; }
  .content-wrapper .missed-offers .offer-wrapper {
    overflow: hidden; }
  .content-wrapper .missed-offers .offer-row {
    float: left;
    margin-bottom: 40px;
    border-top: 1px solid #d6d6d6; 
	overflow: visible!important;}
  .content-wrapper .missed-offers .featured-item {
    margin-right: 0;
    width: 144px;
	padding: 10px;
    border-top: 0;
    border-right: 1px solid #d6d6d6;
    border-left: 0; }
    .content-wrapper .missed-offers .featured-item p {
      margin-top: 110px;
      margin-bottom: 30px;
      padding: 0 10px;
      font-size: 1em;
      line-height: 1.2em; }
	.content-wrapper .missed-offers .interstitials-row .products-grid { 
	/*border-left: none;
	border-top: none;*/}
	.groceries .missed-offers .two-col {
	width: 826px;
	}
    .content-wrapper .missed-offers .products-grid .m-product-cell {
      float: left; }

.content-wrapper .did-you-forget .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-review .checkout-trail-indicator {
  width: 0; }

.content-wrapper .before-you-go .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-review .checkout-trail-indicator {
  width: 100px; }
.content-wrapper.season .checkout-trail{
    margin: 40px 275px;}
.content-wrapper .offer-list .heading h1 {
  margin-bottom: 0; }
.content-wrapper .offer-list .heading p {
  margin-top: 5px;
  margin-bottom: 20px; }
.content-wrapper .offer-list .offer-heading h2 {
  font-size: 14px;
  line-height: 18px; }
.content-wrapper .offer-list .offer-sort fieldset {
  padding: 0 0 10px;
  background: none;
  text-align: right; }
.content-wrapper .offer-list .offer-sort label {
  float: none;
  width: auto; }
.content-wrapper .offer-list .offer-sort select {
  font-size: 12px; }
.content-wrapper .offer-list .offer-row {
  float: left;
  margin-bottom: 40px;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5; }
.content-wrapper .offer-list .featured-item {
  border-top: 0; }
  .content-wrapper .offer-list .featured-item p {
    margin-top: 110px;
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: 1em;
    line-height: 1.2em; }
.content-wrapper .offer-list .shop-now {
  clear: both;
  float: right; }
.trolley-info-container {
  position: relative;
  min-height: 1em;
  margin-bottom: 6px; }
  .trolley-info-container .trolley-info {
    position: absolute; }

.trolley-info {
  clear: both;
  padding: 0;
  height: 12px;
  line-height: 16px;
  width: 142px;
  font-size: 11px; }
  .trolley-info:before, .trolley-info:after {
    content: " ";
    display: table; }
  .trolley-info:after {
    clear: both; }
  .trolley-info div.in-the-basket {
    vertical-align: middle;
    width: 112px;
    padding-right: 5px;
    line-height: 16px;
    font-size: 11px; }

.content-wrapper .products-grid .select-styled {
  position: relative;
  float: left;
  width: 49px;
  cursor: pointer; }
  .content-wrapper .products-grid .select-styled:before, .content-wrapper .products-grid .select-styled:after {
    content: " ";
    display: table; }
  .content-wrapper .products-grid .select-styled:after {
    clear: both; }
  .content-wrapper .products-grid .select-styled select {
    display: none;
	margin: 0 2px;
    width: 46px;}
.content-wrapper .products-grid .selected-option {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 32px;
  left: 0px;
  line-height: 2.245em;
  padding: 3px 2px 0 4px;
  font-size: 12px;
  background-color: white;
  background-repeat: repeat-x;
  border: 1px solid #cdcdcd; }
  .content-wrapper #products .products-grid .selected-option { 
  height: 32px;
  width: 49px;}

  .content-wrapper .products-grid .selected-option:before, .content-wrapper .products-grid .selected-option:after {
    content: " ";
    display: table; }
  .content-wrapper .products-grid .selected-option:after {
    clear: both; }
  .content-wrapper .products-grid .selected-option a, .content-wrapper .products-grid .selected-option span {
    display: block; }
  .content-wrapper .products-grid .selected-option a {
    text-decoration: none;
    color: #53565A; }
  .content-wrapper .products-grid .selected-option span.icon {
    content: " ";
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-top: -3px;
    vertical-align: middle;
    background-image: url("/images/static/common/ss-product.png");
    background-position: -53px -20px; }
  .content-wrapper .products-grid .selected-option.is-open {
    background-image: none;
    background-color: white;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: none;
    border-left: 1px solid #cdcdcd;
	left: 0px; }
    .content-wrapper .products-grid .selected-option.is-open .icon {
      background-image: url("/images/static/common/ss-product.png");
      background-position: -53px -33px;
      margin-top: -2px;
      right: 6px; }

header ul#select-quantity-dropdown {
  display: none;
  position: absolute;
  width: 47px;
  height: auto;
  margin: 0;
  padding: 0;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  background-color: white;
  font-size: 0.8em;
  overflow: hidden; }
  header ul#select-quantity-dropdown:before, header ul#select-quantity-dropdown:after {
    content: " ";
    display: table; }
  header ul#select-quantity-dropdown:after {
    clear: both; }
  header ul#select-quantity-dropdown li {
    width: 100%;
    height: 1.4em;
    padding-left: 4px;
    list-style: none;
    color: #53565A; }
    header ul#select-quantity-dropdown li:hover {
      background-color: #D8EECB; }
    header ul#select-quantity-dropdown li a {
      text-decoration: none;
      color: #53565A; }

.logged-out-trolley + .trolley-top {
  top: 155px; }

.logged-out-trolley + .trolley-top + .trolley-wrapper {
  top: 174px; }

.trolley-top {
  position: absolute;
  z-index: 502;
  top: 160px;
  right: 0;
  width: 100px;
  height: 18px;
  background-image: url("/images/static/common/ss-trolley-icons.png");
  background-repeat: no-repeat;
  background-position: 0 -2px; }
.trolley-top > p {
	font: 12px Arial;
	font: 14px Waitrose;
    margin: -14px 0 0 20px;}

.touch .trolley-wrapper{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;}
.trolley-wrapper {
  position: absolute;
  z-index: 501;
  width: 100px;
  height: 47px;
  top: 184px;
  right: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: white; }
  .trolley-wrapper.loaded {
    border-left: 1px solid #d6d6d6; }
  .trolley-wrapper h2 {
    margin-bottom: 0;
    font-size: 12px;
    text-align: center; }
  .trolley-wrapper .trolley-inner .trolley-items {
    position: relative;
    padding-top: 8px; 
	-webkit-transform: translateZ(0);}
  .trolley-wrapper .trolley-empty-content {
    display: none;
    position: absolute;
    top: 12px; }
    .trolley-wrapper .trolley-empty-content h2 {
      font-size: 12px;
      text-align: center;
      padding: 0 4px 18px 4px;
      color: #53565A;
      background-image: url("/images/static/common/ss-trolley-icons.png");
      background-repeat: no-repeat;
      background-position: 10px -140px; }
    .trolley-wrapper .trolley-empty-content h3 {
      font-weight: normal;
      font-size: 11px;
      text-align: center;
      padding: 4px;
      color: #53565A; }
    .trolley-wrapper .trolley-empty-content .shopping-tool {
      text-align: center;
      margin-bottom: 18px; }
      .trolley-wrapper .trolley-empty-content .shopping-tool a {
        display: block;
        margin: 0 1px;
        color: #53565A;
        text-decoration: underline; }
        .trolley-wrapper .trolley-empty-content .shopping-tool a:hover, .trolley-wrapper .trolley-empty-content .shopping-tool a:visited:hover {
          color: #53565A; }
        .trolley-wrapper .trolley-empty-content .shopping-tool a:visited {
          color: #53565A; }
        .trolley-wrapper .trolley-empty-content .shopping-tool a:focus {
          outline: thin dotted; }
        .trolley-wrapper .trolley-empty-content .shopping-tool a img {
          display: block;
          margin: 0 auto; }
        .trolley-wrapper .trolley-empty-content .shopping-tool a span {
          display: block;
          font-size: 11px;
          margin-top: 4px; }
  .trolley-wrapper .trolley-add-to-order {
    display: none;
    margin-top: 12px 0 18px;
    text-align: center; }
    .trolley-wrapper .trolley-add-to-order h3 {
      padding: 12px 4px 0px 4px;
      font-size: 0.8em;
      text-align: center;
      font-weight: normal;
      line-height: 1.1em;
      color: #53565A;
      background-image: url("/images/static/common/ss-trolley-icons.png");
      background-repeat: no-repeat;
      background-position: 0 -150px; }
    .trolley-wrapper .trolley-add-to-order .button a span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }

article.trolley-item {
  display: none;
  position: relative;
  left: 0px;
  width: 100%;
  height: 72px;
  margin: 0px 0 10px;
  text-align: center; }
  article.trolley-item .trolley-item-image {
    position: relative;
    top: 5px;
    z-index: 4;
    height: 70px;
    cursor: pointer; }
    article.trolley-item .trolley-item-image a {
      display: block; }
      article.trolley-item .trolley-item-image a span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      article.trolley-item .trolley-item-image a img {
        cursor: pointer; }
  article.trolley-item .img-placeholder {
    position: relative;
    z-index: 4;
    top: 0px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #eeeeee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    article.trolley-item .img-placeholder a {
      display: block; }
      article.trolley-item .img-placeholder a:hover {
        text-decoration: none; }
      article.trolley-item .img-placeholder a span {
        font-size: 11px;
        display: block;
        line-height: 1.25em;
        color: #444444;
        height: 80px;
        position: relative;
        top: 24px;
        left: 0; }
        article.trolley-item .img-placeholder a span.visually-hidden {
          position: absolute;
          top: -999em;
          left: -999em; }
  article.trolley-item.has-prod-img .img-placeholder {
    display: none; }
  article.trolley-item.no-prod-img .trolley-item-image {
    display: none; }
  article.trolley-item .trolley-item-highlight {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 85px;
    background: #c7e2a3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 4; }
  article.trolley-item .trolley-item-editor-wrap {
    position: absolute;
    top: 0;
    height: 85px;
    width: 100%; }
    article.trolley-item .trolley-item-editor-wrap .trolley-item-qty {
      position: absolute;
      top: 30px;
      left: 6px;
      z-index: 7;
      width: 22px;
      height: 23px;
	  border: 1px solid #53565A;
	  background-color: #FFFFFF;}
      article.trolley-item .trolley-item-editor-wrap .trolley-item-qty p {
        text-align: center;
        margin: 0;
        padding-top: 5px;
        height: 20px;
        width: 96%;
		font: 11px Arial;
	    font: 12px Waitrose;
        overflow: hidden; }
    article.trolley-item .trolley-item-editor-wrap .trolley-item-editor {
      display: none;
      position: absolute;
      left: 5px;
      z-index: 7;
      width: 22px;
      height: 23px;
      padding: 0;
      margin: 0px;
      font-size: 12px; }
      article.trolley-item .trolley-item-editor-wrap .trolley-item-editor p {
        margin: 0; }
        article.trolley-item .trolley-item-editor-wrap .trolley-item-editor p a {
          display: block;
          width: 26px;
          height: 24px; }
      article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease {
        top: 54px; }
        article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease a {
          background-image: url("/images/static/common/ss-trolley-icons.png");
          background-repeat: no-repeat;
          background-position: -50px -500px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease a:hover, article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease a:focus {
            background-image: url("/images/static/common/ss-trolley-icons.png");
            background-repeat: no-repeat;
            background-position: -50px -500px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease a:active {
            background-image: url("/images/static/common/ss-trolley-icons.png");
            background-repeat: no-repeat;
            background-position: -50px -600px; }
      article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase {
        top: 8px; }
        article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase a {
          background-image: url("/images/static/common/ss-trolley-icons.png");
          background-repeat: no-repeat;
          background-position: -100px -500px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase a:hover, article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase a:focus {
            background-image: url("/images/static/common/ss-trolley-icons.png");
            background-repeat: no-repeat;
            background-position: -100px -500px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase a:active {
            background-image: url("/images/static/common/ss-trolley-icons.png");
            background-repeat: no-repeat;
            background-position: -100px -600px; }
      article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase {
        width: 26px;
        height: 24px;
        left: 58px;
        top: 3px; }
        article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase a {
          display: block;
          width: 26px;
          height: 24px;
          background-image: url("/images/static/common/ss-trolley-icons.png");
          background-repeat: no-repeat;
          background-position: 0 -500px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase a:hover {
            background-image: url("/images/static/common/ss-trolley-icons.png");
            background-repeat: no-repeat;
            background-position: 0 -500px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase a:active {
            background-image: url("/images/static/common/ss-trolley-icons.png");
            background-repeat: no-repeat;
            background-position: 0 -600px; }
        article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase p {
          font-size: 1.1em;
          width: 98%;
          padding-top: 4px; }
          article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase p a {
            color: #53565A; }
      article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease a, article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase a, article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase a {
        text-indent: 150%;
        white-space: nowrap;
        overflow: hidden; }
article.trolley-item .trolley-item-editor-wrap.is-unavailable {
    background-color: #EBEBEB;
    height: 85px;
    opacity: 0.7;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    position: absolute;
    top: 0;
	 width: 100px;
    z-index: 100;
}
html.lt-ie9 .trolley-wrapper {
  width: 99px;
  border-right: 1px solid #e9e7e4; }
html.lt-ie9 article.trolley-item {
  padding-bottom: 8px; }
  html.lt-ie9 article.trolley-item .trolley-item-editor-wrap .trolley-item-qty {
    top: 38px; }
  html.lt-ie9 article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.increase {
    top: 16px; }
  html.lt-ie9 article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.decrease {
    top: 63px; }
  html.lt-ie9 article.trolley-item .trolley-item-editor-wrap .trolley-item-editor.erase {
    top: 11px; }
  html.lt-ie9 article.trolley-item .trolley-item-image {
    top: 0px; }
  html.lt-ie9 article.trolley-item .img-placeholder {
    top: 0px;
    width: 75px;
    height: 75px;
    margin-left: 8px; }
  html.lt-ie9 article.trolley-item .trolley-item-editor-wrap.is-unavailable{
    top:15px;
  }
 
.groceries.has-pinbar {
  padding-bottom: 100px;
  overflow: hidden; }

.pinbar {
  display: none; }
  .pinbar.active {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #fff8db; }
  .pinbar.pinbar-anim-1 {
    bottom: -370px;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: "ease-out";
    -moz-transition-property: bottom;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: "ease-out";
    -ms-transition-property: bottom;
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: "ease-out";
    -o-transition-property: bottom;
    -o-transition-duration: 1s;
    -o-transition-timing-function: "ease-out";
    transition-property: bottom;
    transition-duration: 1s;
    transition-timing-function: "ease-out";
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .pinbar.pinbar-anim-2 {
    bottom: -83px;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: "ease-out";
    -moz-transition-property: bottom;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: "ease-out";
    -ms-transition-property: bottom;
    -ms-transition-duration: 0.4s;
    -ms-transition-timing-function: "ease-out";
    -o-transition-property: bottom;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: "ease-out";
    transition-property: bottom;
    transition-duration: 0.4s;
    transition-timing-function: "ease-out";
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .pinbar.highlight {
    background-color: #ffea00;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: "linear";
    -ms-transition-property: background-color;
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: "linear";
    -o-transition-property: background-color;
    -o-transition-duration: 0.6s;
    -o-transition-timing-function: "linear";
    transition-property: background-color;
    transition-duration: 0.6s;
    transition-timing-function: "linear"; }

.content-wrapper .pinbar.active {
  width: 860px;
  z-index: 33;}
.content-wrapper .pinbar .pinbar-container {
  clear: left; }
.content-wrapper .pinbar .pinbar-container .pinbar-module {
    float: left;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 14px;
    margin: 7px 0 0; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-info {
      width: 160px; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-info p {
        padding: 0;
        margin: 0;
        font-size: 0.8em; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-info p.order-number {
          padding: 5px 0;
          font-size: 1.1em;
          font-weight: bold; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-resume {
      width: 450px;
      border-left: 1px solid silver;
      border-right: 1px solid silver; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-resume p {
        margin: 0 0 2px;
        padding: 0; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-resume strong {
        color: #53565A; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-resume .pinbar-order-details {
        display: inline-block;
        padding-left: 10px; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-resume div.pinbar-order-countdown p {
        margin: 0;
        padding: 0; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-resume div.pinbar-order-countdown p.time-ending strong {
          color: #C0002b; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-checkout {
      width: 200px; }
.content-wrapper .pinbar .pinbar-container .pinbar-module.pinbar-checkout p {
        float: left;
        margin-top: 8px;
        margin-right: 10px;
        margin-bottom: 0; }

.add-to-order-confirmation {
  display: none;
  position: fixed;
  top: 260px;
  left: 0;
  width: 100%;
  z-index: 33333; }
  .add-to-order-confirmation .confirmation-container {
    width: 350px;
    margin: 0 auto;
    padding: 12px;
    background-color: white;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px; }
    .add-to-order-confirmation .confirmation-container p {
      font-size: 0.8em;
      color: #53565A; }
    .add-to-order-confirmation .confirmation-container .confirmation-close {
      margin-top: -4px;
      text-align: right; }
      .add-to-order-confirmation .confirmation-container .confirmation-close a {
        padding: 0;
        font-size: 0.8em;
        color: #53565A;
        outline: none; }
    .add-to-order-confirmation .confirmation-container .confirmation-container-inner .order-confirmation-details {
      text-align: right; }
      .add-to-order-confirmation .confirmation-container .confirmation-container-inner .order-confirmation-details .order-due-date {
        float: left;
        margin-top: -3px; }
        .add-to-order-confirmation .confirmation-container .confirmation-container-inner .order-confirmation-details .order-due-date p {
          font-weight: bold;
          text-align: left; }
      .add-to-order-confirmation .confirmation-container .confirmation-container-inner .order-confirmation-details .order-due-confirm {
        display: inline-block; }
        .add-to-order-confirmation .confirmation-container .confirmation-container-inner .order-confirmation-details .order-due-confirm a {
          outline-color: #53565A;
          color: white;
          text-decoration: none; }
  .add-to-order-confirmation.multiple-orders .confirmation-container .confirmation-container-inner .order-confirmation-details select {
    float: left;
    font-size: 0.8em; }
  .add-to-order-confirmation.multiple-orders .confirmation-container .confirmation-container-inner .order-confirmation-details .order-due-date p {
    margin: 0 0 6px 0; }
  .add-to-order-confirmation.multiple-orders .confirmation-container .confirmation-container-inner .order-confirmation-details .order-due-confirm {
    margin-top: 10px; }

.pagination {
  clear: both;
  padding-right: 10px; }
  .pagination:before, .pagination:after {
    content: " ";
    display: table; }
  .pagination:after {
    clear: both; }
  .pagination .info {
    float: left;
    margin-top: 18px;
    margin-right: 24px;
    margin-bottom: 0;
    margin-left: 0; }
    .pagination .info span {
      font-weight: bold; }
  .pagination ul.numbers {
    float: left;
    padding-left: 0;
    margin-left: 24px;
    border: none;
    list-style-type: none; }
    .pagination ul.numbers li {
      float: left;
      padding: 0;
      border: none;
      background: none;
      font-weight: bold; }
      .pagination ul.numbers li a {
        padding-top: 7px;
        padding-right: 12px;
        padding-bottom: 9px;
        padding-left: 11px; }
    .pagination ul.numbers li.current a {
      background-image: url("/images/static/common/ss-pagination.png");
      background-repeat: no-repeat;
      background-position: 0 -17px; }
    .pagination ul.numbers li.previous a, .pagination ul.numbers li.next a {
      width: 17px;
      height: 17px;
      padding-top: 0px;
      padding-right: 8px;
      padding-bottom: 3px;
      padding-left: 8px;
      margin-top: 10px; }
    .pagination ul.numbers li.previous a {
      background-image: url("/images/static/common/ss-pagination.png");
      background-repeat: no-repeat;
      background-position: -17px 0; }
    .pagination ul.numbers li.next a {
      background-image: url("/images/static/common/ss-pagination.png");
      background-repeat: no-repeat;
      background-position: 0 0; }
  .pagination form fieldset {
    float: right;
    margin: 0;
    padding: 0;
    background: none; }
  .pagination form label {
    float: none;
    margin-top: 12px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 24px; }
  .pagination select {
    margin-top: 16px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 6px;
    font-size: 0.8em; }
	

.carousel {
  position: relative;
  overflow: hidden;
  left: 0; }
  .carousel.groceries-page-carousel {
    width: 827px;
    padding-bottom: 10px; }
    .carousel.groceries-page-carousel .carousel-items {
      border-left: 1px solid #d6d6d6; }
      .carousel.groceries-page-carousel .carousel-items:before, .carousel.groceries-page-carousel .carousel-items:after {
        content: " ";
        display: table; }
      .carousel.groceries-page-carousel .carousel-items:after {
        clear: both; }
    .carousel.groceries-page-carousel .carousel-blobs {
      width: 826px; }
    .carousel.groceries-page-carousel .carousel-arrows {
      width: 826px; }
  .carousel.r-content-carousel {
    width: 625px; }
  .carousel.r-content-carousel-3prod {
    width: 495px; }
    .carousel.r-content-carousel .carousel-blobs {
      width: 628px; }
    .carousel.r-content-carousel .carousel-arrows {
      width: 610px; }
  .carousel.full-page-carousel {
    width: 925px; }
    .carousel.full-page-carousel .carousel-blobs {
      width: 928px; }
    .carousel.full-page-carousel .carousel-arrows {
      width: 923px; }
  .carousel .carousel-items {
    width: 2450px;
    position: relative; }
    .carousel .carousel-items .carousel-item {
      float: left;
      width: 226px;
      height: 280px;
      margin-right: 4px;
      border: 1px solid #a2a7aa; }

.carousel-arrows {
  position: relative;
  top: 0;
  z-index: 99; }
  .carousel-arrows .carousel-arrow {
    position: absolute;
    top: 30px;
    width: 50px;
    height: 60px;
    display: block;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden; }
    .carousel-arrows .carousel-arrow.arrow-hidden {
      display: none; }
    .carousel-arrows .carousel-arrow.arrow-next {
      right: 0;
      background-image: url("/images/static/widget/sprite-carousel-assets.png");
      background-position: -42px 0px;}
    .carousel-arrows .carousel-arrow.arrow-prev {
      left: 0;
      background-image: url("/images/static/widget/sprite-carousel-assets.png");
      background-position: 1px 0px;	  }

.carousel-blobs {
  clear: both;
  position: relative;
  text-align: center;
  padding-top: 12px; }
  .carousel-blobs .carousel-blob {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url("/images/static/widget/sprite-carousel-assets.png");
    background-position: -119px -23px; }
    .carousel-blobs .carousel-blob.active {
      background-image: url("/images/static/widget/sprite-carousel-assets.png");
      background-position: -104px -23px; }

.content-wrapper .groceries-carousel-container {
  padding-top: 1px;
  width: 827px;
  overflow: hidden; }
  .content-wrapper .groceries-carousel-container .products-grid {
    margin-top: -1px;
    border-left: none;
    border-top: none;
    overflow: hidden; }
  .content-wrapper .groceries-carousel-container .m-product-cell {
    border-top: 1px solid #d6d6d6; }

.carousel-tabs.tabs.products-grid {
  margin-bottom: 15px; }
.tabs.general-tabs.groceries-carousel-container > .tab-panel {
  margin-bottom: 6px; }

.borderradius .carousel-arrows .carousel-arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: "0.5s";
  -webkit-transition-timing-function: "linear";
  -moz-transition-property: opacity;
  -moz-transition-duration: "0.5s";
  -moz-transition-timing-function: "linear";
  -ms-transition-property: opacity;
  -ms-transition-duration: "0.5s";
  -ms-transition-timing-function: "linear";
  -o-transition-property: opacity;
  -o-transition-duration: "0.5s";
  -o-transition-timing-function: "linear";
  transition-property: opacity;
  transition-duration: "0.5s";
  transition-timing-function: "linear"; }
  .borderradius .carousel-arrows .carousel-arrow.arrow-hidden {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: "0.5s";
    -webkit-transition-timing-function: "linear";
    -moz-transition-property: opacity;
    -moz-transition-duration: "0.5s";
    -moz-transition-timing-function: "linear";
    -ms-transition-property: opacity;
    -ms-transition-duration: "0.5s";
    -ms-transition-timing-function: "linear";
    -o-transition-property: opacity;
    -o-transition-duration: "0.5s";
    -o-transition-timing-function: "linear";
    transition-property: opacity;
    transition-duration: "0.5s";
    transition-timing-function: "linear"; }

.content-wrapper .offer-row .groceries-carousel-container {
  padding-top: 0;
  width: 661px; }

.view-all-results {
  margin: 20px auto 0;
  text-align: center; }
  .view-all-results .button {
    background-color: #53565A;
    width: 150px; }
    .view-all-results .button:hover, .view-all-results .button.is-focused {
      background-color: #53565A; }
    .view-all-results .button a {
      padding-right: 30px; }
    .view-all-results .button a:after {
      right: -12px;
      margin-top: -12px;
      background-image: url("/images/static/common/ss-icons.png");
      background-position: -337px -541px; }
    .view-all-results .button a {
      height: auto;
      line-height: 1.4em;
      padding-top: 0.35em;
      padding-bottom: 0.35em; }
 .view-all-results-list {
  margin: 20px auto 0;
  text-align: center; }
  .view-all-results-list .button {
    background-color: #53565A;
    width: 150px; }
   .view-all-results-list .button:hover, .view-all-results-list .button.is-focused {
      background-color: #53565A;}
   .view-all-results-list .button a {
      padding-right: 30px; }
   .view-all-results-list .button a:after {
      right: -12px;
      margin-top: -12px;
      background-image: url("/images/static/common/ss-icons.png");
      background-position: -337px -541px; }
    .view-all-results-list .button a {
      height: auto;
      line-height: 1.4em;
      padding-top: 0.35em;
      padding-bottom: 0.35em; } 
.merch-200x120, .merch-406x136 {
  float: left;
  background-color: #f0edec; }
  .merch-200x120 p, .merch-406x136 p {
    margin: 20px; }

.merch-406x136-row {
  margin-bottom: 20px;
  float: left; }

.merch-200x120 {
  width: 200px;
  height: 120px;
  margin: 0 0 20px 12px; }

.merch-406x136 {
  width: 406px;
  height: 136px;
  margin: 0 0 0 25px; }

.merch-200x120:first-child, .merch-406x136:first-child {
  margin: 0; }

.flyout {
  position: absolute;
  margin: 0 10px 0 0;
  padding: 1.7em 14px 14px;
  border: 1px solid #d6d6d6; }

.arrow {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0; }

.arrow.top {
  top: -6px;
  left: 20px;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white; }

.arrow-border.top {
  border-bottom-color: #6bb030;
  top: -12px; }

.arrow.right {
  top: 20px;
  left: -7px;
  border-left: 0;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  border-right: 9px solid white; }

.arrow-border.right {
  border-right-color: #d6d6d6;
  left: -7px;
  margin-left: -3px; }

.arrow.bottom {
  bottom: -7px;
  left: 20px;
  border-bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white; }

.arrow-border.bottom {
  border-top-color: #d6d6d6;
  bottom: -12px; }

.arrow.left {
  top: 35%;
  right: -7px;
  border-right: 0;
  border-bottom: 7px solid transparent;
  border-bottom: 7px solid rgba(255, 255, 255, 0);
  border-top: 7px solid transparent;
  border-top: 7px solid rgba(255, 255, 255, 0);
  border-left: 9px solid white; }

.arrow-border.left {
  border-left-color: #d6d6d6;
  right: -9px; }

.flyout .close {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 0.8em;
  color: #53565A;   }

.flyout.trolley-flyout {
  width: 300px;
  background-color: white; }
  .flyout.trolley-flyout.adapted {
    width: 320px; }
    .flyout.trolley-flyout.adapted .flyout-inner-wrap {
      overflow-x: hidden;
      overflow-y: scroll; }

.flyout .flyout-no-image {
  display: none;
  width: 135px;
  height: 135px;
  background: #eeeeee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .flyout .flyout-no-image p {
    padding: 50px 12px 0;
    text-align: center; }
.flyout.no-image .product img {
  display: none; }
.flyout.no-image .product .flyout-no-image {
  display: block; }
.flyout p {
  margin-top: 0; }
.flyout .l-content {
  float: left;
  width: 154px; }
.flyout .r-content {
  width: 140px;
  margin-left: 5px;
  float: left; }
.flyout .banner {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 20px;
  background-color: transparent; }
  .flyout .banner .offer {
    display: table;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    background-color: #f6d9df; }
    .flyout .banner .offer > a,
    .flyout .banner .offer > span {
      display: table-cell;
      padding-top: 3px;
      padding-bottom: 3px;
      width: 40%;
      color: #C0002B;
      font-weight: bold;
      vertical-align: middle; }
    .flyout .banner .offer > a {
      padding-left: 14px; }
    .flyout .banner .offer > span {
      padding-right: 14px;
      width: 55%;
      text-align: right; }
    .flyout .banner .offer strong {
      display: inline-block;
      padding: 3px 0 3px 22px;
      background: url("/images/static/common/ss-offers.png") 0 -99px no-repeat; }
	.flyout .banner .offer strong  .hide{
      display: none;}
    .flyout .banner .offer .offer-button {
      float: right; }
    .flyout .banner .offer.offer-not-started > a,
    .flyout .banner .offer.offer-not-started strong {
      background: none; }
    .flyout .banner .offer.offer-completed {
      background: #D8EECB;
      color: #53565A; }
      .flyout .banner .offer.offer-completed > a,
      .flyout .banner .offer.offer-completed strong {
        background-position: 0 -66px;
        color: #53565A; }
	 .flyout .banner .offer.offer-completed  .hide {
		display:none;
	  }
    .flyout .banner .offer.offer-save > a {
      max-width: 100%; }
    .flyout .banner .offer.is-loading {
      background-color: white;
      background-image: url("/images/static/common/loader-25x25px.gif");
      background-position: 95% center;
      background-repeat: no-repeat; }
.flyout .title {
  float: left;
  margin-top: 0;
  margin-bottom: 10px; }
  .flyout .title .r-content {
    text-align: right; }
    .flyout .title .r-content p {
      margin-bottom: 0;
      font-size: 11px; }
    .flyout .title .r-content .price {
      margin-bottom: 0;
      font-weight: bold;
      font-size: 0.8em;
      color: #53565A; }
      .flyout .title .r-content .price span {
        font-weight: normal;
        text-decoration: line-through; }
.flyout .title .r-content .price span.maxprice {
    font-weight: normal;
    text-decoration:none;
}

.flyout .product {
  float: left; }
  .flyout .product .r-content {
    margin-left: 0;
    padding-left: 5px;
    width: 140px;
    border-left: 1px solid #cdcdcd; }
  .flyout .product a.favourite {
    display: block;
    position: relative;
    top: -2px;
    left: 117px;
    width: 20px;
    height: 20px;
    background-image: url("/images/static/header/ss-flyout-trolley.png");
    background-position: 0px -68px;
    background-repeat: no-repeat;
    background-color: transparent; }
  .flyout .product a.favourite.not-favourite {
    background-position: 0 -40px; }
  .flyout .product p.unit {
    margin-bottom: 3px;
    font-size: 0.8em;
    font-weight: bold;
    color: #53565A; }
  .flyout .product select {
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: normal; }
  .flyout .product .flyout-partial-container {
    min-width: 113px; }
  .flyout .product p.price {
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: bold;
    color: #53565A; }
  .flyout .product a.notice {
    font-size: 0.65em; }
  .flyout .product a.remove {
    display: block;
    margin-top: 20px;
    padding: 3px 0px 5px 30px;
    font-size: 12px;
    background-image: url("/images/static/header/ss-flyout-trolley.png");
    background-position: 1px -12px;
    background-repeat: no-repeat;
    background-color: transparent; }
.flyout .shopper {
  float: left; }
  .flyout .shopper p.note {
    padding: 3px 0px 4px 0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: -10px;
    font-weight: bold; }
    .flyout .shopper p.note:before {
      content: "";
      display: block;
      float: left;
      width: 29px;
      height: 20px;
      background-image: url("/images/static/header/ss-flyout-trolley.png");
      background-position: 1px -90px;
      background-repeat: no-repeat;
      background-color: transparent; }
.flyout .shopper p.note-edit {
    font-weight: bold;
    margin-bottom: 5px;
    margin-right: -10px;
    margin-top: 5px;
    padding: 3px 0 4px;
}      
   .flyout .shopper p.note-edit:before {
    background-color: transparent;
    background-image: url("/images/static/header/ss-flyout-trolley.png");
    background-position: -427px -85px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    float: left;
    height: 20px;
    width: 29px;
}   
  .flyout .shopper.personal-shoppper-note-flyout-cake p.note:before {
    height: 22px;
    background-image: url("/images/static/header/ss-flyout-trolley.png");
    background-position: -424px -120px;
    background-repeat: no-repeat;
    background-color: transparent; }
  .flyout .shopper textarea {
    width: 280px;
    height: 46px;
    padding: 8px;
    color: #53565A;
    font-size: 11px;
    font-style: italic;
    font-weight: normal; }
  .flyout .shopper textarea:-moz-placeholder {
    color: #666666; }
  .flyout .shopper .button-save {
    float: right;
    margin-top: 5px;
    margin-right: 2px; }
    .flyout .shopper .button-save:focus {
      color: #333333; }
.flyout .is-personalisable .shopper p.note-edit:before{
  background-image: url("/images/static/header/ss-flyout-trolley.png");
  background-position: -427px -158px;
  background-repeat: no-repeat;
  background-color: transparent; }
.flyout .is-personalisable .shopper p.note:before{
  background-image: url("/images/static/header/ss-flyout-trolley.png");
  background-position: -425px -121px;
  background-repeat: no-repeat;
  background-color: transparent; }
.flyout.personal-shopper-note-flyout-edit .shopper p.note:before {
  background-image: url("/images/static/header/ss-flyout-trolley.png");
  background-position: -427px -85px;
  background-repeat: no-repeat;
  background-color: transparent; }

.flyout.personal-shopper-note-flyout-edit .shopper.personal-shoppper-note-flyout-cake p.note:before {
  background-image: url("/images/static/header/ss-flyout-trolley.png");
  background-position: -428px -158px;
  background-repeat: no-repeat;
  background-color: transparent; }

.flyout.mini .product {
  min-height: 160px;
  padding-bottom: 0;
  background: none; }

.checkout-trail.logged-out {
  margin-top: 200px; }

.wrapper .checkout {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 900px;
  margin: 40px 30px 0 20px;}
.wrapper .checkout.order-preview {
padding-bottom: 100px;}
  .checkout .instruction {
    left: 0px;
    top: -24px; }
  .checkout a.right {
    float: right; }
.season .checkout {
    margin: 40px 30px 20px 20px;}

.orderpreview-seasonal {
  width: 836px; }

.order-navigation .l-content {
  width: 280px;
  float: left;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: 0; }
.order-navigation .r-content {
  width: 320px;
  float: left;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 300px;
  text-align: right; }

.order-confirmation h2.large {
  font-size: 16px;
  font-weight: bold; }
.order-confirmation h2.large.order-confirm-header {
	font: 18px Arial;
	font: 20px WaitroseBold;}
.order-confirmation img {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 140px; }
.season .order-confirmation .preview-item img{
  margin :0px
}

.order-confirmation .buttons, .checkout.delivery-details .buttons, #order-details .buttons {
  float: right;
  clear: both;
  width: 100%;
  padding-bottom: 12px; }
  .order-confirmation .buttons .right, .checkout.delivery-details .buttons .right, #order-details .buttons .right {
    float: right;
    margin-left: 20px; }
.order-confirmation .details .sub p{
width: 100px;
    word-wrap: break-word;}

#delivery-form {
  clear: both; }
  #delivery-form:before, #delivery-form:after {
    content: " ";
    display: table; }
  #delivery-form:after {
    clear: both; }

p.substitute:before {
  padding-left: 18px;
  background-image: url("/images/static/pages/checkout/ss-checkout.png");
  background-position: 4px -18px;
  background-repeat: no-repeat;
  width:5px;
  height:15px;
  content : "  "}
p.substitute{
  text-align:right;
}
table.order-information tbody th {
  width: 300px; }

table.order-information tbody td {
  text-align: left; }

table.savings-info thead th {
  color: #53565A; }

table.savings-info tbody td {
  width: 450px;
  text-align: right; }

.separator {
  /*border-top: 1px solid #edecea;*/ }

.partnership-points {
  width: 816px;
  background-color: #f6f4f2;
  margin: 10px 0 20px 0;
  padding: 1px 10px; }

.back-to-trolley {
  width: 50px;
  margin: 14px 0 0 23px;
  padding: 2px;
  font-weight: bold;
  font-size: 11px;
  color: #53565A;
  text-align: center; }
  .back-to-trolley a, .back-to-trolley a:visited, .back-to-trolley a:active, .back-to-trolley a:hover {
    text-decoration: none;
    color: #53565A; }

.lt-ie9 .checkout #order-details strong {
  margin-left: 1px; }

.touch .checkout-trail.logged-out {
  margin-top: 60px; }

.overlay-popup-find-address {
  position: fixed;
  top: 50px;
  left: 50%;
  display: block;
  margin-left: -250px;
  padding: 20px;
  width: 550px;
  background-color: white;
  background-image: none;}
  .overlay-popup-find-address .close {
    float: right;
    font-size: 12px; }
  .overlay-popup-find-address h2 span {
    text-transform: uppercase; }
  .overlay-popup-find-address legend {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold; }
  .overlay-popup-find-address form fieldset {
    padding: 0;
    background: none; }
  .overlay-popup-find-address form label {
    display: block;
    float: none;
    padding-top: 3px;
    padding-left: 25px;
    width: auto; }
  .overlay-popup-find-address .list-container {
    padding: 10px;
    max-height: 150px;
    border: 5px solid #f6f4f2;
    overflow: auto; }
  .overlay-popup-find-address .form-row {
    clear: both;
    margin-bottom: 10px;
    overflow: hiddem; }
  .overlay-popup-find-address input[type="radio"] {
    float: left;
    margin: 3px 5px 0 1px; }
  .overlay-popup-find-address .secondary-button {
    float: left; }
    .overlay-popup-find-address .secondary-button font {
      size: 1.1em; }

.content-wrapper .checkout h1 {
  font: 21px/30px Arial;
  font: 24px/30px Waitrose;
  margin-top: 0;
  margin-bottom: 0; }

.content-wrapper .review-your-order h2.large, .content-wrapper .order-preview h2.large {
  font-size: 16px;
  font-weight: bold;  }
 .content-wrapper .order-preview h2.large.showtaxonomy {
  color: #53565A;}
.content-wrapper .review-your-order h2.promo {
  margin-top: 6px; }

div.content-wrapper .review-your-order > h2.large {
  font-size: 1.6em; }

.delivery-details {
  float: left;
  margin-left: 0px; }
  .delivery-details:before, .delivery-details:after {
    content: " ";
    display: table; }
  .delivery-details:after {
    clear: both; }
  .delivery-details.review-your-order {
    float: none; }
  .delivery-details .buttons .button {
    float: right;
    margin: -25px 0 20px 0; }
	.wrapper-content {width:100%;
	  height: auto;
	  position:relative;
	  overflow: hidden;	}
	.left-content {width:446px;
	  height:100%;
	  position:absolute;
	  float:left;
	  min-height: 190px;	}
	.right-content {width:446px;
	  height:auto;
	  right:0px;
	  float:right;
	  min-height: 190px;	}
	.content-wrapper .review-your-order h2.invisible {
		visibility: hidden;	}
	
  .delivery-details .l-content, .delivery-details .r-content {
    float: left;
    width: 430px;}
   .delivery-details .l-content .top, .delivery-details .r-content .top {
    min-height: 190px;}
    .delivery-details .l-content .top.adjustHeight, .delivery-details .r-content .top.adjustHeight{
    height: 220px;}
    .delivery-details .l-content .bottom, .delivery-details .r-content .bottom{
    min-height: 185px;}
  .delivery-details .r-content {
    margin-left: 40px; }
    .delivery-details .r-content h2 {
      display: inline-block; }
    .delivery-details .r-content a.help-content {
      top: -3px; }
    .delivery-details .r-content label {
      display: block;
      float: none;
      width: auto;
      margin-bottom: 12px;
      font-weight: bold; }

  .delivery-details p {
    margin: 0; }
  .delivery-details .delivery-date {
    margin-bottom: 5px; }
  .delivery-details .delivery-note {
    display: inline-block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 22px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 12px;
    margin-left: 0;
    font-weight: bold;
    background-image: url("/images/static/pages/checkout/ss-checkout.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: none;	}
  .delivery-details textarea#checkout-form-delivery-note {
    width: 380px;
    padding: 8px;
    font-size: 13px; }
  .delivery-details #delivery-form fieldset {
    min-height: 70px; }
  .delivery-details #delivery-form table th {
    font-weight: normal; }
  .delivery-details #delivery-form table th.nowrap {
    font-weight: bold; }
.delivery-details #delivery-form  .wrapper-content .left-content fieldset {
	padding: 0;
	margin: 0;
	background: none;}

.delivery-details div.wfi{
    clear : both;
    margin-top: 12px;
    width:100%;}
.delivery-details #delivery-form fieldset#kitchen-wrapper {
  float: left;
  clear: both;
  min-height: 14px;
  width: 100%;  }
  .delivery-details #delivery-form fieldset#kitchen-wrapper:before, .delivery-details #delivery-form fieldset#kitchen-wrapper:after {
    content: " ";
    display: table; }
  .delivery-details #delivery-form fieldset#kitchen-wrapper:after {
    clear: both; }
  .delivery-details #delivery-form fieldset#kitchen-wrapper p {
    font-weight: bold; }
  .delivery-details #delivery-form fieldset#kitchen-wrapper .checkbox-wrapper {
    padding: 0; }
    .delivery-details #delivery-form fieldset#kitchen-wrapper .checkbox-wrapper label.checkbox-label {
      float: none;
      width: auto; }

.lt-ie9 .delivery-details textarea#checkout-form-delivery-note {
  width: 340px; }

.payment .l-content {
  float: left;
  height: 100%;
  margin-left: 2px;
  min-height: 185px;
  position: absolute;
  width: 395px;}
.payment .r-content {
  float: right;
  height: auto;
  min-height: 185px;
  right: 0;
  width: 486px;
  margin-left:395px;}
.payment_card .payment.card-details .r-content{
min-height: 30px;}
.checkout .payment h2, .checkout .billing h2, .content-wrapper .payment_card h2.large   {
 margin-bottom:0px;
 font-size: 16px;
 font-weight: bold;
 margin-left: 0px;}
 .payment .giftsView {
 float: right;
 width: 486px;}
.payment .checkGiftCardBalance{
 margin-left: 10px;}
.payment .viewGiftCard{
 font-size: 12px;
 float:left;
 width:40px;
 text-decoration: underline;
 margin-left: 10px;
 padding-left: 20px;
 line-height:1.4;
 background-image: url("/images/static/common/ss-icons.png");
 background-position: 0 -445px;
 background-repeat: no-repeat;}
.payment .viewGiftCard.active {
 background-image: url("/images/static/common/ss-icons.png");
 background-position: 0 -495px;
 background-repeat: no-repeat;}
.checkout span.left {
 float: left;}
.payment .r-content .cardDetails {
  width:300px;
  border: 1px solid #EDECEA;
  padding:10px 20px 10px 160px;
  min-height: 20px;
  overflow: hidden;
  margin: 0 2px 10px 2px;}
 .payment .r-content .cardDetails > p {
 margin-top:0px; }
.payment .cardDetails .giftCardDetails {
 padding:2px 0 0 0;
 float:left;
 font-size: .75em;}
.payment .cardDetails #removeGiftCard:hover {
cursor: pointer;}
.payment .accepted-payment-methods span,
.payment .security-methods span {
  display: block;
  float: left;
  margin-left: 12px;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden; }
 .payment .card-details.gifts{
 display:none;
 clear:both;}
 .payment .acceptGifts {
 margin: 5px 0 5px 0;}
 .payment  .arrow-up {
  background-image: url("/images/static/common/ss-jotter-product.png");
  background-repeat: no-repeat;
  background-position: -81px -4px; 
  height: 20px;}
 .payment .checkGiftBalance {
  margin-top: 0px;}
.payment .accepted-payment-methods {
  float: right;
  margin-top: 8px;}
.payment .maxCard {
 font-size: 11px;
 margin-top: -10px;}
  .payment .accepted-payment-methods span.mastercard {
    width: 29px;
    height: 20px;
    background-image: url("/images/static/pages/checkout/ss-payment.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
  .payment .accepted-payment-methods span.visa {
    width: 32px;
    height: 20px;
    background-image: url("/images/static/pages/checkout/ss-payment.png");
    background-position: 0 -20px;
    background-repeat: no-repeat; }
  .payment .accepted-payment-methods span.maestro {
    width: 26px;
    height: 21px;
    background-image: url("/images/static/pages/checkout/ss-payment.png");
    background-position: 0 -41px;
    background-repeat: no-repeat; }
  .payment .accepted-payment-methods span.solo {
    width: 22px;
    height: 23px;
    background-image: url("/images/static/pages/checkout/ss-payment.png");
    background-position: 0 -61px;
    background-repeat: no-repeat; }
  .payment .accepted-payment-methods span.amex {
    width: 27px;
    height: 23px;
    background-image: url("/images/static/pages/checkout/ss-payment.png");
    background-position: 0 -83px;
    background-repeat: no-repeat; }
  .payment .accepted-payment-methods span.jlp {
    width: 60px;
    height: 20px;
    background-image: url("/images/static/pages/checkout/ss-payment.png");
    background-position: 0 -106px;
    background-repeat: no-repeat; }
    .payment .accepted-payment-methods span.giftCardImg {
    background-image: url("/images/static/pages/checkout/giftCard.png");
    background-position: 0 0;
    background-repeat: no-repeat; 
	margin-top:0px;
	height: 52px;
	width:200px;}
	.payment .accepted-payment-methods span.giftVoucherImg {
    background-image: url("/images/static/pages/checkout/giftVoucher.png");
    background-position: 0 0;
    background-repeat: no-repeat; 
	margin-top:0px;
	height: 52px;
	width:200px;}
.payment .card-details table tr th {
  width: 140px; }
.payment .card-details table tr td {
  padding-bottom: 9px;
  padding-top: 9px;
  text-align: left; }
 
  #payment-form select,#dscheckoutform select {
      font-size: 12px;}
#dscheckoutform .instruction {
    left:0px;}
.payment .card-details #payment-form {
  margin-top: 40px; }
  .payment .card-details #payment-form fieldset {
    background: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
    .payment .card-details #payment-form fieldset div {
      margin: 0;
      padding: 4px 0;
      border-top: 1px solid #eeeeee; }
      .payment .card-details #payment-form fieldset div:first-child {
        border-top: none; }
    .payment .card-details #payment-form fieldset label {
      width: 140px; }
    .payment .card-details #payment-form fieldset .checkbox-wrapper {
      padding-left: 140px; }
.payment div.security-methods:before, .payment div.security-methods:after {
  content: " ";
  display: table; }
.payment div.security-methods:after {
  clear: both; }
.payment div.security-methods span.verified {
  width: 56px;
  height: 32px;
  background-image: url("/images/static/pages/checkout/ss-payment.png");
  background-position: 0 -126px;
  background-repeat: no-repeat; }
.payment div.security-methods span.securecode {
  width: 66px;
  height: 32px;
  background-image: url("/images/static/pages/checkout/ss-payment.png");
  background-position: 0 -158px;
  background-repeat: no-repeat; }
.payment div.security-methods span.verisign {
  width: 93px;
  height: 32px;
  background-image: url("/images/static/pages/checkout/ss-payment.png");
  background-position: 0 -192px;
  background-repeat: no-repeat; }
.payment .card-details.new {
  margin-bottom: 20px; }
.payment #payment-form, .payment #gift-form, .payment #gift-card-form {
  margin: 10px 0 10px 0; }
.payment #issue_number {
  width: 30px; }
.payment .giftCardImg{
  margin: 35px 0 0 25px;
  background-image: url("/images/static/pages/checkout/dummyCard.png");
  background-repeat: no-repeat;}
.payment p.note {
  display: inline;
  margin-right: 12px;
  font-size: 12px; }
.payment #gift-form p.note , .payment #gift-card-form p.note{
  display: block;
  margin: 0 15px 10px 147px; }

.content-wrapper form .required.promocode + .error-msg:last-child {
  margin-left: 0; }

h2.payment-card {
  margin-bottom: 0; }

.buttons-payment {
  clear: both;
  width: 575px;
  margin-top: -22px;}
.checkout .buttons-payment {
  margin-top: -38px;
  min-height: 55px;
  background-color: #f9f9f9;
  padding: 8px 10px 0;}
  .buttons-payment:before, .buttons-payment:after {
    content: " ";
    display: table; }
  .buttons-payment:after {
    clear: both; }
  .buttons-payment .button {
    float: right;
    margin-bottom: 20px; }
.checkout .placeOrderContainer {
  width: 575px;
  min-height: 48px;
  padding: 0 10px 10px;
  background-color: #f9f9f9;}
.checkout .placeOrderContents {
  width: 392px;
  float: left;
  margin-top: 10px;}	
.checkout .placeOrderContents p {
  margin: 0;}
.checkout .buttons-payment .button.content-button {
  margin-bottom: 10px;}
.checkout .estimate {
  float: right;
  width: 880px;
  background-color: #f9f9f9;
  margin: 20px 0 20px 0;
  padding: 0px 10px; }
  .checkout .estimate p {
    float: left;
    font-weight: bold; 
	font-size: 16px;}
  .checkout .estimate p.price {
    float: right;
    font-weight: normal;
    font-size: 18px;
	color: #53565A;	}

.order-preview {
  float: left;
  margin-left: 0px;
  width: 900px;  }
  .order-preview:before, .order-preview:after {
    content: " ";
    display: table; }
  .order-preview:after {
    clear: both; }
  .order-preview .preview-item {
    float: left;
    padding-top: 12px;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
    width:100%;
	margin-bottom: 5px;    }
    .order-preview .load-more-sort {
    	clear:both;
        text-align: center;}
	.order-preview .load-more-sort .content-button a:hover {
	cursor: pointer;}
    .order-preview .preview-item:before, .order-preview .preview-item:after {
      content: " ";
      display: table; }
    .order-preview .preview-item:after {
      clear: both; }
    .order-preview .preview-item .image, .order-preview .preview-item .title, .order-preview .preview-item .sub, .order-preview .preview-item .quantity, .order-preview .preview-item .cost, .order-preview .preview-item .useby {
      float: left;
      margin-top: 0;
      margin-right: 20px;
      margin-bottom: 0;
      margin-left: 0; }
    .order-preview .preview-item .image {
      width: 160px; }
    .order-preview .preview-item .title {
      width: 240px; }
      .order-preview .preview-item .title p.info {
        float: left;
        width: 22px;
        height: 22px;
        text-indent: 150%;
        white-space: nowrap;
        overflow: hidden; }
      .order-preview .preview-item .title p.own {
        background-image: url("/images/static/pages/checkout/ss-checkout.png");
        background-position: 0 -35px;
        background-repeat: no-repeat; }
      .order-preview .preview-item .title p.veg {
        background-image: url("/images/static/pages/checkout/ss-checkout.png");
        background-position: 0 -55px;
        background-repeat: no-repeat; }
      .order-preview .preview-item .title p.frozen {
        background-image: url("/images/static/pages/checkout/ss-checkout.png");
        background-position: 0 -75px;
        background-repeat: no-repeat; }
      .order-preview .preview-item .title p.freezing {
        background-image: url("/images/static/pages/checkout/ss-checkout.png");
        background-position: 0 -95px;
        background-repeat: no-repeat; }
    .order-preview .preview-item .sub {
      width: 100px; }
      .order-preview .preview-item .sub p {
        margin-top: 0; }
    .order-preview .preview-item .quantity {
      width: 80px;
      text-align: right; }
      .order-preview .preview-item .quantity p {
        margin-top: 0; }
    .order-preview .preview-item .cost {
      width: 100px;
      margin-right: 0; }
      .order-preview .preview-item .cost p {
        margin-top: 0;
        margin-right: 0;
        font-weight: bold;
        text-align: right; }
    .order-preview .preview-item .useby {
      width: 100px;
      margin-left : 20px;      }        
.order-preview .preview-item .useby p {
        margin-top: 0;
        margin-right: 0;
        text-align: left;
        color: #4C4C4C;
	font-size: 12px;
	font-weight: normal;
    	line-height: 18px;        }

.order-preview #delivery-form .carrier-bags fieldset{
    min-height:100px;}
.sortableitem h2.large{
    clear:both;}
.delivery-details .carrier-bags  label {
    font-weight:normal;}
.wfi div.radio-label{
    width: 878px;
	margin-top: 3px!important;
    float:right;}
.delivery-details .carrier-bags {
    clear: both;
    margin-top: 20px;}
.delivery-details .carrier-bags .l-content div.radio-label, .order-preview .carrier-bags .r-content div.radio-label{
    width:90%;
    float:right;}

.billing .l-content {
  float: left;
  width: 395px; }
.billing .r-content {
  margin-left: 395px; }
.billing input[type="text"].postcode {
  width: 60px; }
.billing #delivery-addresses {
  width: 305px;
  font-size: 12px;
  margin: 10px 0 10px 65px;  }
.billing .existing {
	background: none repeat scroll 0 0 #FDFCFC;
    margin: 10px 0 0 65px;
    padding: 10px 10px 10px 20px;
    width: 275px;}
.billing .enter-new-billing-address {
  position: relative;
  top: 10px; }
  .billing .enter-new-billing-address .error-msg {
    margin-left: 147px; }
.billing .t-and-c-link {
  float: right;
  clear: both;
  width: auto;
  margin-top: 30px; }
.billing .t-and-c-link  a{
 text-decoration: underline;}
#faqGiftCard, #faqVoucher, #use-new-card, .book-slot  .info-msg a{
text-decoration: underline;}
.billing .billingLabel {
 display: inline;
 float: none;
 margin: 0 5px 0 10px;
 vertical-align: middle;}
.billing .billingLabel.error {
 font-weight:bold;
 color: #C0002b;
 margin: 0;}
.checkout-trail {
  clear: left; 
  margin: 0 30px 0 20px;}
.interstitials .checkout-trail {
 margin: 0px;}
.order-confirmation .checkout-trail {
 margin: 0 0 15px;}
.checkout center iframe {
    margin: 0;
    padding: 0;
    width: 900px;}
  .checkout-trail .checkout-trail-container .checkout-trail-wrap {
    position: relative; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-init .checkout-trail-indicator {
      width: 0px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-before.mid .checkout-trail-indicator {
      width: 101px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-before.partial-first .checkout-trail-indicator {
      width: 69px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-before.partial-second .checkout-trail-indicator {
      width: 130px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-review .checkout-trail-indicator {
      width: 241px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-review ul li.checkout-trail-station-before {
      color: #53565A;
      font-weight: bold;
	  font-size: 12px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-payment .checkout-trail-indicator {
      width: 478px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-payment ul li.checkout-trail-station-review {
      color: #53565A;
      font-weight: bold;}
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-confirm .checkout-trail-indicator {
      width: 699px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-confirm ul li.checkout-trail-station-payment {
      color: #53565A;
      font-weight: bold;}
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-complete .checkout-trail-indicator {
      width: 827px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap.at-complete ul li.checkout-trail-station-confirm {
      color: #53565A;
      font-weight: bold; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap ul {
      clear: left;
      width: 900px;
      padding: 4px 0 0 0;
      margin: 24px 0 0 0;
      height: 35px;}
	  .interstitials .checkout-trail .checkout-trail-container .checkout-trail-wrap ul { 
	  width: 833px;}
      .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li {
        position: absolute;
        width: 183px;
        padding: 0 0 0 25px;
        height: 22px;
        margin: 0;
        list-style: none;
        list-style-position: outside;
        font-weight: bold;
        font-size: 12px;
        line-height: 22px;
        color: #A0A0A0; }
		.checkout-trail .checkout-trail-container .checkout-trail-station.checkout-trail-station-before {
		  left: 10px;}
        .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-review {
          left: 236px; }
		.missed-offers .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-review {
          left: 213px; }
        .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-payment {
          left: 488px;}
		.missed-offers .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-payment {
          left: 462px;}
        .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-confirm {
          left: 745px;}
		.missed-offers .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-confirm {
          left: 694px;}
        .season .checkout-trail .checkout-trail-container .checkout-trail-wrap ul li.checkout-trail-station-confirm {
          left: 229px; }
    .checkout-trail .checkout-trail-container .checkout-trail-wrap .checkout-trail-indicator {
      height: 30px;
      position: absolute;
      width: 655px;
      top: 1px;}

#order-details strong {
  margin-left: 1px; }
#order-details .savings .l-content {
  float: left;
  width: 200px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 450px; }
#order-details .savings .r-content {
  float: left;
  width: 70px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 114px;
  text-align: right; }
#order-details .details p.substitute {
  float: right;
  font-size: 1em; }
#order-details .details div.substitute {
  text-align: right; }
#order-details .details table {
  margin-bottom: 20px; }
  #order-details .details table th {
    display: none; }
  #order-details .details table tbody td.product-name,
  #order-details .details table tbody td.sub {
    text-align: left; }
  #order-details .details table strong {
    display: block;
    color: #C0002b; }

.overlay-popup.manipulate-order {
  top: 200px; }

.manipulate-order {
  padding-top: 10px; }
  .manipulate-order .two-col {
    position: relative; }
  .manipulate-order .total-not-enough {
    display: none; }
  .manipulate-order .message-box.items-and-costs-pinbar {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top, white, #f7f7f7);
    background-image: -moz-linear-gradient(top, white, #f7f7f7);
    background-image: -ms-linear-gradient(top, white, #f7f7f7);
    background-image: -o-linear-gradient(top, white, #f7f7f7);
    background-image: linear-gradient(top, white, #f7f7f7); }
    .manipulate-order .message-box.items-and-costs-pinbar.active {
      background: #fcf7d9; }
    .manipulate-order .message-box.items-and-costs-pinbar .items, .manipulate-order .message-box.items-and-costs-pinbar .price {
      text-align: center; }
    .manipulate-order .message-box.items-and-costs-pinbar .items {
      min-width: 70px;
      min-height: 30px;
      padding-top: 35px;
      background-image: url("/images/static/common/ss-icons.png");
      background-position: 29px -49px;
      background-repeat: no-repeat; }
    .manipulate-order .message-box.items-and-costs-pinbar .deadline {
      max-width: 160px; }
  .manipulate-order .pinbar-container {
    position: relative;
    min-height: 8.7em; }
  .manipulate-order .message-box.order-detail {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top, white, #f7f7f7);
    background-image: -moz-linear-gradient(top, white, #f7f7f7);
    background-image: -ms-linear-gradient(top, white, #f7f7f7);
    background-image: -o-linear-gradient(top, white, #f7f7f7);
    background-image: linear-gradient(top, white, #f7f7f7); }
    .manipulate-order .message-box.order-detail h3 {
      margin: 0;
      font-size: 0.8em; }
    .manipulate-order .message-box.order-detail .collection-payment {
      width: 340px; }
      .manipulate-order .message-box.order-detail .collection-payment .col-row {
        border-top: 1px solid #cdcdcd;
        padding-top: 3px;
        padding-bottom: 3px; }
        .manipulate-order .message-box.order-detail .collection-payment .col-row:first-child {
          padding: 7px 11px;
          margin-bottom: 8px;
          border-top: none;
          background-color: #D8EECB; }
        .manipulate-order .message-box.order-detail .collection-payment .col-row a.reschedule, .manipulate-order .message-box.order-detail .collection-payment .col-row a.change {
          display: block;
          float: right; }
        .manipulate-order .message-box.order-detail .collection-payment .col-row a.change {
          margin-top: -1em; }
        .manipulate-order .message-box.order-detail .collection-payment .col-row p {
          line-height: 1em; }
    .manipulate-order .message-box.order-detail .did-you-know {
      width: 260px; }
    .manipulate-order .message-box.order-detail .cancellation {
      width: 155px; }
  .manipulate-order.tool-option-content .section-content:before, .manipulate-order.tool-option-content .section-content:after {
    content: " ";
    display: table; }
  .manipulate-order.tool-option-content .section-content:after {
    clear: both; }
  .manipulate-order.tool-option-content .button {
    display: inline-block;
    float: left;
    margin-right: 15px; }
    .manipulate-order.tool-option-content .button a, .manipulate-order.tool-option-content .button a:hover {
      color: white;
      text-decoration: none;
      font-size: 1em; }
  .manipulate-order.tool-option-content .or-cancel {
    float: left; }

.js .manipulate-order.inactive .add-more {
  float: right; }
.js .manipulate-order.inactive .deadline {
  padding-top: 2.5em;
  min-height: 1.2em;
  max-width: 380px; }
.js .manipulate-order.inactive .hidden-on-inactive-state {
  display: none; }

.print-confirmation .checkout {
  margin-bottom: 30px; }
.print-confirmation .order-confirmation img {
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 10px; }
.print-confirmation table {
  margin-bottom: 30px; }

.error-page {
  margin: 100px; }
  .error-page p {
    color: silver;
    font-size: 1.15em;
    line-height: 1.3em; }
    .error-page p.error-code {
      margin-top: 100px;
      font-size: 11px; }
.interstitials-result {
     position: relative;
	 width: 850px;
	 text-align: center; }
 .interstitials-result .panel {
       border: 1px solid #E5E5E5;
       overflow: hidden;    } 
#favLoadMore .interstitials-result .panel {
	border: none;}	
 .interstitials-result  img{
    display: block;
    margin: 115px auto 15px;}
.jotter-results, .jotter-results-listing {
  position: relative;
  width: 850px; }
  .jotter-results h1, .jotter-results-listing h1 {
    margin-bottom: 15px; }
  .jotter-results .l-content, .jotter-results-listing .l-content {
    width: 190px; }
  .jotter-results .r-content, .jotter-results-listing .r-content {
    margin-left: 190px; }
  .jotter-results .jotter-result, .jotter-results-listing .jotter-result {
    width: 662px;
    padding-bottom: 10px;
    background-color: white; }
    .jotter-results .jotter-result h2, .jotter-results-listing .jotter-result h2 {
      width: 626px;
      margin: 0;
      padding: 0 0 17px;
      background: white;
      text-transform: capitalize;
      white-space: pre;
      white-space: pre-wrap;
      white-space: pre-line;
      white-space: -pre-wrap;
      white-space: -o-pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -hp-pre-wrap;
      word-wrap: break-word; }
    .jotter-results .jotter-result strong.term, .jotter-results-listing .jotter-result strong.term {
      white-space: pre;
      white-space: pre-wrap;
      white-space: pre-line;
      white-space: -pre-wrap;
      white-space: -o-pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -hp-pre-wrap;
      word-wrap: break-word; }
  .jotter-results .panel, .jotter-results-listing .panel {
    border: 1px solid #e5e5e5;
    overflow: hidden; }
    .jotter-results .panel form, .jotter-results-listing .panel form {
      float: left; }
  .jotter-results .products, .jotter-results-listing .products {
    position: relative; }
    .jotter-results .products .panel, .jotter-results-listing .products .panel {
      border: none;
      margin-bottom: 20px; }
    .jotter-results .products.products-grid, .jotter-results-listing .products.products-grid {
      border-left: none;
      border-top: none;
      border-collapse: collapse;
	  background-image:none}
    .jotter-results .products .products-row, .jotter-results-listing .products .products-row {
      border-top: none;
      border-left: 1px solid #d6d6d6; }
	.jotter-results .products .carousel .products-row {
	  border-left: none;}
    .jotter-results .products .m-product-cell, .jotter-results-listing .products .m-product-cell {
      border-right: 1px solid #d6d6d6;
      border-left: none;
      border-top: 1px solid #d6d6d6; }
      .jotter-results .products .m-product-cell:first-child, .jotter-results-listing .products .m-product-cell:first-child {
        border-left: none; }
    .jotter-results .products .carousel.r-content-carousel,
    .jotter-results .products .carousel-arrows, .jotter-results-listing .products .carousel.r-content-carousel,
    .jotter-results-listing .products .carousel-arrows {
      width: 660px; }
    .jotter-results .products .carousel.r-content-carousel, .jotter-results-listing .products .carousel.r-content-carousel {
      overflow: hidden; }
    .jotter-results .products .products-link, .jotter-results-listing .products .products-link {
      position: absolute;
      right: 10px;
      top: -10px; }
    .jotter-results .products .broaden-results .m-product, .jotter-results-listing .products .broaden-results .m-product {
      min-height: auto;
      padding: 10px;
      width: 144px; }
    .jotter-results .products .broaden-results p, .jotter-results-listing .products .broaden-results p {
      margin-top: 100px; }
    .jotter-results .products .broaden-results input[type=text], .jotter-results-listing .products .broaden-results input[type=text] {
      width: 120px; }
    .jotter-results .products .broaden-results .button, .jotter-results-listing .products .broaden-results .button {
      float: none;
      margin-left: 1px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      background-color: #53565A;
      background-image: -webkit-linear-gradient(top, #776c60, #53565A);
      background-image: -moz-linear-gradient(top, #776c60, #53565A);
      background-image: -ms-linear-gradient(top, #776c60, #53565A);
      background-image: -o-linear-gradient(top, #776c60, #53565A);
      background-image: linear-gradient(top, #776c60, #53565A); }
      .jotter-results .products .broaden-results .button:hover, .jotter-results .products .broaden-results .button.is-focused, .jotter-results-listing .products .broaden-results .button:hover, .jotter-results-listing .products .broaden-results .button.is-focused {
        background-color: #53565A; }
  .jotter-results .view-all-results .m-product, .jotter-results-listing .view-all-results .m-product {
    min-height: 23.25em;
    padding: 10px;
    width: 144px; }
  .jotter-results .view-all-results .button, .jotter-results-listing .view-all-results .button {
    width: 145px;
    margin-top: 140px; }
    .jotter-results .view-all-results .button a, .jotter-results-listing .view-all-results .button a {
      padding-right: 10px; }
      .jotter-results .view-all-results .button a:after, .jotter-results-listing .view-all-results .button a:after {
        background-image: none; }
  .jotter-results .loading, .jotter-results-listing .loading {
    text-align: center; }
    .jotter-results .loading .panel, .jotter-results-listing .loading .panel {
      height: 343px;
      margin: 40px 0 20px 0; }
    .jotter-results .loading p, .jotter-results-listing .loading p {
      margin: 0;
      color: #838683;
      font-size: 0.9em; }
      .jotter-results .loading p.smaller, .jotter-results-listing .loading p.smaller {
        font-size: 12px; }
    .jotter-results .loading img, .jotter-results-listing .loading img {
      display: block;
      margin: 115px auto 15px auto; }
  .jotter-results .no-matches .panel, .jotter-results-listing .no-matches .panel {
    padding: 60px 30px 75px 30px;
    margin-bottom: 20px; }
  .jotter-results .no-matches strong.term, .jotter-results-listing .no-matches strong.term {
    text-transform: capitalize; }
  .jotter-results .no-matches p, .jotter-results-listing .no-matches p {
    font-size: 1em; }
    .jotter-results .no-matches p .content-search-link, .jotter-results-listing .no-matches p .content-search-link {
      display: inline-block; }
  .jotter-results .no-matches label, .jotter-results-listing .no-matches label {
    display: block;
    float: none;
    width: auto;
    margin-bottom: 10px;
    font-weight: bold; }
  .jotter-results .no-matches .submit-button, .jotter-results-listing .no-matches .submit-button {
    float: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #53565A;
    background-image: -webkit-linear-gradient(top, #776c60, #53565A);
    background-image: -moz-linear-gradient(top, #776c60, #53565A);
    background-image: -ms-linear-gradient(top, #776c60, #53565A);
    background-image: -o-linear-gradient(top, #776c60, #53565A);
    background-image: linear-gradient(top, #776c60, #53565A); }
    .jotter-results .no-matches .submit-button:hover, .jotter-results .no-matches .submit-button.is-focused, .jotter-results-listing .no-matches .submit-button:hover, .jotter-results-listing .no-matches .submit-button.is-focused {
      background-color: #53565A;}
  .jotter-results .back-to-top, .jotter-results-listing .back-to-top {
    float: left;
    margin-top: 20px;
    margin-bottom: 10px; }
   .tab.groceries .r-content .l-content .load-more {
    margin-left: 275px;}
   .tab.groceries .r-content .l-content .load-more-button .load-more {
    margin-left: 0px !important;   
   }
  .jotter-results .load-more, .jotter-results-listing .load-more {
    position: relative;
    top: -11px;
    clear: both;
    text-align: center; }
    .jotter-results .load-more .button, .jotter-results-listing .load-more .button {
      padding: 10px 15px;
      cursor: pointer;
      background-color: #53565A;}
      .jotter-results .load-more .button:hover, .jotter-results .load-more .button.is-focused, .jotter-results-listing .load-more .button:hover, .jotter-results-listing .load-more .button.is-focused {
        background-color: #53565A; }
      .jotter-results .load-more .button a, .jotter-results-listing .load-more .button a {
        margin: 0;
        padding: 0;
        color: white;
        font-size: 18px;
        text-align: center;
        outline: 0; }
        .jotter-results .load-more .button a .terms, .jotter-results-listing .load-more .button a .terms {
          display: block;
          font-size: 14px; }
        .jotter-results .load-more .button a .more, .jotter-results-listing .load-more .button a .more {
          display: block;
          background-image: url("/images/static/common/ss-icons.png");
          background-position: -264px -545px;
          background-repeat: no-repeat; }

.jotter-results-listing .jotter-result {
  background: none; }
.jotter-results-listing .products .panel {
  margin-bottom: 0;
  min-width: 662px; 
  border-left: 1px solid #D6D6D6;}
.jotter-results-listing .view-all-results .button {
  margin-top: 0; }

html.lt-ie9 strong.term {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word; }

.jotter-results .jotter-pad, .jotter-results-listing .jotter-pad {
  width: 180px;
  padding-bottom: 5px;
  background-color: #F9F9F9;}
.jotter-results-listing .jotter-pad  {
  border-bottom: 1px solid #D6D6D6;}
  .jotter-results .jotter-pad h2, .jotter-results-listing .jotter-pad h2 {
    margin: 0;
    padding: 15px 12px; }
.content-wrapper .jotter-results-listing .jotter-pad h2 a {
	color: #53585A;}
  .jotter-results .jotter-pad ul, .jotter-results-listing .jotter-pad ul {
    list-style-type: none;
    margin: 0;
    padding: 0 5px 0px 12px; }
  .jotter-results .jotter-pad li, .jotter-results-listing .jotter-pad li {
    position: relative;
    padding: 0 5px 20px 0;
    text-transform: capitalize; }
    .jotter-results .jotter-pad li:last-child, .jotter-results-listing .jotter-pad li:last-child {
      border: none; }
    .jotter-results .jotter-pad li a, .jotter-results-listing .jotter-pad li a {
      display: block;
      width: 150px;
	  color: #53565A;
	  text-decoration: none;
      white-space: pre;
      white-space: pre-wrap;
      white-space: pre-line;
      white-space: -pre-wrap;
      white-space: -o-pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -hp-pre-wrap;
      word-wrap: break-word; }
	.jotter-results .jotter-pad li a:hover, .jotter-results-listing .jotter-pad li a:hover,
	.jotter-results .jotter-pad li a:visited:hover, .jotter-results-listing .jotter-pad li a:visited:hover{
	text-decoration: underline;}
    .jotter-results .jotter-pad li input[type="text"], .jotter-results-listing .jotter-pad li input[type="text"] {
      width: 120px;
      padding-left: 4px; }
.jotter-results #jotter-pad-section-rolled.hidden, .jotter-results-listing #jotter-pad-section-rolled.hidden {
  display: none; }
.jotter-results .jotter-functions fieldset, .jotter-results .jotter-product-functions fieldset, .jotter-results-listing .jotter-functions fieldset, .jotter-results-listing .jotter-product-functions fieldset {
  padding: 5px 5px 20px 12px;
  margin: 0;
  background: none; }
.jotter-results .jotter-functions input[type=text], .jotter-results .jotter-product-functions input[type=text], .jotter-results-listing .jotter-functions input[type=text], .jotter-results-listing .jotter-product-functions input[type=text] {
  width: 90px;
  padding: 4px 15px 3px 5px;}
.jotter-results .jotter-functions .button.submit-button, .jotter-results .jotter-product-functions .button.submit-button, .jotter-results-listing .jotter-functions .button.submit-button, .jotter-results-listing .jotter-product-functions .button.submit-button {
  padding: 0px; }
  .jotter-results .jotter-functions .button.submit-button input, .jotter-results .jotter-product-functions .button.submit-button input, .jotter-results-listing .jotter-functions .button.submit-button input, .jotter-results-listing .jotter-product-functions .button.submit-button input {
    padding: 6px;
    background: none;
    font-size: 1em; }
.jotter-results .jotter-functions .change-controls > div, .jotter-results .jotter-functions .view-controls > div, .jotter-results .jotter-product-functions .change-controls > div, .jotter-results .jotter-product-functions .view-controls > div, .jotter-results-listing .jotter-functions .change-controls > div, .jotter-results-listing .jotter-functions .view-controls > div, .jotter-results-listing .jotter-product-functions .change-controls > div, .jotter-results-listing .jotter-product-functions .view-controls > div {
  padding: 6px 5px 20px 12px; }
.jotter-results .jotter-functions .change-controls a, .jotter-results .jotter-functions .view-controls a, .jotter-results .jotter-product-functions .change-controls a, .jotter-results .jotter-product-functions .view-controls a, .jotter-results-listing .jotter-functions .change-controls a, .jotter-results-listing .jotter-functions .view-controls a, .jotter-results-listing .jotter-product-functions .change-controls a, .jotter-results-listing .jotter-product-functions .view-controls a {
  font-size: 12px;
	color: #53565A;  }
  .jotter-results .jotter-functions .change-controls a.cancel, .jotter-results .jotter-functions .view-controls a.cancel, .jotter-results .jotter-product-functions .change-controls a.cancel, .jotter-results .jotter-product-functions .view-controls a.cancel, .jotter-results-listing .jotter-functions .change-controls a.cancel, .jotter-results-listing .jotter-functions .view-controls a.cancel, .jotter-results-listing .jotter-product-functions .change-controls a.cancel, .jotter-results-listing .jotter-product-functions .view-controls a.cancel {
    margin-right: 7px;
    padding-top: 3px;
    padding-right: 12px;
    padding-bottom: 5px;
    border-right: 1px solid #d7d7d7; }
  .jotter-results .jotter-functions .change-controls a.view-full, .jotter-results .jotter-functions .view-controls a.view-full, .jotter-results .jotter-product-functions .change-controls a.view-full, .jotter-results .jotter-product-functions .view-controls a.view-full, .jotter-results-listing .jotter-functions .change-controls a.view-full, .jotter-results-listing .jotter-functions .view-controls a.view-full, .jotter-results-listing .jotter-product-functions .change-controls a.view-full, .jotter-results-listing .jotter-product-functions .view-controls a.view-full {
    display: block;
    background: none;
    padding-left: 0;
    line-height: 18px;
	color: #5c8018;}
  .jotter-results .jotter-functions .change-controls a.view-full:before, .jotter-results .jotter-functions .view-controls a.view-full:before, .jotter-results .jotter-product-functions .change-controls a.view-full:before, .jotter-results .jotter-product-functions .view-controls a.view-full:before, .jotter-results-listing .jotter-functions .change-controls a.view-full:before, .jotter-results-listing .jotter-functions .view-controls a.view-full:before, .jotter-results-listing .jotter-product-functions .change-controls a.view-full:before, .jotter-results-listing .jotter-product-functions .view-controls a.view-full:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 3px;
    background-image: url("/images/static/common/ss-jotter-product.png");
    background-repeat: no-repeat;
    background-position: -54px -4px; }
  .jotter-results .jotter-functions .change-controls a.view-full.open:before, .jotter-results .jotter-functions .view-controls a.view-full.open:before, .jotter-results .jotter-product-functions .change-controls a.view-full.open:before, .jotter-results .jotter-product-functions .view-controls a.view-full.open:before, .jotter-results-listing .jotter-functions .change-controls a.view-full.open:before, .jotter-results-listing .jotter-functions .view-controls a.view-full.open:before, .jotter-results-listing .jotter-product-functions .change-controls a.view-full.open:before, .jotter-results-listing .jotter-product-functions .view-controls a.view-full.open:before {
    background-image: url("/images/static/common/ss-jotter-product.png");
    background-repeat: no-repeat;
    background-position: -81px -4px; }

.lt-ie9 .jotter-results .jotter-functions .button.submit-button, .lt-ie9 .jotter-results .jotter-product-functions .button.submit-button, .lt-ie9 .jotter-results-listing .jotter-functions .button.submit-button, .lt-ie9 .jotter-results-listing .jotter-product-functions .button.submit-button {
  margin-top: 0;
  margin-bottom: 0; }

.touch .jotter-results .jotter-pad ul input[type=text] {
  width: 119px; }

.jotter-results-listing .tabs {
  position: relative; }
  .jotter-results-listing .tabs > p {
    position: absolute;
    top: -14px;
    right: 40px; }
  .jotter-results-listing .tabs .tab-panel-wrapper {
    width: 100%;
    border-bottom: 1px solid #cacaca; }
  .jotter-results-listing .tabs ul.tab-panel {
    width: 656px;
    height: 46px;
    list-style-type: none;
    border-bottom: 1px solid #d5d5d5; }
    .jotter-results-listing .tabs ul.tab-panel:before, .jotter-results-listing .tabs ul.tab-panel:after {
      content: " ";
      display: table; }
    .jotter-results-listing .tabs ul.tab-panel:after {
      clear: both; }
    .jotter-results-listing .tabs ul.tab-panel li {
      float: left;
      position: relative;
      height: 35px;
      top: 1px;
      width: 135px;
      padding: 8px 6px 2px 6px;
      margin-left: 4px;
      border: 1px solid #d5d5d5;
	  font: 12px Arial;
	  font: 14px Waitrose;	}
      .jotter-results-listing .tabs ul.tab-panel li:first-child {
        margin-left: 0; }
      .jotter-results-listing .tabs ul.tab-panel li a {
        display: block;
        position: relative;
        margin: 0 0 0;
        background-color: transparent;
        background-repeat: no-repeat;
        line-height: 18px; }
        .jotter-results-listing .tabs ul.tab-panel li a > span {
		  font-size: 14px;
          width: 100%;
          color: #53565A; }
        .jotter-results-listing .tabs ul.tab-panel li a:before {
          color: #53565A;
          text-decoration: underline; }
        .jotter-results-listing .tabs ul.tab-panel li a .icon {
          position: absolute;
          top: 8px;
          width: 20px;
          height: 20px;
          background-image: url("/images/static/commonss-jotter-product.png");
          background-repeat: no-repeat; }
    .jotter-results-listing .tabs ul.tab-panel.float-right {
      width: 656px;}
    .jotter-results-listing .tabs ul.tab-panel li.is-active {
      height: 36px;
      padding-bottom: 0;
      background: white;
      border-bottom: 1px solid white;
	  font-weight: bold; }
	.jotter-results-listing .tabs ul.tab-panel li.after {
	  border: none;}
      .jotter-results-listing .tabs ul.tab-panel li.is-active a > span {
        text-align: center; }
      .jotter-results-listing .tabs ul.tab-panel li.is-active .apos {
        display: none; }
      .jotter-results-listing .tabs ul.tab-panel li.is-active .term {
        font-size: 18px;
        line-height: 18px;
        text-align: center;
		color: #53565A;
        text-transform: capitalize; }
      .jotter-results-listing .tabs ul.tab-panel li.is-active .icon, .jotter-results-listing .tabs ul.tab-panel li.is-active .roll {
        display: none; }
    .jotter-results-listing .tabs ul.tab-panel li.is-active > a {
      color: #53565A;
      text-decoration: none;
	  text-align: center;
      cursor: default;
      transition-property: color;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: "linear";
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: "linear";
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: "linear";
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: "linear";
      transition-property: color;
      transition-duration: 0.3s;
      transition-timing-function: "linear"; }
      .jotter-results-listing .tabs ul.tab-panel li.is-active > a:hover {
        color: #53565A; }
    .jotter-results-listing .tabs ul.tab-panel li.is-hidden {
      display: none; }
    .jotter-results-listing .tabs ul.tab-panel li.before {
      margin-left: 0;
	  border: none;
	  height: 35px;}
        .jotter-results-listing .tabs ul.tab-panel li.before a .icon {
          left: 0;
          background-position: -3px -3px; }
        .jotter-results-listing .tabs ul.tab-panel li.before a:hover .icon {
          background-position: -3px -25px; }
      .jotter-results-listing .tabs ul.tab-panel li.before a:before {
        content: "Previous item"; }
    .jotter-results-listing .tabs ul.tab-panel li.after a, .jotter-results-listing .tabs ul.tab-panel li.before a {
      text-align: center; }
      .jotter-results-listing .tabs ul.tab-panel li.after a .icon {
        right: 0;
        background-position: -29px -3px; }
      .jotter-results-listing .tabs ul.tab-panel li.after a:hover .icon {
        background-position: -29px -24px; }
    .jotter-results-listing .tabs ul.tab-panel li.after a:before {
      content: "Next item"; }
  .jotter-results-listing .tabs .tab:before, .jotter-results-listing .tabs .tab:after {
    content: " ";
    display: table; }
  .jotter-results-listing .tabs .tab:after {
    clear: both; }
  .jotter-results-listing .tabs .tab-container {
    height: 1.5em; }
    .jotter-results-listing .tabs .tab-container:before, .jotter-results-listing .tabs .tab-container:after {
      content: " ";
      display: table; }
    .jotter-results-listing .tabs .tab-container:after {
      clear: both; }
    .jotter-results-listing .tabs .tab-container .tab-title {
      float: left;
      font-size: 14px; }
    .jotter-results-listing .tabs .tab-container .tab-sort {
      float: right;
      margin-right: 10px;
      font-size: 12px; }
  .jotter-results-listing .tabs .tab-content .products {
    margin-top: 10px; 
	left: -5px;}

.js .favourites .tabs .tab {
  display: none; }
.js .favourites .tabs .tab-panel + .tab {
  display: block; }

.drop-title-text-rounded {
  background-color: #e1e1dc;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .drop-title-text-rounded h2 {
    width: 100%;
    margin: 0;
    padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0;
    color: white;
    background-color: #53565A; }
    .drop-title-text-rounded h2 span {
      display: block;
      padding-top: 0;
      padding-right: 10px;
      padding-bottom: 0;
      padding-left: 10px;
      font-size: 0.8em; }
    .drop-title-text-rounded h2 a {
      padding-top: 0;
      padding-right: 10px;
      padding-bottom: 0;
      padding-left: 10px;
      color: #79ac36;
      text-decoration: none;
        text-decoration-hover-text-decoration: none; }
  .drop-title-text-rounded .drop-title-text-content {
    border: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px; }
    .drop-title-text-rounded .drop-title-text-content ul {
      margin-top: 8px; }

.drop-title-text-rounded {
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.drop-title-text-rounded h2 {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -ms-border-bottom-left-radius: 0px;
  -o-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -ms-border-bottom-right-radius: 0px;
  -o-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px; }
.drop-title-text-rounded .drop-title-text-content {
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.form-container {
  background: none; }
  .form-container .drop-title-text-content {
    padding: 0; }
    .form-container .drop-title-text-content fieldset {
      margin: 0; }

.list-tick-left {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none; }
  .list-tick-left li {
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 20px;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: 0 -337px;
    background-repeat: no-repeat;
    border-top: 1px dotted #bbb6b0; }
  .list-tick-left li:first-child {
    border: none; }

.register-login {
  float: left;
  margin-top: 20px; }
  .register-login .l-content, .register-login .r-content {
    width: 450px; }
  .register-login .l-content {
    float: left; }
  .register-login .r-content {
    margin-left: 470px; }
    .register-login .r-content .drop-title-text {
      background-color: white;
      background-image: url("/images/static/pages/register/NewUserLady.gif");
      background-position: 94% 100%;
      background-repeat: no-repeat; }
      .register-login .r-content .drop-title-text .drop-title-text-content {
        min-height: 251px; }
      .register-login .r-content .drop-title-text ul {
        width: 250px; }
      .register-login .r-content .drop-title-text .button {
        margin-left: 20px; }
  .register-login form fieldset {
    padding-top: 40px; }
    .register-login form fieldset .instruction {
      top: 10px;
      right: 10px; }
  .register-login .account-links {
    float: right;
    margin-top: 15px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
    text-align: right; }
    .register-login .account-links a {
      display: block; }
  .register-login h3, .register-login ul li {
    font-weight: bold; }

.my-account .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.my-account .account-title {
  padding: 0 0 20px;
  overflow: hidden; }
  .my-account .account-title h1 {
    margin: 0;
	font: 21px/30px Arial;
	font: 24px/30px Waitrose;}
  .my-account .account-title .button {
    float: right;
	margin-top: -25px;}
  .my-account.my-address .r-content{
  margin-top: -55px;}
  .my-account.my-address .account-title .button {
  margin-top:0;}
    .my-account .account-title .button a {
      padding: 10px 20px; }
.my-account legend {
  color: #53565A;
  float: left;
  margin-bottom: 15px;
  width: 100%;
  font-size: 12px;
  font-weight: bold; }
.my-account .tip {
  position: absolute;
  width: 167px;
  margin-left: 10px;
  color: #727272;
  font-size: 12px; }
.my-account .error .tip {
  margin-left: 30px;
  width: 220px; }
.my-account .tip {
  color: #727272;
  font-size: 12px; }
.my-account table {
  margin: 10px 0;
  text-align: left; }
  .my-account table tbody td {
    text-align: left; }
  .my-account table a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none; }
  .my-account table .button a {
    font-size: 1em;
    font-weight: normal;
    text-decoration: none; }

.mywaitrose-optout-button {
  margin-top: 20px; }

.waitrose-card form .error-msg {
  margin-left: 147px; }
.waitrose-card form p {
  clear: both; }
.waitrose-card .card-input {
  padding-bottom: 15px; }
.waitrose-card .card-types {
  display: table; }
.waitrose-card .card-types .card-image {
  float: left;
  width: 250px;
  margin-right: 50px; }
.waitrose-card .card-types .card-image label {
  float: none; }
.waitrose-card .card-types .card-image img {
  float: left;
  padding-top: 15px; }
.waitrose-card .my-waitrose-text {
  width: 660px; }
.waitrose-card .my-waitrose-text em {
  font-style: normal;}
.waitrose-card .pendingOrderMessage {
  display: none; }
.waitrose-card .pendingTrolleyMessage {
  display: none; }
.waitrose-card .address-warning p {
  padding: 6px 10px 6px 30px;
  background-image: url("/images/static/common/ss-icons.png");
  background-position: -326px -93px;
  background-repeat: no-repeat; }
.waitrose-card .my-waitrose-terms-container {
  width: 420px;
  display: table; }
.waitrose-card .my-waitrose-terms .error {
  background-color: #ffea00; }
.waitrose-card .my-waitrose-terms .error-msg:last-child {
  margin-left: 0px; }
.waitrose-card .my-waitrose-terms .error-msg p {
  margin-left: 0px;
  padding-top: 5px; }
  
.waitrose-card-overlay h1 {
  font-size: 24px; }

.account-landing .l-content, .account-landing .r-content {
  width: 444px; }
.account-landing .l-content {
  float: left; }
.account-landing .r-content {
  margin-left: 457px; }
.account-landing .drop-title-text h2 span {
  display: inline-block;
  font: 18px/16px Arial;
  font: bold 20px/16px Waitrose;}
.account-landing .membership-status {
  float: right;
  margin-right: 10px;
  padding-right: 30px;
  background: url("/images/static/common/ss-icons.png") 100% -354px no-repeat;
  font-size: 11px;
  line-height: 2em; }
.account-landing .drop-title-text-content {
  margin-bottom: 15px;
  padding: 10px 25px 10px 20px;
  background: #f9f9f9;
  font-size: 1.4em; }
.account-landing ul {
  margin: 0;
  padding: 0; }
.account-landing li {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 40px;
  background: url("/images/static/common/ss-my-account-landing.png") 2px 12px no-repeat;
  list-style: none; }
  .account-landing li:first-child {
    border: 0; }
  .account-landing li span {
    display: block; }
.account-landing .no-icon {
  padding-left: 0;
  background: none; }
.account-landing .my-favourites {
  background: url("/images/static/widget/icon-trolley-favourites.png") 0px 12px no-repeat;
  background-size: 30px; }
.account-landing .import-products {
  background: url("/images/static/widget/icon-trolley-import-products.png") 0 11px no-repeat;
  background-size: 25px;
  margin-left: 3px;
  padding-left: 37px;}
.account-landing .my-products {
  background-position: 7px -117px; }
.account-landing .my-lists {
  background-position: 2px -198px; }
.account-landing .substitution-prefs {
  background-position: 5px -264px; }
.account-landing .login-details {
  background-position: 5px -338px; }
.account-landing .personal-details {
  background-position: 3px -410px; }
.account-landing .my-addresses {
  background-position: 4px -483px; }
.account-landing .payment-details {
  background-position: 8px -554px; }
.account-landing .my-waitrose {
  background-position: 5px -1051px; }
.account-landing .my-waitrose-card {
  background-position: 4px -624px; }
.account-landing .public-profile {
  background-position: 6px -697px; }
.account-landing .recipes {
  background-position: 7px -773px; }
.account-landing .forums {
  background-position: 7px -842px; }
.account-landing .articles {
  background-position: 7px -913px; }
.account-landing .my-comments {
  background-position: 3px -987px; }
.account-landing h3 {
  margin: 0 0 2px; }
  .account-landing h3 a {
    font-weight: bold;
	font-size: 14px;
    text-decoration: none; }
.account-landing h3 a:hover, .account-landing h3 a:visited:hover, .account-landing h3 a:visited {
	color: #53565A; }
.account-landing p {
  margin: 0; }
.account-landing legend {
  margin: 0;
  padding-top: 0;
  padding-bottom: 40px;
  font-size: 0.8em; }
.account-landing form fieldset {
  padding: 0 10px; }
.account-landing form .instruction {
  top: 25px;
  right: 15px; }
.account-landing form label {
  width: 118px;
  line-height: 2.2em; }
.account-landing form input.short-input {
  width: 100px; }
.account-landing form .button:last-child {
  margin-left: 118px; }
.account-landing form .button.find-address, .account-landing form .button.last {
  margin-left: 118px; }
.account-landing form .required .button {
  margin-top: 10px; }
  .account-landing form .required .button a {
    padding: 6px 10px 8px; }
.account-landing form .error-msg {
  margin-left: 118px; }
.account-landing .no-icon {
  overflow: hidden; }
  .account-landing .no-icon form {
    float: left; }

.content-wrapper .account-landing form::after {
  clear: none; }

.lt-ie9 .account-landing .my-favourites {
  background-position: -8px 11px; }

.edit-public-profile .form-row {
  overflow: hidden; }
.edit-public-profile h4 {
  clear: both;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
  font-weight: normal; }
.edit-public-profile label {
  margin-right: 15px; }
  .edit-public-profile label span {
    display: block;
    margin-top: 10px;
    font-size: 0.8em; }
.edit-public-profile input[type="checkbox"]:focus {
  outline: thin solid #53565A; }
.edit-public-profile .error-msg {
  padding-left: 5px; }
.edit-public-profile form .interest-list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .edit-public-profile form .interest-list li {
    display: inline-block;
    margin-bottom: 5px;
    width: 24%;
    font-size: 1em; }
    .edit-public-profile form .interest-list li label {
      float: none;
      width: auto; }
.edit-public-profile .carousel.groceries-page-carousel {
  clear: both;
  margin: 0 auto;
  width: 400px;
  overflow: hidden; }
  .edit-public-profile .carousel.groceries-page-carousel .carousel-items {
    border: 0; }
    .edit-public-profile .carousel.groceries-page-carousel .carousel-items a {
      display: block;
      float: left;
      padding: 5px 10px;
      width: 80px;
      height: 80px;
      border: 0; }
    .edit-public-profile .carousel.groceries-page-carousel .carousel-items .selected {
      background: #53565A; }
.edit-public-profile .carousel-arrows {
  top: 30px;
  margin: 0 auto;
  width: 400px; }
  .edit-public-profile .carousel-arrows .carousel-arrow {
    margin-top: -75px; }
  .edit-public-profile .carousel-arrows .carousel-arrow.arrow-prev {
    left: 0; }
  .edit-public-profile .carousel-arrows .carousel-arrow.arrow-next {
    right: 0; }
.edit-public-profile .carousel-blobs {
  padding-top: 0; }

.account-errors {
  margin-bottom: 15px;
  padding: 15px;
  background: #fff8d9;
  font-size: 1em; }
  .account-errors h4 {
    margin: 0 0 5px;
    font-weight: normal; }
  .account-errors p {
    margin-top: 0; }
  .account-errors ul {
    padding: 0;
    list-style: none; }
  .account-errors li {
    margin-bottom: 15px;
    padding-left: 30px;
    background-image: url("/images/static/common/ss-icons.png");
    background-position: -330px -97px;
    background-repeat: no-repeat;
    font-size: 1em; }
  .account-errors strong {
    display: block; }

form#substitution-preferences-form label {
  display: inline;
  float: none; }

.forgot-password {
  margin: 20px auto 0;
  width: 700px; }
  .forgot-password .drop-title-text-content {
    padding: 15px;
    background: #f6f4f2; }
  .forgot-password h2 a {
    display: inline-block;
    float: right;
    margin-top: -2em;
    padding-left: 25px;
    background: url("/images/static/pages/offers/ss-offers.png") 0 -30px no-repeat;
    color: #5c8018;
    font-size: 12px; }
  .forgot-password h3 {
    margin-top: 0;
    font-size: 1.2em;
    line-height: 1.2em; }
  .forgot-password form fieldset {
    padding: 0 0 15px; }
  .forgot-password form legend {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    font-size: 12px;
    font-weight: bold; }
  .forgot-password form .instruction {
    top: 50px;
    right: 15px; }
  .forgot-password form .error-msg {
    margin-left: 147px; }
  .forgot-password form .tip {
    color: #999999;
    font-size: 0.65em; }
  .forgot-password form input[type="checkbox"]:focus {
    outline: #53565A dotted 1px; }
  .forgot-password dl {
    font-size: 12px; }
  .forgot-password dd {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  .forgot-password .faq {
    padding: 10px;
    background: white; }

.reset-password form .instruction {
  top: 0; }
.reset-password .successful-reset .row {
  display: block;
  margin-bottom: 10px; }

.content-wrapper .table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  width: 100%;
  margin-bottom: 20px; }
.content-wrapper .table th {
  font-weight: bold; }
.content-wrapper .table thead th {
  vertical-align: bottom; }
.content-wrapper .table caption + thead tr:first-child th,
.content-wrapper .table caption + thead tr:first-child td,
.content-wrapper .table colgroup + thead tr:first-child th,
.content-wrapper .table colgroup + thead tr:first-child td,
.content-wrapper .table thead:first-child tr:first-child th,
.content-wrapper .table thead:first-child tr:first-child td {
  border-top: 0; }
.content-wrapper .table tbody + tbody {
  border-top: 2px solid #dddddd; }
.content-wrapper .table-condensed th,
.content-wrapper .table-condensed td {
  padding: 4px 5px; }
.content-wrapper .table-striped {
  border-color: none;
  border-spacing: 0;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-right: 0;
  border-top: 0; }
.content-wrapper .table-striped caption + thead tr:first-child th,
.content-wrapper .table-striped caption + tbody tr:first-child th,
.content-wrapper .table-striped caption + tbody tr:first-child td,
.content-wrapper .table-striped colgroup + thead tr:first-child th,
.content-wrapper .table-striped colgroup + tbody tr:first-child th,
.content-wrapper .table-striped colgroup + tbody tr:first-child td,
.content-wrapper .table-striped thead:first-child tr:first-child th,
.content-wrapper .table-striped tbody:first-child tr:first-child th,
.content-wrapper .table-striped tbody:first-child tr:first-child td {
  border-top: 0; }
.content-wrapper .table-striped tbody td,
.content-wrapper .table-striped thead tr th {
  line-height: 1.4em;
  text-align: left;
  font-size: 12px; }
.content-wrapper .table-striped thead tr th {
  padding: 6px 8px 6px 0;
  border-bottom: 1px solid #EEEEEE;
  vertical-align: bottom;
  font-weight: normal;
  font-size:11px;
  line-height: 1em;
  color: #53565A;
  text-align: left; }
.content-wrapper .table-striped tbody tr td {
  padding: 15px 8px 1px 0;
  vertical-align: top;
  border-right: 0;
  border-top: 0;
  color: #53565A;
  background-color: white; }
.content-wrapper .table-striped tbody tr.colspan td {
  padding: 0 0 15px 0;
  border: 0;
  border-bottom: 1px solid #eeeeee; }
.content-wrapper .table-striped tbody tr.colspan:first-child {
  text-align: left; }
.content-wrapper .table-striped tbody tr td:first-child {
  border-left: 0; }
.content-wrapper .table-striped tbody tr.odd td {
  background-color: #f8f8f8; }
.content-wrapper .table-striped tbody tr.cancelled td {
  background-color: #C0002B;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6; }
.content-wrapper .table-hover tbody tr:hover td,
.content-wrapper .table-hover tbody tr:hover th {
  background-color: #53565A; }

.content-wrapper .orders .no-open-orders {
  padding: 10px 10px 10px 15px;
  background-color: #f5f5f5; }
  .content-wrapper .orders .no-open-orders:before, .content-wrapper .orders .no-open-orders:after {
    content: " ";
    display: table; }
  .content-wrapper .orders .no-open-orders:after {
    clear: both; }
  .content-wrapper .orders .no-open-orders .start-shopping-button {
    float: right; }
    .content-wrapper .orders .no-open-orders .start-shopping-button a:focus {
      background-color: #53565A; }
  .content-wrapper .orders .no-open-orders p {
    float: left;
    margin: 0;
    line-height: 34px; }
.content-wrapper .orders .table th.details, .content-wrapper .orders .table td.details {
  width: 197px; }
.content-wrapper .orders .table th.payment, .content-wrapper .orders .table td.payment {
  width: 102px; }
.content-wrapper .orders .table th.total, .content-wrapper .orders .table td.total {
  width: 102px; }
.content-wrapper .orders .table th.last, .content-wrapper .orders .table td.last {
  width: 326px;
  padding-right:0px;
  text-align: right; }
.content-wrapper .orders .table tbody tr td:first-child {
  text-align: left; }
.content-wrapper .orders .view-order {
  font-size: 1.1em; }
.content-wrapper .orders .buttons {
  float: right;
  margin-bottom: 20px; }
  .content-wrapper .orders .buttons:before, .content-wrapper .orders .buttons:after {
    content: " ";
    display: table; }
  .content-wrapper .orders .buttons:after {
    clear: both; }
  .content-wrapper .orders .buttons:after {
    clear: both; }
  .content-wrapper .orders .buttons .button {
    font-size: 18px; }
  .content-wrapper .orders .buttons.two-up .button {
    width: 156px;
    float: left; }
    .content-wrapper .orders .buttons.two-up .button:first-child {
      margin-right: 12px; }
.content-wrapper .orders a.add-trolley,
.content-wrapper .orders span.add-trolley {
  clear: both;
  display: inline-block; }
.content-wrapper .orders a.add-trolley.inactive,
.content-wrapper .orders span.add-trolley.inactive {
  display: inline-block;
  margin: 0 auto;
  padding: 7px 15px;
  font-size: 0.9em;
  text-align: right;
  text-decoration: none;
  color: #53565A;
  background-color: #fff8d9;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px; }
.content-wrapper .orders .add-contents-to-trolley {
  text-align: right; }
.content-wrapper table.previous-orders tbody tr.colspan td {
  padding-top: 10px; }

.orders-lightbox {
  width: 400px; }
  .orders-lightbox p {
    font-size: 0.8em; }
  .orders-lightbox .button {
    float: right; }
.orders-lightbox .no-button {
    background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #eff3e9);
	background-image: -moz-linear-gradient(top, #ffffff, #eff3e9);
	background-image: -ms-linear-gradient(top, #ffffff, #eff3e9);
	background-image: -o-linear-gradient(top, #ffffff, #eff3e9);
	background-image: linear-gradient(top, #ffffff, #eff3e9);
    margin-right: 10px; }
.orders-lightbox .no-button:hover, .orders-lightbox .no-button.is-focused {
    background-color: #eff3e9;
	background-image: -webkit-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: -moz-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: -ms-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: -o-linear-gradient(top, #eff3e9, #eff3e9);
	background-image: linear-gradient(top, #eff3e9, #eff3e9); }
.orders-lightbox.overlay-popup .no-image a {
	color: #FFFFFF;	}
.orders-lightbox .no-button input, .orders-lightbox .no-button a {
    padding: 9px 20px;}
.orders-lightbox .no-button a:after {
      background: none; }

.order-listing {
  display: none; }
  .order-listing .order-listing-modal h2 {
    margin-bottom: 10px; }
  .order-listing .order-listing-modal .order-listing-header {
    padding-bottom: 22px; }
    .order-listing .order-listing-modal .order-listing-header .listing-customer-data {
      float: left;
      width: 392px;
      padding: 0;
      margin: 0; }
      .order-listing .order-listing-modal .order-listing-header .listing-customer-data h3 {
        margin: 12px 0 2px;
        font-size: 0.8em; }
      .order-listing .order-listing-modal .order-listing-header .listing-customer-data p {
        margin: 2px 0 10px 0; }
  .order-listing .order-listing-modal .listing-order-data {
    float: left;
    padding: 0;
    margin: 0; }
    .order-listing .order-listing-modal .listing-order-data .order-trolley-details {
      float: left;
      width: 70px;
      position: relative;
      height: 60px;
      background-color: transparent;
      background-image: url("/images/static/common/ss-icons.png");
      background-repeat: no-repeat;
      background-position: 23px -51px; }
      .order-listing .order-listing-modal .listing-order-data .order-trolley-details p {
        position: absolute;
        bottom: 6px;
        font-size: 0.9em;
        text-align: center;
        padding: 0;
        margin: 0 auto;
        width: 100%; }
    .order-listing .order-listing-modal .listing-order-data .order-cost-details {
      position: relative;
      float: left;
      width: 100px;
      height: 60px;
      border-left: 1px solid #EEEEEE; }
      .order-listing .order-listing-modal .listing-order-data .order-cost-details p {
        font-size: 1.2em;
        font-weight: bold;
        margin: 10px 0 0;
        width: 100%;
        text-align: center; }
        .order-listing .order-listing-modal .listing-order-data .order-cost-details p.savings {
          padding-left: 8px;
          font-size: 0.8em;
          font-weight: normal;
          position: absolute;
          bottom: 4px; }
    .order-listing .order-listing-modal .listing-order-data .order-amend-section {
      clear: none;
      float: left;
      width: 195px;
      margin-left: 12px;
      padding-top: 10px; }
	.order-listing .order-listing-modal .pending  .listing-order-data .order-amend-section {
      width: 153px; }
      .order-listing .order-listing-modal .listing-order-data .order-amend-section .content-button a {
        padding: 8px 0; }
  .order-listing .order-listing-modal .order-listing-header.pending .listing-customer-data {
    width: 206px; }
  .order-listing .order-listing-modal .order-listing-header.pending .order-trolley-details {
    border-left: 1px solid #eeeeee; }
  .order-listing .order-listing-modal .order-listing-header.pending .order-amend-description {
    float: left;
    width: 200px;
    margin-left: 15px;
	height: 50px;
    padding: 5px 0 5px 10px;
    border-left: 1px solid #eeeeee; }
    .order-listing .order-listing-modal .order-listing-header.pending .order-amend-description p {
      margin: 0;
      padding: 0; }
  .order-listing .order-listing-modal .order-offers-table .offers-products-table {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 0px;
    width: 772px;
    border: none;
    border-top: 0; }
    .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.last {
      width: 85px; }
  .order-listing .order-listing-modal .order-offers-table .row {
    clear: both;
    height: 80px;
    margin-top: -2px; }
    .order-listing .order-listing-modal .order-offers-table .row .cell {
      width: 90px;
      display: table-cell;
      height: 78px;
      min-height: 78px;
      vertical-align: middle;
      text-align: center;
      font-size: 11px; 	  
	  text-align: left;}
      .order-listing .order-listing-modal .order-offers-table .row .cell span {
        font-size: 1em;
        color: #53565A; }
      .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details img {
        float: left; }
      .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .favourite {
        float: left;
        padding-top: 10px;
        padding-right: 5px; }
        .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .favourite a {
          display: block;
          width: 20px;
          height: 20px;
          background-image: url("/images/static/common/ss-product.png");
          background-position: 0 0;
          text-indent: -999em;
          cursor: pointer;
          overflow: hidden; }
          .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .favourite a.is-favourite {
            background-position: 0 -20px; }
      .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .offer-detail {
        float: left;
        height: 40px;
        width: 333px;
        padding: 8px 0 0 6px; }
        .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .offer-detail p {
          padding: 3px 0 0;
          margin: 0;
          line-height: 1em;
          text-align: left;
          font-size: 12px; }
          .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .offer-detail span.offer-desc {
            font-weight: bold;
            color: #C0002b;
            line-height: 14px; }
      .order-listing .order-listing-modal .order-offers-table .row .cell.product {
        width: 445px; }
      .order-listing .order-listing-modal .order-offers-table .row .cell.last {
        border-right: 0; }
      .order-listing .order-listing-modal .order-offers-table .row .cell.each {
        width: 116px;
        padding: 0 10px; }
        .order-listing .order-listing-modal .order-offers-table .row .cell.each span {
          display: block; }
        .order-listing .order-listing-modal .order-offers-table .row .cell.each del {
          display: block;
          padding-bottom: 4px; }
    .order-listing .order-listing-modal .order-offers-table .row.row-head {
      height: 40px; }
      .order-listing .order-listing-modal .order-offers-table .row.row-head .cell {
        height: 20px;
        min-height: 20px;
        text-align: center;
        color: #53565A;
        font-size: 0.8em;
        border-right: none;
        border-top: none;
		border-bottom: 1px solid #EEEEEE;}
        .order-listing .order-listing-modal .order-offers-table .row.row-head .cell.product {
          text-align: left;
          font-size: 12px;
		  font-weight: bold;
		  border-bottom: 1px solid #EEEEEE;	}
        .order-listing .order-listing-modal .order-offers-table .row.row-head .cell.last {
          background: transparent; }
    .order-listing .order-listing-modal .order-offers-table .row.row-bottom .cell {
      border-bottom: 1px solid #cdcdcd; }
    .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head {
      position: relative;
      display: block;
      padding-bottom: 8px;
      background-image: url("/images/static/common/ss-homepage.png");
      background-repeat: no-repeat;
      background-position: -424px -235px; }
      .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head .cell {
        display: block;
        position: absolute;
        height: 20px;
        min-height: 20px;
        padding-top: 6px;
        border-right: none;
        border-top: none;
		font-size: 12px;
		text-align: left;}
        .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head .cell.product {
          width: 445px;
		  font-weight: normal;
          border-bottom: 1px solid #EEEEEE; }
        .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head .cell.amount {
          left: 581px;
          width: 90px;
          border-bottom: 1px solid #EEEEEE; }
        .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head .cell.each {
          left: 445px;
          width: 136px;
          border-bottom: 1px solid #EEEEEE; }
        .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head .cell.last {
          left: 669px;
          border-bottom: 1px solid #EEEEEE; }
    .order-listing .order-listing-modal .order-offers-table .row.last .cell {
      border-bottom: 1px solid #EEEEEE; }
  .order-listing .order-listing-modal .order-listing-footer {
    position: relative; }
    .order-listing .order-listing-modal .order-listing-footer .order-amend-section {
      position: relative;
      left: 350px;
      width: 200px;
      padding: 20px 0; }
      .order-listing .order-listing-modal .order-listing-footer .order-amend-section .content-button {
        width: 70%; }
        .order-listing .order-listing-modal .order-listing-footer .order-amend-section .content-button a {
          text-decoration: none;
          color: white; }
  .order-listing .order-listing-modal .clearfix {
    clear: both; }

.touch .order-listing .order-listing-modal .order-offers-table .offers-products-table {
  margin-top: -18px;
  padding: 5px;
  width: 747px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc; }
  .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell {
    width: 91px; }
    .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.product {
      width: 439px; }
    .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.each {
      width: 115px; }
    .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.last {
      width: 79px; }

.order-listing {
  display: none; }
  .order-listing .order-listing-modal h2 {
    margin-bottom: 10px; }
  .order-listing .order-listing-modal .order-listing-header {
    padding-bottom: 22px; }
      .order-listing .order-listing-modal .order-listing-header .listing-customer-data h3 {
        margin: 12px 0 2px;
        font-size: 0.8em; }
      .order-listing .order-listing-modal .order-listing-header .listing-customer-data p {
        margin: 2px 0 10px 0; }
  .order-listing .order-listing-modal .listing-order-data {
    float: left;
    padding: 0;
    margin: 0; }
      .order-listing .order-listing-modal .listing-order-data .order-cost-details p {
        font-size: 1.2em;
        font-weight: bold;
        margin: 10px 0 0;
        width: 100%;
        text-align: center; }
        .order-listing .order-listing-modal .listing-order-data .order-cost-details p.savings {
          padding-left: 8px;
          font-size: 0.8em;
          font-weight: normal;
          position: absolute;
          bottom: 4px; }
      .order-listing .order-listing-modal .listing-order-data .order-amend-section .content-button a {
        padding: 8px 0; }
  .order-listing .order-listing-modal .order-listing-header.pending .listing-customer-data {
    width: 206px; }
  .order-listing .order-listing-modal .order-offers-table .offers-products-table {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 0px;
    width: 772px;
    border: none;
    border-top: 0; }
    .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.last {
      width: 85px; }
  .order-listing .order-listing-modal .order-offers-table .row {
    clear: both;
    height: 80px;
    margin-top: -2px; }
      .order-listing .order-listing-modal .order-offers-table .row .cell span {
        font-size: 1em;
        color: #53565A; }
      .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details img {
        float: left; }
      .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .favourite {
        float: left;
        padding-top: 10px;
        padding-right: 5px; }
        .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .favourite a {
          display: block;
          width: 20px;
          height: 20px;
          background-image: url("/images/static/common/ss-product.png");
          background-position: 0 0;
          text-indent: -999em;
          cursor: pointer;
          overflow: hidden; }
          .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .favourite a.is-favourite {
            background-position: 0 -20px; }
      .order-listing .order-listing-modal .order-offers-table .row .cell .order-offer-details .offer-detail {
        float: left;
        width: 333px;
        padding: 8px 0 0 6px; }

    .order-listing .order-listing-modal .order-offers-table .row.row-head {
      height: 40px; }
        .order-listing .order-listing-modal .order-offers-table .row.row-head .cell.last {
          background: transparent; }
    .order-listing .order-listing-modal .order-offers-table .row.row-bottom .cell {
      border-bottom: 1px solid #cdcdcd; }
    .order-listing .order-listing-modal .order-offers-table .row.fixed-row-head {
      position: relative;
      display: block;
      padding-bottom: 8px;
      background-image: url("/images/static/common/ss-homepage.png");
      background-repeat: no-repeat;
      background-position: -424px -235px; }
  .order-listing .order-listing-modal .order-listing-footer {
    position: relative; }
    .order-listing .order-listing-modal .order-listing-footer .order-amend-section {
      position: relative;
      left: 350px;
      width: 200px;
      padding: 20px 0; }
      .order-listing .order-listing-modal .order-listing-footer .order-amend-section .content-button {
        width: 70%; }
        .order-listing .order-listing-modal .order-listing-footer .order-amend-section .content-button a {
          text-decoration: none;
          color: white; }
  .order-listing .order-listing-modal .clearfix {
    clear: both; }

.touch .order-listing .order-listing-modal .order-offers-table .offers-products-table {
  margin-top: -18px;
  padding: 5px;
  width: 747px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc; }
  .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell {
    width: 91px; }
    .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.product {
      width: 439px; }
    .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.each {
      width: 115px; }
    .touch .order-listing .order-listing-modal .order-offers-table .offers-products-table .cell.last {
      width: 79px; }

.content-wrapper .previous-order-container #add_to_trolley {
  margin: -43px 13px 0 0; }
.content-wrapper .previous-order-container form.available_actions fieldset {
  
  background: none;
  padding: 10px 0 0; }
  .content-wrapper .previous-order-container form.available_actions fieldset .button {
    margin-top: 3px; }
.content-wrapper .previous-order-container form.available_actions fieldset  p.items-Count{
	}
.content-wrapper .previous-order-container .view-all-results {
  margin: 0; }
.content-wrapper .previous-order-container form#products + form fieldset {
  padding: 8px 0 0 0; }

.merchandising nav.refinement > ul > li {
 
  margin: 0px; }
.merchandising nav.refinement > ul > li:first-child{

  width:175px;
  min-height: 35px;}

.merchandising nav.refinement > ul > li.offer-type {
  background: none;
  border-bottom: 1px solid #cdcdcd; }
.merchandising nav.refinement, #favourites-page nav.refinement {
  padding: 0;
  width: 175px;
  background-color: #F9F9F9;}
#favourites-page nav.refinement {
  margin-bottom: 10px;}
  .merchandising nav.refinement h3 {
    margin: 6px 0;
	
	font-size: 14px;
	font-weight: bold;
	color:#53565A;
	
	padding-left: 12px;}
.merchandising nav.refinement .filter-section h3 {
	padding: 0;
	margin: 0;}
.merchandising .slot {
  position: relative;
  margin: 12px 0;
  border: 1px solid #cdcdcd; }
  .merchandising .slot:before, .merchandising .slot:after {
    content: " ";
    display: table; }
  .merchandising .slot:after {
    clear: both; }
  .merchandising .slot .shop-now {
    position: absolute;
    bottom: 10px;
    left: 50%; }
    .merchandising .slot .shop-now a.secondary {
      font-size: 0.8em; }
  .merchandising .slot .img-container {
    position: absolute;
    bottom: 0;
    float: left; }
    .merchandising .slot .img-container img {
      left: -1px; }
  .merchandising .slot .r-section {
    position: relative;
    float: left; }
    .merchandising .slot .r-section:before, .merchandising .slot .r-section:after {
      content: " ";
      display: table; }
    .merchandising .slot .r-section:after {
      clear: both; }
    .merchandising .slot .r-section h2 {
      margin: 15px 0 0 0;
      font-size: 1.35em; }
    .merchandising .slot .r-section h3 {
      margin: 0.4em 0 0 0;
      font-size: 1em;
      line-height: 1.1em; }
    .merchandising .slot .r-section p {
      line-height: 1.2em; }
  .merchandising .slot .shop-now-cont {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.8em; }
    .merchandising .slot .shop-now-cont a {
      margin-left: 1px; }
  .merchandising .slot.slot-836-155 {
    width: 836px;
    padding: 0;
    min-height: 153px; }
    .merchandising .slot.slot-836-155 .img-container {
      width: 450px;
      height: 153px;
      overflow: hidden; }
    .merchandising .slot.slot-836-155 .r-section {
      width: 355px;
      margin: 0 0 0 450px; }
      .merchandising .slot.slot-836-155 .r-section h2 {
        margin-top: 13px; }
      .merchandising .slot.slot-836-155 .r-section h3 {
        margin-top: 0; }
      .merchandising .slot.slot-836-155 .r-section p {
        margin-top: 1.4em; }
    .merchandising .slot.slot-836-155 .shop-now-cont {
      margin-left: 450px; }
  .merchandising .slot.slot-271-140 {
    width: 271px;
    padding: 0;
    min-height: 140px; }
    .merchandising .slot.slot-271-140 .img-container {
      width: 133px;
      height: 140px; }
    .merchandising .slot.slot-271-140 .r-section {
      width: 137px;
      margin: 0 0 0 133px; }
      .merchandising .slot.slot-271-140 .r-section h2 {
        font-size: 1.15em;
        margin: 10px 0 0 0; }
      .merchandising .slot.slot-271-140 .r-section h3 {
        font-size: 0.9em;
        min-height: 4.5em; }
    .merchandising .slot.slot-271-140 .shop-now-cont {
      margin-left: 133px; }
  .merchandising .slot.slot-200-103 {
    width: 200px;
    padding: 0;
    min-height: 6.45em; }
    .merchandising .slot.slot-200-103:before, .merchandising .slot.slot-200-103:after {
      content: " ";
      display: table; }
    .merchandising .slot.slot-200-103:after {
      clear: both; }
    .merchandising .slot.slot-200-103 .img-container {
      width: 110px;
      height: 103px; }
    .merchandising .slot.slot-200-103 .r-section {
      width: 85px;
      margin: 0 0 0 110px; }
      .merchandising .slot.slot-200-103 .r-section h2 {
        margin: 12px 0 0 0;
        font-size: 0.9em; }
      .merchandising .slot.slot-200-103 .r-section h3 {
        font-size: 0.8em;
        min-height: 3.2em;
        margin-top: 0.1em; }
    .merchandising .slot.slot-200-103 .shop-now-cont {
      margin-left: 110px; }
  .merchandising .slot.slot-265-175 {
    width: 263px;
    padding: 0;
    min-height: 173px;
    margin: 0 !important; }
    .merchandising .slot.slot-265-175:before, .merchandising .slot.slot-265-175:after {
      content: " ";
      display: table; }
    .merchandising .slot.slot-265-175:after {
      clear: both; }
    .merchandising .slot.slot-265-175 .img-container {
      width: 263px;
      height: 173px; }
    .merchandising .slot.slot-265-175 .r-section {
      width: 252px;
      margin: 0 0 0 11px; }
      .merchandising .slot.slot-265-175 .r-section h2 {
        margin: 12px 0 0 0;
        font-size: 1.2em; }
    .merchandising .slot.slot-265-175 .shop-now-cont {
      position: relative;
      margin-left: 11px;
      margin-top: 83px; }
  .merchandising .slot.slot-860-200 {
    width: 858px;
    height: 198px; }
  .merchandising .slot.slot-660-93 {
    width: 658px;
    height: 91px; }
  .merchandising .slot.slot-650-175 {
    width: 648px;
    height: 173px; }
    .merchandising .slot.slot-650-175 .shop-now {
      left: 353px; }
  .merchandising .slot.slot-650-155 {
    width: 648px;
    height: 153px; }
    .merchandising .slot.slot-650-155 .shop-now {
      left: 55%; }
  .merchandising .slot.slot-520-100 {
    width: 518px;
    height: 98px; }
  .merchandising .slot.slot-406-136 {
    width: 404px;
    height: 134px; }
  .merchandising .slot.slot-270-60 {
    width: 268px;
    height: 58px; }
  .merchandising .slot.slot-270-190 {
    width: 268px;
    height: 188px; }
  .merchandising .slot.slot-260-70 {
    width: 258px;
    height: 68px; }
  .merchandising .slot.slot-212-120 {
    width: 210px;
    height: 120px; }
    .merchandising .slot.slot-212-120 .shop-now {
      left: 97px; }
  .merchandising .slot.slot-210-122 {
    width: 208px;
    height: 120px; }
    .merchandising .slot.slot-210-122 .shop-now {
      left: 100px; }
  .merchandising .slot.slot-210-130 {
    width: 208px;
    height: 128px; }
  .merchandising .slot.slot-200-120 {
    width: 198px;
    height: 118px; }
  .merchandising .slot.slot-180-120 {
    width: 178px;
    height: 118px; }
    .merchandising .slot.slot-180-120 .shop-now {
      left: 90px; }
.merchandising .merchandising-grid h2.offers {
  position: relative;
  top: 20px;
  clear: both; }
.merchandising .merchandising-grid .products-grid {
  margin-top: 30px; }
.merchandising .merchandising-grid .merchandising-row {
  clear: left; }
  .merchandising .merchandising-grid .merchandising-row .slot {
    float: left;
    margin: 3px 0px 3px 5px; }
    .merchandising .merchandising-grid .merchandising-row .slot:first-child {
      margin-left: 0; }
  .merchandising .merchandising-grid .merchandising-row.merchandising-row-210_122 .slot {
    margin: 5px 10px 5px 0; }
.merchandising .merchandising-grid-groceries:before, .merchandising .merchandising-grid-groceries:after {
  content: " ";
  display: table; }
.merchandising .merchandising-grid-groceries:after {
  clear: both; }
.merchandising .merchandising-grid-groceries .merchandising-row {
  display: table-row; }
  .merchandising .merchandising-grid-groceries .merchandising-row:before, .merchandising .merchandising-grid-groceries .merchandising-row:after {
    content: " ";
    display: table; }
  .merchandising .merchandising-grid-groceries .merchandising-row:after {
    clear: both; }
  .merchandising .merchandising-grid-groceries .merchandising-row .slot {
    display: table-cell;
    margin: 18px 0 0 9px; }
.payment .card-details #payment-form fieldset .pay-using-existing-card {
 border-top: 0px none;
 height: 0px;
 text-align: right;	}
 .payment .card-details #payment-form fieldset  .instruction{
  border-top: 0px none;}
.trolley-substitution-link {
 position:absolute;
 bottom:0;
 margin-left:7px;
 margin-bottom: 5px;} 
.flyout-substitution-link {
 float:left; } 
.flyout .shopper #trolleyText {
	width: 280px;
    height: 55px;
    padding: 8px;
    color: #53565A;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;} 
.content-wrapper .srp2 .products-grid {
    border-top: none;

    border-left:none;}
.content-wrapper .srp2 .products-grid .m-product-cell{
    border-top:1px solid #d6d6d6;

    border-left:1px solid #d6d6d6;}

.espot-carousel-container .products-grid{
    border-left:none;}
.espot-carousel-container .products-grid .m-product-cell:first-child{

    border-left:1px solid #d6d6d6;}
@-moz-document url-prefix() { 
  input[type="radio"]:focus{
     outline:1px dotted #53565A !important;

     outline-offset:-1px !important; }
}
div.order-offer-details a{
	display: inline-block;

	float: left;}
div .extra-info a {

    display: inline-block;}
.delivery-address-registration{
	margin-left:20px;

	width:700px;}
.existingpromo{

	clear:both;}
#buybag .radio-label a{

	width:90%;}
.barcodeOverlay {
	width:405px;

	height:190px;}
.prevBtn{
	width:320px;

	margin-left:420px;}
.offer-row .offer-heading{

	width: 825px;}
.wcardp.button.submit-button{
	top: -135px;

	margin-right: 20px;}
.wcards.button.submit-button{
	float: right;
	margin-right: 97px;

	margin-top:-75px;}
.branch.l-content{

	width: 235px;}
.clearline{

	clear:both;}
.itemleft{

	float: left;}
.itemright{

	float:right;}
.close_link{

	width: 95%;}
.hideerror{

	display: none;}
.selecttrolley.active_button{

	width: 75px;}
.products-added-header{

	width: 95%;}
.space{

	width: 5%;}
.products_clicktobuy{
	width: 100%;
	height: 60px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.table_clicktobuy{
	display: table-cell;
	vertical-align: middle;
	width: 100%;

	position: static;}
.font_clicktobuy{
	color: #53565A;

	font-size: 1.1em;}
.font_clicktobuy1{
	color: #53565A;

	font-size: 12px;}
.products_clicktobuy1{
	width: 30%;
	height: 30px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.products_clicktobuy2{
	width: 70%;
	height: 30px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.products_clicktobuy3{
	width: 100%;
	height: 30px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.products_clicktobuy4{
	height: 40px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.table_clicktobuy1{
	display: table-cell;
	vertical-align: middle;
	horizontal-align: left;
	width: 100%;

	position: static;}
.products_clicktobuy5{
	width: 38%;
	height: 40px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
products_clicktobuy6{
	width: 12%;
	height: 40px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.table_clicktobuy2{
	display: table-cell;
	vertical-align: middle;
	horizontal-align: right;
	width: 100%;

	position: static;}
#waitrose_click_to_buy_list_detail{

	width:100%;}
.clicktobuylistouter{
	width: 25%;
	height: 30px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist1outer{
	width: 65%;
	height: 30px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylistselect{
	color: #53565A;
	font-size: 12px;

	vertical-align: middle;}
.clicktobuylist2outer{
	width: 25%;
	height: 60px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist3outer{
	width: 5%;
	height: 60px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist4outer{
	width: 10%;
	height: 60px;
	float: left;

	vertical-align: middle;}
.clicktobuylist5outer{
	width: 33%;
	height: 60px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.linenumbererror{
	color: #53565A;
	font-size: 12px;

	text-decoration: none;}
.clicktobuylist6outer{
	width: 27%;
	height: 60px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist7outer{
	width: 100%;
	height: 20px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist8outer{
	width: 18%;
	height: 20px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuy_price{
	color: #53565A;
	font-size: 12px;
	font-weight: bold;

	text-align: right;}
.clicktobuylist9outer{
	width: 72%;
	height: 20px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuy_unitprice{
	color: #53565A;
	font-size: 0.688em;

	text-align: left;}
.clicktobuylist10outer{
	width: 64%;
	height: 20px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist11outer{
	width: 23%;
	height: 20px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
#productTotal{
	color: #53565A;
	font-size: 1em;
	font-weight: bold;

	text-align: right;}
.clicktobuylist12outer{
	width: 13%;
	height: 20px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist13outer{
	width: 72%;
	height: 40px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.clicktobuylist14outer{
	width: 18%;
	height: 40px;
	float: left;
	overflow: hidden;
	display: table;

	position: static;}
.catalogfontname{

	font-family: Arial; font-weight: bold; text-decoration: none;}
.catalogfontstyle{

	color: #53565A; font-size: 12px;}
.qty_plus{

	outline-width: 0.05em;}
.qty_minus{

	outline-width: 0.05em;}
.recipe_clicktobuy{

	width: 70%;}
.recipespace{

	width: 3%;	}
.myaccountlogin_head{

	margin-top: 0.875em;}
.account-title {

    padding: 0 20px 17px;}
.my-account.account-landing .account-title h1{
margin-top: 7px;}
.content-wrapper div.my-account.my-payment-details {
margin-top: -12px;}
.button.content-button.find-address {
    float: none;
	margin-top: -5px;
	margin-left: 145px;
	}	
.enter-new-billing-address .button.content-button.find-address {
margin-top:0;}
.register-find-address.option-find-address.secondary.tool-trigger.secondary-find-address {
  position: relative;
  background-image: none;
  top: -2px;
  font-size: 18px; }

.donotknow-postcode{
	margin-top: -5px;
    padding-left: 73px;
    width: 700px;
    color: #53565A;
	}
	.donotknow-postcode a{
		font-size: 11px;
    	color: #53565A;
	}
   #loginformDisplay{
   		margin-top:-15px;
   		width: 440px;
   	}
.login-overlay-heading{
	font-size:26px;
	line-height:26px;
	margin-left:150px;
	margin-top:40px;
	width: 300px;
}   #loginFrame{
	overflow: hidden;
	} 
.login-overlay-field{
	border:none;
	margin-left:120px;
	font-size:13px;
	line-height:13px;
}
.login-overlay-email {
	min-width : 300px;
	background : #E0E0E0;
}.login-overlay-pwd{
	min-width : 300px;
	}
.login-overlay{
	font-family: Waitrose;
	max-width: 700px;
	min-height: 50%;
	height: 50px;
}
#login-via-overlay{
    width: 100px;
    margin-left: 250px;
    margin-top: 0px; position: relative;
}   html.login-overlay-main{
	margin-top: 0px;
	height: 10px;
}
.login-overlay-sumbit{
	margin-top: 0px; position: relative;
	background:none!important;
     border:none; 
     padding:0!important;
     cursor: pointer;
     font: 18px/16px WaitroseBold;
     width: 100px;
     color: white;
     height: 30px;
}
