/* STANDARD STYLE */

.edit { z-index: 101; }

/************************************ GENERIC *******************************/
body {
    background-color:#FFF;
    color:#000;
    font-family: arial, helvetica, sans-serif;
    /* font-size:16px; */
    font-size:12px;
    margin:5px auto 20px auto;
    padding:0;
    text-align:center;
}

#main{
    background:url(/img/bg.jpg) repeat-y;
    width:987px;
    min-width:987px;
    margin:0 auto;
    text-align:left;
    /* font-size:.75em; */
}

#branding{
    margin-left:20px;
    background:url(/img/header.jpg) no-repeat;
    max-width: 944px;
    height:108px;
    border:0px solid #F00;
    overflow: hidden;
}

#content-section{
    margin-left:20px;

    /*height:300px;  */
    /*  =Remarks: without the height settings, the div's size is elastic
    	 otherwise the contained divs within this div start going being the
    	 height of of this div   */

    border:0px solid #0F0;

}

#site-info{
    margin: 10px 30px;
    padding-bottom: 10px;
    width:927px;
    border:0px solid #F00;
    text-align:left;
    font-size:90%;
}

a:link, a:active, a:visited, a:hover{
	color:#FF0000;
	text-decoration:none;
}


#top-image{
    background: url(/img/top-bg.png) no-repeat;
    height:22px;
}

#bottom-image{
    background: url(/img/bottom-bg.png) no-repeat;
    height:22px;
}


.clear{
    clear:both;
    width:100%;
    height:1px;
}

.justclear{ clear:both;}

#beautcamp-benefits{
    width:716px;
    height:167px;
    clear:both;
}

.arrow{
    background:url(/img/red-tab-left.gif) no-repeat left center;
    /* line-height:15; */
    padding-left:14px;
}

.face{
    padding-left:30px;
}
.female {  background:url(/img/female_24.gif) no-repeat left center; line-height: 24px;}
.male {  background:url(/img/male_24.gif) no-repeat left center; line-height: 24px;}


a, a:link, a:visited, a:hover, a:active {
    color:#ff0000;
}
a:hover { text-decoration: underline; }

.mandatory{
	color:#ff0000;
}

#site-info #copyright {float:left;}
#site-info #footer-nav {float:right;}
#site-info #site-designer {float:right;  width:350px; line-height:33px; }
#made_by_hatch { text-align: left; width: 930px; margin: 3px auto;}
#made_by_hatch a { color: #999; }

.alert {
	margin: 10px ; padding-left: 10px; border-left: 2px solid #d20300;
}
.alert h2 { color: #d20300 }
.alert strong { font-weight: bold; }

/***************************************** pressCoverage *******************************************/
#pressCoverage {
  margin: 5px 0 5px 25px; width: 933px; height: 92px; background: url(/img/press_banner_bg.gif) no-repeat 0 0; overflow: hidden;
}
#pressCoverage a { display: block; margin: 1px 2px; width: 929px; height: 90px; background-repeat: no-repeat; background-position: center center; }

/********************************************** MENU ***********************************************/


#menu{
    background:url(/img/menu_bg.gif) repeat-x 0 0;
    height:35px;
    clear:both;
    float: left;
    display: inline;
    margin: 0 0 5px 5px;
}
#menu li {
    float: left;
    display: inline;
    background: url(/img/menu_item_separator.gif) no-repeat right center;
    position: relative;
}
#menu #first a {
    background: url(/img/menu_first_bg.gif) no-repeat left top;
    padding-left: 37px;
}
#menu #first { padding-left: 0;  }
#menu #last { padding-right: 0; }
#menu #last { background: none; }
#menu #last a {
    background: url(/img/menu_last_bg.gif) no-repeat right center;
    padding-right: 37px;
}
#menu a {
    color : black;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}
#menu a:hover,
#menu a.current { color: white; }

#menu #menu_schedule a { padding: 0; }

#menu #menu_schedule a span { width: 100px; margin: 0 10px; }

/* all links with drop down */
#menu #menu_schedule:hover a,
#menu #menu_schedule a:hover,
#menu #menu_schedule.over a  {
    background-color: white;
    filter: alpha(opacity=80);
    color: black;
    text-decoration: none;
}
/* transparency for firefox */
#menu #menu_schedule:hover[title="schedule"] a,
#menu #menu_schedule[title="schedule"] a:hover,
#menu #menu_schedule.over[title="schedule"] a {
    background: transparent url(/img/schedule_hover.png) no-repeat;
}

#menu #menu_schedule.over li a,
#menu #menu_schedule:hover li a { background: transparent; color: black; padding-left: 10px;}
#menu #menu_schedule:hover[title="schedule"] li a,
#menu #menu_schedule.over[title="schedule"] li a { background: transparent; color: black; padding-left: 10px;}
/* background with transparency for IE */
#menu .hidden {
 	position: absolute;
 	z-index: 1000;
	top: 30px;
	left: 0px;
	display: none;
	width: 220px;
	border: 1px solid #d0d0d0;
	border-top: none;
    background-color: white;
    filter: alpha(opacity=80);
}
/* transparency for firefox */
#menu li[title="schedule"] .hidden {
	background: transparent url(/img/trans80.png);
}
#menu .hidden li { background: transparent; height: 30px;}
#menu .hidden li a { line-height: 30px; height: 30px;}

