@import 'reset-min.css';
@import 'fonts-min.css';
@import 'base-min.css';
@import 'player.css';

/* text
 ------------------------------------------------------------------------------*/
        
html, body { color: #666; }

a { color: #2F3673; text-decoration: underline; }
a:hover { color: #000; }
a.imgbutton:hover, a.noshade:hover, a.plain:hover { color: #000; background-color: transparent; }

p { margin: 0.5em 0 0.5em 0; }

h1, h2, h3 { color: #2F3673; }
h1, .post h2 { font-size: 1.8em; margin: 0 0 0.5em 0; }
h2 { font-size: 1.4em; margin-top: 0; }
h3 { font-size: 1.1em; }

em { color: #2F3673; font-style: normal; font-weight: bold; }

strike { color: #999; }

.alone { margin: 1em 0 1em 0; }

/* disc view
 ------------------------------------------------------------------------------*/

div.actions { text-align: right; }

ol.discs { margin: 0; padding: 0; }
ol.discs li {
	background: transparent url(/media/images/sub-bg.jpg) no-repeat; 
	height: 112px;
	list-style: none;
	padding: 20px 10px 0 20px;
    margin-bottom: 10px;
}
ol.discs li { color: #000; }
ol.discs h3 { padding: 0; margin: 0; }
ol.discs h2 { padding: 0; margin: 0 0 0.3em 0; }
ol.discs li p { margin: 0; padding: 0; }

ol.discs_buttons { 
    float: right; 
}

ol.discs_buttons li { display: inline; height: auto; padding: 0; margin: 0; }

.disc_bar_panel {
	background: transparent url('/media/images/menu-drops/panel.png') no-repeat;
	font-size: 11px;
	position: absolute;
	padding: 15px;
	width: 308px; height: 138px;
	z-index: 500;
}
.disc_bar_panel h3 { font-size: 12px; padding: 0; margin: 0; }
.disc_bar_panel img { float: left; margin: 0 15px 0 0; }

img.cdpool_excl { margin-left: 0.5em; }
.track_number { float: left; width: 30px;  }
.track_title { color: #2F3673; }
.track_detail { float: left; width: 565px; }
.track_meta { color: #666; font-size: 0.8em; }
.track_meta_sep {  }
.track_meta_sep img {margin: 0 0.5em 0 0.5em; }

.released { color: #000; font-size: 0.8em; }
.price { font-size: 1.3em; }

/* disc view
 ------------------------------------------------------------------------------*/

 .sub_list {
    margin: 1em 0 1em 0
 }
                          
 .sub_list a { 
    background-color: #2F3673;
    border-bottom: 1px solid #fff;
    color: #fff; 
    display: block;
    padding: 0.5em;
 }
 .sub_list a:hover { text-decoration: underline; }

div.disc_purchase { margin-bottom: 1em; }
div.disc_purchase h3 { border: none; font-size: 1em; }
div.disc_purchase .first { border-right: 1px solid #D6E1E6; padding-left: 0;}
.disc_purchase_option { float: left; padding: 0 15px 0 15px; width: 265px; }
.disc_purchase_option .imgbutton { float: right; margin-left: 10px; }

div.cantBuy {
	color: #990000;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

li.buttons {
	margin: 1em 0 1em 0;
}

ol.tracks li h3, .search_list h3 { margin: 0; }
ol.tracks li .meta { color: #666; font-size: 0.85em; }

ol.tracks li, .search_list li {
	border-top: 1px solid #D6E1E6; color: #666;
	padding: 10px 0 10px 0;
}

ol.tracks li .play { float: right; margin-top: -1em; }

/* lists
 ------------------------------------------------------------------------------*/

ol.horizontal li {
    float: left;
}

ol.plain, .search_list { margin: 0; padding: 0; }
ol.plain li {
    background:  none;
    list-style: none;
}

ol.search_list li {
    list-style: none;
}

ol.subscriptions li { 
    clear: both;
}

ol.subscriptions li .imgbutton { 
    float: right;
    width: 80px;
    text-align: right;
}   

ol.subscriptions li .sub_option span { 
    font-size: 0.8em; display: block; padding: 0; }

ol.subscriptions { margin: 0; }

ol.subscriptions li { 
    list-style: none; 
}

.blogmain ul, .blogmain ol { margin: 0; }
.blogmain li { list-style: none; }

/* catalog

 ------------------------------------------------------------------------------*/

.cat_results_meta {
    margin: 1em 0 1em 0;
}

#catalog_filter_trail img { vertical-align: middle; }
 
.catalog_filter ol, #catalog_filters ol {
    margin: 1em 0 1em 0;
}

.catalog_filter li, #catalog_filters li {
    list-style: none;
}

.catalog_filter li.current { background-color: #DCE6E8; }

/* general page structure
 ------------------------------------------------------------------------------*/

#trail { margin-bottom: 10px; }
#trail li { font-size: 0.8em; margin: 1em 0 0 1em; }

.inner { 	
	margin: 0 auto 0 auto;
	width: 950px; 
}

#header {
	background-color: #999;
	height: 30px; line-height: 30px;
	margin-bottom: 10px;
}

#header_lft { float: left; width: 590px; }
#header_rgt { float: right; width: 340px; }

#header ol { height: 31px; line-height: 31px; }

#header ol a {
	background-color: transparent;
	border-right: 1px solid #898989;
	border-left: 1px solid #A3A3A3;
	color: #fff;
	font-size: 1em;
	padding: 0.5em 0.6em 0.4em 0.6em;
	text-decoration: none;
}

#header ol a:hover { color: #ccc; text-decoration: underline; }
#header ol li.first a { border-left: none; }
#header ol li.last a { border-right: none; }

#header form { 
    float: right; 
}

* html #header form { padding-top: 5px; }

#logo { float: left; padding: 15px 0 15px 0; }
#logo a, #roxxor a { background: transparent; }

#disc_bar {
	background: transparent url(/media/images/genre-bar-bg.jpg) no-repeat;
	clear: both;
	height: 34px; line-height: 34px;
	margin-bottom: 1px;
}

#disc_bar a {
	background-color: transparent;
	border-right: 1px solid #94D3F0;
	border-left: 1px solid #41B4E4;
	color: #303993;
	font-size: 13px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	padding: 9px 15px 9px 15px;
	text-decoration: none;
}

#disc_bar a:hover, #disc_bar li.current a { color: #DCF0FA; text-decoration: underline; }
#disc_bar li.first a { border-left: none; }
#disc_bar li.last a { border-right: none; }

#banner {
	margin-bottom: 1px solid #fff;
}

.banner {
    
}

#trail {
	background: transparent url(/media/images/trail-bg.jpg) no-repeat;
    clear: both;
	height: 33px;
}

#main {
	margin-bottom: 230px;
	position: relative;
}

#content_r div.hako_item { margin-bottom: 10px; }

#footer {
	clear: both;
	height: 220px;
	padding-top: 10px;
}

#footer_lft ol { margin-top: 2em; }
#footer_lft li a { color: #3EAFDF; font-size: 1.1em; padding: 0 0.5em 0 0.5em; }
#footer_lft li.first_in_list a { padding-left: 0; }
#footer_lft li a:hover { color: #000; }

#footer_preamble div.inner { 
	background: transparent url(/media/images/footer-top-bg.jpg) no-repeat bottom right; 
	height: 97px;
}

#footer_signup {
	border-top: 1px solid #D6E1E6;
	border-bottom: 1px solid #D6E1E6;
	font-size: 0.85em; 
	height: 2em; line-height: 2em;
	padding: 0.3em;
}

#footer_signup span { float: left; }
#footer_signup form { float: right;  }
#foot_call_us { margin-top: 20px; }

#footer_main { 
	background: #eee url(/media/images/footer-bg.gif) repeat-x; color: #aaa; font-size: 0.8em; 
	height: 123px;
}

#footer_main div.inner { 
	background: transparent url(/media/images/footer-tr-bg.jpg) no-repeat top right; 
	height: 113px; padding-top: 10px;
}

