
@import "reset.css";
@import "fonts.css";

/*
** Global Settings
*/

a {
 color: #000;
}

body {
 background: #010202 url(/images/layout/background.jpg) no-repeat top center;
}

.clear_floats {
 clear: both;
}

/*
** Containers
*/

.page_container {
 margin: 0 auto;
 padding: 0 20px 0 0;
 width: 970px;
 display: block;
}

#page_container_first {
 margin-top: 20px;
}

#page_container_last {
 margin-bottom: 20px;
}

/*
** Headers
*/

#page_header {
 float: left;
 display: block;
 width: 954px;
}

#page_header_background {
 width: 945px;
 display: block;
 float: right;
 background-color: #fdfbec;
}

#social-menu
{
    float: right;
    margin: 5px 13px 0 0;
	display: block;
	height: 30px;
}

#social-menu li
{
    display: block;
    margin-left: 20px;
	height: 26px;
    float: left;
}

#social-menu li span
{
    height: 20px;
    display: block;
    padding-top: 6px;
}

#social-menu li a
{
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 20px;
    display: block;
    padding-top: 6px;
    text-decoration: none;
}

#social-menu li a:hover
{
    text-decoration: underline;
}

#social-menu li a#facebook
{
    background-image: url(/img/facebook-small.png);
}

#social-menu li a#myspace
{
    background-image: url(/img/myspace-small.png);
}

#page_header_home {
 float: left;
 padding: 5px 0 0 12px;
}

#page_header_logo {
 clear: both;
 float: left;
	margin-top: 5px;
 padding: 5px 0 7px 12px;
}

/*
** Body Related
*/

#page_body {
 float: left;
 display: block;
 width: 954px;
 background: url(/images/layout/leftmenubar.gif) no-repeat top left;
}

#page_body_background {
 width: 937px;
 display: block;
 float: right;
 background-color: #fdfbec;
}

#page_body_menu_column {
 float: left;
 padding: 0 10px 10px 0;
}

.page_body_column_header {
 color: #fff;
 /*font-size: 138.5%;*/
 font-size: 131%;
 padding: 10px;
 font-weight: normal;
}

.page_body_column_header a {
 color: #fff;
 text-decoration: none;
 font-weight: normal;
}

.page_body_column_header strong {
 font-weight: 900 !important;
}

.page_body_column_sub_header {
 padding: 0 0 10px 0;
 font-weight: bold;
 color: #fff;
}

.page_body_column_sub_header a {
 color: #fff;
 text-decoration: none;
}

.page_body_column_sub_header a:hover {
 text-decoration: underline;
}


/*
** General column content
*/

.page_body_column_content {
 color: #fff;
 padding: 0 10px;
}

.page_body_column_content ul {
 padding: 0 0 15px 0;
}

.page_body_column_content ul li a {
 color: #fff;
 text-decoration: none;
 font-size: 85%;
 background: url(/images/layout/columnbullets.gif) no-repeat center left;
 padding: 0 0 0 10px;
}

.page_body_column_content ul li a:hover {
 text-decoration: underline;
}

.page_body_column_content_body {
 font-size: 85%;
}

.page_body_column_content_body_more {
 color: #fff;
 text-decoration: none;
 font-size: 85%;
 float: left;
 clear: both;
}

.page_body_column_content_body_more:hover {
 text-decoration: underline;
}

/*
** Menu
*/

#page_body_menu_menu {
 width: 182px;
 background: #050200 url(/images/layout/topboxdefault.jpg) no-repeat top center;
 border-left: 14px solid #633900;
}

#page_body_menu_menu_container {
 width: 182px;
 background: url(/images/layout/bottomboxmenu.jpg) no-repeat bottom center;
 padding: 0 0 35px 0;
}

#page_body_menu_menu_list ul li a {
 display: block;
 color: #fff;
 font-weight: bold;
 padding: 4px 0 4px 14px;
 text-decoration: none;
 border-bottom: 1px solid #fff;
 width: 168px;
 background-color: #000;
}