#menu #menu_schedule li a:hover,
#menu #menu_schedule.over li a:hover { color: #ff0000; text-decoration: underline; }
#menu #menu_schedule:hover[title="schedule"] li a:hover,
#menu #menu_schedule.over[title="schedule"] li a:hover { color: #ff0000; text-decoration: underline; }
#menu li:hover .hidden,
#menu li.over .hidden { display: block;}

/************************************** GENERIC PAGE LOOK ************************************/

#content{
    width:713px;
    margin-left:5px;
    clear: left;
    background: url(/img/content_top.gif) no-repeat 0 0;
}
#content #container {
    padding-bottom: 5px;
    background: url(/img/content_bottom.gif) no-repeat left bottom;
}
#content h1 {
    clear: left;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: 5px;
    margin-left: 15px;
}

#site_errors,
#site_notify {
    width: 700px;
    padding: 8px 6px 0 6px;
}
#site_notify p,
#site_errors p { padding: 10px 20px; font-weight: bold; }
#site_errors p { background: #a21623; color: white; }
#site_notify p { background: #8dd381; color: #007243; }


.footpage_container{
	background: transparent url(/img/people/top-round-subform-bg.png) no-repeat left top;
	padding-top:9px;
	width:679px;
	margin:15px;
	border:0px solid #ffcc00;
}

.footpage_content{
	background: transparent url(/img/people/bottom-round-subform-bg.png) no-repeat left bottom;
	padding-bottom:17px;
	width:679px;
}




/******************************************** HEADER *****************************************/

#link_home {
    display: block;
    float: left;
    width: 400px;
    height: 110px;
    text-indent: -9999px;
}

/************************************** GENERIC INFO WINDOW **********************************/

#branding div.guest_user_info { background: transparent url(/img/guest_info.gif) no-repeat right top; height: 110px; }
#user_info { color: white; font-weight: bold; padding-top: 15px; width: 324px;  float: right;}
#user_info a { color: white; }
#user_info form {
	margin-left: 15px;
}
#user_info form div {line-height: 20px; font-size: 90%;}
#guest_submit { padding-left: 60px; }
#user_info form #guest_forgotten { line-height: 17px; }
#guest_submit input { background: transparent; border: 0; font-weight: bold; color: white;font-size: 90%;}
#user_info label { width: 60px; display: block; float: left; clear: left;}
#user_info .text { width: 102px; }
#user_info #guest_forgotten a { font-weight: normal; text-decoration: underline; }
#fifty_percent_off_transparent {
    float: right;
    display: block;
    width: 130px;
    height: 100px;
    text-indent: -9999px;
    margin-top: -20px;
}
#free_class {
    float: right;
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px;
    margin-top: -20px;
}
#user_info p { float: left; display: inline; margin-left: 27px; }
/***************************************** GENERIC INPUTS ************************************/

td#submit { text-align: right; }

input.text,
input.longtext,
input.number {
    font-family: arial, helvetica, sans-serif;
    border: 1px solid #666;
    width: 200px;
    padding: 3px 5px;
}
input.number { text-align: right; width: 50px;}
#help {margin:  5px 15px;}

input.validation-failed { border: 1px solid red; border-bottom: 1px solid #666; background-color: #fff0f0;}
input.validation-passed { border: 1px solid green; background-color: #f0fff0;}
.validation-advice { color: #900; background: white;  border: 1px solid red; border-top: 0px solid red; padding: 5px; line-height: 1.2}
label.required { font-weight: bold; }

/*************************************** GENERIC OFFER ***************************************/

#offer #data h3 {
  clear:left;
  font-size:140%;
  margin:7px 0pt;
}
#offer #data { margin: 0 15px; }
#offer #data h4 {
  clear:left;
  font-size:110%;
  padding-top:0pt;
}
#offer #data p { padding:5px 0pt 8px}
#offer #data ul {
  list-style-type:disc;
  margin-top:10px;
  padding-left:25px;
}
#offer .edit { display: block; padding: 5px; background: white; float: right; margin-right: 20px;}

#offer em { font-style: italic; }
#offer strong { font-weight: bold; }

/****************************************** RIGHT PANEL *************************************/

#right_panel { display: inline; float: right; width: 213px; margin-right: 23px; }

/********************************************* VIDEO ****************************************/

#video { width: 205; float: left; margin-left: 2px;}
#video a { display:none; }

/*************************************** LATEST REVIEW BAR **********************************/

* html #latest_review { margin-top: 40px; }
#latest_review {
    background:url(/img/offer-background.png) repeat-y;
    width:205px;
    float:right;
    margin-right:6px;
    margin-top: 5px;
}
#latest_review h2{
    background:url(/img/offer-top-round.png) no-repeat left top;
    padding:10px;
    text-align:left;
}
#latest_review a { display: block; text-align: center; padding-bottom: 7px; background:url(/img/offer-bottom-round.png)  no-repeat left bottom; }

/*************************************** GENERIC OFFERS BAR **********************************/


