@CHARSET "UTF-8";

/****************
 CHECKBOX 
****************/
#sleeve input[type="checkbox"] + label b {
	top: auto;
	bottom: 0px;
	left: 0px;
}

/****************
 B STYLE 
****************/
/* SLEEVE */
input[type="radio"] + label .b-long-sleeve {
	bottom: 2px;
}

input[type="radio"] + label .b-long-sleeve-roll-up {
	bottom: 2px;
	margin-left: -12px;
}

input[type="radio"] + label .b-short-sleeve {
	bottom: 2px;
	margin-left: -9px;
}

/* BOTTOM */
input[type="radio"] + label .b-bottom-tri-tab {
	bottom: 27px;
	margin-left: -3px;
}

input[type="radio"] + label .b-bottom-straight {
	bottom: 27px;
	margin-left: -12px;
}

input[type="radio"] + label .b-bottom-straight-vent {
	bottom: 27px;
	margin-left: -6px;
}
/* COLLAR */
#collar input[type="radio"] + label b {
	bottom: 2px;
}
/* CUFF */
#cuff input[type="radio"] + label b {
	bottom: 16px;
}
/* FRONT */
#front input[type="radio"] + label b {
	bottom: 0px;
}

input[type="checkbox"] + label .b-collarin-n-cuffin {
	top: auto;
	bottom: 16px;
	left: 60px;
}

/* BUTTON HOLE STYLE */
#button-hole-style input[type="radio"] + label b {
	top: auto;
	bottom: 32px;
}

#monogram input[type="radio"] + label b {
	top: auto;
	bottom: 58px;
}

input[type="checkbox"] + label .b-dart {
	top: auto;
	bottom: 12px;
	left: 2px;
}
/****************
 LABEL STYLE 
****************/
input[type="checkbox"] + .shoulder-eqaulettes {
	top: 38px;
}

input[type="checkbox"] + .seams {
	top: auto;
	bottom: 58px;
	left: 15px;
}

#sleeve, #bottom, #collar, #cuff, #front-n-back, #pocket, #mix-n-match, #button-style, #monogram, #personal {
	display: inline-block;
	border: 1px solid #888;
	background-color: #e4e4e4;
}

#mix-n-match, #button-style, #monogram, #personal {
	background-color: #d9d9d9;
}

#sleeve {
	width: 680px;
	margin-right: 1px;
}
	
#bottom {
	width: 488px;
	margin-left: 1px;
}

#collar {
	width: 1204px;
}

	#collar .swiper-slide {
		margin-bottom: 10px;
	}

#cuff {
	width: 630px;
	margin-right: 1px;
}

	#cuff .swiper-slide {
		margin-bottom: 40px;
	}
	
#front-n-back {
	width: 540px;
	margin-left: 1px;
}

	#front {
		width: 100%;
		padding: 0%;
		margin-bottom: 22px !important;
	}
	
	#back {
		width: 100%;
		padding: 0%;
		margin-bottom: 0% !important;
	}
	
#pocket {
	width: 1204px;
}

#mix-n-match {
	width: 1204px;
}

#button-style {
	width: 500px;
	margin-right: 1px;
}

	#button-n-thread {
		width: 100%;
		padding: 0%;
	}
		#button-n-thread p {
			margin: 10px 0;
		}
		
		#button-n-thread span, #button-n-thread .input-text-underline {
			font-size: 1.75em;
			padding-left: 20px;
		}
		
	#button-hole-style {
		width: 100%;
		padding: 0%;
	}
	
#monogram {
	width: 670px;
}
	#monogram .text-monogram {
		margin-top: 18px;
	}
	
	#monogram p {
		margin: 10px 0;
	}
	
	#monogram span, #monogram .input-text-underline {
		font-size: 1.75em;
		padding-left: 20px;
	}
	
#personal {
	width: 1204px;
}

	#personal .swiper-wrapper {
		width: 96%;
		padding: 2%;
	}

#darts {
	padding: 0;
	margin-top: 20px;
}

