/* Shopify theme: Woodland */
/* theme author: Shopify's Mark Dunkley */


/* =============== */
/* = General CSS = */
/* =============== */
* {margin:0; padding:0;}
img { border:0; }

html { }
body { font-size:13px; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif; color:#333333; background: #473c2f  url( bg-darkwood_16539410143076951571.jpg ) ;}
.scm_bkg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background: url('scm_bkg_2_1284007271.jpg') no-repeat center top;
overflow: hidden;
}

/*
h1 { 
  text-align: center; 
  border-bottom:1px solid #f0eeee; 
  color:#433307; 
  font-weight:normal; 
  padding:0 0 5px 0; 
  margin:0 0 20px 0; 
  font-size:35px;
}
*/

h1 {
  text-align: left;
  background: #31261a;
  padding: 5px 10px;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
font-weight: normal;
  border: none;
 margin:0 0 20px 0; 
}

h2,h3,h4,h5,h6 { border-bottom:1px solid #f0eeee; color:#433307; font-weight:normal; padding:0 0 3px 0; margin:5px 0 10px 0;}

a { color:#971616; text-decoration:none; }
a:hover { color: #830606; text-decoration:underline; }
ol { padding:0 0 0 25px; margin:0 0 15px 0;}
ul { padding:0 0 0 20px; margin:0 0 15px 0;}
li { margin:0 0 6px 0;}
p { margin-bottom:15px; line-height:19px}
blockquote { font-family:Georgia, serif; color:gray; margin-bottom:15px; font-style:italic}   

form { margin-bottom:15px;}
label { margin-bottom:3px;}
input[type="text"] { padding:2px 2px; margin-bottom:10px;}
textarea { margin-bottom:15px; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif; padding:4px; font-size:13px}

input[type="submit"] { background: #470b0b; color:#ffffff; letter-spacing:0px; font-size:13px; padding:5px; -moz-border-radius:5px; border:0px; cursor:pointer;  }
input[type="submit"]:hover { background: #930707; }

.center-text { text-align:center; }

/* ========== */
/* = Layout = */
/* ========== */
#wrapper { 
  width: 928px;
  margin:auto;
}

#header { 
  position: relative; 
  margin: 0 0 30px 0; 
  position:relative;
  float: left;
  height: 140px;
  width: 928px;
}

#header .cartlink {
  float: right;
  margin: 5px 0 0 0;
}

#header .cartlink a {
  color: #fff;
  text-decoration: none;
  font-size: 1.0em;
  font-family: Georgia,Utopia,'Times New Roman',Times,serif;
}

#header .cartlink a:hover {
  text-decoration: underline;
}

#header .logo {
  float:left;
  margin-top: 40px;
}

#header .logo h1 { 
  text-align:left;  
  font-family: Garamond, Baskerville, Caslon, serif; 
  margin: 0 0 0 155px; 
  font-size: 65px;  
  letter-spacing: -2px;
background: none !important;
}

#header .logo h1 a { 
  color:#ffffff ; 
  font-weight:normal; :-11px; 
  position:absolute; }
#header .logo h1 a:hover { 
  text-decoration:none;
}  


/*stupid extra divs for IE for centering the logo*/

#header form { 
  float:right;
  width: 199px;
}

#header form .search-button { 
border:0; 
vertical-align:middle;
position:relative;
z-index:1; 
top:-3px; 
z-index:999; 
right:8px;
}

#header form .search-field { 
background: url('bg-search.png') no-repeat; 
padding:8px 40px 8px 11px; 
color:#594e6c; 
border:0;
vertical-align:middle; 
position:relative; 
z-index:2;
margin-bottom:3px; 
width:200px; 
margin-right:-28px; 
outline:none; 
margin-top: -30px;
}

#header h1 { border:0px }

#header ul.primary-nav {
  margin: 120px 0 0 0;
  z-index: 9;
  clear: both;
  width: 550px;
  text-align:right;
}


/*
#header ul.primary-nav li {
  color: #ffffff;
  font-size:15px;
  font-family:Georgia, Utopia, 'Times New Roman', Times, serif;
  list-style:none;
  display:inline;
  margin-left:16px;
}

#header ul.primary-nav a {
  color:#ffffff;
}

#header ul.primary-nav a:hover {
  color:#fff0c6;  
}

#header ul.primary-nav li.cart {
  border-left: 1px solid #d3c8c5;
  padding-left:20px;
  white-space:nowrap;
}

#header ul.primary-nav ul {
  display: none;
}

#header ul.primary-nav li:hover ul {
  display: block;
}

#header ul.primary-nav li:hover ul:hover {
  display: block;
}

*/

