img.nlm {margin-bottom:-20px!important;}

h4 {font-size:1.3em !important; color:#512D6D;   line-height: 1.0em;font-weight:900; }

.halfq {
    clear: left;
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 2%;
    padding: 3% 3% 3% 3%;
    box-sizing: border-box;
    background: #eee;
    letter-spacing: -1px;
    text-align: center;
    font-size: 1.6em;
}
.halfq strong {
    color: #402e6b;
    font-weight: 700;
}
.halfq div {
    color: #dd6800;
    text-align: center;
    font-size: 1.6em;
}

.quoteholder {
    position: relative;
    background-color: #eee;

    width: 100%;
  
    text-align: center!important;
    font-size: 0.85em;
    padding: 50px 50px 50px; ;
    box-sizing: border-box; margin-bottom:50px; 
}

.quoteholder h2 {    text-align: center !important;    color: #512d6d;    font-size: 1.4em}
.quoteholder strong {    color: #402e6b;    font-weight: 700}
.quoteholder em  {     font-weight: 700}
.quoteholder .quote {    color: #dd6800;    text-align: center!important;    font-size: 1.6em}
.quoteholder ul  {padding:0 !important; margin:0 !important}
.quoteholder ul li {list-style: none !important;  text-align: center!important; margin:0 !important; }
.quoteholder ul li:before {content:''; margin:0 !important}
.quoteholder .flex-direction-nav {    z-index: 11; margin-top: -170px !important;}
.quoteholder .flex-direction-nav .flex-next {   margin-right: -110px !important; margin-top: 5px!important;}
.quoteholder .flex-direction-nav .flex-prev {  position: absolute;   margin-left: -110px !important; margin-top: 5px!important;}
.quoteholder .flex-direction-nav {  float:left;   position: relative !important;	 }


#shopflex {padding-bottom: 27% !important;}

#shopflex .slide1,
#shopflex .slide2,
#shopflex .slide2b,
#shopflex .slide3,
#shopflex .slide3b,
#shopflex .slide4 { position: relative}

#shopflex .slide1 .actbtn { cursor:pointer; position:absolute; left:50%; right:35%; top:80%; bottom:0px; border:0px;  }

#shopflex .slide2 .actbtn {cursor:pointer; position:absolute;  left:50%; right:39%; top:80%; bottom:0px;  border:0px; }
#shopflex .slide2 .actbtn2 {cursor:pointer; position:absolute;  left:61%; right:29%; top:80%; bottom:0px;  border:0px; }
#shopflex .slide2 .actbtn3 {cursor:pointer; position:absolute;  left:50%; right:39%; top:60%; bottom:22%;  border:0px; }
#shopflex .slide2 .actbtn4 {cursor:pointer; position:absolute;  left:61%; right:29%; top:60%; bottom:22%; border:0px; }

#shopflex .slide3 .actbtn {cursor:pointer; position:absolute; left: 81%;    right: 5%;    top: 77%; bottom:5%;  border:0px; }
#shopflex .slide3 .actbtn2 {cursor:pointer; position:absolute;  left:2%; right:85%; top:80%; bottom:5%; border:0px; }
#shopflex .slide3 .actbtn3 {cursor:pointer; position:absolute;  left:17%; right:64%; top:80%; bottom:5%;  border:0px; }
#shopflex .slide3 .actbtn4 {cursor:pointer; position:absolute; left:38%; right:48%; top:80%; bottom:5%; border:0px; }

#shopflex .slide4 .actbtn { cursor:pointer; position:absolute; left:17%; right:67%; top:80%; bottom:5%;  border:0px; }






.sl-fwcontent #shopflex ul {padding:0}

.sl-fwcontent #shopflex ul li {
    color: #444444;
    text-align: left;
    padding-left: 0px;
    font-weight: 100;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    line-height: 1.3em;
    letter-spacing: -0px;
    list-style-position: outside;
    margin-left: 0em;
}

.sl-fwcontent #shopflex ul li:before {
    content: "";
    color: #115740;
    font-weight: 400;
    margin-left: 0em;
    margin-right: 0em;
}
	

.sl-fwcontent #shopflex  .flex-direction-nav {    margin-top: -175px; }



.signin {  cursor: pointer; color:#000; float:right; font-size:1.2em; text-align: center; background:#eeeeee; padding:14px 20px; margin: 8px 0px 0px 20px;}
.signin i { font-size:1em; }
	

hr.purple {    clear: both;    border: 0px;    border-bottom: 3px solid #512d6d;    margin: 20px auto 20px !important;    width: 100%;}


p.prodref {width:100%; text-align:center !important; color:#666 !important; font-size:1.1em; margin:-15px 0 10px 0; }

.labl {   float:left; width:49%; height:110px;margin:1% 2% 0 0; padding:10px 0 0 0; box-sizing: border-box; font-size:1em; line-height:110%; position: relative}
.labl:nth-of-type(2),
.labl:nth-of-type(4){  margin:1% 0% 0 0;padding:10px 0 0 0; box-sizing: border-box;}
.labl > input{ visibility: hidden;   position: absolute; }
.labl > input +div {   height:90px;  cursor:pointer;    background-color:#ccc; border:0px solid #ffffff; position: absolute;padding-top:15px; top:0; left:0; right:0 }
.labl > input +div p,
.labl > input +div h3{color:#aaa;  }
.labl > input +div img{opacity:1; float:left;margin:-5px 10px 10px;   max-height:85px;  }
.labl > input:checked +div p,
.labl > input:checked +div h3{color:#000;  }
.labl > input:checked +div{     background-color:#fff; padding-top:15px;}
.labl .chosen {margin:6px 0 20px; cursor: pointer; background:#FC6600; color:#ffffff; border:0px solid #000000; padding:5px 10px 5px;display:inline-block; font-weight:600; }
.labl > input:checked +div .chosen {background:green; }

/*
.labl {   float:left; width:32%; height:110px;margin:1% 2% 0 0; padding:10px 0 0 0; box-sizing: border-box; font-size:0.70em; line-height:110%; position: relative}
.labl:nth-of-type(3) {  width:32%; margin:1% 0% 0 0;padding:10px 0 0 0; box-sizing: border-box;}
.labl > input{ visibility: hidden;   position: absolute; }
.labl > input +div {   height:90px;  cursor:pointer;    background-color:#ccc; border:1px solid #ffffff; position: absolute;padding-top:15px; top:0; left:0; right:0 }
.labl > input +div p,
.labl > input +div h3{color:#aaa;  }
.labl > input +div img{opacity:1; float:left;margin:-5px 10px 10px;   max-height:85px;  }
.labl > input:checked +div p,
.labl > input:checked +div h3{color:#000;  }
.labl > input:checked +div{     background-color:#fff; padding-top:15px;}
.labl .chosen {margin:10px 0 20px; cursor: pointer; background:#FC6600; color:#ffffff; border:0px solid #000000; padding:5px 10px 5px;display:inline-block; font-weight:600; }
.labl > input:checked +div .chosen {background:green; }

*/
.fpcol {   float:left; width:49%; height:85px;margin:1% 2% 0 0; padding:20px 0 0 0; box-sizing: border-box; font-size:1em; line-height:110%; position: relative}
.fpcol:nth-of-type(2) ,
.fpcol:nth-of-type(4) {  width:49%; margin:1% 0% 0 0;padding:20px 0 0 0; box-sizing: border-box;}
.fpcol img{opacity:1; float:left;margin:-20px 10px 10px;   max-height:80px;  }


@media only screen and (max-width: 480px) and (min-width: 0px){
	
	
	img.nlm {margin-bottom:20px!important;}

	.halfw {    clear: both;    width: 100% !important;  padding:0 0 3% !important ;}
	
	.halfq {
    clear: none;
    width: 100% !important;
    float: left;
    height: auto;
    margin: 0 0 5%!important;
    padding: 6% !important;
}
	.labl {   float:left; width:100%; height:85px;margin:2% 0% 0 0; padding:10px 0 0 0; box-sizing: border-box; font-size:1em; line-height:110%; position: relative}
.labl:nth-of-type(2) {  width:100%; margin:2% 0% 0 0;padding:10px 0 0 0; box-sizing: border-box;}
.labl > input{ visibility: hidden;   position: absolute; }
.labl > input +div {   height:70px;  cursor:pointer;    background-color:#ccc; border:1px solid #ffffff; position: absolute;padding-top:10px; top:0; left:0; right:0 }
.labl > input +div p,
.labl > input +div h3{color:#aaa;  }
.labl > input +div img{opacity:1; float:left;margin:0px 10px 10px;   max-height:60px;  }
.labl > input:checked +div p,
.labl > input:checked +div h3{color:#000;  }
.labl > input:checked +div{     background-color:#fff; padding-top:10px;}
	
	

	.labl > input +div br {display: none; }
	.labl > input +div br.kb {display: block; }
	
.fpcol {   float:left; width:100%; height:75px;margin:1% 0% 0 0; padding:20px 0 0 0; box-sizing: border-box; font-size:1em; line-height:110%; position: relative}
.fpcol:nth-of-type(2), 
.fpcol:nth-of-type(4) {  width:100%; margin:1% 0% 0 0;padding:20px 0 0 0; box-sizing: border-box;}
.fpcol img{opacity:1; float:left;margin:-20px 10px 0px 0;   max-height:60px;  }
	
	#shopflex {
    padding-bottom: 46% !important;
}

	
}


	.mobhide {display:block}
	.dsktphide {display:none !important}

#searchform {float:left; position:relative;    font-size: 1.1em;    line-height: 1em;    margin: 0px 0% 0% 5%;   text-align: center;}
#searchform input { height: 60px !important; width:300px;border-color: #dddddd; padding: 0 23px;  border:2px solid #cccccc; letter-spacing: 0px;  box-shadow: 0px 2px 4px #eeeeee; border-radius:8px;}
#searchform button {position: absolute; right:10px; top:14px; background:none; border:0px; color: #512d6d; font-size:1.3em}
#searchform button:hover {background:none !important;  color: #115740; }

#breadcrumb {float:left; padding:0% 0 1%; margin:0px; width:auto; font-size:1.2em;}
#breadcrumb a{color:#000}
#breadcrumb a:hover {text-decoration:underline;}

.accbanner {display:none;width:49%; float:left; padding:15px 5px 10px 12px ; box-sizing:border-box; background:#115740;color:#ffffff; font-size:1.0em; line-height: 140%;  margin:15px 0 20px; text-align: left}
.accbanner img { float:left; margin:-5px 12px 0 0px; width:32px; }
.cacbanner {width:100%; float:right;padding:15px 12px 10px 15px ; box-sizing:border-box; background:#4E2D68;color:#ffffff;  font-size:1.0em; line-height: 140%;margin:15px 0  20px; text-align: center}
.cacbanner img{	display:none;	float:left;margin:-5px 12px 0 0px; width:32px;	}
.satdelbanner {width:100%; float:left; padding:15px; box-sizing:border-box; background:#eeeeee;color:#FC6600; font-weight:bold; font-size:1.3em; margin:25px 0 25px; text-align: center}
.satdelbanner2 {width:100%; float:left; padding:15px; box-sizing:border-box; background:#eeeeee;color:#FC6600; font-weight:bold; font-size:1.3em; margin:0px 0 20px; text-align: center}

.recycleflag{position:absolute;z-index:2;font-size:1.1em;top:-100px;right:-100px;height:160px;width:160px;color:#fff;transform:rotate(-45deg);line-height:325px;font-weight:700;text-align:center;background:#090;background:#090 url(images/100-percent-recyclable.png) 5px 70px no-repeat;background-size:22%}
.visorflag{position:absolute;z-index:2;font-size:1.1em;top:-100px;right:-100px;height:170px;width:170px;color:#fff;transform:rotate(-45deg);line-height:325px;font-weight:700;text-align:center;background:#090;background:#090 url(images/3shields.png) 5px 65px no-repeat;background-size:26%}
.offerflag{position:absolute;z-index:2;font-size:1.1em;top:-100px;right:-100px;height:170px;width:170px;color:#fff;transform:rotate(-45deg);line-height:325px;font-weight:700;text-align:center;background:#090;background:#FC6600 url(images/offer-corner.png) 5px 65px no-repeat;background-size:26%}

.statusflag{   position: absolute;    z-index: 2;    font-size: 1.2em;    top: -100px;    left: -100px;    height: 170px;    width: 170px;    background: #009900;    color: #ffffff;    transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    line-height: 307px;font-weight: bold;    text-align: center;}
.supplyflag{position: absolute;    z-index: 2;    font-size: 1.0em;    top: -7px;    right: -64px;    height: 40px;    width: 160px;    color: #fff;    transform: rotate(45deg);    -ms-transform: rotate(45deg);    line-height: 16px;    font-weight: 700;    text-align: center;    background: #FC6600;    color: #ffffff;    padding: 16px 3px 0;}





#basketupdate {	display:none;width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0; z-index: 99999;     background-color:rgba(81,45,109,0.8);}
#basketupdateinfo{position:relative;width:342px; height:auto; display: table; margin: 300px auto 0px; padding:20px 20px 00px 20px;background-color:#ffffff;	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#basketupdateinfo .title {color: #444444; font-weight:bold; font-stretch:normal;  font-size:1.6em;margin:0px 0px 6px 0px;}
#basketupdateinfo .btn1 { float: left;  font-size: 1.05em; font-weight: bold; color: #512D6D; background-color: #ffffff; padding: 6px 12px; border: 1px solid #512D6D; width:100%; text-align: center; margin-right: 0px; margin-top:10px; box-sizing: border-box}
#basketupdateinfo .btn2 {float: left;  font-size: 1.05em; font-weight: bold; color: #ffffff; background-color: #512D6D; padding: 6px 12px; border: 1px solid #ffffff; width:100%; text-align: center; margin-bottom: 20px; margin-top:10px;box-sizing: border-box}

#basketupdateinfo p {font-size:1.1em; line-height:120% }
.closepopup {display:inline-block; cursor:pointer; color:#333333; font-weight:bold; position:absolute; top:10px;right:10px; font-size:1.2em}
.cardnum {width:49%; float:left; margin-bottom:30px;}
.cardexp {float:left; margin-left:2%; width:37%; }
.cardexp .month{width:48%; float:left }
.cardexp .year{margin-left:4%; width:48%; float:left }
.cc{width:10%; margin-left:2%; float:right; }
.nhslogo {float:right; margin-top: -15px !important; margin-bottom: 0px;}
h1.shop {float:left; width:100%; text-align: left!important; padding:0px 0 ;}
h2.pn {text-align: center !important; font-size:1.5em !important}

h3.pn {text-align: center !important; font-size:1.3em !important; margin: 15px 0 15px 0 !important;     line-height: 1.0em; }
h3.pn a{  color: #115740 ;}

.col.shopc {/*flex: 1;*/ clear:none !important; width:auto ; flex-basis: 23.5% ; border: 1px solid #ccc;    padding: 1%;    font-size: 0.85em;    position: relative;    overflow: hidden; margin-bottom: 2%;}
.col.shopc .mobhide {/*display:none;*/}

.col.shopc select {font-size:1.1em !important; padding:10px  !important; }

.col.shopc p.prodref {display:none;}
.col.shopc p {font-size:1.1em !important; }
.col.shopc:nth-of-type(3n) {margin-right:2%}
.col.shopc:nth-of-type(4n) {margin-right:0%}

.col.shopc2 {flex: 1; width:auto ; flex-basis: 22% ; border: 1px solid #ccc;    padding: 1%;    font-size: 0.85em;    position: relative;    overflow: hidden; margin-bottom: 2%;  margin-right:2% !important}
.col.shopc2:nth-of-type(2) {flex: 1; width:auto ; flex-basis: 32% ; border: 1px solid #ccc;    padding: 2.5%;    font-size: 0.85em;    position: relative;    overflow: hidden; margin-bottom: 2%;  margin-right:0% !important}
.col.shopc2:nth-of-type(3n+1) {clear:none;}
.col.shopc2:nth-of-type(4) {margin-right:0 !important;}
.col.shopw {flex: 1; width:auto ; flex-basis:66% ; border: 1px solid #ccc;    padding: 2.5%;    font-size: 0.85em;    position: relative;    overflow: hidden; margin-bottom: 2%;}
.col.shopo {border: 1px solid #ccc;    padding: 2.5%;    font-size: 0.85em;    position: relative;    overflow: hidden; margin-bottom: 2%;}
.statusflag{   position: absolute;    z-index: 2;    font-size: 1.0em;    top: -100px;    left: -100px;    height: 160px;    width: 160px;    background: #009900;    color: #ffffff;    transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    line-height: 291px;font-weight: bold;    text-align: center;}
.statusflag2 {    position: absolute;    z-index: 2;    font-size: 1.0em;    top: -100px;    left: -100px;    height: 160px;    width: 160px;    color: rgb(255, 255, 255);    transform: rotate(-45deg);    line-height: 300px;    font-weight: bold;   text-align: center;    background: rgb(0, 153, 0);}
.statusflag3 { position: absolute; z-index: 2;  font-size: 1.0em; top: -100px; left: -100px; height: 160px; width: 160px; color: rgb(255, 255, 255); transform: rotate(-45deg);  line-height: 291px; font-weight: bold;  text-align: center;  background: rgb(0, 153, 0);}

.col.shopc h2 a {color:#115740;}
.col.shopc h2 a:hover {text-decoration: none;}

.catholder  {clear:both; display: flex;  flex-wrap: wrap;}

.catholder .col.shopc:only-child { margin-left:34%; }

.catholder .col.shopc:first-child:nth-last-child(2) ~ div:nth-child(2) {  /* background:red !important */}
.catholder .col.shopc:first-child:nth-last-child(2) {  /*background:pink !important;*/ margin-left:25.5%}

.catholder .col.shopc:first-child:nth-last-child(3) ~ div:nth-child(2) {  /* background:red !important */}
.catholder .col.shopc:first-child:nth-last-child(3) {  /*background:pink !important;*/ margin-left:12.75%}




.catholder .col.shopc:first-child:nth-last-child(4) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(4) {  /*background:purple !important; */}

.catholder .col.shopc:first-child:nth-last-child(5) ~ div:nth-child(4) { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(5) {  /*background:orange !important;*/}


.catholder .col.shopc:first-child:nth-last-child(5) ~ div:nth-child(5) { margin-left:37.5%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(5) {  /*background:orange !important;*/}


.catholder .col.shopc:first-child:nth-last-child(6) ~ div:nth-child(5) { margin-left:25.5%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(6) {  /*background:orange !important;*/}


.catholder .col.shopc:first-child:nth-last-child(7) ~ div:last-child { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(7) {  /*background:orange !important;*/}

.catholder .col.shopc:first-child:nth-last-child(7) ~ div:nth-child(5) { margin-left:12.75%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(7) {  /*background:orange !important;*/}


.catholder .col.shopc:first-child:nth-last-child(9) ~ div:nth-child(9) {    margin-left: 37.5%;    /* background: blue !important; */}


.catholder .col.shopc:first-child:nth-last-child(10) ~ div:last-child { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(10) {  /*background:orange !important;*/}

.catholder .col.shopc:first-child:nth-last-child(10) ~ div:nth-child(9) { margin-left:25.5%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(10) {  /*background:orange !important;*/}


.catholder .col.shopc:first-child:nth-last-child(11) ~ div:nth-child(9) { margin-left:12.75%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(11) {  /*background:orange !important;*/}

.aprbox {display:none !important;}
header {height:120px;}
header .phone { margin: -5px -28px 0px 0; background: none;}
header .shiftover img.logo{width: 90px; width: 160px;height:auto;float:left;/*margin-right:30px;*/}
header .topenq {	margin: 8px 0px 0px 20px; }


.cartbtn {border:0; font-size:1.3em;font-weight:bold; background-color:#115740; color:#FFFFFF !important; border-radius:8px;  padding:10px 30px;   margin-top:0px;  margin-left:0px;}
.cartbtn.purple {background-color:#512d6d; margin-left:15px; }
.cartbtn.orange {background-color:#FC6600; margin-left:15px; }

.cbh{ text-align:right; float:right; margin:-12px 0 12px; }



a.anchor { padding-top: 320px;}
a.anchor:before {   display: block;  content: ""; height: 320px; margin-top: -320px;}


#btnbox { position: -webkit-sticky; /* Safari */  position: sticky;  top: 209px; float:left; width:100%; background:#ffffff; padding-top:2%; z-index: 98 /* z-index: 99*/ }

.ctabtn{text-decoration: none; float:left; width:12.5%; display:block; background:#512d6d !important;; color:#ffffff !important;; font-weight:bold; font-size:1.0em; text-align:center; padding:15px 0px; margin: 0px 2% 2%  0; box-sizing: border-box; }
.ctabtn:nth-of-type(even){ /*color:#115740; */ }
.ctabtn:nth-of-type(7){ margin: 0px 0 2%  0; }

.aprbox{width: 100%;    margin: 4% 0;    box-sizing: border-box;    padding: 4% 2%; font-size:1.5em; font-weight:bold;    display: block;    background: #FC6600;    color: #ffffff; }
.aprbox a { color:#ffffff }
.aprbox a span { }

.shopform {margin-top:59px;}
.imgh {position:relative; overflow:hidden;float:left; width:98%; height:auto;}


.orderinfo { background:#eeeeee; float:left; width:100%;padding:15px ;border-bottom:1px solid #ccc; margin-bottom:00px; box-sizing:border-box; }
.orderinfo .oref { float:right; width:15%; text-align:right; }
.orderinfo .odate { float:left; width:18%; }
.orderinfo .ototal { float:left; width:15%; }
.orderinfo .oname { float:left; width:52%; }



@media only screen and (max-width: 1179px) and (min-width: 801px) {
	#btnbox {  top: 200px; }
	
	#searchform input { width:180px;}

	
}



@media only screen and (max-width: 801px){
	
	a.sobtn{ margin: 0px 0 -15px !important; padding:6px 10px!important; }
	.showaddy {width:100% !important;}
.quoteholder {    padding: 25px 50px ;	}
.quoteholder .flex-direction-nav { margin-top: -60px !important;}
.quoteholder .flex-direction-nav .flex-next {    margin-right: -20px !important; margin-top: 5px!important;}
.quoteholder .flex-direction-nav .flex-prev {    margin-left: -20px !important; margin-top: 5px!important;}
.quoteholder .flex-direction-nav {  float:left;   position: relative !important;	 }
.quoteholder 	.flex-direction-nav a {    color: rgba(0, 0, 0, .4);} 	
/*	.quoteholder 	.slides li br {   display:none;} 	*/
	.quoteholder li br {display: none}
	.quoteholder li em {display: block; text-align: center; margin:20px 0; width:100%;  clear:both;}
	body {font-size: 0.8em; }
	#btnbox {  top: 104px; }
	.ctabtn{ font-size:1.1em; padding:15px 15px; }
	header .search { display: none;}

	.accbanner {width:100%; float:left; padding:10px 15px 10px 10px ; box-sizing:border-box; background:#115740;color:#ffffff; font-weight:bold; font-size:1em; line-height: 110%;  margin:10px 0 ; text-align: left}
	.accbanner img { float:left; margin:-5px 10px 0 0px; width:40px; }
	.cacbanner {width:100%; float:right;padding:10px 10px 10px 10px ; box-sizing:border-box; background:#4E2D68;color:#ffffff; font-weight:bold; font-size:1em; line-height: 110%;margin:0px 0 10px ; text-align: left}
	.cacbanner img{		float:left;margin:-2px 10px -3px 0px; width:40px;	}

	#btnbox {  top: 74px; }
	.ctabtn{ font-size:1em; padding:10px 5px; font-weight:300}
	
	.ctabtn:nth-of-type(1){ width:23.5%; margin:0 2% 2% 0 ;font-size:0.6em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(2){ width:23.5%; margin:0 2% 2% 0 ;font-size:0.6em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(3){ width:23.5%; margin:0 2% 2% 0 ;font-size:0.6em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(4){ width:23.5%; margin:0 0% 2% 0 ;font-size:0.6em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(5){ width:32%; margin:0 2% 2% 0 ;font-size:0.7em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(6){ width:32%; margin:0 2% 2% 0 ;font-size:0.7em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(7){ width:32%; margin:0 0% 5% 0 ;font-size:0.7em; height:30px; line-height: 30px; padding:0 }
	
	.cartbtn {border:0; font-size:1.1em;font-weight:bold; background-color:#115740; color:#FFFFFF !important; border-radius:8px;  padding:10px 30px;   margin-top:20px;  margin-left:0px;}
.cartbtn.purple {background-color:#512d6d; margin-left:15px; }

		#searchform { margin:0 ;}
	
		
	
	/*ADDED 6/8/20 */
.col.shopc {flex: 0; width:49% ; flex-basis: auto; border: 1px solid #ccc;    padding: 5%;   margin:0 2% 5% 0; font-size: 0.85em;    position: relative;    overflow: hidden;}
.col.shopc2 {flex: 0; width:49% ; flex-basis: auto; border: 1px solid #ccc;    padding: 5%;   margin:0 2% 5% 0 !important; font-size: 0.85em;    position: relative;    overflow: hidden;}
.statusflag{ position: absolute;    z-index: 2;    font-size: 1.2em;    top: -100px;    left: -100px;    height: 170px;    width: 170px;    background: #009900;    color: #ffffff;    transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    line-height: 305px;    font-weight: bold;    text-align: center;}

	.col:nth-of-type(2n) {
    margin-right: 0% !important; 
}
	
.catholder .col.shopc:only-child { margin-left:0%; }

.catholder .col.shopc:first-child:nth-last-child(2) ~ div:nth-child(2) {  /* background:red !important */}
.catholder .col.shopc:first-child:nth-last-child(2) {  /*background:pink !important;*/ margin-left:0%}
	
	.catholder .col.shopc:first-child:nth-last-child(3) {
    /* background: pink !important; */
    margin-left: 0%;
}

.catholder .col.shopc:first-child:nth-last-child(4) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(4) {  /*background:purple !important; */}

.catholder .col.shopc:first-child:nth-last-child(5) ~ div:nth-child(4) { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(5) {  /*background:orange !important;*/}
	
	.catholder .col.shopc:first-child:nth-last-child(5) ~ div:nth-child(5) { margin-left:25.5%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(5) {  /*background:orange !important;*/}
	
.catholder .col.shopc:first-child:nth-last-child(7) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(7) {  /*background:purple !important; */}
	
	.catholder .col.shopc:first-child:nth-last-child(7) ~ div:nth-child(5) {
    margin-left: 0%;
    /* background: blue !important; */
}

.catholder .col.shopc:first-child:nth-last-child(8) ~ div:nth-child(7) { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(8) {  /*background:purple !important; */}
	
	.catholder .col.shopc:first-child:nth-last-child(9) ~ div:nth-child(9) {    margin-left: 25.5%;    /* background: blue !important; */}
	
.catholder .col.shopc:first-child:nth-last-child(10) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(10) {  /*background:purple !important; */}

.catholder .col.shopc:first-child:nth-last-child(11) ~ div:nth-child(10) { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(11) {  /*background:purple !important; */}
	
.sl-content {width: 58%;}
.sl-sidebar { width: 40%; margin: 0px 0 20px 2%;}
	
	
	
}

@media only screen and (max-width: 480px) and (min-width: 0px){
	
	
	.cbh{width:100%; text-align:right; float:right; margin:-12px 0 12px; }


.orderinfo .oref { float:right; width:100%; text-align:left; }
.orderinfo .odate { float:left; width:100%; }
.orderinfo .ototal { float:left; width:100%; }
.orderinfo .oname { float:left; width:100%; }
	

	.prodsholder {width:100%!important; text-align: center}
	.prodheld {width:100%!important;}
	.prodheld img {width:100% !important; margin-bottom:10px !important;}
	 a.vobtn {width:100% !important;     box-sizing: border-box;}
	
	.fba {flex-basis: auto!important;}
	
	body {font-size: 1em; }
	#searchform {display: none;}
	td {font-size:1.3em}
	.oab {margin-bottom:2% !important;}
	
	
	.mob3 {    width: 47.5%!important;		margin-right:5%!important; padding:1em 0.5em !important; text-align: center !important; ;}
	.mob3:nth-of-type(2){ margin-right:0%!important; }
	.mob3:nth-of-type(3){display:none;}
	.mob3 img {width:70% !important; margin:0 15%}
	.mob3 p.pn {text-align: center !important; font-weight: 300 !important; width:100% !important; font-size:1em !important; margin:0 !important}
	
	.mob3 .oabform { width:100% !important; }
	
	
	.mobhide {display:none !important}
	.dsktphide {display:block !important}
	header .search { display: block;}
	
	.cartbtn {border:0; font-size:0.9em;font-weight:bold; background-color:#115740; color:#FFFFFF !important; border-radius:8px;  padding:10px 10px;   margin-top:20px;  margin-left:0px;}
.cartbtn.purple {background-color:#512d6d; margin-left:15px; }
	.cartbtn.bts {float:left }
	
	.signin {  cursor: pointer; color:#000;  font-size:1.2em; text-align: center; background:#ffffff!important; padding:0px !important; margin: 8px 20px 0px 0px !important;}
.signin i { font-size:1.75em !important; }
.signin span {display:none }
	
	#searchform { display:none;width:100%; background:#cccccc;float:left;   font-size: 1.1em;    line-height: 1em;    margin: 16px 0% 0% 0%;   text-align: center;position: fixed;    left: 0;    right: 0px;    top: 58px;		padding:3% 5%; box-sizing: border-box;	}
#searchform input { height: 48px !important; width:100%;box-sizing: border-box; ;border-color: #dddddd; padding: 0 13px;  border:2px solid #cccccc; letter-spacing: 0px;  box-shadow: 0px 2px 4px #eeeeee; border-radius:8px;}
#searchform button {position: absolute; right:25px; top:20px; background:none; border:0px; color: #512d6d; font-size:1.3em}
#searchform button:hover {background:none !important;  color: #115740; }

	
	.accbanner {width:100%; float:left; padding:10px 15px 5px 10px ; box-sizing:border-box; background:#115740;color:#ffffff; font-weight:bold; font-size:0.9em; line-height: 110%;  margin:10px 0 ; text-align: left}
.accbanner img { float:left; margin:-5px 10px 0 0px; width:40px; }
.cacbanner {width:100%; float:right;padding:10px 10px 5px 10px ; box-sizing:border-box; background:#4E2D68;color:#ffffff; font-weight:bold; font-size:0.9em; line-height: 110%;margin:0px 0 10px ; text-align: left}
.cacbanner img{		float:right;margin:-2px 0px -3px 5px; width:40px;	}
.satdelbanner {	font-size:0.85em;padding: 8px 2px;margin:30px 0 0px;	}
.satdelbanner2 {	font-size:0.85em;padding: 8px 2px;margin:30px 0 20px;	}

	
	
	
	#btnbox {  top: 74px; }
	.ctabtn{ font-size:1em; padding:10px 5px; font-weight:300}
	
	
	
	.ctabtn:nth-of-type(1){ width:32%; margin:0 2% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(2){ width:32%; margin:0 2% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(3){ width:32%; margin:0 0% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(4){ width:32%; margin:0 2% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(5){ width:32%; margin:0 2% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(6){ width:32%; margin:0 0% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(7){ width:32%; margin:0 2% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(8){ width:32%; margin:0 2% 2% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }
	.ctabtn:nth-of-type(9){ width:32%; margin:0 0% 5% 0 ;font-size:0.8em; height:30px; line-height: 30px; padding:0 }

	
	.ctabtn.tl {line-height: 10px !important;    padding: 5px 0 0 0 !important; }
	
	.aprbox{ margin-right:0px !important; }
	.aprbox a span { display: none; }
	.aprbox{     margin-top: 5%; margin-bottom:5%; padding:4%; font-size:1.6em; line-height:120%; font-weight:bold; box-sizing:border-box;background:#eee; color:#000; }
	.aprbox a { width:100%; margin-top:4%; box-sizing:border-box; padding:2% 1%; display: block; background: #FC6600; color:#ffffff; }
	
	
a.anchor {  padding-top: 160px;}
a.anchor:before {   display: block; content: "";  height: 160px;  margin-top: -160px;}

	
.col.shopc {flex: 0; width:100% ; flex-basis: auto; border: 1px solid #ccc;    padding: 5%;   margin:0 0 5% 0; font-size: 0.85em;    position: relative;    overflow: hidden;}
.col.shopc2 {flex: 0; width:100% ; flex-basis: auto; border: 1px solid #ccc;    padding: 5%;   margin:0 0 5% 0 !important; font-size: 0.85em;    position: relative;    overflow: hidden;}
.statusflag{ position: absolute;    z-index: 2;    font-size: 1.4em;    top: -80px;    left: -80px;    height: 160px;    width: 160px;    background: #009900;    color: #ffffff;    transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    line-height: 270px;    font-weight: bold;    text-align: center;}

	.supplyflag{position: absolute;
    z-index: 2;
    font-size: 1.4em;
    top: -10px;
    right: -57px;
    height: 50px;
    width: 160px;
    color: #fff;
    transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    background: #FC6600;
    color: #ffffff;
    padding: 25px 3px 0;;}


	
	#basketupdate {	display:none;width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0; z-index: 99999;     background-color:rgba(81,45,109,0.8);}
#basketupdateinfo{position:relative;width:342px; height:120px; margin: 300px auto 0px; padding:20px 20px 30px 20px;background-color:#ffffff;	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#basketupdateinfo .title {color: #444444; font-weight:bold; font-stretch:normal;  font-size:1.6em;margin:0px 0px 6px 0px;}
#basketupdateinfo .btn1 { float: left;  font-size: 1.05em; font-weight: bold; color: #512D6D; background-color: #ffffff; padding: 6px 12px; border: 1px solid #512D6D; width:100%; text-align: center; margin-right: 0px; margin-top:10px; box-sizing: border-box}
#basketupdateinfo .btn2 {float: left;  font-size: 1.05em; font-weight: bold; color: #ffffff; background-color: #512D6D; padding: 6px 12px; border: 1px solid #ffffff; width:100%; text-align: center; margin-bottom: 20px; margin-top:10px;box-sizing: border-box}
#basketupdateinfo p {font-size:1.1em; line-height:120% }
	
	.catholder .col.shopc:only-child { margin-left:0%; }

.catholder .col.shopc:first-child:nth-last-child(2) ~ div:nth-child(2) {  /* background:red !important */}
.catholder .col.shopc:first-child:nth-last-child(2) {  /*background:pink !important;*/ margin-left:0%}
	
	.catholder .col.shopc:first-child:nth-last-child(3) ~ div:nth-child(2) {  /* background:red !important */}
.catholder .col.shopc:first-child:nth-last-child(3) {  /*background:pink !important;*/ margin-left:0%}


.catholder .col.shopc:first-child:nth-last-child(4) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(4) {  /*background:purple !important; */}

.catholder .col.shopc:first-child:nth-last-child(5) ~ div:nth-child(4) { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(5) {  /*background:orange !important;*/}

	.catholder .col.shopc:first-child:nth-last-child(5) ~ div:nth-child(5) { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(5) {  /*background:orange !important;*/}
	
.catholder .col.shopc:first-child:nth-last-child(6) ~ div:nth-child(5) { margin-left:0%;  /*background:blue !important*/}
.catholder .col.shopc:first-child:nth-last-child(6) {  /*background:orange !important;*/}
	
.catholder .col.shopc:first-child:nth-last-child(7) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(7) {  /*background:purple !important; */}
	
.catholder .col.shopc:first-child:nth-last-child(7) ~ div:nth-child(5) { margin-left: 0%;}
	
.catholder .col.shopc:first-child:nth-last-child(8) ~ div:nth-child(7) { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(8) {  /*background:purple !important; */}
	
	
		.catholder .col.shopc:first-child:nth-last-child(9) ~ div:nth-child(9) {    margin-left: 0%;    /* background: blue !important; */}
	
	
.catholder .col.shopc:first-child:nth-last-child(10) ~ div:last-child { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(10) {  /*background:purple !important; */}
	
.catholder .col.shopc:first-child:nth-last-child(11) ~ div:nth-child(10) { margin-left:0%; /*background:green !important*/}
.catholder .col.shopc:first-child:nth-last-child(11) {  /*background:purple !important; */}
	
.catholder .col.shopc:first-child:nth-last-child(10) ~ div:nth-child(9) { margin-left: 0%;}	
	
	.quoteholder {    padding: 15px 20px 30px ;margin-bottom:30px; 	}
.quoteholder .flex-direction-nav { margin-top: -60px !important;}
.quoteholder .flex-direction-nav .flex-next {    margin-right: -20px !important; margin-top: 5px!important;}
.quoteholder .flex-direction-nav .flex-prev {    margin-left: -20px !important; margin-top: 5px!important;}
.quoteholder .flex-direction-nav {  float:left;   position: relative !important;	 }
.quoteholder 	.flex-direction-nav a {    color: rgba(0, 0, 0, .4);} 	
	.quoteholder li br {display: none}
	.quoteholder li em {display: block; text-align: center; margin:20px 0; width:100%;  clear:both;}
	
}

@media only screen
and (min-width:0px)
and (max-width:801px){
.slw-buf2 {      margin-top: 40px;    padding: 0%;   }
	
	.signin {  cursor: pointer; color:#000; float:right; font-size:1.2em; text-align: center; background:#eeeeee; padding:14px 20px; margin: 8px 40px 0px 20px;}
.signin i { font-size:1em; }
	
	#searchform input {		width: 180px; }
	
	
}

@media only screen and (max-width: 960px) and (min-width: 0px){
	header .topenq {
		display: block;    
		margin: 10px 90px 0px -25px; z-index:9999;
		font-size: 1.10em;
		padding: 9px 8px;
		
	}
	/*table {width:100%; font-size:0.9em !important;}*/
	table {width:100%; font-size:0.7em !important;}
	table p{font-size:1.1em !important;}
	
	.nhslogo {float:none; margin:10px auto !important; display: block}
	h1.shop {    padding: 0px 0 0;    text-align: center !important;}
}



@media only screen
and (min-width:0px)
and (max-width:690px){
	.shopform {float:left;margin-top:-10px;}
	.shopform select {width:100% !important; margin:0px 0 5% 0 !important}
	.abf select {width:100% !important; margin:0px 0 5% 0 !important}
	.imgh {position:relative; overflow:hidden;float:left; width:100%; height:auto;}

	
#breadcrumb {float:left; padding:0% 0 2%; margin:0px; width:100%; font-size:0.8em;}
#breadcrumb strong{display:none}
	
	.cardnum {width:100%; float:left; margin-bottom:30px;}
	.cardexp {float:left; margin-left:0%; width:78%; }
	.cardexp .month{width:48%; float:left }
	.cardexp .year{margin-left:4%; width:48%; float:left }
	.cc{width:20%; margin-left:2%; float:right; }
	
	td.hidemob {display:none; }

	.slw-buf2 {      margin-top: 12px;    padding: 0%;   }
	header .topenq {		display: block;    		margin: 0px 44px 0px 0px; z-index:9999;		font-size: 1.0em;		padding: 9px 8px;			}
	
	
#shopflex .slide1 .actbtn { position:absolute;  left:0%; right:72%; top:77%; bottom:0px; border:0px; }

#shopflex .slide2 .actbtn {display:none; position:absolute;  left:50%; right:39%; top:80%; bottom:0px;  border:0px;}
#shopflex .slide2 .actbtn2 {display:none;position:absolute; left:61%; right:29%; top:80%; bottom:0px;  border:0px; }
#shopflex .slide2 .actbtn3 {display:none;position:absolute; left:50%; right:39%; top:60%; bottom:22%;  border:0px; }
#shopflex .slide2 .actbtn4 {display:none;position:absolute; left:61%; right:29%; top:60%; bottom:22%; border:0px;  }
	
#shopflex .slide2b .actbtn { cursor:pointer; position:absolute;  left:3%; right:80%; top:80%; bottom:0px;  border:0px; }
#shopflex .slide2b .actbtn2 {cursor:pointer; position:absolute;  left:22%; right:60%; top:80%; bottom:0px;  border:0px; }
#shopflex .slide2b .actbtn3 {cursor:pointer; position:absolute;  left:3%; right:80%; top:60%; bottom:22%;  border:0px; }
#shopflex .slide2b .actbtn4 {cursor:pointer; position:absolute;  left:22%; right:60%; top:60%; bottom:22%; border:0px; }
	
#shopflex .slide3 .actbtn {display:none;position:absolute;left: 81%;    right: 5%;    top: 77%; bottom:5%;  border:0px; }
#shopflex .slide3 .actbtn2 {position:absolute; left:0%; right:70%; top:80%; bottom:5%; border:0px; }
#shopflex .slide3 .actbtn3 {position:absolute; left:35%; right:29%; top:80%; bottom:5%;  border:0px; }
#shopflex .slide3 .actbtn4 {position:absolute; left:75%; right:0%; top:80%; bottom:5%; border:0px;  }

#shopflex .slide3b .actbtn {cursor:pointer; position:absolute; left: 57%;    right: 5%;    top: 77%; bottom:5%;  border:0px; }

#shopflex .slide4 .actbtn { position:absolute; left:40%; right:40%; top:80%; bottom:5%;  border:0px; }


	
	
	
	
}