/* Floating Nav */
p.arrow {position:fixed;top:0;right:5px;text-align:right;display:none;z-index:9999}
p.arrow a{float:right;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' style='fill:black;opacity:0.4'/%3E%3Crect fill='white' x='45' y='20' width='10' height='60'/%3E%3Cpolyline style='fill:none;stroke:white;stroke-width:10' points='25,45 50,20 75,45'/%3E%3C/svg%3E")}

/* Forms */
form{background:#CCD9CC;margin-bottom:20px;text-align:left}
legend{background:#363;color:#fff;width:100%;height:40px;line-height:40px;text-indent:10px}
label{display:block;font-weight:bold}
label.required:after{content:' *';color:#c52c27}
form p{margin-left:10px !important;float:left;width:48%}
form p.buttons{clear:both;margin:0 !important;text-align:center}
input,select,textarea{margin:4px 0;padding:5px;font-size:inherit;font-family:inherit}
textarea{width:98%;height:150px}
input[type="text"],input[type="password"]{width:260px}
button,input[type="button"],input[type="submit"],a.tel{background:none;border:2px #668C66 solid;font-size:18px;font-size:1.8rem;font-weight:700;font-family:"Montserrat";text-transform:uppercase;color:#668C66;padding:5px 10px}
button:hover,input[type="button"]:hover,input[type="submit"]:hover{cursor:pointer;border-color:#363;color:#363}

#hireform button{margin:1vw 0 2vw 0}
.g-recaptcha{margin:2vw 10px !important}

input.cart{width:30px;margin-left:2px}
form div.send{position:relative}
form div.send p{display:none;margin:0;background:#3C6;color:#fff;border:1px #fff solid;width:400px;padding:20px;position:absolute;top:0;left:0;box-sizing:border-box}
	

#msg-response{display:none;position:absolute;width:500px;left:15px;background:#C99;border-radius:5px;margin-top:40px;padding:10px;border:3px #fff solid;color:#fff;box-shadow:2px 2px 4px 5px #ccc;z-index:9999;text-align:left}
#msg-response ul{position:relative;width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 357 357'%3E%3Cpolyline fill='white' points='357,35.7 321.3,0 178.5,142.8 35.7,0 0,35.7 142.8,178.5 0,321.3 35.7,357 178.5,214.2 321.3,357 357,321.3 214.2,178.5'/%3E%3C/svg%3E") no-repeat top right}
#msg-response ul:hover{cursor:pointer}
#msg-response li{list-style-type:none}
#msg-response li:first-child{margin-right:25px}

/* Footer */
#footer{background:#363;color:#fff;margin-top:40px;padding:40px 0 0 0}
#footer .group{display:flex;flex-wrap:wrap;gap:4%;align-items:flex-start}
#footer .group p{margin:0;padding:1vw 0}
#footer .group ul{list-style-type:none;padding:1vw 0}
#footer .group ul:last-child{flex:auto}
#footer .group ul>li a{color:#fff !important}

/* Copyright */
#copyright p{font-size:14px;font-size:1.4rem}
#copyright p span{float:right}
#copyright a {color:inherit}
#copyright a:hover{text-decoration:underline !important}


/* Testimonials */
.testimonial		{height:347px;background-position:50% 0}
.t1					{background-image:url(/img/test1.jpg)}
.t2					{background-image:url(/img/test2.jpg)}
.testimonial strong,testimonials .comments p strong{font-size:18px;font-size:1.8rem;font-weight:700;font-family:"Montserrat";color:#f3c357}
.testimonial .wrap>div{height:inherit;padding-top:60px;color:#fff}
.testimonial .wrap>div p {clear:both;float:left;width:60%}
.t2	.wrap>div p		{float:right;text-align:right}
.testimonial .wrap>div p:first-child:before,.testimonials .comments p:before{display:block;content:"\201C";font-size:60px;font-size:6rem;font-weight:700;font-family:"Montserrat";color:#f3c357;margin-bottom:10px}

.testimonials .comments p{padding:0 40px 40px 40px}
.testimonials .comments p:before {padding-top:40px;margin-bottom:0}
.testimonials .comments p:nth-child(even){background:#d6edf7}
.testimonials .comments p strong{display:block}

/* Product Hire */
table.hire{border-collapse:collapse;box-sizing:border-box;width:100%;line-height:32px}
table.hire th,table.hire td{width:14.28%;text-align:center}
table.hire caption,table.hire th {background:#CCD9CC;font-weight:700;position:relative}
table.hire th:first-child, table.hire td:first-child{text-align:left;padding-left:10px;min-width:80px}
table.hire .photo{background-size:contain;background-repeat:no-repeat;background-position:center center;height:140px}
table.hire .latest{}
table.hire a {display:block}
table.hire td.price:hover{cursor:pointer;background:#363;color:#fff}
p a.action {display:inline-block;margin:20px 0}
h1.hireform{margin-top:5px}
form.hireform{width:97%}
form.hireform p{float:none;width:100%}
a.tel{border-color:green;color:green}
a.tel:hover{text-decoration:none}
table.hire2 th,table.hire2 td{width:12.5%}


/* Product Sales */
#prods{display:flex;flex-wrap:wrap;margin:10px 0;justify-content:space-between}
#prods div {flex:0 1 32.5%;margin-bottom:10px;box-sizing:border-box;border:1px #363 solid;background:#CCD9CC;list-style-type:none;text-align:left}
#prods div.hidden,#prods div.nohover{border:0;background:none}
#prods a.cbox{float:left;width:90%;padding:5%;height:200px;background-color:#fff;background-size:contain;background-position:center center;background-repeat:no-repeat}
#prods p{margin:0}
#prods p.title{font-weight:700;font-family:"Montserrat";background:#363;color:#fff;text-align:center;line-height:25px;height:50px}
#prods p.info,p.info2,p.more{clear:both;padding:10px}
#prods p.info2 strong{display:block;font-size:20px;font-size:2rem}
#prods p.more{text-align:center;padding-bottom:10px}
#prods p input[type="button"]{margin-left:5px;padding:3px 10px}
#prods p.basket {margin:10px;display:none;border-radius:5px;background:#4a93d0;font-size:16px;font-size:1.6rem;color:#fff;font-weight:400;padding:10px}

#product section{position:relative}
#product section div {float:left;width:50%;background-color:#CCD9CC;padding:20px 0}
#product section div p,#cms section div h5{list-style-type:none;list-style-position:inside;margin:10px}
#product section div:after{position:absolute;top:0;content:"";left:50%;width:50%;height:100%;background:url(/img/600/c36.jpg) no-repeat center center;background-size:cover}
#product section.creams div:after{background-image:url(/img/600/c33.jpg)}

#sales .model{text-align:left}
#sales .model h1{line-height:32px;margin-top:5px}
#sales .model .photo{float:left;width:90%;padding:5%;height:250px;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:contain}
#sales .model p.gallery img{margin:0 1% 1% 0;padding:1%;border:1px #ccc solid;box-sizing:border-box;width:24%}
#sales .model p.gallery img:hover{cursor:pointer;border-color:#363}
#sales .model .price{display:block;font-size:20px;font-size:2rem;font-weight:700}
#sales .model .price input{margin-left:5px}
#sales .model .basket {display:none;border-radius:5px;background:#4a93d0;font-size:16px;font-size:1.6rem;color:#fff;font-weight:400;padding:10px;margin:10px 10px 0 0}

/* CMS */
#cms h4 {margin-top:60px}
#cms section{position:relative}
#cms .questions ul,#cms section div {position:relative;float:left;width:50%;min-height:250px;background-color:#CCD9CC;padding:20px 50% 20px 0}
#cms section li,#cms section div p,#cms section div h5{list-style-type:none;list-style-position:inside;margin:10px}
#cms section li:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'%3E%3Ccircle cx='5' cy='10' r='5' fill='%23213f95'/%3E%3C/svg%3E")}
/* CMS Images */
#cms .questions ul:after,#cms section div:after{display:block;position:absolute;top:0;content:"";left:50%;width:50%;height:100%;background:url(/img/600/c53.jpg) no-repeat center center;background-size:cover}
#cms.sunbed-information section ul:after {background-image:url(/img/600/c29.jpg)}
#cms.about section div:after{background-image:url(/img/600/c41.jpg)}
#cms.collagen-red-light-therapy section div:after{background-image:url(/img/600/c27.jpg)}
#cms.psoriasis-light-therapy section div:after{background-image:url(/img/600/c50.jpg)}
#cms.privacy section div:after{background-image:url(/img/600/c54.jpg)}
#cms.testimonials section div:after{background-image:url(/img/600/c39.jpg)}
#cms.terms section ul:after{background-image:url(/img/600/c35.jpg)}
#cms.skin-types-and-exposure-times section div:after{background-image:url(/img/600/c17.jpg)}

#cms section.loc div:after{background-image:url(/img/600/c15.jpg) !important}
#cms section.group2 div:after{background-image:url(/img/600/c29.jpg)}
#cms section.group3 div:after{background-image:url(/img/600/c46.jpg)}

#cms section.fleet *:after{display:none}
#cms section.fleet div{height:100%;padding:0}
#cms section.fleet div:nth-child(2){float:right;background:url(/img/600/c53.jpg) no-repeat center 20px;background-size:100%;padding:40% 0 0;text-align:center}
#cms section.fleet div:nth-child(2) a.action:first-child{margin-right:10px}

#cms.fitness-equipment-hire-faqs .questions ul:after{background-image:url(/img/600/f7.jpg)}
#cms.fitness-equipment-information .questions ul:after{background-image:url(/img/600/f3.jpg)}

#cms section.skin p {float:left;width:75%;min-height:120px;padding:0}
#cms section.skin p:after{position:absolute;top:0;content:"";left:77%;width:23%;height:100%;background:url(/img/600/c18.jpg) no-repeat center center;background-size:cover}
#cms section.skin2 p:after{background-image:url(/img/300/c19.jpg)}
#cms section.skin3 p:after{background-image:url(/img/300/c20.jpg)}
#cms section.skin4 p:after{background-image:url(/img/300/c21.jpg)}
#cms section.skin5 p:after{background-image:url(/img/300/c22.jpg)}
#cms section.skin6 p:after{background-image:url(/img/300/c23.jpg)}

/* Date Picker */
#ui-datepicker-div {background:#fff;border:1px #ccc solid;padding:5px;top:600px}
#ui-datepicker-div a{cursor:pointer}
.ui-datepicker-header a:first-child{margin-right:10px}
.ui-datepicker-calendar{border-collapse:collapse}
.ui-datepicker-calendar a{color:#fff}
.ui-datepicker-calendar th,.ui-datepicker-calendar td {border:1px #ccc solid;padding:5px;text-align:center}
.ui-datepicker-calendar td {background:#6C3}
.ui-datepicker-calendar td.ui-state-disabled {background:#900;color:#fff}
.ui-datepicker-calendar td.ui-datepicker-other-month{background:#fff}

/* Basket */
#shopcart.shopcart form{background:none;margin-top:10px}
#shopcart table{width:100%}
#shopcart table tr{line-height:30px}
#shopcart.checkout table th:nth-child(3),#shopcart table th:nth-child(4),#shopcart.shopcart table th:nth-child(5),#shopcart.checkout table td:nth-child(3),#shopcart table td:nth-child(4),#shopcart.shopcart table td:nth-child(5),#shopcart table td.sub{text-align:right}
#shopcart.shopcart table td a:hover{text-decoration:underline}
#shopcart.shopcart a.cross{display:none}
#shopcart form p {float:none;width:90%}
#shopcart p.buttons input{margin-right:20px}

#shopcart div.buttons{display:flex;flex-wrap:wrap;margin:20px 0;justify-content:center}
#shopcart div.buttons>div {margin:10px;box-sizing:border-box;text-align:center}
#paypal-button{padding-top:7px !important}

img.left{float:left;margin:2vw 2vw 2vw 0}

/* BJD Colorbox  2018/07/13 */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9998;overflow:hidden;-webkit-transform: translate3d(0,0,0)}
#cboxWrapper {max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling: touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxOverlay{background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9999' height='9999' viewBox='0 0 9999 9999'%3E%3Cpattern id='p' patternTransform='rotate(45 0 0)' patternUnits='userSpaceOnUse' width='8' height='8'%3E%3Cline x1='0' y1='0' x2='0' y2='8' style='stroke:%23111;stroke-width:4'/%3E%3C/pattern%3E%3Crect x='0' y='0' width='9999' height='999' fill='url(%23p)'/%3E%3C/svg%3E")}
#colorbox{outline:0}
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxPrevious,#cboxNext,#cboxClose{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='176' height='50'%3E%3Cdefs%3E%3Cpath id='s' d='M30.9,18.5l3.7-5.6l-3.3-5.1h2.5l2.2,3.4l2.1-3.4h2.5L37.2,13l3.7,5.5h-2.6l-2.4-3.7l-2.4,3.7H30.9M59.7,17.3v-2.1l5.1-2l-5.1-2v-2l7.4,3.2v1.8L59.7,17.3M90.8,17.3l-7.4-3.2v-1.8l7.4-3.2v2.1l-5.1,2 l5.1,2V17.3'/%3E%3C/defs%3E%3Crect id='r' opacity='.5' width='14' height='50'/%3E%3Crect id='r2' fill='white' x='14' width='11' height='50'/%3E%3Cpath id='c' fill='%23B3B3B3' d='M36,24c-6.1,0-11-4.9-11-11S29.9,2,36,2s11,4.9,11,11S42.1,24,36,24M36,3c-5.5,0-10,4.5-10,10s4.5,10,10,10s10-4.5,10-10S41.5,3,36,3M62,24c-6.1,0-11-4.9-11-11S55.9,2,62,2s11,4.9,11,11S68.1,24,62,24M62,3c-5.5,0-10,4.5-10,10s4.5,10,10,10s10-4.5,10-10S67.5,3,62,3M88,24c-6.1,0-11-4.9-11-11S81.9,2,88,2s11,4.9,11,11S94.1,24,88,24M88,3c-5.5,0-10,4.5-10,10s4.5,10,10,10c5.5,0,10-4.5,10-10S93.5,3,88,3'/%3E%3Cuse xlink:href='%23s' fill='%23B3B3B3'/%3E%3Cuse xlink:href='%23c' y='25.5'/%3E%3Cuse xlink:href='%23s' fill='%232E3192' y='24.6'/%3E%3Cpath opacity='.5' d='M131 50h-12a19 19 0 0 1-19-19V19a19 19 0 0 1 19-19h12a19 19 0 0 1 19 19v12a19 19 0 0 1-19 19zm-12-36a5 5 0 0 0-5 5v12a5 5 0 0 0 5 5h12a5 5 0 0 0 5-5V19a5 5 0 0 0-5-5h-12'/%3E%3Cpath fill='white' d='M136 32a4 4 0 0 1-4 4h-14a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14'/%3E%3Cuse xlink:href='%23r2' x='137'/%3E%3Cuse xlink:href='%23r' x='162'/%3E%3C/svg%3E") !important}
#cboxTopCenter,#cboxBottomCenter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='21'%3E%3Crect opacity='.5' width='1' height='14'/%3E%3Crect y='14' fill='white' width='1' height='7'/%3E%3C/svg%3E") !important}
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight{width:21px;height:21px;background-repeat:no-repeat;background-position:-100px 0}
#cboxTopRight{background-position:-129px 0}
#cboxBottomLeft{background-position:-100px -29px}
#cboxBottomRight{background-position:-129px -29px}
#cboxMiddleLeft,#cboxMiddleRight{width:21px;background-position:0 0;background-repeat:repeat-y}
#cboxMiddleRight,#cboxBottomCenter{transform:rotate(180deg)}
#cboxTopCenter,#cboxBottomCenter{height:21px;background-position:-60px 0;background-repeat:repeat-x}
#cboxContent{background:#fff;overflow:hidden}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494}
#cboxLoadingOverlay{background:#fff}
#cboxLoadingGraphic{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath opacity='.2' d='M20.2 5.2a14.9 14.9 0 1 0 0 29.8 14.9 14.9 0 1 0 0-29.8zm0 26.6a11.6 11.6 0 1 1 11.6-11.6c0 6.3-5.2 11.5-11.6 11.6'/%3E%3Cpath d='M26 10l1.7-2.9c-2.2-1.3-4.7-2-7.5-2v3.3c2.1.1 4.1.7 5.8 1.6'/%3E%3C/svg%3E") no-repeat center center;animation:spin 1s infinite}
@keyframes spin {100% {transform:rotate(360deg)}}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {outline:0}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}
#cboxNext,#cboxPrevious,#cboxClose{position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-position:-75px 0;width:25px;height:25px;text-indent:-9999px}
#cboxClose{left:auto;right:0;background-position:-25px 0;}
#cboxNext{left:27px;background-position:-50px 0}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext:hover{background-position:-50px -25px}
#cboxClose:hover{background-position:-25px -25px}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}

 /* Responsive */
@media only screen and (max-width:960px)
{#prods div{flex:0 1 49%}}

@media only screen and (max-width:640px)
{
#msg-response{width:80%}
form p{width:96%}
.col2 .wrap>div		{column-count:1;column-gap:0}
.col2 .wrap>div p	{margin-top:0}
.t1{background-position:60% 0}
.t2{background-position:40% 0}
.testimonial .wrap>div{padding-top:30px}

#cms .questions ul:after,#cms section div{width:100%;padding-right:0}
#cms .questions ul:after,#cms section div:after{content:none}

#shopcart.shopcart th:first-child span,#shopcart.shopcart table a{display:none}
#shopcart.shopcart table a.cross{display:block}
#shopcart.shopcart th:first-child:after{content:'X'}

#prods div {flex:0 1 100%}
}

@media only screen and (max-width:480px)
{
#msg-response{width:290px}
.testimonial{height:500px;background-size:cover}
#footer .group ul,#footer .group p{flex:0 1 100%}

#shopcart.shopcart table th:nth-child(4),#shopcart.shopcart table td:nth-child(4){width:0 !important;overflow:hidden;font-size:0}
}

@media print
{
header,footer{display:none}	
}