﻿#content-panel
{
	margin-top: 10px;
	/*overflow: hidden;*/
}

#content-panel .paging-container
{
	padding-top: 0px;
}

#content-panel .bottom-paging .paging-container
{
	padding-top: 10px;
}

#content-panel .contact-us-iframe
{
    width: 552px;
    height: 1200px; 
}

#middle-panel, #right-panel
{
	margin-top: 0;
}

#middle-panel
{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	width: 690px;
}

#middle-panel #breadcrumb-panel
{
    margin-left: 0px;
}

#right-panel
{
	float: right;
	margin-right: 15px;
	width: 174px;
}

#shop-info-panel
{
    margin-right: 15px;
    position: absolute;
    right: 21px;
    top: 21px;
}

.header-panel-container {
    position: relative;
}

a#back-to-top {
    display: block;
    display: none;
}
#back-to-top
{
	clear: both;
	cursor: pointer;
	margin-top: 15px;
    font-size: 7px;
    height: 11px;
}
img#back-to-top {
   	margin-top: 0; 
}

.hidden-for-screen-reader
{
    position: absolute;		
	left: -9999px;
}

/****************************************************************
***************** GENERAL PRODUCT STAMP STYLES ******************
*****************************************************************/

#product-list
{
	overflow: hidden;
}

#product-list .error-message
{
	margin-top: 20px;
}

.product-stamp .one-card-points, #product-details .one-card-points
{
	float: right;
	margin-top: 2px;
	margin-right: 0;
	padding-right: 36px;
	padding-left: 1px;
	width: 20px; /*width of the text area, does not include padding */
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	height: 13px;
	background: transparent url('../Images/ProductStamp/bg-points.png') no-repeat left top;
}
.product-stamp img.product-stamp-icon
{
    float:left;
    margin: 5px 4px 4px 0;
}
.product-stamp .unavailable
{
	float: right;
}

.product-stamp .discontinued
{
	float: right;
}

.product-stamp .special-container
{
	height: 15px;
	overflow: hidden;
	white-space: nowrap;
}

.favourite-product-stamp .special-container
{
	width: 385px;
	padding-top:2px;
}

.favourite-product-stamp .no-image .special-container
{
	width: 455px;
}

.favourite-product-stamp .replaced-product-container
{
	width: 385px;
}

.favourite-product-stamp .no-image .details-container
{
	width: 452px;
}

.favourite-product-stamp .details-container
{
	margin-right: 15px;
	width:382px;
}

.favourite-product-stamp .replaced-product-container span
{
	color:#999999;
}

.favourite-product-stamp .no-image .replaced-product-container
{
	width: 448px;
}

.product-stamp .limit-container
{
	float:left;
	font-size:10px;
	margin-top: 9px;
	line-height:14px;
    height:12px;
	margin-top:5px;
    vertical-align: baseline;
}

.favourite-product-stamp .limit-container
{
	margin-top: 6px;
	height:14px;
}


.product-stamp .special-container 
{
    height: 20px;
    line-height: 16px;
    width: 185px;
    float:left;
    margin-right:5px;
}
.favourite-product-stamp.product-stamp .special-container, .product-stamp-list .special-container
{
    width: 578px;
}
 .product-stamp-list .no-image .special-container
{
    width: 648px;
}
.product-stamp .info-icon
{
    float:left;
}
.favourite-product-stamp.product-stamp .info-icon
{
   padding-top:5px;
}
.product-stamp .special-container-tag
{
	float: left;
	font-size: 10px;
	height: 21px;
	line-height: 14px;
	margin-right: 3px;
}

.product-stamp-list .price-container {
    text-align: right;
}

.product-stamp .special-container-tag a:hover
{
    text-decoration: underline;
}
.product-stamp .price-container .was-price, 
#product-details .price-container .was-price, 
#recipe-details .was-price
{
	font-size: 10px;
	height:11px;
}
.product-stamp-grid .price-container .was-price
{
    display: inline-block;
    margin-top: 5px;
    width: 100px;
    margin-right: 5px;
    float: left;
}

.product-stamp .price-container .price, 
#product-details .price-container .price
{
	font-size: 18px !important;
	display: inline-block;
	font-family: "DINWebPro-Medium";
}
.product-stamp .price-container .price
{
}
.product-stamp-list .price-container .price
{
   	display: inline; 
}
.product-stamp.favourite-product-stamp .price-container .price
{
    display:inline;
    margin-left:5px;
    line-height: 18px;
    padding-top:5px;
    float:right;
    margin-left: 2px;
}
.favourite-product-stamp .cup-price
{
	font-size: 10px;
    float: right;
}

.product-stamp-footer .cup-price 
{
    font-size: 10px;
}

.product-stamp-footer .was-price
{
    width: 60px;
}

.favourite-product-stamp .product-price
{
    display: inline;
    float: left;
    width: 137px;
    font-family: "DINWebPro-Medium";
    text-align: right;
    margin-left: 2px;
}

.favourite-product-stamp .was-price
{
    max-width: 62px;
    float: right;
    text-align:left;
    padding-right: 5px;
    padding-top:7px;
}

.favourite-product-stamp .price-container .cup-price
{
    padding-top:6px !important;
    width: 50px !important;
    float: right;
}

#product-details .price-container .cup-price,
.product-stamp .price-container .cup-price
{
	padding-top:3px;
	font-size: 10px;
    height: 9px;
    width: 95px;
    float: right;
}

.product-stamp-footer .cup-price,
.favourite-product-stamp .cup-price
{
    width: 65px;
    padding-top:2px;
}
.product-stamp-footer .cup-price
{
    width: 65px;
    padding-top:4px;
}
#product-details .price-container .cup-price 
{
    line-height: 10px;
}


.product-stamp .price-container .special-price, 
#product-details .price-container .special-price, #recipe-details .special-price
{
	color: #E2001A;
}

.product-stamp-grid .add-to-trolley-container, 
#product-details .add-to-trolley-container
{
	font-size: 11px;
	clear: both;
	height: 25px;
}

.product-stamp .add-to-trolley-container form, 
#product-details .add-to-trolley-container form
{
	font-size: 11px;
}

.product-stamp .add-to-trolley-container input, 
#product-details .add-to-trolley-container input
{
	font-size: 11px;
	vertical-align: middle;
}


.product-stamp .add-to-trolley-container .quantity-input, 
#product-details .add-to-trolley-container .quantity-input, #recipe-details .quantity-input
{
	width: 25px;
	text-align: right;
}

.product-stamp .details-link
{
	font-size: 11px;
	text-decoration: underline;
	color: #00501F;
}

.product-stamp .details-container
{
	overflow: hidden;
}

.product-stamp .add-to-trolley-container .add-to-trolly-button, #product-details .add-to-trolley-container .add-to-trolly-button,
#favourites-container .favourite-product-stamp .product-stamp-body .add-to-trolley-container .add-to-trolly-button span
{
    display: inline-block;
    color: #39474F;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}



.product-stamp .details-container .volume-size, .volume-size
{
	font-weight: normal;
	/*margin-left: 3px;*/
}

.product-stamp-grid .details-container h3
{
   background:none;
   line-height:1;
   padding-left:0px;
}
.product-stamp-grid .details-container h3 a
{
    text-decoration:none;
    padding-right: 0px;
    float:none;
}

.product-stamp-grid .details-container h3 p
{
    padding-bottom:0;    
    float:right;
	width:86px;
}

.quick-list-stamp-container .details-container h3 p
{
    padding-bottom:0;    
    float:right;
	width:86px;
}
.product-stamp .description
{
	font-weight: bold;
	color: #39474F;
	font-size: 12px;
	width: 95px;
	height:52px;
    line-height: 13px;
}
.product-stamp .description.no-image {
    float: none;
    width: 202px;
    height: 45px;
    display: block;
}
.product-stamp .add-to-trolley-container .in-trolley
{
	background:url(../Images/ProductStamp/bg-in-trolley.png) no-repeat;
	width:204px;
	height: 25px;
	padding: 3px 7px;
}


.favourite-product-stamp .add-to-trolley-container .in-trolley
{
	background:url(../Images/ProductStamp/bg-in-trolley.png) no-repeat;
	width:190px;
	height: 25px;
	padding: 3px 7px;
    float: right;
}

.product-stamp .add-to-trolley-container .in-trolley span
{
	line-height: 20px;
	font-size: 12px;
	float:left;
}


.product-stamp .add-to-trolley-container .in-trolley input
{
	vertical-align: middle;
}

.add-to-trolley-container .in-trolley .trolley-remove-button,
.product-stamp .add-to-trolley-container .in-trolley form.delete-form
{
	float: left;
	line-height: 0px;
	margin:2px 5px 0 0;
}

.product-stamp .add-to-trolley-container .in-trolley form.increment-form, .product-stamp .add-to-trolley-container .in-trolley form.decrement-form
{
	float: left;
	margin-left: 4px;
	line-height: 0px;
}


.product-stamp .add-to-trolley-container .in-trolley .increment-decrement-form
{
    float: right;
    margin:2px 10px 0 0;
}

.favourite-product-stamp .add-to-trolley-container .in-trolley .increment-decrement-form
{
    float: right;
    margin:2px 0 0 0;
}

.product-stamp .quantity-input-container
{
	margin:0 10px 0 30px;
	float: left;
}



/****************************************************************
********************* PRODUCT STAMP CLUB PRICE ******************
*****************************************************************/

.product-stamp-grid .club-price-container span.club-price-description
{
    width:30px;
    height:20px;
    color: #6c278c;
    font-size:9px;
    font-weight:bold;
    float:right;
    margin-top:-1px;
    padding-left: 3px;
    padding-top: 3px;
}

.product-stamp .price-container .club-price, 
.product-stamp .club-price-container .club-price, 
#product-details .club-price-container .club-price, #recipe-details .club-price
{
	color: #6c278c;
	font-family: "DINWebPro-Medium";
}

#trolley-container .club-discounted-total
{
    color: #6c278c;
    font-weight: bold;
}

.favourite-product-stamp .club-price-container .club-price
{
    display: inline-block;
    float: left;
    width:145px;
    margin-left: 5px;
    font-size: 16px;
    font-family: "DINWebPro-Medium";
}

/******************product-stamp-grid******************/

.product-stamp-grid .price-container .was-price
{
    margin-top:10px;
}
.product-stamp .price-container .price,
.product-stamp .price-container .special-price
{
    margin-top:2px;
}

.product-stamp-grid .club-price-container .exlusive-club-price
{
    display:none;
}

.product-stamp-grid .club-price-container .non-club-price
{
    font-size:10px;
    display: inline-block;
    margin-top: 1px;
    margin-right: 33px;
    float: left;
    width:70px;
}

.product-stamp-grid .club-price-container .club-price .club-price-wrapper
{
    width:64px;
    height:20px;
    float:left;
    font-size:18px;
    padding-right:2px;
    text-align:left;
    color: #6c278c;
    padding-top: 3px;
}

.product-stamp-grid .club-price-container .cup-price {

    font-size: 10px;
    height: 9px;
    width: 95px;
    float: right;
    text-align:left;
}

.product-stamp-grid .product-stamp-club-top
{
	background: #FFFFFF url('../Images/ProductStamp/bg-stamp-club-top.png') no-repeat left top;
	overflow: hidden;
	height: 5px;
}

.product-stamp-grid .product-stamp-club-middle
{
	background: transparent url('../Images/ProductStamp/bg-stamp-club-middle.png') repeat-y left top;
	padding: 0px 7px 0px 7px;
	width:206px;
	height:180px;
	overflow: hidden;
}

.product-stamp-grid .product-stamp-club-bottom
{
	background: transparent url('../Images/ProductStamp/bg-stamp-club-bottom.png') no-repeat left top;
	overflow: hidden;
	height: 5px;
}


/******************product-details******************/

#product-details .club-price-container 
{
    width: 140px;
    float:left;
    margin-top: -12px;
    padding-top: 1px;
}

#product-details .club-price-container .cup-price 
{
    clear: left;
    float: right;
    width: 100%;
    display: inline-block;
    text-align:right;
    font-size:10px;
    padding-top: 3px;
}

#product-details .club-price-container .club-price
{
    display: inline-block;
    float: right;    
    font-size:18px;
    text-align:right;
    padding-top: 9px;
    width:50%;
}

#product-details .club-price-container .exlusive-club-price
{    
    display:none;
}

#product-details .club-price-container .non-club-price
{
    display: inline-block;
    float: left;
    width:67px;
    line-height:10px;
    font-size:10px;
    text-align:left;
    padding-top:13px;
    font-weight:bold;
}

#product-details .club-price-container .club-price-description
{
    width:100%;
    color: #6c278c;
    font-size:10px;
    font-weight:bold;
    float:left;
    font-size:10px;
    text-align:right;
    font-family: "DINWebPro-Medium";
    max-width: 70px;
    text-align:right;
    line-height:10px;
    margin-top:-2px;
    padding-right:2px;
}

#product-details .club-price-container .club-price-wrapper
{
    width:100%;
    font-family: "DINWebPro-Medium";
    font-size: 18px;   
    float:right;
    color: #6c278c;
}

/******************favourite-list******************/

.favourite-product-stamp .product-stamp-club-top
{
	background: #FFFFFF url('../Images/ProductStamp/bg-stamp-club-top.png') no-repeat left top;
	overflow: hidden;
	height: 5px;
}

.favourite-product-stamp .product-stamp-club-middle
{
	background: transparent url('../Images/ProductStamp/bg-stamp-club-middle.png') repeat-y left top;
	padding: 0px 7px 0px 7px;
	width:206px;
	height:180px;
	overflow: hidden;
}

.favourite-product-stamp .product-stamp-club-bottom
{
	background: transparent url('../Images/ProductStamp/bg-stamp-club-bottom.png') no-repeat left top;
	overflow: hidden;
	height: 5px;
}

.favourite-product-stamp .limit-container
{
    float:left;
    margin-top:0px !important;
    padding-left:10px;
}

.favourite-product-stamp .price-container .non-club-price
{
    width:100px;
    display: inline-block;
    margin-top:8px;
    float:left;
    padding-right:5px;
}

.favourite-product-stamp .club-price-container .non-club-price-space
{
    width:112px;
    float:left;
    display: inline-block;
    margin-top:8px;
}

.favourite-product-stamp .club-price-container .non-club-price
{
    display: inline-block;
    max-width:65px;
    font-size:9px;
    line-height:9px;
    margin-top:8px;
    float:left;
    text-align:left;
    padding-bottom:2px;
}


.favourite-product-stamp .club-price-container .exlusive-club-price
{
    display:none;
}

.favourite-product-stamp .club-price-container .club-price-wrapper
{
    font-family: "DINWebPro-Medium";
    font-size: 18px;   
    float:right;
    color: #6c278c;
    margin-left: -27px;
    margin-top:0px;
}

.favourite-product-stamp .club-price-container .club-price,
.favourite-product-stamp .price-container .product-price
{
    display: inline;
    float: left;
    width: 137px;
    font-family: "DINWebPro-Medium";
    text-align:right;
    margin-left: 2px;
}

.favourite-product-stamp .price-container .special-price
{
    width:65px;
}

.favourite-product-stamp .club-price-container .club-price
{
    max-width: 65px;
    width:auto;
}

.favourite-product-stamp .club-price-container .club-price-description
{   
    width: 100%;
    color: #6c278c;
    font-weight: bold;
    float: left;
    font-size: 10px;
    text-align: right;
    font-family: "DINWebPro-Medium";
    line-height: 10px;
    margin-top: 0px;
    margin-bottom: -3px;
}

#favourites-container .club-price-container .price-container-clear {
    display:none;
}

#favourites-container .price-container .price-container-clear {
   display:none;
}

#favourites-container .price-container .cup-price {
   float: left;
   padding-left:5px;
}

#favourites-container .club-price-container .cup-price {
    padding-top: 0px !important;
    font-size: 10px;
    height: 9px;
    float: left;
    margin-top:9px;
    width:50px;
    padding-left:5px;
}

.favourite-product-stamp .club-price-container .cup-price 
{
   width: 75px; 
}
.favourite-product-stamp .limit-container
{
    float:left;
    margin-top:0px !important;
    padding-left:10px;
}


/******************product-stamp-list*****************/


.product-stamp-list .limit-container
{
    float:left;
    margin-top:0px !important;
    padding-left:10px;
}

.product-stamp-list .club-price-container .non-club-price
{
    display: inline-block;
    /*float: left;*/
    width:120px;
    width: 65px;
    font-size:10px;
    line-height:10px;
    margin-top:8px;
    margin-top:0px;
    text-align:left;
}

.product-stamp-list .product-stamp-body .club-price-container
{
    float: left;
    padding-left: 3px;
    width: 50%;
    text-align: right;
}

.product-stamp-list .price-container {
text-align: right;
}

