@charset "utf-8";
/* CSS Document */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer					:: https://meyerweb.com
	HTML5 Doctor				:: https://html5doctor.com
	and the HTML5 Boilerplate	:: https://html5boilerplate.com
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights https://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }
/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	text-align:center;
	width:1024px;
	display:block;
}

/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
}

/*Style for menu links*/
nav li a {
	display:block;
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	padding:10px 15px;
	color:#FA9401;
	background: rgba(0, 0, 0, .6);
	text-decoration: none;
	border:1px solid #000000;
}

/*Hover state for top level links*/
nav li:hover a {
	background: rgba(0, 0, 0, .6);
	color:#FA9401;
	border:1px solid #FA9401;
}

/*Style for dropdown links*/
nav li:hover ul a {
	
    background: rgba(0, 0, 0, .9);
	color: #FA9401;
	height: 40px;
	line-height: 40px;
	border:1px solid #000000;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover, #here {
	background: #000000;
	color: #FA9401;
	border:1px solid #FA9401;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
	width:167px;
	
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
	border-bottom:1px solid #333333;
}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	padding: 0 20px;
	
}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, nav .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
nav .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000000;
	background: #FA9401;
	text-align: center;
	padding: 10px 0;
	display: none;
	z-index:999999;
}

/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
	z-index:999999;
	
}
body{background-color:#000000;color:#cccccc;font-size:14px;line-height:22px;font-family:Helvetica, Arial, sans-serif;z-indes:0;}
h1{margin:30px auto;font-size:32px;color:#FA9401;line-height:40px;display:block;}
h2{margin:75px auto 20px auto;font-size:20px;border-bottom:1px solid #FA9401;line-height:28px;display:block;padding:0px auto 10px auto;color:#FA9401;text-align:center;font-style:italic;}
h2.section{margin:50px auto 25px auto;font-size:20px;line-height:28px;display:block;color:#FA9401;text-align:left;border:none;}
h3{font-size:20px;text-align:center;margin:25px auto;}
h3.section{font-size:20px;text-align:left;}
p{margin:15px auto;display:block;}
blockquote{margin:25px auto;width:590px;}
iframe{margin:0 auto;display:block;}
.site-header{width:1024px;margin:0px auto;}
.site-header img{margin:0px auto;display:block;}
nav{display:block;margin:25px auto;text-align:center;width:1024px;height:50px;z-index:999999;}
.body{clear:both;margin:50px auto;z-index:1;width:1024px;}
.body a:link, .body a:visited{color:#FA9401;text-decoration:none;} 
.body a:hover, .body a:active{color:#666666;text-decoration:none;}
.body article{display:block;margin:0px auto;vertical-align:top;}
.body article h1, .body article h2, .body article h3, .body article p{width:640px;}
.body aside{display:inline-block;width:250px;vertical-align:top;}
footer{margin:50px 0px;font-size:12px;line-height:20px;border-top:1px solid #666666;}
footer a:link, footer a:visited{color:#cccccc;text-decoration:underline;} 
footer a:hover, footer a:active{color:#666666;text-decoration:none;}
.footer-container{min-width:1024px;margin:0 auto;display:table;}
.footer-cell:nth-child(1){width:40%;}
.footer-cell{display:table-cell;width:20%;padding:0px 25px;vertical-align:top;}
.footer-cell iframe{width:100%;}
figure{margin:50px 0px;text-align:center;}
figure figcaption{font-style:italic;color:#666666;}
figure.float-left img{border:1px solid #FA9401;}
figure.float-left{float:left;margin:0px 25px 0px 0px;}
.sub-nav{display:block;margin:25px 0px;text-align:center;}
.sub-nav li{display:inline-block;}
.sub-nav li a:link, .sub-nav li a:visited{color:#999999;text-decoration:none;font-size:14px;background-color:#333333;border:1px solid #666666;padding:10px 15px;margin:5px 5px;display:block;}
.sub-nav li a:hover, .sub-nav li a:active{color:#cccccc;text-decoration:none;border:1px solid #cccccc;background-color:#000000;}
.social-share{text-align:center;display:block;}
.social-site{display:inline-block;vertical-align:top;margin:15px;}
.social-icons{text-align:center;min-width:1024px;}
.social-icons a{margin:0px 7px}
.ghost-btn{background-color:#333333;padding:10px 20px;color:#FA9401;text-transform:uppercase;font-size:14px;border:1px solid #FA9401;display:inline-block;margin:5px;}
.ghost-btn:hover{background-color:#000000;color:#666666;border:1px solid #666666;}
.reviews{margin:75px 0px;text-align:center;}
#quote{display:block;background-color:#ffffff;width:388px;max-width:100%;padding:25px;border:1px solid #666666;color:#262626;text-align:left;margin:0px auto;font-size:13px;line-height:21px;}
#quote p{width:100%;}
#quote .author{color:#262626;text-align:right!important;}
.product-area{width:660px;margin:0 auto;}
#sku {
	width: 300px;
	border: 1px solid #FA9401;
	display:inline-block;
	margin:10px;
	vertical-align:top; 
}
#sku h2{border:none;}
#skuImg {
	height: 341px;
	width: 100%;
	/*border: 1px solid #FA9401;*/
	overflow: hidden;
}
#skuImg img{width:100%;height:auto;}
#skuImgs {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align:center;
}
#skuImgSm {
	height: 50px;
	width: 50px;
	border: 1px solid #FA9401;
	display:inline-block;
	overflow: hidden;
}
#skuImgSm img{width:100%;height:auto;}
#skuName {
	text-align: center;
}
#skuName h2{width:100%;margin:25px auto;}
#skuPayPal {
	text-align: center;
	width: 100%;
	clear: both;
	margin-top: 15px;
}
#skuPayPal p{width:100%;}
#skuPayPal table{width:100%;text-align:center;margin:0px 0px 25px 0px;}
#skuPayPal input{margin:0px 0px 25px 0px;}
#sku .description{width:90%;margin:0px 5% 25px 5%;}
#sku .description p{width:100%;}
.author{color:#999999;margin:0px 15px 0px 0px;}
.source{font-style:italic;color:#999999;margin:0px 15px 0px 0px;}
.date{font-size:12px;color:#999999;}
#staff{display:inline-block;width:40%;margin:25px auto;vertical-align:top;margin:4%}
#staff figure{float:left;margin:0px 25px 25px 0px;border:1px solid #FA9401; padding:5px;}
#staff h2{margin:0px;padding:0px;border:none;text-align:left;width:100%;}
#staff p{margin:10px 0px;clear:none;width:100%;}
#staff .ghost-btn{padding:5px 10px;}
.tattoo-machine{width:80px;height:auto;}
.social-icon{width:45px;height:auto;}

/*! https://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: auto;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width:100%;
  height:480px;
  left: 0;
  top: 0;
  text-align:center;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 100%;
  /*float: left;*/
  width: auto;
  margin:0 auto;
  border: 0;
  }
.rslides {
  margin: 0 auto 40px;
  }

#slider3b,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  max-width:100%!important;
  
  }


.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  /*max-width: 540px;*/
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }
  .events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../dev/css/themes/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
#slider3-pager, #slider3b-pager{padding:7px 7px 0px 7px;margin:0px auto;background-color: #0A0A0A;width:853px;}
#slider3-pager a, #slider3b-pager a {
  display: inline-block;
}

#slider3-pager img, #slider3b-pager img {
  float: left;
}

#slider3-pager .rslides_here a, #slider3b-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a, #slider3b-pager a {
  padding: 0;
}
.profile-container{width:640px;margin:0px auto;display:block;}

/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	nav ul {
		position: relative;
		display: none;
		width:100%;
		z-index:999999;
		background: rgba(0, 0, 0, .6);
	}
	/*Create vertical spacing*/
	nav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav ul li, nav li a {
		width: 100%;
	}
	nav ul li ul{width:100%;}
	/*Display 'show menu' link*/
	nav .show-menu {
		display:block;
	}
	body{font-size:16px;line-height:24px;width:100%;}
	h1, h2, h3, p{width:100%!important;}
	.site-header{width:90%;margin:0px 5%;}
	nav{width:90%;margin:50px 5%;z-index:999999;}
	.body{width:90%;margin:0px 5%;}
	.body article{width:100%;margin:0px;}
	.body aside{width:100%;margin:50px 0px 0px 0px;}
	.body aside .sidebar-banner{display:none;}
	.body iframe{width:100%;height:auto;min-height:300px;}
	blockquote{width:100%;}
	footer{width:90%;margin:0px 5%;font-size:14px;line-height:22px;}
	.footer-container{min-width:100%;margin:0px;}
	.footer-cell:nth-child(1){width:100%;}
	.footer-cell{display:block;width:100%;margin:25px 0px;padding:0px;text-align:center;}
	.social-icons{min-width:100%;}
	#quote{width:90%;}
	.reviews div{width:90%;}
	figure.float-left{float:none;margin:50px 0px;}
	.product-area{width:100%;}
	#sku{width:100%;margin:25px 0px;}
	#skuImg{width:100%;height:auto;}
	#staff{display:block;margin:50px auto;min-height:175px;width:100%;}
	.profile-container{width:100%;}
	#staff p{width:100%;}
	.rslides li{height:auto;}
	.rslides img{width:100%;height:auto;}
	.social-icon{max-width:20%;height:auto;}
	.tattoo-machine{width:20%;height:auto;}
	#slider3-pager, #slider3b-pager{width:100%;}
}