.hSubBody { padding-top:0 !important;}
.hSubBody .width, .hNavOuterWrapper .width {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 0.6%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.hSubBody .width {
		padding:0 0.9%;
	}
}
.contents, .contents * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body { 
font-family: 'Josefin Sans', sans-serif;
background:url("/cs/Satellite?blobkey=id&blobwhere=1302842983231&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dbody-bg-img-0.png&blobcol=urlimagefile&blobtable=UXImage") repeat-x center top #fff;
}

/* FONTS */
h1, h2 , h3 , p { margin:0 0 10px; }
h1, #row1 h2,  #row1 p { color:#fff; }



/* LINKS */
a { color: #383838; text-decoration: none;}
a:hover { color: #3F8BDD; }

/* MENU BUTTON */
#menuButton {
	background: url('../../static01.cdn.ybsitecenter.com/template/elite/images/menu-button.png') #2A2E59 center center scroll no-repeat;
	background-size: auto 80%;
}

/* NAVIGATION */
.hNavOuterWrapper.fixToTop {
	position: fixed;
	top: 0;
	bottom: inherit;
	background-color:#F3F3F3;
	border-top:1px solid #999;
}

.hNavOuterWrapper { top:160px;}
.navigation { text-align:center;}
.navigation:before {
	content:"";
	width:100%;
	height:1px;
	background-color:#999;
	display:block;
	margin:0 auto 10px;
} 
.hNavOuterWrapper.fixToTop .navigation:before {  display:none !important; }
.hNavOuterWrapper.fixToTop .navigation { padding:10px 0;}
.navigation > li {
	float:none !important;
	display:inline-block;
	vertical-align:top;
	width:auto;
}
.navigation > li:first-child, .navigation > li:last-child{ 
	position:absolute;
	top:-145px;
	height:auto;
}
.navigation > li:first-child a { padding:0 10px; }
.navigation > li:first-child a, .navigation > li:last-child a{  
	font-weight:700;
	color:#1f2863;
	letter-spacing:2px;
}
.navigation > li:first-child { right:7%; border-right:2px solid #1f2863; }
.navigation li:last-child{ right:0;}
.navigation li > a {
	color: #999;
	font-size: 1.7em;
	line-height:1.2em;
	text-decoration: none;
	padding:0;
} .navigation li:hover > a, .navaigation a:hover,  .navigation .current > a {
	color:#EA3A44 !important;
}
.navigation > li:nth-of-type(n+2):nth-of-type(-n+8) { margin-right:7.57%; height:50px;}
.ie10 .navigation > li:nth-of-type(n+2):nth-of-type(-n+8), .ie9 .navigation > li:nth-of-type(n+2):nth-of-type(-n+8) { margin-right:7.5%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.navigation > li:nth-of-type(n+2):nth-of-type(-n+8) { margin-right:7.1%; }
}
#NAV-1438352150530 > a:after {
	background:url("/cs/Satellite?blobkey=id&blobwhere=1302843427365&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Darrow-nav-image-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat center bottom transparent;
	content:"";
	 display:block;
	 width:15px;
	 height:9px;
	 display:block;
	 margin:4px auto 0;
}
#NAV-1438352150530:hover > a:after {
	background:url("/cs/Satellite?blobkey=id&blobwhere=1302843427454&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Darrow-nav-imagehover-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat center bottom transparent;
}
.navigation li ul {
	background-color:#E8E8E8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:175px;
}
.navigation li:hover ul {  left:-60px !important; }
.navigation li ul  li:first-child  > a { border-top:none;}
.navigation li ul  li  > a{ 
	border-top:1px solid #000;
	padding:10px 0;
	text-align:center;
}
/* HEADER */

.logo { float:left; }
#headerInner {
	position: relative;
	padding:50px 0.6% 7px;
}
/* CONTACT ICONS - 64x64px */
#header .contactIcons { display:none; }


/* CONTACT DETAILS */
#header .strap {
	float: right;
	text-align:right;
}
#header .strap  span{ 
	display:block;
	color:#ea3a44; 
	font-size:1.8em;
	line-height:1.8em;
	font-weight:700;
}
#tel a {font-size:3.8em; color:#1f2863;}
#tel a:hover { text-decoration:underline; } 
#tel{ display: block }

#header .strap em {
    color: #ea3a44;
    display: inline-block;
    font-size: 3.4em;
    font-style: normal;
    margin: 0 10px;
}

