body #mainContainer,.stepText{
font-family: Hind, 'Helvetica Neue', Arial,Verdana,sans-serif!important;
}

html body div#content div#inner-content div#main .clearMargPad{
	margin: 0!important;
	padding: 0!important;
	padding-bottom: 0!important;			
}

html body .floatRight{
	float: right !important;
}

html body .floatLeft{
	float: left !important;
}

html body #mainBookBox select, html body #mainBookBox select option{
color: #222222 !important;
}

.mainContainer {
  clear:both;
  width:100%;
  max-width:1140px;
  height:auto;
  margin: 50 auto;
}

.checkoutContainer {
  width:100%;
  height:auto;
  min-height:200px;
  background:#323232;
  border-radius:3px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.titleBar {
  margin:0;
  height:auto;
  width:100%;
  color:#ffffff;
  background:#009bc7;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  overflow: hidden;
}

.stepText {
  width:60%;
  padding:32px 0 32px 20px;
  font-size:2.4em;
  text-transform: uppercase;
  font-weight:500;
  float:left;
}

.stepDesc {
  font-weight:100;
}

.stepsContainer {
  width:425px;
  height:84px;
  float:right;
  position:relative;
}

.stepsBar {
  height:20px;
  width:400px;
  border-radius:3px;
  background:#00789a;
  position:relative;
  top:32px;
}

ul.steps {
  display:block;
  position:absolute;
  clear:both;
  list-style-type:none;
  margin:0;
  padding:0;
  height:88px;
  width:420px;
  top:-32px;
  z-index:8;
  margin-left:-2px;
}


ul.steps li.step {
  float:left;
  width:60px;
  height:60px;
  background:#00789a;
  margin-right:28px;
  padding:10px;
  border-radius:30px;
  margin-top:14px;
  text-align:center;
  position: relative;
  z-index: 2;
}

ul.steps li.step .status {
  position: relative;
  width: 80px;
  height: 5px;
  top: 15px;
  z-index: 10;
}

ul.steps li.step .status.active {
  background: #ed970f;
}

ul.steps li.step .innerCircle {
  height:30px;
  width:30px;
  background:#ed970f;
  padding:5px;
  border-radius:30px;
  font-size:1.4em;
  font-weight:500;
  position: absolute;
  z-index: 20;
  top:10px;
}

ul.steps li.last {margin-right:0;}

#stepsBarStatus {
  height: 6px;
  width: 10px;
  border-radius: 3px;
  background: #ed970f;
  position: absolute;
  top: 39px;
  left: 25px;
  z-index: 8;
}

#stepsBarStatus.step1 {
  width:100px;
}

#stepsBarStatus.step2 {
  width:180px;
}

#stepsBarStatus.step3 {
  width:260px;
}

#stepsBarStatus.step4,#stepsBarStatus.step5 {
  width:330px;
}


ul.stepsStatus {
  display:block;
  position:absolute;
  clear:both;
  list-style-type:none;
  margin:0;
  padding:0;
  height:88px;
  width:420px;
  top:7px;
  z-index:8;
  margin-left:-2px;
}


ul.stepsStatus li.step {
  float:left;
  width:40px;
  height:40px;
  margin-right:48px;
  padding:10px;
  border-radius:30px;
  margin-top:8px;
  text-align:center;
  position: relative;
  z-index: 9;
}

ul.stepsStatus li.step .status {
  position: relative;
  width: 80px;
  height: 5px;
  top: 15px;
  z-index: 10;
}

ul.stepsStatus li.step .status.active {
  background: #ed970f;
}

ul.stepsStatus li.step .innerCircle {
  height:40px;
  width:40px;
  padding:5px;
  border-radius:30px;
  font-size:1.4em;
  font-weight:500;
  position: absolute;
  z-index: 20;
  top:9px;
  overflow: hidden;
}

ul.stepsStatus li.step .innerCircle.active {
  background:#ed970f;
}

ul.stepsStatus li.last {margin-right:0;}

.checkoutContent {
  clear:both;
  height:auto;
  width:100%;
  color:#ffffff;
}

.checkoutContent h3, .publicForm h3 {
  margin:0;
  padding:0;
  font-size:1.4em;
  text-transform: uppercase;
  font-weight:500;
}

.checkoutContent div h3.paymentSelector {
  font-size:1.2em;
}

.checkoutContent p, .publicForm label {
  font-size:1.2em;
  font-weight:500;
  color:#b9b9b9;
}

.checkoutContent input[type=text],.checkoutContent input[type=email] {
  height:50px;
  width:90%;
  padding:10px 5%;
  background:#fff;
  color:#000;
  border:0;
  border-radius:3px;
  font-size:1.1em;
  font-weight:400;
  margin:0 0 20px 0;
}

.publicForm input[type=text] {
  height:50px;
  width:40%;
  padding:10px 1%;
  background:#fff;
  color:#999;
  border:1px solid black;
  border-radius:3px;
  font-size:1.1em;
  font-weight:100;
  margin:0.5em 0 20px 0;
}

