form#hireBookingForm{margin: 20px 10px;padding: 0;}
form#hireBookingForm fieldset{margin: 20px 0;padding: 10px;border: 1px solid #707070;border-radius: 10px;background-color:#ebebeb;}
form#hireBookingForm legend{font-weight: bold;padding: 10px;border: 1px solid #707070;border-radius: 10px;background-color:#707070;color: #FFFFFF;}
form#hireBookingForm fieldset div{margin: 0;padding: 0;}
form#hireBookingForm fieldset div.requiredField,
form#hireBookingForm fieldset div.optionalField{clear: both;margin: 0 0 20px 0 }
form#hireBookingForm fieldset div.obfuscField{position: absolute;left: -5000px;}
form#hireBookingForm fieldset div.fieldOptions{clear: none;width: 70%;float: left;}
form#hireBookingForm fieldset div label{display: block;float: left;width: 28%;padding: 0;margin: 0 2% 20px 0;text-align: right;font-size: 100%;}
form#hireBookingForm fieldset div label.req{font-weight: bold;}
form#hireBookingForm fieldset div label.rg{font-weight: bold;}
form#hireBookingForm fieldset div label.cbg{font-weight: bold;}
form#hireBookingForm fieldset div label.lblta{display: block;float: none;width: auto;text-align: left;}
form#hireBookingForm fieldset div label.lblrb{display: inline-block;float: none;width: auto;text-align: center;}
form#hireBookingForm fieldset div label.lblcb{display: inline-block;float: none;width: auto;text-align: center;}
form#hireBookingForm select{width: 50%;background: #FFFFFF none repeat scroll 0 0;border: 1px solid #c2c2c2;padding: 2% 1%;border-radius: 5px;}
form#hireBookingForm select.short{width: auto;margin-bottom: 20px;}
form#hireBookingForm input[type="text"],
form#hireBookingForm input[type="search"],
form#hireBookingForm input[type="email"],
form#hireBookingForm input[type="date"],
form#hireBookingForm input[type="url"]{padding: 10px;margin: 0;border: 1px solid #c2c2c2;border-radius: 10px;background-color:#FFFFFF;font-size: 120%;}
form#hireBookingForm input[type="text"]{width: 50%;}
form#hireBookingForm input[type="email"]{width: 50%;}
form#hireBookingForm input[type="url"]{width: 50%;}
form#hireBookingForm input[type="radio"]{display:none;}
form#hireBookingForm fieldset div label.lblrb{display: inline-block;float: none;background-color:#900;color: #FFFFFF;padding: 5px 10px;font-size:120%;border: 2px outset #900;border-radius: 5px;}
form#hireBookingForm input[type="radio"]:checked + label{background-color:#090;border: 2px inset #090;}
form#hireBookingForm input[type="checkbox"]{display:none;}
form#hireBookingForm fieldset div label.lblcb{display: inline-block;float: none;background-color:#900;color: #FFFFFF;padding: 5px 10px;font-size:120%;border: 2px outset #900;border-radius: 5px;}
form#hireBookingForm input[type="checkbox"]:checked + label{background-color:#090;border: 2px inset #090;}
form#hireBookingForm input#hireBookingFormButton{width: 50%;text-align: center;font-size: 120%;background-color: #090;border: 2px outset #090;border-radius: 10px;color: #FFFFFF;line-height: 180%;font-weight: bold;}
form#hireBookingForm input.price{width: 15%;}
form#hireBookingForm input.amount{width: 15%;}
form#hireBookingForm input.pcode{width: 15%;}
form#hireBookingForm input.tel{width: 25%;}
form#hireBookingForm textarea{width: 98%;height: 3em;padding: 10px 1%;margin: 0;border: 1px solid #c2c2c2;border-radius: 10px;background-color:#FFFFFF;font-size: 120%;}
form#hireBookingForm textarea.tarea5005{width: 50%;height: 5em;}
form#hireBookingForm textarea.tarea1002{height: 2em;}
form#hireBookingForm textarea.tarea1003{height: 3em;}
form#hireBookingForm textarea.tarea1004{height: 4em;}
form#hireBookingForm textarea.tarea1005{height: 5em;}
form#hireBookingForm textarea.tarea1006{height: 6em;}
form#hireBookingForm textarea.tarea1007{height: 7em;}
form#hireBookingForm textarea.tarea1008{height: 8em;}
form#hireBookingForm textarea.tarea1009{height: 9em;}
form#hireBookingForm textarea.tarea10010{height: 10em;}
form#hireBookingForm textarea#matchComments{width: 98%;height: 7em;}
form#hireBookingForm textarea#matchAddress{width: 50%;height: 5em;}

form#hireBookingForm div#hireDateBlockedAlert {margin: 20px 10px;padding: 20px; text-align:center; background: rgba(255,207,207,1); background: linear-gradient(to bottom, rgba(255,239,239,1) 0%, rgba(255,207,207,1) 100%);	border:1px solid #900;	border-radius: 10px;}


