/* BOOK ONLINE PAGE TYPOGRAPHY */

main h1 {
	font-family: "UnitRoundedPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 60px;
	line-height: 1.0;
	font-weight: normal;
}

main h2 {
	font-family: "UnitRoundedPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 48px;
	line-height: 1.0;
	font-weight: normal;
}

main h3 {
	font-family: "UnitRoundedPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 1.0;
	font-weight: normal;
}

main h4 {
	font-family: "UnitRoundedPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 1.0;
	font-weight: normal;
}

main h5 {
	font-family: "UnitRoundedPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.0;
	font-weight: normal;
}

main h6 {
	font-family: "UnitRoundedPro-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.0;
	font-weight: normal;
}

main label {
	font-size: 15px;
	line-height: 1.0;
}

main input,
main select,
main option {
	font-size: 20px;
	line-height: 1.0;
}


main h1,
main h2 {
	color: #00559F;
	text-shadow: none;
	text-align: left;
}

main h3,
main h4,
main h5,
main h6 {
	color: #B4B4B4;
	text-shadow: none;
	text-align: left;
}


main h1,
main h2 {
	margin-top: 0;
	margin-bottom: 20px;	
}

main h3,
main h4,
main h5,
main h6 {
	margin-top: 0;
	margin-bottom: 0px;	
}




/* BOOK ONLINE PAGE */

#page-book_online {
	
}


#page-book_online img {
	max-width: 100%;
}

#page-book_online main {
	min-height: 900px;
}



/* BOOK ONLINE FORM */

.wrapper-booking_form-entry {
    margin: 0px 0 0 0;
}

.wrapper-booking_form-entry ul {
    margin: 0;
	padding: 0;
	list-style: none;
}

.wrapper-booking_form-entry li {
    width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
}

.wrapper-booking_form-entry li.divider {
	margin-bottom: 40px;
}

.wrapper-booking_form-entry h3 {
	margin-top: 0px;
    margin-bottom: 0px;
}

.wrapper-booking_form-entry p {
	margin-top: 0px;
    margin-bottom: 0px;
}

.wrapper-booking_form-entry label {
    float: left;
    margin: 0px 0 8px 0;
}

.input-wrapper {
    padding-right: 10px;
/*    padding-right: 14px;*/
}

.wrapper-booking_form-entry input, 
.wrapper-booking_form-entry select {
    color: #000000;
}


.wrapper-booking_form-entry textarea {
    width:100%;
    height:80px;
}

.wrapper-booking_form-entry .select-wrapper.first {
    clear:both;
}

.wrapper-booking_form-entry input[type="text"], 
.wrapper-booking_form-entry input[type="date"], 
.wrapper-booking_form-entry input[type="password"], 
.wrapper-booking_form-entry select {
    width:100%;
    display:block;
	margin: 0 0 0 0;
}

.wrapper-booking_form-entry input[type="radio"], 
.wrapper-booking_form-entry input[type="checkbox"] {
    margin-top:0;
    margin-right:10px;
}