.product-stamp-list .product-stamp-club-top
{
	background:  transparent url('../Images/ProductStamp/bg-club-wide-frame-top.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.product-stamp-list .product-stamp-club-middle
{
	padding: 0px 3px 0px 5px;
	height: 75px;
	overflow: hidden;
    background: transparent url('../Images/ProductStamp/bg-club-wide-frame-middle.png') repeat-y left top;
}
.product-stamp-list .product-stamp-club-bottom
{
    background:transparent url('../Images/ProductStamp/bg-club-wide-frame-bottom.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.product-stamp-list .product-stamp-club-middle h3
{
    background:none;
    padding-left:0px;
    line-height:1;
}

.product-stamp-list .product-stamp-club-middle h3 a
{
    float:none;
    text-decoration:none;
    padding-right:0px;
}

.product-stamp-list .club-price-container .exlusive-club-price
{
    color: #6c278c;
    font-size:10px;
    font-weight:bold;
    float:right;
    max-width: 62px;
    text-align:right;
    line-height:10px;
    font-family: "DINWebPro-Medium";
    padding-right:5px;
    display:none;
}

.product-stamp-list .club-price-container .club-price .club-price-wrapper
{
    font-family: "DINWebPro-Medium";
    font-size: 18px;   
    float:right;
    color: #6c278c;
}

.product-stamp-list .club-price-container .club-price
{
    width:182px;
    width:25%;
    float:right;
}

.product-stamp-list .club-price-container .exlusive-club-price
{
    padding-right: 2px;
}

.product-stamp-list .club-price-container .club-price
{
    display: inline;
    /*float: left;
    width: 137px;*/
    font-family: "DINWebPro-Medium";
    text-align:right;
    margin-left: 2px;
}

.product-stamp-list .club-price-container .club-price-description
{   
    width: 100%;
    color: #6c278c;
    font-weight: bold;
    float: left;
    font-size: 10px;
    text-align: right;
    font-family: "DINWebPro-Medium";
    /*max-width: 70px;*/
    line-height: 10px;
    margin-top: -4px;
    padding-left: 3px;
    margin-bottom: -3px;
}

.product-stamp-list .product-stamp-body .product-stamp-footer span.cup-price
{
    padding-top: 0px !important;
    font-size: 10px;
    height: 10px;
    line-height:10px;
    width: 65px;
    float: right;
    margin-top:10px;
}

.product-stamp-list .price-container .was-price
{
    text-align: left;
    width: 65px;
    float: left;
    padding-left: 158px;
    padding-top:4px;
}

.product-stamp-list .price-container .special-price
{
    width:75px;
    float:right;
}

/******************trolley-panel*****************/
#trolley-panel .trolley-item h4 a, #trolley-panel .trolley-item h4 span.club-text
{
	font-size: 11px;
	font-weight: bold;
}

#trolley-panel .club-text
{
	color: #6c278c;
}

#trolley-container .product-stamp-list .special-container 
{
    width: 560px !important;
}

#trolley-container .product-stamp .one-card-points {
    float: right;
    margin-top: 2px;
    margin-right: 0;
    padding-right: 36px;
}

#trolley-container .was-price
{
    text-align: left;
    width: auto;
    float: left;
    padding-left: 0px;
    padding-right:10px;

}
#trolley-container  .limit-container span
{
    padding-top:4px;
    float: left;
}

#trolley-container .cup-price 
{
    margin-top:10px;
    width: auto;
    float:left;
    margin-left: 0px;
}

#trolley-container .special-price
{
    width:auto;
    float:left;
}

#trolley-container .product-stamp .price-container .price
{
    float:left;
}
#trolley-container .non-club-price
{
    text-align:right;
}

/******************recipe-details*****************/
#recipe-details .club-price
{
    width:50px;
    float:left;
    color: #6c278c;
    font-weight:bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top:5px;
}

#recipe-details .club-price .club-price-description
{
    float:left;
    padding-top:2px;
    font-size: 10px;
    color: #6c278c;
}

#recipe-details .was-price
{
    width:90px;
    float:right;
    font-size: 10px;
    height: 11px;
    padding-top:2px;
}

#recipe-details .non-club-price
{
    float:left;
    margin-top:5px;
}

#recipe-details .non-club-price-description
{
    width:90px;
    padding-top:3px;
    float:left;
}

/****************************************************************
*************** GRID STYLE PRODUCT STAMP STYLES *****************
*****************************************************************/
.product-stamp-grid
{
	float: left;
	width: 220px;
	margin: 5px 0px;
}

.dynamic-content-item .product-stamp-grid, .manage-dynamic-content-item .product-stamp-grid
{
    margin: 5px;
}

.carousel .dynamic-content-item .product-stamp-grid
{
    margin-top: 0;
}

.product-stamp-grid.col-0, .product-stamp-grid.col-1
{
	margin-right: 15px;
}


.product-stamp-grid .product-stamp-top
{
	background: #FFFFFF url('../Images/ProductStamp/bg-stamp-top.png') no-repeat left top;
	overflow: hidden;
	height: 5px;
}

.product-stamp-grid .product-stamp-middle
{
	background: transparent url('../Images/ProductStamp/bg-stamp-middle.png') repeat-y left top;
	padding: 0px 7px 0px 7px;
	width:206px;
	height:180px;
	overflow: hidden;
}

.product-stamp-grid .product-stamp-bottom
{
	background: transparent url('../Images/ProductStamp/bg-stamp-bottom.png') no-repeat left top;
	overflow: hidden;
	height: 5px;
}

.product-stamp-grid .details-container
{
	width:202px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
    position: relative;
}


.product-stamp-grid .details-container .product-image
{
	float: left;
	margin-right: 5px;
	width: 100px;
	margin-top: -2px;
}


.product-stamp-grid .price-container
{
	margin: 0;
	width:202px;
	float:left;
}

.product-stamp-grid .limit-container
{
    height: 12px;
    line-height: 12px;
    bottom: -3px;
    left: 2px;
    position: absolute;
}

.product-stamp-grid .add-to-trolley-container
{
	width: 204px;
	margin-top:3px;
	height: 25px;
	line-height: 25px;
}


/* styels to handle the resizing when the no image option is selected */
.product-stamp-grid .no-image .details-container
{
	padding: 2px;
}

.product-stamp-grid .no-image 
{
	height: 124px;
}


/****************************************************************
*************** LIST STYLE PRODUCT STAMP STYLES *****************
*****************************************************************/
.product-stamp-list
{
	width: 690px;
	height: 85px;
	margin: 5px 0px;
	float: left;
	clear: left;
}

.product-stamp-list .product-image
{
	float: left;
	margin: 5px 0 5px 5px;
}


.product-stamp-list .product-stamp-top
{
	background:  transparent url('../Images/Shared/bg-green-wide-frame-top.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.product-stamp-list .product-stamp-middle
{
	padding: 0px 3px 0px 5px;
	height: 75px;
	overflow: hidden;
    background: transparent url('../Images/Shared/bg-green-wide-frame-middle.png') repeat-y left top;
}
.product-stamp-list .product-stamp-bottom
{
    background:transparent url('../Images/Shared/bg-green-wide-frame-bottom.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.product-stamp-list .product-stamp-body
{
	float: left;
	width: 600px;
	height: 75px;
	margin-left: 5px;
}

.product-stamp-list .no-image
{
	width:670px;
}

.product-stamp-list .product-stamp-body .product-stamp-footer
{
	padding-top: 4px;
	line-height: 22px;
	overflow: hidden;
}

.product-stamp-list .product-stamp-body .details-container
{
	height: 20px;
	padding-bottom: 3px;
}
.product-stamp-list .product-stamp-body .details-container .description,
#favourites-container .favourite-product-stamp .product-stamp-body .details-container .description
{
    float: left;
    width: auto;
}
#favourites-container .favourite-product-stamp .product-stamp-body .product-stamp-footer .limit-container span
{
    margin-left: 7px;
}
#favourites-container .favourite-product-stamp .product-stamp-body .product-stamp-footer .limit-container {
    width: 43px;
}

.product-stamp-body .item-unavailable
{
    color: #CCCCCC;
}

.product-stamp-list .product-stamp-middle h3
{
    background:none;
    padding-left:0px;
    line-height:1;
}

.product-stamp-list .product-stamp-middle h3 a
{
    float:none;
    text-decoration:none;
    padding-right:0px;
}

.product-stamp-list .product-stamp-body .details-link
{
	float: left;
}

.product-stamp-list .product-stamp-body .price-container
{
	float: left;
	padding-left:3px;
	width:50%;
}
.product-stamp-list .product-stamp-body .add-to-trolley-container
{
	float: right;
	width: 205px;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
}
.product-stamp-list .product-stamp-body .product-stamp-footer span.cup-price
{
    margin-left: 7px;    
}


.product-stamp-footer span.unavailable
{
	background: transparent url(../Images/ProductStamp/icon-unavailable.png) no-repeat left 50%;
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	padding-left: 18px;
	vertical-align: middle;
	float:left;
}


/****************************************************************
*************** FAVOURITES PRODUCT STAMP STYLES *****************
*****************************************************************/

#favourites-container .favourites-info
{
	margin-bottom: 10px;
}

#favourites-container .favourite-product-stamp
{
	overflow: hidden;
	width: 685px;
	height: 78px;
	padding:5px 0;
}

#favourites-container .favourite-product-stamp.favourite-product-stamp-bottom-border
{
	border-bottom: 1px solid #E5E5E5;
}

#favourites-container .favourite-product-stamp .product-image
{
	float: left;
	margin: 5px 0 5px 5px;
}


#favourites-container .favourite-product-stamp .product-stamp-body
{
	float: left;
	width: 605px;
	height: 78px;
	margin-left: 5px;
}

#favourites-container .favourite-product-stamp h3
{
    background:none;
    padding-left:0px;
    line-height:1;
}

#favourites-container .favourite-product-stamp h3 a
{
    float:none;
    text-decoration:none;
    padding-right:0px;
}

#favourites-container .favourite-product-stamp-superseded
{
	height: 93px !important;
}

#favourites-container .favourite-product-stamp-superseded .product-stamp-body
{
	height: 93px !important;
}

#favourites-container .favourite-product-stamp .no-image
{
	width: 532px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .product-stamp-footer
{
	padding-top: 0; 
	height: 30px;
	line-height: 24px;
	overflow: hidden;
}

#favourites-container .favourite-product-stamp .product-stamp-body .details-container
{
	height: 20px;
	border-bottom: none;
	padding-bottom: 3px;
}

#favourites-container .favourite-product-stamp-superseded .product-stamp-body .details-container
{
	height: 35px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .replaced-product-container
{
	padding-top:3px;
	height:15px;
	font-size:11px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .replaced-product-container .replaces-title
{
	color:Red; 
	font-size:11px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .details-link
{
	float: left;
}

/*
#favourites-container .favourite-product-stamp .product-stamp-body .price-container
{
	float: left;
	text-align: right;
    width: 333px;
}*/

#favourites-container .favourite-product-stamp .product-stamp-body .check-item-container
{
	float: right;
	width: 25px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .check-item-container input
{
	float: right;
}


#favourites-container .favourite-product-stamp .product-stamp-body .add-to-trolley-container
{
	float: right;
	/*width: 223px;*/
	height: 25px;
	line-height: 0px;
	text-align: right;
}

#favourites-container .favourite-product-stamp .product-stamp-body .add-to-trolley-container img
{
	vertical-align: middle;
}

#favourites-container .favourite-product-stamp .product-stamp-body .add-to-trolley-container .textbox-error
{
	border:2px solid red;
}

#favourites-container .favourite-product-stamp .product-stamp-body .add-to-trolly-link
{
    display: inline-block;
	margin-left: 10px;
    float: right;
}

#favourites-container .favourite-product-stamp .product-stamp-body .delete-container
{
	float: left;
	padding-top:7px;
    width: 42px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .delete-container .SmallRedButton
{
    width: 30px;
    line-height: 8px;
    margin-top: 7px;
}

#favourites-container .favourite-product-stamp .product-stamp-body .delete-container img
{
	padding:0;
	margin:0;
}

/****************************************************************
************************ MY SAVED LIST *************************
*****************************************************************/
#favourites-container H2 
{
    font-size: 15px;
}

#favourites-container .cancel-order-buttons
{
    margin: 0 5px 15px 5px;   
    float:left;
}

#favourites-container .alter-order-buttons
{
    margin: 0 5px 15px 5px;   
    float:left;
    display: inline-block;
}
#favourites-container .alter-order-buttons a
{
    display: inline-block;
}
#favourites-container .alter-order-buttons a .DarkGreenButton-center, #favourites-container .cancel-order-buttons a .DarkGreenButton-center
{
    padding-top: 0;
} 
#favourites-container .alter-order-buttons a .DarkGreenButton-center span, #favourites-container .cancel-order-buttons a .DarkGreenButton-center span
{
    margin-top: 0;
} 

#favourites-container .alter-order-buttons img
{
    margin-right: 5px;
}

#favourites-container .favourite-options-container
{
	position: relative;
}

#favourites-container .favourite-sort-options
{
	margin-bottom: 10px;
}

#favourites-container .items
{
	margin: 3px 0 3px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#favourites-container .button-row
{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

#favourites-container .button-row input
{
	float: left;
}

#favourites-container .buttons,
#smart-trolley-container .buttons
{
	float:left;
	overflow:hidden;
	width:600px;
}

#favourites-container .buttons .add-to-trolley,
#smart-trolley-container .buttons .add-to-trolley
{
	float:right;
	margin-top: 5px;
	width: 170px;
}
#favourites-container .buttons .add-to-trolley input
{
    text-align: left;
    padding-left: 2px;
}

#favourites-container .buttons .save-updated-list
{
	margin-left: 3px;
	margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    padding: 0 5px;
}

#favourites-container .buttons .save-as-new-list-button
{
	margin-top:5px;
    display: inline-block;
    padding: 0;
}

#favourites-container .button-row .left-margin
{
	margin-left: 3px;
}

#favourites-container .button-row label
{
	float: left;
	margin-right: 1px;
}

#favourites-container .button-row .check-all input
{
	float: left;
	line-height: 30px;
	display: inline;
	vertical-align: middle;
	margin-top: 8px;
	margin-top: 5px \9; /* ie 6,7,8 specific hack */
}

#favourites-container .check-all
{
	float: right;
	margin-right: 5px;
	font-size: 10px;
}

#favourites-container h1
{

	float:none;	
}

.favourite-icon-key-container
{
	vertical-align:middle;
	margin-top:10px;
}

.favourite-icon-key-container .key-item
{
	float:left;
	padding:5px;
	padding-right:20px;

}

.favourite-icon-key-container .key-item label
{
	font-size:11px;
	vertical-align:middle;
}

.favourite-icon-key-container .key-item img
{
	vertical-align:middle;
}

.past-orders h2, .past-orders h1
{	
	float: left;
	line-height: 23px;
	margin-right: 10px;
}


/****************************************************************
************************ SAVE AS NEW LIST ***********************
*****************************************************************/

.save-as-new-list
{
	margin-top:10px;
}

.save-as-new-list h3
{
	margin-bottom:10px;
}


.save-as-new-list .error-container
{
	clear:both;
	padding-top:10px;
}

.save-as-new-list .enter-list-name-view
{
	margin:0 5px 10px 5px;
	overflow:hidden;
}

.save-as-new-list .enter-list-name-view .list-name-textbox
{
	float:left;
	margin-top:2px;
	width:350px;
}

.save-as-new-list .enter-list-name-view .save-button
{
	float:right;
	width: 110px;
}

.save-as-new-list .duplicate-list-view
{
	margin:0 5px 10px 5px;
	overflow:hidden;
}

.save-as-new-list .duplicate-list-view .overwrite-button
{
	float:right;
    width: 100px;
}

.save-as-new-list .duplicate-list-view .cancel-button
{
	float:left;
	width: 100px;
}

.save-as-new-list .duplicate-list-view .duplicate-message
{
	padding-bottom:10px;
}

/****************************************************************
************************ MY SAVED LISTS *************************
*****************************************************************/
.my-saved-lists-header
{
	margin-top: 15px;
	margin-bottom: 10px;
}

.my-saved-lists-listitem
{
	overflow: hidden;
	vertical-align: middle;
}

.my-saved-lists-listitem .name
{
	width: 450px;
}

.my-saved-lists-listitem .name a
{
	margin-left: 10px;
	text-decoration: underline;
}

.my-saved-lists-listitem .delete
{
	width: 92px;
}
.my-saved-lists-listitem .delete a span.action-button span
{
    font-size: 8px;
}
.my-saved-lists-listitem .add-to-trolley
{
	width: 137px; /* includes 10px margin to the right as content is aligned left */
}

.my-saved-lists-listitem .bottom-border
{
	border-bottom: 1px solid #E5E5E5;
}

.my-saved-lists-container .my-saved-lists-table td
{
	height: 42px;
}



/****************************************************************
********************* RECIPE STAMP STYLES ***********************
*****************************************************************/
.recipe-stamp-grid
{
	height: 250px;
	width: 220px;
	float: left;
	margin: 0px 0px 10px 0px;
}



.recipe-stamp-grid .description
{
	margin: 5px 0px 5px 0px;
	display: block;
	height: 2.2em;
	overflow: hidden;
	width: 172px;
}

.recipe-stamp-grid .recipe-stamp-summary
{
	margin: 4px 0px 8px 5px;
	display: block;
	color: #39474F;
	float:left;
	width: 170px;
	height: 22px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 11px;
	line-height: 22px;
}

.recipe-stamp-grid .recipe-stamp-summary .servings-description img
{
    margin-top: 5px;
    /*vertical-align: top;*/
}

.recipe-stamp-grid .recipe-stamp-summary .recipe-stamp-button
{
	margin: 0px 6px 0px 0px;
	float:right;
}

.recipe-stamp-grid .delete-recipe-link
{
	float:right;
	margin:6px 10px 8px 0;
}

.recipe-stamp-grid.col-0, .recipe-stamp-grid.col-1
{
	margin-right: 14px;
}

.recipe-stamp-grid .product-stamp-top
{
	background: #FFFFFF url('../Images/ProductStamp/bg-stamp-top.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.recipe-stamp-grid .product-stamp-middle
{
	background: transparent url('../Images/ProductStamp/bg-stamp-middle.png') repeat-y left top;
	padding: 0 1px;
	height: 239px;
	overflow: hidden;
	padding-left: 25px;
}
.recipe-stamp-grid .product-stamp-middle a._confirmPopup span.action-button span
{
    font-size: 8px;
}

.recipe-stamp-grid .product-stamp-bottom
{
	background: transparent url('../Images/ProductStamp/bg-stamp-bottom.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.recipe-stamp-grid h2
{
	margin: 3px 5px;
}

/****************************************************************
*************** LIST VIEWING OPTIONS MENU STYLES ****************
*****************************************************************/
.paging-container
{
	padding: 10px;
	font-size: 11px;
	overflow: hidden;
	clear: both;
}

.paging-container label
{
	font-weight: bold;
	padding-right: 5px;
}

.paging-container .paging-description
{
	float: left;
	line-height: 22px;
	margin-right: 10px;
}

.paging-container .paging
{
	float: left;
}
.paging-container .page-size
{
	float: right;
	line-height: 22px;
}



.view-options-container
{
	padding: 5px 10px 5px 10px;
	background-color: #F1F2F3;
	font-size: 11px;
	overflow: hidden;
	vertical-align: middle;
}

.view-options-container form
{
	display: inline;
}

.view-options-container label
{
	font-weight: bold;
	padding: 2px;
}

.view-options-container input
{
	vertical-align: middle;
}

.view-options-container .sort-by
{
	float: left;
}

.view-options-container .view-type
{
	float: left;
	margin-left: 140px;
	line-height: 18px;
}

.view-options-container a
{
	color: #00501F;
	text-decoration: none;
}

.view-options-container a.selected
{
	text-decoration: underline;
}

.view-options-container .display-images
{
	float: right;
}
.toolbar-onecard-container .favourites-link
{
	font-size: 15px;
	font-weight: bold;
	color: #39474F;
	text-transform: lowercase;
	vertical-align: top;
	display: inline-block;
	line-height: 30px;
}

.toolbar-onecard-container .enter-onecard img
{
	vertical-align:top;
	line-height: 30px;
	margin-right: 15px;
	display: inline-block;
}

.toolbar-onecard-container .enter-onecard
{
    font-size: 17px;
    line-height: 30px;
    vertical-align: middle;
    color: #39474F;
    font-family: DINWebPro-Medium;
}

.onecard-points-message .enter-onecard img
{
	vertical-align:top;
	line-height: 30px;
	margin-right: 15px;
	display: inline-block;
}

.onecard-points-message .enter-onecard
{
    font-size: 17px;
    line-height: 30px;
    vertical-align: middle;
    color: #39474F;
    font-family: DINWebPro-Medium;
}

/****************************************************************
********************* TROLLEY PANEL STYLES **********************
*****************************************************************/
#trolley-panel .trolley-panel-item
{
    width:190px;
    height:52px;
    float:left;
    border-right:1px solid #f1f1de;
}
#trolley-panel .trolley-panel-price
{
    width:70px;
    float:left;
    text-align:right;
    padding:8px 5px 0 0;
    font-family: 'DINWebPro-Medium';
}
#trolley-panel .trolley-panel-button
{
    height:50px;
    float:left;
    width:82px;
}
#trolley-panel .trolley-total
{
	font-size: 16px;
	line-height:20px;
}

#trolley-panel .trolley-count
{
	font-size: 11px;
	margin-top: 5px;
	text-transform: lowercase;
	white-space: nowrap;
}

#trolley-panel .trolley-delivery-total
{
	clear: right;
	float: right;
	font-size: 10px;
	margin-top: 5px;
	text-transform: lowercase;
	white-space: nowrap;
}

#trolley-panel .trolley-savings
{
	color: #E2001A;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	text-transform: lowercase;
	white-space: nowrap;
}

#trolley-panel .trolley-checkout,#trolley-panel .review-trolley
{
    float:left;
}
#trolley-panel .review-trolley
{
    margin-bottom:2px;   
 }

#trolley-panel .trolley-sort
{
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 8px;
	overflow: hidden;
	padding-bottom: 8px;
}

#trolley-panel label
{
	float: left;
	font-size: 11px;
	padding: 2px;
	text-transform: lowercase;
}

#trolley-panel label.last-added
{
	display: block;
	float: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 8px 0px;
}

#trolley-panel select
{
	float: right;
}

#trolley-panel .pager
{
	margin-bottom: 8px;
	overflow: hidden;
}

#trolley-panel .pager .prev
{
	float: left;
}
#trolley-panel .pager .prev div.SmallGreyButton
{
    width: 35px;
    padding-right: 1px;
}
#trolley-panel .pager .next
{
	float: right;
    width: 45px;
}
#trolley-panel .pager .next div.SmallGreyButton
{
    width: 35px;
    padding-left: 1px;
}
#trolley-panel .pager .next span, #trolley-panel .pager .prev span 
{
    color: #999999;
    font-size: 8px;
    margin: 0;
}

#trolley-panel p.heading
{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 8px;
}

#trolley-panel p.heading a
{
	font-size: 11px;
	font-weight: bold;
}

#trolley-panel p.heading span
{
	font-weight: normal;
}

#trolley-panel .trolley-item
{
	overflow: hidden;
}
#trolley-panel .trolley-item a.trolley-item-image
{
	float:left;
	margin-right:5px;
}
#trolley-panel .trolley-item .trolley-product-description
{
	float:left;
	width:130px;
	height:34px;
	overflow:hidden;
}

#trolley-panel .trolley-item p
{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 8px;
}

#trolley-panel .trolley-item h4.disabled
{
    font-size: 11px;
	clear: both;
	color: #CCCCCC;
}

#trolley-panel .trolley-item h4.disabled .product-size
{
	color: #CCCCCC;
}

#trolley-panel .trolley-item span.unavailable
{
	background: transparent url(../Images/ProductStamp/icon-unavailable.png) no-repeat left 50%;
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	padding-left: 15px;
	vertical-align: middle;
	text-transform: none;
	overflow: hidden;
	white-space:nowrap;
}

#trolley-panel .trolley-item span.superceeded
{
	background: transparent url(../Images/ProductStamp/icon-discontinued.png) no-repeat left 50%;
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	padding-left: 18px;
	vertical-align: middle;
}

#trolley-panel .trolley-item span.replaced
{
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
}

#trolley-panel .trolley-item h4 a, #trolley-panel .trolley-item h4 span.special-text
{
	font-size: 11px;
	font-weight: bold;
}

#trolley-panel .trolley-item h4 
{
    margin-bottom: 8px;
}

#trolley-panel .special-text
{
	color: #E2001A;
}

#trolley-panel .product-size
{
	font-weight: normal;
}

#trolley-panel .item-modifier
{
	overflow: hidden;
	width:130px;
	padding-top:2px;
}

#trolley-panel .item-modifier img
{
	float: left;
	margin-right: 4px;
}

#trolley-panel .item-quantity
{
	float: left;
	font-size: 11px;
	line-height: 12px;
	margin-right: 4px;
}

#trolley-panel .unit-price
{
	font-size: 11px;
	margin-top: 3px;
}

#trolley-panel .product-total
{
	clear: right;
	float: right;
	font-size: 13px;
	font-family: 'DINWebPro-Medium';
}

#trolley-panel .clear-trolley, #trolley-panel .save-trolley
{
    display:inline-block;
}

#trolley-panel .clear-trolley
{
	float: left;
	font-size: 7px;
}

#trolley-panel .save-trolley
{
	float: right;
	font-size: 7px;
}


#trolley-panel .delivery-fee
{
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #E0E0E0;
    display: block;
    width: 100%;
}
#trolley-panel .delivery-fee a
{
    display: inline;
}
#trolley-panel .delivery-fee a.delivery-fee-link
{
	display: inline;
    float: left;
    font-size: 9px;
    line-height: 10px;
    text-align: left;
    text-decoration: underline;
    width: 128px;
}
#trolley-panel .delivery-fee-link-image
{
    float: left;
    display: inline-block;
    margin-right: 3px;
    margin-top: 1px;
 }

/****************************************************************
************************ Product search *************************
*****************************************************************/
.search-bar-wrapper {
    z-index:2000;
    padding: 0 0 8px 0;
    background: transparent url(../Images/ProductSearch/bg-trolley-shadow.png) repeat-x bottom;
    width:960px;
    margin: 0 auto;
}
.search-bar-panel
{
    width:960px;
    margin:0 auto;
    border-top:3px solid #f1f1de;
    border-bottom: 3px solid #f1f1de;
    overflow: hidden;
}
.search-bar-panel #search-panel
{
    float:left;
}
.product-search-box
{
	clear: both;
	width: 513px;
	float:left;
	height: 46px;
    line-height: 46px;
    overflow: hidden;
   	padding: 8px 0 6px 12px;
   	background:url(../Images/ProductSearch/bg-search.png) repeat-x transparent;
   	border-right:2px solid #f1f1de;
}

.search-bar-panel #trolley-panel .trolley-panle-inner .trolley-image-container img,
.search-bar-panel #trolley-panel .shop-info-login h3 img
{
    margin-top: 5px;
}

.product-search-box .search-text-container
{
	float: left;
	color: #747474;
	text-transform: lowercase;
}

.product-search-box .product-container
{
	float: left;
}

.product-search-box .search-button-container
{
	float: left;
}

.product-search-box .search-list-container
{
	float: left;
	color: #00501F;
	text-transform: lowercase;
	text-decoration: underline;
}
.product-search-box .search-box-layout
{
    background: #FFFFFF;
    border:2px solid #e7e7d8;
    float:left;
    width:230px;
    height:27px;
    line-height:27px;
    margin:6px 5px 0 0;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle;
	overflow:hidden;
}
.product-search-box .search-box-layout .drop-container
{
    width:100px;
    cursor:pointer;
    position:absolute;
    overflow:hidden;
}
.product-search-box .search-box-layout .drop-container span.drop-label
{
    color:#999;    
}
.product-search-box .search-text
{
	float: left;
	width: 116px;
	border:none;
	background:transparent;
	font-size:12px;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	font-weight:bold;
}

.product-search-box .search-option
{
	height: 27px;    
    width:125px;
    border: none;
    padding-top:4px;
    font-size:12px;
    color:#999;
    vertical-align:middle;
    -webkit-appearance: none;
    border-radius:0;
    position:absolute;
    background:none;
}

.product-search-box .search-box-layout .drop-container {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 102px;
}

.product-search-box .search-box-layout .drop-container span.drop-arrow {
    background: url("../Images/ProductSearch/bg-down-arrow.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 7px;
    position: absolute;
    right: -96px;
    top: 10px;
    width: 10px;
}
.product-search-box .search-button, .product-search-box .DarkGreenButton-wrapper
{
	float: left;
	margin:6px 0 0 0;
}

.product-search-box a.search-from-list,
.product-search-box a.smart-trolley
{
	float: left;
	margin: 6px 0 0 5px;
}

/****************************************************************
************************ MANAGE ONECARDS *************************
*****************************************************************/
.manage-onecards .onecard-list
{
	padding-top: 0px;
	padding-bottom:5px;
}
.manage-onecards .onecard-list table.onecard-table 
{
    width: 100%
}

.manage-onecards .page-header 
{
    border-bottom: 2px solid #ebebdd;
}

.manage-onecards .page-header h1
{
    margin-bottom: 7px;
}

.onecard-points-instructions {
    float: left; 
    min-height: 65px;
}
.onecard-points-instructions.show-onecard-balance {
    width: 300px; 
}
.onecard-points-container
{
    float: right; 
    width: 250px; 
    position: relative;
}

.onecard-points img
{
    max-width: 35px;
}

.onecard-points {
    width: 140px;
    float: left;
    height: 100px;
    position: absolute;
    top: -29px;
    text-align: center;
    padding-top: 25px;
    overflow: hidden;
}
.onecard-balance {
    margin: 7px;
    text-align: left;
}
.onecard-points .point-balance {
    margin: 7px 0 0 0;
    font-size: 30px;
    font-weight: bold;
}

.onecard-kiwi-image
{
    float: right;
}

.onecard-balance .onecard-welcome-message p{
    line-height: 17px;
}
p.onecard-message, .onecard-balance h3
{
    
    margin-top: 1px;
    margin-right: 5px;
    color: #6C278C;
    font-size: 12px;
    line-height: 17px;
    padding: 0px 0;
}

.manage-onecards .onecard-table td
{
	height: 42px;
	vertical-align: middle;
}

.manage-onecards .onecard-table .primary-column
{
	width: 60px;
	text-align: center;
	padding-left: 5px;
	padding-right: 30px;
}

.manage-onecards .onecard-table .onecard-column
{
	width: 100px;
	text-align: left;
}

.manage-onecards .onecard-table .onecard-column.guest-mode
{
	padding-left: 10px;
}

.manage-onecards .onecard-table .onecard-column input
{
	width: 90px;
}


.manage-onecards .onecard-table .delete-column
{
	width: 372px;
	text-align: right;
	padding-right: 10px;
}
.manage-onecards .onecard-table .delete-column a
{
    float: left;
    margin-left: 10px;
}
.manage-onecards .onecard-table .delete-column a span
{
    font-size: 8px;
}
.manage-onecards .onecard-table .delete-column.guest-mode
{
	width: 432px;
}

.manage-onecards .info-message
{
	margin-top: 15px;
	margin-bottom: 10px;
	clear: both;
    display: block;
}

.manage-onecards .update-button
{
	margin: 5px 5px 0 0;
	text-align: left;
	float: right;
	width: 130px;
}

.manage-onecards .add-onecard
{
	margin-top: 20px;
}

.manage-onecards .add-onecard-textbox
{
	float: left;
	margin-left: 10px;
}

.manage-onecards .add-button
{
	float: right;
	margin-right: 5px;
	width: 173px;
}

.manage-onecards .add-button input
{
    text-align: left;
}

.manage-onecards .add-onecard-row
{
	vertical-align: middle;
	padding-top:10px;
	overflow: hidden;
}

.manage-onecards .add-onecard-middle
{
	padding-bottom:5px;
}

.manage-onecards .update-onecard-error, .add-onecard-error
{
	clear: both;
	margin:0 0 0 5px;
	padding-top: 10px;
	overflow:hidden;
}

.manage-onecards .bottom-border
{
	border-bottom: 1px solid #E5E5E5;
}

.manage-onecards .onecard-table h3
{
	padding:0;
}

.manage-onecards .onecard-table th
{
	background-color: #39474F;
	height: 18px;
	padding-top: 2px;
}


/****************************************************************
********************** Account Details *************************
*****************************************************************/

.account-details-header-message
{
    margin-bottom: 10px;
}

.account-details-button-container
{
	overflow: hidden;
	margin-right: -10px;
}
.account-details-button-container .LightGreenButton-wrapper {
    float: right;
    width: 130px;
}
.account-details-button-container .account-details-update-button {
    text-align: left;
    padding-left: 4px;
    width: 126px;
}
.account-details-update-button
{
    float: right;
}

.account-details-content a
{
    display: inline-block;
    float: left;
    width: 165px;
}

.account-details-content
{
	margin: 10px 15px 5px 15px;
}

.account-details-content label
{
	width: 150px;
	color: #747474;
	font-weight: normal;
}
.account-details-content label.account-details-email-optout-message-description,
.account-details-content label.account-details-sms-optout-message-description,
.account-details-content label.account-details-sample-optout-message-description,
.account-details-club-message label
{
    width: 325px;
    color: #39474F;
}
.account-details-read-only
{
	font-weight: bold;
	line-height: 20px;
}

.account-details-content .form input
{
	width: 180px;
}

.account-details-content .wide-form input
{
	width: 300px;
}

.account-details-content .wide-form .error-message
{
	padding-left: 150px;
}

.account-details-content img.edr-card-icon,.account-details-content .edr-card-content input,.account-details-content .edr-card-content label {
    float: left;
}
.account-details-content img.edr-card-icon {
    margin-top: 4px;   
}
.account-details-content .edr-card-content input,.account-details-content .edr-card-content label {
    margin-top: 10px;
}
.account-details-content .edr-card-content input {
    margin-right: 5px;
}
.account-details-content .edr-card-content {
    min-height: 30px;
    margin: 0 0 10px 0;
}

.account-details-content .field-mobile {
    margin-bottom: 0;
}

.account-details-content fieldset div.clear {
    height: 1px;
    margin: 0;
}

.account-details-content .radio-form
{
	position: relative;
	left: 150px;
}

.account-details-modify-password
{
	margin-top: 10px;
}

.account-details-status-message
{
    background-color: #E5E5E5;
    margin-bottom: 10px;    
    color: #39474F;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    padding-left: 5px;
}

.account-details-status
{
    vertical-align: text-top;
}

.account-details-direct-debit
{
	margin-top: 10px;
}

.account-detail-direct-debit-button
{
	margin: 10px 0px 5px 0px;
}

.account-detail-print-direct-debit-button
{
	margin: 10px 0px 5px 15px;
	padding: 0px;
}

#account-details-direct-debit a div.left-text
{
    padding-left: 7px;
    padding-right: 23px;
    width: 116px;
}

.account-details-content .password-error
{
	position: relative;
	left: 150px;
	width: 370px;
}

/* Phone */
.account-details-content .area
{
	width: 20px;
}

.account-details-content .number
{
	width: 70px;
}

 

/* account-details-sms */
.account-details-sms
{
    margin: 0px;
	overflow: hidden;
}

.account-details-sms-optout-message
{
	clear: none;
	float: left;
	line-height: 20px;
	margin: 6px 0px;
	width: 325px;
}

.account-details-sms-checkbox
{
	float: left;
	margin: 6px 0px;
}

/* account-details-sample */ 
.account-details-sample
{
    margin: 0px;
	overflow: hidden;
}

.account-details-sample-optout-message
{
	clear: none;
	float: left;
	line-height: 20px;
	margin: 6px 0px;
	width: 325px;
}

.account-details-sample-checkbox
{
	float: left;
	margin: 6px 0px;
}


/* .account-details-email */
.account-details-email
{
    margin: 0px;
	overflow: hidden;
}

.account-details-email-optout-message
{
	clear: none;
	float: left;
	line-height: 20px;
	margin: 6px 0px;
	width: 325px;
}

.account-details-email-checkbox
{
	float: left;
	margin: 6px 0px;
}

.account-details-club
{
	overflow: hidden;
	margin: 0px 0px 0px 150px;
}

.account-details-club-message
{
	clear: none;
	line-height: 20px;
}

.account-details-club-checkbox
{
	float: left;
}

.account-details-content .personal-details
{
    margin: 6px 0px;
	overflow: hidden;
}

/****************************************************************
********************** Generic styles ***********************
*****************************************************************/

.page-header h1
{
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

.error-message, .field-validation-error
{
	font-weight: normal;
	color: Red;
}
/*** My Everyday Rewards card header ***/
h1.manage-onecard-title {
    float: left;
    margin: 7px 5px 7px 0;
}

.manage-onecards .page-header img.edr-card-icon {
     float: left;
     margin-bottom: 3px;
}

.manage-onecards .page-header {
    line-height: 31px;
    vertical-align: middle;
}


/****************************************************************
******************** Searching page styles **********************
*****************************************************************/

.recommended-results .product-stamp-grid.col-0
{
	clear:left;
}

.recommended-results .product-stamp-grid.col-0, .recommended-results .product-stamp-grid.col-1
{
	margin-right: 8px;
}

.recommended-results .product-stamp-grid
{
	margin-bottom: 0;
}

.recommended-results
{
	padding: 2px 7px;
}

.recommended-results h3.you-might-like-header
{
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 4px;
	color: #39474F;
	font-size: 11px;
	float: left;
	background-color:transparent;
	padding:0;
	line-height:100%;
	font-weight:bold;
}

.recommended-results .hide-link
{
	float: right;
	margin-top: 4px;
	margin-right: 2px;
	font-size: 7px;
}
.recommended-results .hide-link span
{
    margin-left: 0px;
}

.recommended-recipes
{
    margin-top: 10px;
}

.recommended-recipes .inspire-header
{
    color: #00501F;
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
    line-height: 26px;
    height: 26px;
    margin-bottom: 5px;
}

.recommended-recipes .recipe-stamp-grid.col-0, .recommended-recipes .recipe-stamp-grid.col-1
{
	margin-right: 8px;
}

.recommended-recipes .recipe-stamp-grid
{
	margin-bottom: 10px;
}

.recommended-recipes .inspire-header img
{

    padding-bottom: 10px;
    vertical-align: top;
}

.recommended-recipes .inspire-header .inspire-header-text
{
    padding-left:10px;
    padding-bottom:5px;
    vertical-align: top;
}

.search-content .quick-list-stamp-container
{
	clear: both;
}
/* Need content panel to force it to override the previous style */
#content-panel .search-content .paging-container
{
	padding-top:10px;
}

.search-content .divider-top
{
	border-top: 1px solid #E0E0E0;
}

.search-content h2, .search-content h1
{
	color: #39474F;
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.search-content .secondary
{
	margin-top: 15px;
}

.search-content .search-unsuccessful-message
{
	font-size: 12px;
	color: #39474F;
	display: block;
	text-align: justify;
}

.search-content .research-container
{
	float:right;
	margin-top:10px;
}

.search-content .research-container input
{
	vertical-align:middle;
}



/****************************************************************
**************** GENERAL PRODUCT DETAILS STYLES *****************
*****************************************************************/

#product-details
{
	width: 552px;
}
#product-details h2
{
	margin:none;
}

#product-details .product-image
{
	float: left;
	position: relative;
	width: 200px;
	margin-right:7px;
}

#product-details .top-panel-middle-right
{
	width: 325px;
	float: left;
	margin: 0px;
    min-height: 200px;
}
#product-details .product-info-panel
{
	width: 325px;
	float: left;
	margin: 0px;
	min-height: 200px;
}

#product-details .in-trolley .in-trolley-inner
{
	float: left;
	padding: 0px 7px;
    margin-top: 4px;
    width: 190px;
}

#product-details .in-trolley span
{
	float: left;
	line-height: 14px;
	font-size: 11px;
}

#product-details .in-trolley .delete-form
{
    margin-right: 5px;
}

#product-details .in-trolley input
{
	vertical-align: middle;
}

#product-details .in-trolley form.delete-form
{
	float: left;
	line-height: 0px;
}


#product-details .in-trolley .increment-decrement-form 
{
    float: right;    
}

#product-details .in-trolley form.increment-form, #product-details .in-trolley form.decrement-form
{
	float: left;
	margin-left: 4px;
	line-height: 0px;
}


#product-details .special-container
{
	height: 21px;
	overflow: hidden;
    width: 540px;
}
#product-details .special-container .special-container-tag 
{
    float: left;
}
#product-details .special-container .special-text-tag
{
    float: left;
    height: 21px;
    line-height: 14px;
    overflow: hidden;
    vertical-align: middle;
}
#product-details .special-container .special-text-tag a
{
    margin-right: 5px;
}
#product-details .special-container img
{
	margin-top: 5px;
	margin-left: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
#product-details .special-container .bonus-points-container
{
    float: right;
    width: 170px;
}
#product-details .product-title .description
{
	font-weight: bold;
	color: #39474F;
	font-size: 14px;
}

#product-details .product-description .description
{
	margin: 0 0 10px 0px;
	font-size: 11px;	
	line-height: 16px;
}

#product-details .product-description .product-description-text
{
    display:none;
}

#product-details .product-description .product-formatted-description
{
    margin: 0 0 10px 0px;
    font-size: 11px;
    line-height: 16px;
}


#product-details .product-description .description a
{
    text-decoration: underline;
}

#product-details .product-description .description a:hover
{
    text-decoration: underline;
    color: #004F1F;
}

#product-details .cost-container
{
	float: left;
	width: 325px;
	clear: both;
	margin-top: 9px;
}
#product-details .limit-container
{
	float:left;
	font-size:10px;
    width: 47px;
    height: 20px;
    line-height: 15px;
    margin-left: 23px;
}

#product-details .price-container
{
	float: left;
	padding-top: 2px;
    width: 135px;
    margin: 0 2px 0 8px;
}
#product-details .price-container .price 
{
    height: 23px;
    line-height: 19px;
    float: right;
    width: 70px;
    clear: right;
}
#product-details .price-container .was-price
{
    line-height: 20px;
    height: 23px;
    font-weight: bold;
    width: 60px;
    display: inline-block;
    float: left;
}
#product-details .price-container .cup-price 
{
    clear: left;
    float: right;
    width: 70px;
    display: inline-block;
}
#product-details .price-container .price-container-clear {
    clear: both;
}
#product-details .limit-add-to-trolley
{
    float: right;
    width: 180px;
    height: 23px;
}
#product-details .limit-add-to-trolley .add-to-trolly-button 
{
    float: right;
    color: #fff;
    font-weight: normal;
}
#product-details .price-container .special-unit
{
	color: #E2001A;
	font-weight: normal;
}

#product-details .add-to-trolley-container
{
    clear: none;
	height: auto;
    float: right;
}
#product-details .product-image .add-to-trolley-container .in-trolley
{
    margin-top: 10px;
    background: url("../Images/ProductStamp/bg-in-trolley.png") no-repeat;
	height: 25px;
	width: 204px;
}
#product-details .add-to-trolley-container .quantity
{
	margin-right: 5px;
	display: inline;
	font-size: 10px;
	line-height: 20px;
    float: left;
    height: 24px;
}
#product-details .add-to-trolley-container .quantity input {
    display: inline;
}
#product-details .social 
{
    height: 27px;
    display: inline-block;
    width: auto;
    float: left;
    margin-right: 10px;
    width: 290px;
}
#product-details .social .twitter-tag
{
    display: inline;
    float: left;
    width: 80px;
    margin-right: 7px;
}
#product-details .social .facebook-tag
{
    display: inline;
    float: left;
}
#product-details .product-details-footer 
{
    margin-top: 10px;
}
#product-details .panel-break
{
	width: 527px;
	height: 0px;
}

/* Bottom Panel Css */

#product-details .saved-list-panel
{
	width: 267px;
	float: left;
	padding-bottom:6px;
}
.list-panel-update-message
{
	padding:6px 0 3px 2px;
	font-size: 10px;
    float: left;
}

#product-details .list-heading
{
	background: #39484F;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

#product-details .add-to-trolley-container .quantity-input
{
	margin-bottom: 2px;
}


#product-details .saved-list li
{
	width: 100%;
	padding: 0 0px;
	font-size: 11px;
}

#product-details .saved-list li span
{
	padding: 5px 15px 5px 5px;
	display:block;
}

#product-details .saved-list li.checked
{
	background:url("../Images/Shared/bg-small-tick.png") no-repeat scroll 100% center #E5E5E5;

}

#product-details .saved-list li a.clickable-indicator
{
	display:block;
	width:100%;
}

#product-details .saved-list input[type=checkbox]
{
	float:right;
	vertical-align:middle;
	clear:right;
}

#product-details .list-content
{
	height: 70px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	overflow-y:auto;
	overflow-x:hidden;
}

#confirm-button
{
	float: right;
	margin-right:5px;
}

#product-details .button-container
{
	text-align:right;
	margin-right: 6px;
}
#product-details .button-container .action-button,#product-details .button-container .action-button
{
    float: right;
}

#product-details .notes-panel
{
	width: 267px;
	float: left;
	margin-left: 8px;
	padding-bottom:6px;
	overflow:hidden;
}

#product-details .notes-panel .notes-area
{
	border: 0 none;
	height: 64px;
	width: 240px;
	overflow-y: auto;
}

#product-details .divider
{
	border-top:1px solid #EEEEEE;
}
#product-details .product-title {
    display: inline-block;
    float: left;
}
#product-details .product-nutrition-icons {
    display: inline-block;
    float: right;
    margin-right: 10px;
    max-width: 238px;
}
#product-details .ui-widget{
	font-family: Arial, Helvetica, sans-serif;
}
#product-details .ui-widget-content {
    background: none;
    border: none;
    padding: 0;
    position: relative;
    top: -2px;
    z-index: 1;
}
#product-details .ui-widget-header {
    background:none;
    border: none;
}
#product-details .ui-tabs .ui-tabs-nav {
    padding: 0;
    z-index: 2;
    position: relative;
}
#product-details .ui-tabs-panel .tab-top-panel {
    background: url("../Images/Shared/bg-thin-dark-blue-frame-top.png") no-repeat scroll left top #FFFFFF;
    height: 6px;
    z-index: 1;
}
#product-details .ui-tabs-panel .tab-middle-panel {
    background: url("../Images/Shared/bg-thin-dark-blue-frame-middle.png") repeat-y scroll left top transparent;
    border: none;
    padding: 10px;
}
#product-details .ui-tabs-panel .tab-bottom-panel {
    background: url("../Images/Shared/bg-thin-dark-blue-frame-bottom.png") no-repeat scroll left top #FFFFFF;
    height: 6px
}
#product-details .ui-state-default {
    background: url("../Images/ProductDetails/tab-bg-dn.png") no-repeat scroll left top transparent;
    border: none;
    width: 92px;
    height: 29px;
}
#product-details .ui-state-active {
    background: url("../Images/ProductDetails/tab-bg.png") no-repeat scroll left top transparent;
    border: none;
    width: 92px;
}
#product-details .ui-state-active.right-side-tab {
    background: url("../Images/ProductDetails/tab-bg-remainder.png") no-repeat scroll left top transparent;
    border: none;
    width: 92px;
}
#product-details .ui-state-default a {
    color: #39474F;
    font-weight: bold;
    padding-left: 7px;
    display: block;
    width: 72px;
}
#product-details .ui-state-active a {
    color: #004F1F;
    font-weight: bold;
}
#product-details .product-details-footer .product-details-footer-message {
    display: inline-block;
    width: 300px;
    font-size: 10px;
}
#product-details .product-details-footer .product-details-footer-message.non-social-media-tag {
    display: block;
    width: 100%;
    margin-left: 0px;
}
#product-details h4 {
    color: #39474F;
}
#product-details .ingredients-description 
{
    font-size: 11px;
    overflow-y: auto;
    height: 175px;
}

#product-details .ingredients-description .paragraph
{
    margin-bottom: 8px;
}

#product-details .ingredients-description span.ingredient-title {
    color: #00501F;
    font-weight: bold;
}
#product-details .product-nutrition-info {
    height: 196px;
    overflow-y: auto;
    border: 2px solid #eaeaea;
    color: #39474F;
    font-size: 11px;
}
#product-details .product-nutrition-info ul {
    margin: 3px;
    padding-left: 2px; 
    border-bottom: 1px solid #eaeaea;
}

