
/*ScrollPane*/
#scrollPane {
	width:465px;
	height:298px;
	overflow:auto;
}
#wrap .jScrollPaneTrack, #popinMask .jScrollPaneTrack {
	background:url(../images/scroll_bg.gif) repeat-y;
}
#wrap .jScrollPaneDrag, #popinMask .jScrollPaneDrag {
	background: url(../images/scroll_bar.gif) repeat-y;
}
#wrap a.jScrollArrowUp, #popinMask a.jScrollArrowUp {
	height: 6px;
	background: url(../images/icon_arrow_up.gif) no-repeat;
}
#wrap a.jScrollArrowDown, #popinMask a.jScrollArrowDown {
	height: 6px;
	background: url(../images/icon_arrow_down.gif) no-repeat;
}
#scrollPane p {
	margin:12px 0;
	line-height:14px;
}
#scrollPane p.firstRow {
	margin:0px;
}
#scrollPane p.firstRow:first-letter {
	font-size:24px;
	line-height:0.9em;
}
#scrollPane p.scrollPrint {
	margin-top:24px;
}
/*Popin*/
#popinMaskWrapper {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:100000;
	top:0;
	left:0;
	
}

* html #popinMaskWrapper { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#popinMask {
	width:100%;
	height:100%;
	background:url(../images/popinMask.png) repeat;
	_background:url(../images/blank.gif);
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popinMask.png', sizingMethod='scale');
}

#popinWrapper {
	position:absolute;
	left:50%;
	top:50%;
	width:855px;
	height:560px;
	margin-top:-290px;
	margin-left:-428px;
}


* html #popinWrapper { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}


