body {
	font-family: 'Avenir LT W01_35 Light1475496', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
    color: #666666;
}

html {
    height: 101%;
}

.hide {
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    position: absolute;
    top: 0;
    left: -9999em;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.width {
    max-width: 974px;
    margin: auto;
}

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

a {
    color: #666666;
    text-decoration: none;
}

.accessibility {
    display: none;
}

.actions {
    clear: both;
}

div.line {
    height: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 0px;
}

.spaceBelow {
    margin-bottom: 18px;
}


/*Over-ride YUI em sizes as header/footer are not scalable */

.yui-ge {
    width: 798px;
}

#hd,
#ft,
#doc4 {
    width: 974px;
    background-color: white;
}

#bd {
    width: 958px;
}


/* HEADER */

#hd a {
    text-decoration: none!important;
}

#topLinks {
	background: #f7f5f5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #7e7e7e;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	height: 34px;
	line-height: 16px;
	padding-top: 9px;
}

#topLinks a {
	color: #7e7e7e;
}

#topLinks a:hover {
    text-decoration: underline;
}

#topLinks #left {
    float: left;
    display: inline;
    padding-left: 15px;
}

#topLinks #right {
    float: right;
    display: inline;
    padding-right: 10px;
    position: relative;
}

#topLinks #right span {
	margin-left: 19px;
    margin-right: 1px;
}

#topLinks #right #currency {
	display: inline-block;
	margin: 0 6px 0 21px;
	position: relative;
}

#topLinks #right #currency::before {
	background: transparent;
	content: '';
	height: 10px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
}

#topLinks #right #currency:hover #currencytext {
	color: #333;
}

.noBottomBorder#categoryheader {
    padding-top: 16px!important;
    padding-bottom: 12px!important;
}

#topLinks #right #currency.pound #currencytext::before,
#topLinks #right #currencydd #cur1 a::before {
	background: url(/img/icons/IconExp/6Flags/flag-great-britain-circle.png) no-repeat 0 0;
}

#topLinks #right #currency.euro #currencytext::before,
#topLinks #right #currencydd #cur2 a::before {
	background: url(/img/icons/IconExp/6Flags/flag-euro.png) no-repeat center center;
}

#topLinks #right #currency.dollar #currencytext {
	background: url(/img/icons/IconExp/6Flags/24x24/plain/flag_usa.png) no-repeat left center;
}
#topLinks #right #currencydd #cur3 {
	background: url(/img/icons/IconExp/6Flags/16x16/plain/flag_usa.png) no-repeat left center;
}

#topLinks #right #currencytext {
    cursor: default;
	display: inline-block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	margin: 0;
	padding-right: 28px;
	position: relative;
	vertical-align: top;
}

#topLinks #right #currencytext::before {
	content: '';
	display: inline-block;
	height: 20px;
	position: absolute;
	right: 0;
	top: -1px;
	width: 20px;
}

#topLinks #right #arrow {
	display: none;
}

#topLinks #right #currencydd {
	background-color: #f7f5f5;
	border: 1px solid #eae8e6;
	border-top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: default;
    display: none;
	padding: 10px 7px;
    position: absolute;
	right: -8px;
	top: 25px;
	width: 100px;
}

#topLinks #right #currency:hover #currencydd,
#topLinks #right #currency #currencydd:hover {
    display: block;
}

#topLinks #right #currencydd div {
	color: #333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	margin-bottom: 12px;
}

#topLinks #right #currencydd div:last-child {
	margin-bottom: 0;
}

#topLinks #right #currencydd div a {
	color: #333;
	display: block;
	padding-right: 28px;
	position: relative;
	text-align: right;
}

#topLinks #right #currencydd div a::before {
	content: '';
	display: inline-block;
	height: 20px;
	position: absolute;
	right: 0;
	top: -1px;
	width: 20px;
}

#topLinks #right #currencydd #title {
    padding-top: 0px;
    font-weight: bold;
}

/*#topLinks #right #currencydd #cur1,
#topLinks #right #currencydd #cur2,
#topLinks #right #currencydd #cur3 {
    padding-left: 20px;
}*/

#hd #MainHeader {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 32px 15px 12px;
	width: 100%;
}

#hd #MainHeader #drinkstuff-logo {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 1px;
	width: 169px;
}

#hd #MainHeader #drinkstuff-logo a {
	display: block;
	width: 142px;
}

#hd #MainHeader #drinkstuff-logo a img {
    width: 100%;
}

.drinkstuff {
    width: 242px;
    height: 45px;
    padding: 0;
    margin: 0;
}

#hd #MainHeader #headerForm #SearchField {
	background: #f7f5f5 !important;
    border: 1px #dcdcdc solid;
	border-right: none !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #7e7e7e;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
    font-size: 108%;
	height: 35px;
	outline: none;
	padding: 0 13px;
	transition: width .2s ease;
	vertical-align: top;
	width: 408px;
}

#hd #MainHeader #search-form.wide #SearchField {
	width: 575px;
}

#hd #MainHeader #headerForm #submit {
	background: #f56f2c url('/img/icons/ico-search.svg') no-repeat center center;
	background-size: 18px auto;
	display: inline-block;
	height: 35px;
	outline: none;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	vertical-align: top;
	width: 35px;
}

#hd #MainHeader #headerForm #submit:hover {
	opacity: .8;
}

#header-number .btn {
	width: 150px;
}

#header-number .btn-grey {
	margin: 0 0 0 14px;
}

#header-number .btn-grey::before {
	background: url('/img/icons/ico-phone.svg') no-repeat 0 0;
	content: '';
	display: inline-block;
	height: 16px;
	margin: 0 6px 0 -6px;
	vertical-align: middle;
	width: 16px;
}

#header-number #mobilephone {
	display: none;
}

a.btn {
	display: inline-block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 -2px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

a.btn:hover {
	opacity: .8;
}

.btn.btn-blue {
	background: #2e84be;
	color: #fff;
}

.btn.btn-grey {
	background: #f7f5f5;
	color: #7e7e7e;
}

.btn.btn-orange {
	background: #f56f2c;
	color: #fff;
	letter-spacing: -.4px;
	padding: 0 10px;
}

.MoreROBoxTitle td table tbody tr {
    margin: 5px;
    padding: 5px;
}

tr .MoreROBoxTitle {
    background-color: #014b92;
}

#hd #NavigationBanner {
    padding-left: 8px;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
}

#hd .tab-nav-wrap {
	padding-top: 7px;
	vertical-align: top;
}
#hd #tabNavigation {
	border-bottom: 3px solid #2e84be;
	padding-bottom: 8px;
	width: 100%;
}

#hd #tabNavigation #tab_top_container {
	display: table;
    overflow: hidden;
	width: 100%;
}

#hd #tabNavigation #tab_top_container .top-nav-item {
	display: table-cell;
	text-align: center;
	width: 1%;
}

#hd #tabNavigation #tab_top {
	display: block;
    white-space: nowrap;
}

#hd #tabNavigation #tab_top div {
	border-bottom: 3px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #7e7e7e;
    cursor: pointer;
	display: block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
    font-size: 14px;
	height: 43px;
	line-height: 43px;
	padding: 0 5px;
	text-align: center;
}


/* Default tab states */

#hd #tabNavigation #tab_top #left {
    width: 10px;
}

#hd #tabNavigation #tab_top #text {
	background: none;
}

#hd #tabNavigation #tab_top #text span {
    font-size: 100%;
}

#hd #tabNavigation #tab_top #right {
    width: 10px;
    margin-right: 2px;
}


/* Hover over tab state */

#hd #tabNavigation #tab_top_container a:hover #tab_top #text,
#hd #tabNavigation #tab_top_container a:hover #tab_top #text span {
	color: #fff !important;
}

#hd #tabNavigation #tab_top_container a:hover #tab_top #text {
	background-color: #f56f2c;
	border-color: #f56f2c;
}

#hd #tabNavigation #tab_top_container a:hover #tab_top.selected #text {
	background-color: #f56f2c;
}

#hd #tabNavigation #tab_top.selected #text {
	background-color: #f7f5f5;
	border-color: #f56f2c;
}

#hd #tabNavigation #tab_top.selected #text span {
	color: #f56f2c !important;
}

#hd #tabNavigation #tab_sub_container {
	display: none;
    width: 943px;
    min-height: 34px;
    max-height: 68px;
    overflow: hidden;
    background-color: #014b92;
}

#hd #tabNavigation #tab_sub_container #seperator {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.8;
    color: #fff;
    height: 27px;
    padding: 0px;
    float: left;
    vertical-align: bottom;
    font-weight: bold;
    cursor: default;
}

#hd #tabNavigation #tab_sub_container a {
    white-space: nowrap;
}

#hd #tabNavigation #tab_sub {
    display: inline;
    float: left;
    vertical-align: bottom;
    cursor: pointer;
    white-space: nowrap;
}

#hd #tabNavigation #tab_sub div {
    display: inline;
    padding: 0px;
    float: left;
    vertical-align: bottom;
    cursor: pointer;
}

#hd #tabNavigation #tab_sub #left {
    padding-left: 9px;
}

#hd #tabNavigation #tab_sub #text {
    color: #fff;
    padding: 9px 10px;
    white-space: nowrap;
}

#hd #tabNavigation #tab_sub #text span {
    color: #fff;
    font-size: 100%;
}


/* Hover over tab state */

#hd #tabNavigation a:hover #tab_sub #left,
.tab_sub_left_hover {}

#hd #tabNavigation a:hover #tab_sub #text,
.tab_sub_text_hover {
	background-color: #f56f2c;
}


/* Selected over tab state */

ol.crumbTrail {
    font-size: 85%;
    margin-left: 2px;
    clear: both;
    margin: 0em;
    padding-bottom: 28px;
}

ol.crumbTrail li {
    display: inline-block;
    color: #333333;
    padding: 0 0 7px 0;
    margin-right: 8px;
}

ol.crumbTrail li a {
    background: url(/img/template/bgCrumbArrow.gif) top right no-repeat;
    color: #333333;
    display: block;
    padding-right: 9px;
    text-decoration: none!important;
}

ol.crumbTrail li a:hover {
    text-decoration: underline!important;
}

ol.crumbTrail li#crumbFirst a,
ol.crumbTrail li#crumbIntermediate a {
    color: #333333;
}

ol.crumbTrail li#crumbLast a {
    background: none;
    color: #333333;
}

#mobileNav {
	display: none;
}

#mob-basket-total {
	color: #f56f2c;
	display: none;
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	left: 50%;
	line-height: 18px;
	margin-left: -10px;
	position: absolute;
	text-align: center;
	top: 26px;
	width: 20px;
}

/* BODY */

#bd {
    padding-top: 16px;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    /* 
    border-left: 8px solid #1b4d8c;
    border-right: 8px solid #1b4d8c; 
    */
}

#bd a {
    text-decoration: underline;
    color: #333333;
}

#bd #mainContent {
    clear: both;
    text-align: left;
    z-index: 10;
    color: #333333;
}

.borderTopAndBottom {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.yui-t1 #yui-main .yui-b {
    margin-left: 160px;
    /* Override standard YUI margins also */
}

.carrierInfo a {
    text-decoration: underline!important;
    font-weight: bold;
}

#lhNav,
#bd #yui-main #rhNav {
    width: 140px;
    /* Override standard YUI width */
}

#bd #yui-main #mainWrapper {
    width: 634px;
    /* Override standard YUI width */
}


/* LEFT NAV */

#bd #lhNav #header,
#bd #rhNav #header {
	background-color: #dcdcdc;
	color: #333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
    font-size: 14px;
    height: 27px;
}

#bd #lhNav #header .rss-link,
#bd #rhNav #header .rss-link {
    float: right;
    height: 27px;
    width: 27px;
}

#bd #lhNav #header .rss-link img,
#bd #rhNav #header .rss-link img {
    height: 100%;
    width: 100%;
}

#bd #lhNav #header .header-text,
#bd #rhNav #header .header-text {
    padding-top: 5px;
    padding-left: 10px;
    display: inline-block;
    text-align: left;
	color: #333;
}


/*a[href="/rss/"] {
    position: relative;
    right: 5px;
    top: 2px;
}
*/

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#bd #lhNav {
    margin-left: 8px;
    background: #fff;
    float: left;
}

#bd #lhNav a {
    text-decoration: none!important;
}

#bd #lhNav a:hover {
    text-decoration: underline;
}

#bd #lhNav #browseCats,
#bd #lhNav #whatsNew,
#bd #lhNav #topBrands,
#bd #lhNav #topProducts,
#bd #lhNav #whatsHot {
    background-color: #f7f5f5;
}

#bd #lhNav #item {
    padding: 6px 10px;
    color: #333333;
}

#bd #lhNav #item {
    padding: 18px 10px 0 10px;
}

.browse_cat_hover {
	background-color: #f56f2c;
    color: #fff;
    text-decoration: none!important;
}
.browse_subcat_hover {
	background-color: #f56f2c;
    color: #ffffff;
}

#bd #lhNav #browseCats a {
	display: block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	line-height: 1.2;
}

#bd #lhNav #browseCats #nav {
	border-bottom: 3px solid transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	padding: 7px 9px 4px;
}

#bd #lhNav #browseCats a:hover #nav {
	background: #f56f2c !important;
	border-color: #f56f2c !important;
	color: #fff !important;
}

#bd #lhNav #browseCats #nav.selected {
	border-color: #f56f2c;
	color: #f56f2c;
}

#bd #lhNav #browseCats .indent {
    padding-left: 15px;
}

#bd #lhNav #browseCats #nav.subcat {
	font-size: 12px;
	padding: 8px 9px 6px;
}

#bd #lhNav #browseCats #nav.subcat.selected {
	border-color: #2e84be;
	color: #2e84be;
}

#bd #lhNav #browseCats #nav.subsub.selected {
	background: #dcdcdc;
	border-color: transparent;
	color: #333;
}

#bd #lhNav div.lists td {
    padding: 0 4px 17px 0;
    font-size: 93%;
}

#viewproduct #buy #name:hover {
    text-decoration: none!important;
}

#bd #lhNav div.lists #name:hover {
    text-decoration: underline!important;
}

#bd #lhNav div.lists td img {
    border: 1px solid #F7F5F5;
}

#bd #lhNav div.lists #name {
    color: #333333;
}

#bd #lhNav div.lists #price {
	color: #f56f2c;
}

#bd #lhNav #topBrands td {
    padding-bottom: 18px;
}

#bd #lhNav #topBrands td img {
    border: 1px solid #f7f5f5;
}

#bd #lhNav #browsePlatinum {
	background: #f7f5f5;
}

#bd #lhNav #browsePlatinum #header {
	background: #dcdcdc;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	color: #333333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
    height: 28px;
	padding: 6px 0px 0px 8px;
}

#bd #lhNav #browsePlatinum #item {
    color: #333333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	padding: 6px 9px;
}

#bd #lhNav #browsePlatinum #item.selected,
#bd #lhNav #browsePlatinum a:hover #item,
.browse_platinum_hover {
	background-color: #f56f2c;
    color: #fff;
}


/* RIGHT NAV */

#bd #rhNav {
    margin-right: 8px;
    position: relative;
    background-color: #fff;
    float: right;
    /*z-index: -1;*/
}

.sidebar-panel {
    background: #f7f5f5;
}

.sidebar-panel .reason {
    padding: 8px 0;
    text-align: center;
}

.sidebar-panel .reason:after {
    content: '';
    border-bottom: 1px solid #cccccc;
    margin: 0 10px;
    padding: 8px 0;
    display: block;
}

.sidebar-panel .panel-body {
    padding: 12px;
}

.last-item:after {
    display: none!important;
}

#bd #rhNav #miniBasket a:hover #header .header-text {
    text-decoration: underline!important;
}

#bd #rhNav a {
    text-decoration: none!important;
}

#bd #rhNav a:hover {
    text-decoration: underline!important;
}

#bd #rhNav #addedToBasket {
    LEFT: -265px;
    top: 13px;
    POSITION: absolute;
    BACKGROUND-COLOR: transparent;
    WIDTH: 264px;
    height: 75px;
}

#bd #rhNav #miniBasket span {
    color: #333333;
}

#bd #rhNav #miniBasket a #header {
	background-color: #dcdcdc;
}

#bd #rhNav #miniBasket #subTotal {
    display: none;
}

#bd #rhNav #miniBasket #item,
#bd #rhNav #miniBasket #subTotal,
#bd #rhNav #miniBasket #delivery {
    clear: both;
    padding: 8px;
    color: #333333;
    font-size: 85%;
}

#bd #rhNav #miniBasket #item.nobottomborder {
    border-bottom-width: 0px;
    padding: 4px 4px 0px 5px;
}

#bd #rhNav #miniBasket #price {
    color: #333333;
    float: right;
    margin-left: 5px;
}

#bd #rhNav #miniBasket #total {
    padding: 8px;
    color: #333333;
    height: 1em;
}

#bd #rhNav #miniBasket #total #price,
#bd #rhNav #miniBasket #total #totalTag {
    color: #333333;
}

#bd #rhNav .basket-checkout-btn {
	background-color: #f56f2c;
	color: #fff;
    display: inline-block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	padding: 20px 0;
    text-align: center;
	width: 100%;
}

#bd #rhNav .basket-checkout-btn:hover {
	opacity: .8;
	text-decoration: none !important;
}

#bd #rhNav .basket-checkout-btn.active {
	background-color: #f56f2c;
    color: #ffffff;
}

#bd #rhNav #miniBasket #ads {
    padding: 16px 20px;
    text-align: center;
}

#bd #rhNav #miniBasket .cookie-policy-link {
    text-align: center;
    margin-top: 8px;
    padding-bottom: 8px
}

