/* DISPLY WIDTH, PAGE LAYOUT & COLOURS */
.page-header, .page-footer, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container {max-width:100% !important} 
.navigation, .breadcrumbs, .page-main, .footer.content, .header.content, .header.panel {max-width:1920px !important; margin:auto; padding:0 20px!important}
.page-main {padding:0 20px !important;}
.breadcrumbs {margin: 0 auto !important; padding:10px 20px !important; width:100%;}

.panel.wrapper {background-color:white !important; position:relative;  border-bottom-width:0px !important;} 
.panel.header {padding-bottom:0 !important;}

.page-wrapper {background-color:#f1f8fb!important}
.page-header {background-color:white; margin-bottom:0 !important;}
.page-main, .breadcrumbs,
.firecheckout .firecheckout-header {background-color:white}

.page-layout-2columns-right .column.main {border-right:1px solid #c1c1c1; padding-right:20px; padding-left:20px}
/* mobile*/
@media screen and (max-width: 962px) {
    .page-layout-2columns-right .column.main {border-right:0px solid #c1c1c1; padding-right:0px; padding-left:0px}
}


/* FONT H1 H2 H3 a */
body {font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; color:#575757}
h1 {display:block !important; margin-bottom:20px !important; color:#575757; text-align:center;  font-size:24px !important; font-weight:600; text-transform:uppercase }
.category-hot-tub-shock-clarify h1 {color:#f4f4f4;} /*Change colour for background image */
h2 {font-size:20px !important}
h2 a, h2 a:visited, h2 .alink:visited {color:#39c !important;}
a:hover {text-decoration:none !important; color:#c30 !important}
.page-title {margin-top:10px; margin-bottom:10px}

.category-sanitising .page-title-wrapper,
.category-hot-tub-shock-clarify .page-title-wrapper,
.category-hot-tub-testing .page-title-wrapper {display:none;}

/* BUTTON COLOUR */
.action.primary {background-color:#39c}

/* PANEL HEADER */
.greet.welcome,
.customer-welcome,
.customer-name,
.customer-welcome span,
.customer-welcome button {color:#575757 }
.greet.welcome {font-weight:700; text-transform:uppercase;}

/* .header.links .customer-welcome {display:none !important} */

/* small tablets */
@media screen and (max-width: 989px) {
    .header.panel > .header.links {text-align:center;}
}
.header.links .customer-welcome .customer-menu {display:block !important;}
.header.panel > .header.links > li.customer-welcome {text-transform:uppercase;}
.customer-welcome .customer-name {display:none;}
.header.links .customer-welcome .customer-menu {display:block !important;}
.header.links .customer-welcome ul {border: none; box-shadow:none;
    display: inline-block;
    position: relative;
    top: 0;margin-top:0;}
.header.links .customer-welcome ul:before, .header.links .customer-welcome ul:after {display:none !important;}
.customer-welcome ul li {    display: inline-block;width: fit-content;}

.header.links li {margin:0 30px 0 0 !important}
.header.links a, .header.links .nav.item.current strong {color: #575757!important; font-size:14px; font-weight:normal !important;padding:0;}
.header.links a:hover {text-shadow: 0 0 0 #000000;}
.header.links i {padding-right:10px; font-size:18px}

.header.links a::before {font-family: "luma-icons";content: "\e606";display: inline-block;padding-right: 5px;font-size:18px;vertical-align: middle;font-weight: 700;}
.header.links .authorization-link {margin:0 !important;}
.header.links .authorization-link a::before {font-family: 'luma-icons';content: "\e627'";display: inline-block;padding-right: 5px;font-size:18px;vertical-align: middle;font-weight: 700;}
.header.links a.delivery::before {font-family: "luma-icons";content: "\e60c";display: inline-block;padding-right: 5px;font-size:18px;vertical-align: middle;font-weight: 700;}
.header.links a.contact::before {font-family: "luma-icons";content: "\e61d";display: inline-block;padding-right: 5px;font-size:18px;vertical-align: middle;font-weight: 700;}

/* HEADER LAYOUT */
.header.content {display:flex; align-items:center; flex-direction:row;min-height:109px;}

#tree-nation-offset-website1 {position: absolute;left: 0;right: 0; margin-inline: auto;width: fit-content;z-index: 8;}
#tree-nation-offset-website2 {display:none;}
@media screen and (max-width: 1160px) {
    #tree-nation-offset-website1 {display:none;}
    #tree-nation-offset-website2 {display:block;}
}

#htuk {order:1;}
#htuk .logo {margin-bottom:0; top:0px; margin-top:0}
#htuk .environ {clear:left; color:#c30; font-size:20px !important;width:fit-content}
#htuk h1.environ {font-weight:normal; text-transform:none;}

/* small tablets */
@media screen and (max-width: 1048px) {
    #htuk .environ {font-size:14px !important;}
}

/* mobile */
@media screen and (max-width: 793px) {
    #htuk .logo img {width:300px;}
}
@media screen and (max-width: 767px) {
    #htuk {max-width:340px;}
    #htuk .environ {text-align:center;}
}
@media screen and (max-width: 486px) {
    #htuk {max-width:100%; text-align:center}
    #htuk .logo {margin-left:60px;}
    #htuk .logo img {width:230px;}
}

/* YOTPO BADGE */
#y-badges {order:5; width:fit-content !important;  flex-grow:0;}
#y-badges .y-badge {width:90px !important;height: 109px !important; display:inline-block;}
#y-badges .y-badge-reviews {font-size:18px !important; top:-65px !important;}
#y-badges .y-badge-stars {top:40px !important;left:12px!important;}
#y-badges .y-badges-certified {top:51px !important;left:-6px!important;font-size:8px !important;}
#y-badges .y-powered-by {top:80px !important;}

/* Small badge for tablets */
@media screen and (max-width: 1048px) {
    #y-badges .y-badge {width:60px !important;height:fit-content !important;}
    #y-badges .y-badge-reviews {font-size: 14px !important; top: -50px !important;}
    #y-badges .yotpo-icon {font-size: 9px!important;}
    #y-badges .y-badge-stars {top: 25px !important; left: 7px!important;}
    #y-badges .y-badges-certified {top: 32px !important; left: -20px!important; font-size: 6px !important;}
    #y-badges .y-powered-by {top: 50px !important;font-size: 6px!important;}
}

/* Remove badge on moblemobile */
@media screen and (max-width: 895px) {
    #y-badges {display:none;}
}    
    
/* MINICART WRAPPER */
.minicart-wrapper {order:4;flex-grow:0; margin:20px;min-width:65px;}
.minicart-wrapper .action.showcart {float:right;}    
    
@media screen and (max-width: 895px) {
    .minicart-wrapper{margin-right:0; margin-left:40px!important;}
}
@media screen and (max-width: 767px) {
    .minicart-wrapper {order:2; flex-grow:1; margin-right:0;}
}

/* SEARCH BOX */
.amsearch-wrapper-block{ flex-grow:1; order:2!important;}
.amsearch-button.-compare {display:none}
.amsearch-description .product-item-description {word-break:keep-all !important}
.amsearch-description .minimal-price-link {text-wrap:unset !Important}


/* FAQ PAGES */
.am-back-button {display:none;}
.amfaq_categories {border-radius: 0px;}
.amfaq_categories .item {display: block;
    border: 2px solid green !important;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px;
    border-width: 3px 4px 3px 5px !important;
    border-radius: 95% 4% 92% 5% / 4% 95% 6% 95%;
    transform: rotate(2deg);background-color:#e3f9ed;  margin:20px; padding-top:10px;}
    
.amfaq_categories .item a {color:darkslategrey; font-style:italic;}

.amfaq_categories .item.title {border:none;}

/* TOP LEVEL NAVIGATION */
.nav-sections {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#39c; margin-bottom:0!important;}

/* MEGA MENU */

.section-item-content .menu-container .menu.horizontal {background:#39c !important; max-width:100% !important;}
.section-item-content .menu-container .menu>ul>li:hover{background-color:white!important; color:#39c!important}
.section-item-content .menu-container .menu > ul > li.has-active {background-color:#39c!important}
.section-item-content .menu-container .menu>ul>li ul.column1>li {padding:8px !important;}
.section-item-content .menu-container .menu.horizontal>ul>li>a {
    color: white; background-color:#39c;
    font-size: 16px;
    border-right: 1px solid white;
    font-weight: normal!important;
    padding: 10px!important;}
.section-item-content .menu-container .menu.horizontal>ul>li>a:hover{color:white!important;}
.section-item-content .menu-container .menu > ul > li ul.column4 > li {font-size: 16px;}
.section-item-content .menu-container .menu > ul > li.menu-dropdown-icon > a:before {display:none;}
.section-item-content .menu-container .menu > ul > li ul li a {color:#575757!important}
ul.child-level-2  li a {font-weight:normal!important;}

.section-item-content .menu-container.horizontal-menu ul>li.dropdown ul li.menu-footer {padding:0 !important;}

.section-item-content .menu-container .menu>ul>li span.plus:before {line-height: 20px !important}

/* Free delivery notice in menu */
.section-item-content .menu-container .menu.horizontal>ul>li.delivery a {background: url(../images/free-delivery-menu.jpg) no-repeat scroll 0px 0 transparent;
    padding: 0 !important;
    width: 110px;
    height: 45px;}

/* Change column width for chemicals menu*/

.section-item-content .menu-container .menu .chemicals .column4 .category-item {flex-basis:20% !important;} /* Force 5 colums */

/* Covers Menu */
.covers-menu {display:flex;}
.covers-menu strong {font-weight:600; font-size:16px; color:darkslategrey}
.covers-menu ul {padding-left:10px !important; padding-right:10px !important}
.covers-menu .links {flex-basis:33%; padding-right:10px;}

.mega-static-block.menu-footer img.m-foot {width:23%;}

.mega-static-block.menu-footer .covers-foot {display:flex; justify-content:space-around;}
.mega-static-block.menu-footer .covers-foot .item {display:inline-block;}
.mega-static-block.menu-footer .covers-foot img{width:90%; margin:0 10px 0 10px;position:relative; top:-50px;}
.mega-static-block.menu-footer .covers-foot span {display: block;
    position: relative;
    top:60px;
    max-width: 90%;
    margin:0 10px 0 10px;
    background-color: white;
    color: #575757;
    padding: 10px 0;
    opacity: 0.7;z-index: 5;
    text-align: center;
    font-weight: bold;}

.section-item-content .menu-container .menu-content ul.column4 > li {width:20% !important;} /* Force 5 colums */


/* Remove arrows before sub items */
.section-item-content .menu-container .menu > ul > li ul li a:before {display:none!important}

/* Right sidebar format */
.section-item-content .menu-container.horizontal-menu ul > li.dropdown ul li.menu-sidebar-right {float:right;}

/* Make menu full width */
.section-item-content .menu-container .menu > ul {display:flex;}
.section-item-content .menu-container .menu.horizontal.centre > ul > li {flex-grow:1;}

/* Mobile Menu Styles */

@media screen and (max-width: 1200px) {
    .section-item-content .menu-container .menu.horizontal>ul>li>a {font-size:14px;}
    
.section-item-content .menu-container .menu.horizontal>ul>li.delivery a{
    background: url(../images/free-delivery-menu3.jpg) no-repeat scroll 0px 0 transparent;
    padding: 0 !important;
    width: 84px;
    height: 40px;
    border-right:0;
}
}
@media screen and (max-width: 997px) {

    .section-item-content .menu-container .menu.horizontal>ul>li>a {font-size:12px; padding:6px !important;}
    
.section-item-content .menu-container .menu.horizontal>ul>li.delivery a{
    background: url(../images/free-delivery-menu3.jpg) no-repeat scroll 0px 0 transparent;
    padding: 0 !important;
    width: 60px;
    height: 30px;
    border-right:0;
}
}
@media screen and (max-width: 767px) {
    .section-item-content .menu-container .menu > ul {display:block !important;}
    .section-item-content .menu-container .menu.horizontal>ul>li>a {border-right:0 !important;}

    .section-item-content .menu-container .menu>ul>li ul.column4>li {width:100% !important;padding-bottom:10px;font-size: 14px;}

    .mega-static-block.menu-footer img.m-foot {width:50% !important;}
    .greet.welcome, .customer-welcome, .customer-name, .customer-welcome span, .customer-welcome button {
    color: white; font-weight:normal!important;}
    .header.links a {color: white!important; font-weight:normal !important;}
    
    .section-item-content .menu-container .menu.horizontal>ul>li.delivery a {margin:auto;}
    .covers-menu, .covers-foot {flex-wrap:wrap;}
    .covers-menu strong {font-size:14px;}
    .covers-menu .links {
    flex-basis: 100%;}
}

/* HOME PAGE */
.cms-home .page-main {max-width:100% !important; min-width:100% !important; background-color:#f1f8fb!important;padding:0!important;}
.cms-home .subcategories .subcategory h2 {text-transform:none; padding:15px 0;}
.cms-home .subcategories .subcategory {border:0;}
.cms-home .front-button {background:#c30; color:white; font-size:14px !important; padding:10px}
@media screen and (max-width: 1005px) {
    .cms-home .front-button {padding:5px !important}
}

/* yotpo reviews carousel */
.yotpo-display-wrapper .scroller {height:160px; }
.yotpo-reviews-carousel {background-color:white !important;max-width:100% !important;}
.yotpo-reviews-carousel .carousel-display-wrapper {padding-left: 0 !important; padding-right: 0 !important;}
#carousel-top-panel  {height:30px;}
#carousel-top-panel .headline {font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; display:none;}
#carousel-top-panel .all-reviews a { font-size:16px !important;  text-transform:lowercase !important; font-weight:700 !important;padding-left:15px;}

@media screen and (max-width: 480px) {
    #carousel-top-panel {height: 60px;}
}

/* FLEX GRID */
.flex-grid {display:flex;flex-direction: row; flex-wrap: wrap; align-items:center }
.flex-grid.cover-detail{background-color: #fff;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    margin: 0;
    padding: 6px; margin-top:30px;}
.flex-col {flex:1; min-width:40%; margin:10px; padding:10px}
.flex-col.four {min-width: fit-content; }
.flex-col p  {text-align:center; }
.flex-col h2  {font-size:16px !important; margin-bottom:14px !important; text-align:center; font-weight:bold; }
.flex-col img {max-width:350px !important}
.flex-col.four img {width:90%; border:2% solid white;}

/* CATEGORY LANDING PAGES */
.subcategories h2.shop {width:100%; font-size:24px !important;}
.centered {max-width:fit-content; margin:auto; background-color:white; text-align:center; padding:10px;opacity:0.8;}
.subcategories {display:flex;flex-direction: row; flex-wrap: wrap; max-width:1920px; margin:auto; justify-content: space-around;}
.subcategories .subcategory { flex:1; min-width:29%;  max-width:29%; text-align:center; padding:0; margin:1%; border:1px solid #ccc !important;background-color:white;}
.subcategories .subcategory .image-container {position:relative; text-align:center}
.subcategories .subcategory.sub-489 {flex-basis:100% !important}
.subcategories .subcategory.sub-532 {flex-basis:100% !important}
.subcategories .subcategory img {width:100%;height:100%;}
.subcategories .subcategory p {margin-left:10px; margin-right:10px;}
.subcategories .subcategory h2.centered{position:absolute; bottom:0%; left:50%; transform: translate(-50%, 0%); width:100%; max-width:100%; background-color:white; color:#575757; padding:10px 0; opacity:0.7;}
.subcategories .subcategory h2 a {background-color:#39c; color:white !important; font-weight:normal; padding:10px; font-size:18px!important;}
.subcategories .subcategory h2,
.subcategories .subcategory .product-item-name {font-weight:700;   text-align: center;  text-transform: uppercase; font-size:16px; margin:0}
.subcategories .subcategory.product .product-item-photo {position:relative; float:left}
.subcategories .subcategory.product {flex-grow:2; background-color:white;}
.subcategories .subcategory.product .eco-label {width:50px !important; height:50px !important; float:left; position:relative; z-index:1}
.subcategories .subcategory.product .eco-image {float:left; position:relative;  margin-left:-40px; margin-top:10px; max-width:120px}
.subcategories .subcategory.product .p-image {float:left; max-width:120px}
.subcategories .subcategory.product .product-item-info {width:auto; padding:10px;}
.subcategories .subcategory.product .product-item-name a {color:#39c; width:auto; font-weight:700; font-size :16px}
.subcategories .subcategory.product .product-item-info a {color:#39c; width:auto;  font-size :16px}
.subcategories .subcategory.product .product-item-info img {border:0;}
.subcategories .subcategory.cat-521 h2,
.subcategories .subcategory.cat-526 h2,
.subcategories .subcategory.cat-507 h2,
.subcategories .subcategory.cat-499 h2,
.subcategories .subcategory.cat-522 h2 {display:none;}
.subcategories .subcategory.cat-521 img,
.subcategories .subcategory.cat-526 img,
.subcategories .subcategory.cat-507 img,
.subcategories .subcategory.cat-499 img,
.subcategories .subcategory.cat-522 img {border:none;}
.page-layout-2columns-left .subcategories .subcategory {max-width:46%}

@media screen and (max-width: 767px) {
.subcategories .subcategory {min-width:100%}
.subcategories .subcategory.cat-499 {max-width:100%}
}

/* CATEGORY PAGES */
.catalog-category-view.page-layout-1column .page-main {max-width:100%!important;  background-color:#f1f8fb!important;}
.catalog-category-view.page-layout-1column .breadcrumbs {background-color:#f1f8fb!important;}
.catalog-category-view .column.main .category-description {margin-bottom:0; text-align:center; border-left: 8px solid green;
    background-color: #e3f9ed;
    padding: 8px}
    
.catalog-category-view.category-hot-tub-covers-uk .column.main .category-description,
.catalog-category-view.category-hottubchemicals .column.main .category-description
{border-left:0; background-image: url(../images/covers_background.jpeg) ; background-repeat:no-repeat; background-size:cover;}
.catalog-category-view.category-hot-tub-covers-uk .column.main .category-description h2,
.catalog-category-view.category-hottubchemicals .column.main .category-description h2 {color:white; font-size:24px !important; font-weight:bold;}
.catalog-category-view.category-hot-tub-covers-uk .column.main .category-description p,
.catalog-category-view.category-hottubchemicals .column.main .category-description p{color:white; font-size:20px;}
.catalog-category-view.category-hot-tub-covers-uk .column.main .category-description button,
.catalog-category-view.category-hottubchemicals .column.main .category-description button {border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;}

.catalog-category-view .column.main .products-grid .product-item {width: calc((100% - 6%) / 3);}
.catalog-category-view .column.main .product-item-details .product-item-name a {color:#39c; text-transform:uppercase; font-weight:600; display:block; padding-bottom:8px; height:2em;  font-size:18px}
.catalog-category-view .column.main .product-item-details .product-item-description {padding-right:10px}
.catalog-category-view .column.main .eco-tag { top:0 ; left:0; width: 50px; height:50px; position: absolute; z-index:2; }
.catalog-category-view .column.main .microban-tag { width: 150px; float:right}
.catalog-category-view .column.main .products-grid .microban-tag {display:none !important;}
.catalog-category-view .column.main .normal-price .price-label {display:none !important}

.catalog-category-view .column.main .products-grid ol {display:flex; flex-wrap:wrap}
.catalog-category-view .column.main .products-grid .product-item {border:1px solid #c0c0c0; background-color:white;}
.catalog-category-view .column.main .products-grid .product-item-info {width:100% !important; text-align:center;}
.catalog-category-view .column.main .products-grid .product-item-info:hover {z-index:3}
.catalog-category-view .column.main .products-grid .product-item-details {text-align:center;}
.catalog-category-view .column.main .products-grid .product-item-details .product-item-name a {font-size:14px; height:3em}

.catalog-category-view .column.main .products-list .product-item {background: url(../images/productlist-li-bottom.png) no-repeat scroll 0 100% transparent;}
.catalog-category-view .column.main .products-list .price-box span {font-size:14px}

.catalog-category-view .column.main .products-grid .yotpo-reviews-star-ratings-widget {justify-content:center !important}

.catalog-category-view .more-info {float:right; padding: 5px 0 10px 10px;font-weight: 600;font-size: 13px;
  text-decoration: none;text-align: center;transition: all .5s ease;color: #fff; background-color: #39c;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 0 100%);
}
@media screen and (max-width: 769px) {
  .catalog-category-view .product-item {width:50% !important;}
}
@media screen and (max-width: 639px) {
  .catalog-category-view .product-item {width:100% !important; margin-left:0;margin-bottom:10px;}
}
.catalog-category-view .more-info:hover{
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
  background-color:#006bb4;
  color:white !important;
}
.catalog-category-view .more-info::after{content: "\e60c";
  color: white;
  font-family: "luma-icons";
  display: inline-block;
  position: relative;
  right: -55px;
  transition: all 0.2s ease;
}
.catalog-category-view .more-info:hover::after{
  margin: -5px 15px;
  right: 0px;
}
.catalog-category-view .more-info.grid {float:none;}

.catalog-category-view .button-no-submit {background-color:#39c; color:white; padding:10px; font-weight:600;font-size:13px}
.catalog-category-view .button-no-submit:hover {color:white !important; background-color:#006bb4;}

.grouped-club-price, .group-lowest span {color:#c30;font-weight:bold;}
.category-hot-tub-filters .product-item .price-box {margin-bottom:0 !important;}



/* PRICE DISPLAY */
.price-box {width:100% !important}
.price-box .price-label {width:fit-content; height:fit-content; position:relative}
.minimal-price .price-label {display:none !important}
.special-price .price {color:#c30}
.old-price .price {text-decoration:line-through;}

.category-eco3spa .old-price {display:none !important;}
.category-eco3spa .special-price .price-label {display:none !important;}
.category-eco3spa .special-price .price {color:#575757 !important}

/* CONFIRMATION POP-UP */
#confirmBox #messageBox {margin-top:20px !important;} 
#confirmBox #messageBox .added-item {font-size:18px !important;} 
#confirmBox .amcart-confirm-buttons .button {height:40px !important;}
#confirmBox .amcart-confirm-buttons {margin: 0 auto !important;}







/* CLUB PRICE LABELS */
.price-box .club-price,
.price-box .club-price .price-container .price-label {color:#228c22}



/*SIDEBAR LAYERED NAV */
/* .sidebar .widget {text-align:center}
.sidebar .widget img {max-width:220px; width:100%}
.sidebar .block.filter .title,
.sidebar .block.filter .options .item .count {display:none}
.sidebar .block.filter dt {text-align:center; color:white; background-color:#228c22; padding:5px}
.sidebar .block.filter .options .item a {color:#575757; font-weight:700; text-transform:uppercase}
.sidebar .block.filter .options .item {padding-bottom:5px; border-bottom: 1px dotted #575757 }
#layered-filter-block .block-subtitle {background-color:#228c22; padding:10px; color:white; text-transform:uppercase; text-align:center}
#layered-filter-block .filter-options-title {font-size:12px; word-break:break-word}
#layered-filter-block .filter-current {border-left :2px solid #c30; border-right :2px solid red}
#layered-filter-block .filter-current .block-subtitle {background-color:red}
#layered-filter-block .filter-actions {border-bottom:2px solid #c30; border-left :2px solid #c30; border-right :2px solid #c30}
#layered-filter-block .filter-clear {color:#c30}
.sidebar .block.filter #part-input,
.sidebar .block.filter #manufacturer-input {width:75%; padding:5px 25px 6px 10px; color:#575757; border-color:#ccc; font-size:12px;}
.sidebar .block.filter img {width:140px}
#layered-filter-block .block-subtitle strong h2,
.sidebar .filters-find h2{font-size:14px !important;margin:8px;} */

/* LAYERED NAV */
.filter-options-item {display:inline-block;}
.filter-current-subtitle {display:none}
.filter-content {text-align:center;}
.filter-content .item.filters {float:left; padding-left:20px;}
#part-input, #manufacturer-input {height:30px; margin-right:30px;}


/*TOOLBAR AT TOP OF CAT LIST */
.toolbar {margin-bottom:0px; margin-top:30px;}
.toolbar-products .pages {display: block !important; }
.toolbar-products .field.limiter {display: none }
    
@media screen and (max-width: 767px) {
/*    #layered-filter-block .filter-title strong {background-color:#39c;color:white;  position:relative;  top:-10px; margin: auto; padding: 16px; font-size: 16px;}
    #layered-filter-block .filter-current,
    #layered-filter-block .filter-actions {border:0}
    #layered-filter-block .filter-current-subtitle,
    #layered-filter-block .items {margin:10px 30px}
    #layered-filter-block .filter-clear {margin-left:30px}
    #layered-filter-block .filter-current-subtitle::after {color:white}
     #layered-filter-block .block-title,
    #layered-filter-block .block-subtitle strong  {background-color:white;}
    #layered-filter-block .block-subtitle strong h2 {display:none;}
    .sidebar .block.filter.filters-find dt {margin-left:50px; margin-right:50px; margin-top:20px;} 
    .sidebar .block.filter.filters-find dt h2 {margin:0;} */
}

/* YOTPO REVIEWS WIDGET*/
 .yotpo-icon-three-lines,
 .yotpo-action,
 .footer-actions,
 .yotpo-helpful {display:none !important}
 .yotpo .yotpo-review .yotpo-main .yotpo-label {padding-top:0}
 .yotpo .yotpo-review .yotpo-read-more {color:#39c}
 .yotpo-main-widget .promoted-products-box,
 .yotpo-head,
 .yotpo-main-widget .yotpo-bottomline {display:none!important}
 .yotpo-header-container {padding-top:40px !important}
 .yotpo-review-rating-title {flex-wrap:wrap}
 .yotpo-review-title {margin-left:0 !important}
 .yotpo-review-border-smooth {height:1px !important;}
 .yotpo-base-layout {width:90% !important;}
 /* Remove Ask A Question text */
 .yotpo-yotpo-is-enabled div.yotpo.QABottomLine {display:none !important;}
 /* Remove number of reviews from Related & Upsell Product boxes */
 .block.related .yotpo-sr-bottom-line-right-panel,
 .block.related .yotpo-sr-bottom-line-right-panel {display:none !important;}

/* SIDEBAR RELATED & RECENTLY VIEWED PRODUCTS */
.sidebar .block {padding:0}
.sidebar .block.related,
.sidebar .block.block-viewed-products-grid {border:2px solid #39c; padding:10px 10px 0 10px; margin-bottom:10px}
.sidebar .block .block-title {background-color: #39c;  padding: 10px; text-align: center; color: white; text-transform: uppercase;margin:-10px -10px 0 -10px}
.sidebar .block .wrapper,
.sidebar .block .product-items {margin:10px 0 0 0}
.sidebar .block .product-item {width:100% !important; margin:0 0 8px 0; border-bottom:1px solid #ccc}
.sidebar .block .product-item .product-item-info {display:flex}
.sidebar .block .product-item .product-item-photo {position:relative !important; width:40%; padding-left:5px; margin-top:10px !important}
.sidebar .block .product-item .product-item-details {width:50%; margin-left: 10px; margin-top:10px}
.sidebar .block .product-item .product-item-details .product-item-name,
.sidebar .block .product-item .product-item-details .price {font-size:11px}
.sidebar .block .product-item .product-item-details .price {color:#575757}
.sidebar .block .product-item-details .product-item-name a {color:#575757; height:4.5em; font-weight:700}
.sidebar .block .related-available .product-item-name {margin-left :0}
.sidebar .block .yotpo-bottomline.star-clickable {display:block}
.sidebar .block .price-excluding-tax {display:none}
.sidebar .block .product-item-description {display:none}
.sidebar .block .product-item-actions {margin-bottom:0}
.sidebar .block .actions-primary button span {white-space:normal !important;}

.sidebar .block-viewed-products-grid .price-label,
.sidebar .block-viewed-products-grid .old-price {display:none}


/* RECENTLY ORDERED */
.sidebar .block-reorder {margin-top:20px; border:2px solid #39c; padding:10px}

/* PRODUCT PAGES */
.page-products .columns {margin-top:0!important;}
.control.qty .input-text.qty {margin-left:5px; margin-right:5px}

.catalog-product-view .product-info-main .product-info-stock-sku {padding:0;}
.catalog-product-view h1 {text-align:left}
.catalog-product-view .product-info-price .price {font-size:22px !important; line-height:22px !important}
.catalog-product-view .stock.available span {color:green; font-size:12px; white-space:nowrap}
.catalog-product-view .sku {display:none}
.catalog-product-view .qty .control {display:inline-block;}
.catalog-product-view .qty .label {font-weight:300; vertical-align:top; padding-top:4px}
.catalog-product-view #qty {font-weight:bold; font-size:18px}
.catalog-product-view .fa-minus-circle {color:#ccc; padding-right:6px; padding-top:2px}
.catalog-product-view .fa-plus-circle {color:#ccc; padding-left:6px; padding-top:2px}
.catalog-product-view .box-tocart .field.qty {float:left; padding-top:8px; padding-right:30px}
.catalog-product-view .eco-tag {width: 100px; height:82px; position: absolute; z-index:2}
.catalog-product-view .prices-tier .item {padding:5px 5px 5px 100px;font-size:14px;background-image: url(../images/best-price.png) ; background-repeat:no-repeat}
.catalog-product-view .prices-tier .item .benefit {display:none;}
.catalog-product-view .prices-tier .item span {font-weight:700; font-size:14px}
.catalog-product-view .normal-price .price-label {display:none !important}
.catalog-product-view .product-add-form {padding-top:0 !important}
.catalog-product-view .product-info-price .price-box .special-price {display:inline-block}
.catalog-product-view .product-info-price .price-box .special-price .price-label::after {content:""}
.catalog-product-view .product-info-price .price-box .old-price {padding-left:20px}
.catalog-product-view .product-info-price .price-box .price-container span {display:inline-block; margin:0; line-height:1em; font-size:18px !important}
.product.alert.price {display:none}

/* PRODUCT PAGES BUNDLE PRODUCTS */
.page-product-bundle .old-price {display:none}
 .bundle-actions, #bundle-slide {display:none;} 

/* PRODUCT PAGES GROUPED PRODUCTS */
.table.grouped .col.item {width: 40%; padding:5px}
.table.grouped .col.item .price-box {display:inline; padding-left:20px}

.page-product-grouped .product-item-name {margin:0 0 5px 0 !important; font-weight:600 !important; font-size:14px;}
.page-product-grouped .price-box.price-final_price {padding-left:0 !important}
.table.grouped .col.item {width: 100%;}

/* PRODUCT PAGES TABS */
.data.item.content {background-color:#f5fbff !important; padding:10px !important;}
.data.item.title {margin-right:2px !important}
.data.item.title.active a {background-color:#3399cc!important; color:white !important;font-weight:bold !important;}
.data.item.title .data.switch {padding:1px 15px !important}
.product.info.detailed .additional-attributes > tbody > tr > th {padding: 5px 20px 10px 0; width:50%; min-width: 200px;}

.product.data.items {margin: 0;padding: 0}
@media screen and (max-width: 1128px) {
    .data.item.title .data.switch {padding:1px 7px !important}
}


/* PRODUCT PAGES REVIEWS */
#yotpo-reviews {padding:10px}
#yotpo-reviews .yotpo-label {padding-top:0}
#yotpo-reviews .yotpo-regular-box {padding:10px}
#yotpo-reviews .yotpo-nav {padding-top:0}
#yotpo-reviews .yotpo-header-title {color:white}
#yotpo-reviews .yotpo-header-title::before {color:#6A6C77;content:'Please leave your review of the product here. Your review will be published immediately, but will subsequently be moderated and removed if it contains spam or profanity.';}
#yotpo-reviews .yotpo-mandatory-explain,
#yotpo-reviews .yotpo-first-review {display:none;}
.yotpo .text-m {font-size: 10px !important; display:block;}
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star {font-size:16px !important;}

/* UPSELL  PRODUCTS */
.block.upsell {float:left;}
.block.upsell .block-title {background-color: #39c; margin: -10px 15px 0 0; padding: 10px; text-align: center; color: white; text-transform: uppercase; max-width:400px;}

.block.upsell .products-grid .product-items {display:flex; flex-wrap:wrap; max-width:500px;}

.block.upsell .products-grid .product-item {min-width:200px; border:1px solid #ccc; text-align:center; margin-left:0; margin-right:20px}
.block.upsell .products-grid .product-item .price-box {margin:0 0 10px 0}
.block.upsell .products-grid .product-item-info {width:100%; height:100%}
.block.upsell .products-grid .product-item-details {text-align:center}
.block.upsell .products-grid .product-item-details .product-item-name {height:3em; padding:0 10px}
.block.upsell .products-grid .product-item-link {font-size:14px; color:#575757; font-weight:700; height:3em}
.block.upsell .products-grid .product-item-details p {padding:0 10px}
.block.upsell .products-grid .product-item-details .yotpo {padding-top:10px}

/* MINI-CART */
.block-minicart .items-total {float:none !important;}
.block-minicart .subtotal {display:none !important;}
#minicart-content-wrapper .price {color:#575757}
#mini-cart .product.options.list {color:#575757}
#mini-cart .amount.price-container {color:#575757}
#mini-cart .product-item-name {font-weight:bold; color:#575757; margin:0}
#mini-cart li.item.product {padding:5px 0 !important}

/* CART */
.cart.table-wrapper .product-item-name a,
.cart.table-wrapper .col.price .price,
.cart.table-wrapper .col.subtotal .price {font-size:14px}
.cart.table-wrapper .col.price .price-excluding-tax .price,
.cart.table-wrapper .col.subtotal .price-excluding-tax .price {font-size:11px; padding-top:6px;}

.cart.table-wrapper .actions-toolbar > .action-delete {margin-right:20px;}

.cart.item .item-options .price {display:none}
#shopping-cart-table th.col {text-align:center}

#cart-totals .grand.totals.excl strong {font-size:14px}
#cart-totals .grand.totals.incl strong {font-size:16px}
.cart.item.message.notice {display:none}
.cart-summary .block.discount {border-bottom:1px solid #ccc}
.cart-summary .block.discount .title {border-top:0}
.cart-summary .block.discount .title strong,
.cart-summary .block.shipping .title strong {color:#39c !important}
.action.primary.checkout {background-color: green;text-transform: uppercase;}
.action.primary.checkout:hover {background-color:#3c973c; border-color:green}
.cart-summary #co-shipping-method-form .field.note {display:none}


/* CHECKOUT */
.opc-block-summary .totals.shipping.excl .label {display:none}
#checkoutsteps li {padding:10px 12px}
#checkoutsteps .step-title {color:#5ad17d}
.totals.discount span {COLOR:#C30 !important; font-weight:bold;}
.table-checkout-shipping-method .col {padding:10px; }

/* FOOTER */

.footer.links {width:100%; padding-top:20px !important;padding-left:0 !important; padding-right:0 !important;}
.footer.links .nav.item {display:none}
.footer.links .block-title strong {font-weight:700; color:#575757; text-decoration:underline}
.social-links {float:right}
.social-links img {height:50px}
.company-footer {background-color:#39c; padding-top:10px}
.company-footer p {text-align:center; width:100%; color:white}
.company-footer p span {
    margin-left: 40px;
}
.copyright {background-color:#39c}
.block.newsletter {display:none}



/*CMS PAGES */

.cms-troubleshooting tr {border-top:1px solid #575757}
.cms-troubleshooting th {background-color:#efefef}
.cms-troubleshooting th.cause {border-right:1px solid #575757;border-left:1px solid #575757}
.cms-troubleshooting th p {text-align:center; text-transform: uppercase;}
.cms-troubleshooting .col-1 {vertical-align:middle; background-color:#efefef; border-right:1px solid #575757}
.cms-troubleshooting .col-1 p {text-transform:uppercase;font-weight:bold; text-align:center}

.cms-delivery th, .cms-delivery td {text-align:center; background-color:#f8f8f8}
.cms-delivery tr {border-bottom:1px solid #575757}
.cms-delivery td.region, .cms-delivery th.region {text-align:left; border-right:1px solid #575757; padding-left:20px}
.cms-delivery td.value, .cms-delivery th.value {border-right:1px solid #575757}


/* SEARCH RESULTS */
.search.results dd.item {display:inline; margin-right:20px}

/* CUSTOMER LOGIN */
.block-new-customer .block-title,
.block-customer-login .block-title strong {font-weight:600; color:#c30}
.block-new-customer .block-content h2.legend {font-weight:400; font-size:18px !important}
.block-new-customer a.action.create:hover {color:white !important}

.join-1, .join-2 {max-width:50%;float:left}
.join-1 #prefix {width:100px}
.join-2 {padding-left:50px}
#password-strength-meter {opacity:0.7}

/* CUSTOMER DASHBOARD */

.block-dashboard-info {margin-bottom:30px !important}
.block-dashboard-info .box-newsletter,
.block-dashboard-info .block-title {display:none}
.customer-address-form .form-address-edit .fieldset {margin-bottom:0}
.form-edit-account .fieldset {margin-bottom:20px !important}
.form-edit-account .password-info {display:none}
#swissup-customer-fields-container {display:none}
.form-edit-account .action.save.primary {margin-left:50px}

.form-address-edit .fieldset {margin-bottom:20px !important}

/*MY ORDERS */
.sales-order-shipment .order-date,
.sales-order-shipment .actions,
.sales-order-invoice .order-date,
.sales-order-invoice .actions,
.sales-order-view .order-date,
.sales-order-view .actions {float:right}

.sales-order-view .subtotal .mark,
.sales-order-invoice .subtotal .mark,
.sales-order-shipment .subtotal .mark,
.sales-order-view .subtotal .amount,
.sales-order-invoice .subtotal .amount,
.sales-order-shipment .subtotal .amount,
.sales-order-invoice .invoice .actions-toolbar,
.sales-order-invoice .invoice .order-title strong,
.sales-order-shipment .shipments .actions-toolbar,
.sales-order-shipment .shipments .order-title strong,
.sales-order-shipment .action.track   {display:none !important}

.sales-order-invoice .action.print {margin-left:10px }
.order-details-items.creditmemo .actions-toolbar .action.print {display:none; }

.sales-order-view .col.sku,
.sales-order-invoice .subtotal .col.sku,
.sales-order-shipment .subtotal .col.sku {color:white}

/* FLOATING COVERS */
#product-price-2607 span::after{content:' per sq. metre'; font-weight:normal}

/* BESPOKE COVERS */
.sub-259, .sub-531 {background-color:white !important; border:0 !important; padding:0 !important}
h2.new {padding-left:160px; background-image: url(../images/new.png); background-repeat:no-repeat;line-height:100px; text-align:left !important}

/* WIKI */
.wiki img {float:left; height:200px; margin:20px;}

/* INSERTS */
.subcategory .hide-it {display:none}


/* MOBILE */
@media screen and (max-width: 767px) {
    
.nav-toggle {top:0 !important;}
.page-main {top:-20px;}

/* NAV */
.nav-section {min-width:100% !important;}
.navigation ul {display:block; width:100%}
.navigation .level0:hover li a {color:#333 !important}
.navigation .level0>.level1 {font-weight: normal;}   
.navigation .level1 a {color:#333 !important}
.navigation .level0 a {text-align:left; font-weight:normal !important;}
.nav-sections-item-switch {font-size:18px !important;text-transform:uppercase; color:white }
.nav-sections-item-switch::active,
.nav-sections-item-switch::hover,
.nav-sections-item-switch a,
.greet.welcome,
.header.links a {color:white !important; font-weight:normal;}
.nav-sections-item-title {width:50%;}

.page-layout-2columns-right .column.main {
    border-right: 0;
    padding-right: 0;
}


#player {height:413px}

/* FOOTER */
.page-footer {padding: 25px !important;}
.footer.links .links {width:33%; float:left}
    
.block.upsell,    .block.upsell .block-title {width:100%;}

#vimeo-covers {min-height:420px!important;}

}

/* TINY MOBILE */
@media screen and (max-width: 480px) {

 .company-footer p span {
    margin-left: 0px;
    display: block}   

#player {height:252px}
    
.block.upsell .products-grid .product-item {width:100%;}

.subcategories .subcategory {min-width:100%;}

.footer.links .links {width:100%;}

#vimeo-covers {min-height:220px!important;}
    
}

/* CONTACT US */

.contact-index-index .column.main {max-width:1000px; margin:auto;}
.contact-form {width:50%;float:left;  padding-right:40px; border-right:1px solid #ccc; }

.contact-info {float:right; width:40%;}
.contact-info p.head,
.contact-form p.head {font-size:18px; color:#39c}
.contact-form .field {width:40%; float:left; margin-right:5%}
.contact-form .field.comment {width:80%}

@media screen and (max-width: 1000px) {
  .contact-form {width:100%; min-width:100%; border:0;float:none;}
  .contact-info {width:100%; min-width:100%; margin-left:0 !important; float:none;}
}

/* ROTATING TOP AD */
.advert {background-color: #6bc8a0; border-bottom: 1px solid #ccc;max-width: 100%; width: 100%; padding: 10px 0; cursor: pointer; top: 0; left: 0;}
.advert .scroller {line-height: 1.2em;height:1.2em;position: relative;overflow: hidden;width: 100%;}
.advert .scroller > span { position: absolute;top: 0;line-height: 2em;animation: scrollUp 22s linear 1s infinite forwards;
  -webkit-animation:scrollUp 22s linear 1s infinite forwards;
  -moz-animation:scrollUp 22s linear 1s infinite forwards;text-align:center;width:100%;}
.advert .scroller > span a {color:#c30;}
.advert .scroller > span:hover{animation-play-state: paused; cursor:ponter; color:#666;} 

.advert a {color:white; font-size:16px;}

@keyframes scrollUp {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}

/* FLEX SLIDER */
.sw-flexslider .slides {overflow:visible!important;}

/* CLUB */
#club-sidebar, #info-sidebar, #info-sidebar2, #info-sidebar3, #info-sidebar4, .info-sidebar {display: block; text-align:center;
    border: 2px solid darkslategrey;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px;
    border-width: 3px 4px 3px 5px;
    border-radius: 95% 4% 92% 5% / 4% 95% 6% 95%;
    transform: rotate(2deg);}
    
#info-sidebar, .info-sidebar {background-color:#e3f9ed; border-color:green; margin:20px; padding-top:10px;}
#info-sidebar2, .q2 {background-color:#e3f9ed; border-color:green; margin:20px; padding-top:10px; transform: rotate(-4deg); border-width: 6px 4px 3px 3px;}
#info-sidebar3, .q3 {background-color:#e3f9ed; border-color:green; margin:20px; padding-top:10px; }
#info-sidebar4, .q4 {background-color:MistyRose; border-color:red; margin:20px; padding-top:10px; border-width: 6px 6px 4px 3px; transform: rotate(3deg); }
#info-sidebar a, #info-sidebar2 a, #info-sidebar3 a, #info-sidebar4 a, .info-sidebar a  {font-weight:bold; color:darkslategrey; font-style:italic;}
    
.club {text-align: center;background: #39c;margin:0; width:100%;padding-top:15px; height:3em}
.club a {font-weight:700; color: white !important}
.club a:hover {text-decoration:none; color:#c30 !important}

#delivery-sidebar{display: block; text-align:center;
    border: 2px solid darkslategrey;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px;border-width: 5px 5px 3px 3px;
    border-radius: 95% 4% 92% 5% / 4% 95% 6% 95%;
    transform: rotate(-2deg);}

/* REMOVE ADD TO COMPARE */
.action.tocompare {display:none !important}

/* COOKIE NOTICE */
#notice-cookie-block, 
.message.global.cookie {z-index:9;}

/* REMOVE ASSURANCE CARD */
.ac-widget {display:none !important;}

/* COVER ORDERING */
#player {width:100%; height:630px;margin-bottom:20px}
@media screen and (max-width: 1200px) { #player {height:490px} }
@media screen and (max-width: 900px) { #player {height:363px} }
@media screen and (max-width: 962px){ 
    /* */
    .page-layout-2columns-right .sidebar-main {width:100% !important; padding-left:0!important;}
    .page-layout-2columns-right .column.main  {width:100% !important; padding-right:0!important; border-right:0!important;}
}

p.cover-price {text-align:center; text-transform:uppercase; font-weight:bold;font-size:16px; margin-top:20px;}

p.choice, p.instruct{background-color: #eee;
    color: #575757 !important;
    margin-bottom: 0px !important;
    padding: 8px 16px;
    border-bottom: 1px solid white;
    text-align: center; margin:auto}
p.choice.first::before {
    content: "WHY CHOOSE THIS OPTION?";
    font-weight: bold;
    display: block;
    border-bottom: 1px solid white;
    margin-bottom: 8px;}
p.choice.last {margin-bottom:10px !important}
p.instruct.first::before {
    content: "WHAT YOU NEED TO KNOW";
    font-weight: bold;
    display: block;
    border-bottom: 1px solid white;
    margin-bottom: 8px;}

.sub-259 .flex-grid {padding-top:10px}
.page-products .flex-col,
.sub-259 .flex-col {margin:0 !important; padding:0!important; }
.chooser {}
.chooser .flex-grid {align-items:flex-start; flex-wrap:wrap}
.chooser .flex-col.shape {text-align:center;}
.chooser .flex-col {position:relative; min-width:250px; border:2px inset #ccc; margin:5px; align-self:stretch; padding-bottom:45px !important}
.chooser .flex-col h2 {font-size:14px !important}
.chooser .flex-col h2 span {color: yellow; height:2em; border-bottom: 1px dashed white; margin-bottom: 8px; padding-bottom: 8px; display: block;}
.chooser .flex-col img {max-width:250px !important; height:100px; width:auto !important}
.chooser .spec li.skin, .chooser .spec li.double, .chooser .spec li.shape, .chooser .spec li.seal {
    width: 44%;}
.chooser h2 {font-size:18px !important; margin-bottom:10px !important; text-align:center; color: #575757!important;padding: 8px;text-transform:uppercase;font-weight:700}
.chooser h2 span.step {color:#c30 !important}

input.cover {position:absolute; bottom:5px;width:300px; margin-left:-150px; left:50%; display:block;white-space:normal; background-color:#390;border-radius:5px;
background-image:linear-gradient(to bottom,#390,#69b969);color:yellow; font-weight:bold;padding:10px; text-decoration:none}
input.cover.small {width:250px !important; margin-left:-125px !important; }

input.cover:hover {background:#69b969;background-image: linear-gradient(to bottom, #69b969, #390);text-decoration: none; }

.cover-spec {border:2px solid #c30; padding:10px; text-align:center; }
.cover-spec .title {width:100%; text-align:center;}
.cover-spec .section {display:inline-block;margin-bottom:10px;}
.sidebar .cover-spec .section {min-width:100%;}
.review .cover-spec .section {width:300px}

.cover-spec .price {font-weight:bold; color:#c30;}
.cover-spec h3 {text-align:center;}
.cover-spec h2 {font-size:16px !important; margin-bottom:14px !important;}
.cover-spec ul li,
.cover-spec dl {text-align:center; margin: 0px;}
.cover-spec dd {text-align:center; margin:auto;}
.cover-spec dd img {max-height:150px; max-width:300px}

.cover-spec dd.change {border-bottom:1px solid #39c; padding-bottom:2px;}
.cover-spec input.change {display: block; width: 100%; text-align: right;
    color: #39c !important; background-color: white !important;border:0 !important;}

.cover-colour {display:inline-block;text-align:center;width:188px; padding:10px;}

.sidebar .cover-spec img {max-height:80px; width:auto; display:block; margin:auto; max-width:96%;}
.sidebar .cover-spec  h3 {font-size:16px; text-align:center; background:#c30; color:white;margin-top:0;padding:10px 5px;}

.bookmark {text-align:center; font-size:9px; padding-top:0px; color:#c30;}



.chooser .spec {padding-left:0!important; display:flex; flex-wrap:wrap;align-items:flex-start}
.chooser .spec li {
    position:relative;
    flex-basis:300px;
    flex-grow:1;
    list-style: none;
    text-align: center;
    margin: 10px !important;
    padding: 0px 15px 55px 15px;
    display: inline-block;
    vertical-align: top;
    align-self: stretch;
}

.chooser .spec li img,
.chooser .spec li .choice {max-width:300px}

.chooser .spec li h2 span {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 8px;
    padding-bottom: 8px;
    display: block;
}
.chooser h2 span {
    color: #c30 !important;
}
.shape .measure.img {
    clear: left;
    display: inline-block;
    width: 25%;
    max-width:200px;
    border: 1px solid #ccc;
    margin: 20px 0px;
}
.shape .measure.text {
    display: inline-block;
    width: 65%;
    padding: 20px;
    vertical-align: top;
}
.shape .measure .corners {border:1px solid #ccc; padding:10px; margin-bottom:20px}
.shape .measure label {margin-right:5px; color:black !important; font-size:16px}
.shape input#TL, .shape input#TR, .shape input#BL, .shape input#BR {margin-right:10px}
.shape input.A {border-color:red; width:100px !important; font-weight:bold }
.shape input.B {border-color:green; width:100px !important; font-weight:bold }
.shape input.C {border-color:purple; width:100px !important; font-weight:bold }
.shape input.R {border-color:#09f; width:100px !important; font-weight:bold }
.shape input.S {border-color:brown; width:100px !important; font-weight:bold }
.shape input.slen {width:100px !important; font-weight:bold }
.shape input.sloc {width:100% !important; font-weight:bold }
.shape input.hloc {width:100% !important; font-weight:bold }

@media screen and (max-width: 472px) {
    .shape .measure.img,
    .shape .measure.text{width:100%!important;}
}

#add-cover  {clear:both;margin:20px auto;display:block;white-space:normal; background-color:#390;border-radius:5px;
background-image:linear-gradient(to bottom,#390,#69b969);color:yellow; font-weight:bold;padding:10px; text-decoration:none}
#add-cover :hover {background:#69b969;background-image: linear-gradient(to bottom, #69b969, #390);text-decoration: none; }