body{background:url('../images/header.jpg') repeat-x top; margin:0; font-family:Trebuchet MS; font-size:11px; color:#333;}

a:link, a:visited{text-decoration:none;color:#0f54a2;}
a:hover{text-decoration:underline;}

.siteContainer{width:781px;margin:0 auto;}
p {margin:0;padding:5px 0;}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }

/***************
HEADER
***************/
.siteContainer .header{margin-bottom:9px;}
.siteContainer .header .left{float:left;padding:15px 0 0 10px;height:65px;}
/* IE 6 and below */
* html .siteContainer .header .left{float:left;padding:10px 0 0 10px;height:45px;}
.siteContainer .header .right{height:35px;text-align:right;color:#fff;font-size:14px;padding:45px 5px 0 0;font-weight:bold;}

.siteContainer .header .navigation ul{list-style-type:none;margin:0px;padding:0;}
.siteContainer .header .navigation ul li{float:left;margin:27px 0px 13px 5px;font-size:12px;padding:0;}

.siteContainer .header .navigation a:link, 
.siteContainer .header .navigation a:visited{
	background:#FFFFFF;
	border-top:1px solid #0D54A2;border-left:1px solid #0D54A2;border-right:1px solid #0D54A2;
	padding:4px 15px 0;color:#fff;text-decoration:none;color:#0D54A2;
	font-weight:bold;
}
.siteContainer .header .navigation a:hover, 
.siteContainer .header .navigation a.selected{background:#0D54A2;color:#fff; font-weight:bold;}


/****************
PANELS - GENERAL INFOS
****************/
.content .left .purple .titleBox, 
.content .homeCenter .purple .titleBox, 
.content .right .purple .titleBox, 
.content .fullWidth .purple .titleBox{
	background:url('../images/h1purple.jpg') no-repeat top left #7e007a;padding:6px 5px 0px 25px;height:20px;
}
.content .left .purple .titleBox h1, 
.content .homeCenter .purple .titleBox h1, 
.content .right .purple .titleBox h1, 
.content .fullWidth .purple .titleBox h1{font-size:13px;line-height:14px;color:#fff;margin:0px;}

.content .left .purple .titleBox h2, 
.content .homeCenter .purple .titleBox h2, 
.content .right .purple .titleBox h2, 
.content .fullWidth .purple .titleBox h2{font-size:11px;line-height:12px;color:#fff;margin:0px;font-weight:normal;}

.content .left .purple .txtBox, 
.content .homeCenter .purple .txtBox, 
.content .right .purple .txtBox, 
.content .fullWidth .purple .txtBox{padding:0 5px;}

.purpleImg{ background:#7E007A url('../images/etoileNuageSignUp.gif') no-repeat bottom right; color:#FFFFFF; padding:5px 0 !important; }
.imgBadge{ background:url('../images/badge.gif') no-repeat top right; height:134px; }
.quadranVert{ background:url('../images/astroQuadranVert.gif') no-repeat top right; height:220px; }
.quadranVert ul {padding: 5px 0px 5px 15px;}
/* IE 6 and below */
* html .quadranVert ul {padding: 5px 0px 5px 0px; margin-left:15px;}
* html .quadranVert ul li {padding:0px; margin-left:0px;}
.quadranVert ul li{width:80px;}

.content .left .blue .titleBox, 
.content .homeCenter .blue .titleBox, 
.content .right .blue .titleBox, 
.content .fullWidth .blue .titleBox{background:url('../images/h1blue.gif') no-repeat top left #0f54a2;padding:6px 5px 0px 25px;height:20px;}

.height30{ height:30px !important; }

.content .left .blue .titleBox h1, 
.content .homeCenter .blue .titleBox h1, 
.content .right .blue .titleBox h1, 
.content .fullWidth .blue .titleBox h1, 
.content .left .purple .titleBox2 h1{font-size:13px;line-height:14px;color:#fff;margin:0px;}

.content .left .blue .titleBox h2, 
.content .homeCenter .blue .titleBox h2, 
.content .right .blue .titleBox h2, 
.content .fullWidth .blue .titleBox h2{font-size:11px;line-height:12px;color:#fff;margin:0px;font-weight:normal;}

.content .left .blue .txtBox, 
.content .right .blue .txtBox, 
.content .fullWidth .blue .txtBox{padding:0 5px;}

.content .emptyBox{margin-bottom:5px;}

/***************
Homepage avatars
*****************/
.content .left .avatarHome ul{list-style-type:none;margin:0;padding:0;width:200px;}
.content .left .avatarHome ul li{font-size:12px;padding:0;margin-bottom:5px;}
.content .left .avatarHome ul li.borntodo{background:url('../images/btn-numerology.gif') no-repeat 5px #7e007a;padding:20px 5px 20px 85px;}
.content .left .avatarHome ul li.zodiac{background:url('../images/btn-zodiac.gif') no-repeat 5px #7e007a;padding:20px 5px 20px 85px;}
.content .left .avatarHome ul li.phone{background:url('../images/btn-fortune.gif') no-repeat 5px #7e007a;padding:20px 5px 20px 85px;}

.content .left .avatarHome ul li a:link, .content .left .avatarHome ul li a:visited{color:#fff;}

/****************
LEFT PANEL
****************/
.content .left {float:left;}
.content .left .purple{width:200px;margin:0 0 5px 0;background:#7e007a;color:#fff;}
.content .left .blue{width:200px;margin:0 0 5px 0;background:#0f54a2;color:#fff;}

.content .left .blue .dreamGirl {background:url('../images/dreamGirl.gif') no-repeat bottom left;height:220px;padding:0 5px;}
.content .left .blue .dreamGirl .aright {padding-left:110px;}
.content .left .purple .titleBox2{	background:url('../images/h1purple.jpg') no-repeat top left #7e007a;padding:6px 5px 0px 25px;}

/****************
HOME CENTRAL PANEL
****************/
.content .homeCenter {float:left;margin:0 5px;}
.content .homeCenter .purple{width:365px;margin:0 0 5px 0;background:#f8f5ef;}

.content .homeCenter .blue .txtBox {padding:0 5px;height:200px;background:url('../images/astroQuadran.gif') no-repeat bottom right;}
.content .homeCenter .blue{border:1px solid #0f54a2;width:365px;margin:0 0 5px 0;background:#0f54a2;color:#fff;}

a.btn:link, a.btn:visited {	background:#7e007a;border:1px solid #7e007a;padding:5px 15px;color:#fff;text-decoration:none;}
a.btn:hover{background:#fff;color:#7e007a;}


/****************
RIGHT PANEL
****************/
.content .right {float:right;}
.content .right .purple{width:200px;margin:0 0 5px 0;background:#7e007a;}
.content .right .blue{width:200px;margin:0 0 5px 0;background:#0f54a2;}


/****************
LARGE PANEL
****************/
.content .fullWidth {float:right;margin:0 0 0 5px; color:#FFFFFF; }
.content .fullWidth .purple{border:1px solid #7e007a;width:570px;margin:0 0 5px 0;background:#7E007A;}

.content .fullWidth .blue{width:570px;border:1px solid #0f54a2;width:570px;margin:0 0 5px 0;background:#0f54a2;}
.content .fullWidth .blue .txtBox{padding:0 15px;}

.content .fullWidth .white{width:570px;width:570px;margin:0 0 5px 0;background:#FFFFFF; color:#999999; font-size:10px; }
.content .fullWidth .white .txtBox{padding:0 15px;}
.content .fullWidth .white a{color:#999999;}

.content .registrationFooter {width:570px;}
.fadeOut{background:url('../images/bg-blue.jpg') repeat-x bottom;}


/*****************
FOOTER
*****************/
.footer{clear:both;padding:0px;}



.howItWorks p{
		margin: 0;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding:1px 15px 1px 15px;
		background-color:#5D92C8;
		border-bottom: 1px solid #d6d6d6;
	}
.howItWorks p span.num{ font-weight:bold; font-size:29px; }
/* ****************** */
/* START STEP BY STEP */
/* ****************** */
	
	#free_content{
		background-color: #FFFFFF;
		height:158px;		
		overflow: hidden;
		padding:0 0 5px 0;
		position: relative;
		width:200px;
		clear:both;
	}
	
	.innerBox{
		border:none;
	}
	
	#promo_content1, 
	#promo_content2, 
	#promo_content3, 
	#promo_content4,
	#promo_content5,
	#promo_phantom1,
	#promo_phantom2{
		height:158px;
		width:200px;
		margin: 0;
		padding: 0;
		position: absolute;	
	}
		
	#promo_phantom1 {
		left: 0px;
		background: url(../images/anim_slide01.jpg) no-repeat center top;
	}
	
	#promo_content1 {
		left:200px;
		background: url(../images/anim_slide01.jpg) no-repeat center top;
	}
	
	#promo_content2 {
		left:400px;
		background: url(../images/anim_slide02.jpg) no-repeat center top;
	}
	
	#promo_content3 {
		left:600px;
		background: url(../images/anim_slide03.jpg) no-repeat center top;
	}
	
	#promo_content4 {
		left:800px;
		background: url(../images/anim_slide04.jpg) no-repeat center top;
	}
	
	#promo_content5 {
		left:1000px;
		background: url(../images/anim_slide05.jpg) no-repeat center top;
	}
	
	#promo_phantom2 {
		left:1200px;
		background: url(../images/anim_slide05.jpg) no-repeat center top;
	}
	
	#promo_noscript{	
		height:158px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width:200px;
		background: url(../images/anim_slide01.jpg) no-repeat center top;				
		left: 0;		
	}

	
	.cardEmpress, 
	.cardFool, 
	.cardJudgement, 
	.cardMagician, 
	.cardHermit{
		display: none;
	}

	.tarotCard{		
		padding: 5px 0px 5px 90px;
		height:140px;
	}
	
	.cardEmpress .tarotCard{
		background: #2c6cb1 url('../images/rwempress.jpg') no-repeat 5px 5px;
	}
	
	.cardFool .tarotCard{
		background: #2c6cb1 url('../images/rwfool.jpg') no-repeat 5px 5px;
	}
	
	.cardJudgement .tarotCard{
		background: #2c6cb1 url('../images/rwjudgement.jpg') no-repeat 5px 5px;
	}
	
	.cardMagician .tarotCard{
		background: #2c6cb1 url('../images/rwmagician.jpg') no-repeat 5px 5px;
	}
	
	.cardHermit .tarotCard{
		background: #2c6cb1 url('../images/rwhermit.jpg') no-repeat 5px 5px;
	}
	
	.tarotCard h1{
		margin: 0;		
		color: #fff;
		font-size:12px;
	}
	
	.tarotCard p{
		margin: 0;		
		color: #fff;
		font-size:11px;
	}
	
	.tarotMeaning{
		padding:0px 5px;
		background-color:#2c6cb1;
	}
	
	.tarotMeaning h3{
		float: left;
		margin: 0;
		padding: 0;
		font-size:11px;
		color:#FFFFFF;
		line-height: 14px;
	}
	
	.tarotMeaning p{		
		color:#FFFFFF;
		font-size:11px;	
	}

	/* FORM */
	form#phonefrm, form#pinfrm{
		margin-top:10px;
	}
	form#phonefrm label, form#pinfrm label{
		color:#FFFFFF;
		float:left;
		margin-left:100px;
		margin-right:15px;
		margin-top:4px;
	}
	#phone1, #phone2, #phone3 {
		float: left;
		margin-right:10px;
		text-align:center;
		width:50px;
	}
	#pin {
		margin-left:260px;
		margin-right:10px;
		text-align:center;
		width:50px;
	}
	span.pricing{ clear:both; margin: 17px 0px 5px 100px; display:block; }
	#tc{margin: 17px 0px 5px 100px; float:left;}
	span.terms-text{float:left;margin: 17px 0px 5px 10px;}
	span.terms-text a {color:#FFFFFF}
	#next_btn, #finish_btn{
		background:#0f54a2;border:1px solid #FFFFFF;padding:5px 15px;color:#fff;text-decoration:none; font-weight:bold; margin-bottom:15px;
	}
	#finish_btn{margin-top:15px;}
	div.thanks{ margin-top: 15px; margin-bottom:15px; text-align:center; }

	p.w a{color:#FFFFFF !important; text-decoration:none;}
	ul.margin0{margin-bottom:0px;}
/**/
	
	.faq{
		background-color:#fae4f9;
		padding:0 10px 10px 10px;
	}
	
	.faq h1{
	}
	
	.faq h3{
		margin: 0;
		/*text-transform: uppercase;*/
		color: #666666;
		font-size: 12px;
		padding-top: 15px;
	}
	
	.faq ol{
		margin: 0;
		display: block;
		padding: 0 0 0 20px;			
	}
	
	@media{
		.faq ol{		
			padding: 0 0 0 23px;			
		}
	}
	
	.faq ol li{
		font-size: 11px;
		font-weight: bold;
		color: #333333;
	}
	
	.faq ol li a:link,
	.faq ol li a:visited,
	.faq ol li a:active{
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		color: #333333;	
	}
	
	.faq ol li a:hover{
		text-decoration: underline;
	}
	
	.faq dl{
		margin: 0;
	}
	
	.faq dl dt{
		margin: 0;
		color: #666666;
		font-size: 12px;
		/*font-weight: bold;*/
	}
	
	.faq dl dd{
		color: #333333;
		font-size: 11px;		
		margin: 0 0 15px 15px;		
	}
	
	/**/
	.personalPsychicTips b{
		margin: 0;
		font-size: 12px;
		color: #fff;
		display: none;
	}