/**********************************
Description...:screen css
Author........:
Last Changed..:13-03-2015
Notes #1......:
*********************************/
/******************
Layout**/
* {padding:0;margin:0;border:0;}
html, body { /*overflow-x:hidden;*/ }
body {
font-family:'myriad pro',arial,helvetica,sans-serif;
font-size:100%;
text-align:center;
cursor:default;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
background:#f7f7f7;
}

.container {
position:relative;
width:850px;
margin:0 auto;padding:0 90px;
    padding-top: 20px;
text-align:left;
/*background:rgba(0,0,0,0.2);*/
}
.cont-header {
width:872px;
padding:0 64px;
}
.cont-footer {
padding:24px 0;
}
.cont-flash {
text-align: center;
padding:0;
min-height:296px;
}

	#courses .cont-flash {
	width:1000px;
	min-height:231px;
	}

@font-face {
font-family: 'Arial Narrow';
src:url('../fonts/arial_narrow.eot');
src:url('../fonts/arial-narrow.ttf') format('truetype'),
	url('../fonts/arial_narrow.woff') format('woff'),
	url('../fonts/arial_narrow.svg') format('svg');
font-weight:normal;
font-style:normal;
}
article, aside, details, figcaption, figure, figcaption, footer, header, menu, nav, section, video {display:block;}
h2, h3, h4, h5, h6 {}
img {vertical-align:middle;}

/******************
Buttons**/
.btn a {
display:inline-block;
color:#000;
text-transform:uppercase;
padding:10px 10px;
border:1px solid #a9a9a9;
-moz-transition:background-color 200ms ease-in;
-webkit-transition:background-color 200ms ease-in;
-o-transition:background-color 200ms ease-in;
transition:background-color 200ms ease-in;
}
.btn a:link, .btn a:visited {text-decoration:none;}
.btn a:hover, a.btn:active, a.btn:focus {
color:#000;
background-color:#fff;
}
.courses-btn.btn a.btn:active, .courses-btn.btn a.btn:focus {
	color:white;
	background: none;
}
.btn-long a {
padding:10px 40px;margin:14px 0 0;
border:1px solid #2f2f2f;
border-radius:3px;
}