#page_body_menu_menu_list ul li a:hover {
 background-color: #935500;
}

/*
** Shopping Cart Summary
*/

#page_body_menu_cart {
 width: 189px;
 background: #050200 url(/images/layout/topboxcart.jpg) no-repeat top center;
 margin: 10px 0 0 7px;
}

#page_body_menu_cart_container {
 width: 189px;
 background: url(/images/layout/bottomboxcart.jpg) no-repeat bottom center;
 padding: 0 0 20px 0;
}

.page_body_column_cart_item, .page_body_column_cart_item_others {
 width: 165px;
 clear: both;
}

.page_body_column_cart_item_others {
 padding: 10px 0 0 0;
}

.page_body_column_cart_artist {
 font-weight: bold;
 text-decoration: none;
 font-size: 100%;
}

.page_body_column_cart_artist a, .page_body_column_cart_title a {
 color: #fff;
 text-decoration: none;
}

.page_body_column_cart_artist a:hover, .page_body_column_cart_title a:hover {
 text-decoration: underline;
}

.page_body_column_cart_title {
 text-decoration: none;
 font-size: 77%;
}

.page_body_column_cart_quantity label, .page_body_column_cart_price label, .page_body_column_cart_format label {
 float: left;
 font-weight: bold;
 width: 60px;
 display: block;
}

.page_body_column_cart_format {
 padding: 5px 0 0 0;
 font-size: 85%;
}

.page_body_column_cart_quantity {
 padding: 0 0 0 0;
 font-size: 85%;
}

.page_body_column_cart_price {
 padding: 0 0 10px 0;
 font-size: 85%; 
}

#page_body_column_cart_checkout, .page_body_column_cart_remove_item {
 float: left;
 display: block;
 color: #fff;
 background-color: #633900;
 text-decoration: none;
 padding: 3px;
 width: 85px;
 font-size: 85%;
 font-weight: bold;
 margin: 5px 0 0 0;
}

#page_body_column_cart_checkout:hover, .page_body_column_cart_remove_item:hover {
 background-color: #935500;
}

/*
** Favourites
*/

#page_body_menu_favourites {
 width: 189px;
 background: #050200 url(/images/layout/topboxdefault.jpg) no-repeat top center;
 margin: 10px 0 0 7px;
}

#page_body_menu_favourites_container {
 width: 189px;
 background: url(/images/layout/bottomboxfavourites.jpg) no-repeat bottom center;
 padding: 0 0 30px 0;
}

/*
** Column 2
*/

#page_body_search_column {
 float: left;
 padding: 0 0 10px 10px;
}

/*
** Quick Search
*/

#page_body_search_search {
 width: 189px;
 background: #050200 url(/images/layout/topboxsearch.jpg) no-repeat top center;
 margin: 0;
}

#page_body_search_search_container {
 width: 189px;
 background: url(/images/layout/bottomboxsearch.jpg) no-repeat bottom center;
 padding: 0 0 30px 0;
}

.page_body_column_search_form_row {
 clear: both;
}

#page_body_column_search_label {
 float: left;
 display: block;
 font-weight: bold;
 padding: 2px 0 0 0;
}

#page_body_column_search_field {
 float: left;
 display: block;
 margin: 0 5px 0 5px;
 width: 85px;
 background-color: #000;
 border: 1px solid #fff;
 height: 18px;
 color: #fff;
}

#page_body_column_search_go {
 float: left;
 display: block;
 background-color: #633900;
 border: 0;
 color: #fff;
 font-weight: bold;
 font-size: 93%;
 padding: 3px;
 cursor: pointer;
}

#page_body_column_search_go:hover {
 background-color: #935500;
}

#page_body_column_search_by_label {
 float: left;
 display: block;
 font-weight: bold;
 padding: 4px 0 4px 0;
}

#page_body_column_search_by_options {
 float: left;
 display: block;
 clear: both;
 width: 164px;
}

