@charset "utf-8";
/* CSS Document */

body {
	padding-top: 8px;
}

body p {
	text-align: left;
}

.footText {
	line-height: 1.6;
}

#bottom {
	height: 60px;
	background: url(../images/bg-bottom.gif) top center no-repeat;
}

#top {
	height: 39px;
	background: url(../images/bg-top.gif) top center no-repeat;
}

#page-body {
	background: url(../images/page-body-bg.gif) top center repeat-y;
	padding: 0;
}

.step {
	padding: 0 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*width: 784px;*/
}

#step2 {

}

.stages li {
	float: left;
	padding: 0 22px;
	line-height: 1.2;
	color: #CCC;
}

.stages {
	background-repeat: no-repeat;
	width: 785px;
	height: 23px;
	padding-top: 6px;
	margin-left: 1px;
}

.stages .active {
	color: white;
}

.stages .active a {
	color: white;
	text-decoration:none;
}

.stages .active a:hover {text-decoration:underline;}

.stages {
	background-image: url(../images/stages.gif);
}

.stages#stage1 {

	background-position: 0px 0px;
}

.stages#stage2 {
	background-position: 0px -29px;
}

.stages#stage3 {
	background-position: 0px -58px;	
}

.stages#stage4 {
	background-position: 0px -87px;	
}

.stages#stage5 {
	background-position: 0px -116px;	
}

.stages#stage6 {
	background-position: 0px -145px;	
}

.stages li.stage-payment {
	padding-right: 0px;
}

/*.stages li.stage-detail {
	padding-left: 25px;
}

.stages li.stage-package {
	padding: 0 37px;
}*/


/* content */

.step #details-1 {
	width: 425px;
	height: 352px;
	background: url(../images/details-1.gif) center no-repeat;
	margin-top: 10px;
	float: left;
}

.step #event-address {
	width: 379px;
	height: 319px;
	background: url(../images/half-width.gif) center no-repeat;
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
}

.step #billing-address {
	width: 379px;
	height: 319px;
	background: url(../images/half-width.gif) center no-repeat;
	margin-top: 10px;
	float: right;
	margin-bottom: 10px;
}

.step #pay-by-card {
	width: 379px;
	height: 180px;
	background: url(../images/half-width-2.gif) center no-repeat;
	float: right;
	position: relative;
}

.step #pay-by-invoice {
	width: 379px;
	height: 180px;
	background: url(../images/half-width-2.gif) center no-repeat;
	float: left;
	position: relative;
}

.step p {
	padding: 10px 10px 3px 10px;
	line-height: 1.2;
}

#step2 p {
	padding: 0 10px 3px 10px;	
}

.step .right {
	float: right;
	margin-top: 10px;
}

.step .highlight {
	color: #E42C84;
	font-size:14px;
}

.step .medium {
	font-size: 12px;
}

.step .small {
	font-size: 11px;
	padding: 3px 10px;
}

.step input.text, .step select.text {
	float: left;
	width: 208px;
	font-size: 12px;
}

.step input.fieldError, .step select.fieldError {border:2px solid #FF0000;}

.step input.text.blur {
	color: #999;
}

.step#step3 input.text {
	float: left;
	width: 108px;
	font-size: 12px;
}

.step select.text {
	margin-top: 2px;
	width: 214px;
}

.step input.text#postcode, .step input.text#postcode-2, .step input.text#po-box {
	width: 60px;
}

a.postcode-check {
	font-size: 10px;
	float: left;
	display: inline;
	padding-top: 8px;
	color: black;
	margin-left: 5px;
}

.step#step3  select.text {
	margin-top: 2px;
	width: 114px;
}

.step#step3  #quote-2-wrapper select.text {
	margin-top: 0;
	width: 40px;
	margin-right: 10px;
	float: right;
	display: inline;
}

.step#step3 .pricingError {float:left;padding-left:308px;color:#ff0000;font-weight:bold;}

label.label-number {
	margin-top: 1px;
	float: right;
	font-weight: bold;
}

#step1 label.right-label, #step3 label.right-label, #step5 label.right-label {
	float: left;
	text-align: right;
	width: 130px;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 4px;
}

#step6 label.right-label {
	float: left;
	text-align: left;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 4px;
	padding-left: 10px;
}

label.left-label {
	float: left;
	text-align: left;
	padding-top: 1px;
	padding-left: 5px;
	width: 220px;
}

.step .form-list li {
	padding-top: 5px;
}

.step p.tiny {
	padding-top: 3px;
	font-size: 9px;
	clear: both;
	padding-left: 135px;
}

