/*PUBLIC ADVANCED*/
*{
  font-family: 'Arial' !important;
  text-shadow: none !important;
}


ol, ul {
list-style: none;
}
a {
text-decoration:none;
color: #626262;
}
#main_content > div > div > table > tbody > tr > td > div > div > ul {
  padding: 0px;
}
#booking_bookings {
  background:#FFF;
  margin: 0;
  padding: 0;
  }
#booking_bookings h2 {
font: normal 18px 'Arial';
font-weight:bold;
color:#666;
padding-left:5px;
}
.booking_total {
font-size:14px;	
}
#membership_details {
width:700px;
margin:left;
clear:both;
}
#membership_details ul{
width:700px;
display:block;
float:left;
list-style: none;
padding: 0px;
margin: 5px 10px 0 5px;
border: 0px solid #ccc;
background: transparent; /*#EEEEEE */
}
#membership_details ul li span{

display:block;
width:220px;
float:left;
line-height:2em;
}
#membership_details ul li{
width:700px;
display:block;
margin: 0;
padding: 0 0 0 5px;
padding-top:3px;
padding-bottom: 3px;
border: 0px solid #fff;
float: left;
}
#membership_details ul li:nth-child(7) {
font-size:10px;
}
#membership_details ul li:nth-child(7) span {
font-size:12px;
}
#membership_details ul li:first-child {

width:700px;
font-weight:bold;
font-size:14px;
line-height:2em;
text-shadow:0 1px 0 #eeeeee;
}

#main_content > div > div > table > tbody > tr > td {
  width: 1200px;
  text-align: left;
}

.swMain .stepContainer .StepTitle {
text-shadow:0 1px 0 #0000;
}
.swMain ul li .selected{text-shadow:0 1px 0 #0000;}

#page_wrapper {
width:1510px;
margin:auto;
}

.disabled {
text-shadow:none;
}

#header_wrapper {
  background: url('https://secure.activecarrot.com/media/dynamic/static_images/1278/PHL_Logo_Horizontal.png') left;
  background-repeat: no-repeat;
  background-size: 300px;
  background-color: #ffffff;
  height: 110px;
  margin: 30 0 0 0;
  padding-bottom: 10px;
  width: 1200px;
}

.congratulations {
margin-top:10px;
}
.congratulations ul span {
font-weight:bold;
margin-right:10px;
}

#footer_wrapper {
margin-left:auto;
margin-right:auto;
margin-top:5px;
height:100px;
width:989px;
background:url(../images/powered-by-ac.jpg) no-repeat right ;
padding-top:10px;
padding-bottom:10px;

}
#footer div {
padding-top:75px;
padding-left:15px;
}

.alpha60 {
background: #ffffff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
}

#step-1 table tr td strong {
font-size:16px;
}

.swMain {display:flex;flex-direction: column;justify-content: center;width:1200px;}

.swMain .stepContainer {
display:block;
position: relative;
margin: 0;
padding:0;

}

.error { 
color: red; 
}

#step-3 > div {
  width: 1160px;
  margin-left: 0px !important;
}

.swMain .stepContainer div.content {
display:block;
position: absolute;
float:left;
padding: 0;
margin: 0;
border: 0px;
font: normal 12px 'Arial';
color:#5A5655;
background-color:#ffffff;
min-height:300px;
text-align:left;
overflow:auto;
z-index:88;
-webkit-border-radius: 0px;
-moz-border-radius  : 0px;
border-radius: none;
width:1200px;
clear:both;
}

.swMain div.actionBar {
display:block;
position: relative;
clear:left;
float: right;
margin:3px 0 0 0;
border:0px;
padding:0;
color:#5A5655;
height:70px;
text-align:left;
overflow:auto;
z-index:88;
-webkit-border-radius: 0px;
-moz-border-radius  : 0px;
width: 1200px;

}