#product-details .product-nutrition-info ul .serving-description{
    height: 100%;
    line-height: 17px;
    vertical-align: middle;
    display: inline-block;
}

#product-details .product-nutrition-info ul .serving-description.left
{
    width: 125px;
}
#product-details .product-nutrition-info ul .serving-description.right{
    width: 160px;
    text-align: right;
    margin-right: 3px;
}
#product-details .product-nutrition-info ul .serving-description-value{
    font-weight: normal;
    display: inline-block;
}

#product-details .product-nutrition-info ul .nutrient-description{
    height: 17px;
    line-height: 17px;
    vertical-align: middle;
    display: inline-block;
    width: 120px;
    text-transform: capitalize;
}
#product-details .product-nutrition-info ul span.sub-nutrient {
    padding-left: 6px;
}

#product-details .product-nutrition-info ul li{
    height: 17px;
    line-height: 17px;
    vertical-align: middle;
    display: inline-block;
    width: 80px;
}
#product-details .product-nutrition-info ul.header {
    border-bottom: 2px solid #eaeaea;
    vertical-align: top;
}

#product-details .product-nutrition-info ul.header {
    border-bottom: 2px solid #eaeaea;
    vertical-align: top;
}
#product-details .product-nutrition-info ul.header li, #product-details .product-nutrition-info ul.serving-header li {
    font-weight: bold;
    color: #00501F;
    vertical-align: top;
}
#product-details .product-nutrition-info table tr td:first-child,#product-details .product-nutrition-info table tr th:first-child {
    padding-left: 5px;
}
/****************************************************************
********************* RECIPE DETAILS STYLES *********************
*****************************************************************/