#page_body_column_search_by_options div {
 float: left;
 display: block;
 width: 82px;
}

#page_body_column_search_by_options div label {
 float: left;
 display: block;
 width: 55px;
}

/*
** Genre Search
*/

#page_body_search_genre {
 width: 189px;
 background: #050200 url(/images/layout/topboxdefault.jpg) no-repeat top center;
 margin: 10px 0 0 0;
}

#page_body_search_genre_container {
 width: 189px;
 background: url(/images/layout/bottomboxgenre.jpg) no-repeat bottom center;
 padding: 0 0 20px 0;
}

/*
** Index Search
*/

#page_body_search_atoz_header {
 padding: 5px 0 0 0;
 font-size: 300%;
 font-weight: bold;
}

#page_body_search_atoz_container {
 background-color: #050200;
 width: 202px;
}

#page_body_search_atoz {
 background-color: #050200;
 width: 172px;
 padding: 10px 0 10px 10px;
 margin: 0 0 0 0;
}

#page_body_search_atoz a {
 float: left;
 width: 14px;
 padding: 0;
 margin: 1px;
 font-size: 93%;
 background-color: #fdfbec;
 text-align: center;
 text-decoration: none;
 color: #000;
}

#page_body_search_atoz a#atoz_number {
  width: 30px;
}

#page_body_search_atoz a:hover {
 background-color: #000;
 color: #fff;
}

/*
** News Summary
*/

#page_body_search_news {
 width: 189px;
 background: #050200 url(/images/layout/topboxdefault.jpg) no-repeat top center;
 margin: 10px 0 0 0;
}

#page_body_search_news_container {
 width: 189px;
 background: url(/images/layout/bottomboxnews.jpg) no-repeat bottom center;
 padding: 0 0 30px 0;
}

/*
** Newsletter
*/

#page_body_search_newsletter {
 width: 189px;
 background: #050200 url(/images/layout/topboxdefault.jpg) no-repeat top center;
 margin: 10px 0 0 0;
}

#page_body_search_newsletter_container {
 width: 189px;
 background: url(/images/layout/bottomboxfavourites.jpg) no-repeat bottom center;
 padding: 0 0 45px 0;
}

.page_body_column_newsletter_form_row {
 clear: both;
}

#page_body_column_newsletter_label {
 float: left;
 display: block;
 font-weight: bold;
 padding: 2px 0 0 0;
 width: 45px;
}

#page_body_column_newsletter_field {
 float: left;
 display: block;
 margin: 0 5px 0 5px;
 width: 85px;
 background-color: #000;
 border: 1px solid #fff;
 height: 18px;
 color: #fff;
}

#page_body_column_subscribe_go {
 float: left;
 display: block;
 background-color: #633900;
 border: 0;
 color: #fff;
 font-weight: bold;
 font-size: 93%;
 padding: 3px;
 cursor: pointer;
}

#page_body_column_newsletter_go:hover {
 background-color: #935500;
}

#page_body_column_subscribe_by_options {
 float: left;
 display: block;
 clear: both;
 width: 164px;
 padding-top: 10px;
}

#page_body_column_subscribe_by_options div {
 clear: both;
 float: left;
 display: block;
 width: 100%;
 padding-bottom: 5px;
}

#page_body_column_subscribe_by_options div label {
 float: left;
 display: block;
 width: 140px;
}

#page_body_column_subscribe_by_options div input {
 float: right;
}

/*
** Main Column
*/

#page_body_main_column {
 float: left;
 width: 491px;
 padding: 0 14px 40px 14px;
}

#page_body_main_column h1, #page_body_main_column h2, #page_body_main_column h3 {
 font-weight: bold;
 width: 100%;
 padding-bottom: 10px;
}

#page_body_main_column h1 {
 font-size: 260%;
}

#page_body_main_column h2  {
 font-size: 167%;
}

#page_body_main_column h3 {
 font-size: 131%;
 padding-top: 15px;
 padding-bottom: 5px;
}

