/*---------------------- General CSS -----------------------*/
.green { color:#96A335; }
.darkGreen { color:#324D00; }
.alertGreen { color:#324D00; }
.light { color:#999; }
.example { color:#999; }
.text7xlrg { font-size:42px; }
.subCon.mainContent { overflow:hidden; }

header.subCon .canvasHd h4 { display: block; }

/*---------------------- New "Home" page -----------------------*/
.homeTout { text-align:center; position:relative; }
.alert.success.oldTests { float:right; margin:-15px 3px 10px; *margin:-15px 3px 10px; min-width:190px; max-width:200px; padding:6px 15px; border-radius:0 0 5px 5px; }
.homeTout .mainHeaders { width:930px; padding:15px 0 0 0; }
.homeTout h1 { font-weight:lighter; margin:10px 0 10px 0; }
.homeTout h1 sup { vertical-align:top; }
.homeTout h1 .betasml { vertical-align:top; }
.homeTout h2.subheader { width:820px; margin:0 0 30px; padding:0 0 15px 0; display:inline-block;  border-bottom:1px solid #ddd; }
.homeTout p, .homeTout div { font-size:14px; line-height:1.5em; }

.homeTout .alert.success.one { width:865px; float:left; margin:0 auto 35px; padding:20px 35px; text-align:left; }
.homeTout .alert.success.four { text-align:left; }
.homeTout .alert.success h4 { position:relative; }
.homeTout .alert.success h4, .alert.success p, .alert.success ul { margin:5px 0 5px 70px }
.homeTout .alert.success .greenCheck { position:absolute; top:0; left:-45px; display:inline-block; width:32px; height:32px; background:url("//c.mfcreative.com/offer/dna/launch/successcheckmark.png"); }
.homeTout .alert.success li { padding:0 0 5px 0; margin:0 0 0 25px; list-style-type:disc; }

.homeTout .requestInvite { width:800px; margin:0 auto; }
.homeTout .requestInvite > div { margin:0 auto; padding:20px; float:left; }
.homeTout .requestInvite .priceDiv { text-align:center; width:220px; padding:10px; margin:0 0 0 20px; }
.homeTout .requestInvite .priceDiv .ancBtn { padding:0 30px; }
.homeTout .requestInvite .priceDiv .giftBox { display:inline-block; position:relative; top:5px; width:20px; height:24px; margin:0 3px 0 0; background:url("//c.mfcreative.com/offer/dna/launch/sprite_v2.jpg") no-repeat -430px -4px; }
.homeTout .requestInvite .priceDiv .purchaseTest { padding:10px; }
.homeTout .requestInvite .priceDiv .purchaseTest.bg { background:#eee; }
.homeTout .requestInvite .priceDiv .alert.success { padding:20px 15px 15px 43px; text-align:left; }
.homeTout .requestInvite .priceDiv .alert.success  h3 { margin:0 0 8px 0; position:relative; }
.homeTout .requestInvite .priceDiv .alert.success  h3 .successPng { width:25px; height:25px; position:absolute; left:-28px; display:inline-block; background:url("../../../assets/success.png")no-repeat 0 0;}
.homeTout .requestInvite .priceDiv h4 { margin:10px 0; }
.homeTout .requestInvite .priceDiv p { margin:0 0 8px 0; }
.homeTout .requestInvite .priceDiv .soldOut { width:285px; }
.homeTout .requestInvite .priceDiv .price { color:#d88c00; margin-bottom:5px; }
.homeTout .requestInvite .requestDiv { text-align:left; width:535px; padding:0; }
.homeTout .requestInvite .requestDiv p { margin:0 0 10px 0; width:500px; }
.homeTout .requestDiv.success { width:530px; margin:0 auto; }
.homeTout .requestDiv.success .inviteList { margin:0 0 60px 0; }

.homeTout .skyHigh, .aboutDna .skyHigh { width:255px; font-size:12px; margin:0 auto; }

/*------------------- Sign Up / Get Invite --------------------*/
.signUpContent { float:left; width:730px; padding:30px; }
.signUpContent h2 { margin:0 0 30px 0; }
.signUpContent h3 { margin:0 0 15px 0; }
.signUpContent .label { margin:0 0 6px 0; }
.signUpContent input { width:295px; margin:0 0 20px 0; }
.signUpContent .instructions { width:375px; margin:0 0 10px 0; }
.signUpContent .alert.error { display:none; width:215px; padding:6px 10px; margin:10px 0; }

.signUpContent .subscriber { float:left; width:260px; min-height:200px; }
.signUpContent .subscriber .loginDialog h3.account { margin:0 0 15px 0; }
.signUpContent .subscriber .loginDialog h3.reserve { display:none; }
.signUpContent .subscriber .acom.sub { display:none; }

.signUpContent .notAcomSub { float:left; padding:0 0 0 35px; border-left:1px solid #ccc; }
.signUpContent .notAcomSub .submitEmailSection { float:left; }
.signUpContent .notAcomSub .submitEmailSection .emailForm { position:relative; }
.signUpContent .notAcomSub .submitEmailSection .emailForm .inviteAction .ancBtn { float:left; margin:0 15px 0 0; }
.signUpContent .notAcomSub .submitEmailSection .emailForm .inviteAction .privacy { float:left; width:200px; position:relative; }
.signUpContent .notAcomSub .submitEmailSection .emailForm .inviteAction .privacy p { margin:0 0 0 30px; }
.signUpContent .notAcomSub .submitEmailSection .emailForm .inviteAction .privacy a { color:#999; }
.signUpContent .notAcomSub .submitEmailSection .emailForm .inviteAction .privacy .lock { position:absolute; top:3px; left:0; display:inline-block; width:24px; height:24px; background:url("//c.mfcreative.com/offer/dna/launch/privacylock.png"); }

.signUpContent .notAcomSub .submitEmailSection #errorAlert { display:none; }


/*------------------- New "aboutDna"/home page --------------------*/
.aboutDna h1 { margin:45px 0; }
.aboutDna .subheader { margin:0 0 30px; display:inline-block; }
.aboutDna h5 { margin-bottom:1em; }
.aboutDna p, .aboutDna div { font-size:14px; line-height:1.5em; }

.aboutDna .topBorder { border-top:1px solid #ddd; padding:0 0 40px 0; }
.aboutDna .center { text-align:center; }
.aboutDna .description { width:600px; margin:-20px auto 5px; }

.aboutDna .videoContainer { max-width:640px; height:360px; margin:38px auto; padding:5px; border-radius:5px; z-index:1001; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 0 7px 0 #666; -webkit-box-shadow:0 0 7px 0 #666; -moz-box-shadow:0 0 7px 0 #666; }
.aboutDna .video { max-width:640px; height:360px; cursor:pointer; }
.aboutDna .video #keyFrame { background:url("//c.mfcreative.com/offer/dna/launch/keyframe.jpg"); height:360px; width:640px; }

.aboutDna .contentNav { margin:40px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.aboutDna .contentNav a { display:inline-block; text-decoration:none; margin:13px; }

.aboutDna .geneticEthnicity { margin-bottom:30px; padding:0 10px; }
.aboutDna .geneticEthnicity h1.first { margin:40px 0 0 0; }
.aboutDna .geneticEthnicity h1.second { margin:0 0 30px 0; }
.aboutDna .geneticEthnicity .homeMaps { width:900px; }
.aboutDna .geneticEthnicity img { margin:20px 0; }
.aboutDna .geneticEthnicity div { float:left; width:33%; }
.aboutDna .geneticEthnicity .left { text-align:left; }
.aboutDna .geneticEthnicity .center { margin-top:15px; }
.aboutDna .geneticEthnicity .right { text-align:right; }
.aboutDna .geneticEthnicity div p { width:280px; }
.aboutDna .geneticEthnicity .left p { text-align:left; }
.aboutDna .geneticEthnicity .center p { margin:0 auto; }
.aboutDna .geneticEthnicity .right p { margin:0 0 0 auto; }

.aboutDna .experienceAncestry { margin:0 auto; }
.aboutDna .experienceAncestry .section { width:820px; margin:0 auto; }
.aboutDna .experienceAncestry .uniqueBlend .sideImg { float:left; width:200px; }
.aboutDna .experienceAncestry .uniqueBlend .content { float:left; width:575px; margin:20px 0 0 0; text-align:left; }
.aboutDna .experienceAncestry .relevantHistory { margin:0 auto 35px; }
.aboutDna .experienceAncestry .relevantHistory .content { float:left; width:355px; margin:50px 30px 0 0; text-align:right; }
.aboutDna .experienceAncestry .relevantHistory .sideImg { float:left; width:400px; }
.aboutDna .experienceAncestry .toLife .sideImg { float:left; width:190px; }
.aboutDna .experienceAncestry .toLife .content { float:left; width:620px; text-align:left; }

.aboutDna .findFamily { margin:20px 0 15px; padding-left:10px; }
.aboutDna .findFamily .column { width:48%; float:left; }
.aboutDna .findFamily .block { margin-bottom:80px; width:480px; }
.aboutDna .findFamily .block div { width:240px; float:left; text-align:left; margin:0 10px 0 20px; }
.aboutDna .findFamily img { float:left; }

.aboutDna .about p { margin-bottom:1em;}
.aboutDna .about > div { width:760px; margin:0 auto; text-align:left; }
.aboutDna .about .column { margin:0 0 40px 0; }
.aboutDna .about .column img { float:left; margin-right:20px; }
.aboutDna .about .column h5 { display:inline-block; }
.aboutDna .about .column h5 span { font-weight:normal; }
.aboutDna .about .column .top { min-height:65px; }
.aboutDna .about .maleFemale h5 { margin-top:7px; }
.aboutDna .about .beta h5 { margin-top:12px; }
.aboutDna .about .autosomalWhat .imgBox { float:right; width:200px; height:230px; margin:25px 0 0 20px; }
.aboutDna .about .autosomalWhat .imgBox img { margin:0 0 10px 18px; }
.aboutDna .about .autosomalWhat .homeStrand { float:left; width:125px; position:relative; top:-9px; }

.aboutDna .about .dreamTeam .scienceToggle { display:block; margin:20px 0 0 0; }
.aboutDna .about .dreamTeam .scienceTeam { display:none; }

.aboutDna .simpleTest div { text-align:left; }
.aboutDna .simpleTest .box { width:865px; margin:60px 20px 10px; }
.aboutDna .simpleTest .box .imgBox { float:left; width:120px; min-height:120px; margin-right:30px; }
.aboutDna .simpleTest .box .imgBox img { float:right; }
.aboutDna .simpleTest li { list-style:decimal inside; }

.subCon.mainContent .addMe { width:300px; margin:0 auto 25px; }
.subCon.mainContent .addMe .ancBtn { padding:0 45px; margin:0 0 10px 0; }
.subCon.mainContent .skyHigh { width:250px; margin:0 auto; font-size:12px; text-align:center; }