/* NEW MENUS, SUCKERFISH */

#nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  margin-top: 120px;
  margin-left: 0px;
}

#nav a {
  display: block;
  width: 10em;
}

#nav a.img {
background: url('main_nav_16539410143076951571.png') no-repeat;
height: 30px;
text-indent: -9999px;
}


#nav a.img.cds {
width: 60px;
}

#nav a.img.cds:hover {
width: 60px;
background-position: 0 -30px;
}


#nav li.cds {
margin-right: 30px;
width: 60px;
}

#nav a.img.vinyl {
background-position: -100px 0;
width: 80px;
}

#nav a.img.vinyl:hover {
width: 80px;
background-position: -100px -30px;
}

#nav li.vinyl{
width: 80px;
margin-right: 30px;
}

#nav a.img.stereos {
background-position: -200px 0;
width: 76px;
}

#nav a.img.stereos:hover {
width: 76px;
background-position: -200px -30px;
}

#nav li.stereos{
width: 76px;
margin-right: 30px;
}

#nav a.img.new_releases {
background-position: -300px 0;
width: 235px;
}

#nav a.img.new_releases:hover {
width: 235px;
background-position: -300px -30px;
}

#nav li.new_releases{
width: 235px;
margin-right: 30px;
}




#nav a.img.sale {
background-position: -600px 0;
width: 128px;
}

#nav a.img.sale:hover {
width: 128px;
background-position: -600px -30px;
}

#nav li.sale{
width: 128px;
margin-right: 30px;
}

#nav a.img.search {
background-position: -800px 0;
width: 122px;
}

#nav a.img.search:hover {
width: 122px;
background-position: -800px -30px;
}

#nav li.search{
  overflow: hidden;
  width: 199px;
}

#nav li.search form {
  background: url('search-bkg_16539410143076951571.png');
  width: 192px;
  height: 24px;
  padding: 0;
}

#nav li.search input[type=text] {
  width: 120px;
  background: none;
  border: none;
  padding: 5px;
  float: left;
}

#nav li.search input[type=image] {
  margin: 5px;
}


#nav li { /* all list items */
  float: left;
  width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
  position: absolute;
  background: url('000_90_16539410143076951571.png');
  width: 10em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-top: 0px;
margin-left: 0px;
padding: 5px 0;
}

#nav li ul li a {
color: #fff;
padding: 2px 10px;
font-size: 1.15em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}




.content {
  float: left;
  background: #ffffff; 
  border: 1px solid #ffffff; 
  margin: 0px 0 30px 0; 
  padding: 25px 25px 25px 25px; 
  width: 878px;
  
  
  
    -moz-box-shadow:0px 0px 10px; -webkit-box-shadow:0 0 10px;
  


}

.content .banner { margin:0 0 20px 0; width:877px; }

