/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../fonts/Light/OpenSans-Light.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("../fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/Regular/OpenSans-Regular.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("../fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../fonts/Italic/OpenSans-Italic.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("../fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("./fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("./fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("./fonts/Bold/OpenSans-Bold.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("../fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("../fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 100%; margin: 0.67em 0; }
h2 { font-size:22px; color:#b51b23; margin:0; font-weight:600; }
h4 { font-size:25px; color:#b51b23; margin:0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; font-size:13px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height:0; width:100%; float:left; color:#008643; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-size: 100%; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 100%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) {overflow: hidden;}
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button, input, select[multiple], textarea { background-image: none; }
a { color: #282828; text-decoration: none; }
a:hover, a:focus { color: #686868; }
a:focus { outline: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; }
p { font-size:16px; color:#313131; margin:15px 0; line-height:22px; }
body { padding:0px; margin:0px; background-color:#fff; font-family: 'Open Sans', sans-serif; }
.wrapper { margin:0 auto; width:800px;}

/* header */
header { float:left; width:100%; }
.logo { float:left; width:auto; margin:20px 0px 0 0; }

/* menu */
.menu { float:right; width:auto; margin:25px 0 0 0; }
.menu ul { float:right; width:auto; margin:0px; padding:0px; list-style:none; }
.menu ul li { float:left; width:auto; margin:0px; padding:0px 10px; border-right:solid 1px #b7b7b7; }
.menu ul li:last-child { border-right:0; padding-right:0px; }
.menu ul li a { margin:0px; padding:0px; font-size:10px; color:#555554; display:block; line-height:10px; }
.menu ul li a:hover, header .menu ul li a.act { color:#008643; }
.togglemenu {display:none;}
.menu > .sub-menu {display:none;}

/* language */
.language { float:right; width:auto; clear:right; margin:15px 0 0 0; }
.language ul { float:left; width:auto; margin:0; padding:0px; }
.language ul li { float:left; width:auto; margin:0 0 0 8px; padding:0px; }
.language ul li a { margin:0; padding:0px; display:block; }

/* sub menu */
.sub-menu { float:left; width:100%; margin:26px 0; padding:0px; }
.sub-menu ul { float:left; width:100%; margin:0px; padding:0px; list-style:none; }
.sub-menu ul li { float:left; width:auto; margin:0px; padding:0px 6px 0 14px; }
.sub-menu ul li:last-child { padding-right:0px; }
.sub-menu ul li:first-child { padding-left:0; }
.sub-menu ul li a { display:block; margin:0px; padding:0px; line-height:18px; font-size: 11px; color:#555554; border-bottom:solid 1px #000; }
.sub-menu ul li a:hover { border-bottom:solid 1px #008643; color:#008643; }

/* slider */
.slider-bg { float:left; width:100%; }
#makeMeScrollable { width:100%; height: 164px; position: relative; }
#makeMeScrollable div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

/* section */
section { float:left; width:100%; }

/* Welcome */
.welcome { float:left; width:100%; padding:45px 0 65px 0; background:url(../images/shadow.png) center bottom no-repeat; margin-bottom:25px; }
.welcome h2 { float:left; width:60%; margin:0px; font-size:20px; color:#008643; }
.welcome p { float:left; width:57%; font-size: 13px; margin:20px 0 0 0; line-height: 20px; color:#515152; }
.welcome .video { float:right; width:320px; }

/* Some */
.some-bg { float:left; width:100%; padding:45px 0px; background-color:#f6f6f6; }
.some { float:left; width:100%; }
.some h2 { float:left; width:100%; text-align:center; font:18px Helvetica, sans-serif; color:#555554; margin-bottom:20px; }
.some p { float:left; width:100%; font-size: 13px; line-height: 20px; padding:0 35px; margin:0px; color:#555554; }
.some .box { float:left; width:100%; margin:0px; padding:0px 25px; }
.some .box-main { float:left; width:130px; margin:0px 10px 10px; padding:10px 0; background:url(../images/shadow2.png) left bottom no-repeat; }
.some .box-main a { float:left; width:100%; text-decoration:none; }
.some .box-main a i { float:left; width:100%; }
.some .box-main a i img { max-width:100%; }
.some .box-main a .text { width:100%; float:left; background:url(../images/some-arrow.png) right top no-repeat rgba(85, 85, 84, 0.8); line-height:23px; font-size: 9px; color:#fff; padding:0 10px; margin:-23px 0 0 0; position:relative; text-decoration:none; }

/* Enquiry Form */
.enquiry-form { float:left; width:74%; padding:35px 0px; margin:0 13%; }
.enquiry-form h2 { float:left; width:100%; padding:0; margin:0; background-color:#555554; text-align:center; line-height:56px; font-size:25px; color:#FFFFFF; font-weight:400; }
.enquiry-form .content { float:left; width:100%; padding:15px 30px; margin:0; background-color:#f6f6f6; }
.enquiry-form .content h5 { float:left; width:100%; padding:0; margin:0 0 10px 0; font-size:13px; color:#555554; line-height:16px; }
.enquiry-form .content h5 span { color:#008643; }
.enquiry-form .content p { float:left; width:100%; padding:0; margin:0 0 10px 0; font-size:11px; color:#555554; line-height: 17px; }
.enquiry-form .content p span { color:#008643; }
.enquiry-form .content h6 { float:left; width:100%; padding:0; margin:0 0 10px 0; font-size:11px; color:#555554; font-style:italic; }
.enquiry-form .content .form { float:left; width:100%; padding:0; margin:0; }
.enquiry-form .content .form .input { float:left; width:48%; padding:0; margin:0 0 5px 0; min-height:30px; }
.enquiry-form .content .form .input:nth-child(2n+3) {float:right;}
.enquiry-form .content .form .input input { float:left; width:100%; padding:0 10px; margin:0; border:solid 1px #d6d6d6; border-left:solid 2px #d6d6d6; height:20px; line-height:20px; color:#000; }
.enquiry-form .content .form .message { float:left; width:100%; padding:0; margin:0 0 15px 0; }
.enquiry-form .content .form .message textarea { float:left; width:100%; max-width:100%; min-width:100%; padding:0 10px; margin:0; border:solid 1px #d6d6d6; border-left:solid 2px #d6d6d6; height:110px; line-height:20px; color:#000; }
.enquiry-form .content .form .code { float:left; width:48%; padding:0; margin:0; }
.enquiry-form .content .form .code p { float:left; width:100%; padding:0; margin:0; font-size:11px; color:#555554; }
.enquiry-form .content .form .code i { float:left; width:auto; padding:10px 0; }
.enquiry-form .content .form .code .input { float:left; width:100%; padding:0; margin:0 0 15px 0; }
.enquiry-form .content .form .code .input input { float:left; width:100%; padding:0 10px; margin:0; border:solid 1px #d6d6d6; border-left:solid 2px #d6d6d6; height:20px; line-height:20px; color:#c6c6c6; font-size:8px; }
.enquiry-form .content .form .button { float:left; width:100%; padding:0; margin:0; }
.enquiry-form .content .form .button input { float:left; width:auto; padding:0 25px; margin:0; background-color:#9d9c9c; border:0; height:20px; line-height:20px; color:#fff; font-size:10px; }


/* footer */
footer { float:left; width:100%; background-color:#555554; }
.footer-top { float:left; width:100%; padding:25px 0 5px 0; }
.footer-top .box { float:left; width:35.93%; padding:0px; margin:0px; font-size:12px; color:#fff; line-height:20px; }
.footer-top .iso { font-size:12px; color:#fff; line-height:20px; width:28%; }
.footer-top .iso i { margin-right:15px; float:left; width:auto; }
.footer-top .iso span { float:left; width:auto; padding-top:5px; }
.icon { float:left; width:100%; text-align:center; margin:25px 0 10px 0; }
.icon ul { width:auto; display:inline-block; margin:0px; padding:0px; }
.icon ul li { float:left; width:34px; text-align:center; }
.copyright { float:left; width:100%; font-size:7px; color:#fff; text-align:center; padding-bottom:15px; }
.copyright a { font-size:10px; color:#fff; text-decoration:none; }
.copyright a:hover { text-decoration:underline; }

/* webbing by sector */
.sectors { color: #555554; float:left; font-size: 13px; line-height: 17px; margin:0; padding:0; width:100%; text-align:center; }

/* Automotive Webbing Supplier */
.supplier_bg { width:100%; float:left; margin-bottom: 20px; }
.banner { width:100%; float:left; }

	.banner .left {width:60%;float:left;}
	.banner .right {width:40%; margin-bottom:20px;}

.banner .left img { width:100%; height:148px; }
.banner .right { max-width:40%; float:right; background:#3d3d3c; padding:10px; line-height:30px; vertical-align:middle; text-align:center; font-size:20px; color:#fff; min-height:148px; }

.supplier-mid { width:100%; float:left; margin:20px 0; }
.sup-left { width:68%; float:left; }
.sup-left h2 { color:#008643; font-size:22px; margin-bottom:10px; }
.sup-left h3 { color:#008643; font-size:18px; float:left; width:100%; margin-top:15px; margin-bottom:10px; }
.sup-left p.bond { font-size:12px; font-weight:600; color:#555554; width:100%; float:left; margin:0 0 10px 0; padding:0px; line-height:14px; }
.sup-left p { font-size: 13px; color:#555554; width:100%; float:left; margin:0 0 10px 0; padding:0px; line-height:20px; }
.sup-left p img { max-width:100%; display:block; }
.sup-left ul { list-style:disc; width:auto; margin-left:20px; float:left; color:#555554; margin-bottom:10px; text-align:left; }
.sup-left ul li { margin:0; padding:0; line-height:22px; font-size:13px; }
.sup-left ul li a { text-decoration:none; font-size:13px; color:#555554; font-family: 'Open Sans', sans-serif; }

.sup-left .webing-top .box-main { width:100%; float:left; margin:0px; padding:0px;}
.sup-left .webing-top .box-main ul { width:35%; float:left; margin:0px; padding:0px; list-style:none; }
.sup-left .webing-top .box-main ul li { margin:0 0 13px 0; padding:0; }
.sup-left .webing-top .box-main ul li a { width:160px; font-size:12px; text-decoration:none; line-height:25px; color:#fff; display:block; background:url(../images/btn.jpg) right top no-repeat #555554; padding:0 0 0 10px; }

.send-btn { width:auto; float:left; }
.send-btn a { width:auto; float:left; text-decoration:none!important; font-size:11px; color:#fff!important; font-family: 'Open Sans', sans-serif; background:#029966; padding:0 20px; line-height:20px; text-align:center; }

.sup-right { width:30%; float:right; }
.sup-right .box-main { width:100%; float:left; margin-bottom:15px; }
.sup-right .box-main2 { width:100%; float:left; border: solid 1px #d1d1d1; background:url(../images/advice.png) 210px center no-repeat; padding:10px 0 10px 10px; margin-bottom:15px; }
.sup-right .box-main3 { width:100%; float:left; border: solid 1px #d1d1d1; background:url(../images/production.png) right center no-repeat; padding:10px 0 10px 10px; margin-bottom:15px; }
.sup-right .box { width:100%; float:left; }
.sup-right .box h2 { font-size:16px; color:#555554; margin:0 0 10px 0; line-height:20px; }
.sup-right .box p { font-size:11px; color:#555554; line-height:14px; margin:0 0 10px 0; }

/* contact */
.supplier-mid h2 { width:100%; float:left; font-size:22px; color:#008643; margin:0 0 10px 0; }
.supplier-mid p { font-size: 13px; color:#555554; margin:0 0 15px 0; line-height:20px; }

.con-top { width:100%; float:left; margin-bottom:20px; }
.con-left { width:auto; float:left; }
.con-left h2 { width:100%; float:left; font-size:22px; color:#008643; margin:0 0 10px 0; }
.con-left p { font-size: 13px; color:#555554; margin:0 0 15px 0; line-height:18px; }
.con-left a { font-size: 13px; color:#008643; font-weight:bold; }
.con-right { width:47%; float:right; background:#f6f6f6; padding:20px; }
.con-right .map { float:left; border: solid 1px #c8c8c8; }
.con-right p { float:left; font-size: 13px; font-weight:600; margin:0; line-height:14px; }
.con-bot { width:100%; float:right; margin-top:20px; }
.uk-con { width:35%; float:left; }
.uk-con h2 { width:100%; float:left; font-size:22px; color:#008643; margin:0 0 10px 0; }
.uk-con p { font-size: 13px; color:#555554; margin:0 0 15px 0; line-height:18px; }

/* bowmer video page */
.bowmer-top { width:100%; float:left; }
.bowmer-top h2 { width:100%; float:left; font-size:22px; color:#555554; margin:15px 0 10px 0; }
.bowmer-top p { font-size: 13px; color:#555554; margin:0 0 15px 0; line-height:14px; }
.bowmer-bot { width:100%; float:left; }
.bowmer-box { width:30.8%; float:left; margin:0 30px 20px 0;}
.bowmer-box:nth-child(3n+3) {margin-right:0px;}
.bowmer-box .product { width:100%; float:left; }
.bowmer-box .title { width:100%; float:left; background:#3d3d3c; font-size:11px; color:#fff; line-height:24px; text-align:center; margin-top:-1px; }
.bowmer-box p { width:100%; float:left; font-size: 13px; color:#555554; margin:10px 0; line-height:20px; }

/* webbing by type */
.webing-top { width:100%; float:left; }
.webing-top h2 { width:100%; float:left; font-size:22px; color:#008643; margin:0 0 10px 0; }
.webing-top p { font-size: 13px; color:#555554; margin:0 0 15px 0; line-height:20px; }
.webing-top ul { width:25%; float:left; margin:0px; padding:0px; list-style:none; }
.webing-top li { margin:0 0 13px 0; padding:0; }
.webing-top li a { width:160px; font-size:12px; text-decoration:none; line-height:25px; color:#fff; display:block; background:url(../images/btn.jpg) right top no-repeat #555554; padding:0 0 0 10px; }
.webing-bot { width:100%; float:left; padding-bottom:20px; }
.webing-bot h2 { width:100%; float:left; font-size:22px; color:#008643; margin:0 0 10px 0; }
.chart { width:100%; float:left; }
.chart img { width:100%;}
.box-main img { height:auto; width:100%; }
.sup-left h4 { color: #008643; margin:15px 0; float:left; width:100%; font-size: 13px; font-weight: 600; line-height: 18px; }
.sup-left table, tr, td { border-collapse:collapse; border:solid 1px; padding:2px; font-size:13px; color:#555554; }
.sup-left table { margin-bottom:10px; }
.sup-left table, tr, td {  margin-bottom: 10px; text-align:center; color:#555554; }
.sup-left a { text-decoration:underline; color:#003399; font-size:13px; }
.sup-left a:hover { text-decoration:none; color:#333; }
.textwidget a { color:#fff; }
.textwidget a:hover { text-decoration:underline; }
.wpcf7-response-output { border:none!important; }
.wpcf7-not-valid-tip { float:left; }
div.wpcf7-validation-errors {float:left; width:100%;}

/* downloads */
.downloads {float:left; width:100%; margin-top:15px;}
.downloads-box {float:left; width:100%; margin-bottom:15px;}
.downloads-box a {float:left; width:auto;}
.downloads-box span {float:left; width:auto; line-height:32px; font-size:13px; color:#555554;}

/* case-studies */
.case-studies-box {float:left; width:100%; margin-bottom:20px; border-bottom:solid 1px #004a25; padding-bottom:20px;}
.case-studies-box h4 {float:left; width:100%; margin-bottom:10px;}
.case-studies-box .content {float:left; width:100%;}

/* Quality */
.quality-box {float:left; width:100%; margin:15px 0px;}

/* promotional-webbing */
.promotional-webbing {float:left; width:100%; font-size:13px; color: #555554; }
.promotional-webbing a {color:#3333FF; text-decoration:underline;}
.promotional-webbing a:hover {color:#000; text-decoration:none;}
.promotional-webbing ul {padding:0px 0 0 30px; margin:0px 0 20px; list-style:disc;}
.promotional-webbing ul li {padding:0px; margin:0px; line-height:22px; font-size: 13px; color:#555554;}
.promotional-webbing-video {float:left; width:100%; text-align:center; margin-bottom:20px;}
.promotional-webbing h3 {width:100%; float:left; font-size:18px; text-align:left; color:#008643; margin:0 0 20px 0;}

.promotional-webbing-box {float:left; width:100%; margin-bottom:20px;}
.promotional-webbing-box-main {float:left; width:33.4%; margin:-1px 0 0 -1px; border:solid 1px #000; padding:15px;}
.promotional-webbing-box-main img {max-width:100%; height:154px;}


/* made-up-assemblies */
.made-up-assemblies {float:left; width:100%;}
.made-up-assemblies a {color:#3333FF; text-decoration:underline;}
.made-up-assemblies a:hover {color:#000; text-decoration:none;}
.made-up-assemblies .made-up-assemblies-video {float:left; width:100%; text-align:center;}
.made-up-assemblies .made-up-assemblies-box {float:left; width:100%; margin:20px 0;}
.made-up-assemblies .made-up-assemblies-box-main {float:left; width:33.4%; margin:-1px 0 0 -1px; border:solid 1px #000; padding:15px;}
.made-up-assemblies .made-up-assemblies-box-main a {float:left; width:100%;}
.made-up-assemblies .made-up-assemblies-box-main a img {max-width:100%; height:152px;}
.made-up-assemblies .made-up-assemblies-box-main p {float:left; width:100%; margin:0px; font-size:12px; color:#000000; text-align:center; padding:10px 0; border-top:solid 1px #000;}
.made-up-assemblies .unIndentedList {float:left; width:100%; margin:0px 0 20px 0; padding:0px 0 0 20px; list-style:disc; font-size:13px; color:#555554;} 
.made-up-assemblies .unIndentedList li {float:left; width:100%; margin:0px; padding:0px; line-height:22px; font-size:13px;}

/* plastic-buckles */

.plastic-buckles {float:left; width:100%;}
.plastic-buckles h1 {float:left; width:auto; margin:60px 0 0 50px; font-size:26px; font-weight:bold; color:#008643; border-right:solid 3px #008643; padding:0 10px 0 0;}
.plastic-buckles h2.classic {float:left; width:60%; margin:50px 0 0 10px; font-size:22px; color:#008643;}
.plastic-buckles h2.components {float:left; width:auto; margin:20px 0 0 130px; font-size:16px; color:#008643;}

.plastic-box {float:left; width:100%;}
.plastic-box .plastic-box-main {float:left; width:100%; margin-bottom:20px;}
.plastic-box .plastic-box-main .plastic-box-left {float:left; width:25%; text-align:center;}
.plastic-box .plastic-box-main .plastic-box-left h3 {float:left; width:100%; margin-bottom:10px; line-height:normal; font-size:18px; font-weight:bold; color:#008643;}
.plastic-box .plastic-box-main .plastic-box-left img {max-width:100%;}

.plastic-box .plastic-box-main .plastic-box-right {float:right; width:73%; border-bottom:solid 1px #7c1f1f; min-height:170px;}
.plastic-box .plastic-box-main .plastic-box-right .content {float:left; width:100%; margin-bottom:20px; line-height:20px; font-size:13px; color:#555554; }
.plastic-box .plastic-box-main .plastic-box-right .material {float:left; width:100%; font-size:13px; margin-bottom:10px; color:#555554; line-height:17px; }

.plastic-box-main{
    min-height:250px;
}

.plastic-box-right {
    margin-top: 40px;
}

.tablepress .odd td, .tablepress .even td {padding:5px;}
.tablepress .odd {background-color:#f9f9f9;}
.tablepress .even {background-color:#fff;}


 @media screen and (max-width:801px) {
	.wrapper {margin:0 5%; width:90%; float:left;}
	.logo {width:25%;margin-bottom:20px;}
	.logo img {max-width:100%;}
	.sub-menu ul li {padding:0 6px 0 6px;}
	.welcome .video {width:auto;}
	.some .box-main {width:140px;}
	.footer-top .box {width:33%;}
	.footer-top .iso {width:31%;}
	.con-right .map {float:none; width:auto;}
	.con-right .map iframe {float:left; width:100%;}
	.uk-con {width:50%;}
	.bowmer-box {margin-right:26px;}
	.quality-box object, .quality-box embed {float:left; width:100%;}
	.sup-left object, .sup-left embed {float:left; width:100%;}
	.made-up-assemblies .made-up-assemblies-video object, .made-up-assemblies .made-up-assemblies-video embed {float:left; width:100%;}
	.made-up-assemblies .made-up-assemblies-box-main a img {max-width:100%; height:100px;}
	.made-up-assemblies .made-up-assemblies-box-main p {min-height:65px;}
	.plastic-buckles h1 {margin-left:0px;}
	.plastic-buckles h2.classic {width:50%; font-size:18px;}
	.plastic-buckles h2.components {font-size:14px; margin:15px 0 0 85px;}
	
	
	.sup-left {width:100%;}
	.sup-right {width:100%; margin-top:20px;}
	.sup-right .box-main {text-align:center;}
	
	.con-left {width:100%;}
	.con-right {float:left; width:100%;}
	.con-right .map {width:100%; float:left; margin-bottom:10px;}
	.box-main img {height:auto; width:auto; max-width:100%;}
	
}


@media screen and (max-width:800px) {
	.logo {width:100%; text-align:center;}
	
	/* hide */
	.sub-menu {display:none;}
	
	/* show */
	.togglemenu {display:block; float:right; background-color:#008643; border-radius:5px; padding:10px; height:40px; width:40px; margin:0px 0 20px 0;}
	.togglemenu span {background-color: rgba(255, 255, 255, 0.4); border-radius: 10px; float: left; height: 3px; margin: 2px 0; padding: 0; width: 100%;}
	
	.language {position:absolute; right:10px; top:0px;}
	.menu {float:left; max-width:100%; min-width:100%; width:100%; margin:0 0 20px 0 !important; display:none; height:250px; overflow-y:scroll;}
	.menu ul {width:100%; background-color:#008643;}
	.menu ul li {width:100%; border:0px; padding:0px;}
	.menu ul li a {line-height:30px; font-size:12px; padding:0 10px; color:#fff; border-bottom:solid 1px #000;}
	.menu ul li a:hover {color:#fff; background-color:#a1d2b4;}
	.menu > .sub-menu {display:block; margin:0px;}
	.menu > .sub-menu > ul {margin:0px; display:block;}
	.menu > .sub-menu > ul > li > a:hover {border-bottom:1px solid #000;}
	
	.welcome .video {width:100%; text-align:center; margin-bottom:20px;}
	.welcome h2 {text-align:center; width:100%;}
	.welcome p {width:100%; text-align:center; padding:0 110px;}
	
	.some .box {padding:0px;}
	.some .box-main {margin:0 5px 10px; width:134px;}
	.some p {padding:0px;}
	
	.enquiry-form {margin:0px; width:100%;}
	.footer-top .box {text-align:center; margin-bottom:20px; width:100%;}
	.footer-top .iso {width:100%;}
	.footer-top .iso i {width:100%; margin-right:0px;}
	.footer-top .iso span {width:100%;}
	.bowmer-box {margin-right:21px;} 
	.promotional-webbing-box-main img {height:107px;}
	.promotional-webbing object, .promotional-webbing embed {float:left; width:100%;}
	.sup-left .webing-top .box-main ul {width:50%;}
	.box-main img {height:auto;}
	.chart img {max-width:100%;}
	.plastic-buckles h2.classic {width:84%;}
	.plastic-buckles .img {float:left; width:100%; text-align:center; margin:10px 0px;}
	.plastic-buckles p {float:left; width:100%;}
	
	.banner .left {width:60%;}
	.banner .right {width:100%; margin-bottom:20px;padding:10px;}
	.sup-left table {width:100%;}
		
}

@media screen and (max-width:639px) {
	.welcome p {padding:0 20px;}
	.language {display:none;}
	.some h2 {font-size:16px;}
	.enquiry-form .content .form .input {width:100%;}
	.enquiry-form .content .form .input:nth-child(2n+3) {float:left;}
	.enquiry-form .content .form .code {width:100%;}
	
	.supplier-mid {margin:0 0 20px 0px;}
	.uk-con {width:100%;}
	
	.bowmer-box {margin-right:0; width:100%;}
	.sup-left .webing-top .box-main ul {width:100%;}
	.sup-left .webing-top .box-main ul li a {width:auto;}
	.made-up-assemblies .made-up-assemblies-box-main {padding:0px;}
	
	.plastic-buckles h2.classic {width:79%;}
	.plastic-box .plastic-box-main .plastic-box-left {width:100%;}
	.plastic-box .plastic-box-main .plastic-box-right {width:100%; min-height:inherit;}
}

@media screen and (max-width:479px) {
	.welcome p {padding:0 10px;}
	.some .box-main {width:152px;}
	.enquiry-form .content {padding:15px;}
	.promotional-webbing-box-main img {height:67px;}
	.promotional-webbing-box-main {padding:0px;}
	.made-up-assemblies .made-up-assemblies-box-main {margin:0px; width:100%; float:left; margin-bottom:20px;}
	.made-up-assemblies .made-up-assemblies-box-main a img {max-width:100%; height:auto;}
	
	.plastic-buckles h1 {margin:0px; width:100%; text-align:center; border:0px;}
	.plastic-buckles h2.classic {width:100%; margin:10px 0; text-align:center;}
	.plastic-buckles h2.components {margin:0px; text-align:center; width:100%;}
	
}

@media screen and (max-width:359px) {
	.some .box-main {width:134px;}
}

/* Slider Css */
#cycler { float: left; height: 220px; position: relative; width: 100%; }
#cycler img { background-color: white; float: left; position: absolute; width: 100%; z-index: 1; }
#cycler img.active{z-index:3}