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

/* cd pool blue #2F3673 */

/* 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; }

/*
a.button, a.decorated { background-color: #DCF0FA; font-weight: bold; }
a.plain { 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;
}
.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; }

.disc_head {
	background: transparent url(/media/images/disc-head-bg.jpg) no-repeat 0 0;
    overflow:hidden;
	height: 5px; 
}

.disc {
	background: transparent url(/media/images/disc-bg.jpg) no-repeat 1px 0;
	border-left: 1px solid #D6E1E6; border-right: 1px solid #D6E1E6;
	padding: 15px;
	width: 595px;
}

.disc_foot {
	background: transparent url(/media/images/disc-foot-bg.jpg) no-repeat 0 0;
	height: 5px;
}

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 1.7em 0.4em 1.7em;
	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: 1.1em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.5em 1.3em 0.5em 1.3em;
	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;
}

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

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

#content_r { overflow: hidden; }

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

.railBox {
	margin: 0 0 15px 0; 
    width: 300px;
}

.railBoxHead {
    background: transparent url(/media/images/rail-box-head.gif) no-repeat 0 0;
    height: 4px;
    overflow:hidden;
}

.railBoxBody {
    background: transparent url(/media/images/rail-box-body.jpg) no-repeat 0 0;
    padding: 10px 10px 10px 10px;
    border-left: 1px solid #DCE6E8;
    border-right: 1px solid #DCE6E8;
}

.railBoxHL .railBoxBody {
    background: transparent url(/media/images/rail-box-body-hl.jpg) repeat-x 0 0;
    border-left: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    border-right: 1px solid #E1E100;
    border-bottom: 1px solid #E1E100;
    
}

.railBoxFoot {
    background: transparent url(/media/images/rail-box-foot.gif) no-repeat;
    height: 4px;
    margin-bottom: 1em;
}

.railBox h2 { font-weight: normal; padding: 0; margin:0 }
.railBox h3 { padding: 0; margin:0 }
.railBox h3.tagline { font-weight: normal; }

#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 { 
	color: #303993;
	float: right; 
    text-align: right;
}

#ecom_header { width: 320px; }
#ecom_header h3 { padding: 0; margin: 0; }
#ecom_header img { float: right; margin-left: 10px; }

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

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-color: #2F3673;
	color: #fff; 
	margin: 0.5em 0 0.5em 0; padding: 1em;
}

.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; display: inline; }
ul.webform_note li { color: #999; display: inline; }

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

#ecom_promo {
    border: 1px solid #ccc; padding: 1em;
}

#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; }
 
/* 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, .homeblock h3 { font-weight: normal; padding: 0; margin: 0; }
.homeblock h3 { font-size: 1.1em; }
.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%;
}