#recipe-details
{
	width: 560px;
}


#recipe-details h3
{
	font-weight: bold;
	color: #39474F;
	font-size: 12px;
	margin-bottom: 10px;
	padding:0px;
	background-color:transparent;
}

/**** Recipe Left Panel Styles ****/
#recipe-details h2
{
	color: #39474F;
	font-size: 18px;
	border-bottom: 1px solid #EAECED;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#recipe-details img.unavailable
{
	float:none;
	vertical-align:middle;
	margin-right:10px;
}

#recipe-details .recipe-buttons img
{
	/*margin-right: 5px;*/
}

#recipe-details .recipe-buttons .button-text
{
    width: 45px;
    float: left;
    font-size: 10px;
    height: 20px;
    margin-top: 3px;
}

#recipe-details .recipe-buttons .favourites-button-text
{
    width: 60px;
    float: left;
    font-size: 10px;
    height: 20px;
    margin-top: 3px;
}

#recipe-details .recipe-buttons .print-button-text
{
    width: 20px;
    float: left;
    font-size: 10px;
    height: 20px;
    margin-top: 7px;
}

#recipe-details .recipe-left-panel-small-image
{
    float: left;
    height: inherit;
	width: 290px;
    min-height: 210px;
}

#recipe-details .recipe-left-panel-large-image
{
    float: left;
    height: inherit;
	width: 290px;
    min-height: 0px;
}

#recipe-details .recipe-panel
{
	float: right;
    width: 100%;
    min-height: 190px;
}

#recipe-details .recipe-buttons
{
	margin: 5px 0px;
    display: block;
    height: 30px;
}

#recipe-details .recipe-buttons a
{
    display: inline-block;
    float: left;
}
#recipe-details .recipe-buttons a.right-print-icon
{
    margin-left: 3px;
    margin-right: 3px;
}
#recipe-details .recipe-buttons a div.right-print-icon
{
    width: 65px;
}
#recipe-details .recipe-buttons a div.LightGreenButton
{
    width: 80px;
}

#recipe-details .recipe-ingredients
{
	padding-bottom: 15px;
}

#recipe-details .recipe-ingredients li
{
	padding: 2px 0px;
}

#recipe-details .recipe-directions
{
	padding-bottom: 15px;
	line-height: 15px;
	
	clear: both;
}

#recipe-details .recipe-directions .recipe-content {
    margin: 0px 0px 10px 0px;
}

#recipe-details .recipe-directions .hide-video {
    display: none;
}

#recipe-details .recipe-directions .show-video {
    display: block;
}

#recipe-details .recipe-directions .video-bar
{
    margin: 0px 0px -4px 0px;
}

#recipe-details .recipe-directions .video-bar p
{
    line-height: 52px;
    text-align: left;
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 0px 60px;
}

.recipe-directions .video-bar-open
{
    background: url("../Images/RecipeDetails/bg-video-hdr-open.png") no-repeat scroll left top #FFFFFF;
	height: 52px;
    width: 552px;
    display: block;
}

.recipe-directions .video-bar-close
{
    background: url("../Images/RecipeDetails/bg-video-hdr-closed.png") no-repeat scroll left top #FFFFFF;
	height: 52px;
    width: 552px;
    display: block;
}

.recipe-small-image-panel .recipe-left-panel {
    clear: left;
}

.recipe-small-image-panel .recipe-left-panel, .recipe-large-image-panel .recipe-left-panel .recipe-ingredients
{
    max-width: 280px;
}

#recipe-details .recipe-directions .recipe-sent
{
	clear: left;
	padding-top: 10px;
}

#recipe-details .recipe-ingredients li.ingredient-heading
{
	font-weight:bold;
    padding: 4px 0 3px;
}
.recipe-sent a 
{
	text-decoration: underline;
	color: #00501f;
}

/**** Recipe Control Panel Style ****/

#recipe-details .recipe-small-image-panel .recipe-image-panel, .recipe-right-panel
{
    display: block;
    float: right;
    width: 220px;
    max-width: 220px;
    margin: 0px 0px;
}



#recipe-details .recipe-buttons img
{
    padding-top:3px;
    padding-right:1px;
}

#recipe-details .recipe-control-panel .line-separator
{
    max-width: 220px;
    vertical-align:middle;
    background: url("/Images/Shared/bg-dotted.cd.png") repeat-x scroll left bottom transparent;
    border-bottom: none;     
    line-height: 13px;
    padding-top: 1px;
    padding-bottom:5px;
}

#recipe-details .recipe-control-panel .nutrition-icons .nutrition-icon
{
    padding-top: 10px;
}

#recipe-details .recipe-control-panel .nutrition-icons .nutrition-icon img
{
    vertical-align: middle;
    margin-top: -2px;
}

