@charset "utf-8";
.progressmsg {
	display: none;
}

body{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-image:url(../images/clouds.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-color:#4d4d4d;
	padding:0px;
	margin:0px;
}
ul {
	margin-bottom:0px;
	padding-left:20px;
}
img {
	max-width:100%;
}
.loading {
	width:50px;
	margin:auto;
}
#maincontent{
	background-color:rgba(255,255,255,0.80);
	margin:auto;
}
#header {
	height:150px;
	background-image:url(../images/top_border.png);
	background-repeat:no-repeat;
	background-size:100%;
}
#menubar {
	background-color:#4D4F53;
	color:#FFFFFF;
	width:100%;
	position:relative;
	height:36px;
	display:flex;
	display: -webkit-flex;
}
#footbar {
	background-color:#4D4F53;
	width:100%;
	height:36px;
}
#mainbody {
	background-image:url(../images/DAT_icon.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	vertical-align:text-top;
}
#footer {
	background-image:url(../images/bottom_border.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:0px;
	margin-bottom:0px;
}
#bookingform {
	width:320px;
	max-width:100%;
	height:410px;
	margin:auto;
	padding:5px;
	background-color:rgba(242,103,34,0.50);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#bookingtitle {
	font-size:30px;
	width:320px;
	text-align:center;
}
#quotetitle {
	font-size:30px;
	width:320px;
	height:40px;
	text-align:center;
	margin:auto;
}
#quotetitle2 {
	font-size:20px;
	width:320px;
	height:40px;
	text-align:center;
	margin:auto;
}
.quoteitem {
	width:95%px;
	font-size:16px;
	padding-bottom:5px;
}
.quoteitem label {
	display:inline-block;
	width:110px;
	vertical-align:top;
}
.quoteitem input {
	font-size:16px;
}
.quoteunote{
	padding-left:110px;
	font-size:10px;
	padding-bottom:5px;
}
.timenote {
	color:rgba(255,0,4,1.00);
	font-size:10px;
	font-weight:bold;
}
.quoteitemlg {
	width:95%px;
	font-size:26px;
	padding-bottom:5px;
}
.quotenote {
	width:95%px;
	font-size:12px;
	padding-bottom:5px;
}
.datefield {
	width:98px;
}
.timefield {
	width:50px;
}
.bookingheading {
	font-size:18px;
}
.locdetails {
	width:250px;
	height:50px;
	font-size:16px;
}
.adddetails {
	width:250px;
	height:100px;
	font-size:16px;
}
.email {
	width:250px;
}
.numselect {
	width:50px;
}
#putype_div {
	height:50px;
}
#putype {
  height:40px;
  width:320px;
  font-size: 24px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#puspacer {
	height:50px;
}
#puports {
	height:50px;
}
#portpu {
  height:40px;
  width:320px;
  font-size: 24px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#pusubs {
	height:50px;
}
#subpu {
	height:40px;
	width:320px;
}
#dotype_div {
	height:50px;
}
#dotype {
  height:40px;
   width:320px;
 font-size: 24px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#dospacer {
	height:50px;
}
#doports {
	height:50px;
	display:none;
}
#portdo {
  height:40px;
  width:320px;
  font-size: 24px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#dosubs {
	height:50px;
}
#subdo {
	height:40px;
	width:320px;
}
#passdiv {
	height:50px;
}
#passno {
  height:40px;
  width:320px;
  font-size: 24px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#owdiv {
	height:50px;
}
#ow {
  height:40px;
  width:320px;
  font-size: 24px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align: top;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#sprice {
	height:50px;
	font-size:30px;
}
#bformlabel {
	height:50px;
	font-size:30px;
}
#gcbutton{
  height:40px;
  width:320px;
  font-size: 30px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align:middle;
  text-align:center;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#bookbutton{
  height:40px;
  width:320px;
  font-size: 30px;
  border: 0;
  margin: 0;
  padding: 4px;
  white-space: normal;
  vertical-align:middle;
  text-align:center;
  outline-style: none;
  resize: none;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
	background-color: #F26722
}
#faq {
	margin:5px;
	display:inline-block;
}
.ui-accordian {
	width:100%;
}
.menubutton{
	width:25%;
	text-align:center;
	padding-top:8px;
	position: relative;
	float:left;
}
.menubutton_active{
	width:25%;
	text-align:center;
	padding-top:8px;
	position: relative;
	background-color:#F26722;
	float:left;
}
.menulink{
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
	padding-top:8px;
	color:#FFFFFF;
	text-decoration:none;
}
.nodot {
	list-style:none;
}
.footlabel {
	color:#F26722;
	font-weight:bold;
}
.pcent {
	text-align:center;
}
.fullwidth {
	width:100%;
	display:inline-block;
}
.fullwidth p {
	padding:5px;
}
.uline {
	text-decoration:underline;
}
.inote {
	color:#F26722;
}
.paybutton {
	display: block;
	height:40px;
	width:400px;
	font-size: 30px;
	border: 0;
	margin: 10px;
	padding: 4px;
	white-space: normal;
	vertical-align:middle;
	text-align:center;
	outline-style: none;
	resize: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #F26722
}
.hbutton{
	width: 48%;
	margin: 5px 1%;
	height: 40px;
	font-size: 25px;
}
.pbutton{
	width: 98%;
	margin: 5px 1%;
	height: 40px;
	font-size: 25px;
}
.feetext{
	font-size: 16px;
}
.advert {
	width:320px;
	max-width:100%;
	margin:auto;
	padding:5px;
}
@media (max-width: 415px){
	body {
		margin:0px;
	}
	#maincontent {
		width:100%;
	}
	#header {
		width:100%;
		height:150px;
	}
	#logo {
		padding: 25px 0 0 5px;
	}
	#headtext {
		width:100%;
		font-size:14px;
	}
	#pnum {
		float:left;
	}
	#tagline {
		float:right;
	}
	#mainbody {
		padding: 10px;
	}
	#footer {
		font-size:14px;
		height:370px;
	}
	#faq {
		width:98%;
	}
	.footcol {
		width:100%;
		float:left;
	}
	.menulink{
		font-size:12px;
	}
	.ui-accordion-header {
		width:84%;
	}
}
@media (min-width: 416px) and (max-width: 755px){
	#maincontent {
		width:416px;
	}
	#headtext {
		width:100%;
		font-size:14px;
		float:right;
	}
	#pnum {
		float:left;
	}
	#tagline {
		float:right;
	}
	#logo {
		padding: 40px 0px 0px 5px;
		float:left;	
	}
	#mainbody {
		padding: 10px;
	}
	#footer {
		font-size:12px;
		height:220px;
	}
	#faq {
		width:406px;
	}
	.footcol {
		width:50%;
		float:left;
	}
	.menulink{
		font-size:12px;
	}
	.ui-accordion-header {
		width:340px;
	}
}
@media (min-width: 756px) and (max-width: 1023px){
	#maincontent {
		width:750px;
	}
	#headtext {
		padding: 100px 0 0 0;
		width:310px;
		float:right;
		font-size:20px;
		font-weight:bold;
		color:#4D4F53;
	}
	#pnum {
		float:right;
	}
	#tagline {
		float:right;
	}
	#logo {
		padding: 50px 0px 0px 5px;
		float:left;	
	}
	#mainbody {
		display:inline-block;
	}
	#footer {
		font-size:12px;
		height:150px;
	}
	#faq {
		width:740px;
	}
	.footcol {
		width:25%;
		float:left;
	}
	.col1 {
		width:49%;
		margin:5px;
		float:left;
	}
	.col2 {
		width:48%;
		margin:5px;
		float:right;
	}
	.ui-accordion-header {
		width:690px;
	}
	.mpdiv {
		height:490px;
	}
	.mpdiv2 {
		height:430px;
	}
}
@media (min-width: 1024px){
	#maincontent {
		width:1000px;
	}
	#headtext {
		padding: 100px 0 0 0;
		width:310px;
		float:right;
		font-size:20px;
		font-weight:bold;
		color:#4D4F53;
	}
	#pnum {
		float:right;
	}
	#tagline {
		float:right;
	}
	#logo {
		padding: 50px 0px 0px 5px;
		float:left;	
	}
	#mainbody {
		display:inline-block;
		width: 100%;
	}
	#footer {
		font-size:14px;
		height:150px;
	}
	#faq {
		width:990px;
	}
	.footcol {
		width:25%;
		float:left;
	}
	.col1 {
		width:48%;
		margin:5px;
		float:left;
	}
	.col2 {
		width:48%;
		margin:5px;
		float:right;
	}
	.mpimg{
		width:480px;
		height:319px;
	}
	.mpdiv {
		height:530px;
	}
	.mpdiv2 {
		height:490px;
	}
}