/* SOCIAL FOLLOW ICONS - 64x64 */
#header #socialFollowIcons { display:none; }
#socialFollowIcons > a {
	width: 64px;
	height: 64px;
	margin: 2px;
	background-image: url('../../static01.cdn.ybsitecenter.com/template/elite/images/ui-icons-sprite.png');
	background-size: auto 128px;
}
.googlePlus { background-position: -64px 0px;} 
.yell { background-position: -512px 0px;} 
.googlePlus:hover, .yell:hover { opacity:0.8; filter:alpha(opacity=80);}

#page { margin-top:85px;}
#hero #row1 .imageRight { 
	position:relative; 
	max-height:307px; 
	min-height:307px; 
	overflow:hidden;
	box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
/*    background-color: #101453;*/
}
#hero #row1 .imageRight:before {
	content:"";
	width:100%;
	height:100%;
	background-size:auto 100%;
	background:url("/cs/header-left.png") no-repeat left center transparent;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-size:auto 100%;
}
#hero #row1 .imgWrapper {
	position:absolute;
	top:0;
	right:0;
	width:56%;
}
#hero #row1 .imgWrapper img{ width:100%;}
#hero #row1 .imageRight .copy {
	z-index:2; 
	float:left;
	margin-left:3%;
	padding-top:20px;
	width:55%;
}
#hero #row1 .services {
	position:absolute;
	bottom:0;
	left:4%;
	z-index:1;
}
#row1 h1 { font-size:5em; line-height:0.9em; font-weight:700; text-transform:uppercase; margin-top:10px;}
#row1 h1 span { font-size:0.37em; font-weight:400; display:block;}
#row1 h2 { font-size:3.3em; display:block; font-weight:400;  line-height:0.9em; padding-right:4%;}
#row1 p { font-size:2.8em; margin-top:15px; line-height:1.2em;}
#row1 p a { font-size:1.3em; color:#fff; display:table;}
#row1 p a:hover { color:#EA3A44; display:table;}

#hero .rowWrapper:last-child, #contentBottom .rowWrapper:last-child {
/*	background:url("/cs/Satellite?blobkey=id&blobwhere=1302843006336&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dtitle-bar-image-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat center top transparent;*/
	text-align:center;
    background-color: #101453;
	margin-top:15px;
}
#hero .rowWrapper:last-child { padding:15px 0 19px; }
#hero .rowWrapper:last-child .contents{ 
	display:inline-block;
	vertical-align:middle;
	margin:0 2%;
}
#hero .rowWrapper:last-child .imgWrapper,
#hero .rowWrapper:last-child .copy{ display:inline-block; vertical-align:middle; float:none !important; }
#hero .rowWrapper:last-child .imgWrapper { margin-right:7px;}
#hero .rowWrapper:last-child  p{
	font-size:2.5em;
	color:#fdefa1;
	font-weight:bold;
	margin:0;
}
#contentTop .rowWrapper{ margin-top:50px;}
#contentTop .services, #contentTop .products, #contentTop .form  {width:49%;  position:relative;}
#contentTop .services { float:left; text-align:left;}
#contentTop .products, #contentTop .form { float:right; text-align:left; }
#contentTop .services h2, #contentTop .products h2 {
	font-size:2.2em;
	line-height:0.8em;
	color:#22254d;
	text-transform:uppercase;
	font-weight:400;
	position:absolute;
	top:25px;
	left:0;
	display:block;
	transform:translate( 0%, -50%);
	-webkit-transform:translate( 0%, -50%);
	-moz-transform:translate( 0%, -50%);
	-ms-transform:translate( 0%, -50%);
}

#contentTop .products span {
	font-size:1.3em;
	line-height:1.6;	
	color: #1F2863;
	font-weight: 600;
}


#contentTop .services:before, #contentTop .products:before   {
	content:"";
	width:100%;
	height:72px;
	position:absolute;
	top:0;
	background-size:auto 100%;
}
#contentTop .services:before  {
	background:url("/cs/Satellite?blobkey=id&blobwhere=1302843397049&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dtitle-heading-left-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat left 0 transparent;
	left:0;
	z-index:-1;
}
#contentTop .products:before  {
	background:url("http://fw-editorial.corp.ybusa.net/cs/Satellite?blobkey=id&blobwhere=1302843397081&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dtitle-heading-right-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2015-08-31%2022:28:36") no-repeat 2px 0 transparent;
	left:0;
	z-index:-1;
}
#contentTop .services p , #contentTop .products p { font-size:1.8em; margin-top:20px; color:#333333;}
#contentTop .products p a{ text-decoration:underline;}
#contentTop .copy { padding:55px 0 0; margin:0 8%;}

