@font-face {
	font-family: 'HelveticaNeueLTStd-Hv';
	src:url('../fonts/HelveticaNeueLTStd-Hv.eot?') format('eot'), 
		url('../fonts/HelveticaNeueLTStd-Hv.otf')  format('opentype'),
		url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff'), 
		url('../fonts/HelveticaNeueLTStd-Hv.ttf')  format('truetype'),
		url('../fonts/HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv') format('svg');
}



@font-face {
    font-family: 'HelveticaNeueLTCom55Roman';
    src: url('../fonts/helveticaneueltcom-roman.eot');
    src: url('../fonts/helveticaneueltcom-roman.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltcom-roman.woff') format('woff'),
         url('../fonts/helveticaneueltcom-roman.ttf') format('truetype'),
         url('../fonts/helveticaneueltcom-roman.svg#HelveticaNeueLTCom55Roman') format('svg');
}

.hidebig,a.button.hidebig{
	display:none !important;
}
.hidesmall{
    display:block    !important  ;
}

* {max-height: 100000px;}

body {
	background: #ffffff;
	margin: 0;
	font: normal normal normal 16px/28px Exo;
	color: #464545;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	height: 100%;
	min-width: 1024px;
}

p {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color:rgb(27,164,221);;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #221f1f;
	font:600 ;
}

h2,
h3 {
	color: #109cdc;
}

img {border-style: none;}
input, textarea, select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #221f1f;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
input[type="text"], input[type="submit"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], input[type="radio"], textarea {

	border-radius:0;
	-webkit-border-radius:0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance:none;}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}
header, footer, section, article, nav, figure, aside, main {display: block;}
#wrapper {}


blockquote{
	display:block;
	margin:0px !important;
}


blockquote h4{
	display:block;
	width:100%;
	text-align:left;
	color: #1490cf;
	font-size: 145%;
	line-height: 110%;
	font-weight: bold;
	margin:0px;
	padding:20px !important;;
	float:right;
	max-width:33%;
	
}

blockquote P{
	display:inline-block;
	width:100%;
	text-align:center;
	color: #1490cf;
	font-size: 145%;
	line-height: 110%;
	font-weight: bold;
	margin-left:0PX;
	padding:5px;
}

#header {
	background: #109cdc;
	overflow: hidden;
}

.header-holder {
	max-width:1024px;
	margin:0 auto;
}
.header-holder:after {
	display:block;
	content:'';
	clear:both;
}

.logo {
	max-width: 230px;
	height: 84px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	margin: 25px 0 19px 0px;
}

.logo a img {
	display:block;
	width:100%;
	height:auto;
}
.header-right {
	float:right;
	width:62%;
}
.social-area {
	overflow:hidden;
	margin:0 3px 14px 0;
}
.social-area ul	{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size:12px;
	line-height:14px; 
	font-weight:700;
}
.social-area ul li {
	float:left;
	margin:0 0 0 5px;
}
.social-area ul li a:hover{opacity:0.5;}
.social-area ul li a {
	position:relative;
	display:block;
}
.social-area ul li.facebook a {
	background:#3b5490;
	color:#fff;
	padding:4px 25px 2px 10px;
	position:relative;
}
.social-area ul li.facebook a:after {
	background:url(../images/sprite.png) no-repeat 0 0;
	position:absolute;
	right:13px;
	top:4px;
	width:6px;
	height:12px;
	content:'';
}
.social-area ul li.twitter a {
	background:#5283b8;
	color:#fff;
	padding:4px 27px 2px 9px;
	position:relative;
}
.social-area ul li.twitter a:after {
	background:url(../images/sprite.png) no-repeat 0 -23px;
	position:absolute;
	right:5px;
	top:5px;
	width:14px;
	height:11px;
	content:'';
}
.social-area ul li.google-plus a {
	background:#d44935;
	color:#fff;
	padding:4px 35px 2px 8px;
	position:relative;
}
.social-area ul li.google-plus a:after {
	background:url(../images/sprite.png) no-repeat 0 -44px;
	position:absolute;
	right:7px;;
	top:4px;
	width:17px;
	height:14px;
	content:'';
}

.act-logo {
	float: right;
	margin-right: 62px;
	width: 20%;
}

.act-logo a img {
	display: block;
	height: auto;
	margin-top: 24px;
	width: 100%;
}
.act-logo a img:hover	{
	opacity:0.8;
}



.navigation-area {
	background-color: #109cdc;
    border-top: 1px solid #d6d6d6;
    position: relative;
	padding: 3px 10px 0 5px;
	z-index: 500;
/*
  background:rgb(22,142,206);
	background: #1d7eb5  -moz-linear-gradient(top,  #1d7eb5 0%, #1e80b8 2%, #1882bb 5%, #1a86c1 9%, #0f86c2 12%, #168bc9 19%, #128dcb 21%, #168ece 30%, #158fce 33%, #0f8fce 35%, #168ece 37%, #168ece 91%, #0e8fcf 93%, #1890cf 95%, #128fcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d7eb5), color-stop(2%,#1e80b8), color-stop(5%,#1882bb), color-stop(9%,#1a86c1), color-stop(12%,#0f86c2), color-stop(19%,#168bc9), color-stop(21%,#128dcb), color-stop(30%,#168ece), color-stop(33%,#158fce), color-stop(35%,#0f8fce), color-stop(37%,#168ece), color-stop(91%,#168ece), color-stop(93%,#0e8fcf), color-stop(95%,#1890cf), color-stop(100%,#128fcf));
	background: -webkit-linear-gradient(top,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	background: -o-linear-gradient(top,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	background: -ms-linear-gradient(top,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	background: linear-gradient(to bottom,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 0 16px rgba(0,0,0,.3); 
	box-shadow: 0 0 16px rgba(0,0,0,.3);*/
}

.navigation-area:after {
	content:'';
	clear:both;
	display:block;
}
.navigation-holder {
	max-width:1024px;
	margin:0 auto;
	padding:0;
}
.navigation-holder:after {
	content:'';
	clear:both;
	display:block;
}
#nav {
	float:left;	
	position:relative;
}
.opener{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background:#000;
	background:rgba(0, 0, 0, .5);
	position:relative;
	border-radius:3px;
	display:none;
}
.opener:before,
.opener:after,
.opener span{
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:50%;
	left:25%;
	right:25%;
	height:4px;
	margin-top:-2px;
	transition:all 0.2s linear;
}
.opener:before,
.opener:after{
	content:'';
	top:30%;
}
.opener:after{top:70%;}
.active .opener span{opacity:0;}
.opener:hover{opacity:.9;}
.active .opener:after,
.active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	left:15%;
	right:15%;
}
.active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#nav > .slide > ul {
	font: normal normal 400 16px/17px Exo;	
	margin: 0;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
}
#nav > .slide {
	position:static;
	left:0;
	top:100%;
}
#nav > .slide:after{
	content:'';
	display:block;
	clear:both;
}
#nav .slide.js-slide-hidden{ position:static !important;}
#nav > .slide > ul > li {
	float:left;
	margin:0 28px 0 0;
	position:relative;

}
#nav ul > li.hover .dropdown {display:block;}
#nav ul > li.hover > a,

#nav ul > li > a:hover {
	color: #ade5ff;
}

.dropdown {
	background:url(../images/transparent.png) repeat;
	position:absolute;
	top:100%;
	left:0;
	width:260px;
	z-index:99;
	padding:0;
	display:none;
font-size:14px;
}
.dropdown ul {
	list-style:none;
	padding:0;
	margin:0;
}
.dropdown ul  li {
	float:none;
	padding:5px 10px;
	margin:0;
  text-transform:none;
}
#nav .dropdown ul li a{
	color:#fff;
	padding:0;
}
#nav .dropdown ul li a:hover{ color:#646463;}
.dropdown-holder	{
	background:#00a7e2 !important;;
	padding:10px;
}
#nav ul > li > a {
	color: #fff;
	display: inline-block;
	padding: 12px 0 11px 0;
}
.navigation-holder .user {
	float:right;
	text-transform:capitalize;
	font:18px/20px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	color:#fff;
	padding:12px 0;
}

.navigation-holder .user:hover {
	color:#646463;
}

.title-outer {
	background-color: #01449a;
	background-image: url(../images/title-background.jpg);
	background-size: cover;
	height: 200px;
	width: 100%;
}

.title-inner {
	margin: 0 auto;
	max-width: 1024px;
	overflow: hidden;
	padding: 40px 0 16px 0;
	position: relative;
	z-index: 100;
}

.title-inner h1 {
	color: white;
	font: normal normal 300 44px/56px Exo;
}

#main {
	max-width: 1024px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	padding: 64px 0 64px 0;
	position: relative;
	z-index: 100;
}

#main h1 {
	margin: 0 0 15px 0;
	color: #1490cf;
	display: block;
	word-spacing: -3px;
	font: normal normal 300 44px/56px Exo;
}

#main .pagination {
	position:absolute;
	right:43px;
	top:51px;
	font-style:italic;
	font-size:21px;
	font-weight:700;
	color:#5b5e5f;
}
#main .content {
	overflow:hidden;
	margin:0 0 18px;
}
#main .content .alignright {
	float:right;
	margin:0 4px 0 30px;
	width:38.9%;
}
#main .text{
	color:#646463;
	font-size:14px;
	line-height:16px;
	overflow:hidden;
	padding:20px 0 0 2px;
}
#main .text p:first-child	{
	font-size:16px;
	line-height:18px;
	color:#1e96d4;
}
#main .text p {
	margin:0 0 10px;
}
#main .buttons {margin:0;}
#main .buttons:after	{
	content:'';
	clear:both;
	display:block;
}


/*
a.button  {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25);
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 13px 6px 13px;
	color:#fff;
	border:3px solid #fff;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
	width:calc(100% -50px);
	text-align:center;
}
*/



