/*-------------------------------------------------------  CORE STYLES --------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #515151;
	background-color: #eee;
	background-image: url(/images/design/background2015.png);
	background-repeat: repeat-x;
}
body.wrapper{
	background-image: none;
	background-color:#FFF;
}
h1{
	margin: 0;
	color: #1e9dbd;
	font-size: 1.5em;
	font-weight: bold;
}
h2{
	margin: 0;
	color: #1e9dbd;
	font-size: 1em;
	font-weight: bold;
}
h2.news{
	margin: 0 0 -13px;
	color: #1e9dbd;
	font-size: 1em;
	font-weight: bold;
}
p{font-size: 1em}
p.nomargin {margin: 0}
p.error{color: #FF0000}
li{list-style: disc}
ol li{
	list-style: decimal;
	padding: 0 0 5px;
}
colleft.smallleft{float: left}
colright.smallright{float: right}
/*-------------------------------------------------------  CORE STYLES END  --------------------------------------------------------*/

/*-------------------------------------------------------  LAYOUT DIVS --------------------------------------------------------*/
div.head{
	min-height: 175px;
	margin: 0 auto;
	background-color:#496a8d;
	position:relative;
  	width: calc(100% - 20px);
  	max-width: 1550px;
}
div.logo, div.metal-logo{
	float:left;
	padding: 20px 30px 5px 5px;
}
div.contact-details{
	float:right;
	position: absolute;
	top: 10px;
	text-align: right;
	right:5px;
}
div.contact-details p, div.contact-details a{color:#fff}
div.tagline{
	float: left;
	clear: both;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	color:#fff;
	width: 45%;
}
div.tagline p{margin:0}
div.social-media{
	float:right;
	position: absolute;
	top: 125px;
	clear:right;
	right:0;
}
div.social-media ul {
	margin:0;
	padding:0;
}
div.social-media ul li{
	margin:0;
	padding:0 5px;
	display:block;
	float:left;
	list-style:none;
}
div.social-media ul li a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-size:contain;
}
div.social-media ul li a.fb{background-image: url(/images/design/facebook.jpg)}
div.social-media ul li a.tw{background-image: url(/images/design/twitter.jpg)}
div.social-media ul li a.li{background-image: url(/images/design/linkedin.jpg)}
div.social-media ul li a.yt{background-image: url(/images/design/youtube.png)}
div.social-media ul li a.pin{background-image: url(/images/design/pinterest.png)}
div.social-media ul li a.ins{background-image: url(/images/design/instagram.png)}
div.social-media ul li a.mib{background-image: url(/images/design/made-in-britain-small.jpg)}
div.social-media ul li a.fed{background-image: url(/images/design/fsb-small.png)}
.twocolr div.social-media {
	position:relative;
	top:0;
	height:50px;
}
div.topnav{
	margin: 0 auto;
  	width: calc(100% - 20px);
  	padding: 10px 0;
  	text-align: center;
  	max-width: 1550px;
}
div.topnav ul, div.topnav ul li{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}
div.wrapper{
	border-width: 1px 0;
	border-style: solid;
	border-color: #525252;
	background-color: #fff;
	overflow: auto;
}
div.container{
  	width: calc(100% - 20px);
  	max-width: 1550px;
	padding: 10px 0;
	margin: 0 auto;
	overflow: auto;
}
div.footer{
	width: 955px;
	margin: 10px auto 20px;
	padding: 5px;
	text-align: center;
	font-size: 0.8em;
	color: #525252;
}
div.form {
	display: block;
	width: 450px;
	float: left;
}
/* CSS for login box */
label.login{
	float: left;
	width: 120px;
	font-size: 0.8em;
}
input.login {
	width: 200px;
	margin-bottom: 5px;
}
/* End of CSS for login box */

/* Contact CSS */
.contact{display:inline-block}
.form p{margin:0 auto 5px}
label.contact{
	width: 180px;
  	margin-right: 10px;
	font-size: 0.8em;
}
input.contact{
  	width: calc(100% - 200px);
	background: #f7f7f7;
	border: #949494 1px solid;
}
select.contact{
	width: 195px;
	background: #f7f7f7;
	border: #949494 1px solid;
}
textarea.contact {
	width: calc(100% - 6px);
	background: #f7f7f7;
	border: #949494 1px solid;
}
/* END of Contact CSS */
/*-------------------------------------------------------  LAYOUT DIVS END --------------------------------------------------------*/

