<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*****************/
/**** MAIN WRAPPER &amp; TOP ****/ 
/*****************/

@supports (-webkit-appearance: -apple-pay-button) { 
    .apple-pay-button {
        display: inline-block;
        width:100%;
        margin:10px 0;
        padding:10px 0 10px 0;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: yellow;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}


@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding:10px 0 10px 0;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
        margin:15px 0;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    } 
}


.viewordWrapper
{
	float:left;
	width:100%;
}
.h1Wrapper
{
	float:left;
	width:100%;
	margin:0 0 14px 0;
} 
.h1Wrapper h1 
{ 
	float:left;
	width:56%;
	padding:10px 0 0 0;
}
h1
{
	font-size:25px;
	line-height:1.3em;
	color: #000000;
	border:none;
}
.cards-wrapper
{
	float:right;
	width:40%;
	margin:14px 0 10px 0;
}
.cards-wrapper .text
{
	float:right;
	font-size:14px;
	font-weight:700;
	color:#000000;
	position:relative;
	top:8px;
	right:10px;
}
.cards-wrapper .cards
{
	float:right;
	background:url(../images/common/common_sprite.png?v=24);
	background-repeat:no-repeat;
	width:46px;
	height:30px;
	margin:0 0 0 4px;
}
.cards-wrapper .cards.apple {width:46px;background-position:-330px -240px;}
.cards-wrapper .cards.visa {background-position:0px -240px;}
.cards-wrapper .cards.amex {background-position:-46px -240px;}
.cards-wrapper .cards.mastercard {background-position:-140px -240px;}
.cards-wrapper .cards.paypal {background-position:-182px -240px;}
.cards-wrapper .cards.amz {background-position:-228px -240px;}
.cards-wrapper .cards.google 
{
	width:76px;
	background-position:-130px -41px;
}
.yudu-msg
{
	float:left;
	width:100%;
	margin:-10px 0 20px 0;
}
.yudu-msg .head
{
	float:left;
	width:100%;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
}
.yudu-msg .head span
{
	font-weight:bold;
	color:#000000;
}
.yudu-msg .item
{
	float:left;
	width:100%;
	padding:4px 0 4px 0;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	font-style:italic;
	color:#990000;
}
.yudu-msg .item span
{
	font-weight:normal;
	color:#666666;
}
.h1Wrapper .checkoutButtonTop
{
	float:right;   
	width:316px; 
	text-align:center;
	padding:16px 0 16px 0;
	background: -webkit-linear-gradient(#F7E1A7, #EDBA3A); 
	background: -o-linear-gradient(#F7E1A7, #EDBA3A);
	background: -moz-linear-gradient(#F7E1A7, #EDBA3A);
	background: linear-gradient(#F7E1A7, #EDBA3A);
	border:solid 1px #99710D;
	outline:#FFFFFF solid 4px;
	margin:0 0 0 0;
	font-size:16px;
	font-weight:bold;
	color:#5C4507;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
}
.h1Wrapper .checkoutButtonTop:hover
{
	background:#7D864F; 
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	outline:#DDDDDD solid 4px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.basketReload
{
	float:left;
	width:100%;
	padding:2px 0 10px 0;
	font-size:14px;
	line-height:18px;
	color:#444444;
	color:#990000;
	text-align:center;
	font-weight:bold;
	bordeR:solid 1px #990000;
	padding:10px 0 10px 0;
}
/*****************/
/**** MAIN TABLE ****/
/*****************/
.mobileMiddleButtonWrapper
{
	display:none;
}
.viewordLeftWrapper
{
	float:left;
	width:70%;
}
.mainTable
{ 
  	width:100%; 
	border-collapse:collapse; 
	padding:10px;
	margin:0 0 10px 0;
}
.mainTable th 
{ 
	background:#F2F1F0;
	color:#666666;
	font-size:16px;
	padding:10px 8px 10px 8px;
	text-align:left;
	font-weight:normal;
}
.mainTable th.headItemPrice {padding:10px 8px 10px 20px;}
.mainTable th.headQty {padding:10px 8px 10px 20px;}
.mainTable th.headTotal {padding:10px 8px 10px 20px;}
.mainTable td
{ 
	padding:10px 0px 0 0; 
	text-align: left; 
	font-size:13px;
	color:#666666;
	vertical-align:top;
	border-bottom:solid 1px #EEEEEE;
}
.mainTable .divider
{
	float:left;
	width:1px;
	height:100px;
	border-left:solid 1px #EEEEEE;
	margin:0 20px 0 0;
}
.mainTable .input
{
	background:none;
	color:#666666;
	border:solid 1px #CCCCCC;
	padding:0px;
}
p
{
	font-size:12px;
	color:#666666;
	padding:0 0 0 10px;
}
.mainTable .prodImageWrapper
{
	float:left;
	width:120px;
	overflow:hidden;
	display:block;
}
.mainTable .prodImage
{
	border:solid 4px #EEEEEE;
}
.mainTable .descWrapper
{
	float:left;
	width:50%;
	padding:0 0 0 0;
}
.mainTable .desc
{
	float:left;
	width:100%;
	padding:0 0 2px 0;
	font-size:14px;
}
.mainTable .desc a:link, .mainTable a:visited {color:#7D864F; text-decoration:none; line-height:20px;}
.mainTable .desc a:hover {color:#000000; text-decoration:underline;}
.mainTable .pno
{
	float:left;
	width:100%;
	font-size:12px;
	color:#777777;
}
.mainTable .despatchedFrom
{
	float:left;
	width:100%;
	border-top:dotted 1px #DDDDDD;
	margin:4px 0 0 0;
	padding:8px 0 0 0;
	font-size:11px;
	color:#296916;
	font-style:italic;
}
.singlePrice
{
	float:left;
	width:106px;
	font-size:20px;
	color:#CC0000;
	padding:0 0 0 0;
}
.singleWasPrice
{
	float:left;
	width:106px;
	font-size:15px;
	color:#444444;
	padding:4px 0 0 0;
}
.singleWasPrice span
{
	text-decoration:line-through;
}
.saving
{
	float:left;
	width:106px;
	font-size:14px;
	color:#777777;
	padding:4px 0 0 0;
}
.clubSaving
{
	float:left;
	width:110px;
	font-size:14px;
	color:#725C6D;
	padding:4px 0 0 0;
	font-weight:bold;
}
.qtyWrapper
{
	float:left;
	width:120px;
	height:35px;
	margin:0 0 0 0;
	position:relative;
}
.qtyBox
{
	float:left;
	width:40px;
	height:35px;
	background:#F6F6F6;
	border-top:solid 1px #EEEEEE;
	border-bottom:solid 1px #EEEEEE;
	position:relative;
}
.qtyBox input
{
	position:absolute;
	top:8px;
	left:0px;
	float:left;
	width:34px;
	border:solid 1px #F6F6F6;
	background:none;
	text-align:center;
	font-size:12px;
	color:#6C6D70;
	-webkit-text-size-adjust:none;
	-webkit-appearance:none;
	border:none;
}
.qtyWrapper .qtyMinus
{
	float:left;
	width:35px;
	height:35px;
	background:#FFFFFF;
	border:solid 1px #EEEEEE;
	background:url(../images/common/minus.png);
	background-repeat:no-repeat !important;
	background-position:10px 11px !important;
}
.qtyWrapper .qtyMinus:active, .qtyWrapper .qtyPlus:active {background-color:#DDDDDD;}
.qtyWrapper .qtyPlus
{
	float:left;
	width:35px;
	height:35px;
	background:#FFFFFF;
	border:solid 1px #EEEEEE;
	background:url(../images/common/plus.png);
	background-repeat:no-repeat !important;
	background-position:10px 11px !important;
}
.mainTable .lineTotal 
{
	float:none;
	width:90%;
	text-align:left;
	padding:10px 0 0 14px;
	font-size:20px;
	color:#444444;
}
.removeWrapper 
{
	float:left;
	width:80%;
}
.remove
{
	float:left;
	width:96px;
	padding:8px;
	margin:14px 0 0 0;
	background:#EEEEEE;
	font-size:14px;
	text-align:center;
	color:#444444;
	text-decoration:none;
}
.remove:hover 
{
	background:#6B5F53;
	color:#FFFFFF;
}
.buttonPromoWrapper
{
	float:left;
	width:100%;
	margin:20px 0 20px 0;
}
/* promo item */
.promoItemWrapper
{
	float:right;
	width:70%;
	background:#331B4D;
	position:relative;
	text-align:center;
}
.promoItemWrapper img
{
	position:absolute;
	left:-26px;
	top:-8px;
}
.promoItemWrapper .promoHeading
{
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	color:#FFFFFF;
	margin:8px 0 0 0;
}
.promoItemWrapper .promoPriceWrapper
{
	float:left;
	width:100%;
	text-align:center;
	margin:4px 0 4px 0;
	font-weight:bold;
	font-size:16px;
}
.promoItemWrapper .promoPriceWrapper .promoPrice
{
	color:#FFFFFF;
}
.promoItemWrapper .promoPriceWrapper .promoSaving
{
	color:#FFFF22;
}
.promoBuyWrapper
{
	float:left;
	width:100%;
}
.promoBuy
{
	float:none;
	margin:0 auto 4px auto;
	clear:both;
	width:100px;
	padding:10px;
}
.continueButton.basket.promo
{
	margin:18px 0 0 0;
}
/* BASKET UPSELLS */
.upsellsWrapper
{
	float:left;
	width:100%;
	border-top:solid 1px #E6E6E6;
	padding:20px 0 30px 0;
	position:relative;
	margin:10px 0 10px 0;
}
.upsellHeading
{
	float:left;
	width:100%;
	font-size:28px;
	color:#7D864F;
	text-align:center;
	padding:10px 0 20px 0;
}
.favBoxWrapper
{	
	height:auto;
	margin:0 4px 0 4px;
}
.favBoxWrapper .title 
{
    font-size:15px;
    height:40px;
    text-align: center;
    width: 100%;
}
.favBoxWrapper .buy
{
	float:right;
	width:100%;
	text-align:center;
	padding:16px 0 16px 0;
	margin:4px 0 0 0;
	font-size:16px;
	color:#5C4507;
	text-decoration:none;
	display:block;
	transition: all 0.3s ease 0s;
}
.favBoxWrapper .outOfStock
{
	float:right;
	width:100%;
	text-align:center;
	margin:14px 2px 0 0;
	padding:0 0 0 0;
	font-size:15px;
	color:#888888;
}
.footerTop
{
	margin:0 0 0 0;
}
.linkedPrev, .linkedNext
{
	background: rgba(0,0,0,0.4);
	color:#FFFFFF;
}
/*****************/
/**** RIGHT SECTION ****/
/*****************/
#section2Right
{
	float:right;
	width:310px;
}
.viewordRightWrapper
{
	width:310px;
}
/* TOTALS */
.totalsContainer
{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	border:solid 1px #EEEEEE;
}
.totalsContainer.mobile
{
	display:none;
}
.totalsContainer .subTotalsRow
{
	float:left;
	width:100%;
	padding:16px 0 16px 0;
	background:#FFFFFF;
	border-bottom:solid 1px #EEEEEE;
}
.totalsContainer .subTotalsRow.voucher {background:#CC0000;}
.totalsContainer .subTotalsRow .head
{
	float:left;
	width:46%;
	font-size:16px;
	color:#000000;
	text-align:right;
}
.totalsContainer .subTotalsRow .total
{
	float:left;
	width:40%;
	font-size:16px;
	color:#000000;
	text-align:right;
}
.totalsContainer .subTotalsRow .total.save
{
	color:#CC0000;
	font-weight:bold;
}
.totalsContainer .subTotalsRow.voucher .head, .totalsContainer .subTotalsRow.voucher .total {color:#FFFFFF;}
.totalsContainer .subTotalsRow.total {background:#F1F2F0;border:none;}
.totalsContainer .subTotalsRow.total .head
{
	font-size:18px;
	font-weight:bold;
}
.totalsContainer .subTotalsRow.total .total
{
	font-size:18px;
	font-weight:bold;
}
/* MEDIA CODE */
.mediaSelectWrapper
{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	background:#F1F2F0;
	margin:10px 0 0 0;
	border:solid 1px #EEEEEE;
	overflow:hidden;
}
.mediaSelectWrapper .head, .voucherWrapper .head
{
	float:left;
	width:90%;
	font-size:18px;
	padding:10px 0 0 10px;
	color:#7D864F;
	text-align:left;
}
.mediaSelectWrapper .offerInput, .voucherWrapper .offerInput
{
	float:left;
	margin:8px 0 0 10px;
	width:140px;
	height:20px;
	border:solid 1px #DDDDDD;
	padding:6px;
	font-size:12px;
	color:#444444;
	-webkit-text-size-adjust:none;
	-webkit-appearance:none;
	border-radius:0px;
}
.mediaSelectWrapper .codeApply, .voucherWrapper .codeApply
{
	float:left;
	margin:8px auto 6px auto;
	width:110px;
	font-size:14px;
	color:#FFFFFF;
	border:none;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	cursor:pointer;
	height:34px;
	background:#7D864F;
	border-radius:0px;
	-webkit-appearance:none;
}
.voucherWrapper.valid .codeApply {width:160px;margin-left:10px;}
.mediaSelectWrapper .codeApply:hover, .voucherWrapper .codeApply:hover
{
	background:#6B5F53;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.mediaSelectWrapper .codeText
{
	float:left;
	width:90%;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#CC0000;
	text-align:left;
	padding:0 0 2px 10px;
	margin:0 0 0 0;
}
.mediaSelectWrapper .codeText.valid {color:#339900;}
.mediaSelectWrapper .infoText, .voucherWrapper .infoText
{
	float:left;
	width:90%;
	font-size:13px;
	line-height:16px;
	color:#574653;
	padding:0 0 10px 0;
	margin:0 0 0 10px;
}
.voucherWrapper .infoText span {color:#7D864F;}
.voucherWrapper.valid .infoText {padding:8px 0 0 0;color:#222222;font-size:13px;line-height:18px;}
.voucherWrapper.valid .infoText span {font-weight:bold;}
/* VOUCHERS */
.voucherWrapper
{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	margin:10px 0 0 0;
	border:solid 1px #EEEEEE;
	overflow:hidden;
}
.voucherWrapper.invalid
{
	border:dotted 2px #CC0000;
}
.voucherWrapper.valid
{
	border:solid 2px #7D864F;
}
.voucherCodeMsg
{
	clear:both;
	float:left;
	width:80%;
	padding:2px 0 6px 0;
}
.voucherCodeMsg.invalid
{
	font-size:15px;
	color:#CC0000;
}
.voucherCodeMsg.valid
{
	font-size:15px;
	color:#7D864F;
}
/* BUTTONS */
.buttonsWrapper
{
	float:left;
	width:100%;
	margin:10px 0 0 0;
	position: relative;
	z-index:50;
}
.buttonsWrapper.top
{
	margin:0 0 10px 0;
}
.buttonsWrapper.top.left
{
	display:none;
}
.buttonsWrapper hr {
	border-top:1px dashed #ccc;
	clear:both;
	margin:10px 0 0 0;
	float:left;
	width:100%;
}
.continueButton
{
	float:left;
	width:200px;
	text-align:center;
	padding:16px 0 16px 0;
	background:#999999;
	margin:0 0 0 0;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
	border-radius:0px;
	-webkit-appearance:none;
	border:none;
}
.continueButton:hover
{
	background:#6B5F53;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.checkoutButton
{
	float:right;
	clear:both;
	position:realtive;
	width:99.6%;
	text-align:center;
	padding:20px 0 20px 0;
	background:#53b71d;
	margin:0 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
	border-radius:0px;
	-webkit-appearance:none;
	text-transform:uppercase;
}
.checkoutButton:hover
{
	background:#000;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.AmazonButtonWrapper {
	clear:both;
	display:flex;	
	position:relative;
}
.amzButton
{
	margin:10px auto;
	min-width:310px;
    min-height:54px;
}

.amzButton img {
	width:100% !important;
}

/*****************/
/**** CLUB SAVING ****/
/*****************/
.clubSavingWrapper
{
	float:left;
	width:100%;
	position:relative;
	background:#FFFFFF;
	border:solid 1px #EEEEEE;
	overflow:hidden;
	margin:10px 0 0 0;
}
.clubSavingHeader
{
	float:left;
	margin:0 0 0 0;
	width:100%;
	font-size:18px;
	line-height:20px;
	color:#FFFFFF;
	background:#331B4D;
	text-align:center;
	padding:10px 0 10px 0;
}
.clubSavingWrapper .clubSaving
{
	float:left;
	width:100%;
	font-size:24px;
	color:#331B4D;
	text-align:center;
	margin:6px 0 8px 0;
	background:#FFFFFF;
}
.clubSavingWrapper .clubBuyWrapper
{
	float:left;
	width:100%;
	padding:8px 0 0 0;
}
.clubSavingWrapper .clubBuyWrapper .join
{
	float:right;
	width:46%;
	text-align:center;
	padding:8px 0 8px 0;
	background: -webkit-linear-gradient(#F7E1A7, #EDBA3A);
	background: -o-linear-gradient(#F7E1A7, #EDBA3A);
	background: -moz-linear-gradient(#F7E1A7, #EDBA3A);
	background: linear-gradient(#F7E1A7, #EDBA3A);
	border:solid 1px #99710D;
	outline:solid 4px #FFFFFF;
	margin:0 6px 0 0;
	font-size:14px;
	color:#5C4507;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.clubSavingWrapper .clubBuyWrapper .join:hover
{
	background:#7D864F;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	outline:#DDDDDD solid 4px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.clubSavingWrapper .clubBuyWrapper .more
{
	float:left;
	width:100%;
	text-align:center;
	padding:8px 0 8px 0;
	background:#999999;
	border:solid 1px #999999;
	outline:solid 4px #FFFFFF;
	margin:0 0 0 0;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.clubSavingWrapper .clubBuyWrapper .more:hover
{
	background:#6B5F53;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	outline:solid 4px #DDDDDD;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/*****************/
/**** PROMO CODE POPUP ****/
/*****************/
.promoPopup
{
	background-color:#7D864F;
	outline:solid 20px #7D864F;
	border:dashed 2px #FFFFFF;
	width:500px;
	z-index:999;
	position:fixed;
	padding:20px;
	left:50%;
	margin-left:-225px;
}
.promoPopup .promoHeading
{
	float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	color:#FFFFFF;
	padding:2px 0 10px 0;
}
.promoPopup .promoText, .promoPopup .promoLabel
{
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:18px;
	color:#FFFFFF;
	padding:2px 0 10px 0;
}
.promoPopup .promoLabel
{
	font-size:20px;
	font-weight:bold;
	margin:10px 0 0 0;
}
.promoPopup .promoInputWrapper
{
	float:left;
	width:100%;
	text-align:center;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#FFFFFF;
	margin:10px 0 0 0;
	position:relative;
}
.promoPopup .promoInputWrapper .promoInputWrapperInner
{
	float:none;
	width:70%;
	text-align:center;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#FFFFFF;
	margin:auto auto;
	overflow:hidden;
	position:relative;
}
.promoPopup .promoInputWrapper .promoInput
{
	float:left;
	border:solid 1px #FFFFFF;
	background:#FFFFFF;
	padding:12px;
	font-size:14px;
	color:#7D864F;
	text-align:center;
	width:190px;
	margin:0 0 0 0;
	-webkit-appearance:none;
}
.promoPopup .promoInputWrapper .promoApply
{
	position:absolute;
	top:0px;
	right:0px;
	width:40%;
	text-align:center;
	padding:13px;
	background: -webkit-linear-gradient(#F7E1A7, #EDBA3A);
	background: -o-linear-gradient(#F7E1A7, #EDBA3A);
	background: -moz-linear-gradient(#F7E1A7, #EDBA3A);
	background: linear-gradient(#F7E1A7, #EDBA3A);
	border:none;
	font-family:arial;
	font-weight:bold;
	font-size:14px;
	color:#5C4507;
	text-decoration:none;
	display:block;
	cursor:pointer;
	-webkit-appearance:none;
}
.promoPopup .promoInputWrapper .promoApply:hover
{
	background:#6B5F53;
	color:#FFFFFF;
}
.promoPopup .promoInputWrapper .cross
{
	position:absolute;
	top:0px;
	left:10px;
}
.promoPopup .promoInputWrapper .tick
{
	position:absolute;
	top:0px;
	left:10px;
}
.promoPopup .promoCodeError
{
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#FFFF99;
	margin:10px 0 0 0;
}
.promoPopup .promoCodeValid
{
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#FFFF99;
	margin:10px 0 0 0;
}
.promoPopup .skipWrapper
{
	float:left;
	width:100%;
	margin:0px;
	position:relative;
	text-align:center;
}
.promoPopup .skipWrapper .skip
{
	float:none;
	margin:auto auto;
	width:30%;
	text-align:center;
	padding:11px 0 10px 0;
	background:#6B5F53;
	border:none;
	font-family:arial;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	cursor:pointer;
	outline:solid 2px #AAAAAA;
	-webkit-appearance:none;
}
.promoPopup .promoContinue
{
	float:left;
	width:100%;
	margin:20px 0 10px 0;
	padding:20px 0 20px 0;
	text-align:center;
	border-top:solid 1px #888888;
	border-bottom:solid 1px #888888;
}
.promoPopup .promoContinue .proceedButton
{
	width:60%;
	text-align:center;
	padding:14px 0 14px 0;
	background: -webkit-linear-gradient(#F7E1A7, #EDBA3A);
	background: -o-linear-gradient(#F7E1A7, #EDBA3A);
	background: -moz-linear-gradient(#F7E1A7, #EDBA3A);
	background: linear-gradient(#F7E1A7, #EDBA3A);
	border:none;
	font-family:arial;
	font-size:16px;
	color:#5C4507;
	text-decoration:none;
	font-weight:bold;
	display:block;
	cursor:pointer;
	margin:auto auto;
	-webkit-appearance:none;
}
.promoPopup .promoContinue .proceedButton:hover
{
	background:#574553;
	color:#FFFFFF;
}
/*****************/
/**** FAST ORDER ****/
/*****************/
.foWrapper
{
	float:left;
	width:67%;
	border:solid 10px #F2F2F2;
	padding:10px;
}
.foWrapper .foRow
{
	float:left;
	width:100%;
	border-bottom:solid 1px #EEEEEE;
	margin:0 0 9px 0;
	padding:0 0 8px 0;
}
.foWrapper .foRow .col1
{
	float:left;
	width:32%;
}
.foWrapper .foRow .col1 .input
{
	float:left;
	width:100px;
	border:solid 1px #DDDDDD;
	padding:8px;
	margin:4px 0 0 0;
	font-size:14px;
	color:#666666;
}
.foWrapper .foRow .col2
{
	float:left;
	width:20%;
	padding:2px 10px 0 0px;
}
.foWrapper .foRow .col2 .qtyWrapper {margin:0px 0 0 0;}
.foWrapper .foRow .col3
{
	float:right;
	width:44%;
}
.foDescWrapper
{
	float:left;
	width:88%;
}
.foDesc
{
	float:left;
	width:100%;
	padding:0 0 0 0;
	font-size:14px;
	color:#7D864F;
	line-height:20px;
}
.foPrice
{
	float:left;
	width:100%;
	font-weight:bold;
	line-height:22px;
	font-size:22px;
	color:#000000;
	padding:0 0 0 0;
}
.foPrice span{color:#CC0000;}
.foBin
{
	float:right;
	margin:10px 10px 0 0;
	width:20px;
	cursor:pointer;
}
.loadButton
{
	float:left;
	text-align:center;
	padding:5px;
	background:#7D864F;
	border:solid 1px #7D864F;
	outline:solid 4px #EEEEEE;
	margin:4px 0 0 10px;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
}
.loadButton:hover
{
	background:#6B5F53;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	outline:solid 4px #CCCCCC;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.submit
{
	float:right;
	width:40%;
	text-align:center;
	padding:16px 0 16px 0;
	background: -webkit-linear-gradient(#F7E1A7, #EDBA3A);
	background: -o-linear-gradient(#F7E1A7, #EDBA3A);
	background: -moz-linear-gradient(#F7E1A7, #EDBA3A);
	background: linear-gradient(#F7E1A7, #EDBA3A);
	border:solid 1px #99710D;
	outline:#FFFFFF solid 4px;
	margin:0 10px 0 0;
	font-family:arial;
	font-size:16px;
	color:#5C4507;
	text-decoration:none;
	font-weight:bold;
	display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
}
.submit:hover
{
	background:#7D864F;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	outline:#DDDDDD solid 4px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.foWrapper .foAddMore
{
	float:left;
	width:50%;
	padding:0 0 4px 0;
}
.foWrapper .foAddMore .add
{
	float:left;
	width:150px;
	padding:10px;
	color:#000000;
	background:#EEEEEE;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}
.foWrapper .foAddMore .add:hover {background:#CCCCCC;color:#FFFFFF;}
.foRight
{
	float:right;
	width:300px;
	overflow:hidden;
}
.foRight .foRightBlock
{
	float:right;
	margin:0 0 6px 0;
	width:290px;
	border:solid 4px #F2F2F2;
	text-align:center;
	padding:0 0 4px 0;
}
.foRight .foText
{
	float:none;
	width:70%;
	text-align:center;
	font-size:14px;
	line-height:18px;
	padding:4px 0 4px 0;
	margin:auto auto;
	clear:both;
}
.mentionMeLabel
{
	float:left;
	width:98%;
	margin:20px 0 14px 4px;
	font-size:14px;
	color:#666666;
	text-decoration:underline;
}
.mentionMe
{
	float:left;
	width:90%;
	font-size:18px;
	padding:20px 0 20px 1px;
	color:#7D864F;
}
.mentionMe a
{
	color:#7D864F;
}
.mentionMe a:hover 
{
	color:#000000;
}
.mentionMe .mmForm
{
	float:left !important;
	background:#F1F2F0 !important;
}
.mentionMe .mmForm label
{
	float:left;
	width:90%;
	font-size:18px;
	padding:0 0 10px 1px;
	color:#7D864F;
	display:none !important;
}
.mentionMe .mmForm #mmName
{
	float:left;
	border:solid 1px #DDDDDD;
	background:#FFFFFF;
	padding:10px;
	font-size:14px;
	color:#666666;
	text-align:left;
	width:150px;
	margin:0 0 0 0;
	-webkit-appearance:none;
}
.mentionMe .mmForm #mmSubmit
{
	float:left;
	border:solid 1px #FFFFFF;
	background:#7D864F;
	padding:10px;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	width:100px;
	margin:0 0 0 0;
	-webkit-appearance:none;
}
.pp-button-container {
	position:relative;
	top:10px;
	clear:both;
	margin-bottom:20px;
}
#paypal-button-container {
	text-align: center;
}
#paypal-button-container &gt; div {
	max-width:580px;
}

/*****************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
/**** MOBILE / TABLET / IPAD / SMALL DESKTOPS ****/
/*****************************************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 1001px) 
and (max-width : 1180px)
{
	/* BASKET PAGE */
	.viewordLeftWrapper {float: left;width:68%;}
	.mainTable .descWrapper {width:50%;}
	.qtyWrapper {width:114px;}
	.favBoxWrapper {border:none;}
	.favBoxWrapper:hover {border:none;}
	#section2Right {width:290px;}
	.viewordRightWrapper {width:290px;}
	.amzButton {
		min-width:290px;
	  }
}
/*****************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width : 1000px)
{
	/* BASKET PAGE */
	.h1Wrapper h1 {float:left;width:100%;text-align:center;font-size:20px;margin:0 0 4px 0;}
	.cards-wrapper {float:none;clear:both;width:300px;margin:auto auto;padding:4px 0 10px 0;}
	.cards-wrapper .text {display:none;}
	.viewordLeftWrapper {float:left;width:100%;}
	.mainTable .descWrapper {width:54%;}
	.favBoxWrapper .title { height:30px;}
	#section2Right {width:100%;}
	.viewordRightWrapper {width:100% !important;}
	.buttonsWrapper {float:left;margin:20px auto 20px auto;text-align:center;}
	/* FAST ORDER PAGE */
	.foWrapper {float:none;clear:both;margin:auto auto;overflow:hidden;width:89%;border:solid 4px #F2F2F2;padding:10px;}
	.foWrapper .foAddMore .add:hover {background:#CCCCCC;color:#FFFFFF;}
	.foRight {float:none;margin:10px auto 10px auto;width:94%;overflow:hidden;text-align:center;}
	.foRight .foRightBlock {float:none;margin:auto auto;width:290px;display:inline-block;border:none;}
	.amzButton img {width:310px !important;}
	.amzButton {
		min-width:600px;
	}
}
@media only screen and (max-width : 599px)
{
	.amzButton {
		min-width:100%;
	}
}

/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 320px) 
and (max-width : 767px)
{
	/* BASKET PAGE */
	.h1Wrapper h1 {float:left;width:100%;text-align:center;}
	.viewordLeftWrapper {width:100%;}
	.mainTable {float:left;width:100%;border:solid 4px #DEDDDC;margin:0 0 20px 0;}
	.mainTable input {border-radius:0px;-webkit-appearance:none;}
	.mainTable, .mainTable thead, .mainTable tbody, .mainTable th, .mainTable td, .mainTable tr {display:block;padding:0px;}
	.mainTable thead tr {position: absolute;top: -9999px;left: -9999px;}
	.mainTable tr {border:1px solid #cccccc;}
	.mainTable td {border:none;border-bottom:1px solid #eee;position:relative;padding:8px 8px 8px 45%;}
	.mainTable td:before {position:absolute;top:8px;left:8px;width:34%;padding-right:10px;white-space:nowrap;font-weight:bold;}
	.mainTable td:nth-of-type(1)::before, .mainTable td:nth-of-type(2)::before, .mainTable td:nth-of-type(3)::before, .mainTable td:nth-of-type(4)::before {content : none;}
	.mainTable .prodImageWrapper {float:none;}
	.mainTable .despatchedFrom {float:none;}
	.singlePrice {float:none;width:100%;text-align:left;}
	.singleWasPrice	{float:none;width:100%;text-align:left;}
	.saving {float:none;width:100%;}
	.clubSaving {float:none;width:100%;}
	.qtyWrapper	{float:left;width:120px;}
	.qtyBox	{float:left;}
	.mainTable .lineTotal {float:none;width:100%;text-align:left;background:#F2F1F0;padding:0 0 0 0;font-size:20px;color:#444444;}
	.mainTable .removeWrapper {float:none;width:100%;padding:6px 0 6px 0;margin:14px 0 6px 0;}
	.mainTable .removeWrapper .remove {float:none;}
	#favBuyWrapper {display:block;}
	#section2Right {width:100%;}
	.viewordRightWrapper {width:100%;}
	.buttonsWrapper {float:left;margin:20px auto 20px auto;text-align: center;}
	.mobileMiddleButtonWrapper {display:none;}
	.totalsContainer.mobile {display:block;}
  	.mainTable {border:solid 1px #EEEEEE;margin-bottom:0px;margin-top :10px;}
	.mainTable td {padding:8px;border-bottom:none;}
	.mainTable .prodImageWrapper {width:40%;text-align:center;float:left;padding:0 0 14px 0;}
	.mainTable .prodImage {border:none;max-width:100%;}
	.mainTable .descWrapper {float:left;width:60%;}
	.mainTable .desc {width:100%;font-weight:bold;}
	.saving, .singlePrice, .clubSaving, .qtyWrapper {width:65%;margin-left:35%;}
	.mainTable .singlePrice {padding:4px 0 4px 0;margin-top:0px;border-top:solid 4px #FFFFFF;}
 	.singleWasPrice, .removeWrapper, .promoItemWrapper, .cc-reco-wrap.cc-reco-border, .continueButton.basket.promo, .upsellsWrapper, .buttonPromoWrapper, .mainTable .divider {display:none;}
	.qtyWrapper {float:none;width:180px;margin-left:35%;margin-bottom:8px;}
	.mainTable .lineTotal {text-align:right;}
	.promoItemWrapper {margin-top:0px;}
	.buttonsWrapper.top.left {display:block;}
	/* FAST ORDER PAGE */
	.foWrapper {float:none;clear:both;margin:auto auto;overflow:hidden;width:89%;border:solid 4px #F2F2F2;padding:10px;}
	.foWrapper .foAddMore .add:hover {background:#CCCCCC;color:#FFFFFF;}
	.foRight {float:none;margin:10px auto 10px auto;width:94%;overflow:hidden;text-align:center;}
	.foRight .foRightBlock {float:none;margin:auto auto;width:290px;display:inline-block;border:none;}
	/* PROMO POPUP */
	.promoPopup {width:280px;padding:10px;left:50%;margin-left:-150px;}
	/* PROMO ITEM */
	.promoItemWrapper {float:left;width:100%;}

	.amzButton img {width:310px !important;}
	
	.basketReload.mobile-hide { display:none; }
}	
/*****************************************************************************************************************************************************************************************************************************/
@media only screen 
and (min-width : 320px) 
and (max-width : 650px)
{
	/* BASKET PAGE */
	h1 {font-size:20px;}
	.buttonsWrapper {text-align:center;}
	.continueButton {float:none;margin:auto auto;}
	.checkoutButton {float:none;margin:10px auto 0 auto;text-decoration:none;}
	a {text-decoration:none;}
	.mobileMiddleButtonWrapper {display:block;float:left;width:100%;}
	/* FAST ORDER PAGE */
	.foWrapper .foRow .col1	{float:left;width:54%;}
	.foWrapper .foRow .col1	.input {width:40%;}
	.foWrapper .foRow .col2	{float:left;width:110px;padding:2px 10px 0 0px;}
	.foWrapper .foRow .col3	{float:left;width:100%;padding:10px 0 0 0;}
	/* PROMO ITEM */
	.promoItemWrapper {float:left;width:100%;padding:10px 0 10px 0;margin:0 0 10px 0;}
	.promoItemWrapper img {position:relative;left:auto;top:auto;padding:0 0 10px 0;}
	.continueButton.basket.promo {margin: 18px 0 0 0;width:100%;}
}</pre></body></html>