#main .buttons .back {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	float:left;
	position:relative;
	padding:4px 13px 6px 104px;
	color:#fff;
	border:3px solid #fff;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
}
#main .buttons .back:after {
	background:url(../images/sprite.png) no-repeat 0 -113px;
	width:32px;
	height:32px;
	position:absolute;
	left:10px;
	top:13px;
	content:'';
}
#main .buttons .next {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 62px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	float:right;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}
#main .buttons .next:after {
	background:url(../images/sprite.png) no-repeat 0 -146px;
	width:32px;
	height:32px;
	position:absolute;
	right:-5px;
	top:13px;
	content:'';
}
#main .buttons .next:hover,
#main .buttons .back:hover  { opacity:0.8}

#footer	{
	background: transparent linear-gradient(0deg, #213A82 0%, #109CDC 100%) 0% 0% no-repeat padding-box;
	position: relative;
	height: 486px;
	z-index: 1;
}

.footer-logo-wrapper {
	padding-top: 100px;
	text-align: center;
}

.footer-logo-wrapper img {
	width: 160px;
}

.footer-social-outer {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 42px;
	width: 416px;
}

.footer-social-wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 42px;
	margin-bottom: 36px;
	text-align: center;
}

.footer-social-wrapper div,
.footer-social-wrapper img {
	margin-left: 16px;
	margin-right: 16px;
	height: 24px;
	width: 24px;
}

.footer-social-wrapper a div {
	background-size: 24px 24px;
	display: inline-block;
}

.footer-social-wrapper a .facebook {
	background-image: url('../images/social/facebook.png');
}

.footer-social-wrapper a .x {
	background-image: url('../images/social/x.png');
}

.footer-social-wrapper a .instgram {
	background-image: url('../images/social/instagram.png');
}

.footer-social-wrapper a .youtube {
	background-image: url('../images/social/youtube.png');
}

.footer-social-wrapper a.facebook:hover .facebook {
	background-image: url('../images/social/facebook-hover.png');
}

.footer-social-wrapper a.x:hover .x {
	background-image: url('../images/social/x-hover.png');
}

.footer-social-wrapper a.instagram:hover .instgram {
	background-image: url('../images/social/instagram-hover.png');
}

.footer-social-wrapper a.youtube:hover .youtube {
	background-image: url('../images/social/youtube-hover.png');
}

.footer-menu {
	margin-left: auto;
	margin-right: auto;
	margin-top: 42px;
	text-align: center;
}

.footer-menu-holder {
	margin-left: auto;
	margin-right: auto;
	width: 416px;
}

.footer-menu-holder ul {
	list-style: none;
	padding: 0;
}

.footer-menu-holder ul li {
	float: left;
	font-size: 14px;
	margin: 0 36px 0 0;
}
.footer-menu-holder ul li:last-child {
	float: right;
	margin: 0;
}

.footer-menu-holder ul li a {
	color: #ffffff;
}

.footer-menu-holder ul li a:hover {
	color: #ade5ff;
}

/*
	JC
*/


/*----------------------------------------------
		3 COL CONTENT
------------------------------------------------*/


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.columns {
	padding: 0;
}

.column1 {
	float:left;
	width:240px;
	padding: 0;
	margin: 0;
}

.column2 {
	float: left;
	width: 445px;
	padding: 0;
	margin: 0 0 0 20px;
}

.column3  {
	float:left;
	width:240px;
	margin: 0 0 0 20px;
}

.column2and3 {
	float: left;
	width: 700px;
	padding: 0;
	margin: 0 0 0 40px;

}


.column1and2 {
	float: left;
	width: 700px;
	padding: 0;
	margin: 0 0 0 20px;

}







 .plainbuttons {margin:0;}
 .plainbuttons:after	{
	content:'';
	clear:both;
	display:block;
}
 .plainbuttons .back {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	float:left;
	position:relative;
	padding:4px 13px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
}




.plainbuttons .next {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);

	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 12px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	float:right;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}


.plainbuttonsorange  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
   width:90%;	float:left;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  text-align:center;
}

.plainbuttonsred  {
	background: url(../images/red-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
   width:90%;
  text-align:center;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}

.plainbuttonsgreen  {
	background: url(../images/green-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
   width:90%;
  text-align:center;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}

.plainbuttonsstart  {
	background: url(../images/start-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
  width:90%;
  text-align:center;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}




.startbutton  {
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
  width:140px;
  text-align:center;
  display:inline-block;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  margin-right:10px;
}


.startbutton.plainbuttonsstart  {
	background: url(../images/start-button-bg.png) repeat-x !important;
}

.startbutton.plainbuttonsgreen  {
	background: url(../images/green-button-bg.png) repeat-x !important;
}
.startbutton.plainbuttonsred  {
	background: url(../images/red-button-bg.png) repeat-x !important;
}
.startbutton.plainbuttonsorange  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
}

.startbutton.plainbuttonsyellow  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
}



label.short{
width:40%;
display:inline-block;
}

label.textarea{
width:100%;
display:inline-block;
}




textarea{
width:100%;
}


#makearequest input[type="text"]{
width:60%;  
border: 2px solid #646363;
margin-bottom:5px;
padding: 5px 0px 5px 5px !important;

}

#makearequest textarea{
width:60%;
border: 2px solid #646363;
padding: 5px 0px 5px 5px !important;
margin-bottom:5px;
}

#makearequest label{
  font-size:1em !important;
}

#makearequest button {
	margin-left: 255px;
	margin-top: 10px;
}

@media ( max-width: 680px ) {
	#makearequest button {
		margin-left: 0;
	}
}

#loader{
display:none;

}

#loader.ajax-loading{
   display:block;
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  padding: 40px 40px 40px 40px;
  background:#fff;
  opacity: 0.8;
  z-index: 1000;
}




/*
button  {
  background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 12px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	float:right;
	cursor:pointer;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}
*/

 button.regbutton{
 float:right;
 }

/*
div.leftboxshop button  {
  background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:2px 8px 4px 8px;
	color:#fff;
	border:3px solid #fff;
	float:left;
	font:italic 14px/28px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  width:80px;
  margin-bottom:5px;
  cursor:pointer;
}
*/





.examstagebuttonsmall,.examstagesmall{
display:none;
}

.examstagestudysmall{
display:none;
}




 .plainbuttons .next.exam{ 
	background: url(../images/startbg.png) repeat-x !important;
}


 .plainbuttons .next.save{ 
	background: url(../images/savebg.png) repeat-x !important;
}




 .plainbuttons .next:hover,
 .plainbuttons .back:hover  { 
  opacity:0.8; 
  background: #efa012;
}

.plainbuttons .next.fixedwidth,.plainbuttons .back.fixedwidth{
    width:180px;
 }








.required {color: red}





.clear{clear:both;}
.warning{color:red;}
.requiredfield {font-style:italic}

/* CHECK BOX Switch Styles */
.toggle {
    background:url("../images/checkbox.png") top left;
    display:inline-block;
    width:43px;
    height:39px;
}
.toggle.checked {
    background-position: left bottom;
}



/* show/hide article div styles */
h2.expander {
	clear: left;
	background: url(/images/arrow_accordion_right.png) top right no-repeat ;
	padding-left: 22px ;
	cursor: pointer;
	font-size:18px;
	line-height:24px;
	margin: 0 0 5px 0;
}

h2.expander-active {
	background: url(/images/arrow_accordion_down.png) top right no-repeat ;
	padding-left: 22px ;
}

div.homepagearticleinnercenter .expander-content{
background:rgb(238,245,251);
padding: 10px 10px 10px 10px;
}


div.homepagearticleinnercenter h2.expander {
	background:none;
	padding-left: 0px ;

}
div.homepagearticleinnercenter h2.expander-active {
	background:none;
	padding-left: 0px ;
}





 /***********************************/
/* client logos at the bottom of the page */
/***********************************/

#client-logo-wrapper {
	float: left;
	width: 100%;
	padding: 0 0 0 5px;
	font-size: 0.86em;
	text-align: left;
  margin-top:10px;
}
#client-logo-wrapper p {
	margin: 0;
	padding: 0 0 5px 0;
}
#client-logos {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 63px;
}

#client-logos div {
	float:left;
	width: 90px;
}

#client-logos div img {
	display: block;
	margin: 0 auto;
}




  /*
	ORGANISATION LISTING
*/


table.personListing {
	clear:both;
	border-collapse:collapse;
	width:100%;
	font-family: Helvetica, Verdana, sans-serif;
   margin-bottom:20px;
  	border:none;
}

table.personListing th {
	height: 22px;
	padding: 8px 0 6px 15px;
  color:#fff;
  padding:10px 0px 10px 10px;
  margin:0px -10px 10px -10px;
  text-transform:uppercase;
  font-size:16px;
  text-transform:uppercase;  
  border:1px solid #666;
display:none;
}

table.personListing td {
	text-align:left;
	vertical-align:middle;
	padding:4px 2px 4px 4px;
	border:none;
  vertical-align:text-top;
font-weight:normal;

}


img.rankingimage{
  width:100px;
  margin-bottom:10px ;
}



table.organisationsListing td.statusimage {
 width:200px;
}



table.organisationsListing {
	clear:both;
	border-collapse:collapse;
	width:100%;
	font-family: Helvetica, Verdana, sans-serif;
}

table.organisationsListing th {
	font-weight:bold;
	text-align: left;
	vertical-align:top;
	background:rgb(22,142,206);
	color:#FFF;
	padding:4px 7px;
	border:1px solid #A9BDCC;
}

table.organisationsListing td {
	text-align:left;
	vertical-align:top !important;
	padding:4px 2px 4px 4px;
	border:1px solid #E1E1E1;
  font-weight:normal;
}






.organisationsListing {
	margin-top: 11px;
	color: #666;
	border: solid #109cdc 1px;
	font-size: 0.8em;
}
.organisationsListing th em {
	font-weight: bold;			
	font-size: 1em;
}
.organisationsListing th a:link, .organisationsListing th a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.organisationsListing td {
	border-color: #666;
	border-right-color: #f0f0f0;
	border-left-color: #f0f0f0;
}
.organisationsListing tr.even td {
	background-color: #f9f9f9;
}
td.companyName {
	font-weight:normal;
}