form#hireBookingForm fieldset#hireWhen{}
form#hireBookingForm fieldset#hireWhen legend{}
form#hireBookingForm select.hireDuration{padding: 1%;font-size:120%;}
form#hireBookingForm select.hireDuration option{font-size:120%;}
form#hireBookingForm input[type="date"].hireStart{}
form#hireBookingForm input[type="date"].hireEnd{border-color: transparent;background-color:transparent;font-weight:bold;}
form#hireBookingForm span#hireDateEndSpan{}
form#hireBookingForm span.hireDateChangeAlert{display:block;}
form#hireBookingForm fieldset#hireWhat{}
form#hireBookingForm fieldset#hireWhat legend{}
form#hireBookingForm div#preDateSelect{padding: 5px 10px;background-color: #FEE;border:1px solid #FEE;border-radius: 5px;}
form#hireBookingForm div#hireablesMaster{}
form#hireBookingForm fieldset#hireSecurity{}
form#hireBookingForm fieldset#hireSecurity legend{}
form#hireBookingForm fieldset#hireWho{}
form#hireBookingForm fieldset#hireWho legend{}
form#hireBookingForm div.thinv{margin: 0 0 10px 0;padding: 5px 10px;background-color: #E0E0E0;border:1px solid #E0E0E0;border-radius: 5px;}
form#hireBookingForm div.thinv.active{margin: 0;background-color: #EFE;border-color: #EFE;}
form#hireBookingForm div.thinv i{float:right;}
form#hireBookingForm div.hireable{}
form#hireBookingForm div.hireable.parent{padding: 0 10px;}
form#hireBookingForm div.hireable.parent h2{color: #000;}
form#hireBookingForm div.hireable.image{width: 25%;float:left;}
form#hireBookingForm div.hireable.image img{width: 100%;display:block;}
form#hireBookingForm table.hireable.hireRates{width: 75%;float:left;}
form#hireBookingForm table.hireable.hireRates tr{}
form#hireBookingForm table.hireable.hireRates th{background-color: #666;color:#FFF;}
form#hireBookingForm table.hireable.hireRates td.hirerate{background-color:#FFF;}
form#hireBookingForm table.hireable.hireRates td.hirerate.multi{background-color:#f6f6f6;font-style:italic;}
form#hireBookingForm table.hireable.hireRates td.addonrate{background-color:#FFF;}
form#hireBookingForm table.hireable.hireRates td.addonrate.multi{background-color:#f6f6f6;font-style:italic;}
form#hireBookingForm table.hireable.hireRates span.optionalLabel{font-size:80%;font-style:italic;}
form#hireBookingForm div.hireable.description{clear:both;margin: 10px 0;}
form#hireBookingForm div.hireable.variant{clear:both;margin: 10px 0;border-bottom: 1px solid #000;}
form#hireBookingForm div.hireable.variant select.hireQty{padding: 1%;}
form#hireBookingForm div.hireable.variant span.availability{font-size:80%;width: 25%;}
form#hireBookingForm div.hireable.variant span.addons{font-size:80%;width: 25%;float:right;}
form#hireBookingForm fieldset div.hireable.variant label{margin: 10px 2% 20px 0;font-weight:bold;}
form#hireBookingForm fieldset div.hireable.variant label.lblcb{margin: 0 0 20px 0;}
form#hireBookingForm div#hireSummary{margin: 20px 0;padding: 10px;border: 1px solid #707070;border-radius: 10px;background-color:#ebebeb;}
form#hireBookingForm div#hireSummary h3{color: #000;}
form#hireBookingForm div#hireSummary span{}
form#hireBookingForm div#hireSummary span#costHolder{}
form#hireBookingForm div#hireSummary span#depositHolder{}
form#hireBookingForm div#hireSummary span#waiverHolder{}
form#hireBookingForm div#hireSummary div.payToday{}
form#hireBookingForm div#hireSummary div.payToday input[type='number']{}
form#hireBookingForm div#hireSummary div#durationHolder{}
form#hireBookingForm div#hireSummary div#collectionHolder{}
form#hireBookingForm div#hireSummary div#returnHolder{}
form#hireBookingForm div#hireSummary input[type='submit']#bookNow{width: 90%;text-align: center;font-size: 120%;background-color: #090;border: 2px outset #090;border-radius: 10px;color: #FFF;line-height: 180%;font-weight: bold;}
div#hireFloater{position: fixed;top: 20px;right: 20px;background-color: #090;color: #FFF;padding: 20px;text-align:center;border-radius: 5px;z-index:999;}
div#hireFloater h3{color: #FFF;}
div#hireFloater span#hireChargesTotal{display:block;font-weight:bold;}
div#hireFloater a{display:block;width: 90%;text-align: center;font-size: 100%;background-color: #090;border: 2px outset #090;border-radius: 10px;color: #FFF;line-height: 180%;font-weight: bold;}