#bd #rhNav #miniBasket .cookie-policy-link a {
    text-decoration: underline !important;
    color: #666666;
}

#bd #rhNav .trustpilot-widget {
    padding: 6px 0 18px 0;
}

.trustpilot-widget {
    display: none;
}

.trustpilot-ie {
    display: block;
    margin-bottom: 18px;
}

#bd #rhNav #reasons-to-buy a {
    color: #666666;
}

#bd #rhNav #reasons-to-buy a:hover {
    text-decoration: underline!important;
}

.basket-continue {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
}

    .basket-continue span {
        text-decoration: underline;
        margin-left: 5px;
        font-size: 14px;
    }


/* FOOTER */

#ft {
    text-align: center;
    color: #666666;
}

#ft a {
    text-decoration: none!important;
}

#ft a:hover {
    text-decoration: underline!important;
}

#ft #newsletterSignup {
    background-color: transparent;
    border-left: 8px solid #1b4d8c;
    border-right: 8px solid #1b4d8c;
    height: 0px;
    text-align: left;
    display: none;
}

#ft #newsletterSignup #form {
    position: relative;
    top: -47px;
    margin-left: 160px;
    height: 45px;
    width: 640px;
    background: transparent url(/img/template/newsletter_signup.gif) bottom left no-repeat;
}

#ft #newsletterSignup table {
    margin-left: 0px;
}

#ft #newsletterSignup #form #link {
    cursor: pointer;
    width: 165px;
    height: 43px;
    vertical-align: top;
}

#ft #newsletterSignup #form #formFields {
    text-align: left;
    padding-left: 4px;
    padding-top: 3px;
    vertical-align: top;
    height: 40px;
}

#ft #newsletterSignup #form #formFields #email {
    cursor: text;
    background-color: transparent;
    padding-top: 4px;
    padding-left: 4px;
    border-width: 0px;
    width: 348px;
    height: 20px;
    color: #555555;
    vertical-align: top;
    margin-top: 5px;
}

#ft #newsletterSignup #form #formFields #submit {
    vertical-align: top;
    height: 30px;
}

#ft #bottomBorder {
    /*background: #fff url(/img/template/footer_border_new.gif) bottom left no-repeat;*/
    background-size: 100%;
    /*width: 974px;*/
    width: 935px;
    height: 19px;
}

#ft #bottomBorder,
#ft #links,
#ft #paymentTypes,
#ft #orderline {
    margin-bottom: 8px;
}

#ft #links {
    width: 942px;
    font-size: 100%;
    text-align: left;
    padding-left: 8px;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
}

#ft #links div {
    display: inline;
    float: left;
    width: 20%;
    margin-top: 9px;
    font-size: 100%;
    background-color: #f7f5f5;
    min-height: 257px;
}

#ft #links div ul {
    margin-left: 0em;
    margin-top: 17px;
    list-style-image: none;
    list-style: none;
    padding-left: 10px;
}

#ft #links div ul li {
    margin-bottom: 5px;
    list-style-image: none;
    list-style: none;
}

#ft #links div span {
    background-color: #014b92;
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 14px;
}

#ft #links div a {
    color: #666666;
}

#ft #paymentTypes {
    clear: both;
}

#ft #paymentTypes table {
    margin: auto;
}

#ft #paymentTypes table tr td {
    padding-top: 8px;
    padding-right: 8px;
    text-align: left;
}

#ft #paymentTypes #accept {
    font-size: 85%;
}

#ft #paymentTypes img {
    margin-right: 2px;
}

#ft #orderline #legals {
    margin: auto;
}

#ft #orderline #legals tr td {
    padding-right: 10px;
}

#ft #orderline #legals #orderLineText,
#ft #orderline #legals #phoneNumber {
	font-family: 'Avenir LT W01_35 Light1475496';
    font-size: 200%;
    font-weight: bold;
}

#ft #orderline #legals #phoneNumber {
    color: #fc813d;
}

#ft #orderline #legals #orderLineText {
    color: #1b4d8c;
}

#ft #ft-btm {
    display: inline-block;
	text-align: left;
	width: 100%;
}

#ft #copyright {
    text-align: center;
}

#ft #payment-types {
    text-align: center;
    float: none;
    width: 100%;
}

#ft #payment-types img {
    margin: 12px 0;
}

#ft #security-ads {
    text-align: center;
    float: none;
    width: 100%;
}


/* CATEGORY VIEW */

h1#categoryheader {
    color: #333333;
	font-family: 'Asap', sans-serif;
    font-size: 180%;
}

#subCategoryTable {
    margin-bottom: 1em;
    width: auto;
}

#subCategoryTable tr td {
    width: 160px;
    text-align: left;
    padding: 2px 2px 16px 2px;
}

#subCategoryTable tr td.last {
    width: 110px;
}

#subCategoryTable tr td img {
    border: 1px solid #F7F5F5;
    margin-bottom: 3px;
}

#subCategoryTable tr td a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
}

#subCategoryTable tr td span:hover {
    text-decoration: underline;
}

#subCategoryTable tr td img:hover {
	border: 1px solid #f56f2c;
    text-decoration: none;
}

#productslist #content .productslist {
    padding-left: 5px;
    padding-right: 5px;
}

#productslist #content .productslist #details {
    width: 510px!important;
}


/* CATEGORY PRODUCTS */

#categoryfilter {
    padding: 8px 12px;
    background-color: #e7e5e5;
    color: #333333;
    font-size: 93%;
}

#categoryfilter form {
    padding: 0px;
    margin: 0px;
}

#categoryfilter form select,
#categoryfilter form input {
    font-size: 85%;
}

#categoryfilter #choices {
    display: inline;
    width: 40%;
    float: left;
}

#categoryfilter #order {
    display: inline;
    width: 20%;
    float: left;
    text-align: center;
}

#categoryfilter #order select {
    padding: 4px;
}

#categoryfilter #pages {
    display: inline;
    width: 40%;
    float: left;
    padding-top: 5px;
}

#categoryfilter #pages #display {
    text-align: right;
}

#categoryfilter #pricerange span {
    display: inline-block;
    vertical-align: middle;
}

#categoryfilter #pricerange input[type="text"] {
    width: 28px;
    height: 20px;
    border: 1px solid #cccccc;
    margin: 0 2px;
}

#categoryfilter #pricerange input[type="submit"] {
    padding: 2px 5px;
}

#categoryfilter a {
    text-decoration: none;
}

#categoryfilter a:hover {
    text-decoration: underline!important;
}

#categoryfilter a.selected,
#categoryfilter span.selected {
    font-weight: bold;
    text-decoration: underline!important;
}


/* PAGE CONTROL */

#pagecontrol {
    width: 100%;
    text-align: center;
    padding: 0 0 22px;
}

span#control a,
span#control b {
    text-decoration: none!important;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #e7e5e5;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
	color: #7e7e7e;
    font-size: 14px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 7px;
    margin-right: 5px;
    margin-bottom: 8px;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
}

span#control b {
	background: #f56f2c;
    color: #ffffff;
}

span#control #prev,
span#control #next {
    font-size: 16px;
    padding-top: 5px;
    font-weight: normal;
}

span#control #viewall,
span#control #viewpages {
    width: auto;
    padding: 6px 10px;
}

div#pagecontrolbottom {
    text-align: right;
    color: #666666;
    margin-bottom: 2em;
}


/* GRID VIEW */

div.products {
    margin-left: 10px;
}

div.products div.line {
    margin-top: 0px;
}

div.products div.product {
    display: inline;
    width: 128px;
    padding-right: 40px;
    float: left;
    padding-bottom: 20px;
}

div.products div.product a#imglink,
div.productslist div#product a#imglink,
div.products div.product a,
div.productslist div#product a {
    position: relative;
    display: inline-block;
}

div.products div.product #imageoverlay,
div.productslist div#product #imageoverlay {
    position: absolute;
    right: -1px;
    bottom: 5px;
    border-width: 0px!important;
}

div.products div.product a#imglink:hover img {
	border: 1px solid #f56f2c;
}

div.products div.product a {
    text-decoration: none!important;
}

div.products div.product.last {
    padding-right: 0px;
    width: 120px;
}

div.products div.product img {
    border: 1px solid #F7F5F5;
    margin-bottom: 3px;
}

div.products div.product h3 {
    line-height: 1.2;
    font-size: 14px;
    margin: 0 0 4px 0;
    color: #333333;
    font-weight: normal;
}

div.products div.product h3 a {
    color: #333333;
}

div.products div.product h3 a:hover {
    text-decoration: underline!important;
}

div.products div.product .prod-price {
    font-size: 14px;
	color: #2E84BE;
}

div.products div.product .prod-price span {
	font-size: 12px!important;
    color: #333333;
}

div.products div.product .prod-more-options {
	font-size: 12px!important;
    color: #333333;
    text-decoration: underline;
}

div.products div.product #moreinfo {
    display: none;
    margin: 0px 0px 2px 0px;
}

div.products div.product #moreinfo a {
    color: #1975ff;
    font-weight: bold;
}

div.products div.product #moreinfo a:hover {
    text-decoration: underline!important;
}

div.products div.product p.saleprice {
    display: none;
    color: #ff2222;
    z margin: 0px 0px 2px 0px;
    padding: 0px;
}

div.products div.product p.saleprice span {
    text-decoration: line-through;
}

div.products div.product .nostrikethrough {
    text-decoration: none!important;
}

div.products div.product p.saleprice a {
    color: #ff2222;
    font-weight: bold;
}

div.products div.product p.price {
    margin: 0;
    padding: 0px;
}

div.products div.product p.price a {
    font-size: 14px;
    color: #014b92!important;
}

div#platinum {
    font-size: 83%;
    color: #555555;
}


/* LIST VIEW */

div.productslist div.line {
    margin-top: 0px;
    margin-bottom: 10px;
}

div.productslist #product {
    margin-bottom: 20px;
}

div.productslist #product #image {
    display: inline;
    float: left;
    width: 110px;
}

div.productslist #product #image img {
    border: 1px solid #F7F5F5;
}

div.productslist #product #image:hover img {
	border: 1px solid #f56f2c;
}

div.productslist #product #details {
    display: inline;
    float: left;
    width: 520px;
    padding: 0 10px;
    font-size: 14px;
}

#productslist #product #details {
    border: 0;
}

#mainContent #viewproduct #details {
    border: 0;
    padding: 0;
}

div.productslist #product #details #title {
    margin-bottom: 3px;
}

div.productslist #product #details #title a {
    color: #333333;
    text-decoration: none;
}

div.productslist #product #details #title a:hover {
    text-decoration: underline!important;
}

div.productslist #product #details #sdesc {
    color: #333333;
    margin-bottom: 3px;
}

div.productslist #product #details #sdesc a {
    color: #333333;
    text-decoration: underline;
}

div.productslist #product #details #sdesc a:hover {
    text-decoration: underline!important;
}

div.productslist #product #details #price {
    color: #014b92;
    margin-bottom: 4px;
}

div.productslist #product #details #price #was {
    color: #ff0000;
}

div.productslist #product #details #stock {
    font-weight: bold;
}

div.productslist #product #details #stock #instock {
    color: #390;
}

div.productslist #product #details #stock #outofstock {
    color: #ff0000;
}

div.productslist #product #details #buy {
    font-weight: bold;
    color: #1975ff;
    padding-top: 5px;
    line-height: 1;
}

div.productslist #product #details #buy form {
    vertical-align: middle;
}

div.productslist #product #details #buy form input {
    vertical-align: middle;
}

div.productslist #product #details #buy form input[type="text"] {
    height: 26px;
    width: 30px;
    margin-right: 6px;
}

div.productslist #product #details #emailwhenin {
    padding-top: 5px;
}

div.productslist #product #details #emailwhenin a {
    padding-top: 3px;
    font-size: 77%;
    color: #333333;
    text-decoration: none;
}

div.productslist #product #details #emailwhenin a:hover {
    text-decoration: underline;
}

.prod-btn {
    font-weight: normal!important;
    text-decoration: none!important;
    padding: 6px 8px!important;
    font-weight: bold!important;
    color: #ffffff!important;
    display: inline-block!important;
    border: none!important;
    cursor: pointer;
}

.orange-btn {
	font-family: 'Asap', sans-serif;
	background-color: #f56f2c;
}

.blue-btn {
	font-family: 'Asap', sans-serif;
	background-color: #2e84be;
    width: 228px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.red-btn {
    background-color: #cc0000;
}

#banner {
    margin-bottom: 0.5em;
}

#productslist #content {
    padding: 18px 0;
    overflow: auto;
    border: 1px solid #f7f5f5;
    border-top-width: 0px;
}

.platinumTitleArea {
    display: block;
    position: static;
}

#productslist div.products div.product {
    width: 125px;
}


/*
    #productslist #header{
        border-left: 1px solid #1f4b94;
        background: #fff url(/img/template/featured_products_bg.gif) top right no-repeat;
        height: 21px;
        color: #fff;
        font-weight: bold;
        padding: 4px 4px 0px 6px;
    }
    */


/* PRODUCT DISPLAY */

#viewproduct div {
    border-collapse: collapse;
}

#viewproduct #backtotop {
    margin-bottom: 3px;
}

#viewproduct #backtotop a {
    font-size: 77%;
    font-weight: bold;
    text-decoration: none;
    color: #666;
    background: url(/img/template/back-to-top.gif) no-repeat center left;
    height: 12px;
    padding-left: 15px;
}

#viewproduct #morein {
    font-size: 85%;
    margin-bottom: 5px;
    float: left;
    margin-top: -8px;
}

#viewproduct #morein a {
    text-decoration: underline;
}

#viewproduct #morein a:hover {
    text-decoration: underline;
}

#viewproduct #imgoverlays {
    margin-top: -30px;
    margin-bottom: 0;
    height: 30px;
    float: right;
}

#viewproduct #image {
    clear: both;
    width: 300px;
    float: left;
    vertical-align: top;
    margin-bottom: 10px;
    position: relative;
}

#viewproduct #image.extratoppadding,
#viewproduct #buy.extratoppadding {
    padding-top: 20px;
}

#viewproduct #image #productimage {
    border: 1px solid #f7f5f5;
    margin-bottom: 0px;
}

#viewproduct #image #thumbnails {
    text-align: left;
}

#viewproduct #image #thumbnails #thumbnailimage {
    border: 1px solid #f7f5f5;
    margin: 0px 17px 5px 0px;
    cursor: pointer;
}

#viewproduct #image #thumbnails #thumbnailimage.img3 {
    margin-left: 1px!important;
    margin-right: 0px!important;
}

#viewproduct #image #thumbnails #thumbnailimage:hover {
	border: 1px solid #f56f2c;
}

#viewproduct #image #enlarge {
    text-align: left;
    font-size: 85%;
    border-bottom: 1px solid #f7f5f5;
    padding: 5px 0px;
    margin-bottom: 5px;
    margin-top: -4px;
}

#viewproduct #image #imagecontainer {
    position: relative;
}

#viewproduct #image #imagecontainer #imageoverlay {
    position: absolute;
    right: -3px;
    bottom: 5px;
    border-width: 0px;
}

#lightboximg0 {
    cursor: url('/img/magnify.cur'), default;
}

#viewproduct #image #productimage {
    width: 300px;
    cursor: url('/img/magnify.cur'), default;
    /*cursor: url('/img/magnify.cur'), default;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;*/
}

#viewproduct #buy {
    width: 324px;
    float: right;
    vertical-align: top;
    margin-bottom: 15px;
    background-color: #fff;
}

#viewproduct #buy #productversionscontainer {
    max-height: 440px;
    overflow: auto;
    overflow-x: hidden;
}

#viewproduct #buy #not_available {
    color: red;
    font-weight: bold;
    clear: both;
    padding-left: 10px;
    padding-bottom: 20px;
}

.validationError {
    color: red;
    font-weight: bold;
    clear: both;
    padding-left: 10px;
    padding-bottom: 20px;
    padding: 0px;
    position: relative;
    top: -2px;
    float: left;
    text-align: left;
}

img.validationErrorImg.val_img {
    margin-right: 3px !important;
    width: 15px;
    top: 0px
}

img.val_img {
    position: relative;
    top: 3px;
}

.cbTermsText {
    float: left;
    text-align: left;
}

input#txtpassword, input#txtpassword2 {
    float: left;
    clear: both;
}

.validationErrorImg{
    margin-right: 4px;
    vertical-align: top;
}


#pwindicator {
    margin-top: 4px;
    width: 150px;
}

.bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 30px;
}

.pw-very-weak .label {
    color: #d00;
}

.pw-weak .bar {
    background: #d00;
    width: 60px;
}

.pw-weak .label {
    color: #d00;
}

.pw-mediocre .bar {
    background: #f3f01a;
    width: 90px;
}

.pw-mediocre .label {
    color: #f3f01a;
}

.pw-strong .bar {
    background: #f3b31a;
    width: 120px;
}

.pw-strong .label {
    color: #f3b31a;
}

.pw-very-strong .bar {
    background: #0d0;
    width: 150px;
}

.pw-very-strong .label {
    color: #0d0;
}

#viewproduct #buy #name {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-left: 4px;
    margin-bottom: 6px;
    margin-top:-3px;
}

#viewproduct #buy #code {
    font-size: 12px;
    color: #333333;
    float: right;
    vertical-align: top;
    padding-top: 0px;
}

#viewproduct #buy #price {
    font-size: 18px;
	color: #f56f2c;
    margin-bottom: 5px;
    padding: 4px 0 0 4px;
}

#viewproduct #buy #addthis {
    float: left;
    padding: 16px 6px 8px 0px;
    width: 150px;
}

#viewproduct #buy #average_rating {
	color: #333;
    float: left;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	padding: 8px 0px;
	width: 100%;
}
#viewproduct #buy #average_rating img {
	margin: -3px 3px 0 0;
}

