@font-face{font-family: 'RobotoBold';src: url('fonts/Roboto-Bold-webfont.eot');src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');}a{text-decoration:none;}.clear{clear:both;}body{font-family:'Quicksand',sans-serif;line-height:1.8;font-size:13px;background:#FFF;color:#222;margin:0;padding:0;}input{outline:none;}li{list-style:none;}.pointer{cursor:pointer;}ul{padding:0;margin:0;}.bold{font-weight:bold;}a{ color:#222;transition:color 200ms ease-in-out, background-color 200ms ease-in-out;}a:hover{ color:#000; }
.pad10{padding:10px;}.pad20{padding:20px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}

.botitle{ font-size:15px;font-family:'RobotoBold', sans-serif;text-transform:uppercase; }

.topbox{ position:fixed;z-index:99;top:0;left:0;width:100%;height:58px;background:#FFF;overflow:hidden;border-bottom:1px solid #EFEFEF;box-shadow: 0 6px 17px 1px rgba(128,128,128,.1); }
.topbox img{ height:22px; }
.topbox01{ margin-left:3.8%;float:left;padding-top:18px; }
.topbox01 a{ font-size:0; }

.topbox02{ line-height:58px;text-align:center;position:absolute;width:100%;z-index:-1; }
.topbox02 a { display:block;color:#222;text-transform: uppercase;font-family:'RobotoBold', sans-serif; }
.topbox02 .menu .menuitem{display:inline-block;margin-left:29px;margin-right:29px;font-size:16px;}
.topbox03{ float:right;margin-right:3.8%;line-height:58px; }
.topbox03 a { display:block;color:#222; }
.topbox03 .prof .profitem{display:inline-block;margin-left:15px;font-size:18px;}

.conbox{ margin-top:58px; }
/*
.homeslide01{position:absolute;font-size:0;width:100%;height:100%;}
.homeslide01 IMG{height:100%;width:auto;}
*/
.banner{ font-size:0; }

.bs{ padding:25px 3.8%; }
.bshead{ font-size:16px;font-family:'RobotoBold', sans-serif;text-transform:uppercase;text-align:center;height:58px;position: relative; } 
.hrl{border-top:1px solid #7d7d7d;position:absolute;width:100%;height:1px;margin-top: 28px;z-index:-1; }
.bshead span{ margin:0 auto;padding:0 15px;background:#FFF;line-height:58px; } 
.bsbox{ position:relative;overflow:hidden;margin-top:20px; } 
.bsboxin{ width:10000px; } 
.bsitems{ float:left;width:300px;position:relative;margin-right:10px; } 
.bsimg{ font-size:0; } 
.bsdesc{ height:100px; }
.bssize{ font-size:12px;color:#7d7d7d; }
.bssize01{ float:left;padding-left:5px; } 
.bssize02{ float:right;padding-right:20px; } 
.bstitle{ padding:0 5px; } 
.bsprice{ padding-left:5px;font-weight:bold; }

.dt{ padding:25px 3.8%; }
.dtx{ padding:0 3.8% 25px 3.8%; }
.dthead{ font-size:16px;font-family:'RobotoBold', sans-serif;text-transform:uppercase;text-align:center;height:58px;position: relative; }
.dthead span{ margin:0 auto;padding:0 15px;background:#FFF;line-height:58px; } 
.dtbox{ position:relative;overflow:hidden;margin-top:20px; }
.dtitems{ float:left;width:25%;position:relative; } 
.dtitemsin{ padding:0 10px;} 
.dtimg{ font-size:0; } 
.dtdesc{ height:110px; }
.dtsize{ font-size:12px;color:#7d7d7d; }
.dtsize01{ float:left;padding-left:5px; } 
.dtsize02{ float:right;padding-right:20px; } 
.dttitle{ padding:0 5px; } 
.dtprice{ padding-left:5px;font-weight:bold; }

.hcx{ padding:0 3.8% 0px 3.8%; }
.hc{ padding:0 3.8% 50px 3.8%; }
.hcitems{ float:left;position:relative;width:12.5%;text-align:center; }
.hcitems img{ width:100%; }
.hcicon{ font-size:0;border-radius:50%;background:#FFF;border:1px solid #eee;position:relative;overflow:hidden; }
.hcicon .hchover{ position:absolute;top;0;width:100%;opacity:0;transition: opacity 0.5s ease-in-out; }
.hcicon:hover .hchover, .hcicon.active .hchover{ opacity:1; }
.hctitle{ text-transform:uppercase;text-align:center;position:absolute;top:46%;left:0;width:100%;color:#222;z-index:2; }
.hctitle span{ background:#FFF;font-size:12px;padding: 0 5px; }

.prod{ padding:38px 3.8% 50px 3.8%; }
.prod01{ float:left;width:62%; }
.prod01in{ padding-right:38px;font-size:15px; }
.prodimg{ float:left;width:50%;font-size:0; }
.proddesc{ margin-top:38px;padding-bottom:15px; }
.proddesc01{ font-size:18px;font-weight:bold; }
.prodfeatures01{ padding-top:15px;padding-bottom:15px;border-top:1px solid #DADADA; }
.prodfeatures011x{ font-weight:bold; }
.prodfeatures011{ font-weight:bold; }
.prodfeatures011xx{ cursor:pointer; }
.prodfeatures012{ padding:10px 0; }
.prod02{ float:left;width:38%;position:relative; }
.prod02in { background:#FFF;width:34.2%;font-size:15px; }
.prod02in.stax{ position:absolute;width:100%; }
.prodtitle{ font-size:20px;line-height:18px;font-family:'RobotoBold', sans-serif; }
.prodprice{ font-size:20px;line-height:38px;margin-top:10px;font-family:'RobotoBold', sans-serif; }
.prodcolour{ margin-top:20px; }
.colorbox{ cursor:pointer;float:left;width:38px;height:38px;margin-right:5px;overflow:hidden;cursor:pointer;border:1px solid #222; }
.prodcolour02{ margin-top:5px; }
.prodsize{ margin-top:20px; }
.prodsize01{  }
.sizebox{ cursor:pointer;float:left;width:38px;height:38px;line-height:38px;margin-right:5px;overflow:hidden;border:1px solid #222;text-align:center; }
.sizebox.active{ background:#222;color:#FFF;cursor:pointer; }
.prodsize02{ margin-top:5px; }
.prodsize021{ float:left; }
.prodsize022{ float:right; }
.prodsize022 span{ background:#222;color:#FFF; }
.prodqyt{ margin-top:20px; }
.prodqyt02{ float:left;border-radius:15px;background:#f4f4f4;margin-top:5px; }
.prodqyt021{ float:left;line-height:38px;width:38px;text-align:center;cursor:pointer;background:#f4f4f4; }
.prodqyt022{ float:left;width:38px;padding:0 5px;line-height:38px;text-align:center;background:#f4f4f4; }
.prodqyt023{ float:left;width:38px;line-height:38px;text-align:center;cursor:pointer;background:#f4f4f4; }
.prodsubmit{ margin-top:20px;margin-bottom:30px; }
.prodsubmit input{ width:100%;line-height:48px;text-transform:uppercase;cursor:pointer; }
.prodsubmit01{ margin-top:10px; }
.prodsubmit01 input{ background:#FFF;color:#222;border:1px solid #222; }
.prodsubmit02{ margin-top:10px; }
.prodsubmit02 input{ background:#222;color:#FFF;border:1px solid #222; }

.prodreturn{border-bottom:1px solid #DADADA;}
.prodreturn1{border-top:1px solid #DADADA;padding:15px 0;}

.helpc{ padding:20px 3.8% 50px 3.8%; }

.helpc1{ font-size:16px;font-family:'RobotoBold', sans-serif;text-transform:uppercase;text-align:center;height:58px;position: relative; }
.helpc1 span{ margin:0 auto;padding:0 15px;background:#FFF;line-height:58px; } 
.helpc2{ padding-top:10px; }
.helpc21{ float:left;width:30%; }
.helpc22{ float:left;width:70%;min-height:300px; }

.faqsubmenu{ padding-right:58px; }
.faqsubitems{display:block;font-size:14px;line-height:58px;padding:0 20px;margin-bottom:3px;background:#EFEFEF;transition:color 300ms ease-in-out, background-color 300ms ease-in-out; }
.faqsubitems:hover,.faqsubitems.active{ background:#222;color:#FFF; }

.accordbox{ border-bottom:1px solid #EFEFEF; }
.accord { font-size:14px; }
.accord1{ line-height:58px;border-top:1px solid #EFEFEF;cursor:pointer; }
.accord2{ padding-bottom:38px;display:none; }

.searchbox{ position:absolute;top:0;width:100%;z-index:100; }
.searchbox1{ width:60%;margin:0 auto;position:relative; }
.searchbox011{ width:100%;border:1px solid #222;border-radius:10px;background:#FFF;overflow:hidden; }
.searchbox011 input{ line-height:38px;padding:0 15px;border:0;width:100%; }
.searchbox012{ position:absolute;right:-1px;top:10px;background:#FFF;padding-right:15px;padding-left:10px;}
.searchbox2{ padding:20px 3.8% 50px 3.8%; }

.botbox{ background:#f4f4f4;color:#222; }
.botbox01{ padding:20px 0;margin:0 3.8%; }
.botbox01 .scmed { padding-top:9px; }
.botbox01 .scmed .scmeditem{display:inline-block;margin-right:15px;font-size:18px;line-height:38px;}
.botbox01 .scmed .scmeditem a{ width:38px;height:38px;text-align:center;border:1px solid #222; }
.botbox01 a { color:#222; }
.scmed a { display:block; }
.botbox01_1{ float:left;width:40%; }
.nletter{ width:70%;margin-top:18px; }
.nletter input{ border:1px solid #222;line-height:38px;width:100%; }
.nletter01{ float:left;width:75%; }
.nletter01 input{ background:#FFF;color:#222;padding:0px 10px; }
.nletter02{ float:right;width:25%; }
.nletter02 input{ background:#222;color:#FFF;padding:0px; }
.botbox01_2{ float:left;width:20%;line-height: 28px; }
.botbox01_3{ float:left;width:20%;line-height: 28px; }
.botbox01_4{ float:left;width:20%;line-height: 28px; }
.botbox02{ border-top:1px solid #DADADA; }
.botbox020{ padding:20px 0px 24px 0px;margin:0 3.8%; }
.botbox02_1{ float:left;color:#7d7d7d; }
.botbox02_2{ float:right; }
.botbox02_2 a{ color:#7d7d7d;margin-left:20px; }