@charset "UTF-8";
/* CSS Document */

/**********
*********** 

REGISTER PAGES

***********
***********/

/* DE, ES, FR, JP, NL, RU, TR, UK, US - REGISTER PAGES */
#registerformcontainer { width:555px; min-height:1000px; /*height:1130px;*/ padding:30px 20px 40px 20px; margin:0px 0 0px 0px; float:right; background:#FFF; /*border:1px solid #F00;*/ }
#registerformcontainer > ul { padding:0px 0px 20px 0px; margin:0px 0 0px 0px; list-style:none; }
#registerformcontainer > ul > li { padding:0px; margin:0px 0 20px 0; }
#registerformcontainer > ul > li > h1 { font-family: Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; line-height:26px; padding:0px 0px 0px 30px; margin:15px 0 20px 0px; color:#000; }
#registerformcontainer > ul > li > h5 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:20px; padding:0px 0px 0px 30px; margin:0px 0 10px 0px; color:#000; }
#registerformcontainer > ul > li > p { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:0px 0px 0px 30px; margin:0px 0 0px 0px; color:#444; font-weight:normal; /*border:1px solid #F00;*/ }
#registerformcontainer > ul > li > p > a { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:0px 0px 0px 0px; margin:5px 0 30px 0px; color:#000; font-weight:normal; }
#registerformcontainer > ul > li > p > b { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:0px 0px 0px 0px; margin:5px 0 30px 0px; color:#000; font-weight:bold; }

#registerformcontainer > #registerform { width:520px; padding:0px 30px 20px 0px; margin:0px 0px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
#registerformcontainer > #registerform > form > ul#rangeselection { width:500px; padding:30px 0px 20px 8px; margin:0px 0px 0 25px; list-style-type:none; float:left; border-top:1px solid #AAA; /*border:1px solid #6C0;*/ }
#registerformcontainer > #registerform > form > ul#rangeselection > p { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:12px; padding:0px; margin:0px 0 20px 0px; color:#444; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#rangeselection > li { width:150px; float:left; padding:2px; margin:0px 8px 6px 0; border:2px solid #DDD;*/ }
#registerformcontainer > #registerform > form > ul#rangeselection > li > img { width:150px; padding:0px; margin:0px 0px 0px 0; cursor:pointer; }

/* BOX WITH RANGE THEY HAVE SELECTED */
#registerformcontainer > #registerform > form > ul#selected { width:480px; height:102px; padding:10px; margin:0px 0px 30px 25px; background:#EEE; list-style-type:none; border-top:1px solid #AAA; border-bottom:1px solid #AAA;*/ }
#registerformcontainer > #registerform > form > ul#selected > li { width:525px; height:100px; padding:1px; margin:0px 0px 0px 0; }
#registerformcontainer > #registerform > form > ul#selected > li > img { width:100px; float:left; padding:0px; margin:0px 20px 0px 0; cursor:pointer; }
#registerformcontainer > #registerform > form > ul#selected > li > h5 { text-align:left; font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:20px; color:#000; padding:0px; margin:10px 20px 0px 0; }
#registerformcontainer > #registerform > form > ul#selected > li > p { text-align:left; font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:16px; color:#000; padding:0px; margin:10px 20px 0px 0; }
#registerformcontainer > #registerform > form > ul#selected > li > a { text-align:left; font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:16px; color:#000; padding:0px; margin:0px 20px 0px 0; }