/******************
Logo Area**/
#header {
width:100%;min-height:62px;
position:relative;
z-index:9;
background-color:#fff;
border-bottom:1px solid #dededc;
}
#header img {
float:left;
margin:16px 36px 0 0px;
}

	/******************
	Checkout Header Links**/
	.checkout {
	float:right;
	color:#f7f7f7;
	margin:14px 0;
	position:relative;
	}
	.checkout .checkout-total {
	float:left;
	min-height:18px;
	font-size:0.95em;
	line-height:2em;
	padding-left:28px;
	background:url(../images/icon-basket.png) left 50% no-repeat;
	margin-right:5px;
	    padding-top: 5px;
	}
	.checkout-container {
		float:right;

	}

	.checkout-container .basket-contents {
background: #d1d1d1;

background: -moz-linear-gradient(top,  #d1d1d1 0%, #efefef 17%, #efefef 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(17%,#efefef), color-stop(100%,#efefef)); /

background: -webkit-linear-gradient(top,  #d1d1d1 0%,#efefef 17%,#efefef 100%);

background: -o-linear-gradient(top,  #d1d1d1 0%,#efefef 17%,#efefef 100%);

background: -ms-linear-gradient(top,  #d1d1d1 0%,#efefef 17%,#efefef 100%);

background: linear-gradient(to bottom,  #d1d1d1 0%,#efefef 17%,#efefef 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#efefef',GradientType=0 );



	color: #000000;
  	position: absolute;
  	top: 53px;
  	padding:32px 24px 19px;
    width: 238px;
  	left: 0px;
  	display:none;
	border-left: 1px solid #dededc;
	border-right: 1px solid #dededc;
	border-bottom: 1px solid #dededc;
	z-index:9;
	font-size: 14px;

	}


	.checkout-container .basket-contents .items-container {
		margin:0px 0px 15px;
		color: #000000;
	}

	.checkout-container .basket-contents .items-container .product {
		float:left;
		width: 68%;
		font-weight:bold;
		text-align:left;
	}
	.checkout-container .basket-contents .items-container .product p span,
	.checkout-container .basket-contents .items-container .total-container p span {
		color: #464646;
		font-weight:normal;
	}
	.checkout-container .basket-contents .items-container .total-container {
		display: inline-block;
		width: 100%;
		font-weight:bold;
	}


	.checkout-container .basket-contents .items-container .total-container .total {
		float:left;
	}

	.checkout-container .basket-contents .items-container .price {
		float:right;
		width: 27%;
	}
	.checkout-container .basket-contents .items-container .product p, .checkout-container .basket-contents .items-container .price p {
		margin:0px 0px 13px;
	}

	.checkout-container .basket-contents .edit {
		float:left;
	}

	.checkout-container .basket-contents .order {
		border: 1px solid #a9a9a9;
		background:#c02815;
  		float: right;
	}

	.checkout-container .basket-contents .order.btn a {
		border:none;

	}
	.checkout-container .basket-contents .order.btn a:hover {
		color: #000000;
	}
	.checkout-container .basket-contents .order a {
        color: #ffffff;
		text-transform:none;
    }
	.checkout-container .basket-contents .btn a {
		font-size:13px;
		line-height:1em;
		padding: 10px 19px 9px;
	}
	.checkout .checkout-btn {
	float:left;
	font-size:0.95em;
	margin:-1px 0 0 8px;
	}
	.checkout .checkout-btn a.btn {
	color:#f4f4f4;
	text-transform:none;
	text-decoration:none;
	padding:8px 16px 6px;
	line-height: 1em;
	}
	.checkout .checkout-btn a.btn:hover, .checkout .checkout-btn a.btn:active, .checkout .checkout-btn a.btn:focus {color:#000;}
		.courses .courses-btn {
	float:left;
	font-size:0.95em;
	margin:-1px 0 0 8px;
	}
	.courses .courses-btn a.btn {
	color:#f4f4f4;
	text-transform:none;
	text-decoration:none;
	padding:8px 16px 6px;
	line-height: 1em;
	}
	.courses .courses-btn a.btn:hover, .courses .courses-btn a.btn:active, .courses .courses-btn a.btn:focus {color:#000;}

/******************
bottom navigation**/

.bottomNav {
	min-height: 42px;
}

.container.cont-header.clearfix.bottom-nav {
	padding: 16px 0px 8px;
	  width: 887px;
}
.bottomNav {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6a6a6+0,d9d9d9+28,d9d9d9+45,d9d9d9+99 */

background: #a6a6a6; /* Old browsers */

background: -moz-linear-gradient(top,  #a6a6a6 0%, #d9d9d9 28%, #d9d9d9 45%, #d9d9d9 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(28%,#d9d9d9), color-stop(45%,#d9d9d9), color-stop(99%,#d9d9d9)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #a6a6a6 0%,#d9d9d9 28%,#d9d9d9 45%,#d9d9d9 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #a6a6a6 0%,#d9d9d9 28%,#d9d9d9 45%,#d9d9d9 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #a6a6a6 0%,#d9d9d9 28%,#d9d9d9 45%,#d9d9d9 99%); /* IE10+ */

background: linear-gradient(to bottom,  #a6a6a6 0%,#d9d9d9 28%,#d9d9d9 45%,#d9d9d9 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */



}

.container.cont-header.clearfix.bottom-nav .user {
	float:left;
	font-size: 15px;
	padding-left: 26px;
}

.container.cont-header.clearfix.bottom-nav .user span {
	color: #c6000e;
	font-weight: bold;
}

.account-nav {
	display:inline-block;
	float:right;
}

.bottom-nav ul.nav-list {
	list-style-type:none;
}

.bottom-nav ul.nav-list li a:focus {
	background: transparent;
}
.account-nav ul#sf-menuTwo li a.red {
	color: #ce000b;
	font-weight:bold;
}

.bottom-nav ul.nav-list li a {
	text-decoration: none;
	color: #121212;
	margin-right:28px;
	font-size: 15px;
}

.bottom-nav ul.nav-list li a:hover {
	color: #404040;
}

/******************
Main Hero Banner*
#flashcontent {
position:relative;
text-align:center;
width:100%;
background-color:#788e41;
background:-webkit-linear-gradient(top, #c8c8c8 0%, #989898 100%);
background:linear-gradient(to bottom, #c8c8c8 0%, #989898 100%);
display:inline-block;
}

	#slides {
	text-align:center;
	color:#fff;
	}
	
	#slides h1 {
	font-size:4.8em;
	line-height:0.8em;
	letter-spacing:-1px;
	}
	#slides p {
	line-height:1.25em;
	font-size:2.5em;
	}
	#slides p strong {font-weight:normal;color:#f8d800;}
	#slides p.smallprint {font-size:0.65em;margin-bottom: 50px;}
	#slides a {
	font-size:1.35em;
	font-weight:bold;
	text-decoration:none;
	color:#4a5f17;
	}
	#slides a:hover {text-decoration:underline;}

	.login {
	display:inline-block;
	}
	.login a {
	text-transform:uppercase;
	font-size:1em;
	padding:12px 26px 8px;margin:0 0 26px;
	background-color:#eb4343;
	border:1px solid #a05656;
	}
	.login a:link, .login a:visited {color:#fff;text-decoration:none;}
	.login a:hover {background-color:#bb3123;}*/
	#courses #flashcontent {
	background-color:#0097a4;
	background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	border-bottom:1px solid #c6c6c6;
	}
	#courses #slides {
	width: 580px;
	margin: 0px 0px 0px 130px;
	text-align: left;
	}
/******************
Main Content**/
.main-content {
float:left;
padding:32px 0 0;
}
.main-content h2 {
font-size:1.75em;
margin:0 0 12px;
font-weight:normal;
}
.main-content h2 span {
color:#F8D800;
margin:8px;
}
#courses .main-content h2  {
width: 100%;
display: inline-block;
margin: 14px 0 12px;
}
.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
color:#0097a4;
font-size:1.1em;
margin:0 0 14px;
}
.main-content h6 {
color:#121212;
font-size:0.8em;
text-transform:uppercase;
margin:0;
}
.main-content p {
font-size:0.9em;
margin:0 0 14px;
}
.main-content ul, .main-content ol, .main-content dl {
margin:0 0 14px;
}
.main-content ul li, .main-content ol li, .main-content dl dd {
list-style:disc;
font-size:0.9em;
line-height:1.5em;
margin:0 0 0 20px;
}
.main-content ol li {
list-style:decimal;
margin:0 0 0 30px;
}
.main-content dl dt {
font-size:0.9em;
font-weight:bold;
margin:10px 0 0;
}
.main-content img.wrap {
float:left;
margin:0 5px 5px 0;
}
.main-content a:link, .main-content a:visited {}
.main-content a:hover {}

	/******************
	Backgrounds**/
	.main-content section {
	padding:0 0 44px;
	background:url(../images/section-bg.png) center bottom no-repeat;
	}

    #courses .main-content aside section {
	padding:20px 0 23px;
	background:url(../images/section-bg.png) center bottom no-repeat;
	}

    #courses .main-content aside section.chapters {
        padding: 20px 0 12px;
            padding-top: 0px;
    }

    #courses .main-content aside section.exam {
        padding: 20px 0px 11px;
    }

    #courses .main-content aside section.downloads {
        padding: 20px 0px 0px;
    }

    #courses .main-content section {
        background:none;
    }
    #courses .main-content section.chapter {
     background:url(../images/section-bg.png) center top no-repeat;
    }
	.main-content section.no-bg {background:none;}

	/*advert*/
	.col-special {
	padding:100px 0 75px;
	background:#333 url(../images/section-bg02.png) center center;
	box-shadow:inset 0 -6px 12px -6px #000;
	margin-top: 8px;
	}
	.col-special .col-center {text-align:center;}
	.col-special .col-center h4 {
	color:#cfcfcf;
	font-size:2.1em;
	font-weight:normal;
	}
	.col-special .col-center strong {color:#f7f7f7;}
	.col-special .btn a {
	color:#f4f4f4;
	padding:16px 16px 14px;margin:28px 0 0;
	}
	.col-special .btn a:hover {color:#000;}

	/******************
	Bootstrap-like columns**/
	.col-lg-1 {float:left;width:8.333%;}
	.col-lg-2 {float:left;width:16.666%;}
	.col-lg-3 {float:left;width:24.999%;padding-left: 5%;}
	.col-lg-4 {float:left;width:33.332%;}
	.col-lg-5 {float:left;width:41.665%;}
	.col-lg-6 {float:left;width:49.998%;}
	.col-lg-7 {float:left;width:58.331%;}
	.col-lg-8 {float:left;width:66.664%;}
	.col-lg-9 {float:left;width:74.997%;}
	.col-lg-10 {float:left;width:83.33%;}
	.col-lg-11 {float:left;width:91.663%;}
	.col-lg-12 {float:left;width:100%;}

	.col-offset {margin-right:54px;}

	.main-content .col-center {
	text-align:center;
    padding: 30px 0 30px;
	}
	.col-center h2, .col-center h4 {
	color:#000;
	font-size:1.45em;
	}
	.col-center img {margin:26px 0 0;}

	/******************
	Call-To-Action Boxes**/
	#cta-box_hldr {
	width:852px;
	}
	.cta-box {
	float:left;
	position:relative;
	overflow: hidden;
	width:472px;min-height:306px;
	padding:40px 40px 0;margin-top:8px;
	background-color:#0097a4;
	background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	}
	.bglight{
	background-color: #e8e8e8;
	background: -webkit-linear-gradient(top, #bebebe 0%, #e8e8e8 100%);
	background: linear-gradient(to bottom, #bebebe 0%, #e8e8e8 100%);
	}
	.cta-box-bigclean {
	float:left;
	width:472px;min-height:100px;
	padding:10px 0px;margin-top:8px;
	background:none;
	}
	.cta-box-clean {
	float:left;
	text-align:center;
	width:250px;min-height:149px;
	padding:20px 20px 0;
	border-left:solid 1px #CCCCCC;
	background:none;
	}
	.cta-box a {display:block;}
	.cta-box a:link {color:#fff;text-decoration:none;}
	.cta-box a:visited {color:#fff;text-decoration:none;}
	.cta-box .image {
	position:absolute;
	right:0;bottom: 0;
	width:211px;height:347px;
	background:url(../images/cta-img01.png) no-repeat;
	}
	.cta-box h3 {
	color:#fff;
	font-size:2.2em;
	line-height:1.05em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding-right:170px;
	}
	.cta-box h3 strong {
	font-size: 3.1em;
	line-height: 0.9em;
	letter-spacing:-8px;
}
	.cta-box h3 em {
	font-size: 0.5em;
	line-height: 0.9em;
	font-style:normal;
	padding-left:10px;
}
	.cta-box h3.ndna strong {
	font-size: 1.6em;
	line-height: 0.9em;
	letter-spacing:-7px;
}	
	.cta-box h3 span {
	color:#f8d800;
}
	.cta-box h4 {
	color:#fff;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1em;
	}
	.cta-box p {
	font-size:0.85em;
	min-height:36px;
	padding:8px 180px 0 0;margin:0;
	}
	.cta-box-bigclean p {
	font-size:0.85em;
	min-height:36px;
	padding:8px 0px 0 0;margin:0;
	}
	.cta-box-clean p {
	font-size:0.85em;
	min-height:36px;
	padding:8px 10px 0 0;margin:0;
	}
	.cta-box p.btn-click {
	padding:8px 180px 0 50px;
	background:url(../images/icon-click01.png) left 0 no-repeat;
	}
	.cta-box ul li {
	color:#fff;
	font-size:0.85em;
	list-style: none;
	margin:0;
	}
	.cta-box ul li a {display:inline;}
	.cta-box ul li a:link, .cta-box ul li a:visited {text-decoration:underline;}
	.cta-box ul li a:hover {text-decoration:none;}

	/*large variations*/
	.cta-box-lrg {
	float:right;
	min-height:268px;
	padding-top:30px;
	background-color:#989898;
	background:-webkit-linear-gradient(top, #c8c8c8 0%, #989898 100%);
	background:linear-gradient(to bottom, #c8c8c8 0%, #989898 100%);
	}
	.cta-box-lrg .image {
	width:287px;height:347px;
	background-image:url(../images/cta-img03.png);
	}

	/*small variations*/
	.cta-box-sm {
	float:right;
	width:250px;min-height:149px;
	padding:20px 20px 0;
	}
	.cta-box-sm .image {
	width:114px;height:169px;
	}
	.cta-box-sm h3 {
	font-size:1.6em;
	line-height:0.95em;
	padding-right:50px;
	}
	.cta-box-sm p.btn-click {
	font-size:0.65em;
	min-height:28px;
	padding:4px 30px 0 40px;
	background-image:url(../images/icon-click02.png);
	}
	.cta-box-sm-cat-fs {
    float: right;
	width: 250px;
	min-height: 149px;
	padding: 20px 20px 0;
	background-color: #e8e8e8;
	background: -webkit-linear-gradient(top, #bebebe 0%, #e8e8e8 100%);
	background: linear-gradient(to bottom, #bebebe 0%, #e8e8e8 100%);
	}
	.cta-box-sm-cat-fs h3 {
    font-size: 1.6em;
    line-height: 0.95em;
    padding-right: 50px;
	}
	.cta-box-sm-cat-fs p.btn-click {
	font-size: 0.74em;
	min-height: 58px;
	padding: 78px 10px 0px 0px;
	background-image: url(../../common_assets/images/icon-click-fs.png);
	}
	.cta-box-sm-cat-fs .image {
	width:144px;height:179px;
	}
	.cta-box-var-fslv1 .image {
	position:absolute;
	bottom:0;
	background:url(../images/cta-img-fhlv1.png);
	background-repeat:no-repeat;
	}
	.cta-box-var-fslv2 .image {
	position:absolute;
	bottom:0;
	background:url(../images/cta-img-fhlv2.png);
	background-repeat:no-repeat;
	}
	.cta-box-var-fslv3 .image {
	position:absolute;
	bottom:0;
	background:url(../images/cta-img-fhlv3.png);
	background-repeat:no-repeat;
	}
	.cta-box-sm-cat-fs h3 span {
    color: #09646a;
	}

	.cta-box-sm-cat-hs {
    float: right;
	width: 250px;
	min-height: 149px;
	padding: 30px 20px 0;
	background-color: #e8e8e8;
	background: -webkit-linear-gradient(top, #bebebe 0%, #e8e8e8 100%);
	background: linear-gradient(to bottom, #bebebe 0%, #e8e8e8 100%);
	}
	.cta-box-sm-cat-hs h3 {
    font-size: 1.6em;
    line-height: 0.95em;
    padding-right: 50px;
	}
	.cta-box-sm-cat-hs p.btn-click {
	font-size: 0.74em;
	min-height: 58px;
	padding: 78px 10px 0px 0px;
	background-image: url(../../common_assets/images/icon-click-hs.png);
	}
	.cta-box-sm-cat-hs .image {
	width:144px;height:179px;
	}
	.cta-box-var-hslv2 .image {
	position:absolute;
	bottom:0;
	background:url(../images/cta-img-shlv2.png);
	background-repeat:no-repeat;
	}
	.cta-box-sm-cat-hs h3 span {
    color: #821931;
	}

	/*Level1*/
	.cta-box-var1 {
	background-color:#0097a4;
	background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	}
	.cta-box-var1 .image {background-image:url(../images/cta-img02a.png);}
	/*Level3*/
	.cta-box-var2 {
	background-color:#0097a4;
	background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	}
	.cta-box-var-red {
	background-color:#ed1c24;
	background:-webkit-linear-gradient(top, #c01e2e 0%, #ed1c24 100%);
	background:linear-gradient(to bottom, #c01e2e 0%, #ed1c24 100%);
	padding-bottom: 12px;
	}
	.cta-box-var2 .image {background-image:url(../images/cta-img02b.png);}
	/*Allergy*/
	.cta-box-var5 {
	background-color:#930884;
	background:-webkit-linear-gradient(top, #5f0155 0%, #930884 100%); 
	background:linear-gradient(to bottom, #5f0155 0%, #930884 100%);
	}
	.cta-box-var5 .image {background-image:url(../images/cta-img02b.png);}
	/*Nutrition*/
	.cta-box-var6 {
	background-color:#930884;
	background:-webkit-linear-gradient(top, #5f0155 0%, #930884 100%);
	background:linear-gradient(to bottom, #5f0155 0%, #930884 100%);
	}
	.cta-box-var6 .image {background-image:url(../images/cta-img02b.png);}
	/*Second big one*/
	.cta-box-var7 {
	background-color:#930884;
	background:-webkit-linear-gradient(top, #5f0155 0%, #930884 100%);
	background:linear-gradient(to bottom, #5f0155 0%, #930884 100%);
	}
	.cta-box-var7 .image {background-image:url(../images/cta-img01.png);}
	/*Third big one*/
	.cta-box-var8 {
	background-color:#8c67c6;
	background:-webkit-linear-gradient(top, #6d3e9a 0%, #8c67c6 100%);
	background:linear-gradient(to bottom, #6d3e9a 0%, #8c67c6 100%);
	}
	.cta-box-var8 .image {background-image:url(../images/cta-img01.png);}
		/*Nutrition Early years*/
	.cta-box-var9 {
	background-color:#8c67c6;
	background:-webkit-linear-gradient(top, #6d3e9a 0%, #8c67c6 100%);
	background:linear-gradient(to bottom, #6d3e9a 0%, #8c67c6 100%);
	}
	.cta-box-var9 .image {background-image:url(../images/cta-img02b.png);}
		/*Allergy Early years*/
	.cta-box-var10 {
	background-color:#8c67c6;
	background:-webkit-linear-gradient(top, #6d3e9a 0%, #8c67c6 100%);
	background:linear-gradient(to bottom, #6d3e9a 0%, #8c67c6 100%);
	}
	.cta-box-var10 .image {background-image:url(../images/cta-img02b.png);}
	
	/*All Syllabus coloured bgs*/
	.cta-box-varsyllabus-hs {
	background-color:#930884;
	background:-webkit-linear-gradient(top, #5f0155 0%, #930884 100%);
	background:linear-gradient(to bottom, #5f0155 0%, #930884 100%);
	}
	.cta-box-varsyllabus-hs .image {background-image:url(../images/cta-paperwork.png);}
	.cta-box-varsyllabus-fh {
	background-color:#0097a4;
	background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	}
	.cta-box-varsyllabus-fh .image {background-image:url(../images/cta-paperwork.png);}	
	.cta-box-varsyllabus-ey {
	background-color:#4797d4;
	background:-webkit-linear-gradient(top, #195aa1 0%, #4797d4 100%);
	background:linear-gradient(to bottom, #195aa1 0%, #4797d4 100%);
	}
	.cta-box-varsyllabus-ey .image {background-image:url(../images/cta-paperwork.png);}
	
	/*All due dill links coloured bgs*/
	.cta-box-varlinks-hs {
	background-color:#930884;
	background:-webkit-linear-gradient(top, #5f0155 0%, #930884 100%);
	background:linear-gradient(to bottom, #5f0155 0%, #930884 100%);
	}
	.cta-box-varlinks-hs .image {background-image:url(../images/cta-webpages.png);}
	.cta-box-varlinks-fh {
	background-color:#0097a4;
	background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	}
	.cta-box-varlinks-fh .image {background-image:url(../images/cta-webpages.png);}
	.cta-box-varlinks-ey {
	background-color:#4797d4;
	background:-webkit-linear-gradient(top, #195aa1 0%, #4797d4 100%);
	background:linear-gradient(to bottom, #195aa1 0%, #4797d4 100%);
	}
	.cta-box-varlinks-ey .image {background-image:url(../images/cta-webpages.png);}
	/*black*/
	.cta-box-var3 {
	float:left;
	width:232px;min-height:218px;
	padding:40px 30px;
	background-color:#1e1e1e;
	background:-webkit-linear-gradient(top, #4d4b46 0%, #1e1e1e 100%);
	background:linear-gradient(to bottom, #4d4b46 0%, #1e1e1e 100%);
	}

	/******************
	Call To Action Advert**/
	.cta-advert {
	float:left;
	width:822px;
	text-align:center;
	margin-top:8px;padding:14px;
	background:#fff;
	border:1px solid #d2d2d2;
	}
	.cta-advert p {
	display:inline-block;
	font-size: 1.2em;
	}
	.cta-advert img {margin-left:10px;}

	/******************
	Boxout**/
	.boxout {
	float:right;
	width:381px;
	padding:0px;
	margin:0 0 30px 30px;
	background:#f2f2f2;
	border:1px solid #d2d2d2;
	border-radius:2px;
	}
	.boxout h5 {
	  font-size: /*0.9em*/ 13px;
	  padding: 22px 0px 19px;
	  margin: 0;
	  background-color:#0097a4;
	  background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
	  background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);
	  color: #F8D800;
	  text-align: center;
	}
	.boxout ul {
		margin:0px;
	}
	.boxout ul li {
	list-style:none;
	line-height:normal;
	margin:0px;
	padding:23px 50px;
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
	line-height:1.1em;
	}
	.boxout ul li:hover {
		background: #424242;
	}

	.boxout ul li:hover a {
		color: #fff;
	}
	.boxout ul li.last {
		border:none;
	}
	.boxout ul li a {
		color: #000000;
		text-decoration:none;
		font-size:13px;
		font-weight:600;
	}
	.boxout .btn a {
	float:left;
	font-size:0.85em;
	text-transform:none;
	padding:6px 16px 8px;
	background-color:#c02815;
	border:1px solid #d4d4d4;
	}
	.boxout .btn a:link, .boxout .btn a:visited {color:#fff;}
	.boxout .btn a:hover {background-color:#e80000;}

	/******************
	Testimonial Blocks**/
	.testimonials {padding:0;}
	.testimonials h4 {
	font-size:0.8em;
	text-transform:uppercase;
	}
	.testimonial-blk {
	font-style:italic;
	padding:10px 16px;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
	}
	.testimonial-blk p {
	line-height:1.3em;
	margin:0 0 10px;
	}
	.testimonial-blk img {margin:0;}


/******************
Courses **/

/* navigation */

#nav ul li a.red {
    text-transform: uppercase;
    color: #de0f49;
}

/* banner */

#courses #slides img {
	position: absolute;
	bottom: 0px;
    left:0px;
    right:0px;
}
#courses #slides .content {
    position: absolute;
    right: 100px;
}
#courses #slides h1 {
    color: #4a5f17;
    font-size: 26.57px;
    font-weight: 600;
    text-shadow: none;
    margin: 0px 0px 7px;
}
#slides h2 {
    color: #ffffff;
    font-size: 26.57px;
    font-weight: 600;
    margin: 0px 0px 6px;
}
#courses #slides p {
    font-size: 17.65px;
    color: #4a5f17;
    font-weight: 600;
    padding: 0px;
    margin: 1px 0px 0px;
}
#slides p a {
    color: #F8D800;
    font-size: 17.65px;
}
/* content */

#courses .main-content section img.left {
    float: left;
    margin-right: 3.8%;
}
#courses .main-content section img.right {
    float: right;
    margin-left: 4%;
}

.block {
    position: relative;
    width:auto;
    display: inline-block;
    margin: 40px 0px 21px;
}

.block .header {
    top: -33px;
    position: absolute;
    width: auto;
    z-index: 1;
    left: 26px;
    height: 35px;
    line-height: 1.4em;
    padding: 0px 0px 0px;
    z-index: -1;
}
.block.case .header {
    background: #b7c875;
    background: -moz-linear-gradient(top,  #b7c875 0%, #788e41 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7c875), color-stop(100%,#788e41));
    background: -webkit-linear-gradient(top,  #b7c875 0%,#788e41 100%);
    background: -o-linear-gradient(top,  #b7c875 0%,#788e41 100%);
    background: -ms-linear-gradient(top,  #b7c875 0%,#788e41 100%);
    background: linear-gradient(to bottom,  #b7c875 0%,#788e41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c875', endColorstr='#788e41',GradientType=0 );
}

.block.key .header {
    background: #dd0019;
    background: -moz-linear-gradient(top,  #dd0019 0%, #880a0d  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0019), color-stop(100%,#880a0d));
    background: -webkit-linear-gradient(top,  #dd0019 0%,#880a0d 100%);
    background: -o-linear-gradient(top,  #dd0019 0%,#880a0d 100%);
    background: -ms-linear-gradient(top,  #dd0019 0%,#880a0d 100%);
    background: linear-gradient(to bottom,  #dd0019 0%,#880a0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0019', endColorstr='#880a0d',GradientType=0 );
}


.block .content hr {height: 2px;}

.block.case .content hr {
background: #98ab5b;
background: -moz-linear-gradient(left,  #98ab5b 0%, #98ab5b 28%, #9e9e9d 39%, #ababab 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#98ab5b), color-stop(28%,#98ab5b), color-stop(39%,#9e9e9d), color-stop(100%,#ababab));
background: -webkit-linear-gradient(left,  #98ab5b 0%,#98ab5b 28%,#9e9e9d 39%,#ababab 100%);
background: -o-linear-gradient(left,  #98ab5b 0%,#98ab5b 28%,#9e9e9d 39%,#ababab 100%);
background: -ms-linear-gradient(left,  #98ab5b 0%,#98ab5b 28%,#9e9e9d 39%,#ababab 100%);
background: linear-gradient(to right,  #98ab5b 0%,#98ab5b 28%,#9e9e9d 39%,#ababab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ab5b', endColorstr='#ababab',GradientType=1 );
}

.block.key .content hr {
    background: #ac0612;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjMDYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2FjMDYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzllOWU5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmFiYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ac0612 0%, #ac0612 28%, #9e9e9d 39%, #ababab 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ac0612), color-stop(28%,#ac0612), color-stop(39%,#9e9e9d), color-stop(100%,#ababab));
background: -webkit-linear-gradient(left,  #ac0612 0%,#ac0612 28%,#9e9e9d 39%,#ababab 100%);
background: -o-linear-gradient(left,  #ac0612 0%,#ac0612 28%,#9e9e9d 39%,#ababab 100%);
background: -ms-linear-gradient(left,  #ac0612 0%,#ac0612 28%,#9e9e9d 39%,#ababab 100%);
background: linear-gradient(to right,  #ac0612 0%,#ac0612 28%,#9e9e9d 39%,#ababab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac0612', endColorstr='#ababab',GradientType=1 );


}
.block .header h3 {
    color: #ffffff;
    padding:8px 18px;
    font-size: 15px;
}

.block .content h4 {
    color: #000000;
    font-size: 26.57px;
    padding:13px 20px 0px;
    margin: 5px 0px 0px;
}
.block .content {
    background: #ebebeb;
background: -moz-linear-gradient(top,  #ebebeb 0%, #dbdbdb 46%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(46%,#dbdbdb), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top,  #ebebeb 0%,#dbdbdb 46%,#e6e6e6 100%);
background: -o-linear-gradient(top,  #ebebeb 0%,#dbdbdb 46%,#e6e6e6 100%);
background: -ms-linear-gradient(top,  #ebebeb 0%,#dbdbdb 46%,#e6e6e6 100%);
background: linear-gradient(to bottom,  #ebebeb 0%,#dbdbdb 46%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e6e6e6',GradientType=0 );
    padding: 18px 28px 6px 28px;
    border: 1px solid #838383;
    /*-webkit-box-shadow: 0px 2px 16px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 16px -3px rgba(0,0,0,0.75);
box-shadow: 0px 2px 16px -3px rgba(0,0,0,0.75);*/
    -webkit-box-shadow: 0px 3px 12px #a3a3a3 , 0px 0px 13px #a3a3a3;
    -moz-box-shadow: 0px 3px 12px #a3a3a3 , 0px 0px 13px #a3a3a3;
    box-shadow: 0px 3px 12px #a3a3a3 , 0px 0px 13px #a3a3a3;
    overflow: hidden;
}


.block.case .block-color {
    background: #697b3a;
    background: -moz-linear-gradient(top,  #697b3a 0%, #697b3a 49%, #697b3a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#697b3a), color-stop(49%,#697b3a), color-stop(100%,#697b3a));
    background: -webkit-linear-gradient(top,  #697b3a 0%,#697b3a 49%,#697b3a 100%);
    background: -o-linear-gradient(top,  #697b3a 0%,#697b3a 49%,#697b3a 100%);
    background: -ms-linear-gradient(top,  #697b3a 0%,#697b3a 49%,#697b3a 100%);
    background: linear-gradient(to bottom,  #697b3a 0%,#697b3a 49%,#697b3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697b3a', endColorstr='#697b3a',GradientType=0 );
}

.block.key .block-color  {
    background: #880a0d;
    background: -moz-linear-gradient(top,  #880a0d 0%, #77090b 49%, #69090a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#880a0d), color-stop(49%,#77090b), color-stop(100%,#69090a));
    background: -webkit-linear-gradient(top,  #880a0d 0%,#77090b 49%,#69090a 100%);
    background: -o-linear-gradient(top,  #880a0d 0%,#77090b 49%,#69090a 100%);
    background: -ms-linear-gradient(top,  #880a0d 0%,#77090b 49%,#69090a 100%);
    background: linear-gradient(to bottom,  #880a0d 0%,#77090b 49%,#69090a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880a0d', endColorstr='#69090a',GradientType=0 );
}

.block .block-color {
    width: 111.141px;
    height: 8px;
    left: 30px;
    position: relative;
}

.block .content p {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding:17px 20px 3px;
}

.container .main-content h3.grey {
    color: #121212;
    font-size: 26.57px;
    font-weight: 600;
    margin-top: 11px;
}

.container .main-content h3.grey span {
    color: #8f8f8f;
}
#courses .container .main-content aside ul {
    padding: 0px 0px 0px 28px;
    margin: 0px;
}

#courses .container .main-content section.col-lg-8 ul li {
    background:url('../images/bullet-point.png') no-repeat;
    background-position: 0 .3em;
    list-style-type: none;
    padding:0px 0px 0px 20px;
    margin: 0px;
}

/* side */
#courses aside section header h4 {
    color: #121212;
    font-size: 26.57px;
    font-weight:600;
    padding-left: 28px;
}

#courses aside section ul li {
list-style-type: none;
    color: #819848;
    padding: 6px 0px;
    margin: 0px;
    font-size: 12px;
    border-bottom: 1px solid #E1E1E1;
}
#courses aside section ul li:last-child {
	border-bottom:none;
}

#courses aside section ul li span {
    float: left;
}

#courses aside section ul li.last {
    background:none;
}
#courses aside section ul li a {
    color: #819848;
    text-decoration: none;
}
#courses aside section ul.numbers li a {
    margin-left: 3px;
    display: inline-block;
    width: 88%;
    line-height: 17px;
    padding: 4px 0px;
    font-weight: normal;
}
#courses aside section ul.numbers li {
  line-height: 2em;
}
#courses aside section ul.numbers li:hover a,
#courses aside section ul.numbers li:hover {
    color: #566a23;
    font-weight: 600;
}
#courses aside section ul li.dim a,
#courses aside section ul li.dim,
#courses aside section ul.numbers li.dim:hover a,
#courses aside section ul.numbers li.dim:hover {
    color: #BBBBBB;
    font-weight: normal;
}

#courses aside section header {
    width:auto;
    display: inline-block;3
    padding: 0px 0px 0px 28px;
}
#courses aside section p {
    color: #848484;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 0px 0px 28px;
}

#courses aside section.exam {
	text-align:center;
	padding:0px;
}
#courses aside section.exam header h4 {
    line-height: 1.4em;
	padding:0px;
	margin:0px;
}
#courses aside section.exam p {
	padding:0px;
}

#courses aside section.exam p span {
    color: #bb0414;
    font-weight: 600;
}

#courses aside section ul.arrow li {
    background: url('../images/arrow.png') no-repeat 0px;
    margin: 0px;
    padding: 1px 0px;

}

#courses aside section ul.arrow li a {
    padding-left:23px;
    line-height: 1.7em;
}

#courses aside section ul.arrow li a.green {
    color: #819848;
}
#courses aside section ul.arrow li a.red {
    color:#bb0414;
}
#courses aside section ul.arrow li a.blue {
    color:#117aab;
}
#courses aside section.downloads ul li {
    padding: 13px 0px
}
#courses aside section.downloads ul li a {
    color: #848484;
}
#courses aside section.downloads ul li a img {
    float: left;
    padding-right: 5px;
}

#courses .main-content section .btn.btn-long {
    display: inline-block;
}
#courses .main-content section .btn.btn-long h6 {
    background:#e8e9ea;
    color: #010101;
    border: 1px solid #b1b1b1;
    text-transform: none;
    padding: 12px 14px;
    font-size: 12px;
}
#courses .main-content section .btn.btn-long h6:hover {
    background-color: #fff;
    cursor: pointer;
}

#courses .main-content section .btn-long a {
    padding:0px;
    margin:0px;
    border: none;
    border-radius: 0px;
    text-transform: none;
    color:#566a24;
}

#courses .main-content section .btn a:hover {
    background:none;
}

/******************
Footer**/
#footer, #footer-intro {
float:left;
position:relative;
width:100%;
background:#000;
}

	#footer-intro {background:#1c1c1c;}
	#footer-intro p {
	color:#f7f7f7;
	font-size:1.35em;
	margin:12px 0 0;
	}
	#footer-intro p a {color:#f7f7f7; text-decoration:none;}
		#footer-intro .col-right {text-align:right;}
		#footer-intro .col-right p {display:inline-block;font-size:0.9em;margin:18px 12px 0;}
		#footer-intro .col-right img {float:right;}


#footer .col-center {
text-align:center;
}
#footer ul {
margin:22px 0 44px;
}
#footer ul li {
display:inline-block;
list-style:none;
font-size:0.9em;
margin:0 18px;
}
#footer a:link, #footer a:visited {
color:#bcbdc0;
text-decoration:none;
}
#footer a:hover, #footer a:active, #footer a:focus  {text-decoration:underline;}
#footer a:active, #footer a:focus  {background:#41403e;}

	#footer .social {
	display:inline-block;
	width:22px;height:22px;
	margin:0 2px 18px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:3px;
	}
	#footer .social span {
	position:absolute;
	left:-9999px;
	}
	#footer .social-fb {background-image:url(../images/social-01.png);}
	#footer .social-tw {background-image:url(../images/social-02.png);}
	#footer .social-em {background-image:url(../images/social-03.png);}
	#footer .social-in {background-image:url(../images/social-04.png);}
	#footer .social-yt {background-image:url(../images/social-05.png);}
	#footer .social-gp {background-image:url(../images/social-06.png);}

/******************
Global Styles**/
.line {
clear:both;
height:1px;
font-size:0;
margin:30px 100px;
border-bottom:1px solid #e5e5e5;
box-shadow:0 0 2px #eee;
}
.clearing {clear:both;}
.clear-left {clear:left;}
.hide {
position:absolute;
left:-9999px;
}
.remove {margin:0;padding:0;border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
q {
font-style:italic;
display:block;
}

/******************
Links + selectors**/
a:link, a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active, a:focus {
color:#000;
background-color:#none;
text-decoration:underline;
}
::selection {
background:#41403e;
color:#fff;
}
::-moz-selection {
background:#41403e;
color:#fff;
}

/******************
Clearfix**/
.clearfix:after {
visibility:hidden;
display:block;
clear:both;
content:".";
font-size:0;
height:0;
}
* html .clearfix {zoom:1;}
*:first-child + html .clearfix {zoom:1;}


/*Homepage*/
.cta-box_content {padding-top: 0;}
.cta-box_content section {/*padding-bottom:8px;*/padding-bottom: 0px;}





/*Homepage Banners*/


/*Silver Banner*/
#flashcontent-silver {
position:relative;
text-align:center;
width:100%;
background-color:#788e41;
background:-webkit-linear-gradient(top, #c8c8c8 0%, #989898 100%);
background:linear-gradient(to bottom, #c8c8c8 0%, #989898 100%);
display:inline-block;
}
	#flashcontent-silver #courses #flashcontent {
	background-color:#788e41;
	background:-webkit-linear-gradient(top, #b6c875 0%, #788e41 100%);
	background:linear-gradient(to bottom, #b6c875 0%, #788e41 100%);
	border-bottom:1px solid #c6c6c6;
	}
	#flashcontent-silver #slides {
	text-align:center;
	color:#fff;
	}
	#flashcontent-silver #courses #slides {
	width: 580px;
	margin: 0px 0px 0px 130px;
	text-align: left;
	}
	#flashcontent-silver #slides h1 {
	font-size:4.8em;
	line-height:0.8em;
	letter-spacing:-1px;
	}
	#flashcontent-silver #slides p {
	line-height:1.25em;
	font-size:2.5em;
	}
	#flashcontent-silver #slides p strong {font-weight:normal;color:#f8d800;}
	#flashcontent-silver #slides p.smallprint {font-size:0.65em;margin-bottom: 50px;}
/*	#flashcontent-silver #slides a {
	font-size:1.35em;
	font-weight:bold;
	text-decoration:none;
	color:#4a5f17;
	}*/
	#flashcontent-silver #slides a:hover {text-decoration:underline;}
/*
	#flashcontent-silver .login {
	display:inline-block;
	}
	#flashcontent-silver .login a {
	text-transform:uppercase;
	font-size:1em;
	padding:12px 26px 8px;margin:0 0 26px;
	background-color:#eb4343;
	border:1px solid #a05656;
	}
	#flashcontent-silver .login a:link, #flashcontent-silver .login a:visited {color:#fff;text-decoration:none;}
	#flashcontent-silver .login a:hover {background-color:#bb3123;}
*/
	.login {
	display:inline-block;
	}
	.login a {
	text-transform:uppercase;
	font-size:1em;
	padding:12px 26px 8px;margin:0 0 26px;
	background-color:#eb4343;
	border:1px solid #a05656;
	}
	.login a:link, #flashcontent-silver .login a:visited {color:#fff;text-decoration:none;}
	.login a:hover {background-color:#bb3123;}

/*Green Banner*/

.colourbgpurple {
background-color:#930884;
background:-webkit-linear-gradient(top, #5F0155 0%, #930884 100%);
background:linear-gradient(to bottom, #5F0155 0%, #930884 100%);	
}
.colourbgsilver {
background-color:#bebebe;
background:-webkit-linear-gradient(top, #e8e8e8 0%, #bebebe 100%);
background:linear-gradient(to bottom, #e8e8e8 0%, #bebebe 100%);	
}
.health-safety {
background-color:#930884;
background:-webkit-linear-gradient(top, #5F0155 0%, #930884 100%);
background:linear-gradient(to bottom, #5F0155 0%, #930884 100%);	
}
.colourbgturq {
background-color:#0097a4;
background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);	
}
.food-hygiene {
background-color:#0097a4;
background:-webkit-linear-gradient(top, #00626b 0%, #0097a4 100%);
background:linear-gradient(to bottom, #00626b 0%, #0097a4 100%);	
}
.colourbgblue {
background-color:#4797d4;
background:-webkit-linear-gradient(top, #195aa1 0%, #4797d4 100%);
background:linear-gradient(to bottom, #195aa1 0%, #4797d4 100%);
}
.childcare {
background-color:#4797d4;
background:-webkit-linear-gradient(top, #195aa1 0%, #4797d4 100%);
background:linear-gradient(to bottom, #195aa1 0%, #4797d4 100%);
}
.colourbggreen {
background-color:#77a335;
background:-webkit-linear-gradient(top, #5b7930 0%, #77a335 100%);
background:linear-gradient(to bottom, #5b7930 0%, #77a335 100%);	
}
.schools {
background-color: #e8e8e8;
background: -webkit-linear-gradient(top, #bebebe 0%, #e8e8e8 100%);
background: linear-gradient(to bottom, #bebebe 0%, #e8e8e8 100%);
}

/*many need this for the category grads to work on every browser or device
    background: rgba(1,100,109,1);
background: -moz-linear-gradient(top, rgba(1,100,109,1) 0%, rgba(6,154,165,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,100,109,1)), color-stop(100%, rgba(6,154,165,1)));
background: -webkit-linear-gradient(top, rgba(1,100,109,1) 0%, rgba(6,154,165,1) 100%);
background: -o-linear-gradient(top, rgba(1,100,109,1) 0%, rgba(6,154,165,1) 100%);
background: -ms-linear-gradient(top, rgba(1,100,109,1) 0%, rgba(6,154,165,1) 100%);
background: linear-gradient(to bottom, rgba(1,100,109,1) 0%, rgba(6,154,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01646d', endColorstr='#069aa5', GradientType=0 );
*/

#flashcontent-green {
	position:relative;
width:100%;max-height:295px;/*for chrome*/
border-bottom:1px solid #c6c6c6;
display: inline-block;
text-align: left;
}
#flashcontent-green .container {
	text-align: left;
	}

#flashcontent-green .cont-flash {
    width: 1000px;
    min-height: 231px;
    padding: 64px 0 0;
    /*background: none;*/
    text-align: left;
}

#flashcontent #slides {
	width:580px;
	color:#fff;
	text-align: left;
}
#flashcontent #slides #stars {
	position:relative;
	right:0px;
	padding-right:5px;
}
#flashcontent h1 {
		font-size:2.2em;
		text-align: left;
	line-height:1.15em;
	font-weight:normal;
	margin:0 0 18px;
	text-shadow:0 2px 4px rgba(0,0,0,0.3);
	}
	#flashcontent h1 span{
	color:#F8D800;
	text-shadow:none;
	}
	#flashcontent h1 .teal {
    text-shadow: none;
    color: #09646a;
	}
		#flashcontent h1 #smaller{
	color:#fff;
	text-shadow:none;
	font-size:17px;
	}
	
	#flashcontent p span{
	color:#F8D800;
	text-shadow:none;
	margin:7px;
	}
#flashcontent p {
/*		width:350px;*/
/*Adjusting width to a percentage to fix responsive issues*/
    width: 70% !important;
	line-height:1.25em;
	text-align: left;
	margin:0 0 14px;
	}
	#flashcontent-green a {
			font-size:1.35em;
	font-weight:bold;
	text-decoration:none;
	color:#4a5f17;
	}
	#flashcontent-green a:hover {
		text-decoration:underline;
	}
#flashcontent-green p strong {

}
#flashcontent-green .login {
		position:absolute;
	top:0;right:250px;
}
#flashcontent-green .login a {
		text-transform:uppercase;
	font-size:1.3em;
	padding:14px 26px;
	background-color:#d44e31;
	border:1px solid #925a33;
}
#flashcontent-green p.smallprint {
	
}
	#flashcontent-green .login a:link, #flashcontent-green .login a:visited {color:#fff;text-decoration:none;}
	#flashcontent-green .login a:hover {background-color:#bb3123;}
#flashcontent #slides img  {
		position:absolute;
	bottom:0;right:-50px;
}




/*FAQs*/
.faq-block ul, .faq-block ul li {
	list-style-type: none !important;
}
.faq-block {
    float: right;
    width: 100%;
    margin-top: 20px !important;
    padding: 10px;
    padding-top: 25px;
    padding-left: 0px;
    margin: 0 0 30px 30px;
    background: #f2f2f2;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    padding-right: 0px;
}
.faq-block span {
	    font-size: 2.5em;
}
li.question p:first-of-type {
    line-height: 30px;
}
.fa-plus-circle {
	display: block;
	width: 30px;
	height: 30px;
	float:left;
	margin-right: 20px;
	cursor:pointer;
}
.fa-minus-circle {
	display: block;
	width: 30px;
	height: 30px;
	float:left;
	margin-right: 20px;
	cursor:pointer;
}
li.question {
    display: block;
    height: auto;
    width: 95%;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 20px !important;
}
li.question:last-of-type {
	border-bottom:none;
}

/*Floating Box Right*/
.float-box-right {
	float:right !important;
}

.float-box-left {
	float:left !important;
}

/*Responsive boxes needed more padding*/
.text-wrap {
	padding-left: 10px;
}

/*Align Case Study Blocks*/
#courses .block {
    min-width: 100% !important;
}

/*Stop sub-menu links from having a black background on iPad/Mobile*/

	
/* New Course Block */

.demo-left {
    width: 49%;
    float: left;
	text-align: center;
}
.demo-left h2 {
	    outline: 1px #d3d3d3 solid;
    padding: 10px 0px;
    margin: 0 !important;
    font-weight: 500;
    margin-top: 1px !important;
    color:#feec05;
	font-size: 1.7em;
}

.demo-left a img {
	width:100%;
	outline: 1px #d3d3d3 solid;
}

.buy-right {
    float: right;
    width: 49%;
    text-align: center;
}

.buy-right h2 {
    outline: 1px #d3d3d3 solid;
    padding: 10px 0px;
    margin: 0 !important;
    font-weight: 500;
    margin-top: 1px !important;
    color:#feec05;
	font-size: 1.7em;
}

.buy-right p {
    outline: 1px #d3d3d3 solid;
    background: #f3f3f3;
    padding: 10px 0px;
    margin: 0 !important;
    margin-top: 1px !important;
    font-size: 1.2em;
    width: 100%;
}

p.fiftypercent {
    width: 50% !important;
    float: left;
    margin-top: 1px !important;
    padding-bottom: 9px;
}

.buy-right a {
	text-decoration: none;
	color:inherit;
}
.buy-right a:hover p {
	background-color: darkgrey;
	color:white;
}












#nav ul li:hover div, #nav ul li:focus div, #nav ul li:active div {
	display:block;
	}
	#nav ul li ul li {
	text-align:left;
	font-size:1em;
	letter-spacing:normal;
	}
	#nav ul li ul li a {
	min-width:200px;
	color:#fff;
	padding:10px 30px;
	border:0;
	}
/******************
	Navigation**/
	#nav {float:left;}
	#nav ul li {
	z-index:999;
	float:left;
	position:relative;
	list-style:none;
	text-align:center;
	font-size:0.95em;
	}
	.account-nav ul#sf-menuTwo li {
	z-index:3;
	float:left;
	position:relative;
	list-style:none;
	text-align:center;
	font-size:0.95em;
	}
	#nav ul li a {
	float:left;
	color:#f7f7f7;
	padding:24px 14px;
	text-decoration:none;
	}
	.account-nav ul#sf-menuTwo li a {
	float:left;
	color:#121212;
	padding:0px;
	text-decoration:none;
	}
	#nav ul li > a:hover, #nav ul li.selected > a,
	#nav ul li a:active, #nav ul li a:focus,
	#nav ul li:hover {
	color:#161f3c;
	text-decoration:underline;
	}
	#nav ul li.selected > a:hover {
	color:#006f7a;
	text-decoration:underline;
	}
	.courses-menu {
	display:none;
	z-index:99;
	position:absolute;
	top:100%;
	left:0;
	background-color:#231f20;
	background:-webkit-linear-gradient(top, #594f51 0%, #231f20 100%);
	background:linear-gradient(to bottom, #594f51 0%, #231f20 100%);
	border-top:3px solid #c61017;
	}
	#nav ul li:hover div, #nav ul li:focus div, #nav ul li:active div {
	display:block;
	}
	#nav ul li ul li {
	text-align:left;
	font-size:1em;
	letter-spacing:normal;
	}
	#nav ul li ul li a {
	min-width:200px;
	color:#fff;
	padding:10px 30px;
	border:0;
	}
#nav a#pull, .account-nav #pullSecond {
    display: none;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    padding: 4px 30px 0 0;
    margin: 20px 0 0;
    background: url(../images/icon-nav.png) right 45% no-repeat;
}
	.account-nav #pullSecond {
	color:#121212;
	background:url(../images/icon-nav-second.png) right 50% no-repeat;
	}

	.bottom-nav #pullSecond {
		margin:0px;
	}



.courses-menu {
    color: #000;
    position: absolute;
    top: 65px;
    /* padding: 32px 24px 19px; */
    left: -131px !important; /* this may need changing on the live to make sure its in the right position */
    width: 890px;
    display: none;
    border-left: 1px solid #dededc;
    border-right: 1px solid #dededc;
    border-bottom: 1px solid #dededc;
    border-top: 1px solid #DEDEDC !important;
    z-index: 9;
    font-size: 14px;
}
.courses-menu.cols-3 { width: 890px; left: -330px !important; }
.courses-menu.cols-2 { width: 599px; left: -131px !important; }
.courses-menu.cols-1 { width: 298px; left: -100px !important; }
.courses-menu *:hover {
	text-decoration: none;
}
.courses-menu div {
    float: left;
    width: 296px;
}
.courses-menu div h3 {
    width: 281px;
    text-align: left;
    padding-left: 15px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
div.courses-menu div ul {
    float: left;
	padding:0px;
    margin-right: 0px;
    width: 296px;
    display: inline-block;
    /* margin: 0 auto !important; */
    border-right: rgba(255,255,255,0.3) 1px solid;
    margin-bottom: 10px;
}
.courses-menu div ul li {
    width: 277px;
    margin-bottom: 0px;
    padding: 17px 15px;
    padding-right: 4px;
    margin-top: 0px;
    clear: both;
    color: #FFF;
    margin-bottom: 0px;
    /*padding: 7px;*/
}
.courses-menu div.first {
    clear: left;
}
.courses-menu div h3.last {
    width: 273px !important;
}
.courses-menu div.last ul {
	border-right:none !important;
}
.courses-menu div.last ul li {
	width: 284px;
}


#nav ul li div.courses-menu li a {
    min-width: 0px;
    color: #fff;
    padding: 0px;
    /* border: 0; */
}
li a.sub-menu div.courses-menu {
    margin-top: 0;
    border-top: 1px solid #DEDEDC;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    /* highlight sub-menu current page */ 
}
li a.sub-menu div.courses-menu li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    color: #FFF;
    width: 292px;
    background-color: #FFAC49;
    border-bottom: 1px solid #ccc; 
    transition: none;
}
.sub-menu div li a:hover {
    color: #444;
}
li a.sub-menu div.courses-menu li:last-child a {
    border-bottom: 0;
}
li a.sub-menu div.courses-menu li ul {
    top: 0;
    left: 100%;
}
li a.sub-menu:hover > div, li a.sub-menu:focus > div {
    top: auto;
    visibility: visible; 
    transition: none;
}

	


li.mob-food-hygiene, ul.food-hygiene-ul li:hover, h3.food-hygiene {
background: #408e9a; /* Old browsers */
background: -moz-linear-gradient(top, #408e9a 0%, #2c6872 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #408e9a 0%,#2c6872 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #408e9a 0%,#2c6872 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#408e9a', endColorstr='#2c6872',GradientType=0 );
color:white;
}
li.mob-health-safety, ul.health-safety-ul li:hover, h3.health-safety {
	background: #7e2f80; /* Old browsers */
background: -moz-linear-gradient(top, #7e2f80 0%, #5c205c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7e2f80 0%,#5c205c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7e2f80 0%,#5c205c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e2f80', endColorstr='#5c205c',GradientType=0 ); /* IE6-9 */
color:white;
}
li.mob-childcare, ul.childcare-ul li:hover, h3.childcare {
	background: #195aa1; /* Old browsers */
background: -moz-linear-gradient(top, #195aa1 0%, #4797d4 100%); /* F1F3.6-15 */
background: -webkit-linear-gradient(top, #195aa1 0%,#4797d4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #195aa1 0%,#4797d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195aa1', endColorstr='#4797d4',GradientType=0 );
color:white;
}
li.mob-schools, ul.schools-ul li:hover, h3.schools {
	background: #5b7930; /* Old browsers */
background: -moz-linear-gradient(top, #5b7930 0%, #77a335 100%); /* F1F3.6-15 */
background: -webkit-linear-gradient(top, #5b7930 0%, #77a335 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5b7930 0%, #77a335 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7930', endColorstr='#77a335',GradientType=0 );
color:white;

linear-gradient(to bottom, #5b7930 0%, #77a335 100%);
}
#mobile-courses-menu ul {
padding: 20px 0px 0px 0px;
    list-style: none;
    color:white;1
        text-align: center;
}
#mobile-courses-menu ul li a {
    color: white;
    font-weight: 600;
    text-decoration: none;
}
#mobile-courses-menu ul li {
        padding: 10px 0px;
}
#mobile-courses-menu {
	display: none;
	width: 100%;
	background-color: #231f20;
    background: -webkit-linear-gradient(top, #594f51 0%, #231f20 100%);
    background: linear-gradient(to bottom, #594f51 0%, #231f20 100%);
	position: absolute;
    top: 108px;
    z-index: 999;
    left:0px;
    text-align: center;
}
.mobile-courses-link {
	display: none;
}

ul.mob-food-hygiene-ul {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
* {padding:0;margin:0;border:0;}


/* Food Safety Level 2 */
.food-safety-lvl-2 {
    background-image: url(../images/flash-bg.png);
    background-repeat: no-repeat;
    background-position: 70px;
    width: 300px;
    /* padding-bottom: 290px; */
    height: 295px;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

/*Fix Login/Register Buttons*/
.login-register-buttons {
    width: 100%;
    margin: 0 auto;
}

/*Video Player Margin Fix*/
.webPlayer {
	    margin-bottom: 0px !important; 
}

/*fix link colours*/

#slides a {
	color:inherit;
	font-size: inherit;
	text-decoration: none;
}
#slides a:hover {
	text-decoration: none !important;
}

/*Slim column*/
div#cta-box-bigclean {
    float: left;
    width: 63%;
    padding-right: 20px;
    padding-top: 20px;
}

#faqs {
	background: none;
}
.two-column {
	width:70%;
	float:right;
}
.text-column {
	width: 49%;
	float:left;
}
.text-column p {
	padding: 0px !important;
}
.img-float-left {
	float:left;
}

.col-lg-12 {
	padding-bottom: 40px !important;
}

/*29/03/2016*/
.admin-area.container, .admin-header {
    width: 1359px;
    }
.admin-home {
    border-right: 1px solid #808080;
    font-size: 20px;
    }
    nav.admin {
	 font-size: 1.2em;
	 float:right !important;
	}
	
	.yellow {
color: #f9d134 !important;
	}
.admin-header ul {
margin: 0px;
}
.admin-header {
	padding-top: 0px;
}
.admin-header img {
    float: left;
    margin: 18px 36px 0 18px !important;
}
.select-org {
	background-color: #686868;
	color:white;
	font-size: 1.3em;
	padding: 20px 0px;
}
.floatleft-select {float:left;}
.floatright-select {float:right;}
.floatleft-select {
    width: 51%;
    padding-left: 20px;
}
.floatright-select select {
    width: 80% !important;
}
.floatright-select {
    width: 45%;
    padding-top: 5px;
}
.floatleft-select p, .floatright-select p {
	float:left;
}
.floatleft-select select, .floatright-select select {
	float:right;
}
.select-org div p:first-child span {
	font-size: 1.44em;
	border-right: 1px solid white;
	padding-right: 7px;
}
    
.select-org .select-course-field, .select-org .select-org-field {
    margin-left: 10px;
    width: 70%;
    position: relative;
    top: 6px;
    float: left;
}
.floatleft-select select {
	top: 11px !important;
}
a h3 .rouge {
	color:#603;
}



ul li ul {
    display: none;
    padding-left: 20px;
    margin-bottom: 0px;
}

.progress-smallbox {
	float:left;
	width: 156px;
	padding-left:10px;
	padding-right:10px;
}
#progress .progress-smallbox h1 {
	margin-top:20px;
	font-size:16px;
	font-weight:300;
	border-top-color:#CCC;
	border-top-width:1px;
	border-top-style:solid;
	padding-top:8px;
}
#courses .container .main-content section.col-lg-8 #progress .progress-smallbox ul li {
	border-bottom-color:#CCC;
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-top:8px;
	padding-left:0px;
	background:none;
}
#progress span{
	float:right;
}
#fasttrack {
	min-height:180px;
	border-color:#CCC;
	border-width:1px;
	border-style:solid;
	padding:10px;
	padding-right:30px;
	margin-top:10px;
}
#fasttrack h1{
	font-size:16px;
	font-weight:300;
	padding:10px 0;
}
#fasttrack p{
	font-size:12px;
}
#fasttrack a{
	font-size:22px;
	font-weight:600;
	color:#2778a8;
}
#progchart h1{
	font-size:16px;
	font-weight:300;
	border-top-color:#CCC;
	border-top-width:1px;
	border-top-style:solid;
	padding:18px 0;	
}
#progchart td{
	padding:4px 0;
}
#course table{
	border-color:#CCC;
	border-width:1px;
	border-style:solid;
}
.container .tablelook ,th,tr,td{
	color:#333;
	padding:20px;
	background-color:#ededed;
}
.sup{
	padding-left:22px;
}
.qa{
	padding-bottom:15px;
}

/******************
Top banner heights**/

.slim{
	height: 41px;
}
.normal{
	height: 240px;
}
.cta-box.cta-box-lrg.cta-box-var4.float-box-right .text-wrap a h3 .white {
font-size: 2.3em;
line-height: 0.9em;
letter-spacing: 2px;
color: #fff;
font-weight:lighter;
position: relative;
top: 20px;
}