:root{
--black:#000000;
--bluek:#1569be;
/*--greyk:#333333;*/
--greyk:#2a2a2a;
--greykScroll:#999999;
--shaddowk :#dad8d8;
--hgl:#8aaed2;
--tbborder:#e8e8e8;
--tbborderpopup:#666;
--tbborderlight:#f5f5f5;
--pagewidth:1300px;
--thSelectedBg:aliceblue;
}

@font-face{font-family:'Fredericka the Great';font-style:normal;font-weight:400;font-display:fallback;src:local(''),url('./fredericka-the-great-v10-latin-regular.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:fallback;src:local(''),url('./montserrat-v18-latin-regular.woff2') format('woff2');}
body{font-family:'Montserrat', sans-serif;box-sizing:border-box;margin:0 auto;color:var(--greyk);font-size:13px;}
input{font-family: 'Montserrat', sans-serif,Tahoma;}
h1,h2,h3{margin:0;}
a{color:var(--greyk);text-decoration:none;}
a:hover{text-decoration:underline;}
div{box-sizing:border-box;display:block;}
.font17{font-size:17px;}
.fntb{font-weight:bold;}
.header{font-family:'Fredericka the Great', cursive;}
ul{list-style-position:outside;padding-left:25px;margin:0;list-style-type:disc;}
.dflex{display:flex;flex-flow:row wrap;}
.diflex{display:inline-flex;}
.dflwrap{flex-wrap:wrap;justify-content:center;width:-webkit-fill-available;}
.dcflex{display:flex;flex-flow:column;flex:1;}
.flexbasis12proc{flex-basis:12% !important;}
.flexbasis14proc{flex-basis:14% !important;}
.flexbasis24proc{flex-basis:24% !important;}
.flexbasis28proc{flex-basis:28% !important;}
.flexbasis32proc{flex-basis:32% !important;}
.flexbasis40proc{flex-basis:40% !important;}
.flexbasis47proc{flex-basis:47% !important;}
.flexbasis50proc{flex-basis:49% !important;}
.flexbasis60proc{flex-basis:60% !important;}
.flexbasis70proc{flex-basis:70% !important;}
.flexbasis100proc{flex-basis:100% !important;}
.flex1{flex:1;}
.flexgrow1{flex-grow:1;}
.flexgap10{gap:10px;}
.flexgap5{gap:5px !important;}
.gap10{gap:10px;}
.gap5{gap:5px;}
.bckcell{background:#fafafa;}
.txA_c{text-align:center !important;}
.txA_r{text-align:right;}
.txA_l{text-align:left;}
.txjs_l{justify-self: left;}
.fntb{font-weight:bold !important;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font19{font-size:19px;}
.wWFA{width:-webkit-fill-available !important;}
.hWFA{height:-webkit-fill-available !important;}
.w0{width:0 !important;}
.w20{width:20px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w74{width:74px !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}
.w170{width:170px !important;}
.w250{width:250px !important;}
.w350{width:350px !important;}
.w550{width:550px !important;}
.w50pcent{width:50% !important;}
.w100pcent{width:100% !important;}
.w99pcent{width:99% !important;}
.w98pcent{width:98% !important;}
.w97pcent{width:97% !important;}
.w95pcent{width:95% !important;}
.w80pcent{width:80% !important;}
.floatL{float:left;}
.floatR{float:right;}
.unLine{text-decoration:underline;}
.tb_a_c{text-align:center;}
.tb_a_r{text-align:right;}
.tb_a_l{text-align:left;}
table.mainStructureTb,table.mainStructureTb td,table.mainStructureTb th{border:1px solid var(--tbborder);}
table.mainStructureTb{border-collapse:collapse;margin:0 auto;}
table.mainStructureTb th{font-size:13px;font-weight:bold;text-align:center;padding:6px;}
.tb_bold{font-size:13px;font-weight:bold;padding:6px;}
.sbtn{background:#000;color:#fff;border:none;border-radius:4px !important;font-size:11px;width:20px;height:20px;margin:0;padding:0;display:inline-block;}
.delete{background:url("/assets/mainapp/images/bt_icons/bt_delete.png") no-repeat;width:16px;height:17px;background-position:1px -1px;cursor:pointer;}
.fl_b33{flex-basis:33%;}
.divCenter{margin-left:auto !important;margin-right:auto !important;}
.flexbasis100proc{flex-basis:100%;}
.p5px{padding:5px;}
.p15pxl{padding-left:15px;}
.p10pxl{padding-left:10px;}
.p10px{padding:10px;}
.p12px_b{padding:0 0 12px 0;}
.h100pc{height:100% !important;}
.cp{cursor:pointer;}
.brd{border: 1px solid var(--tbborder);}
.mbt10{margin:0 0 10px 0;}
.mt10{margin:10px 0 0 0;}
.radius5{border-radius:5px;}
.radius8{border-radius:8px;}
.bgpos0{background-position:0 0 !important;}
.wh0{width:0;height:0;overflow:hidden;}
.m0a{margin:0 auto;}
.m5px{margin:5px;}
.m10px{margin:10px;}
.justC{justify-items:center;}
/*general*/
.maincontent{width:var(--pagewidth);min-height:600px;margin:0 auto;padding:10px;background:#ffffff;border-radius:2px;border-top-left-radius:0;border-top-right-radius:0;box-shadow: 1px 5px 4px var(--shaddowk);position:relative;}
/* .maincontentcontainer{} */
.frame{position:sticky;z-index:3;top:0;background-color:#fff;height:32px;}
.upsellView .maincontentcontainer{margin-top:20px;}
.dn{display:none;}
.dnn{display:none !important;}
.db{display:block !important;}
.prel{position:relative;}
.pabs{position:absolute;}
/*.boxWhiteShadow{background:#ffffff;border-radius:2px;box-shadow:1px 1px 8px var(--shaddowk);}*/
.boxWhiteShadow{border:1px solid var(--tbborder);background-color:#fff;}
.moretxt{height:20px;border-top:1px solid #999;text-align:center;background-color:#fbfbfb;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}


.rec:hover {background-color:#fafafa;}
.ml_20px{margin-left:20px;}
.mb_20px{margin-bottom:20px;}

/*top banner*/
.topcontainer{box-shadow:1px 1px 6px var(--shaddowk);position:sticky;z-index:3;top:0;background-color:#fff;}/*border-bottom:1px solid #cacaca;*/
.iconsbg{box-shadow: 0px -1px 7px var(--shaddowk);bottom:0;position:absolute;width:100%;height:33px;}
.top{width:var(--pagewidth);margin:0 auto;position:relative;}
.icons{display:flex;flex-flow:row;justify-content:space-between;padding:6px 15px 2px 15px;position:relative;flex:0 1 100%;margin: 0 auto;width:80%;}
.topphone{font-size:16px;flex:0 0 131px;margin:20px 10px 0 0;text-align:right;background:url("/assets/mainapp/images/ccFormPhone.jpg") no-repeat;width:100%;height:25px;padding:0 0 0 17px;font-weight:bold;background-size:14px;background-position:0 2px;}
.between{flex: 1 0;}
.logoimg img{width:100%;height:auto;max-width:250px;}
.logoimg{padding:5px 0 5px 10px;margin:5px 0;flex:0 0 min(45%,200px);}
/*.topmenu{text-align:right;display:flex;justify-content:right;}*/
.ic_topmenu img{width:22px;height:auto;}
#saveProgress{display:none;}
.progressdiv{position:fixed;left:50%;top:50%;width:200px;z-index:2;height:200px;align-items:center;align-content:center;text-align:center;transform:translate(-50%, -50%);}
.cntBasket{position:absolute;top:-2px;right:-8px;min-width:16px;width:auto;height:16px;background:red;border-radius:8px;color:#fff;padding:1px 0 0 0;font-weight:bold;font-size:11px;text-align:center;}
.topLogo{display:flex;flex-flow:row wrap;flex:1 0 100%;}
.menuhbrgr{height:47px;width:47px;background:#a8d1fd;position:relative;top:79px;left:-34px;box-shadow:2px 2px 4px #666;border-radius:0 0 3px 3px;grid-column:1;grid-row:1/3;}
.manubarrectangle{height:4px;width:37px;background-color:#fff;margin:0 5px 5px 5px;}
.manubartitle{font-family:'Montserrat', sans-serif;font-size:10px;margin:4px 5px 2px 5px;text-align:center;color:#fff;}
.mob{display:none;}
.navigationWrapper{background-color:#fff;gap:10px;padding:10px;width:100%;border: 1px solid var(--tbborder);border-top:0;position:absolute;margin:1px 0 0 0;z-index:3;overflow:hidden;max-height:91vh;}
.navigation{display:grid;margin:0;grid-template-columns:repeat(auto-fit,minmax(max(24%,162px),1fr));grid-gap:10px;}
.naviSearchWrapper{background-color:#fff;gap:10px;padding:10px;width:99%;border:1px solid var(--tbborder);border-top:0;position:absolute;margin:1px 0 0 0;z-index:3;overflow:hidden;}
.formInputSearch{height:40px;width:50%;padding:0 5px 0 32px;border:1px solid var(--tbborder);border-radius:4px !important;min-width:120px;max-width:300px;}
.ic_removesearchkey{background:url(/assets/mainapp/images/bt_remove_searchkey.png) no-repeat;cursor:pointer;width:29px;height:29px;margin:8px;position:absolute;background-position:3px 3px;left:60px;}
.ic_search{background:url(/assets/mainapp/images/bt_search.png) no-repeat;cursor:pointer;width:29px;height:29px;margin:8px;}
.searchBox{display:flex;position:relative;padding:0 max(1%,26px) 0 0;width:99%;}
.searchHead{line-height:45px;padding:0 10px;}
.highlightwords{background-color:antiquewhite;}
.resCounter{display:inline-flex;background:#f5f5f5;height:31px;border-radius:6px;border:1px solid var(--tbborder);margin:7px 7px 7px 0;padding:6px 10px 6px 15px;font-weight:bold;}
.resWrapper{overflow:hidden;}
.h_auto{height:auto;}
.srearrowr{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--hgl);position:relative;margin:3px 0 0 10px;}
.srearrowd{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--hgl);margin:5px 0 0 10px;}

/*form buttons*/
.sbtn{border-radius:4px !important;font-size:11px;width:20px;height:20px;display:inline-block;vertical-align:middle;}
.edit{background:#000 url("/assets/mainapp/images/bt_icons/bt_edit.png") no-repeat;background-position:50%;cursor:pointer;}
.selarrdown{background:#000 url("/assets/mainapp/images/select_arr_down.png") no-repeat;background-position:50%;cursor:pointer;}
/*paginator*/
.pagerFix{display:inline-flex;width:100%;height:auto;line-height:normal;clear:both;justify-content: center;}
.pagerAdmin{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;}
.pagerAdmin_center{flex:1 0 auto;display:flex;align-items:center;gap:10px;}
.pagerAdmin_right{flex:1 0 auto;}
.pagerAdmin_total{font-weight:bold;}
.pagerAdmin_info{font-weight:bold;padding:0 10px;}
.pagerAdmin_left{font-weight:bold;padding:0 10px 0 0;}
.pagerAdmin_btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#fff;padding:0 8px;text-decoration:none;}
.pagerAdmin_btn.disabled{opacity:.45;pointer-events:none;}
.pagerAdmin_numbers{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.pagerAdmin_page{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border:1px solid var(--tbborder);border-radius:4px;background:#fff;padding:0 8px;text-decoration:none;}
.pagerAdmin_page.active{background:var(--thSelectedBg);font-weight:bold;pointer-events:none;}
.pagerAdmin_dots{padding:0 6px;}
.firstRev{background-color:#390;}
.nextRev{background-color:#990000;}
.page_first{background:url("/assets/adminapp/images/bt_icons/bt_pagefirst.png") no-repeat;cursor:pointer;}
.page_prev{background:url("/assets/adminapp/images/bt_icons/bt_pageprev.png") no-repeat;cursor:pointer;}
.page_next{background:url("/assets/adminapp/images/bt_icons/bt_pagenext.png") no-repeat;cursor:pointer;}
.page_last{background:url("/assets/adminapp/images/bt_icons/bt_pagelast.png") no-repeat;cursor:pointer;}
.page_first,.page_prev,.page_next,.page_last{height:20px;width:30px;background-position: 5px 4px;background-size: 15px auto;}

.itemBoxHeadDiv {
    flex-basis: 100%;
    font-size: 13px;
    font-weight: bold;
    background-color: var(--thSelectedBg);
    padding: 6px;
    height: 28px;
    width: -webkit-fill-available;
}
/*table view*/
.rec:hover {background-color:#f5f5f5;}
.srec:hover {background-color:#f5f5f5;}
.divtable{display:table;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.divth{background-color: var(--thSelectedBg);}
.divtr{display:table-row}
.divth,.divtd{display:table-cell;border-left:1px solid #ccc;border-top:1px solid #ccc;vertical-align: middle;}
.divth{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 6px;
}
.divtd{}
.divtr{}

/**arrow */
.arrodownOn,.arrodownOff{background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:17px;height:13px;background-position:-3px 0;cursor:pointer;margin:0 10px 0 5px;}
.arrodownOff{background-position-x:-17px;}

/*menu*/
#menuswitch,#searchswitch{display:block;width:0;height:0;position:absolute;top:2px;left:11px;cursor:pointer;opacity:0;}
#menu{font-family:'Montserrat', sans-serif;display:inline-block;width:100%;list-style-type:none;-webkit-font-smoothing:antialiased;/* to stop flickering of text in safari */
 transform-origin:0% 0%;transform:translate(-900%, 0);transition:transform 0.1s;opacity:0;}
#menu li{padding:5px 0;font-size:14px;}
#menu li a{font-size:14px;}
#menuswitch:checked ~ .navigationWrapper #menu{transform:none;opacity:1;width:94%;margin:46px 0 9px -15px;}
#menuswitch:checked ~ .navigationWrapper{display:block;}
#menuswitch:checked ~ body{overflow:hidden;}
#searchswitch:checked ~ .naviSearchWrapper{display:block;}
/* old record .naviRec{border: 1px solid var(--tbborder);padding:10px;display:flex;flex-flow:row wrap;max-width:312px;} */
.naviRec{border: 1px solid var(--tbborder);padding:10px;display:flex;flex-flow:row wrap;border-radius:15px;text-align:center;overflow: hidden;}
.naviRec:hover{box-shadow:1px 5px 4px var(--shaddowk);border: 1px solid var(--hgl);}
.naviRec:hover .naviImg{-webkit-transform:scale(1.1);opacity:1;-webkit-animation:flash 1.5s;/*transform-origin:bottom;*/-webkit-transition:.4s ease-in;-webkit-transition:-webkit-transform .2s ease-out;}
.naviImgWrap{width:230px;height:auto;margin:0 auto;display:inherit;align-self:flex-end;}
.naviImg{width:100%;height:auto;}
.naviHeader{/*font-family:'Fredericka the Great', cursive;*/text-align:center;padding:0 0 10px 0;font-size:min(5vw,20px);font-weight:bold;width:100%;}
.closeMenu{position:absolute;right:5px;top:5px;cursor:pointer;}
.naviTopH{padding:0;font-family:'Fredericka the Great', cursive;font-size:20px;}
.naviscroll{overflow:hidden;overflow-y:auto;max-height:80vh;padding:20px 0 0 0;}

/*tooltip*/
[data-tooltip]{position:relative;}
[data-tooltip]::before{opacity:0;pointer-events:none;position:absolute;content:'';left:5px;bottom:-10px;height:6px;width:6px;transform-origin:0% 0%;transform:rotate(-45deg);background:var(--black);border-top:1px solid var(--black);border-right:1px solid var(--black);z-index:2;}
[data-tooltip]::after{opacity:0;pointer-events:none;position:absolute;content:attr(data-tooltip);font-size:12px;left:0;bottom:-25px;background-color:var(--black);color:#fff;border:1px solid var(--tooltipborder);border-radius:4px !important;z-index:1;white-space:nowrap;text-align:right;padding:2px 4px;z-index:1;}
[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1;}

/*rating stars*/
.ratingHead{font-family:'Fredericka the Great', cursive;font-size:20px;margin:6px 20px 5px 0;}
.ratingsugg{padding:10px 0;}
.reviewtextarea{font-family:'Montserrat', sans-serif;font-size:14px;padding:0 5px 0 10px;border:1px solid var(--tbborder);border-radius:4px !important;height:140px;width:-webkit-fill-available;}
.ratingstars{display:inline-flex;border:1px solid #fff;}
.ratingstars input{display:none;}
.ratingstars label{cursor:pointer;}

.star00_l{background:url("/assets/mainapp/images/star_e_l.png") no-repeat;}
.star00_r{background:url("/assets/mainapp/images/star_e_r.png") no-repeat;}
.star_l{background:url("/assets/mainapp/images/star_f_l.png") no-repeat;}
.star_r{background:url("/assets/mainapp/images/star_f_r.png") no-repeat;}
.starsall{width:20px;height:38px;background-size:20px;}

/*account and login forms*/
.custhead{font-family: 'Fredericka the Great', cursive;font-size: 16px;padding:10px;}
.accountLoggedContent{display:flex;margin:10px 0 0 0;flex-flow:column;min-width:33%;}
.accountLoggedBox{margin:0 10px 10px 0;position:relative;cursor:pointer;padding:0 10px 10px 0;}
.accountLoggedBox:last-child{margin:0 10px 0 0;}
.accountLoggedBoxS{margin:0 10px 0 0;position:relative;cursor:pointer;padding:0 10px 10px 0;width:100%;}

.lgdReview{background:url("/assets/mainapp/images/ic_review.jpg") no-repeat;}
.lgdBasket{background:url("/assets/mainapp/images/ic_viewbasket.jpg") no-repeat;}
.lgdOrdBasket{background:url("/assets/mainapp/images/ic_viewbasket.jpg") no-repeat;}
.lgdProfile{background:url("/assets/mainapp/images/ic_profile.jpg") no-repeat;}
.lgdChPaswd{background:url("/assets/mainapp/images/ic_chPasswd.jpg") no-repeat;}
.lgdOrders{background:url("/assets/mainapp/images/ic_orders.jpg") no-repeat;}
.lgdLogout{background:url("/assets/mainapp/images/ic_logout.jpg") no-repeat;}
.lgdOrdDetails{background:url("/assets/mainapp/images/ic_order_details.jpg") no-repeat;}
.lgdPayment{background:url("/assets/mainapp/images/ic_payment.jpg") no-repeat;}
.lgdShipping{background:url("/assets/mainapp/images/ic_shipping.jpg") no-repeat;}
.icoDet{min-height:40px;padding:10px 5px 0 40px;background-position:0px 10px;margin:0 0 0 10px !important;background-size:30px;}
.ldgIconsSmall{background-position:16px 0;margin:0 !important;background-size:25px;min-height:26px;padding:2px 0 0 47px;font-size:16px !important;}
.custWrapper{margin:0 0 10px 0;min-height:450px;}
.custFieldsWrapper{margin:0 0 10px 0;display:flex;flex-flow:column;}
.ordDetWrapper{display:flex;margin:0 0 10px 0;gap:10px;flex-flow:row wrap;}
.orderABox{flex:1 0 31%;min-width: 200px;}
.custProfileWrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(278px,1fr));grid-gap:10px;}
.custButtonsWrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));grid-gap:10px;}
.custProfileLeft{position:relative;flex-grow:1;}
.custProfileLeft h1{font-family:'Fredericka the Great', cursive;font-size:30px;font-weight:normal;padding:20px 0 0 30px;margin-top:0;}
.custMenuTop{margin:0 0 10px 0;display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(max(13%,176px),1fr));}
.custMenuTop .custFormHeader{font-size:16px;}
.custMenuTop .custFormInfo{padding:0 10px 5px 10px;}
.custMenuTop .icoDet{background-position:0px 5px;}

.accountContent{display:flex;gap:20px;align-items:stretch;}
.accountContent form{display:flex;flex:1;}
.accountBox{width:100%;display:flex;flex-direction:column;}
.accountContent{margin:0 0 10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(307px,1fr));grid-gap:10px;}
.accountBox{position:relative;}
.formInfo{font-family:'Montserrat', sans-serif;font-size:13px;padding:5px 0 10px 15px;}
.custFormInfo{font-family:'Montserrat', sans-serif;font-size:13px;padding:5px 0 10px 15px;}
.loginformInfo{font-family:'Montserrat', sans-serif;font-size:13px;padding:5px 5px 10px 0;}
.formInfoSmall{font-family:'Montserrat', sans-serif;font-size:12px;margin:0 !important;text-align:center;padding:0 10px;}
.buttonPlace{padding:10px 0 0 0;}
.buttonPlaceS{padding:0;text-align:center;}
.nCust{background:url("/assets/mainapp/images/ic_newC.jpg") no-repeat;background-size:35px;min-height:100px;padding:15px 0 0 45px;background-position:0px 10px;margin:10px 0 0 25px !important;}
.eCust{background:url("/assets/mainapp/images/ic_login.jpg") no-repeat;background-size:35px;min-height:100px;padding:15px 0 0 45px;background-position:0px 10px;margin:10px 0 0 25px !important;}
.fpCust{background:url("/assets/mainapp/images/ic_fpasswd.jpg") no-repeat;background-size:35px;min-height:100px;padding:15px 0 0 45px;background-position:0px 10px;margin:10px 10px 0 25px !important;}
.errorMsg{height:auto;min-height:150px;width:-webkit-fill-available;position:absolute;bottom:0;margin:0 10px 10px 10px;text-align:center;}
.errorHeader{font-family:'Fredericka the Great',cursive;font-size:22px;color:#cc0000;margin:10px 20px 0px 20px;padding:20px 10px 10px 0;}
.errorMessage{margin:10px 30px;font-size:16px;}
.formFieldsContainerTop{display:flex;flex-wrap:wrap;}
.formFieldsContainerOther{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px 0 0 0;grid-gap:10px;}
.tableDiv{display:table;min-height:400px;width:-webkit-fill-available;}
.tableCellDiv{display:table-cell;vertical-align:middle;text-align:center;}

.genCustFields:first-child{width:100%;}
.genCustFields:not(:first-child){flex-grow:1;}
.genCustFieldsButton{width:100%;text-align:right;}
.genCustFL{margin:10px 10px 10px 10px;}
.genCustFR{margin:10px 10px 10px 0;}
.genCustFT{margin:10px 10px 0 10px;padding:10px;}

.formPasswdFieldsContainer{width:50%;margin:0 auto;}
.formPasswdNotif{line-height:80px;vertical-align:middle;width:50%;margin:0 auto;min-height:400px;}

/*checkout*/
.c2heckoutMenuTop{display:flex;margin:10px 10px 0 10px;}
.progressOrder{padding:0 11px 0 11px;margin:0 0 10px 0;}
.progressOptions{padding:5px 0 0 0;margin:0 0 10px 0;overflow-x:auto;}
.progressOrderBoxS{margin:0 10px 0 0;position:relative;cursor:pointer;padding:0 10px 10px 0;width:100%;display:block;}
.checkoutMenuTop{margin:5px 10px 0 10px;border-top:2px solid #000;display:flex;list-style:none;padding:0 0 10px 0;justify-content:space-between;align-items:stretch;align-content:stretch;}
.orderStep{position:relative;margin-top:10px;width:100%;}
.orderStep a{text-decoration:none;}
.orderStep::after{content:"";width:10px;height:10px;background:#fff;position:absolute;border-radius:10px;top:-18px;left:30%;transform:translatex(-50%);border:2px solid black;}

.progressOrderInfo{font-family:'Montserrat', sans-serif;font-size:12px;margin:0 !important;padding:0 10px;}
.ulError{text-align:left;padding:0 0 0 30%;}
.errorBorderRed{border-color:#cc0000 !important;}
.promptBorderGreen{border-color:#009933 !important;}
.oStatus{text-align:center;font-size:25px;font-family:'Fredericka the Great';padding:30px;}
.productOptStep{position:relative;margin:8px 0 0 13px;white-space:nowrap;}
.productOptStep a{text-decoration:none;}
.productOptStep::after{content:"";width:10px;height:10px;background:#fff;position:absolute;border-radius:10px;top:-17px;left:30%;transform:translatex(-50%);border:2px solid var(--greyk);}
.productOptMenuTop{margin:3px 0 0 0;border-top:2px solid var(--greyk);display:flex;gap:5px;list-style:none;padding:0;justify-content:space-between;width:100%;max-width:-webkit-fill-available;}
.active::after{background:var(--greyk);}
.optionsHeaderbefore{background:url("/assets/mainapp/images/optionCheck.png") no-repeat;position:absolute;width:27px;height:21px;top:0;left:-17px;display:none;}
.togglearrowProdOn,.togglearrowProdOff{background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:20px;background-position-y:1px;}
.optionsHeader{font-size:12px;border:1px solid var(--tbborder);background-color:#fff;padding:3px;display:flex;border-radius:6px;}
[id^=dd_]{display:none;}
[id^=xfd_]{display:none;}
.missingfields{width:max(321px,23%);margin:0 auto 10px auto;padding:10px;}
.missingxfrec{padding:10px 0 0 20px;text-decoration:underline;}
.tick{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.showDIV{display:block;}
.prodOptDIV{/*border-radius:6px;border:1px solid var(--tbborder);height:calc(100% - 110px);*/
 height:78vh;}
.xfPrice{font-family:'Fredericka the Great';font-size:20px;padding:5px 0 0 0;}
.prplus{font-family:'Montserrat', sans-serif;}
.xfopt{font-size:12px;}
.xfoptHead{font-size:15px;padding:5px 0 0 10px;font-weight:bold;}
.dflexxf{display:flex;flex-flow:row;justify-content:space-between;}
.upsellView{position:absolute;top:50px;width:-webkit-fill-available;margin:0 10px 0 0;height:84vh;background-color:white;background:#ffffff;border-radius:2px;box-shadow:1px 5px 4px var(--shaddowk);z-index:2;border:1px solid var(--tbborder);}
/*order components*/
.ordGroup{font-size:12px;font-weight:bold;}
.ordComp{font-size:12px;padding:0 0 0 20px;}
/*END order components*/

/*checkbox*/
.checkcontainer{display:inline-block;position:relative;padding:3px 0 0 30px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.checkcontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkcontainer input:checked ~ .checkmark{background-color:#2196F3;}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border:1px solid #ccc;}
.checkcontainer:hover input ~ .checkmark{background-color:#ccc;}
.checkmark:after{content:"";position:absolute;display:none;}
.checkcontainer input:checked ~ .checkmark:after{display:block;}
.checkcontainer .checkmark:after{left:7px;top:2px;width:4px;height:9px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


/*checkbox option Prod*/
.xfcheckcontainer{display:inline-block;position:relative;padding:3px 0 10px 30px;cursor:pointer;font-size:12px;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.xfcheckcontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.xfcheckcontainer input:checked ~ .prod_chm{background-color:#2196F3;}
.prod_chm{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border:1px solid #ccc;}
.xfcheckcontainer:hover input ~ .prod_chm{background-color:#ccc;}
.prod_chm:after{content:"";position:absolute;display:none;}
.xfcheckcontainer input:checked ~ .prod_chm:after{display:block;}
.xfcheckcontainer .prod_chm:after{left:7px;top:2px;width:4px;height:9px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

/*form*/
.wr-input{position:relative;border:1px solid #e6e6e6;border-radius:5px;background-color:#fff;padding:5px 0 0 5px;}
.wrinpFB30{margin:0 10px 10px 0;flex-basis:30%;}
.wrinp{margin:0 10px 10px 0;}
.wrinpW100{width:100%;margin-bottom:20px;}
.fieldlabel{display:block;font-size:10px;}
.fieldform{height:22px;width:90%;min-width:60px;outline:none;border:none;font-size:13px;padding:0 0 0 10px;background-color:#fff;font-family:'Montserrat', sans-serif,Tahoma;}
.passwdtoggle{background: url(/assets/mainapp/images/ic_eye.png) no-repeat;width:20px;height:20px;position:absolute;right:10px;top:12px;opacity:0.6;}
.passwdtoggleSlash{background: url(/assets/mainapp/images/ic_no_eye.png) no-repeat;}
select.fieldform{padding:0;}
.fieldformSmall{height:30px;outline:none;border:none;font-size:15px;padding:0 0 0 20px;background-color:#fff;}
.fieldformReadOnly{outline:none;border:none;font-family:'Montserrat', sans-serif;font-size:14px;}
.contactContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(49%,350px),1fr));grid-gap:10px;}
/* .cntactl{} */
/* .cntactr{} */
.cntactlt{padding:10px;}
.cntactlb{margin:10px 0 0 0;padding:10px;flex-grow:1;}
.btn{font-family: 'Montserrat';background:#000;color:#fff;border:none;border-radius:4px !important;font-size:15px;padding:0 20px;height:40px;cursor:pointer;}
.btn_logout{background:#cc0000;color:#fff;border:none;border-radius:4px !important;font-size:14px;padding:0 20px;height:30px;cursor:pointer;}
.formHeader{font-family:'Fredericka the Great', cursive;font-size:20px;margin:11px 15px 20px 15px;}
.custFormHeader{font-family:'Fredericka the Great', cursive;font-size:20px;margin:11px 15px 20px 15px;}
.loginformHeader{font-family:'Fredericka the Great', cursive;font-size:20px;margin:11px 15px 20px 15px;}

.formFieldsHeader{font-family:'Fredericka the Great', cursive;font-size:20px;margin:10px 0 5px 0;}
.formFieldsContainerC{padding:0 50px 20px 50px;}
.formFieldsContainer{padding:0 15px 20px 15px;}
.formFieldsContainer{display:flex;flex-direction:column;flex:1;}
.formFieldsContainer .btn{margin-top:auto;}
.formInputWrap{width:min(100%,450px);margin:0 0 10px 0;padding:0 5px;}
.formChoiceWrap{margin:0;}
.formChoiceSingle{border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid var(--tbborder);border-bottom:1px solid var(--tbborder);background-color:#fff;}
.formChoiceSingleActive{margin:0;border-bottom:0;}
.formTabBrdTop{margin-top:-1px;}
.inputCfield{position:relative;border:1px solid #e6e6e6;border-radius:5px;background-color:#fff;padding:3px 3px 0 6px;margin:0 0 5px 0;}
.inputXFProdField{font-family:'Montserrat', sans-serif;position:absolute;bottom:0;right:10px;border:1px solid #e6e6e6;border-radius:5px;background-color:#fff;padding:4px 4px 2px 6px;margin:0 0 1px 0;width:50%;display:none;}
/* .inputXFProdFieldError{} */
.labelXFProdField{display:block;font-size:10px;}
.userEntryXFProdField{height:15px;outline:none;border:none;font-size:14px;background-color:#fff;width:100%;}
.inpFlex00{flex:0 0;}
.inpFlex10100{flex:1 0 100%;}
.inpFlex11{flex:1 1 272px;}
.ordFieldsContainer{padding:0 10px 15px 30px;font-size:14px;}
.ccFormPhone{background:url("/assets/mainapp/images/ccFormPhone.jpg") no-repeat;width:100%;height:25px;padding:4px 0 0 35px;font-weight:bold;margin:0 0 20px 0;background-size:25px;}
.ccFormEmail{background:url("/assets/mainapp/images/ccFormEmail.jpg") no-repeat;width:100%;height:25px;padding:4px 0 0 35px;font-weight:bold;background-size:25px;}
.ccTxtArea{width:99%;height:190px;border:none;font-size:15px;resize:none;}
.ccMap{padding:10px;aspect-ratio:1.33;}
.ifMap{border:0;width:100%;height:-webkit-fill-available;}
.message{height:auto;min-height:226px;width:50%;position:fixed;left:50%;margin-left:-25%;text-align:center;top:50%;transform:translateY(-50%);}
.closeX{position:absolute;right:5px;top:5px;cursor:pointer;}
.notifHeader{font-family:'Fredericka the Great',cursive;font-size:22px;margin:50px 20px 0px 20px;}
.notifMessage{margin:10px;font-size:14px;line-height:24px;}
.formFieldsButton{width:100%;text-align:right;padding:10px 10px 10px 0;}
.formsRadius{border:1px solid #e6e6e6;border-radius:5px;}
#newCustDiv,#existingCustDiv,#fpCustDiv,#guestCustDiv{margin:10px 0 10px 30px;padding:0px 5px 5px 20px;display:none;}
#newCustDiv{display:block;}
.cmp{padding:7px 20px 5px 35px;width:max(28%,360px);flex:1;}
.chmcmp{margin:5px 0 0 6px;}

/*sectionlist*/
.sectionslist{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(24%,210px),1fr));grid-gap:10px;margin:10px 0 0 0;}
.sectionbox{position:relative;overflow:hidden;display:flex;}
.secboxa{display:flex;flex-flow:column;flex:1;}
.secname{font-family:'Fredericka the Great', cursive;font-size:20px;margin:10px 15px;}
.secdesc{font-family:'Montserrat', sans-serif;font-size:13px;margin:0 15px 15px 15px;line-height:1.2em;min-height:3.6em;flex:1;}
.seclistimg{width:80%;margin:0 auto 3% auto;display:block;}
.sectionbox a,a.secname,a.secdesc{text-decoration:none;color:var(--greyk);}
.sectionbox img{-webkit-transform:scale(1);transform-origin:top;-webkit-transition:.2s ease-in;}
.sectionbox:hover img{-webkit-transform:scale(1.1);opacity:1;transform-origin:top;-webkit-animation:flash 1.5s;}
.sectionbox:hover .secname{color:var(--bluek);}
@-webkit-keyframes flash{0%{opacity:.6;} 100%{opacity:1;}}
@keyframes flash{0%{opacity:.6;} 100%{opacity:1;}}
/*sectionlistsmall*/
.sectionslistsmall{display:grid;grid-template-columns:repeat(auto-fit,minmax(267px,1fr));grid-gap:10px;margin:10px 0 0 0;}
.sectionboxsmall{position:relative;overflow:hidden;}
.secnamesmall{font-family:'Fredericka the Great', cursive;font-size:min(18px,4vw);margin:8px 5px 8px 10px;flex:1 0 80%;line-height:1.2em;}
a .secnamesmall:hover{text-decoration:underline;}
.seclistimgsmall{margin:0 8px 8px 5px;min-width:50px;max-width:120px;width:100%;height:-webkit-fill-available;}
.secdescsmall{font-family:'Montserrat', sans-serif;font-size:12px;margin:5px 10px 5px 0;flex:1 0;}
.sectionboxsmall a,a.secnamesmall,a.secdescsmall{text-decoration:none;color:var(--greyk);display:flex;flex-flow:row wrap;}

/*qty plus-minus*/
.quantity{display:inline-flex;padding:10px;}
.quantity .input-text.qty{width:35px;height:39px;padding:0 5px;text-align:center;background-color:transparent;border:1px solid #efefef;}
.quantity.buttons_added{position:relative;white-space:nowrap;vertical-align:top;}
.quantity.buttons_added input{display:inline-block;margin:0;vertical-align:top;box-shadow:none;}
.quantity.buttons_added .minus,.quantity.buttons_added .plus{padding:7px 10px 8px;height:41px;background-color:#ffffff;border:1px solid #efefef;cursor:pointer;}
.quantity.buttons_added .minus{border-right:0;}
.quantity.buttons_added .plus{border-left:0;}
.quantity.buttons_added .minus:hover,.quantity.buttons_added .plus:hover{background:#eeeeee;}
.quantity input::-webkit-outer-spin-button,.quantity input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;margin:0;}
.quantity.buttons_added .minus:focus,.quantity.buttons_added .plus:focus{outline:none;}

/*section page*/

.secTopSnippet{margin:0 0 10px 0;display:flex;flex-flow:row wrap;}
.secTopSnippet h1{font-family:'Fredericka the Great', cursive;font-size:min(30px,5vw);font-weight:normal;padding:10px 0 10px 10px;flex:1 0 100%;}
.sDetails{display:flex;padding:0;flex-flow:row wrap;}
.sDetails_Desc{padding:0 20px 20px 10px;font-family:'Montserrat', sans-serif;font-size:13px;flex:1 0 240px;}
.sDetails_Descflow{overflow:hidden;height:160px;}
.sDetails_Desc ul li{padding:0 0 10px 0;}
.sDetails_Img{padding:0 10px 10px 10px;flex:1 0;min-width:100px;max-width:200px;}
.sDetails_Img img{width:100%;height:auto;}

/*section page products*/
.secProductList{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(44%,270px),1fr));grid-gap:10px;margin: 10px 0 0 0;}
.secProduct{position:relative;padding:5px 5px;display:flex;flex-flow:column;max-width:635px;}
.secProdLink{padding:0 0 10px 0;}
.secProductDetails{display:flex;flex-flow:row wrap;gap:10px;position:relative;}
.secProductDetCodePrice{display:table;flex:1;flex-flow:row wrap;padding:10px 5px 10px 5px;gap:10px;height:auto;margin-bottom:auto;}
.secProduct h2{font-family:'Fredericka the Great', cursive;font-size:min(20px,4.6vw);color:var(--bluek);font-weight:normal;margin:0;padding:5px 5px 0 5px;}
.togglearrowSectionOn,.togglearrowSectionOff{background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:13px;background-position-y:5px;background-size:30px;cursor:pointer;margin:0 10px 0 5px;}
.togglearrowSectionOff{background-position-x:-17px;}
.moreinfo{display:inline-flex;justify-content:end;display:none;padding:20px 0 0 0;}
.secProductDesc{font-family:'Montserrat', sans-serif;font-size:13px;overflow:hidden;flex:1 0 320px;}
.secProductDesc ul li{padding:0 0 10px 0;}
.secProductPrice{font-family:'Fredericka the Great', cursive;font-size:30px;color:var(--greyk);text-align:right;display:table-cell;vertical-align:bottom;}
.secProductPriceType{font-size:13px !important;}
.secProductPrice span{font-size:20px;}
.secProductImg img{width:100%;height:auto;max-width:250px;}
.secNoProduct{position:relative;padding:20px;font-family:'Fredericka the Great', cursive;font-size:20px;color:var(--bluek);text-align:center;}
.secProdProps{display:flex;position:relative;gap:10px;}
/* .secProdProp{} */
.secProductImg{min-width:120px;flex:1 0 min(250px,32%);text-align:center;width:100%;}
.secProdProp img{width:100%;height:auto;max-width:25px;}
.secProductCode{display:table-cell;vertical-align:bottom;}
.prodProp{position:relative;display:inline-block;}
.prodProp img{width:100%;height:auto;max-width:30px;cursor:pointer;}

.secProdPropTool{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px);background:#000;color:#fff;font-size:12px;padding:6px 10px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;}
.secProdPropToolAfter{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;opacity:0;visibility:hidden;}

.prodProp:hover .secProdPropTool{opacity:1;visibility:visible;}
.prodProp:hover .secProdPropToolAfter{opacity:1;visibility:visible;}

/* 
.secProdProp:hover .secProdPropTool,.secProdProp:hover .secProdPropToolAfter{display:block;}
.prodProp:hover .secProdPropTool,.prodProp:hover .secProdPropToolAfter{display:block;}
 */


/*product*/
.galProductsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(24%,215px),1fr));grid-gap:10px;margin:10px 0 0 0;}
.galProduct{border:1px solid var(--tbborder);background-color:#fff;padding:5px;}
.galProductImg{text-align:center;min-width:120px;width:100%;}
.galProductImg img{width:100%;height:auto;max-width:300px;}
.galProductCaption{font-size:14px;font-weight:bold;text-align:center;color:#000;}

.simProductsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(44%,270px),1fr));grid-gap:10px;margin:10px 0 0 0;}
.simProduct{border:1px solid var(--tbborder);background-color:#fff;padding:5px;}
.simProductDetCodePrice{display:flex;flex:1;flex-flow:row wrap;}
.simProdLink{font-size:14px;font-weight:bold;display:block;}
.simProductImg{text-align:center;min-width:120px;width:100%;}
.simProductImg img{width:60%;height:auto;max-width:180px;}
.simProductPrice{font-family:'Fredericka the Great', cursive;font-size:20px;color:var(--greyk);text-align:center;display:table-cell;vertical-align:bottom;flex:1 0 105px;}
.simProductCode{padding:8px 0 0 0;display:table-cell;vertical-align:bottom;flex:1 0 140px;text-align:center;}
.simProductPrice span{font-size:15px;}
.prodTopSnippet{display:flex;flex-flow:row wrap;position:relative;}
.prodTopSnippetH1{font-family:'Fredericka the Great', cursive;font-size:min(30px,4.4vw);font-weight:normal;padding:0 10px 10px 10px;}

.tilesFlex{display:flex;flex-flow:row wrap;display:grid;grid-template-columns:repeat(auto-fit, minmax(max(24%, 270px), 1fr));gap:10px;justify-content:space-between;align-items:center;margin:20px 50px 0 0;}
.tile{display:flex;justify-content:center;align-items:center;background:#ffffff;border-radius:5px;/*border-top-left-radius:0;border-top-right-radius:0;*/box-shadow:1px 5px 4px var(--shaddowk);flex:1 0;border:1px solid var(--tbborder);padding:20px 0 5px 0;}
.tileGraphWrap{align-items:center;display:flex;flex-flow:column;}
#prod_mode_content{height:100%;}
.cprod_mode_content{overflow:hidden;overflow-y:auto;height:90%;margin-top:20px;padding:0 10px;font-size:15px;}
.subProdMenu{position:relative;width:250px;display:inline-block;cursor:pointer;}
.subProdMenuWindow{width:273px;cursor:pointer;position:absolute;top:-22px;left:20px;}
.subCustomiseMenuWindow{width:180px;cursor:pointer;padding:10px 0 0 10px;}
.detailsProdWrap{padding:15px 55px 10px 10px;height:0;overflow:hidden;}
.detailsProdWrap h1,.detailsProdWrap h2,.detailsProdWrap h3{margin:10px 0 0 0;}
.pmactive{height:auto;overflow:auto;}
.posAbs{position:absolute;}
.nocircle{background:#fff;width:35px;height:35px;position:relative;}
.circle{background:#fff;width:45px;height:45px;border-radius:50%;border:1px solid var(--tbborder);position:relative;}
.paddedMenu{background:#fff;height:31px;border-radius:6px;border:1px solid var(--tbborder);margin:7px 7px 7px 36px;padding:6px 10px 6px 15px;font-weight:bold;position:absolute;width:210px;}
.wideToNarrMenu{display:none;width:0;}
.tabheadline{padding:10px;}
.tabmore{width:-webkit-fill-available;text-align:right;padding:0 10px;}
.tileMenuWindow{display:inline-flex;background:#fff;margin:10px 0 0 0;font-weight:bold;font-size:18px;}
.paddedMenuWindow{display:inline-flex;background:#fff;height:31px;border-radius:6px;border:1px solid var(--tbborder);margin:7px 7px 7px 36px;padding:6px 10px 6px 15px;font-weight:bold;position:absolute;}
.caddedMenuWindow{display:inline-flex;background:#fff;height:31px;border-radius:6px;border:1px solid var(--tbborder);margin:7px 7px 7px 36px;padding:6px 10px 6px 15px;font-weight:bold;position:absolute;}
.pmarrowr{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--hgl);position:relative;margin:3px 0 0 10px;}
.pmarrowd{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--hgl);margin:5px 0 0 10px;}
.pCanvasMenu{background:#ffffff;border-radius:2px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:1px 5px 4px var(--shaddowk);border-top:0;padding:3px 0 3px 0;margin-right:-10px;float:right;}
.pDetails_Img{flex:1 0;order:2;min-width:340px;min-height:340px;max-height:480px;text-align:left;display:flex;flex-flow:column wrap;gap:2px;height:480px;}
.mainImg{width:100%;height:auto;max-width:540px;min-width:213px;}
/* .imagesProdAll{} */
.thumbWrap{order:3;position:relative;min-width:90px;overflow:hidden;overflow-y:auto;height:-webkit-fill-available;scrollbar-gutter:stable;}
.thumbWrapGr{/*overflow:hidden;overflow-y:auto;*/
 padding:0 2px 0 2px;margin:0 -8px 0 0;}

.mainProdWrap{display:flex;flex-flow:row;}
.prodDetWrap{display:flex;flex-flow:row wrap;}
/* .pName{} */
.pMainImg{min-width:315px;max-width:575px;flex:1 1;}
.pImgWrapper{display:flex;flex-flow:row wrap;flex:1 1;}
.subImgs{display:flex;position:relative;flex:0 0;min-width:135px;overflow:hidden;}
.pImg_InfoWrapper{display:flex;flex-direction:row;flex-wrap:wrap;}
.allpImg{display:flex;position:relative;flex-flow:row wrap;flex:1 0 100%;}
.ptextInfo{width:-webkit-fill-available;position:relative;}
.pInfoWrapper{min-width:347px;padding:0 10px 0 10px;flex:0 1;display:flex;flex-flow:column;}
.pSubMenuWrapper{width:265px;padding:0 0 0 5px;flex: 0 0 265px;float:none;}
.pShrink{width:55px;}
.holdMenu{position:fixed;z-index:2;}
#imgSubGroupWrapperVID{overflow:hidden;min-width:76px;max-width:100px;width:-webkit-fill-available;}

.imgGroupWrapper{overflow:hidden;min-width:76px;max-width:100px;width:-webkit-fill-available;display:flex;flex-flow:column;gap:2px;width:93px;}
.imgSubGroupWrapper{overflow:hidden;overflow-x:auto;scrollbar-gutter:stable;bottom:0;left:0;margin: 0 3px;}
.imgsGroup{display: flex;flex-flow:row;gap:3px;}
.pDetailsThmbSub{width:62px;}
.sub_thumbWrapGr{display:flex;flex-flow:row;gap:3px;}
.pDetailsThmbSub img{width:100%;height:auto;min-width:42px;max-width:58px;}
.imgHighL{border: 2px solid var(--bluek);}
.pGroupsThmb{display:inline-flex;}
.pGroupsThmb img{width:100%;height:auto;min-width:60px;max-width:85px;}
.pDetailsThmb{display:inline-flex;}
.pDetailsThmb img{width:100%;height:auto;min-width:60px;max-width:80px;}

.pGroupsThmb{position:relative;}
.pGroupsThmb::after{content:'';position:absolute;right:4px;bottom:-5px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--hgl);}
.pGroupsThmb.imgHighL::after{transform:translateY(-50%) rotate(90deg);}

.sub_thumbWrap{order:4;position:relative;overflow:hidden;overflow-y:auto;height:-webkit-fill-available;scrollbar-gutter:stable;}
.imgarrowcont{width:10px;position:relative;margin:0 0 0 3px;}
.imgarrow{position:absolute;bottom:2px;right:2px;}
.imgarrowr{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--hgl);}
.imgarrowd{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--hgl);}




.selImgCaption{position:absolute;border:1px solid #333;background-color:#161616;border-radius:5px;padding:10px;color:#fff;left:0;z-index:2;width:-webkit-fill-available;margin:0 6px;bottom:71px;}
/*.selImgCaption{order:6;margin:5px 0 0 0;padding:5px 10px;height:100px;overflow:hidden;overflow-y:auto;border:2px solid var(--greyk);background-color:#fff;width:100%;}*/
.prodTopDetails{flex:1;}
.prodImgDesc{display:flex;flex-flow:row wrap;}
.pDetails_Thumbnails{display:flex;overflow:hidden;overflow-y:auto;gap:2px;flex-flow:column;}

.pDetailsSubThmb{flex:1 0 22%;}
.sub_thumbWrapGroup{display:flex;overflow:hidden;overflow-y:auto;gap:2px;flex-flow:column;}

.smimg{cursor:pointer;}
.pSubMenuWrap .pDetails_Menu{width:265px;}
/*scrollbar*/
.selImgCaption::-webkit-scrollbar-track,
.thumbWrap::-webkit-scrollbar-track,
.sub_thumbWrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}

.selImgCaption::-webkit-scrollbar,
.thumbWrap::-webkit-scrollbar,
.sub_thumbWrap::-webkit-scrollbar{width:8px;background-color:#F5F5F5;}

.selImgCaption::-webkit-scrollbar-thumb,
.thumbWrap::-webkit-scrollbar-thumb,
.sub_thumbWrap::-webkit-scrollbar-thumb{background-color:var(--greykScroll);}

/*END scrollbar*/
.pminbox{position:absolute;left:5px;}
.subProdMenuSmall{position:relative;width:50px;display:inline-block;cursor:pointer;}
.subProdMenuSmall .paddedMenu{display:none;}
.prodProps{display:flex;gap:10px;position:relative;order:4;margin:5px 0 10px 0;}
.pSubCanvas{padding:0 5px 3px 5px;}
.pDetails_Desc{flex:1 0;min-width:340px;display:flex;flex-flow:column wrap;height:100%;padding:0 10px 0 10px;}
.prodDetails{order:3;}
.prodDetails ul li{padding:0 0 10px 0;}
.pDetailsPrice{text-align:right;padding:5px 10px 10px 0;display:flex;justify-content:center;order:5;}
.pPrice,.pDetailsPricePound{font-family:'Fredericka the Great', cursive;font-size:30px;font-weight:normal;padding:5px;}
.pDetailsPricePound{font-size:20px;}
.pm_smaller{background-size: 35px auto !important;}
.pm_build{background:url("/assets/mainapp/images/bt_buildbuydark.png") no-repeat;background-position:6px 6px;}
.pm_productDetails{background:url("/assets/mainapp/images/pm_info.png") no-repeat;background-position:7px 7px;}
.pm_productLettering{background:url("/assets/mainapp/images/pm_lettering.png") no-repeat;background-position:7px 7px;}
.pm_prod_gallery{background:url("/assets/mainapp/images/pm_gallery.png") no-repeat;background-position:10px 9px;}
.pm_productFixingKits{background:url("/assets/mainapp/images/pm_fixingk.png") no-repeat;background-position:8px 6px;}
.pm_prod_misc{background:url("/assets/mainapp/images/pm_prod_misc.png") no-repeat;background-position:6px 6px;}
.pm_productDimensions{background:url("/assets/mainapp/images/pm_dimensions.png") no-repeat;background-position:9px 7px;}
.pm_productTechnical{background:url("/assets/mainapp/images/pm_technical.png") no-repeat;background-position:8px 7px;}
.pm_productAssemblyInstructions{background:url("/assets/mainapp/images/pm_assembly.png") no-repeat;background-position:9px 8px;}
.pm_prod_similar{background:url("/assets/mainapp/images/pm_similar.png") no-repeat;background-position:7px 6px;}
.pMenu{background-color:#fff;background-size:27px;}
.cMenu{background-color:#fff;background-size:30px;}
.pDivRes{background-color:#fff;background-size:30px;background-position:0;padding:4px 0 0 35px;height:35px;font-family:'Fredericka the Great', cursive;font-size:20px;}
.pCode{font-size:14px;font-weight:bold;padding:0 0 10px 0;display:flex;order:2;}
.pPriceType{font-family:'Montserrat', sans-serif;font-size:min(14px,3.5vw);}
.canvasdep{overflow:hidden;height:calc(100% - 25px);overflow-y:auto;position:relative;}
.canvas{overflow:hidden;overflow-y:auto;position:relative;height:72vh;}
.pm,.pmXf{position:absolute;top:0;left:0;padding:10px;background:#ffffff;border-radius:2px;box-shadow:1px 5px 4px var(--shaddowk);z-index:2;border:1px solid var(--tbborder);height:91vh;overflow:hidden;}
.prod_mod {position:fixed;top: 53%;left: 50%;transform: translate(-50%, -50%);;background:#ffffff;border-radius:2px;box-shadow:1px 5px 4px var(--shaddowk);z-index:2;border:1px solid var(--tbborderpopup);height:88vh;overflow:hidden;width:65%;}
#customise{display:none;}
.pmXf{width:100%;}
.framecloseX{position:fixed;right:8px;top:5px;cursor:pointer;z-index:2;}
.tabcloseX{position:absolute;right:5px;top:5px;cursor:pointer;z-index:2;}
.tabcloseXMod{position:absolute;right:5px;top:5px;cursor:pointer;z-index:2;}
.pmenuActive{background:#f5f5f5;}
.pmenuOn{background:#f5f5f5;}
.pmWrap{position:relative;margin:35px 0 0 0;}
.tabContent{height:74vh;overflow-y:auto;margin:10px 0 5px 0;}
.detailsProdWrap > table > tbody > tr > td:not(.pdficon):not(.pdfset):not(ul){padding:0 5px;}
.buildbuy{background:#093993 url(/assets/mainapp/images/bt_buildbuy.png) no-repeat;background-position:6px 8px;background-size:30px;height:47px;color:#fff;border:none;border-radius:4px !important;font-size:16px;padding:14px 10px 0 43px;font-weight:bold;width:190px;float:right;}
.nextbtdiv{display:inline-flex;float:right;margin:4px 10px 0 10px;}
[id^=btnext_]{display:none;}
/* [id^=btskip_]{} */
#priceDetails{position:absolute;right:10px;top:58px;border-top:1px solid #efefef;background:#ffffff;border-radius:2px;box-shadow:1px 5px 4px var(--shaddowk);padding:10px;z-index:1;display:none;}
#xfSumNetTxt{margin:0 30px 0 0;}
.prodxfgroup{font-weight:bold;padding:5px;font-size:12px;}
.prodxfselprice{font-weight:bold;padding:0 0 0 15px;}
.xfdflex24{min-width:220px;position:relative;}
/*extrafields product*/
.xfGwrapper{padding:5px;position:relative;display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fit,minmax(max(20%,240px),1fr));}
.xfGwrapperFinal{padding:10px;margin:0 auto;width:840px;display:table;}
.xfSumNetTxtFinal{padding:5px;}
.imgboxXF{width:100%;/*height:83%;*/
 position:relative;text-align:center;margin:0 auto;}
.imgboxtcell{display:table-cell;}
.dTable{display:table;}
.va_middle{vertical-align:middle;width:100vw;height:27vh;}
.colXF{width:auto;max-width:98%;height:100px;margin:0 auto;border:1px solid #efefef;position:relative;}
.imgXF{width:auto;height:auto;max-width:98%;max-height:98%;}
.imgXFdef{width:58%;height:auto;}
.showPriceSpec{background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:20px;background-position:1px 23px;cursor:-webkit-zoom-in;}
.priceWrapper{display:inline-flex;margin:0 30px 0 0;}
.showPriceSpec:hover ~ #priceDetails,#prodPriceDisplay:hover ~ #priceDetails{display:block;}
#prodPriceDisplay{cursor:-webkit-zoom-in;}
.dependant{display:none;height:26vh;overflow:hidden;}
#depChoiceT{display:none;}
.dependant .xfDepG .xfdflex24{display:flex;flex-flow:row wrap;padding:5px;border:0;border-top:1px solid var(--tbborder);background-color:unset;min-width:unset;}
.dependant .xfDepG .xfdflex24 .imgboxXF{width:100%;height:auto;order:3;}
.dependant .xfDepG .xfdflex24 .imgboxXF .va_middle .imgXF{width:100px;}
.dependant .xfDepG .xfdflex24 .colXF{width:150px;height:30px;order:3;}
.dependant .xfDepG .xfdflex24 .colXFWr{order:3;}
.dependant .xfDepG .xfdflex24 .xfcheckcontainer{/*order:1;*/
 z-index:3;padding:0 0 0 20px;flex:1;font-size:12px;}
.dependant .xfDepG .xfdflex24 .xfcheckcontainer .prod_chm{height:13px;width:13px;top:1px;}
.dependant .xfDepG .xfdflex24 .xfcheckcontainer .prod_chm:after{left:4px;top:0px;width:3px;height:7px;}
.dependant .xfDepG .xfdflex24 .xfPrice{order:2;font-size:14px;padding:0;}
.dependant .xfDepG .xfdflex24 .captionxf{order:4;font-size:12px;}
.dependant .xfDepG .xfdflex24 .va_middle{height:auto;}
.dependant .xfDepG .xfoptHead{font-size:12px;padding:5px 0 5px 5px;}
.xfDepG{display:flex;height:-webkit-fill-available;}
.flcol{display:flex;flex-flow:column;width:210px;background-color:#fff;}
.depChoice{position:absolute;top:40px;right:0;z-index:2;}
.depID{float:right;border-radius:6px 0 0 6px;border:1px solid var(--tbborder);border-right:0;padding:5px 22px 5px 5px;font-size:10px;margin:0 0 5px 0;background:#fff;}
.depID:after{content:'';position:absolute;height:13px;background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:20px;}
/*[id^="choice"] .dependant [id^="xfd_"]{display:none;}*/
[id^="choice"] .xfdflex24{display:flex;flex-flow:row wrap;padding:5px;border:0;border-top:1px solid var(--tbborder);background-color:unset;}
[id^="choice"] .xfdflex24 .imgboxXF{width:100px;height:auto;order:3;}
[id^="choice"] .xfdflex24 .colXF{width:150px;height:30px;/*order:3;*/
}
[id^="choice"] .xfdflex24 .xfcheckcontainer{/*order:1;*/
 z-index:3;padding:0 0 0 20px;flex:1;font-size:12px;}
[id^="choice"] .xfdflex24 .xfcheckcontainer .prod_chm{height:13px;width:13px;top:1px;}
[id^="choice"] .xfdflex24 .xfcheckcontainer .prod_chm:after{left:4px;top:0px;width:3px;height:7px;}
[id^="choice"] .xfdflex24 .xfPrice{order:2;font-size:14px;padding:0;}
[id^="choice"] .xfoptHead{font-size:12px;padding:5px 0 5px 5px;}
/*.choice{display:flex;flex-flow:column;width:210px;position:absolute;top:35px;right:5px;z-index:2;max-height:280px;overflow:hidden;overflow-y:auto;}*/
.choice{display:block;width:210px;position:absolute;top:35px;right:5px;z-index:2;max-height:280px;overflow:hidden;overflow-y:auto;}

/*index*/

/*index slogan box*/
.transInit{-webkit-transition:0.5s ease;transition:0.5s ease;}
.slogan{height:200px;}

/*slogan box1 and transform */
.boxlink{float:right;padding:5px;}
.boxesWrap{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit, minmax(max(32%, 300px), 1fr));margin:10px 0 0 0;}
.boxes{position:relative;}

.boxWhiteShadow.prel{position:relative;overflow:hidden;height:252px;cursor:pointer;}
.box{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;display:flex;align-items:flex-end;transition:opacity .25s ease;}
.box_title{font-size:27px;font-weight:bold;text-align:center;padding:10px 18px 15px 18px;background-color:#fff;opacity:.7;position:absolute;left:0;right:0;bottom:41px;}
.onhover{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;padding:18px;background:rgba(255,255,255,.92);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;overflow:auto;}
.boxbg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;overflow:hidden;transition:opacity .25s ease;}
.boxbg img{width:100%;height:100%;object-fit:cover;display:block;}
.boxlink{position:absolute;right:12px;bottom:10px;z-index:4;}

.boxWhiteShadow.prel:hover .onhover{opacity:1;visibility:visible;}
.boxWhiteShadow.prel:hover .box{opacity:0;}
.boxWhiteShadow.prel:hover .boxbg{opacity:.2;}

/****/
.indexcarouselcontainer{background:#f5f5f5;margin:2px 0 10px 0;background:#fff;list-style:none;padding:0;position:relative;position:relative;overflow:hidden;width:100%;background:#000;}

.imgwrapp{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity .8s ease;z-index:1;}
.imgwrapp.active{opacity:1;z-index:2;}

.indexcarouselcontainer .imgwrapp:first-child{position:relative;}

.bgimgpholder{display:block;width:100%;height:auto;}

.imgwrapp.active{opacity:1;}
.imgwrapp:not(.active){pointer-events:none;}

.imgwrapp .prel{position:relative;width:100%;}

.slidetxt{position:absolute;left:40px;right:40px;bottom:90px;z-index:4;max-width:70%;text-shadow:0 2px 10px rgba(0,0,0,.45);background-color:rgba(255,255,255,.6);padding:20px;font-size:17px;}
.slidetxt p{margin:0 0 8px 0;}


.carouselcircles{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:10px;z-index:6;padding:6px 10px;border-radius:20px;background:rgba(0,0,0,.22);}
.carouselcircle{width:14px;height:14px;border-radius:50%;background:#fff;opacity:.45;cursor:pointer;transition:opacity .2s ease,transform .2s ease;}
.carouselcircle.active{opacity:1;transform:scale(1.1);}


@media (max-width:900px){
	.indexcarouselcontainer{min-height:fit-content;}
	.slidetxt{left:22px;right:22px;bottom:80px;max-width:78%;}
}

@media (max-width:640px){
	.indexcarouselcontainer{min-height:fit-content;}
	.slidetxt{left:16px;right:16px;bottom:58px;max-width:88%;}
	.carouselcircles{bottom:10px;gap:8px;padding:5px 8px;}
	.carouselcircle{width:12px;height:12px;}
}
/***/


.hometextcont h1{font-family:'Fredericka the Great', cursive;margin:10px 10px 10px 0;color:#030303;font-weight:normal;}
.hometextcont p{line-height:1.7em;}
.hometxt{font-family:'Montserrat', sans-serif;font-size:14px;margin:11px 53px 20px 53px;}
.indexcarousel img{width:100%;margin:0 auto;/*position:absolute;*/top:0;left:0;}

.indexcarousel{/*z-index:1;opacity:1;-webkit-transition: all 0.5s;*/position:absolute;top:0;left:0;}
.indexcarousel img{background-color:#ddd;}
#slidenext{opacity:0;}
slideholder{opacity:0;}
.bgimgpholder{width:100%;height:auto;}
/*.activeSlide{z-index:2;transition:all 0.5s;opacity:0;}*/


/*footer*/
.scrollTop{position:fixed;bottom:10px;right:10px;background:url("/assets/mainapp/images/toTop.png") no-repeat;background-position:0 0;width:27px;height:26px;background-size:27px;display:none;}
.footer{width:var(--pagewidth);background:#e9e8e8;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;display:flex;padding:0;flex-flow:row wrap;margin:0 auto;justify-content:space-around;}
.foottitle{font-family:'Fredericka the Great', cursive;font-size:20px;margin:11px 15px 10px 15px;}
.foot{margin:5px;width:48%;position:relative;}
.ftbold{font-weight:bold;padding:0 0 0 21px;}
.ft_line{padding:5px 0 5px 21px;}
.ft_address{background:url("/assets/mainapp/images/icon_spritesfooter.png") no-repeat;background-position:0 0;width:15px;height:16px;float:left;}
.ft_phone{background:url("/assets/mainapp/images/icon_spritesfooter.png") no-repeat;background-position:-15px 0;width:15px;height:16px;float:left;}
.ft_email{background:url("/assets/mainapp/images/icon_spritesfooter.png") no-repeat;background-position:-36px 0;width:15px;height:16px;float:left;}
.ft_hours{background:url("/assets/mainapp/images/icon_spritesfooter.png") no-repeat;background-position:-55px 0;width:15px;height:16px;float:left;}
.footcont{font-family:'Montserrat', sans-serif;font-size:13px;margin:0 0 15px 33px;}
.footcont2{font-family:'Montserrat', sans-serif;font-size:13px;margin:0 0 15px 33px;}


/* Pages page.php and other includes */
.pageTopSnippet{position:relative;margin:0 0 10px 0;}
.pageTopSnippet h1{font-family:'Fredericka the Great', cursive;font-size:20px;font-weight:normal;padding:10px 0 10px 10px;margin-top:0;}
.pageContent{padding:0 10px;font-size:14px;}
.pageTopSnippetContent{padding:0 20px 5px 10px;font-size:14px;}
.cwhatdo{padding:10px 20px 20px 30px;font-size:14px;}

.pageTopicBox{display:flex;flex-flow:row wrap;margin:10px 0 0 10px;}
.pageTopicListCol{display:flex;padding:0;flex-flow:column;margin:5px 0 10px 10px;justify-content:space-around;min-width:40%;}
.pageTopicListRow{display:flex;padding:0;flex-flow:row;margin:10px 0 0 10px;justify-content:space-around;}
.pageTopicImg{float:left;}
.pageTopicDesc{float:left;margin:0 0 0 25px;font-size:14px;}
.pageTopicDesc h2{font-family:'Fredericka the Great', cursive;font-size:20px;font-weight:normal;margin:0;padding:0 0 10px 0;}

/*div.pageTopicArrow:after{content:' ';width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid green;position:absolute;}*/
.pageTopicArrow{display:flex;margin:0 10px 0 0;}
.pageTopic{display:flex;margin:0 10px 10px 0;width:49%;flex-grow:1;}

/*faq*/
.faqTopicCont{min-width:30%;}
.faq1TopicDetails{padding:10px;width:100%;display:flex;}
.arrow-right{content:' ';width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid var(--hgl);position:relative;top:20px;margin:0 -10px 0 0;}
.arrowr{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid var(--hgl);position:relative;top:20px;margin:0 -10px 0 0;}

.pageQA{display:inline-block;width:-webkit-fill-available;padding:0 0 20px 0;}
.pageQA_q img{float:left;}
.pageQA_q{font-family:'Fredericka the Great', cursive;font-size:20px;font-weight:normal;margin:0;cursor:pointer;}
.pageQA_a{font-size:14px;}
.faqTopicListContent{flex-grow:1;margin:0 10px 0 0;padding:20px;}

/*faq*/
.faqlist{flex:0 1 35%;}
.togglearrowFAQgOn,.togglearrowFAQOff{background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:13px;background-position-y:5px;;cursor:pointer;}
.togglearrowBlogOff{background-position-x:-17px;}
.mainFAQWrapper{display:flex;flex-flow:row wrap;gap:10px;}
.sectionsWrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));}
/*.sectionFAQ{position:relative;flex:1 0 20%;}*/
.faqSecImg{width:25px;height:25px;margin:2px 10px 0 2px;float:left;}
.faqSecImg img{width:99%;height:auto;}
.faqSecHead{padding:5px 0 0 0;flex:1 0 80%;}
.faqSecDesc{padding:5px 0 0 36px;font-size:12px;}
.faqAns{padding:0 0 0 15px;border-left:1px solid var(--tbborder);}
.allsecFaq{flex:1 0 40%;}
.faqWrapper{flex:1 0 59%;}
.faqSecHi{border:2px solid var(--checkboxColour);}
[id^=faqsec],.faqsecclass{}
.txtarea{padding:0 5px 0 10px;border:1px solid var(--tbborder);border-radius:4px !important;height:140px;width:93%;margin:10px;}
.boxBorderfaq{border:1px solid var(--tbborder);border-radius:3px;padding:5px;min-height:80px;}
.boxhighlight{border:2px solid var(--hgl);}
.accOpt,.accOpt:hover{text-decoration:none;}
.accOpt:hover > .custFormHeader{text-decoration:underline;}
/*breadcrumb*/
.breadcrumbmine{padding: 5px 0 10px 0;}
.olBreadC{list-style-type:none;margin:0;}
.olBreadC li::after{content:"\00bb";padding:0 5px;}
.olBreadC li:last-child::after {content:"";}
.breadcrumb{display:flex;padding:5px 0 0 5px;flex-wrap:wrap;}
.bc_contener{font-size:13px;padding:0 0 0 10px;display:inline-flex;}
.bc_contener a:hover{text-decoration:underline;}
.faqcatl,.faqcatl:hover{text-decoration:none;}
.oneQ{border: 1px solid var(--tbborder);padding:3px 10px;position:relative;}
.arrowPosFaq{top:5px;position:absolute;width:20px;height:16px;right:6px;}
.formFAQHeader{font-family:'Fredericka the Great', cursive;font-size:18px;padding:3px 0 0 0;}
.headFAQ{font-family:'Montserrat', sans-serif;font-weight:bold;font-size:15px;}

/*articles sections*/
.artSecContent{padding:0;margin:0 0 10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(max(44%,364px),1fr));grid-gap:10px;}
.artSecContent a{flex-basis:49%;margin:0;flex-grow:1;display:flex;}
.artSecBox{flex:1 0 48%;margin:0 0 10px 0;flex-grow:0;display:flex;padding:10px;}
.artSecName{font-size:13px;}
.artSecName h2{font-family:'Fredericka the Great', cursive;font-size:20px;font-weight:normal;margin:0;}
a .artSecName h2:hover{text-decoration:underline;}
.artlinks{overflow:hidden;height:64px;}

/*articles on sections pages*/
.artContent{display:flex;flex-flow:row wrap;padding:0;margin:0 0 10px 0;flex:1 0 44%;}
.artContent a{margin:0;flex-grow:1;display:flex;}
.artTitle{padding:0 0 0 10px;flex:1;}
.artTitle h3{font-family:'Fredericka the Great', cursive;font-size:18px;font-weight:normal;margin:0;padding:0 0 5px 0;}
a .artTitle h3:hover{text-decoration:underline;}
.artBox{margin:0 0 10px 0;padding:10px;font-size:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(max(44%,330px),1fr));grid-gap:10px;}
.faqans, .faqans p{padding:0;margin:0;}

/*single Article*/
.artContentOne{padding:0 10px 10px 10px;font-size:13px;}
.artContentOne p{line-height:1.7em;}
.artOneImg{max-height:300px;max-width:300px;}
.imgOneDiv{margin:0 30px 0 0;float:left;text-align:center;}
.otherposts{font-size:20px;padding:0 10px 10px 0;font-family:'Fredericka the Great', cursive;color:var(--bluek);padding:10px;}

/*footer articles*/
.togglearrowBlogOn,.togglearrowBlogOff{background:url(/assets/mainapp/images/arrowupdown.png) no-repeat;width:13px;background-position-y:5px;background-size:30px;cursor:pointer;display:none;}
.togglearrowBlogOff{background-position-x:-17px;}
.articles{width:var(--pagewidth);display:flex;padding:0;flex-flow:row wrap;margin:0 auto 20px auto;justify-content:space-around;}
.article{margin:5px;position:relative;flex:1;min-width:max(160px,24%);}
.art_title_wrap{margin:5px 0 10px 0;display:flex;}
.art_title{font-family:'Fredericka the Great', cursive;font-size:16px;margin:0 5px 0 0;}
.art_title a{text-decoration:none;}
.art_title a:hover,.art_title a{color:#666;}
.art_title a:hover{text-decoration:underline;}
.articleslist{font-family:'Montserrat', sans-serif;font-size:13px;margin:0;}
.articleslist li{margin:0 0 5px 0;}
.art_link:hover,.art_link{color:inherit;}
.art_link{text-decoration:none;padding:5px 0 5px 0;margin:5px 0;}
.art_link:hover{text-decoration:underline;}

/*payments*/
.paymentsWrap{width:min(460px,100%);display:flex;flex-flow:column;gap:10px;}
.tablePayRowDiv{width:100%;padding:10px;border:1px solid var(--tbborder);border-radius:4px;}
.divinfo{padding:10px 0 0 30px;font-size:13px;}
#orderPaySelected{display:none;}

/*customerOrders*/
table.ordersStructureTb,table.ordersStructureTb td,table.ordersStructureTb th{border:1px solid var(--tbborder);}
table.ordersStructureTb td{font-size:13px;padding:5px;}
table.ordersStructureTb{border-collapse:collapse;margin:0 auto;width:80%;}
.ordersStructureTb th{font-size:13px;font-weight:bold;text-align:center;padding:6px;}
.tableCustDiv{display:flex;flex-flow:row wrap;width:70%;}
.tableCustRowDiv{display:inline-flex;text-align:center;width:100%;}
.tableCustGroupDiv{display:flex;flex-flow:row wrap;text-align:center;border:1px solid var(--tbborderlight);padding:5px 5px 20px 5px;width:100%;display:none;}
.tableCustGroupDiv > div{width:100%;}
.tableCustCellDiv{display:table-cell;vertical-align:middle;text-align:center;border:1px solid var(--tbborderlight);padding:5px;}
.tableCustTh{background:#fafafa;font-weight:bold;font-size:13px;}
.rateorder{background:url("/assets/mainapp/images/bt_icons/bt_rateme.png") no-repeat;width:16px;height:17px;background-position:1px 0;cursor:pointer;}
.rateorderdone{background:url("/assets/mainapp/images/bt_icons/bt_rated.png") no-repeat;width:16px;height:17px;background-position:1px 0;cursor:pointer;}
.reorder{background:url("/assets/mainapp/images/bt_icons/bt_duplicate.png") no-repeat;width:16px;height:17px;background-position:1px 0;cursor:pointer;}
.bt_preview{background:url("/assets/mainapp/images/bt_icons/bt_preview.png") no-repeat;width:18px;height:18px;background-position:2px 2px;background-size:16px;cursor:pointer;}
.paylink{background:url("/assets/mainapp/images/bt_icons/bt_sendpaymentlink.png") no-repeat;width:16px;height:17px;background-position:1px 0;cursor:pointer;}
.customerRev{border:1px solid var(--tbborder);width:80%;margin:5px 0;float:right;}
.adminRev{border:1px solid var(--tbborder);width:80%;margin:5px 0;float:left;}
.revConverWrap{border:1px solid var(--tbborderlight);padding:5px 5px 20px 5px;width:100%;display:none;}
.revHead{background:#fafafa;font-weight:bold;font-size:13px;padding:5px;text-align:left;}
.revDate{font-size:12px;font-style:italic;padding:5px;}
.starEmpty{background:url("/assets/mainapp/images/star00.png") no-repeat;width:30px;height:28px;background-size:27px;}
.starHalf{background:url("/assets/mainapp/images/star05.png") no-repeat;width:30px;height:28px;background-size:27px;}
.starFull{background:url("/assets/mainapp/images/star10.png") no-repeat;width:30px;height:28px;background-size:27px;}
.mobno{display:table-cell;}
.statusOrd{display:table;}

/*cart*/
.cartHead{width:100%;text-align:center;font-weight:bold;font-size:13px;padding:3px;}
.pcode{font-size:12px;padding:5px 0 2px 0;}
.basketContent{padding:10px 10px;font-size:14px;margin:0 0 10px 0;}
.unitPrice{font-family:'Montserrat', sans-serif;font-size:13px;margin:0;border:0;}
.progressBasket{text-align:center;padding:10px;}
.basketWrap{margin:0 auto;max-width:1010px;}

.cartRow{display:flex;flex-flow:row wrap;justify-content:center;}
.vcartleft{display:flex;flex-flow:row;justify-content:center;flex:1;}
.vcartright{display:flex;flex-flow:row;justify-content:center;}
.vacart_middle{vertical-align:middle;/*height:14vh;*/width:8vh;}
[class^="depdopt_"] .vacart_middle{vertical-align:middle;/*height:14vh;*/width:5vh;}
.xfopt_cart{display:table;padding:0 0 0 5px;}

.upsellChoice{display:flex;flex-flow:row wrap;gap:10px;padding:10px;position:relative;}
.upsellChoice .xfdflex24{max-width:187px;min-width:100px;}
.upsellChoice .va_middle{height:18vh;}
.upsellChoice .prod_chm{display:none;}
.upsellChoice .xfcheckcontainer{padding:unset;}
.usHead{padding:0 0 6px 10px;font-weight:bold;}
.usProdHead{font-size:17px;font-weight:bold;padding:5px 0 0 20px;}
.usDesc{width:100%;padding:5px;text-align:left;}

.cartUpsell{border:1px solid var(--tbborderlight);}
.cartNoWrap{flex-basis:40px;display:flex;flex-flow:column;}
.cartNoHead{width:100%;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;}
.cartNo{width:100%;flex:1;text-align:center;border:1px solid var(--tbborderlight);display:table;}

.cartDescWrap{display:flex;flex-flow:column;flex:1;}
.cartDescHead{width:100%;flex:1;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;}
.cartDesc{width:100%;flex:1;border:1px solid var(--tbborderlight);display:flex;flex-flow:row wrap;padding:5px;text-align:left;}

.cartQtyWrap{flex-basis:150px;display:flex;flex-flow:column;}
.cartQtyHead{width:100%;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;}
.cartQty{width:100%;flex:1;text-align:center;border:1px solid var(--tbborderlight);display:table;min-width:40px;}

.cartPriceWrap{min-width:170px;display:flex;flex-flow:column;}
.cartPriceHead{width:100%;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;}
.cartPrice{width:100%;flex:1;text-align:right;border:1px solid var(--tbborderlight);display:table;padding:5px;font-size:14px;}

.actionWrap{min-width:30px;display:flex;flex-flow:column;}
.actionHead{width:100%;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;}
.actionbt{width:100%;flex:1;text-align:center;border:1px solid var(--tbborderlight);display:table;}

.lefttotalbasketY,.lefttotalbasketN{display:flex;flex:1;text-align:right;justify-content: right;padding:5px;border: 1px solid var(--tbborderlight);}
.righttotalbasket{flex-basis:140px;text-align:right;padding:5px;border:1px solid var(--tbborderlight);}
.wraphere{width:0;height:0;}
.recEnd{width:0;height:0;}

.vamiddle{display:table-cell;vertical-align:middle;}
.mobonly{display:none;}

/*new table*/
.ncartRow{display:flex;flex-flow:row wrap;}
.ncartRow [class^=ncart]:nth-child(n+2){flex-basis:100%;}
.ncartNoHead{width:40px;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;display:table-cell;}
.ncartNo{width:40px;text-align:center;border:1px solid var(--tbborderlight);display:table;}

.ncartDescHead{flex:1;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;display:table-cell;}
.ncartDesc{flex:1;border:1px solid var(--tbborderlight);display:flex;flex-flow:row wrap;padding:5px;text-align:left;}

.ncartQtyHead{width:150px;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;display:table-cell;}
.ncartQty{width:150px;text-align:center;border:1px solid var(--tbborderlight);display:table;}

.ncartPriceHead{width:140px;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;display:table-cell;}
.ncartPrice{width:140px;text-align:right;border:1px solid var(--tbborderlight);display:table;padding:0 5px 0 0;}

.nactionHead{width:30px;text-align:center;border:1px solid var(--tbborderlight);font-weight:bold;font-size:13px;padding:3px;display:table-cell;}
.nactionbt{width:30px;text-align:center;border:1px solid var(--tbborderlight);display:table;}

.nvamiddle{display:table-cell;vertical-align:middle;}

.ncartInfoY,.ncartInfoN{flex:1;text-align:right;padding:5px;border:1px solid var(--tbborderlight);}
.ncartNumbers{width:140px;text-align:right;padding:5px;border:1px solid var(--tbborderlight);}

.img140{width:140px;height:140px;}
.img140 img{width:100%;height:auto;}
.cartTopDet{padding:0 5px 5px 10px;}
.trans2{-webkit-transition:background 2s, box-shadow 2s;transition:background 2s, box-shadow 2s;}

.pdfset{display:flex;}
.pdficon{width:50px !important;height:50px !important;}
.pdfdownload{width:33px !important;height:24px !important;}

.circlewrap{width:200px;height:200px;}
.pMenuShort{display:none;}

@media (min-width: 1px) and (max-width: 1300px)
{
	.maincontent,.top,.footer,.articles{width:auto;}
	.indexcarousel img{width:100%;height:auto;}
	.maincontent{padding:5px;}
	.pm{width:calc(100% - 70px);}
	.pmXf{position:fixed;top:85px;left:0;height:calc(100% - 106px);}
	.pCanvasMenu{margin-right:-5px;}
}
@media (min-width: 1px) and (max-width: 1154px)
{}
@media (min-width: 1px) and (max-width: 1128px)
{.pInfoWrapper{padding-top:20px;flex:1 0;}
 .pDetailsPrice{order:1;}
}
@media (min-width: 1px) and (max-width: 1115px)
{
	.custMenuTop{grid-template-columns: repeat(auto-fit,minmax(max(13%,269px),1fr));}
}
@media (min-width: 1px) and (max-width: 1054px)
{
	.pImg_InfoWrapper{flex-wrap:wrap;}
}
@media (min-width: 1px) and (max-width: 964px)
{
		.slogan{height:220px;}
	.slogan1_title{opacity:0;display:none;order:5;}
	.slogan2_title{opacity:0;display:none;order:5;}
	.slogan3_title{opacity:0;order:5;}
	.slogan:hover .slogan1_img,.slogan1_img{transform:scale(0.8) translate(18%,0);width:20%;}
	.slogan:hover .slogan2_img,.slogan2_img{transform:scale(0.8) translate(0,0);height:35%;}
	.slogan:hover .slogan3_img,.slogan3_img{transform:scale(0.7) translate(17%,0);width:30%;}
	.slogan:hover .slogan1_rest,.slogan1_rest{display:table-cell;order:2;vertical-align:middle;height:auto;opacity:1;padding:10px;top:50%;right:0;transform:translateY(-50%);}
	.slogan:hover .slogan2_rest,.slogan2_rest{display:table-cell;order:2;vertical-align:middle;height:auto;opacity:1;padding:10px;top:50%;left:0;transform:translateY(-35%);}
	.slogan:hover .slogan3_rest,.slogan3_rest{display:table-cell;order:2;vertical-align:middle;height:auto;opacity:1;padding:10px;top:50%;left:0;transform:translateY(-50%);}

	/*convert table to div*/
	.detailsProdWrap h1{font-size:16px;}
	.detailsProdWrap h2{font-size:14px;}
	.detailsProdWrap h3{font-size:12px;}
	.detailsProdWrap ul li{padding:0 0 10px 0;}
	.detailsProdWrap > table:not(.pdficon):not(.pdfset){width:100% !important;display:table;border-collapse:collapse;}
	.detailsProdWrap > table > tbody > tr:not(.pdficon):not(.pdfset){display:flex;flex-flow:row wrap;}
	.detailsProdWrap tr:not(.pdficon):not(.pdfset){display:flex;flex-flow:row wrap;}
	.detailsProdWrap > table > tbody > tr > td:not(.pdficon):not(.pdfset):not(ul){display:table-cell;vertical-align:middle;text-align:left;}
	.detailsProdWrap > table > tbody > tr > td > img:not(.pdficon):not(.pdfset){width:100% !important;height:auto !important;}
	.detailsProdWrap > p > img:not(.pdficon):not(.pdfset){width:100% !important;height:auto !important;}
	/*convert table to div end*/
}
@media (min-width: 1px) and (max-width: 880px)
{
	.wraphere{flex:0 0 100%;}
	.vcartright{flex:1 1;}
	.basketWrap{width:100%;}
	.cartQtyWrap{flex:1;}
	.recEnd:not(:last-child){width:100%;height:20px;}
	.pSubMenuWrapper{width:55px;flex: 0 0 55px;}
	.paddedMenu{font-size:11px;display:none;width:0;}
	.subProdMenu{width:100%;}
}
@media (min-width: 1px) and (max-width: 836px)
{
	.custMenuTop{grid-template-columns: repeat(auto-fit,minmax(max(13%,200px),1fr));}
	.secProductDetails{flex-flow:column;flex:1;}
	.secProductImg{flex:1;}
	.secProductDesc{flex:1;overflow:unset;}
	.ulinfo{display:none;}
}
@media (min-width: 1px) and (max-width: 810px)
{
	.orderStep .formHeader{padding-top:0;font-size:14px !important;}
 .formHeader{padding-top:15px;font-size:16px !important;}
 .custFormHeader{padding-top:15px;font-size:14px !important;}
 .progressOrderInfo{display:none;}
}
@media (min-width: 1px) and (max-width: 751px)
{
	.mobonly{display:block;}
	.custWrapper{min-height:280px;}
	.faqSecDesc{display:none;}
	.boxBorderfaq{min-height:unset;}
}
@media (min-width: 1px) and (max-width: 659px)
{
	.subImgs{display:block;flex:1 0 100%;}
	.sub_thumbWrapGr{display:flex;width:42px;}
	.allpImg{flex-flow:row wrap;width:unset;height:unset;}
	.imgGroupWrapper{display:flex;flex-flow:row;max-width:unset;width:-webkit-fill-available;/*position:absolute;*/}
	.pDetailsThmb img{min-width:unset;}
	.imgSubGroupWrapper{display:flex;flex-flow:row;/*position:absolute;*/bottom:102px;overflow:hidden;width:-webkit-fill-available;overflow-x:auto;}
	.selImgCaption{bottom:137px;}
	.pSubCanvas{padding:3px 5px 0px 5px;}
	.pDetails_Img{padding:0;text-align:left;}
	.pDetails_Img img{width:91%;}
	.thumbWrap{width:91%;}
	.prodTopSnippetH1{padding:0 0 10px 5px;}
	.pDetails_Desc{padding:0 50px 0 10px;}
	.tableCustDiv{width:100%;}
	.mobno{display:none;}
	.statusOrdhead{flex:1;}
	.statusOrd{display:flex;flex-flow:column;}
	table.ordersStructureTb{width:100%;}
	table.ordersStructureTb td{font-size:11px;}
	.ratingHead{font-size:15px;margin:6px 12px 5px 0;}
	.starsall{width:15px;height:28px;background-size:15px;}
	.pageTopSnippet h1{font-size:17px;padding:5px 0 0 10px;}
	.pageTopSnippetContent{padding:0 0 5px 10px;font-size:13px;}
	.ft_line{font-size:11px;}
	.foottitle{font-size:15px;}
	.ftbold{font-size:11px;}
	.icons{width:100%;}
	.checkcontainer{font-size:13px;}
	#imgSubGroupWrapperVID{display: none;}
}
@media (min-width: 1px) and (max-width: 560px)
{
	.lgdBasket, .lgdOrdDetails, .lgdShipping, .lgdPayment, .lgdSummary{background: #fff;}
	.formHeader{padding:0 3px;}
	.sectionslistsmall{grid-template-columns: repeat(auto-fit,minmax(179px,1fr));}
	.seclistimgsmall{max-width:80px;}
	.faqlist{flex: 1 1 100%;display: flex;flex-flow: row wrap; gap:5px;}
	.artSecName h2{font-size: 16px;}
}
@media (min-width: 1px) and (max-width:524px)
{
	.custMenuTop .formInfo{display:none;}
	.custFormHeader .custFormInfo{display:none;}
	.optionsHeader{font-size:10px;}
	.foot{width:max(48%,440px);}
	.foottitle{margin:5px 0 5px 0;}
	.ft_line{padding:0 0 5px 21px;}
	.footcont{margin-left:5px;display:flex;flex-flow:column wrap;margin:0;height:80px;}
	.sectionslistsmall{grid-template-columns: repeat(auto-fit,minmax(170px,1fr));}
	.secnamesmall{height:2.4em;}
	.pSubMenuWrapper{width:45px;flex: 0 0 45px;}
	.pShrink{width:45px;}
	.prod_mod{width:calc(100% - 45px);}
	.circle{width:35px;height:35px;}
	.pMenu{background-size:23px;}
	.cMenu{background-size:23px;}
	.pMainImg {min-width:-webkit-fill-available;}
	.artSecBox {flex: 1 0 100%;margin:0;padding:5px;}
}
@media (min-width: 1px) and (max-width:419px)
{
	.subProdMenuWindow{top:-17px;}
	.paddedMenuWindow{height:24px;margin:5px 7px 7px 24px;padding:4px 10px 6px 15px;font-size:11px;}
	.caddedMenuWindow{height:24px;margin:5px 7px 7px 24px;padding:4px 10px 6px 15px;font-size:11px;}
	.pmarrowr{margin:2px 0 0 10px;}
	.paddedMenu{font-size:11px;display:none;}
	.pSubCanvas{padding:3px 3px 0 3px;}
	.pInfoWrapper{min-width:unset;}
	.detailsProdWrap{padding:15px 45px 10px 10px;}
	.pDetails_Desc{padding:0 45px 0 10px;}

	.pm_productDetails{background-position:5px 5px;}
	.pm_prod_gallery{background-position:7px 6px;}
	.pm_options{background-position:5px 5px;}
	.pm_productDimensions{background-position:6px 5px;}
	.pm_productTechnical{background-position:5px 4px;}
	.pm_productAssemblyInstructions{background-position:6px 6px;}
	.pm_prod_similar{background-position:5px 5px;}

	.pm_build{background-position:5px 5px;}
	.prodOptDIV{height:calc(100% - 157px);}
	.pPrice{font-size:23px;}
	.showPriceSpec{background-position:1px 15px;}
	.icoDet{background-size:25px;min-height:35px;margin:0 0 0 5px !important;padding:0 0 0 33px;}
	.custFormHeader{padding-top:9px;}
	.custMenuTop{grid-template-columns:repeat(auto-fit,minmax(max(13%,170px),1fr));}
	.custMenuTop .custFormInfo{display:none;}
	.artOneImg{margin:0 0 15px 0;}
	.imgOneDiv{margin:0 auto;float:unset;}
	.seclistimgsmall{margin:0 auto;max-width:50px;padding:5px;order:1;}
	.secnamesmall{order:2;flex:1;margin:10px 0 0 0;}
	.secdescsmall{display:none;}
	.sectionboxsmall a{flex-flow:row;}
	.articleslist{display:none;}
	.togglearrowBlogOn,.togglearrowBlogOff{display:block;}
	.moreinfo{display:inline-flex;}
	.secProductDesc{display:none;}
	.cmp{flex:unset;padding:7px 20px 9px 35px;}
	.formChoiceSingleActive{border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid var(--tbborder);border-bottom:1px solid var(--tbborder);background-color:#fff;}
	.formChoiceWrap{gap:0;}
}
@media (min-width: 1px) and (max-width: 391px)
{}