#postage_list li, #contact_list {
 padding: 10px 0;
}

#postage_list li ul li, #contact_list li {
 padding: 1px 0 0 15px;
 background: url(/images/layout/middlebullets.gif) no-repeat center left;
}

#contact_list li label {
 font-weight: bold;
}

#page_body_main_column #tagline {
 font-size: 131%;
 font-weight: bold;
 float: left;
 width: 100%;
 padding-bottom: 15px;
 display: none;
}

#page_body_main_column p {
 font-size: 93%;
 padding: 5px 0;
}

#page_body_main_column hr {
 clear: both;
 height: 1px;
 color: #b5b4aa;
 margin: 0;
 border: 0;
 padding: 0;
 background-color: #b5b4aa;
}

.hrule {
 clear: both;
 float: left;
 display: block;
 width: 100%;
 height: 1px;
 border-bottom: 1px solid #b5b4aa;
 padding: 0;
 margin: 5px 0;
}

/*
** Grouping Tab
*/

#page_body_main_column .grouping_tab {
 width: 100%;
 border-bottom: 2px solid #000;
 height: 26px;
 margin: 15px 0 5px 0;
 color: #fff;
 font-size: 146.5%;
}

#page_body_main_column .grouping_tab strong {
 padding: 0 0 0 5px;
 font-weight: bold;
}

#page_body_main_column .grouping_tab .grouping_tab_label {
 float: left;
 background-color: #000;
 height: 26px;
}

#page_body_main_column .grouping_tab .grouping_tab_angle {
 float: left;
 display: block;
 background: url(/images/layout/groupingtab.gif) no-repeat top left;
 width: 33px;
 height: 26px;
}

/*
** Product Listing
*/

.product_listinga, .product_listingb {
 float: left;
 width: 235px;
 padding: 15px 0 15px 0;
}

.product_listingb {
 float: right;
}

.product_listing_cover_image {
 float: left;
 display: block;
 width: 90px;
 height: 91px;
 padding: 0 6px 6px 0;
 background: url(/images/layout/covershadow.jpg) no-repeat top left;
}

.product_listing_details {
 display: block;
 float: left;
 width: 125px !important;
 margin: 0 0 0 10px;
 min-height: 150px;
 height: auto !important;
 height: 150px;
}

.product_listing_artist, .product_listing_title, .product_listing_summary, .product_listing_review_link,
.product_listing_format, .product_listing_price, .product_listing_more_by_artist, .product_listing_label {
 float: left;
 display: block;
 width: 124px !important;
}

.product_listing_artist {
 font-weight: bold;
 text-decoration: none;
 color: #000;
 font-size: 100%;
}

.product_listing_title {
 font-weight: bold;
 text-decoration: none;
 color: #000;
 font-size: 85%;
}

.product_listing_summary {
 font-size: 85% !important;
/* height: 37px;
 overflow: hidden;*/
}

.product_listing_review_link {
 font-size: 85%;
 font-weight: bold;
}

.product_listing_format, .product_listing_price {
 font-size: 85%;
}

.product_listing_format span, .product_listing_price span, .product_listing_label span {
 font-weight: bold;
}

.product_listing_more_by_artist {
 font-size: 85%;
}

.product_listing_label a {
 font-size: 85%;
}

.product_listing_controls {
 float: left;
 display: block;
 width: 235px;
 padding: 10px 0 0 0;
 clear: both;
}

.product_listing_sound_clip, .product_listing_add_to_cart {
 float: left;
 display: block;
 font-weight: bold;
 text-decoration: none;
}

.product_listing_sound_clip {
 padding: 0 0 0 20px;
 background: url(/images/layout/soundclipicon.gif) no-repeat center left;
 width: 86px;
}

.product_listing_add_to_cart {
 padding: 0 0 0 25px;
 background: url(/images/layout/shoppingcarticon.gif) no-repeat center left;
}