#viewproduct #buy #write_review {
    clear: left;
    font-size: 85%;
    padding: 8px 0px;
    float: left;
    WHITE-SPACE: nowrap;
}

#viewproduct #buy #ipoints {
    clear: both;
    vertical-align: middle;
}

#viewproduct #buy #ipoints a {
    text-decoration: none;
    font-size: 85%;
}

#viewproduct #buy #ipoints a img {
    padding-right: 5px;
}

#viewproduct #buy #productversions {
    display: inline;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

#viewproduct #buy #productversions form {
    background-color: #f7f5f5;
}

#viewproduct #buy #productversions #header {
    background-color: #fff;
    padding: 6px 4px 0 6px;
    border-top: 1px solid #f7f5f5;
    color: #1f4b94;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    width: 97%;
}

#viewproduct #buy #productversions #header #left {
    float: left;
    width: 230px;
}

#viewproduct #buy #productversions #header #qty {
    color: #333333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
}

#viewproduct #buy #productversions #line {
    background-color: #f7f5f5;
    margin-top: 0px;
    text-align: left;
    color: #333333;
    font-size: 100%;
    padding: 4px 4px 4px 6px;
}

#viewproduct #buy #productversions #line.white-top-border {
    border-top: 3px solid white;
}

#viewproduct #buy #productversions #line #text span {}

#viewproduct #buy #productversions #line .product-buy-label {
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
}
#viewproduct #buy #productversions #line .product-buy-label div {
	font-family: 'Avenir LT W01_35 Light1475496', 'Helvetica Neue', Arial, sans serif;
}

#viewproduct #buy #productversions #line #text span #sale {
    color: #333333;
	font-size: 12px;
}

#viewproduct #buy #productversions #line #text #subtext2 {
    color: #1975ff;
    font-size: 77%;
}

#viewproduct #buy #productversions #line #pvprice {
    padding-left: 5px;
    padding-right: 5px;
    float: right!important;
    color: #333333!important;
    font-size: 100%!important;
    text-align: right!important;
}

#viewproduct #buy #productversions #line #pvprice .normaltext {
	font-size: 12px;
    color: #333333;
    float: right;
    margin-top: -2px;
}

#viewproduct #buy #productversions #line #buybox {
    vertical-align: top;
    float: right;
    text-align: right;
}

#viewproduct #buy #productversions #line #buybox #quantity {
    vertical-align: top;
    border: 1px solid #cccccc;
    height: 16px;
    width: 30px;
    padding: 3px;
    margin-right: 3px;
}

#viewproduct #buy #productversions #line #buybox select {
    vertical-align: top;
    border: 1px solid #cccccc;
    height: 24px;
    width: 40px;
    margin-right: 3px;
    padding: 0;
}

#viewproduct #buy #productversions #line #buybox .prod-btn {
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
    font-weight: normal!important;
	padding: 12px!important;
}

#viewproduct #buy #productversions #footer {
    color: #333333;
    font-size: 77%;
    font-weight: normal;
    text-align: right;
    background-color: #fff;
    clear: both;
    padding: 4px 5px;
}

#viewproduct #buy #productversions #footer a {
    color: #333333;
}

#viewproduct #buy #productversions #footer a:hover {
    text-decoration: underline;
}

#viewproduct #buy.lower {
    width: 100%;
}

#viewproduct #buy.lower #header.product_tab_on_left {
    font-size: 108%;
    text-align: left;
}

#viewproduct #buy.lower #productversions #header {
    width: auto;
}

#viewproduct #buy.lower #productversions #header #left {
    width: 525px;
}

#viewproduct #buy.lower #productversions #line #text span {
    float: left;
}

#viewproduct #buy.lower #name {
    padding-top: 3px;
}

#viewproduct #buy.lower #code {
    padding-right: 5px;
}

#viewproduct #buy.lower #borderthis {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#viewproduct #buy.lower #productversions #bottomborder {
    border-bottom: 1px solid #ccc;
}

#viewproduct #googlecheckout {
    text-align: right;
}

.product_tab_on {
    background-color: #014b92;
    height: 21px;
    color: white;
    text-align: left;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
}

.product_tab_on_left {
	background-color: #dcdcdc;
	color: #333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
    height: 22px;
    text-align: left;
	padding: 5px 0 0 10px
}

.product_tab_off_left {
    background-color: #e7e5e5;
    height: 21px;
    color: #666666;
    text-align: left;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
    border: 0px solid #e2e2e2;
}

.product_tab_on_link {
    height: 21px;
	color: #333;
    text-align: right;
    display: inline;
    float: right;
    text-decoration: none;
    cursor: pointer;
    text-decoration: underline;
    padding-right: 10px;
}

.product_tab_on_right {
	background-color: #dcdcdc;
	color: #444;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
    height: 22px;
    text-align: left;
    padding: 5px 0 0 10px;
}

.product_tab_off {
    background-color: #e7e5e5;
    height: 20px;
    color: #666666;
    text-align: left;
    font-weight: bold;
    padding: 6px 0 0 10px;
    border: 1px solid #e2e2e2;
    border-bottom-width: 0px;
}

#viewproduct #float-right {
    width: 125px;
    float: right;
}

#viewproduct #float-right div.product_tab_on_right {
    text-align: left;
}

#viewproduct #icons {
    border: 1px solid #f7f5f5;
    clear: both;
    margin-bottom: 10px;
    padding: 2px 3px;
}

#viewproduct #icons a {
	color: #7e7e7e;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 32px;
}

#viewproduct #icons a:hover {
    text-decoration: underline;
}

#viewproduct #alsobought {
    border: 1px solid #f7f5f5;
    margin-bottom: 10px;
}

#viewproduct #info {
    width: 499px;
    margin-bottom: 10px;
}

#viewproduct .product-tabs {
    list-style: none;
    margin: 0px;
}

#viewproduct .product-tabs li {
	background: #dcdcdc;
	border: 0;
	border-bottom: 3px solid #dcdcdc;
	box-sizing: border-box;
	color: #333;
    cursor: pointer;
    float: left;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
    font-weight: normal;
	height: 27px;
	list-style: none;
	margin-right: 3px;
    padding: 5px 0px;
    text-align: center!important;
	width: 99px;
}

#viewproduct .product-tabs li.product_tab_off {
	width: 97px;
}

#viewproduct .product-tabs li.product_tab_off:hover {
	background: #f56f2c;
	border-color: #f56f2c;
	color: #fff;
}

#viewproduct .product-tabs li.product_tab_on_left,
#viewproduct .product-tabs li.product_tab_on,
#viewproduct .product-tabs li.product_tab_off.selected {
	background: #f7f5f5;
	border-color: #f56f2c;
	color: #f56f2c;
	width: 99px;
}

#viewproduct #desc {
    clear: left;
    margin-bottom: 10px;
    color: #333333;
    border: 1px solid #f7f5f5;
    padding: 8px;
    overflow-y: hidden;
    overflow: auto;
    min-height: 167px;
}

#viewproduct #info #media,
#viewproduct #info #details,
#viewproduct #extras {
    margin-bottom: 10px;
}

#viewproduct #info #media #content,
#viewproduct #extras #content,
#viewproduct #info #details #content {
    padding: 12px;
}

#viewproduct #extras {
    margin-bottom: 20px;
}

#viewproduct #info #tab_info {}

#viewproduct #info #tabs #tab_media {
    margin-right: 0px;
}

#viewproduct .product-tab-content #desc_info,
#viewproduct .product-tab-content #desc_delivery,
#viewproduct .product-tab-content #desc_finance,
#viewproduct .product-tab-content #desc_media {
    display: none;
}

#viewproduct .product-tab-content #desc_delivery TABLE {
    margin: 1em 0em;
}

#viewproduct .product-tab-content #desc_delivery TABLE TD {
    padding: 3px 10px 3px 0px;
}

#viewproduct #content {
    border-left: 1px solid #f7f5f5;
    border-right: 1px solid #f7f5f5;
    border-bottom: 1px solid #f7f5f5;
    overflow: auto;
}

#viewproduct #content.noborder {
    border-width: 0px;
}

#viewproduct #review_header {
    border-left: 1px solid #f7f5f5;
    border-right: 1px solid #f7f5f5;
    border-bottom: 1px solid #f7f5f5;
    height: 55px;
}

#viewproduct #review_header .average-rating {
    padding-top: 5px;
}

#viewproduct #review_header .average-rating img {
    margin-top: -2px;
}

#viewproduct #review_header div.left {
    float: left;
    width: 300px;
    padding-top: 11px;
    padding-left: 10px;
    color: #333333;
}

#viewproduct #review_header div.left a {
    font-weight: bold;
}

#viewproduct #review_header div.left a.orange {
	color: #f56f2c;
}

#viewproduct #review_header div.left a:hover {
    text-decoration: underline!important;
}

#viewproduct #review_header div.right {
    float: right;
    width: 280px;
    padding-top: 12px;
    height: 38px;
    cursor: pointer;
}

#viewproduct #review_header div.right span {
	color: #f56f2c;
    font-weight: bold;
}

#viewproduct #review_header a div.right {
    text-decoration: none;
}

#viewproduct #review {
    margin-bottom: 25px;
}

#viewproduct #review #review_header {}

#viewproduct #review div {
    text-align: left!important;
}

#viewproduct #photo {
    margin-bottom: 10px;
}

#viewproduct #photo #review_header {
    background: #cccccc url(/img/template/product_photo_review_bg.gif) repeat-x top left;
}

#viewproduct #photo div {
    text-align: left!important;
}

#viewproduct #customer_review {
    padding: 8px;
    background-color: #fff;
    color: #333333;
}

#viewproduct #customer_review.alternate {
    background-color: #ffffff;
}

#viewproduct #customer_review #title {
    font-weight: bold;
    padding-bottom: 3px;
}

#viewproduct #customer_review #text {
    padding-bottom: 3px;
}

#viewproduct #customer_review #wesay {
    color: #0066cc;
    padding-bottom: 3px;
}

#viewproduct #customer_review #name {
	color: #f56f2c;
    padding-bottom: 3px;
}

#viewproduct #customer_image {
    padding: 8px;
    background-color: #fff;
    width: 100%;
    float: left;
}

#viewproduct #customer_image #image {
    font-weight: bold;
    padding-bottom: 10px;
    display: inline;
    float: left;
    width: 100px;
}

#viewproduct #customer_image #image img {
    border: 1px solid #ccc;
}

#viewproduct #customer_image #data {
    display: inline;
    float: left;
    width: 80%;
}

#viewproduct #customer_image #title {
    font-weight: bold;
    padding-bottom: 10px;
}

#viewproduct #customer_image #name {
    font-weight: bold;
	color: #f56f2c;
    padding-bottom: 3px;
}

#viewproduct #customer_image #wesay {
    color: #0066cc;
    padding-bottom: 3px;
}

#viewproduct #buy.lower {
    width: 100%;
    float: none;
}

#whatothersbought td {
    vertical-align: top!important;
}

#whatothersbought th {
    text-align: left!important;
}

#whatothersbought img {
    border: 1px solid #f7f5f5;
}

#whatothersbought #name {
    color: #333;
    margin-top: 3px;
    margin-bottom: 3px;
	font-size: 14px;
    text-decoration: none;
}

#whatothersbought #price {
	color: #f56f2c;
    text-decoration: none;
	font-size: 14px;
}

#whatothersbought a {
    text-decoration: none!important;
}

.catBanner ul li a:hover {
    text-decoration: underline!important;
}


/*BASKET PAGE CONTENT */

#recentlyviewed td {
    vertical-align: top!important;
}

#recentlyviewed img {
    border: 1px solid #cccccc;
}

#recentlyviewed #name {
    color: #1f4b94;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    text-decoration: none;
}

#recentlyviewed #price {
    color: #fc6e01;
    text-decoration: none;
}

#recentlyviewed a {
    text-decoration: none!important;
}


/* HOMEPAGE CONTENT */

#homepageproducts tr td {
    width: 160px;
}

#homepageproducts tr td.last {
    width: 110px;
}

#homepageproductname:hover,
#homepageproductmore:hover {
    text-decoration: underline!important;
}

a:hover #homepageprodimage {
	border: 1px solid #f56f2c!important;
}

#tabSolid div.products a:hover img:first-child,
#whatothersbought img:hover {
	border: 1px solid #f56f2c!important;
}

#homepage .products .product {
    padding-bottom: 0px!important;
}

#homepage .products .line {
    margin-top: 20px!important;
}


/* GENERIC CONTENT */

#tabSolid {
    clear: both;
    margin-bottom: 18px;
}

#tabSolid a {
    text-decoration: none;
}

#tabSolid a #tabHeader {
    cursor: pointer;
}

#tabSolid #tabHeader {
	border-bottom: 3px solid #2e84be;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #7e7e7e;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	height: 30px;
	padding: 8px 8px 0;
    text-decoration: none;
}

#tabSolid #tabHeader #tabLabel,
#tabSolid #tabLabelLink {
    padding-top: 6px;
    float: left;
    display: inline;
    font-size: 14px;
}

#tabSolid #tabHeader #tabLabel {
	padding-top: 0;
    width: 307px;
}

#tabSolid #tabHeader #tabLabelLink {
    text-align: right;
    padding-right: 12px;
    float: right;
    text-decoration: underline;
}

#tabSolid #tabBody {
    padding-top: 18px!important;
}

#tabSolid #tabBody.noborder {
    border-left-width: 0px;
    border-right-width: 0px;
}

#tabSolid #tabBody.padding {
    padding: 10px;
}

#tabSolid #tabFooter {
    height: 5px;
    line-height: 0px;
}

#tabSolid .product-show-more {
	float: left;
	padding-top: 18px;
	text-align: center;
	width: 100%;
}

#tabSolid .product-show-more .btn.btn-orange {
	color: #fff;
	text-decoration: none !important;
}

div.tabTab {
    border-left: 2px solid #d9d9d9;
    color: #666666;
    font-weight: bold;
    font-size: 123.1%;
    height: 27px;
}

div.tabLabel {
    background: transparent url(/img/template/tabBG.gif) top right no-repeat;
    display: inline;
    height: 27px;
    padding: 5px 10px 0px 8px;
    float: left;
}

div.tabBody {
    border-left: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
    background-color: white;
    padding: 2px 10px 10px 10px;
    background: white;
}

div.tabHeader {
    height: 10px;
    line-height: 0.1;
    font-size: 1px;
    background: white url(/img/template/tabHeader.gif) top right no-repeat;
}

div.tabFooter {
    height: 20px;
    background: white url(/img/template/tabFooter.gif) bottom right no-repeat;
}

div#customerReviews:last-child {
    margin-bottom: 0px!important;
}

div#customerReviews a {
    text-decoration: underline;
}

div#customerReviewName {
    font-weight: normal!important;
	color: #f56f2c;
}

b, strong {
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-weight: normal;
}


/* OLD DS STYLES */

H1,
H2,
H3,
H4,
H5,
H6 {
    COLOR: #333333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-weight: normal;
    margin-bottom: 1em;
}

h1 {
    text-transform: capitalize;
}

.partadmintable {
    border: 1px solid #114477;
    border-collapse: collapse;
    background-color: #F5F5F5;
}

.partadmintable TH {
    BACKGROUND-COLOR: #114477;
    COLOR: white;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    text-align: center;
    border: 1px solid #CCCCCC;
    height: 20px;
    Fadminmenu
}

.partadmintable TD {
    border: 1px dashed #CCCCCC;
    height: 20px;
}

.nicebgandborder {
    background: #ffffff;
    border: 1px solid #f7f5f5;
}

.niceborder TH,
.nicebgandborder TH {
	background: #dcdcdc;
    border-collapse: collapse;
	color: #333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
    height: 25px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
}
.niceborder TH.others-bought-heading,
.nicebgandborder TH.others-bought-heading {
	height: auto;
	padding: 4px 10px;
}
.niceborder TH font,
.nicebgandborder TH font {
	color: #333 !important;
}

.niceborder TH b,
.nicebgandborder TH b {
    font-weight: normal;
}

.niceborder TH:first-child,
.nicebgandborder TH:first-child {
    border-left-width: 0px;
}

.niceborder TD,
.nicebgandborder TD {
	color: #7e7e7e;
    padding: 5px 5px;
    text-align: left;
    vertical-align: middle;
}

.nicebgandborder a {
    text-decoration: underline!important;
}

.nicebgandborderrev {
    border: 1px solid #1F4B94;
    border-collapse: collapse;
}

TH P,
TD P {
    margin-bottom: 0px;
}

h1 {
    color: #333333;
	font-family: 'Asap', sans-serif;
    font-size: 167%;
    font-weight: bold;
    margin-bottom: 0.7em;
    margin-top: 0em;
}

TEXTAREA {
	font-family: 'Avenir LT W01_35 Light1475496';
}

input[type="text"].textentry {
    border: 1px solid #cccccc;
    padding: 5px 6px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
}

textarea.textentry {
    border: 1px solid #cccccc;
    padding: 5px 6px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}

input[type="submit"].submit-btn {
    color: #ffffff;
    border: none;
    box-shadow: none;
    padding: 8px 10px;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 14px;
}

#addedToBasket {
    display: none!important;
}


/*New*/

#qpromocode a {
    text-decoration: underline!important;
}

#nav.new {
    background: transparent url(/img/template/nav_new.gif) 50px 6px no-repeat;
}

#nav.new:hover {
    background: #fc7c1a url(/img/template/nav_new_hover.gif) 50px 6px no-repeat!important;
}

#nav.newselected {
    background: #fc7c1a url(/img/template/nav_new_hover.gif) 50px 6px no-repeat!important;
}