td.companyName a {
	font-weight:normal;
}
.organisationsListing a:link, .organisationsListing a:visited {
	text-decoration: none;
	font-weight: normal;
}
.organisationsListing td a:link, .organisationsListing td a:visited {
	color: #666;
}
.organisationsListing tr:hover, .organisationsListing tr.even:hover td, .organisationsListing tr:hover td a:link, .organisationsListing tr:hover td a:visited {
	background-color: #f0f0f0;
}
.organisationsListing .dimmed, .organisationsListing .dimmed a:link, .organisationsListing .dimmed a:visited {
	color: #fff;
}
p.tip {
	padding: 3px 4px;
}



 /***********************************/
/*  left form  */
/***********************************/

div.leftbox {
	border: solid #109cdc 1px;
	padding: 0px 10px 20px 10px;
	margin: 11px 0px 40px 0px;
}

#directorynoresults{
  width:90%;
  min-height:180px;
}
#directorynoresults:before{
 clear:both;
}



#directorysearch{
width:62%;
float:left;
min-height:202px;
}

#directorysearch .smallleft {
	float: left;
	margin-top: 10px;
	width: 50%;
}

#directorysearch .smallright {
	float: left;
	margin-top: 10px;
	width: 50%;
}

#directorysearch input[type="text"] {
	width: 290px !important;
	height: 22px;
	margin-bottom: 10px;
	padding-left: 5px !important;
}

#directorysearch select {
	margin-bottom: 10px;
	width: 155px;
}

select.multicombo{
  height:22px;
   width:290px !important;  
 }
  select.multicourselist{
  height:22px;
  width:290px !important;  
;
 }

.divdirectorybuttons {
	margin-top: 10px;
}



#directorynavwrapper{
width: calc(38% - 48px);
float:left;

margin-left:20px;  
}
  
#directorynavwrapper #directorynav {
    padding: 0px 10px 0px 10px;  
    height: 140px;
}

#directorynavwrapper #directorynav a {
	line-height: 22px;
}	

#directorynavwrapper   #directoryaccredshops{
        padding: 0px 10px 0px 10px;
}


#directorynavwrapper #directoryaccredshops p,
#directorynavwrapper #directorynav p {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 12px; 
}
/*
#directorynavwrapper   #directoryaccredshops h2,#directorynavwrapper   #directorynav h2{
       margin-bottom:0px;
        padding-bottom:0px;
}
*/
#directorynavwrapper   #directorynav .newmessage{
      background: rgb(236,0,139);
      color:#fff;
      font-weight:bold;
      padding:0px 5px;
      margin-right:5px;    width: 195px !important;
}
  
  


div.leftbox h2 {
	background: rgb(22,142,206);
	height: 22px;
	padding: 4px 0 8px 15px;
	color: #fff;
	margin: 0px -10px 10px -10px;
	text-transform: uppercase;
	font-size: 16px;
}

div.leftbox h3 {
	padding: 5px  0px 5px  0px ;
  margin:0px;

}

 div.leftbox input[type="radio"]{
      margin-right:10px !important;

    }  

div.leftbox p {
	font-size:0.9em !important;
}




div.leftbox  input[type="text"]{
  background: #fff;
  border: 2px solid #646363;
 	padding:1px 0 0px 1px !important;
  font-size:14px !important;
  line-height:1.1em !important;
  margin-bottom:5px;
  width:100px  !important;
}

div.leftbox select{
  background: #fff;
  border: 2px solid #646363;
 	padding:1px 0 0px 1px !important;
  font-size:1em !important;
  line-height:1.1em !important;
  margin-bottom:5px;
  margin-right:0px;
  width:105px;
}

label.narrowlabel{
  width:105px !important;
  display: inline-block;
  font-size:0.9em !important;
}

div label {
	font-size: 0.8em !important;
	display: inline-block;
	width: 160px;
    vertical-align: baseline;
}

div table.jobadd label{
  width:210px;

}



div.leftbox  input[type="checkbox"]{
position:relative;
vertical-align: top;

}

/*
div.leftbox button  {
  background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 8px 6px 8px;
	color:#fff;
	border:3px solid #fff;
	float:left;
	font:italic 14px/28px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  width:80px;
  margin-top:10px;
cursor:pointer;
}
*/

div.leftbox button.right  {
	/*float: left;*/
}

div.rightbox {
	border: solid #109cdc 1px;
	padding: 0px 10px 10px 10px;
	margin: 11px 0px 30px 0px;
}

div.rightbox h2 {
	background: rgb(22,142,206);
	height: 36px;
	padding: 0px 0 0px 0px;
	color: #fff;
	margin: 0px -10px 10px -10px;
	text-transform: uppercase;
	font-size: 16px;
	background: rgb(22,142,206) url(/images/arrow-open.png) 95% 12px/16px no-repeat !important;
	cursor: pointer;
}

.rightbox h2 span {
	display: inline-block;
	font-weight: 400;
	padding: 4px 0px 8px 20px;
}

div.rightbox h4 {
	padding: 5px  0px 5px  0px ;
  margin:0px;

}

div.rightbox  input[type="text"]{
  background: #fff;
  border: 2px solid #646363;
 	padding:1px 0 0px 1px !important;
  font-size:1em !important;
  line-height:1.1em !important;
  margin-bottom:5px;
  width:150px  !important;
}

div.rightbox button{
  margin-top:-25px;
}

div.rightbox button.right  {
	float:right;
}




#shopsearchtop {
	line-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 10px 10px;
}

#shopsearchtopheader h2 {
	background: rgb(22,142,206);
	height: 36px;
	padding: 0px 0 0px 0px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	background: rgb(22,142,206) url(/images/arrow-closed.png) 95% 10px/14px no-repeat !important;
	cursor: pointer;
}

#shopsearchtopheader h2 span {
	height: 36px;
	width: auto;
	padding: 4px 0px 0 20px;
	display: block;
}

#shoplogo {
	float:right;
}

#shopsearchtopheader h2.expander-active {
	background: rgb(22,142,206) url(/images/arrow-open.png) 95% 12px/16px no-repeat !important;
}

.rightbox h2.expander-active {
	background: rgb(22,142,206) url(/images/arrow-closed.png) 95% 10px/14px no-repeat !important;
}

div.shophours{
float:left;
text-align:center;
width:128px;
border:solid #666 1px;
border-left:none; 
padding: 5px  5px  5px  5px
}

div.shophours:first-child {
border-left:solid #666 1px;
}

#shopsearchtop h2 {
	background: rgb(22,142,206);
	height: 22px;
	padding: 8px 0 6px 15px;
	color: #fff;
	padding: 10px 0px 10px 10px;
	margin: 0px -10px 10px -10px;
	text-transform: uppercase;
	font-size: 16px;
}

div.rightboxshop{
	padding: 0px 10px 10px 10px;
	margin: 11px 0px 15px 0px;
	float: right;
	width: 40%;
	height: 90px;
}



#shopsearchtop div.rightboxshop h2 {
	height: 22px;
  padding:0px 0px 0px 10px;
  margin:0px -10px 5px -10px;
  text-transform:uppercase;
  font-size:16px;
  background:#fff !important;
  color:#666;
}

div.rightboxshop h4 {
	padding: 5px  0px 5px  0px ;
  margin:0px;
}

div.rightboxshop p {
 margin:0px;
}



div.leftboxshop{
padding:0px 10px 10px 10px;
margin:11px 0px 15px 0px;
float:left;
width:55%;
}


.left.button{
width:80px;
}


div.leftboxshop h3 {
	padding: 5px  0px 5px  0px ;
  margin:0px;

}

 div.leftboxshop input[type="radio"]{
      margin-right:10px !important;

    }  

div.leftboxshop p {
	font-size:0.9em !important;
}



div.leftboxshop  input[type="text"] {
	background: #fff;
	border: 2px solid #646363;
 	padding: 2px 0 3px 3px !important;
 	font-size: 0.9em !important;
 	line-height: 1.1em !important;
 	margin-bottom: 10px;
 	width: 200px !important;
}

div.leftboxshop select{
  background: #fff;
  border: 2px solid #646363;
 	padding:1px 0 0px 1px !important;
  font-size:1em !important;
  line-height:1.1em !important;
  margin-bottom:5px;
  margin-right:0px;
  width:205px;
}

div.leftboxshop button {
	margin-bottom: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
}


#searchform div.left{
float:left;
height:70px;
margin-right:13px;

}





























div.leftbox .boxheader {
	background: rgb(22,142,206);
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding: 8px 0 6px 15px;
  border-left:solid #666 2px;
  border-right:solid #666 2px;
  border-top:solid #666 2px;
}
div.leftbox .boxheader h2 {
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
  font-size:16px;
	z-index: 5;
}

div.leftbox .boxheader h2 a{
  font-size:16px; !important

}



div.leftbox .boxheader h3 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
  font-size:12px;
}



div.leftbox  .boxcontent {
	position: relative;
  border-left:solid #666 2px;
  border-right:solid #666 2px;
  border-bottom:solid #666 2px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	padding: 12px 15px 20px 15px;
}


#box-secondary-nav .boxheader {
	background: rgb(22,142,206);
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding: 8px 0 6px 10px;
  border-left:solid #666 2px;
  border-right:solid #666 2px;
  border-top:solid #666 2px;
}



#box-secondary-nav  .boxcontent {
	position: relative;
  border-left:solid #666 2px;
  border-right:solid #666 2px;
  border-bottom:solid #666 2px;
  background:none;
	min-height: 40px;
	height: auto !important;

	padding: 10px 15px 10px 15px;
}


/* show/hide article div styles */
div.leftbox h3.expander {
	clear: left;
	background: url(/images/arrow_accordion_right.png) top right no-repeat ;
  cursor: pointer;
  width:210px;
  font-size:14px;
}
div.leftbox h3.expander-active {
	background: url(/images/arrow_accordion_down.png) top right no-repeat ;
  width:210px;
  font-size:14px;
}













 /***********************************/
/*  feedback exam */
/***********************************/




#register label{
width:250px;
float:left;
font-weight:bold;
margin-right:5px;

}

div.feedbackbox{
border:solid #666 2px;
padding:10px 10px 10px 10px;
margin:10px 0px 15px 0px;
}