.publicForm textarea {
  height:150px;
  width:40%;
  padding:10px 1%;
  background:#fff;
  color:#999;
  border:1px solid black;
  border-radius:3px;
  font-size:1.1em;
  font-weight:100;
  margin:0.5em 0 20px 0;
}

.checkoutContent .form .padBot10 .inputBox input.datepicker[type=text] {
  background:url(../img/calendar.png) #fff top right no-repeat;
}

.medium {
  width:130px;
}

.checkoutContent input[type=password] {
  height:50px;
  width:90%;
  padding:10px 5%;
  background:#fff;
  color:#999;
  border:0;
  border-radius:3px;
  font-size:1.1em;
  font-weight:100;
  margin:0 0 20px 0;
}

.checkoutContent input[type=submit]{
  /* display:block; */
  height:auto;
  width:90%;
  padding:0.9em 0;
  background:#ed970f;
  color:#fff;
  border-radius:3px;
  font-size:1.4em;
  font-weight:600;
  margin:0 auto 20px auto;
  text-transform: uppercase;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  border: 0;
}

.checkoutContent input[type=button].button.orange, .publicForm button  {
  /* display:block; */
  height:auto;
  width:40%;
  padding:0.9em 0;
  background:#ed970f;
  color:#fff;
  border-radius:3px;
  font-size:1.4em;
  font-weight:600;
  margin:0 auto 20px auto;
  text-transform: uppercase;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  border: 0;
}

@media only screen and (max-width: 748px) {
  .checkoutContent input[type=button].button.orange, .publicForm button {
  width:100%;
  }
}

.publicForm button#declineres{
background: rgb(195, 52, 52);
}

.publicForm button#declineres:hover{
	cursor: pointer;
  	background: rgb(140, 49, 49);
}

button#saveres.btnAdmin:hover {
	cursor: pointer;
	background: #c38117;
}

.checkoutContent input[type=submit]:hover, .checkoutContent input[type=button].button.orange:hover  {
  background:#c9800d;
}

.selectItem, .baseSelectItem{
  z-index:2999;
  cursor:pointer;
}

body #bookForm .selectInputDisabled{
 	z-index:1000;
	cursor:inherit;
}

body #bookForm .customSelect.selectInputDisabled{
 	z-index:1100;
	cursor:inherit;
}

.customSelect {
  /* Styles For Your Select Box */
  position: relative;
  width:100%;
  height:64px;
  background:#fff;
  border-radius:3px;
  margin:10px 0;
  color:#999;
  z-index:2000;
  cursor:pointer;
}