#offers{
    background:url(/img/offer-background.png) repeat-y;
    width:205px;
    float:right;
    margin-right:6px;
    margin-top: 5px;
}
/* * html #offers { margin-top: 40px; } */
#offers h2{
    background:url(/img/offer-top-round.png) no-repeat left top;
    padding:10px;
    text-align:left;
}

#offers ul{  background:url(/img/offer-bottom-round.png)  no-repeat left bottom; }


#offers li {
    border-top:1px dashed #ccc;
    clear: left;
    margin-left: 3px;
    position: relative;
    height: 110px;
}
#offers li .first,
#offers li .second {
  position: absolute;
  width: 199px;
  heihgt: 110px;
  background: white;
}

#offers strong{
    text-align:left;
    color:#FF0000;
    text-decoration:underline;
    clear:right;
}


#offers p{
    margin: 5px 5px 5px 10px;
    float: left;
    width: 106px;
}
#offers p.noimg { width: auto;}
#offers .img{
    float: left;
    width: 75px;
    height: 98px;
    background-repeat: no-repeat;
}
#content-area{
    width:730px;
    border:0px solid #F00;
    float:left;
}

/**************************************** GENERIC "POPUP" PAGES *******************************/

.popup { z-index: 3; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding-top: 15px; background: url(/img/trans60_black.png) ; }
.popup .ec_container { position: absolute; left: 50%; top: 10px; margin-left: -465px; width: 930px; min-height: 150px; background: url(/img/edit_class_top.png) no-repeat; }
.popup .ec_content { min-height: 150px; background:white; }
.popup .ec_content_foot { min-height: 150px; background: url(/img/edit_class_bg.gif) repeat-y; }
.popup .ec_bottom_foot { width: 930px; height: 50px; background: url(/img/edit_class_bottom.png) left bottom; }
.popup .ec_bottom { width: 930px; height: 40px; background: url(/img/edit_class_bottom.png) left bottom; }
.popup #edit_class_close { display: block; height: 24px; line-height: 24px; padding-right: 24px; background: url(/img/edit_class_close.gif) no-repeat right center; float: right; margin-right: 15px; margin-top: 10px; font-weight: bold;}
.popup h2 { margin: 10px 15px 5px 15px; font-size: 16px; }

.confirmation { z-index: 3; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding-top: 15px; background: url(/img/trans60_black.png) ; }
.confirmation .pop_container { position: absolute; left: 50%; top: 140px; margin-left: -260px; width: 521px; min-height: 150px; background: url(/img/pop_top.png) no-repeat; }
.confirmation .pop_content { min-height: 150px; background:white; }
.confirmation .pop_content_foot { min-height: 150px; background: url(/img/edit_class_bg.gif) repeat-y; }
.confirmation .pop_bottom_foot { width: 521px; height: 50px; background: url(/img/pop_bottom.png) left bottom; }
.confirmation .pop_bottom { width: 521px; height: 40px; background: url(/img/pop_bottom.png) left bottom; }
.confirmation #pop_close { display: block; height: 24px; line-height: 24px; padding-right: 24px; background: url(/img/edit_class_close.gif) no-repeat right center; float: right; margin-right: 15px; margin-top: 10px; font-weight: bold;}
.confirmation h2 { margin: 10px 15px 5px 15px; font-size: 16px; }

.confirmation p { padding: 5px 15px; font-size: 110%; font-weight: bold; }

/*** WELCOME WINDOW **/
#welcome_window table { margin: 5px 15px;  }
#welcome_window td { padding: 5px; }

/******************************************* HOME PAGE ***************************************/

#home #content{
    width:720px;
    clear: left;
    margin-left: 5px;
    background: none;
}
#home #content #container {
    padding-bottom: 0;
    background: none;
}
#home #content strong { font-weight: bold; }

#beautcamp-west,
#beautcamp-east{
    width:355px;
    height:227px;
    float:left;
    display: inline;
}
#beautcamp-west { background: url(/img/beautcamp-west-bg.png) no-repeat; margin-left: 3px; }
#beautcamp-east { background: url(/img/beautcamp-east-bg.png) no-repeat; margin-left: 3px;}

#beautcamp-west .content a,
#beautcamp-east .content a { background:url(/img/red-tab-left.gif) no-repeat left center; padding-left:14px;}
#beautcamp-west h2,
#beautcamp-east h2 {
    background: url(/img/beautcamp-west_east-title-big.gif) no-repeat;
    width: 236px;
    height: 25px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    line-height: 25px;
    font-size: 15px;
    overflow: hidden;
}
#beautcamp-west h2 a,
#beautcamp-east h2 a {
    margin-left: 23px;
    color: white;
}
#beautcamp-west .content,
#beautcamp-east .content{
    margin-left:14px;
    margin-top:7px;
    height:160px;
    width: 325px;
    background-color: white;
    filter: alpha(opacity=80);
}

#beautcamp-east .content[title="trans"],
#beautcamp-west .content[title="trans"] {
    background-color: transparent;
    background-image: url(/img/trans80.png);
}

#beautcamp-west .content p,
#beautcamp-east .content p{
    padding:4px;
}

