body {
 font-family: Arial, Verdana, Helvetica, sans-serif;  
}

#main-container {
	border: solid 2px #7e000b;
  padding: 10px;
  max-width: 1152px;
  margin: 0 auto;
}

header {
  
}

#upper-banner img{
  width: 100%;
    height: auto;
}

#schedule-ticket-page {
 background: #cccccc;
  text-align: center;
  padding: 10px;
  margin: 20px 0;
  text-transform: uppercase;
}

#schedule-ticket-page a{
 color: #7e000b;
}

#schedule-ticket-page a:hover{
 text-decoration: none;
}

#top-banner img{
  max-width: 100%;
  height: auto;
  display: block;
}

#top-banner{
  border: solid 2px #7e000b;
  margin: 8px 0;
  padding: 0;
}

#logo-area-left img {
  max-width: 100%;
  height: auto;
}

#logo-area {
  
}

#logo-area-left{
  
  margin: 0 auto;
  text-align: center
}

#logo-area-right {
  
}


#social-share {
  margin: 5px 0 0 0;
}


#main-header-holder{
clear:both;
width: 100%;
height: auto;
}

#main-header-left {
clear:both;
margin: 0 auto;
width: 100%;
text-align: center;
height: auto;
}

#main-header-left img{
height: auto;
}

#main-header-right {
clear:both;
margin: 0 auto;
display: block;
text-align: center;
width: 100%
}

.menu-link {
		display: none;
		float: right;
		text-decoration: none;
		padding: 19px 10px;
	}
	.menu { 
	  margin: 0 auto;
	  text-align: center;
		-webkit-transition: all 0.3s ease-out;  
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out; 
	  border: solid 2px #7e000b;
	  margin-bottom:10px
	}
	.menu ul { 
		padding: 0px;
		margin: 0px;
		list-style: none;
		position: relative;
		display: inline-table;
	}
	.menu > li > ul.sub-menu {
		min-width: 10em;
		padding: 4px 0;
		background-color: #f4f4f4;
		border: 1px solid #CCC;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
	.menu ul:after {
		content: ""; clear: both; display: block;
	}
	.menu ul li {
		padding: 0px;
	}
	.menu > ul > li { 
		display: inline-block;
	}
	.menu ul li a { 
		display: block;
		text-decoration: none;
		color: #7e000b;
		font-size: 18px;
	  text-transform: uppercase;
	}

	.menu ul li a:hover {
		color: #ccc;
	}
	.menu ul li > a { 
		padding: 10px 28px;	
	}
	.menu ul ul { 
		display: none; 
		position: absolute; 
		top:100%;
		min-width: 160px;
		background-color: #f4f4f4;
		border: 1px solid #CCC;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	.menu ul li:hover > ul {
		display: block;
	}
	.menu ul ul > li {
		position: relative;
	}
	.menu ul ul > li a {
		padding: 5px 15px 5px 10px;
		height: auto;
		background-color: #f4f4f4;
		-webkit-transition: background-color 0.2s ease-out;  
		-moz-transition: background-color 0.2s ease-out;
		-ms-transition: background-color 0.2s ease-out;
		-o-transition: background-color 0.2s ease-out;
		transition: background-color 0.2s ease-out; 
	}
	.menu ul ul > li a:hover {
		background-color: #AE5C10;
		background-color: rgba(174, 92,16, 0.9);
		color: #fff;
	}
	.menu ul ul ul {
		position: absolute; 
		left: 100%; 
		top:0;
	}


#breadcrumb-holder {
  margin: 0;
  padding: 5px 0;
}

#breadcrumb-image img{
	width: 35px;
  height: auto;
}

#breadcrumb-image {
	float: left;
  padding: 0 10px 0 0;
}

#main-breadcrumb {
}

#main-breadcrumb a{
  color: #7e000b;
	font-size: 14px;
  text-decoration: none;
}

#main-breadcrumb a:hover{
  text-decoration: underline;
}

#breadcrumb-final {
 font-weight: bold;
  letter-spacing: 2px;
  font-style: italic
}

#main-mid-section {
	clear: both;
}

#main-mid-section-right {
	float: right;
  width: 63%;
}

#main-mid-section-right img{
  max-width: 100%;
  height: auto;
}

#main-mid-section-right h1{
	padding: 5px;
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  background: #ccc;
  color: #7e000b;
  text-align: center;
  border: dashed 2px #7e000b
}

