/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'GibsonRegular', Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}

	
#wrapper-header{
	background-color: #FFFFFF;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
	height: 126px;
	/*height: 186px; covid19 amend */
}
* html #wrapper-header {  /* This is the Tan hack */
	height: 127px; 
	hei\ght: 126px;

	/* covid19 amend: 
	height: 187px; 
	hei\ght: 186px; */
}
#wrapper-navigation{
	width: 100%;

}
#navigation-inner{
	height: 50px;
}
.wrapper-content{
	clear:both;
	width: 100%;
}
.content{
	text-align: left;
}
#wrapper-footer{
	background-color: #013a57;
	width: 100%;
}	
#wrapper-footer2{
	background-color: #013a57;
	width: 100%;
}	

.wrapper-inner{
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 1180px;
}

#preview, #preview-admin{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2001;
}	
#preview p, #preview-admin p{
	background-color:#0000FF;
	color:#FFFFFF;
	margin:0px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}
#preview-admin p{
	background-color:#333333;
}


/*1 column layout */
#centerc-1col {
	width:1180px;
}

/*2 column layout */
#centerc-2col{
	display: inline;
	float:left;
	margin-left:249px;
	overflow:hidden;
	position:relative;
	width:931px;
}
* html #centerc-2col {  /* This is the Tan hack */
	width: 931px; 
	w\idth: 931px; 
}
	
#leftc{
	background-color:#ffffff;
	float:left;
	margin-bottom:22px;
	margin-left:-1180px;
	padding-left:0px;
	margin-right:20px;
	width: 229px;
}
* html #leftc {  /* This is the Tan hack */
	width: 249px; 
	w\idth: 229px; 
}
	
#foot{
	margin-top:8px;
	padding-bottom:32px;
	padding-top:38px;
	width:1180px;
}
#foot h2{
	color:#ebc200;
	font-size:1.0em;
	margin-bottom:14px;
}
#foot ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#foot ul li{
	margin-bottom:4px;
}	
#foot ul li a, #foot ul li a:visited{
	color:#FFFFFF;
	font-size:1.0em;
}

#foot2{
	padding-top: 20px;
	width:1180px;
}

#footContact{
	float:left;
	margin-right:20px;
	padding-top:18px;
	width:680px;
}
#footContact a, #footContact a:visited{
	color:#6a6a6a;
	font-size: 1.6em;
}
#footContact span{
	color:#013a57;
	font-size: 1.6em;
}
#footContact span#footEmail{
	padding-left:52px;
}
#footSocial{
	float:right;
	width:310px;
}
#footSocial h2{
	float: left;
    font-size: 1.6em;
    margin-bottom: 0px;
    padding-top: 18px;
    width: 194px;
}


/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header{
	padding-top: 19px;
	position: relative;
}
#covid19-message {
	background-color: #f50031;
	height: 44px;
	padding-top: 16px;
	text-align: center;
}
#covid19-message a, #covid19-message a:hover, #covid19-message a:visited {
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
}

#header-left{
	float: left;
}
#header-right{
	color:#FFFFFF;
	float: right;
	position:relative;
}

#strapLine{
	border-left:1px solid #d1d1d1;
	color:#4d4d4f;
	float:left;
	font-family: 'GibsonSemiBold', Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	height:58px;
	line-height:20px;
	padding-left:20px;
	padding-top:24px;
	width:132px;
}	
* html #strapLine{
	height:82px;
	he\ight:58px;
	width:153px;
	w\idth:132px;
}

#header_graphic{
	float:left;
	margin-right:22px;
	position:relative;
	width:140px;
	z-index:400;
}
#header-right-top {
	float:right;
}

.headerPhone, .headerPhoneIcon, .headerPhoneNumber, #headerJoinDhf, #headerJoinDhfIcon, #headerJoinDhfText, #headerLogin, .headerLoginIcon, .headerJoinDhfIcon, #headerLocations, .headerIrelandLogo, .headerUKLogo{
	float:left;
}

.headerPhone, #headerLogin, #headerJoinDhf {
	border-right: 1px solid #d1d1d1;
	padding-right: 15px;
    margin-right: 15px;
}
.headerIrelandLogo {
	padding-right: 15px;
}
#headerLocations{
	margin-right:2px;
}

.headerPhoneIcon, .headerLoginIcon, .headerJoinDhfIcon {
	padding-right:5px;
}
#headerJoinDhfIcon {
	padding-top:10px;
	padding-right:5px;
}
.headerPhoneIcon img {
	padding-top:0px;
}

.headerPhoneNumber, #headerJoinDhfText{
	padding-bottom:10px;
}
.headerPhoneNumber a, #headerLogin a, #headerJoinDhf a {
	font-size:18px;
}

.headerPhoneIcon img, .headerLoginIcon img {
	display:block;
}

#headerJoinDhf span {
	font-weight:700;
}

#headerLogin{
	width:150px;
}
#headerSearchIcon {
	float:left;
	padding-top:10px;
}
* html #headerSearchIcon {
	height:68px;
	he\ight:43px;
}

#header-bottom {
	display:none;
}

.headTablet{
	display:none !important;
}
.headDesktop{
	display:block !important;
}	



/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation{
	float:left;
	position:relative;
	width:1180px;
	z-index: 100;
}

#navigation ul {
	float:left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:1040px;
}
#navigation ul li {
	display: inline;
	padding: 0px;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited, #navigation ul li .subnavTitle {
	background-color: transparent;
	color: #474747;
	cursor:pointer;
	display: block;
	float: left;
	font-size: 19px;
	padding-bottom:15px;
	padding-left:12px;
	padding-right:12px;
	padding-top:15px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li .subnavTitle:hover, #navigation ul li .subnavTitle:active {	
	color: #013a57;	
}

#navigation ul li#first a, #navigation ul li#first a:hover, #navigation ul li#first .subnavTitle, #navigation ul li#first .subnavTitle:hover{
	padding-left:0px;
}

#navigation ul li#first #firstImage{
	padding-top: 9px;
    padding-bottom: 0px;
}

#navigation ul li#first #firstImage span{
	display:none;
}


#nav-icon {
	display: none;
}

#nav-menu{
	/*background-image:url(../images/menubg.gif);
	background-position:left;
	background-repeat:no-repeat;*/
	color: #474747;
	cursor:pointer;
	float:right;
	font-size: 19px;
	height:34px;
	padding-top:12px;
	padding-left:15px;
	text-align:right;
	width:95px;
}
* html #nav-menu{
	height:46px;
	he\ight:34px;
	width:115px;
	w\idth:100px;
}

#navigation ul li .sub { 
	color:#636a6a;
	display:none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top:52px;
	left:0px;
	right: 0px;
    margin-left: auto;
    margin-right: auto;
	z-index:500;
}	

/*#navigation ul li:hover div{
	left:0px;
	right: 0px;
    margin-left: auto;
    margin-right: auto;
}*/

#navigation ul li ul{
	border-top: 1px solid #e6e6e6;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:20px;
	/*width:333px;*/
	width:373px;
}
	
#navigation ul li ul li{
	display:block;
	margin: 0; 
	padding: 0;
}

.sublist-ul-first, .sublist-ul-second {
	margin-right:90px !important;
}
/*.sublist-li-first {
	border-top: 1px solid #e6e6e6;
}*/

#navigation .sublist h2{
	color:#ebc200;
	font-size: 1.6em;
    padding-top: 20px;
	padding-bottom:20px;
    margin-bottom: 0px;
}

#navigation ul li ul li a, #navigation ul li ul li a:visited {
	border-bottom: 1px solid #e6e6e6;
	/*color: #ffffff !important;  would override nolinkyet and notinplan */
	color:#FFFFFF;
	display:block;
	float:none;
	font-size:17px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0px;
}
#navigation ul li ul li a:hover, #navigation ul li ul li a:active {	
	/*color: #ebc200 !important;   would override nolinkyet and notinplan */
	color:#ebc200;
	background-image:none;
}

.sublist {
	background-color:#01334c;
	margin:0px;
	padding:0px;
	padding-bottom:50px;
	padding-top:10px;	
}

.rightmenu-sublist {
	border-top: none;
	padding-bottom:5px;
	padding-top:5px;	
}

.rightmenu-sublist ul .sublist-li-first{
	border:none;
}

#dropdown-bg{
	background-color:#01334c;
	display:none;
	height:10px;
	margin-top:2px;
	/*position:absolute;
	top:179px;
	left:0px;
	z-index:100;*/
	width:100%;
}	

.closeNav{
	background-image:url(../images/navclose.gif);
	background-position:right;
	background-repeat:no-repeat;
	color: #ebc200;
	cursor:pointer;
	display:block;
	float:right;
	margin-top:16px;
	padding-right:32px;
}

#navigation-right-menu{
	position: relative;
	z-index:100;
}


#navigation-right-menu #nav-menu img, #navigation-right-menu #nav-menu svg  {	
	float:left;
}	

#navigation-right-menu #nav-menu p {
	float:left;
	margin: 0px;
    padding: 0px;
	padding-left: 4px;
    padding-top: 2px;
}