#footer_lft { float: left; width: 620px; }
#footer_rgt { float: right; width: 310px; }

#roxxor { margin: 1em 0 1em 0; }
#roxxor a { color: #aaa; text-decoration: none; }

/* http://www.themaninblue.com/experiment/footerStickAlt/good_example_short.htm */
#page {	min-height: 100%; }
* html #page { height: 100%; }
html { height: 100%; }
body { height: 100%; }
#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#footer { position: relative; margin: -230px auto 0 auto; }
* html #footer { margin-top: -230px; }

     
/* Paging
 ------------------------------------------------------------------------------*/

.paging, .search_paging {
    border-bottom: 1px solid #E3E2DE;
    clear: both;
    color: #7f7f7f;
    padding-bottom: 1em; margin-bottom: 1.5em;
    text-align: right
}

.paging ol, .search_paging ol { float: right; }

.paging li, .search_paging li { 
    border: 1px solid #ccc;
    float: left; 
    list-style: none;
    margin-left: 0.5em;
}

.paging li.current, .search_paging li.current { 
    border: none;
    color: #000; 
    font-weight: bold;
    padding: 0.3em 0.5em 0.3em 0.5em; 
}

.paging li a, .search_paging li a { 
    display: block;
    padding: 0.3em 0.5em 0.3em 0.5em; 
}

