@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0; padding:0; background-color:#000000; font-size:62.5%;}
#container {width:980px; font-size:1.2em; margin:0 auto;}
#contentHolder {position:relative; z-index:10; top:-80px;}
#content {color:#BBBDBF;}
p {padding:0 0 20px 0; margin:0;}
ul {margin:0; padding:0 0 0 30px;}
dl, dt, dd {padding:0; margin:0;}
.clearFloat {clear:both;}
h1 {text-indent:-2000px; width:980px; height:500px; padding:0; margin:0}
h2 {color:#FFFFFF; font-size:1.6em;}
h4 {color:#FBAF34; margin-bottom:10px; font-size:1.2em;}
address p {padding:0; font-style:normal;}
#masthead {background:url(../images/masthead.gif) top left no-repeat; height:500px; position:relative; top:0; left:0;}

/* Footer ====================== */
#footer {background-color:#333; padding:8px 20px; margin-top:-40px;}
#footer #footerHolder {width:980px; margin:0 auto;}
#footer #quickLinks {margin:0; margin-left:-10px; padding:0; list-style:none;}
#footer #quickLinks .firstMenu {border-left:none; padding-left:0; margin-left:0}
#footer #quickLinks li {float:left; border-left:1px solid #CCC;}
#footer #quickLinks a:link, #footer #quickLinks a:visited {color:#CCC; text-decoration:none; padding:2px 10px; background-color:transparent; font-size:1.05em; display:block;}
#footer #quickLinks a:hover {background-color:#000; color:#FFF;}
#copyright {color:#666666; padding-top:3px; clear:both;}

/* Index ==================== */
/*#index #masthead {background:url(../images/index_masthead.gif) top left no-repeat; height:680px;}*/
#index #aside {float:left; width:240px; padding:0 0 0 40px;}
#aside #classroominabook {border:1px solid #ed2324; margin-bottom:20px; clear:both;}
#aside #classroominabook #classroominabookcopy{padding:10px; background:#808184 /*url(../images/classroomInABook.jpg) top center no-repeat*/;}
#aside #classroominabook h4 {padding:0; margin:0; font-size:1.1em; background:#ed2324 url(../images/classroom_bg.jpg) top left repeat-x; padding:5px 10px; color:#FFFFFF;}
#aside strong {color:#FBAF34;}
#aside ul {margin-top:-20px;}
#aside #plus {margin-top:20px; font-style:italic;}

/* Button List */
.btnList li {list-style:none;}
.btnList a {color:#FBAF34!important; font-weight:bold; text-decoration:none;}
.btnList a:hover {text-decoration:underline!important;}
.btnList .firstMenu {padding:0!important; margin:0!important; border:0!important;}
#aside .btnList {margin:5px 0 20px; padding:0;}
#aside .btnList li {padding-top:8px; border-top:1px dotted #999; margin-top:8px;}
#content .btnList {}
#content .btnList li {padding-left:10px; margin-left:10px; border-left:1px dotted #999; float:left;}
/*
.btnFAQ a {width:40px; height:20px; background:url(../images/btnFAQ.jpg) top right no-repeat;}
.btnLocateReseller a {width:100px; height:20px; background:url(../images/btnPurchase.jpg) top right no-repeat;}
.btnRedeemCD a {width:120px; height:20px; background:url(../images/btnRedeemCD.jpg) top right no-repeat;}
.btnEnquiries a {width:70px; height:20px; background:url(../images/btnEnquiries.jpg) top right no-repeat;}
.btnTnC a {width:120px; height:20px; background:url(../images/btnTnC.jpg) top right no-repeat;}*/
.btnBuyNow {display:block; width:60px; height:20px; background:url(../images/btnBuyNow.jpg) top left no-repeat;}
.btnBuyNow span {display:none;}/*
.btnProofofpurchase {display:block; width:100px; height:20px; background:url(../images/btnProofofpurchase.jpg) top left no-repeat;}
*/
#index h1 {background:url(../images/unleash_creative.png) 300px 160px no-repeat;}
#index #content {float:right; width:570px; padding:0px 40px; border-left:1px solid #666;}
#index #content h2 {color:#FBAF34;}
#index #content .listingBuyNow dd {margin:-20px 0 10px 70px; color:#FFF;}

#content strong, #content em {color:#FFF;}
#content a:link, #content a:visited {color:#BBBDBF;}
#content a:hover {text-decoration:none;}


/* FAQ ======================= */
#faq h1 {background:url(../images/faq.png) 340px 200px no-repeat;}
#faq h4 {text-transform:uppercase;}
#faq dt {font-style:italic; color:#FBDD00;}
#faq dd {margin-bottom:15px;}
#faq address {margin:0 0 15px 40px;}
#faq address p {color:#FFFFFF;}

/* Terms & Conditions =============== */
/*#tnc #masthead {background:url(../images/index_masthead.gif) top left no-repeat; height:680px;}*/
#tnc h1 {background:url(../images/tnc.png) 340px 190px no-repeat;}
#tnc #content {}
#tnc #content .whiteText {color:#FFFFFF;}
#tnc .listNumber li {list-style-type:decimal; padding-bottom:10px;}
#tnc .listBullet li {list-style-type:disc; padding-bottom:0; color:#FFFFFF;}
#tnc .listAlphabet li {list-style-type:lower-alpha; padding-bottom:0;}
#tnc .listRoman li {list-style-type:lower-roman; padding-bottom:0;}
#tnc .agree {color:#FFF; font-style:italic; padding:20px 0;}

/* Proof of Purchase =============== */
#proofofpurchase h1 {background:url(../images/proofofpurchase.png) 340px 190px no-repeat;}
#proofofpurchase .listAlphabet {margin-bottom:20px;}
#proofofpurchase .listAlphabet li {list-style-type:lower-latin;}
#proofofpurchase table { border-collapse:collapse; border-top:1px solid #666; width:100%;}
#proofofpurchase table ul {list-style:none; padding:0; margin:0;}
#proofofpurchase table th {background-color:#F1F1F2; color:#000000; border-bottom:1px solid #CCC; text-align:left;}
#proofofpurchase table th, #proofofpurchase table td {padding:10px 0 10px 10px; vertical-align:text-top;}
#proofofpurchase table td {border-bottom:1px solid #666; border-left:1px solid #666;}
#proofofpurchase table .noBorder {border-left:none;}