@CHARSET "ISO-8859-1";

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

#container {
	width: 700px;
	margin: 5px auto;
	background: #FFFF67;
}

/* GENERAL STYLES */
img {
	border: none;
}
h1 {
	text-align: center;
	color: #FFFF67;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 150%;
}
h2 {
	color: #FFF;
	margin: 10px 0;
	padding: 0;
	font-size: 130%;
}
h3 {
	color: #FFF;
	margin: 5px 0;
	padding: 0;
	font-size: 100%;
}
p,dt,dd {
	color: #FFFF67;
	margin: 0;
	padding: 5px 0;
	font-size: 80%;
}
dt {
	font-weight: bold;
}
td,th {
	color: #FFFF67;
	font-size: 80%;
	padding: 5px;
}
th {
	font-weight: bold;
	text-align: right;
}
a,li {
	color: #FFF;
}
.dataTable th {
	text-align: left;
}
.dataTable ul {
	margin: 0 0 0 15px;
	padding: 0;
}

/* HEADER */
#container #header {
	padding: 10px 15px;
}
#container #header p#contactDetails {
	float: left;
	background: url('../images/contact_details_bg.gif') no-repeat;
	width: 402px;
	height: 55px;
	text-align: center;
	margin: 8px 0;
	padding: 6px 0;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	font-size: 90%;
}
#container #header img#ticketWalesLogo {
	float: right;
	margin: 8px 0;
}
#container #header #navigation {
	clear: both;
	text-align: center;
}
#container #header #navigation ul {
	margin: 0 auto;
	padding: 10px 0;
}
#container #header #navigation ul li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 8px 0 15px 0;
	background: url('../images/navigation_button_right.gif') no-repeat top right;
}
#container #header #navigation a {
	padding: 10px 15px 14px 15px;
	margin: -10px 0 0 0;
	background: url('../images/navigation_button_left.gif') no-repeat top left;
	color: #000;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
}
#homeLink {
	background: url('../images/home_icon.gif') no-repeat center left;
	padding-left: 20px;
}
#albumsLink {
	background: url('../images/albums_icon.gif') no-repeat center left;
	padding-left: 20px;
}
#ticketsLink {
	background: url('../images/tickets_icon.gif') no-repeat center left;
	padding-left: 20px;
}
#contactLink {
	background: url('../images/contact_icon.gif') no-repeat center left;
	padding-left: 20px;
}

/* MAIN AREA */
#container #main {
	background: #000;
	padding: 10px 9px;
	border-left: 1px solid #FFFF67;
	border-right: 1px solid #FFFF67;
}
#container #main a#albumReleasesBanner {
	float: left;
	margin-bottom: 10px; 
}
#container #main a#concertTicketsBanner {
	float: right;
	margin-bottom: 10px;
}
#container #main #customBurnBanner {
	float: left;
}
#container #main #myspaceBanner {
	float: right;
}

/* Special Offer */
#specialOffer {
	background: url('../images/special_offer_bg.gif') no-repeat top center;
	text-align: center;
	width: 670px;
	height: 45px;
	margin: 0 auto;
}
#specialOffer h2 {
	color: #FFFF67;
	font-size: 100%;
	padding: 3px 0;
	margin: 0;
}
#specialOffer p {
	color: #FFF;
	font-size: 80%;
	padding: 0;
	margin: 0;
}

/* Tickets */
#container #main .ticketInfo {
	clear: both;
}
#container #main ul.buttonList {
	margin: 0;
	padding: 5px 0 30px 0;
	list-style: none;
}
#container #main ul.buttonList li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#container #main ul.buttonList li a {
	display: block;
	height: 20px;
	width: 90px;
	text-indent: -9999px;
}
#container #main ul.buttonList a.buyNowButton {
	background: url('../images/buy_now_btn.gif') no-repeat;
}
#container #main ul.buttonList a.buyNowButton:hover {
	background: url('../images/buy_now_btn-over.gif') no-repeat;
}
#container #main ul.buttonList a.moreInfoButton {
	background: url('../images/more_info_btn.gif') no-repeat;
}
#container #main ul.buttonList a.moreInfoButton:hover {
	background: url('../images/more_info_btn-over.gif') no-repeat;
}
#container #main ul.buttonList a.continueButton {
	background: url('../images/continue_btn.gif') no-repeat;
}
#container #main ul.buttonList a.continueButton:hover {
	background: url('../images/continue_btn-over.gif') no-repeat;
}
#container #main ul.buttonList a.cancelButton {
	background: url('../images/cancel_btn.gif') no-repeat;
}
#container #main ul.buttonList a.cancelButton:hover {
	background: url('../images/cancel_btn-over.gif') no-repeat;
}
#container #main ul.buttonList a.backButton {
	background: url('../images/back_btn.gif') no-repeat;
}
#container #main ul.buttonList a.backButton:hover {
	background: url('../images/back_btn-over.gif') no-repeat;
}

/* FOOTER */
#container #footer {
	padding: 10px;
}
#container #footer #mastermixLogo {
	float: left;
}

#container #footer #dmcLogo {
	float: right;
}

#credits {
	text-align: center;
	background: #000;
}
#credits a {
	color: #999;
}