.swMain .stepContainer .StepTitle {
display:block;
position: relative;
margin:0;
padding:10px;
color:#fff;
background-color:#002838;
clear:both;
text-align:left;
z-index:88;
-webkit-border-radius: 0px;
-moz-border-radius  : 0px;
border: none;
font-size: 14px;
}

.swMain ul.anchor {
  position: relative;
  display:flex;
  float:left;
  list-style: none;
  padding: 0px;/* margin: 5px 10px 0 0; */
  border: 0px;
  background: transparent;
  
  }

.swMain ul.anchor li{
position: relative;
display:block;
margin: 0;
padding: 0;
border: 0px;
float: left;
clear:both;

width: calc(1200px/4);
}
/* Anchor Element Style */
.swMain ul.anchor li a {display:block;position:relative;float:left;margin:0;padding: 0px;height:37px !important;width: 300px;text-decoration: none;outline-style:none;-moz-border-radius  : 0px;-webkit-border-radius: 0px;border-radius: 0px;z-index:99;}
.swMain ul.anchor li a .stepNumber{
position:relative;
float:left;

width:30px;
text-align: center;
padding:5px;
padding-top:0;
font: bold 45px 'Arial';
display: none;
}
.swMain ul.anchor li a .stepDesc{display:block;text-align: center;padding:0px;width:100%;height: 37px !important;font: bold 0px 'Arial';}

#wizard > ul > li:nth-child(1) > a > span {
  display: block;
  height: 37px !important;
}

.swMain ul.anchor li a.error {
  display: block;
  color: #fff !important;
  background: #f08f75 !important;
  border-bottom: 1px solid #f08f75 !important;
}

.swMain ul.anchor li a.error:hover {
  display: block;
  color: #fff !important;
  background: #f08f75 !important;
  border-bottom: 1px solid #f08f75 !important;
}

#main_content {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#classes_grid_view > table {
  width: 1200px;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  text-transform: uppercase !important;
}

#classes_grid_view > table > thead > tr {
  text-align: left;
}

.swMain ul.anchor li a .stepDesc small{
font: normal 14px 'Arial';
line-height: 36px;

}

.swMain ul.anchor li a.selected{
  display: block;
  color:#fff !important;
  background: #4cbfac !important;
  border: none;
  cursor:text;
  box-shadow: none;
  height: 39px !important;
  }

.swMain ul.anchor li a.selected:hover {
  color:#fff;
  background: #4cbfac;
  cursor: pointer;
}

.swMain ul.anchor li a.done {
position:relative;
color:#fff;
height: 37px;
background: #637275;
border: 1px solid #637275;
z-index:99;
}
.swMain ul.anchor li a.done:hover {
color:#fff;
background: #637275;
border: 1px solid #637275;
}
.swMain ul.anchor li a.disabled {
  height: 37px !important;
color:#CCCCCC;
background: #F8F8F8;
border: 0px solid #CCC;
cursor:text;
width: calc(1200px/4);
}

.swMain ul.anchor li a.disabled:hover {
color:#CCCCCC;
background: #F8F8F8;
}

.swMain ul.anchor li a.error {
  font-family: 'Arial' !important;
  font-size: 13px;
color:#fff !important;
background: #f08f75 !important;
border: 1px solid #f08f75 !important;
border-top: 0px;
border-right: 0px;
height: 37px !important;

}
.swMain ul.anchor li a.error:hover {
color:#fff !important;
}

.swMain .buttonNext {
display:block;
float:right;
margin:16px 3px 0 3px;
padding:10px;
text-decoration: none;
text-align: center;
font: bold 14px 'Arial';
width:100px;
color:#FFF;
outline-style:none;
background-color:   #002838;
border: 1px solid #002838;
-moz-border-radius  : 0px;
-webkit-border-radius: 0px;

}

.swMain .buttonNext:hover {
  background-color: #FFF;
  color:  #002838;
  transition: 0.1s ease-in;
}