.step p.disclaimer {
	font-size: 10px;
	clear: both;
	padding-right: 75px;
	padding-top: 10px;
	text-align:right;
}

#disclaimer {
	vertical-align: middle;
	margin: 0 2px;
}

.step .continue {
	float: right;
	margin-top: 0;
	background: url(../images/continue.gif) bottom no-repeat;
	width: 119px;
	height: 43px;
	color: white;
	border: none;
	font-size: 13px;
	cursor:pointer;
}

#step6 .continue {
	height: 55px;
	width: 229px;
	background: url(../images/continue-2.gif) bottom no-repeat;
	position: absolute;
	bottom: 4px;
	right: 73px;
	white-space: pre;
}

#step1 .continue {
	margin-right: 72px;
}

#step4 .continue, #step5 .continue {
	margin-right: 10px;
	margin-top: 5px;
}

#step4 .upTo {font-size:10px; font-weight:bold;}

.fw-header {
	width: 785px;
	height: 15px;
	background: url(../images/full-width-bg.gif) top center no-repeat;
	clear: both;
}
#cancel {text-align:left;}
#cancel li {
	font-size:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:3px 22px;
	}
#step2 #details-2, #step3 #details-3, #step4 #details-4, #step5 #additional-comments, #step6 #terms, #step6 #booking-review, #step6 #message, #step6 #cancel {
	background: url(../images/full-width-bg-body.gif) repeat-y center;
	width: 785px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#additional-comments, #terms, #cancel {
	clear: both;
}

#terms .highlight, #terms .fw-footer, #cancel .highlight, #cancel .fw-footer {
	margin-top: -3px;
}

#terms .highlight, #cancel .highlight {
	z-index: 9999;
}

.fw-footer {
	width: 785px;
	height: 15px;
	background: url(../images/full-width-bottom-bg.gif) top center no-repeat;
	clear: both;
}

.divide {
	float: left;
	margin-top: 20px;
}

.divide#calendar {
	width: 240px;
}

#dates-picked {
	margin-left: 10px;
}

#date-picker {
	margin: 10px;
}

.dates {
	text-align: left;
	width: 500px;
}

.step#step2 .dates p {
	float: left;
	margin-top: 2px;
	padding: 0;
}

.step#step2 #step2Error, #step3Error {color:#FF0000;font-weight:bold;padding:15px;float:right;}
.step#step2 #step2Error.step2NoDateError {background-color:#999;border:2px solid #666;color:#FFFFFF;float:right;font-weight:bold;margin-top:-175px;padding:15px;width:255px;}

.dates td, .booking-review-table td {
	padding: 3px;
	vertical-align: top;
}

.booking-review-table td, .booking-review-table th {
	padding-bottom: 10px;
	padding-right:12px;
}

.booking-review-table td.highlight {
	padding-left: 4px;
}

.booking-review-table {
	text-align: left;
	margin: 10px;
	font-size:12px;
}

.dates th, .booking-review-table th {
	padding: 0 3px 3px 3px;
}

.booking-review-table th {
	color: #663399;
	text-align:left;
}

.step .dates select.text {
	float: none;
	margin-top: 0;
	width: 170px;
	vertical-align: bottom;
}

.remove-date {
	width: 47px;
	height: 16px;
	display: block;
	float: left;
	overflow: hidden;
	vertical-align: bottom;
	margin-top: 2px;
	font-size:12px;
	margin-left:4px;
}

label.options {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

label#option-1-label, .inactive:hover label#option-1-label {
	width: 246px;
	float: left;
	height: 110px;
	background: url(../images/quote-number.gif) bottom center no-repeat;
	padding-left: 5px;
	cursor: pointer;
}

.inactive {
	color: #807f7f;
}

.step .inactive .large, .step #quote-2-wrapper.inactive .large {
	color: #b299cc;	
}

.step .inactive:hover .large, .step #quote-2-wrapper.inactive:hover .large {
	color: #663399;	
}

.inactive:hover {
	color: black;
}

.inactive label#option-1-label {
	background: url(../images/quote-number-50pc.gif) bottom center no-repeat;
}

label#option-2-label, .inactive:hover label#option-2-label {
	width: 246px;
	float: left;
	height: 110px;
	background: url(../images/quote-hour.gif) bottom center no-repeat;
	padding-left: 5px;
	cursor: pointer;
}

.inactive label#option-2-label {
	background: url(../images/quote-hour-50pc.gif) bottom center no-repeat;
}

input.options-radio {
	float: left;
	margin: 58px 20px 0 5px;
	display: inline;
}

label.options span {
	left: -9999px;
	position: absolute;
}

.quote-details {
	float: left;
	width: 340px;
}

