/* DIV STYLES */

#booking_content
{
}

#booking_content .register_box
{
	float: left;
	width: 250px;
	margin: 20px 20px 0px 20px;
}

#booking_content .login_box
{
	float: left;
	width: 350px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border-style: solid;
	border-color: #6F2225;
	border-width: 0px 0px 0px 2px;
}

#bookings_nav_column
{
	float: left;
	width: 178px;
}

#bookings_nav_column div.feature_box
{
	width: 176px;
	border-color: #6F2225;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 3px 0;
	background-color: #DFDBC3;
}

#bookings_nav_column div.feature_box p.feat_title
{
	font-weight: bold;
	display: block;
	width: 160px;
	margin: 0 0 3px 3px;
	font-size: 0.9em;
}

#bookings_nav_column div.feature_box p.feat_reply
{
 	display: block;
	width: 140px;
	padding-left: 20px;
	margin: 0 0 5px 3px;
	font-size: 0.9em;
}

#bookings_nav_column div.feature_box  h2.hours_title
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

#bookings_large_column
{
	float: left;
	width: 540px;
	margin: 0 0 3px 0;
}

.booking_box
{
	border-style: solid;
	border-color: #6F2225;
	border-width: 1px;
	margin: 0 0 3px 3px;
	padding: 5px 10px 5px 10px;
	background-color: #DFDBC3;
}

#date_available_times
{
	float: left;
	width: 327px;
	margin: 0px 0px 0px 8px;
	background: #EFE7B3;
	border: 1px solid #6F2225;

}

/* END OF DIV STYLES */

/* PARAGRAPH STYLES */

#booking_content p.error_message
{
	color: #ff0000;
	margin: 0px 0px 10px 10px;
}

.booking_box p.date_and_time
{
	font-weight: bold;
	font-size: 1.3em;
}

.booking_box p.booking_header
{
	float: left;
	font-size: 1em;
	margin: 0px 10px 0px 0px;
}

.booking_box p.booking_info
{
	float: left;
	font-size: 1em;
}

.current_displayed_date
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #6F2225;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

/* END OF PARAGRAPH STYLES */

/* LINK STYLES */

#booking_content .register_box a
{
	font-size: 20px;
	font-weight: bold;
}

.cancel_booking_button
{
	margin: 5px 0px 0px 0px;
}

/* END OF LINK STYLES */

/* FORM STYLES */

#booking_content form, basic_info_form form
{
	margin: 0 0 30px 0;
}

#booking_content form p label, basic_info_form form p label
{
	width: 110px;
	float: left;
	margin: 0px 0px 0px 15px;
}

#booking_content form p select, basic_info_form form p select
{
	color: #000000;
	float: left;
	padding: 0 0 0 .2em;
	margin: 0 0 5px 14px;
	background: #fee3ad;
	border-color: #6F2225;
	border-style: solid;
	border-width: 1px;
}

#booking_content form p input.textfield, basic_info_form form p input.textfield
{
	color: #000000;
	float: left;
	width: 200px;
	padding: 0 0 0 .2em;
	margin: 0 0 5px 14px;
	background: #fee3ad;
	border-color: #6F2225;
	border-style: solid;
	border-width: 1px;
}

#booking_content form p input.error, basic_info_form form p input.error
{
	color: #000000;
	float: left;
	width: 200px;
	padding: 0 0 0 .2em;
	margin: 0 0 5px 14px;
	background: #FFDFDF;
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px;
}

#booking_content form p textarea, basic_info_form form p textarea
{
	color: #000000;
	float: left;
	width: 250px;
	padding: 0 0 0 .2em;
	margin: 0 0 5px 14px;
	background: #fee3ad;
	border-color: #6F2225;
	border-style: solid;
	border-width: 1px;
}

#booking_content form p input.submit_button, basic_info_form form p input.submit_button
{
	color: #FFFFFF;
	background: #6F2225;
	font-size: 1em;
	margin: 5px 0 0 140px;
	padding: 1px 3px 1px 3px;
	border-color: #000000;
	border-style: outset;
	border-width: 1px;
}

