@charset "UTF-8";
/*--------------------------Musicians Storehouse

	orange = #c36400
	
	IE 6 = body.ie6
	IE 7 = body.ie7
	IE 8 = body.ie8
*/
/*-----Standard Clearing-----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:Helvetica, sans-serif; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:none; padding:0; vertical-align:baseline;}
caption, th, td {font-weight:normal;text-align:left;color: #000;font-size: 12px; font-style: normal;	font-variant: normal;line-height: 18px;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q {	quotes:"" "";font-family: Helvetica, sans-serif;font-size: 13px;color: #000;background-color: #000;}
strong {font-weight:bold;}
em {font-style:italic;}
* {margin:0;padding:0;border:none;}

/*-----Main Styling-----*/
body { background: #222 url(/images/backgroundImage.jpg) center top no-repeat;}
.main { margin:auto; width:960px;}
.content, .bgcr { width:960px; margin-top:6px; background: transparent url(/images/contentTile.gif) repeat-y center top;}
.g, .gg, .l, .f, #wba_poweredby_table { display:none;}
body.ie6 #body-3 .l, body.ie7 #body-3 .l { display:inline;}
.fg, .fg1, h4 { color:#666;}
.fg1 { font-size:16px; font-weight:100; height:20px; padding-top:5px;}
td.fg, #body-3 td.fg { font-size:18px !important; font-weight:bold; border-bottom: 1px solid #999; text-align:left;}
select { border: 1px solid #bbb;}
.i { height:auto !important; max-height:260px; _height:expression(this.width>260?260:true) !important; }

table.logo {margin:60px 0 0 67px; width:893px;}
table.logo img { width:285px;}
td#myaccountnav { padding:137px 18px 0 0; color:#fff; font-size:14px;}
body.ie6 td#myaccountnav, body.ie7 td#myaccountnav {padding-top:0; height:150px;}
td#myaccountnav a { color:#fff; font-size:14px; font-weight:normal;}

#topbar, #line1, #line2, .content #title br { display:none;}
.content .bg { padding:0;}

table.leftnav { width:230px; margin-bottom:10px;}
.leftnav .activeLink a { color: #C36400;}
.leftnav .leftnavlink { padding-top:7px; display: none;}
.leftnav .childlink { padding-top:0;}
.leftnav .childlink a { font-size:12px;}
td.leftnav-col { vertical-align:top; overflow:visible;}
td.leftnav-col .s { background:none; margin-top:-23px;}
.ie8 td.leftnav-col .s { margin-top:-24px;}
.ie6 td.leftnav-col .s, .ie7 td.leftnav-col .s { position: relative;}
td.leftnav-col .s tr, td.leftnav-col .s td { float:left; width:auto;}
body.ie6 td.leftnav-col .s td img, body.ie7 td.leftnav-col .s td img { position:relative; margin: -15px 0 0 -10px;}
td.leftnav-col .s td.searchLabel { line-height:6px; font-size:14px; padding-left:11px; color:#fff;}
body.ie6 td.leftnav-col .s td.searchLabel, body.ie7 td.leftnav-col .s td.searchLabel { line-height:9px;}
td.leftnav-col .s td input.searchBox { vertical-align:bottom; margin:0 16px 0 13px; width:123px;}
body.ie6 td.leftnav-col .s td input.searchBox, body.ie7 td.leftnav-col .s td input.searchBox { margin: -31px 16px 0 67px; position:relative; border-left: 1px solid #fff;}
body.ie6 td.leftnav-col div#left-nav-1_s table {border-collapse: collapse;}

td.leftnav-col .leftnav .bg { background:none;}
td.leftnav-col .leftnav #leftnav-label h4, td.leftnav-col #left-nav-1_s h4, #leftnavBinPrice .bg, #leftnavBinRating .bg, #left-nav-1_s .fg { background: transparent url(/images/leftNavHeadBack.png) center center no-repeat; padding:16px 0 16px 25px; font-size:21px; font-weight: 100; color:#fff; border: none;}
body.ie6 td.leftnav-col .leftnav #leftnav-label h4, body.ie6 #leftnavBinPrice .bg, body.ie6 #leftnavBinRating .bg, body.ie6 #left-nav-1_s .fg { background: transparent url(/images/leftNavHeadBack.gif) center center no-repeat}

td.leftnav-col .leftnav #leftnav-label ul { list-style:none; margin-top:5px; width: auto;}
td.leftnav-col .leftnav #leftnav-label ul li, .leftnavlink { padding-left:20px !important;}
td.leftnav-col .leftnav #leftnav-label ul li li { padding:0 !important;}
td.leftnav-col .leftnav #leftnav-label li a, .leftnavlink a { font-size:14px; color:#333; text-decoration:none; font-weight:100;}

td.leftnav-col .leftnav #leftnav-label li a:hover, .leftnavlink a:hover { color:#c36400;}
td.leftnav-col { background:transparent url(/images/leftNavDivide.jpg) right top repeat-y; padding-right:10px;}
td.leftnav-col #left-nav-1_s h4 { margin-bottom: 10px; width:205px;}
td.leftnav-col #left-nav-1_s #brands { list-style: none; margin-left:18px;}

td.leftnav-col #left-nav-1_s { } /* Remove this to see the Brands */

#leftnavBinPrice .leftnavlink, #leftnavBinRating .leftnavlink { display:block;}
#left-nav-1_s table table tr td { padding: 0 15px;}
#left-nav-1_s table table tr td a.rw { text-align:center; padding-top:7px;}

#botbar { padding-top:10px;}
#botbar .bgcr { background:none;}
.bgcr a.bgc { color:#bbb; font-size:14px; font-weight:100;}
.main .bgc, .bgc { background:none; padding: 0 2px !important;}
#botbar a.v, #botbar .t { padding:10px; color:#777;}
#botbar a.v {line-height:30px;}
td#footernav table#botbar td.bgcr table { padding-left:2px;}

#body-1 { margin:7px 0 0; padding:15px 0 0;}
#body-3 { margin-bottom: 20px;}
body.ie8 #body-3 td td { width:685px;}
#body-3 td { padding-top:5px;}
#body-3 td.fg { padding-top:0}
#body-2 td td, .content #title.y { background:transparent url(/images/productBorder.jpg) right bottom no-repeat;}
body.ie6 #body-2 td td, body.ie7 #body-2 td td { padding:2px;}
#body-2 td td td, #body-3 td { background: none; text-align:center;}
#body-2 td td table { padding:5px 10px 3px 12px;}
a.rw { font-weight:100; text-decoration: none; display:block; line-height:16px;}
a.rw img { text-align: center;}
a.rw:hover { color:#c36400;}

#body-3 td.bgw { padding: 5px 0; background: transparent url(/images/homeFCbck.jpg) center center no-repeat;}
a.bgw { font-weight: 100; background:none;}
.content #title.y { padding:7px;}
body.ie6 .content #title.y, body.ie7 .content #title.y { padding:7px 9px 12px 5px;}
.content #title h3 { margin-top:7px;}
#title h3 a { line-height:12px; text-decoration: none;}
.k, .avgRating { float:left; margin: 5px 0; font-size:11px;}
.avgRating img, .avgRating span { float:left; line-height:13px;}
.content .bgl { background: transparent url(/images/titleBorder.jpg) left center no-repeat;}
table.content tbody tr td table { padding-right:10px;}
table.content tbody tr td table table, table.content tbody tr td.leftnav-col table { padding-right:0; border-collapse: collapse !important;}
#sortBy { padding-left:20px;}
#category-title h1 { font-size:18px; color:#c36400;}

.content #breadcrumbs.fg1 { display:none;}
div.dd { padding:0;}
div.dd h1 { font-size:21px; color:#c36400; line-height:24px;}
div.dd .wbaProductRatingWidget { padding: 5px 0 3px;}
div.dd .wbaProductRatingWidget a { color:#444;}
div.dd .list-label, div.dd .our-label, div.dd .save-label { color:#777; font-weight:100;}
div#sku.dd { color:#333; padding-bottom:10px;}
div.dd #inStock { color:#c36400; padding-top:10px;}

/*** jsNavigation ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position:	absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:195px; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {  left: 196px; /* match ul width */ top:-3px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
/*** DEMO SKIN ***/
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu a { display:block; width: auto; height: 18px; padding: 8px 0 0 5px; text-decoration:none; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#13a; }
.sf-menu li { background:url(/images/jsNav.png) top right no-repeat; width: 195px; clear:both;}
.sf-menu li li {}
.sf-menu li li li { }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0; }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:3px; top:6px; /* IE6 only */ width:20px; height:15px;text-indent:-999em; overflow:hidden; background: url(/images/jsNavSprite.png) bottom no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: 0 -15px; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/
.sf-shadow ul {}
.sf-shadow ul.sf-shadow-off { }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 216px; /* match ul width */ top:-3px; }
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: 0 -15px; /* arrow hovers for modern browsers*/ }

/* Footer */
#footernav { display: none;}
#postpage-widget_s { width: 960px; margin: 0 auto;}
#footer { float:left; width: 920px; padding:30px 0 10px 40px; margin-top: 20px; background: url(/images/footer.jpg) top right no-repeat; position:relative;}
#footer a { color: #bbb; text-decoration: none; display: block;}
#footer a:hover { color: #c36400;}
#footer h5 { float: left; font-size: 21px; font-weight: normal; color: #eee;}
#footer ul { float: left; list-style: none; width: 120px;}
#footer h5.footerBrands { width: 505px;}
#footer ul.footerBrands { width: 116px; padding-right: 10px; line-height: 20px;}
body.ie6 #footer ul.footerBrands { line-height: 11px;}
#footer h5.footerCat, #footer h5.footerSite { width: 190px; text-align: center; padding-bottom: 10px; border-left: 2px solid #555;}
#footer ul.footerCat, #footer ul.footerSite { width: 170px; padding: 0 10px; margin-left:1px;}
#footer ul.footerCat { border-left: 2px solid #555; border-right: 2px solid #555; line-height: 16px;}
body.ie6 #footer ul.footerCat { line-height: 9px;}
#footer ul.footerSite { line-height: 20px; font-size: 14px; margin-left: 0;}
body.ie6 #footer ul.footerSite { line-height: 12px;}
#copyRight { float:left; clear:both; font-size: 11px; color:#666; width: 890px; padding:15px 0 0; text-align: right;}

body.ie6 .greyBar td.page, body.ie7 .greyBar td.page { padding-left: 15px;}

body.ie6 table.content table, body.ie7 table.content table {width:97% !important;}
body.ie6 table.content table table, body.ie7 table.content table table {width:auto !important;}
body.ie6 table.content td.leftnav-col table, body.ie7 table.content td.leftnav-col table { width:230px !important;}
body.ie6 table.content td.leftnav-col div#left-nav-1_s table, body.ie7 table.content td.leftnav-col div#left-nav-1_s table { width:200px !important;}