.customSelect.changed {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectFocus {
/* You can use this if you want a different style after user has made a selection */
}

.customSelectOpen {
/* You can use this if you want a different style after user has made a selection */
}

div.inputBox .oneway-text{
width: 86%;
float: left;
font-size: 1.1em;
margin-top: 0.5em;
font-weight: bold;
color: #808080;
line-height: 0.94em;
}

div.inputBox .oneway-text span.oneway-details{

font-size: 0.66em;
margin-top: 0.5em;
font-weight: normal;
color: #808080;
}

div.inputBox .oneway-checkbox{
width: 13%;
float: right;
margin-top: 0.5em;
}

div.inputBox .oneway-checkbox input[type=checkbox]{

}

.marginBottom40{
	margin-bottom: 40px;
}


body.page-id-2 .ui-state-default{
border: 1px solid #d3d3d3;
background: #009bc7 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}

body.page-id-2 .ui-widget-content .ui-state-disabled .ui-state-default{
background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
color: #555555;
}

/* We can style the inner box, too */
.customSelectInner {
  background:url(../img/selectBtn.png) no-repeat center right;
  border-radius:3px;
  height:64px;
  width:100%!important;
  padding:20px 5%;
}

.checkoutContent .register {
  float:left;
  width:28%;
  height:auto;
}

.register a.registerBtn {
  display:block;
  padding:20px;
  background:#ed970f;
  text-align:center;
  font-size:1.4em;
  font-weight:500;
  color:#fff;
  border-radius:3px;
  text-transform:uppercase;
}

.register a.registerBtn:hover {
  background:#c9800d;
}

.checkoutContent .returningCustomer {
  float:left;
  width:30%;
  height:auto;
}

.checkoutContent .returningCustomer .login {
  float:left;
  width:100%;
  height:auto;
}

.checkoutContent .returningCustomer .login .padding20 {
  padding:0 20px 20px 0;
}

.checkoutContent div.login #loginform input{
width: 98%;
}

.checkoutContent .orIcon {
	width: 82px;
	margin: 0.6em auto;
	float: none;
}

.checkoutContent .orIcon.Login {
	width: 120px;
	margin: 0.7em auto;
	float: left;
}

.orIcon .or {
	padding: 40px 15px;
	height: 25px;
	width: 80px;
	margin: 0 auto 0.6em;
	font-size: 2em;
	font-weight: 500;
	background: #202020;
	border-radius: 50px;
	border: 1px solid #404040;
	color: #fff;
	text-transform: uppercase;
	line-height: 0;
}

.checkoutContent .loginFacebook {
  float:left;
  width:30%;
  height:auto;
}

.loginFacebook a.facebookBtn {
  display:block;
  width:70%;
  padding:20px 5%;
  background: url(../img/facebook.png) #3c5a95 top left no-repeat;
  color:#fff;
  margin:0 auto;
  font-size:1.2em;
  font-weight:500;
  text-transform: uppercase;
  text-align:right;
  border-radius:3px;
}

.loginFacebook a.facebookBtn:hover {
  background: url(../img/facebook.png) #324b7c top left no-repeat;
}

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

.padding20 {
  padding: 15px 20px 15px 20px;
}

.padding10 {
  padding:10px;
}

.padding0-20-20-20 {
  padding:0 20px 20px 20px;
}

.padding20-20-0-20{
  padding:20px 20px 0 20px;
}

.padBot10 {
  padding:20px 20px 0 20px;
}

.margin10 {
  margin:10px 0;
}

.checkoutContent .form {
  float:left;
  width:66%;
  height:auto;
}

.checkoutContent .fullform {
  float:left;
  width:100%;
  height:auto;
}

.checkoutContent .form .formInput, .checkoutContent .fullform .formInput{
  float:left;
  width:50%;
  height:auto;
}

.checkoutContent .form .formInputFull, .checkoutContent .fullform .formInputFull{
  float:left;
  width:100%;
  height:auto;
}

.form .hotel, .form .liftTicket {
  background:#272727;
  border-radius:3px;
  padding:10px;
  height: auto;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  overflow: hidden;
}

.form .hotel:hover, .hotel:active,.form .liftTicket:hover, .form .liftTicket:active {
  background:#6c4e1f;
}

.form .liftTicket:hover .ticketInfo .ticketDesc {
  color: #ffffff;
}

.form .hotel span > input[type='radio'], .form .liftTicket span > input[type='radio']{
    opacity: 0;
    float: left;
    width: 25px;
    display:none;
}

.form .hotel span > label .hotelImage {
	float: left;
	height: 107px;
	width: 120px;
	margin: 0;
	margin-left: 42px;
	margin-right: 10px;
}

.form .hotel span > label .hotelImage img {
  width:100%;
  height:auto;
}

.form .hotel span > label .hotelInfo {
  float:left;
  width: 137px;
}

.form .liftTicket span > label .ticketInfo {
  float:left;
  width: 83%;
  margin-left: 46px;  
}

.hotelInfo .hotelTitle {
  color:#fff;
  font-size:1.3em;
  line-height: 1.7em;
}

.ticketInfo .ticketTitle {
  color:#fff;
  font-size:1.4em;
  line-height: 1.9em;
}

.hotelInfo .hotelDesc {
color: #696969;
font-size: 0.9em;
font-weight: 300;
line-height: 1.3em;
}

.ticketInfo .ticketDesc {
color: #696969;
font-size: 1.2em;
font-weight: 300;
line-height: 1.5em;
}

.hotelInfo .hotelDesc a, .ticketInfo .ticketDesc a{
  color:#048fb7;
}

.hotelInfo .hotelDesc a:hover,.ticketInfo .ticketDesc a:hover {
  /* color:#ffffff; */
}

.hotelInfo .price {
  color:#fff;
  font-size:1.2em;
  font-weight:500;
  padding-top:6px;
}

.hotelInfo .price span {
  display:block;
  float:left;
  font-size:0.8em;
  margin-top:-3px;
  font-weight:100;
  padding-right:5px;
}

.form .hotel span > input[type='radio'] + label, .form .liftTicket span > input[type='radio'] + label {
    display:block;
    margin: 0;
    clear: none;
    height:112px;
    font-size:0.8em;
    padding: 0;
    cursor: pointer;
    color:#a9b6bf;
    font-weight:100;
    background: url(../img/check.png) left center no-repeat; 
}
.form .hotel span > input[type='radio']:checked + label, .form .liftTicket span > input[type='radio']:checked + label {
    background-image: url(../img/check-off.png);
}

/*
.form .tickets {
  background:#272727;
  border-radius:3px;
  padding:10px;
  height:50px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}

.form .tickets span > label .liftTickets {
  float:left;
  width:155px;
  font-size:1.4em;
  margin-left:45px;
}

.form .tickets span > input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 25px;
    display:none;
}

.form .tickets span > input[type='checkbox'] + label {
    display:block;
    margin: 0;
    clear: none;
    height:50px;
    font-size:0.8em;
    padding: 0;
    cursor: pointer;
    color:#a9b6bf;
    font-weight:100;
    background: url(../img/check-off.png) left center no-repeat; 
}
.form .tickets span > input[type='checkbox']:checked + label {
    background-image: url(../img/check.png);
}

.form .tickets:hover, .tickets:active {
  background:#6c4e1f;
}

*/
.checkoutContent a, .checkoutContent input[type='button'], .checkoutContent input[type='submit']{
	outline: none;
}

.checkoutContent .form .formInput .inputBox {
  position:relative;
}

/*
.checkoutContent .form .formInput .inputBox input[type='number']{
	height: 3.3em;
	padding-left: 0.4em;
	border: 0;
	color: #999;
	font-weight: 200;
	border-radius: 3px;
	font-size: 1.2em;
	margin-top: 10px;
	width: 33%;
}
*/

.checkoutContent .form .formInput .smallInput {
  float:left;
  width:180px;
  height:auto;
}

.checkoutContent .basket {
  position:relative;
  float:left;
  width:34%;  
}

.checkoutContent .basket .yourTrip {
  clear:both;
  width:95%;
  min-height:300px;
  background:#404040;
  margin-top:20px;
  margin-bottom:10px;
  border-radius:3px;
  overflow: hidden;
  padding-bottom: 15px;
}

.checkoutContent ul#tripBasket{
max-height: 539px;
overflow-y: auto;
}