.swMain .buttonDisabled {
color:#F8F8F8  !important;
background-color: #CCCCCC !important;
border: 1px solid #CCCCCC  !important;
cursor:text;

}
.swMain .buttonCancel {
display:block;
float:left;
margin:18px 3px 0 3px;
padding:10px;
text-decoration: none;
text-align: center;
font: bold 13px 'Arial';
width:100px;
color:#333;
outline-style:none;
background-color:#0000;
border: 0px solid #5A5655;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
}

.swMain .buttonCancel:hover {
  text-decoration: underline;
}
.swMain .buttonPrevious {
display:block;
float:right;
margin:5px 3px 0 3px;
padding:5px;
text-decoration: none;
text-align: center;
font: bold 13px 'Arial';
width:100px;
color:#FFF;
outline-style:none;
background-color:   #5A5655;
border: 1px solid #5A5655;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
}
.swMain .buttonFinish {display:block;float:right;margin:16px 10px 0 3px;padding:10px;text-decoration: none;text-align: center;font: bold 13px 'Arial';width:150px;color:#FFF;outline-style:none;background-color:   #71bd40;border: 1px solid #71bd40;-moz-border-radius  : 0px;-webkit-border-radius: 0px;}

/* Form Styles */

.txtBox {
  border: 1px solid #ccc;
  color:#5A5655;
  padding:2px;
  width: 200px;
  height: 20px;
  outline-style: none;
}
.txtBox:focus {
border:1px solid #4cbfac;
}

input#check_user {
  width: 80px;
  height: 30px;
  border: 1px solid #002838;
  background-color: #002838;
  color: #FFF;
  cursor: pointer;
}

input#check_user:hover {
  width: 80px;
  height: 30px;
  background-color: #FFF;
  color: #002838;
  transition: .1s ease-in;
}

div#check_user_div {margin-left: 190px; margin-top: 30px;}

#confirm_submit, #cancel_submit {
  height: 30px;
  cursor: pointer;
  position: relative;
  left: 5px;
}

#confirm_submit {

  width: 150px;
  border: 1px solid #4cbfac;
  background-color: #4cbfac;
  color: #FFF;
}

#confirm_submit:hover {
  background-color: #FFF;
  color: #4cbfac;
  transition: .1s ease-in;
}

#cancel_submit {

  border: 1px solid #4cbfac;
  background-color: #FFF;
  color: #4cbfac;
  width: 120px;
  height: 30px;

}

#cancel_submit:hover {
  background-color: #4cbfac;
  color: #fff;
  border: 1px solid #4cbfac;
}

#contact_details_form > div:nth-child(4){
  background: #F8F8F8;
  padding-bottom: 15px;

}




.swMain .loader {
position:relative;
float:left;
margin: 15px 0 0 2px;
padding:12px;
border: 3px solid #FFD700;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#000;
background: #FFF url(../images/loader.gif) no-repeat 5px;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
z-index:998;
text-align: center !important;
}
.swMain .msgBox {
position:relative;
float:left;
margin: 21px 0 0 5px;
padding:5px;
border: 3px solid #FFD700;
background-color: #ffff;
font: bold 13px 'Arial';
color:#000;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
z-index:999;
min-width:200px;
}
.swMain .msgBox .content {
font: normal 12px 'Arial';
padding: 0px;
float:left;
}
.swMain .msgBox .close {
border: 1px solid #CCC;
border-radius: 3px;
color: #CCC;
display: block;
float: right;
margin: 0 0 0 5px;
outline-style: none;
padding: 0 2px 0 2px;
position: relative;
text-align: center;
text-decoration: none;
}
.swMain .msgBox .close:hover{
color: #EA8511;
border: 1px solid #EA8511;
}
.public_contact_us {
background:#fff;
margin-left:10px;
margin-right:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:1px;
}

