/** ..:: Hairfree | Book Online ::.. **/

#states a { color: #333; }

.hasEffects { background: white; }

.fieldbox { margin: 15px 0px; }

.field-label {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	color: #626262;
}

.radio-label {
	font-weight: bold;
	margin-left: 10px;
	color: black;
	font-size: 14px;
}

.field {
	border: 1px solid #b5b5b5;
	padding: 4px;
	font-size: 14px;
	width: 210px;
	position: relative;
}

select {
	padding: 1px;
	font-size: 14px;
	width: 210px;
	position: relative;
}

input:focus {
	border: 1px solid #757575;
}

.field-container {
	position: relative;
}

.aurora-field-feedback {
	background: #F2F2F2;
	border: 1px solid #DBDBDB;
	width: 220px;
	left: 220px;
	top: 0px;
	position: absolute;
	height: 15px;
	font-size: 13px;
	padding: 5px 10px;
	z-index: 100;
}

.aurora-field-feedback-valid {
	background: #F0FEE9;
	border-color: #ccdfc4;
}

.aurora-field-feedback-invalid {
	color: #620d0b;
	background: #FFCFCF;
	border-color: #BF7F7F;
}


.aurora-form-activity {
	background: url( /Resources/JazeDocs/Sites/TMM/Images/Icons/spinner.gif ) no-repeat top left;
	height: 16px;
	font-size: 14px;
	padding-left: 26px;
	padding-top: 1px;
	margin-top: 8px;
	margin-left: 12px;
}