.paging li a:hover, .search_paging a:hover { 
    background: #eee;
    color: #666; 
}

.paging li.active, .paging li.current,
.search_paging li.active, .search_paging li.current {
    font-weight: bold;
}

/* forms
 ------------------------------------------------------------------------------*/

.auxButton {
    background-color: #838383;
    border: 1px solid #666;
    color: #fff;
}
 
#ecom { 
	background: #daf0fa url(/media/images/cart-bg.gif) no-repeat;
	color: #303993;
	float: right; padding-left: 50px;
    width: 220px; height: 45px; line-height: 45px;
}

#ecom_cart_grid th, #ecom_cart_grid td { border: none; }
#ecom_cart_grid label { font-weight: normal; }
#ecom_cart_complete_pretext { background: #fff; }

fieldset {
	border: 1px solid #ccc;
	padding: 1em; margin: 0 0 1em 0;
}

fieldset.actions {
	text-align: center;
}

#ecom_cart legend { 
	font-weight: bold;
}

fieldset fieldset { border: none; }

fieldset table td { border: none; padding: 0.3em; }

div.field { 
	display: inline; 
}

strong.validated, label.validated { 
	color: #666;
	font-weight: bold;
}

.box { 
    background-color: #eee;
    color: #000; 
    margin: 0.5em 0 0.5em 0; padding: 1em;
}

.info, .search_no_results { 
    background-color: #2F3673;
    color: #fff; 
    margin: 0.5em 0 0.5em 0; padding: 1em;   
}

.errors, #ecom_cart .errors { 
	background: none;
	color: red; font-size: 20px;
	margin: 0.5em 0 0.5em 0; padding: 0;
}

.errors ul { list-style: none; padding-left: 0; }

.message {
	border: 2px solid #2F3673;
	padding: 1em;
	margin-bottom: 1em;
}

span.error, #ecom_cart span.error { 
	background-color: #2F3673;
	color: #fff; 
	display: block; 
	font-size: 0.8em; 
	margin: 0.5em 0 0.5em 0; padding: 0.4em;
}

ul.webform_note { list-style: none; margin: 0; padding: 0; }
ul.webform_note li { color: #999; display: inline; font-size: 11px; }

button {
	border:none; background:none; cursor: pointer;
	padding:0; margin-top: -2px;
	vertical-align: middle; 
}

#ecom_promo { margin-top: 20px; }
#ecom_promo .button{ 
    vertical-align: bottom
}

/* search
 ------------------------------------------------------------------------------*/

.search_data { width: 100%; }
.discLinks { font-size: 0.8em; }

/* Form
 ------------------------------------------------------------------------------*/
 
 label { font-weight:  bold; }
 
 td { vertical-align: top; }
 