#contentTop .rowWrapper:last-child { text-align:center; }
.contentsLinkWrap, #contentTop .news {
    display: block;
    float: left;
    width: 23%;
    margin: 10px 1%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}



#contentTop .news p, .contentsLinkWrap h2 {
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
}
.contentsLinkWrap:hover .imgWrapper, .contentsLinkWrap:hover .copy { opacity:0.7; filter:alpha(opacity=70);}
.contentsLinkWrap .copy { 
	margin:0 !important;
	padding:0 6%!important;
	width:55%;
	top:20px;
	background:url("/cs/Satellite?blobkey=id&blobwhere=1302843427641&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dpods-button-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat center 70px transparent;
}
.contentsLinkWrap h2 { color:#686868; text-align:left; }

#contentTop .news{ background-color:#22254E; min-height:122px; }
#contentTop .news .copy { 
	margin:0 !important; padding:0 2%;
	position:absolute;
	top:50%;
	left:0;
	transform:translate( 0%, -50%);
	-webkit-transform:translate( 0%, -50%);
	-moz-transform:translate( 0%, -50%);
	-ms-transform:translate( 0%, -50%);
}
#contentTop .news p { color:#fff; }
#contentTop .news .copy span { display:block; margin-top:15px;}

.iframeWrapper .uxGoogleMapWrapper:after {
	background:url("/cs/Satellite?blobkey=id&blobwhere=1302843432798&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dmap-google-bg-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat right top transparent;
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:53%;
	height:300px;
	background-size:auto 100%;
}
.uxGoogleMapWrapper > iframe { width:80%; float:left;}
.googleMapOverlay, .googleMapOverlayClick { display:none !important;}

#contentTop .job {
	position:absolute;
	bottom:29px;
	right:0;
	z-index:1;
	width:40%;
	text-align:left;
}
#contentTop .job h2 {
	color:#fff;
	font-size:2.2em;
	font-weight:400;
	text-transform:uppercase;
}
#contentTop .job p {
	font-size:2em;
	line-height:1.5em;
	color:#fff;
	font-weight:700;
	margin-top:20px;
}
#contentBottom .rowWrapper:first-child {
	margin:60px 0;
	padding:0;
	background:none 0 0 transparent;
	text-align:center;
}
#contentBottom .rowWrapper:first-child .imgWrapper {
	display:inline-block;
	vertical-align:middle;
	margin:2px 0.8%;
}
#contentBottom .rowWrapper:last-child  { padding:10px 0 38px;}
.callToAction p{
	font-size:3.5em;
	color:#fdefa1;
	font-weight:700;
	 display:inline-block;
	 position:relative;
	 margin:0;
	 line-height:1.2em;
	 width:100%;
}
.callToAction p:before{ 
	 background: url("/cs/Satellite?blobkey=id&blobwhere=1302842789908&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dtelephone-image-0.png&blobcol=urlimagefile&blobtable=UXImage") no-repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    height: 28px;
    margin-right: 1%;
    margin-top: 8px;
    vertical-align: top;
    width: 31px;
	
}
.callToAction p a { color:#fdefa1;}
.callToAction p a:hover { 
color: #EA3A44;
text-decoration:underline;}


/* FOOTER */
#footerWrapper { margin-bottom:80px;}
#footer { min-height:206px;}
#footer #col1 { text-align:center; width:100%; margin-top:50px;}
#footer #col1 .contents { width:67%; margin:0 auto;}
#footer #col1 p {
	font-size:1.6em;
	line-height:1.5em;
	color:#383838;
	font-weight:700;
}
#footer #col1 a[href="tel:+442083957333"]:hover { color:#EA3A44;}
#footer #col1 a[href="mailto:info@1stbritishstandard.com"]:hover { color:#EA3A44;}
#globalFooterContent { height:0;}



/* SOCIAL FOLLOW ICONS */
#footer #socialFollowIcons {
	float: none;
	width:136px;
	margin:0 auto 30px;
}
/* SOCIAL SHARE ICONS */
#socialShareIcons {
	float: right;
	margin-right:8%;
}
#socialShareIcons > * {
	float: left;
	margin: 2px 3px;
	color: #000;
}
#socialShareIcons  h3 { display:none;}

