/*
-----------------------------------------------
azimuth: Site Widget Styles
Author:   akella at http://cssing.org.ua
Version:  17 jun 2009
----------------------------------------------- */
*{margin:0;padding:0}
body{
	font:14px/1.4 arial,sans-serif;
	text-align:center;
	height:500px;
	position:relative;
	color:#000;
	background:none;
	}
	.out{
		width:450px;
		margin:0 auto;
		position:relative;
		height:500px;
		text-align:left;
	
		}
/* =Misc(links)
----------------------------------------------- */
a img,fieldset{border:none}
.pda, .print, legend{display:none}
/* =Header
----------------------------------------------- */
.animation{
	width:50px;
	height:250px;
	position:absolute;
	top:102px;
	left:55px;
	}

.animtion-center{
	width:50px;
	height:250px;
	position:absolute;
	top:102px;
	left:183px;
	}

.animtion-center1{
	width:50px;
	height:250px;
	position:absolute;
	top:51px;
	left:143px;
	}

/* -----  ----- .code_request .animation { left: 25px; }*/
.content{
	background:#fff url(../../img/y-top.png) no-repeat 0 0;
	width:240px;
	position:absolute;
	left:145px;
	top:75px;
	display:none;
	}
	.toright{
		background-image:url(../../img/y-top1.png);
		left:80px;
		}
	.c-in{
		background: url(../../img/y-bot.png) no-repeat 100% 100%;
		padding:15px 22px 15px 31px;
		min-height:61px;
		overflow:hidden;
		font-size:12px;
		color:#555;
		}
		.toright .c-in{
			padding:15px 31px 15px 22px;
			background-position:1px 100%;
			}
		.c-in p{
			width:187px;
			}
		.c-in strong{
			font-size:23px;
			line-height: 27px;
			font-weight:normal;
			color:#000;
			}
.m-mystory, .m-hi, .m-send, .m-back{
	position:absolute;
	left:61px;
	top:9px;
	width:110px;
	height:42px;
	display:none;
	}
	.m-send, .m-back{
		left:21px;
	}
	.m-send{left:280px;}
	.m-send.redeem{left:320px;}
	.m-send-phreq{left:320px;}
	.m-hi{
		left:235px;
		}
		.m-send, .m-back{
			height:49px;
		}
a.active, a:focus { outline: none; }
.panel{
	width:100%;
	position:absolute;
	top:375px;
	height:61px;
	left:0;
	background:url(../../img/bottom.png) no-repeat 0 0;
}
.m-mystory a, .m-hi a, .m-buy a, .m-back a, .m-send a{
	display:block;
	overflow:hidden;
	width:158px;
	height:49px;
	outline:none;
	padding-left:21px;
	line-height:39px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}
	.m-buy{
		position:relative;
		height:49px;
		}
	.m-buy a{
		position:absolute;
		width:208px;
		height:49px;
		display:block;
		text-align:center;
		left:9px;
		padding-left: 0px;
		top:0;
		/* -----  ----- padding-left:175px;*/
		font-size:18px;
		font-size:24px;
		}
	.m-mystory a{background:url(../../img/but1.png) no-repeat 0 0;}
	
	.m-hi a{background:url(../../img/but2.png) no-repeat 0 0;}
	.m-buy a{background:url(../../img/buy.png) no-repeat 0 0;width:380px;} .m-buy{width:383px;}
	.m-buy1 a{background:url(../../img/buy1.png) no-repeat 0 0;width:380px;}
	.m-back a{background:url(../../img/m-back.png) no-repeat 0 0;width:78px;}
	.m-back.m-phone a{background:url(../../img/m-phone.png) no-repeat 0 0;width:78px;}
	.m-send a{background:url(../../img/m-send.png) no-repeat 0 0;width:108px;}
	.m-mystory a.active,.m-hi a.active, .m-buy a.active, .m-back a.active, .m-send a.active{background-position:0 -49px;padding-top:3px;}
	.m-hi a.active,.m-mystory a.active{/*background-position: 0 -42px; */}

	.panel .form{
		position:absolute;
		left:189px;
		top:15px;
		display:none;
		}
	
	.panel .phreq{		
		left:127px;		
		}

	.panel .earn{		
		left: 5px;		
		}
	
	.panel .form.redeem{
		left:180px;
	}

	.panel .form input{
		border:1px solid #c2c0c0;
		height:18px;
		padding:4px 5px 4px 5px;
		font-size:16px;
		color:#000;
		width:115px;
		background:#fff url(../../img/gr.png) repeat-x 0 0;
		font-family:Arial,sans-serif;
		float:left;
		}
		.panel .form input.phone-code{
			color:#7f7f7f;
			width:33px;
			text-align: center;
			padding-left: 0;
			padding-right: 0;
			}		

		.panel .form input.phone-number {
			font-weight: bold;
			padding-left: 4px;
			width: 71px;
			}
		
		.panel .phreq input.phone-number{			
		width:116px;		
		}

		.panel .form input.earn-url{
			padding-left: 4px;
			width:  380px;
		}

		.panel .form input.redeem{
			padding-left: 4px;
			width:  125px;
		}

	.panel .form span{
		border:1px solid #c2c0c0;
		height:18px;
		padding:7px 3px 1px 3px;
		border-left:0;
		float:left;
		border-right:0;
		background:#fff url(../../img/gr.png) repeat-x 0 0;
		}
