@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* Drive-Alive bootstrap custom start */

.navbar {
  background-color: #319cff;
  border-color: #108cff;
  background: -webkit-linear-gradient(#0000cc,#3399fe);
	background: -o-linear-gradient(#0000cc,#3399fe);
	background: -moz-linear-gradient(#0000cc,#3399fe);
	background: linear-gradient(#0000cc,#3399fe);
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px !important;
	}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar .navbar-text {
  color: #ffffff;
	
}
.navbar .navbar-nav > li:last-child > a {
  border-right: 1px solid #108cff;
}
.navbar .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #108cff;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #108cff;
  background: -webkit-linear-gradient(#0000cc,#3399fe);
	background: -o-linear-gradient(#0000cc,#3399fe);
	background: -moz-linear-gradient(#0000cc,#3399fe);
	background: linear-gradient(#0000cc,#3399fe);
	
	}
.navbar .navbar-nav > .disabled > a,
.navbar .navbar-nav > .disabled > a:hover,
.navbar .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar .navbar-toggle {
  border-color: #dddddd;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #0d8bff;
}
.navbar .navbar-nav > .dropdown > a:hover .caret,
.navbar .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  background-color: #108cff;
  color: #c0c0c0;
}
.navbar .navbar-nav > .open > a .caret,
.navbar .navbar-nav > .open > a:hover .caret,
.navbar .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar .dropdown-menu {
		font-size: 12px;
}

.navbar-shortcut {
  position: relative;
  float: right;
  padding: 9px 8px;
  margin-top: 8px;
  margin-right: 12px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #ddd;
  border-radius: 4px;
	
}

.navbar .navbar-shortcut {
	color: white;
	font-weight: bold;
}


.navbar-ferries {
	display: none;
}

.navbar-hotels {
	display: none;
}

.navbar-self-catering {
	display: none;
}

.navbar-route {
	display: none;
}

.navbar-driving {
	display: none;
}

.navbar-camping {
	display: none;
}

.navbar-skiing {
	display: none;
}

.navbar-tourist {
	display: none;
}

.navbar-car-hire {
	display: none;
}

.navbar-sitemap {
	display: none;
}

.nav-pills > li > a {
  border-style: inset;
  border-width: 2px;
}

.nav-pills > li.active > a {
	color: #ffffff !important;
}

.row-no-padding {
 	margin-left: 0;
 	margin-right: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.btn-multi-line {
	white-space: normal;
}

.form-group.required .control-label:after { 
   content:"*";
   color:red;
}

#dap_Content a {
	color: #0000ee;
	text-decoration: underline;
}

.panel-heading > h3 {
	color: #ffffff !important;
	font-weight: bold !important;;
	font-size: 14px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;

}

.panel-body > h4 {
	color: #000000 !important;
	font-size: 14px !important;;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.footer-continue {
	background-color: #fff;
	border-top: 1px #337AB7 solid;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}


@media (max-width: 767px) {
	
  .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #108cff;
  }
  .navbar .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }	
	
	.navbar .navbar-nav > li > a {
		color: #ffffff;
	}
}

@media (max-width: 420px) {
	#metoffice-widget {
		display: none;
	}
}

.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #c0c0c0;
}

@media (min-width: 1200px) {
  .container {
    width: 992px !important; 
  }
}

@media (min-width: 992px) {
	.navbar .container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media (max-width: 767px) {
	.container {
    padding-left: 15px !important; 
  }	
   .h4, h4 {
  	font-size: 14px;
	}
}

@media (min-width: 768px) {
	.container {
    padding-left: 0px !important; 
  }	
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 568px) and (max-width: 767px) {
	.navbar-ferries {
		display: block;
	}
	.navbar-hotels {
		display: block;
	}
	.navbar-self-catering {
		display: block;
	}
	.navbar-route {
		display: block;
	}
	.navbar-driving {
		display: block;
	}
}

@media (min-width: 400px) and (max-width: 567px) {
	.navbar-ferries {
		display: block;
	}
	.navbar-hotels {
		display: block;
	}
	.navbar-route {
		display: block;
	}
	.navbar-driving {
		display: block;
	}
}

@media (min-width: 320px) and (max-width: 399px) {
	.navbar-ferries {
		display: block;
	}
	.navbar-hotels {
		display: block;
	}
	.navbar-route {
		display: block;
	}
}

@media (min-width: 260px) and (max-width: 319px) {
	.navbar-ferries {
		display: block;
	}
	.navbar-hotels {
		display: block;
	}
}

#dap_Content img { max-width: 100% !important; }

#dap_Header_bootstrap
{
	min-height: 78px;
}

#dap_Header_bootstrap .dalogo
{
	float: left;
	margin-top: 0px;
	margin-left: 8px;
}


.embed-responsive.embed-responsive-object {
  padding-bottom: 12.75%; /* objects responsive */
}

/* fix for map zoom control render problem in bootstrap */
#map img { 
  max-width: none !important;
}
.gm-style {
  max-width: none !important;	
}
/* map fix ends */


/* home page */
.panel-title.home-panel-heading a {
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;	
} 

.panel-footer.home-panel-footer a {
	color: #000000;
	font-weight: bold;	
	text-decoration:underline;
}

.home-page-heading h4 {
	font-weight: bold;
	font-size: 24px;
	color: #070752;
}

.home-page-links a {
	font-size: 14px;
	color: #000000;
}

.home-page-car-hire h4 a {
	font-size: 20px;
	color: #2d652e;
}

.home-page-car-hire a {
	font-weight: bold;
	text-decoration: underline;
}

.home-page-car-hire p {
	font-size: 16px;
}

.home-page-gradient {
	background: #f3f951; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f3f951 1%, #f7fb88 10%, #fefcea 20%, #ffffff 35%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#f3f951), color-stop(10%,#f7fb88), color-stop(20%,#fefcea), color-stop(35%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #f3f951 1%,#f7fb88 10%,#fefcea 20%,#ffffff 35%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #f3f951 1%,#f7fb88 10%,#fefcea 20%,#ffffff 35%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #f3f951 1%,#f7fb88 10%,#fefcea 20%,#ffffff 35%); /* IE10+ */
	background: linear-gradient(135deg,  #f3f951 1%,#f7fb88 10%,#fefcea 20%,#ffffff 35%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f951', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* end home page */

/* Drive-Alive bootstrap custom end */