/* Global */    html {
	overflow:hidden;
	overflow-y: scroll;
}
body {
	overflow-x:hidden;
	padding-top:50px;
}
h1, h2, h3 {
	font-family:AlternateGothicLT-No2, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal!important;
}
.content h1, .content h2, .content h3 {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;	
}
.content h1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-top: 0;
    font-size: 50px;
    line-height: 1;
    color: #000;
    margin-bottom: 20px;
}
.content h4, .content h5 {
	padding-bottom:5px;
	border-bottom:1px solid #ccc;	
}
@media all and (min-width:768px) {
body {
	padding-top:100px;
}
body.public {
	padding-top:50px;
}
}
@media all and (min-width:992px) {
body {
	padding-top:50px;
}
}
p {
	line-height: 1.7;
}
img {
	max-width:100%;
	height: auto !important;
}  /* Account bar */
#admin-tools .collapse {
	background-image: none !important;
}
.nav li.hidden-basket {
	display: none;
}
.navbar-default .navbar-navigation {
	border:none;
}

/* Search */

#search { padding:10px; }
#search input.textbox {
    margin: 0;
    padding: 4px 5px;
    border: 1px solid #999;
    font-size: 100%;
}
#search input[type="submit"] {
    font-size: 100%;
    font-weight: normal;
    padding: 4px 10px;
    background: #fff;
}

/* Login */
.navbar-nav>li>a.msl-loginbutton {
	background-color: #aaa;
	color: #fff;
}
.navbar-nav>li>a.msl-loginbutton.msl-loggedout {
	background: #c00;
}
@media all and (min-width:768px) {
.navbar-nav>li>a.msl-loginbutton {
	padding: 4px 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #999;
	border-radius: 3px;
}
.navbar-nav>li>a.msl-loginbutton.msl-loggedout {
	border-color:#A00;
	margin-right: 30px;
}
}  /* Header */
header {
	background-color:#e84253;
	background-position: 50% 50%;
	background-size: cover;
	position:relative;
}
[id="headerbar"] {
position:relative;
margin: 0 -15px;
}
header a.logo {
	display:block;
	width:120px;
	transition: 0.2s ease all;
	-web-transition: 0.2s ease all;
}
header .col-xs-12 {
	padding:0;
}
@media all and (min-width:600px) {
header a.logo {
	width:140px;
}
}
@media all and (min-width:768px) {
header a.log6 {
	width:180px;
}
}
@media all and (min-width:992px) {
header a.logo {
	width:180px;
}
}
@media all and (min-width:1200px) {
header a.logo {
	width:200px;
}
}      /* Location  */
header a[class^="toggle"] {
	overflow: hidden;
	margin: 0 15px;
	z-index: 2;
	display: block;
	background-color: #fff;
	padding-left: 49px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	height: 40px;
	background: #fff;
	transition: 0.2s ease all;
	line-height: 40px;
	-web-transition: 0.2s ease all;
	font-size: 15px;
}
header a[class^="toggle"]:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 25px;
	font-size: 32px;
	width: 0.85em;
	height: 5px;
	border-top: 13px double #333;
	border-bottom: 4px solid #333;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.active-nav header a.navigation-left {
	background:#eaeaea;
}
@media all and (min-width:768px) {
header a[class^="toggle"] {
	display:none;
}
}
/* Social Navigation */
.social-icons {
	text-align: right;
	color: #FFFFFF;
	font-size: 22px;
	padding: 5px 5px 0 0 !important;
}