div.feedbackbox:hover{
  background: rgb(235,247,254);

}





p.question{
margin-top:0px;
}


div.feedbackbox label.fullwidth{
display:none;
}

div.feedbackbox showlabelwide label.fullwidth{
display:none;
}

div.feedbackbox  input[type="text"]{

  background: #fff;
  border: 2px solid #646363;
 	padding:10px 0 6px 10px !important;
  font-size:1.2em !important;
  line-height:1.3em !important;
  margin-bottom:5px;
  width:550px  !important;
}

div.feedbackbox select{
  background: #fff;
  border: 2px solid #646363;
 	padding:10px 6px 6px 10px !important;
  font-size:1.2em !important;
  line-height:1.3em !important;
  margin-bottom:5px;
  margin-right:0px;
  width:564px;
}

div.feedbackbox .question{
font-weight:bold;
}

p.bigradiolabels{
display:inline-block;
width:100%;
margin:0px;
}

p.bigradiolabels span{
display:inline-block;
width:19%;
float:left;
text-align:center;
padding:0px;
margin:0px;
}


p.bigradiolabels span label {
width:auto !important;
text-align:center;
margin:0px;
float:none !important;
padding:0px;
font-weight:normal!important;
}

p.bigradiolabels span label:hover {
cursor: pointer;
}

div.futurecourses{
width:50%;
float:left;
display:inline-block;
 min-height:50px;

}



 div.futurecourses label{

 display:inline-block;
 padding-top:12px;
}

 #CanUseFeedbacklabel{

 display:inline-block;
 padding-top:14px;
}





.smallradiolabels{
display:none;
}

.radiodiv{
  display:block;
  width:19%;
  float:left;
  text-align:center;
  margin-top:-10px;
  padding-left:2px;
}

p.bigradiolabels{
margin:0px;
}

div.feedbackbox div.notes{
margin:15px 0px 10px 0px !important;

}
div.feedbackbox div.notes textarea{
  height:80px;
  border: 2px solid #646363;
   	padding:10px 0 6px 10px !important;
    font-size:1.2em !important;
    line-height:1.3em !important;
     width:98%;
  }


 /***********************************/
/*  start exam */
/***********************************/




 /***********************************/
/*   Google Map*/
/***********************************/
#map {
	overflow: hidden;
	width:996px;
	height:641px;
	font-size: 0.9em;
	float: left;
	margin: -10px 0px -10px -10px;
}




#map.detail {
	overflow: hidden;
	width:996px;
	height:251px;
	font-size: 0.9em;
	float: none;
	border: none;
	margin: -10px 0px 5px -10px;

}






.infoBox {
}
.infoBox h3 {
}
.infoBoxTop {
	background: url('/images/googlemap/bg_infobox_top.png') no-repeat;
	padding: 25px 22px 0 22px;
	font-size: 12px;
	line-height: 14px;
}
.infoBoxTop h3 {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 0 3px;
	margin: 0;
}
.infoBoxTop p {
	padding: 0 0 8px 3px;
	margin: 0;
}
.infoBoxTop p.moreinfo {
	padding: 0 0 0 0;
}
.infoBoxTop a.button_blue {
}

.infoBoxBottom {
	background: url('/images/googlemap/bg_infobox_bottom.png') no-repeat;
	height: 45px;
}

 /*@media all and (max-width:768px)*/
.infoBox img {
    width: auto !important;
    height: auto !important;
}



 /***********************************/
/*   Google Map END*/
/***********************************/



 /***********************************/
/*   NEWS */
/***********************************/

#news-searchterm{

width:210px !important;
margin:5px 0px 0px 0px !important
}

p.newssearch{
margin:10px 0px 0px 0px;
font-size: 1.0em !important;
}

p.newssearch label{
font-size: 1.0em !important;
}

.leftbox .search-result img {
	margin: 2px 0 5px 5px;
	float: right;
}

.search-result p{
margin:0px 0px 0px 0px;
}

.search-result h4{
margin:0px 0px 0px 0px;
}

.search-result {
    border-top: 2px solid #666;
    clear: right;
    margin: 0px -10px 0px -10px;
    padding: 10px 13px 5px;

}

.search-result-selected {
	background: rgb(235,247,254);
}


div.paginate {
	font-size: 1.1em;
	margin: 10px 0;
	color: #ccc;
}
div.paginate a {
	text-decoration: none !important;
}
div.paginate span.previous {
	display: inline-block;
	text-align: right;
	width: 45px; 
}
div.paginate span.previous a {
	padding-left: 15px;
	background: url(../../images/bullet_prev.gif) top left no-repeat;
}
div.leftbox div.paginate span.previous a:hover {
	background: url(../../images/bullet_prev_hover.gif) top left no-repeat;
}
div.leftbox div.paginate span.page-numbers {
	display: inline-block;
	width: 155px;
	text-align: center;

}
div.leftbox div.paginate span.current a {
	color: #6da3bb;
}
div.leftbox div.paginate span.next {
	display: inline-block;
	padding-left: 7px;
	font-weight: bold;
}
div.leftbox div.paginate span.next a {
	padding-right: 15px;
	background: url(../../images/bullet_next.gif) top right no-repeat;
}
div.leftbox div.paginate span.next a:hover {
	background: url(../../images/bullet_next_hover.gif) top right no-repeat;
}

div.leftbox div.paginate {
	border-top: 2px solid #666;
	margin: 0 -12px;
	padding: 5px 10px 0 10px;
}
div.leftbox div.paginate span.page-numbers {
	width: 100px;
}



.feedbacksocial{
 float:left;
 margin:25px 10px 10px 10px;
}





 /***********************************/
/*   NEWS END*/
/***********************************/









/***********************************/
/* cookie */
/***********************************/



#cookie-alert {

	border-top:solid #fff 2px;
	display: none;
	position:fixed;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
 	background: rgba(0,0,0,.8);
	color:#ffffff;
	z-index:1000;
	min-height:40px;
	font-size:12px;
	padding:10px 0px 10px 0px;
	/* text-align:center; */
	transition: height 1s;
	-moz-transition: height 1s; /* Firefox 4 */
	-webkit-transition: height 1s; /* Safari and Chrome */
	-o-transition: height 1s; /* Opera */
}

#cookie-alert p{
  display:inline-block;

}


#cookie-alert a {
	font-weight:bold;
	text-decoration:underline;
}

#cookie-alert a.allow {
	color:#ffffff;
	background-color:#00a0c3;
	border:solid 1px #fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	cursor:pointer;
}

#cookie-alert a.cookiemore {

	background-color:#00a0c3;
	border:solid 1px #fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#cookie-alert:hover {
	transition: height 1s;
	-moz-transition: height 1s; /* Firefox 4 */
	-webkit-transition: height 1s; /* Safari and Chrome */
	-o-transition: height 1s; /* Opera */
	/* height:60px; */
}



 /***********************************/
/* home page */
/***********************************/

#headerbackground { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 0px;
	margin: 0 auto; 
	padding: 0px; 
	width: 1920px; 
	height: 600px; 
	overflow: hidden; 
}

.header-image {
	right: 0px;
	margin: 0 auto;
}

@media ( max-width:620px ) {	
	.header-image {
		margin: 0;
		max-width: 100%;
	}
	
	.header-image img {
		max-width: 100%;
	}
}

#home-wrapper{
	margin-left: auto ;
	margin-right: auto ;
	position: relative;
	padding: 0px;
	margin-top: -1px;
}

#home-header{
	/*max-width: 1420px;*/
	margin-left: auto ;
	margin-right: auto ;
	position: relative;
	padding: 0px;
	margin-top: -1px;
	width: 100%;
	z-index: 2;

}

#home-header-inner {
	height: 600px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px; 
	padding: 0px;
	position: relative;
}

.header-title-text {
	bottom: 0px;
	left: 0px;
	margin: 0 auto;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1024px;
	z-index: 1;
}

.header-title-text h1 {
	color: #ade5ff;
	font: normal normal 400 44px/56px Exo;
	margin: 0;
	padding-top: 200px;
}

@media ( max-width:620px ) {
	.header-title-text {
		max-width: 100%;
	}
	.header-title-text h1 {
		padding-left: 20px;
		padding-top: 40px;
	}
}

#home-top{
float:right;
margin:10px 0px 0px 0px;
}


#main.mainhome{
    padding:20px 20px 20px 20px;
    max-width:100%;
    background:#fff;
    margin:0 ;
}

.homepagearticle{
  max-width:1024px; 
	margin-left: auto ;
  margin-right: auto ;
	position:relative;
  padding:0px;
}


.homepagearticle a {
	text-decoration: none;
	color: rgb(27,164,221);
	outline: none;
}
.homepagearticle a:hover {
	text-decoration: none;
	color: #ff9933;
}

.homepagearticleleft  {
	width: 50%;
	float: left;
	position: relative;
	padding: 40px 10px  0px 0px;
	color: #109cdc;
	font-size: 22px;
	font-weight: 500;
	line-height: 34px;
	margin-bottom: 20px;
}

.homepagearticleright  {
	width: 45%;
	float: left;
	position: relative;
	padding: 45px 0 0 0;
	padding-left: 20px;
	margin-bottom: 20px;
}


.homepagearticleright:after {
	clear: left;
}

.start-cytech-journey-wrapper {
	margin-top: 40px;
}

.start-cytech-journey-image {
	height: 373px;	
}

.start-cytech-journey {
	color: #ffffff;
	height: 373px;
	margin-top: -350px;
	max-width: 468px;
	padding-left: 32px;
}

.start-cytech-journey a,
.start-cytech-journey a:hover {
	color: #ffffff;
}

button,
a.button,
.button-blue,
span.cancelbutton {
	background: #109cdc;
	border: 1px solid #109cdc;
	color: #ffffff;
	font: normal normal 500 16px / 28px Exo;
	padding: 11px 14px 11px 14px;
	text-transform: uppercase;
}

button:hover,
a.button:hover,
.button-blue:hover,
span.cancelbutton:hover {
	background: #ace5ff;
	color: #109cdc;
}