#recipe-details .recipe-control-panel .nutrition-icons .nutrition-icon span
{
    text-transform: capitalize;
}

#recipe-details .recipe-control-panel div div, #recipe-details .recipe-control-panel .preparation-time
, #recipe-details .recipe-control-panel .recipe-social-tags-container
{
    background-image:none;
    /*vertical-align:top;*/
    border-bottom: none;     
    line-height: normal;
    /*padding-top: 1px;
    padding-bottom:5px;*/
}

/**** Recipe Right Panel Styles ****/
#recipe-details .recipe-image-panel
{
    max-width: 560px;
}

.recipe-large-image-panel .recipe-control-panel .recipe-image-description
{
    background: url("../Images/RecipeDetails/note-bg.png") no-repeat scroll left top #FFFFFF;
    background-size: 201px 96px;
    width: 201px;
    height: 96px;
    position: relative;
    top: -2px;
    margin-left: 2px;
    display: table;
}

/*Social media icons*/
#recipe-details .social-media-icons 
{
    width: 560px;
    float: right;
    margin-bottom: 10px;
}
/*Social media icons*/

/* recipe title*/
#recipe-details .recipe-title 
{
    width: 320px;
    float: left;
}

#recipe-details .recipe-title-large 
{
    width: 560px;
}

/* recipe title*/
.recipe-small-image-panel .recipe-control-panel .recipe-image-description
{
    background: url("../Images/RecipeDetails/note-bg.png") no-repeat scroll left top #FFFFFF;
    background-size: 201px 96px;
    width: 201px;
    height: 96px;
    position: relative;
    top: -3px;
    margin-left: 2px;
    display: table;
}

.recipe-control-panel .recipe-image-description .recipe-description-text-container .recipe-description-text
{
    /*width: 201px;
    height: 96px;
    margin-top:auto;
    margin-bottom: auto;
    */
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}

.recipe-control-panel .recipe-image-description .recipe-description-text-container .recipe-description-text span
{
    display: table-cell;
    width: 200px;
    max-width: 200px;
    overflow:;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 16pt;
    color: White;
}

.recipe-large-image-panel .recipe-image-panel
{
	margin-right: -7px;
    min-width: 220px;
    max-width: 570px;
}

.recipe-large-image-panel .recipe-image-panel-top
{
	background: url("../Images/RecipeDetails/bg-large-photo-top.png") no-repeat scroll left top #FFFFFF;
	height: 5px;
    width: 564px;
	overflow: hidden;
}

.recipe-large-image-panel .recipe-image-panel-middle
{
	background: url("../Images/RecipeDetails/bg-large-photo-middle.png") repeat-y scroll left top transparent;
	overflow: hidden;
	width: 565px;
	padding: 4px 8px;
}

.recipe-large-image-panel .recipe-image-panel-middle img
{
    margin-left: 4px;
}

.recipe-large-image-panel .recipe-image-panel .recipe-image-panel-bottom
{
	background: url("../Images/RecipeDetails/bg-large-photo-bottom.png") no-repeat scroll left top #FFFFFF;
	height: 8px;
    width: 565px;
	overflow: hidden;
}

.recipe-small-image-panel .recipe-image-panel .recipe-image-panel-top
{
	background: url("../Images/RecipeDetails/bg-small-photo-top.png") no-repeat scroll left top #FFFFFF;
	height: 5px;
    width: 200px;
	overflow: hidden;
}

.recipe-small-image-panel .recipe-image-panel .recipe-image-panel-middle
{
	background: url("../Images/RecipeDetails/bg-small-photo-middle.png") repeat-y scroll left top transparent;
	overflow: hidden;
	width: 200px;
	padding: 6px 12px;
}

.recipe-small-image-panel .recipe-image-panel .recipe-image-panel-bottom
{
	background: url("../Images/RecipeDetails/bg-small-photo-bottom.png") no-repeat scroll left top #FFFFFF;
	height: 8px;
    width: 200px;
	overflow: hidden;
}

/**** Recipe Bottom Panel ****/
#recipe-details .recipe-bottom-panel
{
	width: 551px;
	float: left;
	/*overflow: hidden;*/
}

#recipe-details .recipe-bottom-panel-top
{
	background: url("../Images/RecipeDetails/bg-green-medium-top.png") no-repeat scroll left top #FFFFFF;
	height: 5px;
	overflow: hidden;
}

#recipe-details .recipe-bottom-panel-middle
{
	background: url("../Images/RecipeDetails/bg-green-medium-middle.png") repeat-y scroll left top transparent;
	overflow: hidden;
	padding: 2px 7px;
}

#recipe-details .recipe-bottom-panel-bottom
{
	background: url("../Images/RecipeDetails/bg-green-medium-bottom.png") no-repeat scroll left top #FFFFFF;
	height: 5px;
	overflow: hidden;
}

#recipe-details .ingredients-table
{
	width: 537px;
}

#recipe-details .ingredients-table .subtitle
{
	color: White;
	text-align: left;
	font-weight: bold;
}

#recipe-details .ingredients-table
{
	margin-bottom:14px;
}

#recipe-details .ingredients-table th
{
	background-color: #39484F;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: White;
	line-height:21px;
}

#recipe-details .meal-header
{
	padding: 2px 10px 2px;
}


#recipe-details .ingredients-table td
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	border-top: 1px solid #E0E0E0;
}

#recipe-details .ingredients-table .name
{
	padding-left: 10px;
}
#recipe-details .ingredients-table .qty-header
{
	width: 25px;
	text-align: center;
	padding-right: 10px;
}

#recipe-details .quantity-input
{
	width: 20px;
	text-align:right;
}

#recipe-details .ingredients-table .checkbox-header
{
	width: 50px;
}

#recipe-details .ingredients-table .price-header
{
	width: 160px;
}

#recipe-details .ingredients-table input
{
	vertical-align:middle;
}

#recipe-details .add-trolley
{
	padding-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}

#recipe-details .add-trolley-button
{
    float: right;
    width: 168px;
}

#recipe-details .quantity
{
	text-align: center;
	padding-right: 10px;
}

#recipe-details .checkbox
{
}

#recipe-details .price
{
}

#recipe-details .special-price
{
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
}



#recipe-details .serving-description
{
	margin: 4px 0px 2px 0px;
    height: 25px;
    display: block;
}

#recipe-details .serving-description .description
{
    width: 150px;
    height: 25px;
    float: left;
    vertical-align:middle;
    line-height: 25px;
    margin: 0px 0px 0px 4px;
}

#recipe-details .serving-description .icon
{
    float: left;
    vertical-align:middle;
}

#recipe-details .preparation-time
{
	margin: 4px 0px 2px 0px;
    height: 25px;
    display: block;
}

#recipe-details .preparation-time .description
{
    width: 150px;
    height: 25px;
    float: left;
    vertical-align:middle;
    line-height: 25px;
    margin: 0px 0px 0px 4px;
}

#recipe-details .preparation-time .icon
{
    float: left;
    vertical-align:middle;
}

#recipe-details .comment-description
{
	margin:5px 0 15px 0;
}

#recipe-details .recipe-social-tags 
{
    width: 290px;
    float: right;
}

#recipe-details .recipe-social-tags .twitter-tag
{
    width: 90px;
}
#recipe-details .recipe-social-tags .twitter-tag, #recipe-details .recipe-social-tags .facebook-tag 
{
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: -10px;
}

.pinterest-tag
{
    padding-bottom: 10px;
}

/***************************************************************
********************** Print Recipe page ***********************
****************************************************************/
#print-recipe-content-container
{
    width: 670px;
    margin-left:auto;
    margin-right:auto;
}

#print-recipe-content-container .row-body-container
{
    display: table-row;
    width: 670px;
}

#print-recipe-content-container .row-container div
{
    display: table-cell;
}

#print-recipe-content-container .row-container .recipe-heading-container
{
    width: 295px;
}

#print-recipe-content-container .panel 
{
    position: relative;
    margin-left: -90px;
}

#print-recipe-content-container table tr td
{
    vertical-align: top;
}

#print-recipe-content-container .recipe-wrapper
{
    display: table;
}

#print-recipe-content-container .recipe-wrapper img
{
    vertical-align: top;
}

#print-recipe-content-container .panel .recipe-title-container
{
    display: table-cell;
}

#print-recipe-content-container .panel .recipe-body-container
{
    width: 514px;
    display: table-cell;
    vertical-align: top;
}

#print-recipe-content-container .panel .recipe-body-container #recipe-details
{
    width: 500px;
    padding-left: 10px;
    position: relative;
    top: -15px;
}

#print-recipe-content-container .panel .recipe-body-container #recipe-details .recipe-details-title
{
    position: relative;
    top: -25px;
    max-width: 295px;
    width: 295px;
}

#print-recipe-content-container .panel .recipe-body-container #recipe-details .serving-description
{
    vertical-align: middle;
    background: url("/Images/Shared/bg-dotted.cd.png") repeat-x scroll left bottom transparent;
    border-bottom: none;
    line-height: 13px;
    padding-top: 1px;
    padding-bottom: 5px;
    padding-left: 15px;
}

#print-recipe-content-container .panel .recipe-body-container #recipe-details .preparation-time
, #print-recipe-content-container .panel .recipe-body-container #recipe-details .nutrition-icon
{
    padding-left: 15px;    
}

#print-recipe-content-container .panel .recipe-body-container #recipe-details .recipe-large-image-panel .recipe-image-panel-top, #print-recipe-content-container .panel .recipe-body-container #recipe-details .recipe-large-image-panel .recipe-image-panel-bottom
{
    background-image: none;    
    height: 0px;
    width: inherit;
}

#print-recipe-content-container .panel .recipe-body-container #recipe-details .recipe-large-image-panel .recipe-image-panel-middle
{
    height:inherit;
    width: inherit;
    background-image: none;
    padding: 0px 10px;
}

/****************************************************************
** General styles for email forms (email recipe and feedback) ***
*****************************************************************/
#email-form
{
	width:690px;
}


#email-form .instructions
{
	margin: 5px 0;
}

#email-form .send-button
{
	float:right;    
	width: 102px;
} 

#email-form fieldset
{
	margin-bottom:0px;
}

#email-form fieldset .field-row
{
    /* Commented out for vision australia to show outline 
       for focussed input elements*/
	/*overflow:hidden;*/
}

#email-form fieldset .field-row input
{
	vertical-align:middle;
	width: 140px;
}

#email-form fieldset .field-row textarea
{
	width:558px;
	height:50px;
	overflow-y: auto;
}

#email-form fieldset .field-row .email-display
{
	line-height:20px;
	color:#39474F;
	font-size:11px;
}
#email-form fieldset .field-row input.LightGreenButton
{
    text-align: right;
}

#email-form .field-validation-error, #email-form .validation-message
{
	color:Red;
}

#email-form .validation-message
{
	margin:5px 0
}

#email-form .confirmation-message
{
	margin-bottom: 15px;
}

#email-form .feedback-content
{
	margin: 5px;
}

#email-form .feedback-content fieldset .field-row textarea
{
	width: 558px;
}

#email-form .feedback-content fieldset div.button-container
{
    float: right;
    margin: 0;
}
#email-form .feedback-content fieldset div.button-container input.LightGreenButton
{
    width: 102px;
}

/****************************************************************
************************** Shop Info ****************************
*****************************************************************/
.shop-info-box-middle
{
	background: url('../Images/ShopInfo/bg-delivery.png') no-repeat;
	padding: 4px 0 4px 4px;
    color: #39474F;
    width:419px;
    height:50px;
}
.shop-info-box-middle.delivery-box
{
	background: url('../Images/ShopInfo/bg-wide-delivery.png') no-repeat;
	padding: 4px 0;
    color: #39474F;
    width:533px;
    height:50px;
}

.shop-info
{
	font-size: 11px;
}

.shop-info h3
{
	font-size: 16px;
	float: left;
	background-color: transparent;	
	color: #025020;
    text-transform: none;
    height: 45px;
    margin-right: 5px;
    padding: 0;
    border-right:1px solid #f1f1de;
    margin-left: 5px;
}
.shop-info h3.wrap-text
{
    font-size:13px;
    width:63px;
    text-align:center;
}
.shop-info h3 span img
{
    margin:4px 3px 0;
}
.shop-info a
{
	color: #00501F;
	text-transform: lowercase;
	text-decoration: underline;
}


.shop-info .price-disclaimer-message
{
	margin:5px 0 0 0;
	color: #39474F;
	font-size: 10px;
}

.shop-info-big-text
{
	font-size: 11px;
	margin: 5px 0 0 5px;
	width:200px;
	float:left;
}

.shop-info-small-text
{
	font-size: 11px;
	margin-bottom: 5px;
}

.shop-info-search
{
	margin: 5px 0px 5px 0px;
	width: 146px;
	float:left;
}

.shop-info-trolley
{
	float: left;
    position: relative;
    top: -13px;
}
.shop-info .shop-info-address-container,.shop-info .selected-time-slot,.shop-info .no-time-slot
{
    float:left;  
    width:179px; 
    padding:2px 10px 6px 2px;  
    text-align:right;
    border-right:1px solid #F1F1DE;
}

/*.selected-time-slot .time-slot div*/
.shop-info .selected-time-slot
{
    margin-left: 6px;
    padding-right: 10px;
    width: 175px;
}

.shop-info-address, .shop-info .time-slot div
{
	text-transform: none;
	font-size: 11px;
	margin-top: 4px;
	color:#666;
    width:183px;
    overflow:hidden;
    text-align: left;
    height: 21px;
}
.shop-info .time-slot div.selected-time {
    font-weight: normal;
}
.shop-info .div-separator {
    border-bottom: 1px solid #828282 ;
    clear: both;
    margin: 5px 0 10px 0;
}
.shop-info .time-slot {
    float: left;
}
.shop-info .time-slot.not-selected {
    width: 155px;
    padding-left: 6px;

}
.shop-info-change-address
{
	margin-top: 3px;
	float: right;
}

.shop-info-schedule
{
	margin-top: 3px;
	float: right;
}
.shop-info-schedule.not-selected {
    margin-top: 3px;
    margin-right: 8px;
}
.shop-info .change-delivery-link
{
    float:left;   
    padding:9px 3px 0 6px; 
    width:70px; 
}
.shop-info .change-delivery-link img
{
    float:left;
    margin:0 2px 0 0;
}
.shop-info .change-delivery-link span
{
    width:49px;
    float:left;
    color: #00501F;
    text-decoration:underline;
}
/********************** Login panel and Trolley *************************/
.shop-info-login, .trolley-panle-inner
{
	font-size: 11px;	
	text-transform: lowercase;
	padding: 2px 0 2px 0px;
	overflow: hidden;
	background:#FFF;
}
#trolley-panel
{
	font-size: 11px;	
	text-transform: lowercase;
    width:418px;
    height: 60px;
	padding: 2px 0 -1px 0px;
	overflow: hidden;
	background:#FFF;
	float:right;
	margin-right:15px;
}
.shop-info-login h3, #trolley-panel .trolley-image-container
{
    padding-right:10px;
	float:left;
	padding-left: 10px;
	color: #00501F;
	border-right:1px solid #f1f1de;
	margin-right:5px;
	background:transparent;
	height:52px;
}

.shop-info-login h3 a
{
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 0px;
	background-color: #FFFFFF;
	float: none;
}
.shop-info-login .login-panel-textbox
{
    float:left;
    width:270px;
}
.shop-info-login .login-panel-button
{
    padding-left:4px;
    float:right;
}

.login-panel-buttons
{
	float: right;	
   	padding: 14px 0 6px 12px;
}

.login-panel-buttons .login-panel-text
{   
	float: left;
	width: 165px;
}

.login-panel-buttons .start-here
{
    float: right;
   	font-size: 17px;
    line-height: 30px;
    color: #39474F;
    font-family: DINWebPro-Medium;
    padding: 3px 10px 6px 20px;
}

.login-panel-buttons .arrow-button
{
	float: left;
	margin: 12px 10px 0 0;
}

.login-panel-buttons a.register,
.login-panel-buttons a.login
{
	float: left;
	margin: 6px 0 0 5px;
}


.shop-info-login .email, .shop-info-login .password
{
	color: #747474;
	margin: 3px 0px 4px 0px;
	width: 120px;	
}
.shop-info-remember-me
{
    overflow: hidden;
    width:137px;
    float:left;
}

.shop-info-remember-me .remember-me
{
    float: left;
    padding-left:10px;
}

.shop-info-remember-me label
{
    display: block;
    float: left;
    margin: 4px 0px 0px 1px;
}

.shop-info-login-bottom-area
{
	width:130px;
	float:left;
}

.shop-info-login-forgotten-password
{
	float: left;
	margin-top: 5px;
	color: #00501F;
	text-decoration:underline;
}
input.shop-info-login-button
{
   margin-bottom:2px;
   padding:0;
}

.address-auto-complete
{
	max-height: 188px;
    overflow-y: auto;
    overflow-x: hidden;    
}

.search-auto-complete
{
	max-height: 200px; 
}

.address-auto-complete li a
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.address-auto-complete li .ui-state-hover
{
	color: White;
	text-decoration: none;
	background: none;
	background-color: #39474F;
	border: none;
}

.amas-address-results
{
    width: 400px;
    margin: 5px 5px 5px 100px;
}

#register .amas-address-results
{
    margin: 10px 5px 5px 98px;
}

.amas-address-results-list li.selected 
{
    background-color: #E5E5E5;
    font-weight: bold;     
}

.amas-address-results-list 
{
    margin: 5px 0;    
}

li.amas-address-nomatch.selected, li.amas-address-nomatch
{
    background-color: transparent;
    font-weight: normal;
}

.amas-entered-street
{
    border-top: 1px solid #39474F;
    padding-top: 5px;
}

.amas-address-results-list li 
{
    color: #747474;
    font-size: 11px;
    line-height: 2;
}

.required-mark 
{
    vertical-align: top;
    padding-left: 2px;
}
#shop-info-reservation-popup-outer
{
    position: absolute;
    z-index: 490;
    display: none;    
    width: 227px;
    background-color: transparent;
}