.checkcodepage .insertcode{
	margin-left:100px;
	width:75px;
}

.m-buy-warning{
	display:block;
	overflow:hidden;
	width:400px;
	height:49px;
	outline:none;
	line-height:39px;
	font-size:18px;
	color:#f00;
	text-decoration:none;
	text-align: center;
}

/* =Buy
====================================*/
.b-buy{
	margin:0 auto 0 auto;
	position:relative;
	z-index:100;
	display:none;
	top:69px;
	width:400px;
	background:url(../../img/b-buy.png) no-repeat 0 100%;
	}
.buy .animation{
	width:291px;
	height:351px;
	position:absolute;
	top:0px;
	left:25px;
	}

.buy-a .animation{
	width:291px;
	height:351px;
	position:absolute;
	top:0px;
	left:25px;
	}

.b-price{
	height:61px;
	position:relative;
	width:361px;
	margin:0 auto;
	text-align:center;
	}
.wrapcardselect{
	min-height:298px;
	height:auto !important;
	height:298px;
	}
.choose{
	width:375px;
	margin:5px 0 0px 13px;
	}
	.card{
		text-align:center;
	}
	.card .content{
		text-align:left;
	}
.b-buy select{
	width:375px;
	font-size:16px;
	}
	.price{
		display:inline-block;
		height:61px;
		font-size:32px;
		color:#000;
		font-weight:bold;
		font-family:Arial,sans-serif;
		background:url(../../img/price.png) no-repeat 0 0;
		padding-left:17px;
		}
		.price b{
			height:61px;
			display:block;
			line-height:61px;
			padding-right:17px;
			background:url(../../img/price.png) no-repeat 100% 0;
			}
			.price .cents{
				font-size:20px;
				position:relative;
				top:-.45em;
				}
.m-buy{
	margin-top:8px;
	}
#handover{
	width:123px;
	height:11px;
	background: url(../../img/handover.png) no-repeat 0 0;
	position:absolute;
	top:-7px;
	left:139px;
	z-index:100;
	}

.onhover{display:none;}
/*=Circles
=======================================*/
	.c{
		width:30px;
		height:30px;
		float:left;
		position:relative;
		font-size:11px;
		color:#000;
		text-decoration:none;
		margin-right:65px;
		cursor:hand;
		cursor:pointer;
		}
		.colorblue{background:url(../../img/colorblue.png) no-repeat 0 0;top:12px;position:absolute;left:0;text-align:left;}
		.colororange{background:url(../../img/colororange.png) no-repeat 0 0;top:12px;position:absolute;right:0;margin:0;text-align:left;}
		.coloroyellow{background:url(../../img/coloryellow.png) no-repeat 0 0;top:12px;position:absolute;right:0;margin:0;text-align:left;}
		.lastc{
			margin-right:0;
			}
		.c span.color{
			position:absolute;
			top:0;
			left:0;
			width:30px;
			height:30px;
			z-index:200;
			}
.popup{
	position:absolute;
	width:152px;
	bottom:40px;
	left:-17px;
	display:none;
	}
	.popup-in1{
		background:url(../../img/pop-top.gif) no-repeat 0 0;
		display:block;
		padding:5px 9px 0 9px;
		}
	.popup-in{
		background:url(../../img/pop-bot.gif) no-repeat 0 100%;
		height: 15px;
		display:block;
		}
		.rrr .popup-in{background-image:url(../../img/pop-botr.gif)}
		.out .rrr{
			left:auto;
			right:-17px;
			}
	.popup strong{
		display:block;
		color:#f36621;
		line-height: 17px;
		font-size:14px;
		}
.face{
	width:38px;
	height:34px;
	display:none;
	background:url(../../img/face.gif) no-repeat 0 0;
	position:absolute;
	left:-4px;
	top:-4px;
	z-index:10;
	z-index:110;
	}
.b-buy .content{
	width:293px;
	background:url(../../img/north-top.png) no-repeat 0 0;
	position:absolute;
	top:7px;
	left:52px;
	}
.b-buy .content .c-in{
	padding:26px 23px 0 23px;
	background:none;
	}
