@import url('reset.css');
@import url('side_box.css');

html, body{ margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#464646; color:#FFFFFF; text-align:center; }
A{ text-decoration:none; color:#f8d86f; }
A:hover, A.active{ text-decoration:underline; }
H1{ font-size:159%; }
H2{ font-size:119%; font-weight:bold; padding-left:10px; }
H3{ font-size:100%; font-weight:bold; }
P{ margin-bottom:0.7em;}
EM{ font-style:italic; }
INPUT, TEXTAREA{ background-color:#000000; color:#FFFFFF; }
STRONG{ font-weight:bold; }
.ieonly {display:none;}

/* MAIN CONTAINERS */
#page{ margin:0 auto; width:970px; text-align:center; }
#bgCont{ float:left; width:950px; padding:10px; background-color:#272324; }
#mainCont{ float:left; width:727px; margin:0 10px 9px 0; text-align:left; background-color:#3d3d3d; }
#sideBoxCont{ float:left; width:213px; margin-bottom:10px; text-align:left; }
#headerCont{ float:left; width:970px; margin-bottom:10px; text-align:left; }
#footerCont{ float:left; width:970px; text-align:left;   }

/* MENU BARS */
/*#headerCont .top, #footerCont .top{ float:left; width:950px; height:2px; background:url(/img/menu_t.gif) no-repeat top left; font-size:0%; }
#headerCont .btm, #footerCont .btm{ float:left; width:950px; height:3px; background:url(/img/menu_b.gif) no-repeat top left; font-size:0%; }

#headerCont .mid, #footerCont .mid{ float:left; width:950px; background-color:#3d3d3d; }*/

/* HEADER & FOOTER */ 
#headerCont A, #footerCont A{ color:#FFFFFF; }
#headerCont A.active, #footerCont A.active{ text-decoration:underline; }
#logo{ float:left; width:200px; padding:6px 0 6px 10px; clear:both; }
#logo H1{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
#mainMenu{ float:left; width:930px; padding:0 10px; background-color:#3d3d3d;  }
#mainMenu LI{ float:left; margin-right:30px; padding:10px 0px; }
#mainMenu LI A{ font-weight:bold; }
#subMenu{ float:left; width:100%; }
#subMenu LI{ float:right; margin-right:10px; padding:10px 0px; }
#footerCont .mid{ float:left; width:950px; background-color:#3d3d3d; }
#footerMenu{ float:right; padding-top:3px; }
#footerMenu LI{ float:left; margin-right:10px; padding:10px 0px; }
#footerCont #footerMaLogo{ float:left; padding:3px 0 2px 5px;}
#footerCont #footerMaLogo2{ float:left; padding:3px 0 2px 5px;}
#footerCont #footerMaLogo3{ float:left; padding:3px 0 2px 5px;}
#headerImg{ float:left; margin:0 0 10px 0; border-bottom:3px solid #f8d86f; }
#author{ float:right; width:100%; padding:5px 0; font-size:85%; text-align:center; }

/* OTHER ELEMENTS */
#pageText, #musicVideo, #privacyText{ padding:10px; }
#pageLabel{ float:right; text-align:right; padding:10px;font-size:85%; }
#sort{ position:relative; top:20px; right:20px; width:100%; text-align:right; font-size:85%; }
#legent{ position:relative; top:0px; left:20px; width:100%; text-align:left; font-size:100%; }
#privacyText OL{ width:95%; padding-left:20px; }
#privacyText OL LI{ margin-bottom:1em; }
#trackInfo{ font-size:85%;padding:10px; }
#headerplayer { text-align:right;padding-right:20px;padding-bottom:10px; }
#footerplayer {float:left; width:727px; margin:0 10px 9px 0; text-align:left; }

/* LIST TABLE */
#mainCont TABLE { width:724px; }
#mainCont TABLE{ background:url(/img/list_top.gif) no-repeat top left; }
#mainCont TABLE THEAD TR TH{ padding:27px 0px 30px 0px; color:#f8d86f; }
#mainCont TABLE TR TD{ padding:1px 0px 1px 0px; }
#mainCont TABLE .tableTrackName{ width:auto; text-align:left; border-bottom:1px #f8d86f solid; }
#mainCont TABLE .tableItem{ width:auto; text-align:left; border-bottom:1px #f8d86f solid; }
/* #mainCont TABLE .tableItem{ width:75px; text-align:center; border-bottom:1px #f8d86f solid; } */
#mainCont TABLE .tableCenter{ width:auto; text-align:center; border-bottom:1px #f8d86f solid; }
#mainCont TABLE .tableItemCart{ border-bottom:1px #f8d86f solid; }
#mainCont TABLE .tableLastItem{ padding-right:12px; text-align:right; border-bottom:1px #f8d86f solid;}
#mainCont TABLE .tableItemYellow, #mainCont TABLE .tableItemYellow A{ color:#f8d86f; }
#mainCont TABLE .tableItemWhite, #mainCont TABLE .tableItemWhite A{ color:#FFFFFF; }
#mainCont TABLE INPUT{ background:none; }
#mainCont #peopleSong .tableItem{ width:auto; }
#mainCont #paging{ float:right; width:100%;  text-align:center; font-size:85%; }
#mainCont #paging UL{ float:right;padding:5px 15px; }
#mainCont #paging LI{ float:left; padding:0 1px; }


/* SIDE BOX CART */
#sideBoxCart{ position:relative; width:193px; }
#sideBoxCart IMG, #sideBoxCart SPAN{ position:absolute; top:0px; left:0px; width:93px; height:92px;  }
#sideBoxCart DIV{ padding:10px 0px 10px 93px; }
#sideBoxCart .sideBoxTitle{ font-size:85%; }

/* USER MESSAGE */
#errorMsg{ position:relative; float:left; width:707px; padding:10px; margin:-10px 10px 5px 0; _margin-right:0px; overflow:hidden; color:#FFFFFF; font-weight:bold; background-color:#7a5656;}
#returnMsg{ position:relative; float:left; width:707px; padding:10px; margin:-10px 10px 5px 0; _margin-right:0px; overflow:hidden; color:#FFFFFF; font-weight:bold; background-color:#63745F; }
/*
#returnMsg #returnMsgBg{ display:none; position:absolute; width:100%; _width:2000px; height:100%; _height:200px; top:0px; left:0px; background-color:#C0F9B0; opacity:.30; *filter:alpha(opacity="30"); }
#errorMsg #errorMsgBg{ position:absolute; width:100%; _width:2000px; height:100%; _height:200px; top:0px; left:0px; background-color:#FFE2E2; opacity:.20; *filter:alpha(opacity="20"); }
*/
/* SHOPPING CART */
#cartOptions{ position:relative; padding-right:15px; text-align:right; }
#cartOptions INPUT{ background:none; }
#cartSubTotal{ padding:10px 0px 0px 0; text-align:right;}
#cartVAT{text-align:right;}
#cartTotal{ padding:10px 0px 20px 0; text-align:right; font-weight:bold; }
#promoCode{ color:#f8d86f; }

/* REGISTER PAGE */
#registerCont{ padding:10px; }
#registerCont .formTitle{ float:left; width:200px; }
#registerCont .formElement{ float:left; width:500px; padding-bottom:10px; }
#registerCont INPUT, #registerCont SELECT{ padding:1px; border:1px solid #FFFFFF; background-color:#000000; color:#FFFFFF; }
#registerCont INPUT.submit{  }
#registerCont SELECT{ width:auto; }

/* DEBUG */
.debug{ float:left; width:100%; }