.step_table h3, #credit_card_details h3, #direct_debit_details h3 {color: #002838;line-height:2em;font-size:14px;text-shadow: 1px 1px #eee;font-weight:bold;}
#credit_card_details label, #credit_card_details #total, #credit_card_details p {
font-size:12px;	color:#333; text-align:left;
}
#credit_card_details table,#credit_card_details thead, #credit_card_details tr, #credit_card_details td {
border:none;
color: #000; !important;
margin: 0px;
width: 1190px !important;
}
#credit_card_details table tr:nth-child(odd) {
background: #4cbfac;;
}
#credit_card_details table tr:nth-child(even) {
background: rgba(255, 255, 255, 0.3);
}
.payment_input {
width:175px !important;
}
.footer_contact {
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
width: 980px;
color: #5A5655;
font: 11px 'Arial';
}

.faqs
{
margin-left:10px;
}
.faqs h2
{
font-size:16px;
font-weight:bold;

}
.question_detail {
padding:10px;
margin:10px;
}

.rounded_button ul {display: flex;justify-content: flex-start;padding: 0;}

.rounded_button .selected {
background:#fff !important;
color: #4cbfac !important;
}

.rounded_button ul li {
margin-bottom: 7px;
}
.rounded_button ul li a {
  padding: 5px 20px !important;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #4cbfac;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  -moz-text-blink: none;
  -moz-text-decoration-color: 
  -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid #4cbfac;
  color: #FFFFFF;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  width: 80px;
  max-width:150px;
  min-width:120px;
  margin-top:5px;
  }


.rounded_button ul li a:hover {
color:#4cbfac;
background: #FFF;
border: 1px solid #4cbfac;
transition: .1s ease-in;
}

#main_content > div > div > table > tbody > tr > td > div.booking_menu_dates.rounded_button.inline_uls.tight_uls > ul > li:nth-child(8) > a:hover{
  background: #4cbfac;
}

#main_content > div > div > table > tbody > tr > td > div.booking_menu_dates.rounded_button.inline_uls.tight_uls > ul > li:nth-child(8) > a > img{
  height: 13px;
}

.inline_uls ul li {
float:left;
margin-right:5px;
}
.tight_uls ul li a {
min-width:70px;
}

.ui-datepicker-trigger {
  position: relative;
  top: 9px;
}

.public_table {
  margin-top: 20px;
  min-width: 84%;
}

.book {
max-width: 100px;
display:block;
width:80px;
background: #4cbfac;
height:24px;
line-height:24px;
text-align:center;
margin-left:auto;
margin-right:auto;
border:solid 1px #4cbfac;
margin-top:3px;
margin-bottom:3px;
border-radius:5px;
color:#FFF;
border-radius: 0px;
}
.book:hover {
background: #FFF;
border: 1px solid #4cbfac;
color: #4cbfac;
transition: .1s ease-in;
}