#navigation ul #nav-package-deals{
	display:none;
}

.nav-tablet {
	display:none !important;
}
#nav-stores-mobile {
	display:none;
}

#supportItems{
	background-color:#44606c;
	display:none;
}	

.nav-right-closed{
	display:none;
}

/* Initial body */
body {
  right: 0;
  margin: 0;
  overflow-x: hidden;
  position: relative;
}

/* Initial menu */
#rightmenu {
  background-color:#013a57;
  clear:both;
  right: -390px;  /* start off behind the scenes */
  height: 100%;
  margin-bottom:22px;
  position: fixed;
  text-align:left; 
  top: 0px;
  padding-bottom:25px;
  width: 390px;
  z-index: 700; 
}


#rightmenu ul {
	clear:both;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:22px;
}

#rightmenu li {
  display:block;
}

#rightmenu li a, #rightmenu li a:visited {
  border-top: 1px solid #FFFFFF;
  color: #FFFFFF;
  display:block;
  font-size:20px;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration: none;
}

#rightmenu li a:hover{
	color:#ebc200 !important;
}

.rightmenu-subnavTitle a, .mobilemenu-subnavTitle a {
	background-repeat:no-repeat;
	background-position: right 14px;
}
.rightmenu-arrowClosed, .mobilemenu-arrowClosed {
	background-image: url("/images/rightnav-dropdown-closed.png");
}
.rightmenu-arrowOpen, .mobilemenu-arrowOpen {
	background-image: url("/images/rightnav-dropdown-open.png");
}


#rightmenu ul li ul {
	padding:0px;
}

#rightmenu ul li ul li a, #rightmenu ul li ul li a:visited {
	border-top:none;
	color:#c5d5ec !important;
}
#rightmenu ul li ul li a:hover {
color: #e6e6e6 !important;
}

#rightmenu ul li ul li ul{
	padding-left:34px;
}	

.rightmenu-parent, .mobilemenu-parent{	
	cursor:pointer;
}

#topItems{
	background-color:#014465;
}
#rightmenu #rightSupportItems{
	background-color:#01334c;
}
#rightmenu #rightSupportItems2{
	background-color:#013a57;
}

.icon-close, .icon-close2 {
	background-color: #013a57;
	cursor: pointer;
	float:right;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom:10px;
    /*position: fixed;
    top: 0px;*/
	width: 50px;
    z-index: 200;
}
* html .icon-close, * html .icon-close2 {
    width: 60px;
	w\idth: 50px;
}

.icon-close2{
	display:none;
}

#overlay, #overlay2{
	background-color:#000000;
	cursor: -webkit-image-set(url(../images/nav-right-close.png) 1x,url(../images/nav-right-close.png) 2x),pointer;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	height:0px;
	width:0px;
	z-index:2700;
}

#mobileMenu{
	display:none;
}	
#mobileMenu ul{
	background-color:#296685;
	padding-top: 4px;
    padding-bottom: 4px;
}
#mobileMenu ul li:first-child a{
	border-top:0px;
}	
	
/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#leftc ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 13px;
}
#leftc ul li {
	margin: 0; 
	padding: 0; 
}

#leftc ul li a, #leftc ul li a:visited {
	border-top: 1px solid #666666;
	color:#474747;
	display: block;
	font-size: 0.9em;
	margin:0px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-top: 15px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 199px;
}
* html #leftc ul li a, * html #leftc ul li a:visited {  /* This is the Tan hack */
	width: 209px; 
	w\idth: 197px; 
}
#leftc ul li a:hover {
	color:#013a57;
}

#leftc ul li ul {
	padding:0px;
	margin:0px;
}

#leftc ul li ul li a, #leftc ul li ul li a:visited{
	border:none;
	padding-top:0px;
	padding-left: 20px;
	padding-right: 10px;
	width: 179px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 209px; 
	w\idth: 177px; 
}

#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
	padding-left: 40px;
	padding-right: 10px;
	width: 159px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 209px; 
	w\idth: 157px; 
}
	
.menu_header {
	border-bottom: 1px solid #697176;
	display: block;
	font-size: 1.2em;
	margin-bottom:0px;
	/*padding-top: 20px;*/
	padding-bottom: 5px; 
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 209px;
}

.menu-double{
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}	

#leftc ul li a.leftMenuBlock, #leftc ul li a.leftMenuBlock:visited{
	background-color: #013a57;
    color: #FFFFFF;
    margin-bottom: 15px;
	padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 194px; 
}


/** ------------------------------------------------------ **/
/** ------------------- join dhf banner --------------------------- **/
.joindhfBanner {
	background-color:#013a57;
	padding: 20px 18px 25px 18px;
	margin-top:22px;
	margin-bottom:0px;
	width:173px;
}

.joindhfBannerTop, .joindhfBannerBottom {
	clear:both;
	width: 173px;
}
.joindhfBannerTop img, .joindhfBannerTop p {
	float:left;
}
.joindhfBannerTop img {
	padding-right:5px;
}
.joindhfBannerTop p {
	color:#ffffff;
	font-size:1.8em;
}
.joindhfBannerTop span{
	font-weight:700;
}
.joindhfBannerBottom span{
	display:block;
}

.joindhfBannerBottom p {
	color:#ffffff;
	font-size:1.4em;
	padding-left:3px;
}

.joindhfBannerBottom a, .joindhfBannerBottom a:visited {
	background-color:#ebc200;
	color:#242424;
	display:block;
	font-size:1.3em;
	text-align:center;
	padding:8px 0px 8px 0px;
}

.joindhfBannerBottom a:hover {
	text-decoration:none;
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footContact #footTel, #footContact #footEmailAddress {
	float:left;
}

#footerleft{
    float: left;
}
#footerleft address {
	color: #fff;
	font-style: normal;
}
#footerleft ul{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 5px;
    /* position: absolute; */
	white-space: nowrap;
}
#footerleft ul li{
	color: #ffffff;
	display: inline;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus{	
    color: #999999;
	text-decoration: none;	
}
#footerright{
    float: right;
}
#footerright ul{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	/* padding-top: 5px; */
    white-space: nowrap;
}
#footerright ul li{
	color: #ffffff;
	display: inline;
	margin: 0;	
	padding-left: 11px;	
}
#footerright ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus{	
    color: #ffffff;
	text-decoration: underline;	
}

#footerbottom {
	padding-bottom: 16px;
}

#footerbottom ul{
    list-style: none; 
    margin: 0;
	padding-block: 5px;
	padding-inline: 0px;
    white-space: nowrap;
}
#footerbottom ul li{
	color: #ffffff;
	display: inline;
	margin: 0;	
	padding-right: 11px;	
}
#footerbottom ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footerbottom ul li a:hover, #footerbottom ul li a:active, #footerbottom ul li a:focus{	
    color: #ffffff;
	text-decoration: underline;	
}
#footLeft, #footRight {
	float: left;
	width: 50%;
}

#footRight {
	display: flex;
	align-items: start;
	justify-content: end;
}

#footRight img {
	margin-left: 16px;
}


#footLeft .col4 {
	margin-bottom: 16px;
}
 

#companyInfo{
	color: #ffffff;
	line-height: 1.8em;
	padding-bottom:16px;
	margin-top:8px;
}

	
/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	/*text-align: left;	*/
}

iframe {
	max-width:100%;
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

.buttonContainer{
	-webkit-border-radius: 0px 0px 20px 0px;
	-moz-border-radius: 0px 0px 20px 0px;
	border-radius: 0px 0px 20px 0px;
	/*background-image:url(../images/buttonbg.gif);
	background-position:top right;
	background-repeat:no-repeat;*/	
	text-align:center;
	padding-top:21px;
}

.buttonContainer a, .buttonContainer a:visited{
	background-color:#013a57;
	color:#FFFFFF;
	display:block;
	font-size:18px;
	height:21px;
	padding-top:11px;
	padding-bottom:11px;
	text-decoration:none;
	width:100%;
}
* html .buttonContainer a, * html .buttonContainer a:visited{
	height:43px;
	he\ight:21px;		
}

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 0px;
  margin:0px;
  padding: 0px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-family: 'GibsonSemiBold', Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  padding-bottom: 10px;
}
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
textarea{
  margin-bottom:5px;
}	 
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  width: 200px;
  margin-right: 10px;
  padding-bottom: 10px;
  }
.nofloat{
	float:none;
	margin-right:0px;
}	
/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
    color: #FF0000;
}

.contactInput{
	border:1px solid #4c4c4c;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom:11px;
	padding:0px;
	padding-bottom:9px;
	padding-top:9px;
	padding-left:11px;
	padding-right:11px;
}
.contactInputLarge{
	width:326px;
}
* html .contactInputLarge{
	width:350px;
	w\idth:326px;
}

.contactInputSmall{
	width:76px;
}
* html .contactInputSmall{
	width:100px;
	w\idth:76px;
}

.submitButton{
	margin-left:210px;
}	