#home #beautcamp_about {

    width:355px;
    height:454px;
    float: left;
    display: inline;
}
#home #beautcamp_about h1 { font-size: 16px; margin-left: 5px;}
#home #beautcamp_about h2 { font-size: 16px; }
#home #beautcamp_about h2,
#home #beautcamp_about p { padding: 3px 5px; }
#home #beautcamp_about p { line-height: 1.25em; }

/****************************************** LOGIN SCREEN *************************************/

#login_page #content form table {
    border-spacing: 4px;
    border-collapse: separate;
    margin: 15px;
}
#login_page #content td.label {
    width: 100px;
    text-align: right;
}
#login_page #content input.text {
    font-size: 120%;
}
#login_page #form_login { font-weight: bold; }

/***************************************** TRAINERS PAGE *************************************/

#trainers #list_trainers { margin: 15px 0 15px 15px;}
#trainers #list_trainers li {
    display: inline;
    float: left;
    width: 335px;
    height: 310px;
    overflow: auto;
    margin-top:0px;
	padding:5px;
}
#trainers #list_trainers li:hover { background: #eee;}
#trainers #list_trainers li .img {
    float: left;
    width: 185px; height: 250px;
     border: 0px solid #666;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
}
#trainers #list_trainers li .picture {
    float: left;
    width: 150px;
	border: 0px solid #ccc;
    margin-right: 5px;
}
#trainers #list_trainers li p { height: 240px; width: 130px; float: left; overflow: hidden; line-height: 16px; margin-bottom: 5px;}
#trainers #list_trainers a.seepage { clear: both; display: block; float: left; width: 150px; }
#trainers #list_trainers a.bookclass { display: block; float: left; width: 150px;}
#trainers #list_trainers h3 { font-size: 130%; margin-bottom: 5px;}

/***************************************** TRAINER PAGE ****************************************/

#trainer #content .picture { float: left; border: 1px solid #666; margin: 0 10px 0 15px; }
#trainer #content p { font-size: 110%; margin: 10px 15px 10px 10px; }
#trainer #content h2 { font-size: 140%; margin: 15px;}
#trainer #content .back{float:right; clear:both; margin:0 10px; }

#trainer #content th { background: #666; color: #f1f1f1; font-weight: bold; white-space: nowrap; }
#trainer #content tr { background: #f1f1f1; }
#trainer #content tr.odd { background: #ddd; }
#trainer #content tr.attender {background: #f5dddd; border-bottom: 1px solid red;}
#trainer #content td.no { background: #ccc; }
#trainer #content th,
#trainer #content td { padding: 6px 5px; }
#trainer #content tr.basket_total { font-size: 120%; }
#trainer #content td.number,
#trainer #content td.value { text-align: right; }
#trainer #content td.class_places { text-align: center; }
#trainer #content td.name { background: #e8e8e8; text-align: right; }
#trainer #future_classes { margin: 0px 20px 20px 15px ;}


/************************* TRAINER CLASSES *********************************/
.traning_classes { width: 300px; float: left; margin-left: 10px; margin-left: 15px;  padding_bottom: 20px;}
.traning_classes h2 { font-size: 120%; margin-bottom: 10px;}

/***************************************** ABOUT PAGE ****************************************/

#about #content p{ margin: 10px 15px; }


/***************************************** CONTACT PAGE ****************************************/

#contact  #list_locations {margin: 15px 0 15px 15px;}
#contact  #list_locations li { display: inline; float: left; width: 335px; overflow: auto; margin-right: 10px;}
#contact #content h2 { font-size: 140%; margin: 10px 0;}
#contact #content h3 { font-size: 110%; margin: 10px 0;}
#contact #content h4 { font-size: 90%; margin: 10px 0; font-weight:bold;}
#contact hr{ height:1px; width:100%;  }
#contact  #list_locations li p {line-height: 16px; margin-bottom: 5px;}
#contact  #list_locations ol { list-style: circle; margin: 5px 0px 5px 20px; }
#contact  #list_locations ol li { display: block; float: none; width: auto; font-size:80%; margin: 2px 0; overflow: visible;}

#contact .googlemap { width: 330px; height: 272px; }
#contact strong { font-weight: bold; }

/****************************************** PRESS *********************************************/

#press .press_type { font-size: 16px; clear: left; padding: 20px 15px 0 15px; }
#press .list_press { margin: 0 5px 20px 15px; clear: left;}
#press #Magazines li,
#press #Newspapers li { float: left; display: inline; margin: 2px;}
#press #Magazines img,
#press #Newspapers img { width: 100px; height: 135px; border: 1px solid #999;}

/*************************************** OFFERS PAGE *****************************************/

#offers_page #content ul { margin: 15px; }
#offers_page #content h3 { font-size: 16px; margin-top: 15px;}
#offers_page #content img { float: left; margin-right: 10px; }
#offers_page #content li { clear: left; }
#offers_page #content p { padding-top: 10px; padding-right: 10px;}

/*********************************** CLASS SHEDULE PAGE *************************************/

#schedule #content{
    width: 930px;
    background: white url(/img/wide_content_top.gif) no-repeat 0 0;
    margin-bottom: 10px;
}
#schedule #content #container{
    background: url(/img/wide_content_bottom.gif) no-repeat left bottom;
}

