/* two column layout with fixed-width columns */

/* markup order: 
   header
   left-column
   right-column
   footer
*/

@import url(/lib/yhst-38969611631012/reset.css);

a {
color: #000000;

}
body {
     margin: 0px;
     padding: 0px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: black;

     /* jello layout for quirks mode */
/*      text-align: center; */
}

#container {
     width: 900px;
     margin-left: auto;
     margin-right: auto;

/* jello layout for quirks mode */
/*      text-align: left; */
}


/* BEGIN HEADER STYLES */
#header {
    background: #ffffff url(/lib/yhst-38969611631012/header-background.gif) top left no-repeat;
    position: relative;

height: 127px;
}


div#logo {
    position: absolute;
    top: 16px;
    left: 0;

}
div#header-nav-wrapper {
float: right;
text-align: right;
padding-top: 11px;
padding-right: 24px;
}

div#header-nav-wrapper ul {
list-style-type: none;
}

div#header-nav-wrapper ul li {
display: inline;
background: transparent url(/lib/yhst-38969611631012/header-nav-dot.gif) center left no-repeat;
padding-left: 13px;
padding-right: 10px;
vertical-align: middle;
}


div#header-nav-wrapper ul li.first { 
background: none;
padding-left: 0px;
}

div#header-nav-wrapper ul li.last { 
padding-right: 0px;

}

div#header-nav-wrapper ul#header-nav {
padding-bottom: 6px;
}

div#header-nav-wrapper ul#header-nav li.first {

}

div#header-nav-wrapper ul#header-nav li.last {

}

div#header-nav-wrapper ul#header-nav li a {
font-size: 11px;
color: #F1592A;

}

div#header-nav-wrapper ul.login-links {
padding-top: 6px;
}

div#header-nav-wrapper ul.login-links li.first {
background: none;
}

div#header-nav-wrapper ul.login-links li.last {

}

div#header-nav-wrapper ul.login-links li a {

}



div#searchbox {
background: transparent url(/lib/yhst-38969611631012/search-box-background.gif) top left no-repeat;
position: absolute;

height: 35px;
width: 584px;
    position: absolute;
    top:  57px;
    left:300px;

}

div#searchbox input#searchbox-query {
    position: absolute;
    top: 7px;
    left: 105px;
    width: 415px;
}

div#searchbox input#searchbox-go-button {
    position: absolute;
    top: 0px;
    left: 529px;
    top: 7px;
}

div#header-nav-large {
background: transparent url(/lib/yhst-38969611631012/header-nav-background.gif) top left no-repeat;
position: absolute;
top: 92px;
height: 36px;
width: 900px;
}

div#header-nav-large ul {
list-style-type: none;
float: right;
padding-top: 13px;
padding-right: 21px;
}

div#header-nav-large ul li {
display: inline;
background: transparent url(/lib/yhst-38969611631012/header-nav-dot-orange.gif) 13px center no-repeat;
padding-left: 33px;
}

div#header-nav-large ul li a {
color: #ffffff;
font-size: 12px;
font-weight: bold;

}

div#header-nav-large ul li a:hover {
color: #FFD78A;
text-decoration: none;

}

div#header-nav-large ul li.first {
padding-left: 0px;
background: none;
}

div#header-nav-large ul li.last {

}

div#header-nav-large ul li.last img.nav-cart-image {
padding-left: 7px;
}


/* END HEADER STYLES */


/* BEGIN LEFT COLUMN STYLES */
#left-column {
	     float: left;
	     width: 174px;
}



div#left-column-dropdowns {
background: transparent url(/lib/yhst-38969611631012/browse-music-background-bottom.gif) bottom left no-repeat; 
padding-bottom: 19px;
}


div#left-column-dropdowns select {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #231F20;
width: 144px;
}

div#left-column-dropdowns div.category-dropdown {
padding-left: 11px;
padding-top: 10px;
background: transparent url(/lib/yhst-38969611631012/browse-music-background.gif) top left no-repeat;
width: 151px;
height: 29px;
}

div#left-column-dropdowns div.category-dropdown.first {
background: transparent url(/lib/yhst-38969611631012/browse-music-background-first.gif) top left no-repeat;
height: 29px;
width: 163px;
}


div#left-nav-wrapper {
    background: transparent url(/lib/yhst-38969611631012/categories-header.gif) top left no-repeat; 
width: 162px;

}

ul#nav {
list-style-type: none;
padding-top: 33px;
background: transparent url(/lib/yhst-38969611631012/left-nav-bottom.gif) bottom center no-repeat;
padding-bottom: 23px;
}

ul#nav li {
background: #E8E8E8 url(/lib/yhst-38969611631012/left-nav-item-background-slice.gif) bottom left repeat-x; 
padding-top: 7px;
padding-bottom: 7px;
padding-left: 13px;
}