.checkoutContent ul#tripBasket.checkout{
max-height: 692px;		
}

#tripBasket a.tripRewind, #bookForm a.removeItem{

text-transform: lowercase;
display: inline-block;
font-size: 1.1em;
padding: 0.2em 0.8em 0.3em;
background: #232323;
border-radius: 0.4em;
text-decoration: underline;
color: #CECECE;
text-align: center;
margin-top: 0.6em;
float: right;

/*
clear: both;
overflow: hidden;
width: 2em;
height: 2em;
float: right;
margin-top: 0.8em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;*/
}

#tripBasket a.tripRewind:hover, #bookForm a.removeItem:hover{
background: #009bc7;
color: #ffffff;
/*background: #ed970f;
/*transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
/*-webkit-transform:rotate(45deg); /* Safari and Chrome */
}


a.tripRewind:hover img, #bookForm a.removeItem:hover img{
opacity: 1;
}

a.tripRewind img, #bookForm a.removeItem img{
width: 2em;
height: 2em;
margin: auto;
opacity: 0.8;
}


.yourTrip .tripTitle {
  clear:both;
  width:100%;
  font-size:1.3em;
  font-weight:500;
  height:auto;
  padding:0;
  margin:0;
  background:#272727;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  text-transform: uppercase;
  padding:2px 0;
}

.yourTrip ul.tripDetails {
  clear:both;
  display:block;
  margin:0;
  padding:0;
  list-style-type: none;
}

.yourTrip ul.tripDetails li {
  clear:both;
  width:100%;
  min-height:49px;
  height: auto;
  padding: 5px 10px;
  border-bottom:1px solid #333;
}

.yourTrip ul.tripDetails li .inner {
  padding:0 10px;
}

.yourTrip ul.tripDetails li .title {
  font-size:0.6em;
  color:#fff;
  font-weight:200;
  text-transform: uppercase;
  margin-bottom: -0.1em;
}

.yourTrip ul.tripDetails li .value {
  font-size:0.8em;
  color:#808080;
  line-height:1.1em;
  margin-bottom: 0.1em;
}

.checkoutContent .nextBox {
  clear:both;
  width: 66%; /*100%; */
  float: left;
  height:auto;
  
}

.checkoutContent .nextBox .next {
  float:right;
  width:100%;
  height:auto;
}

.checkoutContent .nextBox .text {
  float:right;
  padding:20px 16px 20px 0;
  text-align: right;
  width:25%;
  height:auto;
  font-size:1em;
  font-weight:500;
  text-transform: uppercase;
}

.checkoutContent .nextBox .nextBtn {
  float:right;
  /* width:60%; /* 65%;*/
  height:auto;
  border-radius:4px;
  background:#272727;
}

.checkoutContent .nextBox .nextBtn .price {
  float:left;
  width:auto;
  font-size:1.8em;
  font-weight:500;
  color:#fff;
  padding:19px 12px;
  text-align:center;
}

.checkoutContent .nextBox .nextBtn a.button, .checkoutContent .nextBox input[type="button"].button {
  display:block;
  width:9em;
  margin:0;
  padding: 0.9em 0;
  float:right;
  background:#ed970f;
  color:#fff;
  border-radius:3px;
  font-size:1.4em;
 /* line-height: 3em; */
  text-transform: uppercase;
  font-weight:500;
  text-align:center;
  border: none;
}

.checkoutContent .nextBox .nextBtn a.button:hover {
  background:#c9800d;
}

body form {
overflow: hidden;
}

html body select#friendList{
top: 156px!important;	
}

input[type="button"].inputDisabled , a.inputDisabled{
cursor: not-allowed;
}

input[type="button"].orangeButton, a.orangeButton {
display: block;
width: 100%;
margin: 0;
padding: 0.5rem 0; /* 20px 0 */
float: left;
background: #ed970f;
color: #fff;
border-radius: 3px;
font-size: 1.4em;
/* line-height: 3em; */
text-transform: uppercase;
font-weight: 500;
text-align: center;
}