#hd #tabNavigation #tab_top #leftnew {
    width: 26px;
    2
}

#hd #tabNavigation #tab_top div.new {
    position: relative;
    top: 0;
    left: 0;
    width: 26px;
    height: 25px;
    z-index: 1;
    background: transparent url(/img/template/New-Rosette.png) top left no-repeat;
}

blockquote.noindent {
    margin: 1em 0!important;
}

#icons_header {
    padding-left: 0!important;
}

.normaltext {
    font-size: 8pt;
    font-weight: normal;
    color: #666;
    width: 50px;
    text-align: right;
    display: inline-block!important;
}

#mobile-search {
    display: none;
}

.scroll-img {
    display: none;
    position: absolute;
    height: 50px;
    width: 50px;
    z-index: 2;
    margin-top: -42px;
    padding: 16px;
    cursor: pointer;
    pointer-events: all!important;
}

#scroll-img-left {
    background: url(/img/template/scroll-left.png) no-repeat;
    background-size: 50px 50px;
    background-position: center;
    left: 0;
    top: 50%;
    padding-left: 0;
}

#scroll-img-right {
    background: url(/img/template/scroll-right.png) no-repeat;
    background-size: 50px 50px;
    background-position: center;
    right: 0;
    top: 50%;
    padding-right: 0;
}

#bd a {
    text-decoration: underline;
}

#meettheteam img {
    border: 1px solid #f7f5f5;
}

input[type="text"],
input[type="file"],
textarea {
    background-color: #ffffff!important;
    border: 1px solid #cccccc!important;
}

#ft #links div:hover {
    cursor: pointer;
}

#ft #links div .mobile-accordian {
    display: none;
}


/* divs created from inline styles in order to resolve conflicts in media queries */


/* moved from messages.asp */

#messageInfo {
    background-color: #EBEEF5;
    padding: 5px;
    line-height: 1;
    width: 98%;
    margin-bottom: 10px;
}

/* moved from basket.asp, restyled to fit to standards */

#offerBox {
    width: 30.5%;
    vertical-align: top;
    height: 100px;
    padding: 10px 13px;
    position: relative;
    display: inline-block;
    line-height: 1.3em;
}

#offerBox:not(:nth-child(3n)):after {
    content: "";
    background: #E7E5E5;
    position: absolute;
    bottom: 10%;
    right: 0;
    height: 80%;
    width: 1px;
}

#offerBox:before {
    content: "";
    background: #E7E5E5;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
}

#productDetails {
    width: 330px;
}

#checkout {
    margin-top: 6px;
}


/* moved from success.asp */

#checkoutNavBasket {
    float: left;
}

#checkoutNavProcess {
    float: right;
}


/* moved from newcheckout.css */

table.co_greyborder {
    width: 946px;
}

.nicebgandborder {
    width: 100%;
}

.layoutTable {
    width: 95%;
}

.checkoutD {
    background: #F7F5F5;
}

.delivery input[type="radio"],
.delivery_selected input[type="radio"],
.delivery_hover input[type="radio"] {
    margin-left: 14px;
    display: block;
}

.delivery,
.delivery_selected,
.delivery_hover {
    cursor: pointer;
}

table.checkout_delivery td {
	padding: 15px 16px;
    background: #f7f5f5;
}
table.checkout_delivery #deliveryTerms a {
	clear: both;
	float: left;
}


/* basket page */

.wasprice {
    display: block;
}

#paymentMethodsAndSecurity {
	height: 111px;
    width: 361px;
	background: url(/img/new_checkout/checkout-security-2019.png) no-repeat;
    font-weight: bold;
	padding: 8px 10px;
    margin-top: 15px;
}

.content {
    padding-bottom: 20px;
}

.checkoutBtns {
    margin-top: 35px;
    margin-bottom: 15px;
    text-align: right;
    float: right;
    width: 461px;
}

.checkoutBtns table {
    float: right;
}

.cbTermsBox {
    margin-bottom: 20px;
    width: 100%;
}

.cbTermsCol1 {
    width: 50%;
}

.cbTermsCol2 {
    width: 50%;
}

#paymentButtonTable {
    margin-left: auto;
    margin-right: 0;
}

#deliveryTerms {
    display: block;
    width: 95%;
    padding-bottom: 25px;
    margin-bottom: 15px;
    background: #F7F5F5;
}

#deliveryTerms.basket {
    margin-bottom: 0;
    padding-bottom: 0;
}

.stockalert {
    padding: 20px 20px 15px 20px;
}

#offerBox p {
    vertical-align: top;
    width: 145px;
    padding: 5px 0 0 0;
    display: inline-block;
}

#offerBox img {
    margin-right: 8px;
}

.submitTable {
    width: 98%;
    margin-top: 30px;
    margin-bottom: -15px;
}

#mainContent #promoLayout {
    width: 500px;
}

#mainContent .deliveryoptions {
    width: 100%;
}

.noSpacing {
    position: absolute;
}

.lBlock {
    margin-top: 60px;
    position: absolute;
}

.rBlock,
.lBlock {
    width: 49.7%;
    display: inline-block;
}

.rBlock {
    vertical-align: top;
    font-size: 0.8em;
    float: right;
}

.rBlock strong,
.rBlock b {
    font-size: 13px;
}

.checkoutBlock {
    border: solid 1px #e7e5e5;
    padding: 12px 38px 10px 21px;
    position: relative;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    overflow: auto;
}

.divider {
    text-align: right;
    margin: 10px 0 10px auto;
    margin-left: auto;
    background-color: #999;
    width: 300px;
    height: 1px;
}

.smallerText {
    margin-top: 8px;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
}

.lAlign {
    width: 70%;
    text-align: right;
    margin-right: 0;
    display: inline-block;
}

.rAlign {
    text-align: right;
    width: 27%;
    margin-left: auto;
    margin-right: 0;
    vertical-align: top;
    display: inline-block;
}

.selectRegion {
    width: 150px;
    padding-right: 0;
}

#checkoutnav {
    height: 40px;
    width: 917px;
    background: #fff url('/img/template/checkoutnavbg.gif') repeat-x center center;
}

#nc {
    float: left;
    width: 912px;
    margin: 10px 0 0 0;
}

#checkoutSequenceButtons {
    float: right;
}

#rcPassword {
    clear: both;
    float: left;
    border: solid 1px #ccc;
    padding: 10px;
    width: 862px;
}

#rcpasswordLabel {
    padding: 0 0 0 15px;
}

#returningcustomer {
    float: left;
    width: 912px;
    font-weight: bold;
    float: left;
}

#returningcustomerradio1 {
    font-weight: bold;
    padding: 3px 10px 3px 3px;
    float: left;
    width: 98.6%;
}

.login-heading {
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	font-weight: normal;
}

#registerInnerContent {
    clear: both;
    padding: 15px;
    float: left;
    width: 886px;
}

.regDetails {
    width: 417px;
    border: solid 1px #ccc;
    padding: 10px;
    margin: 10px 0px 10px 0;
    float: right!important;
}

.regAddress {
    clear: both;
    width: 417px;
    border: solid 1px #ccc;
    padding: 10px;
    margin: 10px 8px 10px 0px;
    float: left;
}

.offers {
    clear: right;
    float: right;
    width: 433px;
}


/* MEDIA QUERIES */

.subtotal {
    position: relative;
}

.adrChoice {
    float: left;
    width: 385px;

    position: relative;
}


#details {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    float: left;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.regFirstName,
.regSurname,
.regTitle {
    width: 100px;
    display: inline-block;
}

.regFirstName {
    margin-right: 50px;
}

#rcLogin {
    clear: both;
    float: left;
    width: 100%;
}

#rcemail,
#rcpassword {
    font-weight: 400;
    padding-left: 5px;
    width: 200px;
}

#forgottenPasswordLogin {
    display: inline-block;
    margin-top: -5px;
    float: right;
    padding-left: 0;
    width: 220px;
    text-align: right;
    text-decoration: none;
    font-weight: 400;
}

.passwordSingle {
    display: block;
    margin-top: 7px;
}

#forgottenPasswordLogin span {
    color: #014B92!important;
}

#forgottenPasswordLogin a {
    text-decoration: underline;
}

.shortInput {
    width: 125px;
    border: solid 1px #ccc;
}

#continueButton {
    float: right;
    padding-right: 10px;
}

#updateDetails {
    float: right;
    width: 760px;
    padding: 10px 0;
}

.reqFields {
    float: right;
    font-size: 0.8em;
    margin: 0 40px 0 0;
}

.basketTotal,
.basketDiscount {
    display: block;
    float: right;
    text-align: right;
    padding-right: 10px;
}

.basketDiscount .pricelast2 {
    float: right;
}

#discountcellreason {
    margin-top: 4px;
}

.basketTotalText,
#discountcellreason {
    display: inline-block;
    margin-right: 50px;
}

.subtotal {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

#qpromocode {
	color: #7e7e7e;
    margin-top: 10px;
}

#layoutTableCheckout {
    margin-bottom: 10px!important;
}

.basketTotalCost {
    float: right;
    display: inline-block!important;
}

.basketDiscount {
    bottom: 12px;
    right: -5px;
}

#discountreasons {
    width: 280%;
    display: none;
    float: right;
    margin-right: 0!important;
}

#delCosts {
    display: inline!important;
    width: 100px;
}

.newSubTotal {
    display: block;
    float: right;
    width: 100%;
}

.newSubTotal td {
    float: right;
    margin-top: 5px;
    text-align: right;
    margin-right: 10px;
}

.newSubTotal .pricelast2 {}

.newSubTotal td:not(.pricelast2) {
    margin-top: 10px;
    margin-right: 47px;
}

.halfOfBelowBasket {
    float: right;
}

.otherHalfOfBelowBasket {
    float: left;
    width: 48%;
}

#association {
    width: 750px;
    float: right;
    margin-bottom: 2px;
}

.layoutTable .nicebgandborder {
    width: 946px;
}

.checkoutBlock {
    width: 946px;
}

#passwordAccepted {
    width: 886px;
    float: left;
}

#txtaddressname {
    width: 93%;
}

.innerNamesInputs {
    margin-left: 35px;
}

.regFirstName.h .regFirstName__label {
    width: 100px;
}

#passwordAcceptedPadding {
    padding: 10px;
    border: solid 1px #ccc;
}

.addNotes {
    float: left;
    width: 450px;
    padding: 25px 0 0 0;
}

.carrierInfo {
    clear: both;
    float: left;
    width: 450px;
    padding: 25px 0 0 0;
}

.saveAndBack {
    clear: both;
    float: left;
    width: 450px;
    margin: 15px 0 0 0;
}

.points {
    float: right;
    width: 360px;
    padding: 25px 0 0 0;
}

#notes {
    font-size: 11px;
    width: 450px;
}

.deliveryPaymentInfo {
    width: 360px;
}

#deliveryTableEmpty {
    width: 334px;
}

#deliveryTableLabel {
    width: 365px;
}

#topInfo.middle {
    padding-right: 0;
}

.deliveryPaymentText {
    font-weight: bold;
    width: 100px;
    text-align: right;
    padding: 10px 0 0 0;
}

.adrChoice input:not([type="radio"]):not([type="image"]) {
    width: 175px;
}

#txtfirstname,
#txtsurname {
    width: 110px;
}

.nicebgandborder .qty {
    vertical-align: top;
    padding-top: 18px;
    padding-left: 20px;
}

table.nicebgandborder td.product {
    text-align: left;
    vertical-align: top;
    padding-top: 18px;
}

#productDelivery {
    height: 15px;
}

.selectControl {
    display: inline-block;
    padding-left: 0!important;
}

.checkout_delivery td {
	color: #333;
}
.checkout_delivery .selectRegion {
	vertical-align: top;
}
.checkout_delivery .selectRegion.selectControl {
	width: 550px;
}
.checkout_delivery .selectRegion.selectControl p {
	margin: 10px 0 2px;
}
.checkout_delivery .blue-message {
	color: #2e84be;
	display: block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	margin-top: 10px;
}

.deliveryTitle,
.priceTitle {
    padding-left: 15px!important;
}

table.nicebgandborder a.productlink img {
    float: left;
    width: 70px;
    height: 70px;
    border: solid 1px #ccc;
    margin: 0 12px 0 0;
}

.deliveryTotals {
    float: right;
    text-align: right;
    margin: 5px 0 10px 0;
    width: 200px;
}

.saveBasketLater {
    padding-bottom: 5px;
}

.drinkstuffLogo {
    width: 350px;
    height: 65px;
    max-width: 350px;
    max-height: 65px;
}

.middle.basket {
    background: #f7f5f5;
}

#layoutTableCheckout {
    margin-bottom: 30px;
    padding-bottom: 0;
    width: 100%;
}

.deliveryConfirm {
    width: 920px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ededed;
    padding: 24px 32px 0px 32px;
}

#deliveryTerms {
    padding-top: 8px;
    padding-bottom: 10px;
    background-color: #ededed;
}

.delivery_selected td {
    padding: 8px 6px 8px 6px;
}

#deliveryTableLabel,
#deliveryTablePrice {
    text-align: left;
    padding-left: 6px;
}

#deliveryTerms.basket {
    padding-top: 15px;
    padding-bottom: 0;
    background: #f7f5f5;
}

.details__inputDetail {
    float: right;
    margin: 0 23px 0 0;
    font-size: 0.8em;
}

#ddlTitle {
    width: 70px;
}

#txtaddressnamelabel {
    width: 200px;
}

#never {
    display: block;
}

.smallText {
    font-size: 0.8em;
}

.label,
.input {
    height: 20px;
    display: block;
    margin-top: 12px;
}

.input {
    margin-right: 8px;
}

.names__labels {
    width: 120px;
    display: block;
    float: left;
}

.labelsLoggedIn .names__labels {
    width: 132px;
}

.labelsLoggedIn .names__inputs {
    float: left;
    width: 60%;
}

.names__inputs {
    width: 69.5%;
    display: block;
    float: right;
}

.label,
.input {
    height: 20px;
    display: block;
    margin-top: 12px;
}

.input {
    margin-right: 8px;
}

.form__input--postcode {
    max-width: 100px;
}

.details label {
    width: 120px;
    display: inline-block;
}

.details input,
.details select {
    width: 250px;
}

input.textshort,
select.textshort {
    width: 80%!important;
    min-width: 100px;
}

.bottomText {
    margin: 15px 0 5px 0;
    font-size: 0.8em;
}

table.details tr .bigBottomText {
    margin: 12px 12px 12px 0;
}

/*.details:before {
    content: " ";
    width: 300%;
    display: block;
    margin: 25px 0 15px 0;
    border-bottom: 1px #e5e5e5 solid;
}*/

.details.noExtraContent:before {
    content: none;
    border-bottom: none;
    width: 0;
    display: none;
}

.noExtraContent::before {
    content: none!important;
    border-bottom: none;
    display: none;
}

.adrChoice .regSurname,
.adrChoice .regFirstName,
.adrChoice .regTitle {
    width: 30%;
    display: inline-block;
    margin-right: 10px;
}

.adrChoice .regSurname input,
.adrChoice .regFirstName input,
.adrChoice .regTitle input {
    width: 100px!important;
}

.adrChoice .details:before {
    content: " ";
    width: 260%;
    display: block;
    margin: 10px 0 0px 0;
    border-bottom: 1px #e5e5e5 solid;
}

.stockalert {
    float: left;
    width: 100px;
    text-align: center;
    height: 100%;
    padding: 0;
}

#stockupdate {
    margin-bottom: 10px;
}

.noBorder {
    margin-top: 30px;
}

.topAdminArea {
    width: 60%;
    display: block;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.topAdminInfo {
    width: 300px;
    float: left;
    padding: 8px 0 0 0;
    color: #1f4b94;
    font-weight: bold;
    text-align: left;
}

#noBottomBorder {
    width: 165px;
    float: left;
    margin: 10px 0 6px 2px;
}

.associationDatA {
    width: 300px;
    float: left;
    padding: 17px 0 0 0;
    color: #1f4b94;
    font-weight: bold;
}

.noUnderline {
    text-decoration: none;
}

h3 a b {
    font-weight: 400!important;
}

#categoryfilter {
    margin-bottom: 20px!important;
}

.chooseDeliveryOptions {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 932px;
}

.checkout_delivery #table1 {
    margin-bottom: 0;
}

.successContainer {
    width: 917px;
    margin: 10px 0 0 0;
}

.facebookFrame {
    border: none;
    overflow: hidden;
    width: 460px;
    height: 215px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 80px;
}

.labelsLoggedIn .input {
    margin-top: 10px;
}

.paymentInfoBasket {
    margin-top: 20px;
}
.paymentInfoBasket.checkout-total {
	font-size: 14px;
}
.paymentInfoBasket.checkout-total .lAlign {
	width: 63%;
}
.paymentInfoBasket.checkout-total .rAlign {
	width: 36%;
}

#basketquickview {
    height: 0px;
    overflow: hidden;
    float: left;
    width: 917px;
    margin: 0 0 10px 0;
}


/* 10th july 2015 snagging */

#ft .footerAccordion {
    cursor: default;
}

#ft ul {
    cursor: default;
}

.MoreROBox a {
    display: block;
    padding: 6px 8px!important;
}

.moreBox {
    width: 160px!important;
}

.moreBox table {
    width: 100%!important;
}

.moreBox a:hover {
    color: white!important;
}

.footer {
	background: #f7f5f5;
	margin-top: 50px;
	padding: 45px 0;
}
#ft {
	background: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 20px;
}