#registerformcontainer > #registerform > form > ul#form { width:510px; padding:10px 0px 0 20px; margin:0px 0px 0 10px; list-style-type:none; float:left; /*border:1px solid #6C0;*/ }
#registerformcontainer > #registerform > form > ul#form > li { min-width:125px; height:33px; padding:0px 0 0px 0; margin:0px 0 15px 0; /*border:1px solid #09F;*/ }
#registerformcontainer > #registerform > form > ul#form > li.text { height:31px; padding-top:2px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:300; line-height:14px; color:#666; text-align:left; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.text2 { height:41px; padding-top:2px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:300; line-height:14px; color:#666; text-align:left; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.text3 { height:10px; padding-top:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:300; line-height:14px; color:#666; text-align:left; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.text > h5 { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:12px; padding:0px 0px 0px 0px; margin:6px 0 0px 0px; color:#888; width:330px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.text > h6 { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:12px; padding:0px 0px 0px 0px; margin:2px 0 0px 0px; color:#888; width:120px; /*border-bottom:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.required { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:14px; color:#000; text-align:left;  }
#registerformcontainer > #registerform > form > ul#form > li.input { height:33px; padding:0px 0 0 0px; float:right; width:370px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.input2 { height:43px; padding:0px 0 0 0px; float:right; width:370px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.input > input { width:335px; height:30px; padding:0px 0px 0px 5px; margin:0px 0 0 0; font-size:14px; border:1px solid #AAA;*/ }
#registerformcontainer > #registerform > form > ul#form > li > select { width:340px; padding:0px; margin:0px 0px 0px 0; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li > span { font-size:11px; font-weight:300; line-height:20px; color:#333; text-align:left; text-transform:none; padding:0px 0 10px 0px; margin:0px 0 20px 0; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.margintop { margin-top:20px; /*border:1px solid #F00;*/ }


/* RECAPTCHA */
#registerformcontainer > #registerform > form > ul#form > li.text > span { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; line-height:18px; padding:0px 0px 0px 32px; margin:2px 0 0px 0px; color:#000; width:75px; /*border-bottom:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.recaptcha { padding:0px 0 0 15px; float:left; width:270px; /*border: 1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.recaptcha > input { height:30px; padding:0px 0px 0px 5px; margin:0px 0 0 0; font-size:14px; border:1px solid #AAA;*/ }
#registerformcontainer > #registerform > form > ul#form > li.googlerecaptcha { height:120px; padding:0px 0 0 30px; float:left; width:470px; /*border: 1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.googlerecaptcha > input { height:30px; padding:0px 0px 0px 5px; margin:0px 0 0 0; font-size:14px; border:1px solid #AAA;*/ }

/* POST CODE */
#registerformcontainer > #registerform > form > ul#form > li.input > input#postcode {  height:33px; padding:0px 0 0 5px; float:left; width:238px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.input > button#postcodefinderbutton { padding:10px 10px; margin:0px 0px 0px 6px; float:left; background:#333; color:#FFF; border:1px solid #333;*/ }
#registerformcontainer > #registerform > form > ul#form > li.input > button#postcodefinderbutton:hover { background:#666; color:#FFF; cursor:pointer; /*border:1px solid #F00;*/ }
span#crafty_postcode_result_display { height:30px; min-width:480px; float:right; margin:0px 28px 20px 0; padding:5px 5px; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:12px; color:#F00; background:#FFF; text-align:right; /*border:1px solid #F00;*/ }

/* SERIAL NUMBER */
#registerformcontainer > #registerform > form > ul#form > li.input > input.serialno { width:335px; padding:0px 0px 0px 5px; margin:0px; text-transform:uppercase; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.serialno { height:110px; margin-bottom:0px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput { height:112px; margin-bottom:0px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput > h6 { float:left; padding-right:15px; margin:5px 0 0 0; width:85px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput > img { height:70px; padding-top:5px; /*border:1px solid #F00;*/ }

#registerformcontainer > #registerform > form > ul#form > li.serialnoinput > p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:300; line-height:11px; color:#000; text-align:left; padding:0px; margin:10px 0 0px 0;  /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput input.serialnomonth, 
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput input.serialnoyear, 
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput input.serialnoplace, 
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput input.serialnovoltage, 
#registerformcontainer > #registerform > form > ul#form > li.serialnoinput input.serialnomachine { width:64px; padding:0px; margin:0px; text-align:center; /*border:1px solid #F00;*/ }

#serialnoexplanation { float:left; margin:10px 0 0px 0px; padding:0px; width:350px; /*border:1px solid #F00;*/ }
#serialnoexplanation > ul { padding:0px; margin:0px; list-style-type:none; }
#serialnoexplanation > ul > li { width:64px; padding:0px 0 0 0px; margin:0px 4px 0 0; float:left; font:Arial, Helvetica, sans-serif; font-size:9px; line-height:12px; text-align:center; border-top:0px solid #CCC; border-left:0px solid #FFF; border-right:1px solid #FFF;*/ }