.InputButtonBlue{
	background-color:#005a7e;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}


#search form{
	padding-top:9px;
	padding-bottom:6px;
}
#search form #searchLabel{
	color:#ebc200;
	float:left;
	font-size:18px;
	padding-bottom:13px;
	padding-top:12px;
	width:132px;
}	
#search form .selectContainer{
	border-left:1px solid #628597;
	float:left;
	padding-bottom:6px;
	padding-top:6px;
	padding-left:10px;
	padding-right:12px;
	position:relative;
	width:214px;
}
* html #search form .selectContainer{
	width:236px;
	w\idth:214px;
}
#search form select{
	color:#333333;
	font-size:18px;
	height: 37px;
	margin-right:0px;
	width:212px;
}

#search form .postcodeContainer{
	border-left:1px solid #628597;
	float:left;
	padding-bottom:6px;
	padding-top:6px;
	padding-left:10px;
	padding-right:12px;
	width:198px;
}
* html #search form .postcodeContainer{
	width:220px;
	w\idth:198px;
}
#search form .postcodeContainer #m_postcode{
	border:0px;
	color:#333333;
	font-size:18px;
	margin:0px;
	padding:8px;
	text-align:center;
	width:178px;
}
* html #search form .postcodeContainer #m_postcode{
	width:198px;
	w\idth:178px;	
}	

#search form #searchLabelMobile{
	background-position:right;
	background-repeat:no-repeat;
	display:none;
	color: #FFFFFF;
    font-size: 18px;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 138px;
}

.submitButtonSearch, .submitButtonContact, .submitButtonBooking, .submitButtonCSCS, .submitButtonApplication, .submitButtonBack{
	background-color:#ebc200;
	border:0px;
	color:#242424;
	cursor:pointer;
	font-size:18px;
	margin-right:0px;
	margin-top:6px;
	padding-bottom:8px;
	padding-top:8px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.submitButtonSearch, .submitButtonContact{
	width:116px;
}
.submitButtonCSCS, .submitButtonApplication, .submitButtonBack{
	width:170px;
}
.submitButtonBooking {
	width:160px;
}

.submitButtonCSCS, .submitButtonApplication{
	float:right;
	margin-bottom:36px;
}	
.submitButtonBack {
	float:left;
	margin-bottom:36px;
	text-align:center;
}
.submitButtonBack a:hover {
	text-decoration: none;
}

.searchFieldOverlay, .searchSelectedOverlay{
	display:none;
}
.searchFieldOverlay{
	background-color:#013a57;
	background-image:url(../images/searchoverlay.png);
	background-position:right;
	background-repeat:no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	font-size:18px;
	padding-left:6px;
	padding-top:7px;
	padding-bottom:9px;
	position:absolute;
	top:6px;
	left:10px;
	width:208px;
}	
* html .searchFieldOverlay{
	width:214px;
	w\idth:208px;
}

.searchSelectedOverlay{
	background-color:#013a57;
	background-image:url(../images/searchoverlayclose.png);
	background-position:right 5px;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-left:6px;
	padding-top:0px;
	padding-bottom:7px;
	position:absolute;
	top:0px;
	left:10px;
	width:208px;
}

.searchOverlayActive{
	display:block;
}

.selectedType{
	color:#FFFFFF;
	display:block;
	font-size:14px;
	margin-bottom:4px;
}

.selectedName{
	color:#ebc200;
	display:block;
	font-size:12px;
	padding-right:14px;
}

.searchList{
	background-color:#FFFFFF;
	border:1px solid #013a57;
	display:none;
	max-height:248px;
	list-style:none;
	margin:0px;
	overflow-y:scroll;
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	padding-bottom:8px;
	position:absolute;
	top:54px;
	left:0px;
	width:358px;
	z-index:500;
}	
.searchList li{
	color: #3f3f3d;
	padding-top:4px;
	padding-bottom:4px;
}
.searchList li:hover{
	color: #697176;
	cursor:pointer;
}

#search form .arrowUp{
	background-image:url(../images/arrow-up-gold.png);
}
#search form .arrowDown{
	background-image:url(../images/arrow-down-gold.png);
}

/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplaceLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 500px;
  } 

div.TableReplaceRow div.TableReplaceLeftB {
	float: left;
	text-align: left;
	width: 400px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRightB {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 300px;
  } 


div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}

/** ------------------------------------------------------------ **/
/** ----------------------- news ------------------------------ **/

.news-divider{
	border-bottom:1px solid #858585;
	clear:both;
	margin-bottom:28px;
}

.archive-link{
	margin-top:12px;
}	

.newsitem, .news-3col{
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:34px;
}
.newsitem {
	width:380px;
}
.news-3col {
	width:297px;
}

.newsitemlast{
	margin-right:0px !important;
}	

.newsimage{
	display:block;;
	overflow:hidden;
}

.newsitem h2, .news-3col h2{
	font-size:1.1em;
	margin-top:10px;
	margin-bottom:8px;
	padding-right:15px;
}
.newsitem p, .news-3col p {
	color:#333333;
	font-size:1em;
	padding-right:15px;
}


/*--------------- Members ------------------------------
-----------------------------------------------------*/

input.InputButtonGreen {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	background-color: #569453;
    border: 0px;
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    margin-right: 0px;
    margin-top: 6px;
    padding-bottom: 7px;
    padding-top: 6px;
	padding-right: 25px;
	padding-left: 25px;
}

input.InputButtonGreen:hover {
	background-color:#008000;
}


a.AbuttonGreen, a.AbuttonGreen:visited {
	background-image:url(/2dev/images/button-green.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonGreen, * html a.AbuttonGreen:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonGreen:hover {
	background-color:#97c048;
	background-image:none;
}


input.InputButtonOrange {
	background-image:url(/2dev/images/button-orange.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:33px;
	margin-right:5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonOrange:hover {
	background-color:#FF9900;
	background-image:none;
}

a.AbuttonOrange, a.AbuttonOrange:visited {
	background-image:url(/2dev/images/button-orange.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonOrange, * html a.AbuttonOrange:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonOrange:hover {
	background-color:#97c048;
	background-image:none;
}

a.AbuttonRed, a.AbuttonRed:visited {
	/*background-image:url(/2dev/images/button-red.gif);
	background-repeat:repeat-x;*/
	background-color:#e30713;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size: 18px;
	height:15px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
    padding-bottom: 13px;
    padding-top: 5px;
    padding-right: 25px;
    padding-left: 25px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonRed, * html a.AbuttonRed:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonRed:hover {
	background-color:#bf140e;
	background-image:none;
	text-decoration: none;
}

.Padd{
	margin-top:12px;
}	

#memberLoginLinks {
	padding-top: 15px;
	padding-bottom:15px;
}
#memberLoginLinks a {
	float:left;
	padding-bottom:12px;
	padding-right:20px;
}


#membersLoginDetails {
	float:left;
	margin-bottom:28px;
	margin-right: 20px;
    width: 229px;
}

#membersLoginDetails a, #membersLoginDetails a:visited{
	display:block;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
}

#membersLoginDetails #logout{
	background-color:#013a57;
	color:#FFFFFF;
}

#membersLoginDetails #update{
	background-color:#697176;
	color:#FFFFFF;
}

#membersLoginDetails #change{
	background-color:#ebc200;
	color:#013a57;
}

#membersLoginDetails #invoice{
	background-color:#1d6f97;
	color:#FFFFFF;
}

#membersLoginDetails #memberEmail{
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


#MemberWelcomeStatement {
	float:left;
	width: 931px;
}

/*--------------- Publications ------------------------------
-----------------------------------------------------*/

.publicationsitem {
	float: left;
    width: 265px;
    margin-right: 68px;
	margin-bottom:40px;
}
.publicationsitemlast {
	margin-right:0px !important;
}

/*--------------- Contact Page ------------------------------
-----------------------------------------------------*/
#contact-details, #contact-form {
	float:left;
	width:580px;
}
#contact-details {
	margin-right:20px;
}

/*---------------- CSCS Card Page----------------
-----------------------------------------------------*/
#cscs-card-btn-container {
	margin-bottom:20px;
}
.cscs-card-btn {
	float:left;
	font-size: 1.1em;
	padding: 10px 15px;
}
#cscs-blue-btn {
	background-color:#013a57;
	margin-right:10px;
}
#cscs-blue-btn a, #cscs-blue-btn a:visited {
	color:#ffffff;
}
#cscs-yellow-btn {
	background-color:#ebc200;
}
#cscs-yellow-btn a, #cscs-yellow-btn a:visited {
	color:#242424;
}
#cscs-blue-btn a:hover, #cscs-yellow-btn a:hover {
	text-decoration:none;
}

/*---------------- CSCS Card Application Page----------------
-----------------------------------------------------*/

#CSCS-courses-table .CSCS-category {
	vertical-align:top;
}

/*--------------- Map ------------------------------
-----------------------------------------------------*/
#divMap {
	width:100%;
}

#divMapEnquiry {
	float:left;
	width:585px;
}

#divMapCanvas{
	width:100%;
	height:460px; 
}
#divMapCanvasEnquiry{
	width:585px;
	height:360px; 
}

#divMapCanvas, #divMapCanvasEnquiry {
	border:none; 
	overflow:hidden; 
	margin:0px;
}