.footer-links {
	overflow: hidden;
	margin-bottom: 33px;
}
.footer-links .col {
	float: left;
	margin-right: 4.6%;
	text-align: left;
	width: 17%;
}
.footer-links .col:last-child {
	margin-right: 0;
}
.footer-links .col.logo-col {
	margin-right: 0;
	padding-top: 2px;
	width: 18%;
}
.footer-links .col.logo-col img {
	width: 108px;
}
.footer-links .col h3 {
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 18px;
	width: 100%;
}
.footer-links .col ul {
	float: left;
	margin: 0;
	width: 100%;
}
.footer-links .col ul li {
	color: #333;
	font-size: 16px;
	line-height: 25px;
	list-style: none;
	margin-bottom: 10px;
}
.footer-links .col ul li a {
	color: #333;
}
.footer-links .footer-social {
	float: left;
	padding-top: 6px;
	width: 100%;
}
.footer-links .footer-social a {
	/*border: 1px solid #7e7e7e;*/
	border-radius: 50%;
	float: left;
	height: 35px;
	margin: 0 13px 12px 0;
	position: relative;
	text-align: center;
	width: 34px;
}
.footer-links .footer-social img {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	-webkit-backface-visibility: hidden;
}
.footer-links .footer-social a:hover img {
	opacity: .8;
}
.footer-links .footer-social .footer-tw img {
	width: 24px;
}
.footer-links .footer-social .footer-pt img {
	width: 24px;
}
.footer-links .footer-social .footer-fb img {
	width: 12px;
}
.footer-links .footer-social .footer-yt img {
	width: 22px;
}
.footer-links .footer-social .footer-in img {
	width: 20px;
}
.footer-links .footer-social .footer-link img {
	width: 20px;
}
#ft .footer-bottom {
	color: #7e7e7e;
	display: inline-block;
	text-align: left;
	vertical-align: bottom;
}
#ft .footer-bottom.awards {
	width: 18%;
}
#ft .footer-bottom.payment {
	width: 59%;
}
#ft .footer-bottom.payment img,
#ft .footer-bottom.payment img.png {
	float: left;
	margin-right: 22px;
}
#ft .footer-bottom.payment .paypal {
	float: left;
	margin-right: 15px;
}
#ft .footer-bottom.payment .paypal img {
	margin: 3px 0 0;
	width: 80px;
}
#ft .footer-bottom.payment a {
	display: inline-block;
	vertical-align: middle;
}
#ft .footer-bottom.payment a:hover {
	text-decoration: underline !important;
}
#ft .footer-bottom#copyright {
	text-align: right;
	width: 21%;
}
#ft .footer-bottom#copyright {
	color: #333;
	font-size: 12px;
}

.platinumTitleArea {
    text-align: left;
}

.platinumTitle {
    width: 100%;
	margin: 10px 5px 10px 26px;
	color: #333!important;
    float: left;
    padding-left: 2px!important;
    padding-top: 0!important;
}

.fb-like.fb_iframe_widget.fb_iframe_widget_fluid {
    margin-top: 5px!important;
    display: block;
}

#ddlOtherAddress {
    width: 100%;
    margin-top: 10px;
}

.deliveryConfirm a {
    text-decoration: underline!important;
}

.hide-on-desktop {
    display: none!important;
}

.rssImg {
    float: right;
    padding: 0;
    width: auto;
    height: auto;
    clear: both;
}


/* live snaglist */

.othersBoughtItem {
    width: 19%;
    vertical-align: top;
}

a:hover,
#name:hover {
    text-decoration: underline!important;
}

html {
    width: 100%;
}

.centralcontent {
    position: relative;
}

.centralcontent:after {
    content: "";
    background: #E7E5E5;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.addNotes u {
    cursor: pointer;
}

#layoutTableCheckout a,
.checkoutBlock a {
    color: #333333!important;
    font-weight: 400;
}

.deliveryColor {
    text-align: right;
    position: absolute;
    right: 40px;
}

.checkoutD {
    position: relative;
}

.chooseDeliveryOptions {
    width: 99.2%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.platinumTitleArea {
    float: right;
    margin-top: 34px;
    vertical-align: bottom;
}

.saveButton {
    width: 100%;
    margin-top: -12px;
    margin-bottom: 10px;
}

.editButton {
    margin-top: 0;
    background-color: #e1e1e1;
    color: black!important;
}

.radioArea {
    padding-top: 10px;
}

#editbilling, 
#editcontactdetails,
#savecontactdetails{
    margin-bottom: 0;
}

.adrChoice #Image1 {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

#editaddress2 {
    width: 150px;
    right: 80px;
    position: absolute;
    margin-top: -20px;
    float: right;
}


.platinumBasketTitle {
    width: 165px;
    float: left;
    margin: 15px 0 12px 2px;
    padding-left: 0!important;
    padding-top: 20px!important;
    border-bottom: 0!important;
}

#basketquickview .btn {
    margin-top: 10px;
    display: block;
    width: 70px;
}

.halfOfBelowBasket .applyDiscount {
    text-align: right;
    display: block;
    float: right;
    padding-right: 10px;
    padding-top: 5px;
}

.stage2Content {
    width: 880px;
}

#padded-text p,
#customerReviews #customerReview {
    margin: 0 5px 15px 8px;
}

.deliveryColor {
    width: 50%;
    padding: 0!important;
    margin: 0;
    bottom: 5px;
}

#savecontactdetails {

    margin-top: 0px;
}

.editDetailsContainer, .saveAddressContainer {
        display: block;
        margin: 5px 0 10px 0;
        right: 0;
        top: 0;
        position: static;
        height: 30px;
        width: 100%;
    }
 #editaddress2, #saveaddress, #editaddress {
        position: static;
        margin: 0;
        width: 100%;
        float: none;
    }

#dyn_price {
    font-weight: bold;
}

#txtfirstname, #txtsurname {
    width: 80%;
}
.topPeople td img {
    margin-top: 30px;
    display: inline-block;
}
.topPeople td strong {
    margin-top: 35px;
    display: inline-block;
}

.topPeople td *:not(img) {
    margin-left: 6px;
}

.topPeople td span {
    display: block;
    margin-top: -15px;
}

.packaging-heading {
	background-color: #dcdcdc;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 16px;
	font-weight: 400;
	padding: 5px 10px;
	text-align: center;
	width: 100%;
}

.glossary-list .glossary-heading {
	list-style: none;
}

.glossary-list .glossary-heading h3 {
	border-bottom: 3px solid #2e84be;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	font-weight: 400;
	margin: 20px 0 15px -26px;
	padding: 0 0 5px 26px;
	width: calc(100% + 26px);
}

.review-table {
	border-collapse: collapse;
	width: 100%;
}

.review-table td {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 2px !important;
	vertical-align: top;
}

.review-table td.review-label {
	color: #7e7e7e;
	text-align: right;
	white-space: nowrap;
}

.review-table td .fieldwidth {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 24px;
	width: 100%;
}

.review-table td.required {
	font-size: 11px;
	line-height: 16px;
}

.review-table .review-note td {
	color: #7e7e7e;
	padding: 0 2px !important;
}

#terms.review-terms {
	background: #f7f5f5;
	border: 1px solid #dcdcdc;
	margin: 10px 0;
}

.newsletter-signup {
	text-align: center;
}

.newsletter-signup b,
.newsletter-signup input.homeforms,
.newsletter-signup input.submit {
	display: inline-block;
	vertical-align: middle;
}

.newsletter-signup input.homeforms {
	border: 1px solid #dcdcdc;
	height: 28px;
	padding: 0 10px;
}

.newsletter-signup input.submit {
	background: #f56f2c;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 30px;
	margin-left: 5px;
	padding: 0 10px;
}

.newsletter-signup input.submit:hover {
	text-decoration: underline;
}