/* OPT IN BUTTON */
#registerformcontainer > #registerform > form > ul#form > li.marketingquestions { float: left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:300; line-height:14px; color:#000; text-align:left; height: 210px; /*border:1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li div.col-md-4 { width:230px; padding:0 20px 0px 0; float: left; min-height:90px; /*border: 1px solid #F00;*/ }
#registerformcontainer > #registerform > form > ul#form > li div.col-md-4 b { color: #000000; font-size: 12px; /*border: 1px solid #F00;*/ }

#registerformcontainer > #registerform > form > ul#form > li.optIn { float: left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:300; line-height:14px; color:#000; text-align:left; /*border:1px solid #F00;*/ }
input#optIn { padding:0px 0px 0px 0px; margin:2px 10px 20px 0; float:left; /*border:1px solid #F00;*/ }

/* REGISTER SUBMIT BUTTON */
#registerformcontainer > #registerform > form > ul#form > li.requiredbutton { padding:0px; margin:20px 0 0 0px; float:left; }
#registerformcontainer > #registerform > form > ul#form > li.registerbutton > input { padding:10px; margin:20px 0 0 15px; width:120px; height:50px; font-size:14px; cursor:pointer; color:#FFF; background:#333; float: left; border:0px solid #FFF;*/ }
#registerformcontainer > #registerform > form > ul#form > li.registerbutton > input:hover { background:#666; border:1px solid #333;*/ }

/* REGISTRATION ERROR MESSAGES AFTER SUBMIT BUTTON IS CLICKED */
#regerrorbox { width:485px; float:left; padding:10px 0 10px 0; margin:0px 0 30px 0px; background:#EEE; }
#regerrorbox > ul { width:480px; padding:10px 0 10px 10px; margin:0px 0 0px 0px; list-style-type:none; }
#regerrorbox > ul > li { padding:2px 0 2px 0; margin:0px 0 0 0; list-style-type:none; }
#regerrorbox > ul > li > p { padding:3px 0 3px 0px; margin:0px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:300; line-height:14px; color:#F00; text-align:left; }
#regerrorbox > ul > li > img { padding:0px 0 0px 0; margin:0px 5px 0px 0; float:left; }