.col{
	float:left;
	margin-right:20px;
}
.colLast{
	margin-right:0px;
}
.col2{
	width:580px;
}
.col3{
	width:380px;
}
.col4{
	width:280px;
}
.col5{
	width:220px;
}
	


#homeContent{
	padding-top:20px;
	padding-bottom:38px;
}
#pageContent{
	padding-bottom:38px;
}
#pageContent ul li, #pageContent ol li{
	line-height:1.8em;
	padding-bottom:16px;
}
#pageContent ul li ul li, #pageContent ol li ol li{
	padding-bottom:0px;
}

#homeBoxContainer{
	margin-bottom:20px;
}
	
.homeBox{
	overflow:hidden;
	position:relative;
}	
.homeBoxImage img, .pageBoxImage img {
	display:block;
}	
.homeBoxContent {
	background-color:#ffffff;
}
.homeBoxText, .pageBoxText, #homeTrainingBoxText{
	background-color:#FFFFFF;
	/*background-position:bottom right;
	background-repeat:no-repeat;*/	
	padding-bottom:16px;
}
.homeBoxText, #homeTrainingBoxText, #homeNewsBulletinText {
	background-color:#FFFFFF;
	/*background-image:url(../images/homeboxtextbg.gif);*/
	padding-bottom:16px;
	position:relative;
}
.homeBox2 .homeBoxText, #homeNewsBulletinText, #homeTrainingBoxText {
	padding-bottom:36px;
}

.pageBoxText {
    padding-bottom: 30px;
}

.pageBoxText {
    background-color: #013a57;
    /*background-image: url(../images/pageboxtextbg.gif);*/
}
.homeBoxText h2, .pageBoxText h2, #homeTrainingBoxText h2{
	margin-bottom:0px;
	margin-top:0px;
}
.pageBoxText h2{
	color:#ebc200;
	display:block;
	height:auto;
	margin-bottom:10px;
	padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
}
.homeBoxText h2 a, .homeBoxText	h2 a:visited, .pageBoxText h2 a, .pageBoxText h2 a:visited, #homeTrainingBoxText h2 a, #homeTrainingBoxText h2 a:visited{
	display:block;
	height:50px;
	margin-bottom:0px;
	text-decoration:none;
}
* html .homeBoxText h2 a, * html .homeBoxText h2 a:visited, * html .pageBoxText h2 a, * html .pageBoxText h2 a:visited, #homeTrainingBoxText h2 a, #homeTrainingBoxText h2 a:visited{
	height:80px;
	he\ight:50px;
}

.homeBoxText h2 a, .homeBoxText	h2 a:visited, #homeTrainingBoxText h2 a, #homeTrainingBoxText h2 a:visited, #homeNewsBulletinHeader h2, #homeNewsBulletinText h2 {
	color:#013a57;
	padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
}
.pageBoxText h2 a, .pageBoxText h2 a:visited, #homeNewsBulletinHeader h2 {
	color:#ebc200;
}
#homeNewsBulletinHeader h2 {
	padding-bottom:14px;
}

.homeBoxTextDesciption.homeBoxText h2 a, .homeBoxTextDesciption.homeBoxText h2 a:visited, .pageBoxTextDesciption.pageBoxText h2 a, .pageBoxTextDesciption.pageBoxText h2 a:visited,
#homeTrainingBoxText h2 a, #homeTrainingBoxText h2 a:visited, #homeNewsBulletinHeader h2, #homeNewsBulletinText h2{
	height:auto;
	margin-bottom:10px;
}

.homeBoxText h2 a:hover, .homeBoxTextDesciption.homeBoxText h2 a:hover{
	text-decoration:none;
}

.homeBoxText p, .pageBoxText p, #homeTrainingBoxText p, #homeNewsBulletinText p  {
	/*margin-bottom:38px;*/
	margin-bottom:25px;
	padding-left:13px;
	padding-right:13px;
}
.homeBoxText p {
	
}
.pageBoxText p {
	color:#ffffff;
	font-size:1em;
}

.homeBoxText .homeBoxLink, .homeBoxText .homeBoxLink:visited, #homeTraining .homeBoxLink , #homeTraining .homeBoxLink:visited, #homeNewsBulletinText .homeBoxLink, #homeNewsBulletinText .homeBoxLink:visited,
#homeTrainingBox .homeBoxLink, #homeTrainingBox .homeBoxLink:visited {
	color: #346179;
	font-size:1.3em;
	float:right;
}
.homeBoxText .homeBoxLink, .homeBoxText .homeBoxLink:visited, .pageBoxText .pageBoxLink, .pageBoxText .pageBoxLink:visited, #homeNewsBulletinText .homeBoxLink, #homeNewsBulletinText .homeBoxLink:visited,
#homeTrainingBox .homeBoxLink, #homeTrainingBox .homeBoxLink:visited{
	padding-right:16px;
	position:absolute;
	bottom:12px;
	right:0px;
}

#homeTraining .homeBoxLink , #homeTraining .homeBoxLink:visited, #pageTrainingText .pageBoxLink , #pageTrainingText .pageBoxLink:visited {
	padding-bottom:16px;
}

.homeBoxText .homeBoxLink:hover, #homeTraining .homeBoxLink:hover, .pageBoxText .pageBoxLink:hover, #pageTrainingText .pageBoxLink:hover, #homeNewsBulletinText .homeBoxLink, #homeNewsBulletinText .homeBoxLink:visited,
#homeTrainingBox .homeBoxLink, #homeTrainingBox .homeBoxLink:visited{
	text-decoration:none;
}

.homeBoxText .homeBoxLink.homeBoxLink2, .homeBoxText .homeBoxLink.homeBoxLink2:visited, #homeTraining .homeBoxLink.homeBoxLink2 , #homeTraining .homeBoxLink.homeBoxLink2:visited,
#homeNewsBulletinText .homeBoxLink.homeBoxLink2, #homeNewsBulletinText .homeBoxLink.homeBoxLink2:visited, #homeTrainingBox  .homeBoxLink.homeBoxLink2, #homeTrainingBox .homeBoxLink.homeBoxLink2:visited {
	background-image:url(../images/cta-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-size:1.0em;
	padding-right: 36px;
    padding-bottom: 2px;
	
	position:absolute;
	bottom:18px;
	right:0;
}

#homeTraining #homeTrainingText .homeBoxLink.homeBoxLink2 , #homeTraining #homeTrainingText .homeBoxLink.homeBoxLink2:visited {

}

.pageBoxText .pageBoxLink, .pageBoxText .pageBoxLink:visited {
    padding-right: 34px;
	padding-bottom:2px;
}	

.pageBoxText .pageBoxLink, .pageBoxText .pageBoxLink:visited, #pageTrainingText .pageBoxLink , #pageTrainingText .pageBoxLink:visited {
	background-image:url(../images/cta-page-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	color: #ebc200;

	float:right;
	position:absolute;
	bottom:18px;
	right:0;
}

#pageTrainingText {
	padding-bottom:30px;
}	

#pageTrainingText .pageBoxLink, #pageTrainingText .pageBoxLink:visited {
	margin-bottom:0px;
    padding-bottom: 2px;
	padding-right: 34px;
}

.homeBoxOverLay{
	background-image:url(../images/homeboxbg.png);
	cursor:pointer;
	position:absolute;
	left:0px;
	top:100%;
	height: 100%;
	width:100%;
}
.homeBoxOverLay ul{
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	padding-left:34px;
	padding-right:16px;
	padding-top:24px;
}	
.homeBoxOverLay ul li{
	font-size:0.9em;
	margin-bottom:4px;
}
.homeBoxOverLay ul li a, .homeBoxOverLay ul li a:visited{
	color:#FFFFFF;
	font-size:0.9em;
}

#homeAbout, #pageAbout{
	position: relative;
	width:700px;
}

.homeAboutButton {
	position: absolute;
	top:0px;
	left:0px;
    width: 700px;
}
.homeAboutButton a, .homeAboutButton a:visited {
    background-image: url(../images/home-about-text-arrow.gif);
    background-position: right;
    background-repeat: no-repeat;
	background-color: #013a57;
    color: #ffffff;
	float: right; 
	position: relative;
    margin-right: 26px;
    margin-top: 61px;
	padding:15px 56px 15px 35px;
}
.homeAboutButton a:hover, .homeAboutButton a:active {
	text-decoration:none;
}

.homeAboutImage img{
	display:block;
}	
.homeAboutText, .pageAboutText{
	padding-bottom:1px;
	padding-top:20px;
}
.homeAboutText {
	background-color:#013a57;
	border-top:8px solid #ebc200;
	padding-left: 28px;
    padding-right: 28px;
}
.pageAboutText {
	background-color:#ffffff;
}

.homeAboutText h3, #pageContent h3, .homeAboutText p, #pageContent p{
	line-height:1.8em;
}
.homeAboutText p{
	color:#FFFFFF;
	margin-bottom:12px;
}

.productGroupText {
	padding-left:28px;
	padding-right:28px;
}

