/*******************************/
/* Resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
abbr, acronym {border:0;}
::-moz-selection { background: #3399FF; color: #fff; text-shadow: none; }
::selection { background: #3399FF; color: #fff; text-shadow: none; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*Correct overflow not hidden in IE9*/svg:not(:root) { overflow: hidden; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0;height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Clear Floats */
.clear-both:before, .clear-both:after { content: ""; display: table; }
.clear-both:after { clear: both; }
.clear-both { *zoom: 1; }

*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {min-height:101%;}
img{
	max-width:100%;
	height: auto;
}
/* START chrome google webfont fix */
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
/* END chrome google webfont fix */
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	color:#242413;
	font: 94% source_sans_proregular, sans-serif;
}
.button, .flexslider .more, .intro h2,#news-block h3, textarea{
	font-family:source_sans_proregular;
}
h1, h2, h3,#nav-sub > ul > li > a{font-family:source_sans_prosemibold;font-weight: normal;}
h1 {
	color: #154793;
    font-size:1.7em;
    
    margin-bottom: 0.6em;
    margin-top: 0;
}

h2 {
	font-size: 1.3em;
    margin: 1em 0 1.2em;
	color:#14142C;
}
h3 {
	font-size: 1.1em;
    margin: 0.9em 0;
	color:#14142C;
}
h4 {
	font-size:1em;
}
p, ul,ol{
	font-size: 1em;
    line-height: 1.5em;
	margin-bottom: 1.3em;
}
ul{
	margin-left:2.3em;

}
ul li{
	margin-bottom:0.5em;
}
ol {
	margin-left:2.3em;
	margin-bottom:1em;
}

ol li{
	margin-bottom:0.5em;
}
blockquote {
	font-size:1em;
	line-height:1.4em;
}
table, th, td {
	font-size:1em;
}

a {
	color:#CD4242;
	text-decoration:none;
}
a:hover, a:hover h3, h3 a:hover {
	color:#B55353;
}
#content-main article a:hover{
	text-decoration:underline;
}

#content-wrap p a[href*="//"]:after, .external:after {
	content:" \f08e";font-family:FontAwesome;font-size:.7em;
}
#content-wrap p a[href*="beta.linux.local"]:after, #content-wrap p a[href*="beta-uk.org"]:after,#content-wrap p a[href*="beta.ee-development.co.uk"]:after,#content-wrap p .app-button:after {
	content:"" !important;
}
nav ul, .ul-reset, .check-list, nav li{
	margin:0;
	padding:0;
	list-style:none;
}
.ul-inline{overflow:hidden;}
.ul-inline li{
	display:inline-block;
	margin:0 14px 0 0;
}

table {
    border: none;
	margin-bottom:1.5em;
}
th {
    background-color: #EAF3DE;
}
th, td {
    border: none;
	border-bottom:1px solid #6f9dcd;
    padding: 5px;
    vertical-align: top;
}
/