input[type="button"].blueButton, a.blueButton {
display: block;
width: 100%;
margin: 0;
padding: 0.9em 0;
float: left;
background: #009bc7;
color: #fff;
border-radius: 3px;
font-size: 1.4em;
/*line-height: 3em;*/
text-transform: uppercase;
font-weight: 500;
text-align: center;
border: none
}

input[type="button"].blueButton:hover, a.blueButton:hover {
background: #008fb7;
}

div.orIcon{
	float: left;
	width: 100%;
	height: auto;	
}

#addGuest{
margin-bottom: 1em;
}

a#clearAssingments{
margin-bottom: 1.2em;
}


div.updatePassengerForm select#utype{
top: 410px!important;
left: 30px;
}

.checkoutContent input[type="text"].hasDatepicker, .checkoutContent input[type="text"].datePicker{
	background: url(/assets/_css/calendar.png) #fff top right no-repeat;
	width: 100%;
	height: 64px;
	padding:10px 5%;
	margin: 10px 0 0 0;	
	cursor: pointer;
}


div.infoHelper{
clear: both;
overflow: hidden;
padding: 0.6em 0;
background: #202020;
margin: 0;
text-align: center;
font-size: 0.96em;
color: #808080;
}

div.infoHelper p{
font-size: 1.1em;
}

span.bcbcbc{
color: #bcbcbc;
}

#modalContents .formInput select#roomList{
top: 254px!important;
}

#modalContents .formInput select#ticketList{
top: 290px!important;
}

a#addToRoom, a#editTickets,#finishedEditTickets{
margin-bottom: 0.8em;
}

a#nextRoom, a#step4continue{
margin-bottom: 1em;
}

div.infoHelper.rassignment{
padding-bottom: 26px;
}

#currentRoom{
padding: 1.4em 0 0.6em 0.2em;
font-size: 1.2em;
font-weight: 500;
color: #717171;
}

#showRoomList{
	margin-top: -0.6em;	
}

.roomBox{
padding: 20px;
width: 33.24%;
float: left;
background: #414042;
overflow: hidden;
height: auto;
margin-top: 0.6em;
border-left: solid 1px #202020;
}
.roomBox h3{
font-size: 1em;
color: #d1d3d4;
}

.roomBox ul{
margin: 0.2em 0;
}

.roomBox li{
font-size: 0.76em;
color: #d1d3d4;
}

.roomBox li > span{
font-style:italic
}

div.roomBox span.dbl-twn{
font-size: 0.84em;
margin-left: 0.1em;
}

/*

body div.mainContainer {
    clear:both;
    width:100%;
    max-width:1170px;
    height:auto;
    margin:0 auto;
    line-height: 1.4;
	font-family: 'Helvetica Neue';
}

.checkoutContainer {
    width:100%;
    height:auto;
    min-height:200px;
    background:#323232;
    border-radius:3px;
}

.titleBar {
    margin:0;
    height:auto;
    width:100%;
    height:88px;
    color:#ffffff;
    background:#009bc7;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.stepText {
    padding:20px;
    font-size:2em;
    text-transform: uppercase;
    font-weight:500;
    float:left;
    width:700px;
}

.stepDesc {
    font-weight:100;
}

.stepsContainer {
    width:420px;
    height:100%;
    float:right;
    position:relative;
}

.stepsBar {
    height:20px;
    width:400px;
    border-radius:3px;
    background:#00789a;
    position:relative;
    top:32px;
}

ul.steps {
    display:block;
    position:absolute;
    clear:both;
    list-style-type:none;
    margin:0;
    padding:0;
    height:88px;
    width:420px;
    top:-32px;
    left:-10px;
    z-index:8;
}


ul.steps li.step {
    float:left;
    width:40px;
    height:40px;
    background:#00789a;
    margin-right:28px;
    padding:10px;
    border-radius:30px;
    margin-top:14px;
    text-align:center;
    position: relative;
    z-index: 2;
}

ul.steps li.step .status {
   position: relative;
  width: 80px;
  height: 5px;
  top: 15px;
  z-index: 10;
}

ul.steps li.step .status.active {
  background: #ed970f;
}

ul.steps li.step .innerCircle {
    height:30px;
    width:30px;
    background:#ed970f;
    padding:5px;
    border-radius:30px;
    font-size:1.4em;
    font-weight:500;
    position: absolute;
    z-index: 20;
    top:10px;
    line-height: 28px;
}

ul.steps li.last {margin-right:0;}

#stepsBarStatus {
    height: 6px;
    border-radius: 3px;
    background: #ed970f;
    position: absolute;
    top: 39px;
    left: 25px;
    z-index: 8;
}

ul.stepsStatus {
    display:block;
    position:absolute;
    clear:both;
    list-style-type:none;
    margin:0;
    padding:0;
    height:88px;
    width:420px;
    top:7px;
    left:-10px;
    z-index:8;
}

ul.stepsStatus li.step {
    float:left;
    width:40px;
    height:40px;
    margin-right:28px;
    padding:10px;
    border-radius:30px;
    margin-top:8px;
    text-align:center;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

ul.stepsStatus li.step .status {
   position: relative;
  width: 80px;
  height: 5px;
  top: 15px;
  z-index: 10;
}

ul.stepsStatus li.step .status.active {
  background: #ed970f;
}

ul.stepsStatus li.step .innerCircle {
    height:30px;
    width:30px;
    background:#ed970f;
    padding:5px;
    border-radius:30px;
    font-size:1.4em;
    font-weight:500;
    position: absolute;
    z-index: 20;
    top:9px;
    line-height: 28px;
}

ul.stepsStatus li.last {margin-right:0;}

span.stepHelp{
	background: #ed970f;
	padding: 0 14px;
	float: right;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	font-size: 1.1em;
}

.checkoutContent {
    padding:20px;
    color:#ffffff;
}

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

#stepsBarStatus.oneStatus{ width: 10px; }
#stepsBarStatus.twoStatus{ width: 90px; }
#stepsBarStatus.threeStatus{ width: 180px; }
#stepsBarStatus.fourStatus{ width: 270px; }
#stepsBarStatus.fiveStatus{ width: 360px; }

*/