.content table.products { text-align:center; margin-bottom:20px;}
.content table.products td { padding:0px; vertical-align:bottom;  }
.content table.products div { padding:0 25px 20px 0; }
.content table.products big {  color:#333333; font-size:13px; text-transform:uppercase; margin:0 0 2px 0; display:block; max-width:175px;}
.content table.products img { display:block; margin:0 auto 8px auto;}
.content table.products em { display:block; font-family:georgia, serif; color:#929292; font-size:12px;} /*price*/
.content table.products a { padding:10px; display:block; background: #F4F4F4; border:1px solid  #e6e5df;}
.content table.products a:hover {text-decoration:none; background: #e6e5df  }   
.content table.products a:hover big { text-decoration:underline;}
.content table.products strong { display:block; font-family:georgia, serif; font-size:18px; font-weight:normal; } /*was price*/

.content img { margin-bottom:0px;}

#footer { 
  float: left;
  margin:0 auto 0px auto; 
  padding:0 0 30px 0; 
  color: #ffffff; 
  text-align: center; 
  font-size:11px; /*background:url('bg-shine-footer.png') repeat-x top;*/
width: 928px;
height: 200px;
}

#footer ul { display:inline; margin:0; padding:0;  }
#footer li { display:inline; }
#footer a { color:#ffffff; text-decoration:underline; }
#footer a:hover { text-decoration:none; }

#footer .shopify { margin-top:10px;}

#paginate { text-align:right; margin-bottom:15px; border-top:1px solid #f0eeee; padding-top:20px; text-align:center; }
#paginate a { background:#F4F4F4; border:1px solid #f0eeee;  -moz-border-radius:5px;-webkit-border-radius:5px; padding:6px}
#paginate a:hover { background:#e6e5df }

.note { display:block; background:#ffffd3; border:1px solid #eeee93; padding:15px; color:#000; margin:15px 0 ;}         

/*grid*/
.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-1 {width:41px;}
.col-2 {width:117px;}
.col-3 {width:193px;}
.col-4 {width:269px;}
.col-5 {width:345px;}
.col-6 {width:421px;}
.col-7 {width:497px;}
.col-8 {width:573px;}
.col-9 {width:649px;}
.col-10 {width:725px;}
.col-11 {width:801px;}
.col-12 {width:877px;}

.last { margin-right:0!important;}
.text-left { text-align:left; }
.text-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }

/* ============== */
/* = Indv. Pages = */
/* ============== */

/* home */
.frontpage-intro { border-bottom:1px solid #f0eeee; padding-bottom:15px; margin-bottom:35px;}
.blog ul { margin:0 0 15px 0; padding:0;}
.blog ul li { list-style:none; margin:0 0 10px 0; font-size:12px; border-bottom:1px solid #F0EEEE; padding:0 0 10px 0;}
.blog ul li a { display:block; font-size:14px; margin:0 0 3px 0;}

.contact ul {  margin:0 0 15px 0; padding:0 }
.contact ul li { list-style:none;}

/* page */
.content .sidebar ul { margin:0; padding:0; }
.content .sidebar ul li { list-style:none; margin-bottom:10px; }
.content .sidebar ul li a { border-bottom:1px dotted; }

/* cart */
#cart table { width:100%; border-collapse:collapse;}
#cart table th { padding-bottom:10px;}
#cart table td.product-details a img { display:inline; vertical-align:middle; padding-right:20px; margin-left:10px;}
#cart table td.product-details a { display:inline;vertical-align:middle; }
#cart table td.product-details { text-align:left; }
#cart table tr.even td { background:#f4f4f4 ;}
#cart table td { text-align:center ; padding:15px 4px;}     

#cart table input[type="text"] { margin-bottom:0;}

.cart-options { text-align:right; }
.cart-options h3 { padding-bottom:6px; border-top: 1px solid #f0eeee; border-bottom:0px; padding-top:20px;margin-top:20px;}

/* product */
.col-5.product { width: 330px; }
.product  h2 { font-size:24px; text-align:left;}

.product h2.vendor {
font-size:3em;
font-weight:bold;
border-bottom: none !important;
margin-bottom: 0;
}

.product h2.title {
font-size: 1.5em;
margin-bottom: 25px;
margin-top: 0px;
padding-bottom: 10px;
}

.product  input[type="submit"] {float:right; clear:both;}
.product .product-images img { background: #f4f4f4;  border:1px solid #f0eeee; }
.product .product-images img:hover { background: #e6e5df;}
.product .price-field, .product .variant-price { color:#433307; font-size:22px; font-weight:bold; letter-spacing:-0.5px; margin-bottom:9px; text-align:right; float:right}
.product #product-variants {border-bottom:1px solid #F0EEEE; padding-bottom:10px; margin-bottom:10px; }
.product #product-variants .selector-wrapper  { background:#F4F4F4; list-style:none; padding:12px 12px 12px 12px; margin-bottom:20px;

}
.product #product-variants .selector-wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden; }

.product #product-variants .selector-wrapper label {  font-weight:bold; float:left;}
.product #product-variants .selector-wrapper li { margin:0 0 9px 0;}

.product #product-variants .selector-wrapper li label {  display:inline;  margin:0 0 4px 0; float:none;  font-weight:normal;font-size:12px; }
.product #product-variants .selector-wrapper li input[type="radio"] { display:inline; position:relative;}
.product #product-variants .selector-wrapper li * { vertical-align:middle;}

.product #product-variants ul {  margin:0; padding:0; width:230px;  float:right; }
.product #product-variants ul li { list-style:none; }




.product-thumbs ul {  margin:0; padding:0; width:110%}
.product-thumbs ul li { list-style:none; }
.product-thumbs ul li a { border:7px solid #F4F4F4 ;  width:100px;  float:left; background:#ffffff;margin:10px 14px 10px 0; }
.product-thumbs ul li a:hover { border-color: #e6e5df;}

.product-thumbs ul li a img { display:block; margin: 0 auto;}
.product-thumbs ul li.first-image  { margin:10px 0px 0 2px; width:480px; display:block; }
.product-images .first-image a {background:#ffffff; width:480px; display:block; border:10px solid #F4F4F4 ; }
.product-images .first-image a:hover { border-color: #e6e5df }
.product-images .first-image a img { margin:0 auto; display:block;}




/* blog */
.post { border-bottom:1px solid #f0eeee; margin:0 0 20px 0; padding:0 0 15px 0;}
.post img {max-width:573px}
.post:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.post .meta { padding-bottom:7px;}
.post .meta h2 { letter-spacing:-1px; font-size:24px; border:0; margin:0 0 0px 0;}
.post .post-content h1 { text-align:left; font-size:26px}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { padding:0; border-width:0px; margin:0 0 4px 0px; font-weight:bold}
.post .date { font-size: 11.5px; color: #ababa8; border-bottom:1px solid #f0eeee; margin:0 0 3px 0; padding-bottom:4px;}

#comments { margin-bottom:15px;}
#comments h3 { margin-top:40px;}
#comments ul { margin:0; padding:0;margin-bottom:15px; }
#comments ul li  { list-style-type:none; margin-bottom:10px; border-bottom:1px dashed #F0EEEE;}
#comments p { margin-bottom:7px;}
#comments .comment-details { color:#ABABA8; font-size:12px; text-transform:uppercase; margin-bottom:-1px;}
#comments form { margin-bottom:15px;}
#comments form label { margin-bottom:3px; display:block;}
#comments .error, #comments .success, #comments .notice { text-align:center; margin-bottom:8px; }
#comments .error { background:#ffd3d3; color:#8d1e1e;  border:1px solid #de9494;padding:7px;}
#comments .success { background:#c4df9b;  border:1px solid #97bc5e; padding:7px; color:#436f00;}
#comments .notice { background:#fffabb; border:1px solid #cec774; color:#514c0b; padding:7px;}

/* search */
#search h3 { border:0px; margin-bottom:3px;}
#search form { margin-bottom:15px; }
#search form p { text-align:center }
#search form input { display:inline; font-size:15px; padding:10px 5px; }
#search form input[type="submit"] { padding:12px; }


#search ol li {  border-top:1px solid #f0eeee; padding-bottom:10px; margin-bottom:10px; padding-top:20px;}

/*404*/
#error-page { text-align:center;}

/* ============ */
/* = Lightbox = */
/* ============ */

/* fancybox */
html,body{height:100%;}
div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30;}
* html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
div#fancy_wrap{text-align:left;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('fancy_progress.png') no-repeat;}
div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30;}
div#fancy_loading_icon{position:absolute;background:url('https://cdn.shopify.com/s/files/1/0054/3892/assets/fancy_loading.gif') no-repeat;z-index:35;width:16px;height:16px;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none;}
div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF;}
div#fancy_content{margin:0;z-index:100;position:absolute;}
div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100;}
img#fancy_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;}
div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:181;display:none;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
#fancy_ajax{width:100%;height:100%;overflow:auto;}
a#fancy_left,a#fancy_right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;}
a#fancy_left{left:0px;}
a#fancy_right{right:0px;}
span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block;}
span#fancy_left_ico{left:-9999px;background:transparent url('fancy_left.png') no-repeat;}
span#fancy_right_ico{right:-9999px;background:transparent url('fancy_right.png') no-repeat;}
a#fancy_left:hover{visibility:visible;}
a#fancy_right:hover{visibility:visible;}
a#fancy_left:hover span{left:20px;}
a#fancy_right:hover span{right:20px;}
.fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0;}
div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0;}
div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url('fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url('fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url('fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url('fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url('fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url('fancy_shadow_nw.png') no-repeat;}
div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none;}
div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px;}
div#fancy_title table{margin:0 auto;}
div#fancy_title table td{padding:0;vertical-align:middle;}
td#fancy_title_left{height:32px;width:15px;background:transparent url(fancy_title_left.png) repeat-x;}
td#fancy_title_main{height:32px;background:transparent url(fancy_title_main.png) repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url(fancy_title_right.png) repeat-x;}

#footer .ad {
display: block;
text-align: center;
margin: 0 0 10px 0;
}