.wrapper-booking_form-entry input[type="text"],
.wrapper-booking_form-entry input[type="radio"],
.wrapper-booking_form-entry input[type="checkbox"],
.wrapper-booking_form-entry input[type="password"] {
	clear: both;
	float: left;
	padding: 6px 6px 6px 6px;
	border: 1px solid #B4B4B4;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wrapper-booking_form-entry input[type="submit"],
#page-book_online input[type="submit"] {
	padding: 10px 20px;
	font-size: 24px;
	line-height: 1.0;
	/* ROUND CORNERS */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


.wrapper-booking_form-entry textarea {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 6px 6px 6px 6px;
	border: 1px solid #B4B4B4;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wrapper-booking_form-entry select,
.jcf-select {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	border: 1px solid #B4B4B4;
	height: auto;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.jcf-select .jcf-select-text {
	font-size: 20px;
	line-height: 1.0;
	/*margin: 0 35px 0 8px;*/
	margin: 0 30px 0 0px !important;
	padding: 3px 0px;
}

.wrapper-booking_form-entry li span.text_colour-red {
    float: left;
    padding: 0px;
    margin-left:4px;
	font-size: 12px;
}


.wrapper-booking_form-entry input.click_button {
    color: #FFFFFF;
}

.wrapper-booking_form-entry label.singleline {
    clear: none;
    float: left;
    line-height: 1.0;
    margin: 0px 0px 0px 0px;
    width: auto;
}

.wrapper-booking_form-entry input.singleline {
    margin: 0px 8px 0px 0;
}

.wrapper-booking_form-entry li span label {
    font-size: 14px;
    text-align: left;
    margin: 0px 0 0px 0;
}

.wrapper-booking_form-entry li.leftFull {
    clear: left !important;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.wrapper-booking_form-entry li.leftHalf {
    clear: left !important;
    float: left;
    width: 47%;
    margin: 0 6% 15px 0;
}

.wrapper-booking_form-entry li.rightHalf {
    clear: none !important;
    float: right;
    width: 47%;
    margin: 0 0 15px 0;
}

.wrapper-booking_form-entry li.leftHalfDate {
    clear: left !important;
    float: left;
    width: 42%;
    margin: 0 6% 15px 0;
}

.wrapper-booking_form-entry li.rightHalfDate {
    clear: none !important;
    float: left;
    width: 42%;
    margin: 0 0 15px 0;
}

.wrapper-booking_form-entry li.deleteDate {
    clear: none !important;
    float: left;
    width: 10%;
    margin: 0 0 15px 0;
}

.add_season_date {
 	line-height: 1.0;
    cursor:pointer;
    margin-bottom:30px;
}

.wrapper-booking_form-entry li.deleteDate div {
    margin:25px 0 0 10px;
    cursor:pointer;
}
.wrapper-booking_form-entry li.deleteDate div:hover {
    text-decoration:underline;
}
    
.wrapper-booking_form-entry li.oneOfFour {
    clear: left !important;
    float: left;
    width: 22%;
    margin: 0 3% 15px 0;
}

.wrapper-booking_form-entry li.nthOfFour {
    clear: none !important;
    float: left;
    width: 22%;
    margin: 0 3% 15px 0;
}

.wrapper-booking_form-entry li.nthOfFour:last-child {
    clear: none !important;
    float: left;
    width: 25%;
    margin: 0 0 15px 0;
}

.wrapper-booking_form-entry li.oneOfFive {
    clear: left !important;
    float: left;
    width: 18%;
    margin: 0 2% 15px 0;
}
.wrapper-booking_form-entry li.nthOfFive {
    clear: none !important;
    float: left;
    width: 18%;
    margin: 0 2% 15px 0;
}
.wrapper-booking_form-entry li.nthOfFive:last-child {
    clear: none !important;
    float: left;
    width: 20%;
    margin: 0 0 15px 0;
}

.wrapper-booking_form-entry li.rightHalf {
    clear: none !important;
    float: right;
    width: 47%;
    margin: 0 0 15px 0;
}

.wrapper-booking_form-entry li.leftTwoThird {
    clear: left !important;
    float: left;
    width: 64%;
    margin: 0 5% 15px 0;
}

.wrapper-booking_form-entry li.rightThird {
    clear: none !important;
    float: right;
    width: 30%;
    margin: 0 0 15px 0;
}

.split_box {
    clear: none !important;
    float: left;
    width: 50%;
    margin: 0 0 0 0;
}
.split_box:first-child {
    width: 49%;
    margin-right:1%;
}

.full_box {
    clear: none !important;
    width: 100%;
    margin: 10px 0 0 0;
}


li.time .select-wrapper {
    display:inline;
    float:left;
}
li.time .select-wrapper.first {
    margin-right: 10px;
}

#discount_code-wrapper {
    display:none;
}

.departure-label {
	clear: both;
	float: left;
	margin-top: 8px !important;
}

.departure-place {
	clear: both;
	float: left;
	margin: 8px 0 0px 0;
}



/* BOOKING FORM - PAYMENT METHOD */

.payment_method-selector {
	margin: 0 0 10px 0;
}

.payment_method-selector label,
.payment_method-selector input[type="text"], 
.payment_method-selector input[type="radio"], 
.payment_method-selector input[type="checkbox"] {
	float: inherit;	
}

.payment_method-selector label {
	width: 100%;
	margin: 0;
}

.payment_method-option {
	clear: both;
	float: left;
	width: 96%;
	padding: 15px 15px 15px 15px;
	background-color: #FFFFFF;
	border: 1px solid #ebebeb;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.payment_method-option:active, 
.payment_method-option:hover,
.payment_method-option.option-selected {
	cursor: pointer;
	background-color: #ebebeb;
	-webkit-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.payment_method-option li {
	padding: 0;
	margin: 0;	
}

.payment_method-choice {
	width: 60%;
	float: left;
	display: inline-block;
	padding-top: 5px;
}

.option-label {
    float: left;
    font-size: 15px;
    margin: 0px 0 5px 0;
}

.payment_method-credit_card {
	width: 35%;
	float: right;
	display: inline-block;
}

.payment_method-paypal {
	width: 35%;
	float: right;
	display: inline-block;
}




/* BOOKING FORM - TOTAL */

.wrapper-feature_box {
	padding: 20px 20px 2px 20px;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box-colour-blue {
	background-color: #00559F;
	color: #FFFFFF;
}

.wrapper-booking_form-total {
	margin-bottom: 20px;
}

.wrapper-booking_form-total ul {
    margin: 0;
	padding: 0;
	list-style: none;
}

.wrapper-booking_form-total li {
    list-style: none;
    margin: 0 0 24px 0;
    clear: both;
}

.wrapper-booking_form-total li.last {
    margin: 0 0 0 0;
}

.wrapper-booking_form-total li span {
    margin: 0 0 0 0;
}

.wrapper-booking_form-total li.total-heading span {
    float: none;
    margin: 0;
}

.wrapper-booking_form-total label {
    color: #FFFFFF;
}

.wrapper-booking_form-total li#note {
	margin-bottom: 20px;
}

.wrapper-booking_form-total h3 {
	margin-top: 0 !important;
}

.wrapper-booking_form-total p {
	float: none;
	clear: both;
	font-size: 18px;
    margin: 0;
}

.wrapper-booking_form-total input {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 8px 8px 8px 8px;
/*	padding: 6px 6px 6px 6px;*/
	border: 0px solid #FFFFFF;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wrapper-booking_form-total input.click_button {
    clear: none;
    float: none;
    margin: 0px 0 20px 0;
    border: 0;
	padding: 10px 20px;
	font-size: 24px;
	line-height: 1.0;
	/* ROUND CORNERS */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.wrapper-booking_form-total #arrival_time_minute, 
.wrapper-booking_form-total #arrival_time_hour, 
.wrapper-booking_form-total #departure_time_minute, 
.wrapper-booking_form-total #departure_time_hour {
    width:50px;
    float:left;
}
.wrapper-booking_form-total #arrival_date, .wrapper-booking_form-total #departure_date  {
    width:50%;
}

.wrapper-booking_form-total #arrival_time_hour,  
.wrapper-booking_form-total #departure_time_hour {
    clear:both;
    margin-right:6px;
}

.wrapper-booking_form-total select {
	float: left;
	margin: 0 0 0 0;
	padding: 6px 6px 6px 6px;
	border: 0px solid #FFFFFF;
	/* ROUND CORNERS */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}






.wrapper-booking_form-total h3, .wrapper-booking_form-total p, .wrapper-booking_form-total li, .wrapper-booking_form-total th, .wrapper-booking_form-total td {
    color: #FFFFFF;
}

.wrapper-booking_form-total li.total-heading {
    border-bottom: 1px solid #FFFFFF;
    padding: 0 0 12px 0;
    margin: 0 0 12px 0;
}


.wrapper-booking_form-total .price-total, .wrapper-booking_form-total .price-item {
    float: right !important;
}

/* fixed summary box */
.summary_fixed {
    position:fixed;
    top: 20px;
}

.wrapper-book_information {
	margin-bottom: 40px;
}



/* BOOKING FORM - TERMS AND CONDITIONS */

.wrapper-terms_and_conditions-top {
	padding: 15px 15px 15px 15px;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	margin: 0px !important;
}

.wrapper-terms_and_conditions-bottom {
	padding: 5px 15px 10px 15px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 0px solid #000000;
}

.booking_form li.wrapper-terms_and_conditions-top,
.booking_form li.wrapper-terms_and_conditions-bottom {
	width: 100% !important;
}



/* EMAIL SIGNUP */

.wrapper-booking_form-entry label.email_signup-label {
	margin-top: 10px;
	margin-bottom: 0;
}

.email_signup-copy {
	margin-bottom: 0px;
}



/* BOOKING INFORMATION BOX */

.wrapper-book_information {
	
}

.feature_box-book_information {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
}

.feature_box-book_information h3,
.feature_box-book_information li {
	color: #000000;
}

.feature_box-book_information ul {
	padding-left: 20px;
}

.feature_box-book_information li {
	font-size: 80%;
}

.feature_box-book_information ul,
.feature_box-book_information li.last {
	/*margin-bottom: 0px;*/
}

.feature_box-book_information h3,
.feature_box-book_information li {
	margin-bottom: 18px;
}

.banner-mvsh-park_and_stay {
	margin-bottom: 20px;
}







@media screen and (max-width: 767px) {
   .summary_fixed {
        position:inherit;
        top:inherit;
        width:100% !important;
    }
    #booking_form-wrapper {
        margin-bottom:0;
        padding-bottom:0;
    }
    .wrapper-booking_form-entry li.complete_booking-title {
        padding-bottom:0;
        margin-bottom:0;
    }
    #main_submit {
        display:none;
    } 
    td.mobile-hide {
        display:none;
    }
    input[type="submit"] {
        width:100%;
    }
}

/* date picker */
#ui-datepicker-div {
    font-size:12px;
}
.ui-datepicker td a {
    text-align:center;
}

