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

/* CONTACT & REGISTER PAGES */

#container { width:800px; padding:0px 0 0px 0px; margin:0 auto 10px auto; background:#000; /*border:1px solid #F00;*/ }

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

CONTACT PAGES

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

/* UK, US */
li.googlerecaptcha { height:120px; padding:0px 0 0 30px; float:left; width:470px; /*border: 1px solid #F00;*/ }
li.googlerecaptcha > input { height:30px; padding:0px 0px 0px 5px; margin:0px 0 0 0; font-size:14px; border:1px solid #AAA;*/ }
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;*/ }
li.marketingquestions div.col-md-4 { width:230px; padding:0 20px 0px 0; float: left; min-height:90px; /*border: 1px solid #F00;*/ }
li.optinquestion h3 { color: #000000 !important; font-size: 14px !important; line-height: 18px !important; font-weight: bold !important; padding-bottom: 10px !important; /*border: 1px solid #F00;*/ }

li.marketingquestions2 { float: left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:300; line-height:14px; color:#000; text-align:left; height: 120px !important; /*border:1px solid #F00;*/ }
li.marketingquestions2 div.col1 { width:230px; padding:0 20px 0 0; float:left; margin-bottom: 20px !important; height:120px !important; /*border: 1px solid #FD0;*/ }
li.marketingquestions2 div.col2 { width:230px; padding:0 20px 0px 0; float:left; height:80px !important; /*border: 1px solid #F70;*/ }


/* CZ, DE, ES, FR, IT, JP, NL, PL, RU, SK, TR, UK, US, ZA - CONTACT PAGES */
/* DE, ES, FR, JP, NL, RU, TR, UK, US - REGISTER PAGES */
ul.companycontact { width:190px; padding:0px 10px 0px 0px; margin:0px 0px 0px 0; float:left; /*border:1px solid #Ff0;*/ }
ul.companycontact > h1 { font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; font-weight:normal; color:#FFF; padding:5px 0 0 0px; margin:10px 0 0px 0; }
ul.companycontact > h2 { font-family: Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; color:#FFF; padding:0px; margin:0px 0 20px 0; }
ul.companycontact > h3 { font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; font-weight:bold; color:#FFF; padding:0px 0 0 0px; margin:5px 0 0px 0; }
ul.companycontact > em { font-size:11px; color:#FFF; line-height:25px; padding:0px; margin:2px 0 0 0; }
ul.companycontact > img { margin:0 0 10px 0; border-bottom:1px solid #555; /*border:1px solid #F00;*/ }
ul.companycontact > p { color:#CCC; font-size:12px; line-height:18px; padding:0px 0 0 0; margin:0px 0px 0px 0px; }		
ul.companycontact > p a { color:#F70; font-size:13px; line-height:20px; padding:5px 0 0 0px; margin:0px 0px 30px 0px; }		
ul.companycontact > p a:visited { color:#F70; }		
ul.companycontact > p a:hover { color:#AAA; }		
ul.be { width:254px; padding:0px 10px 20px 0px; margin:20px 0px 0px 0; float:left; /*border:1px solid #Ff0;*/ }
ul.companycontact > a { color:#F70; font-size:13px; line-height:40px; padding:10px; margin:20px 0px 0px 0px; background:#333; }		
 

/* UK Warranty / Register / Contact Us Page */
ul.companycontact2 { width:770px; height: 140px; padding:20px 10px 10px 20px; margin:10px 0 10px 0; float: left; border-top: 1px solid #666; border-bottom: 1px solid #666; /*border:1px solid #F00;*/ }
ul.companycontact2 > li { float:left; padding:0px 0 0 0px; margin:0px 10px 0px 0; list-style:none; width:180px; /*border:1px solid #F00;*/ }
ul.companycontact2 > li > b { font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; font-weight:normal; color:#FFF; padding:5px 0 0 0px; margin:10px 0 0px 0; }
ul.companycontact2 > li > em { font-size:11px; color:#FFF; line-height:25px; padding:0px; margin:2px 0 0 0; }
ul.companycontact2 > li > img { width:130px; padding:0px; margin:0 15px 10px 0; float:left; /*border:1px solid #F00;*/ }
ul.companycontact2 > li > p { color:#CCC; font-size:12px; line-height:18px; padding:0px 0 0 0; margin:0px 0px 0px 0px; }		
ul.companycontact2 > li > a { color:#F70; font-size:13px; line-height:40px; padding:10px; margin:20px 0px 0px 0px; background:#333; }		
ul.companycontact2 > li > p a { color:#F70; font-size:13px; line-height:20px; padding:5px 0 0 0px; margin:0px 0px 30px 0px; }		
ul.companycontact2 > li > p a:visited { color:#F70; }		
ul.companycontact2 > li > p a:hover { color:#AAA; }		
 
 
/* CZ, DE, ES, FR, IT, NL, PL, RU, SK, TR, UK, US, ZA - CONTACT PAGES */
#contactmessage.eu { width:555px; height:100px; padding:30px 0px 25px 40px; margin:0px 0 0px 0; background: #FFF; z-index:10; float:right; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul { width:500px; float:left; padding:0px 0 0 0px; margin:10px 0 10px 0; list-style-type:none; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.before { font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.before > h1 { width:450px; font-size:20px; font-weight:600; line-height:24px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0 5px 0; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.before > h2 { font-size:20px; font-weight:600; line-height:24px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0 5px 0; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.before > p {  width:520px; font-size:14px; font-weight:400; line-height:20px; color:#666; text-align:left; text-transform:none; padding:0px 0 0px 0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.successful { font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; }
#contactmessage.eu > ul > li.successful > h1 { width:450px; font-size:20px; font-weight:600; line-height:24px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0 5px 0; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.successful > h2 { width:450px; font-size:20px; font-weight:600; line-height:24px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0 5px 0; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.successful > p { width:450px; font-size:14px; font-weight:400; line-height:20px; color:#666; text-align:left; text-transform:none; padding:0px 0 0px 0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.successful > img { float:left; margin:0 20px 20px 20px; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.after { font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.after > h1 { width:450px; font-size:20px; font-weight:600; line-height:24px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0 5px 0; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.after > h2 { width:450px; font-size:20px; font-weight:600; line-height:24px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0 5px 0; /*border:1px solid #F00;*/ }
#contactmessage.eu > ul > li.after > p { width:450px; font-size:14px; font-weight:400; line-height:20px; color:#666; text-align:left; text-transform:none; padding:0px 0 0px 0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.be { width:640px; height:100px; padding:30px 0px 25px 160px; margin:20px 0 0px 0; background: #FFF; z-index:10; float:right; /*border:1px solid #F00;*/ }
#contactmessage.evolution { }
#contactmessage.vanmaele { display:none; }
#contactmessage.vamatec { display:none; }


#contactform.eu { width:575px; top:0px; padding:0px 0px 40px 20px; margin:0px 0 0px 0; background: #FFF; z-index:10; float:right; /*border:1px solid #6C0;*/ }
#contactform.eu > form > ul#form.coll2 { width:350px; padding:44px 0 0 0; margin:0px 0px 0 20px; list-style-type:none; float:left; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form { width:530px; padding:20px 0 0 20px; margin:0px 0px 0 0; list-style-type:none; float:left; border-top:1px solid #AAA; /*border:1px solid #6C0;*/ }
#contactform.eu > form > ul#form > li { min-width:100px; padding:0px 0; margin:0px 0px 0px 0; /*border:1px solid #09F;*/ }
#contactform.eu > form > ul#form > li > h1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:14px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0px 0px 0px; margin:10px 0 10px 0px;  }
#contactform.eu > form > ul#form > li > h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:14px; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0px 0 0px; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li > h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:400; line-height:14px; color:#666; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:0px 0px 0 0px; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li > p { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; line-height:17px; color:#FFF; text-align:left; text-transform:none; padding:0px 0 0 22px; margin:0px; /*border:1px solid #F00;*/ }
#contactform.eu > 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; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li > select { height:35px; width:240px; padding:0px 0 0px 0px; margin:10px 0px 3px 0; float:left; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li.text { min-width:170px; height:25px; padding:12px 0px 0px 0px; margin:0px 0 10px 0px; float:left; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li.input { width:360px; height:37px; padding:0px 0px 0px; margin:0px 0px 10px 0; float:right; display:block; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li.input > input { width:330px; height:35px; padding:0px 0px 0px 5px; margin:0px 0 0px 0; font-size:12px; border:1px solid #AAA;*/ }
#contactform.eu > form > ul#form > li.textarea { width:360px; padding:0px 0px 0px; margin:20px 0px 10px 0; float:right; display:block; /*border:1px solid #F00;*/ }
#contactform.eu > form > ul#form > li > textarea { width:325px; height:170px; padding:10px 5px 20px 5px; margin:0px 0 20px 0; font-size:12px; border:1px solid #AAA;*/ }
#contactform.eu > form > ul#form > li.message { margin:20px 0 0 0; padding:0px; }
#contactform.be { width:680px; top:0px; padding:0px 0px 40px 120px; margin:0px 0 0px 0; background: #FFF; z-index:10; float:right; /*border:1px solid #6C0;*/ }
#contactform.evolution { }
#contactform.vanmaele { display:none; }
#contactform.vamatec { display:none; }

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


#submitbutton { float:left; margin:0px 0 0 190px; padding:0px; /*border:#6C0 1px solid;*/ }
#submitbutton > ul { float:left; margin:0px 0 0 0px; padding:0px; /*border:#6C0 1px solid;*/ }
#submitbutton > ul > li.submitbutton { list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:14px; cursor:pointer; color:#111; /*border:1px solid #F00;*/ }
#submitbutton > ul > li.submitbutton > input#submitbutton { background:#000; padding:15px 15px; margin:0px 0px 0px 0px; font-size:14px; cursor:pointer; color:#FFF; border:1px solid #333;*/ }
#submitbutton > ul > li.submitbutton > input#submitbutton:hover { background:#666; border:1px solid #333;*/ }

/* JP - Contact Form */
#container.jp { width:800px; padding:0px 0 0px 0px; margin:0 auto 10px auto; background:#000; /*border:1px solid #F00;*/ }
#container.jp > ul.companycontact { width:190px; padding:0px 10px 0px 0px; margin:20px 0px 0px 0; float:left; /*border:1px solid #Ff0;*/ }
#container.jp > ul.companycontact > h1 { font-family: Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; font-weight:normal; color:#FFF; padding:5px 0 0 0px; margin:10px 0 0px 0; }
#container.jp > ul.companycontact > h2 { font-family: Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; color:#FFF; padding:0px; margin:0px 0 20px 0; }
#container.jp > ul.companycontact > em { font-size:11px; color:#FFF; line-height:25px; padding:0px; margin:2px 0 0 0; }
#container.jp > ul.companycontact > img { margin:0 0 20px 0; border-bottom:1px solid #555; /*border:1px solid #F00;*/ }
#container.jp > ul.companycontact > p { color:#CCC; font-size:12px; line-height:20px; padding:5px 0 0 0; margin:0px 0px 30px 0px; }		
#container.jp > ul.companycontact > p a { color:#FFF; font-size:13px; line-height:20px; padding:5px 0 0 0px; margin:0px 0px 30px 0px; }		
#container.jp > ul.companycontact > p a:visited { color:#FFF; }		
#container.jp > ul.companycontact > p a:hover { color:#AAA; }

#container.jp > ul.contactform { width:545px; padding:20px 0px 0px 30px; margin:20px 0 0 0px; float:right; background:#FFF; /*border:1px solid #F00;*/ }
#container.jp > ul.contactform table { width:550px; margin:0px 0px 0px 0px; padding:0 0 0 0px; /*border:1px solid #F00;*/ }
#container.jp > ul.contactform table td { margin:0px 0px 0px 0px; padding:0 0 0 0px; height:33px; font-size:12px; color:#333; /*border:1px solid #F00;*/ }
#container.jp > ul.contactform input { width:320px; padding:3px 5px; height:23px; margin:0 0 0 0px; background:#FFF; /*border:1px solid #F00;*/ }

#container.jp > ul.contactform h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; font-weight:normal; color:#111; padding:0px 50px 30px 40px; margin:20px 0 5px 0px; }
#container.jp > ul.contactform p { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:0px 0px 0px 40px; margin:5px 0 20px 0px; float:left; color:#333; width:320px; }
#container.jp > ul.contactform a { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:0px 0px 0px 3px; margin:5px 0 30px 0px; float:left; color:#000;  }
#container.jp > ul.contactform p b { font-family: Arial, Helvetica, sans-serif; font-size:20px; margin-right:5px; color:#000; }
#container.jp > ul.contactform i { font-size:10px; line-height: 13px; }
#container.jp > ul.contactform a:visited { color:#000; text-decoration:none;  }
#container.jp > ul.contactform a:hover { color:#333; text-decoration:none;  }

#container.jp > ul.contactform > td #clearButton, #sendButton { width:120px; height:50px; padding:5px 5px 5px 5px; margin:8px 0px 0 0px; background:#333; float:left;
color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; cursor:pointer; text-decoration:none; text-align:center; letter-spacing:0px; border:0; }
#container.jp > ul.contactform > td #clearButton, #sendButton:hover { background:#111; color:#FFF; cursor:pointer }




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

CUSTOM FLYER PAGE US

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

ul.contactform { width:550px; padding:20px 0px 0px 0px; margin:40px 0 0 0px; float:left; background:#EEE; /*border:1px solid #F00;*/ }
ul.contactform > h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:26px; font-weight:400; color:#111; margin: 40px 0 0 40px; padding:0px; /*border:1px solid #F00;*/ }
ul.contactform > h2 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; color:#111; margin: 10px 0 43px 40px; padding:0px; /*border:1px solid #F00;*/ }
ul.contactform > a { width:550px; margin:0px; padding:0px 0 0px 0; background:#000; }
ul.contactform > a > img#ss2link { width:550px; margin:0px; padding:0px 0 20px 0; background:#000; }

ul.contactform > div#contactform.us { width:550px; padding:10px 0px 0px 0px; margin:0px 0 0 0px; float:left; /*border:1px solid #F00;*/ }

ul.contactform > div#contactform.us > ul.customflyer { width:550px; padding:20px 0; margin:0px 0 10px 0; background:#DDD; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > ul.customflyer > li.ss2 { width:160px; list-style-type:none; padding:10px; margin:0px 0 0 40px; background:#222; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > ul.customflyer > li.ss2 > a { padding:0px; margin:0px; color:#09F; }
ul.contactform > div#contactform.us > ul.customflyer > li.ss2 > a > img#ss2-customflyer { width:160px; border:0; margin:0 0 10px 0px; }
ul.contactform > div#contactform.us > ul.customflyer > li.ss2 > a.text { font-family:Arial, Helvetica, sans-serif; color:#09F; width:200px; border:0; padding:0px 0 0 0; margin:0px 0 0px 0px; }
ul.contactform > div#contactform.us > ul.customflyer > li.ss2 > p { font-family:'Oswald', Arial, Helvetica, sans-serif; font:12px; color:#FFF; border:0; padding:0px 0 0 0; margin:0px 0 10px 0px; }

ul.contactform > div#contactform.us > form { /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form { width:550px; padding:0px 0px 0px 0px; margin:0px 0 0 0px; float:left;/*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > h2 { padding:0px 0px 0px 38px; margin:20px 0 10px 0px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; color:#111; float:left; width:510px; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > h3 { padding:0px 0px 0px 38px; margin:80px 0 10px 0px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; color:#111; float:left; width:510px; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li { padding:0px 0px 0px 30px; margin:0px 0 0 0px; width:520px; float:left; color:#111; list-style-type:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li > h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; color:#111; margin:0 0 0 5px;/*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.text { width:140px; padding:0px 0px 0px 0px; margin:20px 10px 0 38px; float:left; list-style-type:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.text > h3 { padding:0px 0px 0px 0px; margin:0px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#111; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.required > h3 { padding:0px 0px 0px 0px; margin:0px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; color:#111; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.input { width:360px; padding:0px 0px 0px 0px; margin:18px 0 1px 0px; list-style-type:none; float:left; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.input > input { width:300px; padding:0px 0px 0px 0px; margin:0px 0 0 0px; list-style-type:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.input > select#product { padding:5px 0px 5px 0px; margin:5px 0 0 0px; list-style-type:none; background:#FFF; width:300px; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.input > input#quantity { padding:0px 0px 0px 0px; margin:0px 0 0 0px; list-style-type:none; background:#FFF; width:100px; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.input > input#file { padding:0px 0px 0px 0px; margin:3px 0 0 20px; list-style-type:none; background:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.textarea { width:302px; padding:0px 0px 0px 0px; margin:20px 0px 0 0px; float:left; list-style-type:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.textarea > textarea { width:302px; height:200px; padding:0px 0px 0px 0px; margin:0px 0 0 0px; list-style-type:none; background:#FFF; font-size:14px; line-height:18px; /*border:1px solid #F00;*/ }

ul.contactform > div#contactform.us > form > ul#form > li.submit { width:140px; padding:0px 0px 0px 0px; margin:20px 0px 40px 190px; float:left;  list-style-type:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li.clear { width:140px; padding:0px 0px 0px 0px; margin:20px 0px 40px 20px; float:left;  list-style-type:none; /*border:1px solid #F00;*/ }
ul.contactform > div#contactform.us > form > ul#form > li > input#clearButton, input#submit { width:120px; height:50px; padding:0px 0px 0px 0px; margin:0px 0px 0 0px;  float:left;
color:#FFF; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; cursor:pointer; text-decoration:none; text-align:center; letter-spacing:0px; border:0; }

ul.contactform > div#contactform.us > form > ul#form > li > input#clearButton:hover, #submit:hover { background:#111; color:#FFF; cursor:pointer }

ul.contactform > div#contactform.us > form > ul#form > li > input#submit { background:#09F; width:140px; float:left; }
ul.contactform > div#contactform.us > form > ul#form > li > input#clearButton { background:#333; width:140px; float:left; }


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

ORDER ONLINE US

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

div#contactform.us { width:550px; padding:10px 0px 0px 0px; margin:0px 0 0 20px; float:left; background:#EEE; /*border:1px solid #F00;*/ }

div#contactform.us > ul.customflyer { width:550px; padding:20px 0; margin:0px 0 10px 0; background:#DDD; /*border:1px solid #F00;*/ }
div#contactform.us > ul.customflyer > li.ss2 { width:160px; list-style-type:none; padding:10px; margin:0px 0 0 40px; background:#222; /*border:1px solid #F00;*/ }
div#contactform.us > ul.customflyer > li.ss2 > a { padding:0px; margin:0px; color:#09F; }
div#contactform.us > ul.customflyer > li.ss2 > a > img#ss2-customflyer { width:160px; border:0; margin:0 0 10px 0px; }
div#contactform.us > ul.customflyer > li.ss2 > a.text { font-family:Arial, Helvetica, sans-serif; color:#09F; width:200px; border:0; padding:0px 0 0 0; margin:0px 0 0px 0px; }
div#contactform.us > ul.customflyer > li.ss2 > p { font-family:'Oswald', Arial, Helvetica, sans-serif; font:12px; color:#FFF; border:0; padding:0px 0 0 0; margin:0px 0 10px 0px; }

div#contactform.us > form { /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form { width:550px; padding:0px 0px 0px 0px; margin:0px 0 0 0px; float:left;/*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > h2 { padding:0px 0px 0px 38px; margin:20px 0 10px 0px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; color:#111; float:left; width:510px; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > h3 { padding:0px 0px 0px 38px; margin:80px 0 10px 0px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; color:#111; float:left; width:510px; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li { padding:0px 0px 0px 30px; margin:0px 0 0 0px; width:520px; float:left; color:#111; list-style-type:none; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li > h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; color:#111; margin:0 0 0 5px;/*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.text { width:140px; padding:0px 0px 0px 0px; margin:20px 10px 0 38px; float:left; list-style-type:none; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.text > h3 { padding:0px 0px 0px 0px; margin:0px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#111; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.required > h3 { padding:0px 0px 0px 0px; margin:0px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; color:#111; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.input { width:360px; padding:0px 0px 0px 0px; margin:18px 0 1px 0px; list-style-type:none; float:left; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.input > input { width:300px; height:30px; padding:0px 0px 0px 0px; margin:0px 0 0 0px; list-style-type:none; font-size:14px; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.input > select#product { padding:5px 0px 5px 0px; margin:5px 0 0 0px; list-style-type:none; background:#FFF; width:300px; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.input > input#quantity { padding:0px 0px 0px 0px; margin:0px 0 0 0px; list-style-type:none; background:#FFF; width:100px; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.input > input#file { padding:0px 0px 0px 0px; margin:3px 0 0 20px; list-style-type:none; background:none; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.textarea { width:302px; padding:0px 0px 0px 0px; margin:20px 0px 0 0px; float:left; list-style-type:none; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.textarea > textarea { width:302px; height:200px; padding:0px 0px 0px 0px; margin:0px 0 0 0px; list-style-type:none; background:#FFF; font-size:14px; line-height:18px; /*border:1px solid #F00;*/ }

div#contactform.us > form > ul#form > li.submit { width:140px; padding:0px 0px 0px 0px; margin:20px 0px 40px 190px; float:left;  list-style-type:none; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li.clear { width:140px; padding:0px 0px 0px 0px; margin:20px 0px 40px 20px; float:left;  list-style-type:none; /*border:1px solid #F00;*/ }
div#contactform.us > form > ul#form > li > input#clearButton, input#submit { width:120px; height:50px; padding:0px 0px 0px 0px; margin:0px 0px 0 0px;  float:left;
color:#FFF; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; cursor:pointer; text-decoration:none; text-align:center; letter-spacing:0px; border:0; }

div#contactform.us > form > ul#form > li > input#clearButton:hover, #submit:hover { background:#111; color:#FFF; cursor:pointer }

div#contactform.us > form > ul#form > li > input#submit { background:#09F; width:140px; float:left; }
div#contactform.us > form > ul#form > li > input#clearButton { background:#333; width:140px; float:left; }








#contactmessage.us { width:550px; height:200px; float:left; padding:0px 0px 0px 0px; margin:0px 0 0px 20px; background: #EEE; /*url(../../images/bg/opaqueblk1.png) repeat;*/ z-index:10; /*border:1px solid #F00;*/ }
#contactmessage.us > ul { padding:0px; margin:20px 0 0px 0; list-style-type:none; float:left; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.before { padding:0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.before > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:27px; font-weight:600; line-height:20px; color:#09F; text-align:left; text-transform:capitalize; padding:0px 0 5px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.before > p { width:300px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; line-height:20px; color:#222; text-align:left; text-transform:none; padding:5px 0 30px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.successful { position:relative; top:0px; padding:0px; margin:30px 0px 0px 70px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.successful > h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:27px; font-weight:600; line-height:20px; color:#09F; text-align:left; text-transform:capitalize; padding:15px 0 10px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.successful > p { width:300px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; line-height:20px; color:#222; text-align:left; text-transform:none; padding:5px 0 30px 20px; margin:0px 0 0 70px; }
#contactmessage.us > ul > li.successful > img { float:left; margin:0 20px 0 20px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.after { position:relative; top:0px; padding:50px 0 0 20px; margin:0px 0 0 0px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.after > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:27px; font-weight:600; line-height:20px; color:#09F; text-align:left; text-transform:capitalize; padding:0px 0 5px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage.us > ul > li.after > p { width:300px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; line-height:20px; color:#222; text-align:left; text-transform:none; padding:5px 0 30px 20px; margin:0px; /*border:1px solid #F00;*/ }










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

Signup Form Japan

***********
***********/
#signuppageheaderjp { width:800px; height:300px; padding:10px 0px 0px 0px; margin:0px auto; background: #FFF; z-index:10;  /*border:1px solid #6C0;*/ }
#signuppageheaderjp > ul { width:800px; height:215px; padding:45px 0px 40px 0px; margin:0px auto; background: url(../../images/signupform/jpsignuppage.jpg) #FFF no-repeat -40px; z-index:10; /*border:1px solid #6C0;*/ }
#signuppageheaderjp > ul > h1 { width:350px; font-family: Arial, Helvetica, sans-serif; font-size:23px; font-weight:600; line-height:30px; color:#6C0; text-align:left; padding:0px; margin:20px 0px 10px 420px; float:left; /*border:1px solid #6C0;*/ }
#signuppageheaderjp > ul > h2 { width:340px; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:600; line-height:20px; color:#333; text-align:left; padding:0px; margin:0px 0px 10px 420px; float:left; /*border:1px solid #6C0;*/ }

#signupformjp { width:100%; top:0px; padding:15px 0px 40px 20px; margin:0px 0 0px 0; z-index:10; float:right; /*border:1px solid #6C0;*/ }
#signupformjp > h2 { width:280px; font-family: Arial, Helvetica, sans-serif; font-size:22px; font-weight:600; line-height:28px; color:#6C0; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 10px 80px; float:left; /*border:1px solid #6C0;*/ }
#signupformjp > p { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:400; line-height:18px; color:#AAA; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 0 80px; float:left; /*border:1px solid #6C0;*/ }


ul.signupformjp { width:770px; height:1230px; padding:40px 0px 20px 30px; margin:0px auto; background:#222; /*border:1px solid #F00;*/ }
ul.signupformjp > h5 { width:100px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; line-height:18px; color:#FFF; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp > h5 > span { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:500; line-height:15px; color:#F00; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 5px 0px 0px; float:left; /*border:1px solid #6C0;*/ }

ul.signupformjp table { width:620px; margin:0px auto; padding:0 0 0 10px; /*border:1px solid #F00;*/ }
ul.signupformjp table td { padding:0px 0 0px 0px; margin:5px 0px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp table td h2 { font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:300; line-height:18px; color:#6C0; text-align:left; padding:0px 0 0px 0px; margin:20px 0px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp table td h3 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; line-height:18px; color:#DDD; text-align:left; padding:0px 0 10px 0px; margin:20px 0px 10px 0px; border-bottom:1px solid #6C0;*/ }
ul.signupformjp table td h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; line-height:18px; color:#FFF; text-align:left; padding:0px 0 0px 0px; margin:0px 0px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp table td h5 { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:300; line-height:18px; color:#DDD; text-align:left; padding:0px 0 0px 0px; margin:0px 0px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp table td p { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:500; line-height:15px; color:#DDD; text-align:left; padding:0px 0 0px 0px; margin:0px 5px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp table td span { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:500; line-height:15px; color:#F00; text-align:left; padding:0px 0 0px 0px; margin:0px 5px 0px 0px; float:left; /*border:1px solid #6C0;*/ }
ul.signupformjp input { padding:3px 5px; height:25px; margin:0 0 0 0px; background:#FFF; /*border:1px solid #F00;*/ }

#signupformjpfields input { width:350px; /*border:1px solid #F00;*/ }
#marketingcheckbox { float:left; padding:0px 0 0px 0px; margin:0 8px 0px 0; background:#222; }
#nomarketing { float:left; padding:0px 0 0px 0px; margin:0 8px 0px 0; background:#222; }
#marketingcheckboxtext { padding:6px 0 0 0px; width:245px; margin-bottom: 5px; float:left; /*border:1px solid #F00;*/ }
#marketingpleasespecify { width:240px; margin:10px 0 0 0; float:left; }

#homecenterdropdown { width:260px; margin-top:5px; }


ul.signupformjp #regsubmit { width:90px; height:40px; padding:5px 5px 5px 5px; margin:8px 0px 0 0px; background:#6C0; float:left;
color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; cursor:pointer; text-decoration:none; text-align:center; letter-spacing:0px; border:0; }
	
ul.signupformjp #regsubmit:hover { background:#666; color:#FFF; /*border:1px solid #F70;*/ }	
ul.signupformjp #regsubmit:active { background:#555; color:#FFF; /*border:1px solid #F70;*/ }	
ul.signupformjp img.fieldimage { display:none; float:right; margin:2px 0px 0 8px; width:20px; }






/* NL Register Form */
#regform.eu { width:510px; padding:30px 0px 10px 40px; margin:40px 0 0px 0; background: #FFF; z-index:10; float:left; /*border:1px solid #F00;*/ }
#regform.eu table { width:510px; margin:0px 0px 0px 0px; padding:0 0 0 0px; float:left; /*border:1px solid #F00;*/ }
#regform.eu table td { margin:0px 0px 0px 0px; padding:0 0 0 0px; height:33px; font-size:13px; color:#000; /*border:1px solid #F00;*/ }
#regform.eu input { width:300px; padding:3px 5px; height:23px; margin:0 0 0 0px; background:#FFF; /*border:1px solid #F00;*/ }

#regform.eu h2	{ font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; font-weight:600; color:#000; text-align:left; text-transform:capitalize; padding:0px 0 0px 0px; margin:10px 0 5px 0; width:480px }
#regform.eu p 	{ font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:400; color:#666; padding:0px 0px 0px 0px; margin:5px 0 30px 0px; float:left; /*border:1px solid #F00;*/ }
#regform.eu a 	{ font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:400; color:#666; padding:0px 0px 0px 5px; margin:5px 0 30px 0px; float:left; font-weight:bold; }
#regform.eu p b { font-family: Arial, Helvetica, sans-serif; font-size:20px; margin-right:5px; color:#000; }
#regform.eu i 	{ font-size:10px; line-height: 13px; }
#regform.eu a:visited { color:#000; text-decoration:none;  }
#regform.eu a:hover { color:#333; text-decoration:none;  }

#regform.eu legend h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px; color:#000; text-align:center; }
#regform.eu #regsubmit { width:90px; height:40px; padding:5px 5px 5px 5px; margin:8px 0px 0 0px; background:#333; float:left; 
color:#FFF; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; cursor:pointer; text-decoration:none; text-align:center; letter-spacing:0px; border:0; }
	
#regform.eu #regsubmit:hover { background:#444; color:#FFF; /*border:1px solid #F70;*/ }	
#regform.eu #regsubmit:active { background:#555; color:#FFF; /*border:1px solid #F70;*/ }	
#regform.eu img.fieldimage { display:none; float:right; margin:2px 0px 0 8px; width:20px; }

#regform.eu table td > input#submitbutton { width:150px; height:50px; background:#000; padding:10px 10px 10px 10px; margin:10px 0px 0px 0px; font-size:14px; cursor:pointer; color:#FFF; border:1px solid #333;*/ }
#regform.eu table td > input#submitbutton:hover { background:#666; border:1px solid #333;*/ }


/*******
********
THANK YOU MESSAGE PAGE
********
*******/

#thankyoumessage { width:800px; height:200px; padding:0px 0 20px 0px; margin:0px auto 10px auto; background:url(../../images/symbols/ok.png) no-repeat 130px 70px #FFF;  }
#thankyoumessage > ul { width:auto;  padding:0px 0 0px 0px; margin:60px 0px 10px 200px; float:left; /*border:1px solid #F00;*/ }
#thankyoumessage > ul > h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:30px; color:#222; padding:12px 0 0px 0; margin:0 0 0 0; }
#thankyoumessage > ul > h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#222; padding:0px 0 0px 0;}
#thankyoumessage > ul > li { line-height:22px; list-style-type:none; }
#thankyoumessage > ul > li > a { text-decoration:none; }
#thankyoumessage > ul > p { padding:10px 0 0px 0; }

#thankyoumessage.jp { width:800px; height:240px; padding:0px 0 20px 0px; margin:30px auto 10px auto; background:url(../../images/symbols/ok.png) no-repeat 130px 70px #FFF;  }
#thankyoumessage.jp > ul { width:auto;  padding:0px 0 0px 0px; margin:60px 0px 10px 200px; float:left; /*border:1px solid #F00;*/ }
#thankyoumessage.jp > ul > h1 { font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:20px; color:#222; padding:12px 0 0px 0; margin:0 0 0 0; }
#thankyoumessage.jp > ul > h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#222; padding:0px 0 0px 0; width:430px; }
#thankyoumessage.jp > ul > li { line-height:22px; list-style-type:none; }
#thankyoumessage.jp > ul > li > a { text-decoration:none; }
#thankyoumessage.jp > ul > p { padding:10px 0 0px 0; }

/*******
CAPITALISE ALL FIELDS
*******/

.input, input[type=text] { text-transform:capitalize !important; }