.affiliate-table {
	border: 0;
	margin-bottom: 20px;
	width: 100%;
}
.affiliate-table .affiliate-heading {
	background: #dcdcdc;
	color: #333;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	padding: 5px 20px;
	text-align: left;
}
.affiliate-table .affiliate-heading.last {
	text-align: right;
	white-space: nowrap;
}
.affiliate-table .affiliate-heading a {
	color: #333;
}
.affiliate-table td p {
	margin: 10px 20px 5px;
}
.sitemap-heading {
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	margin: 15px 0 2px;
}
.sitemap-heading a {
	background: #dcdcdc;
	display: block;
	padding: 4px 8px;
}
.sitemap-heading a:hover {
	background: #f56f2c;
	color: #fff !important;
}
.sitemap-subitem {
	padding: 3px 0 3px 15px;
}
.sitemap-subitem a {
	margin-left: 5px;
}
.sitemap-subitem a:hover {
	color: #f56f2c !important;
}
.trade-banner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	font-weight: bold;
	height: 120px;
	padding: 10px 50% 10px 10px;
	position: relative;
	margin: 0 0 20px;
	width: 100%;
}
.trade-banner img {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
.trade-banner p {
	margin: 0;
}
.trade-banner span {
	display: block;
	font-size: 18px;
	font-weight: 400;
}
.trade-banner p,
.trade-banner span {
	position: relative;
	z-index: 2;
}
.message-box {
	background: #84c384;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	width: 100%;
}
.message-box table {
	margin: 0 auto;
}
.others-bought-table td:nth-child(n+5) {
	display: none;
}
.basket-page-title {
	margin: 33px 0 3px;
}
.empty-basket-holder #messageInfo {
	background: #2e84be;
	color: #fff;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 16px;
	margin-bottom: 21px;
	text-align: center;
}
.empty-basket-holder #messageInfo table {
	margin: 0 auto;
}
.empty-basket-holder p {
	letter-spacing: -.45px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 800px) {
    #headerNotification {
        display: inline-block;
        width: 100%!important;
        margin-top: 0 !important;
        /* padding: 12px 20px !important; */
        font-size: 16px!important;
		-webkit-box-sizing: border-box !important;
        box-sizing: border-box!important;
    }

    #hd #NavigationBanner {
        padding-left: 0;
        border-left: 0;
        border-right: 0;
    }

    #hd,
    #ft,
    #doc4 {
        width: 100% !important;
        max-width: 800px !important;
        min-width: inherit;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .labelsLoggedIn .names__inputs {
        float: left;
        width: 40%;
    }
    .platinumTitleArea {
        float: none;
        margin-top: 0;
        display: block;
    }
    .editDetailsContainer, .saveAddressContainer {
        display: block;
        margin-bottom: 10px;
        right: 0;
        top: 0;
        position: static;
        height: 30px;
    }

    #editaddress2, #saveaddress {
        position: static;
        margin: 0;
        float: none;
    }

    .mobileTable {
        margin-left: 15px;
        margin-top: 10px;
        width: 95%;
    }
    .selectControl {
        padding-left: 10px!important;
    }
    #productDelivery.product {
        height: auto;
    }
    .stage2Content {
        width: 100%;
    }
    .halfOfBelowBasket .applyDiscount {
        padding-top: 5px;
        float: left;
        text-align: left;
        margin-left: 5px;
    }
    #discountcode {
        margin-right: 5px;
    }
    .newSubTotal {}
    .newSubTotal td {
        width: 49%;
        display: block;
    }
    .newSubTotal .pricelast2 {
        float: right;
        width: 45%!important;
        margin-right: 0!important;
        margin-right: 10px!important;
    }
    .newSubTotal td:not(.pricelast2) strong,
    .newSubTotal td:not(.pricelast2) {
        width: 45%;
        text-align: left;
        margin-right: 0!important;
        margin-left: 3px!important;
        display: block;
        float: left;
    }
    #table1 {
        width: 100%;
    }
    #overlay,
    #lightbox {
        display: none;
    }
    .spaceBelow a img {
        width: 100%;
    }
    #whatothersbought td {
        padding-left: 0;
        padding-right: 0;
    }
    #topLinks {
        border-bottom: none;
    }
    #offerBox:after {
        display: none;
    }
    #offerBox:before {
        display: none;
    }
    form[name="quote"] {
        margin-bottom: 20px;
        display: block!important;
    }
    .NavBarMP #control {
        width: 100%;
    }
    .NavBarMP > strong {
        display: none;
    }
    #categoryfilter #choices #pricerange {
        margin-left: 10px;
    }
    #tblMain #categoryfilter #choices #pricerange {
        margin-left: 20px;
    }
    #categoryfilter #order {
        margin-left: 10px;
    }
    div.products div.product.last {
        padding: 0 4%;
        width: 40%;
    }
    /* center aligning products */
    .products .product h3 {
        margin: 6px 0 4px 0!important;
        display: block;
    }
    .products .product p.price {
        padding-right: 0!important;
    }
    /* end center aligning products */
    #viewproduct #details {
        padding: 0!important;
    }
    .catBanner > div {
        overflow: hidden;
    }
    .catBanner > center > img {
        width: 100%;
    }
    .responsiveAdvert {
        display: block;
        width: 90%;
    }
    .noSpacing {
        position: static;
    }
    #mainContent .nicebgandborder {
        width: 95%!important;
    }
    #layoutTableCheckout {
        width: 100%;
    }
    .noUnderline {
        float: right;
        width: 85px;
        overflow: hidden;
    }
    .saveBasketLater {
        margin-right: 0px;
        width: 123px;
        height: 13px;
    }
    input[type='submit'] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    #viewproduct #image #enlarge {
        text-align: center;
    }
    #ft .footerAccordion {
        cursor: pointer;
    }
    #basketquickview {
        width: 100%;
    }
    .deliveryPaymentText {
        text-align: left;
    }
    .deliveryPaymentText.secondary {
        text-align: right;
    }
    .details input,
    .details select {
        width: 100%;
    }
    .delivery #topInfo label b:after {
        display: block;
        content: ' ';
        margin-bottom: -8px;
        background-color: white;
    }
    .delivery #botInfo:before {
        background-color: white;
        padding-top: 7px;
        display: block;
        content: ' ';
    }
    .delivery_hover #botInfo:before {
        background-color: #FFEADC;
        padding-top: 7px;
        display: block;
        content: ' ';
    }
    .delivery_hover #topInfo label b:after {
        display: block;
        content: ' ';
        margin-bottom: -8px;
        background-color: #FFEADC;
    }
    .delivery #botInfo,
    .delivery_selected #botInfo,
    .delivery_hover #botInfo {
        font-size: 16px;
        font-weight: bold;
    }
    #ft #payment-types {
        float: left;
        width: 100%;
    }
    #ft #payment-types img {
        width: 100%;
        max-width: 279px;
    }
    .facebookFrame {
        margin-top: 40px;
        position: static;
        margin-left: 10px;
        width: 93%!important;
        display: none;
    }
    #ft #copyright {
        text-align: center;

    }
    .successLine {
        width: 90%;
    }
    .tableSpacing {
        height: 20px;
    }
    #table21 {
        margin-left: 5%;
        width: 95%;
    }
    .successContainer {
        width: 100%;
    }
    #checkoutnav {
        width: 95%!important;
        background: #fff url('/img/template/checkoutnavbg.gif') repeat-x;
    }
    .stockalert {
        margin: auto;
        display: block;
        padding: 0;
        float: none;
    }
    #stockupdate {
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #stockupdate #updateDetails {
        padding-right: 10px;
        padding-left: 0;
        text-align: center;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #discountreasons,
    #discountreason,
    #discountreasonother,
    #editdiscountamount,
    #discountcode,
    #discountcellprice,
    #discountcellreason {
        float: left;
    }
    #passwordAccepted {
        margin-bottom: 10px;
    }
    #mobileHide {
        display: none;
    }
    .basketTotal {
        float: left;
        text-align: left;
        width: 100%;
        display: block;
    }
    .subtotal .basketTotalText,
    #discountcellreason {
        width: 48%;
        text-align: left;
        float: left;
        margin: 0;
        padding: 0;
    }
    #discountcellreason {
        margin-top: 6px;
        margin-left: 15px;
    }
    .subtotal .basketTotalCost,
    #discountcellprice {
        width: 42%;
        text-align: right;
        float: right;
        margin: 0;
        padding: 0;
    }
    .subtotal .basketTotalCost {
        padding-right: 10px;
    }
    .subtotal .basketTotalText {
        padding-left: 5px;
    }
    /* delivery */
    .infoParagraph {
        text-align: left;
    }
    .topAdminArea {
        width: 100%;
        display: block;
        padding-left: 10px;
    }
    .topAdminInfo {
        width: 100%;
        text-align: left;
        display: block;
    }
    .SortingSel {
        margin-left: 10px;
    }
    #categoryfilter #order,
    #categoryfilter #pricerange {
        padding-right: 0;
    }
    select[name="ssSortingSelector:ddlSortOptions"] {
        margin-left: 10px;
    }
    #categoryfilter #order,
    #categoryfilter #pricerange {
        width: 260px;
    }
    .deliveryPaymentInfo td:not([align="center"]) {
        display: block;
    }
    .cards {
        display: block;
        width: 230px;
    }
    #rcLogin input {
        padding: 5px;
        width: 90%;
    }
    #rcLogin #loginButton {
        width: 92%;
        padding: 24px;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 35px;
    }
    #continue {
        width: 98%;
        padding: 12px;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .noBorder {
        margin-top: 6px;
        margin-left: 3px;
        border-bottom: none;
    }
    .names__labels {
        width: 28%;
    }
    .names__inputs {
        width: 71%;
    }
    .details label {
        width: 70px;
    }
    .details {
        width: auto;
    }
    .regAddress {
        margin-top: 0;
        padding-top: 0;
    }
    .seeLeft {
        display: none;
    }
    #seeLeft {
        display: none;
    }
    .textWithoutSee:after {
        content: " (see above)";
        font-weight: 400;
    }
    .delivery_selected td {
        padding: 2px 12px 2px;
    }
    .deliveryConfirm {
        width: 96%;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #ededed;
        padding: 24px 32px 35px 32px;
    }
    .rAlign {
        text-align: right;
        width: 48%;
        margin-left: auto;
        margin-right: 0;
        vertical-align: top;
        display: inline-block;
    }
    .regAddress,
    .regDetails {
        padding-left: 0;
    }
    .subtotal tr {
        display: block;
        width: 100%;
    }
    #continueButton {
        width: 100%;
        float: left;
    }
    .deliveryTotals {
        border-top: #e7e5e5 1px solid;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .deliveryTotals table {
        width: 100%;
    }
    .carrierInfo {
        border-top: #e7e5e5 1px solid;
        padding-top: 15px;
    }
    .addNotes {
        margin-bottom: 15px;
    }
    .hidden {
        display: none;
    }
    #txtpassword,
    #txtpassword2 {
        width: 85%;
    }
    table.nicebgandborder td.product:not(first.product);
    {
        width: 80%;
        display: inline-block;
        margin: 0;
        padding: 0;
    }
    .product.mobileFull {
        display: inline-block;
        width: 100%;
    }
    .productlink {
        width: 95%;
    }
    #productDetails {
        width: 95%;
        text-align: right;
    }
    #emptySpace {
        display: none;
    }
    #deliveryTerms {
        width: 100%;
        padding: 0;
        margin: 0;
        background: #EDEDED;
    }
    #deliveryTerms.basket {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f7f5f5;
    }
    #paddedLink {
        padding-left: 5px;
    }
    #deliveryTableEmpty,
    #deliveryTableLabel,
    #deliveryTablePrice {
        display: none;
    }
    .saveAndBack {
        width: 95%;
    }
    .deliveryPaymentInfo {
        width: 100%;
    }
    .carrierInfo {
        width: 96%;
    }
    .addNotes {
        width: 96%
    }
    .points {
        float: none;
        width: 96%;
    }
    .options {
        display: inline;
    }
    .delivery_selected,
    .delivery_hover {
        background: #FFEADC;
    }
    .deliveryConfirm .deliveryoptions tr {
        display: block;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 0;
        vertical-align: initial;
        height: 5px;
    }
    .deliveryConfirm .deliveryoptions .delivery_selected {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    .deliveryConfirm .deliveryoptions .delivery_selected .left {
        display: none;
    }
    .middle,
    .right {
        padding-left: 15px;
    }
    #AutoNumber1 {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        margin: 0 15px 0 0;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #notes {
        width: 95%;
    }
    /* login / register */
    .subtotal tr,
    .subtotal td {
        display: block;
    }
    .checkoutBlock {
        display: block;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
		padding: 12px 20px;
		width: calc(100% - 16px);
    }
	.checkoutBlock .paymentInfoBasket.checkout-total
    #passwordAccepted {
        width: 100%;
        padding-right: 20px;
    }
    #passwordAcceptedPadding {
        width: 86%;
    }
    .subtotal {
        display: block;
        width: 95%;
    }
    .subtotal tr,
    .subtotal td,
    .subtotal table,
    .subtotal p,
    #qpromocode {
        width: 100%;
    }
    #ft #bottomBorder {
        display: none;
    }
    .adrChoice input[type="radio"] {
        display: inline;
    }
    #details,
    .regAddress {
        position: relative;
    }
    .reqFields {
        float: none;
        position: absolute;
        top: 0px;
        right: -15px;
    }
    #updateDetails {
        width: 95%;
    }
    .regTitle {
        display: block;
        padding-top: 10px;
    }
    #continue {
        float: none;
    }
    .details tr {
        width: 100%;
    }
    #rcLogin {
        width: 100%;
    }
    #details {
        width: 100%;
    }
    .details {
        width: 95%;
    }
    .adrChoice {
        display: block;
        width: 100%;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .adrChoice input:not([type="radio"]),
    #ddldelcountry {
        width: 98%!important;
    }
    #continue {
        display: block;
        width: 100%: ;
    }
    .regDetails {
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .regAddress {
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .offers {
        width: 100%;
    }
    .regDetails,
    .regAddress {
        border: none;
        width: 100%;
        padding-right: 15px;
        margin-left: 1px;
        float: left!important;
    }
    #registerLayout {
        width: 95%;
    }
    #ncRegister input[type="text"] {
        width: 75%;
    }
    #registerInnerContent {
        width: 95%;
    }
    #ncRadio,
    #returningcustomerradio1 {
        padding: 3px 0 3px 3px;
    }
    #returningcustomer,
    #nc {
        width: 96%;
    }
    #forgottenPasswordLogin {
        padding: 25px 15px 0 0;
    }
    #rcpasswordLabel {
        padding: 0;
        padding-top: 15px;
    }
    #rcLogin input {
        margin-top: 5px;
    }
    #rcLogin label {
        display: block;
    }
    .adrChoice label {
        display: inline;
    }
    #rcLogin input[type="submit"] {
        display: block;
        margin-left: 0!important;
        margin-top: 15px;
    }
    #ncRadio,
    #returningcustomerradio1 {
        width: 99.5%!important;
    }
    /* basket page (items) */
    .selectRegion {
        display: block;
        margin-bottom: 5px;
    }
    .content {
        padding-bottom: 20px;
    }
    .checkoutBtns {
        float: none;
    }
    .layoutTable {
        width: 90%;
    }
    #paymentMethodsAndSecurity {
        width: 360px;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
    }
    .divider {
        width: 100%;
        margin: 10px auto 10px auto;
        float: left;
    }
    .lBlock,
    .rBlock {
        display: block;
        width: 100%;
        float: none;
    }
    .lBlock div[valign="middle"] {
        text-align: center;
    }
    .paymentInfoBasket {
        width: 90%;
        text-align: center;
        margin: 20px auto 15px auto;
        display: block;
    }
    .checkoutBtns {
        display: block;
        width: 100%;
        position: static;
        text-align: center;
        margin: 20px auto 15px auto;
    }
    .checkoutBtns table {
        width: 100%;
    }
    .cbTermsCol1 {
        width: 10%;
    }
    .cbTermsCol2 {
        width: 90%;
    }
    .lBlock {
        width: 90%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .rBlock {
        margin-top: 40px;
    }
    .lAlign {
        text-align: left;
    }
    .rAlign {
        text-align: right;
    }
    .lAlign {
        margin-left: 0;
        width: 50%;
    }
    #bd #mainContent {
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .paymentContent {
        margin-left: 12px;
    }
    #mainContent .nicebgandborder {
        width: 95%;
    }
    #mainContent #promoLayout {
        width: 100%;
    }
    #mainContent .deliveryoptions {
        width: 100%;
    }
    #continueShoppingArea {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #e7e5e5;
        float: left;
    }
    #promocodearea {
        float: left;
    }
    #rhNav,
    #lhNav {
        display: block;
    }
    #stockupdate {
        width: 95.4%;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .delivery input[type="radio"],
    .delivery_selected input[type="radio"],
    .delivery_hover input[type="radio"] {
        display: none;
    }
    #deliveryTerms {
        text-align: left;
    }
    .delivery,
    .delivery_selected,
    .delivery_hover {
        display: inline-block;
        width: 95%;
    }
    #checkoutButtonArea {
        position: relative;
    }
    #continueShoppingBottom {
        display: inline;
    }
    #paymentButtonTable {
        display: block;
    }
    #step2 {
        padding: 10px 0 10px 0;
        display: block;
    }
    table.checkout_delivery td {
        padding: 0;
        padding-left: 10px;
        padding-right: 5px;
    }
    #topInfo {
        padding-top: 10px;
    }
    #botInfo {
        padding-bottom: 10px;
    }
    #hideHeader {
        display: none;
    }
    .makeBlock {
        display: block;
    }
    .middle,
    .right {
        display: block;
    }
    #qpromocode {
        display: block;
    }
    #tableBar {
        display: none;
    }
    table.nicebgandborder a.productlink img {
        margin-right: 10px;
    }
    #qty {
        width: 49.5%;
    }
    #checkoutItem {
        width: 49.5%;
    }
    #item {
        width: 95%;
    }
    #itemPrice {
        width: 100%;
    }
    #despatchInfo {
        display: block;
        width: 100%;
    }
    .pricelast {
        display: block;
        width: 100%;
        text-align: left;
    }
    .pricelast2 {
        text-align: left;
    }
    .layoutTable {
        width: 100%;
    }
    .product {
        display: inline-block;
    }
    .selectRegion {
        margin-top: 10px;
    }
    #productDelivery,
    #productPrice,
    #productSubTotal {
        display: block;
        width: 95%;
        padding: 0;
        padding-bottom: 2px;
        text-align: right;
        margin: 0;
    }
    #productDelivery {
        margin-top: -5px;
    }
    #productsBasket {
        border-bottom: #e7e5e5 1px solid;
    }
    .wasprice {
        display: inline;
    }
    .first p {}
    #productPrice:before {
        content: "Price: ";
        font-weight: bold;
    }
    #productSubTotal:before {
        content: "Sub Total: ";
        font-weight: bold;
    }
    .checkoutProduct {
        border-top: #e7e5e5 1px solid;
    }
    /* basket page (empty) */
    #offerBox {
        display: block;
        margin: auto;
        border-right: 0;
        width: 94%;
        height: 100%;
        border-top: solid 1px #e7e5e5;
        padding-bottom: 16px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 0;
    }
    #offerBox p {
        vertical-align: top;
        width: 50%;
        display: inline-block;
    }
    table.co_greyborder {
        margin-left: 10px;
        width: 93%;
    }
    #layoutTableCheckout .co_greyborder {
        margin-left: 0px;
        width: 95%;
    }
    #layoutTableCheckout hr {
        width: 95%;
        margin-right: 5%;
        margin-top: 20px;
    }
    #messageInfo {
        width: 92%;
    }
    /* end basket page */
    #mobileNav,
    #tab_top_container {
        display: inline-block;
    }
    body {
        max-width: 800px;
        position: relative;
    }
    body {
        min-width: 310px;
    }
    #MainHeader #drinkstuff-logo,
    #MainHeader #header-number,
    #tab_sub_container,
    #topLinks,
    #bd #lhNav,
    #bd #rhNav .tp_-_box,
    #bd #rhNav .sidebar-panel,
    #bd #rhNav #miniBasket #ads,
    #homepage .products .line,
    .cookie-policy-link,
    #productslist div.products div.product a span,
    #categoryfilter #pages,
    .top-pagecontrol,
    #viewproduct #imgoverlays,
    #viewproduct #morein,
    #viewproduct #buy #addthis,
	#viewproduct #float-right {
        display: none;
    }
    #hd #MainHeader #drinkstuff-logo {
        display: none!important;
    }
    .noBorder {
        border: none!important;
    }
    #mobileNav,
    .yui-ge,
    #bd,
    #doc4,
    #ft,
    #ft #ft-btm,
    #mainWrapper {
        width: 100%!important;
        max-width: 800px!important;
        min-width: inherit;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
	body.fixed,
	html.fixed {
		height: 100%;
		width: 100%;
		overflow: auto;
	}
	body.fixed .yui-t1 {
		overflow: hidden;
	}
	.header {
		box-sizing: border-box;
		float: left;
		height: 143px;
		padding-bottom: 43px;
		position: relative;
        width: 100%;
	}
	#hd #MainHeader {
		background: #fff;
		bottom: 0;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
		display: inline-block;
		padding: 0;
        position: absolute;
		width: 100%;
		/*z-index: 15;*/
    }
    #hd #MainHeader.open {
        display: inline-block;
    }
	#hd #MainHeader #formFields {
		border-bottom: 1px solid #7e7e7e;
		height: 42px;
		margin-bottom: -7px;
		position: relative;
    }
	#hd #MainHeader #formFields.fixed {
		left: 0;
		position: fixed;
		top: 0;
        width: 100%;
		z-index: 20;
	}
	#hd #MainHeader #formFields.disabled::after {
		background-color: rgba(126, 126, 126, 0.85);
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	#hd #MainHeader #headerForm #SearchField {
		background: #fff !important;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
		font-size: 18px;
		height: 42px;
		padding: 0 60px 0 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
		width: 100%;
        border: none!important;
    }
    #hd #MainHeader #headerForm #submit {
		background: #fff url(/img/icons/ico-search-orange.svg) no-repeat center center;
		background-size: 25px 25px;
        border: 0;
        cursor: pointer;
		height: 42px;
        padding: 0;
		position: absolute;
		right: 20px;
		top: 0;
		width: 42px;
    }
	#mobileNav #mobile-bg {
		background-color: rgba(126, 126, 126, 0.85);
		bottom: 0px;
        display: none;
		left: 0px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 15;
	}
	#mobileNav #mobile-bg.open {
		display: block;
	}
	#hd #tabNavigation {
        bottom: 0px;
		border-bottom: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		max-height: 100%;
		overflow: auto;
        padding: 0;
		position: fixed;
		top: 100px;
		right: 0;
		width: 100%;
		z-index: 16;
    }
    #hd #tabNavigation.open {
		display: block;
        background-color: rgba(126, 126, 126, 0.85);
    }
	#hd #tabNavigation.open::before {
		/*background-color: rgba(126, 126, 126, 0.85);*/
        bottom: 0px;
		content: '';
        left: 0px;
		position: fixed;
		top: 100px;
		width: 100%;
		z-index: 15;
    }
	#hd #tabNavigation.open > div {
		background: #fff;
		float: right;
		position: relative;
		width: 273px !important;
		z-index: 20;
    }
    #hd #tabNavigation #tab_top_container {
		display: block;
    }
	#hd #tabNavigation #tab_top_container .contact-holder {
        width: 100%;
    }
	#hd #tabNavigation #tab_top_container .contact-holder #text {
		background: #dcdcdc;
		color: #333;
		position: relative;
		text-decoration: underline;
    }
	#hd #tabNavigation #tab_top_container .mobile-nav-label::after {
		background: url(/img/icons/ico-arrow-down.svg) no-repeat 0 0;
		content: '';
		display: inline-block;
		height: 8px;
		position: absolute;
		right: 16px;
		top: 15px;
		transform: rotate(-90deg);
		width: 12px;
	}
	#hd #tabNavigation #tab_top_container .mobile-nav-label.open::after {
		transform: rotate(0);
	}
	#hd #tabNavigation #tab_top_container .contact-holder .nav-contact-items {
		display: none;
	}
	#hd #tabNavigation #tab_top_container .contact-holder .nav-contact-items a {
		border-bottom: 1px solid #f7f5f5;
		color: #7e7e7e;
		display: block;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		padding: 10px 16px 11px;
	}
	#hd #tabNavigation #tab_top_container .top-nav-item {
		display: block;
		width: 100%;
	}
	#hd #tabNavigation #tab_top_container .mobile-nav-label {
		position: relative;
	}
	#hd #tabNavigation #tab_top_container .browse-label::after {
		background: url(/img/icons/ico-arrow-down.svg) no-repeat 0 0;
		content: '';
		display: inline-block;
		height: 8px;
		position: absolute;
		right: 16px;
		top: 15px;
		transform: rotate(-90deg);
		width: 12px;
	}
	#hd #tabNavigation #tab_top #text {
		background: #fff;
		border-bottom: 1px solid #f7f5f5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #7e7e7e;
		font-size: 14px;
		height: auto;
		line-height: 20px;
		padding: 9px 16px;
		text-align: left;
		width: 100%;
	}
	#hd #tabNavigation #tab_top div {
		border-radius: 0;
		margin-right: 0;
		font-size: 16px;
	}
	#hd #tabNavigation #tab_top_container a:hover #tab_top #text {
		background: none;
		border-color: #f7f5f5;
	}
	#hd #tabNavigation #tab_top_container a:hover #tab_top #text span {
		color: #7e7e7e !important;
	}
	#hd #tabNavigation #tab_top_container a:hover #tab_top.selected #text {
		background-color: #f7f5f5;
		border-color: #f56f2c;
		color: #f56f2c;
	}
	#hd #tabNavigation .currency-holder {
		background: #fff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block !important;
		overflow: hidden;
		padding: 13px 16px 11px;
		width: 100%;
	}
	#hd #tabNavigation .currency-holder #currencydd {
		float: left;
	}
	#hd #tabNavigation .currency-holder #currencydd div {
		float: left;
		margin-right: 15px;
	}
	#hd #tabNavigation .currency-holder #currencydd div:last-child {
		margin-right: 0;
	}
	#hd #tabNavigation .currency-holder #currencydd a {
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		position: relative;
		padding-right: 34px;
	}
	#hd #tabNavigation .currency-holder #currencydd a::before {
		content: '';
		display: inline-block;
		height: 20px;
		position: absolute;
		right: 0;
		top: -3px;
		width: 20px;
	}
	#hd #tabNavigation .currency-holder #currencydd #cur1 a::before {
		background: url(/img/icons/IconExp/6Flags/flag-great-britain-circle.png) no-repeat 0 0;
	}
	#hd #tabNavigation .currency-holder #currencydd #cur2 a::before {
		background: url(/img/icons/IconExp/6Flags/flag-euro.png) no-repeat 0 0;
	}
	#hd #tabNavigation .currency-holder .close-link {
		float: right;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		text-decoration: underline !important;
	}
	#bd,
	#ft #links {
		border: none;
        width: 100%;
        padding-top: 0;
    }
    #ft #links {
        padding-left: 0;
    }
    #ft #links div {
        width: 100%;
        display: inline-block;
        margin-top: 0;
    }
	#mobileNav {
		float: left;
		height: 100px;
		padding: 0 0 0 20px;
		position: relative;
		width: 100%;
		z-index: 5;
	}
	#mobileNav.fixed {
		left: 0;
		position: fixed;
		top: 0;
	}
	#mobileNav .white-bg {
		background: #fff;
		border-bottom: 3px solid #2f83bf;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 16;
	}
	#mobileNav #mob-logo {
		display: block;
		float: left;
		margin: 18px 0 16px;
		position: relative;
		width: 81px;
		z-index: 17;
	}
	#mobileNav #mob-logo img {
		width: 100%;
	}
	#mobileNav .right-items {
        float: right;
		height: 97px;
		margin-right: 1px;
		position: relative;
		z-index: 17;
    }
	#mobileNav .right-items a {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		height: 97px;
		padding-top: 27px;
		position: relative;
		text-align: center;
		text-decoration: none;
    }
	#mobileNav .right-items a:last-child {
		margin-right: 0;
    }
	#mobileNav .right-items a.open {
		background: #f7f5f5;
    }
	#mobileNav .right-items a.open::after {
		background: #f56f2c;
		bottom: -3px;
		content: '';
		left: 0;
		height: 3px;
		position: absolute;
		width: 100%;
	}
	#mobileNav .right-items a .icon {
		background-position: 0 0;
        background-repeat: no-repeat;
		display: inline-block;
		height: 25px;
		margin-bottom: 3px;
	}
	#mobileNav .right-items a .text {
		color: #7e7e7e;
		display: block;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
	}
	#mobileNav .right-items #welcome {
		display: none;
	}
	#mobileNav .right-items .mob-login {
		width: 87px;
	}
	#mobileNav .right-items .mob-login .icon {
		background-image: url('/img/icons/ico-mob-person.svg');
		background-size: 25px 25px;
		width: 25px;
	}
	#mobileNav .right-items .mob-basket {
		width: 77px;
	}
	#mobileNav .right-items .mob-basket .icon {
		background-image: url('/img/icons/ico-mob-basket.svg');
		background-size: 42px 25px;
		width: 42px;
	}
	#mobileNav .right-items .mob-basket #mob-basket-total {
		display: block;
	}
	#mobileNav .right-items .mob-menu {
		width: 87px;
	}
	#mobileNav .right-items .mob-menu .icon {
		background-image: url('/img/icons/ico-mob-menu.svg');
		background-size: 30px 25px;
		width: 30px;
	}
	#mobileNav .mob-account-overlay {
		background: #fff;
		display: none;
		left: 0;
		position: fixed;
		top: 143px;
		width: 73%;
		z-index: 16;
	}
	#mobileNav .mob-account-overlay .close-link {
		color: #7e7e7e;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		position: absolute;
		right: 15px;
		text-decoration: underline;
		top: 11px;
		z-index: 10;
	}
	#mobileNav .mob-account-overlay ul {
		margin: 0;
    }
	#mobileNav .mob-account-overlay ul li {
		border-bottom: 1px solid #f7f5f5;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		list-style: none;
        position: relative;
    }
	#mobileNav .mob-account-overlay ul li:last-child {
		border-bottom: 0;
	}
	#mobileNav .mob-account-overlay ul li.has-children::after {
		background: url(/img/icons/ico-arrow-down.svg) no-repeat 0 0;
		content: '';
        display: inline-block;
		height: 8px;
		position: absolute;
		right: 16px;
		top: 15px;
		transform: rotate(-90deg);
		width: 12px;
	}
	#mobileNav .mob-account-overlay ul li.has-children.open::after {
		transform: rotate(0);
	}
	#mobileNav .mob-account-overlay ul a {
		color: #7e7e7e;
		display: block;
		padding: 11px 15px 10px;
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
	}
	#mobileNav .mob-account-overlay ul a:hover {
		background: #f7f5f5;
		text-decoration: none !important;
    }
	#mobileNav .mob-account-overlay ul span {
		background: #dcdcdc;
		color: #333;
		display: block;
		padding: 11px 15px 10px;
    }
    #bd #rhNav {
        display: none;
        position: absolute;
        top: 76px;
        right: -365px;
        background: #f7f5f5;
		width: 73% !important;
        box-shadow: -2px 0px 6px 0px rgba(100, 100, 100, 0.25);
        margin-right: 0;
        webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
		z-index: 16;
    }
    #bd #rhNav.open {
        display: inline-block;
        right: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    #bd #rhNav #miniBasket {
		background: #fff;
		border: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
        display: inline-block;
        height: auto;
		margin-bottom: 0;
		padding: 11px 17px 11px 15px;
		position: fixed;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
		z-index: 10;
		width: 73%;
	}
	#bd #rhNav #miniBasket .close-button {
		color: #7e7e7e;
		float: right;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		margin-bottom: 9px;
		text-decoration: underline !important;
    }
    #bd #rhNav #miniBasket a #header {
		background: #2f83bf;
		color: #fff;
		display: none;
        font-size: 16px;
        height: 34px;
    }
	#bd #rhNav #miniBasket a #header .header-text {
		color: #fff;
	}
    #bd #rhNav #miniBasket #item {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 12px;
		padding: 0;
		width: 100%;
	}
	#bd #rhNav #miniBasket #item span {
		color: #7e7e7e;
	}
	#bd #rhNav #miniBasket #item span b {
		margin-right: 2px;
	}
	#bd #rhNav #miniBasket #delivery {
		color: #7e7e7e !important;
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 11px;
		padding: 0;
		width: 100%;
	}
	#bd #rhNav #miniBasket #delivery #price,
	#bd #rhNav #miniBasket #delivery a,
	#bd #rhNav #miniBasket #delivery span {
		color: #7e7e7e;
    }
    #bd #rhNav #miniBasket #total {
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
		padding: 0;
		width: 100%;
	}
	#bd #rhNav #miniBasket #total span {
		color: #7e7e7e !important;
    }
    #bd #rhNav #header .header-text {
        padding-top: 7px;
    }
	#bd #rhNav #miniBasket #checkout {
		margin: 24px 0 9px -15px;
		width: calc(100% + 32px);
	}
    #bd #rhNav .basket-checkout-btn {
		font-size: 14px;
		font-weight: bold;
		padding: 29px 0;
	}
	#bd #rhNav #miniBasket .basket-continue {
		color: #7e7e7e;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		margin-top: 0;
		padding: 0;
		text-align: left;
	}
	#bd #rhNav #miniBasket .basket-continue span {
		margin-left: 0;
    }
    #homepage-banner {
        margin-top: -4px;
        margin-bottom: -19px;
    }
    #homepage-banner img {
        width: 100%!important;
        height: auto;
        border-radius: 0!important;
    }
    /* giving text that comes directly after the navbar padding */
    #mainContent + p {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    /* giving text that reaches the side padding */
    #mainContent p {
        padding-right: 15px;
    }
    .product.mobileFull {
        padding-left: 0;
    }
    #mainContent .checkoutProduct .qty p {
        padding-right: 0;
    }
    /* resizing paypal confirmation page */
    #formTShops {
        width: 80%;
    }
    #mainContent .catBanner div h1 {
        border-bottom: 0;
    }
    #viewproduct #info #desc #desc_delivery TABLE TD {
        padding: 0;
    }
    .yui-t1 #yui-main .yui-b {
        margin-left: 0;
    }
    .yui-t1 #yui-main {
        float: left;
        margin: 0;
    }
    .yui-b {
        margin-left: 0;
    }
    div.products {
        margin-left: 0;
        padding: 0 12px;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.products div.product {
        width: 42%;
        padding: 0 4% 4%;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        height: 230px;
    }
    #tabSolid #tabHeader {
        height: 36px;
    }
    #tabSolid #tabLabelLink {
        font-size: 17px;
        padding-top: 8px;
        width: auto;
    }
    #padded-text p,
    #customerReviews {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
        line-height: 20px;
    }
    #mainContent div h1,
    #mainContent #categoryheader {
        padding: 0 0 20px 20px;
        margin-top: 0 !important;
        margin-bottom: 0;
        font-size: 24px;
        color: #333333;
        /* DJH: border-bottom: 1px solid #e7e5e5;*/
    }
    #mainContent div h1.noBorder {
        padding-left: 0;
        margin-left: 0;
        padding-top: 20px;
        padding-bottom: 25px;
    }
    #subCategoryTable {
        margin-top: 18px;
        margin-bottom: 0;
    }
    #subCategoryTable + div {
        padding: 12px 12px 30px 12px;
    }
    #subCategoryTable + div div {
        font-size: 16px;
        line-height: 20px;
    }
    #subCategoryTable + div h2 {
        padding: 20px 0;
        margin: 0;
    }
    #subCategoryTable + div p {
        font-size: 16px;
        line-height: 20px;
    }
    #subCategoryTable tr td {
        width: 42%;
        padding: 0 4%;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        text-align: center;
        height: 140px;
    }
    #subCategoryTable tr td img {
        width: 100px;
        height: 100px;
    }
    #subCategoryTable.cat53 tr td {
        height: 100px!important;
    }
    #subCategoryTable.cat53 tr td img {
        width: 102px!important;
        height: 32px!important;
    }
    #subCategoryTable tr td.last {
        width: 42%;
    }
    #productslist #header {
        height: 27px;
        padding: 7px 0 0 12px;
        font-size: 17px;
    }
    #productslist div.products div.product {
        width: 42%;
        padding: 0 4%;
        height: 250px;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        text-align: left;
    }
    #categoryfilter {
        padding: 18px 12px;
        margin: 0 0 20px 0;
    }
    #categoryfilter #choices {
        width: 100%;
        display: block;
    }
    #categoryfilter #order {
        width: 100%;
        max-width: 247px;
        display: inline-block;
        text-align: left;
    }
    #categoryfilter #order select {
        width: 100%;
        padding: 7px 4px;
        font-size: 12px;
    }
    #categoryfilter #pricerange {
        padding-bottom: 12px;
    }
    #categoryfilter #pricerange input[type="text"] {
        width: 34px;
        margin: 0 6px;
        padding: 4px;
        font-size: 13px;
    }
    #categoryfilter #pricerange input[type="submit"] {
        padding: 5px 12px 6px 12px;
        font-size: 13px;
    }
    span#control a,
    span#control b {
        height: 38px;
        width: 38px;
        padding-top: 11px;
        font-size: 15px;
    }
    span#control #prev,
    span#control #next {
        padding-top: 9px;
    }
    #pagecontrol + div,
    #productslist + div {
        padding: 0 12px;
    }
    #pagecontrol + div hr,
    #productslist + div hr {
        display: none;
    }
    .products + div {
        padding: 0 12px;
    }
    #viewproduct #image {
        width: 100%;
        text-align: center;
    }
    #viewproduct #image #imagecontainer {
		padding: 0;
    }
    #viewproduct #image #imagecontainer #productimage {
		border-left: 0;
		border-right: 0;
        width: 100%;
    }
    #viewproduct #image.extratoppadding {
        padding-top: 17px;
    }
    #viewproduct #image #imagecontainer a {
        position: relative;
    }
    #viewproduct #buy {
        float: left;
        width: 100%!important;
        padding: 0 15px;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: none;
        margin-bottom: 30px;
    }
    #viewproduct #image #thumbnails {
        padding: 0 20px;
        display: none;
    }
    #viewproduct #image #thumbnails img {
        width: 80px;
        height: 80px;
    }
    #viewproduct #buy #name {
        text-align: left;
        font-size: 24px;
        padding: 0 0 12px 0;
		border: 0;
    }
    #viewproduct #buy #price {
        font-size: 21px;
        padding-left: 0;
        padding-top: 12px;
        margin-bottom: 12px;
    }
    #viewproduct #buy #code {
        padding-top: 17px;
        font-size: 14px;
    }
    #viewproduct #buy #productversions #header {
        padding: 12px 0 8px 6px;
        margin-right: 0;
        font-size: 15px;
    }
    #viewproduct #buy #productversions #line #text span {
        font-size: 14px;
    }
    #viewproduct #buy #productversions #line #buybox #quantity {
        height: 33px;
        width: 36px;
        font-size: 16px;
    }
    #viewproduct #buy #productversions #line {
        padding: 8px;
    }
    #viewproduct #buy #productversions #line #buybox .prod-btn {
        font-size: 15px;
    }
    #viewproduct #buy #productversions #line #pvprice {
        font-size: 15px!important;
    }
    #viewproduct #buy #productversions #line #pvprice .normaltext {
        font-size: 11px;
        margin-right: 4px;
    }
    #viewproduct #buy #productversions #header {
        width: 100%;
    }
    #viewproduct #buy #productversions #header #left {
        width: 210px;
    }
    #productversions #qty {
        width: auto;
        float: right;
        display: inline-block;
        margin-right: 81px;
    }
    #viewproduct #buy #productversions #header #left {
        float: left;
        width: 140px;
    }
    #viewproduct #buy #productversions #line #buybox {
        margin-left: 18px;
    }
    #viewproduct #buy #productversions #footer {
        font-size: 14px;
        padding-top: 10px;
    }
    #viewproduct #info {
        width: 100%;
    }
	#viewproduct .product-tabs {
		display: block;
		overflow: hidden;
		width: 100%;
	}
	#viewproduct .product-tabs.hide-on-desktop {
		display: block !important;
	}
	#viewproduct .product-tabs li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 36px;
		line-height: 36px;
        margin: 0;
		padding: 0 5px;
		position: relative;
		width: 50% !important;
	}
	#viewproduct .product-tabs.hide-on-desktop li {
		border-right: 1px solid #f7f5f5;
		width: 33.333% !important;
    }
	#viewproduct .product-tabs.hide-on-desktop li:last-child {
		border-right: 0;
	}
	#viewproduct .product-tabs.hide-on-desktop li.selected {
		border-right-color: #f7f5f5;
	}
	#viewproduct .product-tab-content {
		border: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
        padding: 16px 12px;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
	}
	#viewproduct .product-tab-content.hide-on-desktop {
		display: block !important;
    }
    .product_tab_on_left {
        height: 27px;
        padding: 9px 0 0 10px;
		font-size: 14px;
    }
    #viewproduct #content {
        padding: 16px 12px!important;
        border: none;
        font-size: 15px;
        line-height: 18px;
        overflow: visible;
    }
    #viewproduct #customer_image {
        padding: 0;
    }
    #viewproduct #customer_review {
        padding: 0;
    }
    #viewproduct #review_header {
        border: none;
    }
    #viewproduct #review_header a div.right {
        display: none;
    }
    #viewproduct #review #review_header {
        font-size: 15px;
    }
    div.products div.product h3 {
        font-size: 15px;
    }
    div.products div.product .prod-price {
        font-size: 15px;
    }
    div.products div.product .prod-more-options,
    div.products div.product .prod-price span {
        font-size: 12px!important;
    }
    .scroll-img {
        display: inline-block;
    }
    #homepage .products .product {
        margin-bottom: 20px!important;
    }
    #viewproduct #image #productimage {
        cursor: pointer;
    }
    #ft #links div {
        min-height: inherit;
        position: relative;
    }
    #ft #links div ul {
        display: none;
    }
    #ft #links div.responsiveOpen ul {
        display: inline-block!important;
    }
    #ft #links div span {
        padding: 12px 10px;
        border-bottom: 1px solid #cccccc;
        font-size: 15px;
    }
    #ft #links div .mobile-accordian {
        display: inline;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: transparent;
        cursor: pointer;
    }
    #mainWrapper .crumbTrail {
		padding: 6px 20px 12px;
        font-size: 12px;
        float: left;
    }
    #mainWrapper .crumbTrail li {
        padding: 0;
    }
    #mainWrapper .crumbTrail li a {
        padding: 5px 11px 5px 0;
        font-size: 13px;
		background-position: right 6px;
    }
    /* Requested we show these again
    #mainWrapper .crumbTrail li:last-child a {
        display: none;
    }
    #mainWrapper .crumbTrail li:nth-last-child(2) a {
        background: none;
    }
    
    #mainWrapper .crumbTrail #crumbLast {
        display: none;
    }*/
    #mainContent .catBanner div {
        width: 100%!important;
        border-radius: 0!important;
        background-size: cover!important;
        height: 160px!important;
    }
    #mainContent .catBanner div ul {
        display: none;
    }
    span#control #viewall,
    span#control #viewpages {
        padding: 11px 10px;
    }
    p a {
        text-decoration: underline!important;
    }
    #mainContent #save-basket-wrap {
        padding-bottom: 80px;
    }
    #mainContent #save-basket-wrap h1 {
        margin-top: 16px!important;
    }
    #mainContent #save-basket-form {
        display: inline-block;
        width: 100%;
        padding-top: 12px;
    }
    #save-basket-wrap #basket-remind {
        padding-top: 12px;
        display: inline-block;
    }
    #save-basket-wrap #basket-remind input[type="checkbox"] {
        margin-right: 6px;
    }
    #save-basket-wrap .nicebgandborder {
        border: none;
    }
    #mainContent #save-basket-form td {
        display: inline-block;
        width: 100%;
        font-size: 14px;
    }
    #mainContent #save-basket-form input[type="text"] {
        padding: 6px 4px;
    }
    #mainContent #save-basket-form input[type="submit"] {
        height: 30px;
    }
    .noBottomBorder {
        padding-bottom: 15px!important;
        border-bottom: none!important;
    }
    div.productslist #product #details {
        width: 100%;
    }
    .platinumUsersTitle,
    .platinumUsersTitle span {
        background-color: #e1e1e1!important;
		color: #333!important;
        cursor: default;
    }
    .catBanner h1 {
        padding-top: 12px!important;
        border-bottom: none!important;
    }
    .catBanner p {
        padding-left: 15px;
    }
    .catBanner img.indentLeftMobile {
        padding-left: 15px;
    }
    .catBanner img.indentRightMobile {
        padding-right: 15px;
    }
    #layoutTableCheckout a,
    .checkoutBlock a {
        text-decoration: underline!important;
    }
    #mainContent div h1.mobileNavTitle {
        padding-top: 38px;
    }
    #mainContent .contactTable {
        width: 100%!important;
    }
    .paddedTitle {
        padding-left: 10px;
    }
	.footer {
		padding: 20px 0 15px;
}
	.footer-links {
		margin-bottom: 24px;
		margin-left: -20px;
		width: calc(100% + 40px);
	}
	.footer-links .col {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 0;
	}
	.footer-links .col h3 {
		font-size: 14px;
		line-height: 18px;
	}
	.footer-links .col.connect-col {
		display: none;
	}
	.footer-links .col.logo-col {
		margin-bottom: 9px;
		padding: 4px 0 0 26px;
		text-align: center;
		width: 51%;
	}
	.footer-links .col.logo-col img {
		width: 104px;
	}
	.footer-links .col.contact-col {
		margin-bottom: 9px;
		padding-right: 20px;
		width: 49%;
	}
	.footer-links .col.contact-col h3 {
		font-weight: bold;
		margin-bottom: 9px;
	}
	.footer-links .col.contact-col ul li {
		font-size: 14px;
		line-height: 16px;
	}
	.footer-links .col.links-col {
		width: 100%;
	}
	.footer-links .col.links-col h3 {
		background: #dcdcdc;
		border-bottom: 1px solid #f7f5f5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		margin-bottom: 0;
		padding: 9px 35px 11px 15px;
		position: relative;
		text-decoration: underline;
	}
	.footer-links .col.links-col h3::after {
		background: url(/img/icons/ico-arrow-down.svg) no-repeat 0 0;
		content: '';
		display: inline-block;
		height: 8px;
		position: absolute;
		right: 16px;
		top: 15px;
		transform: rotate(-90deg);
		transition: transform .3s ease;
		width: 12px;
	}
	.footer-links .col.links-col h3.open::after {
		transform: rotate(0);
	}
	.footer-links .col.links-col ul {
		background: #fff;
		display: none;
	}
	.footer-links .col.links-col ul li {
		margin-bottom: 0;
	}
	.footer-links .col.links-col ul a {
		border-bottom: 1px solid #f7f5f5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #7e7e7e;
		display: block;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		padding: 6px 15px 8px;
	}
	#ft .footer-bottom {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	#ft .footer-bottom.social-box {
		text-align: center;
		width: 41%;
	}
	#ft .footer-bottom.social-box h3 {
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		font-weight: 400;
		margin: 0 0 18px;
	}
	#ft .footer-bottom.social-box .footer-social {
		width: 100%;
	}
	#ft .footer-bottom.social-box .footer-social a {
		border-radius: 50%;
		display: inline-block;
		height: 25px;
		margin: 0 5px 10px;
		position: relative;
		text-align: center;
		width: 25px;
	}
	#ft .footer-bottom.social-box .footer-social img {
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}
	#ft .footer-bottom.social-box .footer-social a:hover img {
		opacity: .8;
	}
	#ft .footer-bottom.social-box .footer-social .footer-tw img {
		width: 18px;
	}
	#ft .footer-bottom.social-box .footer-social .footer-pt img {
		width: 18px;
	}
	#ft .footer-bottom.social-box .footer-social .footer-fb img {
		width: 10px;
	}
	#ft .footer-bottom.social-box .footer-social .footer-yt img {
		width: 16px;
	}
	#ft .footer-bottom.social-box .footer-social .footer-in img {
		width: 16px;
	}
	#ft .footer-bottom.social-box .footer-social .footer-link img {
		width: 16px;
	}
	#ft .footer-bottom.awards {
		padding-left: 4px;
		text-align: center;
		width: 59%;
	}
	#ft .footer-bottom.awards a {
		display: block !important;
		font-size: 14px;
		margin-bottom: 17px;
	}
	#ft .footer-bottom.awards img {
		margin-left: 14px;
		width: 46px;
	}
	#ft .footer-bottom.payment {
		margin: 10px 0 0;
		text-align: center;
	}
	#ft .footer-bottom.payment {
		display: block !important;
		width: 100%;
	}
	#ft .footer-bottom.payment .safebuy img {
		margin: 0 6px 20px !important;
		width: 72px !important;
	}
	#ft .footer-bottom.payment .pci img {
		margin: 0 6px 20px !important;
		width: 42px !important;
	}
	#ft .footer-bottom.payment img.png {
		display: inline-block;
		float: none;
		margin: 0 5px;
		vertical-align: top;
		width: 150px;
	}
	#ft .footer-bottom.payment .paypal {
		float: none;
		margin: 0 5px;
	}
	#ft .footer-bottom.payment .paypal img {
		margin: 0;
		width: 50px;
	}
	#ft .footer-bottom#copyright {
		font-size: 10px;
		margin-top: 18px;
		text-align: center;
		width: 100%;
	}
	.staffMember:nth-child(4n+1) {
		clear: none;
	}
	.staffMember:nth-child(2n+1) {
		clear: left;
	}
	.indented-content {
		padding: 0 20px;
	}
	#mainContent .indented-content .indented-page-title {
		border-bottom: 0;
		font-size: 22px;
		margin: 0 0 15px !important;
		padding: 0;
	}
	#mainContent .indented-content .nicebgandborder {
		width: 100% !important;
	}
	#mainContent .indented-content.help-page .help-list-items {
		width: 50% !important;
	}
	#mainContent .indented-content.help-page #tabSolid #tabHeader {
		height: 30px;
	}
	#mainContent .indented-content.help-page #tabSolid #tabHeader #tabLabel {
		font-size: 14px;
		padding: 0;
	}
	.review-table tr {
		display: block;
		float: left;
		margin-bottom: 10px;
		width: 100%;
	}
	.review-table td {
		display: block;
		float: left;
		margin-bottom: 5px;
		padding: 0 !important;
		text-align: left;
		width: 100%;
	}
	.review-table td.review-label {
		text-align: left;
	}
	.review-table .review-note td,
	.review-table td.review-empty {
		display: none;
	}
	.review-table .review-note td.smalltext {
		display: block !important;
		margin-top: -10px;
	}
	#customerReviews.review-comments {
		padding: 0;
	}
	#customerReviews.review-comments #customerReview {
		font-size: 14px;
		margin: 0 0 15px;
	}
	.newsletter-signup b {
		display: block;
		margin-bottom: 5px;
	}
	.newsletter-signup input.homeforms,
	.newsletter-signup input.submit {
		vertical-align: top;
	}
	.trade-banner {
		font-size: 18px;
		overflow: hidden;
	}
	.trade-banner img {
		left: 50%;
		min-width: 100%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.trade-banner span {
		font-size: 16px;
	}
	.trade-form form label {
		display: block;
		margin: 0 0 2px;
		width: 100%;
	}
	.trade-form form input,
	.trade-form form select,
	.trade-form form textarea {
		margin: 0 0 10px;
		width: 100%;
	}
	.trade-form form input,
	.trade-form form select {
		height: 28px;
	}
	.trade-form form input.btn {
		height: auto;
	}
	.trade-form form .g-recaptcha {
		margin-bottom: 10px;
		width: 100%;
	}
	.trade-form form .g-recaptcha > div {
		margin: 0 auto;
	}
	.affiliate-table img {
		max-width: 150px;
	}
	.affiliate-table td p {
		margin: 10px 0 5px;
	}
	.platinumTitleArea .platinumTitle {
		font-weight: normal;
		margin: 0 0 15px;
		padding: 0 !important;
	}
	.others-bought-table td {
		display: block;
		float: left;
		width: 50%;
	}
	.others-bought-table td:nth-child(n+5) {
		display: none;
	}
	.niceborder TH.others-bought-heading,
	.nicebgandborder TH.others-bought-heading {
		padding: 9px 10px 10px;
	}
	#mainContent div h1.basket-page-title {
		border-bottom: 0;
		font-size: 22px !important;
		margin: 33px 0 3px !important;
		padding: 0;
	}
	.checkout_delivery .selectRegion.selectControl {
		box-sizing: border-box;
		width: 100%;
	}
	.checkout_delivery .selectRegion.selectControl p {
		padding-right: 0 !important;
	}
	#layoutTableCheckout td.delivery-override {
		width: auto;
	}
	.paymentInfoBasket.checkout-total {
		box-sizing: border-box;
		float: left;
		padding: 0 10px;
		width: 100%;
	}
	.paymentInfoBasket.checkout-total .lAlign {
		float: left;
		width: 50%;
	}
	.paymentInfoBasket.checkout-total .rAlign {
		float: right;
		width: 50%;
	}
	#viewproduct #buy #average_rating {
		padding: 15px 0 0;
		text-align: center;
	}
	#ft .footer-links .col ul li a,
	#ft .footer-bottom.awards a {
		text-decoration: underline !important;
	}
	.view-order-table {
		box-sizing: border-box;
		display: block;
		float: left;
	}
	.view-order-table .mobile-row > td {
		box-sizing: border-box;
		display: block;
		float: left;
		width: 100%;
	}
	.wide-table-wrapper {
		overflow: auto;
		margin-bottom: 10px;
		width: 100%;
	}
}

