﻿.main {margin: 0 auto;padding: 0px 0 0px;max-width: 1028px;background: #fff;}
@media screen and (min-width: 37.6em) {
    .main {padding: 0px 0 60px}
}
@media screen and (min-width: 56.3125em) {
}

@media screen and (min-width: 37.6em) {
    .content-column {max-width: 80%}
}
@media screen and (min-width: 56.3125em) {
    .content-column {max-width: 540px}
}
.ProdDesc__headline, h1 {font-size: 24px;font-size: 1.5rem;line-height: 1.3pc;line-height: 1.3rem;font-weight: 400;margin: 0;padding: 0;}
.section-trending-offers__title, .section__headline, .ProdDesc__title, .top-offers__title h2 {margin: 0 0 10px;font-size: 22px;font-size: 1.375rem;line-height: 24px;line-height: 1.5rem;font-weight: 400;padding: 0;}
@media screen and (min-width: 37.6em) {
   .ProdDesc__title,.top-offers__title h2 {margin-bottom: 20px;}
}
h3 {font-size: 1.1em;line-height: 20px;line-height: 1.25rem;font-weight: 400;}
.ProdDesc__headline {margin-bottom: 1rem;font-size: 24px;font-size: 1.5rem;line-height: 30px;line-height: 1.875rem;}
@media screen and (min-width: 37.6em) {
    .ProdDesc__headline {font-size: 42px;font-size: 2.625rem;line-height: 50px;line-height: 3.125rem;}
}
.ProdDesc__title {font-weight: 400;}
@media screen and (min-width: 37.6em) {
   .section-top-offers-more__title, .section-top-offers__title, .section-trending-offers__title, .section__headline, .ProdDesc__title {font-size: 26px;font-size: 1.625rem;}
}
.content-column {line-height: 24px;line-height: 1.5rem;margin: 0 auto;position: relative; max-width: 100%;font-size: 14px !important;}
@media screen and (min-width: 30em) {
    .content-column {font-size: 18px;font-size: 1.125rem;line-height: 26px;line-height: 1.625rem;}
}
.content-column li {color: #333;font-size: 14px !important;margin: 8px 0 0;}
li {display: list-item;list-style: outside none none;}
.header__image, .image img {vertical-align: middle;page-break-inside: avoid;display: block;width: 100%;max-width: 100%;height: auto;}
a {color: #3157a1;text-decoration: none;}
a:hover {color: #333;}
p {margin: 0 0 1.25rem;}
.viewport {margin: 0;padding: 0;}
.module {margin: 0 0 25px;width: 100%;}
.article {width: 100%;height: 0;max-width: 100%;padding-bottom: 75%;background: #f4f4f4;}
.content-column ul li {list-style-type: unset;line-height: 16px;margin-left:30px;}
.content-column .image--inline, .content-column .module, .content-column ul, .content-column>p {margin: 0 10px 1em 0;max-width: 100%;}
.content-column .image--inline, .content-column .module {clear: both;}
@media screen and (min-width: 37.6em) {
    .content-column .image--inline, .content-column .module, .content-column ul, .content-column>p {max-width: 100%;margin: 0 auto 1em;}
}
.content-column a {border-bottom: 1px solid #cbcbcb;}
.content-column a:hover {text-decoration: none;}
@media screen and (min-width: 56.3125em) {
    .content-column .image--inline, .content-column .module, .content-column ul, .content-column>p {max-width: 100%;}
}
.button {font-size: 1pc;font-size: 1rem;border: 0;background: 0 0;margin: 0;padding: 0;}
.focus {border: none;}
.header, .header__content {width: 100%;}
.header {padding: 0;margin: 0;color: #333;}

.table {display: table;}
.table__row {display: table-row;}
.table__cell {display: table-cell;}
.ProdDesc {width: 100%;border:0px;padding:0px;float: left;margin: 0 0;}
.ProdDesc__post-content {clear:both;max-height: 450px;width: 100%;}
@media screen and (min-width: 56.3125em) {
  .ProdDesc__post-content {overflow:hidden;clear:none;}
  .ProdDesc__standfirst {max-width: 64%;float: left;}
}

.ProdDesc__header {position: relative;}
.ProdDesc__header:after, .ProdDesc__header:before {content: " ";display: table;}
.ProdDesc__title {position: relative;border-bottom: 1px solid #dcdcdc;top: -3px;padding-bottom: 6px;margin-bottom: 20px;}

@media screen and (min-width: 56.3125em) {
    .ProdDesc__content-outer-wrapper {float: left;width: 100%;padding: 0 332px 0 0;}
    .ProdDesc__post-content {width: 300px;margin-left: -300px;float: left;max-height: 100%;overflow: visible;margin-top:-26px;}
    .ProdDesc__post-content .top-offers {margin-bottom: 30px;}
}

h7 {font-size: 14px;font-weight: bold;color: red;}
#FFX_BasketSpecials {display: block !important;float: left;margin: 0;padding-top: 2px;padding-bottom: 25px;width: 100%;background-color:#ebebeb;}
#FFX_BasketSpecials .PromotionListing {background: rgb(255, 255, 255) none repeat scroll 0 0;cursor: pointer;float: left;font-size: 11px;height: auto;margin: 4px 5px;position: relative;max-width:124px;width: 100%;height:205px;}
#FFX_BasketSpecials a {border-radius: 0;display: block;padding: 4px;text-decoration: none;width: 100%;border: 1px solid #dbdbdb;height:205px;}
#FFX_BasketSpecials a:hover {border:1px solid #4e4e55;}
#FFX_BasketSpecials .PromotionListing .ImageListing {float: left;height: 90px;left: 0;margin: 0;overflow: hidden;position: relative;top: 0;width: 100%;}
#FFX_BasketSpecials .PromotionListing .ImageListing img {display:block !important;border: 0 none;float: none;margin: 0;position: relative;width: 120px;height:90px;}
#FFX_BasketSpecials .PromotionListing .ProductListing {float: left;left: 0;position: relative;top: 0;width: 100%;height:60px;}
#FFX_BasketSpecials .PromotionListing .ProductListing .ProductName h2 {color: #333;float: left;font-family:LatoWeb;font-size: 10px;font-weight: lighter;line-height: 15px;margin: 0 !important;padding: 0 !important;text-align: center;width:100%;}
#FFX_BasketSpecials .PromotionListing .ProductPrice p {vertical-align:text-bottom;height:190px;color: #ee4224;float: none;font-size: 28px;font-weight: bold;margin: 0 !important;padding: 0 !important;text-align: center;width: 100%;}
#FFX_BasketSpecials .PromotionListing .AddToBasket {display:none;float: none;left:0;right: 20px;position: absolute;top: 170px;width: 95%;background-color:#f88a3c;height:40px;}
#FFX_BasketSpecials .PromotionListing a span abbr {border: 0 none;color: #009800;display: block !important;font-size: 11px;font-weight: normal;line-height: 11px;text-align: center;text-decoration: none;text-transform: uppercase;bottom:0;width: 100%;}
#FFX_BasketSpecials .PromotionListing b {display:none;}
#FFX_BasketSpecials .PromotionListing:hover b {font-weight:bold;background: #f88a3c none repeat scroll 0 0;bottom: 5px;color: #ffffff;display: block !important;font-size: 13px;font-weight: normal;height: 45px;line-height: 45px;margin: 0 5px 0 5px;max-width: 114px;position: absolute;text-align:center;text-transform: uppercase; width: 100%;}
.AddToBasket img {display:none;}

@media screen and (min-width: 37.6em) {
	#FFX_BasketSpecials .PromotionListing {max-width:140px;width: 100%;}
	/*#FFX_BasketSpecials a {border-radius: 0;display: block;padding: 4px;text-decoration: none;width: 100%;border:1px solid #dbdbdb;}*/
	#FFX_BasketSpecials a:hover {border:1px solid #4e4e55;}	
	#FFX_BasketSpecials .PromotionListing .ImageListing {float: left;height: 90px;left: 0;margin: 0;overflow: hidden;position: relative;top: 0;}
	#FFX_BasketSpecials .PromotionListing .ImageListing img {border: 0 none;float: none;margin: 0;position: relative;width: 120px;}
    #FFX_BasketSpecials .PromotionListing:hover b {max-width: 130px;}
}
@media screen and (min-width: 56.3125em) {
    #FFX_BasketSpecials {max-width:300px;}
}


table {border-collapse: collapse;}
#FullBasket {margin-left: 0 !important;width: 100%;background-color: rgb(209,209,209)}
#FullBasket thead {border: 1px solid #d1d1d1;text-align:left;text-transform: uppercase;width: 100%;}
#FullBasket thead th {border-right: 1px solid #d1d1d1;color: #000;padding-left: 5px;}
#FullBasket tbody td {background-color: #ebebeb;color: #111;font-size: 16px;font-weight: normal;}
#FullBasket tbody tr {border-bottom:1px dotted #d8d8d8;}
table td {padding: 5px;}
#DeliveryChoice td {border: 0 none !important;margin: 0;}
#PowertoolCoupon {background: transparent url("//images.ffx.co.uk/website/voucherbg.jpg") no-repeat scroll 0 40px;}
#PowertoolCoupon fieldset {border: 0 none;margin: 0;padding: 0;}
#PowertoolCoupon input {border: 0 none;color: #86807a;float: left;font-size: 0.8em;height: 32px;line-height: 32px;margin-left: 5px;margin-right: 5px;margin-top: 2px;outline: 0 none;padding: 0 10px;width: 140px;}
#PowertoolCoupon button {background-color: #f88a3c;border: 0 none;color: #fff;display: block;font-size: 12px;font-weight:bold;height: 32px;margin-top: 2px;margin-left:145px;text-align: center;text-transform: uppercase;}
#PaymentDeliveryOptions button {background-color: #f88a3c;border: 0 none;color: #fff;cursor: pointer;display: inline-block;font-size: 12px;font-weight:bold;height: 24px;margin-top: 0px;text-align: center;}
#PowertoolCoupon button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
.MobileReminder {background: transparent url("//images.ffx.co.uk/website/iphone_mobile_reminder.png") no-repeat scroll 0 0;display: block !important;height: 76px;margin-bottom: 10px;margin-left: 4px;position: relative;width:100%;}
.MobileReminder h4 {float:left;vertical-align:middle;height:54px;margin-left:35px;color: #e2231a;font-size: 12px;font-weight: bold;line-height: 12px;text-align: left;text-transform:uppercase;width:90%;}
.MobileReminder input {float:left;border: 1px solid #4e4e55;bottom: 2px;color: #86807a;font-size: 12px;font-weight: normal;height: 30px;line-height: 30px;margin-left: 1px;margin-right: 5px;margin-top: 12px;outline: 0 none;padding: 0 10px;position: relative;width:90%;}
#PaymentDeliveryOptions button:hover {box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.70);}
/*#BasketBody {background-color: #ebebeb;border-color: #d1d1d1;border-style: none solid solid;border-width: 0 5px;color: #ff0000;flex: 1 1 0;float: left;font-size: 16px !important;font-weight:bold;max-width: 100%;min-height: 100px;min-width: 240px;padding-bottom: 10px;padding-left: 5px;padding-right: 5px;padding-top:10px;width: 100%;}*/

#basketDeliveryImg {background: transparent url("//images.ffx.co.uk/website/basketDeliveryImg.png") no-repeat scroll 0;float:left;width:36px;height:22px;margin-left:5px;}
.BasketColumnC {display:none !important;}


#BasketTotals span {font-weight: normal;}
#BasketLoading {width: 100%;text-align: center;}
#basket_Delivery {float:left;width:100%;margin-left:5px;margin-bottom:5px;text-transform:uppercase;font-weight:bold;}
#basket_Postcode {float:left;width:100%;text-transform:uppercase;font-weight:bold;}
#SelectPaymentMethod span {font-size:10px;}
.Payment_Method {text-align:center;margin-bottom:10px;margin-right:10px;float:left;border:1px solid #d1d1d1;background: rgba(0, 0, 0, 0) linear-gradient(#f8f8f8, #f88a3c) repeat scroll 0 0;height:39px;width:115px;}
.Payment_Method a {text-decoration:none;height:39px;width:115px;}
.Payment_Method img {height:25px;margin:auto;margin-top:6px;}
#sales_info h4 {font-size:13px;margin:10px 0px 20px 0px;font-weight: 500;line-height:18px;}
#TotalGoodsTitle{padding-left: 5px;width:70%;float: left;text-align: left;}
#ItemSubTotal {text-align:right;margin-right:10px;}
#VoucherTitle {padding-left: 5px;color:#e2231a;width:70%;float: left;text-align: left;font-weight:bold;}
#VoucherTotalLine {color:#e2231a;text-align:right;margin-right:10px;font-weight:bold;}
#MultibuyTitle {padding-left: 5px;color:#e2231a;width:70%;float: left;text-align: left;font-weight:bold;}
#MultibuyTotal {color:#e2231a;text-align:right;margin-right:10px;font-weight:bold;}
#Discount_Line {padding-left: 5px;color:#e2231a;width:70%;float: left;text-align: left;font-weight:bold;}
#DiscountTotal {color:#e2231a;text-align:right;margin-right:10px;font-weight:bold;}
#SurchargeTotal {color:#e2231a;text-align:right;margin-right:10px;font-weight:bold;}
#DeliverySelectionLine {padding-left: 5px;width:70%;float: left;text-align: left;}
#DeliveryTotal {text-align:right;margin-right:10px;}
#SurchargeLineTitle {padding-left: 5px;color:#e2231a;width:70%;float: left;text-align: left;font-weight:bold;}
#VATLine {padding-left: 5px;width:70%;float: left;text-align: left;}
#VATTotal {text-align:right;margin-right:10px;}
#GrandTotalLine {margin-bottom:5px;margin-top:0px;float:right;vertical-align:top;font-weight:bold;width:100%;}
#GrandTotal {padding-left: 5px;width:70%;float: left;text-align: left;}
#GrandTotalInc {font-size:1.25em;text-align:right;margin-right:10px;}
#GrandTotal_Ex {width:100%;font-size:10px;text-align:right;margin-right:10px;margin-top:-10px;}
#PowertoolVoucherCode {width:100%;margin-left:5px;}
.basketClear {clear:both;border-bottom: 1px solid #d1d1d1; width: 98%;margin:0 auto 5px;}
#b_postcode, #CardDeliveryPostcode {float:none;text-transform:uppercase;width:75px;/*margin-left:5px;*/}
#SelectDelivery {padding-bottom:25px;}
.BasketColumnE {text-align:right;}
#SaveMessage {border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;font-size: 14px;margin-left: auto;margin-right: auto;margin-botton:5px;margin-top: 15px;text-align: center;width: 85%;}



@media screen and (min-width:30.6em) {
    #basket_Delivery {width:45%;}
    #basket_Postcode {width:45%;}
    #TotalGoodsTitle {width: 85%;text-align: right;}
    #VoucherTitle {width: 85%;text-align: right;}
    #MultibuyTitle {width: 85%;text-align: right;}
    #Discount_Line {width: 85%;text-align: right;}
    #DeliverySelectionLine {width: 85%;text-align: right;}
    #SurchargeLineTitle {width: 85%;text-align: right;}
    #VATLine {width: 85%;text-align: right;}
    #GrandTotalLine {width:55%;}
    #GrandTotal {width:75%;text-align: right;}
    #GrandTotalInc {font-size:1.3em;}
    #GrandTotal_Ex {margin-top:0px;line-height:10px;}
    #PowertoolVoucherCode {width:100%;margin-left:5px;}
}

.Delivery_Method {margin-bottom:10px;font-weight:bold;text-align:center;line-height:69px;float:left;margin-right:10px;/*display:inline-block;*/width:240px;height:69px;background: rgba(0, 0, 0, 0) linear-gradient(#f8f8f8, #f88a3c) repeat scroll 0 0;;border:1px solid #d1d1d1}
.Delivery_Method input[type=radio]:not(old){height:30px;width:175px;margin:0;padding:0;opacity:0;}
.Delivery_Method input[type=radio]:not(old) + label{display:inline-block;margin-left: -175px;padding-left: 28px;background: url('//images.ffx.co.uk/website/check_icon_off.png') no-repeat 0 0;line-height: 24px;}
.Delivery_Method input[type=radio]:not(old):checked + label{background: url('//images.ffx.co.uk/website/check_icon_on.png') no-repeat 0 0;}

.Delivery_Method span {display: none;font-size: 14px;font-weight: normal;line-height: 16px;margin-left: 25px;}
.Delivery_Method div {display: none;font-size: 14px;font-weight: normal;line-height: 16px;margin-left: 25px;}

#DiscountUser {color:#e2231a;}
#DiscountUser span {display:block;font-size:12px;}
#PaymentDeliveryOptions #paymentButton {border: 0 none;color: #86807a;float: none;font-size:18px;height: 35px;line-height: 32px;margin-left: auto;margin-right: auto;margin-top: 0px;min-width:240px;outline: 0 none;padding: 0 10px;width: 100%;}


.ffx_ccard {clear: both;padding-bottom:5px;}
.ffx_ccard_label {width: 12em;display: inline-block;text-align:left;}
#CVV .ffx_ccard_label {width: 5em;display: inline-block;text-align:left;}
.slash {float:left;}
#ConfirmOrder {display:none;background-color: #ebebeb;border-left: 5px solid #d1d1d1;border-right: 5px solid #d1d1d1;border-bottom: 5px solid #d1d1d1;font-size: 12px !important;padding-bottom: 10px;}
    @media screen and (min-width:35.69em) {
        #CVV .ffx_ccard_label  {width: 12em;display: inline-block;text-align:left;}
        .ffx_ccard_label {width: 12em;display: inline-block;text-align:left;}
        .slash {float:none;}
    }
.ffx_ccard_input {padding-bottom:5px;}
.ffx_ccard_submit {background-color: #f88a3c;border: 0 none;color: #FFFFFF !important;display: block;font-size: 12px;font-weight: bold;height: 32px;margin-left: 145px;margin-top: 2px;text-align: center;text-transform: uppercase;}
.section h1 {background: rgba(0, 0, 0, 0) linear-gradient(#f9f9f9, #d8d8d8) repeat scroll 0 0;border: 1px solid #d1d1d1;display: inline-block;font-size:14px;float: left;font-weight: bold;height: 35px;line-height: 35px;margin-bottom: 10px;margin-right: 10px;padding-bottom:5px;padding-top:0px;padding-left:10px;text-transform:uppercase;text-align:left;width: 100%;}
.section h1 span {color: #f88a3c;float: right;font-size: 50px;margin-right: 10px;transform: rotate(90deg);}
.section h3 {padding-top: 0;text-align:center;border: 2px solid #d1d1d1;background: #f9f9f9 none repeat scroll 0 0;}
#Basket_Payment_Methods {background-color: #ebebeb;border: 5px solid #d1d1d1;font-size: 12px !important;padding-bottom: 10px;}
#billingAddress {background-color: #ebebeb;border-color: #d1d1d1;border-style: none solid solid;border-width: 0 5px;flex: 1 1 0;float: left;font-size: 12px !important;max-width: 348px;min-height: 305px;min-width: 240px;padding-bottom: 10px;padding-left: 5px;padding-right: 5px;width: 100%;}
#yourDetails {background-color: #ebebeb;border-color: #d1d1d1;border-style: none solid solid;border-width: 0 5px;flex: 1 1 0;float: left;font-size: 12px !important;max-width: 700px;min-height: 100px;min-width: 240px;padding: 10px 5px;width: 100%;}
#failDetails {background-color: #ebebeb;border-color: #d1d1d1;border-style: none solid solid;border-width: 0 5px 5px 5px;color: #ff0000;flex: 1 1 0;float: left;font-size: 16px !important;font-weight:bold;max-width: 100%;min-height: 100px;min-width: 240px;padding: 10px 5px;width: 100%;}
#delivery {background-color: #ebebeb;border-color: #d1d1d1;border-style: none solid solid;border-width: 0 5px;flex: 1 1 0;float: left;font-size: 12px !important;max-width: 348px;min-height: 305px;min-width: 240px;padding: 0px 5px;width: 100%;}
#sales_info {background-color: #ebebeb;border-color: #d1d1d1;border-style: none solid solid;border-width: 0 5px 5px 5px;flex: 1 1 0;float: left;font-size: 12px !important;max-width: 700px;min-height: 100px;min-width: 240px;padding: 10px 5px;width: 100%;}