#homeTraining, #pageTraining {
   /* background-position: bottom right;
    background-repeat: no-repeat;*/
	margin-top: 20px;
	position:relative;
}
#homeNewsBulletinHeader {
	background-color:#013a57;
}
#homeTraining, #homeTrainingBox, #homeNewsBulletin{
	background-color:#FFFFFF;
	/*background-image: url(../images/homeboxtextbg.gif)*/
}
#homeTrainingBox, #homeNewsBulletin {
	float:left;
	margin-right:20px;
	width:340px;
}
#pageTraining {
    background-color: #013a57;
   /* background-image: url(../images/pageboxtextbg.gif);*/
}
#homeTrainingImage, #pageTrainingImage{
	float:left;
	margin-right:20px;
	width:360px;
}
#homeTrainingImage img, #pageTrainingImage img{
	display:block;
}	
#homeTrainingBoxImage img {
	display:block;
	height:auto;
	width:100%;
}
#homeTrainingText, #pageTrainingText{
	float:left;
	min-height:189px;
	padding-top:22px;
	padding-right:25px;
	position:relative;
	width:775px;
}
#pageTrainingText h2, #pageTrainingText a, #pageTrainingText a:visited{
	color:#ebc200;
	text-decoration: none;
	margin-bottom:10px;
}
#pageTrainingText p{
	color:#ffffff;
}

#homeNewsContainer{
	float:left;
	margin-right:20px;
	padding-top:22px;
	width:780px;
}

#homeNewsContainer .col2{
	width:380px;
}

#homeNewsContainer .newsBox{
	background-color:#e6e6e6;
}
#homeNewsContainer .newsBoxContent {
	padding:28px;
}
#homeNewsContainer .newsBox p{
	color:#333333;
}

#twitterContainer{
	padding-top:22px;
}
#twitterfeed{
	border:8px solid #e6e6e6;
}

#homeBanner {
	/*margin-top:18px;*/
	margin-bottom:18px;
}
#homeBanner img{
	display:block;
	margin: 0 auto;
	max-width:1180px;
}


#breadcrumbsContainer {
	padding-top:10px;
	padding-bottom:10px;
}
.breadcrumbs {
    float: left;
    margin-bottom: 17px;
    padding-top: 11px;
}
.headerTitle {
	float:right;
	margin-top:13px;
}
.breadcrumbs p, .breadcrumbs a, .breadcrumbs a:visited {
	color:#333333;
	margin-top:8px;
	margin-bottom:0px;
	text-transform:lowercase;
}
.headerTitle h1 {
	color:#013a57;
	font-size:2em;
	margin-bottom:0px;
}

.sliderContainer, .sliderImage {
	height:410px;
}
.sliderContainer {
	background-color:#013a57;
	float:left;
	width:365px;
}
.sliderImage {
	float:right;
	width:815px;
}
.sliderContent {
	padding-top:48px;
	padding-bottom:48px;
	padding-right:24px;
	padding-left:24px;
}
.sliderContent h2, .sliderContent p {
	color:#ffffff;
	margin-bottom:36px;
}
.sliderContent h2 {
	font-size: 2.6em;
    line-height: 1.1em;
}
.sliderContent p {
	font-size:1.3em;
}
.sliderLink {
	background-color:#ebc200;
	background-image: url(../images/sliderlinkbg.gif);
	background-position: right;
    background-repeat: no-repeat;
	
}
.sliderLink a {	
	display:block;
	font-size:1.3em;
	padding:10px;
	width: 257px;
}

/***** START: SLIDER RELATED *****/

#home-slider-wrapper {
	clear: both;
	position: relative;
	width: 100%;
}
#sliderhome{
	position:relative;
	list-style-type:none;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width:100%;
}
#sliderhome li{
	padding: 0px;	
	margin: 0px;
	width:100%;
	height:430px;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/ 
}


#home-slider-wrapper .bx-wrapper {
	height: auto !important;
	width: auto !important;
}
#home-slider-wrapper .bx-window {
	width: auto !important;
}

#home-slider-wrapper .bx-controls {
	height: 40px;
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	top: 45px;
	right:35px;
	width:90px;
}

#home-slider-wrapper .bx-prev {
	background-image: url("../images/prev.png");
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width: 28px;
	height: 40px;
	z-index:80;
}

#home-slider-wrapper .bx-next {
	background-image: url("../images/next.png");
	background-repeat:no-repeat; 
	position:absolute;
	right:0px;
	top:0px;
	width: 28px;
	height: 40px;
	z-index:80;
	
}
* html #home-slider-wrapper .bx-next{  /* This is the Tan hack */
	width: 911px; 
	w\idth: 65px; 
}


#home-slider-wrapper .bx-controls-direction{
	height: 0px !important;
	position:relative;
}

.sliderwrap{
	height:auto;
	max-width:727px;
	position:relative;
}

.sliderwrap ul{
	max-height:328px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}

#slider1{	
	margin: 0px;
	padding: 0px;
	width:100%;
}	
#slider1 li{
	width:100%;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/
}
	
#slider1 li img{
	display:block;
}

#slider1 li div.transparent-link {
	width: 100%;
	height: 100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:302;
}

#slider1 li p {
	text-align: center;
	color:#FFF;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
}

.sliderwrap .bx-prev {
	position: absolute;
	top: 43%;
	left: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	z-index:100;
}

.sliderwrap .bx-next {
	position: absolute;
	top: 43%;
	right: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	z-index:100;
}

.active{
	background-color:#52c2f0 !important;
	color:#52c2f0 !important;
}

/***** END: SLIDER RELATED *****/

/***** Members Search Results *****/

#membersSearchTop {
	border-bottom:1px solid #000000;
	margin-bottom:16px;
}
#membersSearchHeading {
	float:left;
}
#membersSearchFilter {
	float:right;
}
#membersSearchFilter ul {
	margin:0px;
	padding:0px;
	padding-top:2px;
}
#membersSearchFilter ul li {
	display:inline;
	padding-right:20px;
}
.last {
	padding-right:0px !important;	
}

.membersSearchContainer{
	border-bottom:1px solid #b2b2b2;
	padding-top:25px;
	padding-bottom:25px;
}

.membersSearchAddress, .membersSearchTitle, .membersSearchDistance, .membersSearchEnquiry {
	float:left;
}

.membersSearchImage {
	margin-right:59px;
	margin-left:47px;
	width:153px;
}
.membersSearchTitle {
	margin-right:60px;
	width:300px;
}
.membersSearchAddress{
	margin-right:60px;
	width:220px;
}
.membersSearchDistance {
	margin-top: 44px;
	margin-right:60px;
	width:202px;
}
.membersSearchEnquiry {
	background-color:#013a57;
	background-image:url(../images/members-search-enquiry.gif);
	background-position: 88%;
    background-repeat: no-repeat;
	margin-top: 32px;
	margin-right:0px;
	width:278px;
}

.membersSearchTitle h2, #membersSearchEnquiryContainer h2 {
	color:#3b3b3b;
	font-size: 1em;
    margin: 0px;
    margin-bottom: 16px;
    line-height: 1.4em;
    padding: 0px;
	text-transform:uppercase;
}
.membersSearchTitle a, .membersSearchTitle a:visited, #membersSearchEnquiryContainer a, #membersSearchEnquiryContainer a:visited{
	color:#3b3b3b;
}

.membersSearchAddress p, .membersSearchDistance p, #membersSearchEnquiryContainer p {
	color:#3b3b3b;
}

.membersSearchTitle span, #membersSearchEnquiryContainer span{
	color:#013a57;
}

.membersSearchEnquiry .membersSearchButton, .membersSearchEnquiry .membersSearchButton:visited {
	color:#ffffff;
	cursor:pointer;
	display: block;   
	font-size:1.2em;
	padding:10px 49px 10px 35px; 
	text-align: center;
}
.membersSearchEnquiry .membersSearchButton:hover {
	text-decoration:none;
}

.resultDiv, #mapContainer{
	padding-bottom:74px;
}

.mapBubble h2{
	margin-bottom:18px;
	padding-right:12px;
}
.mapBubble a, .mapBubble a:visited, .mapBubble p{
	font-size:1.2em;
}
.mapBubble p{
	margin-top:12px;
}	

.mapBubble .membersSearchEnquiry{
	float:none;
	margin:0px;
	position: absolute;
    bottom: 8px;
    left: 8px;
	width:292px;
}


/***** END: Members Search Results *****/

/***** Advanced Members Search *****/

.advancedSearch{
	margin-bottom:14px;
}

#selectCompanyAdvanced{
	margin-bottom: 40px;
}

#selectCompanyAdvanced #m_company{
    border:0px;
	color: #333333;
    font-size: 18px;
    padding: 9px 30px 10px 22px;
}

#selectGroupAdvanced {
	margin-bottom: 40px;
    margin-top: 8px;
}

#selectGroupAdvanced h2{
	background-color:#FFFFFF;
	background-image:url(../images/advancedsearchbg.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#333333;
	cursor:pointer;
	margin-bottom:20px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:64px;
	padding-left:22px;
}