#layoutTableCheckout a,
.checkoutBlock a {
	color: #7e7e7e!important;
    font-weight: 400;
}

#layoutTableCheckout td.right[colspan="2"] {
    text-align: right;
    position: absolute;
    right: 40px;
}

.checkoutD {
    position: relative;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media only screen and (min-width: 500px) {
    #checkoutSequenceButtons img {
        margin-right: 1.2%;
    }
}

@media only screen and (min-width: 800px) {
    #checkoutSequenceButtons img {
        margin-right: 0;
    }

    .offers {
        padding-right: 20px;
        margin-top: 10px;
        width: 400px;
    }
    #errTerms {
        /*margin-bottom: 10px;*/
        display: inline-block;
    }
    #errTermsImg, .offers table {
        /*margin-left: 60px;*/
    }
    #continueButton {
        float: right;
        display: block;
        padding: 0;
        margin-top: 10px;
    }
    #continueButton #continue {
        width: 100%;
    }
    #sendOffers {
        margin-top: 20px;
        line-height: 2em;    
    }
    #sendOffers .optout > span {
        top: -10px;
        position: relative;    
    }
    .offers table tbody tr {
        line-height: 1.3em;
    }
}

@media only screen and (max-width: 500px) {
    #mainContent div h1.mobileNavTitle {
        padding-top: 20px;
    }
}
@media only screen and (max-width: 500px) {
    #mainContent div h1.mobileNavTitle {
        padding-top: 20px;
    }
}