.social-icons a {
color: #FFF;
}
.social-icons ul{
list-style-type: none;
margin: 0;
padding: 5;
}
.social-icons li {
float: right;
margin: 0 10px 0 0;
padding: 0;
}
/* Navigation */    /* Layout positioning */
[id="navigation"] {
background: #eaeaea;
transition: .2s all ease;
-web-transition: .2s all ease;
box-sizing: content-box;
-moz-box-sizing: content-box;
height:0;
overflow:hidden;
min-height:0;
}
.active-nav [id="navigation"] {
	height: auto;
}
[id="navigation"] ul {
	margin:0;
	padding:0;
	list-style:none;
	background:#fafafa;
	transition: 0.2s ease all;
	-web-transition: 0.2s ease all;
}
[id="navigation"] li {
	margin:0;
	padding:0;
}
[id="navigation"] li a {
	display:block;
	padding: 8px 12px;
	border-bottom: 1px solid #fff;
	color:#333;
}
[id="navigation"] li a:hover, [id="navigation"] li:hover > a {
	background:#dadada;
	color:#000;
	text-decoration:none;
}
[id="navigation"] li a.current {
	background: #000;
	color:#fff;
}
[id="navigation"] li li a.current {
	background: #aaa;
	color:#000;
}
[id="navigation"] li a.current:hover {
	color:#fff;
}
[id="navigation"] li > ul, [id="navigation"] li > .dropdown  {
	max-height:0;
	overflow:hidden;
	transition: 0.3s ease all;
	-web-transition: 0.3s ease all;
}
[id="navigation"] ul li:hover > ul, [id="navigation"] ul li a:hover + ul, [id="navigation"] ul li:hover > .dropdown, [id="navigation"] ul li a:hover + .dropdown  {
	max-height:800px;
}
@media all and (min-width:768px) {
[id="navigation"] {
height:auto;
overflow:visible;
background: transparent;
margin: 0;
padding:0;
}
[id="navigation"] ul {
	background:transparent;
	margin:0;
}
[id="navigation"] ul li a {
	border:none;
}
[id="navigation"] > ul > li {
float:left;
position: relative;
}
[id="navigation"] > ul.megadropdown > li {position:static;}
[id="navigation"] > ul > li > a {
border: none;
padding: 10px 12px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
[id="navigation"] > ul > li > a.msl-itemhassubnav:after {
content: "\f0d7";
margin-left: 5px;
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
font-size: 14px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, -1px);
line-height: 1;
}
[id="navigation"] > ul > li > a:hover {
color: #000;
text-decoration:none;
}
[id="navigation"] li > ul {
	position:absolute;
	background:#eee;
	z-index: 100;
	min-width:240px;
}
[id="navigation"] li .dropdown {
	position:absolute;
	background:#eee;
	z-index: 100;
	left:0;
	right:0;
}
[id="navigation"] ul li:hover > ul, [id="navigation"] ul li a:hover + ul {padding: 10px;}
[id="navigation"] ul li:hover > .dropdown, [id="navigation"] ul li a:hover + .dropdown {
	padding:15px 5px;
}
}
@media all and (min-width: 860px) {
[id="navigation"] {
margin: -40px 0 0 20px;
}
}
@media all and (min-width: 992px) {
[id="navigation"] {
margin: -40px 0 0 65px;
}
[id="navigation"] > ul > li > a {
padding: 12px 20px;
font-size: 15px;
}
}
@media all and (min-width: 1140px) {
[id="navigation"] {
margin: -40px 0 0;
}
[id="navigation"] > ul > li > a {
font-size: 16px;
}
}
@media all and (min-width:1200px) {
[id="navigation"] {
margin: -40px 0 0 65px;
}
}
@media all and (min-width:1300px) {
[id="navigation"] {
margin: -40px 0 0;
}
}

/* Breadcrumb */