/* Universal *

.book_online { margin-bottom: 10px; }
.book_online > table { border: 1px solid #ccc; }
.book_online td { vertical-align: top; }

#formNav { overflow: hidden; }

/* Structure *

.book_online .left { width: 250px; padding: 30px; background-color: #f2f6f9; }
.book_online .left ul { font-size: 12px; list-style: url('/Resources/HF/Sites/HF/Images/Icons/blue_circle.png') none outside; }

.book_online .right { padding: 30px; }
.book_online .right td { padding: 0 2px 10px 0; }

/* Common *

.book_online .right label { margin-bottom: 8px; margin-right: 8px; }
.book_online .right label input { margin-right: 8px; }

.book_online .right .headings { overflow: hidden; margin-bottom: 10px; }
.book_online .right .heading { font-size: 16px; color: #006EAD!important; }

.book_online .right .page_section { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #ccc; }

.book_online .alert { padding: 10px 15px; margin: 20px 0; font-style: italic; }
.book_online .alert.large { font-size: 16px; color: #111; }
.book_online .alert.yellow { background-color: #fff9de; border: 1px solid #f3db91; }
.book_online .alert.green { background-color: #eafddf; border: 1px solid #a1de7e; }
.book_online .right table .alert { display: block; margin: 0; }

.book_online td > div { margin-bottom: 4px; }

/* Input & Validation *

.book_online input { padding: 6px; border: 1px solid #aaa; font-size: 14px; color: #333; background: url('/Resources/HF/Sites/HF/Images/Backgrounds/input_shadow.png') top left repeat-x; }

.book_online input:hover { border-color: #666; }
.book_online input:focus { border-color: #006EAD; }
.book_online label input { float: none; }

.book_online .validate { height: 15px; float: left; padding: 7px 10px; -moz-border-radius-bottomright: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
.book_online .validate.error { background-color: #fff9de; border:1px solid #f3db91; color: #8c1515; font-size: 11px; }
.book_online .validate.valid { width: 25px; border: 1px solid #a1de7e; background: #eafddf url('/Resources/HF/Sites/HF/Images/Icons/valid_tick.png') center center no-repeat; }

#book_welcome input { padding: 10px; font-size: 16px; margin-right: 6px; }
#book_welcome .validate { height: 12px; float: left; padding: 14px 10px; -moz-border-radius-bottomright: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
#book_welcome .validate.error { color: #8c1515; font-size: 11px; background-color: #fff9de; border:1px solid #f3db91; }
#book_welcome .validate.valid { width: 25px; background: #eafddf url('/Resources/HF/Sites/HF/Images/Icons/valid_tick.png') center center no-repeat; border:1px solid #a1de7e; }

.button { cursor: pointer; }
.button .wrap2{ padding: 0 !important; }
.button input { float: none !important; border: none; background: none; padding: 9px 20px 7px 0 !important; margin: -5px 0 0 !important; color: white; font-size: 12px !important; }

/* Breadcrumbs *

#breadcrumbs { margin-bottom: 10px; font-size: 12px; text-transform: uppercase; }
#breadcrumbs .step { padding: 7px; overflow: hidden; width: 20%; height: 17px; color: #b5b5b5; background-color: #f2f2f2; }
#breadcrumbs .step.incomplete { border: 1px solid #e5e5e5; }
#breadcrumbs .step.complete { color: #006ead; background-color: #e5f0f7; border: 1px solid #cce2ef; }
#breadcrumbs .step.selected { color: white; background: #0062b2 url('/Resources/HF/Sites/HF/Images/Backgrounds/breadcrumbs_selected.png') top left repeat-x; }

#breadcrumbs .step .text { float: left; padding: 7px; } 

#breadcrumbs .step .number { float: left; height: 20px; padding: 7px 0 0; text-align: center; width: 27px; color: white; background: url('/Resources/HF/Sites/HF/Images/Backgrounds/circle_grey.png') top left no-repeat; }
#breadcrumbs .step.complete .number { color: white; background: url('/Resources/HF/Sites/HF/Images/Backgrounds/circle_blue.png') top left no-repeat; }
#breadcrumbs .step.selected .number { color: #006ead; background: url('/Resources/HF/Sites/HF/Images/Backgrounds/circle_white.png') top left no-repeat; }

/* Make Selection *

.book_online .right .areas { float: left; width: 130px; }
.book_online .right .treatments { float: left; width: 190px; padding-left: 30px; }
.book_online .right .price { float: left; width: 90px; color: #2a9d07; }
.book_online .right .price span { display: block; float: left; width: 35px; color: #666; text-decoration: line-through; }
.book_online .right .duration { float: left; width: 125px; }

.book_online .right .select_treatment { overflow: hidden; }
.book_online .right .select_treatment .selection { float: right; width: 436px; padding: 15px 0; border: 1px solid #ccc; }
.book_online .right .select_treatment .selection .option { overflow: hidden; padding: 5px 0; }
.book_online .right .select_treatment .selection .option .label { display: block; position: absolute; margin: -18px 0 0 22px; }

/* Selection Navigation *

.book_online .right .nav .navItem { display: block; text-decoration: none; color: #666; padding: 8px; border: 1px solid #e5e5e5; margin-bottom: 2px; border-right: none; }
.book_online .right .nav .selected { position: relative; z-index: 1; background: white; border: 1px solid #bbb; border-right: none; margin-right: -1px; }

/* Colour *

.book_online .right .type { display: block; float: left; width: 60px; margin-left: 12px; }
.book_online .right .type input { float: left; }
.book_online .right .type .label { display: block; float: left; margin-left: 22px; font-size: 11px; }
.book_online .right .type .colour { display: block; float: left; width: 35px; height: 20px; border: 1px solid #ddd; margin: 0 0 7px 0; }

.book_online .right .type.black .colour { background-color: black; }
.book_online .right .type.brown .colour { background-color: #66421f; }
.book_online .right .type.grey .colour { background-color: gray; }
.book_online .right .type.blonde .colour { background-color: #d9ce98; }
.book_online .right .type.red .colour { background-color: #bf4f17; }
.book_online .right .type.white .colour { background-color: white; }

.book_online .right .type.dark .colour { background-color: #4d380f; }
.book_online .right .type.medium .colour { background-color: #b39b6b; }
.book_online .right .type.light .colour { background-color: #e5d7c3; }

/* Location & Time *

.book_online .right .dates { overflow: hidden; padding-bottom: 28px; }
.book_online .right .dates .date { display: block; float: left; margin-right: 7px; padding: 10px 20px; border: 1px solid #ccc; text-align: center; text-decoration: none; color: #666; background: #eee url('/Resources/HF/Sites/HF/Images/Backgrounds/dates.png') top left repeat-x; }
.book_online .right .dates .date .month { font-size: 11px; color: #999; }
.book_online .right .dates .selected { position: relative; border: 1px solid #1f54bc; color: white; background: #118ed2 url('/Resources/HF/Sites/HF/Images/Backgrounds/date_selected.png') top left repeat-x; }
.book_online .right .dates .selected .month { color: white; }
.book_online .right .dates .selected .arrow { position: absolute; bottom: -8px; width: 100%; margin-left: -20px; height: 8px; background: url('/Resources/HF/Sites/HF/Images/Backgrounds/date_selected_arrow.png') bottom center no-repeat; }

.book_online .right .times { overflow: hidden; }
.book_online .right .times .time { display: block; float: left; margin-right: 7px; padding: 5px 15px; border: 1px solid #ccc; text-align: center; text-decoration: none; color: #666; background: #eee url('/Resources/HF/Sites/HF/Images/Backgrounds/times.png') top left repeat-x; }
.book_online .right .times .selected { position: relative; border: 1px solid #1f54bc; color: white; background: #118ed2 url('/Resources/HF/Sites/HF/Images/Backgrounds/time_selected.png') top left repeat-x; }

/* Finish *

.success { padding: 20px; margin-top: 20px; text-align: center; background: url('/Resources/HF/Sites/HF/Images/Icons/blue_tick.png') center top no-repeat; }
.success span { display: block; color: #006EAD; font-size: 30px; margin: 50px 0 20px; }

.referral_success { padding: 20px; margin-top: 20px; text-align: center; background: url('/Resources/HF/Sites/HF/Images/Icons/green_tick.png') center top no-repeat; }
.referral_success span { display: block; color: #2b9d07; font-size: 30px; margin: 50px 0 20px; }

.btw { font-size: 18px; color: #111; margin: 20px 0 10px; }

/* IE6 fix *

.is_ie .radio { background: none; border: 0px; border-color: #FFFFFF; zoom: 1; }

*/