.col50 {width:50%; display:block;}
.col100 {width:100%; display:block;}
.locationresponse {clear:both; margin-top:100px;width:100%; text-align:center;margin-top:20px;margin-bottom:20px;padding-top:70px; padding-bottom:70px; border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;}

.page-template-template-spacemgrtest #section {padding-bottom:0px;}
.page-template-template-spacemgrtest #headersection {height:70px;}

#bookingprocess {clear:both; display:block;margin-top:0px;text-align:center;margin-bottom:20px;padding-top:20px; padding-bottom:20px;}
#paymentprocess {clear:both; display:block;margin-top:0px;text-align:center;margin-bottom:20px;padding-top:20px; padding-bottom:20px;}

.processstep {display:none; width:100%; margin:0 auto;text-align:center; margin-bottom:40px;}
.step1{display:block;}
.processstep h2 {color:#1b487e; text-align:center; text-transform:uppercase;font-size: 2.5em; font-weight:600;line-height: 40px;}
.processstep h2 span {color:#449bdb;}
.processnav {width:100%;text-align:center; padding-top:20px; padding-bottom:20px;display: flex;justify-content: center;}
.processbutton { color:#ffffff; background-color:#1b487e; width:68px;height:68px;display: inline-flex; justify-content: center; align-items: center;font-size:14px; text-decoration:none;margin: 0px 5px;}
.processbutton:hover {background-color:#449bdb;}
.percentagecomplete {width:100%; height:10px; border:1px dashed #449bdb;border-radius:2px;clear: both;margin-top: 110px;background: linear-gradient(90deg, #449bdb 2%, #ffffff 0%);}

.fieldblock {width:100%; padding-top:4px;padding-bottom:4px;text-align: center;}
.fieldblock input {padding:7px;width:80%;margin:0 auto; border: 00px solid #dddddd; border-radius:4px;}

select {padding:10px; width:271px;}
.step2grid select {padding:10px; width:100%; border-top:0px;border-left:0px;border-right:0px;border-bottom: 0px;}
.step7grid select {padding:10px; width:100%; border-top:0px;border-left:0px;border-right:0px;border-bottom: 0px;}
input[type='radio'] { transform: scale(1); }
input[type='checkbox'] { transform: scale(1.3); }

input[type='text'] { padding:5px; }

.customerbasket {z-index: 50;display:none;width:340px; height:auto; color:#1b487e; border-radius:0px; position:fixed; left: 50%; margin-left: 221px;}
/*.basketopen {border:1px solid #1b487e;}
.basketclosed {border:0px solid #1b487e;}*/

.basketButton {width:38px; height:auto;float:right;position:relative; cursor:pointer;margin-right: 1px; margin-top: 1px;}
.bbActive {border:1px solid #ffffff;}
.bbInactive {border:1px solid #024289;}

.customerbasketdata {display:none;width:auto; height:auto; padding:40px 40px;background-color:#ffffff;color:#1b487e; font-size:15px;text-align:left; /*padding-bottom:15px;*/ border:1px solid #1b487e;}
.baskettitles {color:#449bdb;}
.customerbasketdata  p {line-height: 16px;}

.personalRoute {display:block;}
.commercialRoute {display:none;}

@media only screen and (max-width: 1440px) {
.customerbasket {z-index: 50;display:none;width:280px; height:auto; /*background-color:#ffffff;*/ color:#1b487e; border-radius:3px; position:fixed; left: auto; right:10px; margin-left: auto;}
}

.step1grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step2grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step3grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step4grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step4gridAlt {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step5grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 900px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step6grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step6gridCommercial {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 900px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step7grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step8grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step9grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 900px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step9gridAlt {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 900px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step10grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step11grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step12grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 900px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step13grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 580px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step14grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 1120px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step15grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 900px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}

.datestepgrid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}

.stepintro {max-width:900px; margin:0 auto;}
.steptext {max-width:900px; margin:0 auto;}

.griditem {text-align:left; align-items: top;}
.step1 .griditem {text-align:center; background-color:#449bdb; color:#ffffff; padding: 34px 20px; text-align:center;}
.step1 .griditem img {height:150px; width:auto;display: block; margin:0 auto; margin-bottom:20px;}
.step2 .griditem {text-align:left; min-height:290px;}

.step3 .griditem {border:1px solid #1b487e;}

.step4 .griditem {background-color:#449bdb;}
.step4 .pNext {display:none;}
.step5 .pNext {opacity:0.4; pointer-events: none;}

/*.step6 .griditem {border:1px solid #1b487e;}
.step6 select {border:0px;}*/
.step7 .griditem {border:1px solid #1b487e;}
.step7 select {border:0px;}

/*.step8 .griditem {padding-top:15px; padding-bottom:15px; color:#ffffff;}
.step8 .griditem p {color:#ffffff;}*/
.step6 .griditem:first-of-type {padding-top:15px; padding-bottom:15px; color:#ffffff;height: 246px;}
.step6 .griditem p {color:#ffffff;}
.step6 .griditem img {margin-bottom: -5px;}

.commercialdetailsblock {display:none;}

.step9grid {clear:both;}
.step9grid .griditem {background-color:#449bdb;}
.step9grid .top {padding:1px 10px; width:auto; text-align:center; background-color:#1b487e; height:35px;position:relative;}
.step9grid .top p {text-align:center;}
.step9grid .titleoption {color:#449bdb;margin-bottom:0px;font-size:14px;}
.step9grid .top .titledesc {color:#ffffff;margin-top:5px;font-size:16px; font-weight:500;text-align:left;height:35px;}
.step9grid .bottom .titledesc {color:#ffffff;margin-top:5px;font-size:18px; font-weight:500;}
.step9grid .description {color:#ffffff;margin-top: 0px;}
.step9grid .checkbox {margin-top:0px; margin-bottom:0px; position:absolute; right:5px; top:6px;}
.step9grid .bottom {padding:15px; width:auto; text-align:center;}

.step9gridAlt .griditem {background-color:#449bdb;}
.step9gridAlt .top {padding:1px 10px; width:auto; text-align:center; background-color:#1b487e; height:35px;position:relative;}
.step9gridAlt .top p {text-align:center;}
.step9gridAlt .titleoption {color:#449bdb;margin-bottom:0px;font-size:14px;}
.step9gridAlt .top .titledesc {color:#ffffff;margin-top:5px;font-size:16px; font-weight:500;text-align:left;height:35px;}
.step9gridAlt .bottom .titledesc {color:#ffffff;margin-top:5px;font-size:18px; font-weight:500;}
.step9gridAlt .description {color:#ffffff;margin-top: 0px;}
.step9gridAlt .checkbox {margin-top:0px; margin-bottom:0px; position:absolute; right:5px; top:6px;}
.step9gridAlt .bottom {padding:15px; width:auto; text-align:center;}

.unitOverview {max-width:1024px;margin:0 auto; height:auto;display:block;overflow:hidden;margin-bottom:40px;margin-top:30px;}
.uoImageWrap {width:49%; display: block;float:left;}
.uoImageWrap p {color:#449bdb; font-weight:600;}
.uoImage {width:100%; height:auto;}
.uoDataWrap {width:49%; display: block; float:right; text-align:center;}
.uoDataWrap p {color:#449bdb; font-weight:600;}

.uoDataWrap table {margin:0 auto;}
.uoDataWrap table .tablePrices td {background-color:#449bdb; color:#ffffff; font-size: 20px;text-align:left;}
.uoDataWrap table .tableData td {background-color:#eeeeee; color:#1b487e; font-size: 16px;font-weight:600;line-height: 15px;text-align:left;}
.uoDataWrap table .tableData td span {font-size:13px; font-weight:300;}

.uoPadlockcost{font-size: 16px!important;font-weight:600!important;}
.uoInsurancecost{font-size: 16px!important;font-weight:600!important;}

.datestep {}
.dateblock {border: 1px solid #1b487e;
    min-height: 280px;}


.step10grid .griditem:first-of-type {padding-top:15px;}
.step10grid .griditem {background-color:#1b487e;}
.step10grid p {text-align:center;color:#ffffff;}
.step10grid .altbilling:first-of-type {padding-bottom:15px;}

.step11grid .griditem {background-color:#1b487e;height: 280px;}
/*.step11grid p:first-of-type {margin-top: 50px;}*/
.step11grid p {text-align:center;color:#ffffff;}
.oneiddata { width:100%; height:auto; text-align:center;}
.oneidcheck {position:relative;width:100px; height:85px;background-color:#449bdb; color:#ffffff; text-align:center;margin:0 auto;margin-top:25px;margin-bottom:25px;}
.gotxt {position:absolute;left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}



.step12grid .griditem {background-color:#1b487e; color:#ffffff;}
.step12grid .griditem p {padding-left:20px; padding-right:20px;}
.step12grid ul {padding-right:15px;padding-left:20px;}
.step12grid ul li {margin-bottom:15px; font-size:14px; line-height:18px;}

.step12grid input[type='text'] {padding:7px;width:90%;margin:0 auto; border: 0px solid #dddddd; border-radius:4px;}

.step13grid {margin-bottom:50px;}


.step14grid {margin-bottom:25px;}
/*.process-payment {display:block;}*/
.storageoverview {background-color:#ffffff; color:#ffffff; border:2px solid #1b487e;}
.storageoverview .storagebasketdata {padding: 0px 15px 10px 15px;}
.storageoverview .storagebasketdata h4 {text-align:left!important;font-weight:bold;margin-top: 15px;margin-bottom: 15px;}
.storageoverview .storagebasketdata p {text-align:left; color:#449bdb; font-weight:bold;margin-top: 0px; margin-bottom: 5px; line-height: 17px; font-size:15px;}
.storageoverview .storagebasketdata p span {color: #1b487e; font-weight:normal;}

.packagingoverview {background-color:#ffffff; border:2px solid #1b487e;}
.packagingoverview .storagebasketdata {padding: 0px 15px 10px 15px;}
.packagingoverview .storagebasketdata h4 {text-align:left!important;font-weight:bold;margin-top: 15px;margin-bottom: 15px;}

.shopbasketproducts p {font-weight:normal;color: #1b487e; font-size:15px;}
.removeitem {font-size:10px; color:#ce053d; text-decoration:none; cursor:pointer;}

#customerTitle {
    padding: 5px;
    width: 84%;
    margin: 0 auto;
    border: 0px solid #dddddd;
    border-radius: 4px;
}

.availablediscounts {max-width:1120px;margin:0 auto;margin-top:20px;display:block; margin-bottom:20px; height:10px;}
.discountbutton {margin-right:20px;padding:10px 20px; display:inline; background-color:#1b487e; color:#ffffff; font-weight:bold; border-radius:3px; float:left; cursor:pointer;display:none;}
.discountdescription {color:#ce053d!important; font-size:12px!important; font-weight:bold!important; text-transform: capitalize;}

.paymentdetails {background-color:#449bdb; color:#ffffff;padding: 20px 20px;}

.carddetails {display:block; overflow:hidden;}
.cardField {background-color:#ffffff;border:0px; border-radius:3px;padding:7px;}
.cardno {width:auto; float:left;margin-bottom: 10px;}
.cardexpiry {width: 95px; float:right;margin-bottom: 10px;}
.cardname {width:100%; float:left;margin-bottom: 10px;}
.cardcvv {width: 95px; float:right;margin-bottom: 10px;}

.cardAddressInfo {background-color:#1b487e; color:#ffffff;margin-top:10px;margin-bottom:20px;padding:10px 15px; border-radius:5px;display:block; clear:both;overflow:hidden;}
.cardAddressInfo h4 {color:#ffffff; text-align:left!important;margin-top:0px; margin-bottom:0px;}
.cardAddressInfo input {width:97%;}
.cardPaymentTotals {width:auto;background-color:#ffffff; color:#1b487e;padding:0px 10px;border-radius:5px;display:inline-block; clear:both;overflow:hidden;}
.cardPaymentTotals p{text-align:right;margin-top: 5px;margin-bottom: 5px;}
.cardPaymentButton {width:106px; height:64px; background-color:#1b487e; color:#ffffff;float:right;display:inline-block;border-radius:5px;padding-top:42px; text-align:center; font-weight:bold;}


.step15grid .griditem {padding:0px 15px;min-height:260px;}
.daitonDDdetails {background-color:#ffffff; color:#1b487e;padding:5px;font-size: 14px;margin-top:15px;margin-bottom:15px;}
.DDfieldDetails {margin-top:15px;margin-bottom:15px; width: calc(100% - 25px);}
.DDfieldDetails input {padding:10px; width:100%;}

.reserveunitcomplete {display:none;max-width:900px;margin:0 auto;}
.reserveunitcomplete p {text-align:center;}

.bookingcomplete {display:none;max-width:900px;margin:0 auto;}
.bookingcomplete p {text-align:center;}

.opayoerrorcatcher {display:none;max-width:900px;margin:0 auto;}
.opayoerrorcatcher p {text-align:center;}

.availablesizes {max-width:900px; margin:0 auto;}
/*.availablesizes {max-width:900px; margin:0 auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;}

.availablesizes .slick-initialized {
    visibility: visible;
    opacity: 1;    
}*/

.completeSitetel {white-space: nowrap;}

.page-template-template-spacemgrtest #whychoose {background-color:rgba(2,66,137,0.14)!important;}

.unitsliderwrap {max-width:1000px; position:relative; height:auto;margin:0 auto;}
.nextArrowUnit {position:absolute; left:0px; top:calc(50% - 20px); width:40px; height:40px; background-color:#059EE3; background-image: url(/wp-content/themes/dainton25theme/assets/bookingslider-next.png); background-repeat: no-repeat;background-size: cover;}
.prevArrowUnit {position:absolute; right:0px; top:calc(50% - 20px); width:40px; height:40px; background-color:#059EE3; background-image: url(/wp-content/themes/dainton25theme/assets/bookingslider-prev.png); background-repeat: no-repeat;background-size: cover;}

.availableunits {max-width:90%; margin:0 auto;margin-top: 40px; margin-bottom: 5px;}

.sizedata {width:30%; display:inline-block;margin:1%; text-align:center;line-height:24px; border:2px solid #1b487e;cursor:pointer;}
.sizedata .top {background-color:#ffffff; color:#1b487e;padding:20px 10px;font-size:28px;}
.sizedata .top span {font-size:16px;}
.sizedata .middle {background-color:#1b487e; color:#ffffff;padding:20px 10px;font-size:28px;}
.sizedata .middle span {font-size:16px;}
.sizedata .middle .fromspan {line-height:42px;}
.sizedata .bottom {background-color:#ffffff; color:#1b487e;padding:20px 10px;font-size:12px;line-height: 14px;}
.sizedata .bottom span {font-size:12px;line-height: 14px;}

.sizedata:hover .top {background-color:#449bdb; color:#ffffff;}
.sizedata:hover .bottom {background-color:#449bdb; color:#ffffff;}
.sizedata:hover {border:2px solid #ffffff;}

.availablestorage {max-width:900px; margin:0 auto;}

.storagedata {width:90%; display:inline-block;margin:1%; text-align:center;line-height:24px; border:2px solid #1b487e;cursor:pointer;}
.storagedata .top {color:#1b487e;padding:20px 10px;font-size:14px!important; font-weight:bold; text-transform:capitalize;}
.storagedata .top span {font-size:14px;}
.storagedata .sqftstyle {font-size:22px!important; font-weight:bold!important;}
.storagedata .sqftstyle sup {font-size: 15px;}

.storagedata .middle {background-color:#1b487e; color:#ffffff;padding:0px 25px;height:100px;text-align: center;display: flex; align-items: center;}
/*.storagedata .middle span {font-size:16px;line-height:16px;}*/
.storagedata .middle .fromspan {font-size:16px;line-height:18px;width:100%;}
.storagedata .bottom { color:#1b487e;padding:20px 10px;font-size:12px;line-height: 14px;}
.storagedata .bottom span {font-size:12px;line-height: 14px;}

.unittcs {font-size:12px;}

.storagedata:hover .top {background-color:#449bdb; color:#ffffff;}
.storagedata:hover .bottom {background-color:#449bdb; color:#ffffff;}
.storagedata:hover {border:2px solid #1b487e;}

.selectedstorage {background-color:#449bdb!important; color:#ffffff!important;}

.insurancedata {width:100%; display:inline-block;margin:0%; text-align:center;line-height:24px; border:0px solid #1b487e;cursor:pointer;background-color:#1b487e;}
.insurancedata .top {background-color:#1b487e; color:#ffffff;height:40px;font-size:28px;}
.insurancedata .top span {font-size:16px;}
.insurancedata .middle {background-color:#1b487e; color:#ffffff;padding:41px 10px;font-size:24px;}
.insurancedata .middle span {}
.insurancedata .middle .fromspan {line-height:auto; font-size:16px;}
.insurancedata .bottom {background-color:#1b487e; color:#ffffff;font-size:12px;line-height: 14px;height:43px;}
.insurancedata .bottom span {font-size:12px;line-height: 14px;}

.sitelocationdata {width:100%; display:inline-block;margin:0%; text-align:center;line-height:24px; border:0px solid #1b487e;cursor:pointer;}
.sitelocationdata .top {background-color:#449bdb; color:#ffffff;padding:20px 10px;font-size:28px;}
.sitelocationdata .top span {font-size:16px;}
.sitelocationdata .top h3 {text-align:center; color:#ffffff;margin: 0px;}
.sitelocationdata .middle {background-color:#1b487e; color:#ffffff;padding:21px 10px;f}
.sitelocationdata .middle p {font-size:18px;padding-left:20px; padding-right:20px;}
.sitelocationdata .middle .fromspan {line-height:auto; font-size:16px;}
.sitelocationdata .bottom {background-color:#449bdb; color:#ffffff;padding:20px 10px;font-size:16px;line-height: 22px;}
.sitelocationdata .bottom span {font-size:16px;line-height: 22px;}



.locationheader{width:94%; height:auto; padding:3% 3%; background-color:#449bdb; color:#ffffff;border-radius:0px;margin-bottom:0px;}

.dateheader{width:calc(100% - 20px); height:auto; padding:10px 10px; background-color:#1b487e; color:#ffffff;border-radius:0px;margin-bottom:0px; font-size:15px;text-align:center;}
.durationblock {padding-top: 26px; padding-bottom: 26px;}
.singledurationwrap{padding: 8px 8px; font-size:16px;width:130px; margin:0 15px; height: 21px;}

.insuranceheader{width:94%; height:auto; padding:3% 3%; background-color:#449bdb; color:#ffffff;border-radius:0px;margin-bottom:0px;}

.owninsurancecheckboxholder {padding-left:5px;max-width:580px; margin:0 auto; display:block; margin-top:30px; text-align:left;}
.owninsurancecheckboxholder p {padding-left:5px;text-align:left;line-height:16px;}

.shopclass {background-color:#449bdb!important;color:#ffffff; text-align:center;}
.shoptext {background-color:#1b487e;color:#ffffff; width:80%;padding-left:5%;padding:30px 10%;color:#ffffff;text-align:center;}

.summaryheader{width:94%; height:auto; padding:3% 3%; background-color:#449bdb; color:#ffffff;border-radius:0px;margin-bottom:0px;}
.summarydata {padding-left:10px; margin-top: 8px; margin-bottom: 8px;}

.altbilling {display:none;}

.CBdiv {display:block; float:left; width:30px;}
.CBlabel {display:block; float:left; width:auto;padding-top:3px;}


.agCheckboxes {margin-bottom:15px;display: block;overflow: hidden;}
.agCheckboxes p {width:80%; float:right;padding:0px!important;padding: 0px 10px 0px 0px !important;margin-bottom:0px;line-height:22px;}
.agCheckboxes a {color:#ffffff; font-size:14px; font-weight:bold; text-decoration:underline;}
.agCheck {width:13%; float:left;padding-top: 18px; padding-left: 10px;}
.agCheck input {zoom:1.2;}

.shopProducts {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; margin: 0 auto; max-width: 1120px;}
.shopItem {text-align:center; align-items: top; background-color:#024289;margin-bottom:20px;padding-bottom: 15px;border: 1px solid #024289;}
.itemImage {width:100%; height:auto; display:block;}
.itemImage img {width:100%; height:auto;}
.itemDescription {font-weight:400; color:#ffffff;display:block;padding-top:10px; padding-bottom:10px;clear:both;padding: 10px;}
.itemDescription span {font-weight:bold;}
.itemPrice { color:#ffffff;font-size: 22px;display:block;width:100%;text-align:left;margin-left:20px;margin-bottom: 5px;}
.itemQuantity {padding-top: 0px; display:flex; width:120px;margin-left:20px;}
.qtyDown {width:40px; background-color:#449bdb;display: inline-block;height:40.5px;color:#ffffff;text-align:center;line-height: 40px;cursor:pointer;}
.qtyBox {width:auto;display: inline-block;}
.qtyBox input {width: 20px; border:0px;text-align:center;padding: 11px; font-size: 16px;}
.qtyUp {width:40px; background-color:#449bdb;display: inline-block;height:40.5px;color:#ffffff;text-align:center;line-height: 40px; cursor:pointer;}

/*.itemQuantity select {width:auto!important;padding:4px;border:0px;}*/
.itemButton {display:inline-block;background-color:#8BB843;margin-right:20px;}
.itemButton a {color:#ffffff; font-size:10px; text-decoration:none;text-align:center;padding:5px; display:inline-block;line-height: 10.3px;}


input[type="radio"] {
  appearance: none;
  -webkit-appearance: none; /* For older Safari */
  -moz-appearance: none; /* For older Firefox */
  width: 20px;
  height: 20px;
  border: 1px solid #024289;
  outline: none;
  background-color: #ffffff; /* Example background color */
  margin-right: 5px; /* Add some spacing */
  line-height:15px;
}

/* Style the square when checked */
input[type="radio"]:checked {
  background-color: #ffffff; /* Example background color */
}

/* Optional: Add a checkmark using a pseudo-element */
input[type="radio"]:checked::before {
  content: "\25A0"; /* Unicode for checkmark */
  color: #024289;
  font-size: 13px;
  display: block;
  text-align: center;
}

/* JQuery UI css overrides */
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-weight: normal;
    color: #454545;
    text-align:center;
}
    
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #1b487e;
    background: #1b487e;
    color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #449bdb;
    background: #449bdb;
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-header {
    border: 0px solid #449bdb;
    background: #449bdb;
    color: #ffffff;
    font-weight: bold;
    font-size:14px;
}

.ui-widget-header .ui-icon {
    background-image: url(/wp-content/themes/dainton25theme/assets/ui-icons_ffffff_256x240.png);
}

.ui-datepicker {
    width: 17.4em;
    padding: 0em 0em 0;
    display: none;
}

.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    width:100%;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
     border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-br {
     border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-br {
     border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-br {
     border-top-left-radius: 0px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 2.3em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-prev {
    left: 50px;
    top: 6px;
}
.ui-datepicker .ui-datepicker-next {
    right: 50px;
    top: 6px;
}

.ui-datepicker table {
    width: 100%;
    font-size: .84em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}


/*MOBILE STYLES*/

@media only screen and (max-width: 900px) {
    .shopProducts {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        margin: 0 auto;
        max-width: 1120px;
    }
}


@media only screen and (max-width: 680px) {

 .shopProducts {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        margin: 0 auto;
        max-width: 1120px;
    }
}


@media only screen and (max-width: 580px) {

.step1grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step2grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step3grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step4grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step4gridAlt {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step5grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step6grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step6gridCommercial {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step7grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step8grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step9grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step9gridAlt {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step10grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step11grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step12grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step13grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step14grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 320px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}
.step15grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; max-width: 290px; margin: 0 auto; margin-top: 40px;margin-bottom: 35px;}

.griditem {text-align:left; align-items: top; margin-bottom:20px;}

.step7 .griditem {height: 290px;}
.step8 .griditem {text-align:center; height: 290px;}

.step13 .griditem {text-align:center; height: 290px;}

.unitOverview {width:90%;margin:0 auto; height:auto;display:block;overflow:hidden;margin-bottom:10px;margin-top:30px;}
.uoImageWrap {width:100%; display: block;float:none;}
.uoDataWrap {width:100%; display: block; float:none; text-align:center;}

.storagedata {width: 70%;}

.calcimageholder img {
    height: auto;
    width: 100%;
    display: none;
    margin-bottom: -20px;
    margin-top: -30px;
}

.processstep h2 {font-size:2em; line-height:32px;padding-left:20px;padding-right:20px;}
.stepintro p {padding-left:20px;padding-right:20px;}
.steptext p {padding-left:20px;padding-right:20px;}

.sendquote p {padding-left:20px;padding-right:20px;}
.reserveunitcomplete p {padding-left:20px;padding-right:20px;}
.bookingcomplete p {padding-left:20px;padding-right:20px;}
.opayoerrorcatcher p {padding-left:20px;padding-right:20px;}

}

@media only screen and (max-width: 440px) {

.shopProducts {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        margin: 0 auto;
        max-width: 280px;
    }


}