/*----------------------------------------------------------------------------- 
GLOBAL RESET - Standardizes elements across all browsers
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: text-top;
  background: transparent;
}
body {
  line-height: 1.3em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.error {
	list-style:none;
	background:#F8938A;
	border:1px solid #FF4F56;
	border-left: 0;
	border-right: 0;
	padding: 10px 0;
	width: 100%;
	font-size:1.2em;
	font-weight:bold;
	text-align: center;
}
.success {
	background: #CDEB8B;
	border: 1px solid #A8DC34;
	border-left: 0;
	border-right: 0;
	padding: 10px 0;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: block;
}
.success a, .notice a {
  color: #033546;
	text-decoration: underline;
}
.success a:hover, .notice a:hover {
  text-decoration: none;
}
.notice {
  background: #F3E983;
	border: 1px solid #EAD926;
	border-left: 0;
	border-right: 0;
	padding: 10px 0;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: block;
}


/*----------------------------------------------------------------------------- 
GLOBAL STYLING - Elements that are applied throughout the site
-----------------------------------------------------------------------------*/
body {
  font-size: 62.5%;
  font-family: Arial, Verdana, sans-serif;
  background: #282828;
  margin-bottom: 20px;
}
a {
  color: #148ECC;
  text-decoration: none;
}
a:hover {
  color: #444;
}

/*----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#auxbar {
  background: #101010;
  text-align: right;
  font-size: 1.3em;
  padding: 8px 10px;
}
#auxbar ul {
  float: right;
}
#auxbar li {
  float: left;
  border-right: 1px solid #fff;
  padding: 0 6px 1px 6px;
  line-height: 1.2em;
}
#auxbar li.last {
  border-right: 0;
}
#auxbar a {
  color: #fff;
}
#auxbar a:hover {
  text-decoration: underline;
}
#header h1 a {
  background: url('../customimages/img-header.jpg') no-repeat scroll top left;
  width: 780px;
  height: 128px;
  display: block;
  text-indent: -9999em;
  margin: 0 auto;
}
.cart a {
  background: url('../images/icn-cart.png') 0 50% no-repeat;
  padding: 0 0 0 18px;
  font-weight: bold;
}


/*----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
#content {
  background: #fff url('../images/cnr-white-bottom.png') 50% 100% no-repeat;
  width: 780px;
  min-height: 400px;
  margin: 0 auto;
}
/* for Internet Explorer */
/*\*/
* html #content 
{
 height: 400px;
}
/**/
#main {
  padding: 15px;
}
#albuminfo {
  float: left;
  width: 50%;
}
#albuminfo img {
  float: left;
  border: 1px solid #444;
  margin: 0 10px 10px 0;
}
#albuminfo h2 {
  font-size: 1.6em;
  margin: 0 0 .3em 0;
}
#albuminfo p {
  font-size: 1.2em;
  line-height: 1.2em;
}

/*----------------------------------------------------------------------------- 
next 3 used to be   background: url('../images/bgr-purchasearea.png') no-repeat;
first was 122px height others were 117
-----------------------------------------------------------------------------*/
#progressPanel {
  float: right;
  padding: 3px;
  width: 345px;
  height: 132px;
  display: block;
  background: url('../images/bgr-purchasearea.png');
}
#purchase, #redeemPurchase{
  float: right;
  padding: 10px;
  width: 345px;
  height: 137px;
  display: block;
  background: url('../images/bgr-purchasearea.png') ;
}
#pnlDownload {
  float: right;
  padding: 10px;
  width: 345px;
  height: 137px;
  display: block;
  background: url('../images/bgr-purchasearea.png');
}
#buymp3 {
  float: left;
  text-align: center;
  width: 133px;
  margin: 5px 18px;
  display: inline;
}
#buymp3Only {
  float: left;
  text-align: center;
  width: 133px;
  margin: 5px 108px;
  display: inline;
}
#buyflac {
  float: right;
  text-align: center;
  width: 133px;
  margin: 5px 18px;
  display: inline;
}
#buymp3 a, #buyflac a, #buymp3Only a {
  background-image: url('../images/btn-buymp3.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 133px;
  height: 43px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 3px 0;
}
#buymp3 a:hover, #buyflac a:hover, #buymp3Only a:hover {
  background-position: 0 0px;
}
#buyflac a {
  background-image: url('../images/btn-buyflac.png');
}
#buymp3 span, #buyflac span, #buymp3Only span {
  font-weight: bold;
  font-size: 1.4em;
  color: #393939;
  line-height: 1em;
}
#redeem {
  background: url('../images/btn-redeemcode.png') no-repeat;
  width: 325px;
  height: 65px;
  display: block;
  text-indent: -9999em;
  margin: 8px auto 0 auto;
}
#redeem:hover {
  background-position: 0 0px;
}