.homepagearticle a.button-blue:hover {
	background: #ffffff;
	color: #109cdc;
}

.homepagearticle a.button-blue:hover {
	border: 1px solid #ffffff;
}


/* CAROUSEL */
.homepage-slider-wrapper {
    width: 100%;
    max-width: 1120px;
    margin: auto;
    margin-bottom: 60px;
    margin-top: 60px;
    display: block;
    text-align: center;
}

.homepage-slider-wrapper h2 {
    color: #109cdc;
}

.carousel-cell {
	width: 20%;
	margin-right: 10px;
	background: #fff;
	border-radius: 5px;
}

.carousel-cell img {
	width: 200px;
}			
		
.flickity-enabled {
	position: relative;
}

.flickity-enabled:focus {
	outline: none;
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  	-webkit-tap-highlight-color: transparent;
  	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* END CAROUSEL */

.homepagearticleinner {
	background: #ebf7fe url(../images/homeh2.png) repeat-x;
	text-align: center;
	width: 100%;
}

.homepagearticleexpander {
	margin-bottom: 30px
}

.homepagearticleexpander .homepagearticleinner h2 {
	font-weight: 600;
	padding-bottom: 3px;
}

.homepagearticleinnercenter {
  max-width:1024px;
  position: relative;
  margin: 0 auto;
  text-align:left;
}

.homepagearticleinner h2 {
	height: 47px;
	width: 100%;
	color: #fff;
	padding: 0px 0px 0 0px ;
	margin: 0px;
	font-size: 20px;
}

.homepagearticleinner h2 span {
	height: 40px;
	width: auto;
	padding: 6px 0px 0px 0px;
	display: block;
}

.homepagearticleinner h2 span span{
padding-left:37px;
display:block;
position:relative;
}

h2.expander {
	background-color: #109cdc;
	background-image: url(/images/arrow-closed.png);
	background-position: 95% center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	color: #ffffff;
	height: 48px;
	line-height: 48px;
	margin: 0 0 16px 0;
}

h2.expander-active {
	background-image: url(/images/arrow-open.png);
}	

.homepagearticleexpander h2.expander span span {
	clear: left;
	background: url(/images/arrow-closed.png) 100% 7px/20px no-repeat !important;
	cursor: pointer;
	line-height: 24px;
}

.homepagearticleexpander h2.expander-active {
	background: none;
}

.homepagearticleexpander h2.expander-active span span {
	background: url(/images/arrow-open.png) 100% 8px/23px no-repeat !important;
}

#homepagefooter{
height:25px;
background:#fff;
border:solid #fff 1px;
width:98%;
}



#homepagelowerouter {
text-align:center;
width:100%;
background: #fff;  
}

#homepagelowerinner {
  max-width:1024px;
  position: relative;
  margin: 0 auto;
  text-align:left;
  background: #fff;
}



#box_findabikeshop {
  background:#fff;;
  opacity: 0.9;
	padding:2px 0 0 0;
	margin:21px 0 10px 0;
	width:240px;
	height:236px;
	color:#575757;
}






#box_findabikeshop .boxheader {
	background: none;
	margin:8px 0px 0px 0px;
	padding: 0 0 8px 17px;
	background: url(../../images/bg-grey-line.png) bottom left no-repeat;

	border:none;


}



#box_findabikeshop .boxcontent {
	position: relative;
	background: url(../../images/bg_box_bottom.png) bottom left no-repeat;
	min-height: auto !important;
	height: auto !important;
	padding: 12px 15px 20px 15px;
  font-size:12px;
}


#box_findabikeshop .boxcontent label{
  font-size:1.0em !important;
  display:inline-block;
  width:auto; 
    vertical-align: baseline;
}



#box_findabikeshop h2 {
	margin: 6px 0px 0 -8px !important;
	padding: 0 0 0 0px;
  font-size:15px;
  text-transform:none;
  display:inline-block;

}
#box_findabikeshop h2 a {
	color: #0084cc;	 
}
#box_findabikeshop .boxcontent {
	background: none;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
min-height: 0px;
}


 #box_findabikeshop .boxcontent label {
	color:#575757;
}


#box_findabikeshop h3 {
	margin-top:-2px;
}


#box_findabikeshop p.input_advancedsearch {
	margin-top: 25px;
	
}


#box_findabikeshop .boxheader .findashop{
	margin:6px 0px 0px 0px;
	
}

#box_findabikeshop .boxheader  p.boxheader_small{
	font-size: 100%;
	color:#575757;
	padding:0px 0px 0px 27px;
	margin:-2px 0px 0px 0px;	
}




form.shopsearch {
	margin: 0;
	padding: 0;
	color: #fff;
}
form.shopsearch fieldset {
	border: 0;
	padding: 10px 0 0 10px;
}
form.shopsearch #box_advancedsearch fieldset {
	border-top: 1px solid #484647;
	padding: 10px 0 10px 12px;
}

form.shopsearch h3 {
	text-transform: uppercase;
	color: #0084cc;
	padding: 0 0 10px 0;
}
form.shopsearch p {
	margin: 0;
	padding: 0 0 5px 0;
}
form.shopsearch a.whats-this {
	font-weight: bold;
	color: #0084cc;
}
form.shopsearch a.whats-this:hover {
	color: #fff;
}

form.shopsearch input.search-input {
	padding: 0 8px 0 8px;
	width: 158px !important;
	width/**/: 174px;
	height: 22px;
	line-height: 22px;
	background: url(../../images/bg_input_text.png) bottom left no-repeat;
	margin;0px;
	display:inline-block;
	
}


/* styles for tamingselect DHML drop down menus */
.trigger{
	border:1px solid #ccc;
	color:#333;
	padding-right:1em;
	padding-left:.5em;
	width:9.5em;
	background:url(tamingselect_arrow.gif) center right no-repeat #fff;
	display:block;
	outline: none;
}
.activetrigger{
	border:1px solid #ccc;
	color:#333;
	padding-right:1em;
	padding-left:.5em;
	width:9.5em;
	display:block;
	background:#ccc;
	outline: none;
}
.dropcontainer ul{
	background:#fff;
	border:1px solid #999;
	border-bottom:none;
	list-style-type:none;
	padding:0;
	margin:0;
	width:11em;
	position:absolute;
z-index:100;
}
.dropdownhidden{
	top:0;
	left:-999em;
}
ul.dropdownvisible{
	top:0;
	left:0;
}
.dropcontainer ul a{
	padding:0.5;
	display:block;
	width:10em;
	height: 1%;
	text-decoration:none;
	color:#333;
}
.dropcontainer ul a:hover{
	background:#ccc;
	color:#333;
}
.dropcontainer{
	position:relative;
}
/* end of styles for tamingselect DHML drop down menus */







p.input_location {
	position: relative;
	float: left;
	width: 105px;
}
p.input_location label {
	display: block;
	color: #fff;
	height: 20px;
}
p.input_location input {
	padding: 0 8px 0 8px !important;
	width: 84px !important;
	width/**/: 100px;
	height: 22px;
	line-height: 22px;
	
  border:solid #666 1px;;
}

#distancesearchcenter{
  z-index:10 ;
}

#distancesearchshop{
  z-index:5 ;
}


p.input_radius {

	float: left;
	width: 80px;
	z-index: 100;
}


p.input_radius label {
	display: block;
	color: #fff;
	padding-left: 8px;
	height: 20px;

}
p.input_radius select {
	width: 75px;
	height: 22px;
	line-height: 22px;
	border: 0;   
}




p.input_go {
}
p.input_go label {
	display: inline-block;
	height: 20px;
	
}

/* override styles for taming select DHTML drop down */
p.input_radius .trigger{
	 border:solid #666 1px;
	color:#333;
	padding-left:8px;
	width:54px !important;
	width/**/:75px
	height: 22px;
	line-height: 22px;
	background: url(../../images/bg_input_radius.png) top left no-repeat;
  display:inline-block;
}

p.input_radius .activetrigger{
	border:solid #666 1px;
	color:#333;
	padding-left:8px;
	width:54px !important;
	width/**/:75px
	height: 22px;
	line-height: 22px;
  display:inline-block;
	background: url(../../images/bg_input_radius.png) top left no-repeat;

}
/* style of the UL that replaces the select */
p.input_radius .dropcontainer ul{
	border: solid #666 1px;;
	background:#fff;
	padding:0;
	margin:0 0 0 7px;
	width:60px;
	position:absolute;
}
p.input_radius .dropdownhidden{
	top:0;
	left:-999em;
}
p.input_radius .dropdownvisible{
	top:0;
	left:0;
z-index:100;
}
p.input_radius .dropcontainer ul a{
	padding: 0 3px;
	width:54px !important;
	width/**/:60px;
	text-decoration:none;
	color:#333;
}
p.input_radius .dropcontainer ul a:hover{
	background:#ccc;
	color:#333;
}
p.input_radius .dropcontainer{
	position:relative;
}


/* go button */
button.button_go {
 background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);

	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:2px 4px 4px 4px;
	color:#fff;
	border:3px solid #fff;
	float:right;
	font:italic 14px/16px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;	
  margin: -3px  8px  0px  -2px;

}  


button.button_go:hover {
cursor:pointer;

}









.box {
	width: 240px;
	margin: 0 12px 10px 0;
  float:left;
  position:relative;
}


 .boxheader {
	background: rgb(22,142,206);
	min-height: 19px;
	height: auto !important;

	padding: 8px 0 6px 15px;
  border-left:solid #666 2px;
  border-right:solid #666 2px;
  border-top:solid #666 2px;
}
 .boxheader h2 {
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	z-index: 5;	height: 22px;
font-size:16px;
}
.boxheader h3 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
  font-size:12px;
}







.boxheader h2 a,
.boxheader h3 a {
	color: #fff;
}
.boxheader h2 a:hover,
.boxheader h3 a:hover {
	color: #4d4d4d;
}





.boxcontent {
	position: relative;
	background: url(../../images/bg_box_bottom.png) bottom left no-repeat;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	padding: 12px 15px 20px 15px;
}







