/*  Layout CSS for Metal Maniacs Webzine 
MP3 StoreVersion: 1.0
Author: Ray Henry
Author URI: http://www.reh3.com/
*/

/* GLOBAL DECLARATIONS *************/
* {margin:0;padding:0;}
body {font-family:arial,helvetica, sans-serif;background:#0b0201 url(/assets/images/metalmaniacs/mm-bg.jpg) no-repeat 50% bottom;background-attachment:fixed;text-align:center;}
img {border: 0px;}
ol li {list-style-type: decimal;}
a:link, a:active, a:visited {color:#980b07;text-decoration:none;border-bottom:1px dotted #980b07;}
a:hover {color:#d00;}
option {padding-left: 2px;}
fieldset {border: 0px;margin: 0px;padding: 0px;}
legend {display: none;}
.price {font-size: 14px;font-weight: normal;color: #fff;}

a.playButton  {display: block;	width: 69px;height: 14px;color: #333;font-size: 8px;text-decoration: none;text-align: left;vertical-align: middle;background-image: url(/assets/images/button_play_69px_0.png);background-repeat: no-repeat;background-position: 100% 50%;border:none;}
a:hover.playButton  {color: #333;font-size: 8px;text-decoration: none;text-align: left;background-image: url(/assets/images/button_play_69px_1.png);background-repeat: no-repeat;background-position: 100% 50%;border:none;}
a.buyButton  {display: block;width: 60px;height: 14px;color: #333;font-size: 8px;text-decoration: none;text-align: left;vertical-align: middle;background-image: url(/assets/images/button_buy_60px_0.png);background-repeat: no-repeat;background-position: 100% 50%;border:none;}
a:hover.buyButton  {color: #333;font-size: 8px;text-decoration: none;text-align: left;background-image: url(/assets/images/button_buy_60px_1.png);background-repeat: no-repeat;background-position: 100% 50%;border:none;}
a.buyButton span, a.playButton span {display: block;width: 50px;text-align: center;}
a.giftButton  {display: block;width: 65px;height: 13px;color: #333;font-size: 8px;text-decoration: none;text-align: left;vertical-align: middle;background-image: url(/assets/images/button_gift_65px_0.png);background-repeat: no-repeat;background-position: 70% 50%;border:none;}
a:hover.giftButton  {color: #333;font-size: 8px;text-decoration: none;text-align: left;background-image: url(/assets/images/button_gift_65px_1.png);background-repeat: no-repeat;background-position: 70% 50%;border:none;}
a.giftButton span {display: block;margin-left: 5px;}

img.releaseImage {border: 4px solid #ccc;}
img.releaseThumb {border: 4px solid #ccc;}

p.error {color: #f9431a;}

input.buy {font-size: 10px;margin-left: 5px;}
input.play {font-size: 10px;margin-right: 5px;}
input.more {font-size: 10px;}

#container {margin:0 auto;width:960px;text-align:left;background:#000;}
#header, #mainList, #content, #main, #subList, #footer {overflow: hidden;display: block;float:left;}
#footer {float:none;clear:both;}

#content {float:left;padding:36px 24px;width:912px;background:url(/assets/images/metalmaniacs/mm-content-bg.jpg) no-repeat 0 0;}
#mainList, #main {float: left;}
#subList {float: right;}
#localeChooser {float:right;width: 60px;margin:10px 24px 0 0;}
#localeChooser a {border:none;}
#header {float:left;position:relative;padding:6px 24px 12px 24px;width:912px;background:url(/assets/images/metalmaniacs/mm-masthead-bg.jpg) no-repeat 0 0;border-bottom:1px solid #280604;overflow:visible;}
#header #logotype {float:left;width: 134px;height: 72px;background-image: url(/assets/images/metalmaniacs/mm-logo.gif);background-position: center center;background-repeat: no-repeat;}
#header #logotype a, #footerLogo {display: block;width: 100%;height: 100%;border:none;}

#menu {float:right;width:240px;font-size:12px;text-transform:uppercase;}
#menuList ul {float:right;white-space: nowrap;}
#menuList li {display:inline;list-style-type: none;white-space: nowrap;margin:0 0 10px 15px;}
#menuList a {color: #fff;text-decoration: none;border:none;}
#menuList a:hover {color: #8B1001;	}
#menuList2 a {display: block;width: 52px;height: 14px;color: #aaa;	text-decoration: none;text-align: center;font-weight: bold;border:none;}
#menuList2 a:hover {color: #000;font-weight: bold;background-image: url(/assets/images/button_bg.gif);background-repeat: no-repeat;background-position: 50% 50%;	}

#shopHeader {display: none;clear: both;}
#shopHeader img {	border: 0px;padding: 0px;margin: 0px;}

#orderHeader {position:absolute;top:-16px; left:550px;font-size:12px;text-transform:uppercase;}
#orderHeader select {width: 100px;margin:-2px 0 0 0;}
#orderHeaderButtons {float: left;margin:0 20px 0 0;}
#orderHeaderButtons ul {white-space: nowrap;}
#orderHeaderButtons li {float: left;list-style-type: none;white-space: nowrap;margin-left: 20px;font-size:12px;text-transform:uppercase;}
#orderHeaderButtons a {	color: #fff;	text-decoration: none;border:none;}
#orderHeaderButtons a:hover {color: #8B1001;	}

#browseSearch {float:left;width:912px;margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #280604;}
#browse {float: left;}
#browse select {width: 300px;margin-right: 5px;}
#browse option.divider {font-size: 12px;font-weight: bold;background-color: #ddd;	}

#search {float:right;}
#search input.search {width: 200px;margin-right: 10px;padding: 1px 1px 2px 2px;}
#search a, #browse a {color: #fff;font-size:11px;background:#3F0C08;padding:5px;text-decoration: none;text-transform:uppercase;border:none;}
#search a:hover, #browse a:hover {color: #f9431a;}

#mainListEmpty, #subListEmpty {display:none;}
#mainListA, #mainListB, #subListA, #subListB {}
#mainList, #subList {width: 200px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;background-color: #080808;	}
#mainList h4, #subList h4 {font-size: 12px;color: #fff;padding: 10px;margin-bottom: 5px;background: #181818;text-transform:uppercase;}
#mainList ul, #subList ul {list-style-type: none;margin: 10px 0;padding: 0px;text-align: left;width: 100%;}
#mainList li, #subList li {padding:10px;}
#mainList img, #subList img {float: left;margin-top: 0px;margin-bottom: 15px;margin-left: 5px;margin-right: 10px;}
#mainList hr, #subList hr {clear: both;width: 180px;height: 1px;margin:10px 0 0 0;color: #181818;background-color: #181818;border: none;}
#mainList hr.last, #subList hr.last {background-color: transparent;color: transparent;width: 0px;border: 0px;}
#mainList a, #subList a {display: block;width: 100%;height: 100%;font-size: 12px;font-weight: bold;color: #980B07;line-height: 1em;border:none;}
#mainList a:hover, #subList a:hover {color: #b00;}
#mainList br, #subList br {}
#mainList span.release, #subList span.release {}
#mainList span.artist, #subList span.artist {font-size: 11px;font-weight: normal;color: #999;}

#main {width: 501px;background:#070707 url(/assets/images/metalmaniacs/feature-content-bg-cat.jpg) repeat-x 0 0;margin-left: 5px;margin-right: 5px;}
#mainInclude {margin-top: 2px;padding: 10px;}

#alphaNav {margin-top: 2px;padding: 4px;background-color: #dedede;}
#pageNavTop {}
#pageNavBottom {}.pageNav {padding: 4px;background-color: #181818;font-size:12px;color:#999;}
.sortOrder {float: right;}

#breadCrumbs {padding: 4px;background-color: #280604;font-size: 11px;color:#666;}
#breadCrumbs a {color: #999;font-size: 11px;border:none;}
#breadCrumbs a:hover {color: #fff;}
#breadCrumbs span {font-weight: bold;font-size: 12px;}
#alphaNav span,.pageNav span {font-weight: bold;}

#release {display: block;margin-top: 2px;padding: 10px;}
#release hr {display: block;width: 470px;clear: both;margin-bottom: 10px;margin-left: 5px;margin-right: 5px;height: 1px;color: #333;background-color: #333;border: none;}
#release img.releaseImage {float: left;margin: 5px 10px 5px 5px;}
#release div.releaseInfo {display: block;margin-top:20px;color:#999;font-size:12px;}
#release table.artistTable {}
#release table.artistTable td {vertical-align: top;}
#release table.labelTable {}
#release table.labelTable td {vertical-align: top;}
#release table.linkTable {}
#release table.linkTable td {vertical-align: top;}
#release table.releaseInfoTable {}
#release table.releaseInfoTable td {vertical-align: top;}
#release table.releaseButtonTable {margin-top: 7px;vertical-align: top;}
#release a.release {font-size: 18px;font-weight: bold;	}
#release a.catNo {font-size: 12px;font-weight: bold;}
#release a.artist {font-size: 14px;font-weight: bold;}
#release a.label {font-size: 14px;font-weight: bold;}
#release a.externalLink {font-size: 12px;font-weight: bold;color: #777;}
#release a.externalLink:hover {color: #f9431a;}
#release td.externalLink {font-size: 11px;font-weight: bold;color: #777;margin-top: 5px;}
#release td.contentType {padding-left: 14px;font-size: 11px;text-align: right;	}
#release td.released {font-size: 12px;font-weight: bold;	}
#release td.price {width: 40%;}
#release td.buyButton {width: 30%;}
#release td.giftButton {width: 30%;}
#release span.price {}
#release a.buyButton {}
#release p.editorial {margin-left: 5px;margin-right: 5px;margin-bottom: 20px;padding: 8px;}
#release p.editorial:first-line {}
#release p.description {margin-bottom: 20px;padding: 8px;color:#999;font-size:12px;line-height:1.5;}
#release p.error {clear: both;margin-left: 5px;margin-right: 5px;margin-top: -20px;padding: 8px;color: #f9431a;}

#player {margin-top: 5px;margin-bottom: 5px;margin-left: 5px;margin-right: 5px;}

#contentFileTable {width: 100%;font-size:12px;color:#999;border:none;border-collapse:collapse;}
#contentFileTable tr:nth-child(even) {background:#030303;}
#contentFileTable td {padding:5px;}
#contentFileTable td.name {width: 100%;text-align: left;}
#contentFileTable td.play {text-align: right;white-space: nowrap;}
#contentFileTable td.buy {text-align: right;white-space: nowrap;}
#contentFileTable td.price {padding-left: 5px;text-align: right;white-space: nowrap;}

#releaseList {display: block;margin-top: 2px;padding: 10px;}
#releaseList ul li {margin:10px 0 20px 0;padding:10px;;background:#070707 url(/assets/images/metalmaniacs/feature-content-bg-cat.jpg) repeat-x 0 0;list-style-type: none;font-size:12px;color:#999;}
#releaseList hr {display: none;}
#releaseList img.releaseImage {float: left;margin: 5px 10px 5px 5px;}
#releaseList div.releaseInfo {padding: 5px;}
#releaseList a.release {font-size: 18px;font-weight: bold;}
#releaseList a.catNo {font-size: 12px;font-weight: bold;}
#releaseList a.artist {font-size: 14px;font-weight: bold;}
#releaseList a.label {font-size: 14px;font-weight: bold;}
#releaseList p.editorial {padding: 8px;}
#releaseList p.editorial:first-line {}
#releaseList p.description {padding: 8px;}
#releaseList p.moreButton {clear:both;padding:0 10px;text-align:right;}
#releaseList p.moreButton input {color: #fff;font-size:11px;background:#980b07;padding:5px;border:none;text-transform:uppercase;}

#searchList {display: block;margin-top: 2px;padding: 10px;}
#searchList hr {display: block;width: 420px;clear: both;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;height: 1px;color: #666;background-color: #666;border: none;}
#searchList ul, li {margin: 0px;padding: 0px;list-style-type: none;}
#searchList img.releaseThumb {float: left;margin: 5px 10px 5px 5px;}
#searchList a.release {font-size: 14px;font-weight: bold;}
#searchList a.artist {font-size: 12px;font-weight: bold;}
#searchList p.description {}
#searchList p.moreButton {float: right;margin-right: 5px;margin-bottom: 5px;}

#alphaList {display: block;margin-top: 2px;padding: 10px;}
#alphaList hr {clear: both;margin-bottom: 10px;height: 1px;color: #980b07;background-color: #980b07;border: none;}
#alphaList hr.last {clear: left;	background-color: transparent;width: 0px;border: 0px;}
#alphaList h2 {padding:5px 0;font-size: 22px;font-weight:normal;color:#fff;background:#980b07;text-align:center;}
#alphaList li {list-style-type: none;	}
.alphaLetterList li {display: block;float:left;margin:0 0 5px 0;width: 215px;font-size:12px;}

#orderBody {padding:15px;}
#orderBody h2 {margin:0 0 5px 0;font-size: 18px;color:#8B1001;font-weight: bold;}
#orderBody h2 span {display: block;width: 56px;height: 39px;float: right;vertical-align: middle;background-image: url(/assets/images/icon_gift.png);background-repeat: no-repeat;background-position: 50% 50%;}
#orderBody h3 {font-size: 12px;font-weight: bold;margin-bottom: 5px;}
#orderBody hr {display: block;margin-bottom: 10px;height: 1px;color: #222;background-color: #222;border: none;}
#orderBody p {margin-bottom: 5px;font-size:12px;color:#999;}
#orderBody p.error {color: #ff8521;}

#paymentMethodForm, #checkOutForm {font-size:12px;color:#999;}
#paymentMethodForm p, #checkOutForm p {margin:5px 0 10px 0;}
#paymentMethodForm h3, #checkOutForm h3 {margin:0 0 5px 0;font-size: 14px;color:#8B1001;font-weight: bold;}

#siteSeal {text-align: right;}

#orderTable {width: 100%;font-size:12px;color:#999;}
#orderTable td.name {width: 100%;text-align: left;}
#orderTable td.total {width: 100%;padding-left: 5px;padding-right: 5px;text-align: right;white-space: nowrap;}
#orderTable td.price {color: #fff;text-align: right;white-space: nowrap;}
#orderTable td.remove {padding-left: 5px;text-align: right;white-space: nowrap;}
#orderTable td.time {padding-left: 5px;text-align: right;white-space: nowrap;}

#downloadTable {width: 100%;margin:10px 0;font-size:12px;color:#999;border:none;border-collapse:collapse;}
#downloadTable p {margin-bottom: 5px;font-weight: bold;}
#downloadTable td {padding:5px;}
#downloadTable tr:nth-child(even) {background:#030303;}
#downloadTable td.name {width: 100%;text-align: left;}
#downloadTable td.filesize {padding-left: 5px;padding-right: 5px;text-align: right;white-space: nowrap;}
#downloadTable td.download {color: #FF8521;text-align: right;white-space: nowrap;}

#mainBody {padding: 15px;}
#mainBody a {text-decoration: underline;}
#mainBody h2 {font-size: 18px;color:#8B1001;font-weight: bold;margin-bottom: 5px;}
#mainBody hr {display: block;margin-bottom: 10px;height: 1px;color: #222;background-color: #222;border: none;}
#mainBody p {margin-bottom:18px;color:#999;font-size:12px;}
#mainBody input, #orderBody input {background:#3F0C08;color:#fff;font-size:11px;padding:5px;text-transform:uppercase;vertical-align: middle;border:none;}
#mainBody input.text, #orderBody input.text, #mainBody input.email, #mainBody input.password {width: 200px;background:#fff;text-transform:none;border:1px solid;color:#333;}
#mainBody input.textLong, #orderBody input.textLong {width: 300px;}
#mainBody textarea.textLong, #orderBody textarea.textLong {width: 300px;}
#mainBody input.cvc, #orderBody input.cvc {width: 30px;}
#orderBody input#voucher, #orderBody input#cvc {background:#fff;text-transform:none;border:1px solid;}
#mainBody select {margin-bottom: 5px;margin-right: 5px;vertical-align: middle;}
#mainBody ul {margin:10px 0;font-size:12px;}
#mainBody ul li {margin:10px 0;}
#mainBody ol {margin-top: 10px;margin-bottom: 10px;margin-left: 20px;margin-right: 10px;}

#footer {display: block;clear: both;padding:16px 24px;width:912px;background:#181818;}
#footerLinks {display: block;float: left;font-size:12px;}
#footerLinks a {margin-right: 10px;}
#footerLogo {display: block;position: relative;top: 5px;right: 15px;float: right;	width: 90px;height: 12px;background-image: url(/assets/images/klicktrack_logo_small_black.gif);background-position: 50% 50%;background-repeat: no-repeat;}
#footerLogo a {display: block;width: 100%;height: 100%;border:none;}

#shareEmbed {margin-top: 40px;}
#shareEmbed ul#shareEmbedTabs {text-align: left;margin: 1em 0em 0em 0em;font-weight: bold;list-style-type: none;padding: 3px 10px 3px 10px;}
#shareEmbed ul#shareEmbedTabs li {display: inline;}
#shareEmbed ul#shareEmbedTabs li.selected {}
#shareEmbed ul#shareEmbedTabs li.selected a {background-color: #eee;color: #333;position: relative;top: 1px;padding-top: 4px;}
#shareEmbed ul#shareEmbedTabs li a {padding: 3px 10px 3px 10px;border: 1px solid #999;background-color: #ccc;color: #666;margin-right: 4px;text-decoration: none;border-bottom: none;}
#shareEmbed ul#shareEmbedTabs a:hover { background: #fff;}
#shareEmbed .shareEmbedTabShow {background-color: #eee;padding: 10px 15px 15px 15px;border: solid 1px #999;}
#shareEmbed .shareEmbedTabHide {display: none;}
#shareEmbed .shareEmbedText {}
#shareEmbed .shareEmbedButton {margin: 8px 5px 3px 0;float: left;}
#shareEmbed .shareEmbedButton span {display: none;}