#shop-info-reservation-popup
{
    margin-top: 9px;
    width: 218px;
    display: none;
}

.shop-info-reservation-popup-top
{
	background: transparent url('../Images/ShopInfo/bg-reservation-popup-top.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.shop-info-reservation-popup-middle
{	
	overflow: hidden;
	padding: 5px 10px 5px 10px;
	background-color: #39474F;
}

.shop-info-reservation-popup-bottom
{
	background: transparent url('../Images/ShopInfo/bg-reservation-popup-bottom.png') no-repeat left top;
	height: 5px;
	overflow: hidden;
}

.shop-info-reservation-popup-close
{
	position: absolute;
	right: 0px;
	top: 0px;
}

#shop-info-reservation-popup-text
{
    color: #FFFFFF;
    font-size: 11px;
}

/****************************************************************
************************** Quick Fix ****************************
*****************************************************************/

#quick-fix .recommended-search-container
{
    width:525px;
}

#quick-fix .quick-list-description
{
    width:525px;
}

#quick-fix .search-again-container
{
    width:665px;
}

#quick-fix .recommendations
{
	margin-bottom:20px;
}

#quick-fix .box-content .recommended-search-container, 
.no-result-container .box-content .recommended-search-container 
{
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
}

#quick-fix .box-content .recommended-search-container .recommended-search-label, 
.no-result-container .box-content .recommended-search-label
{
	float:left;
	line-height:19px;
	
}

#quick-fix .box-content .recommended-search-container .recommended-search-input, 
.no-result-container .recommended-search-container .recommended-search-input
{
	float:right;
	width:150px;
}

#quick-fix .box-content .quick-list-description
{
	clear:both;
	display:block;
}

#quick-fix .box-content,
.no-result-container .box-content
{
	padding: 0px 7px 8px 7px;
	overflow:hidden;
}

#quick-fix .quick-fix-options li.quick-fix-word
{
	float:left;
	width:120px;
	padding: 10px 10px 0px 0px;
}

#quick-fix .quick-fix-options li.quick-fix-word.col-0
{
	clear:both;
}

#quick-fix .quick-fix-options li.quick-fix-word h4
{
	margin-left:6px;
}

#quick-fix .quick-fix-options li.quick-fix-word .suggestion
{
	margin:3px 0px;
	line-height:16px;
}

#quick-fix .quick-fix-options li.quick-fix-word .suggestion input
{
	vertical-align:middle;
	margin: 0 2px;
}

#quick-fix .box-content .search-again-container,
.no-result-container .box-content .search-again-container
{
	clear:both;
	margin-top:5px;
}

#quick-fix .box-content .search-again-container .search-again-submit,
.no-result-container .box-content .search-again-container .search-again-submit
{
	
	float:right;
}
#quick-fix .box-content .search-again-container .search-again-submit input,
.no-result-container .box-content .search-again-container .search-again-submit input
{
    text-align: left;
}

#quick-fix .box-content .search-again-container .feedback-link,
.no-result-container .search-again-container .feedback-link
{
	font-size:11px;
	color:#00501F;
	text-decoration:underline;
	float:left;
	line-height:22px;
}



/****************************************************************
*********************** Register Content ************************
*****************************************************************/

#register
{
	width:690px;
}

#register .heading
{
	overflow:hidden;
}

#register h2, #register h1
{
	float:left;
}

#register .instructions
{
	float:left;
	margin-left:15px;
	line-height:16px;
	font-size:10px;
}

#register input.input-validation-error
{
	border: 2px solid red;
}

#register select.input-validation-error
{
	border: 2px solid red;
}


#register .validation-summary-errors
{
	color:Red;
	font-size:11px;
}

#register .validation-summary-errors ul
{
	list-style-type:disc;
	margin:5px 0 10px 20px;
}

#register .validation-summary-errors li
{
	margin-bottom:5px;
}

#register .heading img
{
	margin-right:20px;
	vertical-align:middle;
}

#register label, #register span
{
	font-size:11px;
}

#register .address-check-button
{
    background:url('/Images/ManageAddress/btn-validate-address-disabled.png') no-repeat;
}

#register .panel-space
{
	clear:both;
	width:552px;
	height:15px;
}

#register .field-row
{
	margin:4px;
	clear:both;
}

#register .field-row label, .register-content .field-row input
{
	display:inline-block;
}

#register .field-row div
{
	display:inline;
}

#register .login-contents,.register-content .personal-contents,.register-content .delivery-contents
{
	padding:5px 2px 2px 5px;
}

#register .field-email label, .register-content .field-password label
{
	width:80px;
}

#register .field-email input
{
	width:431px;
}

#register .field-email input.input-validation-error
{
	width:429px;
}
#register .field-password
{
    display: block;
    float: left;
}

#register .field-password input
{
	width:164px;
}

#register .field-password img
{
	margin-left:5px;	
}

#register .field-password input.input-validation-error
{
	width:162px;
}

#register .field-confirm
{
    margin-left: 3px;
    display: block;
}

#register .field-confirm label
{
	width:50px;
}
#register.field-confirm input
{
	width:166px;
}

#register .field-title select
{
	width:49px;	
}

#register .field-company label
{
	width:84px;
}


#register .field-name label, .register-content .field-dob label, .register-content .field-phone label,
#register .field-onecard label
{
	width:70px;
}

#register .field-name input
{
	width:133px;	
}

#register .field-name input.input-validation-error
{
	width:131px;	
}

#register .field-onecard input
{
	width:130px;
}

#register img.edr-card-icon
{
	float:left;
}

#register .edr-card-row{
    height:31px;
}

#register .field-dob, #register .field-onecard{
    float:left;
    margin-top:6px;
}

#register .field-onecard{
    margin-right:3px;
}

#register .field-onecard label
{
	width:100px;
}

#register .field-dob img
{
	margin-left:5px;
	margin-right:8px;
}

.field-company input
{
    width: 225px;
}

#register .phone #MobilePhoneNo
{
  	width:63px;
}

#register .field-security-answer input
{
	width:425px;
}


#register .field-onecard input.input-validation-error
{
	width:187px;
}

#register .second-field
{
	padding-left:10px;
}

#register .field-dob .day, .register-content .field-dob .month
{
	width:15px;
}

#register .field-dob .day.input-validation-error, .register-content .field-dob .month.input-validation-error
{
	width:13px;
}

#register .field-dob .month
{
	margin-left:3px;
}

#register .field-dob .year
{
	width:34px;
}

#register .field-dob .year.input-validation-error
{
	width:29px;
	margin-left:3px;
}

#register .field-dob img
{
	margin-left:5px;
	margin-right:38px;
}


#register .phone .area
{
	width:15px;	
	margin-right:3px;
}

#register .phone .area.input-validation-error
{
	width:18px;	
}

#register .phone .number
{
	width:64px;
}

#register .phone #MobilePhoneNo
{
  	width:50px;
}

#register .phone #HomePhoneNo
{
    margin-right: 8px;
}

#register .phone .number.input-validation-error,
#register .phone #HomePhoneNo.input-validation-error
{
	width:65px;
    margin-right:0;
}

#register.field-phone span
{
	margin-right:12px;
}

#register .field-work label, .register-content .field-mobile label
{
	margin-left:8px;
	margin-right:4px;
}

#register .field-row.business input
{
	vertical-align:middle;
}

#register .field-company
{
	padding-left:82px;
	padding-left:83px \0/; /* ie 8 only hack */
}

#register .field-security-answer input.input-validation-error
{
	width:423px;
}

#register .delivery-contents .street input[type="text"]
{
    width: 420px;  
}

/* Safari and Google Chrome pick up these styles for register page. */
/* Firefox and IE doesn't check this part. */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #register .phone #MobilePhoneNo
    {
  	    width:64px;
    }
    #register .field-name input
    {
	    width:134px;	
    }
    .field-company input
    {
        width: 224px;
    }
    #register .field-security-answer input
    {
	    width:423px;
    }   
    #register .field-security-answer input
    {
	    width:423px;
    }
    #register .field-security-answer input.input-validation-error
    {
	    width:421px;
    }
}

#register .field-suburb label, .register-content .field-street label
{
	width:80px;
}

#register .field-postcode-suburb input
{
	width:215px;
}

#register .field-suburb span
{
	font-size:10px;
	padding-left:10px;
}

#register .field-street input
{
	width:432px;
}

#register .field-street input.input-validation-error
{
	width:430px;
}

#register .email-me .checkbox, .register-content .email-me .content
{
	float:left;
	width:506px;
}


#register .email-me .checkbox
{
	width:27px;
	padding:5px 0px 0px 3px;
}

#register .email-me
{
	overflow:hidden;
}

#register .email-me .content
{
	padding-top:7px;
	font-size:11px;
	line-height:15px;
}

#register .email-me .source
{
	margin:10px 0px 6px 0px;
}

/* register SMSOffer */
#register .smsoffer .checkbox, .register-content .smsoffer .content
{
	float:left;
	width:506px;
}


#register .smsoffer .checkbox
{
	width:27px;
	padding:5px 0px 0px 3px;
}

#register .smsoffer
{
	overflow:hidden;
}

#register .smsoffer .content
{
	padding-top:7px;
	font-size:11px;
	line-height:15px;
}


/* register Sample */
#register .sample .checkbox, .register-content .sample .content
{
	float:left;
	width:506px;
}


#register .sample .checkbox
{
	width:27px;
	padding:5px 0px 0px 3px;
}

#register .sample
{
	overflow:hidden;
}

#register .sample .content
{
	padding-top:7px;
	font-size:11px;
	line-height:15px;
}


#register .register-button
{
	overflow:hidden;
	margin-top:15px;
	float:right;
}

#register .register-button .LightGreenButton
{
	float:right;
	width: 90px;
}

#register .field-validation-error
{
	float:left;
	margin-bottom:7px;
	margin-left:4px;
}

#register .hear-about-us-other-input
{
	margin-left:147px;
	margin-top:3px;
	width:163px;
}




/****************************************************************
************************ Manage Address *************************
*****************************************************************/
.manage-address
{
	overflow: hidden;
	color: #39474F;
}

.manage-address h2, .manage-address h1
{
    float: left;
}

.manage-address h3
{
    margin-bottom: 5px;
}

.manage-address-add
{
    clear: both;
    margin-bottom: 15px;
}

.manage-address label
{
    margin-left: 5px;
	width: 95px;
	float: left;
	line-height: 20px;
}

.manage-address .form input[type="text"]
{
    width: 200px;
}

.manage-address .street input[type="text"]
{
    width: 400px;
}

.manage-address .suburb-notice
{
    font-size: 10px;
}

.manage-address-form .postcode, .manage-address-form .street, .manage-address-form .check-address,
#edit-address-div .postcode, #edit-address-div .street, #edit-address-div .check-address,
.delivery-contents .postcode, .delivery-contents .street, .delivery-contents .check-address
{
    margin: 5px 0px;
}

.manage-address-form .postcode label, .manage-address-form .street label,
#edit-address-div .postcode label, #edit-address-div .street label,
.delivery-contents .postcode label, .delivery-contents .street label
{
    display: inline-block;
    float: none;
    line-height: 20px;
    margin-left: 5px;
    width: 95px;
}

.delivery-contents .postcode label, .delivery-contents .street label
{
    width: 90px;
}

.manage-address-form .postcode input[type="text"],
#edit-address-div .postcode input[type="text"],
.delivery-contents .postcode input[type="text"]
{
    width: 200px;
}

.manage-address-form .street input[type="text"],
#edit-address-div .street input[type="text"],
.delivery-contents .street input[type="text"]
{
    width: 200px;
}

.manage-address-form .check-address,
#edit-address-div .check-address
{
    padding-left: 103px;
}
.manage-address-form .check-address a
{
     display: inline-block;
}

.delivery-contents .check-address
{
    padding-left: 98px;
}

.delivery-contents .check-address a
{
    display: inline-block;
}

.manage-address-list
{
    border: 1px solid #CFCFCF;	
	clear: both;
}
.manage-address-list-popup
{
    height: 126px;
    overflow-y: auto;
	overflow-x: hidden;
}

.manage-address-list li 
{
    margin: 0px 2px 0px 2px;
	color: #999999;
	font-size:11px;
	border-bottom: 1px solid #E5E5E5;
}

.manage-address-list li a.set-address-link
{    
    padding: 10px 8px 10px 8px;
    height: 11px;
    outline: none;    
    display: inline-block;
    float: left; 
}

.manage-address-list li a.set-address-link-button
{
    width:auto;
    padding: 10px 0;
    font-size:8px;
    float: right;
    margin-right: 5px;
}

.manage-address-list li a.set-address-link-button span
{
    font-size:8px;
}
.manage-address .address-item
{
    overflow: hidden;
}

.manage-address-list li .SmallGreenButton
{
    float: left;
    position: relative;
    width: 30px;
}

#popup-panel .manage-address-list li a.set-address-link-button span
{
    font-size: 8px;
}
.manage-address-mandatory
{
    font-size: 10px;
    float: left;
    margin: 2px 0px 0px 20px;
}

.manage-address-list .selected
{
	color: #39474F;
	font-weight: bold;
	background: #E5E5E5;	
}

.manage-address-add-button
{
	margin: 10px 5px 5px 0px;
	float: right;
    width: 130px;
}

.manage-address-delete-button
{
    margin: 10px 5px 5px 5px;    
    float: left;
}
 .manage-address-delete-button .RedButton-center, .manage-address-save-changes-button input.LightGreenButton, .manage-address-add-button input.LightGreenButton 
 {
     text-align: left;
 }
 
.manage-address-save-changes-button
{
	margin: 10px 5px 5px 0px;
	float: right;
	width: 127px;
}

.manage-address-enter-phone
{
    display: block;
    margin: 15px 0px 0px 5px;
}

.manage-address-phone
{
    clear: none;
	margin-right: 10px;
	float: left;	
}

.manage-address-phone-span
{
    float: left;
    margin-left: 5px;
    line-height: 20px;
    width: 140px;
}

.manage-address-phone label
{
    width: 60px;
    display: inline-block;
}

.manage-address-phone .area
{
    display: inline;
	margin-right: 3px;
	width: 15px;	
}

.manage-address-phone .number
{
    display: inline;
	width: 55px;
}

.manage-address .form-error
{
    margin-left: 103px;
    padding-top: 5px;
}

.manage-address .phone-error
{
    margin-left: 5px;
}

.manage-address .delete-error
{
    margin: 10px 0px 0px 5px;
}

.manage-address-change-address
{
    float: left;
}

.manage-address-save-continue
{
    float: right;
    width: 150px;
}

#edit-address-div
{
	margin-top: 10px;
}

.manage-address-button
{
	margin-top: 15px;
	overflow: hidden;
	font-size: 11px;
}

.manage-address-button a.center-text
{
    display:inline-block;
}

.manage-address-button a.left-text
{
    float:right;
    display:inline-block;
}
.manage-address-button-area
{
    font-size: 0;
}

/****************************************************************
************************ Login Compact **************************
*****************************************************************/
.login-compact-content
{
	overflow:hidden;
}

.login-compact-content label
{
	display:inline-block;
	width:60px;
	color:#39474F;
	float:left;
	padding-top:5px;
}

.login-compact-content .field-row
{
	margin: 8px 0px;
	overflow:hidden;
	width:250px;
}

.login-compact-content .field-row .field-validation-error
{
	clear:both;
	color:#E2001A;
	float:left;
	width:188px;
	margin:8px 0px 0px 60px;
	
}
.login-compact-content .field-row *
{
	vertical-align:middle;
}

