/* Layout */

#nav {
	float: left;
	width: 180px;
	clear: both;
	padding: 16px 4px 16px 16px;
}
#content {
    margin-left:0px;
	padding: 16px 16px 16px 4px;
}
#footer {
	clear: both;
	padding: 8px;
}
#accreditations {
	float: right;
	width: 362px;
	height: 90px;
}
#siteinfo {
	float: left;
	height: 90px;
}
#headerLogo {
	width: 95px;
	float: left;
}
#headerCTA {
	float: right;
	margin-top:5px;
	margin-right: 20px;
}
#divider {
	clear: both;
	height: 51px;
	background-color: #081A89;
    border-bottom: 5px solid #ff0000;
	width: 100%;
}

/* HTML tag styles                             */

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #081A89;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-image: url(/assets/body_back.gif);
	background-repeat: repeat-x;
}


/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h1{
}

h2{
 font-size: 110%;
 margin: 0px 0px 20px 0px;
 color: #081A89;
}

h3{
 font-size: 100%;
 color: #334d55;
 margin: 0px 0px 10px 0px;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

h3r{
 font-size: 100%;
 color: #ff0000;
 margin: 0px 0px 10px 0px;
}

#siteinfo p {
	vertical-align: baseline;
	font-size:70%;
}

#nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#nav li {
	list-style-type:none;
	padding:1px 0;
	margin:1px 0;
}
	

/* Universal Button Styles */

button,
.button {
/*  display : inline-block; */
  display: flex;
    justify-content: center;
    align-items: center;
  cursor : pointer;
  height:16px;
  width: 150px;
  margin-bottom:5px;
  
  
  border-style : solid;
  border-width : 1px;
  border-radius : 5px;
  box-shadow : 0 1px 3px rgba(0,0,0,.6);
  font-size : 9.5pt;
  padding : 15px 5px;
  font-weight : normal;
  color : #fff;
  text-shadow : 0 1px 3px rgba(0,0,0,.4);
  text-align:center;
  font-family : sans-serif;
  text-decoration : none;
}

button.blue,
.button.blue {
  border-color : #2a4480;
  background: #2a4480;
  background: -moz-linear-gradient(top, #2a4480 0%, #06266f 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#2a4480), color-stop(100%,#06266f));
  background: -webkit-linear-gradient(top, #2a4480 0%,#06266f 100%);
  background: -o-linear-gradient(top, #2a4480 0%,#06266f 100%);
  background: -ms-linear-gradient(top, #2a4480 0%,#06266f 100%);
  background: linear-gradient(top, #2a4480 0%,#06266f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#2a4480', endColorstr='#06266f',GradientType=0 );
}

button.green,
.button.green {
  border-color: #269926;
  background: #269926;
  background: -moz-linear-gradient(top, #269926 0%, #008500 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#269926), color-stop(100%,#008500));
  background: -webkit-linear-gradient(top, #269926 0%,#008500 100%);
  background: -o-linear-gradient(top, #269926 0%,#008500 100%);
  background: -ms-linear-gradient(top, #269926 0%,#008500 100%);
  background: linear-gradient(top, #269926 0%,#008500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#269926', endColorstr='#008500',GradientType=0 );
}

button.red,
.button.red {
  border-color: #cc0000;
  background: #cc0000;
  background: -moz-linear-gradient(top, #cc0000 0%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#cc0000), color-stop(100%,#ff0000));
  background: -webkit-linear-gradient(top, #cc0000 0%,#ff0000 100%);
  background: -o-linear-gradient(top, #cc0000 0%,#ff0000 100%);
  background: -ms-linear-gradient(top, #cc0000 0%,#ff0000 100%);
  background: linear-gradient(top, #cc0000 0%,#ff0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#cc0000', endColorstr='#ff0000',GradientType=0 );
}

button.yellow,
.button.yellow {
  border-color: #fffe40;
  background: #fffe40;
  background: -moz-linear-gradient(top, #fffe40 0%, #ffd200 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#fffe40), color-stop(100%,#ffd200));
  background: -webkit-linear-gradient(top, #fffe40 0%,#ffd200 100%);
  background: -o-linear-gradient(top, #fffe40 0%,#ffd200 100%);
  background: -ms-linear-gradient(top, #fffe40 0%,#ffd200 100%);
  background: linear-gradient(top, #fffe40 0%,#ffd200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#fffe40', endColorstr='#ffd200',GradientType=0 );
}

.theme-default #slider {

    margin:0px 32px 0px 30px;

    width:300px; /* Make sure your images are the same size */

    height:500px; /* Make sure your images are the same size */
    

}#content #slideshow {
	padding: 0px 32px 0px 0px;
	float: right;
	width: 300px;
}

.featured {
	width:300px;
	float:right;
	padding: 0px 16px 16px 16px;
}#content #maps #map_uk .imgleft {
	float: right;
}

#table-packing {
	background-color: #f5f5f5;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ebebeb;
}
#table-packing td, #table-packing th {
	padding: 1px 5px;
}
#table-packing thead {
	font: normal 15px Helvetica Neue,Helvetica,sans-serif;
	text-shadow: 0 1px 0 white;
	color: #999;
}
#table-packing th {
	text-align: left;
	border-bottom: 1px solid #fff;
}
#table-packing td {
	font-size: 14px;
}
#table-packing td:hover {
	background-color: #fff;
}

#ctabuttons {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
#content hr {
	margin-top: 40px;
	margin-bottom: 40px;
}

#menu-icon {

    display:none;
	width: 150px;
	height: 40px;

  
  border-style : solid;
  border-width : 1px;
  border-radius : 5px;
  box-shadow : 0 1px 3px rgba(0,0,0,.6);
  font-size : 9.5pt;
  padding : 0px 5px;
  font-weight : normal;
  color : #fff;
  text-shadow : 0 1px 3px rgba(0,0,0,.4);
  font-family : sans-serif;
  text-decoration : none;

    
	background: #2a4480

}
/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

	header {

		position: absolute;

	}

	#menu-icon {

/*		display:inline-block; */
  display: flex;
    justify-content: center;
    align-items: center;


	}

	nav ul, nav:active ul { 

		display: none;
		position: left;
		padding: 20px;
		background: #fff;

	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}

	nav:hover ul {

		display: block;

	}