.outer-shadow {
background:#fff;
}
.mainbanner {
text-align:center;
padding-top:30px;
margin-bottom:30px;
}
.banner_left {
max-width: 700px;
margin: 0 auto;
}
.home-content {
background:#fff;
padding:5em 3em;  
}
.filter {
text-align:left;
padding-bottom:250px;
}
.mobile-nav {
display:none;
}
.mobile-nav .dropdown { 
background:#eee;
}
.mobile-nav .open { 
background:#ea3636;
color:#fff;
}
.open a {
color:#fff;
}
.dropdown a.dropdown-toggle {
display:block;
text-decoration:none;
margin-bottom:5px;
font-weight:700;
padding:15px 0px;
margin:0px;
border-bottom:2px solid #fff;
}
.dropdown-menu {
position:relative;
width:100%;
box-shadow:none;
margin-bottom:30px;
border:0px solid;
border-radius:0px;
background:#ea3636;
margin:0px;
}
.dropdown-menu li a {
background:#ea3636;
color:#fff;
border-bottom:1px solid #fff;
font-weight:normal;
padding:5px 10px;
display:block;
width:100%;
}
.dropdown-menu li a:hover {
background:#000;
}
.mobile-search {
position:relative;
width:100%;
display:block;
padding:1px 0px;
} 
.mobile-search input.textbox {
width:101%;
background-color:#ccc;
}
.mobile-search #search input.button {
top:4px!important;
right:-4px!important;
}
@media only screen and (max-width: 991px) {  
.home-content {
padding:5em 0em;
}
.filter {
padding-bottom:20px;
}
.mobile-nav {
display:block;
}
.nav-cat-wrap {
display:none;
}
}
.news-homepage {
margin-bottom:20px;
}
.news-homepage .news_item {
padding:10px 0px;
}
.news-homepage h5 {
font-weight:bold;
}
.news-homepage .news_image {
width:100%;
padding-top: 0px;
}
.icon-twitter:before {
font-size:inherit;
}
.events-list {
}
.event_item a {
font-weight:normal;
}
.reps {
width:100%;
height:auto;
overflow:hidden;
}
.reps .rep-header h2 {
color:#fff;
font-size:32px;
padding-top:15px;
margin-bottom:15px;
}
.reps .officer {
text-align:center;
}
.reps img {
width:125px;
display:inline-block;
margin-bottom:15px;
}
.scroller .news_item, .scroller .news_item .news_item_inner .news_image a, .scroller .news_item .news_item_inner .news_image a img {
width:100%; 
height:160px;
display:block; 
max-width:100%; 
}
@media only screen and (max-width: 568px) {
.scroller .news_item, .scroller .news_item .news_item_inner .news_image a, .scroller .news_item .news_item_inner .news_image a img {
height:80px;
}
}
#search, #search input.button, .textbox {

}
.navigation-category #search input.button, .textbox {
top:0px;
}
.category-header {
margin-top:20px;
}










.page-wrapper {
 margin: 0 auto; width: 100%!important; 
overflow:hidden;
}

.page-wrapper .generic-page { width:inherit; }

.page-wrapper .content-wrap {padding-top:42px;}

.page-wrapper #admin_page_content {
width:85%;
position:relative;
float:right;
}

.page-wrapper h3 {padding: 20px 0 20px 0;}

.page-wrapper .menubar {
background-color:black;
background-image:none
}


.menubar {width:100%}

.menubar li {

}

.menubar li:nth-last-child(1) {border:none}


.title-label {
font-family:helvetica;
font-size:28px;
font-weight:700;
padding: 17px 30px 17px 30px;
text-align:center;
color:#fff;
background:rgb(98,175,168);
background-image: url(whats_on_banner_gem2016.jpg);
margin-bottom:0px;
height: 70px;
/*box-shadow:0 10px 10px #666;*/
}


.page-wrapper .event_item {
color:black;
display:inline-block;
position:relative;
width:33%;
overflow:hidden;
min-width:220px;
height:250px;
padding-right:10px;
margin-bottom:20px;
top:0px;
float:left;
}
.feature-wrap .event_item {
width:50%!important;
}
.page-wrapper .event_grid {
width:calc(100% - 190px); 
float: right; 
position:relative;
}

.page-wrapper .msl_event_image {
visibility:visible; 
display:inline-block;
bottom:0px;
position:absolute;
width:96%;
height:auto;
right:4%;
}


.page-wrapper .msl_event_image .img {
position:relative;
width:100%;
padding-bottom:60%;
background-size:cover;
background-position:center;
margin-top:82px;
}