#schedule #view_calendar { float: right; line-height: 26px; display: block; height: 26px; padding-left: 35px; background: url(/img/calendar_sm.gif) no-repeat 0 0; font-weight: bold; margin-right: 35px; margin-top: 5px; }
#schedule #content h1 { font-size: 18px; color: #666; }
#schedule #schedule_week_left { margin-left: 10px; }
#schedule #content h1 strong { color: black; font-weight: bold; }
/* HEADINGS */
#sch_heading { clear: left; margin-left: 10px; border-left: 1px solid #ccc; height: 25px; }
#sch_heading li { float: left; border-right: 1px solid #ccc;}
#sch_heading h3 {  width: 111px;  height: 15px; color: white; float: left; background: #999; }
#sch_heading #time_heading { background: #333; width: 60px;}
#schedule h3.odd { background: #007243; }
#schedule h3.even { background: #338e69; }

#schedule #time li a { color: #333; }                       /* <a name ..> in propper colour */

#schedule #week {                                           /* classes in a week */
    clear: left;
    margin-left: 10px;
    height: 250px;
    width: 902px;
    overflow: auto;
    display: block;
    border: 1px solid #ccc;
}

#schedule #week table,
#schedule table.week_admin {  border-collapse: collapse; table-layout: fixed; border-spacing: 0; }
#schedule table.week_admin { margin-left: 11px; }
#schedule #week table a,
#schedule table.week_admin a { color: black; text-decoration: underline; }


#schedule #time  { width: 60px; float: left;}
#schedule #week table td,
#schedule table.week_admin td {
    min-height: 50px;
    overflow: hidden;
    border: 1px solid #ccc;
}
#schedule #week table td,
#schedule table.week_admin td { width: 116px; }

#schedule #week table td.time,
#schedule table.week_admin td.time { width: 65px; border-left: none; background: #999; color: white; }

#schedule #week tabletd.time p,
#schedule table.week_admin td.time p,
#schedule h3 { padding: 5px 0 5px 5px;  }
#schedule td.current { background: #eee;} /* current day */
#schedule .class_booked_in_future {
    border-bottom: 4px solid #f63;
    background-color: #fec;
    padding-bottom: 3px;
}
#schedule .class_booked_in_future .cancel_booking {
	display: block;
	width: 24px;
	height: 24px;
	background: url(/img/schedule/book-cancel.png) no-repeat 0 0;
	text-indent: -9999px;
}
#schedule .class_booked_in_future .cancel_booking:hover { background-position: 0 -24px; }
#schedule .class_booked_in_past {
    border-bottom: 4px solid #333;
    background-color: #eee;
    padding-bottom: 3px;
}
#schedule .class_in_basket {
    border-bottom: 4px solid green;
    background-color: #efe;
    padding-bottom: 3px;
}
.classover { border: 1px solid green; }
.classover_info {
  padding: 5px 3px;
  background: #ddd;
}
.classover_info_rate { font-weight: bold; }
.classover_info_price { font-style: italic; clear: left;}
.classover_info_word { display: block; float: left; width: 20px; text-align: left;}
.classover_info_number { display: block; float: left; width: 25px; text-align: right; margin-right: 9px;}

#schedule_page_content { padding: 15px;}

/*** booking */
#schedule .classbooking {margin: 3px 0 3px 3px;}
#schedule .classbooking li {
    float: left;
    display: block;
    width: 18px;
    height: 24px;
}
#schedule .classbooking li.women { background-image: url(/img/heads_women_sm.png); background-repeat: no-repeat;}
#schedule .classbooking li.men { background-image: url(/img/heads_men_24.gif); background-repeat: no-repeat;}
#schedule .classbooking li.waiting { width: 23px;background-image: url(/img/waiting_list_sm.gif); background-repeat: no-repeat; }
#schedule .classbooking li.head_0 { background-position: center top; }
#schedule .classbooking li.open { background: none; }
#schedule .classbooking a {
    display: block;
    text-indent: -9999px;
    width: 18px;
    height: 24px;
}
#schedule .classbooking li.women a { background-image: url(/img/heads_women_sm.png); background-repeat: no-repeat; }
#schedule .classbooking li.men a { background-image: url(/img/heads_men_24.gif); background-repeat: no-repeat; }
#schedule .classbooking li.waiting a { width: 23px;background-image: url(/img/waiting_list_sm.gif); background-repeat: no-repeat; }
#schedule .classbooking li.cancel a { background-position: center -48px; }
#schedule .classbooking li.cancel a:hover { background-position: center -64px; }
#schedule .classbooking li.head_0 a { background-position: center -24px; }
#schedule .classbooking li.head_0 a:hover { background-position: center -48px; }
#schedule .classbooking li.basket_0 a { background-position: center -72px; }
#schedule .classbooking li.basket_0 a:hover { background-position: center -96px; }

#schedule_help { margin: 15px; line-height: 28px;}

#schedule .type { font-weight: bold; color: #666; margin: 3px 0 3px 3px;}
#schedule .trainer { clear: left; margin: 3px 0 3px 3px;}
#schedule .full { color: red;}