.boxcontentsmall {
	position: relative;
	background: url(../../images/bg_box_bottom.png) bottom left no-repeat;
	height: auto !important;
	height: 30px;
	padding: 12px 15px 10px 15px;
}


.boxcontentsmall input.text {
	padding: 0 8px 0 12px;
	width: 190px !important;
	width/**/: 190px;
	height: 24px;
	line-height: 22px;
	margin-bottom:5px;
	margin-top:5px;
	background: url(../../images/bg_input_text_border195.png) top left no-repeat;
}



 .boxcontentsmall button {
	margin-bottom:10px;
	margin-top:5px;
	display:block;
	width:195px;
	height:23px;
	line-height:23px;
	padding:0 0 0 8px;
	border:none;
	background:url(../images/button-lightblue-195.png) right top no-repeat;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	cursor:pointer;		
}
    


.boxcontent ul.rssfeed {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}
.boxcontent ul.rssfeed li {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
.boxcontent ul.rssfeed a {
	color: #4d4d4d;
	text-decoration: underline;
}
.boxcontent ul.rssfeed a:hover {
	color: #0084cc;
	text-decoration: underline;
}

.boxcontentfooter {
	height: 20px; /* make space for .button grey */
}
.boxcontentfooter .button_grey {
	position: absolute; /* relative to .boxcontent */
	left: 15px;
	bottom: 20px;
}



a.button_grey,
a.button_grey:visited {
	display: inline-block;
	padding-left: 10px;
	width:203px !important;
	width/* */:196px;
	height: 23px;
	line-height: 23px;
	font-family: Helvetica, Verdana, sans-serif;
	font-size:  12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: url(../../images/button_blue_wide.png) top left no-repeat; 
}
a.button_grey:hover,
a.button_grey:active {
	color: #414142;
	background: url(../../images/button_blue_wide.png) bottom left no-repeat; 
}


#side-nav{
  list-style-type: none;
  padding-left:0px;
}

#box-secondary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#box-secondary-nav li {
	list-style: none;
	background: url(../../images/bullet_lightgrey.gif) top left no-repeat;
	padding-left: 20px;
	line-height: 1.5em;
}

#box-secondary-nav li a {
	color: #666;
	text-decoration: none;
}
#box-secondary-nav li a:hover {
	color: rgb(27, 164, 221);
	text-decoration: underline;
}





/*----------------------------------------------
		FOOTER
------------------------------------------------*/
#subfooterwrapper {
	padding: 20px 0 20px 10px;
}  

#footerservicelink {
  clear:both;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}
#footerserviceother {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

  

#subfooter {
	padding: 0;
	margin: 0;
}

#subfooter ul {
	position: relative;
	float: left;
	width: 30%;
	list-style: none;
}










 /***********************************/
/* registe page */
/***********************************/





 /***********************************/
/* shop  page */
/***********************************/



#searchresults  {
border: solid #666  2px;
}


#searchresultsheader h2 {
font-size:18px;
}


.shoplisting   {
margin:0px 0px 0px 0px;
border-bottom: solid #666  1px;
padding:7px 7px 7px 7px;
}

.shoplisting:last-child   {
border-bottom: none;

}



.shoplisting h3 span.distancemiles,.shoplisting_selected h3 span.distancemiles{
font-size: 12px !important;
}


.shoplisting  h3 {
margin:0px 0px 0px 0px;
}

.shoplisting  h3 a{
font-size:14px !important;
}



.shoplisting  p {
font-size:14px !important;
margin:0px 0px 0px 0px;
}


.shoplisting_selected   {
margin:0px 0px 0px 0px;
border-bottom: solid #666  1px;
padding:7px 7px 7px 7px;
background:rgb(235,247,254);
}

.shoplisting_selected:last-child   {
margin:0px 0px 0px 0px;
border-bottom: none;

}

.shoplisting_selected  h3 {
margin:0px 0px 0px 0px;
}

.shoplisting_selected  h3 a{
font-size:14px !important;
}



.shoplisting_selected  p {
font-size:14px !important;
margin:0px 0px 0px 0px;
}







#searchresultssummary{
float:right;
margin: 5px 0px 5px 0px;
}

#paginationtop {
	margin: 5px 0px 20px 0px;
}




.btn_shoplisting_act{
display:none;
}

.btn_shoplisting_cytec{
display:none;
}


.btn_shoplisting_act_platinum{
display:none;
}


span.divider {
	clear: left;
	display: block;
	border-top: 2px solid #666;
}

#shop-accreditation p {
	position: relative;
	float: left;
	margin-right: 10px;
}


#brands-stocked-list {
	margin-bottom: 10px;
}
#brands-stocked-list span {
	display: inline-block;
	line-height: 1.6em;
	width: 32%;
}
#shop-services {
	clear: left;
	margin-right: -10px;
}
#shop-services p {
	position: relative;
	float: left;
	margin-right: 10px;
}
#shop-services #other-services-popups p {
	float: none;
}
#other-services-popups a.close {
	float: right;
	margin-right: 15px;
	color: #00cfff;
}

#bikesforsale {
	
}
#bikesforsale table {
	width: 100%;
}
#bikesforsale td {
	padding: 5px 5px 7px 0;
	border-bottom: 1px solid #e6e6e6;
}
#bikesforsale img {
	border: 1px solid #e6e6e6;
}

#box-staff p {
	position: relative;
}
p.staff-photo {
	float: left;
	width: 100px;
	padding-bottom: 5px;
	padding-right: 5px;
}
p.staff-photo img {
	max-width: 100px;
}
div.staff-divider {
	clear: left;
}

p#print-me-in-content a {
	padding-left: 20px;
	background: url(../../images/print_me_in_content.gif) left 3px no-repeat;
}

p#backtosearch  {
float:right;

}

div.paginate {
	font-size: 0.9em;
	margin: 10px 0;
	color: #ccc;
margin:0px;
}
div.paginate a {
	text-decoration: none !important;
color:#666;
}
div.paginate span.previous {
	display: inline-block;
	text-align: right;

}
div.paginate span.previous a {
	padding-left: 15px;
	background: url(../../images/bullet_prev.gif) top left no-repeat;
 
}
div.paginate span.previous a:hover {
	background: url(../../images/bullet_prev_hover.gif) top left no-repeat;
 	color: #00cfff;
}
div.paginate span.page-numbers {
	display: inline-block;
	width: 175px;
	text-align: center;
}
div.paginate span.current a {
	color: #00cfff;
  font-weight:bold;
}
div.paginate span.next {
	display: inline-block;
	padding-left: 7px;
}
div.paginate span.next a {
	padding-right: 15px;
	background: url(../../images/bullet_next.gif) top right no-repeat;
}
div.paginate span.next a:hover {
	 background: url(../../images/bullet_next_hover.gif) top right no-repeat;
  	color: #00cfff;
}

.shoplistingright{
float:right;
 display:block;
 height:100%;
 border:solid #fff 1px;
 margin-left:10px;
 margin-right:10px;

}




 /***********************************/
/* end shop  page */
/***********************************/




.homebutton {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
display:inline-block;
	padding:4px 52px 6px 12px;
	color:#fff;
  cursor:pointer;
	border:3px solid #fff;
	float:right;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  width:120px;
  margin-bottom:20px;
}

.homebutton:after {
	background:url(../images/sprite.png) no-repeat 0 -146px;
	width:32px;
	height:32px;
	position:absolute;
	right:-5px;
	top:13px;
	content:'';
}


 .lightboxpopup{
 padding:5px 10px 10px 10px;
 text-align:left;
 width:705px;
 }

 .lightboxclose{
			margin-top:7px;
			background: url(../images/transparent/background-popup-close.png) top left no-repeat;
			width:30px;
			height:30px;
			padding:4px 0px 0px 10px;
			font-size:120%;
			position:relative;
			float:right;

 }

.lightboxinner{
 	background:#fff;;
 	padding: 5px  10px  10px  30px;

 }

.lightboxinner #contentwrapper {
	padding: 0;
}
.lightboxinner .articleinner {
	padding: 0px 0px 0px 0px;
}

 .lightboxfooter{

 }

.lightboxinnerlogo{
	  vertical-align:text-top;
	  padding-right:20px;
	}


.fullpagewrap{
	 margin-left:6px;
}

.lightboxclose a{
	text-decoration:none;
	font-weight:bold;
 }


 #jobssearch  input[type="text"]{
  width:210px  !important;
}

p.jobsearch {
    font-size: 1em !important;
    margin: 0px 0px 10px 0px;
}

 #searchCountry{
 width:214px;
 }





p.jobsearch label {

}
 p.jobsearch input {
}


 #content .joblistpanel  {
padding:0px;
}

 #jobsbutton {
	  float: right;
	  margin: 10px 10px 20px 30px;
	  text-align:center;
    display:inline-block  ;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%) repeat scroll 0 0;
    border: 3px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    font: italic 14px/28px "HelveticaNeueLTStd-Hv",Arial,Helvetica,sans-serif;
    margin-top: 10px;
    padding: 4px 8px 6px;
    width: 120px;
}

#jobsbutton a{
     color: #fff;
}



#content .joblistpanel dd {
	height:auto;
	vertical-align: text-middle;
	margin-left:180px;
	padding:0px;
	font-weight:bold;
}


#content .joblistpanel dt {
	height:auto;
	vertical-align: text-middle;
	width: 180px;
	float: left;
	clear: left;

}



#content .joblistpanel img.membershipicon {

margin-top:-10px;
}


.notavailable {color:red; font-weight:bold}

.available{color:green; font-weight:bold}

.someavailable{color:orange; font-weight:bold}

table.organisationsListing.calendar a {
	text-decoration: none;
  color:rgb(27,164,221) !important;
	outline: none;
}



 /*---------- SEND FRIEND-----------*/

p#status-message{
 color:red !important;;
}




#sendtoafriendpopup h2 {
	margin:0;
	padding:0px 0px 0px 0px;
	font-size:1.1em;
	font-weight:bold;
}



 .friendpopup iframe{

        float:right;
        margin-right:-40px;
  }

#sendtoafriendpopup {
  text-align:left;
  padding:10px 10px 5px 10px;
  margin:0px;
	background:#fff;
  float:left;
	height:calc(100% - 20px);
	width|:80px;
}