.page-wrapper .msl_event_description {
display:none;
background: #575757;
color:lightgray;
height:272px;
position:absolute;
width: calc(100% - 10px);
left:0%;
padding: 0 6px 0 6px;
font-size:85%;
line-height:17px;
overflow:hidden;
}

.page-wrapper .msl_event_name {
z-index:20;
overflow:hidden;
display:inline-block;
background:rgb(255, 255, 255);
width:100%;
text-align:left;
border-top:6px solid rgb(221, 221, 221);
box-sizing:border-box;
color:black;
font-size:112%;
font-weight:bold;
padding:3% 2% 2% 2%;
margin-bottom: -5px;
}

.page-wrapper .event_item:hover .msl_event_description {
display:inherit !important;
z-index:30;
}

.page-wrapper .event_item:hover .msl_event_name {
background: #575757;
color:white;
border-color:#595959;
}

.page-wrapper .event_item:hover .msl_event_location {
background: #575757;
color:white;
}

.page-wrapper .event_item:hover .msl_event_time {
background: #575757;
color:rgb(98,175,168);
}

.page-wrapper .msl_event_location {
display:inline-block;
position:relative;
height:50px;
font-size:85%;
text-transform:uppercase;
padding:0% 2% 0% 2%;
width:100%;
}

.page-wrapper .msl_event_time {
color:rgb(98,175,168);
z-index:50;
height:auto;
font-size:85%;
text-transform:uppercase;
display:inline-block;
padding:3% 2% 1% 2%;
width:100%;
}

.page-wrapper .navigation-category {
width:100%;
float:left;
clear:both;
padding-bottom:30px;
}

.page-wrapper .navigation-category .current {
font-weight:bold;
color:white;
width:100% !important;
float:left;
background-color:black;
margin-left:-3%;
padding-left:3%;
margin-bottom:3px;
margin-top:-4px;
padding-top:4px;
padding-bottom:2px;
}

.navigation-category li {
border-bottom:solid;
border-width:1px;
border-color:#eee;
padding:2% 0% 1% 3%;
margin-right:7%;
font-weight:bold;
font-size:90%;
}

.navigation-category li a {color:black;}

.navigation-category li:hover {background-color:lightgray;}

.page-wrapper .event_item:nth-child(1) {padding-top:4px;}

.nav-cat-text {
font-size:78%;
font-weight:bold;
color:black;
padding-left:5px;
border-bottom:solid;
border-width:1px;
width:90.1%;
}

.box-office-footer {
position:relative;
clear:both;
width:85%;
float:right;
color:black;
border-top:solid;
padding-top:15px;
}

.nav-cat-wrap {
width:100%;
float:left;
padding-top:4px;
}

.navigation-category input.textbox {
width:80%;
margin-bottom:-5px;
background-color:#ccc;
}

.navigation-category #search input.button, .textbox {
margin-bottom:-3px;
right:-71%;
/*top:-37px;*/
}

.navigation-category:nth-child(1) {
padding-bottom:0px;
}

.page-wrapper div#msl_event {
width:calc(96% - 20px);
position:relative;
display:inline-block;
padding-bottom:50px;
border-top:solid 6px lightgray;
color:black;
text-align: left;
}

#msl_event img{
position:relative;
width:100%;
padding:20px 0 40px 0;
}

.page-wrapper #msl_event h2 {
font-size:160%;
padding:3% 0% 1% 0%;
}

.page-wrapper #msl_event h3 {
color:#dd2020;
text-transform:uppercase;
font-weight:normal;
padding:0 0 5px 0;
}

#msl_event p:nth-of-type(1) {
color:#595959;
padding-bottom:20px;
}


#msl_event div{
margin-bottom:-10px; 
}

.page-wrapper .event_item:nth-child(6) {padding-bottom:4px;}

.page-wrapper .msl_event_types a {
position:absolute;
color:white;
background:black;
width:auto;
bottom:calc(5% + 5%);
visibility:hidden;
right:10px;
display:inline-block;
line-height:12px;
font-size:11px;
text-transform:uppercase;
padding:6px;
}

.page-wrapper .msl_event_types a:nth-child(2) {
visibility:hidden;
}

.featured-events {
width:210px;
position:relative;
background-color:black;
color:white;
text-align:center;
padding:5px;
float:left;
}
@media only screen and (max-width: 768px) {
.featured-events {
width:100%;
 }
}
.featured-wrap {
background-color:white;
width:100%;
float:left;
position:relative;
}

.featured-wrapper {
width:100%;
float:right;
position:relative;
display:inline-block;
}

.event-wrapper {
width:calc(100% - 180px); 
position:relative;
float:left;
}

.page-wrapper .event-logo {
width:100%;
text-indent:200%;
overflow:hidden;
white-space:nowrap;
}

.page-wrapper .event-logo img {
max-width:100%;
}