/* DISCLAIMER SECTION */
ul.dataprotection { width:555px; padding:20px 15px 30px 25px; margin:0px 0px 20px 0; float:right; background: #333; /*border:1px solid #F00;*/ }
ul.dataprotection > h1 { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; color:#FFF; padding:0px 20px 0px 0px; margin:10px 0 0px 0px; }
ul.dataprotection > h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; color:#FFF; padding:0px 20px 0px 0px; margin:10px 0 0px 0px; }
ul.dataprotection > p { font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; font-weight:normal; color:#DDD; padding:0px 20px 0px 0px; margin:8px 0 10px 0px; }
ul.dataprotection > p > a { color:#FFF; text-decoration:underline; }
ul.dataprotection > em { font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; font-weight:normal; color:#FFF; padding:10px 20px 0px 0px; margin:8px 0 20px 0px; }

/* DISCLAIMER SECTION - UK, US, TR */
div.dataprotection { width:565px; padding:30px 15px 20px 15px; margin:0 0 20px 0; float:right; background: #333; /*border:1px solid #F00;*/ }
div.dataprotection > ul { width:262px; margin:0px 10px; padding:0px; float:left; }
div.dataprotection > ul > h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; color:#FFF; padding:0px 20px 0px 0px; margin:0px 0 2px 0px; }
div.dataprotection > ul > p { font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; font-weight:normal; color:#DDD; padding:0px 20px 0px 0px; margin:0px 0 10px 0px; }
div.dataprotection > ul > p > a { color:#FFF; text-decoration:underline; }
div.dataprotection > ul > em { font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; font-weight:normal; color:#FFF; padding:10px 20px 0px 0px; margin:8px 0 20px 0px; }




/* THANK YOU PAGE */
#regsuccesscontainer { width:760px; margin:0px auto 10px auto; padding:20px; background:#FFF; } 

#regsuccesscontainer > #regresults { width:740px; margin:0px; padding:30px 0 10px 0px; } 
#regsuccesscontainer > #regresults > img { float:left; margin:10px 15px 0 20px; }
#regsuccesscontainer > #regresults > h3 { font-family: Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; line-height:26px; padding:0px 0px 10px 0px; margin:0px 0 0px 0px; color:#000; text-transform:capitalize; }
#regsuccesscontainer > #regresults > h3 > span { text-transform:none; }
#regsuccesscontainer > #regresults > p { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:18px; padding:0px 0px 5px 0px; margin:0px 0 0px 20px; color:#000; width:700px; /*border:1px solid #F00;*/ }
#regsuccesscontainer > #regresults > ul { width:760px; margin:0px 0 10px 0px; padding:0px 0px; list-style:none; } 
#regsuccesscontainer > #regresults > ul > li { width:720px; margin:20px 0 0px 0px; padding:30px 20px; background:#EEE; list-style:none; border-bottom:1px solid #DDD; } 
#regsuccesscontainer > #regresults > ul > li > h4 { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:20px; padding:0px 0 0 0; margin:0px 0 10px 0; color:#000; }
#regsuccesscontainer > #regresults > ul > li > p { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:20px; padding:0px; margin:0px; color:#666; }
#regsuccesscontainer > #regresults > ul > li > p > b { color:#000; }

#regsuccesscontainer > #subscriptionwarrantyintro { width:450px; margin:0px 0px 0px 120px; padding:20px 30px 30px 30px; list-style:none; background:#6C0; cursor:pointer; }
#regsuccesscontainer > #subscriptionwarrantyintro > h3 { font-family: Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; line-height:20px; padding:0px; margin:10px 0 0px 0; color:#FFF; text-align:center; }

#subscriptionwarrantyactivation { width:760px; height:50px; margin:10px auto 10px auto; padding:40px 20px 40px 20px; list-style:none; background:#6C0; display:none; visibility:hidden; /*border:1px solid #F00;*/ }
#subscriptionwarrantyactivation > h3 { font-family: Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:32px; padding:0px 0px 0px 0px; margin:0px 0 10px 20px; color:#000; text-transform:capitalize; }
#subscriptionwarrantyactivation > form { width:640px; height:50px; padding:0px 0px 0 0px; margin:0px auto; list-style-type:none; /*border:1px solid #FF0;*/ }
#subscriptionwarrantyactivation > form > ul { padding:0px; margin:0px; list-style:none; float:left; /*border:1px solid #09F;*/ }
#subscriptionwarrantyactivation > form > ul > li { padding:0px 0 0 0; margin:0px; float:left; /*border:1px solid #09F;*/ }
#subscriptionwarrantyactivation > form > ul > li.text { padding:15px 0px 0 20px; margin:0 40px 0 0; height:35px; /*border:1px solid #F00;*/ }
#subscriptionwarrantyactivation > form > ul > li.text h4 { padding:0px; margin:0px 0 0 0px; font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:300; line-height:20px; text-align:left; float:left; color:#FFF; /*border:1px solid #F00;*/ }
#subscriptionwarrantyactivation > form > ul > li.input { padding:0px; /*border:1px solid #F00;*/ }
#subscriptionwarrantyactivation > form > ul > li.submit { padding:0px; margin: 0 0 0 0px; height:50px; /*border:1px solid #F00;*/ }
#subscriptionwarrantyactivation > form > ul > li.submit input { padding:0px; margin:0px 0 0 0px; width:120px; height:50px; font-size:20px; cursor:pointer; color:#FFF; background:#222; border:2px solid #6F0;*/ }
#subscriptionwarrantyactivation > form > ul > li.submit input:hover { color:#FFF; background:#444; border:2px solid #6F0; /*border:1px solid #333;*/ }