#sendtoafriendpopup h2{
color: #00AEEF;
text-transform: uppercase;
padding-bottom:5px;
}


#sendtoafriendpopup form{
margin-bottom:0px;
}

 #sendtoafriendpopup input.text{

  background: #fff none repeat scroll 0 0;
    border: 2px solid #646363;
    font-size: 1em !important;
    line-height: 1.1em !important;
    margin-bottom: 5px;
    padding: 1px 0 0 1px !important;
    width: 200px !important;

}
 #sendtoafriendpopup       textarea   {
      border: 2px solid #646363;
    font-size: 1em !important;
    line-height: 1.1em !important;
    margin-bottom: 5px;
    padding: 1px 0 0 1px !important;
 }






#sendtoafriendpopup td {
	vertical-align:top;
	border:none;
}



#sendtoafriendpopup td textarea {
padding:0px 0px 0px 0px;
margin :0px 10px 0px 10px;
width:203px;
height:100px;
border:solid 2px #00AEEF ;
}





/*---------- END  SEND FRIEND-----------*/






















 /***********************************/
/*  pop up  */
/***********************************/


div.popupshell{
background:  url(/images/popup_background.png) top right repeat !important;
width:900px;
}
div.popupheader{
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 40px 0px 0px;
height:30px;
}

div.popupheader a{
color:#fff;
font-size:18px;
cursor: pointer;

}

div.popupcontent{
background:  #fff;
margin:0px 40px 40px 40px;
padding:10px;
}


div.popupcontent h1 ,div.popupcontent h2,div.popupcontent h3{
  color:#1490cf;
	font-style:italic;
   text-transform:lowercase;
}


div.popupfooter{
height:100px;
margin:0px 40px 0px 40px;
}


 













@media (min-width: 481px) {  
    #act-logo-footer {
    	display:none;
    }
}



@media (max-width: 1023px) {  
    	body	{
    		min-width:1024px;
    	}

    #act-logo-footer {
    	display:none;
    }
   
#map {
	overflow: hidden;
	width:700px;
	height:641px;
}    


}


@media (max-width: 768px) {
	 
	.title-outer {
		background-position: center;
	}
	
	.title-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.columnfullwidth img {
		width: 90%;
	}
	
	.columnfullwidth img.nonstretch {
		width: auto;
		height: auto;
	}
	
	.infoBox img {
		width: auto;
		height: auto;
	}
				
	#directorysearch input[type="text"] {
		width: 210px !important;
	}
	
	.organisationsListing img {
		width: auto !important;;
	}
	
	img.rankingimage {
		width: 100px !important ;
	}  
				
	#directorysearch {
		width: calc(100% - 20px);
	} 
	
	#directorynavwrapper {
		display:none;
	}
}


@media (max-width: 620px) { 

	body {
		min-width:320px;
	}

  button.regbutton{
 float:right;
 margin:0px;
	}


  .columnfullwidth img{
    width:90%;
    height:auto;
  }


  .columnfullwidth img.nonstretch{
    width:auto;
  }

	.navigation-area {
		padding:12px 10px;
	}
	.social-area ul {
		text-align:center;
		float:none;
	}
	.act-logo {
    display:none;
	}

	#act-logo-footer {
		width:40%;
		margin:0 auto;
		float:none;
    display:block;
	}

	#home-header-inner {
		background-color: #1b4797;
		height: 200px;
	}
	
	#header-title-text h1 {
		padding-top: 60px;
		padding-left: 15px;
	}
	
	#headerbackground { 
		/* display: none; */
	}

	.header-right {
		width: 100%;
		display: block;
	}
	
	#nav .slide.js-slide-hidden{ position:absolute !important;}
	
	#nav {
		float: right;
	}
	
	.opener {display:block;}
	#nav ul {width:100%;}
	#nav ul li {
		width:100%;
		padding:5px 0;
	}
	#nav ul > li > a {
		padding:0;
	}
	.social-area ul li {
		display:inline-block;
		float:none;
		vertical-align:top;
		padding:5px;
	}
	#nav .slide {
		position:static;
		padding:10px 0;
	}
	#nav .dropdown {
		width:100%;
		background:none;
	}
	.dropdown-holder {
		background:none;
	}
	#nav .dropdown ul	{
		font-weight:normal;
		font-size:16px;
		line-height:18px;
		margin:0;
	}
	#nav .dropdown ul li {
		padding:5px 10px;
		position:relative;
	}
	#nav .dropdown ul li:hover:after	{
		background:#646463;
	}
	.navigation-holder .user {
		float:right;
		margin:9px 0;
		padding:0;
		position:relative;
		z-index:2;
	}
	#main	{padding:10px;}
	#main h1 {
		font-size:22px;
		margin:0 0 10px;
	}
	#main .pagination {
		font-size:14px;
		top:18px;
		right:10px;
    text-align:right !important;
	}
	#main .content {
		margin:0 0 20px;
	}
	#main .content .alignright {
		width:100%;
		margin:0 0 15px;
	}
	#main .text-holder {width:100%;}
	#main .two-columns {margin:0 0 50px;}
	#main .buttons .back {padding:4px 14px 6px 60px;}
	#main .buttons .next {padding:4px 30px 6px 10px;}
	.footer-menu-holder {
		width:100%;
		text-align:center;
		padding:0 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}

	.footer-menu-holder ul {
		margin:0 0 10px;
		width:100%;
		overflow:hidden;
	}
	
	.footer-menu-holder ul li {
		float: none;
		display: block;
		width: 100%;
		margin: 0;
	}
	
	.footer-menu-holder .sign-up {float:none;}
	.footer-menu-holder .sign-up li:after {display:none;}
	.footer-menu-holder .sign-up li {margin:0 0 10px;}
	.social-holder {width:100%;}
	.footer-holder .add-banner {display:none;}
	.social-holder .find-us {display:none;}
	.social-holder .brands {display:none;}
	.social-holder .social-blog {text-align:center;}
	.social-holder .social-blog {text-align:center;}
  #questionlist {display:none;}


#register  input[type="text"]{
  width:90% ;
}

div.registercheckbox {
   width:90%;
  margin:10px 10px 10px 0px;
}

#OfferCode{
margin-top:0px !important;
width:250px !important;
}

#addressdetails,
#shopsearchtopheader ,
#mapheader ,
#shoplistings ,
#ourstaffwwrapper  ,
#newswrapper  ,
#jobswrapper  ,
#brandswrapper  ,
#serviceswrapper ,
#openinghourswrapper,
#box-directions
{

}

#content .joblistpanel dt,#content .joblistpanel dd{
height:10;
width:90;
display:block;
position:relative;
float:none;
}

#content .joblistpanel dd{
margin-left:0px;
margin-bottom:5px;
}


div.leftbox div.paginate span.next {
    padding-left: 50px;
}

div.leftbox div.paginate {
  text-align:center;
}



}  




 /***********************************/
/*  widths */
/***********************************/

/*************************************************************************************************************************************************/

@media (max-width: 1024px) {  

	#nav {
		background: #119cdc;
	/*	margin-top: -115px; */
		padding-left: 10px;
	/*	padding-top: 30px; */
	}
	
	/*#nav.active {
		margin-top: 0;	
	}*/
	
  .header-holder{padding-left:10px;}
  .footer-menu{padding-left:10px;}
  #home-top-left img{
    float:right;
    margin:30px 15px 0px 10px;
    }
  .act-logo {
  	padding-right:10px;
  }
 .navigation-holder{
    padding-right:10px;
  }

  .column2and3 {
  	float: left;
  	max-width: 700px;
  	padding: 0;
  	margin: 0 0 0 20px;
  }

#searchform div.left {
  float: left;
  height: 70px;
  margin-right: 5px;
}



}



/*************************************************************************************************************************************************/


@media (max-width: 1023px) {  
    body	{
    		min-width:1024px;
    	}
    
    #act-logo-footer {
    	display:none;
    }
    
}


/*************************************************************************************************************************************************/


@media (max-width: 991px) {  
    #nav > .slide > ul a{
		font-size:13px !important ;
	}
  
  
  #nav > .slide > ul > li{
  		margin: 0px 14px 0px 0px !important;
	} 
}
 


/*************************************************************************************************************************************************/

@media (max-width: 768px ) {  
 	body {
		min-width:481px;
		max-width:768px;
	}     
  #main {
    	padding:10px;
  }
 
  #main .pagination {
  	top:auto;
  }

  .navigation-holder {
  	max-width:768px;
  	margin:0 10px 0 0;
  	padding:0;
  }


  .dropdown-holder {
  	max-width:160px;
	  z-index:1;
  }
/*
  #nav > .slide > ul a{
  	font-size:13px !important ;
  }
  
  
  #nav > .slide > ul > li{
  		margin: 0px 14px 0px 0px !important;
  }
*/
 #map {
   width:calc(100% + 20px) !important;
  } 


  .column3 {
  	float: left;
  	width: 450px;
  }

  .column3 #map{
  	margin: -10px -10px 10px 0px;
  	width: 444px;
  }



  .column2and3 {
  	float: left;
  	width: 450px;
  	padding: 0;
  	margin: 0 0 0 20px;
  }

  #home-welcome{display:none;}

  .hidebig {
  	display:none;
  }
  
  .footer-holder .add-banner{
  width:100%;
  }
  
  .social-holder{
  width:100%;
  margin-right:10px;
  
  }
  
  div.popupshell{
  width:90%;
  }

  div.examstagebackground {

    display:block;
  }
  
  div.examstagebutton{
    width:100%;
    margin-bottom:10px;
    margin-top:10px;
    display:block;
  }

  div.examstagestudy {
    float:LEFT;
    margin: 4px 20px 0px 530px;
  }






.smallright{
width:220px;
}

.smallleft{
width:220px;
}

.left .widelabel{

}

.left {
width:160px;
}

.left.button{
height:1px;
float:right;
width:200px;
padding: 0px;
margin:0px;
display:block;
text-align:right;
}

.left.button form{
display: inline;
border:solid white 1px;
padding-left:20px;
}