.b-buy .content .c-bot {
	height:22px;
	position:absolute;
	bottom:-22px;
	left:0;
	width:293px;
	background:url(../../img/north-bot.png) no-repeat 0 0;	
	}


/* ----------------------------------- personal ------------------------------ ----- */
.clear { font-size: 0pt; line-height: 0px; clear: both; height: 0px; }
.pers .animation{
	width:291px;
	height:351px;
	position:absolute;
	top:0px;
	left:24px;
	}


.b-pers{
	margin:0 auto 0 auto;
	position:relative;
	z-index:100;
	display:none;
	top:70px;
	width:450px;	
	}
.pers .hand-l { left: 163px; top: -8px; position: absolute; }
.pers .hand-r { left: 268px; top: -7px; position: absolute; }

.short .hand-l { left: 163px; top: -8px; position: absolute; }
.short .hand-r { left: 269px; top: -7px; position: absolute; }
.b-pers .persblock { width:425px; height: 321px; background:url(../../img/bgpers.png) no-repeat 0 100%; padding: 11px 0 0 25px; }
.b-pers .persblock .name_ { font-size: 23px; padding: 0 0 4px 0; }
.b-pers .persblock .name_1 { font-size: 23px; line-height: 28px; padding: 0 0 49px 0; }
/* ----- my story -- company ----- */
.b-pers .persblock .name_2 { font-size: 23px; line-height: 28px; padding: 7px 25px 14px 0; text-align: center; }
.persblock_down .m-hi1 { left: 270px; }
.b-pers .persblock .text { font-size: 12px; padding: 0 26px 12px 0; line-height: 14px; }
.b-pers .persblock .block-l2 { float: left; width: 92px; font-size: 12px; font-weight: bold; padding: 0 0 0 54px; line-height: 14px; }
.b-pers .persblock .block-r2 { float: left; width: 173px; font-size: 12px; margin: 0 0 0 21px; line-height: 14px; }
.clear1 { font-size: 0pt; line-height: 0px; clear: both; height: 14px; }


.b-pers .persblock .wnorm { font-weight: normal; }
.b-pers .persblock .block-l { float: left; width: 141px; font-size: 14px; font-weight: bold; margin: 4px 0 0 0; }
.b-pers .persblock .wnorm { font-weight: normal; }
.b-pers .persblock .block-l span { padding: 0 13px 0 0; background: url("../../img/star.gif") right 3px no-repeat; }
.b-pers .persblock .block-r { float: left; width: 259px; margin: 0 0 5px 0; }

.b-pers .persblock .block-r input { border: none; border-width: 0px; padding: 2px 0 1px 0; margin: 3px 0 0 5px; font-family: arial; font-size: 14px; }
.b-pers .persblock .block-r .i-txt { width: 259px; height: 25px; background: url("../../img/i-txt.gif") no-repeat; }
	.b-pers .persblock .block-r .i-txt input { width: 249px; } 

.b-pers .persblock .block-r .sel1 { width: 123px; padding: 0px 0; font-family: arial; font-size: 14px; height: 22px; float: left; margin: 2px 6px 0 0; }
.b-pers .persblock .block-r .sel2 { width: 80px; padding: 0px 0; font-family: arial; font-size: 14px; height: 22px; float: left; margin: 2px 0px 0 9px; }
.b-pers .persblock .block-r .i-txt1 { width: 41px; height: 25px; background: url("../../img/i-txt1.gif") no-repeat; float: left; }
	.b-pers .persblock .block-r .i-txt1 input { width: 31px; }

.b-pers .persblock .block-r .i-txt2 { float: left; width: 120px; height: 25px; background: url("../../img/i-txt2.gif") no-repeat; }
	.b-pers .persblock .block-r .i-txt2 input { width: 110px; }
.b-pers .persblock .block-r span { padding: 0 13px 0 0; float: left; background: url("../../img/star.gif") right 3px no-repeat; font-weight: bold; margin: 4px 9px 0 17px; }
.b-pers .persblock .block-r .i-txt3 { float: left; width: 79px; height: 25px; background: url("../../img/i-txt3.gif") no-repeat; }
	.b-pers .persblock .block-r .i-txt3 input { width: 69px; }

/* ----- persblock_down ----- */
.persblock_down { width: 450px; height: 61px; background: url("../../img/bottom.png") no-repeat; left: 0px; top: 409px; position: absolute; z-index: 200; }
.persblock_down1 { width: 450px; height: 61px; background: url("../../img/bottom.png") no-repeat; left: 0px; top: 371px; position: absolute; z-index: 200; }
.b-pers_d .persblock_down { width: 450px; height: 61px; background: url("../../img/bottom.png") no-repeat; margin: 7px 0 0 0; position: relative; }

.m-here{
	position:absolute;
	right:22px;
	top:10px;
	width:253px;
	height:42px;
	display:none;
	}