/* Tables
 ------------------------------------------------------------------------------*/
 
table td { border: none; }

table.list { border-bottom: 2px solid #2F3673; margin: 1em 0 1em 0; width: 100%; }
table.list th { background: #2F3673; border: none; color: #fff; text-align: left; }
table.list th.first { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
table.list th.last { -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
table.list td { border-bottom: 1px solid #d6e1e5; color: #333; }
table.list tr.alt td { background: #f8f8f8; }
table.list tr:hover td { background: #daf0fa; }

 
/* Misc
 ------------------------------------------------------------------------------*/
 
#homeblocks .first, #content_r .homeblock { margin-left: 0; }

.homeblock { 
    padding: 10px; margin-left: 25px; margin-bottom: 20px;
    width: 280px; height: 135px;
    float: left;
}

.homeblock h2 { font-size: 16px; font-weight: normal; margin: 0 0 10px 0; }
.homeblock h3 { font-size: 16px; font-weight: normal; margin: 0; }
.homeblock p {  font-size: 0.8em; line-height: 1.5em; width: 180px; }

#testimonial_homeblock p { width: 220px; }

#subscribe_block p, #whichdiscsuitsme_block p { width: 180px; }

#subscribe_block {
    background: #fff url(/media/images/home-block-subscribe.jpg) no-repeat;
    margin-right: 25px;
}

#whichdiscsuitsme_block {
    background: #fff url(/media/images/home-block-whichdiscsuitsme.jpg) no-repeat;
    margin-right: 25px;
}

#page.Home .testimonial {
    background: #fff url(/media/images/home-block-quote.jpg) no-repeat;
}

#page.Home .testimonial p, 
#page.Home .testimonial span { 
    padding-left: 60px; 
}  

#page.Default .testimonial {
    background: #fff url(/media/images/quotes.gif) no-repeat 0 0;
    padding: 0 0 0 70px;
    margin-bottom: 3em;
}

.contact_fields_marked_txt {
    border: 1px solid #2F3673;
    color: #2F3673;
    padding: 1em; margin: 1em 0 1em 0;
}

hr {
    clear: both;
    border: none;
    background-color: #ccc; color: #ccc;
    height: 1px;
    margin: 1em 0 1em 0;
}

form.subscriptions {
    border-bottom: 1px solid #D6E1E6;
    padding-bottom: 1em;
}

/* css hax */

.clearfix:after, 
.search_list li:after,
.search_paging:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix,
.search_list li,
.search_paging {
    display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] .search_list li,
html[xmlns] .search_paging {
    display: block;
}

* html .clearfix,
* html .search_list li,
* html .search_paging {
    height: 1%;
}

/* New Styling **********************************************/

#main-content { 
	position: relative;
}

#content_l {
	float: left;
	width: 585px;
}

#content_r {
	float: right;
	width: 295px; 
}

.main-panel {
	background: transparent url(/media/images/v2/main-panel-bg.jpg) repeat-x;
	border: 1px solid #d6e1e5;
	overflow: hidden;
	padding: 0 15px 15px 15px; 
	/* position: relative; */
	margin-bottom: 20px;
	border-radius: 10px; -moz-border-radius: 10px;
	z-index: 100;
}
.main-panel-no-title { padding-top: 15px; }
.main-panel-wide #content_l { width: 615px; }
.main-panel .imgbutton { position: absolute; top: 15px; right: 15px; }

/* Rail */

.rail-box {
	background: #fff;
	border: 1px solid #d6e1e5;
	border-radius: 10px; -moz-border-radius: 10px;
	margin-bottom: 10px;
	width: 295px;
}

.rail-box h2 { margin-bottom: 10px; }
.rail-box h3 { margin: 0; }

.rail-box-head {
	padding: 10px;
}

.rail-box-foot {
	background: transparent url(/media/images/v2/rail-box-foot-bg.jpg) repeat-x;
	font-size: 11px; 
	height: 28px; line-height: 28px;
	padding: 0 10px 0 10px;
	border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; border-radius-bottom-right: 10px;
}

/* Text */
	