#listing {
  margin: 20px 0 0 0;
}
#tour {
  float: left;
  width: 48%;
}
* html #tour {
  width: 46%
}
#tour h3 {
  font-size: 1.6em;
  color: #2d2d2d;
  margin: 0 0 10px 0;
}
#tour table {
  width: 100%;
}
#tour #table {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
#tour table a {
  color: #2d2d2d;
  text-decoration: none;
}
#tour table td {
  padding: 3px 8px;
  font-size: 1.4em;
}
#tour tr.alt td {
  background: #eaf4f9;
}
.smallbutton {
  text-transform: uppercase;
  padding: 3px 4px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: .6em;
}
#tour .setlist {
  width: 75px;
}
#tour .setlist a {
  background: url('../images/btn-viewsetlist.png') no-repeat;
  width: 77px;
  height: 14px;
  display: block;
  text-indent: -9999em;
}
#setlist {
  float: right;
  width: 48%;
}
#setlist h3 {
  font-size: 1.6em;
  color: #2d2d2d;
  margin: 0 0 10px 0;
}
#setlist table {
  width: 100%;
}
#setlist #table {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
#setlist table a {
  color: #2d2d2d;
  text-decoration: none;
}
#setlist table td {
  padding: 3px 8px;
  font-size: 1.4em;
}
#setlist tr.alt td {
  background: #f0f9ea;
}
.playpause {
  width: 16px;
}
.playpause a {
  display: block;
  text-indent: -9999em;
  background-repeat: no-repeat;
  height: 16px;
  background-image: url('../images/btn-play.png');
}
.play {
  background-position: 0 0;
}
.pause {
  background-position: 0 -16px;
}
#setlist .number {
  width: 5px;
  padding: 3px 4px;
  background: #f0f0f0;
}
#setlist .alt .number {
  background: #e2eadc;
}
#setlist .time {
  width: 25px;
}

#setlist .notAvailable {
  font-size: 1.3em;
  font-style: italic;
}

/*----------------------------------------------------------------------------- 
REDEEM CODE
-----------------------------------------------------------------------------*/
.code {
  width: 44%;
  padding: 15px !important;
}
.code h4 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 20px 0 0 0;
}
.code form {
  margin: 5px 0 0 0;
}
.code input {
  float: left;
  font-size: 1.4em;
  width: 65%;
  margin-right: 10px;
}
.code .button {
  background: url('../images/btn-redeem.png') no-repeat;
  width: 95px;
  height: 27px;
  border: 0;
  display: block;
  text-indent: -9999em;
  cursor: pointer;
}
.code .button:hover {
  background-position: 0 -27px;
}


/*----------------------------------------------------------------------------- 
LOGIN
-----------------------------------------------------------------------------*/
.loginmsg {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  width: 325px !important;
  height: 67px !important;
  padding: 40px 20px 20px 20px !important;
}


/*----------------------------------------------------------------------------- 
CART
-----------------------------------------------------------------------------*/
#cart h2 {
  font-size: 1.8em;
  line-height: 1.2em;
}
#cart table {
  width: 100%;
  font-size: 1.3em;
  border-bottom: 1px solid #bcc3c7;
  margin: 5px 0 0 0;
}
#cart .price {
  width: 50px;
  text-align: right;
  font-weight: bold;
  background: #f5f8f9;
  border-left: 1px solid #e9eff1;
}
#cart td {
  padding: 5px 5px;
}
#cart .alt td {
  background: #eaf4f9;
}
#cart .alt  .price {
  background: #e1edf3;
  border-left: 1px solid #d6e4ec;
}
#total {
  background: #eaf4f9;
  border: 1px solid #d7eaf3;
  padding: 6px 10px;
  float: right;
  font-weight: bold;
  margin: 10px 0;
  font-size: 1.3em;
  text-align: right;
  line-height: 1.5em;
}
#total .fee, #total .tax {
  color: #434242;
}
#total .fulltotal {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #577916;
}
#cartactions {
  float: right;
  display: block;
  width: 100%;
  text-align: center;
}
#cartactions a {
  background: url('../images/btn-checkout.png') no-repeat scroll top left;
  width: 95px;
  height: 27px;
  display: block;
  float: right;
  text-indent: -9999em;
  margin: 0 0 0 10px;
}
#cartactions a:hover {
  background-position: 0 -27px;
}
#cartactions .continue {
  background: url('../images/btn-continueshopping.png') no-repeat;
  width: 161px;
  height: 27px;
}
.delete {
  width: 12px;
}
.delete a {
  width: 12px;
  height: 12px;
  display: block;
  text-indent: -9999em;
  background: url('../images/icn-delete.png') no-repeat;
}

.cartpaid {
  width: 12px;
}
.cartpaid a {
  width: 12px;
  height: 12px;
  display: block;
  text-indent: -9999em;
  background: url('../images/icn-cart.png') no-repeat;
}