#main-mid-section-left {
  float: left;
  width: 33%;
	background: #7e000b;
  color: #ccc;
  font-size: 18px;
  padding: 5px;
  border: dashed 2px #ccc;
  margin: 0 0 10px 0;
}

#main-mid-section-left h3{
  text-transform: uppercase;
  background: #ccc;
  color: #7e000b;
  text-align: center;
  padding: 5px 0 2px 0;
  margin: 0;
}

#main-mid-section-left ul{
	margin: 0;
  padding: 0;
  list-style: none;
}

#main-mid-section-left ul li{
  margin: 10px
}

#main-mid-section-left ul li a{
  color: #fff
}

#main-mid-section-left ul li a:hover{
  color: #ccc;
}

#main-ticket-holder {
  border-bottom: dashed 2px #ccc;
}

#main-ticket-pic {
  
}

#main-ticket-pic img{
  width: 100%;
  height: auto;
}

#main-ticket-bottom {
  
}

#main-ticket-left {
  float: left;
  margin: 10px
}

#main-ticket-vs {
  font-weight: bold;
}

#main-ticket-vs a{
  color: #7e000b;
  text-decoration: none;
}

#main-ticket-vs a:hover{
  text-decoration: underline;
}

#main-ticket-city {
  font-style: italic;
    color: #7e000b;
}

#main-ticket-date {
  color: #7e000b;
}

#main-ticket-right {
  float: right;
  margin: 10px
}

#main-ticket-view {
  font-size: 20px;
  text-transform: uppercase;
  background: #fcc800;
  border: dashed #7e000b;
  
}

#main-ticket-view a {
  padding: 5px;
  display: block;
  text-decoration: underline;
}

#main-ticket-view a:hover {
  text-decoration: none;
}


#tix-list-container {
  max-width: 780px
}

#tix-list-single-holder {
  border: dashed 1px #7e000b;
  margin: 10px;
    padding: 10px
}

#tix-list-pic {
  float: left;
  max-width:280px;
}

#tix-list-pic img{
    height:auto;
  width: 100%;
}

#tix-list-text-holder {
  float: left;
  margin: 10px;
  width:48%
}

#tix-list-text-vs {
  font-size: 18px;
  color: #7e000b;
  margin: 0 0 2px 0;
}

#tix-list-text-date {
  font-size: 18px;
  color: #7e000b;
  margin: 0 0 2px 0;
}

#tix-list-text-city {
  font-size: 16px;
  font-style: italic;
  color: #7e000b;
  margin: 0 0 5px 0;
}

#tix-list-text-view {
  font-size: 20px;
    text-transform: uppercase;
  border: dashed 1px;
  text-align: center;
  background: #fcc800;
}

#tix-list-text-view a{
  display: block;
  padding: 18px;
}

#tix-list-text-view a:hover{
  color: #7e000b;
  text-decoration: none;
  display: block
}

/*
	STORE 
*/

#data-product-holder {
	border: solid #7e000b 2px;
	max-width: 145px;
	min-height: 350px;
	float: left;
	text-align: center;
	margin: 4px;
  padding: 5px;
  font-size: 14px;
  
}

#data-product-holder.data-long-holder {
	min-height: 500px;
}

#data-product-holder a {
	color: #7e000b;
}


#data-product-holder a:hover{
	text-decoration: none;
	color: #7e000b;
}

.data-product-thumb {
	margin-bottom: 8px;
}

.data-product-thumb img{
	width: 100%;
	height: auto
}

.data-product-title {
	font-weight: bold;
	margin-bottom: 8px;
}

.data-product-company {
	font-size: 10px;
}


#item-product-holder {
  width: 100%;
  clear: both;
  text-align: center;
  
}

#item-product-holder h2{
  width: 100%;
  clear: both;
  text-align: center;
  background: #7e000b;
  color: #ccc;
    margin: 0;
  padding: 0;
  
}

#item-product-individual {
  max-width: 130px;
  min-width: 160px;
  min-height: 270px;
  float: left;
  text-align: center;
  border: solid 1px #7e000b;
  margin: 4px;
  padding: 5px;
  font-size: 14px
}



#item-product-individual a{
  color: #7e000b;
}

#item-product-individual a:hover{
  color: #ccc;
  text-decoration: none
}



