/* Registration -------------*/

#register-main { width: 672px; margin: auto; position: relative; text-align: center; padding-bottom: 10px; }
#register-main .inside { width: 631px; margin: auto; text-align: left; }

#register-main .tophead { float: right; margin-right: 77px; display: inline; }
#register-main .top { border-bottom: 1px solid #6f026d; float: left; }

#register-main .contents { background: #fff url(../images/register/side_gradient.gif) no-repeat 0 0; float: left; width: 100%; }
#register-main .rightborder { background: transparent url(../images/register/side_gradient.gif) no-repeat 100% 0; padding: 32px 15px 5px 15px; display: block; }

#register-main .reasons .image { padding-bottom: 13px; }
#register-main .reasons .text { width: 197px; }
#register-main .reasons h2 { font: bold 14px Arial, sans-serif; color: #cc0099; }
#register-main .reasons p { font: 12px Arial, sans-serif; width: 164px; }

.step-holder { margin: 0 0 15px 0; }
.step-holder .fieldset { width: 468px; position: relative; float: left; border: none; padding: 0; margin: 0; }
.step-holder .fieldset .legend { background-color: #fbd6f2; padding: 10px 20px; display: block; font-weight: bold; }
.step-holder .fieldset .fields { background-color: #fdecf9; display: block; border-top: 1px solid #ffffff; padding: 20px; }
.step-holder label { margin-bottom: 3px; }
.step-holder .field { width: 192px; color: #6f026d; padding: 4px 5px 3px 5px; }

.step-holder .step { margin: 0px 21px 0px 26px; float: left; }
.step-holder .emailstep { margin: 0px 20px 0px 20px; float: left; }
.step-holder .printerstep { margin: 0px 20px 0px 20px; float: left; }

.step-holder ol { list-style-type: decimal; padding-left: 18px; margin-bottom: 15px; }
.step-holder ol li { list-style-type: decimal; margin-bottom: 5px; font-weight: bold; color: #d72cac; }
.step-holder ol li span { font-weight: normal; color: #6f026d; }

.step-holder ul { list-style-type: disc; padding-left: 18px; margin-bottom: 15px; }
.step-holder ul li { list-style-type: disc; margin-bottom: 5px; font-weight: bold; color: #d72cac; }
.step-holder ul li span { font-weight: normal; color: #6f026d; }
.step-holder ul li a { text-decoration: underline; }

#birthday .select { border: 1px solid #da39b1; width: 90px; float: left; margin: 0 10px 0 0; color: #6f026d; }
#birthday .pass { background-image: none; border: 1px solid #70c36c; }
#birthday .fail { background-image: none; border: 1px solid #ed5f5f; }

#account .item { float: left; margin: 0 25px 15px 0; }
#account .checkbtn { float: left; margin: 17px 0 0 0; }
#account .fields { padding: 20px; }
#account .dtext { padding-top: 15px; }

#agreeterms .fields { padding: 10px 21px; }
#agreeterms .checkbox { float: left; margin-right: 2px; }
#agreeterms .checkbox input { margin: 0; }
#agreeterms label { float: left; display: inline; margin: 0; }
#agreeterms .termstxt { float: left; }
#agreeterms a { font-weight: bold; color: #cc0099; }
#agreeterms .fail { border: 0; background-color: #ffd5d5; background-position: 290px 50%; }

#newsletter .fields { padding: 10px 20px 10px 10px; }
#newsletter .thumb { margin-right: 20px; }
#newsletter h2 { color: #cc0099; font-size: 14px; }
#newsletter label { float: left; display: inline; margin: 0; }
#newsletter .checkbox { float: left; margin-right: 2px; }
#newsletter .checkbox input { margin: 0; }
#newsletter .text { float: left; margin: 10px 0 0 0; width: 295px; }

#promocodebox .fields { padding: 20px 20px 20px 10px; }
#promocodebox .thumb { margin: 3px 10px 0 5px; }
#promocodebox .text { float: left; margin: 0; width: 280px; }
#promocodebox .item { width: 190px;}

.singlecontent p, .singlecontent li { font-size: 12px; }

.submitbox { border-top: 1px solid #fbd6f2; width: 468px; padding: 10px 0; margin-left: 98px; }
.submitbox input { float: right; }

.step1.on  { background: transparent url(../images/register/step1_on.gif)  no-repeat 50% 0; }
.step2.on  { background: transparent url(../images/register/step2_on.gif)  no-repeat 50% 0; }
.step3.on  { background: transparent url(../images/register/step3_on.gif)  no-repeat 50% 0; }
.step1.off { background: transparent url(../images/register/step1_off.gif) no-repeat 50% 0; }
.step2.off { background: transparent url(../images/register/step2_off.gif) no-repeat 50% 0; }
.step3.off { background: transparent url(../images/register/step3_off.gif) no-repeat 50% 0; }