.neocollagenConceptWrapper
{
	position: relative;
	width: 100%;
	background: url('../images/testimonial/kolBg.jpg') no-repeat top center;
	background-color: #e8e8e8;

	padding-bottom: 20px;
	padding-top: 40px;
}

/********** neocollagenConcept ***********/

.neocollagenConcept
{
	position: relative;
	width: 750px;
	margin: 0px auto 30px;
}

.neocollagenConcept .leftContent
{
	position: relative;
	width: 420px;
	float: left;
	padding-right: 20px;
}

.neocollagenConcept .titleStyle
{
	padding: 0px;
}

.neocollagenConcept .rightContent
{
	position: relative;
	width: 310px;
	float: right;
}

.neocollagenConcept .rightContent .neoTag
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.neocollagenConceptVideo
{
	position: relative;
	width: 750px;
	height: 400px;
	background-color: #CCC;
	margin: 0px auto 20px;
}

.neocollagenConceptVideo .photoFrameSticker
{
	position: absolute;
	width: 60px;
	height: 60px;
}

.neocollagenConceptVideo .photoFrameSticker.lt
{
	top: -15px;
	left: -15px;
	background: url('../images/neocollagen/photoFrameStickerLT.png');
}

.neocollagenConceptVideo .photoFrameSticker.rb
{
	bottom: -15px;
	right: -15px;
	background: url('../images/neocollagen/photoFrameStickerRB.png');
}


/********** neocollagenThreeStepsWrapper **********/
.neocollagenThreeStepsWrapper
{
	position: relative;
	width: 100%;
	background: url('../images/neocollagen/neocollagenThreeStepsBg.jpg') no-repeat top center;
	background-color: #ecebe9;
	padding-bottom: 40px;
}

.threeStepsContent
{
	position: relative;
	width: 1280px;
	margin: 0px auto;
}

.innerStepContainer
{
	position: relative;
}

.step1Wrapper
{
	position: relative;
	width: 100%;
	height: 400px;

	/*background-color: #CCC;*/
}

.step2Wrapper
{
	position: relative;
	width: 100%;
	height: 470px;

	/*background-color: #666;*/
}

.step3Wrapper
{
	position: relative;
	width: 100%;
	height: 470px;

	/*background-color: #999;*/
}

.timelineStroke
{
	position: absolute;
	width: 600px;
	height: 100%;
	background: url('../images/neocollagen/strokeBg.png') no-repeat;
	left: 50%;
	margin-left: -300px;
	top: 0px;
}

.stepBallItem
{
	position: absolute;
	width: 180px;
	height: 180px;
	top: 0px;
	left: 50%;
	margin-left: -50px;
	background: url('../images/neocollagen/bubble.png');
}

.stepBallItem.ball1
{
	top: 70px;
}

.stepBallItem.ball2
{
	top: -50px;
}

.stepBallItem.ball3
{
	top: -25px;
}

.ballTitle
{
	position: absolute;
	width: 230px;
	height: 180px;
	top: 0px;
	left: 0px;
}

.step1MainContent
{
	position: absolute;
	width: 870px;
	height: 340px;
	top: 60px;
	left: 240px;
}

.step2aMainContent, .step2bMainContent
{
	position: absolute;
	width: 540px;
	height: 390px;
	top: 30px;
}

.step3aMainContent, .step3bMainContent
{
	position: absolute;
	width: 500px;
	height: 440px;
	top: 0px;
}

.step2aMainContent
{
	left: 70px;
}

.step2bMainContent
{
	left: 660px;
}

.step3aMainContent
{
	left: 90px;
}

.step3bMainContent
{
	left: 680px;
}

.heroIcon
{
	position: absolute;
	width: 340px;
	height: 340px;
}

.heroIcon.step1Hero
{
	top: 0px;
}

.heroIcon.step2aHero
{
	top: 0px;
	left: 0px;
}

.heroIcon.step2bHero
{
	top: 0px;
	left: 200px;
}

.heroIcon.step3aHero
{
	top: 0px;
	left: 0px;
}

.heroIcon.step3bHero
{
	top: 0px;
	left: 160px;
}




.stepMessage
{
	position: absolute;
}

.stepMessage .title
{
	margin-bottom: 5px;
}

.stepMessage.step1MessageWrapper
{
	width: 340px;
	height: 250px;
	top: 20px;
	left: 530px;
}

.stepMessage.step2aMessageWrapper
{
	width: 220px;
	height: 270px;
	top: 120px;
	left: 320px;
}

.stepMessage.step2bMessageWrapper
{
	width: 220px;
	height: 270px;
	top: 120px;
	left: 0px;
}

.stepMessage.step3aMessageWrapper
{
	width: 220px;
	height: 270px;
	top: 170px;
	left: 280px;
}

.stepMessage.step3bMessageWrapper
{
	width: 220px;
	height: 270px;
	top: 170px;
	left: 0px;
}





.stepCaption
{
	position: absolute;
	width: 320px;
	height: 90px;
	bottom: 0px;
}

.step1CaptionImgWrapper
{
	left: 20px;
}

.step2aCaptionImgWrapper
{
	left: -100px;
}

.step2bCaptionImgWrapper
{
	left: 0px;
}

.step3aCaptionImgWrapper
{
	left: -100px;
}

.step3bCaptionImgWrapper
{
	left: 0px;
}


.captionImg
{
	position: absolute;
	width: 155px;
	height: 90px;
	top: 0px;
}

.captionImg.img1
{
	left: 0px;
}

.captionImg.img2
{
	right: 0px;
}


/********** neocollagenFAQWrapper **********/
.neocollagenFAQWrapper
{
	background-color: #e6e6e5;
	padding-bottom: 80px;
}

.neocollagenFAQ
{
	position: relative;
	width: 750px;
	margin: 0px auto;
}

.neocollagenFAQWrapper .titleStyle
{
	width: 255px;
	margin: 0px auto;
}

.leftNum
{
	position: relative;
	width: 40px;
	height: 40px;
	margin-right: 40px;
}

.rightContent
{
	position: relative;
	width: 670px;
	min-height: 40px;
}

.faqQuestionWrapper .row
{
	min-height: 30px;
	margin-bottom: 20px;
}