.book_disabled {
background: #d9dbd9;
background-image: linear-gradient(to bottom, #d9dbd9 0%, #c6c8c6 100%);
color:#fff;
border:solid 1px #acaeac;
}
.book_disabled:hover {
color:#fff;
background: #d9dbd9;
background-image: linear-gradient(to bottom, #d9dbd9 0%, #c6c8c6 100%);
border:solid 1px #979997;
}

.public_facility_bookings {
margin:0 auto;
padding: 0px;
width: 1200px;
}
.public_facility_bookings .navigation ul, {
margin-left:auto;
margin-right:auto;

}
.public_facility_bookings .navigation .selected {
background:#fff !important;
color: #4cbfac !important;
}
.public_facility_bookings .navigation ul li {
margin-bottom: 7px;
}
.public_facility_bookings .navigation ul li a {
background-attachment: scroll;
background-clip: border-box;
background-color: #4cbfac;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
-moz-text-blink: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #FFFFFF;
display: block;
font-size: 12px;
height: 30px;
line-height: 32px;
text-align: center;
width: auto;
max-width:220px;
min-width:140px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
}
.public_facility_bookings .navigation ul li a:hover {
color:#FF0;
}
.public_facility_bookings .navigation ul li {
float:left;
margin-right:5px;
}
.public_facility_bookings .navigation ul li a {
min-width:70px;
border: 1px solid #4cbfac;
padding: 5px 22px !important;
}

.public_facility_bookings .navigation ul li a:hover {
color:#4cbfac;
background-color: #FFF;
border: 1px solid #4cbfac;
transition: .1s ease-in;
}

.navigation, .bookings_loading{clear:both;}
.contract {
cursor:pointer;	
}
.contract:hover {
background:#eee;
}
.public_table_heading td {
  background: #002838 !important;
  text-align: left !important;
  padding: 10px 20px !important;
  color: #fff !important;
  font-weight: bold !important;
  width: 1200px;
  line-height: 2.2em;
  border-top: 10px solid #FFF; !important;
}


.public_table_data td {
  padding-left: 10px !important;
  height:none !important;
  text-align:left !important;
  line-height: 2.5em;
  border-collapse:collapse !important;
  border-bottom: 2px solid #00283824;
}


.prorata_label {
width:400px !important;
}
input[type='number'] {
-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.hidden{display:none;}
.show{display: block;}

.success, .fail, .information, .attention {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 30px;
margin-right: 30px;
background-repeat: no-repeat;
background-position: 10px center;
padding: 10px 10px 10px 40px;
height: 20px;
font-weight: normal;
text-transform: uppercase;
font-size: .7em;
line-height: 20px;
}
.fail {
background-color: #FFE1E1;
border: 1px solid #FF9595;
color: #CC3300;
background-image: url(../images/notifications/cancel.png);
}
.booking_terms {
width:98%;
padding:5px;
background: rgba(41, 171, 226, 0.2);
height:100px;
overflow:auto;
border:solid 2px #ccc;
}


/* class web */
#cw-filter-bar {text-align: left;float: left;width: 180px;margin-left: 20px;}
#cw-content {text-align: left;float:right;width: 660px;padding: 10px;background-color: #ffffff;}
#cw-content-head { text-align: left; float:right; width: 660px; padding: 0 20px 20px 20px;background-color: #ffffff; }
.cw-block-heading { width: 100%; border-bottom: solid #c0c0c0 1px; padding-bottom: 4px; margin-bottom: 4px; }
.cw-block-heading div { float:right; }
.cw-block-content {float:left;padding-right: 20px;padding-bottom: 20px;}
.cw-block-content table { width: 650px; }
.cw-block-content th {font-weight:bold;background: #4cbfac;padding-left:  20px;padding-right: 10px;color:  #FFF;}
.cw-block-content tr:nth-child(odd) {background: #eeeeee;}
.cw_th_day {width:60px;}
.cw_th_time {width:150px;}
.cw_th_level {width:150px;}
.cw_th_vacancies {width:50px;}
.cw_th_age {width:70px;}
.cw_th_payment {width:50px;}

.cw_td_day {width:60px;}
.cw_td_time {width:170px;}
.cw_td_level {width:150px;}
.cw_td_vacancies {width:50px;}
.cw_td_age {width:70px;}
.cw_td_payment {width:50px;}
.cw_tr_results td {padding:5px;}

.cw-block-book { float:left; }
#cw_pagination_container{ clear:both; border: solid 1px #c0c0c0; background: #eeeeee; width: 100%; }
#cw_pagination_container:hover{ border: solid 1px #bbbbbb; background: #dddddd; }
#cw_pagination{ display: block; text-align: center; padding: 20px; }
#cw_levels_legend {width: 140px;}
/*#cw_levels_legend div {white-space: nowrap;}*/
#cw_levels_legend div label {margin-left:15px;display:block; float:left; width:180px;}
#cw_levels_legend input {position:absolute;margin-left:-15px;}
#cw_cart_notification { position:absolute; display:block; background: #ffffff; border: 1px solid #c0c0c0; padding-top: 20px; width: 240px; height: 40px; right: 0px; top: 23px; }
#slider-range, #time_range {max-width: 130px;}
#cw_descriptions { text-align: left; float:left; width: 820px; padding: 20px;background-color: #ffffff; }
#cw_descriptions img {max-width: 750px;}
.class_description p {     -ms-word-break: break-all;
word-break: break-all;

/* Non standard for webkit */
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
#cw_descriptions .class_description {width:780px;}
#cw_descriptions .book {width:160px; max-width: 180px}
.class_booking_button {margin-left:0; width:160px;}
.class_show_all_button {margin-right:0; margin-left:auto; width:160px;}
.class_show_all_button .book {width:160px; max-width: 180px}
.class_description h3 { font-size:14px; font-weight: bold; padding-bottom: 10px; }
.cw-block-book .book {float:left; max-width: 180px;width: 180px;}

fieldset { border: 0; padding: 0;}

#footer_wrapper {clear:both;}

.cw_class_description { width:450px; background: #fff; border:solid 1px #ccc; z-index:1000; min-height:50px; padding:5px; box-shadow: 10px 10px 5px #888888; }
.cw_class_description_info { width:450px; background: #fff; border:solid 1px #ccc; z-index:1000; min-height:50px; padding:5px; box-shadow: 10px 10px 5px #888888; }
.cw_close_description { float:right; padding:5px; }
.cw_class_title { background:#d9d9d9;line-height: 1.5em; margin: -4px; padding: 6px; }

#time_range{ font-size: .8em; padding-bottom: 6px; }

#hostedpayment_iframe { min-width:600px; width:100%; height:500px; background:#fff; }
.contract_hosted_vault{
cursor: pointer;
background-color: #71bd40;
border: 1px solid #45672f;
border-radius: 5px;
color: #fff;
font: bold 13px 'Arial' !important;
margin: 5px 10px 0 3px;
min-height: 5em;
min-width: 15em;
outline-style: none;
padding: 5px;
text-align: center;
text-decoration: none;
}
.contract_hosted_vault:hover { background-color: #99e944; }
#sso_login_button {float:none; width:150px;}
.sso_button_container a { background-color: #71bd40;
border: 1px solid #45672f;
color: #fff;
display: block;
font: bold 13px 'Arial';
margin: 5px 10px 0 3px;
outline-style: none;
padding: 5px;
text-align: center;
text-decoration: none;
width:150px;}

.class_browse_filter_input_align {
display: inline-block;
margin-right: -100px;
vertical-align: top;
}

.class_browse_filter_label_align {
display: inline-block;
margin-left: 100px;
margin-right: -100px;
}

.class_browse_filter_see_all_link {
display: inline-block;
}


#total:after {
content: "\A By Selecting the Confirm & Pay button below you are agreeing to the Town of Port Hedland Terms & Conditions";
display: block;
font-weight: bold;
height: 40px;
background: #ff000085;
padding: 3px;

}

#total {
font-weight: bold;
font-size: px !important;
color: #000;
}

/* START DATE PICKER WIDGET */

.ui-widget-header {
    border: 1px solid #4cbfac;
    background: #4cbfac;
    color: #000000;
    font-weight: bold;
}

.ui-widget-content {
    border: 1px solid #4cbfac;
    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222222;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #acdd4a !important;
    background: #6eac2c !important;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fdfdfd;
    background: #4cbfac url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

#ui-datepicker-div > div > a.ui-datepicker-next.ui-corner-all, #ui-datepicker-div > div > a.ui-datepicker-prev.ui-corner-all.ui-state-disabled {
  background: #2C4E54;
}



#content > div.public_facility_bookings > div.navigation > ul > li:nth-child(8) > a > img,
#booking_bookings > div > table > tbody > tr > td > div > ul > li:nth-child(8) > a > img {
  height: 15px;
}

#content > div.public_facility_bookings > div.navigation > ul > li:nth-child(8) > a:hover {
  background: #4cbfac !important;
}

#booking_bookings > div > table > tbody > tr > td > div > ul > li:nth-child(8) > a:hover {
  background: #4cbfac !important;
}

/* END DATE PICKER WIDGET */
/*FACILITIES*/
#trainer_booking_iframe {
  position: relative;
  top: 50px;
}

/*CLASSES REGISTRATION*/


#booking_payment > h2 {
  text-align: center;
  float: left;
}

#booking_payment > form {
  float: left;
  padding: 20px;
}

#contact_details_form > table {
  position: relative;
  left: 15px;
}


#contact_details_form > div:nth-child(3) > table > tbody > tr:nth-child(9) > td:nth-child(1) {
  display: block;
  width: 150px !important;
}


/*ONLINE STORE*/
#main_content {
  background: #F8F8F8;
}
#local_store_bottom > div.shopping_cart_catergory > ul > li > a {
  background: #002838;
  color: #fff;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #002838;
}