ul#nav li.sfhover {
background-color: #FFDCAB;
}


ul#nav li a {

}

ul#nav li a:hover {
text-decoration: none;

}

ul#nav li.first {

}

ul#nav li.first a {

}

ul#nav li.last {

}

ul#nav li.last a {

}

div#mailing-list-wrapper {
background: #E8E8E8 url(/lib/yhst-38969611631012/mailing-list-header.gif) top center no-repeat;
padding-top: 52px;
width: 162px;
margin-top: 10px;
}


div#mailing-list-wrapper div#mailing-list-form {
background: transparent url(/lib/yhst-38969611631012/mailing-list-bottom.gif) bottom center no-repeat;
padding-bottom: 17px;
}


div#mailing-list-wrapper div#mailing-list-form div#mailing-list-message {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 11px;
padding-right: 13px;
padding-top: 10px;
padding-bottom: 10px;
}

div#mailing-list-wrapper div#mailing-list-form input {
vertical-align: middle;
}

div#mailing-list-wrapper div#mailing-list-form input.newsletterBox {
font-size: 10px;
color: #A0A0A0;
width: 107px;
margin-left: 8px;
margin-right: 5px;
}

/* END LEFT COLUMN STYLES */

/* to put some space between content and footer */
#left-column, #right-column {
    margin-bottom: 20px;
}

/* BEGIN RIGHT COLUMN STYLES */
#right-column {
	      margin-left: 174px;
	      padding-top: 18px;

}


div#body-content-wrapper {
	      width: 726px;
	      float: right;
	      padding-bottom: 39px;
}

div#body-content {

}

div#homepage-caption-wrapper {
margin-bottom: 18px;
}

div#homepage-caption {
background: #F8F2D2 url(/lib/yhst-38969611631012/homepage-caption-rounded-corner-top-left.gif) top left no-repeat; 
border-bottom: 4px solid #ffffff;
padding-left: 20px;
padding-top: 23px;
padding-right: 18px;
height: 184px;
}


td#homepage-caption-cell {
vertical-align: top;
overflow: hidden;
background: #F0E8C1;
width: 300px;
}

div#homepage-caption-wrapper td#homepage-main-image-cell {

}

div#homepage-caption-wrapper td#homepage-main-image-cell img {
border-left: 5px solid #ffffff;
}


table#buy-or-sell-music {

}


div#buy-and-sell-music-boxes {
margin-bottom: 22px;
width: 704px;
}

div#buy-music-box {
background: #EFEFEF url(/lib/yhst-38969611631012/buy-music-background.gif) top left no-repeat; 
width: 348px;
height: 209px;
float: left;
position: relative;
overflow: hidden;
}

div#buy-music-box div#buy-music-message, div#sell-music-box div#sell-music-message {
position: absolute;
top: 53px;
left: 132px;
padding-right: 13px;
}

div#buy-music-box div#buy-music-message div.read-more-link, div#sell-music-box div#sell-music-message div.read-more-link {
text-align: right;
}

div#buy-music-box div#buy-music-message div.read-more-link a, div#sell-music-box div#sell-music-message div.read-more-link a {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #EB5F23;
}

div#sell-music-box {
background: transparent url(/lib/yhst-38969611631012/sell-music-background.gif) top left no-repeat; 
width: 347px;
height: 209px;
float: right;
position: relative;
}



div#featured-items {

}

div#section-header {

}

div#featured-items-contents {

}

/* END RIGHT COLUMN STYLES */

/* BEGIN FOOTER STYLES */

#footer {
	clear: both;
	background: transparent url(/lib/yhst-38969611631012/footer-nav-background.gif) top left no-repeat; 
	height: 27px;
	margin-top: 20px;
}

div#footer-nav-wrapper {
padding-top: 8px;
padding-left: 14px;
}

ul#footer-nav {
list-style-type: none;
float: left;
}

ul#footer-nav li, ul.footer-login-links li {
display: inline;
background: transparent url(/lib/yhst-38969611631012/footer-nav-dot.gif) center left no-repeat; 
padding-left: 12px;
padding-right: 8px;
}

ul#footer-nav li a {

}

ul#footer-nav li.first, ul.footer-login-links li.first {
padding-left: 0px;
background: none;
}

ul#footer-nav li.first a {

}

ul#footer-nav li.last {

}

ul#footer-nav li.last a {

}

ul.footer-login-links {
float: right;
list-style-type: none;
}

ul.footer-login-links li {
display: inline;
background: transparent url(/lib/yhst-38969611631012/footer-nav-dot.gif) center left no-repeat; 
}

ul.footer-login-links li a {

}

ul.footer-login-links li.first {

}

ul.footer-login-links li.first a {

}

