@import url(https://fonts.googleapis.com/css?family=Bowlby+One+SC);

#custom-left,#custom-right {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
#custom-left {
	width: 100%;
	z-index: 10;
}
#custom-right {
	width: 100%;
	z-index: 20;
	margin: 0 auto;
	text-align: center;
	display: block;
	max-width: 750px;
}
.romance-text {
	font-style: italic;
	margin: 0 40px 9px;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
}
.box-child {
	background-color: #f7f7f7;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid #dddddd;
	z-index: 20;
	position: relative;
}
#sku-output,#screw-sku-output {
	text-align: center;
	font-style: italic;
}
#img-layers {
	max-width: 1178px;
	height: 310px;
	display: block;
	margin: 0 auto;
	position: relative;
}
#img-laser { z-index: 100 !important }
#img-art { z-index: 90 !important }
#img-grip { z-index: 60 !important }
#img-blade { z-index: 50 !important }
iframe {
	width: 750px;
	height: 422px;
}
@media only screen and (max-width: 1199px) {
	#ata-custom h1 {
		font-size: 30px !important;
		line-height: 55px !important;
	}
	#ata-custom h1.name {
		font-size: 75px !important;
		margin-bottom: 50px !important;
	}
	#img-layers {
		height: 260px !important;
	}
}
@media only screen and (max-width: 993px) {
	#ata-custom hr {
		margin: 60px auto !important;
	}
	#ata-custom h1 {
		font-size: 25px !important;
		line-height: 45px !important;
	}
	#ata-custom h1.name {
		font-size: 55px !important;
	}
	#img-layers {
		height: 220px !important;
	}
}
@media only screen and (max-width: 768px) {
	#ata-custom h1 {
		letter-spacing: 1px !important;
		font-size: 25px !important;
		line-height: 45px !important;
	}
	#ata-custom h1.name {
		font-size: 50px !important;
	}
	#img-layers {
		height: 190px !important;
	}
	iframe {
		width: 500px;
		height: 281px;
	}
}
@media only screen and (max-width: 568px) {
	#ata-custom h1 {
		letter-spacing: 1px !important;
		word-spacing: 3px;
		font-size: 20px !important;
		line-height: 35px !important;
	}
	#ata-custom h1.name {
		font-size: 40px !important;
		margin-bottom: 40px !important;
	}
	#img-layers {
		height: 160px !important;
	}
	iframe {
		width: 350px;
		height: 197px;
	}
}
@media only screen and (max-width: 420px) {
	#ata-custom h1 {
		word-spacing: 2px !important;
		font-size: 15px !important;
		line-height: 25px !important;
	}
	#ata-custom h1.name {
		font-size: 30px !important;
		margin-bottom: 35px !important;
	}
	#img-layers {
		height: 140px !important;
	}
	iframe {
		width: 250px;
		height: 141px;
	}
}
#img-layers img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	z-index: 10;
}
#img-thumbs {
	text-align: center;
	position: relative;
	bottom: 40px;
	height: 0;
	z-index: 200;
}
#img-thumbs li {
	padding: 2px 11px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
	background-color: #eeeeee;
	display: inline-block;
	border: 1px solid #dddddd;
	font-size: 9px;
	margin-left: 3px;
}
#img-thumbs li:hover,.img-select {
	border: 1px solid #444444 !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #333333 !important;
}
#ata-custom {
	border: 1px solid #dddddd;
	padding: 15px 0 35px;
	box-shadow: inset 0px 0px 21px -19px #000000;
	margin-bottom: 35px;
}
#ata-custom hr {
	margin: 100px auto;
	border: 0;
	height: 1px;
	width: 50%;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	white-space: pre-line;
}
#ata-custom h1 {
	text-align: center;
	font-family: 'Bowlby One SC', serif !important;
	letter-spacing: 2px;
	word-spacing: 4px;
	font-size: 40px;
	line-height: 65px;
	color: #333333;
	margin-bottom: 0;
}
#ata-custom h1.name {
	margin-top: 0;
	font-size: 90px;
	letter-spacing: 0px;
	margin-bottom: 60px;
	color: #222222;
}
.div-title {
	text-align: center;
	font-family: 'Bowlby One SC', serif !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 5px;
	font-size: 18px;
	line-height: 17px;
	color: #2c2c2c;
    transform: scale(1,1.2); /* W3C */
    -webkit-transform: scale(1,1.2); /* Safari and Chrome */
    -moz-transform: scale(1,1.2); /* Firefox */
    -ms-transform: scale(1,1.2); /* IE 9 */
    -o-transform: scale(1,1.2); /* Opera */
	z-index: 50;
	position: relative;
	margin-top: 15px;
	margin-bottom: 10px;
}
.div-title:hover {
	color: #a60101;
	cursor: pointer;
	background-color: #fafafa;
}
.div-expand {
	position: relative;
	bottom: 1px;
	opacity: 0.5;
}
.subdiv-title {
	font-size: 14px;
	font-family: 'Lora', serif !important;
	line-height: 16px;
	color: #333333;
	margin-bottom: 6px;
    transform: scale(1,1.05); /* W3C */
    -webkit-transform: scale(1,1.05); /* Safari and Chrome */
    -moz-transform: scale(1,1.05); /* Firefox */
    -ms-transform: scale(1,1.05); /* IE 9 */
    -o-transform: scale(1,1.05); /* Opera */
}
.numbers-select {
	color: #000000 !important;
	border: 1px solid #000000 !important;
   -moz-box-shadow:    inset 0 0 3px #666666;
   -webkit-box-shadow: inset 0 0 3px #666666;
   box-shadow:         inset 0 0 3px #666666;
   background-color: white;
}
#ata-custom #swatch_list li,#ata-custom #thread-color li,#ata-custom #clothing-type li,#waistband li,#ata-custom #bar-tack-color li,#ata-custom #velcro-color li,#ata-custom #cuffs-color li {
	display: inline-block;
	border: 1px solid #dddddd;
}
#swatch_list li {
	margin: 3px;
}
#swatch_list li div {
	height: 70px;
	width: 70px;
	border: 1px solid white;
	margin: 2px;
	text-align: center;
	line-height: 70px;
	color: #eeeeee;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .2em;
	font-size: 9px;
}
#swatch_list li:nth-child(5) div {
	width: 120px;
}
.swatch-select {
	border: 1px solid black !important;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, .8);
}
#free-holster {
	display: none;
}
#warranty-link:hover {
	text-decoration: underline;
}
#custom-instructions {
	margin-left: 40px;
}

