@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,700,800);

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/Qw6_9HvXRQGg5mMbFR3Phn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
  font-family: 'Open Sans', sans-serif !important;
  background: none;
  margin: 0;
  padding: 0;
}

/* Begin Removed by J.Edwards

.header_wrapper {
display: none;
}

#header_info{
display: none;
}

#page_wrapper #content > h2 {
	display: none;
}

End Removed by J.Edwards */

#header_wrapper {
display:none !important;
}

#page_wrapper {
width: 100% !important;
margin: 0 !important;
background: none;
}

#page_wrapper #content table{
width: 100% !important;
}

.txtBox {
  color: black !important;
}

/* Remove Active Carrot Logo */ 

#footer_wrapper {
display:none !important;
}

.swMain {
margin-left: -166px;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0px solid #CCC;
  overflow: visible;
  float: none !important;
  width: auto !important;
}

.alpha60 {
  background: transparent;
}

/* Step Navigation */

#wizard ul.anchor {
  position: relative;
  display: inline-block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0  !important;
  padding: 0px !important;
  border: 0px solid #E0E0E0 !important;
  float: none !important;
  clear: both;
}
#wizard ul.anchor li {
  position: relative;
  display: inline-block !important;
  width: 24.4% !important;
  height: 61px !important;
  margin: 0 0 5px !important;
  padding: 0px !important;
  border: 0px solid #E0E0E0 !important;
  float: none !important;
  clear: both;
}
#wizard ul.anchor li a {
  display: block;
  position: relative;
  float: none !important;
  color: #333 !important;
  margin: 0;
  padding: 10px 13px 0px !important;
  height: 100% !important;
  width: 100% !important;
  text-decoration: none;
  outline-style: none;
  border: 1px solid #E0E0E0 !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 99;
  box-sizing: border-box;
}
#wizard ul.anchor li a .stepNumber {
  display: none;
}
#wizard ul.anchor li a .stepDesc {
  display: block;
  font-size: 25px;
  font-weight: 600;
//color: #333 ;
  padding: 0 !important;
  width: auto !important;
font: bold 25px/1 'Open Sans' !important;
}
#wizard ul.anchor li a .stepDesc small {
  display: block;
  font-weight: normal;  
  margin-top: 7px;
font:9px/1 'Open Sans' !important;
}
#wizard ul.anchor li a.selected {
  /*background: #000;
  color: #fff;*/
  background-color: #0475bc !important;
  background: #0475bc !important;
  color: #fff !important;
  border: 0px solid #000 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#wizard ul.anchor li a.disabled, #wizard ul.anchor li a.done {
  color: #333!important;
  background: none;
  border: 1px solid #CCC !important;
  cursor: text;
}
#wizard ul.anchor li a.error{
background: #F74414 !important;
color: #fff !important;
}
#wizard ul.anchor li a.disabled.error{
color: #fff !important;

}
#wizard ul.anchor li a.disabled:hover {
  cursor: text;
}

#wizard ul.anchor li a:hover {
  text-decoration: none;
  cursor: default;
}

/* Action Bar / Footer Buttons */

#wizard .actionBar {
  color: #5A5655;
  background-color: transparent !important;
  border: 0px !important;
  height: auto !important;
  text-align: left;
  overflow: hidden;
  z-index: 88;
border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  margin-top: 30px;
}
#wizard .actionBar .buttonPrevious,
#wizard .actionBar .buttonFinish,
#wizard .actionBar .buttonCancel,
#wizard .actionBar .buttonNext {
  display: block;
  float: right;
  margin: 0 5px!important;
  padding: 0px !important;
  text-decoration: none;
  text-align: center;
  font: 17px 'Open Sans' !important;
  line-height: 31px !important;
  height: 34px;
  /*width: 73px !important;*/
  color: #FFF;
  outline-style: none;
  border: 0px solid #5A5655;
border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#wizard .actionBar .buttonFinish {
  background-color: #0475bc !important;
}
#wizard .actionBar .buttonNext {
 background-color: #0475bc !important;
}
#wizard .actionBar .buttonCancel {
  background-color: #333 !important;
}
#wizard .actionBar .buttonFinish.buttonDisabled {
  background-color: #ccc!important;
}

.swMain .stepContainer{
	margin: 0px !important;	
        height: auto !important;	
}

.swMain .stepContainer div.content{
font: normal 12px Open Sans, sans-serif !important;
color: #666 !important;
	width: 100% !important;	
	padding: 0 !important;	
	border-radius: 0 !important;
position: relative;
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#page_wrapper #content table{
background: #fff;	
}

/* Step Title */

.swMain .stepContainer .StepTitle{	
	font: normal 20px Open Sans, sans-serif !important;
	text-align: center;
	background-color: #333 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}

/* ----------STEP 1---------- */

#step-1 table{
position: relative;	
}

#step-1 table tbody{
	display: inline-block;	
  width: 100%;
}

#step-1 table tr{
	margin-bottom: 30px;	
}