/********** ADMIN STUFF */

#schedule .type_admin { text-align: center; font-weight: bold; color: #666; margin: 3px 0 3px 3px;}
#schedule .bookings_admin { margin: 3px ; line-height: 18px; min-height: 114px; }
#schedule .bookings_admin li { padding-left: 12px; }
#schedule .bookings_admin li.first { border-top: 2px solid #999; margin-top: 2px;padding-top: 2px;}
#schedule .action_admin { text-align: right; margin: 0 3px 3px 3px;position: relative; bottom: 3px;}
#schedule a.schedule_edit_class { padding-left: 4px;}

#schedule table.week_admin a.offline_payment { font-weight: bold; color: red; }
#schedule table.week_admin a.new_person { color: blue; }

/********** BASKET */

#schedule #show_basket { margin: 5px 0 10px 15px; }


#schedule #show_basket .basket_item {
    float: left;
    display: block;
    width: 18px;
    height: 24px;
}

#schedule #show_basket .women{ background: url(/img/heads_women_sm.png) no-repeat center top; }
#schedule #show_basket .men{ background: url(/img/heads_men_24.gif) no-repeat center top; }

#schedule #show_basket .head_0 { background-position: center top; }
#schedule #show_basket .cancel_all { line-height: 24px; margin-left: 10px;}
#schedule #show_basket h3 { font-weight: normal; line-height: 24px; font-size: 110%;  clear: none; float: left; color: black; width: auto; padding: 0 0 5px 0;}
#schedule #show_basket strong { font-weight: bold;}


/*************** CALENDAR ****************/

#monthly_calendar p.heading{ padding: 10px 0 0 20px;}
#monthly_calendar p span { display: block; float: left; width: 125px; line-height: 25px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 18px;  }
#monthly_calendar p.heading span { background: #999; color: #f1f1f1; height: 25px; }
#monthly_calendar p.cal { padding-left: 20px; margin: 0;}
#monthly_calendar p.cal a { padding: 0; margin: 0; display: block; clear: both; height: 70px; width: 883px; border-right: 1px solid #ccc;  }
#monthly_calendar a span { height: 70px; color: #666; }
#monthly_calendar a span.out_month { color: #aaa; }
#monthly_calendar a span.current_weekday { background: #f1f1f1; }
#monthly_calendar a span.current_day { background: #fff0a0; color: red;}
#monthly_calendar a:hover span {  }
#monthly_calendar a:hover { background: #f1f1f1;text-decoration: none; }

/********************************* CONFIRM BASKET PAGE ***************************************/

#basket #class_list {
    border-spacing: 2px;
    border-collapse: separate;
    width: 676px;
    margin: 0 0 10px 15px;
}
#basket #class_list th { background: #ccc; font-weight: bold; white-space: nowrap; }
#basket #class_list tr.even { background: #f1f1f1; }
#basket #class_list tr.odd { background: #e8e8e8; }
#basket #class_list td.class_cancel { background: white; }
#basket #class_list th,
#basket #class_list td { padding: 6px 5px; }
#basket #class_list tr.basket_total { font-size: 120%; }
#basket #class_list td.number,
#basket #class_list td.value,
#basket #class_list tr.basket_total td { text-align: right; }
#basket #class_list td.total_price { border: 1px solid #ddd; }
#basket #class_list td.button { padding: 0; line-height: 25px;}
#basket #class_list td.class_parking a {
    display: block;
    width: 25px; height: 25px;
    background: url(/img/schedule/car.gif) no-repeat center -50px;
    text-indent: -9999px;
}
#basket #class_list td.class_parking a.off { background-position: center -50px; }
#basket #class_list td.class_parking a.off:hover { background-position: center -75px; }
#basket #class_list td.class_parking a.on { background-position: center top; }
#basket #class_list td.class_parking a.on:hover { background-position: center -25px; }
#basket #class_list tr.basket_info td { padding: 6px 5px 2px 5px; }
#basket #class_list .book,
#basket #class_list .checkout {
    display: block;
    width: 84px;
    height: 25px;
    text-indent: -9999px;
    float: right;
}
#basket #class_list .book { background: url(/img/button_book.gif) no-repeat 0 0; }
#basket #class_list .checkout { background: url(/img/button_checkout.gif) no-repeat 0 0; }
#basket #class_list strong { font-weight: bold; }
#basket #class_list tr.basket_total td.continue { text-align: left;border-top: 1px solid #aaa; }


/************************************** CHECKOUT PAGE ***************************************
^^PZ moved to my.css*/



/****************************************** Join *********************************************/

#join #joinformdata{
	line-height:25px;
	border:0px solid #ffcc00;
}

#join #joinformdata #email{
	line-height:25px;
	padding-left:20px;
}

#join #joinformdata label{

	line-height:25px;
}


#join #joinformdata ul li{
	float:left;
	display:inline;
	padding-left:20px;
}


#join #joinformdata input.text{
	font-weight:bold;
	font-size: 140%;
    line-height:30px;
    width:250px;
}

#join #joinformdata #form_submit{
	font-size: 140%;
    line-height:30px;
	float:right;
	display:inline;
	width:100px;

}
#join h3.help {margin-left: 20px; }
#join #form_submit { margin-right: 20px;}