.product_listing_add_to_cart:hover, .product_listing_sound_clip:hover, .product_listing_artist:hover,
.product_listing_title:hover {
 text-decoration: underline;
}

.product_listing_review_link:hover, .product_listing_more_by_artist:hover, .product_listing_label a:hover,
.product_listing_summary a:hover {
 text-decoration: none;
 color: #935500;
}

/*
** Product Page Specific
*/

.back_to_link {
 display: block;
 font-weight: bold;
 clear: both;
 font-size: 100%;
 text-decoration: none;
 padding: 20px 0 15px 0;
}

#full_product_title {
 padding: 10px 0;
 font-size: 131%;
 font-weight: bold;
 clear: both;
 float: left;
}

#full_product_spec {
 width: 100%;
 clear: both;
 padding: 10px 0 10px 0;
}

#full_product_spec_cover {
 float: left;
 display: block;
 width: 90px;
 height: 91px;
 padding: 0 6px 6px 0;
 background: url(/images/layout/covershadow.jpg) no-repeat top left;
}

#full_product_spec_details {
 float: left;
 display: block;
 padding: 0 0 0 10px;
 width: 382px;
}

#full_product_spec_details label {
 float: left;
 display: block;
 font-weight: bold;
 width: 150px;
}

#full_product_spec_details span {
 display: block;
 float: left;
 width: 232px;
}

#full_product_details {
 float: left;
 display: block;
 width: 382px;
 padding: 10px 0 0 108px;
}

#full_product_details label {
 float: left;
 display: block;
 width: 100%;
 font-weight: bold;
}

#full_product_details span {
 float: left;
 display: block;
 width: 100%;
 padding: 0 0 10px 0;
}

#full_product_details_more_by {
 clear: both;
 float: left;
 display: block;
 padding: 0 0 10px 0;
 margin-right: -3px;
 font-weight: bold;
 width: 200px;
}

#full_product_details_add_to_cart, #full_product_details_continue_shopping,
#full_product_details_quantity {
 display: block;
 clear: both;
 font-weight: bold;
 padding: 5px 0 5px 30px;
 width: 200px;
 text-align: left;
 border: 0;
}

#full_product_details_sound_clip {
 display: block;
 float: left;
 width: 90px;
 padding: 5px 0 5px 30px;
 font-weight: bold;
}

#full_product_details_sound_clip_wrapper {
 display: block;
 clear: both;
 width: 380px;
}

.music_player_details {
 display: block;
 float: left;
 width: 250px;
 height: 23px;
 padding: 3px 0 0 10px;
}

#full_product_details_add_to_cart {
 text-decoration: underline;
}

#full_product_details_sound_clip {
 background: url(/images/layout/soundclipicon.gif) no-repeat center left;
}

#full_product_details_add_to_cart {
 background: url(/images/layout/shoppingcarticon.gif) no-repeat center left;
}

#full_product_details_sound_clip, #full_product_details_add_to_cart, #full_product_details_continue_shopping, #full_product_details_more_by {
 text-decoration: underline;
 cursor: pointer;
}

#full_product_details_sound_clip:hover, #full_product_details_add_to_cart:hover, #full_product_details_continue_shopping:hover, #full_product_details_more_by:hover {
 text-decoration: none;
 color: #935500;
}

#full_product_details_quantity input {
 background-color: #fff;
 border: 1px solid #000;
 height: 18px;
 width: 20px;
 margin: 0 0 0 10px;
}

/*
** Paging Bar
*/

#paging_bar {
 border-bottom: 2px solid #000;
 padding: 60px 0 0 0;
 margin: 0px auto 20px auto;
 text-align: center;
}

#paging_bar_previous, #paging_bar_next {
 float: left;
 background-color: #000;
 padding: 5px;
 display: block;
 width: 45px;
 height: 18px;
}

#paging_bar_previous a, #paging_bar_next a {
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}

#paging_bar_previous a:hover, #paging_bar_next a:hover {
 text-decoration: underline;
}

#paging_bar_group {
 float: left;
 text-align: center;
 width: 375px;
}