.order-form-shirt {
	background-color: transparent;
	background-image: url(../jpg/order-form-shirt-1.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.order-form-shirt.long-sleeve,
.order-form-shirt.sleeve_0{
	width: 150px;
	height: 230px;
	background-position: -30px -290px;
}

.order-form-shirt.long-sleeve-roll-up,
.order-form-shirt.sleeve_1{
	width: 160px;
	height: 230px;
	background-position: -182px -290px;
}

.order-form-shirt.short-sleeve,
.order-form-shirt.sleeve_2{
	width: 160px;
	height: 230px;
	background-position: -338px -290px;
}

.order-form-shirt.sleeve-options{
	width: 180px;
	height: 250px;
	background-position: -494px -270px;
}

.order-form-shirt.bottom-tri-tab,
.order-form-shirt.bottom_0{
	width: 160px;
	height: 250px;
	background-position: -690px -300px;
}

.order-form-shirt.bottom-straight,
.order-form-shirt.bottom_1{
	width: 160px;
	height: 250px;
	background-position: -852px -300px;
}

.order-form-shirt.bottom-straight-vent,
.order-form-shirt.bottom_2{
	width: 160px;
	height: 250px;
	background-position: -1010px -300px;
}

.order-form-shirt.collar-italian-1-button,
.order-form-shirt.collar_0{
	width: 130px;
	height: 152px;
	background-position: -35px -608px;
}

.order-form-shirt.collar-italian-2-button,
.order-form-shirt.collar_1{
	width: 130px;
	height: 152px;
	background-position: -160px -608px;
}

.order-form-shirt.collar-italian-3-button,
.order-form-shirt.collar_2{
	width: 130px;
	height: 152px;
	background-position: -287px -608px;
}

.order-form-shirt.collar-french-1-button,
.order-form-shirt.collar_3{
	width: 130px;
	height: 152px;
	background-position: -412px -608px;
}

.order-form-shirt.collar-french-2-button,
.order-form-shirt.collar_4{
	width: 130px;
	height: 152px;
	background-position: -539px -608px;
}

.order-form-shirt.collar-french-3-button,
.order-form-shirt.collar_5{
	width: 130px;
	height: 152px;
	background-position: -665px -608px;
}

.order-form-shirt.collar-cutaway-1-button,
.order-form-shirt.collar_5{
	width: 130px;
	height: 152px;
	background-position: -793px -608px;
}

.order-form-shirt.collar-cutaway-2-button,
.order-form-shirt.collar_7{
	width: 130px;
	height: 152px;
	background-position: -919px -608px;
}

.order-form-shirt.collar-cutaway-3-button,
.order-form-shirt.collar_8{
	width: 130px;
	height: 152px;
	background-position: -1044px -608px;
}

.order-form-shirt.collar-round-1-button,
.order-form-shirt.collar_9{
	width: 130px;
	height: 152px;
	background-position: -100px -760px;
}

.order-form-shirt.collar-button-down,
.order-form-shirt.collar_10{
	width: 130px;
	height: 152px;
	background-position: -226px -760px;
}

.order-form-shirt.collar-hidden-button,
.order-form-shirt.collar_11{
	width: 130px;
	height: 152px;
	background-position: -352px -760px;
}

.order-form-shirt.collar-tab,
.order-form-shirt.collar_12{
	width: 130px;
	height: 152px;
	background-position: -482px -760px;
}

.order-form-shirt.collar-batman,
.order-form-shirt.collar_13{
	width: 130px;
	height: 152px;
	background-position: -604px -760px;
}

.order-form-shirt.collar-moden,
.order-form-shirt.collar_14{
	width: 130px;
	height: 152px;
	background-position: -736px -760px;
}

.order-form-shirt.collar-tuxedo,
.order-form-shirt.collar_15{
	width: 130px;
	height: 152px;
	background-position: -856px -760px;
}

.order-form-shirt.collar-band,
.order-form-shirt.collar_16{
	width: 130px;
	height: 152px;
	background-position: -978px -760px;
}

.order-form-shirt.cuff-round-1-button,
.order-form-shirt.cuff_0{
	width: 95px;
	height: 165px;
	background-position: -40px -988px;
}

.order-form-shirt.cuff-angle-1-button,
.order-form-shirt.cuff_1{
	width: 95px;
	height: 165px;
	background-position: -135px -988px;
}

.order-form-shirt.cuff-square-1-button,
.order-form-shirt.cuff_2{
	width: 95px;
	height: 165px;
	background-position: -233px -988px;
}

.order-form-shirt.cuff-round-2-button,
.order-form-shirt.cuff_3{
	width: 95px;
	height: 165px;
	background-position: -333px -988px;
}

.order-form-shirt.cuff-angle-2-button,
.order-form-shirt.cuff_4{
	width: 95px;
	height: 165px;
	background-position: -434px -988px;
}

.order-form-shirt.cuff-square-2-button,
.order-form-shirt.cuff_5{
	width: 95px;
	height: 165px;
	background-position: -234px -988px;
}

.order-form-shirt.cuff-round-3-button,
.order-form-shirt.cuff_6{
	width: 95px;
	height: 165px;
	background-position: -30px -1164px;
}

.order-form-shirt.cuff-angle-3-button,
.order-form-shirt.cuff_7{
	width: 95px;
	height: 165px;
	background-position: -121px -1164px;
}

.order-form-shirt.cuff-square-3-button,
.order-form-shirt.cuff_8{
	width: 95px;
	height: 165px;
	background-position: -218px -1164px;
}

.order-form-shirt.cuff-french-round,
.order-form-shirt.cuff_9{
	width: 105px;
	height: 165px;
	background-position: -318px -1164px;
}

.order-form-shirt.cuff-french-angle,
.order-form-shirt.cuff_10{
	width: 105px;
	height: 165px;
	background-position: -430px -1164px;
}

.order-form-shirt.cuff-french-square,
.order-form-shirt.cuff_11{
	width: 105px;
	height: 165px;
	background-position: -318px -1164px;
}

.order-form-shirt.front-single-placket,
.order-form-shirt.front_0{
	width: 105px;
	height: 150px;
	background-position: -729px -994px;
}

.order-form-shirt.front-box-placket,
.order-form-shirt.front_1{
	width: 105px;
	height: 150px;
	background-position: -866px -994px;
}

.order-form-shirt.front-hidden-button,
.order-form-shirt.front_2{
	width: 105px;
	height: 150px;
	background-position: -1001px -994px;
}

.order-form-shirt.back-plain,
.order-form-shirt.back_0{
	width: 105px;
	height: 150px;
	background-position: -681px -1176px;
}

.order-form-shirt.back-box-pleat,
.order-form-shirt.back_1{
	width: 105px;
	height: 150px;
	background-position: -802px -1176px;
}

.order-form-shirt.back-side-pleats,
.order-form-shirt.back_2{
	width: 105px;
	height: 150px;
	background-position: -932px -1176px;
}

.order-form-shirt.back-center-pleats,
.order-form-shirt.back_3{
	width: 105px;
	height: 150px;
	background-position: -932px -1176px;
}

.order-form-shirt.pocket-classic-round,
.order-form-shirt.pocket_0{
	width: 140px;
	height: 204px;
	background-position: -68px -1389px;
}

.order-form-shirt.pocket-classic-angle,
.order-form-shirt.pocket_1{
	width: 140px;
	height: 204px;
	background-position: -198px -1389px;
}

.order-form-shirt.pocket-diamond-straight,
.order-form-shirt.pocket_2{
	width: 140px;
	height: 204px;
	background-position: -332px -1389px;
}

.order-form-shirt.pocket-classic-square,
.order-form-shirt.pocket_3{
	width: 140px;
	height: 204px;
	background-position: -465px -1389px;
}

.order-form-shirt.pocket-round-flap,
.order-form-shirt.pocket_4{
	width: 140px;
	height: 204px;
	background-position: -595px -1389px;
}

.order-form-shirt.pocket-angle-flap,
.order-form-shirt.pocket_5{
	width: 140px;
	height: 204px;
	background-position: -595px -1389px;
}

.order-form-shirt.pocket-diamond-flap,
.order-form-shirt.pocket_6{
	width: 140px;
	height: 204px;
	background-position: -725px -1389px;
}

.order-form-shirt.pocket-round-pocket-with-glass,
.order-form-shirt.pocket_7{
	width: 140px;
	height: 204px;
	background-position: -994px -1389px;
}

.order-form-shirt-2 {
	background-color: transparent;
	background-image: url(../jpg/order-form-shirt-2.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.order-form-shirt-2.collarin-n-cuffin {
	width: 400px;
	height: 230px;
	background-position: -64px -84px;
}

.order-form-shirt-2.front-inside {
	width: 250px;
	height: 230px;
	background-position: -494px -84px;
}

.order-form-shirt-2.front-outside {
	width: 250px;
	height: 230px;
	background-position: -746px -84px;
}

.order-form-shirt-2.collarout-n-cuffout {
	width: 400px;
	height: 230px;
	background-position: -80px -300px;
}

.order-form-shirt-2.front-box {
	width: 250px;
	height: 230px;
	background-position: -498px -300px;
}

.order-form-shirt-2.black-box {
	width: 250px;
	height: 230px;
	background-position: -765px -300px;
}

.order-form-shirt-2.french-cuff {
	width: 400px;
	height: 280px;
	background-position: -90px -530px;
}

.main-n-mix-fabric {
	width: 480px;
	height: 280px;
	font-size: 2.5em;
	line-height: 1;
	background: none;
}

	.main-n-mix-fabric p {
		margin: 50px 0;
	}
	
	.main-n-mix-fabric .input-text-underline {
		font-size: 1em;
		padding-left: 20px;
		width: 200px;
	}
	
.order-form-shirt-2.button-hole-style-vertical {
	width: 120px;
	height: 160px;
	background-position: -58px -1020px;
}

.order-form-shirt-2.button-hole-style-horizontal {
	width: 120px;
	height: 160px;
	background-position: -196px -1020px;
}

.order-form-shirt-2.button-hole-style-slanted {
	width: 120px;
	height: 160px;
	background-position: -328px -1020px;
}

.order-form-shirt-2.no-monogram {
	width: 130px;
	height: 190px;
	background-position: -512px -880px;
}

.order-form-shirt-2.monogram-on-waist {
	width: 130px;
	height: 190px;
	background-position: -636px -880px;
}

.order-form-shirt-2.monogram-chest-or-pocket {
	width: 212px;
	height: 190px;
	background-position: -792px -880px;
}

.order-form-shirt-2.monogram-on-cuff {
	width: 120px;
	height: 190px;
	background-position: -1036px -880px;
}

#order-form-shirt {
	position: relative;
	z-index: 50;
}

.darts {
	width: 100px;
	height: 20px;
	margin-top: 10px;
	font-size: 1.333em;
}