#popinMaskWrapper.shadePop #popinWrapper {
	position:absolute;
	left:50%;
	top:50%;
	width:996px;/*flash -- width:976px*/
	height:584px; /*flash -- height:544px*/
	margin-top:-304px;
	margin-left:-498px;
}
#popinMaskWrapper.formPop #popinWrapper {
	position:absolute;
	left:50%;
	top:50%;
	width:566px;/*message - width:534px*/
	height:182px; /*message -- height:150px*/
	margin-top:-100px;
	margin-left:-283px;
}
#popin {
	width:855px;
	height:560px;
	background:url(../images/pop_video_bg.png) no-repeat;
	_background:url(../images/blank.gif);
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pop_video_bg.png', sizingMethod='scale');
}
#popinMaskWrapper.shadePop #popin {
	width:996px;
	height:584px;
	background:url(../images/pop_finder_bg.png) no-repeat;
	_background:url(../images/blank.gif);
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pop_finder_bg.png', sizingMethod='scale');
}
#popinMaskWrapper.formPop #popin {
	width:566px;
	height:182px;
	background:url(../images/pop_form_bg.png) no-repeat;
	_background:url(../images/blank.gif);
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pop_form_bg.png', sizingMethod='scale');
}
#popinContent {
	padding:16px;
	overflow:hidden;
}
#popinMaskWrapper.shadePop #popinContent {
	padding:20px 10px;
}
.close {
	position:absolute;
	float:right;
	right:23px;
	top:23px;
	z-index:100;
}
.close a {
	background:url(../images/icon_close.gif) right center no-repeat;
	display:block;
	padding-right:18px;
	cursor:pointer;
}
#popinMaskWrapper.shadePop .close {
	right:18px;
	top:27px;
	z-index:100;
}
#popinMaskWrapper.shadePop .close a {
	background:#fff url(../images/icon_close.gif) right center no-repeat;
	padding-left:2px;
}
/*Newsletter Pop*/
.confirmationPopTxt {
	width:454px;
	height:54px;
	margin:48px auto 0;
	background:url(../images/newsletter_confirmation.gif) no-repeat;
	text-indent:-1000em;
}
.errorPopTxt {
	width:454px;
	height:54px;
	margin:48px auto 0;
	background:url(../images/newsletter_error.gif) no-repeat;
	text-indent:-1000em;
}
.normalPopTxt {
	width:454px;
	margin:40px auto;
	font-size:14px;
	text-align:center;
}
/*Video Content*/
#videoContent {
	padding:23px;
	overflow:hidden;
	text-align:right;
	font-size:11px;
	font-family:'Trebuchet MS';
}
#videoContent h2 {
	padding-top:18px;
	text-align:left;
	text-indent:-1000em;
}
#videoContent p {
	line-height:22px;
}
#videoContent p img {
	vertical-align:middle;
}
.videoLorem {
	height:19px;
	background:url(../images/video-title.gif) right bottom no-repeat;
}
.sheetName {
	color:#767676;
}
.videoTopTxt {
	padding:6px 0;
}
/*video 030709*/
#videoTitle {
	overflow:hidden;
	zoom:1
}
#videoTitle h1 {
	margin-top:18px;
}
#videoMain {
	margin-top:12px;
	overflow:hidden;
	zoom:1;
}
#videoEntity {
	float:right;
	width:705px;
	height:395px;
}
#videoMenu {
	float:right;
	padding-top:100px;
}
.applicationStep {
	width:130px;
}
#popinContent #videoMenu {
	float:right;
	padding-top:50px;
}
#popinContent #videoMenu.paddingForAjax {
	padding:0;
	line-height:12px;
}
#popinContent .applicationStep {
	width:70px;
}
#popinContent #videoTitle h1 {
	margin-top:8px;
}
.titleApplication {
	width:380px;
	height:20px;
	background:url(../images/title_basicapplication.png) no-repeat;
	float:right;
	text-align:left;
	text-indent:-1000em;
}
.titleGettingStarted {
	width:360px;
	height:20px;
	background:url(../images/title_gettingstarted.png) no-repeat;
	float:right;
	text-align:left;
	text-indent:-1000em;
}
.titleRetouch {
	width:173px;
	height:18px;
	background:url(../images/title_video_retouch.png) no-repeat;
	float:right;
	text-align:left;
	text-indent:-1000em;
}
.titleAdorntattoos {
	width:441px;
	height:20px;
	background:url(../images/title_adorntattoos.png) no-repeat;
	float:right;
	text-align:left;
	text-indent:-1000em;
}
.titleJumpTo {
	padding-right:13px;
	color:#6b6d6e;
	text-transform:uppercase;
}
#stepList li {
	margin:5px 0;
}
#stepList li a {
	display:block;
	padding-right:13px;
	color:#6b6d6e;
	text-decoration:none;
}
#stepList li.selected a {
	color:#000;
	background:url(../images/icon_arrow_left.gif) right 4px no-repeat;
}
.steporder {
	display:block;
	line-height:normal;
	font-size:14px;
}
#stepList li.selected .steporder {
	text-decoration:underline;
}
/*instruction*/
#instruction {
	font-family:'Trebuchet MS';
	font-size:11px;
	line-height:14px;
}
#instructionContent {
	width:745px;
	height:440px;
	overflow:auto;
	/*margin:66px auto 0;*/
	margin:0 auto;
	padding-top:50px;
}
#instructionInner {
	width:745px;
	height:440px;
	overflow:auto;
}
#instructionContent p, #instructionContent dt {
	margin:1em 0;
}
.print {
	position:absolute;
	left:45px;
	top:37px;
	background:none repeat scroll 0 0 #FFFFFF;
}
.print a {
	display:block;
	padding-left:17px;
	text-transform:uppercase;
	background:url(../images/icon_print.gif) left center no-repeat;
}
.titleInstruction {
	height:20px;
	background:url(../images/title_instructions.gif) no-repeat;
	text-indent:-1000em;
}
/*Guide Quick Start*/
#guideQuickStart {
	width:712px;
	background:#fff;
}
#guideQuickStart h1 {
	width:365px;
	height:26px;
	margin-bottom:25px;
	background:url(../images/title_quick_start_guide.png) no-repeat;
	text-indent:-1000em;
}
.guideStep {
	border-top:1px solid #83827f;
	padding:39px 0 32px 0;
}
.shareText {
	padding-right:5px;
	position:relative;
	top:-1px;
}
.shareTopFashion {
	float:right;
	background:none
}
.shareTop {
	float:right;
	padding-top:10px;
	padding-right:5px;
}
.shareThisWhite a {
	background-image:none;
	color:#FFFFFF;
}
.shareThisBlack a {
	background-image:none;
	color:#000000;
}
.errorTips {
	color:#F46752;
}