/*----------------------------------------------------------------------------- 
CHECKOUT
-----------------------------------------------------------------------------*/
#checkout #cart {
  float: left;
  width: 48%;
}
#checkout #information {
  float: right;
  width: 48%;
}
#checkout fieldset {
  margin: 0 0 20px 0;
}
#checkout legend {
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: bold;
}
#checkout li {
  font-size: 1.2em;
  padding: 3px 5px;
}
#checkout .alt {
  background: #eaf4f9;
}
#checkout form label {
  width: 140px !important;
  float: left;
  margin: 6px 0 0 0;
}
#checkout form input {
  font-size: 1.3em;
}
.tos {
  text-align: right;
  font-size: 1.2em;
  color: #555;
  margin: -10px 0 10px 0;
}
#checkout button {
  background: url('../images/btn-submitpurchase.png') no-repeat;
  width: 136px;
  height: 27px;
  border: 0;
  display: block;
  text-indent: -9999em;
  cursor: pointer;
  float: right;
}
.checkoutbutton {
  background: url('../images/btn-submitpurchase.png') no-repeat;
  width: 136px;
  height: 27px;
  border: 0;
  display: block;
  text-indent: -9999em;
  cursor: pointer;
  float: right;
}
#checkout button:hover {
  background-position: 0 -27px;
}

/*----------------------------------------------------------------------------- 
SIGNUP/LOGIN
-----------------------------------------------------------------------------*/
#signup h2, #login h2 {
  font-size: 2.2em;
  margin: 0 0 10px 0;
  line-height: 1em;
}

/*----------------------------------------------------------------------------- 
PROGRESS BAR 15px 0 5px 0
-----------------------------------------------------------------------------*/
.progress h4 {
  font-size: 1.2em;
  margin: 0px 0 0px 0;
}
.progress {
  text-align: center;
}

.continueDownload {
  font-size: 1.6em;
  line-height: 1em;
  background: #F3F3F3; 
}

/*----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------*/
#standard fieldset {
  margin: 0 0 20px 0;
}
#standard legend {
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: bold;
}
* html #standard legend {
  margin-left: -5px;
}
#standard li {
  font-size: 1.2em;
  padding: 3px 5px;
}
#standard .alt {
  background: #eaf4f9;
}
#standard label {
  width: 100px !important;
  float: left;
  margin: 6px 0 0 0;
}
#standard input {
  font-size: 1.3em;
}
#standard fieldset p {
  font-size: 1.2em;
  line-height: 1.4em;
}
#standard .newsletter {
  font-size: 1.2em;
  margin: 0 0 8px 0;
}

/*----------------------------------------------------------------------------- 
Feedback
-----------------------------------------------------------------------------*/
.PaymentSubHeader
 {
	background-color:#dcdcdc;color:#000000; 
	font-weight:bold;
    font-size: 1.5em;
    width: 100%;
	text-indent: 10em;
}

.PaymentFieldLabel
{
  font-size: 1.4em;
}

.PurchaseFormControl
{
	border:1px solid #999999;

}

/*----------------------------------------------------------------------------- 
FAQ.
-----------------------------------------------------------------------------*/

#FAQ .question		
{
 color:royalblue; 
 font-weight:bold; 
 text-decoration:none;  
 font-size: 1.5em;
 margin: 20px 80px 20px 20px;
}

#FAQ .questionNoSpace		
{
 color:royalblue; 
 font-weight:bold; 
 text-decoration:none;  
 font-size: 1.5em;
 margin: 0px 80px 0px 20px;
}

#FAQ .answer
{
 color:white; 
 font-size: 1.5em;
 margin: 0 0 20px 20px;
}

#FAQ .textNormal		
{
 color:white; 
 font-size: 1.4em;
 margin: 0px 80px 20px 20px;
}

#FAQ .FAQheader		
{
 color :white; 
 font-weight:bold; 
 font-size: 1.8em;
 margin: 20px 80px 20px 20px;
}

#FAQ .catheader		
{
 color :white; 
 font-size: 1.8em;
 margin: 15px 30px 20px 20px;
}

#FAQ body {
 margin: 20px 80px 20px 20px;
}

/*----------------------------------------------------------------------------- 
HACKS - Global browser hacks to make everybody play nice
-----------------------------------------------------------------------------*/

#auxbar:after, #redeem:after, #top:after, #listing:after, #checkout:after,
#options:after, #checkout li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#auxbar, #redeem, #top, #listing, #checkout,
#options, #checkout li {display:inline-block;}
/* Hide from IE Mac \*/
#auxbar, #redeem, #top, #listing, #checkout,
#options, #checkout li {display:block;}
/* End hide from IE Mac */

/*Tabbed Layouts*/
.tab {cursor:default;height:20px;background-color:#0066A6;border-right:1px solid #d3d3d3;color:white;font:10pt tahoma;font-weight:bold;vertical-align:middle;text-align:center;padding:3px;}
.tab_selected {cursor:default;height:20px;background-color:#5191cd;border-right:1px solid gray;color:white;font:10pt tahoma;font-weight:bold;vertical-align:middle;text-align:center;padding:3px;} 
.tabarea {padding:10px;height:100%;background-color:white;display:none;width:300px;}
.tabarea_selected {padding:10px;height:100%;background-color:white;display:inline;width:300px;} 
#tabDiv {height:100%;background-color:white;}
#tabRow {height:23px; padding-top:4px;}
#tabContainer {height:160px;background-color:#FFFFFF;border:1px solid #0066A6;}