#selectGroupAdvanced h3, #selectProductsAdvanced h3, #selectServicesAdvanced h3, #selectPostcodeAdvanced h3, #selectFilterAdvanced h3, #selectWebsiteAdvanced h3 {
	margin-bottom:25px;
}

#selectGroupAdvanced input[type=text], #selectGroupAdvanced select {
	color:#333333;
	font-size:18px;
	margin-right:35px;
	padding:8px 30px 8px 30px;
}
#selectGroupAdvanced input[type=text] {
	width:290px;
}
#selectGroupAdvanced select {
	width:354px;
}

.selectButton {
	background-color:#ebc200;
	border:none;
	color:#242424;
	cursor:pointer;
	font-size:18px;
	margin-right:0px;
	padding:9px 30px 10px 30px;
}

#selectGroupAdvanced #selectGroup {
	margin-right:110px;
	width:107px;
}

#selectProductsAdvanced, #selectServicesAdvanced, #selectFilterAdvanced, #selectWebsiteAdvanced {
	padding-bottom:20px;
}

#selectProductsAdvancedLeft, #selectProductsAdvancedRight, #selectServicesAdvancedLeft, #selectServicesAdvancedRight, #selectFilterAdvancedLeft, #selectFilterAdvancedRight  {
	float:left;
}
#selectProductsAdvancedLeft, #selectServicesAdvancedLeft, #selectFilterAdvancedLeft {
	margin-right:110px;
}

#selectProductsAdvancedLeft, #selectProductsAdvancedRight {
	width:496px;
}
#selectServicesAdvancedLeft, #selectServicesAdvancedRight, #selectFilterAdvancedLeft, #selectFilterAdvancedRight  {
	width:300px;
}


#selectProductsAdvanced label, #selectServicesAdvanced label, #selectFilterAdvanced label, #selectWebsiteAdvanced label {
	color: #333333;
    font-size: 17px;
    padding-bottom: 20px;
}
#selectProductsAdvanced label {
    width: 456px;
}
#selectServicesAdvanced label {
    width: 231px;
}
.groupFilterProducts label, #selectFilterAdvanced label {
    width: 380px;
}

.groupFilterProducts label span{
	display:block;
	float:left;
	width:360px;
}

.groupFilterProducts label input, .groupFilterServices label input, #selectFilterAdvanced label input{
	float:none;
	margin-left:20px;
}

.groupFilterServices label{
    width: 350px;
}

.groupFilterServices label span, #selectFilterAdvanced label span {
	display:block;
	float:left;
	width:330px;
}

#selectProductsAdvanced input[type=checkbox], #selectServicesAdvanced input[type=checkbox], #selectFilterAdvanced input[type=checkbox], #selectGroupAdvanced input[type=checkbox] {
	height:20px;
	width:20px;
	margin:0px;
}

#selectPostcodeAdvanced, #selectWebsiteAdvanced {
	margin-bottom:40px;
}
#selectPostcodeAdvanced input[type=text], #selectWebsiteAdvanced #m_websitetag {
	color:#333333;
	font-size:18px;
	padding:8px 30px 8px 30px;
}

.searchCheckboxContainer{
	margin-bottom:20px;
}

.groupFilterProducts{
	float:left;
	margin-bottom: 6px;
	margin-right:20px;
	width:432px;
}
.groupFilterServices{
	float:left;
	margin-bottom: 6px;
	margin-right:20px;
	width:350px;
}

#advancedSearchHardware{
	width:1180px;
}

.advancedSearchServices{
	width:740px;
}

.advancedSearchGroupCheckboxes{
	display:none;
}

#selectGroupAdvanced h2.advancedGroupOpen{
	background-color:#333333;	
	background-image:url(../images/advancedsearchopenbg.gif);
	color:#ebc200;
}

	
#selectPostcodeAdvanced input[type=text] {
	border:0px;
}

.buildingHardwareService{
	margin-bottom:22px;
}
.buildingHardwareService .groupFilterServices {
    float: left;
    margin-bottom: 6px;
    margin-right: 20px;
    width: 373px;
}


/***** END: Advanced Members Search *****/

.resultsPager{
	display:none;
}

.openMenu{
	display:block;
}
.closedMenu{
	display:none !important;
}


#map-placeholder {
    width: 100%;
    height: 800px;
    margin-bottom: 4px;
    /*z-index: 99999;*/
}

/***** Enquiry Page *****/
#servicesProvidedTitle{
	color: #013a57;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.6em;
    margin: 0px;
    margin-bottom: 24px;
}


#Enquiry_ContainerLeft, #Enquiry_ContainerRight{
	float:left;
	width:570px;
}
#Enquiry_ContainerLeft{
	margin-right:20px;
}
#Enquiry_ContainerRight{
	margin-left:20px;
}

#membersSearchEnquiryContainer{
	margin-bottom:36px;
	width:90%;
}

#enquiryServices{
	clear:both;
	margin-bottom:56px;
}
#enquiryServices ul {
	margin:0px;
}
#enquiryServices ul li{
	padding-bottom:6px;
}
.productAreaHeading {
	background-color: #013a57;
	background-image: url(../images/searchoverlay.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
	cursor:pointer;
	margin-bottom:12px;
	padding-top:2px;
	padding-bottom:2px;
	width:90%;
}
.productAreaHeading h3 {
	color:#ffffff;
	margin-bottom:0px;
	margin-left:3%;
	margin-right:40px;
}
.productAreaContent {
	display:none;
	padding-top:6px;
	padding-bottom:15px;
}

.enquiryGroup{
	margin-bottom:30px;
}

#enquiryForm{
	margin-top:25px;
}
#divMapEnquiry h2 {
	display:none;
}

/***** Downloads/ Documents *****/
#downloadContainer h3{
	border-bottom: 1px solid #cccccc;
	margin-bottom:10px;
	padding-bottom:0px;
}	
#downloadContainer h3 span{
	background-color:#013a57;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
}
#downloadContainer h4{
	font-family: 'GibsonSemiBold', Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:28px;
}

.downloadsImage, .membersDownloadsImage{
	float:left;
	margin-bottom:35px;
	margin-right:90px;
	position:relative;
}
.downloadsImage {
	width:130px;
}
.membersDownloadsImage {
	width:80px;
}
.downloadsImage img, .membersDownloadsImage img{
	display:block;
}	
.downloadsText, .membersDownloadText{
	float:left;
	margin-bottom:35px;
	width:710px;
}

.documentName, .membersDocumentName, .documentPrint{
	font-size:1.1em;	
}
.documentName {
	margin-bottom:6px;
	padding-top:54px;
}
.documentPrint{
	clear:both;
}	
.membersDocumentName {
	margin-bottom:16px;
	padding-top:10px;
}
.documentDescription{
	font-size:1.1em;
}
.documentDescription a, .documentDescription a:visited{
	color:#474747;
}

.membersDocumentOverlay{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	height:75px;
	width:75px;
}

#downloadContainer #downloadContainerMembers h3 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

/***** Product Group pages Members List *****/
.membersListContainer{
	padding:0px;
	margin:0px;
}
.memberList {
	float:left;
	list-style:none;
	padding-right:20px;
	margin-bottom:12px;
	width:455px;
}
.memberList a {
	display:block;
	background-color: #d9d9d9;
	line-height:1.8em;
	padding:10px;
	text-align:center;
}
.memberList a:hover {
	background-color: #013a57;
	color:#ebc200;
	text-decoration:none;
}

#calendar {
	margin: 0 auto;
	margin-bottom:22px;
}
#courseList {
	display:none;
	margin-bottom:42px;
}

.courseItem{
	border-bottom: 1px solid #666666;
	margin-bottom: 14px;
    padding-bottom: 18px;
}
.courseItem h2{
	margin-bottom:0px;
}

.bookonlinebox, .bookonlinegreybox{
	background-color: #dcdcdc;
	margin-bottom:16px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

.bookonlinebox .bookonlinebutton, .bookonlinebox .bookonlinebutton:visited{
	background-color:#569453;
	border: 0px;
	color:#FFFFFF;	
    cursor: pointer;
	display:block;
    font-size: 18px;
    margin-right: 0px;
    margin-top: 6px;
	margin-bottom:6px;
    padding-bottom: 8px;
    padding-top: 8px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	width:100px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.bookonlinebox .bookonlinebutton:hover{
	text-decoration:none;
}

#login-popup {
	background-color: #dcdcdc;
    margin-bottom: 16px;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
	position: relative;
	width:40%;
}
#login-popup p {
	font-size: 1.4em;
}
.delegatecontainer{
	display:none;
}

#delegateheadings{

}
#delegateheadings .delegateheading{

	margin-right:10px;
	margin-bottom:4px;

}

.delegatecontainer .contactInputLarge{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:10px;
	width:47%;
}


#delegate-1{
	display:block;
}	

#addDelegateButton, #addOfferCodeButton{
	background-color:#569453;
	border: 0px;
	color:#FFFFFF;	
    cursor: pointer;
	display:block;
    font-size: 18px;
    margin-right: 0px;
    margin-top: 18px;
    margin-bottom: 28px;
    padding-bottom: 8px;
    padding-top: 8px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	width:126px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

