html {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

body { 
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif; 
	color: #002e5d;
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0px; 
	padding: 0px;
	width: 100%;
}

h1 { 
	font: 14px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #c3cad9;
	font-weight: bold;
}

h2 { 
	text-align:center;
	font: 13px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	font-weight: bold;
	margin-bottom:4px;
	margin-top:5px;
	padding: 2px 0 2px 0;
	background-color: #6a479b;
}

a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #b8e6fa;
}

a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #b8e6fa;
}

a:hover, a:active { 
	text-decoration: none; 
	color: #ffffff;
}

#maincontainer {
	background-image: url(../img/gfx_bkgd.jpg);
	background-repeat: no-repeat;
	width: 986px;
	height: 1000px;
	margin: 0 auto;
	border: 1px solid #fff;
	position: relative;
}

#deliverycontainer {
	width: 986px;
	margin: 0 auto;
	border: 1px solid #001c38;
}

#content {
	background-image: url(../img/gfx_trkbg.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	margin: 0 0 0 160px;
	float: left;
	width: 380px;
	padding: 5px;
}

#content2 {
	background-image: url(../img/gfx_trkbg.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 40px;
	width: 380px;
	float: right;
	padding: 5px;
}
#instructions {
	width: 435px;
	border: 0 solid red;
	float: right;
	margin: 410px 150px 0 0;
	padding-bottom: 10px;
}

#transparentLink {
}

.txtPinCodeAlign {
	vertical-align: middle;
}

#pinbox {
	width: 315px;
	text-align: right;
	height:55px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 38px;
}	

#note {
	width: 200px;
	margin-left: 105px;
	text-align: center;
	color: #002e5d;
}

#submit {
	width: 250px;
	margin: 0 0 0 105px;
	border: 0 solid red;
}

#footer {
	width: 800px;
	background-color: #ffffff;
	text-align: left;
}
.footlink {
	float: left;
	margin-top: 50px;
}

#error {
	width: 280px;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 445px;
	left: 600px;
}

.footertext {
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif; 
	color: #999999; 
}

.errortext {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #cd0000;
	font-weight: bold;
	text-align:center;
}


/* Song table styles */
#mediaTable
{
	background-color: #2f4451;
}

/* Table header */ 
.previewHeader
{
  vertical-align: middle; 
  width: 30px; 
  text-align: center;
}
.selectHeader
{
  font-weight: bold;
  color: #6a479b;
  vertical-align: middle; 
  width: 25px; 
  text-align: center;
}
.titleHeader
{
  font-weight: bold;
  color: #c4621c;
  vertical-align: middle; 
  width: 175px; 
  text-align: left;
}
.artistHeader
{
  font-weight: bold;
  color: #0078bf;
  text-decoration:underline;
  vertical-align: middle; 
  width: 175px; 
  text-align: left;
}
.lengthHeader
{
  font-weight: bold;
  color: #6a479b; 
  vertical-align: middle; 
  width: 80px; 
  text-align: center;
}

/* Table cells */
.preview
{
  vertical-align: middle;
  text-align: center;
  background-color: none;
  height:24px;
}
.select
{
  font-weight: normal; 
  vertical-align: middle; 
  text-align: center;
  background-color: none;
}
.title
{
  font-weight: bold;
  font-size: 9px;
  vertical-align: middle; 
  text-align: left;
  width: 220px; 
  padding-right: 5px;
  background-color: none;
  color: #0136b6;
}
.artist
{
  font-weight: bold; 
  vertical-align: middle; 
  text-align: left;
  width: 195px; 
  background-color: none;
}
.length
{
  font-weight: normal; 
  vertical-align: middle; 
  text-align: center;
  background-color: none;
}

.spine
{
  background-image:url(../img/spine.gif);
  background-repeat:repeat-y;
  position: relative;
  clear:none;
  width:37px;
  height:608px;
  border-right: 1px solid #5a88b7;
  top: 0px;
  left: 0px;
}
.deliverthis {
  position: relative;
  clear:none;
  top: 0px;
  left: 0px;
	
	}

/*ie7*/ *+html .spine 
{
  height:608px;
  top: 525px;
  width:37px;
}
/*ie6*/ *html .spine 
{
  height:608px;
  top: 525px;
  width:37px;
}

iframe
{
  background-color:#FFFFFF;
  height:633px;
}