#join #container h4{ margin:10px 15px; }

#join #joinform #email,
#join #joinform ul { width: 565px; }

#join #joinform #email .validation-advice { display: block; width: 250px;}

#join #joinform p { line-height: 1.3; margin-bottom: 5px;}

/****************************** CLASSES *************************/

#classes #content h3,
#classes #content h4,
#classes #content ul,
#classes #content p { margin-left: 15px; line-height: 1.5em; }

#classes #content h3{
	clear:left;
	font-size:120%;
	margin-bottom:5px;
	padding-top:10px;
}

#classes #content h4{
	clear:left;
	margin-bottom:5px;
	padding-top:5px;
}

#classes #content ul {
	list-style: square;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
}


#classes #content strong{
	font-weight:bold;
}

#menonly #content p{
	padding-bottom:8px;
}


/******************************* ADMIN_DASHBOARD ***********************************/

#admin_dashboard #content #data{
	margin:10px 15px;
	line-height:1.5em;;
}

#admin_dashboard #content  #admin_menu { margin: 10px 0 30px 20px; }
#admin_dashboard #content  #admin_menu li.first { float:none; }
#admin_dashboard #content  #admin_menu li { padding: 0 5px; float: left; display: inline; line-height: 25px;}

#admin_dashboard #data table {
	border-style: solid;
	border-color: #eeeeee;
	border-width: 1px;

}

#admin_dashboard #data td{
	padding:3px;
}


/****************************** ABOUT *************************/
#about #content{background:transparent url(/img/bg_beautcamp_about_img.gif) no-repeat 0 0;}
#about #content #container{background-image:none;	height:500px;}
#about #content #container #data{	width:450px;	height:490px;	overflow:auto;	background:transparent;}
#about #container #data{	margin:0 15px;	/*line-height:1.5em; */}
#about #data h3{	clear:left;	font-size:140%;	margin:7px 0;/*padding-top:10px;*/}
#about  #data h4{	clear:left;	font-size:110%;	padding-top:7px;}
#about #container #data strong{	font-weight:bold;}
#about #container #data ul{	margin-top:10px;	list-style-type: disc;	padding-left:25px;}
#about #container #data p{/*	padding-top:8px; */	padding:5px 0;}
#about #data img{	line-height:30px;	float:right;}




/***************************** TERMS ******************************/
#terms #content #container  h2 { font-size: 140%; margin: 10px 10px 0 15px;}
#terms #content #container  h3 { font-size: 110%; margin: 10px 10px 0 15px;}
#terms #content #container  h4 { font-size: 90%; margin: 10px 10px 0 15px; font-weight:bold;}
#terms #content #container  p{margin: 10px 10px 0 15px;}

/***************************** PRIVACY ******************************/
#privacy #content #container  h2 { font-size: 140%; margin: 10px 10px 0 15px;}
#privacy #content #container  h3 { font-size: 110%; margin: 10px 10px 0 15px;}
#privacy #content #container  h4 { font-size: 90%; margin: 10px 10px 0 15px; font-weight:bold;}
#privacy #content #container  p{margin: 10px 10px 0 15px;}



/****************************** MENONLY *************************/
#menonly #content{ background:transparent url(/img/offers/bg_beautcamp_men-1_img.gif) no-repeat 0 0; }
#menonly #content #data{ margin:0 15px;}
#menonly #content #container{
	background-image:none;
	height:500px;
}
#menonly #content #container #data{
	width:450px;
	height:490px;
	overflow:auto;
	background:transparent;
}
#menonly #container #data{
	margin:0px 15px;
}
#menonly #content #data h3{
	clear:left;
	font-size:140%;
	margin:7px 0;
}
#menonly  #data h4{
	clear:left;
	font-size:110%;
	padding-top: 0;
}
#menonly #container #data strong{ font-weight: bold; }
#menonly #container #data ul{
	margin-top:10px;
	list-style-type: disc;
	padding-left:25px;
}
#menonly #container #data p{ padding: 5px 0; }
#menonly #data img{
	line-height:30px;
	float:right;
}
/****************************** MENONLYNO *************************/

#menonlyno #content{
	background:transparent url(/img/offers/bg_beautcamp_men-2_img.gif) no-repeat 0 0;
}

#menonlyno #content #container{
	background-image:none;
	height:500px;
}

#menonlyno #content #container #data{
	width:450px;
	height:490px;
	overflow:auto;
	background:transparent;
}


#menonlyno #container #data{
	margin:0 15px;
	/*line-height:1.5em; */
}

#menonlyno #data h3{
	clear:left;
	font-size:140%;
	margin:7px 0;
	/*padding-top:10px;*/
}

#menonlyno  #data h4{
	clear:left;
	font-size:110%;
	padding-top:0;
}

#menonlyno #container #data strong{
	font-weight:bold;
}

#menonlyno #container #data ul{
	margin-top:10px;
	list-style-type: disc;
	padding-left:25px;
}

#menonlyno #container #data p{
/*	padding-top:8px; */
	padding:5px 0;
}

#menonlyno #data img{
	line-height:30px;
	float:right;
}


