/*======================================
				Reza
			www.eSoftArena.com
=======================================*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	/*background:url(images/bdy_bg_rpt.gif) repeat;*/
}
#body2{width:100%; /*background:url(images/bdy_tp_bg_rptx.gif) repeat-x top; padding-bottom:129px*/}
*{margin:0; padding:0}
img,fieldset{border:0}
.hide, h1 em{display:none; visibility:hidden}
h1{width:212px;/*227*/ height:65px; float:left}
h2{color:#40b6e6; font-size:24px; margin-bottom:10px; display:none;}
h3{font-size:18px; font-weight:normal; margin-bottom:18px; background:url(images/lgnd_bg_rptx.gif) repeat-x top}
h4{font-size:13px; margin-bottom:17px}
p{margin-bottom:18px}
ul{list-style:none}
a{text-decoration:none}
.hlp a, .revert:hover, #ftr span a:hover{text-decoration:underline}
#wrap{width:946px; margin:0 auto; text-align:left}
/*=======================================
				HEADER
========================================*/
#hdr{width:931px;/*946*/ height:65px;/*100*/ padding:35px 0 0 15px; margin-bottom:8px; overflow:hidden}
h1 a{width:211px; height:46px; background:url(images/logo.png) no-repeat left top; display:block}
/*=======================================
				MAIN BODY
========================================*/
/*#main{background:url(images/mn_bg_rpty.gif) repeat-y left}*/
.mn_bg{width:914px;/*946*//* padding:23px 16px 85px; background:url(images/mn_bg_tp.gif) no-repeat left top*/}
.hlp{overflow:hidden; height:14px; display:none;}
.hlp span, .butn_bck{float:left}
.hlp a{float:right; color:#000}
.nav{width:100%; height:40px;/*49*/ padding-top:9px; margin-bottom:2px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; overflow:hidden}
.nav li{margin-right:8px; float:left; font-weight:bold; text-align:center}
.nav li a{width:100px; line-height:31px; color:#bababa; background:url(images/butns_nav.gif) no-repeat left top; display:block}

.nav li a:hover{color:#fff; background-position:left -31px}
.nav li .selected{color:#fff; height:38px; background-position:left -62px!important}
.nav .sl_btn a{background:url(images/butns_nav2.gif) no-repeat left top}

h3 span{width:902px;/*914*/ line-height:68px; padding-left:12px; background:url(images/lgnd_bg_rgt.gif) no-repeat right top; display:block}
.container{width:100%; overflow:hidden; padding-bottom:30px}
.mn_lft{width:311px;/*347*/ padding:0 24px 50px 12px; float:left; background:url(images/mn_lft_bg_rgt.gif) no-repeat right 1px}
.mn_lft ul{ margin-left:14px; margin-bottom:10px}
.mn_lft ul li{ list-style:outside; list-style-type:disc; padding-bottom:5px}

.mn_rgt{width:567px; float:right}
.pg_butns{width:100%; display:block; overflow:hidden}
.pg_butns a{width:89px; line-height:31px; font-weight:bold; color:#fff; background:url(images/butns_back.gif) no-repeat left top; display:block; text-align:center}
.butn_cmplte{float:right}

.pg_butns a:hover{background-position:left -62px}
.pg_butns .nextState2{background-position:left -31px}

/*=======================================
				[Page: Intro]
========================================*/
.magic_card{width:478px; height:202px; margin:22px 0 3px 49px; border:1px solid #c3bcb6;}
.magic_card_play{width:480px; height:23px; margin:0 0 0 49px; background:url(images/magic_card_play.gif) no-repeat center}


/*=======================================
			[Page: Upload Card Image]
========================================*/
.upload_card{padding-left:8px}
/*-----Dynamic box creation-----*/
.tp_rptx{background:url(images/dynamicBx_bg_rptx.gif) repeat-x top}
.btm_rptx{background:url(images/dynamicBx_bg_rptx.gif) repeat-x bottom}
.lft_rpty{background:url(images/dynamicBx_bg_rpty.gif) repeat-y left}
.rgt_rpty{background:url(images/dynamicBx_bg_rgt_rpty.gif) repeat-y right}
.tp_lft{background:url(images/dynamicBx_bg_tp_lft.gif) no-repeat top left}
.tp_rgt{background:url(images/dynamicBx_bg_tp_rgt.gif) no-repeat top right}
.btm_lft{background:url(images/dynamicBx_bg_btm_lft.gif) no-repeat bottom left}
.btm_rgt{background:url(images/dynamicBx_bg_btm_rgt.gif) no-repeat bottom right}
/*---Only(...) Dynamic box creation---*/
.upload_card .tp_rptx{background:url(images/dynamicBx_bg_tp_rptx2.gif) repeat-x top}
.upload_card .tp_lft{background:url(images/dynamicBx_bg_tp_lft2.gif) no-repeat top left}
.upload_card .tp_rgt{background:url(images/dynamicBx_bg_tp_rgt2.gif) no-repeat top right}
/*---Deselect Dynamic box creation---*/
.de_select .tp_rptx{background:url(images/dslct_bg_tp_rptx.gif) repeat-x top}
.de_select .btm_rptx{background:url(images/dslct_bg_btm_rptx.gif) repeat-x bottom}
.de_select .lft_rpty{background:url(images/dslct_bg_lft_rpty.gif) repeat-y left}
.de_select .rgt_rpty{background:url(images/dslct_bg_rgt_rpty.gif) repeat-y right}
.de_select .tp_lft{background:url(images/dslct_bg_tp_lft.gif) no-repeat top left}
.de_select .tp_rgt{background:url(images/dslct_bg_tp_rgt.gif) no-repeat top right}
.de_select .btm_lft{background:url(images/dslct_bg_btm_lft.gif) no-repeat bottom left}
.de_select .btm_rgt{background:url(images/dslct_bg_btm_rgt.gif) no-repeat bottom right}
/*------------------------------*/
.butn_slct{width:100%; display:block}
.butn_slct a{width:71px; line-height:23px; display:block; background:url(images/butns_select.gif) no-repeat left top; color:#fff; font-weight:bold; text-align:center}
.butn_slct a:hover{background-position:left -23px}

.de_select, .select{float:left; margin-right:4px; background:url(images/img05.jpg) no-repeat center 35px}
.de_select .btm_rgt, .slct1 .btm_rgt, .slct2 .btm_rgt{padding-top:6px}
.de_select .butn_slct a{background-position:left -23px}
/*+++ (del me) ++*/
.slct1 .btm_rgt{width:164px; height:131px}
.slct2 .btm_rgt{width:101px; height:193px}
.de_select .slct1 .btm_rgt{width:172px; height:135px}
.de_select .slct2 .btm_rgt{width:109px; height:197px}

/*=======================================
				[Page: Key Type]
========================================*/
/*.holo_kote{width:232px; padding:154px 12px 0 38px; background:url(images/holo_kote_flex.gif) no-repeat left top; float:left}
.holo_kote h4{margin-bottom:5px}
.butn_slct{width:100%; text-align:center; display:block}
.butn_slct a{width:71px; line-height:23px; display:inline-block; background:url(images/butns_select.gif) no-repeat left top; color:#fff; font-weight:bold}
.butn_slct a:hover, .holo_kote .a_select{background-position:left -23px}*/

.holo_kote{width:560;/*567*/ padding-left:7px; overflow:hidden}
.holo_kote .select, .holo_kote .de_select{margin-bottom:20px; }
.holo_kote .key_flx{ background:url(images/holo_kote_flex.gif) no-repeat left top }
.holo_kote .key_cust{ background:url(images/holo_kote_cust.gif) no-repeat left top }
.holo_kote .select .btm_rgt, .holo_kote .de_select .btm_rgt{width:224px;/*282*/ padding:156px 12px 8px 38px; height:auto}
.holo_kote h4{margin-bottom:5px}
.holo_kote .butn_slct{padding-left:65px; width:auto}

/*---.de_select2 Type image---*/
.holo_kote .de_select .tp_rptx{background:url(images/dslct2_bg_tp_rptx.gif) repeat-x top;}
.holo_kote .de_select .btm_rptx{background:url(images/dslct2_bg_btm_rptx.gif) repeat-x bottom}
.holo_kote .de_select .lft_rpty{background:url(images/dslct2_bg_lft_rpty.gif) repeat-y left}
.holo_kote .de_select .rgt_rpty{background:url(images/dslct2_bg_rgt_rpty.gif) repeat-y right}
.holo_kote .de_select .tp_lft{background:url(images/dslct2_bg_tp_lft.gif) no-repeat top left}
.holo_kote .de_select .tp_rgt{background:url(images/dslct2_bg_tp_rgt.gif) no-repeat top right}
.holo_kote .de_select .btm_lft{background:url(images/dslct2_bg_btm_lft.gif) no-repeat bottom left}
.holo_kote .de_select .btm_rgt{background:url(images/dslct2_bg_btm_rgt.gif) no-repeat bottom right;}

/*=======================================
			[Page: Preview]
========================================*/
.preview{padding:60px 0 0 110px;}
/*=======================================
			[Page: HoloKote Key]
========================================*/
.kolokote_key{padding-left:12px}
.kolokote_key dl{overflow:hidden; padding-top:35px}
.kolokote_key dl dd{width:125px; height:125px; float:left; margin:0 15px 15px 0; border:1px dashed #bababa}
.kolokote_key dl .fourth_key{margin-right:0}
/*=======================================
			[Page: Layout]
========================================*/
.layout{width:420px; padding-top:9px}
.layout .butn_slct{text-align:right; overflow:hidden}
.layout .butn_slct a{margin-left:9px; text-align:center; float:right }
.layout .butn_slct label{ display:block; float:right}
.layout_img{width:100%; overflow:hidden}
.layout_img .tp_rptx{float:right}
.layout_img .btm_rgt{width:334px;/*306 padding:10px; padding-bottom:12px;*/ padding:0; margin:0; height:208px}
.layout_img .btm_rgt input{width:13px; height:13px; margin: 19px 20px 20px 20px}

.layout_img .btm_rgtn{width:208px;/*306 padding:10px; padding-bottom:12px;*/ height:332px}
.layout_img .btm_rgtn input{width:13px; height:13px; margin: 21px 18px}
/*=======================================
			[Page: Order]
========================================*/
.order form{ width:100%; overflow:hidden}
.order form dl{width:250px; padding:0 14px; float:left}
.order form .frm_rgt{float:right}
.order form h4{margin-bottom:5px}
.order form dl input{width:100%; height:21px; padding:1px 0 0 1px; margin-bottom:12px; border:0; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; background:url(images/input_bg.gif) repeat-x top}
.order form dl .error_{border:1px solid red}
.order form dl .chk_bx p input{width:auto; height:auto; padding:0; border:none; float:left; margin:0 7px 0 0; background:none}
.chk_bx p{width:100%; overflow:hidden; margin-bottom:10px}
.chk_bx p span{float:left; line-height:15px; display:block}
.srl_numbr{width:100%; overflow:hidden}
.srl_numbr span{width:125px; float:left; display:block}
.srl_numbr .quant{width:112px; float:right}
.quant select{width:100%}
.order form dl label small, .order form dl label i{color:#f00}
.order form dl label span{float:left}
.order form dl label small{font-size:11px; float:right}
/*=======================================
			[Page: Edit Threshold]
========================================*/
.edit_threshold{width:555px;/*567*/ padding-left:12px; overflow:hidden}
.threshold_img_edit{width:292px;/*322*/ height:317px;/*347/322*/ padding:13px; background:url(images/threshold_img_border.gif) no-repeat left top; float:left}
.threshold_img_big{width:292px; height:294px; margin-bottom:7px}
.threshold_slider{width:257px; height:25px; background:url(images/threshold_slider_bg.gif) no-repeat left center; position:relative; float:left}
.threshold_slider .threshlod_level{position:absolute; top:-28px; left:41px}

.threshold_img_edit_big{background:url(images/threshold_img_border_big.gif) no-repeat left top; padding:15px; margin-left:11px;}
.threshold_img_edit_big .threshold_img_big{width:477px; background-position:center; text-align:center;}
.threshold_img_edit_big .threshold_rgt{ float:left}
.undo{height:27px; line-height:27px; background:url(images/undo.gif) no-repeat left top; display:block; padding-left:35px; color:#000; margin-bottom:14px}

.threshold_rgt{width:225px;/*230*/ float:right; padding:5px 0 0 5px}
.threshold_img{width:149px;/*164*/ height:149px;/*164*/ padding:9px; margin-bottom:11px; background:url(images/threshold_img_border_small.gif) no-repeat left top}
.revert{line-height:27px; background:url(images/revert_bg.gif) no-repeat left top; display:block; padding-left:35px; color:#000; margin-bottom:14px}
.threshlod_level{width:100%; overflow:hidden}
.threshlod_level input{width:23px; height:20px; padding:4px 0 0 1px; border:1px solid #c7c0ba; float:left; margin-right:11px}
.threshlod_level span{line-height:20px; display:block; float:left}
#the_point{ position:absolute; left:0; top:293px; z-index:100; display:none}
/*=======================================
			[Page: Layout Flex]
========================================*/
.layout_flex{height:400px;/*355*/ padding:0 0 0 85px; background:url(images/threshold_img_border_big_RB.gif) no-repeat 34px 30px; overflow:hidden; position:relative;}
.layout_flex .tp_rptx{float:left; margin-top:60px}
.layout_flex .btm_rgt{width:331px; height:206px; position:relative}
.layout_flex .btm_rgt img{position:absolute; z-index:100}
.threshold_slider_Hor{width:331px; height:25px; background:url(images/threshold_slider_bg_Hor.gif) no-repeat center; position:absolute; left:85px; top:345px}
.threshold_slider_Ver{width:25px; height:314px; background:url(images/threshold_slider_bg_Ver.gif) no-repeat center; position:absolute; left:452px; top:15px}
.threshold_slider_Hor img{position:absolute; left:0; top:0}
.threshold_slider_Ver img{position:absolute; left:0; bottom:0}

.layout_flex .vert{margin:0 0 0 70px}
*html .layout_flex .vert{margin:0 0 0 35px}
.layout_flex .vert .btm_rgt{width:208px; height:332px}
.layout_flex .vert .btm_rgt img{position:relative; left:10px; top:265px}

/*=======================================
				FOOTER
========================================*/
#ftr{ width:100%; height:20px;/*55*/ padding-top:35px; background:url(images/ftr_bg_rptx.gif) repeat-x top}
#ftr small{float:left}
#ftr span{float:right}
#ftr small, #ftr span a{font-size:11px; color:#979797}
/*=======================================
				HACK's for IE6
========================================*/
*html h1 a{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/logo.png) no-repeat';
background-image: none}