ul.stepsStatus li.step div.innerCircle.stepDone { text-indent: -100px; background: url('/assets/stepCheckMark.png') no-repeat center center, #ed970f;}

/* ===================== */ 

#devDebug{
	width: 100%;
	height: 400px;
	overflow-y: auto;
	margin-bottom: 60px;
}


/* ================== */
#registerform{
	display: none;
}

p#reg_passmail{
font-size: 0.8em;
margin: 0;
line-height: 1.2em;
}

form.showItinerary .wrap{
max-width: 63%;
}

#itinerary.active{
width: 31%; 
background: #111;
float: right;
}

#existingRider, #newRider{
overflow: hidden;
}

/* ================== */

@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    max-width: 1170px; }

}/* MQ > 768 */

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }
    
.bblue { background: rgba(0,200,254, 0.3);}
.bred { background: rgba(254,5,5, 0.3);}
.byellow { background: rgba(0,150,150, 0.3);}
.borange  { background: rgba(200,100,0, 0.3);} 

.inputDisabled{ opacity: .4;} 
    
#darkBox{
	background: rgba(0,0,0,.6);
	position: absolute;
	top:0px;
	left:0px;
	width:0%;
	height:0%;
	z-index: 2000;
}

#darkBox.boxActive{
	width:100%;
	height:100%;
	opacity: 1!important;
}

body #darkBox div.darkPop{
width: 60%;
background: #2f2f2f;
height:auto;
overflow: hidden;
/*padding-bottom: 20px;*/
}

ul.ui-autocomplete{
z-index: 2500;
}

input.datePicker{
position: relative; 
z-index: auto;		
}

div.bookError{
width: 99%;
margin: 10px 0 0 0;
padding: 2% 4%;
background: #ffffff;
border-radius: 3px;
color: #000000;
border: solid 3px #ed970f;
font-size: 0.94em;
}


a#clearAssingments.hasConf {
margin-bottom: 0.6em;
}

input#ahc {
width: 100%;
height: 54px;
margin-bottom: 0;
}

.checkoutContent input[type=text].bpfield{
height: auto;
width: 30%;
padding: 0;
}

ul.passengerPriceList{
margin: 0;
font-size: 0.9em;
}
.checkoutContent input[type=text].bpfield {
height: auto;
width: 96%;
padding: 0.19em 0.2em 0.1em 0.4em;
margin: 0;
background: #7f7f7f;
color: #eeeeee;
font-weight:bold;
text-transform: uppercase;
}

body div.checkoutContent input[type=text].bptest{
background: #d7fffd;
color: #323232;
}

body div.checkoutContent input[type=text].bpvalid{
background: #bcfd91;
color: #323232;
}

body div.checkoutContent input[type=text].bperror{
background: #ffaeae;
color: #323232;
}

.checkoutContent .removeBlock{
width: 51px;
height: 25px;
overflow: hidden;
}

.checkoutContent .pcbtn{
position: relative;
top: 0;
left: 0;
}

ul.passengerPriceList li{
width: 100%;
color: #CECECE;
padding: 0.32em 0.6em 0;
}

ul.passengerPriceList li.zebra{
background: #3F3F3F
}

ul.passengerPriceList li.title{
border-bottom: solid 0.2em #3F3F3F;
margin-bottom: 0.4em;
}

ul.passengerPriceList li div{
display: inline-block;
overflow: hidden;
}

ul.passengerPriceList li div.nameBlock{
width: 27%;
}

ul.passengerPriceList li div.totalBlock{
width: 16%;
}

ul.passengerPriceList li div.categoryBlock{
width: 17%;
}

ul.passengerPriceList li div.promoBlock{
width: 30%;
}

ul.passengerPriceList li div.removeBlock{
width: 8%;
}

ul.passengerPriceList li div.removeBlock a{
font-size: 0.8em;
display: block;
padding: 0.1em 0.5em 0.2em;
background: #232323;
border-radius: 0.4em;
text-decoration: underline;
color: #CECECE;
text-align: center;
margin: 5px;
}