.m-here a{
	display:block;
	overflow:hidden;
	width:232px;
	height:49px;
	outline:none;
	padding-left:21px;
	line-height:39px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}
.m-here a {background:url(../../img/but_here.png) no-repeat 0 0;}
.m-here a.active {background-position:0 -49px;padding-top:3px;}
.colorwhite {background:url(../../img/colorwhite.png) no-repeat 0; top: 16px; position: absolute; left: 129px; text-align: left; display: none; }

/* ----------------------------------- CardData ----------------------------------- */
.pers .hand_over { left: 163px; top: -7px; position: absolute; z-index:100; }
.b-pers .cardblock { width: 424px; height: 96px; background:url(../../img/cardbg.png) no-repeat 0 100%; padding: 110px 0 0 25px; position: relative; margin: 0 0 6px 0; }
.b-pers .cardblock .cardpin { right: 24px; top: 88px; position: absolute; }
.b-pers .cardblock .cardpin img { float: left; margin: 8px 9px 0 0px; }
.b-pers .cardblock .cardpin .input { float: left; width: 59px; height: 25px; background: url("../../img/i-txt6.gif") no-repeat; }
	.b-pers .cardblock .cardpin .input input { width: 49px; }
.b-pers .cardblock .hasit { font-size: 24px; color: #ccc; left: 111px; top: 139px; position: absolute; }
.b-pers .cardblock2 .hasit { font-size: 24px; color: #ccc; left: 176px; top: 43px; position: absolute; }

.b-pers .cardblock .block-l { float: left; width: 80px; font-size: 14px; font-weight: bold; margin: 4px 0 0 0; height: 26px; }
.b-pers .cardblock .block-l span { padding: 0 13px 0 0; background: url("../../img/star.gif") right 4px no-repeat; }
.b-pers .cardblock .block-r { float: left; width: 206px; margin: 0 0 5px 0; height: 25px; }

.b-pers .cardblock input, .b-pers .cardblock2 input { border: none; border-width: 0px; padding: 2px 0 1px 0; margin: 3px 0 0 5px; font-family: arial; font-size: 14px; }
.b-pers .cardblock .block-r .i-txt { width: 206px; height: 25px; background: url("../../img/i-txt4.gif") no-repeat; }
	.b-pers .cardblock .block-r .i-txt input { width: 196px; }
.b-pers .cardblock .block-r .i-txt1 { width: 30px; height: 25px; background: url("../../img/i-txt5.gif") no-repeat; float: left; }
	.b-pers .cardblock .block-r .i-txt1 input { width: 20px; }
.b-pers .cardblock .block-r span { float: left; font-weight: bold; margin: 3px 5px 0 6px; font-size: 15px; }
.b-pers .cardblock .block-r .marg { margin: 0 0 0 111px; display: inline; }

/* ----- cardblock2 ----- */
.b-pers .cardblock2 { overflow: hidden; position: relative; }
.b-pers .cardblock2 .block-l { float: left; width: 146px; height: 26px; font-size: 14px; font-weight: bold; margin: 4px 0 0 25px; }
.b-pers .cardblock2 .block-l span { padding: 0 13px 0 0; background: url("../../img/star.gif") right 4px no-repeat; }
.b-pers .cardblock2 .block-r { float: left; width: 259px; padding: 0 0 5px 0; height: 25px; }
.b-pers .cardblock2 .block-r .i-txt { width: 259px; height: 25px; background: url("../../img/i-txt.gif") no-repeat; }
	.b-pers .cardblock2 .block-r .i-txt input { width: 249px; }


.b-pers .cardblock2 .block-r .i-txt2 { float: left; width: 120px; height: 25px; background: url("../../img/i-txt2.gif") no-repeat; }
	.b-pers .cardblock2 .block-r .i-txt2 input { width: 110px; }
.b-pers .cardblock2 .block-r span { padding: 0 13px 0 0; float: left; background: url("../../img/star.gif") right 5px no-repeat; font-weight: bold; margin: 4px 9px 0 17px; }
.b-pers .cardblock2 .block-r .zip { margin-left: 137px; background: none; } 
.b-pers .cardblock2 .block-r .i-txt3 { float: left; width: 79px; height: 25px; background: url("../../img/i-txt3.gif") no-repeat; }
	.b-pers .cardblock2 .block-r .i-txt3 input { width: 69px; }


/* ----------------------------------- .payblock ------------------------------ ----- */
.pay .animation{
	width:291px;
	height:351px;
	position:absolute;
	top:-4px;
	left:137px;
	}

.short .animation{
	width:291px;
	height:351px;
	position:absolute;
	top:-4px;
	left:159px;
	}
.short .hand_over { left: 163px; top: -6px; position: absolute; z-index:100; }
.pay .hand_over { left: 163px; top: -6px; position: absolute; z-index:100; }
.b-pers .payblock { width:425px; height: 273px; background:url(../../img/bgpay.png) no-repeat 0 100%; padding: 11px 0 0 25px; margin-bottom: 56px; }
.b-pers .payblock .name_ { font-size: 23px; padding: 0 0 13px 0; }

.m-butblue{	
	width:231px;
	height:42px;
	/* -----  ----- display:none;*/
	}
.m-butblue a{
	display:block;
	overflow:hidden;
	width:212px;
	height:49px;
	outline:none;
	/* -----  ----- font-family: "Myriad Pro";*/
	padding-left:19px;
	line-height:38px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}
.m-butblue .lh13 { line-height: 34px; }
.m-butblue a {background:url(../../img/but-blue.png) no-repeat 0 0;}
.m-butblue a.active {background-position:0 -49px;padding-top:3px;}

.m-plus{	
	width:45px;
	height:42px;
	/* -----  ----- display:none;*/
	}
.m-plus a{
	display:block;
	overflow:hidden;
	width:45px;	
	height:49px;
	outline:none;	
	line-height:39px;	
	text-decoration:none;
	}
.m-plus a {background:url(../../img/plus.png) no-repeat 0 0;}
.m-plus a.active {background-position:0 -49px;padding-top:3px;}

.b-pers .payblock .div-l { float: left; width: 231px; margin: 0 12px 13px -2px; }
.b-pers .payblock .div-l span { font-size: 24px; }
.b-pers .payblock .div-c { float: left; width: 109px; margin: 11px 7px 0 0; font-size: 9pt; }
.b-pers .payblock .div-c .bold { font-size: 32px; float: left; margin: -15px 0 0 0; font-weight: bold; }
.b-pers .payblock .div-c .bold .cents { font-size: 20px; position:relative; top:-.45em; }
.b-pers .payblock .div-r { float: left; width: 45px; }

/* ----- persblock_down ----- */
.colorwhite_left {background:url(../../img/colorwhite.png) no-repeat 0; top: 16px; position: absolute; right: -35px; text-align: left; display: none; }




/* ----------------------------------- specblock ----------------------------------- */
.b-pers .specblock { width: 377px; height: 269px; background:url(../../img/bgspec.png) no-repeat 0 100%; padding: 19px 0 0 23px; position: relative; margin: 0 0 6px 26px; }
.b-pers .specblock .name_ { font-size: 23px; padding: 0 0 12px 0; line-height: 28px; }
.b-pers .specblock .block-l { float: left; width: 146px; margin: 0 19px 0 0; color: #686868; font-size: 9pt; font-weight: bold; line-height: 28px; }
.b-pers .specblock .block-r { float: left; width: 186px; color: #050505; font-size: 9pt; line-height: 28px; }
.b-pers .specblock .block-r .bold { font-size: 23px; font-weight: bold; color: #000; }
.b-pers .specblock .line { font-size: 0pt; line-height: 0px; clear: both; height: 1px; background: url(../../img/line.gif) repeat-x; width: 351px; margin: 0px 0 0px 0; }

.b-pers .specblock .name_1 { font-size: 23px; padding: 0 0 12px 0; line-height: 28px; }

/* ----------------------------------- specblock ----------------------------------- */
.b-pers .specblock .name_2 { font-size: 23px; padding: 0 0 35px 0; line-height: 28px; }
.b-pers .specblock .name_3 { font-size: 23px; padding: 29px 0 0px 0; line-height: 28px; }

/* ----------------------------------- widg4menu1 ----------------------------------- */

.downl .animation{
	width:291px;
	height:351px;
	position:absolute;
	top: 97px;
	left: 26px;
	}

/* ----------------------------------- downblock ----------------------------------- */
.b-pers_d{
	margin:0 auto 0 auto;
	position:relative;
	z-index:100;
	display:none;
	top:70px;
	width:450px;	
	}




.b-pers_d .downblock_out { width: 278px; height: 275px; left:450px; position: relative; margin: 0 0 26px 137px; }
.b-pers_d .downblock { width: 253px; height: 255px; background:url(../../img/bgmen1.png) no-repeat 0 100%; padding: 20px 0 0 25px; position: relative; }
.b-pers_d .downblock1 { width: 300px; height: 190px; position: relative; padding: 86px 0 0 0; margin: 0 0 0 -11px; }

.b-pers_d .downblock .fing { left: 0px; top: 82px; position: absolute; }
.b-pers_d .downblock .name_1 { font-size: 23px; padding: 0 0 47px 0; line-height: 28px; }
.b-pers_d .downblock .name_2 { font-size: 23px; padding: 0 0 19px 0; line-height: 28px; }

.m-find, .m-earn, .m-do, .m-buycard, .m-payto{	
	width:250px;
	height:52px;
	margin: 0 0 8px -9px;
	/* -----  ----- display:none;*/
	}
.m-find a, .m-earn a, .m-do a, .m-buycard a, .m-payto a{
	display:block;
	overflow:hidden;
	width:231px;	
	height:52px;
	outline:none;	
	/* -----  ----- font-family: "Myriad Pro";*/
	padding-left:19px;
	line-height:38px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}
.m-buycard a {background:url(../../img/but-green.png) no-repeat 0 0;}
.m-payto a {background:url(../../img/but-blue1.png) no-repeat 0 0;}
.m-find a {background:url(../../img/but3.png) no-repeat 0 0;}
.m-earn a {background:url(../../img/but4.png) no-repeat 0 0;}
.m-do a {background:url(../../img/but-blue1.png) no-repeat 0 0;}
.m-find a.active, .m-earn a.active, .m-do a.active, .m-buycard a.active, .m-payto a.active {background-position:0 -49px;padding-top:3px;}

.m-back-or{	
	width:77px;
	height:52px;
	left: 33px; top: 11px; position: absolute;
	display:none;
	}
.m-back-or a, .m-forw-or a{
	display:block;
	overflow:hidden;
	width:77px;	
	height:52px;
	outline:none;	
	text-decoration:none;
	}
.m-back-or a {background:url(../../img/but5.png) no-repeat 0 0;}
.m-back-or a.active {background-position:0 -49px;padding-top:3px;}

.m-back .redeem {
	width: 90px;
}

.m-forw-or{	
	width:77px;
	height:52px;
	right: 31px; top: 11px; position: absolute;
	display:none;
	}

.m-forw-or a {background:url(../../img/but6.png) no-repeat 0 0;}
.m-forw-or a.active {background-position:0 -49px;padding-top:3px;}

.m-down{	
	width:305px;
	height:52px;
	right: 18px; top: 9px; position: absolute;
	display:none;
	}

.m-down a{
	display:block;
	overflow:hidden;
	width:286px;	
	height:51px;
	outline:none;
	
	padding-left:19px;
	padding-top: 1px;
	line-height:36px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}


.m-down a {background:url(../../img/but7.png) no-repeat 0 0;}
.m-down a.active {background-position:0 -49px;padding-top:3px;}


/* -----  ----- .b-pers_d .persblock_down .colorwhite_left {background:url(../../img/colorwhite.png) no-repeat 0; top: 16px; position: absolute; right: -35px; text-align: left;}*/


.content1{
	background: url(../../img/y-top2a.png) no-repeat 0 0;
	width:250px;
	position:absolute;
	left:-13px;
	top:1px;
	display:none;
	}

	.c-in1{
		background: url(../../img/y-bot2.png) no-repeat 100% 100%;
		width: 221px;
		margin: 0 0 -24px 0;
		padding:19px 0px 23px 28px;
		min-height:61px;
		overflow:hidden;
		font-size:12px;
		color:#686868;
		}
		
		.c-in1 p{
			width:201px;
			}
		.c-in1 .name_3 {
			font-size:23px;
			line-height: 27px;
			font-weight:normal;
			color:#000;
			padding: 0 0 10px 0;
			}


.downl_text { left: 0px; top: 459px; position: absolute; font-size: 8pt; color: #545454; text-align: center; width: 450px; display: none; }
.downl_text a { color: #0000ff; }




/* ----- suppblock ----- */
.animtion-left{
	width:50px;
	height:250px;
	position:absolute;
	top:102px;
	left:23px;
	}


.suppblock { width: 259px; height: 218px; padding: 19px 10px 0 24px; background: url("../../img/bgsupp.png") no-repeat; left: 133px; top: 212px; position: absolute; z-index: 200; font-size: 16px; display: none; }
.suppblock select { width: 246px; font-family: arial; font-size: 16px; margin: 3px 0 0 0; height: 22px; }
.suppblock .area { width: 238px; height: 77px; background: url("../../img/bgarea.gif") no-repeat; margin: 10px 0 0 0; padding: 3px 4px 0 4px; }
.suppblock .area textarea { border: none; width: 240px; height: 72px; border-width: 0px; font-family: arial; font-size: 12px; }



.content_wide{
	background:#fff url(../../img/y-top3a.gif) no-repeat 0 0;
	width:299px;
	position:absolute;
	left:108px;
	top:88px;
	display:none;
	z-index: 300;
	}
	
	.content_wide .c-in_wide{
		background: url(../../img/y-bot3.gif) no-repeat 100% 100%;
		padding:15px 15px 15px 31px;
		min-height:88px;
		overflow:hidden;
		font-size:12px;
		color:#555;
		margin: 0 0 -30px 0;
		}

		.content_wide .c-in_wide p{
			width:250px;
			}

		.content_wide .c-in_wide strong{
			font-size:23px;
			line-height: 27px;
			font-weight:normal;
			color:#000;
			}
.m-send2{
	position:absolute;
	left:12px;
	top:172px;
	width:267px;
	height:42px;
	/* -----  ----- display:none;*/
	}	
.m-send2 a{
	display:block;
	overflow:hidden;
	width:248px;
	height:49px;
	outline:none;
	/* -----  ----- font-family: "Myriad Pro";*/
	padding-left:19px;
	line-height:37px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	font-weight: normal;
	}	
	.m-send2 a{background:url(../../img/but-blue2.png) no-repeat 0 0;}
	.m-send2 a.active{background-position:0 -49px;padding-top:3px;}

.suppblock .txt_gift { margin: 0 0 15px 0; }
.suppblock .txt_to { margin: 17px 0 7px 0; }
.suppblock .doll { float: left; margin: 1px 0 0 0; }
.suppblock .i-txt { float: left; width: 74px; height: 25px; background: url("../../img/i-txt3.gif") no-repeat; padding: 0px 0 0 5px; margin: 0 0px 0 6px;  display: inline; }
.suppblock .i-txt input { font-family: arial; font-size: 16px; color: #000; border: none; border-width: 0px; width: 71px; padding: 3px 0 0px 0; background: none; display: inline; }


.suppblock .form{
		float: left;
		/* -----  ----- display:none;*/
		}
	
	.suppblock .form input{
		border:1px solid #c2c0c0;
		height:18px;
		padding:4px 5px 4px 5px;
		font-size:16px;
		color:#000;
		width:115px;
		background:#fff url(../../img/gr.png) repeat-x 0 0;
		font-family:Arial,sans-serif;
		float:left;
		}
		.suppblock .form input.phone-code{
			color:#7f7f7f;
			width:33px;
			text-align: center;
			padding-left: 0;
			padding-right: 0;
			}		

		.suppblock .form input.phone-number {
			font-weight: bold;
			padding-left: 4px;
			width: 116px;
			}
		
		

	.suppblock .form span{
		border:1px solid #c2c0c0;
		height:18px;
		padding:7px 3px 1px 3px;
		border-left:0;
		float:left;
		border-right:0;
		background:#fff url(../../img/gr.png) repeat-x 0 0;
		}

.suppblock .butt { float: left; margin: 1px 0 0 27px; }
.suppblock .hidden { display: none; }
.suppblock .hidden input { width: 176px; font-weight: bold; }



.m-send1{
	position:absolute;
	left:190px;
	top:9px;
	width:158px;
	height:42px;
	display:none;
	}	
.m-send1 a{
	display:block;
	overflow:hidden;
	width:139px;
	height:49px;
	outline:none;
	/* -----  ----- font-family: "Myriad Pro";*/
	padding-left:19px;
	line-height:39px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	}	
	.m-send1 a{background:url(../../img/but2.png) no-repeat 0 0;}
	.m-send1 a.active{background-position:0 -49px;padding-top:3px;}

/* ----- suppblock1 ----- */
.suppblock1 { width: 251px; height: 224px; padding: 23px 10px 0 12px; background: url("../../img/bgsupp1.png") no-repeat; left: 153px; top: 212px; position: absolute; z-index: 200; font-size: 16px; display: none; }
.suppblock1 .block1 { left: 23px; top: 23px; position: absolute; }
.suppblock1 .block2 { left: 23px; top: 96px; position: absolute; }
.suppblock1 .block-l { float: left; margin: 0 0px 0 0px; }
.suppblock1 .block-l p { margin: 0 0 3px 0; }
.suppblock1 .block-l .i-txt { float: left; width: 120px; height: 23px; padding: 5px 3px 0 3px; margin: 0 0px 0 0px; background: url("../../img/i-txt8.gif") no-repeat; }
	.suppblock1 .block-l .i-txt input { font-family: arial; font-size: 16px; color: #000; border: none; border-width: 0px; width: 119px; padding: 0px 0 3px 0px; text-align: right; }
.suppblock1 .block-l span { width: 40px; float: left; margin: 3px 0 0 6px; }
.suppblock1 .block-r { float: left; }

.suppblock1 select { float: left; width: 160px; font-size: 16px; margin: 0 12px 0 0; }
.suppblock1 .readytopay { margin: -13px 0 0 0; line-height: 33px; }
.suppblock1 .readytopay span { font-size: 24px; width: auto; margin: 0; }
.content_wide .red { color: #ed2124; }
.content_wide .line-txt { padding: 0 0 7px 0; }
.m-pay{
	position:absolute;
	left:11px;
	top:172px;
	width:250px;
	height:42px;	
	}	
.m-pay a{
	display:block;
	overflow:hidden;
	width:231px;
	height:49px;
	outline:none;
	/* -----  ----- font-family: "Myriad Pro";*/
	padding-left:19px;
	line-height:37px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	font-weight: normal;
	}	
	.m-pay a{background:url(../../img/but-green.png) no-repeat 0 0;}
	.m-pay a.active{background-position:0 -49px;padding-top:3px;}










/* ----- Store group ----- */

.txt_code{ top: 19px; position: absolute; left: 0; text-align: left; font-size: 16px; font-weight: bold; }
.colororange2 { top: 16px; }
.choose1{
	width:400px;
	margin: 3px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}

.choose2{
	width:375px;
	margin:3px 0 0px 117px;
	font-size: 16px;
	font-weight:bold;
	}

.embed embed { z-index: 1 !important; }
	.price1{
		display:inline-block;
		height:61px;
		font-size:16px;
		color:#000;
		font-weight:bold;
		font-family:Arial,sans-serif;
		background:url(../../img/price.png) no-repeat 0 0;
		padding-left:30px;
		width: 219px;		
		}
		.price1 b{
			height:53px;
			padding-top: 8px;
			display:block;
			line-height:20px;
			padding-right:23px;
			background:url(../../img/price.png) no-repeat 100% 0;
			}
		.price1 b table { text-align: center; width: 100%; }
		.price1 b table td { vertical-align: middle; height: 40px; }
			
	.price3{
		display:inline-block;
		height:61px;
		font-size:16px;
		color:#000;
		font-weight:normal;
		font-family:Arial,sans-serif;
		background:url(../../img/price.png) no-repeat 0 0;
		padding-left: 23px;
		text-align: left;
		margin: 0 0 0 4px;
		}
		.price3 b{
			height:51px;
			padding-top: 10px;
			display:block;
			line-height:20px;
			padding-right:17px;
			background:url(../../img/price.png) no-repeat 100% 0;
			font-weight:normal;
			}

	.b-price370 { width: 370px; }
	.price4{
		display:inline-block;
		height:60px;
		font-size:16px;
		color:#000;
		
		font-family:Arial,sans-serif;
		background:url(../../img/price2.gif) no-repeat 0 0;
		padding: 0 19px;
		width: 332px;
		text-align: left;
		line-height:18px;
		}
		.price4 table { margin: -2px 0 0 0; }
		.price4 table td { vertical-align: middle; height: 60px; }

.b-buy .slname { color: #000; font-size: 16px; font-weight: bold; margin: 10px 0 0 14px; width: 280px; }
.b-buy .slname span { float: left; width: 75px; }

.b-buy .slname .i-txt { float: left; width: 76px; height: 22px; padding: 0px 3px 0 3px; margin: 0 15px 0 0px; display: inline; background: url("../../img/i-txt7.gif") no-repeat; }
.b-buy .slname .i-txt input { font-family: arial; font-size: 14px; color: #000; border: none; border-width: 0px; width: 76px; padding: 3px 0 3px 0px; position: relative; float: left; display: inline; background: url("../../img/i-txt7a.gif") repeat-x; }

.b-buy .amount { color: #000; font-size: 16px; margin: 30px 0 0 14px; width: 280px; position: relative; width: 370px; }
.b-buy .amount span.txt_am { float: left; width: 75px; font-weight: bold; }
.b-buy .amount span.txt_pr { float: left; font-weight: bold; }

.b-buy .amount .i-txt { float: left; width: 77px; height: 22px; background: url("../../img/i-txt7.gif") no-repeat; padding: 0px 0 0 5px; margin: 0 15px 0 0px;  display: inline; }
.b-buy .amount .i-txt input { font-family: arial; font-size: 14px; color: #000; border: none; border-width: 0px; width: 74px; padding: 4px 0 0px 0; background: none; display: inline; position: relative; float: left; line-height: 18px; }

	.price2{
		display:inline-block;
		height:48px;
		width: 100px;
		background: url("../../img/price1.png") no-repeat;
		font-size:24px;
		color:#000;
		font-weight:bold;
		font-family:Arial,sans-serif;		
		padding-left:4px;
		padding-top: 12px;
		margin: -20px 0 0 8px;
		width: 96px;
		}
		/* -----  ----- .price2 b{
			height:61px;
			display:block;
			line-height:61px;
			padding-right:12px;
			background:url(../../img/price.png) no-repeat 100% 0;
			
			}
			.price2 .cents{
				font-size:15px;
				position:relative;
				top:-.55em;
				}*/
			

.colororange1 { background:url(../../img/colororange.png) no-repeat 0 0; top: -4px; position: absolute; right: 5px; margin: 0; text-align: left; }

.url{ display: none; }