#searchform div.left{
height:auto;
float:none;
}

#searchform {
margin:0px;
padding:0px;

}

#searchform form{
margin:0px;
padding:0px;
}

#searchform .left.radio {
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	width: 300px;
}

div.leftboxshop {
	padding: 0px;
	width: 100%;
}

div.leftboxshop button {
	float: left;
	margin-top: 10px;	
}

div.rightboxshop {
	display: none;
}


}

 @media (max-width: 740px) { 
 #directorysearch input[type="text"]   {
 width:180px !important;
  }
  
 #directorynavwrapper   #directorynav{
   height:auto;
 }

    #nav > .slide > ul a {
    	font-size: 18px !important;
		line-height: 24px;
	}
}







 /***********************************/
/*  narrow */
/***********************************/
/*************************************************************************************************************************************************/

@media (max-width: 580px) { 

blockquote h4{
	text-align:center;
	float:none;
		max-width: none;
		padding:5px !important;;
	
}




  .hidesmall{
	  display:none !important;;
	}
	.hidebig,a.button.hidebig{
	  display:block   !important  ;
	}


     /***********************************/
  /* directory */
  /***********************************/
    #directorysearch input[type="text"]   {
    width: calc(100% - 10px) !important;
  }

 .organisationsListing img{
    width:auto;
  }
  #directorysearch {
   width:90% !important;
  }
   .smallleft ,.smallright{
       width:100% !important;
   }
  #directorynavwrapper{
    display:none;
  }

img.rankingimage{
  width:100px !important ;
}

  table.organisationsListing {
	width:320px !IMPORTANT;
  font-size:8px;
  }




	#main  h1 {
		font-size:18px;
		line-height:20px;
		word-spacing:0;
		padding:0 53px 0 0;
	}
	#main .pagination {
		top:10px;
		font-size:18px;
		line-height:20px;
	}

	.logo {
		width:220px;
		margin:0 0 10px 0; ;
	}
	.header-holder {
		padding:10px 10px 5px 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;

	}
	.logo-holder {
		margin:0 0 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}

	.homepagearticle {
		padding-right: 15px;
		width: 100%;
	}
	
	div.homepagearticleleft{
		width:100%;
		border:none;
		height:auto;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
  	}

  	div.homepagearticleright{
  		width:100%;
  		height:auto;
  		padding: 0px 0px 0px 0px;
  		margin: 0px 0px 0px 0px;
  	}

	.start-cytech-journey-wrapper {
		height: 403px;
	}
	
	.start-cytech-journey-image {
		display: none;
	}
	
	.start-cytech-journey {
		background: #1b4797;
		margin-top: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 30px;
	}

	.homepage-slider-wrapper {
		margin-bottom: 10px;
	}
	
	.carousel-cell {
		height: 100px;
		width: 30%;
	}
	
	.carousel-cell img {
		width: 120px;
	}
	
	.homepagearticleexpander {
 	   margin-bottom: 15px;
	}
	
	h2.expander span span {
    	background: url(/images/arrow-closed.png) 90% 7px / 20px no-repeat !important;
	}
	
	h2.expander-active span span {
 	   background: url(/images/arrow-open.png) 90% 8px / 23px no-repeat !important;
	}

.examstagebackground{
  display:none;
}

.examstagebutton{
display:none;
}

.examstagebuttonsmall{
display:block;
}

.examstagestudy{
display:none;
}

.examstagestudysmall{
display:block;
}



div.examsection{
padding:0px 10px 0px 30px;
margin: 0px 0px 10px 0px;
}


#examsection_workshop{
	background: none;
}

#examsection_torque{
	background: none;
}

#examsection_lubricant{
	background: none;
}

#examsection_tyres{
	background: none;
}

#examsection_bs{
	background: none;
}

#examsection_delivery{
	background: none;
}

#examsection_health{
	background: none;
}

#examsection_legislation{
	background: none;
}
.examstagesmall{
display:block;
width:95%;
}




div.examsection h2{
font-style:italic;
text-transform:lowercase;
padding:0px;
margin:0px 0px 6px 0px;
color:#0057a4;
width:100%;
}

div.examsection{
padding:0px 0px 0px 0px;
margin: 10px 0px 30px 0px;
}

.saveexam {
text-align:center;
margin:auto;
width:200px;
}

div.fail .score{
margin:auto;  
display:block;
clear:both;
margin:auto;
}

div.fail .score{
margin:auto;  
display:block;
clear:both;
margin:auto;
}

div.fail .correct{
display:block;
float:left;
width:100%;
}

div.fail .wrong{
display:block;
float:left;
width:100%;
padding-top:10px;
}




div.popupshell{
background:  url(/images/popup_background.png) top right repeat !important;
width:90%;
}

#main .buttons .back{
float:none;display:block;
}
#main .buttons .next{
float:none;display:block;
}

.plainbuttons .next.fixedwidth,.plainbuttons .back.fixedwidth{
   float:none;display:block;
   
   margin: 5px 0px 0px 5px;
    width:90%;
}
 div.popupfooter{
    height:120px;
    margin:0px 40px 0px 40px;
}

#box-secondary-nav{
display:none;
}


div.column2{
width:100%;
}


div.column2 iframe,div.columnfullwidth iframe,div.column2and3 iframe{
width:95%;
}
textarea{
width:90%%;
}


 #register  input[type="text"],#register  input[type="password"]{
      width:90% !important;
    }
    
 #register  select{
      width:90% !important;
    }
   .saveexam {
  float:left;
   margin-top:-8px;
  }

    
    div.registercheckbox {
       width:90%;
      margin:10px 10px 10px 0px;
    }
    
    #OfferCode{
    margin-top:0px !important;
    width:250px !important;
    }


    p.bigradiolabels{
      display:none !important;;
    }


    .smallradiolabels{
      display:inline-block !important;
      width:60% !important;
      font-weight:normal !important;;
      padding-top:10px;
    }

   


    .radiodivinput[type="radio"]{
      width:40% !important;

    }  
    
    .radiodiv{
     width:90% !important;
     text-align:left;
     padding:0px 0px 10px 0px;
    }

    div.futurecourses{
    width:100%;
    float:left;
    }
    
    #register  div.futurecourses label.futurecourselab{
    width:80%;
    border:none;
    margin-top:11px;
    padding:4px 0px 4px 0px;
    font-weight:normal;
    }



  .column2and3 {
  	float: left;
    width:100%;
  	padding: 0;
  	margin: 0 0 0 0px;
  }


.column1 {
    width:100%;

  }
  .leftbox, {
    width:90%;

  }

 .left.button form button{
		margin-left:20px;
 }


  .smallright { 
    float:left;
    width:300px;
    display:block;
    padding:0PX;
    margin:0PX 0PX 0PX 0PX;
  }
  .smallleft {
    float:left;
    width:300px;
    display:block;
    padding:0PX;
    margin:0PX;
  }

.smallleft label.narrowlabel{
   width:60px !important;;
}

div label {
    width: calc(100% - 50px);
}




   /***********************************/
  /* cookie */
  /***********************************/
#cookie-alert p {
    	margin:0px 0px 8px 0px;
			font-size:125%;
  }
  #cookie-alert a.allow {
      	margin:5px 10px 0px 10px;
  }

	#cookie-alert a.cookiemore {
	    	margin:5px 0px 3px 0px;
	 }

       


 }
 /***********************************/
/*  end narrow  */
/***********************************/


 @media (max-width: 560px) {
  #cookie-alert {

  }
  #cookie-alert a.allow {
      	margin:0px 10px 3px 0px;
  }

	#cookie-alert a.cookiemore {
	    	margin:0px 0px 3px 0px;
	 }
 }












.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}


/*************************************************************************************************************************************************/


@media (max-width: 480px ) {  
 	body {
		max-width: 100%;
	}  


#directorysearch{
		height:auto;
}

 div.paginate span.previous {
	width: auto; 
}


  table.organisationsListing {
	width: calc(100% - 10px) !important;
  font-size:14px;
  
  }

table.organisationsListing  span.hidebig{
  font-weight:bold;
  display:inline-block !important;
  }
    
table.organisationsListing  span.hidebig.extrawide{
  width:100%;
  }

table.organisationsListing td.statusimage {
width:100%;
}

table.organisationsListing th {
display:none;
}

table.organisationsListing td {
display:block;
width:100%;
border:none;
}
table.organisationsListing tr {
  border: solid #666 2px;
  padding-top:10px;
  padding-bottom:10px;
}





#shopsearchtop div.rightboxshop{
display:none;
}

.left.button{
height:1px;
float:right;
width:3600px;
padding: 0px;
margin:0px;
display:block;
text-align:right;
}

.left.button form button {
	display: inline;
	margin-left: 20px;
}

#map img{
width:auto;
}


#map.detail {

	width:320px;


}






.smallleft label.narrowlabel{
   width:105px !important;;
}

  .smallright {
    float:left;
    width:320px; 
    display:block;
    padding:0PX;
    margin:0PX;

  }
  .smallleft {
    float:left;
    width:320px; 
    display:block;

    padding:0PX;
    margin:0PX;
  }

  .column1.detail {
  	display:none;
  }



  .column2and3 {
  	width: 90%;
    margin:0px;
  }
  .column3 {
  	width: 100%;
    margin:0px; 
  }




 #map {
	overflow: hidden;
  width:calc(100% + 20px) !important;
	height:240px;
	font-size: 0.9em;
	margin: -10px -10p -10p -10px;	m
  border:none;
}

span.page-numbers{
display:none !important;
}

.column2and3 h1{
display:none !important;
}

 .column2and3 h1#jobtitle{
display:block !important;
}


.column3 #map {
	overflow: hidden;
	height:240px;
	font-size: 0.9em;
	float: right;
	height:240px;
	margin: -10px -10px 0px 0px !important;
   width:285px  !important;
  border:none;
}

div.rightbox{
	width:90%;

}
.column2{
width:95%;
margin:0px;
}

div.rightbox button {
	margin-top: 0px;
	/* width:100% !important; */
}

div.rightbox input[type='text']{
	width:98% !important;
}