#local_store_bottom > div.shopping_cart_catergory > ul > li > a:hover {
  background: #fff;
  color: #002838;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #002838;
}

#local_store_main > h2{
  color: #002838;
}

ul.buttons li a {
  background: #002838;
  color: #fff;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #002838;
}

ul.buttons li a:hover{
  background: #fff;
  color: #002838;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #002838;
}

.paginator li a, .paginator li span {
    padding: 4px 7px 4px 7px;
    font-size: 11px;
    text-decoration: none;
    border: 1px solid #002838;
}

.paginator li a:hover, .paginator li span:hover {
    background: #002838;
    color: #fff;
    border: 1px solid #002838;
    cursor: pointer;
}

.local_special_left {
    float: left;
    margin-right: 22px;
    margin-bottom: 20px;
    height: 220px;
    width: 163px;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: solid;
    border-color: #002838;;
    border-width: 1px;
    background-color: white;
}

#local_store_local_specials > div > div > div.rounded_button {
  display: block;
  width: 100px !important;
}

#local_store_local_specials > form > table > tbody > tr > td > a > img {
  height: 20px;
  width: 20px;
  position: relative;
  right: 15px;
  top: 2px;
}

#local_store_local_specials img {
  width: 160px;
  padding: 2px;
  margin-left: auto;
  margin-right: auto;
}