/****************************** PRIVATE *************************/

#private #content{ background:transparent url(/img/offers/bg_beautcamp_private_img.gif) no-repeat 0 0;}
#private #content #container{ background-image:none; height:500px;}
#private #content #container #data{ width:700px; height:490px;	background:transparent;margin:0px 15px;}
#private #content #container #data #offerdata{width:400px; height:480px; overflow:auto; background:transparent; }
#private #data h3{	clear:left;	font-size:125%;	margin:7px 0;}
#private  #data h4{clear:left;	font-size:110%;	padding-top:0;}
#private #container #data strong{ font-weight:bold;}
#private #container #data ul{margin-top:10px;	list-style-type: disc;	padding-left:25px;}
#private #container #data p{padding:5px 0;}
#private #data img{	line-height:30px;	float:right;}
#private strong{ color: red; }
#private #data a img{	margin-top:40px;	margin-right:30px;	float:right;}



/****************************** EARLYBIRD *************************/

#earlybird #content{ background:transparent url(/img/offers/bg_beautcamp_early_img.gif) no-repeat 0 0;}
#earlybird #content #container{ background-image:none; height:500px;}
#earlybird #content #container #data{ width:475px; height:490px; overflow:auto;	background:transparent;}
#earlybird #container #data{margin:0px 15px;}
#earlybird #data h3{clear:left;	font-size:140%;	margin:7px 0;}
#earlybird  #data h4{clear:left;font-size:110%;	padding-top:0;}
#earlybird #container #data strong{ font-weight:bold;}
#earlybird #container #data ul{	margin-top:10px;list-style-type: disc;	padding-left:25px;}
#earlybird #container #data p{padding:5px 0;}
#earlybird #data img{line-height:30px;float:right;}
#earlybird #data a img{	margin-top:40px;	margin-right:30px;	float:right;}

/******************************fiftyoff *************************/

#fiftyoff #content{ background:transparent url(/img/offers/bg_beautcamp_50percent_img.gif) no-repeat 0 0;}
#fiftyoff #content #container{ background-image:none; height:500px;}
#fiftyoff #content #container #data{ width:700px; height:490px;	background:transparent;margin:0px 15px;}
#fiftyoff #content #container #data #offerdata{width:400px; height:480px; overflow:auto; background:transparent; }
#fiftyoff #data h3{	clear:left;	font-size:125%;	margin:7px 0;}
#fiftyoff  #data h4{clear:left;	font-size:110%;	padding-top:0;}
#fiftyoff #container #data strong{ font-weight:bold;}
#fiftyoff #container #data ul{margin-top:10px;	list-style-type: disc;	padding-left:25px;}
#fiftyoff #container #data p{padding:5px 0;}
#fiftyoff #data img{	line-height:30px;	float:right;}
#fiftyoff strong{ color:#FF0000; }
#fiftyoff #data a img{	margin-top:40px;	margin-right:30px;	float:right;}

/****************************** first class *************************/

#freeclass #content{ background:transparent url(/img/offers/bg_beautcamp_firstclass_img.gif) no-repeat 0 0;}
#freeclass #content #container{ background-image:none; height:500px;}
#freeclass #content #container #data{ width:700px; height:490px;	background:transparent;margin:0px 15px;}
#freeclass #content #container #data #offerdata{width:400px; height:480px; overflow:auto; background:transparent; }
#freeclass #data h3{	clear:left;	font-size:125%;	margin:7px 0;}
#freeclass  #data h4{clear:left;	font-size:110%;	padding-top:0;}
#freeclass #container #data strong{ font-weight:bold;}
#freeclass #container #data ul{margin-top:10px;	list-style-type: disc;	padding-left:25px;}
#freeclass #container #data p{padding:5px 0;}
#freeclass #data img{	line-height:30px;	float:right;}
#freeclass strong{ color:#FF0000; }
#freeclass #data a img{	margin-top:40px;	margin-right:30px;	float:right;}

/******************************cheapaschips *************************/

#cheapaschips #content{ background:transparent url(/img/offers/bg_beautcamp_cheapaschips_img.jpg) no-repeat 0 0;}
#cheapaschips #content #container{ background-image:none; height:500px;}
#cheapaschips #content #container #data{  height:490px; overflow:auto;	background:transparent;}
#cheapaschips #container #data{margin:0px 15px;}
#cheapaschips #data h3{clear:left;	font-size:140%;	margin:7px 0 7px 330px;}
#cheapaschips  #data h4{clear:left;font-size:110%;	padding-top:0; margin-left: 330px;}
#cheapaschips #container #data strong{ font-weight:bold;}
#cheapaschips #container #data ul{	margin-top:10px;list-style-type: disc;	padding-left:25px;}
#cheapaschips #container #data p{padding:5px 0; margin-left: 330px;}
#cheapaschips #data img{line-height:30px;float:right;}
#cheapaschips #data a img{	margin-top:10px;	margin-right:30px;	float:right;}
#cheapaschips #container #data p.left,
#cheapaschips #data h3.left,
#cheapaschips #data h4.left { margin-left: 0 }






.waiting_div { width: 115px; height: 35px; margin: auto auto;}


td.number { text-align: right }