/* END OF FORM STYLES */

/* LIST STYLES */

ul.bookings_navigation
{
	padding: 0 0 0 8px;
	margin: 0 0 10px 0;
}

ul.bookings_navigation li
{
	margin: 0 0 2px 0;
}

ul.bookings_navigation li a
{
	width: 150px;
	font-size: 1em;
	color: #FFFFFF;
	padding: 3px 0 3px 10px;
	background-color: #6F2225;
	display: block;
	text-decoration: none;
}

ul.bookings_navigation li a:hover
{
	color: #FFE07D;
	background-color: #9F3138;	
}

/* END OF LIST STYLES */

/* TAG STYLES */

#booking_content a
{
	color: #6F2225;
	text-decoration: none;
}

#booking_content a:hover
{
	text-decoration: underline;
}

#booking_content h2
{
	color: #6F2225;
	padding: 0px 0px 15px 0px;
}

#booking_content h3
{
	color: #6F2225;
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 10px 8px;
	border-style: solid;
	border-color: #6F2225;
	border-width: 0px 0px 1px 0px;
}

/* END OF TAG STYLES */

/* CALENDAR STYLES */

#calendar_date_selector
{
	float: left;
	width: 192px;
	margin: 0px 0px 30px 8px;
}

.cal_month
{
	float: left;
	width: 162px;
	text-align: center;
	color: #6F2225;
	font-weight: bold;
}

.calendar_day_display
{
	margin: 5px 0px 0px 0px;
}

.day_title
{
	color: #000000;
	width: 27px;
	height: 14px;
	line-height: 14px;
	font-size: 11px;
	float: left;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}

.blank_days
{
	width: 27px;
	height: 10px;
	float: left;
}

.display_days
{	
	border: 1px solid #FAF8EA;
	margin-bottom: -1px;
	margin-right: -1px;
	float: left;
	text-align: center;
	font-weight: bold;
}

a.cal_day_link
{
	font-size: 11px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
}

a.cal_day_link:hover
{
	font-size: 11px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #EFE7B3;
	text-decoration: underline;
}

.current_day
{
	border: 1px solid #FAF8EA;
	font-size: 11px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #EFE7B3;
	text-decoration: underline;
	margin-bottom: -1px;
	margin-right: -1px;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #6F2225;
}

.disabled_day
{
	border: 1px solid #FAF8EA;
	font-size: 11px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #dddddd;
	margin-bottom: -1px;
	margin-right: -1px;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #333333;
}

/* END OF CALENDAR STYLES */

/* FORM STYLES */

.appointment_time_selector
{
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	width: 307px;
	background-color: #6F2225;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.appointment_time_selector.green
{
	background-color: #12651c;
}

.appointment_time_selector:hover
{
	background-color: #9F3138;
	color: #FFE07D;
	cursor: pointer;
}

.appointment_time_selector:hover.green
{
	background-color: #074e10;
	color: #FFFFFF;
}

.time_confimer
{
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin: 4px 0px 0px 0px;
	background-color: #6F2225;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.time_confimer.green
{
	background-color: #12651c;
}

.time_confimer:hover
{
	background-color: #9F3138;
	color: #FFE07D;
	cursor: pointer;
}

.time_confimer:hover.green
{
	background-color: #074e10;
	color: #FFFFFF;
}

.create_todays_schedule
{
	text-align: center;
	padding: 5px 5px 5px 5px;
	background-color: #6F2225;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;	
}

.create_todays_schedule:hover
{
	background-color: #9F3138;
	color: #FFE07D;
	cursor: pointer;
}

/* END OF FORM STYLES */


div.store_hours_box
{
	width: 190px;
	border-color: #6F2225;
	border-style: solid;
	border-width: 1px;
	margin: 20px 0 3px 0;
	background-color: #DFDBC3;
}

div.store_hours_box p.feat_title
{
	font-weight: bold;
	margin: 0 0 5px 5px;
	width: 90%;
}

div.store_hours_box p.feat_reply
{
	margin: 0 0 10px 40px;
	width: 90%;
}