ul.passengerPriceList li div.removeBlock p.testCode{
font-size: 0.6em;
display: block;
padding: 0.1em 0.5em 0.2em;
background: #ed970f;
border-radius: 0.4em;
text-decoration: none;
color: #000000;
text-align: center;
font-weight: normal;
margin: 0;
}

ul.passengerPriceList li div.removeBlock a:hover{
background: #009bc7;
color: #ffffff;
}

div.grandTotal{
display: block;
width: 100%;
margin: 1.4em 0 0 0;
height: auto;
}

div.ctotalText{
display: inline-block;
width: auto;
text-align: right;
padding: 0.7em 1.2em 0.9em 1.2em;
background: #272727;
float: right;
border-radius: 0.5em;
font-size: 1.1em;
}


p.paymentHelper{
font-size: 0.86em;
}

.checkoutContent .formInputQuarter {
float: left;
width: 25%;
height: auto;
}

.checkoutContent .formInput37 {
float: left;
width: 37%;
height: auto;
}

.checkoutContent .formInput23 {
float: left;
width: 23%;
height: auto;
}

.checkoutContent div.creditCard{
position: relative;
}

.checkoutContent .formInputCVV{
float: left;
width: 17%;
height: auto;
}

.checkoutContent input[type=text].titleInput{
margin-top: 10px;
}

.checkoutContent #processPayment{
margin-top: 24px;
}


.checkoutContent input[type=text].titleInput.inputLDD{
height: 3em;
padding-left: 22%;
}

.checkoutContent div.creditCard input[type=text]{
height: 3em;
padding-left: 5%;
}

.checkoutContent div.creditCard .customSelect {
height: 3.3em;
}

.checkoutContent div.creditCard .customSelectInner {
background: url(../img/selectBtn.png) no-repeat center right;
height: 3.3em;
padding: 1em 15%;
}

.checkoutContent #ccPaymentProcessing .formInput h3, .checkoutContent #ccPaymentProcessing .formInputCVV h3, .checkoutContent #ccPaymentProcessing .formInput23 h3{
color: #CECECE;
font-size: 1.2em;
}

div#bookForm select.ccdd{
top: 256px!important;
}

.checkoutContent input[type=text].bpfield:focus{
background: #ffffff;
color: #272727;
}

.checkoutContent div.creditCard input[type=text]{
width: 100%;
}

input#processPayment{
width: 100%;
float: left;
}

div#processing-reply{
float: left;
font-size: 1.2em;
width: 100%;
border-radius:3px;
}

div#processing-reply.error{
background: #ffaeae;
}

div#processing-reply p{
padding: 0 1em;
color: #ffffff;
font-size: 1.1em;
}

div#processing-reply.error p{
color: #000000;
}

.toggleClosed{
display: none;	
}

h3.paymentSelector{
display: block;
cursor:pointer;
background: #272727;
padding: 0.1em 0.5em;
}

h3.paymentSelector:hover{
color: #ed970f;
}

#bookForm #debitForm{
visibility: hidden;
height: 0;
}

/* ================================================= */

/* HACK */
select.uselectItem{
width: 90%;
display: block;
margin-bottom: 1em;
}

/* RECEIPT */


div.textBlock{
margin-bottom: 2em;
}

.basicDetails{
width: 100%;
overflow: auto;
width: 100%

}

.basicDetails:after{
clear: both;
}

.basicTitles{
float: left;
width: 20%;
line-height: 1.6em;
}

.basicValues{
float: left;
width: 79%;
line-height: 1.6em;
}


.basicDetails, .basicDetails p{
color: #ffffff;
font-size: 1em;
font-weight: normal;
}

.basicDetails p.rtitle{
font-size: 1.1em;
font-weight: 500;
}

.basicDetails ol, .basicDetails ul{
margin-left: 1em;
}

.basicDetails ol li{
list-style-type: decimal;
}

.basicDetails ul li{
list-style-type: disc;
}

.basicDetails li{
margin-left: 0.6em;
font-size: 0.9em;
line-height: 1.1em;
color: #dddddd;
margin-bottom: 0.4em;
}

div.grayBlock{
background: rgba(100,100,100,0.2);
padding: 1em;
margin-bottom: 1em;
}

.ticketTitles{
width: 9em;
float: left;
padding: 0.3em 0 0.4em 0.6em;
}

.ticketDays{
width: 4em;
float: left;
margin-right: 1em;
background: rgba(100,100,100,0.2);
padding: 0.3em 0 0.4em 0.6em;
}

span.subnote{
font-style:italic;
color: #bbbbbb;
font-size: 0.9em;
}

a.social.fb{
width: 37px;
height: 35px;
display: inline-block;
background: url(/assets/social.png) -75px 0;
position: relative;
top: 11px;
margin-left: 0.5em;
}

div.blackBlock {
background: rgba(100,100,100,1);
padding: 1em 1em 2.5em;
margin-bottom: 1em;
}

img.print-logo{
	visibility: hidden;
	display: none;
}

table.ttop td{
vertical-align:top !important;
border-bottom: none;
}