/* HIBU FOOTER */
.hibuCopyright {
	color: #383838;
	margin:0; 
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; 
	font-size:1.4em;
	position:absolute;
}
.hibuCopyright a{ 

	color: #383838 !important;
	text-decoration:none !important;
}

/* BACK TO TOP BUTTON - 50 x 50px */
#backToTopButton {
	width: 50px;
	height: 50px;
	left:50%;
	margin-left:-25px;
	bottom: 0;
	background-image: url('../../static01.cdn.ybsitecenter.com/template/elite/images/ui-icons-sprite.png');
	background-position: -500px 0px;
	background-size: auto 100px;
	background-color:#EA3A44;
	} #backToTopButton:hover {
		background-position: -500px -50px;
	}


/* ALL TOUCH DEVICES */
@media only screen and (max-width: 1250px) {


#tel a {
    font-size: 2.6em;
}

	body { background-position:center -70px;}
	
	.hNavOuterWrapper { 
		top:0 !important;
		background-color: #fff;
		height: 100%;
		position: absolute;
	}
	.navigation:before { display:none;} 
	.navigation li {
		position:relative !important; 
		border:none !important;
		top:0 !important;
		right:0 !important;
		margin:0 !important;
		height:auto !important;
	}
	.navigation a:after, .navigation a br  { display:none !important;}
	.navigation a {
		border-bottom:1px solid #000;
		border-top:none !important;
		letter-spacing:1px !important;
	}
	.navigation a, .navigation li > ul li > a,.navigation li:hover > a{ color:#999 !important;}
	.navigation li ul li > a:hover, .navigation li > a:hover,  
	.navigation li.current > a , .navigation li ul > .current > a{ color:#EA3A44 !important; }
	.navigation li ul, .navigation li:hover ul{ width:100% !important; top:0 !important; left:0 !important;}
	.navigation li > a { color: #999 !important; font-weight: 400 !important; padding: 10px 2% !important;}
	.navigation li ul li a { padding-left:6% !important;}
	
	.hSubBody { padding-top: 50px !important; }
	.hSubBody .width, .hNavOuterWrapper .width { padding:0;}
	#page { margin-top:0;}
	#hero #row1 .imageRight { min-height:240px;}
	#row1 h1 { font-size:3.5em;} 
	#row1 h1 span { font-size:0.3em;}
	#row1 h2 { font-size:2.4em; padding-right:0;}
	#row1 p { font-size:2em;}
	#hero #row1 .services { left:3%; }
	#hero .rowWrapper:last-child p { font-size:2.1em;}
	#hero .rowWrapper:last-child, #contentBottom .rowWrapper:last-child{ background-size:auto 100%;}
	#hero .rowWrapper:last-child { padding: 9px 0 23.7px; }
	
	#contentTop .services:before, #contentTop .products:before { background-size: auto 76.7% !important; }
	#contentTop .services .copy, #contentTop .products .copy {margin:0 6%;}
	#contentTop .services h2, #contentTop .products h2 { font-size:1.7em; top:22px; line-height:1em;}
	#contentTop .services p, #contentTop .products p{ font-size:1.6em;}
	
	.contentsLinkWrap .copy { background-position: center 60px; top: 7px;}
	#contentTop .news { min-height:93px;}
	.contentsLinkWrap h2, #contentTop .news p { font-size: 1.45em; }
	
	#contentBottom .rowWrapper:first-child { margin-bottom:20px;}
	#contentBottom .rowWrapper:last-child { padding: 8px 0 23.7px; }
	.iframeWrapper .uxGoogleMapWrapper:after { height:230px;}
	.uxGoogleMapWrapper > iframe { max-height:230px;}
	
	#contentTop .job { bottom:0; }
	#contentTop .job h2 { font-size:2em;}
	#contentTop .job p{ font-size:1.7em;}
	
	.callToAction p:before { margin-top:0;}
	.callToAction p { font-size:2.1em;}
	.hibuCopyright { font-size:1.25em; }
}

/* SMALL TABLET - 600px WIDTH */
@media only screen and (max-width: 950px) {
	.logo { float:none; margin:0 auto; width:72%; }
	.strap { float:none; text-align:center !important; width:100%;}
	#hero #row1  .row { 
		background-color:#22254D; 
		text-align:center; 
		padding-bottom:10px;
		box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
	}
	#hero #row1 .imageRight:before { display:none;}
	#hero #row1 .imageRight { 
		min-height:0;
		max-height:none;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
	}
	#hero #row1 .imageRight div {
		width:100% !important;
		float:none;
		position:relative;
		margin:0 auto !important;
	}
	#hero #row1 .imageRight .copy { padding:10px 2% 0;  border-top: 10px solid #eb0102;}
	#hero #row1 .services { position:relative; left:0;}
	#row1 h1 { font-size:3.7em !important;}
	#hero #row1 p { margin:0 auto; }
	#hero #row1 p a { display: block; margin: 0 auto; width: 172px;}
	#hero .rowWrapper:last-child, #contentBottom .rowWrapper:last-child {
		background:none 0 0 #22254D;
		padding:15px 0 !important;
	}
	#hero .rowWrapper:last-child .contents { margin:4px 2%;}
	#contentTop .rowWrapper { margin-top:25px;}
	#contentTop .services:before, #contentTop .products:before { 
		 background-size: 100% 76px !important;
	}
	#contentTop .services h2, #contentTop .products h2 { 
		line-height: 1.2em;
		top:30px;
		font-size:1.5em;
	}
	#contentTop .services p, #contentTop .products p{ font-size:1.45em;}
	.contentsLinkWrap, #contentTop .news { width:100%;  max-width:275px; min-height:118px; margin:10px 1% !important;}
	.contentsLinkWrap h2, #contentTop .news p { font-size:1.8em !important;}
	.contentsLinkWrap .copy { background-position: center 80px !important; }
	.callToAction p:before {
		display:block;
		margin:0 auto 10px;
		position:relative;
		left:0;
		transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
	}
	.callToAction p { font-size:2em !important; line-height:1.2em !important; padding:0 6%; width:auto;}
	.iframeWrapper .uxGoogleMapWrapper:after { display:none; }
	.uxGoogleMapWrapper > iframe { 
		max-height:none;
		float:none;
		width:100%;
	}
	#contentTop .job .copy { padding:15px 0;}
	#contentTop .job { 
		position:relative;
		width:100%;
		background-color:#333555;
		border-top:10px solid #D3464E;
		text-align:center;
	}
	#globalFooterContent { height:auto; }
	#footer #socialFollowIcons { margin-bottom:8px;}
	#socialShareIcons {
		float: none;
		margin: 0 auto;
		width: 86px;
	}
	.hibuCopyright { position:relative; width:100%;}
	
}
/* MOBILE - 94% WIDTH */
@media only screen and (max-width: 650px) {


#header .strap em {
    margin: 0 5px;
}

	#headerInner { padding-bottom:65px !important;}
	.logo { max-width:284px; width:100%;}
	#header .contactIcons {
		bottom: 10px;
		display: block;
		left: 50%;
		margin-left: -25px;
		position: absolute;
		background-color:#EB0102;
		border-radius:30px;
		-webkit-border-radius:30px;
		-moz-border-radius:30px;
	}
	.contactIcons > div {
		height: 42px;
		width: 42px;
		margin: 2px;
		background-image: url('../../static01.cdn.ybsitecenter.com/template/elite/images/ui-icons-sprite.png');
		background-size: auto 84px;
}
	#telIcon { background-position: -462px 0px;
	} #telIcon:hover { background-position: -462px -42px; }
	
	.strap { position:static; }
	#tel { 
		display:none; 
		position:absolute;
		top:13px;
		font-size:0.6em;
		width:100%;
		left:0;
	}
	#tel.active { display:block; }
	#tel a { padding:7px; background-color:#fff;}
	
	.contents { margin:0 auto !important; width:100% !important;}
	#hero .rowWrapper:last-child .contents { margin: 10px auto !important; }
	#hero .rowWrapper:last-child .contents div { margin-bottom:5px;}
	#contentTop .services, #contentTop .products, #contentTop .form { width:100%; margin:10px auto 25px !important; float:none; }
	#contentTop .services .copy, #contentTop .products .copy { padding: 55px 6% 0; margin:0; text-align:center; }
	#contentTop .services h2, #contentTop .products h2 { width:100%;  padding:0 8%; }
	.contentsLinkWrap, #contentTop .news { min-height:113px;}
	
	.callToAction p a { display:block; width:145px; margin:0 auto;}
	#footer .column { padding:0 !important; margin:20px auto 0}
}