.login-compact-content .field-row .text-box
{
    /* vision australia changes to show outline 
       for focussed input elements*/
	width:175px;
	float:left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.login-compact-content .remember-me *
{
	vertical-align:middle;
}

.login-compact-content .remember-me label
{
	width:70px;
	font-size:10px;
	float:left;
	padding-top:4px;
}

.login-compact-content .remember-me .checkbox
{
	margin-left:64px;	
	float:left;
}

.login-compact-content .remember-me .image-button
{
	float:left;
    text-align: left;
    padding-left: 2px;
}
.login-compact-content .remember-me .LightGreenButton-wrapper
{
	float:right;
    width: 82px;
}
.login-compact-content .registerbutton
{
	height:22px;
	width:83px;
	float:right;
}

.login-compact-content .complete-registration-button
{
	height:22px;
	width:140px;
	float: right;
}

.login-compact-content .complete-registration-message-div
{
    width: 400px;
    line-height: 20px;
}

.login-compact-content .forgot-password
{
	margin-bottom: 0px;
}

.login-compact-content .forgot-password .link
{	
	margin-bottom: 1px;
	margin-right:85px;
	color:#00501F;
	float:left;
	font-size:11px;
	text-decoration:underline;
}

.login-compact-content .forgot-password span
{
	display:inline-block;
	float:left;
}
.login-compact-content .remember-me .LightGreenButton
{
    width: 83px;
    float: right;
}
.login-compact-content .forgot-password div.DarkGreenButton
{
    width: 53px;
}


/****************************************************************
************************ Login Extended *************************
*****************************************************************/
.login-extended-content
{
	overflow:hidden;
}

.login-extended-content .login-extended-main
{
    padding: 10px 15px 10px 15px;
    overflow: hidden;
}

.login-extended-content label
{
	display: inline-block;
	width: 100px;
	color: #39474F;
	float: left;
	padding-top: 5px;
}

.login-extended-content .field-row
{
	clear: both;
	margin: 4px 0px;
	overflow:hidden;
}

.login-extended-content .field-row .field-validation-error
{
	clear:both;
	color:#E2001A;
	float:left;
	width:188px;
	margin:8px 0px 0px 100px;
	
}
.login-extended-content .field-row *
{
	vertical-align:middle;
}

.login-extended-content .field-row .text-box
{
	width:200px;
	float:left;
}

.login-extended-content .remember-me
{
	clear: both;
    float: left;
    padding-left: 100px;
    padding-top: 5px;
    overflow: hidden;
}

.login-extended-content .remember-me *
{
	vertical-align:middle;
}

.login-extended-content .remember-me label
{
	width:70px;
	font-size:10px;
	float:left;
	padding-top:4px;
}

.login-extended-content .remember-me .checkbox
{
	margin-left: 0px;	
	padding-left: 0px;
	float: left;
}

.login-extended-content .loginbutton
{
	height:22px;
	width:83px;
	float:right;
}

.login-extended-content .registerbutton
{
	height:22px;
	float:left;
}

.login-extended-content .registerbutton .DarkGreenButton
{
    width: 53px;
}

.login-extended-content .forgot-password
{
	clear: both;
	padding: 5px 0px 5px 100px;
    overflow: hidden;
    float: left;
}

.login-extended-content .forgot-password .link
{	
	margin-bottom: 1px;
	color:#00501F;
	float:left;
	font-size:11px;
	text-decoration:underline;
}

.login-extended-content .forgot-password span
{
	display:inline-block;
	float:left;
	padding-top:5px;
}

.login-extended-buttons
{
    overflow: hidden;
    clear: both;
    padding: 0px 5px 5px 5px;
}
.login-extended-content a
{
    float:left;
    display:inline-block;
}

/****************************************************************
********************** Search from a list ***********************
*****************************************************************/
#search-list-navigation .navigation-buttons
{
	margin-top:7px;
	margin-bottom:10px;
	overflow:hidden;
}

#search-list-navigation .navigation-buttons a.previous-button
{
	float:left;
    display: inline-block;
    padding: 0;
    width: 83px;
}

#search-list-navigation .navigation-buttons .previous-button .GreyButton-center
{
    padding-right: 4px;
}

#search-list-navigation .navigation-buttons a.next-button
{
	float:right;
	display: inline-block;
	padding: 0;
	width: 83px;
}
#search-list-navigation .navigation-buttons .next-button .GreyButton-center
{
    padding-left:4px;
}
#search-list-navigation .modify-list-links .frame-top
{
	background: #FFFFFF url('../Images/SearchFromList/bg-thin-grey-frame-top.png') no-repeat left top;
	height: 4px;
	overflow: hidden;
}

#search-list-navigation .modify-list-links .frame-middle
{
	background: #FFFFFF url('../Images/SearchFromList/bg-thin-grey-frame-middle.png') repeat-y left top;
	padding: 6px 12px;
	overflow:hidden;
	width:151px;
}

#search-list-navigation .modify-list-links .frame-bottom
{
	background: #FFFFFF url('../Images/SearchFromList/bg-thin-grey-frame-bottom.png') no-repeat left top;
	height: 4px;
	overflow: hidden;
}

#search-list-navigation .modify-list-links a.clear-list-link
{
	float:left;
	font-size:8px;
    padding: 0;
    width: 65px;
}

#search-list-navigation .modify-list-links a.edit-list-link
{
	float:right;
    font-size:8px;
    padding: 0;
    width: 65px;
}

#search-list-navigation .modify-list-links .edit-list-link div,#search-list-navigation .modify-list-links .edit-list-link div
{

    width: 55px;  
}

#edit-search-list
{
	overflow:hidden;
	width:552px;
}

#edit-search-list h1
{
	margin-top:5px;
}

#edit-search-list .edit-search-content
{

	overflow:hidden;
}

#edit-search-list form
{
	overflow:hidden;
	padding-top:10px;
}

#edit-search-list .notepad-container
{
	float:left;
	width:314px;
	
}

#edit-search-list .notepad-container .notepad-top
{
	background: #FFFFFF url('../Images/SearchFromList/bg-notepad-top.jpg') no-repeat left top;
	height:45px;
	overflow: hidden;
}

#edit-search-list .notepad-container .notepad-middle
{
	background: #FFFFFF url('../Images/SearchFromList/bg-notepad-middle.jpg') repeat-y left top;
}

#edit-search-list .notepad-container .notepad-bottom
{
	background: #FFFFFF url('../Images/SearchFromList/bg-notepad-bottom.jpg') no-repeat left top;
	height:24px;
	overflow: hidden;
}



#edit-search-list .notepad-container textarea
{
	width:265px;
	margin-left:12px;
	
	height:225px;
}

#edit-search-list .button-container
{
	padding-top:10px;
	clear:both;
	overflow:hidden;
}

#edit-search-list .notepad-button-container
{
	float:left;
}

#edit-search-list .notepad-button-container .button-container-top
{
	background: #FFFFFF url('../Images/SearchFromList/bg-thin-grey-large-frame-top.png') no-repeat left top;
	height:4px;
	width:302px;
	overflow: hidden;
}

#edit-search-list .notepad-button-container .button-container-middle
{
	overflow:hidden;
	padding:6px 11px;
	width:280px;
	background: #FFFFFF url('../Images/SearchFromList/bg-thin-grey-large-frame-middle.png') repeat-y left top;
}

#edit-search-list .notepad-button-container .button-container-bottom
{
	background: #FFFFFF url('../Images/SearchFromList/bg-thin-grey-large-frame-bottom.png') no-repeat left top;
	height:4px;
	width:302px;
	overflow: hidden;
}



#edit-search-list .notepad-button-container .clear-list-link
{
	float:left;
}
#edit-search-list .notepad-button-container .clear-list-link span, #edit-search-list .notepad-button-container .save-list-link span
{
    font-size: 8px;
}

#edit-search-list .notepad-button-container .save-list-link
{
	float:right;
	font-size:8px;
}

#edit-search-list .submit-button-container
{
	float:right;
	margin-top:9px;
    width: 140px;
}

#edit-search-list .submit-button-container input
{
    padding-left: 0px;
}

#edit-search-list .instructions-container
{
	float:right;
	line-height: 16px;
	width:220px;
	margin-left:7px;
	margin-top:10px;
	margin-right:10px
}



#edit-search-list .search-button-container
{
	clear:both;
	overflow:hidden;
}

#edit-search-list .search-button-container input
{
	float:right;
}

#edit-search-list .field-validation-error
{
	margin-bottom:5px;
	display:block;
}

/****************************************************************
************************** Unsubscribe **************************
*****************************************************************/
#unsubscribe h1
{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:1px;
}

#unsubscribe .unsubscribe-message
{
	padding: 10px;
	line-height: 14px;
}

#unsubscribe .unsubscribe-message a
{
	color:#00501F;
	text-decoration:underline;
}

#unsubscribe input
{
	float:right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top:10px;
}

/****************************************************************
********************* Schedule / Reserve ************************
*****************************************************************/

.schedule-reserve
{
    width: 552px;
	overflow: hidden;
	color :#39484F;
	font-size: 11px;
}

.schedule-reserve-content
{
	margin-bottom: 15px;
}

.schedule-reserve-left
{
    float: left;
}

.schedule-reserve-right
{
    float: right;
}

.schedule-reserve-info
{
    width: 355px;
    margin-bottom: 15px;
}

.schedule-reserve-info-heading
{
    background: #39484F;	
	padding: 0px 10px 0px 0px;	
	overflow: hidden;
}
.schedule-reserve-info-heading, .manage-delivery-manage-address {
    background-color: #F8F8F5;
    color: #00501F;
}
.schedule-reserve-info-header
{
	float: left;
	display: block;
}

.schedule-reserve-info-heading .text
{
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	line-height: 22px;
	height: 22px;
}
.schedule-reserve-info-heading a
{
	text-decoration:underline;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
}

.schedule-reserve-address
{
    clear: both;
    border: 1px solid #E5E5E5;
    padding: 10px 10px 10px 10px;
    line-height: 16px;
    overflow: hidden;
}

.schedule-reserve-address-label
{
    float: left;
    width: 280px;   
}

.schedule-reserve-address-change
{
    float: right;
}

.schedule-reserve-note
{
	line-height: 16px;
    margin: 5px 5px 15px 5px;
    width: 350px;
}

.schedule-reserve-schedule
{
    width: 355px;
}

.schedule-reserve-select-div
{
	height: 215px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	overflow: auto;	
}
.schedule-reserve-select-table thead tr
{
	color: #FFFFFF;
	height: 18px;
}

.schedule-reserve-select-table th
{
	background-color:#747474;
	padding-left:8px;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	vertical-align: middle;
}

/* Title specific width */
.schedule-reserve-select-table .hdr-day
{
	width:70px;
}
.schedule-reserve-select-table .hdr-time
{
	width:115px;
}
.schedule-reserve-select-table .hdr-status
{
	width:82px;	
}
.schedule-reserve-select-table .hdr-reserve
{
	width:50px;
}
.schedule-reserve-select-table .hdr-day-logged-out
{
	width:80px;
}
.schedule-reserve-select-table .hdr-time-logged-out
{
	width:148px;
}
.schedule-reserve-select-table .hdr-status-logged-out
{
	width:97px;	
}

/* items */
.schedule-reserve-select-table tbody tr
{
	height: 22px;	
}

.schedule-reserve-select-table tbody td
{
	color:#747474;
	border-bottom:1px solid #E0E0E0;
	padding:3px 0px 3px 8px;
	vertical-align:middle;
	font-size:11px;
}

.schedule-reserve-select-table tbody td.checked
{
	background:url("../Images/Shared/bg-small-tick.png") no-repeat scroll 28px center #E5E5E5
}

.schedule-reserve-select-table tbody td.selected
{
	background-color:#E5E5E5;
	color:#39474F;
	font-weight:bold;
}

.schedule-reserve-select-table tbody td.col-day
{
	padding-top: 4px;
	vertical-align: top;
}

.schedule-reserve-select-table .lastrow , .schedule-reserve-select-table .lastrow td
{	
	border-bottom:1px solid #747474;
}

.schedule-reserve-select-table .selected td, .schedule-reserve-select-table .selected
{	
	background-color:#E5E5E5;
	color:#39474F;
	font-weight:bold;
}


.schedule-reserve-select-table .closed, .schedule-reserve-select-table .closed td
{
	color:#E2001A;
}

.schedule-reserve-select-table input[type=radio]
{
	margin-left: 15px;
	display:inline !important;
	position: absolute;		
	left: -9999px;
}

.SelectedScheduleHidden
{
	position: absolute;		
	left: -9999px;
}

.schedule-reserve-delivery-fees
{
    width: 180px;
    margin-bottom: 20px;
}

.small-contents .schedule-reserve-delivery-fees {
    margin-bottom: 0px;
}
.schedule-reserve-delivery-fee-table
{
    margin-bottom: 10px;
    font-size: 11px;
}

.schedule-reserve-delivery-fee-table td
{
    border: 1px solid #E5E5E5;
    color: #999999;
	padding: 5px;
}

.schedule-reserve-delivery-fee-table .delivery-fee
{
	width: 45px;
}

.schedule-reserve-delivery-fee-table .order-value
{
	width: 125px;
}

.schedule-reserve-delivery-fee-note
{
    margin-bottom: 10px;
    line-height: 16px;
    padding: 0px 5px 0px 5px;
}

.schedule-reserve-hint
{
    width: 170px;
    line-height: 16px;
    font-size: 11px;
    padding: 0px 5px 0px 5px;
}

.schedule-reserve-save-continue
{
    float: right;
    width: 180px;
}

.schedule-reserve-suburb-search
{
    clear: both;
    margin: 5px 0px 0px 0px;
    line-height: 16px;
    overflow: hidden;
    width: 343px;
}

.schedule-reserve-register
{
    float: left;
}

.schedule-reserve-login
{
    float: right;
}

.schedule-reserve-login .LightGreenButton
{
    width: 60px;
}

.schedule-reserve-buttons
{
    margin-top: 10px;
    overflow: hidden;
}

.delivery-fee-popup
{
	overflow: hidden;
	width: 180px;
}

.schedule-reserve-buttons .DarkGreenButton
{
    width: 60px;
}

#toolbar-panel .toolbar-onecard-container 
{
    display: inline-block;
    float: right;
    overflow: hidden;
    margin-right: -6px;
    padding-top: 2px;
    width:auto;
}

#toolbar-panel .toolbar-onecard-container .enter-onecard
{
    line-height: 28px;
}

#toolbar-panel .toolbar-onecard-container .enter-onecard .card-textbox
{
    margin-top: 1px;
}

#toolbar-panel .toolbar-onecard-container a
{
	font-size: 15px;
	font-weight: bold;
	color: #39474F;
	vertical-align: top;
	display: inline-block;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
}

#toolbar-panel .toolbar-enter-onecard-container
{
    display: inline-block;
    float: right;
    overflow: hidden;
    margin-right: 15px;
    /*width:415px;*/
    height: 30px;
}


#toolbar-panel .toolbar-enter-onecard-container .enter-onecard {
    font-size: 17px;
    line-height: 28px;
    color: #39474F;
    font-family: DINWebPro-Medium;
    text-align: right;
}


#toolbar-panel .toolbar-enter-onecard-container .enter-onecard .go-button 
{
    display:inline-block;
    vertical-align:middle;
}

#toolbar-panel .toolbar-enter-onecard-container .enter-onecard .card-textbox
{
    display:inline-block;
    margin-right: 7px;
    margin-top: 2px;
    vertical-align: top;
}


/****************************************************************
********************* Advanced Settings *************************
*****************************************************************/

.advanced-settings-message
{
    margin: 15px 15px 15px 15px;
}

.advanced-settings-form
{
    margin: 5px 15px 5px 15px;
}

.advanced-settings label
{
    color: #747474; 
}

.advanced-settings-form label
{
    display: block;
	float: left;
	line-height: 20px;
	width: 220px;	
}
.advanced-settings label.advanced-settings-radio-label
{
    color: #39474F;
}

.advanced-settings-form select
{
    width: 50px;
}

.advanced-settings-save
{
    clear: both;
    margin: 10px 5px 5px 0px;
	float: right;
    width: 100px;
}

.advanced-settings-radio
{
    margin: 15px 15px 5px 15px;
}

.advanced-settings-checkbox
{
    margin: 10px 15px 0px 15px;
}

.advanced-settings-checkbox input
{
    margin: 0px;
    vertical-align: text-bottom;
}


/****************************************************************
********************* Have you forgotten ************************
*****************************************************************/

#have-you-forgotten
{
	width:690px;
}

#have-you-forgotten #delivery-savings-message
{
	height: 22px;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: left;
}
#have-you-forgotten #delivery-savings-message img.delivery-fee-link-image
{
    margin-right: 3px;
}
#have-you-forgotten #delivery-savings-message .delivery-fee-message
{
    vertical-align: top;
}
#have-you-forgotten .dont-show-again-container
{
	float:left;
}

#have-you-forgotten .button-container
{
	overflow:hidden;
	line-height:20px;
}

#have-you-forgotten .button-container input
{
	vertical-align:middle;
}

#have-you-forgotten .button-container .checkout-button
{
	float:right;
    width: 145px;
}
#have-you-forgotten .button-container .checkout-button input
{
    text-align: left;
}

#have-you-forgotten .button-container label
{
	font-size:10px;
}

#have-you-forgotten .product-container
{
	overflow:hidden;
	padding: 0 2px;
}
#have-you-forgotten .product-container .product-stamp-grid.col-0, 
#have-you-forgotten .product-container .product-stamp-grid.col-1
{
	margin-right: 8px;
}

#have-you-forgotten .treat-yourself-container, #have-you-forgotten .previous-purchase-container
{
	margin-bottom:15px;
}
#have-you-forgotten .prev-purchased-back,
#have-you-forgotten .treat-yourself-back
{
    float: left;  
}
#have-you-forgotten .prev-purchased-forward,
#have-you-forgotten .treat-yourself-forward
{
    float: right;    
}
#have-you-forgotten .product-navigation,
#have-you-forgotten .product-navigation-treatyourself
{
    text-align: center;
}
#have-you-forgotten .product-navigation .product-navigation-dots a,
#have-you-forgotten .product-navigation-treatyourself .product-navigation-dots a
{
    padding: 0px 4px;
    float: left;    
}
#have-you-forgotten .product-navigation .product-navigation-dots,
#have-you-forgotten .product-navigation-treatyourself .product-navigation-dots
{
    display: inline-block;  
    margin-top: 8px;   
}


/****************************************************************
********************* Useful lists *************************
*****************************************************************/

.useful-lists-container .useful-lists-table td
{
	height: 42px;
}

.useful-lists-container .my-useful-lists-listitem .bottom-border
{
	border-bottom: 1px solid #E5E5E5;
}


.useful-lists-container .useful-lists-table .list-name-column
{
	width:540px;
	padding-left:5px;
}

.useful-lists-container .useful-lists-table .add-to-trolley-column
{
	width:135px;
}

.useful-lists-container .useful-lists-table .add-to-trolley-column a div
{
	width:100px;
}

.useful-lists-container .list-description
{
	font-size:11px;
	padding-top:4px;
}

.useful-lists-container .list-name a
{
	text-decoration:underline;
}

/****************************************************************
********************* Password Reminder *************************
*****************************************************************/
.password-reminder-compact
{
	width:250px;
	overflow:hidden;
	font-size:11px;
}

.password-reminder-compact .error-message
{
	padding-top:10px;
}

.password-reminder-compact .message
{
	padding-bottom:10px;
}

.password-reminder-compact .email-label
{
	float:left;
}

.password-reminder-compact .email-input
{
	width:190px;
	float:right;
}

.password-reminder-compact .field-div
{
	overflow:hidden;
	vertical-align:middle;
	line-height:20px;
}

.password-reminder-compact .send-me-my-password-link
{
	margin-top:10px;
	float:right;
}
.password-reminder-compact .send-me-my-password-link input
{
    padding: 0;
    text-align: center;
}

.password-reminder-extended
{
	overflow:hidden;
}

.password-reminder-extended-content
{
    padding: 5px;
}

.password-reminder-extended .error-message
{
	padding-top:10px;
}

.password-reminder-extended .message
{
	padding-bottom:10px;
}

.password-reminder-extended .email-label
{
	float: left;
	line-height: 20px;
	width: 100px;
	display: block;
}

.password-reminder-extended .email-input
{
	width:190px;
}

.password-reminder-extended .field-div
{
	overflow:hidden;
	vertical-align:middle;
	line-height:20px;
}