.intro{ font-size:1.2em;}
#HomePage h1{ color:#003366;}
#HomePage .intro{ color:#333333;}
/* contact form */
article form {
    margin-top: 25px;
    position: relative;
	overflow:hidden;
	font-size: 0.9em;
	margin-bottom: 1.5em;
	max-width:500px;
} 
.items li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
}
#content-sub h2, #content-sub h1{margin-top:0}
.title{border-bottom:1px solid rgba(136, 136, 136, 0.4);position:relative;}
.title:before{content:"";position:absolute;bottom:-2px;width:100px;height:3px;background-color:#b20000;display:block;}
.intro{color:#333333;}
.intro h1{color:#003366;}
.intro h2{
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 0.3em;}

.more{
	display:block;
	color:#CD4242;
	background:url(../images/head-red.gif) no-repeat left center;
	font-family:Arvo;
	padding-left: 13px;
}
.block{background-color:rgba(83, 106, 145, 0.15);padding:10px;}
#content-wrap{padding-top:15px;}
#header{border-bottom: 1px solid #cfcfcf;}
/* news */
.article-date{font-style:italic;color:#919191;margin-bottom:1em;display:inline-block;}
#news-block{padding:15px;overflow:hidden;}
#news-block h2, #news-block h2 a, #news-block h2 a:hover{ color:#00468C;}
#news-block h2{font-style:italic;font-size: 1.25em;margin-top:0;}
#news-extra{float:right;}
#news-extra a {
    color: #CD4242 !important;
    display: inline-block;
    font-size: 0.9em;
    margin-left: 20px;
    vertical-align: middle;
}
#news-block article {overflow: hidden;padding-top:.5em;padding-bottom:.5em;}

/*#news-block article{background:url(../images/dbl-sep.png) repeat-x left bottom;overflow:hidden;padding:.5em 0;}
#news-block article:last-child { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
#news-block article img{border-radius:100%;float:left;margin-right:10px;}
#news-block article div {float: left;width: 77%;}
#news-block h3 {font-size:1em;color:#126698;font-weight:normal;margin:0 0 .2em;}
#news-block datetime{color:#999999;font-style: italic;}
#block-follow{float:right;}
#block-follow li{margin:0 0 0 1em;font-size:.9em;}
#block-follow a{display:block;padding:3px 15px;color:#ffffff;}

#news-summary article {
    border-bottom: 1px solid #bbbbbb;
    overflow: hidden;
    padding: 1em 0;
}
#news-summary img {
    border-radius: 200px;
}
#news-summary a:hover img {
    box-shadow: 0 0 2px 0 rgba(5, 61, 163, 0.89);
}
#news-summary h3 {
     margin: 0 0 0.6em;
}
#news-summary a:hover h3, #news-summary a:focus h3 { color:#164194;}
#news-summary a p{color:#444444;}
#news-summary a datetime{color:#7B7B7B;font-style:italic;margin-bottom:.6em;display: inline-block;}
#news-summary form select{padding:3px;}
/* share links */
#share-links { padding-bottom: 11px;text-align: right;}
#share-links ul{
	display: inline-block;vertical-align: middle;margin-left: 10px;
}
#share-links .label{color:#4C3B27;font-style:italic;}
#share-links .social-share{margin-right:10px;}
.share{
	border-radius:20px;
	background-color:blue;
    display: inline-block;
    height: 28px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}
.share:hover,.share:focus, #block-follow a:hover,#block-follow a:focus, .more:hover, .more:focus{opacity:.7;}
.share i{color:#FFFFFF;}

.fb{background-color:#003366;}
.twitter{background-color:#00A3D9;}
.google{background-color:#B20000;}
.fa-twitter{color:#00A3D9;}
.fa-facebook{color:#00468C;}
.fa-linkedin{color:#00698C;}

#foot-social{color:#0F3266;}
#foot-social a{vertical-align:middle;display:inline-block;margin-left:15px;}
#out-links{text-align:right;}
#out-links .fa{font-size:1.4em;vertical-align:middle;}
#foot-logos{margin-top:1em;}
#foot-logos img{margin:5px 0;}

.row-sep, #content-sub section{
	background-image:url(../images/seperator.png);
	background-repeat:no-repeat;
	background-position: center top;
	margin-top: 12px;padding-top: 30px;
}
#content-sub section:last-child {
    margin-bottom: 2em;
}
#logo{
	z-index:20;
	position: relative;
    top: 35px;
}

/* tables */
table {
	margin-bottom:1em;
}
table th {
	font-weight:bold;
	color:white;
	background-color:#989F3F;
}
table th, #contentMain table td {
	vertical-align:top;
	border:1px solid #989F3F;
	padding:5px;
}
table.layout, table.layout td{border:none;}
table.layout td {
	
	padding:5px 10px 5px 0px;
	text-align:left;
}
table td.safety {
	background-color:#E8F0FF;
}
table td.sqp {
	background-color:#E0F5D6;
}
table td.council {
	Background-color:#F0E3F6;
}
table input.checkBoxFloat {
	float:left;
}
table p.checkBoxLabel {
	margin:0px 0px 0px 20px;
	padding:0px;
}
/* form elements */
#contact, #signupForm98 {
    background: none repeat scroll 0 0 rgba(26, 129, 163, 0.1);
    margin-bottom: 2em;
    overflow: hidden;
    padding: 15px;
}
form .row div[class^="col"]{margin-bottom:15px;}
.fieldWidth {
	padding: 2px;
    width: 100%;
}
label {
	color:#261919;
}
.button, .button-wrap input{
	border:none;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	display: inline-block;
}
.button-form, .button-form-wrap {
    background-color: #e0645c;
	border-radius: 5px;	
    border-bottom: 3px solid #d8362e;
    color: #ffffff; 
    font-size: 1.2em;
    padding: 7px 67px;
	float: right;
    margin: 1em 0 1em 1em;
}
.button-form-wrap{
	padding:0;
}
.button-form-wrap input{
	color:#FFFFFF;
	padding: 7px 51px 7px 67px;
}
.button-wrap input{
	background-color: transparent;
	cursor:pointer;
}
.button-buy{position:relative;}
.button-buy:before{
	content:"\f067 ";
	font-family:FontAwesome;
	font-size:.9em;
	padding-right:.5em;
	position:absolute;
	left: 40px;
    top: 11px;
}
.button:hover, .button-wrap:hover {
    background-color: #d8362e;
    border-bottom-color: #b10903;
}
.button-return {
    background-color: #e0645c;
	border-radius: 5px;	
    border-bottom: 3px solid #d8362e;
    color: #ffffff; 
    font-size: 1em;
    padding: 7px 10px;
    margin: 1em 1em 1em 0;
}
.button-reset{
	background-color: #dadada;
    color: #808080;
	border-bottom-color: #b4b4b4;
}
.button-reset:hover{
	background-color: #c1c1c1;
    border-bottom-color: #878484;
}
#shop .button-checkout {
    margin-right:0;
}
.fa-refresh{
	background-color:transparent;
	color:#33AED9;
}
.fa-refresh:hover{
	color:#336BA2;
	background-color:transparent;
}
.button-secondary {
    background-color: #126698;
	border:none;
    color: #ffffff;
    cursor: pointer;
    padding: 9px 10px;
	transition: all 0.3s ease 0s;
}
.button-secondary:hover, .button-secondary:focus {
    background-color: #2A50BE;
}
.guidance, .mandatory, .mandatoryInline {
	color:red;
}
.search-box {
	position: relative;padding: 9px 34px 9px 7px;
}

.small-print{font-size:.9em;}
/* featurettes */
.featurette .wrap{
    left: 4%;
    padding: 4px 5px 0;
    position: relative;
    top: -10px;
    width: 92%;}
.featurette .title {
	font-size: 1.2em;
    margin: 0 0 0.5em;
	padding-bottom: 0.2em;
}
.featurette a .title {	
	color:#144692;
}
.featurette a p, .featurette p {	
	color:#666666;
	font-size: 0.9em;
    margin-bottom: 0.5em;
}
.featurette a:hover h2, .featurette a:focus h2{ color:#062F67;}
.featurette a:hover img, .featurette a:focus img{opacity:.8;}
#home .module-member-directory .content{
	background:url(../images/member-logo@2x.png) no-repeat left top;
	background-size:83px 83px;
    padding-left: 105px;
}
.module-member-directory p{margin-bottom:.5em;}
.module-member-directory .search-box{
	border:1px solid #bbbbbb;
	background-color:#eeeeee;
	padding-right:5px;
	margin-right:5px;
	width: 64%;
}
.module-become-member{
	background:url(../images/slide-head-bg.png) no-repeat center 31px / 50% auto;
}
.module-shop-confidence .content{
	background:url(../images/shop-conf.gif) no-repeat left top;
    min-height: 100px;
    padding-left: 89px;
}
/* highlight boxes*/
.highlight-section{background-color:#536A91;background-color:rgba(83, 107, 145, 0.15);font-size:.9em;}
.highlight-section .title a, .highlight-section a .title{color:#003366;}
.highlight-section p{color:#444444;}
#content-wrap > .highlight-section {
    padding: 29px 0;margin-bottom: 2.5em;
}
#content-sub .highlight-section{padding:10px;}
.highlight-section .title{margin: 0 0 1.4em;font-size: 1.35em;padding-bottom: 0.2em;}
.highlight-section p a{color:#126698; text-decoration:underline;}

/* search form */
.search-form {
    position: relative;
}
#content-main .search-form { margin-bottom:1em;overflow:hidden;}
#content-main .search-box {
    width: 100%;
}
#content-main .search-button {
    height: 100%;
}
.search-button {
		background: transparent;
		border: 0 none;
		cursor: pointer;
		float: right;
		height: 24px;
		overflow: hidden;
		position: absolute;
		right: 9px;
		top: 0;
		width: 20px;
	}
/* content aside */
.aside img,  #content-main img{
    border: 1px solid #c4c4c0;
    box-sizing: content-box;
    padding: 2px;
}
#content-main #shop img{float:none;border:none;padding:0;margin:0;}
/* product page */
#product-page #content-main img{
	float:left;
	margin:0 1em 0 0;
	border:1px solid #EEEEEE;
}
#product-page #quantity input{
	padding:3px;
	margin-left:1em;
}
#product-page #price { font-size:1.3em;color:#444444;font-family: source_sans_prosemibold;margin-bottom: 0.7em;}
#product-page #buy-options {
    text-align: right;
}
#product-page .button-form-wrap{
	margin-right:0;
}
.product-footer {
    border-top: 1px solid #164194;
    margin: 1em 0;
    padding-top: 1em;
}
.product .img-wrap{text-align:center;background-color: #ffffff;display: block;}
.product .productDetail, .product .productFooter{text-align:left;}
.product h3 {margin: 0.7em 0 0.4em;}
.product .productFooter{border-bottom: 1px solid #DBDBE2;
border-top: 1px solid #DBDBE2;padding: 8px 0;margin-top: 1em;}
.product .productFooter .qty input,#product-page #quantity input{border: 1px solid #b5b5b5;}
.product .productFooter .qty input{width: 36px;padding:1px;margin-left: 8px;}
#shop .product {
    margin-bottom: 4em;
}
#shop .productDetail {min-height: 9em;}
#shop .productDetail p {
    color: #5c5c5c;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}
#shop .price {
    color: #4e4e4e;
    font-size: 1.1em;
    font-weight: bold;
}
#shop a:hover img{opacity:.8;}
#shop .link:hover{text-decoration:underline;}
#shop .basketButtons{text-align:right;}
#shop #basketTotal {
    display: inline-block;
    font-size: 1.2em;
}
#shop #basketTotal span {
    font-family: source_sans_prosemibold;
    font-size: 1.4em;
}
/* footer */
#footer {
	border-top:1px solid #BEBEBE;
	color: #666666;
	font-size:0.95em;
	padding: 1em 24px;
}
#footer a{color:#777777;}
#footer a:hover, #footer a:focus {color: #181313;}
#footer a img:hover,#footer a img:focus, #footer a .fa:hover,#footer a .fa:focus{opacity:.6;}