#courseLoginButton{
	background-color:#569453;
	border: 0px;
	color:#FFFFFF;	
    cursor: pointer;
	display:block;
	float:left;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 18px;
    margin-bottom: 28px;
    padding-bottom: 8px;
    padding-top: 8px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	width:185px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#courseLoginButton:hover{
	text-decoration:none;
}

#courseBackButton{
	background-color:#013a57;
	border: 0px;
	color:#FFFFFF;	
    cursor: pointer;
	display:block;
	float:left;
    font-size: 18px;
    margin-right: 0px;
    margin-top: 18px;
    margin-bottom: 28px;
    padding-bottom: 8px;
    padding-top: 8px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	width:128px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#courseBackButton:hover{
	text-decoration:none;
}

#addOfferCodeButton{
    margin-left: 210px;
	margin-top:0px;
}	

table#courseBooking th{
	background-color: #013a57;
	border:0px;
    color: #FFFFFF;
	font-weight:normal;
}
table#courseBooking td{
	color:#697176;
}

#tdAccreditedCourses, #tdAccreditedCoursesQualTwo{
	background-color:#697176;
	display:none;
}
table#courseBooking #tdAccreditedCourses td, table#courseBooking #tdAccreditedCoursesQualTwo td {
	color:#FFFFFF;
} 

#trCourse td{
	padding-bottom:22px;
}

#course-list{
	margin-bottom:18px;
}
#course-list th{
	background-color: #013a57;
	border:0px;
    color: #FFFFFF;
	font-weight:normal;
	padding:5px;
}
#course-list td{
	color: #697176;
	padding:5px;
}
#course-list td ul{
	margin-bottom:0px;
	margin-top:0px;
}	
#course-list td ul li{
	padding-bottom: 0px;
}

.updateable-table .table-container{
	overflow-x: auto;
}
.updateable-table table{
	border-bottom:1px solid #013a57;
	margin-bottom:24px;
	width:100%;
}
.updateable-table table th{
	background-color: #013a57;
	border:0px;
    color: #FFFFFF;
	font-weight:normal;
	padding:5px;
}
.updateable-table table td{
	color: #697176;
	padding:5px;
	padding-top:4px;
	padding-bottom:4px;
}

.th-col-1{
	min-width:200px;
}
.th-col-2{
	width:174px;
}
.th-col-3{
	min-width:90px;
}
.th-col-4{
	min-width:300px;
}

.updateable-table table td.input-row{
	padding:5px;
}

.updateable-table table tr.zebra-dark td{
	background-color:#dcdcdc;
	color:#000;
}
.updateable-table table input, .updateable-table table select{
	margin-bottom:0px;
}
.updateable-table table label{
	margin-right:0px;
	width:36px;
}

.updateable-table table td .contactInputLarge{
	width:90%;
}

.table-button{
	-webkit-appearance: none;
    -webkit-border-radius: 0;
	border: 0px;
	cursor: pointer;
	display:block;
    font-size: 17px;
	margin-top: 0px;
    padding-bottom: 7px;
    padding-top: 6px;
    padding-right: 25px;
    padding-left: 25px;
	text-align:center;	
}

a.updateable-table-add, a.updateable-table-add:visited{
    background-color: #569453;
    color: #ffffff;
    margin-right: 0px;
}

a.updateable-table-delete, a.updateable-table-delete:visited{
    background-color: #ff0000;
    color: #ffffff;
    float:left;
	margin-right: 0px;
	padding-right: 16px;
    padding-left: 16px;
	width:50px;
}


a.updateable-table-cancel, a.updateable-table-cancel:visited{
    background-color: #ebc200;
    color: #242424;
	float:left;
	margin-right: 0px;
	padding-right: 16px;
    padding-left: 16px;
	width:50px;
}



a.updateable-table-edit-select, a.updateable-table-edit-select:visited{
    background-color: #013a57;
    color: #ffffff;
	float:left;
	margin-bottom: 6px;
    margin-right: 10px;
	padding-right: 16px;
    padding-left: 16px;
	width:50px;
}

a.updateable-table-edit, a.updateable-table-edit:visited{
    background-color: #569453;
    color: #ffffff;
    float:left;
	margin-right: 10px;
	padding-right: 16px;
    padding-left: 16px;
	width:50px;
}

.red-placeholder::placeholder {
  color: #ff0000;
}

.large-label label{
	width:376px;
}
.x-large-label label{
	width:1130px;
}
.form-space{
	margin-bottom:11px;
}
	
/***** Site Search *****/
#searchmain{
	margin-bottom:36px;
}

#searchmain fieldset{
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}	

#searchmain fieldset label {
    color: #013a57;
    font-size: 18px;
    padding-bottom: 9px;
    padding-top: 7px;
    width: 64px;
}

#searchmain #submit {
    background-color: #013a57;
    border: 0px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    margin-right: 0px;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	width: 100px;
}

#searchmain #searchquery{
    border: 0px;
	color: #333333;
    font-size: 18px;
    padding: 8px 30px 8px 30px;
	width: 290px;
}

#searchContainer h1{
	margin-bottom:32px;
}	

.searchResult{
	clear:both;
	margin-bottom:20px;
}
.searchResult h3{
	margin-bottom:0px;
}	
.searchResult span a, .searchResult span a:visited{
	color:#006621;
}
.searchResult p img{
	padding-top:5px;
}

#headerSearchContainer{
	background-color:#FFFFFF;
	display:none;
	position:absolute;
	top: 37px;
    right: 0px;
    padding-top: 14px;
    padding-bottom: 3px;
    width: 472px;
}

#searchform{
	float:right;
}

#headerSearchContainer fieldset{
	padding-top:0px;
}
#headerSearchContainer #query{
	border: 1px solid #41413e;
    color: #333333;
    font-size: 18px;
    margin: 0px;
	margin-right:10px;
    padding-left: 8px;
	padding-right: 8px;
	padding-top:7px;
	padding-bottom:7px;
    text-align: center;
    width: 178px;
}
#headerSearchContainer #searchSubmit{
	background-color:#41413e;
	border: 0px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 8px;
    padding-top: 8px;
	width:116px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}	

#headerSearchIcon {
	background-color: #013a57;
    cursor: pointer;
    font-size: 18px;
	margin-top: 20px;
    margin-right: 0px;
    padding: 7px 15px 8px 15px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#headerSearchIcon .headerSearchText {
	color:#ffffff;
	float:left;
}
.headerSearchText {
	padding-right: 5px;
}
#headerSearchIcon img{
	cursor:pointer;
	display:block;
}	

#header-right-bottom {
	float:right;
}

#headerSearchCompanyContainer {
	float:left;
	margin-right:20px;
	margin-top: 10px;
}

#headerSearchCompanyContainer #m_searchcompany{
	background-color:#dcdcdc;
	border: 1px solid #dcdcdc;
    color: #333333;
    font-size: 18px;
	height:21px;
    margin: 0px;
	margin-right:0px;
    padding-left: 8px;
	padding-right: 8px;
	padding-top:7px;
	padding-bottom:7px;
    text-align: center;
    width: 240px;

	-webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;

    -webkit-border-radius: 0; 
}

#headerSearchCompanyContainer #searchCompanySubmit {
	background-color: #ebc200;
    border: 0px;
    color: #242424;
    cursor: pointer;
	height:37px;
    font-size: 18px;
    margin-right: 0px;
    padding: 8px 15px;
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;

    -webkit-border-radius: 0; 
}


.returnSearch{
	float:right;
	width:226px;
}

.returnSearch a, .returnSearch a:visited{
	background-color:#41413e;
	color:#FFFFFF;
	display:block;
	font-size: 18px;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align:center;
}
.returnSearch a:hover{
	text-decoration:none;
}

#courseKeyContainer{
	margin-bottom:20px;
}

#courseKeyTitle{
	color:#697176;
	float:left;
	font-family: 'GibsonSemiBold', Arial, Verdana, Helvetica, sans-serif;
	margin-right:6px;
	width:35px;
}
#courseKeys{
	float:left;
	width:890px;
}

.courseKey{
	color:#697176;
	float:left;
	margin-bottom:13px;
	margin-right:6px;
	width:360px;
}

.courseKey span{
	display:block;
	float:left;
	height:18px;
	margin-right:6px;
	width:20px;
}

#ipadMoreContainer, #ipadMoreList{
	display:none;
}

#ipadMoreContainer{
	background-position:84%;
	background-repeat:no-repeat;
}

.ipadMoreContainer-arrowClosed, .openTabClosed {
	background-image: url(../images/arrow-up-white.png);
}
.ipadMoreContainer-arrowOpen, .openTabOpen {
	background-image: url(../images/arrow-down-white.png);
}

#downloads{
	margin-bottom:22px;
}

.memberGroupButton{
	background-color: #013a57;
    background-image: url(../images/members-search-enquiry.gif);
    background-position: 95%;
    background-repeat: no-repeat;
	color:#FFFFFF !important;
	display:block;
	font-size: 1.2em;
    padding: 10px 49px 10px 35px;
	width:370px;
}