/* admin area */
#wrapper #top_bar-wrapper {
    padding:10px;
}
#logo-wrapper {
    width:300px;
    float:left;
}
#logout-wrapper {
    width:100px;
    float:right;
    text-align:right;
    padding-top:10px;
}

/* table */
table {
    width:100%;
}
table thead td {
    background-color:#00559F;
    padding:10px;
    /*font-weight:bold;*/
}
table thead td.hidden {
    background-color:transparent;
}
table tbody td {
    padding:10px;
    border-bottom:1px dotted #cccccc;
}
table tbody td.hidden {
    padding:10px;
    border-bottom:0 none #fff;
    background-color:#eaeaea;
}

.error {
    color:red;
    font-size:12px;
    clear:both;
    padding-top:4px;
}
.pagination {
    float:right;
    text-align:right;
    display:inline-block;
}
.page_info-wrapper {
    float:left;
    display:inline-block;
    padding-left:10px;
}
.add-wrapper {
    clear:both;
    float:right;
}

.reset-search {
    margin-left:10px;
    margin-top:10px;
    display:inline-block;
}

.add_season_date {
    display:inline-block;
}

/* #calendar */
#calendar {
    margin-top:15px;
    height:100%;
}
#calender table {
    margin-bottom:0;
}
#calendar.fc th {
    padding-top:10px;
    border:0 solid #fff;
}

