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 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%;	}	
}