/**
 * @section globals
 */
/* set: background-color */
body { text-align: center; margin: auto; color: #333333; font-family: Arial; background-color: #003466; background-image: url(../Images/BG.gif); background-repeat: repeat-x; }

a {color: #333;}
a img, img a {border: 0; margin: 0;}

#mainContainer {width: 960px; position: relative; margin-left: auto;  margin-right: auto; text-align: left; }
#header img {display: block;}

#subHeader { height: 25px; line-height: 25px; padding-left: 16px; background-color: #000000; color: #ffffff; font-family: Arial; font-size: 11px; font-weight: 700; background-image: url(../Images/SubheaderBg.gif); }
#subHeader #loginPanel { float: right; margin-right: 16px; color: #ffffff; font-size: 11px; font-weight: 700; height: 24px; line-height: 24px; }
#subHeader #loginPanel a { color: #fff; }

#footer { height: 25px; line-height: 25px; text-align: center; background-color: #000000; color: #ffffff; font-family: Arial; font-size: 11px; font-weight: 700; background-image: url(../Images/SubheaderBg.gif) }
#footer a {color: #fff;}


/**
 * @section misc
 */
.errorContainer
{
	background-image: url(../Images/alert-icon.png);
	background-repeat: no-repeat;
	background-position: 12px 6px;
	background-color: #ffffcc;
	border: 1px solid #ffcc00;
	display: block;
	text-align: left;
	margin: 20px 0px;
	color: #ca2122;
	padding: 7px 8px 8px 40px;
	font-size: 12px;
	line-height: 14px;
	height: auto !important;
}
.errorContainer a {color: #ca2122;}
.errorContainer ul {margin-left: 10px; padding-left: 10px; line-height: 14px; }
.errorContainer li {margin: 2px 0;}

.stdForm {border-collapse: collapse; font-size: 13px; margin: 0 3px;}
.stdForm th {width:172px; padding: 5px 14px 4px 0;}
.stdForm td {padding: 5px 0; width: 222px;}
.stdForm .textBox {width: 222px; border: 1px solid #4ca3f4;}
.stdForm input, .form select {font-family: arial; font-size: 12px; border: 1px solid #4ca3f4;}

.buttons { margin-top: 30px; text-align: center; vertical-align: text-bottom; }
button.button, button.clrButton
{
    cursor: pointer;
    border-width: 0px;
    width: 142px;
    height: 44px;
    margin: 0 3px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial;
}
button.button { background: Transparent url(../Images/btn-bg.gif) no-repeat; }
button.clrButton { background: Transparent url(../Images/clr-btn-bg.gif) no-repeat; }
button.disabled { background-image: url(../Images/btn-bg-disabled.gif); color: #676868; cursor: default;}

.cart {width: 100%;}
.cart td {padding: 2px;}
.cart .numbersCol {text-align: right;width: 60px;}
.cart .totalsCol {text-align: right;}
.cart .subtotalRow td {border-top: 1px solid #4ca3f4;}
.cart .totalRow td {font-weight: 700; font-size: 13px;border-top: 1px solid #4ca3f4;}


/**
 * @section twoCol1
 */
.twoCol1 { width: 100%; border-collapse: collapse; }
.twoCol1 td { vertical-align: top; }
/* set: background-color */
.twoCol1 .l { padding: 0; width: 461px; background-color: #a88c32; }
.twoCol1 .l img { display: block; }
/* set: background-color */
.twoCol1 .r { padding: 0; width: 499px; background-color: #151240; color: #fff; font-size: 12px; }


/**
 * @section threeCol1
 */
.threeCol1 { width: 100%; border-collapse: collapse; font-size: 12px; min-height: 600px; }
/* mac hide \*/  
.threeCol1 {height: 600px}  
/* end hide */
.threeCol1 td { vertical-align: top; padding: 0; }
/* set: background-color, background-image */ 
.threeCol1 .l { background-color: #24214e; background-image: url(../Images/leftCol.jpg); background-repeat: no-repeat; width: 129px; }
/* set: background-color, background-image */
.threeCol1 .r { background-color: #24214e; background-image: url(../Images/rightCol.jpg); background-repeat: no-repeat; width: 129px;}
.threeCol1 .c { background-color: #fff; padding-bottom: 20px; }

.threeCol1 .narrow { margin: 50px auto 0; width: 400px; text-align: left; }

.threeCol1 h1 { font-size: 22px; }
.threeCol1 h2 { font-size: 16px; background-color: #4ca3f4; padding: 2px 2px 2px 4px; margin: 30px 0 5px; color: #ffffff; }
.threeCol1 h3 { font-weight: 400; font-size: 14px; font-weight: bold; }


/**
 * @section /Home/Index
 */
#playerContainer {text-align: center; padding-top: 20px}
/* set: background-color */
#player {margin: 0 auto; border-collapse: collapse; height: 19px; width: 260px; background-color: #cda226; font-size:1px;} 
#player td {padding:0}
#player #progressBar {overflow: hidden; text-align:left; height: 13px; width: 212px; margin-top: 3px; background-color: #e4dfdb;}
#player #playerslider {margin-left: -212px; height: 13px; background-color: gray; width: 212px; line-height: 15px;}

/* set: color */
#instructions { margin-top: 20px; text-align: center; padding: 0 0 0 23px; font-family: Verdana; font-weight: 700; font-style: italic; font-size: 11px; color: #fff; }
#instructions img { vertical-align: baseline; }

ul#tracks {list-style-type: none; margin: 14px 0 30px; padding-left: 10px;}
ul#tracks li {font-family: Arial; margin: 3px 0; }
ul#tracks img {vertical-align: middle; margin-right: 5px;}
/* set: color */ 
ul#tracks a.fullTrackName { text-decoration: none; color: #fff;}
ul#tracks a.fullTrackName:hover {text-decoration: underline;}
/* set: color */
ul#tracks li .artist { text-transform: uppercase; color: #fff; font-size: 11px; font-weight: bold; }
/* set: color */
ul#tracks li .track { text-transform: uppercase; font-size: 11px; font-weight: bold; color: #ffcc00; }
/* set: color */
ul#tracks li .mix { font-size: 11px; color: #fff; }

#freeSongButton { text-align: center; margin-top: 16px; width: 100%; }

#cartButtons { margin-top: 16px; padding: 5px; text-align: center; }
#cartButtons form { display: inline; }
#cartButtons input { margin: 0 10px; }

/**
 * @section freeDownload
 */
#freeDownloadContent { padding: 45px; font-size: 14px; }
#freeDownloadContent .textBox { width: 130px; font-size: 11px; margin-left: 8px; }
#freeDownloadContent #emailAddressForm { margin-top: 50px; }
#freeDownloadContent .submitButton { margin-top: 10px; }


/**
 * @section downloads
 */
ul.trackList { width: 398px; list-style-type: none; margin: 4px 0; padding-left: 0px; }
ul.trackList li { font-family: Arial; font-size: 12px; line-height: 12px; margin-top: 3px; }
ul.trackList img { vertical-align: middle; }
ul.trackList a { text-decoration: underline; color: #000;}


/**
 * @section progressBar
 */
#progressbar { border:1px solid #ffffff; width:300px; height:20px; position:relative; color:black; }
#progressbar div.progress { height:100%; width: 0; background-color:#4ca3f4; }