@charset "UTF-8";
/* CSS Document */

/* Global Items */
* 								{	margin: 0px;padding: 0px;font-family: Arial, Helvetica, sans-serif;}
body 							{	text-align: center;padding: 0 !important;padding-right: 1px; background:#CCC;}
a:focus 						{	outline: none;}
a 								{	text-decoration: none;}
a img 							{	border-style: none;}
a:hover 						{	text-decoration: underline;}
image 							{	border: none;}

/* Main Layout Items */
#wrapper 						{	margin: 0 auto;width: 1000px;text-align: left; background:url(images/i_bg.gif);}
#hero							{	height:521px; position:relative;}
#hero h1, #hero	p				{	display:none;}
#hero .order-now				{ 	position:absolute; right:42px; bottom:11px; height:63px; width: 177px; text-indent:-2000px;}
#hero .learn					{ 	position:absolute; left:575px; top:240px; height:26px; width: 76px; text-indent:-2000px;}
#video							{ 	position:absolute; top:146px; right:14px; height:189px; width:250px;}
#includes						{	height:109px;}
#includes ul					{	margin:0px;padding:0px}
#includes li					{	font-size:12px; font-weight:bold;margin-left:15px;}
#includes .first				{	margin: 32px 0 0 40px !important; margin: 27px 0 0 15px;width: 130px;float:left;}
#includes .second				{	margin: 32px 0 0 10px;width: 350px;float:left;}
#includes .third				{	margin: 32px 0 0 10px;width: 205px;float:left;font-size:12px; font-weight:bold;}
#includes .free					{	color:#C40C3E;}

.lang							{	font-size:10px; position:absolute; top:46px; right:30px;color:#CCC;}
.lang a							{	color:#666;}

#base							{	background:url(images/base_bg.gif);}
#base .meet						{	width: 481px; height:225px; margin-left: 80px!important; margin-left: 40px;float:left; position:relative;}
#base .meet	.meetlink 			{ 	position:absolute; left:10px; top:11px; height:206px; width: 463px; text-indent:-2000px;}
#base .meet	p.quote				{	font-size: 14px;font-style:italic;padding: 0 30px 10px 20px;margin: 75px 0 0 180px;background:url(images/quote1.gif) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#666; font-weight:bold;line-height:20px;}
#base .meet	.quote2 			{	background:url(images/quote2.gif) no-repeat 12px 5px;padding: 0 60px 20px 0px;}
#ba-container					{	width:290px; float:right;margin-right: 80px!important;margin-right: 40px;}

/* Interior */
#i_header						{	height:166px; position:relative;}
#i_header h1, #i_header	p		{	display:none;}
#i_header .home_link			{	position:absolute;right:729px;bottom:28px;height:116px;width: 252px;text-indent:-2000px}
#i_main							{	width:572px;float:left; margin: 50px 0 20px 50px!important;margin: 50px 0 20px 25px; font-size:12px; color:#666;}
#i_main h5 						{	margin: 10px 0 10px 0;}
#i_main h5 a					{	font-size:13px; color:#007FB2;}
#i_main h1						{	text-indent:-2000px; height:41px;}
#i_main .line					{	border-bottom:1px solid #999; margin-bottom: 20px;}
#i_main p						{	padding: 5px 0 5px 0;}
#i_main ul						{	margin: 15px 0 5px 0;}
#i_main li						{	padding: 3px 0 3px 2px; margin: 0 0 0 30px;}
#steps							{	padding:140px 150px 0 25px;}
#panel							{	width:299px; float:right;margin: 50px 50px 30px 0!important; margin: 50px 25px 30px 0; font-size:11px; color:#666; position:relative;}
.allure							{	position:absolute;top:-40px; right: 10px;}
.i_includes						{	padding: 220px 20px 0 15px;}
.i_includes ul					{	margin:0 0 10px 0;padding:0px}
.i_includes li					{	margin-left:20px;}
.i_includes .i_first			{	width: 110px;float:left; }
.i_includes .i_second			{	width: 150px;float:left;}
.i_includes p					{	text-align:center; font-weight:bold; padding: 0 10px 10px 10px;font-size:12px;}
#panel .buy_now					{ 	display:block; height:111px; width:299px;text-indent:-2000px;}
#i_ba							{	background:url(images/i_ba_header.gif); padding:12px 0 0 4px;}
#curls_one						{	height:312px;position:relative;}
#curls_one .one					{ 	position: absolute; top:102px; left:238px; width:315px; }
#curls_one .two					{ 	position: absolute; top:196px; left:238px; width:312px; }
#curls_two						{	height:341px;position:relative;}
#curls_two .one					{ 	position: absolute; top:101px; left:30px; width:327px; }
#curls_two .two					{ 	position: absolute; top:228px; left:27px; width:312px; }

.test_cont_rt img				{	float:left; margin: 0 0 0 10px;}
.test_cont_rt p					{	width: 240px; float:right; font-size: 13px; color:#666; margin: 40px 15px 0 0;}	
.test_cont_lt img				{	float:right; margin: 0 10px 0 0;}
.test_cont_lt p					{	width: 240px; float:left; font-size: 13px; color:#666; margin: 40px 0 0 15px;}
.meet-content					{	height:315px;}
.meet-content p					{	margin:10px 0 0 30px; width:310px;font-size:14px;}
.lower-content					{	}
.lower-content p				{	width:320px; margin: 0 0 0 220px;}

#howto-links ul					{	margin:20px 0 30px 0;; padding:0;}
#howto-links li					{	list-style:none; display:inline;padding:0; margin:0 20px 0 0 !important; margin:0 10px 0 0;}
p.howto_headline				{	font-size:26px; font-weight:bold;}
p.howto_headline span			{	font-size:16px; font-weight:normal;}
#onetwothree					{	width: 540px; border:1px #039 #009;}
#onetwothree .howto_clean					{	background:url(images/howto_clean.jpg) no-repeat; height:126px;}
#onetwothree .howto_clean p					{	padding: 30px 160px 0 80px; margin:0;}
#onetwothree .howto_clean p	span			{	font-size: 18px; color:#007FB2; font-weight:bold; display:block;}
#onetwothree .howto_boost					{	background:url(images/howto_boost.jpg) no-repeat; height:151px;}
#onetwothree .howto_boost p					{	padding: 30px 160px 0 80px; margin:0;}
#onetwothree .howto_boost p	span			{	font-size: 18px; color:#007FB2; font-weight:bold; display:block;}
#onetwothree .howto_control-header			{	background:url(images/howto_control-header.jpg) no-repeat; height:117px;}
#onetwothree .howto_control-header p		{	padding: 25px 160px 0 80px; margin:0;}
#onetwothree .howto_control-header p span	{	font-size: 18px; color:#007FB2; font-weight:bold; display:block;}
#onetwothree .howto_control-content			{	background:url(images/howto_control-bg.gif) repeat-y; padding: 0 0 0 120px; color:#FFF; }
#onetwothree .howto_control-content ul		{	margin: 0 0 0 10px; padding:0; list-style:none}
#onetwothree .howto_control-content h4		{	font-size:16px; font-weight:bold; padding-bottom:10px;}
#onetwothree .howto_control-content li		{	margin: 0 60px 0 0px; padding:8px 0 8px 15px; list-style:none; background:url(images/howto-arrow.gif) no-repeat 0 9px; clear:both; height:35px; border-bottom:dotted 1px #FFF;}
#onetwothree .howto_control-content li span	{	font-size:14px; font-weight:bold; width:100px; float:left; }
#onetwothree .howto_control-content li h6	{	font-size:14px; font-weight:normal; width:210px; float:left; display:inline;}
#onetwothree .howto_control-content li.online{	height:18px}
#onetwothree .howto_control-content li.threeline{	height:52px}

#onetwothree .howto_control-content li.deeptreat{	border-bottom:none; background:url(images/howto-deeptreat.jpg) no-repeat right top; height: 150px;}
#onetwothree .howto_control-content li.deeptreat h6{	width:150px; font-size:12px;}
#onetwothree .howto_control-footer			{	background:url(images/howto_control-footer.jpg) no-repeat; height:106px;}
#onetwothree .howto_control-footer	p		{	padding: 40px 60px 0 100px}
#onetwothree .howto_control-footer	p	span{	 color:#007FB2; font-weight:bold; display:block; font-size:14px;}





/* Footer */
#footer							{	font-size: 12px; color:#fff; text-align:center; hheight:61px; clear:both; padding-bottom: 8px;}
#footer	a						{	color:#fff;}
#footer .links					{	font-size: 12px; padding: 4px;}
#footer	.links a				{	padding: 0 4px;}


/* On state */
#homepage #home a, #curlpage #curl a, #diffpage #diff a, #bapage #ba a, #orderpage #order a, #howpage #how a {
	background-position: 0 0;
}

/* Content Slider */
.glidecontentwrapper			{	overflow: hidden;height:145px;position: relative}
.glidecontent					{	position: absolute;visibility: hidden;z-index:10;}
.glidecontenttoggler			{	wwidth: 290px;text-align: center;}
.glidecontenttoggler a			{	display: inline-block;border: 1px solid #27AAD1;color:#27AAD1;padding: 1px 3px;margin-right: 1px;font-weight: bold;text-decoration: none;font-size:10px;}
.glidecontenttoggler a.selected	{	background:#31AED2;color:#fff;}
.glidecontenttoggler a:hover	{	background:#31AED2;color:#fff;}
.glidecontenttoggler a.toc		{	}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{border:none;}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{color: #005677;background:none;}

/* Playlist */

/********* Player **********/
#player {
	float:left;		
	margin: 40px 0 0 50px !important;
	margin: 45px 0 0 25px;
}

div.playlist {
	width:161px;
	float:left;		
	margin: 33px 0 20px 20px; 
}

#player, #player img {
	display:block;				
	width:300px;
	height:240px;
	border:0px;		
}

div.play {
	background:url(images/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:125px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}

/* playlist items */
#vid_player{
	background:url(images/vid_bg.gif) no-repeat;
	height: 370px;
}
div.items a {
	background:url(images/vplayer_button.jpg) no-repeat;
	width:161px;
	height:84px;
	display:block;
	text-decoration:none;
	color:#444;	
}




/* item stages: normal, hover, playing, paused */
div.items a:hover {
	background-position:0 -166px;	
}

div.items a.playing, div.items a.paused {
	color:#000;	
}

div.items a.playing {
	background-position:0 -83px;		
}

div.items a.paused {
	background-position:0 -83px;	
}


/* small navigational dots */
div.navi {
	width:60px;	
	float:left;
	margin:10px 0 0 50px;
	height:11px;
	overflow:hidden;
}

div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/dots.png) 0px 0px no-repeat;		
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;		
}

div.navi span.active {
	background-position:0 -16px;
	cursor:default;
}


/********* Player **********/
#player-howto {
	float:left;		
	margin: 40px 0 0 30px !important;
	margin: 45px 0 0 15px;
}

div.playlist {
	width:171px;
	float:left;		
	margin: 33px 0 20px 20px; 
}

#player-howto, #player-howto img {
	display:block;				
	width:388px;
	height:293px;
	border:0px;		
}

div.play-howto {
	background:url(images/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-180px;
	left:175px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play-howto:hover {
	opacity:1.0;		
}

/* playlist items */

#vid_player-howto  #vid_player{
	height: 393px; margin-top:3px;
}
#vid_player-howto div.items a.shake {
	background:url(images/vplayer_button1.png) no-repeat;
}
#vid_player-howto div.items a.boost {
	background:url(images/vplayer_button2.png) no-repeat;
}
#vid_player-howto div.items a.treatment {
	background:url(images/vplayer_button3.png) no-repeat;
}
#vid_player-howto div.items a.sond {
	background:url(images/vplayer_button4.png) no-repeat;
}

#vid_player-howto .playlist div.items a {
	width:171px;
	height:102px;
	display:block;	

}




/* item stages: normal, hover, playing, paused */
#vid_player-howto div.items a:hover {
	background-position:0 -103px;	
}

#vid_player-howto div.items a.playing, div.items a.paused {
	color:#000;	
}

#vid_player-howto div.items a.playing {
	background-position:0 -205px;		
}

#vid_player-howto div.items a.paused {
	background-position:0 -205px;	
}