/* slider move to media queries */
#slider-area {background-color: rgba(102, 140, 181, 0.24);}
.no-rgba #slider-area .flexslider{background-color:#D2DBE5;}
.flexslider img, .flexslider .content {
    float: left;
}
.flexslider img {
    max-width: 59.5%;
}
.flexslider li{
	background:url(../images/slide-head-bg.png) no-repeat 92% top;
}
.flexslider .content {
    margin-left: 2%;
    width: 33.6%;
	padding-top: 25px;
}
.flexslider p {color:#000000;font-size: 1.35em;margin-bottom: 0.6em;font-family:source_sans_prolight;}

.flexslider h2 {
    color: #134692;
    font-size: 1.85em;
    margin: 0 0 0.4em;
	font-family:Arvo;line-height: 1.2;
}
.flexslider .more{
	background: url("../images/head-white.png") no-repeat scroll 18px 10px #d8362e;
    border-radius: 38px;
    color: #ffffff;
    display: inline-block;
    padding: 7px 30px 7px 38px;
}

.loading {min-height: 300px; background: url(../images/loader.gif) no-repeat center center;}

/* retail finder */
.alphabet li {
    margin-bottom: 1em;
    margin-right: 6px;
}

.alphabet a {
    background-color: #e0645c;
    color: #fff;
    display: block;
    padding: 8px 13px;
}
.alphabet a:hover,.alphabet a:focus  {background-color:#D8362E;}

/* app page */
.app-button{float:left;margin-right:2em;display:inline-block;margin-bottom:2em;}