#calendar th {
    font-size: 16px;
}

#calendar td {
    font-size: 14px;
}

.fc-day-number {
	color: #00559F;
}

#calendar .fc-widget-header {
    border-right-width:0px !important;
}
#calendar .fc-day-grid-container {
    height:384px !important;
}
#calendar h2 {
    font-family:"Interstate-Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
/*	font-size:18px;*/
    margin-top:5px;
/*    color: #FF8214;*/
}
#calendar .fc-content {
    text-align:center;
}

#calendar .fc-state-default {
    background-color:#FF8214;
/*    padding: 8px 11px;*/
    background-repeat:no-repeat;
    white-space:normal;
    position:relative;
    font-size:18px;
    color:#fff;
    text-shadow:1px 1px 0px #D25028;
    border: solid 1px #D25028;
    background-image: linear-gradient(bottom, rgb(230,90,0) 0%, rgb(255,130,20) 100%);
    background-image: -o-linear-gradient(bottom, rgb(230,90,0) 0%, rgb(255,130,20) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(230,90,0) 0%, rgb(255,130,20) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,90,0) 0%, rgb(255,130,20) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(230,90,0) 0%, rgb(255,130,20) 100%);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(230,90,0)),
    color-stop(1, rgb(255,130,20))
    );
    -webkit-box-shadow: inset 0px 1px 0px #FFA050, 0px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px #FFA050, 0px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px #FFA050, 0px 0px 0px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#calendar .fc-state-default:active {
	padding-bottom:7px;
	padding-left:11px;
	padding-right:11px;
	padding-top:9px;
	top:1px;
	background-image: linear-gradient(bottom, rgb(255,130,20) 0%, rgb(230,90,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,130,20) 0%, rgb(230,90,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,130,20) 0%, rgb(230,90,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,130,20) 0%, rgb(230,90,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,130,20) 0%, rgb(230,90,0) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,130,20)),
	color-stop(1, rgb(230,90,0))
	);
}

