@charset "utf-8";
/* CSS Document */



#modal-header{
	width:100%;	
	height:40px;
	background-color:#003868;
	color:#fff;
}
	#modal-header h3{
  	font-family:'Open Sans', sans-serif, Helvetica, Arial;
		font-weight:bold;
		font-size: 15px;	
		text-align:center;
		padding-top: 12px;	}

.reveal-modal h2{
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color:	#2487bf;
	padding:20px 0 0 10px;
}
.reveal-modal h4{
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 18px;
  padding: 20px 0 0 10px;
  font-weight: bold;	
}
.reveal-modal p{
font-size: 17px;
padding: 10px 0 0 10px;	
}

.reveal-modal h3 {
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	font-size: 20px;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reveal-modal ul {
	padding-left: 10px;
}

.reveal-modal ul li {
	margin-bottom: 5px;
}

.reveal-modal #submit-btn{
		background-color: #78AB25;
		width: 120px;
		height: 25px;
		display: block;
		text-align: center;
		line-height: 24px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;	
		float:left;
		margin-top:15px;
	}
.reveal-modal #submit-btn a{
		text-decoration: none;
		color: #FFF;
		font-weight: 600;
	}

/* ------- CSS RESEST ------- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, hgroup,
	output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	hgroup,  section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
  	list-style: disc;
    padding-left: 25px;
	}
  
  li {
  	padding: 0 0 12px 6px;
  }
  
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
  
/* END CSS RESEST */
 
/* --------- FONTS --------- */

strong, b {
	font-weight: bold;
}

i, em {
	font-style: italic;
}
 
/* ------- GLOBAL ------- */
 
 body {
 background-color:#ffffff;
 font-family:'Open Sans', sans-serif, Helvetica, Arial;
 font-style: normal;
 font-weight: normal;
 color:#000000; 
	}
  
 h2{
 	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
 }
 
#content a:hover,#content a:link,#content a:visited,#content a:active {
 	color: #000000;
  text-decoration: underline;
 }
 
 p{
	 padding-bottom:10px;
   font-size: 12px;
	 line-height: 125%;
	 margin-bottom: 0px;
   font-weight:normal;
 }
 
 .blue{
	 background-color: #003868;
	 color: #fff;
 }
 
 .green{
	color:#78ab25; 
	font-weight:600;
 }
 .left{
	float:left; 
 }
 .right{
	float:right;
	padding-right:10px; 
 }
 .clear{
	clear:both; 
 }
 .bold{
	font-weight:bold !important; 
 }

 
 img {max-width: 100%; height: auto; border:0;}
 /* ------ CONTENT WRAPPER ------ */
 
 p.error {
   font-size: 1.2em;
   font-weight: bold;
   color: #990000;
 }
 
label, td.label {
  font-weight: bold;
}
 
 .content-wrapper {
 background-color: #ffffff;
 margin: 0 auto;
 height: auto;
 padding: 0 1em 0 1em;
}
#content {
  background-color: #ffffff;
  height: auto;
  margin: 0 auto;
  padding: 20px 10px 30px 10px;
  clear:both;
  width: 1200px;
  max-width:100%;
  box-sizing:border-box;
  font-size: 12px;
}
 
 
 #contentForm #submit-btn {
  font-size: 12px;
  background: #3498db;
  color: #ffffff;
	width: 210px;
	display: inline-block;
	text-align: center;
  vertical-align:middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
  border: 5px;
	margin-top:15px;
  margin-left:2px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
  cursor: pointer;
}

#contentForm #submit-btn:hover {
	color: #ffffff;
  background: #003868;
}
 
 
.ui-datepicker-trigger {
	display: inline-block;
	margin-top: 2px;
	position: absolute;
	margin-left: 6px;
}

/* Reservation Review Pricing / Add Options */

.options-table{
	padding-top:20px;
	background-color:#cccccc;
}
	.options-table tr{
	}
	.options-table td{
		border:0px solid #fff;
		padding:5px;
		font-size: 12px;
    font-family:'Open Sans', sans-serif, Helvetica, Arial;
	}
	.options-table .table-top{
		background-color:#00698C;
		color:#FFFFFF;
		font-size:16px;
	}
  
	.options-table .table-body{
		background-color:#3498D8;
		color:#FFFFFF;
		font-size:16px;
	}
  
	.options-table #submit-btn{
		background-color: #78AB25;
		width: 80px;
		height: 25px;
		display: block;
		text-align: center;
		line-height: 24px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;	
		float:right;
		margin-top:15px;
	}
	.options-table #submit-btn a{
		text-decoration: none;
		color: #FFF;
		font-weight: 600;
	}

/* End Reservation Review Pricing / Add Options */
	
#complete-reservation{
	
}
	#complete-reservation h2{
  	font-family:'Open Sans', sans-serif, Helvetica, Arial;
		padding-top:2px;
    padding-bottom:5px;
	}