[id="breadcrumb"].msl-breadcrumb {
    margin: 15px 0;
    padding: 0 0 15px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
ul.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
	background: transparent;
}
ul.breadcrumb li {
    display: inline-block;
    margin: 0 0 0;
    padding: 6px 20px;
    position: relative;
    list-style: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #e84253;
}
body ul.breadcrumb li.current-page {background: #000;}
ul.breadcrumb li a {color:#fff;}
ul.breadcrumb li:before, ul.breadcrumb li:after {
    position: absolute;
    content: ' ';
    top: 0;
    bottom: 0;
    width: 27px;
    background: url(breadcrumb.png) 50% 50% no-repeat;
}
ul.breadcrumb li:before {
	left:-14px;
}
ul.breadcrumb li:after {
	right:-13px;
}

    /* Static Banner */
[id="static-banner"] {
padding:0;
position: relative;
overflow:hidden;
}
.msl-pagebanner {
	margin: 0 -240px;
}
@media all and (min-width:600px) {
.msl-pagebanner {
	margin: 0 -160px;
}
}
@media all and (min-width:768px) {
[id="static-banner"] {
}
.msl-pagebanner {
	margin: 0 -120px;
}
[id="static-banner"]:before, [id="static-banner"]:after, [id="news-banner"]:before, [id="news-banner"]:after, .bx-wrapper:before, .bx-wrapper:after, .edge-wrapper:before, .edge-wrapper:after {
	position:absolute;
	content: ' ';
	bottom: -1px;
	z-index: 10;
	display:block;
}
[id="static-banner"]:before, [id="news-banner"]:before, .bx-wrapper:before, .edge-wrapper:before {
	left: 0;
	background: url(edge-left.png) top left no-repeat;
	height: 100px;
	width: 50px;
}
[id="static-banner"]:after, [id="news-banner"]:after, .bx-wrapper:after, .edge-wrapper:after {
	right: 0;
	background: url(edge-right.png) bottom left no-repeat;
	height: 40px;
	width: 50px;
}
}
@media all and (min-width:992px) {
.msl-pagebanner {
	margin: 0;
}
[id="static-banner"]:before, [id="news-banner"]:before, .bx-wrapper:before, .edge-wrapper:before {
	height: 160px;
}
[id="static-banner"]:after, [id="news-banner"]:after, .bx-wrapper:after, .edge-wrapper:after {
	height: 80px;
	width: 110px;
}
}
@media all and (min-width:1200px) {
[id="static-banner"] .msl-pagebanner:after {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: url(05r.png);
	opacity: 0.25;
	content: ' ';
	display:block;
}
}
.page-detail {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left:15px;
	right:15px;
	text-align:center;
}
.page-detail h1 {
	margin: 0;
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 32px;
	line-height:1;
}
.page-detail h1, .page-detail p {
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
	position: relative;
}
.page-detail h1 + p {
	margin: 10px 0 0;
	padding: 10px 0 0;
	position: relative;
	color:#fff;
	display:none;
}
.page-detail h1 + p:before {
	content: ' ';
	border-top: 2px solid #fff;
	position:absolute;
	width:50%;
	left:25%;
	top:0;
}
@media all and (min-width:480px) {
.page-detail h1 {
	font-size: 40px;
}
}
@media all and (min-width:600px) {
.page-detail {
	right: auto;
	width:60%;
	left:20%;
}
}
@media all and (min-width:768px) {
.page-detail {
	width:50%;
	left:25%;
}  /*.page-detail:before {      content: ' ';      position: absolute;      left: 30px;      right: -50px;      top: -110px;      bottom: -100px;      background: url(corner-mask-black.png);      background-size: cover;  }*/
.page-detail h1 {
	font-size: 48px;
}
.page-detail h1 + p {
	display: block;
	font-size: 16px;
}
}
@media all and (min-width:992px) {
.page-detail h1 {
	font-size: 56px;
}
.page-detail h1 + p {
	font-size: 20px;
}
}
@media all and (min-width:1200px) {
.page-detail h1 {
	font-size: 64px;
}
.page-detail h1 + p {
	font-size: 24px;
}
}
[id="news-banner"] + [id="static-banner"], .bx-wrapper + [id="static-banner"], .edge-wrapper + [id="static-banner"] {
display:none;
}    /* News Banner */
[id="news-banner"] {
}  /* Hide the warning if a page has no owning org */
header span.warning {
	display:none;
}
[id="news-banner"] .news_item {
	position:relative;
}
.news-detail {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left:15px;
	right:15px;
	text-align:center;
}
.ms-slide span img {max-width:100%;}
.ms-caption {
	text-align:center;	
}
.news-detail h5, .ms-caption h5 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 32px;
	line-height:1;
	font-family:AlternateGothicLT-No2, Helvetica, sans-serif;
	text-transform: uppercase;
}
.news-detail h5 a, .ms-caption h5 a {
	color:#000;
}
.news-detail h5 a:hover, .ms-caption h5 a:hover {
	text-decoration:none;
}
.news-detail h5, .page-detail p, .ms-caption h5 {
	text-shadow: 0 0 20px rgba(255,255,255,0.8);
	position: relative;
}
.msltaginverse .news-detail h5, .msltaginverse .news-detail p, .msltaginverse .ms-caption h5, .msltaginverse .ms-caption p {
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
	color:#fff;
}
.msltaginverse .news-detail p:before, , .msltaginverse .ms-caption p:before {
	border-color:#fff;
}
.msltaginverse .news-detail h5 a, .msltaginverse .ms-caption h5 a {
	color:#fff;
}
.news-detail h5 + p, .ms-caption h5 + p {
	margin: 10px 0 0;
	padding: 10px 0 0;
	position: relative;
	color:#000;
	display:none;
}
.news-detail h5 + p:before, .ms-caption h5 + p:before {
	content: ' ';
	border-top: 2px solid #000;
	position:absolute;
	width:50%;
	left:25%;
	top:0;
}
@media all and (min-width:480px) {
.news-detail h5, .ms-caption h5 {
	font-size: 40px;
}
}
@media all and (min-width:600px) {
.news-detail {
	right: auto;
	width:60%;
	left:20%;
}
}
@media all and (min-width:768px) {
.news-detail {
	width:50%;
	left:25%;
}
.news-detail h5, .ms-caption h5 {
	font-size: 48px;
}
.news-detail h5 + p, .ms-caption h5 + p {
	display: block;
	font-size: 16px;
}
}
@media all and (min-width:992px) {
.news-detail h5, .ms-caption h5 {
	font-size: 56px;
}
.news-detail h1 + p, .ms-caption h5 + p {
	font-size: 20px;
}
}
@media all and (min-width:1200px) {
.news-detail h5, .ms-caption h5 {
	font-size: 64px;
}
.news-detail h5 + p, .ms-caption h5 + p {
	font-size: 24px;
}
}

[id="news-banner"] a.msl-morelink {
	display:none;
}
@media all and (min-width:992px) {
[id="news-banner"] a.msl-morelink, .ms-caption a.msl-morelink {
	display: block;
	background-color: #e84253;
	margin: 5px auto 0;
	width: 110px;
	font-size: 24px;
	color: #fff;
	padding: 8px;
	line-height: 1;
	margin-top: 5px;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: AlternateGothicLT-No2, Helvetica, sans-serif;
	letter-spacing:1px;
}
}

/* Sidebar */
.loyaltybox {
    border-bottom: 2px solid #e84253;
    margin: 0 0 20px;
    padding: 15px 18px;
    background-color: #eee;
}
aside .box {
    border-bottom: 2px solid #e84253;
    margin: 0 0 20px;
    padding: 15px 18px;
    background-color: #eee;
}
aside .box > *:first-child, aside .box > *:first-child h3 {margin-top:0;padding-top:0;}
aside .box h2 {
	margin-top:0; padding-top:0;
}
aside ul {
	margin:0; padding:0; list-style:none;
}
aside li ul {
    margin: 0 0 10px;
    background: #fff;
}
aside li li ul {
	margin: 5px 10px 15px;
}
aside li ul li {
    border-bottom: 1px solid #ccc;
}
aside li {
	margin:0; padding:0; list-style:none;
}
aside a {
	display:block;
}
aside li a {
	padding: 8px 12px; transition: 0.2s ease all; -web-transition: 0.2s ease all;
}
aside li a:hover {
	text-decoration:none; background: #dadada;
}
aside li a.current {
	background:#e84253; color:#fff;
}
aside li a.current + ul {
	margin-top:1px;
}
aside [id="org-name"] {
    font-size: 16px;
    line-height: 1.5;
}
aside .grouping-contact {
    display: block;
    margin: 10px 0 0;
    font-size: 11px;
    padding: 10px 0 0;
}
aside p + .grouping-contact { border-top: 1px solid #ccc; }
@media all and (min-width:320px) {
aside .grouping-contact {font-size:12px;}
}
@media all and (min-width:480px) {
aside .grouping-contact {font-size:14px;}
}
aside .grouping-contact > a {padding-left: 24px; word-wrap:break-word; display:block;}

/* Image Navigation */

.loyalty-imagenav ul {
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

 .loyalty-imagenav ul li {
    width: 100% !important;
    position: relative !important;
    padding-top: 30% !important;
    margin: 0 0 20px !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.msl-imagenav {}
.msl-imagenav ul {
	margin: 20px 0;
	padding:0;
	list-style:none;
}
.msl-imagenav ul li {
	width:100%;
	position:relative;
	padding-top: 30%;
	margin: 0 0 20px;
}
.msl-imagenav ul li img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;	
}
.msl-imagenav ul li .msl-imagenav-title {
    display:block;
	padding: 5px 10px;
	color:#fff;
	background:#e84253;
	margin: 0 0 5px;
	position:relative;
	font-size:18px;
}
.msl-imagenav ul li .msl-imagenav-description {
	display:block;
	margin: 10px 0 0;
	color:#333;
}
.msl-imagenav ul li a:hover .msl-imagenav-title {
	text-decoration:none; color:#fff;	
}
.msl-imagenav ul li a:hover .msl-imagenav-description {
	text-decoration:none; color:#333;	
}
.msl-imagenav ul li .msl-imagenav-title:before {
    display: block;
    content: ' ';
    background: url(imagenav-slice.svg) bottom left no-repeat;
    position: absolute;
    top: -10px;
    left: 0;
    background-size: contain;
    right: 0px;
    height: 10px;
	z-index: 10;
}

@media all and (min-width:600px) {
.msl-imagenav ul{
	margin: 20px -10px;	
}
.msl-imagenav ul li {
	width:50%;
	float:left;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	padding-top:14.5%
}	
.msl-imagenav ul li:nth-of-type(2n+1) {clear:left;}
}
@media all and (min-width:768px) {
.msl-imagenav ul li {width:33.333%; padding-top:9.5%;}
.msl-imagenav ul li:nth-of-type(2n+1) {clear:none;}
.msl-imagenav ul li:nth-of-type(3n+1) {clear:left;}
}

/* Btn */

.btn-red {
    background: #e84253;
    color: #fff;
}

a:visited > .btn-red {
    color: #fff;
}


/* Advert */

.advert img {
  display:block; margin: 0 auto;	
}
.advert-center-block a img {
  display: block;
  margin: 0 auto;
}

/* Footer */
footer {
	background:#000 url(footer.svg) top left no-repeat;
	background-size: 101%;
	margin-top: 50px;
	padding-bottom: 50px;
}
footer a.logo {
	display:block;
	margin-top:-20px;
	transition: 0.2s ease all;
	-web-transition: 0.2s ease all;
}
footer a.logo + p {
	color:#fff;
}
@media all and (min-width: 360px) {
footer a.logo {
	margin: -30px 20px 10px;
}
}
@media all and (min-width: 480px) {
footer a.logo {
	margin: -30px auto 10px;
	width: 240px;
}
}
@media all and (min-width: 768px) {
footer a.logo {
	margin-top:-20px;
	float:left;
}
footer a.logo + p {
	float:left;
}
}
@media all and (min-width: 992px) {
footer a.logo {
	width: 320px;
}
footer a.logo + p {
	float: left;
	margin: 180px 0 0 -190px;
	width: 300px;
	line-height: 1.2;
}
}
@media all and (min-width: 1200px) {
footer a.logo + p {
	margin: 95px 0 0 -90px;
	color: #000;
}
}
footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
footer ul li {
	margin:0 0 2px;
	padding:0;
	list-style: none;
}
footer ul li a {
	color:#fff;
}
@media all and (min-width: 768px) {
footer ul {
	margin-top: -130px;
}
}
@media all and (min-width: 1640px) {
footer ul {
	margin-top: -110px;
}
}

/* News and Events widgets */

.newslist {}
.newslist h2, .newslist h3, .eventlist h2, .eventlist h3 {
    border-bottom: 2px solid #e84253;
    margin: 0 0 10px;
    padding: 15px 18px;
    background-color: #eee;
	font-size:28px;
}
.news_item h5 {border:none;}

.paging {text-align:center;}
.paging a {
  display:inline-block;
  padding: 5px 8px;
  margin: 5px 0px;
  background:#eee;
  color:#000;
  transition: 0.2s ease all;
  -web-transition: 0.2s ease all;
}
.paging a.current, .paging a:hover {
  background:#e84253;
  color:#fff;
}


/* Calendar */

/*** Widgets >> Calendar ***/

/*  (Original Markup by MSL, styled by James Greenhalgh) */
  
/* -----------Functional styles – do not change these they are needed for the widget to function----------------- */
.msl_event_calendar .msl-cal-wrapper {position:relative; top:0; left:0;}
.msl_event_calendar .msl-cal-hoverbox {position:absolute; top:0; left:-6000px;}
.msl_event_calendar td:hover .msl-cal-wrapper {z-index:200;} /* need to specify base z-index too perhaps */
.msl_event_calendar table, .msl_event_calendar tr, .msl_event_calendar td, .msl_event_calendar .msl-cal-hoverbox dd, .msl_event_calendar .msl-cal-hoverbox dl, .msl_event_calendar .msl-cal-hoverbox dt  {margin:0;padding:0;text-indent:0;}  /* zero all elements used in calendar styles*/

/* -----------Dimensions of calendar----------- */
.msl-eventcal-default {width:300px; -webkit-box-shadow: 0px 1px 5px 0px #bfbfbf; -moz-box-shadow: 0px 1px 5px 0px #bfbfbf; box-shadow: 0px 1px 5px 0px #bfbfbf;}
.msl-eventcal-default td {height:35px !important; vertical-align:middle !important;}

/*---- Whole calendar styling ----- */
.msl-eventcal-default {border-color: #d7d7d7;} /* border of outside of table */
.msl-eventcal-default td {border: 1px solid #ccc !important; text-align: center;} /* border of cells */

/* ----------Month title--------------- */
.msl-eventcal-default .msl_event_calendar_title * {border:none; background-color:#e84253 !important; color:#fff !important;}

/* ------------Inactive dates--------------- */
.msl-eventcal-default td.month {background-color:#ffffff !important; color: #000000 !important;}
.msl-eventcal-default td.othermonth {color:#e9e9e9 !important; background-color:#ffffff !important;}

/* ---------------Date with event attached--------------- */
.msl-eventcal-default td.msl_event_calendar_selected_day {background-color: #e9e9e9 !important; background-image: url(calendar-eventattached.png) !important; background-position: top; background-repeat: no-repeat;}

/*a.msl_event_calendar_item {color: #ccc !important;} date colour and clickable area*/
.msl-eventcal-default td.msl_event_calendar_selected_day:hover .msl-cal-wrapper{color:#000 !important; background:yellow !important;} /* colour of text when hovered over - you need to specify background so that z-index works in IE */ 
.msl-eventcal-default td.msl_event_calendar_selected_day:hover {background-color:yellow !important;}


/* ---------------Eventlist box that appears----------------- */
.msl-eventcal-default .msl-cal-hoverbox, .msl-eventcal-default a.calendar_item span {padding:5px !important; border: none !important; text-align:left; background: #e84253 !important; color:#fff !important;}
.msl-eventcal-default td:hover .msl-cal-hoverbox {top:-65px !important; left:40px !important; width:12em;}  /* -------------- size and positioning of the hoverbox relative to the date ------------*/
.msl-eventcal-default a.calendar_item:hover span {
  left: 26px !important;
  top: -30px !important;
  width: 12em;
  opacity: 1;
}
/* add some opacity here */


/* ------------Events list ---------------- */

.msl-eventcal-default .msl-cal-hoverbox a {padding:10px 0 10px 10px; display:block; color: #fff !important;} /* links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox a dd {padding-left:0 !important; font-size: 15px;}
.msl-eventcal-default .msl-cal-hoverbox a:hover {background: #d83243 !important; color: #fff !important; text-decoration: none !important;} /* hoverover colour for links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox a:visited {color: #fff !important; text-decoration: none !important;} /* hoverover colour for VISITED links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox dt {font-weight:normal !important; color: #fff !important;} /* colour and styles for event times */


/* Organisation pages */

body ul.join_list {
margin: 10px 0 0;	
}
body ul.join_list li {
    position: relative;
    margin: 10px 0 0;
    padding-right: 90px;
}
body ul.join_list li + li {
	padding-top:10px;
	border-top: 1px solid #ccc;	
}
body ul.join_list li input {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    background: #e84253;
    color: #fff;
    font-weight: normal;
    padding: 3px 6px;
    border: none;
}

/* Fieldset and grid styles */     /*  Author: James Greenhalgh  Author URI: http://james.greenhalgh.eu    This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.  */
.vp_form fieldset {
	margin: 20px 0 !important;
	padding: 15px !important;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
	background-image: -webkit-linear-gradient(top, #eee, #fff);
	background-image:    -moz-linear-gradient(top, #eee, #fff);
	background-image:     -ms-linear-gradient(top, #eee, #fff);
	background-image:      -o-linear-gradient(top, #eee, #fff);
}
.vp_form legend {
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	background: rgba(0,0,0,0.66);
	color: #fff!important;
	padding: 8px 12px!important;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
body .vp_form label {
	padding: 0 10px;
}
body .vp_form .title {
	padding: 0;
}
body .vp_form .address {
	margin-bottom: 10px;
}  /* MSL default layout */
.grid_12 .ajax__tab_default .ajax__tab_header {
	white-space:normal !important
}
.grid_12 .ajax__tab_default .ajax__tab_outer {
	display:-moz-inline-box!important;
	display:inline-block!important
}
.grid_12 .ajax__tab_default .ajax__tab_inner {
	display:-moz-inline-box!important;
	display:inline-block!important
}
.grid_12 .ajax__tab_default .ajax__tab_tab {
	overflow:hidden!important;
	text-align:center!important;
	display:-moz-inline-box!important;
	display:inline-block!important
}  /* James' Modified Registration Theme (was xp theme) */
.grid_12 .ajax__tab_xp .ajax__tab_header {
	font-family: 'Open Sans', Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	font-size:17px!important;
	padding-bottom: 20px!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_outer {
	padding-right:4px!important;
	background: none!important;
	height:21px!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_inner {
	padding-left:3px!important;
	background: none!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_tab {
	height:20px!important;
	line-height:20px!important;
	padding-left:30px!important;
	margin:0px!important;
	background: url(arrow-registration.png) no-repeat!important;
}
#__tab_ctl00_Main_tcContainer_tpPersonal {
	padding-left:0 !important;
	background: none !important;
}
.grid_12 .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
	cursor:pointer!important;
	background: none!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
	cursor:pointer!important;
	background: none!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
	cursor:pointer!important;
	background: url(arrow-registration.png) no-repeat!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
	background: none!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
	background: none!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
	font-weight:bold!important;
	background: url(arrow-registration.png) no-repeat!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_disabled {
	color: #A0A0A0!important;
}
.grid_12 .ajax__tab_xp .ajax__tab_body {
	font-family: 'Open Sans', Arial, 'Liberation Sans', FreeSans, sans-serif !important;
	font-size:10pt!important;
	border:1px solid #999999!important;
	border-top:0!important;
	padding:8px!important;
	background-color:#ffffff!important;
}  /* MSL scrolling */
.grid_12 .ajax__scroll_horiz {
	overflow-x:scroll!important;
}
.grid_12 .ajax__scroll_vert {
	overflow-y:scroll!important;
}
.grid_12 .ajax__scroll_both {
	overflow:scroll!important
}
.grid_12 .ajax__scroll_auto {
	overflow:auto!important
}  /* MSL plain theme */
.grid_12 .ajax__tab_plain .ajax__tab_outer {
	text-align: center!important;
	vertical-align: middle!important;
	border:2px solid #999999!important;
}
.grid_12 .ajax__tab_plain .ajax__tab_inner {
	text-align: center!important;
	vertical-align: middle!important;
}
.grid_12 .ajax__tab_plain .ajax__tab_body {
	text-align: center!important;
	vertical-align: middle!important;
}
.grid_12 .ajax__tab_plain .ajax__tab_header {
	text-align: center!important;
	vertical-align: middle!important;
}
.grid_12 .ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
	background:#FFFFE1!important;
}
.msl_admin_page .hint-text, .msl_admin_page .hint-text:hover {
	margin-left:20px;
}  /* ------------ heading dropdowns ----------- */
.collapse-wrapper > * {
	display:none;
}
.collapse-wrapper {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.collapse-wrapper > p:first-child, .collapse-wrapper > a:last-child {
	display:block;
}
.collapse-heading + .collapse-wrapper > a:last-child {
	display: inline-block;
	font-size: 12px;
	padding: 5px 7px;
	background-color: #dddccc;
	vertical-align: top;
	cursor:pointer;
}
.collapse-heading.collapse-show + .collapse-wrapper > a:last-child {
	background-color:#D80053;
	color:#fff;
}
h2.collapse-show + .collapse-wrapper > * {
	display:block;
}

/* Admin lists */
.nav .ticket { display: none; }
.list_controls a, [id*="admin"] a {
	box-sizing: content-box;
}
[id*="edit_page_buttons"] ul, body#msl ul.msl_linkgrid {
	margin: 10px 0;
	padding:0;
}
body textarea.textbox {
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #999;
    font-size: 90%;
    line-height: 1.5;
    font-family: monospace;
}

/****** Form Stlyes ******/


/* Form Buttons */
button, html input[type=button], input[type=reset], input[type=submit], .modal-footer a {
    background: #e84253;
    padding: 5px 15px;
    color: #fff;
    border: none;	
}

/* Search button */
#search input[type="submit"] {
    color: #FFF;
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

/* Form padding */
.vp_form .vpFormPair, .vp_form .vpFormSubmit {
	padding:7px 0px 7px 0px;;
}

/* MSL system.css over-rides */
.msl_notification {
    background-color: #a0d9e0;
}

.msl_info {
    padding: 6px 2px 2px 40px;
    background: url(/assets/site_resources/info_black_25px.png) no-repeat 4px 4px;
    height: 32px;
}

.backToFeelGood {
  padding:10px 10px;
  background:  #F69420;
  boder-radius:2px;
  color:#fff;
  text-decoration:none;
  font-family:AlternateGothicLT-No2, Helvetica, sans-serif;
  text-transform:uppercase;
  transition: all .25s ease;
  font-size:24px;
  
}

.backToFeelGood:hover {
  background:#f7a64a;
color: #fff;
 text-decoration: none;

}


input.button, .page_printjobs .vp_form input.button {
	background: #e84253!important;
}

/* Varsity Events Button */

.goVarsityButton {
  background: #8d181b; /* Old browsers */
	background: -moz-linear-gradient(left, #8d181b 0%, #e84253 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8d181b 0%, #e84253 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8d181b 0%, #e84253 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d181b;', endColorstr='#e84253', GradientType=1); /* IE6-9 */
padding:10px;
margin:10px 0px;
  width:158px;
  text-align:center;
  color:#fff; 
}

.goVarsityButton a, .uweBundlesButton a {
    color: #fff;
}

.uweBundlesButton {
  background: #8d181b; /* Old browsers */
	background: -moz-linear-gradient(left, #8d181b 0%, #e84253 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8d181b 0%, #e84253 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8d181b 0%, #e84253 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d181b;', endColorstr='#e84253', GradientType=1); /* IE6-9 */
padding:10px;
margin:10px 0px;
  width:398px;
  text-align:center;
  color:#fff; 
}

#uweBundlesArrow {
  width:12px;  
}

/** 
Mobile fixes 
**/

/* News items */


@media only screen and (max-width: 786px) {
    body .news_full .news_item {
	width:100%!important;
	}
}


/* Product Boxes */
.product_box { width:100%!important; }

.product_box h2 { padding:1em; }

.hidden { display:hidden!important; }	

.mobile-basket {
    display: none;
    padding: 15px 0 0 15px;
}

@media only screen 
  and (max-width: 768px) {
	.mobile-basket {
	    display: inline-block;
	}
}

/** Modal CSS **/
.modal-footer a{
	font-size: 2rem;
}

/** Overwrites Common.css **/
div[id*="pnl"] {
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
    border-radius: 0px !important;
}