#pagination {
  clear: both;
  border: solid 1px;
  float: left;
  margin: 5px;
  padding: 5px;
}

#schedule-main-wrapper {
  display: block;
    max-width: 100%;
    font-weight: bold;
  color: #ccc;
  padding: 0 5px;
  background: #7e000b;
  border: solid #ccc 2px;
  text-transform: uppercase;
}

div#schedule-logo > img {
  width: 50px;
  height: 50px
}

#schedule-ticket-wrapper {
  clear: both;
  display: block;
  border: dashed 1px #7e000b;
  margin: 10px 0;
  
}

#schedule-ticket-wrapper:hover {
  clear: both;
  background: #eeeeee;
}

#schedule-date {
  float: left;
		width: 10%;
		padding: 10px;
	  text-align: center;
  font-weight: bold;
}

#schedule-logo {
  float: left;
		width: 13%;
		padding: 10px;
	  text-align: center;
}

#schedule-vsteam-holder {
  float: left;
		width: 16%;
		padding: 10px;
	  text-align: center;
}

#schedule-team {
  font-weight: bold;
}

#schedule-time {
  float: left;
		width: 13%;
		padding: 10px;
	  text-align: center;
}

#schedule-homeaway {
  float: left;
		width: 13%;
		padding: 10px;
	  text-align: center;
}

#schedule-viewtickets {
  float: left;
		width: 13%;
		padding: 10px;
	  text-align: center;
  font-weight: bold;
  
}

#schedule-viewtickets a{
  color: blue;
}

#schedule-lost {
 color: red; 
}

#schedule-won {
 color: green; 
}

#ticket-contact {
 background: #ccc;
  color: #7e000b;
  text-align: center;
  border: dotted #7e000b 2px;
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
  margin: 10px 0;
}

#ticket-contact-phone {
 margin: 0 0 5px 0; 
}

#left-section-items-promo {
  margin: 0 auto;
  max-width: 300px;
}

#left-section-items-promo img{
  width: 100%;
}

#left-section-items {
 margin: 0 0 30px 0 
}

#left-section-items p{
 margin:  5px 0;
  color: #fff;
}

#more-schedules {
 border:  solid #7e000b 1px;
  padding: 10px;
  
}

#more-schedules p{
 margin: 0;
}

#more-products {
 border:  solid #7e000b 1px;
  padding: 10px;
  
}

#more-products p{
 margin: 0;
}

footer {
  clear: both;
	background: #ccc;
  color: #7e000b;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
}

footer a{
	background: #ccc;
  color: #7e000b;
}

footer a:hover{
  color: #fff;
  
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@media screen and (max-width: 768px) {
  a.menu-link {
	display: block;
	color: #ccc;
	background-color: #7e000b;
border: dashed 2px #ccc;
margin: 0 auto 5px auto;
text-align: center;
width: 100%;
  padding: 19px 0px;
  text-transform: uppercase;
  font-weight: bold;
}
.menu {
	clear: both;
	min-width: inherit;
}
.menu, .menu > ul ul {
	overflow: hidden;
	max-height: 0;
	background-color: #f4f4f4;
}
.menu > li > ul.sub-menu {
padding: 0px;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.menu.active, .menu > ul ul.active {
	max-height: 55em;
}
.menu ul {
	display: inline;
}
.menu > ul {
	border-top: 1px solid #808080;
}
.menu li, .menu > ul > li {
	display: block;
}
.menu li a {
	color: #000;
	display: block;
	padding: 0.8em;
	border-bottom: 1px solid #808080;
	position: relative;
}
.menu li.has-submenu > a:after {
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1.5em;
	padding: 0.55em 0.5em;
}
.menu li.has-submenu > a.active:after {
	content: "-";
}
.menu ul ul > li a {
	background-color: #e4e4e4;
	height:58px;
	padding: 19px 18px 19px 30px;
}
.menu ul ul, .menu ul ul ul {
	display: inherit;
	position: relative;
	left: auto; top:auto;
	box-shadow: none; 
	border:none;
}

#main-mid-section {
	clear: both;
}

#main-mid-section-right {
	float: none;
  width: 100%;
  clear: both;
}

#main-mid-section-right h1{
	padding: 5px;
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  background: #ccc;
  color: #7e000b;
  text-align: center;
  border: dashed 2px #7e000b
}