#content_l h1 { margin-top: 27px; }
.main-panel-wide #content_l h1 { margin-top: 0; }

h1 { font: bold 24px 'Arial'; }
h2 { font: bold 21px 'Arial'; }
h3 { font: bold 15px 'Arial'; }

h1.compact, h2.compact, h3.compact { margin: 0; }

/* Tables */

table.normal { border: none !important; color: #333; width: 100%; }
table.normal th, table.normal td { background: #fff; color: #333; font-size: 12px; padding: 10px !important; }
table.normal th { background: #999 !important; color: #fff; }
table.normal td.nopad { padding: 0 !important; }
table.normal tr.alt td { background: #f8f8f8 !important; }
table.normal tr.error td { background: #ffe5e5 !important; }
table.normal td label { color: #333 !important; }
table.normal tr.error td label { color: red !important; }

table.normal-inner { margin: 0 !important; border-bottom: none !important; }
table.normal-inner tr.last td { border-bottom: none !important; }

table.bordered { border: 1px solid #d6e1e5 !important; }
table.bordered td { border-bottom: 1px solid #d6e1e5 !important; }

tr.ecom_delivery_opts td { background: #fff; }
tr.ecom_delivery_opts ol { margin: 5px 0 5px 0; }
tr.ecom_delivery_opts li { margin: 5px 0 5px 0; }
tr.ecom_total td { background: #ffffcc !important; font-weight: bold; vertical-align: middle; }
tr.ecom_total td span { font-weight: normal; }

/* Forms */

.main-panel input[type=text] { background: #daf0fa; border: 1px solid #d6e1e5; padding: 5px; width: 66% !important; }

/* Button - Green */

a.button {
	border: 0;
	cursor: pointer;
	display: block;
	height: 36px;
	padding-right: 10px;
	position: relative; 
	overflow: visible;
	text-decoration: none;	
}

a.button span { 
	display: block; 
	height: 36px; line-height: 36px;
	font-size: 14px;
	padding-left: 10px;
	position: relative; top: 0;
	text-shadow: #666 1px 1px 5px;
}

a.narrow-button { float: left; }

a.large-button span { font-size: 20px; }
a.button sup { font-size: 12px; line-height: 1em; }

a.green-button { background: transparent url(/media/images/v2/btn-green.png) no-repeat right -46px; }
a.green-button span { background: transparent url(/media/images/v2/btn-green.png) no-repeat left top; color: #fff; }

/* Custom - Disc List Item */

.more_reveal_text { display: none; }

.disc-list-item {
	background: transparent url(/media/images/v2/disc-list-item-bg.jpg) repeat-x top;
	border: 1px solid #d6e1e5;
	/* height: 130px; */
	overflow: hidden;
	padding: 0 15px 15px 15px; margin-bottom: 20px;
	border-radius: 5px; -moz-border-radius: 5px;	
}

.disc-list-item-auto { height: auto; }

.product_in_panel {
	background: #fff;
	border: 1px solid #d6e1e5;
	padding: 15px; margin-bottom: 20px;
	border-radius: 5px; -moz-border-radius: 5px;
}

.product_in_panel h3 { margin: 0; padding: 0; }

/* Custom - Disc */

.disc-head { margin-top: 15px; overflow: hidden; }
.disc-head-control { position: absolute; right: 15px; top: 15px; font-weight: bold; }
.disc-lead { float: left; width: 585px; }
.disc-body { clear: left; }
.disc-tracks { float: left; width: 585px; }
.disc-rail { float: right; width: 295px; }

.disc-subscription-popular { float: right; }
.disc-subscription-popular a.button { position: absolute; right: 10px; top: 10px; }
	
.box-subscribe {
	background: #eff5dd;
	border-top: 1px solid #d6e1e5;
	padding: 10px;
	position: relative; 
}
.box-subscribe h2 { color: #333; }
.box-subscribe h2 sup { font-size: 12px; font-weight: normal }
.box-subscribe h2 sup { font-size: 12px; }
.box-subscribe img { position: absolute; right: 10px; top: 10px; }
.box-subscribe span { color: #888; font-size: 11px; position: absolute; bottom: 10px; }

#disc-subscription-options {
	background: #d6e1e5;
	clear: both; 
	display: none;
	padding: 10px; margin-bottom: 10px;
	border-radius: 10px; -moz-border-radius: 10px;
}
#disc-subscription-options h3 { margin: 0 0 10px 0; }
#disc-subscription-options .rail-box { border: none; float: left; margin-left: 21px; width: 285px; }
#disc-subscription-options .first { margin-left: 0; }
#disc-subscription-options img { position: relative; right: 0; top: 0; }
#disc-subscription-options p.single { clear: both; color: #2f3673; }
#disc-subscription-options p.single a { font-weight: bold; }

/* Custom - Track List */

ol.track-list {
	background: #daf0fa;
	margin: 0;
}

ol.track-list li { 
	border-bottom: 1px solid #fff; list-style: none;
	font-size: 11px; font-weight: bold;
	padding: 8px 0 8px 10px; 
}

ol.track-list li span { display: block; font-weight: normal; }

ol.track-list li.foot { 
	background-color: #dae4e7; color: #666666;
	font-weight: normal;
}
ol.track-list li.foot strong { color: #2f3673; }

table.track-list{ width: 100%; }
table.track-list * { font-size: 11px; }
table.track-list th { background: #2f3673; border: none; color: #fff; text-align: left; }
table.track-list th.first { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
table.track-list th.last { -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
table.track-list tbody td { border-bottom: 1px solid #d6e1e5; color: #333; }
table.track-list span { color: #999999; display: block; }
table.track-list td.track-number { color: #999999; }
table.track-list td.track-name { width: 380px  !important; }
table.track-list td.track-meta { width: 200px !important; }
table.track-list tr.alt td { background: #f8f8f8; }
table.track-list tr:hover td { background: #daf0fa; }

a.part-of-djp {
	background: #a2d8f2 url(/media/images/v2/part-of-dj-pack.png) no-repeat;
	border-radius: 15px; -moz-border-radius: 15px;
	display: block;
	height: 28px; line-height: 28px;
	float: left; font-weight: bold;
	padding: 0 10px 0 35px; margin-bottom: 20px;
	text-decoration: none;
}

#code-charts { background: #fff; border: 1px solid #d5e1e5; border-radius: 5px; -moz-border-radius: 5px; }
#code-charts h2 { padding: 10px; margin: 0; }
#code-charts ul { margin: 0; padding: 0; }
#code-charts li { list-style: none; }
#code-charts li a { background: #e4f2fa; display: block; padding: 0.8em; margin-top: 1px; text-decoration: none; }
#code-charts li a span { color: #666; display: block; font-size: 0.8em; text-decoration: none; }

/* Facebox */

.facebox {
	display:none;
	width:600px;
	border:10px solid #666;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position: absolute;
}

.facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.facebox h2 {
	margin:-11px;
	margin-bottom: 20px;
	color:#fff;
	background-color:#6D84B4;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}

.facebox h3, .facebox ol { margin: 1em 0 1em 0; }
.facebox ol.track-list { background: none; }
.facebox ol.track-list li { border-bottom: 1px solid #eee; }

div.inline_product_name_buy {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	margin: 0; padding: 5px 0 5px 10px;
}
ul.product_name_covers { float: left; margin: 0; width: 45%; }
ul.product_name_covers li {
	float: left;
	list-style: none;
	margin-right: 20px;
}
ul.product_name_covers li:last-child { margin-right: 0; }

.buy_inline { float: right; width: 45%; margin: 5px 0 0 0; position: relative; }
.buy_inline li { float: left; list-style: none; }
.buy_inline li.buy_inline_price { padding-right: 0px; }
.buy_inline li.buy_inline_price h3 { color: black; font-size: 1.4em; margin: 0; }
.buy_inline li.buy_inline_price sup { font-size: 0.6em; font-weight: normal; }
.buy_inline li.buy_inline_price span { font-size: 0.8em; }
.buy_inline li.buy_inline_btn {	position: absolute; right: 10px;}