div#bs1{margin: 40px 0;}
div#bs1 div#unconfirmedAlert{background-color: #FEE;padding: 20px;text-align:center;border:2px solid #C00;}
div#bs1 div#bookingDetails{}
div#bs1 div#bookingDetails table#hireData{margin: 40px 0;}
div#bs1 div#bookingDetails table#hireData th.bookingReference,
div#bs1 div#bookingDetails table#hireData th.bookingDate{text-align:center;background-color: #666;color:#FFF;width:50%;}
div#bs1 div#bookingDetails table#hireData td.bookingReference span#hireBookingReference{font-size: 120%;font-weight:bold;}
div#bs1 div#bookingDetails table#hireData td.bookingReference span#bookingStatus{font-size: 100%;font-weight:normal;}
div#bs1 div#bookingDetails table#hireData td.bookingReference span#hireBookingCheckcodeHead{font-size: 60%;font-weight:normal;display:block;}
div#bs1 div#bookingDetails table#hireData td.bookingReference span#hireBookingCheckcode{font-size: 60%;font-weight:normal;display:block;}
div#bs1 div#bookingDetails table#hireData td.bookingReference,
div#bs1 div#bookingDetails table#hireData td.bookingDate{text-align:center;font-size: 120%;font-weight:bold;}

div#bs1 div#bookingDetails table#hireDates{}
div#bs1 div#bookingDetails table#hireDates th.collectionDate,
div#bs1 div#bookingDetails table#hireDates th.returnDate{text-align:center;background-color: #666;color:#FFF;width:50%;}
div#bs1 div#bookingDetails table#hireDates td.collectionDate,
div#bs1 div#bookingDetails table#hireDates td.returnDate{text-align:center;font-size: 120%;font-weight:bold;}
div#bs1 div#bookingDetails table#hireDates td.returnDate span{font-size: 60%;font-weight:normal;}
div#bs1 div#bookingDetails div#collectionDate div,
div#bs1 div#bookingDetails div#returnDate div{margin: 10px;text-align:center;}
div#bs1 table#hireItems{margin: 40px 0;}
div#bs1 table#hireCustomer{margin: 40px 0;}
div#bs1 table.dw{}
div#bs1 table.dw th{background-color: #DDD;padding: 3px 0.5%;}
div#bs1 table.dw th.mainH{background-color: #666;color:#FFF;}
div#bs1 table.dw th.hireText{}
div#bs1 table.dw th.hireText.textRight{text-align:right;}
div#bs1 table.dw th.hireText.textRight.dueNow{background-color: #090;color:#FFF;}
div#bs1 table.dw td{background-color: #EEE;padding: 3px 0.5%;}
div#bs1 table.dw td.hireText{}
div#bs1 table.dw td.hireText.textRight{text-align:right;}
div#bs1 table.dw td.hireVal{text-align:right;}
div#bs1 table.dw td.hireVal.total{font-weight:bold;}
div#bs1 table.dw td.hireVal.mainVal{font-weight:bold;font-size: 120%;}
div#bs1 table.dw td.hireVal.mainVal.dueNow{background-color: #090;color:#FFF;}
div#bookingTerms{}
div#bookingTerms h2{background-color: #666;color:#FFF;padding: 3px 0.5%;margin: 0 0 2px 0;text-align:center;}
div#bookingTerms div#termsInstr{background-color: #EEE;padding: 40px 20px;margin: 0 0 2px 0;}
div#bookingTermsContainer{background-color: #EEE;padding: 40px 20px;margin: 0 0 2px 0;}
div#bookingTermsContainer h1{color: #000;}
div#bookingTermsContainer ul{}
div#bookingTermsContainer ul li{}
div#bookingTermsContainer ol{}
div#bookingTermsContainer ol li{}
div#termsRead{background-color: #DDD;padding: 40px 20px;margin: 0 0 2px 0;}
div#termsRead input[type="checkbox"]{}
div#bookingPayment{}
div#bookingPaymentContainer{}
div#termsSummaryInstr{padding: 40px 20px;}
div#prePayment{}
div#processPayment{}
div#postPayment{}


@media only screen and (max-width :767px){
 form#hireBookingForm fieldset{padding: 10px 5px;}
 form#hireBookingForm span#hireDateEndSpan{display:block;width: auto;float:none;}
 form#hireBookingForm div.hireable.variant span.addons{display:block;width: auto;float:none;clear:both;}
 form#hireBookingForm fieldset div label.lblrb{padding: 3px 5px;font-size:100%;}
 form#hireBookingForm fieldset div.hireable.variant label.lblcb{margin: 0 0 10px 0;font-size:80%;}
 form#hireBookingForm table.hireable.hireRates{width: 100%;float:none;}
 div#bs1 table.dw{font-size:80%;}
 div#bookingTerms{font-size:80%;} 
}