#main-mid-section-left {
  float: none;
  clear: both;
  width: 100%;
	background: #7e000b;
  color: #ccc;
  font-size: 18px;
  padding: 0px;
  border: dashed 1px #ccc;
}

#main-mid-section-left ul{
	margin: 0;
  padding: 0;
  list-style: none;
}

#main-mid-section-left ul li{
  
}

#main-mid-section-left ul li a{
  color: #fff
}

#main-mid-section-left ul li a:hover{
  color: #ccc;
}

#main-ticket-holder {
  border-bottom: dashed 2px #ccc;
}

#main-ticket-pic {
  
}

#main-ticket-pic img{
  width: 100%;
  height: auto;
}

#main-ticket-bottom {
  
}

#main-ticket-left {
  float: left;
  margin: 10px
}

#main-ticket-vs {
  font-weight: bold;
}

#main-ticket-vs a{
  color: #7e000b;
  text-decoration: none;
}

#main-ticket-vs a:hover{
  text-decoration: underline;
}

#main-ticket-city {
  font-style: italic;
    color: #7e000b;
}

#main-ticket-date {
  color: #7e000b;
}

#main-ticket-right {
  float: none;
  margin: 0px;
  clear: both;
}

#main-ticket-view {
  font-size: 20px;
  text-transform: uppercase;
  background: #fcc800;
  border: dashed #7e000b;
  text-align: center;
  padding: 5px;
  margin: 0 0 20px 0;
}

#main-ticket-view:hover {
  background: #ccc;
  
}

#main-ticket-view a {
  padding: 5px;
  display: block;
  text-decoration: underline;
}

#main-ticket-view a:hover {
  text-decoration: none;
}

#tix-list-container {
  max-width: 780px
}

#tix-list-single-holder {
  margin: 10px;
    padding: 10px
}

#tix-list-pic {
  float: none;
  max-width:280px;
  clear: both;
  margin: 0 auto
}

#tix-list-pic img{
    height:auto;
  width: 100%;
}

#tix-list-text-holder {
  float: none;
  margin: 10px;
  clear: both;
  margin: 0 auto;
  width: 100%
}

#tix-list-text-vs {
  font-size: 18px;
  margin: 0 0 2px 0;
  text-align: center;
}

#tix-list-text-date {
  font-size: 18px;
  margin: 0 0 2px 0;
  text-align: center;
}

#tix-list-text-city {
  font-size: 16px;
  font-style: italic;
  margin: 0 0 5px 0;
  text-align: center;
}

#tix-list-text-view {
  font-size: 20px;
    text-transform: uppercase;
  border: dashed 1px;
  text-align: center;
  background: #fcc800;
}



#tix-list-text-view a{
  display: block;
  padding: 18px;
}

#tix-list-text-view a:hover{
  text-decoration: none;
  display: block
}


#item-product-holder {
  width: 100%;
  clear: both;
  text-align: center;
  
}

#item-product-individual {
  max-width: 130px;
  min-width: 160px;
  min-height: 270px;
  float: left;
  text-align: center;
  border: solid 1px #7e000b;
  margin: 10px;
  padding: 5px;
  font-size: 14px
}

#item-product-individual a{
  color: #ccc;
}

#item-product-individual a:hover{
  color: #7e000b;
  text-decoration: none
}



#pagination {
  clear: both;
  border: solid 1px;
  float: left;
  margin: 5px;
  padding: 5px;
}

#schedule-main-wrapper {
  display: none;
    max-width: 100%;
    font-weight: bold;
  color: #000;
  padding: 0 5px;
  background: #8ab48a;
  border: solid #006600 2px;
  text-transform: uppercase;
}

#schedule-ticket-wrapper {
  clear: both;
  display: block;
  border: dashed 1px #7e000b;
  margin: 10px 0;
  
}

#schedule-ticket-wrapper:hover {
  clear: both;
  background: #eeeeee;
}

#schedule-date {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 5px 0;
		
}

#schedule-logo {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

#schedule-vsteam-holder {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

#schedule-team {
  font-weight: bold;
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

#schedule-time {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

#schedule-homeaway {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 5px 0;
}

#schedule-viewtickets {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 100%;
  padding: 10px 0 20px 0;
  
}

#schedule-viewtickets a{
  background: green;
  color: gold;
  padding: 10px;
  border: dashed #66ff00;
  width: 100%;
  margin: 0 auto;
}

}