#quote-2-wrapper .quote-details {
	padding-top: 20px;
	position: relative;
}

.step p.large {
	font-size: 18px;
	color: #663399;
	padding-top: 0;
}

.step #pay-by-card p.large, .step #pay-by-invoice p.large {
	padding-top: 10px;
}

.step #event-address p.large, .step #billing-address p.large {
	 padding-top: 15px;
 }
 
.step #event-address p.highlight, .step #terms p.highlight, .step #cancel p.highlight, .step #billing-address p.same {
	 padding-top: 0;
}

.step #billing-address p.same {
	padding-left: 135px;
}

.step #quote-2-wrapper p.large {
	font-size: 14px;
	color: #663399;
	padding-top: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
}

#submit-3, #submit-4 {
	margin-top: 35px;
}

#quote-1-wrapper, #quote-2-wrapper {
	margin: 10px;
}

#quote-2-wrapper {
	border-top: 1px solid #cc0099;
	padding-top: 25px;
	margin-top: 30px;
}

#quote-2-wrapper li {
	line-height: 1.2;
}

#quote-2-wrapper li span {
	font-size: 11px;
}

#quote-2-wrapper li strong {
	position: relative;
	padding-right: 16px;
}

input.treatments-radio {
	float: left;
	margin-left: 10px;
	display: inline;
}

input.package-radio {
	position: absolute;
	right: -5px;
	top: -2px;
}

.tooltip, .inactive:hover .tooltip {
	display: inline-block;
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/tooltip.gif);
	margin-bottom: 2px;
}

.inactive .tooltip {
	background: url(../images/tooltip-50pc.gif);
}

.package {
	width: 180px;
	height: 311px;
	float: left;
	margin-left: 13px;
	background: transparent url(../images/packages/bg.jpg) no-repeat scroll center 41px;
	display: inline;
}

.packageShort 
{
	height: 285px;
	background-position:center 3px
}

booking-review-table .package {
	width: 137px;
	height: 213px;
	background: url(../images/packages/bg-small.jpg) bottom no-repeat;
	margin-left: 45px;
}

.package .title {
    border-bottom:1px solid #999;
	text-align: center;
	font-size: 14px;
	padding: 4px 2px;
	position: relative;
}

.booking-review-table .package .title {
	text-align: center;
	font-size: 12px;
	padding: 2px;
	position: relative;
}

.package .tooltip {
	background: url(../images/tooltip2.gif);
}

.booking-review-table .package .tooltip {
	background: url(../images/tooltip2-small.gif);
	width: 12px;
	height: 12px;
	margin-bottom: 2px;
}

.booking-review-table .package table {
	font-size: 9px;
	margin: 1px 2px 2px 1px;
	line-height: 1.1;
}

.package table {
	font-size: 11px;
	margin: 3px 5px 5px 5px;
	line-height: 1.3;
}

.package table td {
	padding: 3px 0px 2px;
	text-align: left;
}

.package table td.price-bottom {
	vertical-align: bottom;
	text-align: right;
}

.package table td.price-bottom span {font-size: 10px;}

.package table .total {
    border-top:1px solid #999999;
	font-size: 18px;
	font-weight: bold;
	color: #815da5;
	margin:0;
	width:170px;
}

.booking-review-table .package table tr.total {
	font-size: 14px;
	font-weight: bold;
	color: #815da5;
}

package table td.total-choice{background:transparent url(../images/packages/bg.jpg) no-repeat bottom center;}

.package table td.total-choice label {
	display: block;
	position: relative;
	width: 160px;
}

#additional-comments p {
	padding-top: 0;
	color: #663399;
	font-size: 18px;
}

#additional-comments p span {
	color: #cc3399;
	font-size: 13px;
	padding-left: 20px;
}

#additional-comments textarea {
	float: left;
	width: 630px;
	display: inline;
	margin-left: 10px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
}

.package-selected {
	text-align: center !important;
}

.separator {
	background: url(../images/separator.gif) no-repeat center;
	height: 24px;
	width: 848px;
}

.quotes.inactive {
background: white;
}

.quotes.inactive .continue {
	display: none;
}

.inactive input, .inactive select {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);					
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */

}

.inactive:hover input, .inactive:hover select {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=100);					
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */	
}


/* webkit hack */

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.separator {margin-left: 1px;}
}

/* clearing floats */

div:after, li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div, * html li {height: 1%;}
/* End hide from IE-mac */

*+html div, *+html li {zoom:1} /* haslayout trigger */

.formErrorStar {color:red;display:block;float:left;margin-left:2px;margin-top:5px;}