div.customizableProductsFile {
	border: 1px solid red;
	padding: 20px;
	background-color: #fff7f7;
}



/****** FOLDING KNIVES ******/
#blade-choices,#knife-type,#knife-colors,#handle-art,#laser-choices,#laserdesign-choices-l,#laserdesign-choices-r {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 12px !important;
}
#knife-type li {
	display: inline-block;
	padding: 10px 30px;
	margin: 5px 5px;
	border: 1px solid #bababa;
	font-style: italic;
	font-size: 19px;
	letter-spacing: 1px;
	color: #999999;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	vertical-align: middle;
}
#knife-type li {
	font-weight: 700;
}
.knife-price {
	padding: 0 0 2px !important;
	font-size: 14px !important;
	font-weight: 400;
	margin: 2px 0 0;
}
#knife-type li:hover { 
	border: 1px solid #666666;
	cursor: pointer;
	color: #555555;
	-moz-box-shadow:    inset 0 0 3px #666666;
	-webkit-box-shadow: inset 0 0 3px #666666;
	box-shadow:         inset 0 0 3px #666666;
}
#knife-type li,#knife-colors li,#handle-art li,#blade-choices li,#laser-choices li,#laserdesign-choices-l li,#laserdesign-choices-r li {
	display: inline-block;
	border: 1px solid #dddddd;
}
#knife-colors li {
	margin: 3px;
}
#handle-art li {
	margin-bottom: 3px;
	padding: 2px;
}
#knife-colors li div {
	height: 70px;
	width: 70px;
	border: 1px solid white;
	margin: 2px;
	text-align: center;
	line-height: 70px;
	color: #eeeeee;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .2em;
	font-size: 9px;
}
#blade-choices li div {
	height: 35px;
	width: 100px;
	border: 1px solid white;
	margin: 2px;
	text-align: center;
	line-height: 21px;
	color: #eeeeee;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .2em;
	font-size: 9px;
}
#laser-choices li div {
	height: 50px;
	width: 100px;
	border: 1px solid white;
	margin: 2px;
	text-align: center;
	line-height: 19px;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .2em;
	font-size: 9px;
}
#laserdesign-choices-l li div,#laserdesign-choices-r li div {
	height: 116px;
	width: 200px;
	border: 1px solid white;
	margin: 2px;
	text-align: center;
	line-height: 19px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .2em;
	font-size: 9px;
}
#knife-type li:hover,#knife-colors li:hover,#handle-art li:hover,#blade-choices li:hover,#laser-choices li:hover,#laserdesign-choices-l li:hover,#laserdesign-choices-r li:hover {
	cursor: pointer;
}


#out-of-stock {
	text-align: center;
	color: red;
	font-size: 50px;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: "Lora",serif !important;
	letter-spacing: 1px;
}