/*-----------------------------------------------------------------------------------------------
  GENERAL STUFF
-----------------------------------------------------------------------------------------------*/
body {background: #fff; color: #000; font: 11px/18px Verdana, Tahoma, sans-serif;}

a:link, a:visited, a:active {color: #900; text-decoration: none; font-weight: bold;}
a:hover {color: #666; text-decoration: underline;}

p {margin-bottom: 13px;}

h1 {color: #000; font: normal 24px/30px "Palatino", "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif; margin-bottom: 30px;}
h2 {color: #000; font: bold 16px/24px "Palatino", "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif; margin-bottom: 5px;}
h3 {color: #000; font: bold 11px/18px Verdana, Tahoma, sans-serif; margin-bottom: 5px;}
h3.underline {margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px dotted #666;}

.small {font-size: 10px; line-height: 15px;}
.smaller {font-size: 9px; line-height: 14px;}

.buy_link {font: bold 16px/24px Baskerville, Georgia, Times, "Times New Roman", serif; letter-spacing: 2px; padding-top: 6px;}
.buy_link a:hover {text-decoration: none;}
.buy_link a:hover:after {content: " »";}

.fancy_link {font: 9px/14px Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; letter-spacing: 1px; height: 30px;}
.fancy_link a {color: #999; padding: 2px 0; font-weight: normal; -webkit-transition: color 250ms linear;}
.fancy_link a:hover {color: #900; text-decoration: none; font: 10px/14px Arial, Helvetica, sans-serif; }

a.arrow_link:hover {text-decoration: none;}
a.arrow_link:hover:after {content: " »";}

.ampersand {font-family: "Palatino", "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif; font-style: italic;}
.confuse_a_bot_ltd {display: none;}


/*-----------------------------------------------------------------------------------------------
  STOREFRONT
-----------------------------------------------------------------------------------------------*/
dl.updates {margin-bottom: 26px;}
dl.updates dt {float: left; font-weight: bold;}
dl.updates dd {margin: 0 0 4px 9em;}

a.storefront {display: block; font-weight: normal; margin-bottom: 20px; position: relative;}
a.large_pic {width: 540px; height: 330px;}
a.small_pic {width: 260px; height: 160px;}

a.storefront span.large_pic {display: none; background-image: url(../img/black80.png); position: absolute; top: 0; left: 0; width: 540px; height: 330px; text-align: center;}
a.storefront span.small_pic {display: none; background-image: url(../img/black70.png); position: absolute; top: 0; left: 0; width: 260px; height: 160px; text-align: center;}

a.storefront span.large_pic span {display: block; color: #aaa; margin-top: 140px; text-shadow: #000 0px 1px 2px;}
a.storefront span.small_pic span {display: block; color: #eee; margin-top: 74px; font: normal 13px/16px "Palatino", "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif;}
a.storefront span span strong {color: #eee; font: normal 16px/24px "Palatino", "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif;}

a.storefront:hover {text-decoration: none; cursor: pointer;}
a.storefront:hover span {display: block;}

a.pic_a {background-image: url(../img/storefront_a.jpg);}
a.pic_b {background-image: url(../img/storefront_b.jpg);}
a.pic_c {background-image: url(../img/storefront_c.jpg);}
a.pic_d {background-image: url(../img/storefront_d.jpg);}
a.pic_e {background-image: url(../img/storefront_e.jpg);}


/*-----------------------------------------------------------------------------------------------
  LAYOUT
-----------------------------------------------------------------------------------------------*/
body.bg {background: #fff url(../img/bg.gif) 1px 0 fixed repeat-y;}
div#sidebar {position: fixed; left: 60px; top: 0; width: 150px; height: 100%;}
div#main_content {position: absolute; left: 330px; top: 90px; width: 540px; z-index: 20; background: #fff; padding-right: 60px;}

div.col_product_img {width: 300px; float: left;}
div.col_product_txt {width: 210px; float: right;}

.product_img {margin-bottom: 5px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.hidden {display: none;}


/*-----------------------------------------------------------------------------------------------
  ADD TO CART
-----------------------------------------------------------------------------------------------*/
div#container_buy {width: 480px; margin: 40px auto 0 auto; border: 0px solid #222;}
div#container_buy div.no_tabs {padding: 20px 20px 15px 20px; border-top: 1px solid #999; border-bottom: 1px solid #999;}

#container_buy p {margin-bottom: 18px;}

.addtocart_pic {float: right; margin-top: 5px; padding: 1px; border: 1px solid #999;}
.noborder {border: none;}

form ul.shipping {margin: 5px 0 18px 0;}
form ul.shipping li {margin-bottom: 2px;}
form ul.shipping li label:hover {color: #666; cursor: pointer;}

form p select {margin: 0 5px 0 0px; width: 140px; font-size: 10px;}

.button {background: #f3f3f3; font: 10px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; width: 100px; padding: 4px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top: 1px solid #ddd; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #ddd;}
.button:hover {border-top: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #999; cursor: pointer;}

ul.buy_elsewhere {float: left; display: block; margin: 0 35px 20px 0;}
ul.buy_elsewhere li span {font: bold 11px/16px "Palatino", "Palatino Linotype", Baskerville, Georgia, Times, "Times New Roman", serif; letter-spacing: 1px; text-transform: uppercase;}

a.terms {float: left; margin: 10px 0 0 20px; font: normal 9px/14px Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: color 200ms linear;}
a.terms:hover {color: #900; text-decoration: none;}

a.paypal {width: 200px; height: 21px; float: right; margin: 5px 20px 0 0; background: url(../img/paypal.gif) no-repeat; opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: opacity 200ms linear;}
a.paypal:hover {background: url(../img/paypal.gif) no-repeat 0 -21px; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}


/*-----------------------------------------------------------------------------------------------
  NECKWEAR + RUNE SETS
-----------------------------------------------------------------------------------------------*/
div#container_neckwear {width: 660px; margin: 40px auto 60px auto;}
div#container_neckwear .pagination {text-align: right; padding-right: 20px;}
div#container_neckwear .col {float: left; width: 200px; margin-right: 20px; font-size: 10px; line-height: 14px;}
div#container_neckwear .col img {width: 200px; height: 200px; display: block; margin-bottom: 3px;}
div#container_neckwear .col p {margin-bottom: 25px;}
div#container_neckwear .col p span {color: #900; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}

div#container_runesets {width: 660px; margin: 40px auto 60px auto;}
div#container_runesets .pagination {text-align: right; padding-right: 20px;}
div#container_runesets .col {float: left; width: 310px; margin-right: 20px; font-size: 10px; line-height: 14px;}
div#container_runesets .col img {width: 310px; height: 220px; display: block; margin-bottom: 3px;}
div#container_runesets .col p {margin-bottom: 25px;}
div#container_runesets .col p span {color: #900; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}

/*-----------------------------------------------------------------------------------------------
  NOSCRIPT
-----------------------------------------------------------------------------------------------*/
noscript div {width: 520px; padding: 5px 10px; position: absolute; left: 330px; top: 10px; z-index: 19; background: #ff0; color: #000; font: bold 10px/14px Verdana;}
noscript div a:link, noscript div a:visited, noscript div a:active {color: #00f;}
noscript div a:hover {color: #f00;}


/*-----------------------------------------------------------------------------------------------
  NAVIGATION
-----------------------------------------------------------------------------------------------*/
.nav {
	width: 150px;
	height: 370px;
	background: url(../img/nav.gif) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	left: 20px;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.nav .storefront a:link, .nav .storefront a:visited, .nav .storefront a:active {
	top: 209px;
	width: 90px;
}
.nav .storefront a:hover, .nav .storefront a:focus {
	background: url(../img/nav.gif) no-repeat -20px -579px;
}
.current-storefront .storefront a:link, .current-storefront .storefront a:visited {
	background: url(../img/nav.gif) no-repeat -20px -579px;
	cursor: default;
}
.nav-storefront, .nav-storefront-click {
	position: absolute;
	top: 209px;
	left: 20px;
	width: 90px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -579px;
}




.nav .music a:link, .nav .music a:visited, .nav .music a:active {
	top: 226px;
	width: 70px;
}
.nav .music a:hover, .nav .music a:focus {
	background: url(../img/nav.gif) no-repeat -20px -596px;
}
.current-music .music a:link, .current-music .music a:visited {
	background: url(../img/nav.gif) no-repeat -20px -596px;
	cursor: default;
}
.nav-music, .nav-music-click {
	position: absolute;
	top: 226px;
	left: 20px;
	width: 70px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -596px;
}





.nav .clothing a:link, .nav .clothing a:visited, .nav .clothing a:active {
	top: 243px;
	width: 90px;
}
.nav .clothing a:hover, .nav .clothing a:focus {
	background: url(../img/nav.gif) no-repeat -20px -613px;
}
.current-clothing .clothing a:link, .current-clothing .clothing a:visited {
	background: url(../img/nav.gif) no-repeat -20px -613px;
	cursor: default;
}
.nav-clothing, .nav-clothing-click {
	position: absolute;
	top: 243px;
	left: 20px;
	width: 90px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -613px;
}



.nav .misc a:link, .nav .misc a:visited, .nav .misc a:active {
	top: 260px;
	width: 70px;
}
.nav .misc a:hover, .nav .misc a:focus {
	background: url(../img/nav.gif) no-repeat -20px -630px;
}
.current-misc .misc a:link, .current-misc .misc a:visited {
	background: url(../img/nav.gif) no-repeat -20px -630px;
	cursor: default;
}
.nav-misc, .nav-misc-click {
	position: absolute;
	top: 260px;
	left: 20px;
	width: 70px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -630px;
}



.nav .viewcart a:link, .nav .viewcart a:visited, .nav .viewcart a:active {
	top: 294px;
	width: 90px;
}
.nav .viewcart a:hover, .nav .viewcart a:focus {
	background: url(../img/nav.gif) no-repeat -20px -664px;
}
.current-viewcart .viewcart a:link, .current-viewcart .viewcart a:visited {
	background: url(../img/nav.gif) no-repeat -20px -664px;
	cursor: default;
}
.nav-viewcart, .nav-viewcart-click {
	position: absolute;
	top: 294px;
	left: 20px;
	width: 90px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -664px;
}




.nav .info a:link, .nav .info a:visited, .nav .info a:active {
	top: 328px;
	width: 110px;
}
.nav .info a:hover, .nav .info a:focus {
	background: url(../img/nav.gif) no-repeat -20px -698px;
}
.current-info .info a:link, .current-info .info a:visited {
	background: url(../img/nav.gif) no-repeat -20px -698px;
	cursor: default;
}
.nav-info, .nav-info-click {
	position: absolute;
	top: 328px;
	left: 20px;
	width: 110px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -698px;
}






.nav .contact a:link, .nav .contact a:visited, .nav .contact a:active {
	top: 345px;
	width: 90px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(../img/nav.gif) no-repeat -20px -715px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../img/nav.gif) no-repeat -20px -715px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 345px;
	left: 20px;
	width: 90px;
	height: 17px;
	background: url(../img/nav.gif) no-repeat -20px -715px;
}


/*-----------------------------------------------------------------------------------------------
  HOMEPAGE LINK
-----------------------------------------------------------------------------------------------*/
.nav2 {
	width: 150px;
	height: 20px;
	background: url(../img/nav2.gif) no-repeat;
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 7;
}
.nav2 li {
	display: inline;
}
.nav2 li a:link, .nav2 li a:visited {
	position: absolute;
	left: 20px;
	height: 20px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 8;
}
.nav2 .homepage a:link, .nav2 .homepage a:visited, .nav2 .homepage a:active {
	top: 0;
	width: 100px;
}
.nav2 .homepage a:hover, .nav2 .homepage a:focus {
	background: url(../img/nav2.gif) no-repeat -20px -20px;
}
.current-homepage .homepage a:link, .current-homepage .homepage a:visited {
	background: url(../img/nav2.gif) no-repeat -20px -20px;
	cursor: default;
}
.nav-homepage, .nav-homepage-click {
	position: absolute;
	top: 0;
	left: 20px;
	width: 100px;
	height: 20px;
	background: url(../img/nav2.gif) no-repeat -20px -20px;
}