span.local_store_price {
  position: relative;
  bottom: 10px;
  width: 163px;
  margin-left: auto;
  margin-right: auto;
}

#local_store_local_specials table thead tr td, #local_store_local_specials table thead tr th {
    background: #4cbfac;
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}

#update_quantities, #checkout {
  height: 30px;
  background: #002838;
  color: #fff;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #002838;
}

#update_quantities:hover, #checkout:hover{
  background: #fff;
  color: #002838;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #002838;
  cursor: pointer;
}

#local_store_local_specials table tr:nth-child(odd) {
  background: #F8F8F8;
}

#public_localstore_checkout_form > table > tbody > tr:nth-child(1) > td {
  text-align: center;
}

#credit_card_details > table > tbody > tr > td > img {
  height: 40px;
  width: 70px;

}

#credit_card_details > table > tbody > tr:nth-child(2) > td > img:nth-child(2) {
  margin-right: 200px;
}

#local_store_main {
  width: auto;
  padding-bottom: 20px;
}

#public_localstore_checkout_form > table > tbody > tr > td:nth-child(2), 
#public_localstore_checkout_form > div:nth-child(3) > table > tbody > tr > td:nth-child(2),
#public_localstore_checkout_form > div:nth-child(4) > table > tbody > tr> td:nth-child(2) {
  float: left;
}

#credit_card_details > table > tbody > tr {
  margin-top: 20px;
}

.facility_navigation_1,
.facility_navigation_0 {
  display: block;
}