#gsmNewsContainer{
	float: left;
    /*margin-right: 20px;*/
    padding-top: 22px;
    /*width: 531px;*/
	margin-right:0;
	padding:0px;
	width:930px;
}
#gsmNewsContainer .col2 {
    /*width: 531px;*/
	width:455px;
}
#gsmNewsContainer .colLast {
	margin-right: 0px;
}
#gsmNewsContainer .newsBox {
    background-color: #e6e6e6;
    padding: 28px;
}

.openTab{
	background-position: 95%;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	padding-right:30px;
	width:260px;
}	

.openContent{
	display:none;
	padding-top: 28px;
}	

#mobileJoin{
	display:none;
}

.mobileSubList{
	display:none;
}	

.formInformationPreference, .formMembershipBenefits{
	margin-bottom:20px;
}	
.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label{
	color:#333333;
	margin-right:0px;
	width:540px;
}	

.terms-container label{
	margin-right:0px;
	width:264px;
}	

.page-container{
	margin-top:24px;
}

.braintree-placeholder{
	display:none;
}	

input:readonly {
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	color: #bcbcbc;
	cursor: not-allowed;
}

#offercode-container{
	margin-top:12px;
}

#offercodemessage{
	clear:both;
	display:block;
	margin-bottom:8px;
}
.message-success{
	color:#569453;
}
.message-fail{
	color:#e30713;
}

#paymentcontainer{
	color:#697176;
	line-height:1.4em;
	margin-bottom:18px;
}	
.paymentleft{
	clear:both;
	float:left;
	width:188px;
}
.paymentright{
	float:left;
	text-align:right;
	width:72px;
}

.cardSelectionContainer{
	width:100%;
}
.cardSelection{
	border:1px solid #000000;
	border-collapse:collapse;
	display:block;
	float:none;
	margin-bottom:18px;
	width:100%;
}
.cardSelection th{
	background-color:#000000;
	border:1px solid #000000;	
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:normal;
	padding:5px;
}
.cardSelection td{
	border:1px solid #000000;
	font-size:0.8em;
	padding:5px;
}

.cardSelection td ul{
	margin:0;
	padding-left:20px;
}

.cardSelection td ul li {
	padding:0px !important;
}

.cardSelection td.card-unavailable{
	background-color: #ececec;
    color: #b9b9b9;
}
.cardSelection .card-selected{
	background-color: #93bb92;
}

.cardSelection .blueCard{
	color:#013a57;
}
.cardSelection .greenCard{
	color:#569453;
}
.cardSelection .redCard{
	color:#e30713;
}
.cardSelection .yellowCard{
	color:#ebc200;
}

.imageFileContainer{
	clear:both;
}
.imageFileContainer label{
	width:100px;
}
.inputImage{
	margin-right:0px;
}	

.uploadImage{
	background-color: #8fb93e;
    color: #FFFFFF;
    cursor: pointer;
	padding-bottom: 9px;
    padding-top: 9px;
    text-align: center;
	width:150px;
}	

#imageformcontainer, #fileformcontainer{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#FFFFFF;
	border: 1px solid #b3b5b5;
	display:none;	
    margin: 5% auto;
    position: fixed;
    width: 40%;
    height: auto;
    z-index: 12000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -20%;
}	
#imageform, #fileform{
	padding:20px;
}
#imageform label, #fileform label{
	width:140px;
}	

#imageSubmit, #imagecontinue, #fileSubmit, #filecontinue {
    background-color: #569453;
    border: 0px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0px;
    margin-top: 16px;
    padding: 0px;
	padding-bottom: 9px;
	padding-top: 9px;
	text-align: center;
    width: 140px;
}

.close-image-box, .close-file-box{
	cursor: pointer;
    float: right;
}

#imagesuccess, #filesuccess{
	display:none;
}	
#imagesuccess p, #filesuccess p{
	font-size:1.2em;
}	

#imageuploading, #fileuploading{
	display:none;
}	
#imageuploading p, #fileuploading p{
	margin-bottom:0px;
}

#imageUploadLeft{
	float:left;
	margin-bottom:18px;
	margin-right:10px;
	width:150px;
}	
#imageBox{
	border:1px solid #000000;
	min-height:148px;
	width:148px;
}	 
#imageUploadLeft img{
	display:none;
}
#imageUploadRight{
	float:left;
	width:140px;
}	
#uploadImage{
	background-color:#569453;
	border: 0px;
	color:#FFFFFF;
    cursor: pointer;
    font-size: 18px;
	margin-bottom:12px;    
	margin-right: 0px;
    margin-top: 6px;
    padding-bottom: 8px;
    padding-top: 8px;
	text-align:center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	width:182px;
}

.fileUploadContainer {
	float:left;
	width:280px;
}

.fileUploadLeft{
	float:left;
	margin-bottom:18px;
	margin-right:10px;
	width:70px;
}	
.fileBox{
	border:1px solid #000000;
	min-height:68px;
	width:68px;
}	 
.fileUploadLeft img{
	display:none;
}
.fileUploadRight{
	float:left;
	width:200px;
}	
.uploadFile{
	background-color:#569453;
	border: 0px;
	color:#FFFFFF;
    cursor: pointer;
    font-size: 18px;
	margin-bottom:12px;    
	margin-right: 0px;
    margin-top: 6px;
    padding-bottom: 8px;
    padding-top: 8px;
	text-align:center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	width:138px;
}

#endorsement-link, #endorsement-link:visited {
	background-color: #ebc200;
    border: 0px;
    color: #242424;
    cursor: pointer;
	float:left;
    font-size: 18px;
    margin-right: 0px;
	margin-bottom:20px;
    margin-top: 56px;
    padding-bottom: 8px;
    padding-top: 8px;
	text-align:center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	width:177px;
}

#endorsement-link:hover {
	text-decoration:none;
}

#endorsement-container {
	display:none;
}

.endorsement-checkboxes{
	margin-bottom:20px;
}	
.endorsement-checkboxes input{
	clear:both;
}
.endorsement-checkboxes label{
	width: 400px;
}

#endorsements-left, #endorsements-right{
	float: left;	
    width: 580px;
}
#endorsements-left {
	margin-right: 20px;
}

#cscs-card-payment-details {
	float:left;
	width:580px;
}

#cscs-card-payment-btn {
	float:right;
	margin-right:20px;
	margin-top: 8px;
    padding-top: 8px;
}

.g-recaptcha {
	margin-left:210px;
	margin-bottom: 11px;
}

.delegatecontainer {
	border-bottom:1px solid #697176;
	margin-bottom:10px;
}
.accreditedeheading {
	float:left;
	width:250px;
}
.accreditedInput, .accreditedInputQualTwo {
	clear:none;
	float:left;
	margin-top:4px;
	margin-bottom:10px;
}
.accreditedInput label, .accreditedInputQualTwo label {
	width:auto;
}

#checkout-header-phone{
	border-right:0px;
	margin-right:0px;
	padding-right:0px;
}

#checkout-header-phone .headerPhoneNumber{
	padding-top:8px;
}

#checkoutBasketContainerConfirm #courseBookingContainer{
	overflow-x:scroll;
}		

#checkoutBasketContainerConfirm #courseBooking{
	margin-bottom:18px;
}	

#checkoutBasketContainerConfirm #tdAccreditedCourses, #checkoutBasketContainerConfirm #tdAccreditedCoursesQualTwo {
	display:table-row;
}	

/*#photo-id-checkbox{
	display:none;
}*/

#photo-id-checkbox label, #covid-checkbox label {
	width:536px;
}

.dropdown-statement{
	margin-top:28px;
	margin-bottom:12px;
}	

#password-eye{
	cursor:pointer;
	display:block;
	float:left;
	margin-top:2px;
	margin-left:-34px;
}

#replacementcard-container{
	display:none;
}
#replacementcard-container label{
	width:260px;
}

#homeLink, #homeLink:visited {
	background-color: #ebc200;
    border: 0px;
    color: #242424;
    cursor: pointer;
	float:left;
    font-size: 18px;
    margin-right: 0px;
	margin-bottom:20px;
    margin-top: 56px;
    padding-bottom: 8px;
    padding-top: 8px;
	text-align:center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	width:190px;
}

#homeLink:hover {
	text-decoration:none;
}

#cscs-application-form label{
	width:205px;
}	

#cscs-statements label{
	margin-right:0px;
	width:540px;
}	

.online-courses-videos-container {
    width: 640px;
    height: 360px;
}

#progress-bar{
	margin-bottom:22px;	
}
#progress-bar ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#progress-bar ul li{
	display: inline;
	padding: 0px;
	margin: 0px;
}
#progress-bar ul li a, #progress-bar ul li a:visited{
	background-color: #013a57;
	border:1px solid #013a57;
	color:#FFF;
	padding:8px;
	text-decoration:none;
}
#progress-bar ul li a:hover, #progress-bar ul li a.current{
	background-color: #FFF;
	color:#013a57;
}
#progress-bar ul li a.future{
	background-color:#dcdcdc;
	border:1px solid #666666;
	color:#666666;
}