:root {
    --color-lightest-grey: #f8f8f8;
    --color-light-grey: #dddedf;
    --color-primary: #16a085;

    --spacing-4xs: 0.125rem;
    --spacing-3xs: 0.25rem;
    --spacing-2xs: 0.375rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.25rem;
    --spacing-xl: 1.5rem;
    --spacing-2xl: 2rem;
    --spacing-3xl: 2.5rem;
    --spacing-4xl: 3rem;
	--spacing-5xl: 5rem;
	--spacing-6xl: 10rem;

	--font-3xs: 0.625rem;
	--font-2xs: 0.75rem;
	--font-sm: 0.875rem;
	--font-md: 1rem;
	--font-lg: 1.125rem;
	--font-xl: 1.25rem;
	--font-2xl: 1.5rem;
	--font-3xl: 1.75rem;
	--font-4xl: 2rem;
}
@media (max-width:767px) {
	:root {
		--spacing-4xs: 0.06125rem;
    --spacing-3xs: 0.125rem;
    --spacing-2xs: 0.25rem;
    --spacing-xs: 0.375rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 0.75rem;
    --spacing-lg: 1rem;
    --spacing-xl: 1.25rem;
    --spacing-2xl: 1.5rem;
    --spacing-3xl: 2rem;
    --spacing-4xl: 2.5rem;
	--spacing-5xl: 3rem;
	--spacing-6xl: 5rem;

	--font-3xs: 0.625rem;
	--font-2xs: 0.625rem;
	--font-sm: 0.75rem;
	--font-md: 0.875rem;
	--font-lg: 1rem;
	--font-xl: 1.125rem;
	--font-2xl: 1.25rem;
	--font-3xl: 1.5rem;
	--font-4xl: 1.75rem;
	}
}
@media (max-width:480px) {
	:root {
		--spacing-4xs: 0.06125rem;
    --spacing-3xs: 0.06125rem;
    --spacing-2xs: 0.125rem;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.375rem;
    --spacing-md: 0.5rem;
    --spacing-lg: 0.75rem;
    --spacing-xl: 1rem;
    --spacing-2xl: 1.25rem;
    --spacing-3xl: 1.5rem;
    --spacing-4xl: 2rem;
	--spacing-5xl: 3rem;
	--spacing-6xl: 5rem;
	}
}
html { padding:0px; margin:0px; }
body { color:#717b79; padding:0px 0 0px; margin:0px; font-family:'PT Sans',Arial,Helvetica,sans-serif; background:#ffffff; font-size:95%; text-align:left; line-height:1.5em; overflow-x:hidden; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .p, p { margin:0; padding:0 0 20px; }
ul, ol { margin-top:0; }

h1, .h1 { font-size:171.5%; line-height:1.3em; color:#554943; font-weight: bold; }
h2, .h2 { font-size:128.6%; line-height:1.3em; color:#554943; }
h3, .h3 { font-size:110%; }
h4, .h4 { font-size:105%; }

form { margin:0; padding:0; }
label { font-weight:bold; color:#16a085; letter-spacing:-1px; font-size:1.07em; }
select { font-family:'PT Sans',Arial,Helvetica,sans-serif!important; font-size:1em; -moz-appearance: none; appearance: none; -webkit-appearance: none; }
img { border-style:none; vertical-align:middle; max-width:100%; width:auto; height:auto; }
a { color:#515151; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:none; color:#22ab92; }
a span { cursor:pointer; }
input, textarea, select { color:#282828; font-size:0.95em; vertical-align:middle; padding:14px 2%; font-family:'PT Sans',Arial,Helvetica,sans-serif!important; }

/* iframe { width:100%!important; } */

/* Utility Classes */
.cs:after, .thumbnails li:after, .linklist li:after, .panel .padding:after, .trds:after, .halves:after, .qtrs:after, .transnav ul:after, .sizelist li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clear { clear:both; height:0px; overflow:hidden; display:block; }
.clearhalf { clear:both; height:9px; overflow:hidden; }
.clearspace { clear:both; height:18px; overflow:hidden; }
.cleardblspace { clear:both; height:36px; overflow:hidden; }
.small { font-size:0.9em; line-height:1.3em; }
.smaller { font-size: 0.75em; line-height:1.3em; }
.bigger{ font-size: 1.35em; line-height:1.3em; }
.big { font-size: 1.2em; line-height:1.3em; }
.bitbig { font-size: 1.1em; line-height:1.3em; }
.photoright { float:right; margin-left:15px; margin-bottom:10px; clear:right; }
.photoleft { float:left; margin-right:15px; margin-bottom:10px; clear:left; }
.hidden { display:none; }
.alttext { display:block; font-size:0px; width:0px; height:0px; overflow:hidden; text-indent:-9999px; }
.left { text-align:left!important; }
.center { text-align:center!important; }
.right { text-align:right!important; }
.justify { text-align:justify!important; }
.fl { float:left!important; }
.fr { float:right!important; }
.esc { margin-right:-1.8%; }
.nowrap { white-space:nowrap; }
.half { float:left; width:48.7%; margin:0 1.3% 12px 0; overflow:hidden; }
.trd { float:left; width:32%; margin:0 1.3% 12px 0; overflow:hidden; }
.twotrd { float:left; width:65.2%; margin:0 1.2% 12px 0; overflow:hidden; }
.qtr { float:left; width:23.7%; margin:0 1.3% 12px 0; overflow:hidden; }
.fth { float:left; width:18.7%; margin:0 1.3% 12px 0; overflow:hidden; }
.sixth { float:left; width:15.3%; margin:0 1.3% 12px 0%; overflow:hidden; }
.threeqtr { float:left; width:73.7%; margin:0 1.3% 12px 0; overflow:hidden; }
.left_section { float:left; width:49.5%; }
.right_section { float:right; width:49.5%; }
.colour { color:#16a085!important; }
.subcolour { color:#554943!important; }
.defaultcolour { color:#717b79!important; }
.white, .gallery .galleryText .h2.white { color: #fff; }
.lighter { font-weight:lighter; }
.normal { font-weight:normal; }
.u { text-transform:uppercase; }
.whitespace-pre-line { white-space: pre-line; }
.btn, input.btn, .directionsSearch, .vehicleselect_selects button, .inlineform button, .colourbutton button, .contactform button, #form input[type="submit"] { border:0; padding:13px 18px; line-height:1em; display:inline-block; text-decoration:none; font-size:16px; color:#f3f1ed; font-weight:bold; border-radius:2px; background:#22ab92; margin:0 10px 10px 0; -webkit-appearance:none; box-sizing:border-box; cursor:pointer; vertical-align: middle; text-align:center; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; }
.btn:hover, .directionsSearch:hover, .vehicleselect_selects button:hover, .inlineform button:hover, .colourbutton button:hover, .contactform button:hover, #form input[type="submit"]:hover { background:#00957a; text-decoration:none; color:#f3f1ed; }
#form input[type="submit"] { margin-top:10px; }
#form .checkoutprogress input[type="submit"] { margin-top:0px; margin-right:0; }
.btn.dark { background:#4d5a6b; }
.btn.dark:hover { background:#384352; }
.btn.bright, #basket_item .btn { background:#f08d00; }
.btn.bright:hover, #basket_item .btn:hover { background:#f07100; }
.btn.pink { background: #e81589; }
.btn.pink:hover { background: #CF0070; }
.directionsSearch { margin-bottom:0; }
.vehicleselect_selects button { margin-bottom:0; padding:9px 14px; }
.inlineform label, .inlineform input { margin-right:10px; }
.inlineform button { margin-bottom:0; }
.right .btn { margin:0 0 0 10px; }
hr { background:transparent; border:0; border-bottom:#e8e8e8 1px solid; clear:both; margin-bottom:31px; }
.btn.btn_margintop { margin-top:44px; }
.discountform .btn { margin-bottom: 0;  }
.fullwidthbtn.btn { margin: 3px 0 0; width: 100%; }
#change_address label { margin-right: 10px; }
#yearMatchSearchForm div, .inlineform div { display:inline-block; vertical-align:middle; }
.table td { padding-right: 8%; }
.sep { margin:0 5px; }
.inlineblock { display: inline-block; }
.relative { position: relative; }
.minimumpad { padding-bottom:10px; }
.noborder { border:0!important; }
.strong { font-weight: bold; }

.escholder { overflow:hidden; }

.container { max-width:1024px; margin:0 auto; padding:0; }

.icon { display:inline-block; overflow:hidden; text-indent:100%; white-space:nowrap; background:url(/images/nr_assets.png) no-repeat; width:35px; height:35px; position:relative; vertical-align:middle; }
.icon span { position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; background:url(/images/nr_assets.png) no-repeat; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear; }
.icon:hover span { opacity:1; }
.icon.search { width:18px; height:18px; background-position:-1px -30px;  }
.icon.bag { /*width:18px; height:23px;*/ /*background-position:-1px 0px;*/ background: url(/images/basket-white.svg); width: 16px; height: 23px; }
.icon.phone { width:17px; height:18px; background-position:-46px -3px; }
.icon.mobilebags { /*width:14px; height:18px; background-position:-25px -3px;*/ width: 12px; height: 18px; background: url(/images/basket-white.svg); }
.icon.mobilesearch { width:18px; height:18px; /*background-position:-25px -30px;*/ background: url(/images/search-white.svg); }
.icon.car { /*width:23px; height:18px; margin:6.5px 0; background-position:-65px -4px; */ width: 23px; height: 15px; margin: 9px 0; background: url(/images/car-white.svg); }
.icon.bike { width:23px; height:14px; margin:8.5px 0;/*background-position:-46px -31px;*/ background: url(/images/cycle-white.svg); }
.icon.plane {  /*width:26px; height:16px; margin:7.5px 0; background-position:-91px -5px;*/background: url(/images/plane-white.svg); width: 26px; height: 12px; margin: 10.5px 0; }
.icon.i { width:20px; height:20px; background-position:-72px -28px; }
.icon.video { width:17px; height:12px; background-position:-166px -31px; }
.icon.heart { width:17px; height:16px; background-position:-124px -31px; }
.icon.tick { width:10px; height:8px; background-position:-189px -34px; }
.icon.down_arrow { width:17px; height:10px; background-position:-145px -33px; transition: transform 0.2s linear; -webkit-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; }
.icon.minusicon { width:10px; height:10px; background-position:-202px -33px; }
.icon.plusicon { width:10px; height:10px; background-position:-214px -33px; }
.icon.zoom { width: 12px; height: 12px; background-position: -225px -33px }
.icon.filter { width: 18px!important; height: 17px!important; background-position: -240px -31px!important; }
.icon.cross { width: 8px; height: 8px; background-position: -242px -10px; }
.icon.backarrow { width: 5px; height: 10px; background-position: -253px -9px; }
.icon.lock { width: 12px; height: 14px; background-position: -261px -6px; }
.icon.question { width: 16px; height: 16px; background-position: -261px -32px; }
.active .icon.down_arrow { transform: rotate(180deg); }
.icon.stars { width:113px; height:19px; background-position:-122px -3px; }
.icon.stars.stars9 { width:103px; }
.icon.stars.stars8 { width:90px; }
.icon.stars.stars7 { width:79px; }
.icon.stars.stars6 { width:67px; }
.icon.stars.stars5 { width:56px; }
.icon.stars.stars4 { width:44px; }
.icon.stars.stars3 { width:33px; }
.icon.stars.stars2 { width:20px; }
.icon.stars.stars1 { width:10px; }
.icon.stars.stars0 { width:0px; }
.icon.listview { width:15px; height:15px; background-position:-298px -8px; }
.icon.gridview { width:15px; height:15px; background-position:-317px -8px; }
.icon.scrollview { width:32px; height:15px; background-position:-281px -33px; }

.greenicon { width:33px; height:33px; background:#22ab92; line-height:27px; vertical-align:middle; text-align:center; border-radius:16.5px; display:inline-block; }
.greenicon * { vertical-align:middle; }

.preheader { background:#f3f1ed; color:#3e3633; border-bottom:#dedbd2 1px solid; padding-top:17px; }
.preheader .container { position:relative; }
.preheader a { text-decoration:none; display:inline-block; font-weight:normal; }
.preheader ul { background:#f3f1ed; padding:0 20px 10px; margin:-1px 0 0; list-style:none; display:inline-block; border:#dedbd2 1px solid; border-top:0; position:absolute; right:0; }
.preheader ul li { float:left; border-left:#3e3633 1px solid; margin-top:-5px; line-height:1em; padding:0 8px; position:relative; }
.preheader ul li.first { border-left:0; }

.header { padding:15px 0; text-align:left; }
.header button { margin:0; padding:0; border:0; background:transparent; }
.logo { margin:0px 20px 0 0; float:left; }
.logoimg { width: 255px; }
.header .subsection { text-align:right; overflow:hidden; }
.header .subsection p { padding-bottom:10px; }

.minibasket { color:#fff; background:#16a085; padding:4px 7px; float:right; font-weight:normal; cursor:pointer; margin-left:15px; margin-top:10px; }
.minibasket .icon { margin-right:10px; vertical-align:-25%; }
.checkoutbtn { float:right; padding:6px 12px; font-weight:bold; margin:-4px -7px -4px 20px; font-size:114.7%; transition:background 0.2s linear; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; }
.minibasket:hover { color:#fff; text-decoration:none; }
.minibasket:hover .checkoutbtn { background:#4d5a6b; }

#search-form { overflow:hidden; position:relative; width:349px; margin-left:auto; display:block; margin-top:10px; text-align:right; float:right; }
#search-form input { width:100%; padding:7px 10px; box-sizing:border-box; border:#d3d3d3 1px solid; font-family: 'PT Sans',Arial,Helvetica,sans-serif; appearance:none; -webkit-appearance:none; border-radius: 0; margin-top: 0; }
#search-form .icon.search { padding-right: 5px; color: #fff; background: url(/images/search.svg); background-position: center; padding-right: 0; margin-right: 5px; }

#search-form input::-webkit-input-placeholder, #subForm input::-webkit-input-placeholder  { color:#717b79!important; }
#search-form input::-moz-placeholder, #subForm input::-moz-placeholder  { color:#717b79!important; }
#search-form input:-moz-placeholder, #subForm input:-moz-placeholder  { color:#717b79!important; }
#search-form input:-ms-input-placeholder, #subForm input:-ms-input-placeholder { color:#717b79!important; }
#search-form button { position:absolute; right:4px; top:7px; outline:none; }
#subForm input { font-family: 'PT Sans',Arial,Helvetica,sans-serif; padding: 13px 2%; }

input[type="text"]::-webkit-input-placeholder { color: #717b79!important; }
input[type="text"]::-moz-placeholder { color: #717b79!important; }
input[type="text"]:-moz-placeholder { color: #717b79!important; }
input[type="text"]:-ms-input-placeholder { color: #717b79!important; }

.nav { display:block; vertical-align:middle; /*border-top:#128e76 1px solid; background: #111c1a; background: -moz-linear-gradient(top,  #16a084 0%, #128e76 100%); background: -webkit-linear-gradient(top,  #16a084 0%,#128e76 100%); background: linear-gradient(to bottom,  #16a084 0%,#128e76 100%); box-shadow:#24b69a 0px 1px 1px inset;*/ font-size:114.7%; background: #16a085; }
.nav .container { position:relative; padding:0; height:100%;  }
#nav ul { list-style:none; display:block; padding:0; margin:0; }
#nav ul li { float:left; /*border-left:#128e76 1px solid; border-right:#128e76 1px solid;*/ margin-right:-1px; }
#nav ul li > a { color:#fff; display:block; position:relative; text-decoration:none; padding:12px 28px; transition:color 0.2s linear, border 0.2s linear; -webkit-transition:color 0.2s linear, border 0.2s linear; -moz-transition:color 0.2s linear, border 0.2s linear; -o-transition:color 0.2s linear, border 0.2s linear; z-index:21; font-size: 88%; }
#nav ul li .arrow { display:none; }
#nav ul li.active > a { background:#11947a; }
#nav ul li ul { position:absolute; display:none; z-index:20; left:0px; width:100%; }
#nav ul li ul li { background:#fff; opacity:0; float:none; border:0; padding:36px 24px; transition:opacity 0.2s linear; -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear; }
#nav ul li ul .head { font-weight:bold; color:#16a085; margin-bottom:20px; }
#nav ul li ul img { border:#e8e8e8 1px solid; margin-bottom:20px; }
#nav ul li ul .btn { width:100%; max-width:199px; padding:14px 8px 14px 8px; background:#fff; color:#4d5a6b; border:#4d5a6b 1px solid; font-size: 0.8em; }
#nav ul li ul .btn:hover { background:#4d5a6b; color:#fff; }
#nav ul li:hover > a { color:#fff; background:#11947a; }
#nav ul li:hover ul { display:block; text-align:left; }
#nav ul li:hover ul li { opacity:1; }
#nav ul li:hover .arrow { /*width: 0; height: 0; position:absolute; left:50%; top:100%; border-style: solid; border-width: 12px 12.5px 0 12.5px; margin-left:-12.5px; border-color: #21ad91 transparent transparent transparent; display:block;*/ display: none; }

.breadcrumb { color:#808080; padding:10px 15px; font-size:93%; margin-top:-20px; margin-bottom:10px; background:#fff; border:#e8e8e8 1px solid; font-weight:bold; }
.breadcrumb strong { color:#554943; }
.breadcrumb a { color:#808080; text-decoration:none; }

.gallery { background:#121c1b; position:relative; }
.gallery .galleryItem { width:100%!important; position:relative; text-align:right; }
.gallery .galleryText { position:absolute; height:100%; top:0%; padding-left:20px; max-width:375px; color:#fff; }
.gallery .galleryText.cruftsdeliverygallery { max-width: 549px; }
.gallery .galleryText.cruftsdeliverygallery .h1 { font-size: 264%; padding-bottom: 32px; }
.gallery .galleryText.cruftsdeliverygallery .bannersubheading { font-weight: bold; font-size: 119%; padding-bottom: 13px; }
.gallery .galleryText.cruftsdeliverygallery .bannerdisclaimer { font-size: 93%; }
.gallery .galleryText .back { display:table; height:100%; width:100%; }
.gallery .galleryText .back .text { display:table-cell; padding:40px 0 25px; vertical-align:middle; text-align:left; }
.gallery .galleryText .h1 { color:#fff; font-size:343%; line-height:1.2em; font-weight:bold; }
.gallery .galleryText .h2 { color:#a9acab; font-size:157.6%; font-weight:bold; }
.gallery .galleryText .btn { margin-top:10px; }
.aftergallery { background:#fff; border-top:#dedbd2 1px solid; border-bottom:#dedbd2 1px solid; height:9px; }
.gallery .galleryItem .fullbanner { min-width: 100%; max-width: none; }

.itemButtonsHolder { position:absolute; z-index:10; text-align:center; width:100%; bottom:-6px; }
.itemButtons { display:inline-block; padding:7px 18px 0; border:#dedbd2 1px solid; border-bottom:0; border-radius:5px 5px 0 0; background:#fff; line-height:1em; }
.itemButtons .itemButton { width:9px; height:9px; display:inline-block; margin:0 5px; cursor:pointer; background:#d6d6d6; border-radius:4.5px; line-height:9px; }
.itemButtons .itemButton.activeButton { background-color:#544842; }

.content { background:#f3f1ed url(/images/footer_dog.png) bottom left no-repeat; padding:30px 0; }
.content .qtr { text-align:center; }
.homecontent { background:#f3f1ed; padding:30px 0; }

.panel { box-sizing:border-box; background:#fff; border:#e8e8e8 1px solid; position: relative; }
.panel p { font-size:93%; }
.panel .padding { padding:32px 19px 20px; }
.panel .img { margin-bottom:15px; }

.pet_section { background:#e4e0d5 url(/images/pets-at-section.jpg) top left no-repeat; background-size:cover; padding:34px 0 14px; }
.pet_section .panel { border:0; }

.signup { background:#22ab92; padding:10px 0; color:#fff; text-align:center; }
.signup label { color:#fff; font-size:150%; margin-right:20px; vertical-align:middle; }
.signup input.autoText { border:0; border-radius:0; background:#fff; vertical-align:middle; width:44%; }
.signup .btn { margin-bottom:0; vertical-align:middle; }

.instagram { background:#edeeef url(/images/pattern-footer-back.png); padding:35px 0; }
.instagram .esc { margin-right:-3%; }
#instagram { clear:both; margin-top:20px; }
#instagram a { border:#9d9d9d 1px solid; background:#d9d9d9; display:inline-block; padding:5px; max-width:100%; box-sizing:border-box; }
#instagram a img { border:#9d9d9d 1px solid; border-radius:3px; }
#instagram .sixth { width:14%; margin-right:2.65%; }

.flexbox { -webkit-flex-flow:row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; flex-direction:row; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.nowrapflexbox { -webkit-flex-flow:row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; flex-direction:row; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; -ms-flex-wrap:nowrap; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexjustifyspace { justify-content: space-between; }
.winsafari .flexbox { display:block; }
.flexspacearound { text-align: center; justify-content: space-around; }

.mobile_expand_siblings { width:100%; background:#2caa92; color:#fff; clear:both; padding:10px; box-sizing:border-box; cursor:pointer; text-transform:capitalize; margin:0 0 20px; text-align: center; font-size: 114.5%; font-weight: bold; border: 1px solid #2caa92; border-radius: 2px; transition: background 0.2s linear; -o-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; }
.mobile_expand_siblings:hover { background: #00957a; }

.footer { background:#f1f1f1; padding:41px 0 23px; border-top:#f8f8f8 1px solid; border-bottom:#f8f8f8 1px solid; line-height: 1.7em; font-size: 79%; color: #515151; font-weight: 400; }
.footer .qtr { width: 23%; margin-right: 2.66%; }
.footer .qtr.last { margin-right: 0; }
.footersocialicon { width: 44px; }
.subfooter { background:#ffffff; padding:17px 0 10px; color:#313131; font-size:79%; font-weight:400; }
.subfooter__logo { width: 50px; margin: 0 18px 5px 0; float: left; margin-top: -5px; }
.subfooter__content { width: 48.5%; float: left; line-height: 1.55em; padding-top: 5px; }
.subfooter__icons { width: 48.5%; float: right; text-align: right; padding-top: 8px; }
.subfooter__securedicon { width: 85px; margin-left: 13px; margin-bottom: 5px; margin-top: 1px; }
.subfooter__cardicon { display: inline-block; vertical-align: middle; width: 54px; height: 33px; margin-left: 6px; margin-bottom: 5px; background: #f9f9f9; }
.subfooter__cardicon img { vertical-align: top; max-height: 100%; }

.qtr.last .footer__colheading { padding-bottom: 13px; }
.footer__colheading { color: #55ae97; font-weight: bold; font-size: 142%; line-height: 1.4em; padding-bottom: 18px; }
.footer__sdlogo { width: 213px; margin-bottom: 18px; }
.footer a { font-weight: 400; color: #55ae97; }
.footer__sociallink { margin: 0 10px 10px 0; }
.footer__sociallinks { padding-top: 5px; }
.footer a.footer__contactlink { color: #515151; font-weight: bold; font-size: 134%; line-height: 1em; word-wrap: break-word; }
.footer a.footer__contactlink--sml { font-size: 117%; }
.footer__hoursheading { font-weight: bold; }
.footer__hours { font-size: 117%; }
.footer__hoursitem { padding-top: 20px; }
.footer__inlinelinkdivide { color: #55ae97; margin: 0 5px; }
.footer__inlinelinks { padding-top: 21px; }
.footer .qtr:first-child .footer__colheading { padding-bottom: 21px; }

.tb { display:table; width:100%; }
.tb .c { display:table-cell; vertical-align: middle; }

.body {min-height: 1px; position:relative; transition:all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition:all 0.2s linear; }
.page-container { overflow-x:hidden; width:100%; }

.menu-toggle { background:#1eac92; padding:16px 20px; }
.bars { border-top:#fff 2px solid; border-bottom:#fff 2px solid; width:25px; padding:6px 0px; display:block; cursor:pointer; }
.bars .line { background:#fff; height:2px; overflow:hidden; display:block; }

.mobile_expand_head { cursor:pointer; }
.mobile_expand_head .icon { width:20px; height:22px; background-position:-162px -60px; float:right; margin-top:-3px; }
.mobileonly, .mo { display:none; }
.transnav { color:#fff; position:fixed; z-index:11; overflow:hidden; left:0px; top:0px; background:#1eac92; width:0px; text-align:center; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; height: 100%; text-align:left; }
.transnav > div { overflow-y:auto; height:100%; padding-bottom:10px; }
.transnav > div > a { display:block; text-decoration:none; color:#fff; padding:8px; text-align:center; text-transform:uppercase; font-size:86%; }
.transnav ul { padding:0; margin:0; list-style:none; clear:both; text-transform:uppercase;  }
.transnav > div > ul:first-child  { margin:51px 0 12px; }
.transnav ul li { padding:0; background:0; }
.transnav ul li a { display:block; padding:11px 20px; text-decoration:none; letter-spacing:normal; color:#fff; font-size: 93%; }
.transnav ul li.main a { background:#009077; border-bottom:#0eaf93 1px solid; }
.transnav ul li.main a.expandlink { background: url(/images/navexpand.png) no-repeat 96% 50% #009077; cursor: pointer; }
.transnav ul li.main a.expandlink:hover { background: url(/images/navexpand.png) no-repeat 96% 50% #009077; color: #fff; }
.transnav ul li.main a:hover { background:#ececec; }
.transnav ul li a:hover { background:#ececec; color:#515151; }
.transnav ul ul { padding-top:0; display:none; }
.transnav .icon.user { margin:0 14px 0 5px }
.transnav .searchbtn { margin:20px; }
.transnav ul:last-child { font-size:86%; }
.transnav > div > div { padding:14px 20px; clear:both; text-transform:uppercase; font-size:86%; }
.transnav > div > div a { color:#fff; text-decoration:none; }
.transnav p { padding:10px 20px; }
.transnav p a, .transnav p a:hover { color:#fff }
.transnav .colour { color:#fff!important; }
.transnav .minibasket { float:none; text-align:center; }
.transnav .minibasket .icon { display:block; margin-bottom:5px; }
.transnav #search-form { margin:0 20px; }
.transnav #search-form button { border:0; padding:0; background:transparent; border:0; }
.transnav .popbtn { font-size:1em; text-align:center; }

.contentpadding { padding:23px 16px 3px; }
.imageheader { border:#dedbd2 1px solid; }
.panel p.brandtitle { color:#3f3f3f; font-size:80%; }

.contentpanel { background:#fff; border:#e8e8e8 1px solid; padding:31px 34px 10px; box-sizing:border-box; }
.contentpanel.wmargin { margin-bottom:13px; }
.contentpanel p { font-size:92.9%; }
.contentpanel:has(.blog-grid) { padding-bottom:30px; }

.trd.panel { text-align:center; }
.trd.panel .padding { padding-top:26px; }
.trd.panel .padding img { margin-bottom:20px; }

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;

    .product-panel {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-sm);
        justify-content: space-between;
        background-color: var(--color-lightest-grey);
        border-radius: var(--spacing-xs);
        padding: var(--spacing-lg) var(--spacing-sm) 0;
    }
    .product-panel .wilsons {
        font-size: var(--font-lg);
        text-transform: uppercase;
    }
}
.blog-entry.panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    background-color: #f8f8f8;
    border-radius: 0.5rem 0.5rem 0 0;

    div > a > img {
        border-radius: 0.5rem 0.5rem 0 0;
    }
    .date {
        border-bottom: 1px solid #16a085;
        display: inline-block;
        padding: 0 0 5px;
        margin-bottom: 1rem;
    }
}
a.read-more {
    color: #16a085;
    text-decoration: none;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 0;
    gap: 0.25rem;
    padding: 1rem;
}
a.read-more svg {
    width: 1.8rem;
    height: 1.8rem;
}
a.read-more:hover {
    color: #000;
}
.truncate-4-lines {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-content {
    margin-top: 20px;
    h2 {
        color: #16a085;
        margin-top: 2rem;
    }
    h3 {
        color: #000;
    }
    p {
        font-size: 100%;
    }
}
.feature {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 10px;

    .feature-image {
        width: 45%;
        flex-grow: 0;
        float: none;
        margin: 0;
        background-color: #f8f8f8;
        display: flex;
        align-items: center;
    }
    .feature-image img {
        border-radius: 8px 0 0 8px;
    }
    .feature-text {
        flex: 1;
    }
    .feature-text p {
        padding: 0 var(--spacing-sm);
        margin: var(--spacing-md) 0;
        font-size: 100%;
        border-left: 4px solid #16a085;
    }
}
.testimonial {
    display: flex;
    flex-direction: column;
    background: var(--color-lightest-grey);
    border-radius: 0 var(--spacing-lg) 0 var(--spacing-lg);
    position: relative;
    padding: 60px 40px;
    margin: var(--spacing-3xl);
}
.testimonial::before {
    content: '';
    position: absolute;
    top: calc(-1 * (var(--spacing-4xl) / 2));
    left: 15%;
    height: var(--spacing-4xl);
    width: var(--spacing-4xl);
    background:url('/images/svg/quote-start.svg') no-repeat center;
}
.testimonial::after {
    content: '';
    position: absolute;
    bottom: calc(-1 * (var(--spacing-4xl) / 2));
    right: 15%;
    height: var(--spacing-4xl);
    width: var(--spacing-4xl);
    background:url('/images/svg/quote-end.svg') no-repeat center;
}
.testimonial .quote {
    font-size: var(--font-2xl);
    font-style: italic;
    line-height: var(--font-4xl);
}
.testimonial .author {
    font-size: var(--font-md);
    text-align: right;
    font-weight: bold;
    margin-top: var(--spacing-lg);
}
.testimonial .author span {
    color: var(--color-primary);
    display: block;
    font-weight: normal;
}
.wilsons {
  font-family: "Chelsea Market", system-ui;
  font-weight: 400;
  font-style: normal;
}
.wilsons.blue {
    color: #5babc4;
}
.wilsons.orange {
    color: #d47e49;
}
.wilsons.purple {
    color: #857388;
}
.wilsons.salmon {
    color: #f37d89;
}
.wilsons.red {
    color: #933536;
}
a.wilsons:hover {
    font-weight: 800;
}
.tab_content { clear:both; }
.tab_content .titles { float:left; }
.key { color:#22ab92; text-align:right; }
.key .greenicon { margin-right:30px; font-size:0px; margin-left:10px; }
.key .greenicon:last-child { margin-right:0px; }

.tab_content .contentpanel { padding:45px 39px 20px; margin-top:-1px; }
.scroller { position:relative; padding:0 39px; margin-right:0; }
.scroller .qtr { width:226px; margin-right:13.5px; margin-bottom:0; }
.hscroller { position:relative; background:#f8f8f8; border-top:#e8e8e8 1px solid; border-bottom:#22ab92 4px solid; padding:0 39px; }
.hscroller .item { display:block; padding:35px 20px 45px; text-align:center; float:left; box-sizing: border-box; font-weight:normal; background:#f8f8f8; }
.hscroller .item .title { padding:10px 0 0px; }
.hscroller .item .img { vertical-align:bottom; }
.hscroller .item .price { color:#22ab92; }
.hscroller .activeslider { z-index:5; }
.hscroller .item.activeslide { background:#fff; border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; box-shadow:#ccc 0px 0px 40px; position:relative; }
.hscroller .item.activeslide { padding-bottom:35px; }
.hscroller .item.activeslide:after { content:" "; position:absolute; left:50%; bottom:0px; margin-left:-11.5px; overflow:hidden; width: 0; height: 0; border-style: solid; border-width: 0 11.5px 12px 11.5px; border-color: transparent transparent #22ab92 transparent; }
.hscroller .item.activeslide .title { font-weight:bold; padding-top:20px; }
.scrollLeftBtn { left:0px; }
.scrollRightBtn { right:0px; }
.scrollLeftBtn, .scrollRightBtn { top:-2px; position:absolute; width:39px; bottom:-4px; cursor:pointer; background:#fff; border:#e0e0e0 1px solid; z-index:11; }
.scrollLeftBtn span, .scrollRightBtn span { overflow:hidden; white-space:nowrap; position: absolute; left:50%; top:50%; margin:-5px -8.5px; width:10px; height:17px; text-indent:100%; background:url(/images/nr_assets.png) -95px -29px no-repeat; }
.scrollRightBtn span { background-position:-109px -29px; }

.scrollLeftBtn.disabled span { background-position:-317px -32px; }
.scrollRightBtn.disabled span { background-position:-331px -32px; }

.fscrollerholder { position:relative; padding:0 41px; }
.fscroller { width:100%; }
.gotjs .fscrollerholder { margin-right:0; }
.fscrollerwidth .qtr { margin-right:12px; margin-bottom:0; }

.tab_content .contentpanel { padding:35px 39px 10px; }
.tab_content h2 { padding-bottom:5px; }
.tab_content h3 { font-weight:normal; color:#22ab92; }

.producttabs.tabs .controls ul { margin-top:13px; border-top:0; border-bottom:#e8e8e8 1px solid; margin-bottom:-1px; background:transparent; position:relative; background-color:#fafafa; }
.producttabs.tabs .controls ul li a { border:#fafafa 1px solid; border-bottom:#e8e8e8 1px solid; padding:15px 37px; margin-right:-1px; color: #524843; font-weight: bold; font-size: 100%; background: #fbfbfb; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; margin-bottom: -1px; position:relative; }
.producttabs.tabs .controls ul li a:hover { background:#fff; }
.producttabs.tabs .controls ul li a.active { background:#fff; border:#e8e8e8 1px solid; border-bottom:#fff 1px solid; z-index:2; }
.producttabs .contentpanel { margin-top:0; border-top:0; padding: 25px 20px 15px 14px; }

.sizeitem { display: inline-block; padding-left: 17px; }
.sizeitem .colour { font-weight: bold; }
.tabsizes strong { font-weight: bold; color: #000; }
.contentpanel p.tabsizes { font-size: 100%; }

.dotpoints { padding:12% 24% 24%; text-align:center; position:relative; }
.dotpoint { width:5px; height:5px; position:absolute; background:#128f76;  }
.dotpoint .line { width:1px; height:1px; position:absolute; left:2px; top:2px; background:#128f76;  }
.dotpoint.left .line { left:auto; right:2px; }
.dotpoint.up .line { top:auto; bottom:2px; }
.dotpoint .infoitem { position:absolute; background:#128f76; color:#fff; padding:11px 20px 11px 45px; font-weight:bold; border-radius:20px; white-space:nowrap; line-height:1em; transition: transform 0.2s linear; -o-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -webkit-transition: transform 0.2s linear; font-size:90%; }
.dotpoint .infoitem .icon { margin:-3px 10px -3px -35px; margin-right:10px; float:left; }
.dotpoint .infoitem:hover { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); }
.dotpoint .anchorpoint { position:absolute; width:1px; height:1px; left:0px; top:0px; }
.dotpoint.right .anchorpoint { left:auto; right:0px; }
.dotpoint.down .anchorpoint { top:auto; bottom:0px; }
.dotpoint.down .infoitem { bottom:-20px; left:-20px; }
.dotpoint.up .infoitem { top:-20px; left:-20px; }
.dotpoint.left .infoitem { top:-20px; right:-20px; padding:11px 45px 11px 20px; }
.dotpoint.left .infoitem .icon { position:absolute; right:10px; margin:0; top:8px; }
.dotpoint.right .infoitem { top:-20px; left:-20px; }
.dotpoint.right .infoitem { margin-left:10px; margin-right:-35px; }
.dotpoint.down.left .infoitem { left:auto; top:auto; }
.dotpoint.up.left .infoitem { left:auto; right:-20px; }

.tabs .controls ul { list-style:none; margin:-1px 0 0; padding:0; border-top:#e8e8e8 1px solid; background:#fff; }
.tabs .controls ul li { float:left; }
.tabs .controls ul li a { display:block; padding:27px; border-right:#e8e8e8 1px solid; border-bottom:#e8e8e8 1px solid; background:#fff; font-weight:normal; }
.tabs .controls ul li a.active { border-bottom:#fcfcfc 1px solid; background:#fafafa; }
.tabs .controls ul li .h2 { display:block; padding-bottom:0; font-weight:bold;  }
.tabs .tab_content .tab_content, .tabs.categorytabs .tab_content { background: #fafafa; padding: 27px; }

#accessibility { position:absolute; width:0px; height:0px; overflow:hidden; }

.twocolumn { padding-left:268px; text-align:left; }
.twocolumn .main_content { float:right; width:100%; }
.twocolumn .main_content .tabs .controls { float:none; padding:40px 28px; }
.twocolumn .main_content .esc { margin-right:-2%; }
.twocolumn .main_content .trd { width:31.3%; margin:0 2% 0 0; }
.twocolumn .main_content .qtr { width:23%; margin:0 2% 0 0; }
.tabintro { padding:10px 28px; font-size:87.5%; }
.tabintro h1 { padding-bottom:20px; font-size:2.7em; }
.twocolumn .minor_content { float:left; width:248px; margin-left:-268px; font-size:0.86em;}
.twocolumn .minor_content .panel { text-align:left; padding-top:40px; padding-bottom:80px; }
.twocolumn .minor_content p { padding-bottom:15px }
.twocolumn .minor_content ul { list-style:none; margin:0; padding:0 0 30px; font-size:95%; }
.twocolumn .minor_content ul li { margin-bottom:6px; }
.twocolumn .minor_content ul a { color:#000; text-decoration:none; }
.twocolumn .minor_content ul a:hover { color:#b4a894; }

.reviews { float:right; text-align:right; margin-bottom:20px; }
.reviews .icon { display:block; margin-bottom:5px; }

.tabclone { background:#fff; padding:15px; text-align:center; display:none; font-weight:normal; border-bottom:#e8e8e8 1px solid; color: #544842; box-sizing: border-box; cursor: pointer; text-transform: capitalize; }
.tabclone .h2 { display:block; padding-bottom:0px; font-weight:bold; font-size:148.2%; }

.prodoption { text-align:left; display: inline-block; padding-right: 30px; }
.prodoption h3 { color:#544842; font-weight:bold; padding:20px 0 0; }
.prodoption .img img { vertical-align:bottom; }

#map { position:relative; }

.input-block-level { width:100%; box-sizing:border-box; }
.control-label { padding-bottom:5px; }
.control-group { padding-bottom:32px; }
.description_expand { padding:0 16px; }

.basket { width:100%; margin-bottom:20px; }
.totallabel { text-align:right; font-weight:bold; }
td.img { width:110px; }
.qty { width:40px; text-align:center; }
#sck-form .field, .deliveryInstructions { display:block; width:100%; box-sizing:border-box; }
.iconCheckSection { display:none; }
.sck-error-box, .error, .alert.alert-danger { color:#f00; }
.required:after {content:'*';display:inline-block;padding-left:.2rem;}
.alert.is-invalid {color:#f00;margin-top: -10px;margin-bottom: 10px;}
input.is-invalid, textarea.is-invalid {border:1px solid #f00!important;}
.error-message {margin-bottom: 1em; padding: 1em; background-color: #ee0000; color: white}

.mobileonly, .mobilehead { display:none; }

.accessories .prodoption { text-align:center; padding-bottom: 10px; max-width: 176px; }
.accessories .prodoption img { background:#fff; padding:1px; border:#ededed 1px solid; }

.tb { display:table; }
.tb .r { display:table-row; }
.tb .r .c { display:table-cell; }

.thumbs { padding-bottom:0; text-align:center; }
.thumbs a { display: inline-block; margin: 0px 2px 7px; border: 1px solid #fff; width: auto!important ; }
.thumbs img { border:#dedbd2 1px solid; display: inline-block!important; max-width: 69px; max-height: 69px; }

.optselect .c { padding-bottom:20px; }
.optselect .expander { position:relative; }
.optselect .expand_head { border:#1eac92 1px solid; border-radius:2px; padding:10px 70px 10px 20px; position:relative; color:#212121; cursor:pointer; }
.optselect .expand_head .action { background:#1eac92; width:46px; height:100%; right:0%; top:0px; position:absolute; }
.optselect .expand_head .action .icon { position:absolute; left:50%; top:50%; margin:-5px -9px; }
.optselect .expand_body { position:absolute; left:0px; background:#f5f5f5; width:100%; z-index:10; }
.optselect .expand_body .item { border:#e8e8e8 1px solid; border-top:0; padding:6px 7px; display:block; }
.optselect .expand_body .item .thumb { border:#e8e8e8 1px solid; border-radius:3px 0 0 3px; padding:5px 8px; float:left; margin-right:17px; background:#fff; }
.optselect .expand_body .item .thumb img { width:61px; }
.optselect .expand_body .item .optiontext { border:#e8e8e8 1px solid; border-left:0; border-radius:0 3px 3px 0; padding:14px 17px; background:#fff;  }
.fakecheck { border:#ced0d0 1px solid; width:15px; height:15px; text-align:center; line-height:15px; display:inline-block; margin-right:10px; vertical-align:middle; }
.footerpanel { background:#fff; border:#e8e8e8 1px solid; border-top:0; padding:15px 20px;  text-align:center; }

.incrementer { position:relative; width:102px; border:#1eac92 1px solid; }
.incrementer .minus, .incrementer .plus { color:#1eac92; position:absolute; height:100%; box-sizing:border-box; padding:8px 10%; line-height:1em; vertical-align:middle; }
.incrementer .minus:hover, .incrementer .plus:hover { background:#f1f1f1; }
.incrementer .minus { left:0px; font-size:140%;}
.incrementer .plus { right:0px; font-size:160%; }
.incrementer input { width:100%; box-sizing:border-box; padding:10px 33px; text-align:center; border-color: transparent; appearance: none; -webkit-appearance:none; -moz-appearance:none; }

.basketform { padding-bottom: 33px; }
.basketform label { display: block; padding-bottom: 10px; }
.basketform .incrementer { display: inline-block; }
.basketform .btn.bright { display: inline-block; margin: 0; margin-left: 13px; padding: 13px 14px 12px; }
.basketform .addwishlist { display: inline-block; float: right; font-size: 92.9%; color: #676767; }
.basketform .addwishlist .icon.heart { display: inline-block; vertical-align: sub; margin-left: 10px; }

.mainprice { font-size: 331%; line-height: 1.3em; }

p.imgactions { text-align: center; padding: 8px 0 31px; }
.product_zoom, .product_video { background: #fff; border: 1px solid #f3f1ed; color: #52b8a3; font-weight: 400; transition: background 0.2s linear; -o-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; }
.product_zoom:hover, .product_video:hover { background: #f3f1ed; color: #52b8a3; }
.product_zoom { padding: 7px 11px 6px 9px; }
.product_video { padding: 7px 14px 6px 9px; border-left: 0; }
.imgactions .product_zoom .icon.zoom { margin-right: 9px; vertical-align: middle; }
.imgactions .product_video .icon.video { margin-right: 10px; vertical-align: baseline; }

.bannerheading { background: #7e6f65; color: #fff; padding: 15px; font-weight: bold; font-size: 172%; text-align: center; margin: 14px 0; }

.text.producttext { font-size: 86%; color: #3f3f3f; }
.text.producttext + p .btn { margin: 0; }
.text.producttext strong { display: block; }
.text.producttext .colour { font-weight: bold; padding: 18px 0 30px; font-size: 150%; }
.panel .img .greenicon { position: absolute; top: 4%; right: 8%; }
.optselect.tb .r .c { padding-right: 5px; }
.controls .down_arrow.icon { display: none; }
.tabclone .down_arrow.icon { margin: 1% 0; }

h1.cat_h1 { padding-bottom: 6px; }
.headerimage { border: 1px solid #e8e8e8; box-sizing: border-box; }
.icontext { color: #fff; font-weight: bold; font-size: 1em; text-transform: uppercase; }

.filterbar { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; padding: 9px 5px 8px 32px; color: #544842; margin-bottom: 13px; }
.filterbar .filtertitle { font-weight: bold; font-size: 121.5%;padding-right: 1.5%; }
.filterbar .pageviewing { padding: 0 3%; }
.filterbar .viewall { font-weight: bold; font-size: 114.5%; cursor: pointer; padding-left: 1.5%; }
.filterbar .pages span:hover, .filterbar .pages .span.active { color: #16a085; cursor: pointer; }
.filterbar .previousarrow { padding-right: 1%; }
.filterbar .nextarrow { padding-left: 1%; }
.filterbar select, .vehicleselect_selects select, .checkout_left select { appearance: none; -webkit-appearance: none; background: url(/images/select-arrow.png) right top no-repeat #fbfbfb; border: 1px solid #d7d4c9; color: #d7d4c9; padding:13px 48px 14px 14px; vertical-align: baseline; }
.filterbar option { color: #717b79; }
.filterbar select.firstselect { margin-right: 0.5%; }
.mobile_expand_head.filterexpander { display: none; background: #2caa92; color: #f3f1ed; padding: 14px 15px; border: 1px solid #2caa92; border-radius: 1px; font-size: 114.5%; font-weight: bold; text-align: center; width: 95%; box-sizing: border-box; margin: 0 auto; }
.mobile_expand_head.filterexpander .icon.filter { margin: 2px 0; }

.selectLabel { background:#fbfbfb url(/images/select-arrow.png) right top no-repeat; font-weight:normal; display:block; width:96%; border:1px solid #d7d4c9; padding:3px 2% 1px; margin-bottom:13px; box-sizing:border-box; cursor: pointer; }
.selectLabel a { text-decoration:none; color:#79756a; outline:none; line-height:1.1em; }
.selectLabel a strong { display:block; font-weight:normal; color:#bab4a0; }
.selectLabel a strong:after { content:":"; }
.selectcontainer { position:relative; }
.selectOpts { position:absolute; left:0px; top:100%; width:100%; background:#fff; border: 1px solid #d7d4c9; border-top:0; text-align:left; margin-top:3px; z-index:6; white-space:normal; max-height:200px; overflow:auto; cursor: pointer; }
.selectOpts .opt { padding:6px 10px; }
.selectOpts .opt.selected { background:#bab4a0; color:#fff; }
.selectOpts .opt:hover, .selectOpts .opt.hovered { background:#dcd6c2; }

.vehicleselection { border-radius: 1px; margin-bottom: 10px; }
.vehicleselection .fr { margin-top:-5px; }
.vehicleselection .vehicleselect_top { padding: 22px 20px 7px; }
.vehicleselection .vehicleselect_selects { padding: 15px 17px 13px 15px; }
.vehicleselect_top div { color: #ffcc00; font-size: 126%; line-height:1.3em; font-weight: bold; padding-bottom: 0px; }
.vehicleselect_top p { color: #fff; padding-bottom: 13px; }
.vehicleselect_top { background:#f07100; }
.vehicleselect_top.selected { background:#fff; border:#f0780d 3px solid; color:#f0780d; padding-top:26px; text-align:right; }
.vehicleselect_top.selected .infoicon { margin-top:-6px; }
.vehicleselect_top.selected button { margin-top:-5px; }
#select-vehicle.selected .text { float:left; color:#f0780d; font-weight:normal; }
#select-vehicle.selected .text strong { font-size:1.2em; }
.vehicleselect_selects { background: #f28829; }
.infoicon { background: url(/images/i_icon.png) center no-repeat; width:39px; height:39px; float:left; margin-right:21px; margin-top:2px; }
.vehicleselect_selects select { color: #79756a; background: url(/images/vehicle-selectarrow.png) right top no-repeat #fbfbfb; padding:8px 45px 9px 11px; border: #fff; border-radius: 2px; margin: 5px 10px 5px 0; float:left; width:31.3%; margin-right:2%; }
.vehicleselect_selects .make { width: 38%; margin-right: 2%; }
.vehicleselect_selects .model { width: 59%; }
.vehicleselect_top button, .vehicleselect_selects button { background:#4d5a6b; }
.basketform.vehicleneeded { padding:19px 20px; background:#f6f5f1; border-radius:3px; margin-bottom:14px; }
.basketform.vehicleneeded .colour { font-weight: bold; padding-bottom: 6px; }
.basketform.vehicleneeded .addwishlist { padding-top: 9px; }
#product_search_form { padding-right:85px; }
#product_search_form select:nth-child(1) { width:38%; }
#product_search_form select:nth-child(2) { width:38%; }
#product_search_form select:nth-child(3) { width:18%; margin-right:0; }
#product_search_form button { float:right; margin-right:-85px; margin-top:6px; }
#select-vehicle.selected .vehicleselect_top, #select-vehicle.selected .vehicleselect_selects { display:none; }
#select-vehicle.selected .vehicleselect_top.selected { display:block; }

.product_container .vehicleselect_top.selected .infoicon { margin-top:5px; }
.product_container .vehicleselect_top.selected { padding:19px 15px; font-weight:normal; }
.product_container .vehicleselect_top.selected button { margin-top:-54px; float:right; }
.product_container .vehicleselect_top.selected .text { float:left; text-align:left;  font-weight:normal; font-size:100%; color:#f0780d; margin-right:140px; }
.product_container .vehicleselect_top.selected strong { display:block; }
.product_container .vehicleselection .infoicon { background: url(/images/info_icon_big.png) center no-repeat; width:57px; height:57px; float:left; margin-right:21px; margin-top:2px; }
.product_container .vehicleselection div { color:#fff; }
.product_container #yearMatchSearchForm button { margin-right:0; }
.product_container #yearMatchSearchForm { text-align:right; }
.product_container #yearMatchSearchForm select { float:none; width:100%; }
.product_container #yearMatchSearchForm div { display:block; }

.warning_icon { background:url(/images/warning.png) top left no-repeat; width:37px; height:31px; float:left; margin:3px 12px 12px 0; }

.vehicle_details { color: #554943; padding-bottom: 10px; }
.vehicle_details a { font-weight: 400; padding-left: 5px; }
.vehicle_details img { padding-right: 15px; }
.carproducts .qtr { text-align: left; padding: 15px 30px 0 0; box-sizing: border-box; }
.carproducts .qtr img { padding-bottom: 15px; }
.carproducts .itemtitle, .greyborder .horizontalproduct .text .itemtitle { color: #128f76; font-weight: bold; font-size: 150%; padding-bottom: 7px; }
.carproducts div.colour, .greyborder .horizontalproduct .text .productview .colour { font-weight: bold; font-size: 222%; line-height: 1em; padding-bottom: 23px; }
.h1.lesspadding { padding-bottom: 10px; }
.greyborder { border-radius: 2px; padding: 9px; background: #f3f1ed; margin-bottom: 20px; border: 2px solid #fff; }
.greyborder .horizontalproduct { border: 1px solid #eeeeee; background: #fff; padding: 10px 24px 10px 15px; }
.greyborder .horizontalproduct .img, .greyborder .horizontalproduct .text  { display: table-cell; }
.greyborder .horizontalproduct .text .productdetails { display: inline-block; }
.greyborder .horizontalproduct .text .productview { display: inline-block; }
.greyborder .horizontalproduct .text .productdetails { width: 72%; box-sizing: border-box; padding: 2% 55px 0 20px; vertical-align: middle; }
.greyborder .horizontalproduct .text .productview { width: 27%; text-align: right; vertical-align: middle; }
.greyborder .horizontalproduct .text .productview .btn { margin: 0; padding: 14px 24px; }
.greyborder .horizontalproduct .text { width: 78%; vertical-align: middle; padding-top: 10px; }
.greyborder .horizontalproduct .img { width: 22%; vertical-align: middle; }
.greyborder .horizontalproduct .text .productview div.colour { padding-bottom: 15px; }
.tabs.categorytabs { border: 1px solid #e8e8e8; border-top: 0; margin-bottom: 28px; }
.categoryincsymbols { padding: 26px 0 22px; position: relative; }
.cat_symbols { position: absolute; top: 0; right: 0; }
.cat_symbols img { padding: 0 10px; }
.prolinestaticcat .productpanel .description, .prolinestaticcat .productpanel .moreinfo { display: block; }
.prolinestaticcat .productpanel { padding-left: 0; padding-right: 0; padding-bottom: 15px; }
.prolinestaticcat .productpanel .btn { margin-right: 0; }
.prolinestaticcat .productpanel img, .prolinestaticcat .productpanel .textcontent { padding-left: 15px; padding-right: 15px; }
.prolinestaticcat .poplinks li:first-child a { border-top: #e8e8e8 1px solid; }
.listview .prolinestaticcat .productpanel .actions { float: right; }
.listview .prolinestaticcat .productpanel .textcontent { width: 46%; }
.listview .prolinestaticcat .poplinks li:first-child a { border-top: 0; }

.scrollpanel { border: 1px solid #e8e8e8; border-radius: 3px; overflow: auto; height: 436px; margin-bottom: 30px; position: relative; }
.scrollsection { height:436px; padding:33px 233px 20px 34px; }
.scrollsection .rotatesymbol { vertical-align: top; }
.scrollsection .scrollmainimg { padding: 25px 0 0 35px; }
.panelscrollbar { border-left: 1px solid #e8e8e8; background: #f9f9f9; padding: 12px 12px 10px; position: absolute; top: 1px; right: 1px; bottom:1px; z-index: 1; }
.panelscrollbar .scrollinternal { background: #fff; border: 1px solid #e8e8e8; border-radius: 30px; padding: 22px 18px 19px 19px; text-align: center; }
.scrollcontainer { position: relative; }
.mousedown { padding-bottom: 14px; cursor:pointer; }
.mouseup { padding-top: 16px; cursor:pointer; }
.scrollcircle { border-radius: 100%; background: #16a085; line-height: 0; width: 11px; height: 11px; margin: 0 auto; display:block; }
.scrollline { width: 2px; background: #16a085; height: 99px; margin: 0 auto; }
.scrollpanelname { font-weight: bold; color: #22ab92; padding: 9px 17px; z-index: 1; border: 1px solid transparent; border-top-left-radius: 30px; border-bottom-left-radius: 30px; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.scrollpanelname.panelname1 { position: absolute; right: 83px; top: 89px; }
.scrollpanelname.panelname2 { position: absolute; right: 83px; top: 201px; }
.scrollpanelname.panelname3 { position: absolute; right: 83px; top: 309px; }
.scrollpanelname:hover, .scrollpanelname.active { background: #f9f9f9; border-color: #e8e8e8; cursor: pointer; }

table.basket { width: 100%; border-collapse: collapse; color: #544842; margin-top: 8px; }
table.basket thead th { color: #fff; background: #22ab92; border-right: 1px solid #2cc3a7; text-align: center; padding: 25px 30px 20px; font-size: 115%; }
table.basket thead th:first-child { text-align: left; width: 62%; }
table.basket thead th:nth-child(2) { width: 10%; }
table.basket thead th:nth-child(3) { width: 14%; }
table.basket thead th:last-child { border-right: 0; width: 14%; }
table.basket tbody tr { border-top: 1px solid #f0ede2; border-bottom: 1px solid #f0ede2; }
table.basket tbody tr td { border-left: 1px solid #f0ede2; border-right: 1px solid #f0ede2; text-align: center; padding: 30px 10px; vertical-align: top; }
table.basket tbody tr td img{ width:69px; }
table.basket tbody tr td:nth-child(2n) { font-weight: bold; }
table.basket tbody tr td:nth-child(3n) .incrementer { margin: 0 auto; }
table.basket tbody tr td:nth-child(3n) { padding-top: 21px; }
table.basket tbody tr td:nth-child(4n) { font-weight: bold; }
table.basket tbody tr td:first-child { border-left: 0; text-align: left; padding: 26px 19px 24px 30px; position: relative; }
table.basket tbody tr td:first-child img { display: inline-block; float: left; padding-right: 23px; }
table.basket tbody tr td:first-child .basketdetails { display: inline-block; max-width: 60%; }
table.basket tbody tr td:first-child strong { font-size: 124%; padding-bottom: 7px; display: block; }
table.basket tbody tr td:first-child .colour { font-weight: bold; padding-bottom: 3px; display: inline-block; }
table.basket tbody tr td:last-child { border-right: 0; }
table.basket tbody tr:first-child { border-top: 0; }
table.basket tbody tr:last-child { border-bottom: 0; }
table.basket tfoot { border-top: 1px solid #2cc3a7; border-bottom: 1px solid #2cc3a7; }
table.basket tfoot tr:first-child { background: #f8f8f8; }
table.basket tfoot td { border: 1px solid #2cc3a7; }
table.basket tfoot td .colour { font-weight: bold; text-transform: uppercase; }
table.basket tfoot td:first-child { border-left: 0; text-align: right; padding: 5px 15px; }
table.basket tfoot tr:first-child td:first-child { padding: 17px 15px; }
table.basket tfoot tr:first-child td:first-child .colour { padding-bottom: 3px; }
table.basket tfoot tr:first-child td:last-child { padding: 17px 8px; }
table.basket tfoot tr:first-child td:last-child div { padding-bottom: 3px; }
table.basket tfoot tr:last-child td:first-child { border-left: 0; text-align: right; padding: 0px 15px; font-weight: bold; text-transform: uppercase; }
table.basket tfoot td:last-child { border-right: 0; text-align: center; padding: 8px; font-weight: bold; }
.basketcheckoutbtn { float: right; margin: 0; padding: 14px 3.6%; }
.remove { border: 1px solid #d9d6cb; cursor: pointer; color: #22ab92; padding: 4px 4px 4px 9px; border-radius: 2px; display: inline-block; line-height: 0; font-weight: bold; background: #fff; position: absolute; top: 27px; right: 15px; -webkit-appearance:none; }
.remove .removeicon { background: #22ab92; border-radius: 2px; padding: 5px; display: inline-block; line-height: 0; margin-left: 10px; vertical-align: text-bottom; }
table.basket input.btn { width: 93%; text-align: center; margin: 5px auto 0; padding: 8px; font-size: 100%; }
.active-discounts .plainbtn {top:0;}

.checkout_left { float: left; width: 49.6%; }
.checkoutprogress { width: 47.6%; }
.checkout_right { float: right; width: 49.6%; }
.checkout_left input[type="text"], .checkout_right input[type="text"], .checkout_left input[type="email"], .checkout_right input[type="email"] { background: #fbfbfb; color: #717b79; font-family: 'PT Sans',Arial,Helvetica,sans-serif; border: 1px solid #d7d4c9; border-radius: 2px; opacity: 1; width: 100%; margin-bottom: 13px; box-sizing: border-box; padding: 11px 2%; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.checkout_left input[type="text"]::-webkit-input-placeholder, .checkout_left input[type="email"]::-webkit-input-placeholder { color:#717b79!important; }
.checkout_left input[type="text"]::-moz-placeholder, .checkout_left input[type="email"]::-moz-placeholder  { color:#717b79!important; }
.checkout_left input[type="text"]:-moz-placeholder, .checkout_left input[type="email"]:-moz-placeholder  { color:#717b79!important; }
.checkout_left input[type="text"]:-ms-input-placeholder, .checkout_left input[type="email"]:-ms-input-placeholder { color:#717b79!important; }
.checkout_left .paypalbtn { margin-bottom: 32px; display: block; }
.checkout_left .half { overflow:visible;}
.checkout_left .half.title { width:20%; }
.checkout_left .half.firstName, .checkout_left .half.lastName { width:37.3%; }
.checkout_left .half.country, .checkout_left .half.company, .checkout_left .half.shippingMethod, .checkout_left .half.deliveryInstructionOptions { width:100%; margin-right:0; }
.checkout_left .half.firstName { margin:0 1.3% 12px; }
.checkout_left .half.deliveryInstructionOptions { margin-top:10px; }
.deliveryInstructionOptions select { width:100%; }
.checkout_left .addressLine2, .checkout_left .half.lastName, .checkout_left .half.postcode, .half.phoneNumber, .half.paymentMethod { margin:0 0 12px 1.3%; float:right; }
.checkout_left #firstname { width: 48%; margin-right: 3%; }
.checkout_left #lastname { width: 48%; }
.checkout_left #houseno { width: 30%; margin-right: 2%; }
.checkout_left #address { width: 67%; }
.checkout_left #country { width: 48%; margin-right: 3%; }
.checkout_left #postcode { width: 48%; }
#discount_code_form { padding: 20px 0; }
.applydiscount input[type="text"] { width: auto; margin-right: 1%; margin-bottom: 0; }
.applydiscount input[type="submit"] { margin: 0; width: auto; vertical-align: top; padding: 20px; }
.checkout_left select, .checkout_right select { color: #bab4a0; border: 1px solid #d7d4c9; border-radius: 2px; margin-bottom: 10px; display: inline-block; vertical-align: top; padding: 11.5px 2%; }
.checkout_left .checkoutprogress { width:auto; clear:both; }
.checkout_left #form select { width:100%; }
.checkout_left #form > div > div > div > label { font-size:171.5%; color:#16a085; line-height: 1.3em; font-weight: bold; margin-left:0; margin-bottom:20px; width:auto; display:block; }
.checkout_left #form > div > div > div > div { clear:both; }
.checkout_left #form > div > div > div > label .btn { margin-right:0; margin-left:10px; }
.checkout_left #form > div > div > div > label.radiobtn_box { font-size:1em; }
.checkoutprogress .icon.backarrow { margin-right: 8px; }
.checkoutprogress .btn.bright { float: right; }
.checksaveinfo { margin: 34px 0 35px; }
.checkoutprogress .btn { margin: 0 0 36px;  }
.checkout_right hr { margin: 12px 0 30px; }
.checkout_right table { font-weight: bold; width: 100%; text-transform: uppercase; margin-top: 30px; border-collapse: collapse; }
.checkout_right table tr td:first-child { width: 70%; text-align: right; }
.checkout_right table tr td:last-child { width: 30%; text-align: center; }
.checkout_right table tbody tr:first-child { border-top: #f0ede2 solid 1px; }
.checkout_right table tbody tr:first-child td { padding: 22px 0 2px; }
.checkout_right table tbody tr:last-child td { padding: 2px 0 22px; }
.checkout_right table tbody tr:last-child { border-bottom: #f0ede2 solid 1px; }
.checkout_right table tfoot tr td:last-child { font-size: 193%; }
.checkout_right table tfoot tr td { padding: 30px 10px; }
.checkout_right table tfoot tr td:first-child { vertical-align: bottom; padding: 25px 0; }
.checkout_right .colour { font-weight: bold; }
.checkout_right { color: #544842; }
.checkoutproduct { display: table; padding-bottom: 18px; width:100%; }
.checkoutproduct .checkout_img { position: relative; }
.checkoutproduct .checkout_img img { border: 1px solid #d7d4c9; }
.checkoutproduct .checkout_img, .checkoutproduct .checkout_text, .checkoutproduct .checkout_price  { display: table-cell; }
.checkout_img .greenicon { width: 24px; height: 24px; line-height: 24px; position: absolute; top: -5px; right: -12px; }
.checkout_img .icontext { font-size: 100%; }
.checkoutproduct .checkout_img { width:72px; vertical-align: middle; }
.checkoutproduct .checkout_text { padding: 10px 36px; }
.checkoutproduct .checkout_price { font-weight: bold; width: 15%; text-align:center; }
.checkoutlinks { margin: 25px 30px; }
.checkoutlinks a { font-weight: 400; color: #554943; margin: 0 12px; }
.checkoutlinks a:hover { color: #22ab92; }
.checkout_left input[type="checkbox"] { position:absolute; cursor: pointer; line-height:1em; margin:0; -webkit-appearance: none; -moz-appearance:none; appearance: none; border:0; background:transparent; }
.gotjs .checkout_left input[type="checkbox"], .gotjs .checkout_left input[type="radio"] { visibility:hidden; }
.checkboxreplace { display:inline-block; width: 20px; height: 20px; vertical-align: middle;  background: url(/images/checkbox.png) center no-repeat; }
.checkboxreplace.checked { background: url(/images/checked-checkbox.png) center no-repeat; }
.checkout_left .checkboxreplace { float:left; margin-right:7px; }
.checkout_left label { vertical-align: sub; font-weight: 400; color: #717b79; font-size: 100%; letter-spacing: normal; display: inline-block; }
.checkout_left label.radiobtn_box { width: 100%; box-sizing: border-box; }
.checkout_left input[type="radio"] { position:absolute; line-height:1em; margin:0;  -webkit-appearance: none; -moz-appearance:none; appearance: none; border:0; background:transparent; }
.radioreplace { width: 19px; height: 19px; vertical-align: middle; cursor:pointer; float:left; width:19px; height:19px; background: url(/images/radio.png) center no-repeat; margin-right:7px; }
.radioreplace.checked { background: url(/images/radio-checked.png) center no-repeat; }
.checkout_left p + .h1 { padding-top: 10px; }
.checkout_left p { font-size: 100%; }
.btn.editshipping  { margin-bottom: 30px; }
.radiobtn_box { display:block;background: #fbfbfb; border: 1px solid #d7d4c9; border-radius: 1px; padding: 13px 17px 11px 12px; margin-top: -1px; }
.radiobtn_box label, .radiobtn_box .label { letter-spacing: normal; color: #79756a; margin-left: 12px; display: block; vertical-align: text-top; font-weight: bold; width: auto; overflow:hidden; }
.radiobtn_box strong { float: right; color: #544842; padding-top: 2px; }
.shippingmethod_radios .radiobtn_box { margin-bottom: 10px; }
.shippingmethod_radios .radiobtn_box:last-child { margin-bottom: 37px; }
.shippingmethod_radios { margin-top: 15px; }
.card_details { padding: 18px 18px 19px; border-left: 1px solid #d7d4c9; border-right: 1px solid #d7d4c9; margin-top: -1px; }
.card_details .icon.lock, .card_details .icon.question { position: absolute; top: 13px; right: 14px; }
.cardicons { display: inline-block; float: right; }
.cardicons img { border: 1px solid #d7d4c9; margin: 0 3px; }
.cardicons img:last-child { margin-right: 0; }
.paymentradios { margin: 7px 0 47px; }
.paymentradios .radiobtn_box:last-child { margin-top: -1px; }
.addressesradios .radiobtn_box:last-child { margin-top: -1px; }
.addressesradios .radiobtn_box label, .paymentradios .radiobtn_box label { vertical-align: baseline; }
.shipping-form textarea { margin:0 0 13px 0; width:100%; box-sizing:border-box; }
.newsletter_check { margin: 26px 0 36px; }
input#nameoncard { width: 50%; margin-right: 3%; }
input#monthyear { width: 21%; margin-right: 3%; }
input#cvv { width: 21%; float: right; }
.card_details span.icon.question { top: 58.5%; right: 6.5%; }

.checkout_left .checkboxreplace { margin-bottom:7px; }
.checkout_left .mailing-promotions label { display:block; padding-left: 9px; vertical-align: middle; }

.greenhead { background:#22ab92; color:#fff; font-size:171.5%; line-height:1.3em; border-radius:5px; padding:18px 23px; font-weight:bold; position:relative; z-index:3; }
.formpanel { border:#f3f1ed 1px solid; padding:30px 23px; border-radius:3px; position:relative; z-index:2; margin-top:-6px; }
.formpanel .half { width:47%; margin-right:3%; }
.checkout_left form .trd { margin-right:3%; width:31.3%; }
.checkout_left form .trd input { padding-left:6%; }
.checkout_left form .trd.csc, .checkout_left form .trd.issuenumber { margin-right:0; }
.formpanel input { width:100%; box-sizing:border-box; background:#fbfbfb; border:#d7d4c9 1px solid; border-radius:3px; }
.afterformpanel { padding:30px 23px; }

.compstep { background:#f6f6f6; border-radius:3px; border:#f3f1ed 1px solid; color:#625852; padding:33px 26px 5px; margin-bottom:30px; font-size:150%; line-height:1.3em; font-weight:bold; }
.compstep .compicon { background:#22ab92; padding:28px 16px; color:#fff; margin:-33px 23px -5px -26px; display:block; float:left; }

.compsocialpanel { background:#f6f6f6; padding:21px 12px 12px; border-radius:5px; }
.compsocialpanel a { background:#fafafa; border:#ebe9e3 1px solid; border-radius:5px; margin-bottom:12px; display:block; padding:14px; }
.compsocialpanel a img { margin-right:15px; }

.prodoption { padding-right:15px; }

.mobile_expand_body.paddedexpander { padding: 10px; }
.mobile_expand_head.paddedexpander { padding-left: 10px; }

.checkout_left form .trd.pan, .checkout_left form .trd.cardholdername, .half.pan, .half.cardholdername, .half.csc, .half.issuenumber { width:100%; margin-left:0px!important; }
.checkout_left form .trd.pan input, .checkout_left form .trd.cardholdername input { padding-left:2%; }
.checkout_left .half.startmonth, .checkout_left .half.expirymonth { margin-right:1.3%; margin-left:0; }
.checkout_left .half.startyear, .checkout_left .half.expiryyear { margin-left:1.3%; margin-right:0; }

.checkoutwide.checkout_left { float: none; width: 100%; }
.checkoutwide.checkout_left .applydiscount input[type="submit"] { width: auto; padding: 13px; }
.checkoutwide.checkout_left .applydiscount input[type="text"] { width: 40%; margin-right: 1%; margin-bottom: 0; }
.checkoutwide.checkout_left table { width: 100%; border-collapse: collapse; margin: 30px auto; font-weight: bold; }
.checkoutwide.checkout_left table tbody tr { border-top: 1px solid #f0ede2; border-bottom: 1px solid #f0ede2; }
.checkoutwide.checkout_left table tbody td { border-left: 1px solid #f0ede2; border-right: 1px solid #f0ede2; text-align: center; padding: 12px 14px; }
.checkoutwide.checkout_left table tbody tr td:first-child { width: 85%; }
.checkoutwide.checkout_left table tbody tr td:first-child { border-left: 0; }
.checkoutwide.checkout_left table tbody tr td:last-child { border-right: 0; }
.checkoutwide.checkout_left table tbody tr:last-child { border-bottom: 0; }
.checkoutwide.checkout_left table tfoot tr { background: #f8f8f8; border-top: 1px solid #2cc3a7; border-bottom: 1px solid #2cc3a7; }
.checkoutwide.checkout_left table tfoot tr td { border-left: 1px solid #2cc3a7; border-right: 1px solid #2cc3a7; text-transform: uppercase; color: #16a085; }
.checkoutwide.checkout_left table tfoot tr td:first-child { border-left: 0; text-align: right; padding: 0px 15px; }
.checkoutwide.checkout_left table tfoot tr td:last-child { border-right: 0; padding: 17px 8px; text-align: center; }

.key .inlineblock { margin: 8px 15px; }

.contactform label { display:block; padding-bottom:5px; }
.contactform input, .contactform textarea { width:100%; box-sizing:border-box; margin-bottom:20px; }
.contactform button { float:right; }

select::-ms-expand { display: none; }

.oopspanel { background:#fff url(/images/oops_top.jpg) top left no-repeat; background-size:contain; }
.oopspadding { background:url(/images/oops_bottom.jpg) bottom left no-repeat; background-size:contain; padding:48px 40px 88%; }

.completetable { border-collapse:collapse; width:100%; }
.completetable th, .completetable td { border:#f3f1ed 1px solid; padding:18px; text-align:center; }
.completetable th { background:#f3f1ed; color:#554943; }
.completetable th.first, .completetable td.first { text-align:left; width:61%; }
.completetable td.first img { float:left; margin-right:20px; }
.completetable td.totalrow { text-align:right; padding:5px 18px; text-transform:uppercase; color:#16a085; }
.completetable td.firsttotalrow { padding-top:20px; }
.completetable td.lasttotalrow { padding-bottom:20px; }
.completetable tfoot td { background:#f8f8f8; }
.completetable tfoot td.totalrow { padding:18px; }

.questionpanel { border:#f3f1ed 1px solid; background:#f8f8f8; padding:26px 24px; margin-bottom:20px; }
.questionpanel strong { color:#544842; }

.picturepanel { border:#f3f1ed 1px solid; background:#f8f8f8; padding:24px; margin-bottom:20px; }
.picturepanel .picturecontent { padding:30px 42px; background:#fff; }
.picturepanel .picturecontent img.photoframe { float:right; margin:-50px -50px -40px 40px;  }
.fakecheck .icon.tick { vertical-align: baseline; }
#discount_code_form input { margin: 5px 0; }
#discount_code_form input[type="text"] { color: #717b79; padding: 18px 4%; border: 1px solid #d7d4c9; -webkit-appearance: none; -moz-appearance:none; appearance: none; margin-right: 1%; width: 40%; }

input[type="text"] { color: #717b79; }
.error ul { list-style:none; margin:0; padding:0; font-size:90%; }
.error ul li { padding:10px; }

.mobilebasketonly { display:none; }

.addedbasketalert.cs { background:#fff; box-sizing:border-box; margin-bottom: 13px; border: 4px solid #13937a; border-radius: 4px; padding: 18px 35px 20px 24px; display: table; width: 100%; }
.addedbasketalert .alert.colour { font-weight: bold; font-size: 1.19em; line-height: 1.6em; display: table-cell; width: 63%; vertical-align: middle;  padding: 10px 122px 10px 27px; }
.addedbasketimg { display: table-cell; width: 5%; vertical-align: middle; }
.alertbtns { display: table-cell; width: 32%; text-align: right; vertical-align: middle; }
.basketalertcontainer { display: inline-block; vertical-align: middle; }
.addedbasketalert .alertbtns a.btn { margin-bottom: 0; }
.addedbasketalert .alertbtns a.btn:last-child { margin: 0; }

table.accessoriestable.basket { border: 1px solid #f3f1ed; }
table.accessoriestable.basket thead th { padding: 21px 30px 19px; border: 1px solid #f3f1ed; color: #554943; background: #f3f1ed; }
table.basket.accessoriestable tbody tr td:first-child { font-weight: bold; }
.colourbutton.cs button { float: right; }

table.greytable { width: 100%; border-collapse: collapse; border: 1px solid #f3f1ed; margin-bottom: 30px; border-radius: 2px; }
table.greytable th { background: #f3f1ed; color: #554943; font-size: 1.06em; }
table.greytable td { border: 1px solid #f3f1ed; }
.regularweight { font-weight: 400; }
table.greytable tr td:nth-child(2), table.greytable tr th:nth-child(2) { text-align: center; }
table.greytable th:first-child, table.greytable th:last-child { padding: 25px 25px 20px; }
table.greytable th:nth-child(2) { padding: 25px 5px 20px; width: 9%; }
table.greytable th:first-child { width: 51%; }
table.greytable th:last-child { width: 40%; }
table.greytable td:first-child, table.greytable td:last-child { padding: 25px; vertical-align: top; }
table.greytable td:nth-child(2) { padding: 25px 5px; vertical-align: top; }

table.greytable.greytable--unrestricted th:first-child { width: 24%; }
table.greytable.greytable--unrestricted tr td:nth-child(2), table.greytable.greytable--unrestricted tr th:nth-child(2) { text-align: left; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; padding-left: 10px; padding-right: 10px; width: 17%; }
table.greytable.greytable--unrestricted th:nth-child(3), table.greytable.greytable--unrestricted td:nth-child(3) { padding-left: 10px; padding-right: 10px; }
table.greytable.greytable--unrestricted th:last-child { width: 43%; }

.plainbtn { overflow:visible; background:transparent; border:0; outline:0; padding:0px; }
.checkout_left .half.postcode { position:relative; }
.overinput { position:absolute; right:10px; top:13px; }
.addrselect { width:100%; padding-right:11%; background:#fbfbfb url(/images/select-arrow.png) right top no-repeat; -webkit-appearance: none; -moz-appearance:none; appearance: none; }

.lookup { background:#fbfbfb; clear:both; margin:0 -34px 20px; width:100%; padding:10px 39px; border-top:#f0ede2 1px solid; border-bottom:#f0ede2 1px solid; }
.lookup strong { color:#22ab92; margin-right:5px; }
.checkout_left .lookup input[type="text"] { width:38%; margin-bottom:0; }
.lookup .btn { margin:0 0 0 10px; }
.lookup + .selectcontainer {
    width: 100% !important;
}
.lookup + .selectcontainer .selectLabel {
    width: 100% !important;
    height: 2.75rem;
}
.lookup + .selectcontainer .selectLabel, .lookup + .selectcontainer .selectOpts {
    cursor: pointer;
}

.options .colours {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    padding: 0 0 20px;
}
.options .colours div {
    height: 2rem;
    width: 2rem;
    background-color: var(--color-lightest-grey);
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
    border-radius: .3rem;
}
.options .colours div:has(> :nth-child(1):last-child) span{
    width: 50%;
    height: 100%;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
}
.options .colours div:has(> :nth-child(2):last-child) span{
    width: 33.33%;
    width: calc(100% / 3);
    height: 100%;
    &:last-child{
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

.switchpanel { margin-bottom:13px; background:#fff; padding:10px; text-align:right; }
.switchpanel .title { float:left; padding-top:8px; color:#554943; padding-left:20px; }
.gbtn { border:#ececec 1px solid; border-radius:3px; display:inline-block; margin:0 5px; padding:5px 10px; background:#f4f4f4; cursor:pointer; font-weight:normal; }
.gbtn.active, .gbtn:hover { background:#fff; }
.gbtn .icon { margin-right:5px; vertical-align:middle; }

.listview .switchholder .qtr { float:none; width:100%; }
.productpanel { background:#fff; border:#e8e8e8 1px solid; padding:37px 15px 28px; color:#554943; font-size:92.9%; }
.productpanel .img { margin-bottom:20px; position: relative; }
.productpanel .title { font-size:1.2em; font-weight:bold; padding-bottom:5px; }
.productpanel .price { color:#22ab92; padding-bottom:20px; font-size:1.1em; }
.productpanel .description, .productpanel .moreinfo { display:none; }
.productpanel .greenicon { margin:5px 2px; }

.listview .productpanel { padding:0; }
.listview .productpanel .img { float:left; width:20%; padding:30px 1%; display:block; }
.listview .productpanel .textcontent { float:left; width:28%; margin-right:1%; padding:30px 2%; text-align:left; }
.listview .productpanel .options { float:left; width:14.5%; padding:30px 2%; border-left:#e8e8e8 1px solid; border-right:#e8e8e8 1px solid; }
.listview .productpanel .description, .listview .productpanel .moreinfo { display:block; }
.listview .productpanel .actions { float:left; width:26%; }

.poplinks { list-style:none; margin:0 0 20px; padding:0; }
.poplinks li a { display:block; padding:11px 20px; border-bottom:#e8e8e8 1px solid; color:#554943; }
#fancybox-content .accessories .prodoption:last-child { padding-right:0; }

.readmore { cursor:pointer; }

.popbtn { border:#fff 1px solid; border-radius:3px; box-shadow:#fff 0 0 1px; color:#14957c; padding:3px 10px; background: #f9f9f9; background: -moz-linear-gradient(top,  #f9f9f9 0%, #eaeaea 100%); background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); background: linear-gradient(to bottom,  #f9f9f9 0%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); float:right; margin:5px 0 5px 5px; font-size:80%; }
.popbtn:hover { background: #e9e9e9; background: -moz-linear-gradient(top,  #e9e9e9 0%, #f8f8f8 100%); background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f8f8f8 100%); background: linear-gradient(to bottom,  #e9e9e9 0%,#f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f8f8f8',GradientType=0 ); }
.popbtn img { margin:-2px -5px -2px 9px; }
.transnav .popbtn { display:block; color:#14957c; float:none; }

.dogfestbtn { float: right; margin: 5px 0 5px 5px; font-size: 92%; border: #0098cc 1px solid; border-radius: 3px; box-shadow: #fff 0 0 1px; color: #fff;    padding: 4px 9px; background: #aadbec; background: -moz-linear-gradient(top,  #aadbec 0%, #6ccded 50%, #0ab4ed 100%); background: -webkit-linear-gradient(top,  #aadbec 0%,#6ccded 50%,#0ab4ed 100%); background: linear-gradient(to bottom,  #aadbec 0%,#6ccded 50%,#0ab4ed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aadbec', endColorstr='#0ab4ed',GradientType=0 ); }
.dogfestbtn:hover { background: #0ab4ed; background: -moz-linear-gradient(top,  #0ab4ed 0%, #6ccded 50%, #aadbec 100%); background: -webkit-linear-gradient(top,  #0ab4ed 0%,#6ccded 50%,#aadbec 100%); background: linear-gradient(to bottom,  #0ab4ed 0%,#6ccded 50%,#aadbec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ab4ed', endColorstr='#aadbec',GradientType=0 ); color: #fff; }
.dogfestbtn img { margin: -1px -2px 0px 11px; }

.pophead { background:#14967c; color:#fff; padding:27px 28px 21px; }
.pophead .photoleft { margin-top:-15px; margin-bottom:0; }
.pophead h1 { padding-bottom:0; font-size:300%; color:#fff; line-height:1.1em; }
.popbody { padding:25px 28px; color:#262f36; background: #ebebeb; background: -moz-linear-gradient(top,  #ebebeb 0%, #fefdfd 100%); background: -webkit-linear-gradient(top,  #ebebeb 0%,#fefdfd 100%); background: linear-gradient(to bottom,  #ebebeb 0%,#fefdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fefdfd',GradientType=0 ); }
.popbody table { margin:10px 0 30px; width:100%; }
.popbody table td { vertical-align:top; }
.popbody table th { vertical-align:bottom; }

.sso { display:none; }

.popcontainer { width:944px; max-width: 100%; }
.popcontainer .dotpoints { box-sizing:border-box; width:100%; }
.escholder { display:block; }

.checkout_left input[type="text"]#form_step_billingAddress_company { padding-left:1%; }
#form_step_billingAddress .selectcontainer { margin-bottom:13px; }
#form_step_billingAddress .selectcontainer, #form_step_billingAddress .selectcontainer select { width:100%; }
#form_step_billingAddress .selectLabel { padding-left:1%; }
#form_step_billingAddress > .selectcontainer .selectLabel { padding:11px 1% 10px; margin-bottom:0; }
#form_step_billingAddress > .selectcontainer .selectOpts { margin-top:0; }

.contentpanel.prolineintro { border-bottom: 0; padding-bottom: 23px; }
.prolinetabs.contentpanel { padding: 0; }
.prolinetabs.contentpanel .categorytabs { margin-bottom:0; border:0 }
.prolinetabs.contentpanel .controls ul { border-bottom: 1px solid #139178; padding-left:34px; }
.prolinetabs.contentpanel .tabs .controls ul li:first-child a { border-left:#e8e8e8 1px solid }
.prolinetabs.contentpanel .tabs .controls ul li a { border-bottom: 0; padding: 18px 20px; }
.prolinetabs.contentpanel .tabs .controls ul li a span.h2 { color: #139178; font-size: 119%; }
.prolinetabs.contentpanel .tabs .controls ul li a.active { background: #139178; border-color: #139178; }
.prolinetabs.contentpanel .tabs .controls ul li a.active span.h2 { color: #fff; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content { background: #fff; padding: 55px 55px 55px 45px; }
.prolinetabs.contentpanel a .tabicon { background: url(/images/tab-plus.png) center no-repeat; width: 18px; height: 18px; margin-left: 31px; display: inline-block; vertical-align: middle; }
.prolinetabs.contentpanel a.active .tabicon { background: url(/images/tab-minus.png) center no-repeat; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle { padding:10px 12px 1px; }

.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle .vehicleselect_top { border-radius:5px 5px 0 0; padding:30px 20px 1px; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle .vehicleselect_top div { color:#fff; padding-bottom:0px; font-size:143%; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle .vehicleselect_top p { padding-bottom:10px; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle .vehicleselect_selects { border-radius:0 0 5px 5px; padding:19px 17px 13px 15px; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle .vehicleselect_selects select { padding:14px 45px 14px 17px; background-position:right center; }
.prolinetabs.contentpanel .tabs.categorytabs .tab_content#selectyourvehicle #product_search_form button { padding:16px 14px 15px; border:0; }

.sizelist { margin:0px; padding:0 0 25px; list-style:none; border-top:#f3f1ed 1px solid; text-align:left; }
.sizelist li { border-bottom:#f3f1ed 1px solid; padding:14px 15px 10px; color:#22ab92; }
.sizelist li .sicon { width:35px; height:35px; background:#22ab92; border-radius:50%; color:#fff; vertical-align:middle; font-size:150%; text-align:center; line-height:35px; float:left; margin-right:10px; }
.sizelist li .icondetail { overflow:hidden; font-size:85%; font-weight:bold; line-height: 1.7em; display: block; }
.sizelist li .icondetail strong { font-size:110%; }

.prodsizecircle { display: inline-block; vertical-align: middle; }
.prolinestaticcat .poplinks li a div { color: #22ab92; font-size: 85%; text-align: left; }
.prolinestaticcat .poplinks li a { padding: 11px 15px; }
.prolinestaticcat .poplinks li a div span { font-size: 117%; }
.prolinestaticcat .poplinks li a .iconleft { width: 17%; margin-right: 5%; float: left; }
.prolinestaticcat .poplinks li a .descright { width: 78%; margin: 0; float: left; }
.prolinestaticcat .poplinks li a div img { padding: 0; }
.prolinevehicle { font-size: 127.5%; display: block; margin: 0 15px 20px; }
.prolinevehicle span { display: block; font-style: italic; color: #16a085; font-size: 81%; font-weight: 400; padding-top:5px; padding-bottom:10px; }
.prolinetabs .tabclone span { color: #1e9078; font-size: 118.5%; text-align: left; }
.prolinetabs .tabclone .tabicon { float: right; margin-top: 3px; }
.prolinetabs .tabclone.active { background: #2caa92; }
.prolinetabs .tabclone.active span { color: #fff; }

.checkoutsteps { background:#fff; border:#e1e1e1 1px solid; border-radius:3px; margin-bottom:20px; font-size:1.1em; }
.checkoutsteps ul { margin:0; padding:0; list-style:none; }
.checkoutsteps li { display:inline-block; border-right:#e1e1e1 1px solid; position:relative; text-align:center; }
.checkoutsteps li:last-child { border-right:0; }
.checkoutsteps li:first-child a { border-radius:3px 0 0 3px; }
.checkoutsteps li a { display:block; color:#22aa92; padding:18px 28px; }
.checkoutsteps li.active a { color:#f5f2eb; background:#22aa92; }
.checkoutsteps li.previous a:after { content:" "; overflow:hidden; position:absolute; width:20px; height:9px; background:url(/images/checkout-step-arrow.png) no-repeat; top:100%; left:50%; margin-left:-10px; margin-top:-1px; }
.checkoutsteps li.active a:after { content:" "; overflow:hidden; position:absolute; width: 0; height: 0; border-style: solid; border-width: 8px 9px 0 9px; border-color: #22aa91 transparent transparent transparent; top:100%; left:50%; margin-left:-9px; }

#mainimage { vertical-align:middle; overflow:hidden; display:block; height:325px; }
.gotjs .loaded { height:auto; }

.productvideos.escholder .qtr { text-align: left; width: 23%; margin-right: 2%; }
.productvideos { /*padding: 3px 7px 0 13px;*/ }
.productvideos .h2 { font-size: 119%; padding-bottom: 10px; }
.productvideos a { margin-bottom: 18px; display: block; position: relative; }
.productvideos p { color: #242424; padding-bottom: 25px; }
.thumbnailyoutubeicon { position: absolute; top: 50%; left: 50%; margin-left: -33.5px; margin-top: -23.5px; }

.mainprodname { color: #1ba68c; font-weight: 600; font-size: 106%; padding-bottom: 9px; }
.compatibletitle { color: #4d423d; font-weight: 600; font-size: 106%; padding-bottom: 8px; }
.notincluded { font-weight: 300; font-size: 93%; color: #4d423d; padding-bottom: 55px; }
.compatibleproducts { float: right; width: 27%; padding-left: 10px; box-sizing: border-box; margin-top: 1px; }
.compatiblemain { width: 73%; float: left; box-sizing: border-box; padding: 75px 20px 21px 45px; }
.mainproduct { text-align: center; }
.itemdisplayed { font-weight: 300; font-size: 93%; color: #4d423d; }
.accessories .compatibleproducts .prodoption { width: 100%; padding: 0; box-sizing: border-box; background: #fafafa; border: 1px solid #e4e4e4; margin-top: -1px; border-radius: 2px; }
.accessories .compatibleproducts .prodoption .img { max-width: 85%; margin: 17px auto 12px; }
.accessories .compatibleproducts .prodoption .img img { background: none; border: 0; padding: 0; }
.accessories .compatibleproducts .prodoption .text h3 { padding: 0 0 15px; color: #1ba68c; font-weight: 600; font-size: 106%; }
.imgdisclaimer { position: absolute; bottom: -14px; right: 0; font-size: 80%; line-height: 1.3em; }
.productpanel .img a { display: block; }

.actions.extrapadding { padding: 15px 0 0; }

.offerbar { color: #fff; background: #e60555; position: absolute; top:0; left: 0; width: 100%; padding: 10.5px 0; font-weight: bold; z-index: 100; text-align: center; }
.offerbar img { margin-right: 14px; margin-bottom: 2px; display: inline-block; vertical-align: middle; }
.offerbar a { color:#fff; text-decoration:underline; }

.offercodepopholder { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: rgba(108,104,91,0.18); z-index: 100; }
.offercodepopbackholder { display:table; width:100%; height:100%; }
.offercodepopback { display:table-cell; vertical-align:middle; }
.offercodepop { max-width: 983px; margin:auto;  display:block; }
.offercodepop .offercontent { background: url(/images/../images/offerpop-back.jpg) center no-repeat #fff; background-size: cover; padding: 72px 100px 18px; position: relative; border-top-left-radius: 20px; border-top-right-radius: 20px; font-size: 1.32em; box-sizing: border-box; font-weight: bold; }
.offercodepop .offerdetails { padding: 60px 0 0; }
.offercodepop .instruct { line-height: 1.7em; max-width: 82%; display: block; margin: 0 auto; padding-bottom: 22px; color: #554943; }
.offercodepop .offerheader { text-transform: uppercase; color: #22ab92; font-weight: bold; font-size: 3.29em; line-height: 0.9em; padding-bottom: 15px; }
.offercodepop input[type="email"] { background: #fff; color: #1eac92; font-weight: bold; border: 1px solid #1eac92; padding: 18px 10px 17px; display: block; width: 77%; margin: 0 auto 33px; text-align: center; font-size: 80%; }
.offercodepop .offerdetails input[type="email"]::-webkit-input-placeholder { color: #1eac92!important; }
.offercodepop .offerdetails input[type="email"]:-moz-placeholder { color: #1eac92!important; }
.offercodepop .offerdetails input[type="email"]::-moz-placeholder { color: #1eac92!important; }
.offercodepop .offerdetails input[type="email"]:-ms-input-placeholder { color: #1eac92!important; }
.offercodepop .offerborder { height: 28px; background: #1eac92; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.offerclose.closeimg { display: inline-block; position: absolute; top: 9px; right: 9px; cursor: pointer; }
.offerclose.popupsmall { font-size: 80%; padding: 18px 0 0; font-weight: 400; cursor: pointer; color: #717b79; }
.offercodepop form input.btn { margin: 0; padding: 13.5px 19.5px 15.5px; white-space: normal; }
.transnav .offercodepopholder { display: none; }
.offercomplete a.btn.offerclose { margin: 60px 0 46px; width: 37%; padding: 13px 17px;  line-height: 1.2em; }
.contentpanel .offercomplete a.btn.offerclose { display:block; }
.offercodepop .offercomplete .instruct { padding: 0; max-width: 100%; }
.offercomplete { padding: 0 0 12px; }

.cattable { display: table; width: 100%; table-layout: fixed; }
.cattable .catrow { display: table-row; }
.cattable .catrow .tophalf:first-child { border-right: 1px solid #e9e9e9; box-sizing: border-box; padding: 43px 90px 30px 39px; }
.cattable .catrow .tophalf { display: table-cell; width: 50%; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; /*padding: 43px 44px 30px 39px;*/ padding: 43px 39px 30px 90px; }
.bottomfull { width: 100%; box-sizing: border-box; padding: 38px 39px 34px 39px; }
#nav ul li ul li.productsnav { padding: 0; }
.nav .subcatlink { font-weight: 400; color: #16a085; font-size: 81%; display: block; margin-top: 9px; line-height: 1.6em; }
.nav .maincat { color: #16a085; font-weight: bold; font-size: 92%; padding-bottom: 16px; display: block; line-height: 1.6em; }
#nav ul li ul img.navcatimg { border: 2px solid #fff; margin-bottom: 0; background-color: #f1f1f1; border-radius: 4px; box-sizing: border-box; }
#nav ul li ul a:hover img.navcatimg { border-color: #544943; }
#nav ul li ul .productsnav a:hover, .nav a:hover .subcatlink, .nav a:hover .maincat { color: #544943; }
.productsnav .trd { width: 26%; margin-right: 7%; margin-bottom: 0; }
.tophalf--halves.tophalf .esc, .tophalf--qtrs.tophalf .esc { margin-right: -1.33%; }
.cattable .catrow .tophalf.tophalf--halves { width: 40%; padding-left: 50px; }
.cattable .catrow .tophalf.tophalf--qtrs { width: 60%; padding-right: 50px; }
.tophalf .esc { margin-right: -10.33%; }
.svnth { float: left; margin: 0 2.68% 0 0; width: 11.6%; }
.bottomfull .esc { margin-right: -4%; }

.subscribebar { background:#4d5a6b; text-align:right; color:#fff; padding:7px; font-size:95%; font-weight:bold; }
.subscribebar img { margin-right:7px; }
.subscribebar .code {  margin:0 0 0 7px; padding:4px 10px; border:#fff 1px solid; border-radius:3px; text-transform:uppercase; }
.subscribebar .btn { background:#0f7460; margin:0 0 0 7px; padding:10px 12px; border-radius:5px; text-transform:uppercase; font-size:14px; }

.prodnavopen { position: relative; }
.prodnavopen:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.41; background: #898989; z-index: 1; }

.popbtn.headerevent { float: left; background: none; padding: 0; margin: 0; border: 0; }
.popbtn.headerevent .eventbox { background: #d41648; border-radius: 6px; color: #fff; position: relative; font-weight: bold; font-size: 132%; padding: 12px 17px; box-sizing: border-box; text-align: left; margin: 10px 0 8px 55px; }
.popbtn.headerevent .eventbox .eventcontent { position: relative; }
.header .subsection { overflow: visible; }
.popbtn.headerevent .eventsnow { background: url(/images/event-snow.png) center no-repeat; width: 214px; height: 136px; top: -64px; right: -17px; position: absolute; }
.popbtn.headerevent .eventbox .eventcontent .smlrtxt { font-weight: 400; color: #d6cdb9; display: block; font-size: 87.5%; margin-top: 2px; }
.popbtn.headerevent img { margin: 18px 0 -15px; float: left; position: relative; z-index: 1; padding: 0 10px 0 0; }

/* christmas */
/*.header { background: url(/images/headersnow-left.png) top left no-repeat, url(/images/headersnow-right.png) top right no-repeat; }
.content { background: url(/images/footer_dog.png) bottom left no-repeat, url(/images/content-snowleft.png) top left no-repeat, url(/images/content-snowright.png) top right no-repeat; background-color: #f3f1ed; }*/

/* christmas popup */
.pophead.christmaspopup { background: #16a085; border-bottom: 1px solid #18826d; padding: 45px 33px 30px; }
.christmaspopup.pophead .photoleft { margin: -11px 32px 0 0; }
.pophead.christmaspopup div strong { font-weight: 400; font-size: 139%; display: block; }
.christmaspopup.pophead h1 { font-weight: bold; font-size: 2.18em; line-height: 1.3em; }
.christmaspopupcontainer { max-width: 1023px; margin: 0 auto; }
.popupleft { float: left; width: 49%; margin-right: 1%; }
.popupright { float: right; width: 49%; margin-left: 1%; }
.mobiledash { display: none; }
tr.redinforow td { color: #d41648; }
.popbody.christmaspopup { padding: 30px 17px 0 23px; background: #fff; box-sizing: border-box; }
.christmastableheader { font-weight: bold; font-size: 132%; background: #d41648; color: #fff; border-radius: 3px; padding: 13px 19px; box-sizing: border-box; }
.popbody.christmaspopup tbody tr:nth-child(odd) td { background: #eeeeee; }
.popbody.christmaspopup table { margin: 0; border-collapse: collapse; }
.popbody.christmaspopup table td, .popbody.christmaspopup table th { padding: 10px 10px 9px; font-size: 93%; }
.popbody.christmaspopup table thead th { font-size: 105.5%; padding: 20px 10px 10px; }
.popbody.christmaspopup table tr td:first-child, .popbody.christmaspopup table tr th:first-child { padding-left: 30px; }
p.greyend { margin: 25px -17px 0 -23px; padding: 25px 32px 28px 38px; box-sizing: border-box; font-size: 93%; background: #eeeeee; color: #1e1e1e; line-height: 1.4em; }
.popexpandarrow { display: none; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.mobilepoponly { display: none; }

.widebtn { width:220px; max-width:100%; }
.offerdetails .widebtn { margin-bottom:17%; margin-right:0; }

.rightprice { float:right; margin-left:5px; }

.floatingsocial { background: rgba(22,160,133,0.8); position: fixed; z-index: 50; right: 0; top: 300px; padding: 8px 12px 6px 13px; border-radius: 9px 0 0 9px; }
.floatingsocial a { display: inline-block; }
.floatingsocial div { margin: 16px 0; }
.floatingsocial img { width: 44px; }

.transnav div.floatingsocial { display: none; }

.qtr.socialqtr { padding: 50px 0 0 12px; box-sizing: border-box; }
.socialqtr a { margin: 0 5px; }

.prolinetabs.contentpanel .tabs.categorytabs .tab_content.videotab { padding: 28px 26px 20px 27px; }

.navsocials { display: none; }

.popupexpandheaders { font-weight: bold; font-size: 132%; background: #d41648; color: #fff; border-radius: 3px; padding: 13px 19px; box-sizing: border-box;  }
.popupexpandheaders img { float: right; margin-top: 5px; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.popupexpandheaders.active img { transform: rotate(180deg); }
.popfinalexpand { padding: 0 0 30px; }
.popuptopcontent { padding: 20px 30px 10px; }
.popuptopcontent p { padding-bottom: 12px; }
.popuptopcontent p strong { color: #d41648; }
.mobilepoptableonly { display: none; font-weight: bold; }

.popbtn.headerevent.easterevent .eventbox { background: #16a085; }
.popbtn.headerevent.easterevent .eventbox .eventcontent { margin-left: /*76px*/15px; }
.popbtn.headerevent.easterevent img { margin: 18px 0 -15px; }
#fancybox-content .popfinalexpand .expand_body, #fancybox-tmp .popfinalexpand .expand_body { display:none; }

.expand_head { cursor:pointer; }

.contentpanel.dogfest17 { padding: 40px 43px 45px; }
.dogfest17 h1 { font-size: 158%; }
.contentpanel.dogfest17 p { font-size: 99%; padding-bottom: 22px; }
.eventgreenheader { background: #22ab92; font-weight: bold; color: #fff; font-size: 158%; line-height: 1em; padding: 19.5px 0 18.5px 35px; box-sizing: border-box; position: relative; }
.eventdatebar { background: #f3f1ed; color: #000; font-size: 105.5%; padding: 14px 0 13px 34px; }
.dogfest17 .half { border: 1px solid #f3f1ed; border-radius: 1px; box-sizing: border-box; width: 48%; margin: 0 2% 0 0; }
.dogfest17 .esc { margin-right: -2%; }
.arleyhalldateimg { position: absolute; top: 12px; right: 31px; }
.eventdatebar img { margin-right: 17px; }
.eventinfoarea { padding: 30px 36px 31px 30px; }
.standheading { background: #554943; color: #fff; font-weight: bold; font-size: 158%; line-height: 1em; padding: 20px 26px; border-radius: 2px; }
.standicon { float: left; margin-right: 17px; margin-left: -2px; }
.contentpanel.dogfest17 .eventinfoarea p { padding-bottom: 26px; }
.standinfo { padding: 28px 0 0; }
.knebworthhousedateimg { position: absolute; top: 18px; right: 9px; }
.dogfestheaderimg { width: 100%; }

.btn.pbtn { background: #fd008f; font-size: 119%; padding: 13px 19px 14px; }
.btn.pbtn:hover { background: #E40076; }
.dogfestlogogallery { margin-bottom:10px; }
.visitusatgallery { margin-bottom:17px; }
.standimgsgallery { padding-bottom:13px }
.standimgsgallery img:first-child { margin-right:36px; }

#subForm .mobile_expand_body div { display:inline; }

.signupformbar.signup label.mobile_expand_head { font-weight: bold; font-size: 158%; display: block; margin: 0; line-height: 1.3em; letter-spacing: normal; padding-bottom: 13px; }
.signupformbar.signup label { margin: 0; font-weight: 400; font-size: 92.5%; letter-spacing: normal; }
.signupformbar.signup label a { color: inherit; font-weight: bold; text-decoration: underline; border: 0; border-radius: 0; box-shadow: none; padding: 0; background: none; float: none; margin: 0; font-size: 100%; }
.signupformbar #subForm input#fieldEmail { color: #27a38c; text-align: center; border: 1px solid #268a78; border-radius: 1px; background: #fff; width: 100%; box-sizing: border-box; font-size: 93%; padding: 12px 10px; }
.signupformbar #subForm .mobile_expand_body div.emailfieldholder { display: block; margin-bottom: 9px; }
.signupformbar #subForm .mobile_expand_body div.privacyfieldholder { display: block; padding: 5px 0 14px; margin-bottom: 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.signupformbarholder { max-width: 493px; margin: 0 auto; }
.signupformbar .container { background: url(/images/newsletter-barback.jpg) center no-repeat; }
.signup.signupformbar { background: #22ab92; border: 1px solid #268a78; box-sizing: border-box; padding: 36px 15px 49px; }
.signupformbar #subForm input::-webkit-input-placeholder  { color:#27a38c!important; }
.signupformbar #subForm input::-moz-placeholder  { color:#27a38c!important; opacity: 1; }
.signupformbar #subForm input:-moz-placeholder  { color:#27a38c!important; }
.signupformbar #subForm input:-ms-input-placeholder { color:#27a38c!important; }
.signupformbar .grecaptcha-badge { display: none!important; }
.signupformbar.signup .btn { text-transform: capitalize; }
.signupformbar.signup .btn { text-transform: capitalize; padding: 14px 14.5px; margin: 0; }
.signupformbar.signup input[type="checkbox"] { margin: 0; vertical-align: text-top; }
.signupformbar.signup label.privacycheckboxlabel { width: 20px; height: 20px; display: inline-block; position: relative; margin-right: 7px; }
.signupformbar.signup label.privacycheckboxlabel span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/newsletter-unticked.png) center no-repeat; cursor: pointer; }
.signupformbar.signup label.privacycheckboxlabel #privacycheckbox:checked + span { background: url(/images/newsletter-ticked.png) center no-repeat; }
.signupformbar.signup label.warninglabel { font-size: 105%; }
.signupformbar.signup label.warninglabel a { font-weight: 400; color: #fff600; }
.signupformbar #subForm .mobile_expand_body div.privacyfieldholder.warningfieldholder { border-top: 1px solid #1ec7ab; box-sizing: border-box; border-bottom: 1px solid #188c77; padding: 8px 0 11px; border-radius: 3px; }

#fancybox-content .contentpanel.popupcontentpanel { border: 0; }

.productimgcaptionholder { height: 105px; position: relative; }
.productimgcaption div { background: #f6f6f6; border-left: 8px solid #16a085; margin: 15px -24px 38px; color: #48443c; font-size: 86%; line-height: 1.4em; padding: 8px 45px 8px 13px; border-radius: 2px; text-align: left; position: absolute; top: 0; left: 0; }

.producttabsexpand .h3 { padding-bottom: 0; }
.producttabexpandholder { margin-bottom: 15px; }
.producttabexpandholder .expand_body { padding-top: 16px; }
.producttabexpandholder .expand_head { background: url(/images/tab-plus.png) 98% center no-repeat; padding: 10px 52px 10px 15px; border: 1px solid #e8e8e8; }
.producttabexpandholder .expand_head.active { background: url(/images/tab-minus.png) 98% center no-repeat #139178; color: #fff; }
.producttabexpandholder .expand_head.active .h3.colour strong { color: #fff; }

.mobileh1 { display: none; }

.blackfriday { background:#000; color:#fff; text-align:center; padding:5px; font-size:95%; font-weight: normal; }
.blackfriday img { max-height:34px; max-width:34px; margin-right:5px; display:inline-block; width:auto; vertical-align:middle; }
.blackfriday .yellow { color:#fff600; font-weight:bold; }
.blackfriday .yellowcode { margin-right:10px; }
.blackfriday span { display:inline-block; }

/*.slick-slider { margin: 0 -24px; }*/
.mobileImage { display:none; }

.acceptedcards { max-width: 140px; text-align: center; margin-left: auto; }
.acceptedcards span { border: 1px solid #bfbfbf; box-sizing: border-box; width: 40px; height: 23px; margin: 0 10px 9px 0; float: left; display: block; background: #f9f9f9; }
.acceptedcards span.acceptedcards__lineend { margin-right: 0; }
.acceptedcards span.acceptedcards__lastline { margin-bottom: 1px; }
.acceptedcards span img { max-height: 100%; vertical-align: top; }

/* christmas header updates */
.header { overflow: hidden; }
.popbtn.headerevent img.christmaspopimg { margin-bottom: -54px; }

/* christmas header strip */
.christmasheaderstrip.popbtn { border-radius: 0; border: 0; box-shadow: none; float: none; margin: 0; background: none; text-align: center; display: block; background: url(/images/event-snow.png) center #d41648; font-weight: 400; color: #d6cdb9; display: block; font-size: 87.5%; text-transform: uppercase; padding: 10px 15px; }
.christmasheaderstrip.popbtn strong { color: #fff; font-size: 114.5%; }
.popbtn.mobileonlystrip { display: none; }

/* Support dogs */
.supportpage { text-align:center; color:#3a3a3a; padding-top:62px; }
.supportpage p { max-width:665px; margin: 0 auto; padding-bottom:25px; }
.supportpage h1, .supportpage h2, .supportpage h3, .supportpage a { color:#52a993; }
.supportpage h1 { padding-bottom:24px; }
.supportpage h2.h1 { padding-bottom:9px; }
.supportpage a { font-weight:inherit; }
.supportpage a.btn { color:#fff; font-weight:bold; }
.supportpage .subtitle { font-size:105.3%; }
.supportpage .trd { width:29%; margin-right:4.3%; text-align:left; }
.supportpage__trds { padding-top:14px; }
.supportpage__trds p { line-height:148%; }
.supportpage__trds .trd { text-align:center; }
.supportpage .h1half { font-size:157.9%; padding-bottom: 19px; }
.supportpage .h2half { font-size:118.45%; line-height: 130%; padding-bottom: 16px; }
.supportpage .esc { margin-right:-4.8%; }
.supportpage .trd img { border-radius:10px 10px 0 0; }
.supportpage .trd-body { padding:25px 0px 15px; line-height: 130%; }
.supportpage .trd-body p { padding-bottom:20px; }
.supportpage__panel { background:#f7f7f7; text-align:left; border-radius:10px; }
.supportpage__panel-body { padding:25px 25px 15px; }
.supportpage__panel p { line-height:130%; padding-bottom: 18px; }
.supportpage__panel-body .longtext { margin-left:-25px; margin-right:-25px; }
.supportpage__panel ul { margin:0; padding:0; list-style:none; font-size:92.2%; }
.supportpage__panel li { background:#fff; padding:10px 16px; margin-bottom:10px; }
.support__logo { width:105px; }

.supportpage__tagpanel { background:#f7f7f7; position:relative; padding:20px 25px; text-align:left; }
.supportpage__tagpanel-tag { position:absolute; right:0; top:0; background:#439580; color:#fff; font-weight:bold; }
.supportpage__tagpanel-tag:before { position:absolute; height:50%; width:100%; background-color:#52A993; top:0; content:" "; z-index:1; }
.supportpage__tagpanel-tag:after { position:absolute; right:100%; width:0; height: 0; top:0; border-style: solid; border-width: 0 12px 25px 0; border-color: transparent #52a993 transparent transparent; content:" "; }
.supportpage__tagpanel-tag > div { padding:15px 25px; position:relative; z-index:3; }
.supportpage__tagpanel-tag > div:before { content:" "; position:absolute; right:100%; bottom:0; width: 0; height: 0; border-style: solid; border-width: 0 0 25px 12px; border-color: transparent transparent #439581 transparent; }
.supportpage__tagpanel-image { float:left; width:29.5%; margin-right:4.7%; }
.supportpage__tagpanel-content { overflow: hidden; padding-top:20px; line-height:1.3em; }

.support-progress { background:#f4f4f4; border-radius:10px; }
.support-progress__header { background:#62b19d url(/images/../images/progress-back.png) no-repeat; background-size:cover; padding:30px 50px 50px; text-align:right; color:#fff; font-size:157.9%; position:relative; border-radius:15px 15px 0 0; }
.support-arrows { background:url(/images/double-chevron.svg) center no-repeat; background-size:contain; width:25.5px; height:20px; display:inline-block; margin-right:10px; vertical-align:middle; margin-top:-5px; }
.support-progress__header--left { float:left; margin-right:20px; font-weight:bold; }
.support-progress__header--right { font-weight:bold; }
.support-progress__progress { position:absolute; top:100%; margin-top:-25px; left:46px; right:46px; }
.support-progress__bar { border:#378470 2px solid; border-radius:20px; height:36px; padding:2px; box-shadow:#dedede 0px 15px 18px; background:#fff; }
.support-progress__bar:before { width: 0; height: 0; border-style: solid; border-width: 0 7px 7.5px 7px; border-color: transparent transparent #37846f transparent; position:absolute; right:25px; bottom:100%; content:" "; overflow:hidden; }
.support-progress__progressbar-holder { overflow:hidden; border-radius:18px; height:100%; }
.support-progress__progressbar { background:#ffb400; border-radius:18px 0 0 18px; height:100%; position:relative; overflow:hidden; }
.support-progress__progressbar:after { background:#ff9c00; content:" "; left:0; top:50%; position:absolute; width:100%; height:50%; }
.support-progress__current-total { font-size: 66.7%; position:absolute; transform:translateX(-50%); color:#3a3a3a; text-align:center; padding-top:24px; z-index:3; margin-top:3px; margin-left:-2px; }
.support-progress__current-total:before { content:" "; overflow:hidden; width: 0; height: 0; border-style: solid; border-width: 7.5px 7px 0 7px; border-color: #37846f transparent transparent transparent; position:absolute; top:0px; left:50%; transform:translateX(-50%); }
.support-progress__current-total strong { font-size:150%; display:block; padding-bottom:2px; }
.support-progress__body { padding:110px 49px 45px; position:relative; }
.support-progress__body a.btn { background-color:#9140a8; font-weight: normal; width:320px; max-width:100%; margin:0; border-radius:5px; }
.support-progress__body .btn img { vertical-align: middle; }
.support-progress__body-panel { background:#fff; padding:35px 25px 8px; }
.support-progress__body-panel p { padding-bottom:15px; }
.support-progress__body-title { position:absolute; right:71px; top:19px; padding-top:15px; color:#378470; font-weight:bold; padding-right:5px; }
.support-progress__body-title:before { content:" "; overflow:hidden; position:absolute; top:0; right:0; width:2px; height:10px; background:#378470; }
.support__social { width:72px; background-size:contain; margin:10px 14px 0; }

/* alert panel */
.alertpanel { background:url(/images/alert.svg) top left no-repeat; background-size:48px 43px; color:#524843; padding:10px 79px 20px;}
.alertpanel h3 { font-size:118.421%; }
.alertpanel h3, .alertpanel a { color:#139178; }
.alertpanel__product { border:#428f79 1px solid; border-radius:7px; padding:4%; box-shadow:rgba(230,230,230,0.4) 0 0 25px; margin-bottom:20px; }
.alertpanel__productImage { float:left; width:21%; margin-right:5%; }
.alertpanel__productDesc { overflow:hidden; padding-top:10px; }
.alertpanel a.btn { color:#fff; }

/* Product video thumb */
.videoThumb img { width:69px; }
.videoThumb span { border: #dedbd2 1px solid; display:inline-block; height:69px; position:relative; line-height:69px; vertical-align:middle; }
.videoThumb span:before { content:" "; display: inline-block; width: 50%; height: 35.23%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events: none; background:url(/images/YouTube-play.svg) center no-repeat; background-size: contain; }
.videoiframe { height:0px; padding-bottom:70.5%; position:relative; display:block; }
.videoiframe iframe { position:absolute; left:0; top:0; height:100%; width:100%; }
#primaryImageHolder { display:block; }

/* FAQ tab */
.faqs__faq { padding:0 20px; }
.faqs__question { padding:25px 28px; padding-right:20px; position:relative; border-bottom:#e8e8e8 1px solid; font-size:118.425%; font-weight: bold; color:#16a085; }
.faqs__question:before { content:" "; overflow:hidden; height:1px; left:0; width:14px; background:#16a085; top:50%; position:absolute; }
.faqs__question:after { content:" "; width:16px; height:11px; background:url(/images/'ico_chevron-down.svg') center no-repeat; background-size:contain; position:absolute; right:0; top:50%; margin-top:-5px; transition:transform 0.2s linear; -webkit-transition:transform 0.2s linear; -moz-transition:transform 0.2s linear; -o-transition:transform 0.2s linear; }
.faqs__faq:first-child { margin-top:-20px; }
.faqs__question.active:after { transform:rotate(180deg); }

.faqs__answer { padding:18px 28px; border-bottom:#e8e8e8 1px solid; font-size:90%; color:#3a3a3a; }

.faqs__answer ul { list-style:none; margin:0; padding:0; }
.faqs__answer ul li { padding:0 0 20px 32px; position:relative; }
.faqs__answer ul li:before { content:" "; width:9px; height:9px; position:absolute; left:0; border-radius:50%; background-color:#16a085; top: 7px; }

.faqs__add-content { padding:25px 28px 20px 28px; background:#f7f7f7; margin:20px; }
.faqs__add-content h3, .faqs__add-content .h3 { font-weight:bold; padding-bottom:5px; font-size:118.45%; }
.faqs__add-content p:last-child { padding-bottom:0; }
.faqs__add-content a { color:#16a085; }

.faqs__aside { float:right; width:15%; margin-left:5%; position:relative; z-index:2; text-align:center; }

.warning__vptype .warning-icon { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }
.warning__vptype .warning-message { color: #000; }
.product-listings .warning__vptype { padding-top: .5rem; }
.product-listings .warning__vptype .warning-icon { width: 1rem; height: 1rem; display: inline; padding: 0 .2rem; }
.product-listings .warning__vptype .warning-message { display: inline; }

#drop-in {
    margin-bottom: 3rem;
}

@media (max-height: 900px) {
  .offercodepop { margin: 5% auto 0; }
}
@media (max-height: 710px) {
  .offercodepop { margin: 2% auto 0; }
}
@media (max-height: 655px) {
  .offercodepop .offerdetails { padding: 30px 0 0; }
  .offercodepop .offercontent { padding-top: 40px; }
}
@media (max-height: 600px) {
  .offercodepopholder { overflow: auto; }
}
@media (max-width: 1653px) {
    .content { background-image:none; }
}
@media (max-width: 1470px) {
    .gallery .galleryItem .fullbanner { margin-left: -174px; }
}
@media (max-width: 1275px) {
    .gallery .galleryItem .fullbanner { margin-left: -267px; }
}
@media (max-width: 1060px) {
    .subfooter { padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
    .footer { padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
}
@media (max-width: 1042px) {
    .gotjs .scroller .qtr { width:auto; }
    .gallery .galleryItem .fullbanner { margin-left: -385px; }
    .checkoutsteps li a { padding:18px 24px; }
    .offercodepop { margin: 15% 20px 0; }
    .popbody.christmaspopup table thead th { font-size: 95%; padding: 17px 10px 10px; }
    .gallery .galleryText.cruftsdeliverygallery { max-width: 479px; }
    .gallery .galleryText.cruftsdeliverygallery .h1 { font-size: 231%; }
    .signupformbar .container { background-size: cover; }
    .footer { padding: 30px 10px 17px; }
}
@media (max-width: 1027px) {
    .compstep { padding-top:10px; }
    .compstep .compicon { margin-top:-10px; }
    table.basket input.btn { width: 100%; }
    #search-form { width:auto; }
    .addedbasketalert .alert.colour { padding-right: 90px; width: 53%; }
    .alertbtns { width: 45%; }

    .checkout_left .lookup strong { display:block; }
    .checkout_left .lookup input[type="text"] { width:145px; }
}
@media (max-width: 1024px) {
    .floatingsocial { display: none; }
    .navsocials { display: block; float: right; }
    .navsocials div { display: inline-block; }
    .navsocials div a { max-width: 35px; display: inline-block; margin: 5.5px 6px 0 0; }
    .navsocials img { width: 44px; }
}
@media (max-width: 1000px) {
    #nav ul.wbanner li > a { padding:12px 18px; }
}
@media (max-width: 985px) {
    .signup input.autoText { width:25%; }

    .tab_content .contentpanel { padding:20px; }
    .dotpoints { padding:0px; }
    .dotpoints img { padding: 10px 0 20px; }
    .dotpoint, .dotpoint .line { position:static; background:transparent; width:auto!important; height:auto!important; }
    .dotpoint .anchorpoint { position:static; width:auto; height:auto; margin:0px!important; }
    .dotpoint .infoitem { position:static; margin:0px!important; text-align:left; white-space: normal; background:transparent; color:#565656; font-weight:normal; padding:10px 10px 10px 20px; transform-origin:left; -moz-transform-origin:left; -ms-transform-origin:left; -o-transform-origin:left; -webkit-transform-origin:left; }
    .dotpoint .infoitem .icon { width:5px; height:5px; background:#2caa92; border-radius:5px; float:left; margin:5px 10px 0px -20px; }
    .dotpoint.left .infoitem { padding:10px 10px 10px 20px; }
    .dotpoint.left .infoitem .icon { position:static; margin:5px 10px 0px -20px; }
    .basketform .addwishlist { display: block; float: none; margin-top: 10px; }
    .filterbar .pageviewing { padding: 0 2%; }
    .filterbar { padding: 9px 5px 8px 15px; }
    .checkout_left #country { width: 100%; }
    .checkout_left #postcode { width: 100%; }
    .checkoutprogress .btn { padding: 14px 7px; }
    .checkoutprogress .icon.backarrow { margin-right: 3px; }
    .checkoutprogress .btn.bright { max-width: 52%; }
    .checkoutprogress .btn.dark { width: 45%; }
    .card_details span.icon.question { right: 7%; }
    .prodoption .text { padding-bottom: 15px; }
    table.basket tbody tr td:first-child .basketdetails { max-width: 54%; }
    .checkout_left.checkoutwide .checkoutprogress .btn { width: auto; padding: 14px; }
    .gallery .galleryItem.dogfestbanner .fullbanner { margin-left: -505px; }
    .checkoutsteps li a { padding:18px 22px; }
    .checkoutsteps { font-size:1em; }.
    .offercodepop .offerdetails { padding: 30px 0 0; }
    .cattable .catrow .tophalf { padding: 43px 39px 30px 39px; }
    .cattable .catrow .tophalf:first-child { padding: 43px 39px 30px 39px; }
    .bottomfull .esc { margin-right: -3%; }
    .popbtn.headerevent .eventbox { padding: 12px 4px; }
    .pophead.christmaspopup div strong { font-size: 105.5%; padding-bottom: 6px;}
    .christmaspopup.pophead h1 { font-size: 1.19em; }
    .pophead.christmaspopup { padding: 20px 15px 10px 71px; position: relative; }
    .christmaspopup.pophead .photoleft { margin: 0; position: absolute; bottom: -1px; left: 0; width: 56px; }
    .christmastableheader { font-size: 106%; padding: 13px 14px; }
    .popbody.christmaspopup { padding: 16px 0 0; }
    .popbody.christmaspopup table tr td:first-child, .popbody.christmaspopup table tr th:first-child { padding-left: 14px; }
    p.greyend { padding: 22px 14px 24px; margin: 25px 0 0 0; }

    .prolinetabs.contentpanel a .tabicon { margin-left:7px; }
    .popuptopcontent { padding: 20px 13px 10px; }
    .popbtn.headerevent.easterevent { position: relative; }
    .popbtn.headerevent.easterevent img { margin: 0; position: absolute; bottom: -15px; left: -12px; z-index: 9; }
    .popbtn.headerevent.easterevent .eventbox .eventcontent { margin-left: /*66px*/10px; }
    .popbtn.headerevent.easterevent .eventbox { padding: 12px 6px; }
    .cattable .catrow .tophalf.tophalf--halves { padding-left: 39px; }
    .cattable .catrow .tophalf.tophalf--qtrs { padding-right: 39px; }
    .subfooter__logo { margin-top: 0; }
    .subfooter__content { padding-top: 0; width: 44%; }
    .subfooter__icons { width: 54%; }
    .alertpanel { padding-right:0; }
}

@media (max-width: 950px) {
  .knebworthhousedateimg { max-width: 165px; top: 25px; }
  .arleyhalldateimg { max-width: 130px; top: 18px; right: 16px; }
}
@media (max-width: 905px) {
    h1, .h1 { font-size:145.5%; }
    h2, .h2 { font-size:108.6% }

    .trd { width:47.73%; margin-bottom:20px; }
    .trd:nth-child(2n+1):last-child { margin:0 auto; float:none; clear:both; }

    .supportpage .trd:nth-child(2n+1):last-child { margin-right:4.3%; clear:none; float:left; }
    .nav li ul { font-size:100%; }
    .nav .btn { font-size:14px; }

    .gallery .galleryText .h1 { font-size:243%; }

    .filterbar { padding: 9px 5px 8px 10px; }
    .filterbar .filtertitle { padding-right: 1%; }
    .filterbar .pageviewing { padding: 0 1.5%; }
    .checkoutprogress .btn.dark { width: 37%; }
    .checkoutprogress .btn.bright { width: 56%; }
    .checkout_left #lastname { float: right; }
    .checkout_left #address { float: right; }
    .cardicons { float: none; display: block; margin: 10px 0; }
    .cardicons img { margin: 3px; }
    .cardicons img:last-child { margin-right: 3px; }
    .card_details span.icon.question { right: 8%; }
    .backbtntext { display: inline-block; width: 75%; vertical-align: middle; }

    .compsocial img { float:left; }
    .gallery .galleryItem .fullbanner { margin-left: -478px; }
    .remove { position: static; float: none!important; margin-top: 12px; }
    table.basket tbody tr td:first-child .basketdetails { max-width: 70%; }
    .addedbasketimg { width: 7%; }
    .addedbasketalert .alert.colour { width: 51%; padding-right: 30px; }
    #nav ul.wbanner li > a { padding:12px 12px; }
    .product_container .vehicleselect_top.selected .text { float:none; margin-right:0; }
    .product_container .vehicleselect_top.selected button { margin-top:0; }

    .checkoutsteps li a { padding:10px; }

    .prolinetabs.contentpanel .tabs .controls ul li a { padding:10px 12px; }
    .gallery .galleryText.cruftsdeliverygallery { max-width: 379px; }
    .gallery .galleryText.cruftsdeliverygallery .h1 { font-size: 191%; }
    .gallery .galleryText.cruftsdeliverygallery .bannersubheading { font-size: 105%; }
    .gallery .dogfestgallery.galleryItem .fullbanner { margin-left: -394px; }
    .productimgcaptionholder { height: 120px; }
    .footer__sociallink { margin: 0 5px 10px 0; }
    .footer__hoursitem { padding-top: 12px; }
    .footer__inlinelinks { padding-top: 16px; }
    .footer { padding: 30px 10px 10px; }
    .footer__sociallinks { padding-top: 0; }

    .supportpage { padding-top:34px; }
}
@media (max-width:890px) {
  .subfooter__icons { width: 100%; float: none; text-align: center; padding: 0 0 9px; }
  .subfooter__cardicon { margin: 0 3px 5px; }
  .subfooter__securedicon { margin: 0 10px 5px; }
  .subfooter__content { width: 100%; float: none; padding-top: 5px; }
  .subfooter__logo { margin-top: -5px; }
}
@media (max-width:875px) {
  .contentpanel.dogfest17 { padding: 35px 33px 45px; }
  .eventinfoarea { padding: 25px 31px 26px 25px; }
  .eventdatebar { padding: 13px 0 12px 26px; }
  .eventgreenheader { padding: 17.5px 0 16.5px 26px; }
  .standheading { padding: 18px 23px; }
  .knebworthhousedateimg { max-width: 155px; }
  .arleyhalldateimg { max-width: 125px; top: 19px; }
  .productimgcaption div { padding: 8px 15px 8px 13px; }
}
@media (max-width:851px) {
    .mobile_expand_head.filterexpander { display: block; }
    .filterbar .filtertitle { display: none; }
    .filterbar.mobile_expand_body { text-align: center; width: 95%; margin: 0 auto;}
    .filterbar select { text-align: left; }
    .filterbar .pageviewing { display: block; padding: 2% 0; }
    .filterbar .viewpages { display: block; }
    .filterbar select { width: 45%; }
    .filterbar .viewall { display: block; padding: 2% 0 0; }
    .filterbar + .escholder { margin-top: 17px; }
    .categorytabs.tabs .controls ul li a { padding: 20px; }
    .card_details span.icon.question { right: 8.5%; }
    .compstep { font-size:130%; }
    .radiobtn_box strong { display: block; margin-left: 42px; float: none; }
    #nav ul li > a { padding:12px 18px; }
    .popbtn.headerevent img { padding: 0 4px 0 0; max-width: 95px; margin: 32px 0 -25px; }
    .popbtn.headerevent .eventbox { margin: 60px 0 8px 57px; padding: 8px 4px; max-width: 158px; }
    .popbtn.headerevent .eventsnow { right: -7px; }
    .popbtn.headerevent.easterevent .eventbox .eventcontent { margin-left: 20px; }
    .popbtn.headerevent.easterevent .eventbox { padding: 9px 7px; }
}
@media (max-width:835px) {
    .header { padding-top:33px; }
    .minibasket { margin-top:0; }
    #search-form { clear:both; padding-top:10px;  }
    #search-form button { top:17px; }
    .greyborder .horizontalproduct .text .productdetails { padding-right: 15px; width: 64%; }
    .greyborder .horizontalproduct .text .productview { width: 35%; }
    table.basket tbody tr td:first-child { padding-left: 15px; }
    .checkout_left.checkoutwide #discount_code_form { text-align: center; }
    .checkoutwide.checkout_left .applydiscount input[type="text"] { width: 75%; }
    .prodoption { padding-right: 25px; }
    #nav ul.wbanner li > a { font-size:80%; }
    .gallery .galleryItem.dogfestbanner .fullbanner { margin-left: -585px; }
    .offercodepop .offercontent { padding: 60px 40px 18px; }
    .offercodepop .offerheader { font-size: 2.6em; }
    .popbtn.headerevent img { display: none; }
    .popbtn.headerevent .eventbox { max-width: 153px; padding: 8px 11px; margin: 20px 0 0 20px; }
    .popbtn.headerevent .eventsnow { right: -28px; }
    .qtr.socialqtr { padding: 40px 0 0; }
    .popbtn.headerevent.easterevent .eventbox .eventcontent { margin-left: 0; }
    .popbtn.headerevent.easterevent .eventbox { padding: 11px; }
    .knebworthhousedateimg { max-width: 135px; top: 28px; right: 5px; }
    .arleyhalldateimg { max-width: 105px; top: 23px; }
    .contentpanel.dogfest17 { padding: 32px 25px 42px; }
    .standicon { width: 11%; margin-right: 5%; }
    .standdetails { width: 84%; float: left; }
    .signupformbarholder { max-width: 443px; }
    .signupformbar.signup label.warninglabel { font-size: 92.5%; }
}
@media (max-width:767px) {
    .nav li ul{ font-size:80%; }
    .nav .btn { font-size:12px; }
    .alertbtns { width: 26%; }
    .addedbasketalert .alertbtns a.btn { margin-bottom: 10px; margin-right: 0; display: block; }
    .socialqtr a { margin: 0 3px; }
    .knebworthhousedateimg { max-width: 115px; top: 32px; }
    .arleyhalldateimg { max-width: 91px; top: 28px; }
    .gallery .dogfestgallery.galleryItem .fullbanner { margin-left: -402px; }
    .thumbs { white-space:nowrap; overflow-x: scroll; position:relative; transform:translateZ(0); }
    .thumbs a { margin:0 2%; }
    #primaryImageHolder { display:block; overflow:hidden; white-space:nowrap; position:relative; transform:translateZ(0); )}
    #primaryImageHolder a { display:none; }
    .mobileImage { display:inline-block; vertical-align:middle; }
    .supportpage .trd { width:45.5%; margin-bottom:4.3%; }
    .supportpage .trd:nth-child(2n+1):last-child { margin:0 auto; float:none; clear:both; }

}
@media (max-width:745px) {
    .signup label { display:block; padding-bottom:10px; }
    .minibasket { margin-left:0; }
    .half, .qtr { text-align:center; }
    .half .left_section, .half .right_section { float:none; width:auto; }
    .half .left_section { padding-bottom:20px; }
    .qtr, .footer .qtr { width:48.7%; }
    .qtr:nth-child(2n +1) { clear:both; }
    .fscroller .qtr:nth-child(2n +1), .scroller .qtr:nth-child(2n +1) { clear:none; }

    .instagram .btn { margin-bottom:20px; }
    #instagram .sixth, .sixth { width:30.3%; }

    .header .subsection .colour { display:block; }

    #nav ul li > a { padding:12px 18px; }
    .gallery .galleryText { position:static; text-align:center; padding-left:0; margin: 0 auto; }
    .gallery .galleryText .back .text { text-align:center; }

    .basketform .btn.bright { display: block; margin: 10px 0; }
    .product_container .left_section, .product_container .right_section { float: none; width: 100%; text-align: center; margin-bottom: 15px; }
    .reviews { float: none; display: inline-block; }
    .reviews .icon { display: inline-block; padding-right: 10px; }
    .optselect.tb .r .c { text-align: left; }
    .basketform .btn.bright { margin: 10px auto; }
    .qtr .panel { width: 95%; margin: 0 auto; }

    .vehicleselect_top .fr { float: none!important; margin: 0 auto; display: block; padding-bottom: 15px; }
    .vehicleselect_top div, .vehicleselect_top p { text-align: center; }
    .greyborder .horizontalproduct .img { display: block; width: auto; text-align: center; }
    .greyborder .horizontalproduct .text .productview { width: 32%; }
    .greyborder .horizontalproduct .text .productdetails { width: 67%; }

    .cat_symbols { position: static; text-align: center; padding-bottom: 15px; }
    .categoryincsymbols { padding-top: 0; }
    .categorytabs.tabs .controls ul li a { padding: 15px; }
    table.basket thead th { padding: 25px 17px 20px; }
    table.basket tbody tr td:first-child .basketdetails { width: auto; }
    .checkout_left, .checkout_right, .checkoutprogress { float: none; width: 100%; }
    .checkoutlinks { margin: 25px auto; text-align: center; }
    .checkoutprogress { margin: 20px 0 0; }
    .checkoutprogress .btn { padding: 14px; width: auto!important; }
    .checkout_left, .checkout_right { margin-bottom: 30px; border-bottom: #f0ede2 solid 1px; }
    .checkout_left #country { width: 48%; }
    .checkout_left #postcode { width: 48%; }
    .backbtntext { width: auto; display: inline; }
    .card_details span.icon.question { right: 4.5%; }
    .cardicons { display: inline-block; float: right; margin: 0; }
    .cardicons img { margin: 0 3px; }
    .cardicons img:last-child { margin-right: 0; }
    .compstep { font-size: 110%; }
    .gallery .galleryItem .fullbanner { margin-left: -845px; }
    .gallery .galleryItem .fullbanner.cyclingbanner { margin-left: -615px; }
    .signup input.autoText { width: 60%; box-sizing: border-box; }
    .half.panel .btn, .minorcats .qtr.panel .btn, .galleryText .btn { margin-right: 0; }
    .footer .last { text-align: center; }
    table.basket tbody tr td:first-child .basketdetails { max-width: none; }
    .checkout_right table tr td:last-child { width: 20%; text-align: right; padding-right: 0; }
    .checkout_right table { margin-top: 0; }
    #discount_code_form { text-align: center; }
    #discount_code_form input[type="text"] { width: 75%; }
    .prodoption { padding-right: 15px; }
    .product_container .vehicleselect_top.selected .text { margin-right:138px; }
    .product_container .vehicleselect_top.selected button { margin-top:-54px; }
    .gallery .galleryItem.dogfestbanner .fullbanner { margin-left: -675px; }
    .checkoutsteps { font-size:0.8em; }
    .popupright { display: none; }
    .popupleft { float: none; width: 100%; margin: 0; }
    p.greyend { display: none; }
    .popexpandarrow { display: block; float: right; margin: 5px 0 0; }
    .popbody.christmaspopup thead { display: none; }
    .popbody.christmaspopup table td.statuscol { display: none; }
    .popbody.christmaspopup table { display: block; padding: 12px 0 0; }
    .mobiledash { display: inline; }
    .popbody.christmaspopup table td, .popbody.christmaspopup table th { display: inline; padding: 0; }
    .popbody.christmaspopup tbody { display: block; }
    .popbody.christmaspopup table tr { display: block; padding: 12px 14px 10px; }
    .popbody.christmaspopup table tr:nth-child(odd) { background: #eeeeee; }
    .popbody.christmaspopup tbody tr:nth-child(odd) td { background: none; }
    .popbody.christmaspopup table tr td:first-child, .popbody.christmaspopup table tr th:first-child { padding-left: 0; }
    .christmastableheader { padding: 14px 11px 14px 14px; cursor: pointer; }
    .christmastableheader.active .popexpandarrow { transform: rotate(180deg); }
    .christmasexpandcontent { display: none; }
    .christmastableheader.mobilepoponly { display: block; margin-top: 21px; }
    .popbody.christmaspopup .mobilepoponly table { padding-top: 8px; }
    .lastorderdate { color: #d41648; font-weight: bold; font-size: 92.5%; padding: 16px 5px 0 14px; }
    td.redbold { font-weight: bold; color: #d41648; }
    p.greyexpandcontent { color: #232323; font-size: 92.5%; background: #f3f3f3; margin: 8px 0 0; box-sizing: border-box; padding: 16px 8px 14px; }
    p.greyexpandcontent.finalgreyexpand { margin: 22px 0 0; padding: 10px 8px 12px; }
    .gallery .galleryText.cruftsdeliverygallery { max-width: 100%; }
    .qtr.socialqtr { padding: 18px 0 0; }
    .productvideos.escholder .qtr { width: 48%; }
    .mobilepoptableonly { display: inline; }
    .popbody.christmaspopup table.popupfinalorders td { display: block; margin: 5px 0; }
    .dogfest17 .half { text-align: left; }
    .gallery .dogfestgallery.galleryItem .fullbanner { margin-left: -636px; }
    .dogfestlogogallery img { max-width: 163px; }
    .visitusatgallery img { max-width: 160px; }
    .standimgsgallery img { max-width: 90px; }
    .signupformbar.signup label.privacycheckboxlabel { padding: 0; }
    .signup label { display: inline-block; padding: 0; }
    .signupformbar.signup label.mobile_expand_head { padding-bottom: 8px; }
    .signup.signupformbar { padding: 26px 10px 35px; }
    .signupformbarholder { max-width: 415px; }
    .productimgcaptionholder { height: 105px; }
    .thumbs .hovering { border-color: #16a085; }
    .thumbs .hovering img { border-color: #16a085; }
    .mobileh1 { display: block; }
    .nomobileh1 { display: none; }
    .product_container .left_section .contentpanel, .product_container .right_section .contentpanel { padding-top: 15px; }
    .acceptedcards { margin-right: auto; }
    .cattable .catrow .tophalf.tophalf--qtrs .qtr { width: 23.7%; clear: none; }
    .cattable .catrow .tophalf.tophalf--qtrs { padding-right: 25px; }
    .cattable .catrow .tophalf.tophalf--halves { padding-left: 25px; }
    .footer { padding: 19px 20px 20px; }
    .footer .qtr { float: none; margin: 0 auto; width: auto; max-width: 335px; border-bottom: 1px solid #fff; padding-top: 21px; padding-bottom: 22px; }
    .footer .qtr.last { margin-right: auto; border-bottom: 0; padding-bottom: 0; }
    .footer .qtr.last .footer__colheading { padding-bottom: 9px; }
    .footer__contactlinks br { display: none; }
    .footer__contactlink:first-child:after { content: "|"; display: inline-block; margin: 0 1px 0 6px; }
    .footer__hoursheading { display: inline; }
    .footer__hoursitem { display: inline-block; padding-top: 0; }
    .footer__hoursitem:first-child:after { content: "|"; display: inline-block; margin: 0 4px 0 4px; }
    .footer__contactlinks { padding-bottom: 3px; }
    .footer__inlinelinkdivide { margin: 0 5px; }
    .footer__inlinelinks { padding-top: 12px; }
    .footer__sociallinks { padding-bottom: 3px; }
    .footer .qtr:nth-child(3) p { padding-bottom: 6px; }
    .footer__sdlogo { margin-bottom: 13px; width: 146px; }
    .footer .qtr.last p { padding-bottom: 10px; }
    .alertpanel__productImage { float:none; width:auto; margin-right:0; }
    .support-progress__header { font-size:120%; }
    .supportpage__tagpanel-content { padding-top:40px; }
}
@media (max-width: 715px) {
    #nav ul.wbanner li > a { font-size:70%; padding:12px 8px; }
    .popbtn.headerevent .eventbox { max-width: 125px; padding: 6px 9px; margin: 0 2px 0 0px; overflow: hidden; }
    .dogfest17 .half { width: 100%; float: none; margin: 0 0 20px; }
    .dogfest17 .esc { margin: 0; }
    .contentpanel.dogfest17 { padding: 32px 25px 22px; }
    .arleyhalldateimg { top: 7px; max-width: 100%; }
    .knebworthhousedateimg { max-width: 100%; top: 14px; }
    .standicon { width: 6%; margin-right: 3%; margin-left: 0; }
    .standdetails { width: 91%; }
    .eventinfoequal { height: auto!important; }
}
@media (max-width: 700px) {
    #nav ul li > a { font-size:80%; }
    #select-vehicle.selected .text { float:none; }
    .vehicleselect_top.selected button { margin-top:4px; }
    .vehicleselect_top.selected .infoicon { display:inline-block; float:none; vertical-align:middle; }
    .product_container .vehicleselect_top.selected .infoicon { float:left; }
    .signupformbar #subForm .mobile_expand_body div.emailfieldholder { margin-bottom: 8px; }
    .signupformbar #subForm .mobile_expand_body div.privacyfieldholder { margin-bottom: 14px; }
    .signup.signupformbar { padding: 23px 2px 32px; }
}
@media (max-width: 670px) {
    table.basket tbody tr td:first-child img { float: none; display: block; margin-bottom: 15px; padding: 0; }
    table.basket thead th { padding: 16px 17px 13px; }
    .card_details span.icon.question { right: 5.3%; }

    .formpanel .half { width:auto; float:none; margin-right:1.3em; }

    .listview .productpanel .img { width:35%; }
    .listview .productpanel .textcontent { width:58%; }
    .listview .productpanel .options { clear:left; width:46%; }
    .listview .productpanel .actions { width:49%; }
    .listview .prolinestaticcat .productpanel .actions { width: 100%; }
    .compstep .compicon { padding: 18px 16px; }
    .gallery .galleryItem.dogfestbanner .fullbanner { margin-left: -735px; }
    .prolinetabs.contentpanel .tabs .controls ul li a { padding: 18px 17px; }
    .offercomplete a.btn.offerclose { margin: 20px 0; }
    .signupformbar.signup label.mobile_expand_head { font-size: 148%; }
    .signupformbarholder { max-width: /*378px*/403px; }

    table.greytable.greytable--unrestricted th:first-child, table.greytable.greytable--unrestricted td:first-child { width: 26%; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
    table.greytable.greytable--unrestricted tr td:nth-child(2), table.greytable.greytable--unrestricted tr th:nth-child(2) { width: 20%; }
    table.greytable.greytable--unrestricted th:last-child { width: 34%; }
}
@media (max-width: 630px) {
    .offerbar { padding: 10.5px 5px; box-sizing: border-box; font-size: 90%; }
    .checkoutsteps li a { padding:8px; }
    .navsocials div a { max-width: 32px; margin: 7px 3px 0 0; }
    .producttabexpandholder .expand_head { padding: 10px 40px 10px 15px; }
}
@media (max-width: 600px) {
    .nomobile { display:none; }
    .mobileonly { display:block; }
    .mobileexpandhide { display:none; }
    .preheader { padding:0; border:0; margin-bottom:30px; }
    .preheader .mobileonly { position:absolute; right:20px; top:15px; z-index:20; }
    .preheader .mobileonly .icon { margin-left:18px; margin-right:0px; }
    .nav { position:absolute; top:0px; width:100%; box-sizing: border-box; }
	  #featuredproducts .qtr { width:100%; }
	  .transnav ul li { float:none; width:auto; }
	  .half, .qtr, .trd, .supportpage .trd { width:100%; margin-bottom:20px; }
	  .banner { font-size:70%; }
    .header { text-align:center; }
    .logo { max-width:55%; float:none; display:block; margin:0 auto; }
    .pet_section { background-image: url(/images/pets-at-section-mobile.jpg); }
    .tabclone { display: block; }

    .minorcats .panel { margin-bottom:10px; }
    .minorcats .panel .padding { padding:8px; text-align:left; }
    .minorcats .panel .padding img { float:left; margin-right:20px; max-width:25%; }
    .minorcats .panel .padding h2 { padding-top:8%; }
    .minorcats .panel .padding p { padding-bottom:0; }
    .minorcats .panel .padding .shortdesc, .minorcats .panel .padding .btn { display:none; }


    .subfooter { padding:15px 0; }
    .subfooter .c img { margin-right:0; margin-bottom:20px; }
    .subfooter .c { display:block; text-align:center; }
    .headerimage.mobileonly { width: 100%; }
    .carproducts .qtr { text-align: center; padding: 15px 30px 0; }
    .greyborder .horizontalproduct .text .productdetails, .greyborder .horizontalproduct .text .productview { width: 100%; text-align: center; display: block; }
    .greyborder .horizontalproduct { padding: 10px 17px 30px; }
    .vehicle_details { text-align: center; }
    .controls { display: none; }
    table.basket tbody tr td:first-child strong { font-size: 110%; }
    .remove { padding: 4px 2px 4px 4px; }
    table.basket tbody tr td:first-child { padding: 10px; }
    table.basket thead th { padding: 15px 10px; }
    .card_details span.icon.question { right: 6.3%; }
    .transnav .minibasket .icon.bag { display: inline-block; vertical-align: middle; }
    .transnav .minibasket { text-align: left; }
    .checkout_left .email.half { margin: 0; }
    .checkout_left .half.phoneNumber { margin: 0; margin-bottom: 20px; }
    .checkout_left .half:nth-child(2n) { margin: 0; }
    .checkout_left .half { margin: 0; }
    .key .inlineblock { margin: 0; display: inline; }
    .hscroller.controls { display: block; }

    .completetable thead { display:none; }
    .completetable td { display:inline-block; }
    .completetable tr { display:block; }
    .esc.flexbox.scroller .mobileonly.mobile_expand_siblings, .esc.flexbox.scroller .mobileonly.mobile_expand_siblings.noanim { display: none; }
    .prodoption { padding-right: 10px; }
    .addedbasketimg { width: 8%; }
    .switchpanel { display:none; }
    .cattextvideo { float: none; margin: 0 0 20px; display: block; text-align: center; }
    .gallery .galleryItem.dogfestbanner .fullbanner { margin-left: -805px; }
    .prolinestaticcat .productpanel { margin: 0 15px; }
    .prolinetabs.contentpanel .tabs.categorytabs .tab_content { padding: 30px 15px; border-bottom: #e8e8e8 1px solid; }
    .prolinetabs.contentpanel { border-bottom: 0; }
    .compatiblemain { width: 100%; float: none; padding: 55px 20px 21px; }
    .notincluded { padding-bottom: 25px; }
    .compatibleproducts { float: none; width: 100%; padding-left: 0; }
    .accessories .compatibleproducts .prodoption .text h3 { padding: 0; }
    .accessories .compatibleproducts .prodoption .img { margin: 10px auto; }
    .offerbar { position: static; margin-top:50px; }
    .transnav > div > div.offercodepopholder { padding: 0; text-transform: none; }
    .offercodepop .offerdetails { padding: 30px 0 0; }
    .offercodepop .offerheader { font-size: 2.1em; }
    .offercodepop .instruct { font-size: 90%; }
    .offercodepop .offercontent { padding: 40px 25px 18px; }
    .offerclose.popupsmall { padding: 13px 0 0; }

    .header .subsection.nomobile { display: block; }
    .header .subsection.nomobile .offerbar, .header .subsection.nomobile p, .header .subsection.nomobile a, .header .subsection.nomobile form#search-form { display: none; }
    .offercomplete a.btn.offerclose { display: inline-block; width: auto; }
    .cattable .catrow .tophalf:first-child { padding: 0; border: 0; }
    .cattable .catrow .tophalf { padding: 0; width: 100%; display: block; border: 0; }
    .cattable .catrow .tophalf .escholder { display: none; }
    .bottomfull { padding: 0; }
    .bottomfull .esc { margin-right: 0; }
    .bottomfull .svnth { float: none; margin: 0; width: 100%; }
    .bottomfull .svnth a.maincat { display: block; }
    .bottomfull .svnth a { display: none; }
    .transnav ul li.main li.productsnav a { color: #009077; background: url(/images/navbullet.png) 22px 50% no-repeat #fff; border-color: #b9d4cf; padding: 12px 20px 12px 51px; font-size: 108%; display: block; }
    .transnav ul li.main li.productsnav a:hover { color: #fff; background: url(/images/navbullet.png) 22px 50% no-repeat, url(/images/navhover.png) 96% 50% no-repeat; background-color: #009077; border-color: #009077; }
    .transnav ul li.main li.productsnav a img { display: none; }
    .popbtn.headerevent { float: none; width: 100%; }
    .popbtn.headerevent .eventbox { max-width: 100%; display: block; border-radius: 0; margin: 0; font-size: 100%; padding: 6px 19px; }

    .prolinestaticcat .productpanel img { padding:0; }
    .half.paymentMethod { padding-bottom: 15px; }

    .footer .qtr.socialqtr { display: block; margin: 0; padding: 0 0 20px; }
    .transnav > div > div.navsocials { float: none; padding-top: 0; }
    .navsocials div a { margin: 0 4px 0 0; max-width: 38px; }
    .gallery .dogfestgallery.galleryItem .fullbanner { margin-left: -728px; }
    .signupformbar.signup label.mobile_expand_head { font-size: 132%; }
    .signupformbarholder { max-width: 347px; }
    .signupformbar .container { background-size: contain; }
    .popbtn.mobileonlystrip { display: block; }
    .popbtn.headerevent.christmasheaderevent { display: none; }
    .cattable .catrow .tophalf.tophalf--qtrs { width: 100%; }
    .cattable .catrow .tophalf.tophalf--halves { width: 100%; padding: 0; }
    .subfooter { font-size: 76%; padding: 15px 20px 23px; }
    .subfooter__content { padding-top: 0; margin: 0 auto; max-width: 336px; }
    .subfooter__logo { margin-top: 0; margin-right: 14px; }
    .subfooter__cardicon { width: 39px; height: 24px; margin: 0 2px 5px; }
    .subfooter__icons { padding-bottom: 15px; }
    .subfooter__securedicon { width: 64px; margin: 0 7px 5px; }
    .support-progress__header { font-size:100%; }
    .supportpage__tagpanel-image { float:none; margin:0 0 20px; width:auto; }
    .supportpage__tagpanel-content { padding-top:0; }
    .support-progress__header { padding:22px 20px 36px; }
    .support-progress__progress { left:20px; right:20px; }
    .support-progress__body-title { right:39px; }
    .support-progress__current-total { line-height:160%; }
    .support-progress__current-total strong { padding-bottom:0; }
    .support-progress__body { padding:90px 20px 27px; }
    .support-progress__bar:before { display:none; }
    .supportpage { padding-bottom:30px; }
    .supportpage .esc { margin-right:0; }
    .supportpage a.btn { margin-bottom:0; }
    .supportpage__panel-body { padding-bottom:7px; padding-top:15px; }
    .supportpage__panel .supportpage__panel-body { padding-bottom:15px; padding-top:20px; }
    .support-progress__body-title { padding-right:0; }
    .support-progress__current-total { font-size:80%; padding-top:16px; }
    .supportpage__trds { padding-top:10px; padding-bottom:40px; }
    .supportpage .cleardblspace { height:16px; }
    .supportpage p:last-child { padding-bottom:0; }
    .supportpage__tagpanel { padding-left:20px; padding-right:20px; margin-bottom:20px; padding-bottom: 26px; }
    .supportpage h2.h1 { padding-bottom:20px; }
    .escholder--mobunderspace { margin-bottom:20px; }

    .faqs__aside { float:none; margin-left:0; width:auto; }
    .feature {
        flex-direction: column;
        padding: 0;

        .feature-image {
            width: 100%;
        }

        .feature-image img {
            border-radius: 10px 10px 0 0;
        }
        .feature-text {
            border-left: 0;
            border-bottom: 2px solid #16a085;
        }
        .feature-text p {
            border: 0;
        }
    }
    a.read-more {
        justify-content: center;
    }
}
@media (max-width: 570px) {
    .signupformbar .container { background:none; }
    .signupformbarholder { max-width: 407px; }
}

@media (max-width: 985px) and (min-width:746px), (max-width:550px) {
  .infoicon, .product_container .vehicleselect_top.selected .infoicon { float:none; margin:0 auto 10px; display:block; }
  .product_container .vehicleselect_top.selected .text { float:none; text-align:center; margin-right:0; margin-bottom:15px; }
  .product_container .vehicleselect_top.selected button { margin:0 auto; float:none; display:block; }
}
@media (max-width: 520px) {
    .checkout_left #country { width: 100%; }
    .checkout_left #postcode { width: 100%; }
    .checkout_left label { margin-left: 2px; }
    .card_details span.icon.question { right: 7.5%; }
    #product_search_form { padding-right:0; }
    #product_search_form select, #product_search_form select:nth-child(1), #product_search_form select:nth-child(2), #product_search_form select:nth-child(3) { float:none; margin:0 0 10px; width:100%; box-sizing:border-box; }
    #product_search_form button { margin-right:0; }
    .gallery .galleryItem.dogfestbanner .fullbanner { margin-left: -845px; }
    .arleyhalldateimg { top: 11px; max-width: 147px; }
    .knebworthhousedateimg { max-width: 170px; top: 22px; }
    .contentpanel.dogfest17 { padding: 24px 20px 22px; }
    .dogfest17 h1 { font-size: 143%; }
    .standicon { width: 8%; margin-right: 4%; }
    .standdetails { width: 88%; }
}
@media (max-width: 500px) {
    .gallery .galleryText .h1 { font-size:133%; padding-bottom:5px; }
    .gallery .galleryText .h2 { font-size:117.6%; padding-bottom:5px; }
    .galleryItem .img { display:none; }
    .mobile_expand_head { display:block; float:none; text-align:center; padding:0; margin:0 auto; text-align:center; cursor:pointer; }
    .signup label { padding-top:10px; }
    .signup input.autoText { width:100%; margin-bottom:10px; display:block; }
    .mobilehead { display:block; width: 100%; }

    .tab_content .controls { display:none; }
    .tabclone { display:block; }

    .header { padding:37px 0 21px; }
    .content { padding:14px 0; }
    .contentpanel, .tab_content { text-align:center; }
    .contentpanel .btn { margin:0 0 20px; }
    .prodoption { text-align:center; }
    .mediumopt { padding:0 20px; }
    .smallopt { padding:0 40px; }

    .tab_content { font-size:96.4%; }
    .tab_content .titles { float:none; font-size:120%; }
    .tab_content > .flexbox { display:block; }
    .key { text-align:center; }
    .key .message { display:block; }
    .key .greenicon { margin:10px 3px; }

    .breadcrumb { display:none; }

    .vehicleselect_selects select, .vehicleselect_selects select.make, .vehicleselect_selects select.model { display: block; margin: 10px auto; width: 98%; }
    a.btn.dark.basketcontinuebtn,  a.btn.bright.basketcheckoutbtn { margin: 0 auto 15px; display: table; float: none; }
    table.basket tbody tr td:nth-child(3n) .incrementer input { padding: 10px 21px; }
    table.basket tbody tr td:nth-child(3n) .incrementer .minus, table.basket tbody tr td:nth-child(3n) .incrementer .plus { padding: 8px 6%; }
    table.basket thead th:nth-child(3) { width: auto; }
    table.basket tbody tr td { padding: 30px 5px; }
    table.basket tbody tr td:nth-child(3n) .incrementer { width: 75px; }
    table.basket thead th:last-child { width: auto; }
    .remove .removeicon { margin-left: 3px; }
    table.basket thead th { padding: 15px 5px; }
    table.basket tbody tr td:first-child { padding: 10px 5px; }
    .remove.fr { margin-top: 7px; }
    table.basket tbody tr td:first-child .colour { padding-bottom: 0; }
    .contentpanel.basketcontentpanel { padding: 31px 5px 10px; }
    .checkoutprogress .btn.bright { float: none; max-width: 90%; }
    .checkoutproduct .checkout_text, .checkout_left label { text-align: left; }
    .checkout_right table tr td:last-child, .checkout_right table tr td:first-child { width: 50%; }
    .checkout_right .checkout_img .greenicon { top: 6px; }
    .radiobtn_box { text-align: left; }
    .card_details span.icon.question { right: 7.6%; }
    .cardicons { float: none; display: block; margin: 10px 0; }
    .cardicons img { margin: 3px; }
    .cardicons img:last-child { margin-right: 3px; }
    .instagram .mobile_expand_head .photoleft { float: none; margin: 0 auto; padding: 0; }
    .instagram .mobile_expand_head { background: #f3f1ed; padding: 10px; }
    .instagram { padding: 0; }
    .instagram { border-top: #999999 1px solid; }
    .instagram .mobile_expand_body { padding: 10px 0; }
    .signup .btn { margin-right: 0; }
    .signup .mobile_expand_body { width: 80%; padding: 10px 0; }
    .mobile_expand_head.paddedexpander { padding-left: 0; }
    .selectLabel { text-align: left; }
    .radiobtn_box { padding-left: 5px; }
    .checkoutprogress .btn.bright { float: none!important; }
    .checkoutprogress .btn.dark { display: block; max-width: 54%; margin: 0 auto 20px; }
    .checkoutwide.checkout_left .applydiscount input[type="text"] { width: 65%; }
    #product_search_form div { display: block; }
    .btn.fr.catheaderbtn { float: none!important; margin-bottom: 0; }

    .basket thead { display:none; }
    table.basket, table.basket tr, table.basket tbody, table.basket tfoot { display:block; }
    table.basket td { display:inline-block; border:0; vertical-align:middle; width:auto!important; }
    table.basket tbody tr td { border:0; }
    table.basket tfoot td { border:0; }
    .mobilebasketonly {display:block; color:#22ab92; font-weight:bold; padding:5px; font-size:90%; }
    .addedbasketimg { width: auto; display: block; text-align: center; }
    .addedbasketalert .alert.colour { width: auto; display: block; text-align: center; padding: 10px 25px; }
    .alertbtns { display: block; width: auto; margin: 0 auto; text-align: center; }
    .addedbasketalert .alertbtns a.btn { margin-bottom: 10px; margin-right: 0; display: inline-block; }
    .addedbasketalert .alertbtns a.btn:last-child { margin-bottom: 10px; }
    .addedbasketalert.cs { padding: 20px 25px; }
    .colourbutton.cs button { float: none; }
    table.greytable { text-align: left; }
    table.greytable th:first-child, table.greytable th:last-child { padding: 15px 10px; }
    table.greytable th:nth-child(2) { padding: 15px 5px; }
    table.greytable td:first-child, table.greytable td:last-child { padding: 10px; }
    table.greytable td:nth-child(2) { padding: 10px 5px; }
    .lookup .btn { margin:0; }
    .competitionpage h1 .photoright { float: none; padding: 10px 0 0; margin: 0; }
    .prolinetabs.contentpanel .tabs.categorytabs .tab_content { text-align: left; }
    .prolinetabs.contentpanel .tabs.categorytabs .tab_content .photoright { max-width: 25%; float: right; }

    .checkout_left form .trd { width:auto; margin-right:0; float:none; }
    .checkout_left form .trd input { padding-left:2%; }

    .listview .productpanel .textcontent { text-align:center; }
    .listview .productpanel .img, .listview .productpanel .textcontent, .listview .productpanel .options, .listview .productpanel .actions { width:auto; float:none; }
    .listview .prolinestaticcat .productpanel .textcontent { width: auto; }
    .zopim { display: none; }
  .gallery .galleryText.cruftsdeliverygallery .h1 { font-size: 120%; padding: 0 10px 10px; }
  .gallery .galleryText.cruftsdeliverygallery .bannersubheading { font-size: 100%; padding: 0 10px 5px; }
  .gallery .galleryText.cruftsdeliverygallery .bannerdisclaimer { font-size: 88%; }
  .eventgreenheader { font-size: 145%; }
  .eventdatebar { font-size: 101.5%; }
  .standheading { font-size: 143%; }
  .standinfo { padding: 18px 0 0; }
  .eventinfoarea { padding: 23px 29px 18px 23px; }
  .visitusatgallery img { max-width: 141px; }
  .standimgsgallery img { max-width: 80px; }
  .visitusatgallery { margin-bottom: 9px; }
  .dogfestlogogallery { margin-bottom: 7px; }
  .standimgsgallery { padding-bottom: 5px; }
  .galleryItem.dogfestgallery p { padding-bottom: 0; }
  .btn.pbtn { font-size: 100%; padding: 11px 16px 12px; }
  .gallery .dogfestgallery .galleryText .back .text { padding: 13px 0 20px; }
  .signupformbar.signup label { padding: 0; }
  .contentpanel .producttabexpandholder { text-align: left; }
  .alertpanel { padding-left:0; padding-top:70px; background-position: center top; }
  .supportpage { padding-left:20px; padding-right:20px; }
  .support-arrows { display:none; }
  .support__social { width:53px; }
}
@media (max-width: 499px) {
  .signupformbar.signup label.mobile_expand_head { font-size: 158%; padding: 0; }
  .signupformbarholder { max-width: 100%; }
  .signup.signupformbar { padding: 14.5px 10px; }
}
@media (max-width: 440px) {
  .arleyhalldateimg { top: 20px; max-width: 117px; }
  .knebworthhousedateimg { max-width: 140px; top: 24px; }
  .standheading { font-size: 133%; padding: 16px 21px; }
  .eventgreenheader { font-size: 140%; }
  .signupformbar.signup label.mobile_expand_head { font-size: 145%; }
  .signup.signupformbar { padding: 13px 10px; }
  .signupformbar.signup .mobile_expand_body { width: 95%; }
  #fancybox-content .contentpanel.popupcontentpanel { padding: 21px 14px 10px; }
  .productimgcaption div { padding: 8px 15px 8px 13px; }
  .productimgcaptionholder { height: 122px; }
  .producttabexpandholder .expand_head { background: url(/images/tab-plus.png) 96% center no-repeat; }
  .producttabexpandholder .expand_head.active { background: url(/images/tab-minus.png) 96% center no-repeat #139178; }
  table.greytable.greytable--unrestricted { font-size: 77%; }
}
@media (max-width: 400px) {
    .mobile_expand_head { background:#f3f1ed; }
    .signup .mobile_expand_head { background:#22ab92; }

    .homecontent { padding:20px 0; }
    .signup label { margin-right:0; letter-spacing:0.1px; }
    .instagram, .instagram .container { padding:0; }
    .instagram .mobile_expand_head { padding:10px; }
    .instagram .right { padding-top:10px; text-align:center!important; }
    #instagram { margin-top:0; }
    h2.mobile_expand_head { font-size:166.5%; }
    .mobile_expand_head .photoleft { margin:0 auto; display:block; float:none; }
    .gallery .galleryText .back .text { padding-top:20px; }

    .noss { display:none; }

    .filterbar select { display: block; margin: 2% auto; width: 90%; }
    .filterbar select.firstselect { margin: 2% auto; }

    .infoicon { display: block; margin: 0 auto 10px; }
    .vehicle_details img { padding-right: 0; padding-bottom: 10px; }

    table.basket tbody tr td { padding: 30px 3px; }
    table.basket thead th { padding: 10px 3px; }
    table.basket tbody tr td:first-child strong { font-size: 100%; }
    table.basket tbody tr td:nth-child(3n) .incrementer { width: 54px; }
    table.basket tbody tr td:nth-child(3n) .incrementer .minus, table.basket tbody tr td:nth-child(3n) .incrementer .plus { padding: 8px 4%; }
    table.basket tbody tr td:nth-child(3n) .incrementer input { padding: 10px 13px; }
    table.basket tbody tr td:first-child { padding: 10px 3px; }
    table.basket tfoot td:first-child { padding: 5px 7px; }
    table.basket tfoot tr:first-child td:first-child { padding: 17px 7px; }
    table.basket tfoot tr:first-child td:last-child { padding: 17px 7px }
    table.basket tfoot tr:last-child td:first-child { padding: 0px 7px; }
    table.basket thead th { font-size: 100%; }
    table.basket tfoot tr:first-child td:last-child, table.basket tfoot tr:first-child td:first-child { padding: 17px 3px; }
    table.basket tfoot tr:last-child td:first-child { padding: 0px 3px; }
    table.basket tfoot td:last-child { padding: 8px 3px; }
    .checkoutproduct { display: block; }
    .checkoutproduct .checkout_img { width: 100%; display: block; }
    .checkoutproduct .checkout_text { display: block; text-align: center; padding: 10px; margin: 0 auto; }
    .checkoutproduct .checkout_price { display: block; text-align: center; margin: 0 auto; width: 100%; }
    .checkout_img .greenicon { top: -9%; right: 35%; }
    input#nameoncard { width: 100%; margin-right: 0; }
    input#monthyear { width: 48.5%; margin-right: 3%; }
    input#cvv { width: 48.5%; }
    .card_details span.icon.question { right: 10.5%; top: 70%; }
    .radiobtn_box label { vertical-align: middle; padding-left: 5px; padding-bottom: 4px; max-width: 77%; }
    .checkoutprogress .btn.dark { max-width: 70%; }
    table.basket input.btn { padding: 3px; }
    .prodoption { padding-right: 5px; }


    .popbody table th { display:none; }
    .popbody table tr { display:block; padding-bottom:20px; }
    .popbody table td { display:block; }
    .sso { display:block; }
    .compstep .compicon { width: 100%; float: none; padding: 0 26px 0; margin: -10px 0 9px -26px; }
    .compstep .compicon img { transform: rotate(90deg); }
    .offercodepop .offercontent img { max-width: 80%;  }
    .offercodepop .offerheader { font-size: 1.7em; }
    .offercodepop .instruct { font-size: 75%; }
    .offercodepop input[type="text"] { margin: 0 auto 20px; }
    .offerclose.popupsmall { font-size: 70%; }
    .offercodepop { padding: 15% 20px 0; margin: 0; max-width: 100%; box-sizing: border-box; }
    .pophead.christmaspopup { padding: 20px 8px 10px 68px; }
    .gallery .galleryText.cruftsdeliverygallery .bannersubheading { font-size: 90%; padding: 0 10px 5px; }
    .gallery .galleryText.cruftsdeliverygallery .bannerdisclaimer { font-size: 80%; }
    .thumbnailyoutubeicon { width: 50px; margin-top: -17.5px; margin-left: -25px; }
    .knebworthhousedateimg { max-width: 125px; top: 27px; }
    .arleyhalldateimg { top: 23px; max-width: 97px; }
    /* christmas before header */
    .christmasheaderstrip.popbtn strong { display: block; }
    .support-progress { margin:0 -19px; }
    .support-progress__header { padding:16px 20px 31px; font-size:90%; }
    .support-progress__body-panel { padding: 17px 12px 16px; }
    .support-progress__body a.btn { font-size:90%; }
}
@media (max-width: 380px) {
    .popexpandarrow { margin: 4px -21px 0 0; }
    .christmastableheader { font-size: 100%; padding: 14px 32px 14px 14px; }
    .eventgreenheader { padding: 17.5px 0 16.5px 17px; font-size: 133%; }
    .eventdatebar { padding: 12px 0 11px 17px; }
    .eventdatebar img { margin-right: 12px; }
    .eventinfoarea { padding: 18px 19px 19px 17px; }
    .standheading { font-size: 129%; padding: 15px 16px; }
    .contentpanel.dogfest17 .eventinfoarea p { padding-bottom: 21px; }
    .standicon { width: 12%; }
    .standdetails { width: 84%; }
    .signupformbar.signup label.privacycheckboxlabel { margin: 0; }
    table.greytable.greytable--unrestricted { font-size: 70%; }
    table.greytable.greytable--unrestricted td, table.greytable.greytable--unrestricted th { padding: 5px!important; }
}
@media (max-width: 370px) {
  .christmastableheader { font-size: 92%; }
  .knebworthhousedateimg { max-width: 105px; top: 29px; }
  .arleyhalldateimg { top: 25px; max-width: 87px; right: 5px; }
}
@media (max-width: 369px) {
  .gallery .galleryText.cruftsdeliverygallery .h1 { font-size: 107%; padding: 0px 10px 16px; }
  .gallery .galleryText.cruftsdeliverygallery .bannersubheading { font-size: 85%; padding: 0 10px 3px; }
}
@media (max-width: 350px) {
    .checkout_left #firstname { width: 100%; margin-right: 0; }
    .checkout_left #lastname { float: none; width: 100%; }
    .checkout_left #houseno { width: 100%; margin-right: 0; }
    .checkout_left #address { float: none; width: 100%; }
    .checkout_img .greenicon { right: 32%; }
    .card_details span.icon.question { right: 12.5%; }
    .checkoutprogress .btn.dark { max-width: 80%; }
    .checkoutwide.checkout_left .applydiscount input[type="text"] { width: 100%; }
    .tb .r .c { display:block; }
    .optselect .expand_body .item .thumb { margin-right:0; }
    .optselect .expand_body .item .optiontext { font-size:90%; white-space: nowrap; text-overflow:ellipsis;  overflow:hidden; }
    .prolinetabs .tabclone .tabicon { float: none; margin: 0; }
    .offercodepop form input.btn { padding: 10.5px 10px 12.5px; }
    .offercodepop .offerdetails { padding: 20px 0 0; }
    .offercodepop .offerheader { font-size: 1.3em; }
    .offercodepop input[type="text"] { margin: 0 auto 10px; padding: 13px 10px; width: 100%; box-sizing: border-box; }
    .pophead.christmaspopup { font-size: 90%; }
    .christmastableheader { font-size: 85%; }
    .gallery .galleryText.cruftsdeliverygallery .h1 { font-size: 105%; padding: 0px 10px 4px; }
    .gallery .galleryText.cruftsdeliverygallery .bannersubheading { font-size: 85%; padding: 0 10px 0; }
    .gallery .galleryText.cruftsdeliverygallery .bannerdisclaimer { padding-bottom: 13px; }
    .knebworthhousedateimg, .arleyhalldateimg { display: none; }
    .signupformbar #subForm .mobile_expand_body div.privacyfieldholder { font-size: 90%; }
    .productimgcaptionholder { height: 135px; }
}
@media (max-width: 340px) {
  .christmastableheader { font-size: 80%; padding: 12px 32px 12px 7px; }
  .producttabexpandholder .expand_head { padding: 10px 36px 10px 11px; }
}
@media (max-width: 320px) {
  .popexpandarrow { margin: 4px -22px 0 0; }
  .christmastableheader { font-size: 75%; padding: 12px 25px 12px 7px; }
  .eventinfoarea { padding: 14px 15px 16px 13px; }
  .support-progress__header--right { clear:both; }
}
@media (max-width: 300px) {
    .photoleft, .photoright, .left_section, .right_section, .center_section, .trd, .twotrd, .qtr, .threeqtr, .fth, .sixth, .twocolumn .main_content .trd, .twocolumn .main_content .qtr { width:auto; float:none; height:auto; margin:0 auto; display:block; padding:0px 0 20px; text-align:center; }
    .qtr.mobileexpandhide { display:none; }
    .qtr .panel { width: 100%; }
    .scroller .qtr, .fscroller .qtr { float:left; margin:0; padding:0; }
    .checkout_img .greenicon { top: -11%; right: 29%; }
    .card_details span.icon.question { right: 15%; }
    #instagram .sixth, .sixth { margin: 0 auto; }
    .signup .mobile_expand_head { padding: 10px; }
    .minorcats .qtr.panel { padding: 0; }
    .remove .removeicon { display: none; }
    .remove { padding: 2px; line-height: 1.5em; }
    .checkoutprogress .btn.dark { max-width: 95%; }
    .radiobtn_box label, .radiobtn_box strong { display: inline; margin: 0; }
    .prodoption { padding-right: 0; }
    .optselect .expand_body .item .thumb { float:none; width:auto; text-align:center; }

    .christmaspopup.pophead .photoleft { padding: 0; }
    .christmaspopup.pophead .photoleft { width: 46px; }
    .pophead.christmaspopup { padding: 20px 8px 10px 56px; }
    .productvideos.escholder .qtr { width: 100%; margin: 0; height: auto!important; }
    .supportpage .trd { margin-bottom:0; }
}
@media (max-width: 250px) {
    .cat_symbols img { padding: 5px 10px; }
}