html {
    background: transparent url("../images/html_bg2.jpg") no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:0 113px;
}

body {
	background: transparent url("../images/body_bg.jpg") repeat-x;
}

a, ul.menu li.account ul li a {
    color:#00B6CE;
}
a:hover, ul.menu li.account ul li a:hover {
    color:#333;
}
h1, h3 {
	text-shadow:none;
}
#page-content-wrapper {
    background: transparent url("../images/buy-tickets.png") no-repeat;
    background-position: 0px -100px;
    border-top: 1px solid #eee;
    background-color: #D6F3FC;
    margin-top: 160px;
}
#page-wrapper {
	background: none;
}
#page-title-wrapper {
	background:none;
	width: 100%;
	margin: 0 auto;
	padding: 33px 0 0;
    height: 80px;    
}
#page-content {
    background: transparent;
}
#above-content {
	background: none;
    background-color: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.4);
}

#section1 {
    margin-right: 30px;
}

#crumbs {
    background: none;
    width: 75%;
}
    #crumbs li.first {
    padding-left: 5px;
    }
    #crumbs li {
   	color: #555;
    }
    #crumbs li a {
    background: url(../images/crumb.gif) no-repeat right 9px;
    color: #000;
    }
    #crumbs li a:hover {
    color: #00B6CE;
    }
	#crumbs li.crumb.first a:before {
    content:"Tickets ";
	}

ul.menu li.cart a:hover {
	color:#00B6CE;
}

ul.menu li.account {
	background-color: transparent;
	border-left: 1px solid transparent;
	height:30px;
}
	ul.menu li.account:hover {
	background-color: transparent;
	border: 1px solid transparent;
	}
	ul.menu li.account a {
	color: #000;
	}
	ul.menu ul {
	border: none;
	background: none;
	right:-1px;
	}
	ul.menu li.logged-in ul, ul.menu li.logged-out ul {
	background: none;
	background-color:#f9f8f4;
	border:1px solid #fff;
	margin-top: 2px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	ul.menu li.logged-out {
	width: 58px;
	}
	ul.menu li.logged-out ul {
	width: 159px;
	}
	ul.menu li.logged-in {
	width: 79px;
	}
	ul.menu li.logged-in ul {
	width: 90px;
	}
	ul.menu li.account ul li a {
	color:#000;
	}
	ul.menu li.account ul li a:hover {
	color:#00B6CE;
	}

.button, .event-date-list a, input[type="submit"], a.checkout-home, #formSeatSelection .button {
	background-color: #00B6CE;
	border: 1px solid #00B6CE;
	color:#fff;
	font-weight: bold;
	}
	.button:hover, .content #formConfirm .button:hover, .content .button:hover, .event-date-list a:hover, input.button:hover, input[type="submit"]:hover, a.checkout-home:hover, a.checkout-home:hover, #formSeatSelection .button:hover {
	background-color: #33C4D7;
	border: 1px solid #33C4D7;
	color:#fff;
	}
	a.details {
	color:#eee;
	}

a.button:after, td a:after {
    content:"Buy Tickets";   
    }
    a.button.details:after {
    content:"Event Details";   
    }
    a.checkout-home:after {
    content:"Buy More Tickets";   
    }
    a.button span, td a span, a.checkout-home span {
    display: none;
    }

.image {
	border: 1px solid #fff;
}
div.content-wrapper .body img {
	float: right;
	margin: 0 0px 5px 10px;
	width:200px;
}

.plan-select {
	display: none;
}
div.seat_select {
	border:none;
}

.body a img {
	display:none;
}

table.plan-select {
	width:410px;
}
.layout a:hover {
	cursor: default;
}
.layout a div, .cart-image-wrapper {
	display: none;
}

div.pick-selector div.ticket-admittance div.ticket {
	width:110px;
}

.custom_fields {
    margin-bottom: 40px;
    }
    .custom_fields h4 {
    margin: 30px 0 10px;
    }
    .custom_fields .formRow {
    width:100%;
    height: 30px
    }
    #formConfirm > div.custom_fields div.grid3 {
    margin-top: 5px;
    width:190px;
    float:left;
    }
    #formConfirm > div.custom_fields > div:nth-child(2) > div.grid9 > input[type="text"] {
    width:80px;
    float:left;
    }

#page-footer-wrapper {
	background: none;
	margin: 0 auto;
    color: #333;
    margin-bottom: 7px;
}
	#page-footer-wrapper #page-footer {
	color:#333;
    padding: 10px;
	}
    #page-footer-wrapper #page-footer a{
    color: #333;
    cursor: text;
    }
    #page-footer-wrapper #page-footer a:hover{
    color: #333;
    cursor: text;
    }
    #page-footer-wrapper #page-footer a.terms-link, #page-footer-wrapper #page-footer a.privacy-link{
    color: #000;
    cursor: pointer; 
    }
    #page-footer-wrapper #page-footer a.terms-link:hover, #page-footer-wrapper #page-footer a.privacy-link:hover {
    color: #333;
    }

div.pick-selector div.ticket-admittance div.ticket {
  color:#000;
}

@media only screen and (max-width: 480px) {
    #page-title {
    	background:url("../images/hd_bg_320.png") no-repeat top center;
    	height: 200px;   
    	width:320px; 
    }
    #page-title-wrapper h1 {
        padding: 0;
    }
    #page-title-wrapper h1 a {
        height: 19px;
        display: block;
        width: 45px;
        margin: 30px 21px 0 0;
        float:right;
    }  
    #above-content {
        margin-right: 30px;
    }
	#page-content {
		width:100%;
		margin: 0 auto;
		padding: 15px;
	}     
    #page-footer-wrapper {
    	width:100%;
    } 
    div.fblike {
        display: none;
    }
    .menu {
        display: none;
    }    
    #page-footer-wrapper a.terms-link {
        margin-left: 10px;
    }	
}

@media only screen and (min-width: 480px) {
    #page-title {
    	background:url("../images/hd_bg_480.png") no-repeat top center;
    	height: 200px;   
    	width:480px; 
    }
    #page-title-wrapper h1 {
        padding: 0;
    }
    #page-title-wrapper h1 a {
        height: 19px;
        display: block;
        width: 45px;
        margin: 30px 40px 0 0;
        float:right;
    }    
    #above-content {
        margin-right: 30px;
    }    
    #page-content {
        width:100%;
        margin: 0 auto;
        padding: 15px;
    }    
    #page-footer-wrapper {
    	width:100%;
    } 
    div.fblike {
        display: none;
    }
    .menu {
        display: none;
    }    
    #page-footer-wrapper a.terms-link {
        margin-left: 10px;
    }
  }
  @media only screen and (min-width: 768px) {
    #page-title {
    	background:url("../images/hd_bg_768.png") no-repeat top center;
    	height: 200px;
    	width:768px;    	
    }  
    .menu {
        display: inline;
    }    
  }
@media only screen and (min-width: 980px) {
    #page-title {
        background:url("../images/hd_bg_980.png") no-repeat top center;
        height: 200px;
        width:980px;
    }
    #page-title-wrapper h1 a {
        height: 19px;
        display: block;
        width: 45px;
        margin: 30px 613px 0 0;
        float:right;
    }     
}

@media only screen and (min-width: 1080px) {
	#page-title {
    	background:url("../images/hd_bg.png") no-repeat top center;
    	height: 200px;
    	width:1080px;
	} 
    #above-content {
        margin-right: 0;
    }    
    #page-content {
        width:1070px;
        margin: 0 auto;
        padding: 15px;
    }     
    #page-footer-wrapper {
        width:1070px;
    }      
}