#step-1 table tr:first-child{
	display: block;
}

/* Removed Uneccesary by J.Edwards */
/*
#step-1 table tr:nth-child(odd){
	display: none;
}

#step-1 table tr:nth-child(2n){
	display: inline-block;
	width: 50%;
}

#step-1 table tr:nth-child(4n){
	display: inline-block;
width: 48%;
}

*/

/* Begin Added by J.Edwards */

#step-1 table tr {
	display: none;
}

#step-1 table tr.contract_row {
	display: block;
  float: left;
  width: 50%;
}

/* Remove Log in */

#step-1 table:nth-child(2), #step-1 h2:first-child {
  display: none !important;
}

/* End Added by J.Edwards */

/* Downward Arrow */

#step-1 table:before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;	
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #333;	
	margin-left: -15px;
z-index: 2;	
}

/* Column Seperator */

#step-1 table:after{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 1px;
	background: #ddd;
z-index: 1;		
}

/* Payment Type E.g. Aqautic 1 month */

#step-1 table tr td strong{
    font-size: 18px;
    padding-bottom: 0px;
    margin-bottom:-10px;
    display: block;
    font-weight: bold;
    color: #0475bc !important;
}

/* Align radio button top */

#step-1 table tr td:nth-child(1){
	vertical-align: top;
}

/* Cost & Term */

#step-1 table tr td:nth-child(3){
	display: block;
  margin-left: 60px;	
}

@media(max-width: 320px),(min-width: 320px) and (max-width: 480px){
  
  	#step-1 table tr td {
		padding-left: 0px !important;	
	}  
	
  /* Begin Added by J.Edwards */
  
  #step-1 table tr.contract_row {
	display: block !important;
  width: 100% !important;
  }
  
  /* End Added by J.Edwards */
  
  /* Removed Uneccesary by J.Edwards */
  /*
	#step-1 table tr:nth-child(2n){
		display: block !important;
		width:100% !important;
	}
  */
  
  /* Cost & Term */
	
	#step-1 table tr td:nth-child(3) {
		margin-left: 30px !important;	
	}
  
    /* Remove Column Seperator & Downward Arrow */
  
	#step-1 table:before,
	#step-1 table:after {
		display: none !important;	
	}
	
}

/* ----------STEP 2---------- */

#step-2 table tr td:first-child{
	width: 135px !important;
}

select.contact_select{
	padding: 5px;
	background: #f2f2f2;
	border-radius: 4px;
	-webkit-border-radius: 4px;;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}


.swMain div.actionBar{
	width: 100% !important;	
}

.footer_contact{
	display: none;	
}
.txtBox{
	font: 14px Open Sans, sans-serif !important;
	color: #979797;
	padding: 5px !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-mozborder-radius: 4px;
	-ms-border-radius: 4px;
}
.txtBox:focus{
border: 1px solid #CCC !important;
}

#step-3{
	background: #fff;	
}
#step-3 h3{ 
	margin-left: 20px;
}

#step-3 > div{
	margin: 20px !important;
}
#step-3 table tbody{
	display: block;
	margin-left: 20px;
}
#step-3 table ul{
	padding-left: 20px;
	margin: 0;
	list-style: disc;
}
#step-4 #membership_details,
#step-4 #membership_details ul,
#step-4 #membership_details ul li{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;	
}
#step-4 #membership_details ul{
	margin: 0;	
background: #fff;
}
#step-4 table{
	border-spacing: 0px !important;	
}
.congratulations {
padding: 0px 10px !important;
}

@media(max-width: 320px),(min-width: 320px) and (max-width: 480px){
	

	#wizard ul.anchor li{
		width: 100% !important;	
	}
	#wizard .actionBar .buttonPrevious, #wizard .actionBar .buttonFinish, #wizard .actionBar .buttonCancel, #wizard .actionBar .buttonNext{
		display: inline-block;
		float: none !important;
		margin: 0 5px 10px 0 !important;
	}
	
	.swMain .stepContainer{
		height: auto !important;		
	}

	#step-2 table tr td:first-child {
		width: auto !important;
	}
	#credit_card_details td{
		width: 50%;
	}
}

@media(min-width: 480px) and (max-width: 640px){
	#wizard ul.anchor li{
		width: 49% !important;	
	}
	
}

@media(max-width: 767px){

body,.public_facility_bookings{
margin: 0;
padding: 0;
}

.txtBox,
#step-2 table tr td{
	width: 100%!important;	
}

}

#page_wrapper #header_wrapper,
#page_wrapper #footer_wrapper,
#page_wrapper .footer_contact {
	display: none;	
}

#local_store_bottom .shopping_cart_catergory{
	width: 224px;	
}

.fail {
   clear: initial !important;
}

#wizard ul.anchor li a .stepDesc small {
    font-size: 14px !important;
}

#wizard * {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
    line-height:20px;
}

.swMain, #header_wrapper, #wizard, body, .stepContainer {
	width: 100% !important;
	min-width: 100% !important;
}