@media only screen and (max-width: 800px) {
    #imagecontainer #productimage {
        pointer-events: none;
        cursor: default;
    }
    #layoutTableCheckout td.right[colspan="2"] {
        text-align: right;
        position: static;
        right: 40px;
        margin-right: 20px;
    }
	#header-number #mobilephone {
		display: block;
	}
	#header-number #defaultphone {
		display: none;
	}

}

@media only screen and (max-width: 390px) {
    #hd #MainHeader #headerForm #SearchField {
        font-size: 16px;
    }
}

@media screen and (max-width: 800px) {
    .hide-on-mobile {
        display: none!important;
    }
    .hide-on-desktop {
        display: inline!important;
    }
}

@media screen and (min-width: 737px) and (max-width: 1024px) {
    .hide-on-tablet {
        display: none!important;
    }
}

@media only screen and (max-width: 350px) {
    div.products div.product {
        height: 260px;
    }
	#mobileNav .right-items .mob-menu,
	#mobileNav .right-items .mob-basket {
		width: 60px;
	}
	#mobileNav .right-items .mob-login {
		width: 82px;
	}
}

@media screen and (max-width: 760px) {
	#hd #MainHeader {
	    background: #ffffff!important;
	}
}

h1.meetTeamTitles,h2.meetTeamTitles {
	text-align: center;
	margin: 0;
}

h1.meetTeamTitles {
	margin-bottom: 32px;
}

h2.meetTeamTitles {
	background-color: #dcdcdc;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
	padding: 5px;
}

.staffContentBox {
	background-color: #f7f5f5;
	margin: 0 auto 32px;
}

.staffContainer {
    content: "";
    display: table;
    clear: both;
    padding: 15px 0;
}

.staffEmail{
    display: block;
    height: 100%; width: 100%;
    position: relative;
}

.staffEmail:hover .staffEmailOverlay{
    display: block;
}

.staffEmailOverlay{
    display: none;
    height: 100%; width: 100%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(46, 132, 190, .8);
    border-radius: 50%;
    text-align: center;
    background-image: url('/img/team/mail.png');
    background-repeat: no-repeat;    
    background-size: 50px;
    background-position: center center;
}

.staffEmailOverlay:after{
    content: '';
    display: inline;
    height: 32px; width: 32px;
}

img.staffPhoto {
	border-radius: 50%;
    width: 100%; height: auto;
}

.staffMember {
	float: left;
	width: 25%;
	font-family: 'Avenir LT W01_35 Light1475496';
	font-size: 0.7rem;
	text-align: center;
	color: #666666;
    padding: 20px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.staffMember:nth-child(4n+1) {
	clear: left;
}

.staffMember p{
    margin: 0;
}

p.staffName {
	font-weight: 400;
	font-size: 14px;
    height: 28px;
    margin: 12px 0 10px 0;
}

p.staffRole {
    height: 30px;
}

@media only screen and (max-width: 780px) {
    .staffMember {
        width: 50%;
        padding: 60px;
    }
}

@media only screen and (max-width: 620px) {
    .staffMember {
        padding: 25px;
    }
}

h2.contactTitle{
	border-bottom: 3px solid #2e84be;
	color: #7e7e7e;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 12px 8px 3px;
}

.contactBox{  
    background: #f7f5f5;
    width: 100%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    content: "";
    display: table;
    clear: both;
    color: #666666;
    margin-bottom: 20px;
}

.contactBox-nobg{
    background: #ffffff;
    padding: 0;
}

.contactBox p{
    margin: 0 0 18px 0;
    font-size: 16px;
    line-height: 24px;
}

.contactBox p.contact-small-text{
    margin: 0 0 18px 0;
    font-size: 13px;
    line-height: 18px;
}

.contactBox p.underline a{
    text-decoration: underline;
}

.contactBox a{
    color: #666666;
    text-decoration: none;
}

.contactBox a:hover{
    text-decoration: underline;
}

.contactBox .staffMember{
    width: 50%;
    padding: 5px 30px;
}

.contactBox .staffMember .staffEmail{
    margin-bottom: 6px;
}

.contactBox .staffMember .staffName{
    font-weight: 400;
    font-size: 14px;
}

.contactBoxHalf{
    float: left;
    width: 50%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contactBoxHalf-bg{
    background: #f7f5f5;
    min-height: 380px;
    padding: 20px;
}

.contactBoxHalf-map{
}

.contactBoxHalf-map img{
    display: inline-block;
    width: 100%; height: auto;
}

.contactBox .number-label{
    width: 100px;
    display: inline-block;
    color: #444444;
}

.contactBox-white .contactTitle {
	margin-bottom: 20px;
}

.contactBox-white p {
	padding-left: 8px;
}

.fullwidth-button{
	border-radius: 3px;
	color: #ffffff!important;
    display: inline-block;
	font-family: 'Asap', sans-serif;
    font-size: 15px;
	padding: 10px 0;
    text-align: center;
	text-decoration: none !important;
	width: 100%;
}

.fullwidth-button:hover{
    text-decoration: underline;
}

.orange-button{
	background-color: #f56f2c;
    margin-bottom: 10px;
}

.blue-button{
	background-color: #2e84be;
}

.button, .buttonMailchimp {
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-family: 'Avenir LT W01_55 Roman1475520', 'Helvetica Neue', Arial, sans serif;
	font-size: 14px;
	line-height: 18px;
	outline: none;
	padding: 6px 10px !important;
	text-align: center;
	text-decoration: none !important;
}
a.button {
	text-decoration: none !important;
}
.button:hover {
	opacity: .8;
	text-decoration: none !important;
}
.button-orange {
	background: #f56f2c;
}
.button-blue {
	background: #2e84be;
}
.button-red {
	background: #d61f00;
}
.button-grey {
	background: #e7e5e5;
	color: #333 !important;
}
.button-small {
	font-size: 12px;
	padding: 1px 10px !important;
}
.button-medium {
	font-size: 15px;
	padding: 8px 10px !important;
}
.button-large {
	font-size: 16px;
	padding: 12px 10px !important;
}
.button-fullwidth {
	width: 100%;
}

.alternativeNumbers {
    font-size: small;
    color: #989898;
    padding-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 640px){
    #mainContent{
        width: 100%;    
    }
    .contactBoxHalf{
        width: 100%;
    }
    .contactBox .staffMember{
		padding: 5px 20px;
    }
    .contactBoxHalf-bg{
        min-height: inherit;
    }
    .contactBoxHalf-map{
        padding: 10px 40px;
    }
	.contactBox-white h2.contactTitle {
		margin-bottom: 10px;
	}
	.contactBox-white p {
		padding: 0 10px;
	}
	.btn-indented {
		margin-left: 10px;
		width: calc(100% - 20px);
	}
}
.ui-dialog {
    padding: 0!important;
}

.ui-dialog .ui-dialog-content.ui-widget-content{
    padding: 20px 0;
}

.ui-dialog-content.ui-widget-content h3 {
    margin-top: 0;
}

@media screen and (min-width: 801px) and (max-width: 980px) {
	#topLinks,
	.footer {
		min-width: 750px;
		width: 974px;
	}
}


@media only screen and (max-width: 800px) {
    .header {
        height: auto !important;
    }
    #mobileHide {
       display: block;
        width: 100% !important;
        left: 0px !important;
        right: 0px !important;
        font-size: 0.8rem !important;
    }
 }
 
 @media only screen and (max-width: 414px) {
    #mobileHide {
        margin: 0px !important;
    }
    #hd #tabNavigation.open {
        top: 230px !important;
    }
    #mobileNav.fixed {
        position: relative !important;
    }
    #mobileNav {
        top: -6px !important;
    }
 }