.password-reminder-extended .send-me-my-password-link
{
	margin-top:10px;
	margin-bottom:5px;
	float:right;
}

/****************************************************************
********************** Print Direct Debit ***********************
*****************************************************************/
.direct-debit-print
{
    margin: 0 auto;
    width: 634px;
}

.direct-debit-shopper
{
    margin: 16px 5px 10px 5px;
    float: left;
}

.direct-debit-print-form
{
    display: block;
    clear: both;
}

.direct-debit-logo
{
    position: relative;
    left: 360px;
}

/****************************************************************
************************** Sitemap ******************************
*****************************************************************/

.sitemap-container
{
	text-decoration:underline;
}

.sitemap-container .links li
{
	margin-bottom:5px;
}

/****************************************************************
********************** Popular Searches *************************
*****************************************************************/
.popular-searches
{
	text-decoration:underline;
}

.popular-searches li
{
	margin-bottom:5px;
}

/****************************************************************
************************ Reset Password *************************
*****************************************************************/
.reset-password
{
	margin-top: 10px;
}

.reset-password-content
{
	margin: 10px 15px 5px 15px;
}

.reset-password-content label
{
	width: 150px;
	color: #747474;
	font-weight: normal;
}

.reset-password-content .form input
{
	width: 180px;
}

.reset-password .reset-password-info
{
	margin-bottom: 10px;
}

.shelf-banner, .lower-shelf-banner 
{
    padding-top: 5px;
}

/****************************************************************
************************ Password Security Question *************
*****************************************************************/

#password-security-question .security-question-label
{
	line-height:20px;
	padding-bottom:2px;
}




/****************************************************************
************************   All Browser hack codes   *************
*****************************************************************/
/* Please place these code in the bottom. Otherwise VS shows error. */
/* Target latest browser (IE9, FF, Chrome and Safari) */
:root #register .phone #MobilePhoneNo 
{
    width:49px;
}
:root #register .field-name input#LastName
{
    width:133px;
}
:root #register .field-name input#LastName.input-validation-error
{
    width:131px;
}
:root .favourite-product-stamp .limit-container
{
	margin-top: 7px;

}

/***********************************************************************
 ************************ All Smart Trolley css here *******************
 ***********************************************************************/
#smart-trolley-container > .department-container ~ .department-container
{
    margin-top: 0px;
}

#smart-trolley-container .reset-smart-trolley-button
{
    float: left;
    margin-top: 5px;
}

#smart-trolley-container .product-stamp-list
{
    border-bottom: 1px solid #f1f1de;
}

#smart-trolley-container .check-item-container
{
    float: right;
    margin-top: 2px;
}

#smart-trolley-container .department-container
{
    margin-top: 25px;
}

#smart-trolley-container .check-all
{
	float: right;
	margin-right: 5px;
	font-size: 10px;
	margin-top: 4px;
}

#smart-trolley-container .check-all label
{
    float:left;    
    line-height:23px;
    vertical-align:middle;
}

#smart-trolley-container .check-all input
{
    margin: 4px;
    float:left;
    padding:0;
}

#smart-trolley-container .button-row
{
    padding-bottom:7px;
    border-bottom: 1px solid #000;
}

#smart-trolley-container .button-row-bottom
{
    padding-bottom:7px;
    border-top: 1px solid #000;
}

#smart-trolley-container .never-show-this-item-link 
{
    text-align:right;
    margin-top:5px;
}

#smart-trolley-container .product-stamp-list .product-stamp-body .product-stamp-footer
{
    padding-top:0;    
}

#smart-trolley-container .product-stamp .price-container .price
{
    line-height:27px;
    vertical-align:baseline;    
}
#smart-trolley-container .product-stamp-list
{
    width:675px;    
}

#smart-trolley-container .product-stamp .add-to-trolley-container .in-trolley .increment-decrement-form
{
    margin-top:1px;    
}

#smart-trolley-container h3.department-name
{
    width:300px;    
    float:left;
}

#smart-trolley-container a.never-show-this-department-link
{
    float:right;
    margin-top:7px;
}

#smart-trolley-container .department-header
{
    border-bottom: 1px solid #00501F;    
    height:22px;
}

#smart-trolley-container .smart-trolley-description
{
    margin-bottom:12px;    
    background:url('../Images/SmartTrolley/smart-trolley-graphic.jpg') no-repeat right bottom;
    min-height:71px;
}

#smart-trolley-container .smart-trolley-description-text
{
    width:455px; 
}

#smart-trolley-container .product-stamp-list .product-stamp-body .add-to-trolley-container
{
    width:210px;
}

#smart-trolley-container .product-stamp .quantity-input-container
{
    margin: 0 40px 0 0;    
}

#smart-trolley-container .product-stamp-list .product-stamp-body .details-container
{
    padding-bottom:1px;    
}

#smart-trolley-container .product-stamp .limit-container
{
    margin:7px 7px 0 0;    
}

#smart-trolley-container .product-stamp-list .product-stamp-body .product-stamp-footer span.cup-price
{
    margin: 7px 0 0 0;
    padding:0;
    float:left;
    line-height:14px;
    height:12px;
    vertical-align:baseline;
    width:auto;
}

#smart-trolley-container .product-stamp-list .product-stamp-body .price-container
{
    width: 58%;
    padding-left:0; 
}

#smart-trolley-container .product-stamp-list .product-stamp-body 
{
    margin-left: 10px;
    width: 594px;
}
 #smart-trolley-container .product-stamp-list .special-container
 {
    width:574px;     
}

/***********************************************************************
 ****************** All View Trolley ViewTrolley css here **************
 ***********************************************************************/
 
#trolley-container .department-container
{
    margin-top: 0px;
    border-bottom: 1px solid #E9ECDB;
}
 
#trolley-container .trolley-control-panel,
#trolley-container .trolley-control-panel-footer
{
     margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

#trolley-container h2
{
    margin-bottom: 0px;
    font-family: 'DINWebPro-Medium';
    font-weight: normal;
}

#trolley-container .save-on-delivery-link
{
    background: transparent url('../Images/Trolley/bg-trolley-delivery.png') no-repeat left top;
    position: absolute;
    left: 25px;
    bottom: -9px;
    width: 214px;
    height: 30px;
    background-size: 213px 30px;
    float: right;
    margin-bottom: 5px;
    text-align: left;
}

#trolley-container .save-on-delivery-link .delivery-text
{
    font-size: 9px;
    padding-left: 43px;
    line-height: 30px;
    display: block;
    text-decoration: underline;
}

#trolley-container .trolley-control-panel-footer
{
    margin-top: 10px;
}

#trolley-container .trolley-control-panel-border
{
    margin-top: 20px;
    border-top: 1px solid black;
}
 
#trolley-container .trolley-control-panel .checkout-button,
#trolley-container .trolley-control-panel-footer .checkout-button
{
    float: right;
}
 
#trolley-container .trolley-control-panel .trolley-buttons,
#trolley-container .trolley-control-panel-footer .trolley-buttons
{
    width: 200px;
    float: left;
} 

#trolley-container .product-stamp-list
{
    width: 680px;
}
 
 
 .trolley-items
{
    width: 100%;
    margin-right: 5px;
}
 
.trolley-items tr.trolley-item-header 
{
    
    height: 17px;
    line-height: 17px;
    color: #00501F;
    background-color: #ebebe2;
} 

.trolley-items .trolley-item-header th {
    padding-top: 2px;
    background-color: #ebebe2;
}
 
.trolley-items .trolley-item-header th.total {
    padding-right: 20px;
    text-align: right;
}
 
.trolley-items .trolley-item-header .item
{
    text-align: left;
    padding-left: 10px;
    width: 380px;
} 
 
 .trolley-items .trolley-item-header .discount
 {
     width: 100px;
     text-align: center;
 }
 
 .trolley-items .trolley-item-header .quantity
 {
     width: 80px;
     text-align: center;
 }
 
#trolley-container .display-images
{
    line-height: 23px;
    float: left;
}

#trolley-container .display-images .checkbox-label
{    
    margin-left: 4px;
    text-align: center;
    vertical-align: text-bottom;
}
 
.trolley-items .department-container h3.department-name
{
    text-align: left;
    margin-top: 15px;
    padding-left: 3px;
}

#trolley-container .amount
{
    float: right;
}

#trolley-container .amount .total,
#trolley-container .amount .discount,
#trolley-container .amount .sub-total
{
    border-bottom: gray;
    border-collapse: separate;
    border-spacing: 2px;
    width: 250px;
    height: 15px;
    display: block;
    margin-top: 3px;
}

#trolley-container .amount .total .header,
#trolley-container .amount .discount .header,
#trolley-container .amount .sub-total .header
{
    width: 150px;
    text-align: right;
    display: block;
    float: left;
}

#trolley-container .amount .total .value,
#trolley-container .amount .discount .value,
#trolley-container .amount .sub-total .value
{
    width: 70px;
    text-align: right;
    display: block;
    float: right;
}

#trolley-container .amount-summary .sub-total-header
{
    font-size: 20px;
    margin-bottom: 2px;
    font-family: 'DINWebPro-Medium';
}

#trolley-container .amount-summary .trolley-savings span,
#trolley-container .discounted-total
{
    color: #E2001A;
    font-weight: bold;
}

#trolley-container .amount-summary .delivery-fee,
#trolley-container .amount-summary .trolley-savings
{
    margin-bottom: 6px;
}

#trolley-container .amount-summary .delivery-fee {
    font-size: 11px;
}

#trolley-container .amount-summary .trolley-savings {
    height: 12px;
    margin-top: 5px;
}

#trolley-container .trolley-header
{
    display: block;
    width: 100%;
    height: 30px
}

#trolley-container .trolley-header .trolley-title {
    float: left;
}

#trolley-container .amount-summary {
    display: block;
    float: right;
    text-align: right;
    margin-right: 5px;
    margin-bottom: 12px;
    position: relative;
    width: 340px;
}

#trolley-container .amount-summary.no-special {
    height: 40px;
}

#trolley-container .totals .totals-summary td {
    padding: 4px 0;
    vertical-align: middle;
    border-top: 0;
}

#trolley-container .totals .totals-summary td.label {
    text-align: right;
    width: 90px;
}

#trolley-container .totals .totals-summary td.amount {
    padding-right: 15px;
    text-align: right;
    width: 80px;
}

#trolley-container .totals .totals-summary td.first-row {
    font-weight: bold;
}

#trolley-container .totals .totals-summary td.saving{
  color: #E2001A;
}

#trolley-container .amount-footer 
{
    margin: 20px 5px 0 0;
    float: right;
}
#trolley-container .amount-footer .totals {
    margin-bottom: 5px;
}

/*******************************************************************
 ***************** View Trolley Product Stamp **********************
 *******************************************************************/

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer
{
    float: left;
    width: 100%;
}

#trolley-container .trolley-items .product-stamp-list .price-container
{
    text-align: left;
}
#trolley-container .trolley-items .product-stamp-list .image
{
    float: left;
}

#trolley-container .trolley-items .product-stamp-list .product-stamp-body
{
    float: left;
    width: 580px;
    margin-left: 5px;
}

#trolley-container .trolley-items .product-stamp-list .product-stamp-body.no-image {
    width: 650px;
}

#trolley-container .trolley-items .product-stamp-list .remove-button
{
    float: left;
    width: 20px;
    margin-top: 5px;
    margin-left: 2px;
}

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer .quantity-container
{
    float: left;
    width: 85px;
}

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer .quantity-container span {
    float: left;
    width: 25px;
    text-align: right;
}

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer .quantity-container .increment-decrement-form
{
    width: 40px;
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 10px;
}  

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer .quantity-container .increment-decrement-form form
{
    float: left;
    width: 20px;
}  

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer .discount-amount
{
    float: left;
    width: 70px;
    text-align: right;
}

#trolley-container .trolley-items .product-stamp-list .product-stamp-body .product-stamp-footer .total-amount
{
    float: right;
    width: 90px;
    text-align: right;
    margin-right: 20px;
}

#trolley-container .product-stamp-list .special-container {
    width: 541px;
}

#trolley-container .product-stamp .limit-container {
    float: right;
    margin-top: 4px !important;
}

#trolley-container .product-stamp-list .product-stamp-body .product-stamp-footer span.cup-price{
    /*float: none;*/
}

#trolley-container .product-stamp .price-container .uom {
    font-weight: normal;
    font-size: 12px;
}

#trolley-container .product-stamp .price-container .special-price .uom {
    color: #E2001A;
}

#trolley-container .product-stamp .price-container .price{
    margin-right: 4px;
}

.recommended-search-container
{
    width:525px;
}

.quick-list-description
{
    width:525px;
}

.search-again-container
{
    width:525px;
}

/* SSO Styles */

/* General Style */

.step-one 
{
    padding-bottom:8px;
}
#emailValidationMessage
{
    margin-left: 126px;
    font-size: 11px;
}

.sso-content
{
    border:0px solid #FFF;
    overflow: hidden;
	width:410px;
	margin: 0px auto;
	padding: 15px;
}

.sso-content *
{
    font-size : 12px;
}


.sso-content .float-left{float:left}
.sso-content .float-right{float:right}

.sso-content .clear-right{clear:right;}
.sso-content .clear-left{clear:left;}
.sso-content .clear-both{clear:both;}

.sso-content .display-inline{display:inline;}
.sso-content .display-inline-block{display:inline-block;}
.sso-content .display-block{display:block;}
.sso-content .display-none{display:none;}
.sso-content .vertical-middle {vertical-align:middle;}
.sso-content p
{
	display: inline-block;
	line-height: 1.2em;
}

.sso-content a, .sso-content a.support-links
{
    color :#00501f;
    text-decoration:underline;
}

.sso-content a.support-links
{
    margin-top:5px;
    display:inline-block;
}

.sso-content  input[type=button]
{
    margin:0px 10px;
}

.sso-content label
{
    width: 120px;
    font-weight:bold;
    display:inline-block;
}

/* Heading Styles */

.sso-content .sub-heading
{
	float:left;
	font-weight: bold;
}

.sso-content .finished h4
{
    margin-bottom:30px;
}

/* Panel and Divider Styles */

.sso-content .grey-divider
{
	height:4px;
	width:100%;
	margin:10px auto;
	background-color: #f1f1de;
	clear:both;
	display:inline-block;
}

.sso-content .thin-divider
{
    height:2px;
    margin:5px auto;
}

.sso-content .row , .sso-content .title-row
{
    margin: 5px 0px;
	padding:0px 15px;
	display:block;
	height:20px;
}

.sso-content .double-row
{
    margin-top:10px;
    height:40px;
}

.sso-content .title-row
{
    padding:0px 10px;
}

.sso-content .ui-tabs-panel .row 
{
}
/* Text and image Styles */

.sso-content .grey
{
	color: #CCC;
}

.sso-content .black
{
	color: #000;
}

.sso-content .label
{
	display:inline-block;
	width:130px;
}

.sso-content .email-image-display
{
    line-height:20px;
    width: 65px;
}

.sso-content .tick 
{
    margin-left: 5px;
}
.sso-content .edit-email-button, .sso-content-email-button img
{
    vertical-align:middle;
}
.sso-content .save-email-panel
{
    display:none;
}

.sso-content #OnecardTabs
{
    margin-top:10px;
    border:0px solid #FFF;
}

.sso-wizard-dob-textbox
{
    width:20px;
    margin-left:2px;
}
.sso-wizard-dob-textbox.year
{
    width: 40px;
}
.sso-content #OnecardTabs ul
{
    background-color:transparent;
    background-image: none;
    border:0px solid #FFF;
}

.sso-content #OnecardTabs ul li.ui-tabs-selected a
{
    /*background-image : url(../Images/Login/SSO/tab-bg.cd.png);*/
}

.sso-content #OnecardTabs ul li a
{
    /*background-image : url(../Images/Login/SSO/tab-bg.cd-dn.png);*/
    
}

.sso-content #OnecardTabs .ui-tabs-panel
{
   border: 2px solid #ebebdd;
   border-top:1px solid #ebebdd;
   border-radius : 4px;
   padding-left : 0em;
   /*padding-bottom: 0em;*/
}

.sso-content .ui-widget-content
{
    font-family: Arial, Helvetica, sans-serif;
    color:#39474f;
}

.sso-content #OnecardTabs .label
{
	width:90px;
}

.sso-content span
{
    display:inline-block;
}

.sso-content h4.alert-text
{
    font-size:1.3em;
    width:340px;
    margin-top:5px;
}


.sso-content .big-tick
{
    margin:0px 5px  0px 20px;
}

.sso-content .email-side-panel
{
    width:250px;
    float:left;    
}

.sso-content .email-side-panel p
{
    line-height:1.5;
}

.sso-content .email-title
{
    font-weight:bold;
    margin-bottom:10px;
}

.sso-content .strength {
	border-top: 6px solid #eee;
	display: inline-block;
	padding: 3px;
	padding-top: 6px;
	margin-right: 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
}
.sso-content .strength.weak.pass {
	border-top-color:#cf2338;
}
.sso-content .strength.medium.pass {
	border-top-color:#f2fb2b;
}
.sso-content .strength.strong.pass {
	border-top-color:#07860e;
}

.sso-content .no-onecard-panel
{
    line-height:15px;
}


.sso-content .no-onecard-panel *
{
    vertical-align:middle;
}

.sso-content .radio
{
    font-size: 0.3em;
}

.sso-content .password-text
{
    padding-left:15px;
}


/**** OneCard message ******/
 .onecard-points-message-link {
    max-width:210px;
    color: #00501F;
    float:left;
    padding-left: 15px;
     text-align:right;
 }
 
 #toolbar-panel .onecard-points-message-link span.onecard-points-message, .manage-onecards .onecard-table .delete-column a span.onecard-points-message {
    color: #00501F;
    text-decoration:underline;
     font-size: 100%;
     line-height: 13px;
 }
 
 
 .onecard-user-name
 { float:left;}
 
 .manage-onecards .onecard-table .delete-column a span.onecard-points-message
 { font-size: 11px;}