/* RECEIPT */

@media print {

	body{
	background: #ffffff !important;
	}
		
	table {
	color:#000 !important;
	}

	.woocommerce-store-notice {
	display: none !important;
	}

	.top_bar {
	display: none !important;
}

	header, div.titleBar, div.basket, input[type=button], div.debugdiv, footer, body.page-id-2 ul.navMenu, body.page-id-2 ul.navMenu li a, div.footerMenu ul li a{
	visibility: hidden !important;
	display: none !important;
	}
	
	div.checkoutContainer{
	background: #ffffff !important; 
	}
	
	.checkoutContent p, .basicDetails, .basicDetails p, div.htmlReceipt, div.checkoutContent{
	color: #000000 !important;
	}
	
	div.padding20{
	padding: 5px 20px !important;
	}
	
	header.row.header, a.hardLogout, div.socialShareEOB{
	visibility: hidden !important;
	display: none !important;		
	}
	
	img.print-logo{
		margin-bottom: 40px !important;
		visibility: visible;
		display:inline-block;
	}
	
	.checkoutContent p{
		font-size: 1em !important;
		font-weight: 400 !important;
	}
	
	.checkoutContent .form {
		float: left;
		width: 96%;
		height: auto;
		margin: 0.75em 2%;
	}
	
	h4, h3, strong {
		font-weight: 400 !important;
	}

}/* PRINT */

@media only screen and (max-width: 900px) {


	.checkoutContent div.returningCustomer, .checkoutContent div.register{
		
		display: block;
		float: none;
		width: 100%;
		
	}

	.boxActive {	
	
		overflow: scroll;

	}

	#stepPosition{
		visibility: hidden;
		display: none;
	}

	.stepText {
	width: 90%;
	padding: 22px 0 22px 10px;
	font-size: 1.4em;
	}
	
	.stepsBar {
	height: 20px;
	width: 100%;	
	}
	
	.checkoutContent .form .formInput, .checkoutContent .fullform .formInput {
	float: none;
	width: 99%;
	height: auto;
	}
	
	
	 .checkoutContent .form {
	float: none;
	width: 99%;
	height: auto;
	}
	
	.checkoutContent .nextBox {
	clear: both;
	width: 99%;
	float: left;
	height: auto;
	}

	.checkoutContent .basket {
	position: relative;
	float: right;
	width: 99%;
	}
	
	
	html body footer .newsletter {
	float: none;
	width: 99%;
	}
	
	body .cmsignupbox {
		width: 92%;
	}
	
	body footer .newsletter .newsletterInput input[type=submit] {
		float: none;
		display: block;
		width: 92%;
	}
	
	body footer .newsletter p {
	color: #a9a9a9;
	font-weight: 200;
	font-size: 0.8em;
	margin-top: 1em;
	}
	
	body footer .footerMenu {
	float: left;
	width: 92%;
	margin-left: 5px;
	padding-left: 10px;
	border-left: none;
	}

	html body #darkBox div.darkPop {
		width: 98%;
		top: 100px;
	}
	
	
	html body div#ui-datepicker-div {
	top: 0;
	}
	
	html body ul.passengerPriceList > li > div {
	width: 99% !important;
	}
	
	ul.passengerPriceList li div {
	display: block;
	overflow: hidden;
	}

	.checkoutContent h3, .publicForm h3 {
	
		font-size: 0.9em;
	}

	.checkoutContent .formInputCVV, .checkoutContent .formInput37 {
		float: left;
		width: 98%;
		height: auto;
		display: block;
		}

	.checkoutContent .formInput23 {
		float: left;
		width: 48%;
		height: auto;
		display: block;
		}
		
		
	body .basicDetails, .basicDetails p {
	font-size: 0.8em;
	}	
	
	.basicTitles {
		float: left;
		width: 30%;
		line-height: 1.8em;
		}
		
		.basicValues {
		float: left;
		width: 69%;
		line-height: 1.8em;
		}
	
}/*media query*/

@media (max-width: 455px) {
	.form .hotel span > label .hotelInfo {
			width: auto;
			padding-left: 40px;
	}
}

.fullform.fullformfix {
	padding: 20px;
	overflow: scroll;
}

@media only screen and (max-width: 500px)
.checkoutContent .formInput23 {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

#ccPaymentProcessing.ppbox.toggleClosed {
	overflow: inherit;
}

.lift-ticket-opt-out {
	float: left;
	margin-right: 20px;
}

.fullwidth {
	width: 100% !important;
}

#mainBookBox .blur {
	 -webkit-filter: blur(5px);
}

//#page_content_wrapper p {
	//padding: 10px !important;
//}

label[for=saveRider] {
   display: none;
}

.ppbox.toggleClosed {
	clear: both;
}

@media (max-width: 382px) {
		#departureCal.datePicker.hasDatepicker {
			letter-spacing: -1px;
	}
}

@media (max-width: 382px) {
		#returnCal.datePicker {
			letter-spacing: -1px;
	}
}

input.cursorwait {
	cursor: wait !important;
}