@charset "UTF-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	position:relative;
	font-family: 'Roboto', sans-serif;
	color:#000;
	background: #ffffff;
}

strong {
	font-weight: bold;
}

a {
	color: #009fe3;
}

em {
	font-style: italic;
}

.clear {
	clear:both;	
}

.grey {
	background: #c6c6c6;
}


.blue {
	background: #009fe3;
}

.white {background: #ffffff;
}

.blue-shade {
	background:#c7eafd;
}

.lightgreen {
	background: #e8f3d9;
}

.lightblue {
	background: #ccdde4;
}

.solidblue {
	background: #009fe3;
}

.blue-text {
	color: #009fe3;
}

.green-text {
    color:#13a538;
}

.darkblue-text {
	color:#005578;
}

.blueshade-text {
	color: #b2e2f7;
}


.black {
	color: #000000;
}

.width {
	width:100%;
	height: auto;
}

.mobile-width {
	width: 75%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.medium-width {
	width: 75%;
	height: auto;
	margin: 0;
	display: block;
}

.height {
	width: auto;
	height: 100%;
}

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

.text-right {
	text-align: right;
}

.topleft {
	position: absolute;
	top: 0;
	left: 0;
}

.fullbar {
	width:100%;
	height:auto;
}

.header {
	color: #ffffff;
	padding: 0;
	position: fixed;
	z-index: 999;
}

.container {
	position:relative;
	min-height:auto;
	overflow: visible;
}

.askthevet-container {
	position:relative;
	min-height:auto;
	overflow: visible;
}

.askthevet-container h3 {
	font-size: 130%;
	line-height: 105%;
	font-weight: 600;
}

.containerlogo {
	position:relative;
	min-height:auto;
}

.position {
	position: relative;
}

.overflow {
	overflow: hidden;
}

.padding {
	padding: 10px 0;
}

.paddingtop {
	padding-top: 50px;
}

.paddingtopsmall {
	padding-top: 25px;
}

.smallpadding {
	padding: 1px 0;
}

.padding-wide {
	padding-left:15px;
	padding-right: 15px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/* HEADER */

.basketicon {
	width: auto;
	height:40px;
	position: relative;
	margin:0;
	float: right;
}

.basket {
	float: left;
	margin-right:0;
}


.basketicon h5 {
	float: left;
	width: auto;
	margin: 14px 10px 0 0;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	z-index: 900;
	font-size: 100%;
}


.basketicon p {
	float: left;
	width: auto;
	margin: 16px 0 0 0;
	font-weight: normal;
	color: #ffffff;
	padding: 0;
	z-index: 900;
	font-size: 80%;
}


.nvclogo {
	width: auto;
	position: relative;
	float: left;
}

.nvclogotext {
	width: auto;
	height: auto;
	float: left;
	display: inline;
	font-weight: bold;
	color: #878787;
}

.productfinder {
	width: auto;
	position: relative;
	float: right;
}



/* HOMEPAGE */

.homepage-heading {
	text-align: center;
	padding:0 1% 4% 1%;	
}



/* CAROUSEL ELEMENTS */
.tellmemore-banner-button {
	width: auto;
	height: auto;
	padding: 8px;
	background: #009fe3;
	color: #ffffff;
	display: block;
}

.tellmemore-banner-button:hover {
	background: #ffffff;
	color: #009fe3;
}

.tellmemore-banner-button h2 {
	font-size:100%;
	font-weight: bolder;
}

.tellmemore-banner-button-right {
	position: absolute;
	right: 15%;
	bottom: 5%;	
}

.tellmemore-banner-button-left {
	position: absolute;
	left: 20px;
	bottom: 20px;	
}


.carousel-ageility-logo {
	position: absolute;
	right: 50%;
	top: 40px;
	width: 40%;
	height: auto;
	
}


/* Homepage banner */

.homepage-range-header-banner {
	margin: 0;
	padding: 0;
	position: relative;
}

.homepage-product-holder {
	width: 23%;
	height: auto;
	float: left;
	margin:1%;
	position: relative;
}

.homepage-product-text {
	width: 100%;
margin: 2% 0%;
height: auto;
text-align: left;
}

.homepage-product-text h1 {
        font-size: 36px;
	font-weight: bold;
	margin: 0;
}

.homepage-product-text h2 {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.homepage-product-text p {
	text-decoration: none;
	color:#000000;
}

.homepage-product-buttons {
	width: 80%;
margin: 0%;
height: auto;
text-align: left;
}



.home-banner {
	width: 23%;
	height: auto;
	float: left;
	margin: 3% 1%;
	position: relative;
}


.discount-code-button {
	width: auto;
	height: auto;
	padding: 5px;
	background: #009fe3;
	color: #ffffff;
	float: left;
	font-weight: bolder;
	margin: 0 0 0 15px;
}

.discount-code-button:hover, .discount-code-button:focus, .discount-code-button:active {
	background: #ffffff;
	color: #009fe3;
}


.homepage-digdeeper-text {
	width: 90%;
	margin: 2% 0 0 10px;
	height: auto;
	text-align: left;
	color: #000000;
}


/* Articles page */

.articles-range {
	height: auto;
	float: left;
	background: #ffffff;
	box-shadow: 4px 4px 7px #c6c6c6;
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}

.articles-image {
	width: 55%;
	height: 350px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.articles-text {
	width: 45%;
	display: block;
	float: left;
	padding:3% 0;
	margin: 0;
}

.articles-button {
	width: 130px;
	height: auto;
	padding: 5px;
	background: #009fe3;
	color: #ffffff;
	font-weight: bolder;
	margin: 20px auto;
	display:block;
}

.articles-button:hover, .articles-button:focus, .articles-button:active {
	background: #ffffff;
	color: #009fe3;
}

.articles-range h1 {
	font-size: 170%;
	color: #009fe3;
	margin: 0;
	padding: 10px 0 5px 0;
	font-weight: 900;
}

.articles-range h2 {
	font-size: 150%;
	color: #c6c6c6;
	margin: 0;
	padding:0 10px 15px 10px;
	font-weight: 400;
}

.articles-range p {
	width: 90%;
	margin: 0 auto;
	display: block;
	font-size: 100%;
	line-height: 130%;
	color: #000000;
	padding:10px 0 0 0;
}

.articles {
	text-align: left;
	padding: 10px;
}

.articles h1 {
	font-weight: bold;
	font-size: 150%;
	margin: 0 0 5px 0;
}

.articles h2 {
	font-weight: bold;
	font-size: 130%;
	margin: 0;
	color: #009fe3;
}

.articles p {
	font-weight: normal;
	font-size: 115%;
	line-height: 120%;
	margin: 0 0 20px 0;
}


.articles-inset-image-right {
	display: block;
	width: 45%;
	margin:0 0 30px 5%;
}

.articles-inset-image-left {
	display: block;
	width: 45%;
	margin:0 5% 30px 0;
}

.articles-inset-image-right-mobile {
	display:none;
}
.articles-inset-image-left-mobile {
	display:none;
}



/* Articles page */

.welcome-range {
	height: auto;
	float: left;
	background: #ffffff;
	box-shadow: 4px 4px 7px #c6c6c6;
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}

.welcome-image {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.welcome-text {
	width: 100%;
	display: block;
	float: left;
	padding:3% 0;
	margin: 0;
}

.welcome-button {
	width: 130px;
	height: auto;
	padding: 5px;
	background: #009fe3;
	color: #ffffff;
	font-weight: bolder;
	margin: 20px auto;
	display:block;
}

.welcome-button:hover, .welcome-button:focus, .welcome-button:active {
	background: #ffffff;
	color: #009fe3;
}

.welcome-range h1 {
	font-size: 170%;
	color: #009fe3;
	margin: 0;
	padding: 10px 0 5px 0;
	font-weight: 900;
}

.welcome-range h2 {
	font-size: 150%;
	color: #c6c6c6;
	margin: 0;
	padding:0 10px 15px 10px;
	font-weight: 400;
}

.welcome-range p {
	width: 90%;
	margin: 0 auto;
	display: block;
	font-size: 100%;
	line-height: 130%;
	color: #000000;
	padding:10px 0 0 0;
}

.welcome {
	text-align: left;
	padding: 10px;
}

.welcome h1 {
	font-weight: bold;
	font-size: 125%;
	margin: 0 0 5px 0;
}

.welcome h2 {
	font-weight: bold;
	font-size: 104%;
	margin: 0;
	color: #009fe3;
}

.welcome p {
	font-weight: normal;
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 10px 0;
}


.welcome-inset-image-right {
	display: block;
	width: 45%;
	margin:0 0 30px 5%;
}

.welcome-inset-image-left {
	display: block;
	width: 45%;
	margin:0 5% 30px 0;
}

.welcome-inset-image-right-mobile {
	display:none;
}
.welcome-inset-image-left-mobile {
	display:none;
}



/* ABOUT US PAGE */

.aboutus {
	padding: 10px 0;
}

.aboutus h1 {
	width: 95%;
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 5px 10px;
}

.aboutus h2 {
	width: 95%;
	font-weight: bold;
	font-size: 105%;
	margin: 0 0 5px 10px;
}

.aboutus p {
	width: 95%;
	font-weight: normal;
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 10px 10px;
}

.aboutus-short-para {
	width: 60%;
	float: left;
}

.aboutimg {
	width: 15%;
	margin: 0 0 0 2%;
	float: left;
	position: relative;
}

.aboutproductsheading {
	font-weight: bold;
	font-size: 110%;
	float: left; 
	margin: 10px 50px 0 0;
	width: 65%;
	text-align: right;
}

.aboutusproductbutton {
	width: auto;
	height: auto;
	padding: 8px;
	background: #009fe3;
	color: #ffffff;
	display: block;
}

.aboutusproductbutton:hover {
	background: #ffffff;
	color: #009fe3;
}

.dogbutton {
	float: left;
	margin: 0 20px 0 0;
}

.catbutton {
	float: left;
}





/* PRODUCT PAGE */

.product-holder {
	width: 100%;
	min-height: 100px;
	height: auto;
	float: left;
	margin: 0;
	text-decoration: none;
	color: #000000;
}

.product-holder-image {
	width: 35%;
	height: 100%;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.product-holder-image-juniorjoints {
	background: url('../img/dog/jumping-spaniel-joint-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-ageility-75 {
	background: url('../img/dog/ageility-old-age-dog-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-ageility-150 {
	background: url('../img/dog/ageility-old-age-dog-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-ageility-300 {
	background: url('../img/dog/ageility-old-age-dog-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-mobility-range {
	background: url('../img/dog/mobility-dog-joint-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-mobility-75 {
	background: url('../img/dog/mobility-dog-joint-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-mobility-150 {
	background: url('../img/dog/mobility-dog-joint-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-mobility-300 {
	background: url('../img/dog/mobility-dog-joint-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-dogskin-75 {
	background: url('../img/dog/dogskin-skin-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-dogskin-150 {
	background: url('../img/dog/dogskin-skin-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-dogskin-300 {
	background: url('../img/dog/dogskin-skin-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-dogskinsolution-200ml {
	background: url('../img/dog/dogskin-dog-skin-coat-solution.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-catskin {
	background: url('../img/cat/catskin-skin-supplement-for-cats.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-catcare {
	background: url('../img/cat/senior-cat-care-older-cat.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-content {
	width: 63%;
	height: auto;
	float: right;
	padding: 1.5% 0;
	position: relative;
}

.shopMessage {
	font-size: 80%;
	width: 80px;
	height: auto;
	position:absolute;
	bottom:25%;
	right: 2%;
	text-align: center;
}

.product-holder-text {
	height: auto;
	margin:0;
	padding: 0;	
	float: left;
}

.product-holder-content-heading {
	font-size: 110%;
	font-weight: bolder;
}

.product-holder-content-info {
	margin: 0;
	padding: 0;
	font-size:90%;
}

.product-holder-content-product-image {
	width: 28%;
	height: auto;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.product-holder-content-more-info-button {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	background:#000000;
	opacity: 0.2;
	position: absolute;
	left:0;
	bottom: 5%;
	text-align: center;
	font-size: 110%;
}

.product-holder-content-more-info-button p {
	color: #ffffff;
}

.product-holder-content-more-info-button-cat {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	background:#99bbc9;
	position: absolute;
	left:0;
	bottom: 5%;
	text-align: center;
	color: #ffffff;
	font-size: 110%;
}


.product-holder-content-price-button {
	width: 55px;
	height: auto;
	padding: 1.5% 3%;
	background:#ffffff;
	position: absolute;
	right:2%;
	top: 5%;
	text-align: center;
	color: #000000;
	font-size: 110%;
}


.product-holder-content-shop-button {
	width: 55px;
	height: auto;
	padding: 1.5% 3%;
	color: #ffffff;
	background:#00a0e0;
	position: absolute;
	right:2%;
	bottom: 5%;
	text-align: center;
	font-size: 110%;
}

.product-holder-content-shop-button span {
	color: #ffffff;
}


.product-holder-content-more-info-button:hover,.product-holder-content-more-info-button:active, .product-holder-content-more-info-button:focus, .product-holder-content-more-info-button-cat:hover,.product-holder-content-more-info-button-cat:active, .product-holder-content-more-info-button-cat:focus {
	background:#00a0e0;
	color: #ffffff;
	opacity: 1;
}

.product-holder-content-shop-button:hover,.product-holder-content-shop-button:active,.product-holder-content-shop-button:focus {
	background:#ffffff;
	color: #00a0e0;
}

.product-holder-content-shop-button:hover.product-holder-content-shop-button span,.product-holder-content-shop-button:active .product-holder-content-shop-button span, .product-holder-content-shop-button:focus .product-holder-content-shop-button span {
	color: #00a0e0;
}


.product-information {
	width:95%;
	height: auto;
	position: relative;
	margin:0 auto;
}

.product-information h2 {
	font-size: 130%;
	font-weight: bolder;
}

.product-information h3 {
	font-size: 100%;
	font-weight: bolder;
}

	

.product-information p {
	font-weight: lighter;
	margin-bottom:10px;	
}

.icon-heading-holder {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 0 5px 0;
	clear: both;
}

.feeding-instructions-heading {
	width: 10%;
height: auto;
position: relative;
float: left;
margin: 0 10px 10px 0;
}

.feeding-instructions-heading-image {
	width: 50%;
	margin: 0 auto;
}

.heading-holder {
	width: 80%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
}

.heading-holder h2 {
	margin: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
}

.feeding-rates {
	width: 40%;
	float: left;
}


.product-feeding-information {
	width: 55%;
	height: auto;
	float: right;
	margin: 0;
}

.ingredient-information {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
}



/* BASKET PAGE */

.page-heading {
	font-weight: bolder;
	font-size: 150%;
	color: #ffffff;
	padding: 1% 0;
}

.basket-bar-container {
	border-top: 1px solid #009fe3;
	border-bottom: 1px solid #009fe3;
	padding:5px 0;
	position: relative;
	color: #706f6f;
	font-weight: bolder;
	font-size: 120%;
}

.basket-bar-product-heading-image {
	width: 7.5%;
	height: auto;
	float: left;
	position: relative;
	margin: 0 5%;
}

.basket-bar-product-heading-name {
	width: 28%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 0 0 0 2%;
}

.basket-bar-product-heading-price {
	width: 20%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
}

.basket-bar-product-heading-minus {
	width: 5%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
}

.basket-bar-product-heading-qty {
	width: 5%;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
}

.basket-bar-product-heading-plus {
	width: 5%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
}


.basket-bar-product-container {
	border-bottom: 1px solid #009fe3;
	padding:15px 0;
	position: relative;
	color: #706f6f;
	font-size: 120%;
}

.basket-bar-product-image {
	width: 7.5%;
	height: auto;
	float: left;
	position: relative;
	margin: 0 5%;
}

.basket-bar-product-name {
	width: 28%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 30px 0 0 2%;
}

.basket-bar-product-price {
	width: 20%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 30px 0 0 0;
}

.basket-bar-product-minus {
	width: 5%;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	margin: 30px 0 0 0;
}

.basket-bar-product-qty {
	width: 5%;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	margin: 30px 0 0 0;
}

.basket-bar-product-plus {
	width: 5%;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	margin: 30px 0 0 0;
}

.discount-container {
	height: auto;
	position: relative;
	text-align: left;
}

.discount-code-box {
	width: 96%;
	height: auto;
	padding: 5px;
	border: 0;
	color: #646363;
	background: #ffffff;
	font-size: 100%;
	margin: 0;
	float: left;
	border-radius: 0;
}

.discount-code-box placeholder {
	font-size: 100%;
	color: #646363;
	font-weight: lighter;
	font-family: 'Roboto', sans-serif;
	
}

.homepage-product-more-info-button {
	width: auto;
	height: auto;
	padding: 5px 10px;
	background: #009fe3;
	color: #ffffff;
	font-weight: 400;
	margin: 5px auto 0 auto;
	display:block;
}

.homepage-product-more-info-button:hover, .homepage-product-more-info-button:focus, .homepage-product-more-info-button:active {
	background: #ffffff;
	color: #009fe3;
}


.homepage-product-more-info-button-grey {
	width: 100px;
	height: auto;
	padding: 6px 10px;
	background: #000000;
	opacity: 0.2;
	color: #ffffff;
	font-weight: 400;
	margin: 2px auto;
	display:block;
    text-align: center;
}

.homepage-product-more-info-button-grey:hover, .homepage-product-more-info-button-grey:focus, .homepage-product-more-info-button-grey:active {
	background: #009fe3;
	color: #ffffff;
	opacity: 1;
}

.homepage-tellmemore-button {
	width: auto;
	height: auto;
	padding: 5px;
	background: #009fe3;
	color: #ffffff;
	font-weight: bolder;
	margin: 10px 30px 10px 0;
	display:inline-block;
	float: right;
}

.homepage-tellmemore-button:hover, .homepage-tellmemore-button:focus, .homepage-tellmemore-button:active {
	background: #ffffff;
	color: #009fe3;
}



.total-container {
	height: auto;
	position: relative;
	text-align: left;
}

.pricing-table {
	font-size: 100%;
	color: #4a4a49;
	font-weight: lighter;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
}

.pricing-table h2 {
	font-size: 140%;
	color: #009fe3;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

.continue-shopping {
	width: auto;
	height: auto;
	padding: 10px;
	background: #ffffff;
	color: #009fe3;
	float: left;
	font-weight: bolder;
}

.continue-shopping:hover, .continue-shopping:focus, .continue-shopping:active {
	background: #c7c7c6;
	color: #ffffff;
}

.checkout {
	width: auto;
	height: auto;
	padding: 10px;
	background: #ffffff;
	color: #009fe3;
	float: right;
	font-weight: bolder;
}

.checkout:hover, .checkout:focus, .checkout:active {
	background: #c7c7c6;
	color: #ffffff;
}



/* DELIVERY DETAILS */

.delivery-details-box {
	width: 98%;
	max-width: 98%;
	height: auto;
	padding: 1%;
	border: 1px solid #009fe3;
	color: #646363;
	background: #ffffff;
	font-size: 100%;
	margin: 0 0 2% 0;
	border-radius: 0;
}

.delivery-details-box placeholder {
	font-size: 100%;
	color: #646363;
	font-weight: lighter;
	font-family: 'Roboto', sans-serif;
	
}

.delivery-details-box-message {
	width: 98%;
	max-width: 98%;
	padding: 1%;
	border: 1px solid #009fe3;
	color: #646363;
	background: #ffffff;
	font-size: 100%;
	margin: 0 0 2% 0;
	border-radius: 0;
}


.shopping-heading {
	width: auto;
	padding: 40px 0 0 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
}



/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content:url(../img/basket/tick.png);
  position: absolute;
  top: -3px; left: -3px;
  font-size: 10px;
	width: 10px;
	height: auto;
  line-height: 0.5;
  color: #009fe3;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}

.terms-label-text {
	font-size: 100%;
	color: #646363;
	font-weight: lighter;
	font-family: 'Roboto', sans-serif;
}


/* FOOTER */

.footer {
	color: #ffffff;
	padding: 0;
	position: fixed;
	z-index: 999;
	bottom: 0;
}

.footer-contact-button {
	width: auto;
	height: auto;
	padding: 8px;
	background: #009fe3;
	color: #ffffff;
	display: block;
}

.footer-contact-button:hover {
	background: #ffffff;
	color: #009fe3;
}

.footer-contact-button-left {
	float: left;
	margin: 10px 0;
}

.footer-text {
	width: 50%;
	font-size: 70%;
	line-height: 110%;
	color: #c6c6c6;
	margin: 10px 0;
	float: right;
	text-align: right;
}

.footer-text a {
	color: #c6c6c6;
}

.footer-text a:hover {
	color: #009fe3;
}

.rap {
	width: 85%;
    max-width: 1300px;
    height: auto;
    margin: 10px auto 20px auto;
    position: relative;
    color: #009fe3;
    font-size: 80%;
    text-align: right;
    opacity: 0.3;
}

.rap:hover, .rap:focus, .rap:active {
	opacity: 1;
}

.raplogo {
	height:30px;
	float:right;
	margin:-8px 0 0 5px;
}



/* Column sizes */

.column {
	height: auto;
	position:relative;
}

/* Column Margins sizes */	
	
	.margin-right-5 {
		margin:0 5% 0 0;
	}
	
	.margin-right-10 {
		margin:0 10% 0 0;
	}
	
	.margin-left-5 {
		margin:0 0 0 5%;
	}
	
	.margin-left-10 {
		margin:0  0 0 10%;
	}

	.margin-top-2 {
		margin:2% 0 0 0;
	}

	.margin-top-5 {
		margin:5% 0 0 0;
	}
	
	.margin-top-10 {
		margin:10%  0 0 0;
	}


	.col-70 {
		width: 70%;
		float: left;
	}
	
	.col-30 {
		width: 30%;
		float: left;
	}
	
	.col-20 {
		width: 20%;
		float: left;
	}
	
	.col-50 {
		width: 50%;
		float: left;
	}
	
	.col-60 {
		width: 60%;
		float: left;
	}
	
	.col-40 {
		width: 40%;
		float: left;
	}
	
		.col-70-dt {
		width: 64%;
		float: left;
		margin: 1.5%;
	}
	
	.col-30-dt {
		width: 31%;
		float: left;
		margin: 1%;
	}
	
		.col-100 {
		width: 100%;
		float: left;
	}



.accordion {
    background-color: #878787;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 10px;
    width: 25%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position:relative;
    font-weight:bold;
	margin-top: 10px;
}

.accordioninfo {
    background-color: #575756;
    color: #ffffff;
    cursor: pointer;
    padding: 7px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position:relative;
	margin-top: 8px;
}

.active, .accordioninfo:hover {
    background-color: #575756;
    color:#ffffff;
}

.active, .accordion:hover {
    background-color: #575756;
    color:#ffffff;
}

.panel {
    padding: 0;
    display: none;
    overflow: hidden;
}

.panel-info {
	padding: 0 18px;
    display: none;
    overflow: hidden;
}

.accordion-flag {
	width:auto;
	height:100%;
	position:absolute;
	right:0;
	top:0;
}



	
 /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 100px) and (max-width : 640px) {

body {
	
}
	
.desktop-spacer {
	display: none;
}	

.container {
	width:95%;
	margin:0 auto;
	position:relative;
}
	
.askthevet-container {
	width:85%;
	margin:0 auto;
	position:relative;
}
	
.containerlogo {
	width:100%;
	margin: -45px auto 0;
	position:relative;
}	

.desktop {
	display:none;
}

.mobile {

}
	
.basketicon {
	width: auto;
	height: 35px;
	position: relative;
	margin: 0 1% 0 5px;
	float: right;
}	
	
.basketicon h5 {
	top: 12px;
	font-size: 90%;
}	
	
.nvclogo {
	height: 40px;
	margin: 12px 0;
}		
	
.nvclogotext {
	display: none;
}	
	
.productfinder {
	height: 30px;
margin: 0px 2% 2.5% 0;
}	
	
	
/*HOMEPAGE */

.homepage-heading {
	width: 40%;
	font-size: 12px;
	line-height: 100%;	
	text-align: left;
	float: left;
	padding: 0 0 0 20px;font-weight: bold;
}	
	
.tellmemore-banner-button-right {
	position: absolute;
	right: 5%;
	bottom: 5%;	
}
	
.tellmemore-banner-button h2 {
	font-size: 60%;
	font-weight: bolder;
}
	
	
/* Homepage banner */
	
.homepage-range-header-banner {
	width: 280px;
	height: 40px;
	margin: 0 0 0 10px;
}
	
	
.homepage-product-holder {
	width: 98%;
	height: auto;
	float: left;
	margin:1% 1% 20px 1%;
	padding-bottom:20px; 
	position: relative;
}
	
	.border-bottom {
		border-bottom: 2px solid #000000;
	}	

.homepage-product-text {
	width: 100%;
margin: 2% 0%;
height: auto;
text-align: left;
}
    
.homepage-product-text h1 {
        font-size: 28px;
}    
    
	

.homepage-product-buttons {
	width: 100%;
margin: 0%;
height: auto;
text-align: left;
}	
	

.home-banner {
	width: 48%;
	height: auto;
	float: left;
	margin: 3% 1%;
	position: relative;
}
	
.homepage-digdeeper-text {
	margin: 4% 0 0 10px;
}	
	
	
/* Aricles US PAGE */
	

.articles-range {
	width: 100%;
}	
	
.articles-image {
	width: 100%;
	height: 250px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.articles-images img {
	position: absolute;
	top: -20%;
	left: -20%;
	right:-20%;
	bottom: -20%;
	width: 100%;
	height: 100%;
}

.articles-text {
	width: 100%;
	display: block;
	float: left;
	padding:25px 0;
	margin: 0;
}	
	
.articles-inset-image-right-mobile, .articles-inset-image-left-mobile {
	display: block;
	width: 95%;
	margin:30px auto;
}	

.articles-inset-image-left, .articles-inset-image-right {
	display: none;
}	
	
	
	
/* Welcome US PAGE */
	

.welcome-range {
	width: 45%;
	margin: 20px 2.5% 0 2.5%;
}	
	
.welcome-image {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.welcome-images img {
	position: absolute;
	top: -20%;
	left: -20%;
	right:-20%;
	bottom: -20%;
	width: 100%;
	height: 100%;
}

.welcome-text {
	width: 100%;
	display: block;
	float: left;
	padding:25px 0;
	margin: 0;
}	
	
.welcome-inset-image-right-mobile, .welcome-inset-image-left-mobile {
	display: block;
	width: 95%;
	margin:30px auto;
}	

.welcome-inset-image-left, .welcome-inset-image-right {
	display: none;
}	
	
	
.welcome-range h1 {
	font-size: 130%;
}	
	
	
.aboutus h1 {
	width: 85%;
}
	
.aboutus h2 {
	width: 85%;
}	

.aboutus p {
	width: 85%;
}	
	
.aboutus-short-para {
	width: 85%;
	float: left;
}

.aboutimg {
	width: 50%;
	margin: 0 auto;
	float: left;
	position: relative;
}	
	
.aboutproductsheading {
	font-weight: bold;
	font-size: 110%;
	float: left; 
	margin: 10px auto;
	width: 100%;
	text-align: center;
}	
	
.dogbutton {
	float: left;
	margin: 0  0 0 25%;
}

.catbutton {
	float: right;
	margin: 0 25% 0 0;
}	
	
	

/* PRODUCT PAGE */

.product-holder-image {
	width: 100%;
	height: 45%;
	margin: 0;
	overflow: hidden;
}

.product-holder-image-juniorjoints-mobile {
	padding-top: 50%;
	background: url('../img/dog/jumping-spaniel-joint-supplement-mobile-new.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	

.product-holder-image-ageility-range-mobile {
	padding-top: 50%;
	background: url('../img/dog/ageility-old-age-dog-supplement-range-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}	
	
.product-holder-image-ageility-75-mobile {
	padding-top: 42%;
	background: url('../img/dog/ageility-old-age-dog-supplement-75-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}		
	
	
.product-holder-image-ageility-150-mobile {
	padding-top: 42%;
	background: url('../img/dog/ageility-old-age-dog-supplement-150-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
.product-holder-image-ageility-300-mobile {
	padding-top: 42%;
	background: url('../img/dog/ageility-old-age-dog-supplement-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
.product-holder-image-mobility-range-mobile {
	padding-top: 50%;
	background: url('../img/dog/mobility-dog-joint-supplement-range-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
	
	.product-holder-image-mobility-75-mobile {
	padding-top: 42%;
	background: url('../img/dog/mobility-dog-joint-supplement-75-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}

.product-holder-image-mobility-150-mobile {
	padding-top: 42%;
	background: url('../img/dog/mobility-dog-joint-supplement-150-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
.product-holder-image-mobility-300-mobile {
	padding-top: 42%;
	background: url('../img/dog/mobility-dog-joint-supplement-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}	
	
	
.product-holder-image-dogskin-range-mobile {
	padding-top: 50%;
	background: url('../img/dog/dogskin-skin-supplement-range-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
.product-holder-image-dogskin-75-mobile {
	padding-top: 42%;
	background: url('../img/dog/dogskin-skin-supplement-75-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}	
	
.product-holder-image-dogskin-150-mobile {
	padding-top: 42%;
	background: url('../img/dog/dogskin-skin-supplement-150-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
.product-holder-image-dogskin-300-mobile {
	padding-top: 42%;
	background: url('../img/dog/dogskin-skin-supplement-mobile.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	

.product-holder-image-dogskinsolution-200ml-mobile {
	padding-top: 50%;
	background: url('../img/dog/dogskin-dog-skin-coat-solution-mobile-new.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
	
	
.product-holder-image-catskin-mobile {
	padding-top: 50%;
	background: url('../img/cat/catskin-skin-supplement-for-cats-mobile-new.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}
	
.product-holder-image-catcare-mobile {
	padding-top: 50%;
	background: url('../img/cat/senior-cat-care-older-cat-mobile-new.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
	clear: both;
}	
	
	

.product-holder-content {
	width: 96%;
	height: auto;
	float: right;
	padding: 1% 2% 10% 2%;
	position: relative;
	margin: 0;
}
	
.product-holder-text {
	width: 95%;
	text-align: center;
}

.product-holder-content-heading {
	font-size: 100%;
font-weight: bolder;
line-height: 120%;
}

.product-holder-content-info {
	margin: 2% 0;
	padding: 0;
	font-size: 90%;
	line-height: 120%;
}

.product-holder-content-product-image {
	display: none;
}

.product-holder-content-more-info-button {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	position: absolute;
	left: 2%;
	bottom: 10%;
	text-align: center;
	font-size: 90%;
}
	
.product-holder-content-more-info-button-cat {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	background:#99bbc9;
	position: absolute;
	left:2%;
	bottom: 5%;
	text-align: center;
	color: #ffffff;
	font-size: 90%;
}	
	
.product-holder-content-price-button {
	width: 45px;
	height: auto;
	padding: 1.5% 3%;
	background:#ffffff;
	position: absolute;
	right:2%;
	top: 5%;
	text-align: center;
	color: #000000;
	font-size: 90%;
}	
	

.product-holder-content-shop-button {
	width: 45px;
	height: auto;
	padding: 1.5% 3%;
	background: #00a0e0;
	position: absolute;
	right: 2%;
	bottom: 10%;
	text-align: center;
	color: #ffffff;
	font-size: 90%;
}	
	
	
.product-information h2 {
	font-size: 90%;
	margin-bottom:2px;
}
	
.product-information h3 {
	font-size: 100%;
	font-weight: bolder;
	line-height: 120%;
}	
	
.product-information p {
	font-size: 90%;
	line-height: 130%;
}	
	
	
	
.feeding-instructions-heading {
	width: 100%;
	height: auto;
	margin: 0 10px 0 0;
}	

.feeding-instructions-heading-image {
	width: 20%;
margin: 0 auto 10px auto;
display: block;
}

.heading-holder {
	width: 100%;
	height: auto;
	float: left;
}	
	
.heading-holder h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
}	

.feeding-rates {
	width: 100%;
}
	
	
.product-feeding-information {
	width: 100%;
	height: auto;
	float: left;
	margin:3% 0 0 0;
}	
	
	
	
/* BASKET PAGE */
	

.shopping-heading {
	width: auto;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
}	
	
	
.basket-bar-product-container {
	border-bottom: 1px solid #009fe3;
	padding:15px 0;
	position: relative;
	color: #706f6f;
	font-size: 120%;
}

.basket-bar-product-image {
	width: 20%;
	height: auto;
	float: left;
	position: relative;
	margin: 0 5%;
}

.basket-bar-product-name {
	width: 66%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 5px 0 0 2%;
}

.basket-bar-product-price {
	width: 66%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 10px 0 0 2%;
}
	
.basket-bar-product-minus {
	width: 20%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 30px 0 0 0;
}	
	

.basket-bar-product-qty {
	width: 25%;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	margin: 30px 0 0 0;
}

.basket-bar-product-plus {
	width: 20%;
	height: auto;
	float: left;
	position: relative;
	text-align: left;
	margin: 30px 0 0 0;
}	
	
	
.discount-container {
	width: 98%;
	float: left;
	padding: 1%;
}


.total-container {
	width: 98%;
	float: right;
	padding: 1%;
}	
	
	
/* DELIVERY DETAILS PAGE */
	
.delivery-details-box {
	width: 96%;
	max-width: 96%;
	padding: 2%;
	margin: 0 0 5% 0;
}	
	
.delivery-details-box-message {
	width: 96%;
	max-width: 96%;
	padding: 2%;
	margin: 0 0 5% 0;
}	
	
	
	.rap {
		width: 95%;
	}
    
    
	.col-70 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-30 {
		width: 100%;
		float: left;
	}
	
	.col-50 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-20 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-60 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-40 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	
		.col-70-dt {
		width: 100%;
		float: left;
		margin: 0 0 20px;
	}
	
	.col-30-dt {
		width: 100%;
		float: left;
		margin: 0 0 20px;
	}
	
	.col-100 {
		width: 100%;
		float: left;
		margin: 0;
	}

}

/* Media Query for Tablets */
@media only screen and (min-width : 641px) and (max-width : 1024px) {

body {
	
}
	
.desktop-spacer {
	display: none;
}	

.container {
	width:95%;
	height:auto;
	margin:0 auto;
	position:relative;
}
	
.askthevet-container {
	width:75%;
	height:auto;
	margin:0 auto;
	position:relative;
}
	
.containerlogo {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}	

.desktop {

}

.mobile {
	display:none;
}
	
	
.nvclogo {
	height: 45px;
	margin: 18px 0;
}	
	
.nvclogotext {
	font-size: 85%;
	margin: 30px 0 0 20px;
}	
	
.productfinder {
	height: 45px;
	margin: 20px 10px 0 0;
}	
	
	
/* Homepage banner */
	
	.homepage-range-header-banner {
	width: 385px;
	height: 55px;
	margin: 0 0 0 10px;
}	
	


.homepage-product-holder {
	width: 23%;
	height: auto;
	float: left;
	margin: 1%;
	position: relative;
}
	
.homepage-product-text {
	width: 100%;
margin: 2% 0%;
text-align: left;
	height: auto;
}	
	
.homepage-product-buttons {
	width: 90%;
margin: 0%;
height: auto;
text-align: left;
}	
	
	
.articles-range {
	width: 100%;
}
	
.welcome-range {
	width: 23%;
}		
	
	
/* PRODUCT PAGE */

.product-holder-image {
	width: 35%;
	height: 100%;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.product-holder-image-juniorjoints {
	background: url('../img/dog/jumping-spaniel-joint-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-ageility-75 {
	background: url('../img/dog/ageility-old-age-dog-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}		
	
	
.product-holder-image-ageility-150 {
	background: url('../img/dog/ageility-old-age-dog-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	
.product-holder-image-ageility-300 {
	background: url('../img/dog/ageility-old-age-dog-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	
.product-holder-image-mobility-75 {
	background: url('../img/dog/mobility-dog-joint-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}
	
.product-holder-image-mobility-150 {
	background: url('../img/dog/mobility-dog-joint-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-mobility-300 {
	background: url('../img/dog/mobility-dog-joint-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-dogskin-75 {
	background: url('../img/dog/dogskin-skin-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	

.product-holder-image-dogskin-150 {
	background: url('../img/dog/dogskin-skin-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-dogskin-300 {
	background: url('../img/dog/dogskin-skin-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	
.product-holder-image-dogskinsolution-200ml {
	background: url('../img/dog/dogskin-dog-skin-coat-solution.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}		
	

.product-holder-image-catskin {
	background: url('../img/cat/catskin-skin-supplement-for-cats.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-catcare {
	background: url('../img/cat/senior-cat-care-older-cat.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	


.product-holder-content {
	width: 63%;
	height: auto;
	float: right;
	padding: 1.5% 0;
	position: relative;
}
	
.product-holder-text {
    width: 30%;
}

.product-holder-content-heading {
	font-size: 90%;
	font-weight: bolder;
}

.product-holder-content-info {
	margin: 2% 0;
	padding: 0;
	font-size:70%;
}

.product-holder-content-product-image {
	width: 60%;
	height: auto;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.product-holder-content-more-info-button {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	position: absolute;
	left:0;
	bottom: 5%;
	text-align: center;
	font-size: 110%;
}

.product-holder-content-more-info-button-cat {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	background:#99bbc9;
	position: absolute;
	left:0;
	bottom: 5%;
	text-align: center;
	color: #ffffff;
	font-size: 110%;
}	


.product-holder-content-price-button {
	width: 45px;
	height: auto;
	padding: 1.5% 3%;
	background:#ffffff;
	position: absolute;
	right:2%;
	top: 5%;
	text-align: center;
	color: #000000;
	font-size: 110%;
}


.product-holder-content-shop-button {
	width: 45px;
	height: auto;
	padding: 1.5% 3%;
	background:#00a0e0;
	position: absolute;
	right:2%;
	bottom: 5%;
	text-align: center;
	color: #ffffff;
	font-size: 110%;
}	
	
	
.feeding-instructions-heading {
	width: 10%;
height: auto;
position: relative;
float: left;
margin: 0 10px 10px 0;
}

.feeding-instructions-heading-image {
	width: 50%;
	margin: 0 auto;
}

.heading-holder {
	width: 55%;
	height: auto;
	float: left;
}

.heading-holder h2 {
	margin: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
}	
	
	
	
/* BASKET PAGE */
	
.shopping-heading {
	width: auto;
	padding: 30px 0 0 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
}	
	
	
.discount-container {
	width: 47%;
	float: left;
	padding: 1%;
}


.total-container {
	width: 48%;
	float: right;
	padding: 1%;
}		
    
    
    
/* Column sizes */
	
	.col-70, .col-60, .col-50, .col-40, .col-30, .col-20 {
		width: 47%;
		float: left;
		margin: 1.5%;
	}
	
		.col-70-dt {
		width: 55%;
		float: left;
		margin: 1.5%;
	}
	
	.col-30-dt {
		width: 40%;
		float: left;
		margin: 1%;
	}
	
	.col-100 {
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	
	
/* Column Margins sizes */	
	
	.margin-right-5 {
		margin:0;
	}
	
	.margin-right-10 {
		margin:0;
	}
	
	.margin-left-5 {
		margin:0;
	}
	
	.margin-left-10 {
		margin:0;
	}	    
	

}

/* Desktops and laptops  */
@media only screen and (min-width : 1025px ) {

.desktop-spacer {
	
}	
	
.container {
	width:85%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}
	
.askthevet-container {
	width:70%;
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
	
.containerlogo {
	width:85%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}	


.desktop {

}

.mobile {
	display:none;
}
	
.nvclogo {
	height: 55px;
	margin: 25px 0;
}
	
.nvclogotext {
	font-size: 120%;
	margin: 40px 0 0 40px;
}
	
.productfinder {
	height: 55px;
	margin: 30px 0 0 0;
}	
	

/* Homepage banner */
	
.homepage-range-header-banner {
	width: 385px;
	height: 55px;
	float: left;
}

	

.dog-banner-text {
	top: 25%;
	text-align: center;
}

.dog-banner-text p {
	font-size: 90%;
}

.dog-banner-text h2 {
	font-size: 150%;
	margin: 2px 0 0 0;
}	
	
.about-home-text {
	font-size: 110%;
	top: 22%;
	left: 5%;
	width: 90%;
}	
	

.articles-range {
	width: 100%;
}
	
.welcome-range {
	width: 23%;
}
	
	
/* PRODUCT PAGE */

.product-holder-image {
	width: 35%;
	height: 100%;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.product-holder-image-juniorjoints {
	background: url('../img/dog/jumping-spaniel-joint-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}
	
	
.product-holder-image-ageility-75 {
	background: url('../img/dog/ageility-old-age-dog-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
		
	
.product-holder-image-ageility-150 {
	background: url('../img/dog/ageility-old-age-dog-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	
.product-holder-image-ageility-300 {
	background: url('../img/dog/ageility-old-age-dog-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}
	
.product-holder-image-mobility-75 {
	background: url('../img/dog/mobility-dog-joint-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	
.product-holder-image-mobility-150 {
	background: url('../img/dog/mobility-dog-joint-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-mobility-300 {
	background: url('../img/dog/mobility-dog-joint-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}


.product-holder-image-dogskin-75 {
	background: url('../img/dog/dogskin-skin-supplement-75.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	
	
	
.product-holder-image-dogskin-150 {
	background: url('../img/dog/dogskin-skin-supplement-150.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-dogskin-300 {
	background: url('../img/dog/dogskin-skin-supplement.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}
	
.product-holder-image-dogskinsolution-200ml {
	background: url('../img/dog/dogskin-dog-skin-coat-solution.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	
	

.product-holder-image-catskin {
	background: url('../img/cat/catskin-skin-supplement-for-cats.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}

.product-holder-image-catcare {
	background: url('../img/cat/senior-cat-care-older-cat.jpg');
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-size: cover;
	background-position: center center;
}	


.product-holder-content {
	width: 63%;
	height: auto;
	float: right;
	padding: 1.5% 0;
	position: relative;
}
	
.product-holder-text {
    width: 25%;
}

.product-holder-content-heading {
	font-size: 110%;
	font-weight: bolder;
}

.product-holder-content-info {
	margin: 2% 0;
	padding: 0;
	font-size:90%;
}

.product-holder-content-product-image {
	width: 60%;
	height: auto;
	float: left;
	position: relative;
	margin: 0;
	padding: 0 0 0 2%;
}

.product-holder-content-more-info-button {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	position: absolute;
	left:0;
	bottom: 5%;
	text-align: center;
	font-size: 110%;
}
	

.product-holder-content-more-info-button-cat {
	width: auto;
	height: auto;
	padding: 1.5% 3%;
	background:#99bbc9;
	position: absolute;
	left:0;
	bottom: 5%;
	text-align: center;
	color: #ffffff;
	font-size: 110%;
}	


.product-holder-content-price-button {
	width: 55px;
	height: auto;
	padding: 1.5% 3%;
	background:#ffffff;
	position: absolute;
	right:2%;
	top: 5%;
	text-align: center;
	color: #000000;
	font-size: 110%;
}


.product-holder-content-shop-button {
	width: 55px;
	height: auto;
	padding: 1.5% 3%;
	background:#00a0e0;
	position: absolute;
	right:2%;
	bottom: 5%;
	text-align: center;
	color: #ffffff;
	font-size: 110%;
}	
	
	

	
	

/* BASKET PAGE */
	
.discount-container {
	width: 47%;
	float: left;
	padding: 1% 1% 1% 0;
}


.total-container {
	width: 48%;
	float: right;
	padding: 1% 0 1% 1%;
}		
	


}