ul.footer-login-links li.last {

}

ul.footer-login-links li.last a {

}

div#final-message {
margin-top: 18px;
padding-bottom: 37px;
float: left;
}

div#copyright-designby-and-badges {

}

div#copyright-and-designby {
padding-top: 5px;
padding-left: 12px;
float: left;
width: 341px;
}

div#copyright-a nd-designby, div#copyright-and-designby a, div#copyright, div#designby, div#designby a {
color: #A79E9E;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#copyright {
padding-bottom: 5px;
}

div#designby {

}

div#badges {
float: right;
width: 526px;
text-align: right;
vertical-align: middle;
}

div#badges img {
    padding: 0px 6px;
    vertical-align: middle;
}



/* END FOOTER STYLES */


div.section-header {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: transparent url(/lib/yhst-38969611631012/section-header-background.gif) top left no-repeat;
width: 690px;
height: 19px;
padding-top: 8px;
padding-left: 17px;
margin-bottom: 13px;
}

div.cleared {
clear: both;
}


/* CONTENTS TABLE STYLES */

table#contents-table td {
text-align: center;
}

div.composer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A8A8A8;
margin-bottom: 7px;
margin-top: 7px;
}

td div.name {
margin-top: 15px;

}

td div.name a:hover {
text-decoration: none;
color: #FF6B24;
}

table#contents-table td.vertical-seperator {
/* border-right: 1px solid #E0E0E0; */
padding-bottom: 20px;
padding-top: 13px;
}

table#contents-table td.horizontal-seperator {
/* border-bottom: 1px solid #E0E0E0; */
padding-bottom: 20px;
padding-top: 13px;
}

td.horizontal-separator-cell, div#paging div#contents table td.horizontal-separator-cell {
    background: transparent url(/lib/yhst-38969611631012/horizontal-separator-background.gif) center left repeat-x;
    height: 1px;
}

td.vertical-separator-cell {
    background: transparent url(/lib/yhst-38969611631012/horizontal-separator-background.gif) top center repeat-y;
}

td.blankrow {
    height: 1px;
}
/* style for item price when sale price is also displayed */
/* use this for variable styles (e.g. when price should be in "strike-through" format but only when a sale-price is also present */
div.price {
text-decoration: line-through;
color: #B9B9B9;
display: inline;
}

div.price-bold {
display: inline;
}

div.sale-price-bold, div.saleprice b, span#pitSalePriceBx {
color: #FF6B24;
font-weight: normal;
display: inline;
font-size: 11px;
}
/* END CONTENTS TABLE STYLES */

div.section-page-caption-and-image {
    background: #F1F1F1 url(/lib/yhst-38969611631012/item-page-caption-background.jpg) top left no-repeat;
    width: 697px;
    padding-bottom: 23px;
    margin-bottom: 23px;
}

div.section-page-caption-and-image td {
vertical-align: top;
}

div.section-header.section-page, div.section-header.subsection-page {
background-color: transparent;
background-image: none;
padding-top: 12px;
}

td.image-cell {
padding-left: 37px;
padding-right: 29px;
vertical-align: middle;
}

td.caption-cell {
padding-right: 37px;
padding-left: 29px;
vertical-align: middle !important;
}


/* PAGING STYLES */

div#paging {
	clear: both;
	padding: 12px 0;
}

div#paging div#ctrls {
	padding-bottom: 8px;
}

div#paging div#ctrls2 {
	padding-top: 8px;
}

div#paging div.ctrls td {
	padding: 4px;
	color: #ffffff;
}

div#paging div.ctrls td a {
	color: #ffffff;
	text-decoration: none;
}

div#paging div.ctrls .chosen {
	font-weight: bold;
}

div#paging div.ctrls span.pageof {
	margin: 0 12px;
}

div#paging div#contents {
	padding: 14px 0;
}

div#paging div#contents table {
	width: 100%;
}

div#paging div#contents table td {
	padding: 6px;
	text-align: center;
}

div#paging div#contents table td.imgCell {
	padding-bottom: 0;
}

div#paging div#contents table td.verticalSpacer {
	padding: 0 6px;
	background: url("contsVertSep.gif") repeat-y center top;
}

div#paging div#contents table td.horizontalSpacer {
	padding: 6px 0;
	background: url("contsHorzSep.gif") repeat-x left center;
}

div#paging div#contents table div.price {
	display: inline;
}

div#paging div#contents table div.price s {
	text-decoration: line-through;
	font-weight: normal;
}

div#paging div#contents table div.price-bold,
div#paging div#contents table div.saleprice {
	display: inline;
}

div#paging div#contents table div.saleprice {
    margin-left: 5px;
}