#reservation {
	margin-top: 10px;
}

#reservation #submit-btn {
  font-size: 12px;
  background: #3498db;
  color: #ffffff;
	width: 210px;
	display: inline-block;
	text-align: center;
  vertical-align:middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
  border: 5px;
	margin-top:15px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
  cursor: pointer;
}

#reservation #submit-btn:hover {
	color: #ffffff;
  background: #003868;
}

#reservation-info{
	width:100%;
	clear:both;
}
#reservation-info h3{
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color:#000000;
	font-size:16px;
	font-weight: bold;
	padding-bottom: 10px;
}
#reservation-info img{
	padding-right:5px;	
	margin-bottom:-10px;
	margin-top:-5px;
}

	#reservation-info input{
		width:80%;
		padding: 5px;
		margin-bottom: 10px;
		font-family:'Open Sans', sans-serif, Helvetica, Arial;

	}
	#reservation-info input[type="radio"] {
		width:3%;
	}
	#reservation-info label{
		font-weight: bold;
		padding: 5px 0 5px 0;
	}
	#reservation-info input[type="text"] {
		display: block;
	}	
  
	#reservation-info select {
		display: block;
    margin-bottom: 10px;
    height:32px;
	}	

	#reservation-info label.error {
		/*display: block; */
		float: left;
		color: #cc0000;
		margin-bottom: 10px;
	}
	#reservation-info .full{
		width: 85%;	
		float: left;
	}	
	#reservation-info .half{
		float: left;
		width: 	45%;
		margin-right:4%;
	}
	#reservation-info .third{
		float:left;
		width: 25%;	
		margin-right:2%
	}	

#term-info{
	width:100%;
	clear:both;
}
#general-info{
	float:left;
	width:50%;
}
#credit-card-info{
	float:left;
	width:50%;
}

#passengers {
	height: auto;
	display:none;
 }

#terms {
	background-color: #DDDDDD;
  width: 1200px;
  max-width:100%;
  height: auto;
  display: none;
  margin-top:6px;
  padding:0 8px 0 8px;
  box-sizing:border-box; 
}

#terms p {
	color: #000000;
 	font-size: 14px;
}

#terms h2 {
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color: #000000;
 	font-size: 16px;
}

#terms	ol, ul {
		list-style-type: disc;
    padding-left:25px;
	}
  
#terms	li {
  padding: 0 0 12px 6px;
	color: #000000;
 	font-size: 14px;
	}
  
  

button.showpolicy {
		display:inline-block;
		font-size: 12px;
    width: 120px;
    padding: 4px 0 4px 0;
    background: #3498db;
    color: #ffffff;
    -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
		border-radius: 5px;
    border:5px;
    cursor: pointer;
}

button.showpolicy:hover {
		color: #ffffff;
    background: #003868;
}

button.hidepolicy {
		display:inline-block;
		font-size: 12px;
    width: 120px;
    padding: 4px 0 4px 0;
    background: #3498db;
    color: #ffffff;
    -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
		border-radius: 5px;
    border:5px;
  	cursor: pointer;
}

button.hidepolicy:hover {
		color: #ffffff;
    background: #003868;
}


/* ------ CHECKOUT PAGE ------ */

#checkout{
}

.checkout-table{
	padding-top:15px;
	background-color:#cccccc;
}
	.checkout-table tr{
	}
	.checkout-table td{
		border:2px solid #fff;
		padding:10px;
		font-size:13px;
	}
	.checkout-table .table-top{
		background-color:#2487bf;
		color:#fff;
		font-size:16px;
	}
	.checkout-table #submit-btn{
		background-color: #78AB25;
		width: 80px;
		height: 25px;
		display: block;
		text-align: center;
		line-height: 24px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;	
		float:right;
		margin-top:15px;
	}
	.checkout-table #submit-btn a{
		text-decoration: none;
		color: #FFF;
		font-weight: 600;
	}
#welcome{
	padding-top:20px;	
}
#welcome p{
	line-height:22px;	
}
  
  
.pinned table tr td {text-align: left; font-size: 12px;}
	img.right {width: 30px; height: auto; }
	

@media only screen and (max-width: 650px) {
	#general-info, #credit-card-info {float: none; width: 100%; padding: 0;}
	table.options-table tr td.blue {display: block; float: left; width: 164.5%; margin-bottom: 25px;}
	#reservation-info img.right {float: right; width: 30px; height: auto; display: inline-block; margin: 10px 0 0 0;}
	#reservation-info .full{		width: 95%;		}	
}


@media only screen and (max-width: 360px) {
	table.options-table tr td.blue {width: 169%; }
	#reservation-info img.right {float: right; width: 20px; height: auto; display: inline-block; margin: 5px 0 0 0; padding: 2px;}
}

@media only screen and (max-width: 320px) {
	table.options-table tr td.blue {width: 182.4%; }
}