@charset "UTF-8";
/* CSS Document */
/* custom.css */

/* Custom Order
------------------------------------------------------------------------------*/
#main {
	width:100%;
	/*max-width:1200px;*/
	margin:0 auto;
}
#main .product_image {
	float: left;
	width: 75%;
	min-height:850px;
	background-color:#bfbfc1;
	position:relative;
}
#main .product_image img {
	width:95%;
	max-width:860px;
	height:auto;
	position:absolute;
	top:140px;
	right:0px;
	opacity:0;
}
#main .product_image img.Default {
	/*top:0px;*/
	top:50px;
	right:0px;
	opacity:1;
	width:100%;
	max-width:900px;
}
#main .product_image img.Logo {
	top:0px;
	left:360px;
	opacity:0;
	width:192px;
	/*height:140px;*/
}

#main .product_image .info {
	position:absolute;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	padding:30px;
	top:20px;
	/*left:150px;*/
	left:50px;
	max-width:330px;
}
#main .product_image .info h2 {
	font-size:24px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #f63;
}
#main .product_image .info p {
	font-size:12px;
	line-height:130%;
}

#main .parts_menu{
	float: right;
	width: 25%;
	/*max-width:350px;*/
	background-color:#5c5c5c;
	color:#fff;
}
#main .parts_menu .cartinfo {
	padding:20px;
}
#main .parts_menu .cartinfo .text {
	font-size:20px;
	margin-bottom:5px;
}
#main .parts_menu .cartinfo .priceinfo {
	background-color:#fff;
	color:#000;
	padding:10px 10px 0px;
}
#main .parts_menu .cartinfo .priceinfo:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	position:relative;
	top:26px;
	left:45%;
}
#main .parts_menu .cartinfo .priceinfo .price {
	font-size:18px;
	margin-bottom:5px;
}
#main .parts_menu .cartinfo .priceinfo .cart_btn {
	text-align:center;
}
#main .parts_menu .cartinfo .priceinfo .cart_btn img {
	width:100%;
	max-width:232px;
	height:auto;
	margin:0 auto;
}
#main .parts_menu .parts_name {
	height: 33px;
	border-top: solid 2px #fff;
	cursor:pointer;
}
#main .parts_menu .parts_name .no {
	font-size: 26px;
	line-height:32px;
	font-weight:bold;
	background-color:#333;
	height:100%;
	position: relative;
	padding: 0px 4px 0px 8px;
	margin-right:16px;
	float:left;
}
#main .parts_menu .parts_name.current .no {
	background-color:#dd6536;
}
#main .parts_menu .parts_name .no:after {
	content: '';
	width: 0;
	height: 0;
	font-size:0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #333;
	position:relative;
	top:-11px;
	left:14px;
}
#main .parts_menu .parts_name.current .no:after {
	border-left: 10px solid #dd6536;
}
#main .parts_menu .parts_name .text {
	font-size: 14px;
	line-height:28px;
	float:left;
}
#main .parts_menu .parts_item {
	border-top: none;
	padding:0px 20px;
	overflow:hidden;
	height:0px;
	/*-moz-transition: height 0.3s linear 0;
	-webkit-transition: height 0.3s linear;
	-o-transition: height 0.3s linear 0;
	-ms-transition: height 0.3s linear 0;*/
}
#main .parts_menu .parts_item.current {
	border-top: solid 2px #fff;
	padding:10px 20px;
	overflow:auto;
	height:auto;
}
#main .parts_menu .parts_item ul li {
	color:#fff;
	font-size: 12px;
	line-height:28px;
	cursor:pointer;
	clear:both;
}
#main .parts_menu .parts_item ul li:first-child {
	color:#f63;
}
#main .parts_menu .parts_item ul li.nocurrent:first-child {
	color:#fff;
}
#main .parts_menu .parts_item ul li.current {
	color:#f63;
}
#main .parts_menu .parts_item ul li .tip {
	width:30px;
	height:30px;
	margin:-1px 5px 0 0;
	background-color:#ccc;
	border:solid 1px #fff;
	float:left;
	background-size:cover;
}
#main .parts_menu .parts_item ul li.current .tip {
	border:solid 2px #fff;
}
#main .parts_menu .parts_item ul li:first-child .tip {
	border:solid 2px #fff;
}
#main .parts_menu .parts_item ul li.nocurrent:first-child .tip {
	border:solid 1px #fff;
}
#main .parts_menu .parts_item ul li .tip_1 {
	background-image:url(../img/custom/tip/black.png);
}
#main .parts_menu .parts_item ul li .tip_2 {
	background-image:url(../img/custom/tip/silver.png);
}
#main .parts_menu .parts_item ul li .tip_3 {
	background-image:url(../img/custom/tip/gray.png);
}
#main .parts_menu .parts_item ul li .tip_4 {
	background-image:url(../img/custom/tip/blue.png);
}
#main .parts_menu .parts_item ul li .tip_5 {
	background-image:url(../img/custom/tip/green.png);
}
#main .parts_menu .parts_item ul li .tip_6 {
	background-image:url(../img/custom/tip/orange.png);
}
#main .parts_menu .parts_item ul li .tip_7 {
	background-image:url(../img/custom/tip/red.png);
}
#main .parts_menu .parts_item ul li .tip_8 {
	background-image:url(../img/custom/tip/pink.png);
}
#main .parts_menu .parts_item ul li .tip_9 {
	background-image:url(../img/custom/tip/kings_camo.png);
}
#main .parts_menu .parts_item ul li .tip_10 {
	background-image:url(../img/custom/tip/kryptek_typhon.png);
}
#main .parts_menu .parts_item ul li .tip_11 {
	background-image:url(../img/custom/tip/kryptek_highlander.png);
}
#main .parts_menu .parts_item ul li .tip_12 {
	background-image:url(../img/custom/tip/kuiu_verde.png);
}
#main .parts_menu .parts_item ul li .tip_13 {
	background-image:url(../img/custom/tip/kuiu_vias.png);
}
#main .parts_menu .parts_item input {
	clear:both;
	width:100%;
	font-size:16px;
	margin: 10px 0;
}
#main .parts_menu .parts_item div.caseImg {
	float:right;
	height:80px;
}
#main .parts_menu .parts_item div.caseImg img {
	height:100%;
	width:auto;
}
#main .parts_menu .parts_item ul.caseImg {
	float:left;
}
#main .parts_menu .parts_item p {
	font-size:12px;
	line-height:120%;
}

#customphoto {
	position:fixed;
	top:100%;
	width:600px;
	height:600px;
}

@media all and (max-width: 837px) {
	
	#main .product_image .info {
		top:20px;
		width:90%;
		left:5%;
	}
	
	#main .product_image {
		float: none;
		width: 100%;
		min-height:370px;
	}
	#main .parts_menu{
		float: none;
		width: 100%;
	}
#main .product_image img {
	width:90%;
	top:70px;
	right:5%;
}
	#main .product_image img.Logo {
		width:100px;
		left:40%;
	}
	
}