/*-------------------------------------------------------  DIVS CONTAINED IN WRAPPER --------------------------------------------------------*/
div.menu{
	width: 217px;
	float: left;
	margin: 6px 0 0;
	text-align: left;
	overflow: auto;
}
div.address{
	width: 187px;
	float: left;
	margin: 9px 0 0;
	padding: 19px 14px 0 14px;
	text-align: left;
	overflow: auto;
	background-image: url(/images/design/addressbox.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #d4d4d4;
}
div.address strong{
	font-size: 0.9em;
	line-height: 1.1em;
}
div.address a.smaller{font-size: 0.9em}
div.twitter{
	width: 217px;
	float: left;
	margin: 35px 0 0;
	text-align: left;
	overflow: auto;	
}
h2.twittername {background-image: url(/images/twitter.png)}
div.twitter div.tweet{margin-top: 10px}
div.submenu{
	width: 155px;
	float: left;
	margin: 0 0 5px;
	padding: 5px;
	border: 1px dotted #000;
	background-color: Silver;
	text-align: left;
	overflow: auto;
}
/*------------------------------ Two Cols --------------------------------*/

div.containertwo{
	float: right;
	margin: 10px 0;
	text-align: left;
	overflow: hidden;
	width: calc(100% - 240px);
	max-width: 1360px;
}
div.twocolholder{
	width: calc(100% - 42px);
	float: left;
	margin: 10px 0 0;
	padding: 20px 20px 0;
	text-align: left;
	overflow: auto;
	background-image: url(/images/design/addressbox.png);
	background-repeat: repeat-x;
	border-style: solid;
	border-width: 1px;
	border-color: #d4d4d4;
}
div.twocolr{width: 324px}
div.twocoll{
	float: left;
	width: calc(100% - 330px);
}
div.twocolholder .threecoll,div.twocolholder .threecolmid,div.twocolholder .threecolr{
	width: 33%;
	display:inline-block;
	vertical-align:top;
}
div.twocolr{float: right}
/*------------------------------ Two Cols Ends --------------------------------*/

/*------------------------------ One Col --------------------------------*/
div.containerone{
	float: right;
	margin: 10px 0;
	text-align: left;
	overflow: hidden;
	width: calc(100% - 240px);
	max-width: 1360px;
}
/*------------------------------ One Ends --------------------------------*/
div.downloads {
	float: right;
	margin: 10px 0;
	text-align: left;
	overflow: hidden;
	border-bottom: 1px dotted #949494;
	width: calc(100% - 240px);
	max-width: 1360px;
}
/*-------------------------------------------------------  DIVS CONTAINED IN WRAPPER ENDS --------------------------------------------------------*/
/*-------------------------------------------------------  LINKS CLASSES --------------------------------------------------------*/
a{
	text-decoration: none;
	color: #1e9dbd;
}
a:hover{text-decoration: underline}
a.topmenu{
	color: #525252;
	text-decoration: none;
}
a.topmenu:hover{
	color: #fff;
	text-decoration: none;
}
a.menu{
	display: block;
	padding: 10px 10px 10px 0;
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #525252;
	font-size: 1em;
	color: #525252;
	text-decoration: none;
}
a.menu:hover{
	display: block;
	padding: 10px 10px 10px 0;
	border-width: 0 0 1px;
	border-style: dotted;
	border-color: #525252;
	font-size: 1em;
	color: #fff;
	background-color: #1e9dbd;
	text-decoration: none;
}
a.titlemenu{
	display: block;
	height: 15px;
	padding: 5px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background-color: red;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}
a.titlemenu:hover{
	display: block;
	padding: 5px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background-color: green;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}
a.submenu{
	display: block;
	min-height: 15px;
	padding: 5px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background-color: #6495ED;
	color: #fff;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}
a.submenu:hover{
	background-color: #BFD3F7;
	text-decoration: none;
}
a.babymenu{
	display: block;
	min-height: 15px;
	padding: 5px 5px 5px 10px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #fff;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}
a.babymenu:hover{
	background-color: green;
	color: #fff;
}
div.meettheteam p{margin-top: -5px}
img.meet {
	float: left;
	padding: 0 10px 0;
}
ul.error{color: red}
/*-------------------------------------------------------  LINKS ENDS --------------------------------------------------------*/

/* -- Tiny MCE Styles -- */
#admintop, div.mceExternalToolbar {
    /*position: fixed !important ;*/
	position: fixed !important ;
    bottom: 0 !important ;
	width: 100%;
	left: 0 !important;
}
/* -- End of Tiny MCE Styles -- */

/* Styles to align images, left or right with margin */
.left-image{
	float: left;
	margin: 0 10px 10px 0;
}
.right-image{
	float:right;
	margin: 0 0 10px 10px;
}
.meettheteam{min-height: 150px}
@media all and (max-width: 770px){
	.mobile-only{display:none}
	.footer div.social-media{
		display:block;
		float:none;
		position:inherit;
		width:100%;
	}
	.footer .social-media li{
		display:inline-block;
		float:none;
	}
}