div#paging div.ctrls {
    background: transparent url(/lib/yhst-38969611631012/paging-controls-background.gif) top left no-repeat;
    color: #ffffff;
    padding-left: 47px;
    padding-right: 55px;
    height: 27px;
    padding-top: 2px !important;
    padding-bottom: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

div#paging {
width: 707px !important;
}


div#paging div.sortlinks span.chosen, div#paging div.sortlinks a.chosen {
    color: #FFD78A;
    font-size: 12px;
    font-weight: bold;

}

div#paging div.sortlinks {
font-weight: bold;
}

div#paging div.sortlinks a, div#paging div.sortlinks span {
font-weight: normal;
}

div#paging div.ctrls span.rightArrowDiv span.arrWord, div#paging div.ctrls span.leftArrowDiv span.arrWord {
    color: #FFD78A;
    text-decoration: underline;
    font-style: italic;
    
}



span.pagelinks span.chosen, span.pagelinks a.chosen {
    color: #FFD78A;
    font-style: italic;
    font-weight: bold;
    
}

span.pagelinks span.viewAll {
    text-decoration: underline;
    font-weight: bold;
    color: #ffffff;
}

span.pagelinks span.chosen span.viewAll {
    color: #FFD78A;
    text-decoration: none;
}

span.sortlinkprefix {
    font-weight: bold !important;
    margin-right: 18px;
}


div#paging td.verticalSpacer, div#paging td.horizontalSpacer {
    background-color: #E0E0E0;
}
/* END PAGING STYLES */

div.scBreadcrumbs {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 5px;
}

div.scBreadcrumbs a {
color: #B2B2B2;
}

div.scBreadcrumbs img {
padding: 0px 5px;
vertical-align: middle;

}

div.item-page-info-wrapper {
     background: #F1F1F1 url(/lib/yhst-38969611631012/item-page-caption-background.jpg) top left no-repeat;
}

div.item-page-info-wrapper div.section-header.item-page {
    background-image: none;
    margin-bottom: 20px;
}

table#product-info-table {
    
}

table#product-info-table th, table#product-info-table td {
padding: 8px 0px;
}

table#product-info-table th {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-weight: normal;
    padding-left: 10px;
}

table#product-info-table td {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
        padding-left: 14px;
}

div.item-page-info-wrapper td#image-cell {
vertical-align: top;
}

table#product-info-table td#product-info-table-cell {
vertical-align: top;
padding-left: 75px;
}

table#product-info-table td.add-to-cart {
padding-left: 0px;
}

table#product-info-table td.add-to-cart table td {
vertical-align: middle !important;
border: none;
}

div.item-caption {
    border-top: 4px solid #ffffff;
    background-color: #F1F1F1;
    padding-top: 11px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 13px;
}

div.item-caption-header {
    font-weight: bold;
    padding-bottom: 15px;
}


/* RELATED ITEMS STYLES */
#seo-related-links {
    width: 45%;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        color: #000;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
	line-height: 1.5em;
	margin-left: 10px;
        }
    #seo-related-links ul.seo-links li {
        width: 45%;
        float: left;
        display: inline;
        background: url(dot.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 15px;
            display: block;
            _width: 100%;
	    font-weight: bold;

            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }

#seo-related-links ul.seo-links li.viewMore a {
text-decoration: underline;
}
/* END RELATED ITEMS STYLES */


/* CROSS SELL STYLES */

div.cross-sell {
padding: 15px 0px;
}

div.cross-sell table#contents-table td.horizontal-seperator {
border-bottom: none;
}
/* END CROSS SELL STYLES */


/* MUSIC PLAYER STYLES */

div#music-samples-container {
    padding-top: 15px;
}

div#music-samples-container div#playerContainer {
    text-align: center;
}

div#music-samples-container div.music-sample {
    vertical-align: middle;
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 4px;
    padding-top: 5px;
    width: 90%;
    margin-left: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

div#music-samples-container div.music-sample img {
    padding-right: 9px;
    vertical-align: middle;
}

/* END MUSIC PLAYER STYLES */


div.item-page-info-wrapper {
    width: 707px;
}

 div.item-caption {
     width: 687px;
}


 /* SITEMAP STYLES */
 
.sitemap-header {
    font: bold 14px verdana;
    color: #000000;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font: bold 12px verdana;
    color: #000080;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 12px verdana;
    color: #0000FF;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 10px verdana;
    color: #0000FF;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 8px verdana;
    color: #0000FF;
    display: block;
    padding-left: 100px;
}

 /* END SITEMAP STYLES */

td.form-label {
font-weight: bold;
text-align: right;
vertical-align: top;
padding-right: 10px;
}

td.contact-us-submit-button {
text-align: right;
padding-top: 10px;
}


table#product-info-table tr.options td select, table#product-info-table input#quantity-box {
    font-size: 9px;
}

td.horizontal-separator-cell {
    
}