#paging_bar_group a {
 padding: 1px;
 text-decoration: none;
 font-weight: bold;
 font-size: 93%;
}

#paging_bar_group a:hover {
 text-decoration: underline;
}

#paging_bar_group_selected_page {
 color: #935500;
 font-size: 116% !important;
}

#paging_bar_next {
 float: right;
}


/*
** Flash Player
*/

.music_player {
 padding-top: 30px;
}

/*
** Message
*/

#website_message {
 float: left;
 clear: both;
 display: block;
 border: 1px solid #B5B4AA;
 padding: 10px;
 margin: 20px 0 15px 0;
 width: 469px;
}

#website_message_link1, #website_message_link2 {
 float: left;
 display: block;
 color: #fff;
 background-color: #633900;
 text-decoration: none;
 padding: 3px;
 width: 120px;
 font-size: 85%;
 font-weight: bold;
 margin: 5px 0 0 0;
 text-align: center;
}

#website_message_link1:hover, #website_message_link2:hover {
 background-color: #935500;
}

#website_message_link2 {
 float: right;
}

/*
** Generic Forms & Body Listings
*/

.generic_button {
 float: left;
 display: block;
 color: #fff;
 background-color: #633900;
 text-decoration: none;
 padding: 3px;
 font-size: 11px;
 font-weight: bold !important;
 margin: 5px 0 0 0;
 padding: 2px 8px;
 text-align: center; 
 border: 0;
 cursor: pointer;
}

.generic_button:hover {
 background-color: #935500;
}

.generic_form_box, .generic_listing_box, .generic_error_box {
 float: left;
 clear: both;
 display: block;
 border: 1px solid #B5B4AA;
 padding: 10px;
 margin: 20px 0 15px 0;
 width: 469px;
 font-weight: bold;
 font-size: 85%;
}

.generic_error_box {
 border: 1px solid #f00;
 color: #f00;
}

.generic_error_box ul li {
 color: #f00;
}

.generic_form_box_header, .generic_error_box_header {
 font-weight: bold;
 font-size: 167%;
 padding-bottom: 10px;
}

.generic_form_row, .generic_listing_row, .generic_listing_heading {
 width: 467px;
 padding: 5px 0;
 display: block;
 clear: both;
}

.generic_form_row label, .generic_listing_row label {
 float: left;
 display: block;
 width: 100px;
 padding-top: 2px;
 font-weight: bold;
}

.generic_form_row input {
 float: left;
 display: block;
 width: 362px;
}

.generic_form_row span, .generic_listing_row span { /* used for form submission results */
 float: left;
 display: block;
 width: 367px;
 font-weight: normal;
}

.generic_form_radio {
 width: 20px !important;
}

.generic_form_radio_label {
 width: auto !important;
 margin: 1px 15px 0 3px;
 display: block;
}

.generic_listing_heading {
 font-weight: bold;
}

.generic_listing_row {
 font-weight: normal;
}

.generic_listing_numeric_column {
 text-align: right;
}

.generic_form_question {
 font-weight: bold;
}

/*
** Footer
*/

#page_footer {
 float: left;
 display: block;
 width: 954px;
}

#page_footer_background {
 width: 937px;
 display: block;
 float: right;
 background-color: #261604;
 color: #fff;
 font-size: 77%;
 padding: 15px 0;
}

#page_footer_main {
 width: 907px;
 clear: both;
 padding: 0 15px 70px 15px;
}

#page_footer_copyright {
 float: left;
}

#page_footer_links {
 float: right;
}

#page_footer_links a, #page_footer_indigo a {
 color: #fff;
 text-decoration: none;
}

#page_footer_links a:hover, #page_footer_indigo a:hover {
 text-decoration: underline;
}

#page_footer_other {
 width: 907px;
 clear: both;
 padding: 0 15px;
}

#page_footer_address {
 float: left;
}

#page_footer_indigo {
 float: right;
 padding-top: 8em;
}