.vehicle_2-row, .vehicle_3-row {
    display:none;
}

/* card styles */
form #card_number {
  display: block;
  font-size: 15px;
  height: 34px;
  padding: 0 5px;
  margin: 5px 0;
}
form .booking_form input#card_number:-moz-placeholder {
  color: #0064A0;
  opacity: 1;
}
form .booking_form input#card_number:-ms-input-placeholder {
  color: #0064A0;
}
/*form #card_number:focus {
  border: 2px solid #0079ff;
}*/
form .booking_form input#card_number::-webkit-input-placeholder {
  color: #0064A0;
}
form .booking_form input#card_number::-moz-placeholder {
  color: #0064A0;
  opacity: 1;
}

/* payment form styles */
form #card_number {
  background-image: url(../images/icons/cc-images.png), url(../images/icons/cc-images.png);
  background-position: 2px -121px, 260px -61px;
  background-size: 120px 361px, 120px 361px;
  background-repeat: no-repeat;
  padding-left: 54px;
  width: 290px;
}
form #card_number.visa {
  background-position: 2px -163px, 260px -61px;
}
form #card_number.visa_electron {
  background-position: 2px -205px, 260px -61px;
}
form #card_number.mastercard {
  background-position: 2px -247px, 260px -61px;
}
form #card_number.maestro {
  background-position: 2px -289px, 260px -61px;
}
form #card_number.discover {
  background-position: 2px -331px, 260px -61px;
}
form #card_number.valid.visa {
  background-position: 2px -163px, 260px -87px;
}
form #card_number.valid.visa_electron {
  background-position: 2px -205px, 260px -87px;
}
form #card_number.valid.mastercard {
  background-position: 2px -247px, 260px -87px;
}
form #card_number.valid.maestro {
  background-position: 2px -289px, 260px -87px;
}
form #card_number.valid.discover {
  background-position: 2px -331px, 260px -87px;
}

.cards {
  border-radius: 2px;
  margin: 10px auto 0;
  padding: 13px 20px;
  width: 290px;
  color: #777;
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-family: sans-serif;
}
.cards p {
  line-height: 1.5;
}
.cards a {
  color: #2e85e2;
  text-decoration: underline;
}

.help {
  font-size: 10px;
  color: #777;
  font-family: sans-serif;
  text-align: center;
}
.help a {
  color: #fff;
}

.card-types {
  border-radius: 2px;
  margin: 0 auto 0;
  padding: 13px 20px;
  width: 500px;
  color: #777;
}