@charset "utf-8";
/* CSS Document */
*{margin:0 auto;padding:0;outline:none;}
body{background-color:#a79b94;font-family:HelveticaNeueLTPro-BdCn;font-weight:normal;font-style:normal;}
.step {width:870px;height:472px;padding:15px;position:absolute;top:50%;left:50%;margin:-236px 0 0 -450px;*margin-bottom:10px;*position:relative;}
#step1{}
#step2,#step3,#step4,#step5,#step6,#step7,#step8,#step9,#step10,#step11,#step12,#step13,#step14,#step15,#step16,#step17,#step18,#step19,#step20,#step21,#step22,#step23,#step24{display:none;}
.details {width:270px;height:104px;}
.details .line {width:100%;clear:both;height:25px;margin-bottom:12px;}
.details .textField {color:#fff;font-size:24px;line-height:25px;display:block;width:80px;height:25px;text-align:center;float:left;}
.details input{width:181px;height:21px;display:block;float:left;padding-left:5px;}
.start{font-size:24px;color:#fff;background-color:#c3d500;text-align:center;width:270px;height:36px;line-height:36px;border-radius:0 0 10px 0;cursor:pointer;}



.bigTitle {font-size:60px;text-align:center;margin-top:90px;margin-bottom:50px;}
.white{color:#fff;}
.green{color:#799900;}
.bgGW{background:url(../img/bg-w.png) no-repeat #799900 top left;}
.bgWB{background:url(../img/bg-b.png) no-repeat #fff top left;}
.lightGreen{color:#c3d500;}

/* Step 2*/
#theName {text-transform:capitalize;}
.textBox{margin:111px 0 0 156px;color:#FFF;font-size:24px;line-height:36px;width:650px;}


/* Step 3*/
.title{font-size:36px;line-height:20px;;clear:both;margin:24px 0 0 30px;}
.description {font-size:20px;line-height:25px;clear:both;margin:7px 0 0 30px;font-family:'Titillium Web', sans-serif;}

.Content {float:left;margin:0 0 0 17px;}
.Content .box {width:auto;height:321px;border-radius:5px;background-color:#cdc3bb;float:left;padding:12px 13px;margin:0 11px;position:relative;}

#step7 .Content .box {width:376px;height:256px;}
#step7 .description {font-size:22px;line-height:28px;clear:both;margin:10px 0 10px 30px;}
#step7 .Content .box .label{display:block;position:absolute;left:46px;bottom:8px;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:18px;}



#step8 .Content {margin:15px 0 0 62px;}

.footerLine {width:100%;position:absolute;bottom:25px;left:45px;}
.footerLine label {width:auto;background-color:transparent;border:none;float:left;position:static;margin-right:10px;font-size:18px;line-height:24px;color:#706258;font-family:'Titillium Web', sans-serif;}
.footerLine input {float:left;width:218px;height:25px;}


#step9 .box {padding:12px 11px;margin:0 5px;}
#step9 .Content .box .label{display:block;position:absolute;left:46px;bottom:8px;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:18px;}

#step10 .box {padding: 12px 10px;margin: 0 5px;}
#step10 .Content .box .label{display:block;position:absolute;left:46px;bottom:8px;font-size:14px;font-family:'Titillium Web', sans-serif;line-height:18px;}


#step24 .description {text-transform:uppercase;font-family:HelveticaNeueLTPro-BdCn;}


input[type=radio],input[type=checkbox] {display: none;}
label {display:inline-block;width:24px;height:24px;position:absolute;bottom:6px;left:13px;background-color:#fff;cursor:pointer;border-radius:5px;border:solid 1px #706258;}

.radioBox {width:180px;height:70px;border-radius:0 12px 0 0;background-color:#c3d500;padding:10px 0 0 10px;position:absolute;right:20px;bottom:51px;}
.radioBox label {border-radius:50px;position:static;border-color:#706258;float:left;margin:0 10px 0 0;}
.radioBox span.label {display:inline-block;width:initial;height:24px;float:left;line-height:26px;font-size:18px;color:#706258;}

input[type=radio]:checked + label {background-image:url(../img/buttonCheck.png);background-repeat:no-repeat;background-position:center center;}
input[type=checkbox]:checked + label {background-image:url(../img/checked.png);background-repeat:no-repeat;background-position:center center;}

.clear {width:100%;clear:both;height:5px;}


.FinishButton {background-color:#c3d500;color:#fff;font-size:24px;cursor:pointer;position:absolute;top:50%;left:50%;border-radius:0 12px 0 0;width:420px;height:50px;
margin:-25px 0 0 -210px;text-align:center;line-height:50px;}







.PrevNextW {width:142px;height:29px;position:absolute;bottom:6px;right:15px;color:#fff;}
.PrevNextW .Previous {float:left;cursor:pointer;}
.PrevNextW .Next {float:left;cursor:pointer;}
.PrevNextW .Finish {float:left;cursor:pointer;}
.PrevNextW .triangle-left  {width:0;height:0;border-top:6px solid transparent;border-right:11px solid #fff;border-bottom:6px solid transparent;display:block;float:left;margin:2px 3px 0 0;}
.PrevNextW .triangle-right {width:0;height:0;border-top:6px solid transparent;border-left:11px solid #fff;border-bottom:6px solid transparent;display:block;float:right;margin:2px 0 0 3px;}
.PrevNextW .Separator {width:1px;height:29px;background:#fff;float:left;margin:-7px 10px 0;}

.PrevNextG {width:142px;height:29px;position:absolute;bottom:6px;right:15px;color:#799900;}
.PrevNextG .Previous {float:left;cursor:pointer;}
.PrevNextG .Next {float:left;cursor:pointer;}
.PrevNextG .triangle-left  {width:0;height:0;border-top:6px solid transparent;border-right:11px solid #799900;border-bottom:6px solid transparent;display:block;float:left;margin:2px 3px 0 0;}
.PrevNextG .triangle-right {width:0;height:0;border-top:6px solid transparent;border-left:11px solid #799900;border-bottom:6px solid transparent;display:block;float:right;margin:2px 0 0 3px;}
.PrevNextG .Separator {width:1px;height:29px;background:#799900;float:left;margin:-7px 10px 0;}