@charset "utf-8";

/* CSS Document */

/*		Reset		*/

html, body, div, span,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img,

dl, dt, dd, ol, ul, li,

fieldset, form, label{

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	font-weight:normal;

}



h1{

	font-size:24px;

}



h2{

	font-size:18px;

}



h3{

	font-size:16px;

}



h4{

	font-size:14px;

}



h5{

	font-size:12px;

}



h6{

	font-size:11px;

}

h7 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}





ol, ul {

	list-style: none;

}



.clear{

	width:100%;

	height:0px;

	clear:both;

	font-size:0px;

	line-height:0px;

}



a{

	text-decoration:none;

	color:#000;

}



a:hover{

	text-decoration:underline;

}



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



body{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#989898;

}



/*		Layout		*/

#wrap{

	width:1088px;

	height:auto;

	margin:0 auto;

}



#col-main{

	width:898px;

	height:auto;

	float:left;

	margin-left:54px;

	display:inline;

	position:relative;

}



#header{

	width:896px;

	height:300px;

	border:1px solid #000;

	border-bottom:none;

	border-top:none;

	float:left;

	background:url(../images/bg-header.jpg) top left repeat-y;

	position:relative;

}



#main-content{

	width:896px;

	height: auto;

	border:1px solid #000;

	border-top:none;

	float:left;

	padding-bottom:45px;

	position:relative;

}





#col-right{

	width:136px;

	height:auto;

	float:left;

}



#footer{

	width:100%;

	height:auto;

	float:left;

}



/*	Style	*/

/*Header*/

.banner-header{

	width:100%;

	height:auto;

	margin-top:100px;

	float:left;

}



.logo{

	position:absolute;

	top:2px;

	left:-15px;

	z-index:9999;

}



/*Main*/

.main-content-left{

	width:595px;

	height:auto;

	float:left;

	margin-top:70px;

	position:relative;

}



.box-how-it-works{

	width:100%;

	height:auto;

	background:url(../images/bg-box-how-it-works.jpg) top right no-repeat;

	padding-top:38px;

	float:left;

}



.main-content-left .title-how-it-works{

	position:absolute;

	top:-48px;

	left:-55px;

}



.step{

	margin-left:24px;

	display:inline;

	float:left;

}



.step2{

	margin-top:48px;

}



.step .number-step{

	width:51px;

	height:51px;

	background:url(../images/bg-number.jpg) top left no-repeat;

	text-align:center;

	font-size:42px;

	color:#FFF;

	float:left;

}



.step .text-step{

	width:auto;

	height:auto;

	font-size:24px;

	float:left;

	margin-left:10px;

}



.step .text-step font{

	text-decoration:underline;

}



.w-faq{

	float:left;

	margin-top:45px;

	margin-left:34px;

	display:inline;

}



.w-faq h1{

	color:#557a34;

	margin-bottom:7px;

}



.w-faq h5{

	line-height:20px;

}



.w-faq h5.questions{

	color:#557a34;

}



.w-faq h5.answers{

	color:#353432;

}



.main-content-right{

	width:260px;

	height:auto;

	float:left;

	margin-top:15px;

	position:relative;

}



.w-shipping-info{

	float:left;

	border:1px solid #000;

}



.head-shipping-info{

	width:260px;

	height:36px;

	float:left;

	background:#9fc15c;

}



.head-shipping-info h4{

	float:left;

	color:#FFF;

	font-weight:bold;

	display:inline;

	margin:8px 0px 0px 10px;

}




.content-shipping-info{

	width:240px;

	height:auto;

	padding:0px 5px 0px 13px;

	background:#f0f7e1;

	float:left;

}



.content-shipping-info h5{

	width:100%;

	float:left;

	color:#333333;

	font-weight:bold;

	margin:13px 0px 0px 0px;

}



.option-value{

	margin:0px 0px 0px 5px;

	float:left;

	color:#000;

}



.option-value input, .option-value select{

	font-size:16px;

	color:#fff;

	font-weight:normal;

}



.option-value select{

	background:#9fc15c;

	color:#FFF;

}



.ovulation, .characters, .pregnancy, .sum{

	float:left;

	text-align:center;

	font-size:11px;

	margin:15px 0px;

}



.ovulation{

	width:50px;

}



.characters{

	font-size:36px;

	line-height:20px;

	height:20px;

	margin:15px 3px;

	color:#000;

}



.pregnancy{

	width:57px;

}



.sum{

	width:50px;

}



.sum input{

	width:36px;

}



.status{

	float:left;

	margin:19px 0px;

}



.form-register{

	margin:0px 0px 0px 5px;

}



.form-register .field{

	margin:0px 0px 12px 0px;

}



.form-register .field label{

	width:100%;

	float:left;

	color:#000;

	font-size:11px;

	font-weight:bold;

	margin:0px 0px 2px 0px;

}



.form-register .field input{

	width:188px;

	border:1px solid #9fc15c;

}
#birthdate{
	color:#000;
	font-size:15px;
}
#birthdate input{
	width:20px!important;
	padding:0 3px;
	margin:0 2px;	
}
#birthdate span{
	font-size:12px;
}

.form-register .state{

	width:115px;

	float:left;

}



.form-register .state select{

	width:107px;

	border:1px solid #abadb3;

	clear:both;

}



.form-register .zipcode{

	width:100px;

	float:left;

}



.form-register .zipcode input{

	width:92px;

}



.btn-submit{

	width:100%;

	height:47px;

	margin:8px 0px 30px 0px;

	float:left;

	border:1px solid #f0f7e1;

}



.truste{

	width:100%;

	height:auto;

	text-align:center;

	float:left;

	margin-top:26px;

}



.icon-right{

	width:75px;

	height:81px;

	position:absolute;

	top:82px;

	right:-17px;

}

/*	Footer	*/

.nav-footer{

	margin:17px 0px 0px 0px;

}



.nav-footer{

	text-align:center;

	font-size:10px;

}



.nav-footer span{

	padding:0px 0px 0px 0px;

	border-right:1px solid #989898;

}



.nav-footer span.last{

	border-right:none;

}



.nav-footer span a{

	font-size:12px;

	margin:0px 3px 0px 0px;

	color:#989898;

}



#footer .copyright{

	width:610px;

	height:auto;

	margin:10px auto;

	text-align:center;

}



/*	Col Right	*/

.recent-press{

	text-align:center;

	margin-top:32px;

}



.recent-press a{

	width:100%;

	text-align:center;

	float:left;

	margin:15px 0px 0px 0px;

}



.underline {

	text-decoration:underline;

}



.privacy{

	width:590px;

	height:auto;

	margin:10px 0px 0px 0px;

	text-align:left;

	font-size:14px;

	color:#000000;

	font-weight:bold;

}

.privacy2{

	width:590px;

	height:auto;

	margin:10px 0px 0px 0px;

	text-align:left;

	font-size:12px;

	color:#353432;

}

.purple_txt {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FF33CC;

	text-decoration: none;

}

h8 {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

.txtbold {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.txtbold_white {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

.tick {

	float: right;

	width: 30px;

	height: 50px;

	list-style-position: inside;

	padding-top: 15px;

	margin-right: -8px;

}



.brief-message-box{

	float:left;

	width:513px;

	height:103px;

	color:#000000;

	background-image:url(../images/messagepin.png);

	margin-top:-15px;

	margin-left:34px;

	display:inline;

}



.brief-message-text{

	font-family:Trebuchet MS, Tahoma;

	float:left;

	width:100%;

	color:#666666;

	line-height:15px;

	display:block;

	margin-left:20px;

	margin-top:34px;

}