.show-container {
	border: 1px solid black;
	border-radius: 6px;
	overflow: show;
	background: #ddd;
	float: left;
	width: 100%;
	/*margin: 5px 05px;*/
	vertical-align: middle;
	margin-bottom: 10px;
	position: relative;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1f1f1 0%,#e1e1e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}


@media (min-width: 768px) {
	.show-container {
		/*margin-left: 10px;*/
	}
	.theatre-shows > .row {
		margin-left: -15px;
		margin-right: 0px;
	}
}
@media (min-width: 992px) {
	.theatre-shows > .row {
		margin-left: 0;
		margin-right: -30px;
	}
}

.show-date-and-image {
	float: left;
}

.theatre-date {
	border: 1px solid black;
	clear: both;
	border-radius: 5px;
	width: 60px;
	text-align: center;
	background: #ffffff;
	text-transform: uppercase;
	margin: 10px;
	background: -moz-linear-gradient(top, #fefefe 0%, #ffffff 59%, #dbdbdb 86%, #dbdbdb 93%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(59%,#ffffff), color-stop(86%,#dbdbdb), color-stop(93%,#dbdbdb), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#ffffff 59%,#dbdbdb 86%,#dbdbdb 93%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#ffffff 59%,#dbdbdb 86%,#dbdbdb 93%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#ffffff 59%,#dbdbdb 86%,#dbdbdb 93%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%,#ffffff 59%,#dbdbdb 86%,#dbdbdb 93%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6 */
}

@media (min-width: 500px) {
	.theatre-date {
		float: left;
	}
}

.theatre-date > .day {
	font-size: 180%;
	font-weight: bold;
}

.theatre-date > .month {
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
  border-radius: 5px 5px 0px 0px;
	text-shadow: 1px 1px black;
	background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 26%, #ea2803 28%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(26%,#e86c57), color-stop(28%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 26%,#ea2803 28%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 26%,#ea2803 28%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 26%,#ea2803 28%,#ff6600 75%,#c72200 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f3c5bd 0%,#e86c57 26%,#ea2803 28%,#ff6600 75%,#c72200 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 );
}

.theatre-date > .year {
	margin-top: -5px;
	font-size: 80%;
}

.show-detail {
	margin: 10px;
	/*float: left;*/
}

@media (min-width: 500px) {
	.show-detail {
		float: left;
	}
}

.show-detail > .title {
	font-size: 150%;
	font-weight: bold;
	font-family: "Boogaloo", helvetica, arial, sans serif;
}

.show-detail > .subtitle {
	font-size: 120%;
	font-style: italic;
}

.show-image {
	float: left;
  height: 70px;
	margin: 10px;
}

.show-image > a .image {
	height: 100%;
	border-radius: 50%;
	border: 1px solid #000;
}

.show-button {
	float: right;
	clear: both;
	margin-bottom: 10px;
	margin-right: 10px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	
}

.infoBox {
	padding: 10px 10px 0px 72px;
	border-radius: 6px;
	border: 1px solid #ffaa00;
	background-color: #ffff55;
	background-size: auto auto;
	background-image: url(../images/info-icon.png);
	background-repeat: no-repeat;
	background-position: 10px center, 50% center;
	min-width: 100%;
	min-height: 65px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 10px;
}

.infoBoxAge16 {
	background-color: #ffc7c7;
	background-image: url(../images/16-icon.png);
	border-color: #aa0000;
}

.infoBoxAge18 {
	background-color: #ffc7c7;
	background-image: url(../images/18-icon.png);
	border-color: #aa0000;
}

@media (min-width: 600px) {
	.show-button {
		float: right;
		margin: 30px 10px;		
		margin-bottom: inherit;
		clear: inherit;
		position: relative;
		right: inherit;
		bottom: inherit;
	}
}

.infoBoxPg {
	/*background-color: #ffc7c7;*/
	background-image: url(https://bookings.britannia-pier.co.uk/images/PG-icon.png);
	/*border-color: #aa0000;*/
}

.ticketPackages {
  text-align: left;
	background-position: 10px 10px !important;
}

.ticketPackages h2 {
    text-align: center;
    margin-bottom: 1em;
}

.ticketPackages p {
    margin-left: 2em;
}

.ticketPackages h3, #ticketPackages h3 {
    text-shadow: 1px 1px 2px #000;
    background: #8585aa;
    padding: 4px;
    color: #daa520;
    font-size: 130%;
    font-weight: bold;
}

.ticketPackages .colourKey, #ticketPackages .colourKey {
  width: 1.2em; 
  background-color: #ff0000; 
  margin :0px 10px 0px 0px; 
  float: left; 
}