@charset "UTF-8";
/* CSS Document */

html, body {height:100%;width:100%;}

body {
	padding: 0;
	margin: 0;
	background-color: #f7f7f7;
}
.clearfix {clear:both;}
#content {
    width: 1124px;
	margin:auto;
}

#redeem {
	width: 1124px;
	height: 768px;
	margin: 0 auto;
	background: url(../images/bg.jpg);
	position: relative;
}

.header {height:150px;line-height:150px;position:relative;z-index:1000;background:#000;}
.header h1.logo {margin:0 auto;background:url("../images/logo.png") no-repeat scroll 0 center;width:290px;height:150px;text-indent:-9999px;}

.leftImage {
    background: url("../images/witches.jpg") repeat scroll -160px center;
    float: left;
    height: 750px;
    width: 644px;
}
#form {
	float:right;
    width: 480px;
    z-index: 999;
	background:#fff;
	height:690px;
	padding:60px 0 0;
	position:relative;
}
.formWrap {
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(top,  #444444 0%, #303030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#303030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 0%,#303030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 0%,#303030 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 0%,#303030 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 25px;
    padding: 5px;
    width: 435px;
}

.help {
    color: #333333;
    display: inline-block;
    font-family: 'elanbold',times new roman,serif;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-decoration: underline;
}

#buttons {padding:0;display:block;}
#buttons a li {
	margin:0 15px 15px 0;
	float:left;
}
#buttons li {
	font-family:'elanbold',times new roman, serif;
	width:213px;
	background: #a6cd4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #a6cd4c 0%, #7e9d37 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6cd4c), color-stop(100%,#7e9d37)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a6cd4c 0%,#7e9d37 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a6cd4c 0%,#7e9d37 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a6cd4c 0%,#7e9d37 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a6cd4c 0%,#7e9d37 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cd4c', endColorstr='#7e9d37',GradientType=0 ); /* IE6-9 */
	list-style-type:none;
	text-align:center;
	padding:20px 0 23px;
	border:1px solid #3E6206;
	box-shadow:0 -5px 0 rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow:0 -5px 0 rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:0 -5px 0 rgba(0, 0, 0, 0.2) inset;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
#buttons li.full {width:445px;}
#buttons a:active li {position:relative;top:3px;box-shadow:0 -2px 0 rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.2) inset;
	padding-bottom:20px;margin-bottom:18px;
}

#socialLinks {clear: both;margin-bottom: 0;margin-top: 15px;padding: 0 35px 0 0;text-align: right;}
#socialLinks li {display:inline;margin-left:5px;}

.footer {clear:both;margin-top:10px;}
.footer img {display:inline-block;margin-right:20px;}
.footer p {
    display: inline-block;
    font-family: 'elan_bookregular',times new roman,serif;
    font-size: 12px;
    margin: 16px 0 0;
    vertical-align: top;
}
.footer p a {color:#80ac3c;}

input {
	background: none;
	border: none;
	color: #6b6c6e;
}
	
#accesscode {
	background: #7ca93b; /* Old browsers */
	background: -moz-linear-gradient(top,  #7ca93b 0%, #9cc143 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca93b), color-stop(100%,#9cc143)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7ca93b 0%,#9cc143 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7ca93b 0%,#9cc143 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7ca93b 0%,#9cc143 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7ca93b 0%,#9cc143 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca93b', endColorstr='#9cc143',GradientType=0 ); /* IE6-9 */
	box-shadow:0 2px 1px rgba(255, 255, 255, 0.4) inset, 0 3px 2px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:0 2px 1px rgba(255, 255, 255, 0.4) inset, 0 3px 2px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:0 2px 1px rgba(255, 255, 255, 0.4) inset, 0 3px 2px rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: "elan_bookregular",Arial,Helvetica,sans-serif;
    font-size: 12pt;
    padding: 20px 10px;
    width: 335px;
	color:#fff;
}

#errormessage {
    background:#FF0000;
    color: #FFFFFF;
    font-family: 'elanbold';
    font-size: 13px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 445px;
}

#_submit {
    background: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    height: 54px;
    padding: 0;
    width: 76px;
	font-family:'elanbold',times new roman,serif;
}

#download {
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(top,  #444444 0%, #303030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#303030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 0%,#303030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 0%,#303030 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 0%,#303030 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 25px 0;
    width: 445px;
}

.downloaditem {
    color: #FFFFFF;
    font-family: 'elanbold',times new roman,serif;
    font-size: 10pt;
    padding: 20px;
}

.playpausearea {
	float: left;
	margin-right: 10px;
	margin-top: -4px;
}

.artisttitlearea {
	float: left;
	width: 230px;
	overflow: none;
}	
.artist {
	padding-top: 0;
	font-weight: bold;	
}

.title {
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
}

.downloadarea {
	float: right;
	margin-right:20px;
	background: none;
}


.downloadalllink {
	background: #a6cd4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #a6cd4c 0%, #7e9d37 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6cd4c), color-stop(100%,#7e9d37)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a6cd4c 0%,#7e9d37 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a6cd4c 0%,#7e9d37 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a6cd4c 0%,#7e9d37 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a6cd4c 0%,#7e9d37 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cd4c', endColorstr='#7e9d37',GradientType=0 ); /* IE6-9 */
	border:1px solid #3E6206;
	box-shadow:0 -5px 0 rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow:0 -5px 0 rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:0 -5px 0 rgba(0, 0, 0, 0.2) inset;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    color: #FFFFFF;
    display: block;
    font-family: 'elanbold',times new roman,serif;
    padding: 15px 10px 18px;
    text-align: center;
    width: 218px;
}

.downloadbutton {
	width: 100px;
}

a {
	text-decoration: none;
	color: #fff;
}

/* FONTS */
@font-face {
    font-family: 'elan_blackregular';
    src: url('../fonts/elanblack-webfont.eot');
    src: url('../fonts/elanblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elanblack-webfont.woff') format('woff'),
         url('../fonts/elanblack-webfont.ttf') format('truetype'),
         url('../fonts/elanblack-webfont.svg#elan_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'elan_blackitalic';
    src: url('../fonts/elanblackitalic-webfont.eot');
    src: url('../fonts/elanblackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elanblackitalic-webfont.woff') format('woff'),
         url('../fonts/elanblackitalic-webfont.ttf') format('truetype'),
         url('../fonts/elanblackitalic-webfont.svg#elan_blackitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'elanbold';
    src: url('../fonts/elanbold-webfont.eot');
    src: url('../fonts/elanbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elanbold-webfont.woff') format('woff'),
         url('../fonts/elanbold-webfont.ttf') format('truetype'),
         url('../fonts/elanbold-webfont.svg#elanbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'elanbold_italic';
    src: url('../fonts/elanbolditalic-webfont.eot');
    src: url('../fonts/elanbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elanbolditalic-webfont.woff') format('woff'),
         url('../fonts/elanbolditalic-webfont.ttf') format('truetype'),
         url('../fonts/elanbolditalic-webfont.svg#elanbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'elan_bookregular';
    src: url('../fonts/elanbook-webfont.eot');
    src: url('../fonts/elanbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elanbook-webfont.woff') format('woff'),
         url('../fonts/elanbook-webfont.ttf') format('truetype'),
         url('../fonts/elanbook-webfont.svg#elan_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'elan_bookitalic';
    src: url('../fonts/elanbookitalic-webfont.eot');
    src: url('../fonts/elanbookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/elanbookitalic-webfont.woff') format('woff'),
         url('../fonts/elanbookitalic-webfont.ttf') format('truetype'),
         url('../fonts/elanbookitalic-webfont.svg#elan_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}