/* Banner */
#homepagebanner h5{display:none;}
#homepagebanner .leader{display:none;}

#bannerwrapper{position:relative;overflow:hidden; padding-bottom:30px; padding-left:32px;}
#bannerprev{background:url(yourleftarrowfile.png) top left;text-indent:-6000px;width:50px;height:50px;display:block;position:absolute; top:40%;left:2%;z-index:20;}
#bannernext{background:url(yourrightarrowfile.png) top left;text-indent:-6000px;width:50px;height:50px;display:block;position:absolute;top:40%;right:2%;z-index:20;}

#homepagebanner {margin-left:auto; margin-right:auto;}

@media only screen and (max-width: 991px) {
.filter {
text-align:center!important;
}
.nav-cat-text {
width:100%;
}
.navigation-category li {
margin-right:0%!important;
}
.page-wrapper table {
width:100%!important;
}
}
@media only screen and (max-width: 768px) {
.calendar {
display:none;
}
}
@media only screen and (max-width: 667px) {
.page-wrapper .event_item {
width:50%!important;
}
}
@media only screen and (max-width: 479px) {
.page-wrapper .event_item {
width:100%!important;
}
}

/* Basket */

.whatson-basket {
background-color: #eee;
width:210px;
float:right;
margin: 0 0 10px 10px;
color:black;
padding:5px;
}

.whatson-basket h3 {
padding:0px;
}

.page-wrapper #basket a.basket, #basket a.checkout {
background-color:#ea3636;
color:white;
height:30px;
padding-top:5px;
margin:5px 5px 0 5px;
padding-left:24px;
margin-bottom:5px;
}

.page-wrapper #msl_event div {
margin-bottom:5px;
}

/* Calendar */

.page-wrapper table {
color:black;
width:93%;
margin-top:26px;
margin-left:0px;
}

.page-wrapper .navigation-category td a {
color:black;
font-size:12px;
text-decoration:none;
padding:4px;
}

.page-wrapper .cal {
display:none;
}

.page-wrapper .add {
display:none;
}

.page-wrapper .calendar_title td {
font-size:85%;
background-color:#ea3636;
color:white;
}

.page-wrapper .month.msl_event_calendar_selected_day {
background-color: rgb(98,175,168) !important;
border-radius:0px;
font-size:80%;
background-clip:content-box;
padding:1px;
color:white !important;
}

.page-wrapper .othermonth.msl_event_calendar_selected_day {
background-color: #gray !important;
border-radius:0px;
font-size:80%;
background-clip:content-box;
padding:1px;
color:white !important;
}

.page-wrapper td.month {
font-size:80%;
font-weight:bold;
}

.page-wrapper td.othermonth {
font-size:80%;
}

.msl_event_calendar tr:nth-child(1) {
background-color:lightgray;
color:black;
height:50px;
}

.msl_event_calendar {
border-color:lightgrey;
}

.msl-eventcal-default .msl_event_calendar_title td {border:none; background-color:#e9e9e9 !important; color:#000000 !important;}

.page-wrapper .msl-eventcal-default th {
background-color:lightgray;
color:black;
font-size:75%;
}

.msl-eventcal-default .msl-cal-hoverbox {
padding:20px; border: 1px solid #000000; text-align:left; background: green; color:#000000 ; z-index:2000;
}

.msl-eventcal-default td:hover .msl-cal-hoverbox {
position:absolute;
width:180px;
left: 1em !important;
max-height:300px;
overflow:scroll;
}

.msl-eventcal-default .msl-cal-hoverbox a {padding:10px 0 10px 10px; display:block;} /* links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox a dd {padding-left:30px;}
.msl-eventcal-default .msl-cal-hoverbox a:hover {background: #e9e9e9;} /* hoverover colour for links in hoverbox */
.msl-eventcal-default .msl-cal-hoverbox dt {font-weight:bold;color: #000000;} /* colour and styles for event times */

.page-wrapper .msl-eventcal-default td.msl_event_calendar_selected_day:hover {
background-color:gray !important;}

.page-wrapper .msl-eventcal-default td:hover .msl-cal-hoverbox {
width:14em;
}


.event_ticket {
display: block;
}

.event_tickets {
display:inline;
}

.event_tickets h3 {
color:black !important;
}

.page-wrapper .msl_warning {
padding:2px 2px 2px 28px;
}

body .msl_warning {
width:300px;
}

.msl_notification {
#width:0px; makes notifications look awful on elections pages. Please add container class for what's on section if this is really needed. Note left by John Keane
padding:0px;
margin:0px;
}
.product_box .msl_warning {
    width: 100%;
}
@media only screen and (min-width: 991px) {
.product_images {
	width: 25%
}
}