<style>
.sizeguide{
position:static;
}
.sizeguidebox{
width:89%;
height:auto;
position:static;
overflow:auto;
overflow-y:hidden;
}
.sizeguide td
{
color:#333;
background-color:#F8F8F8;
border-collapse:separate;
border-top-color:none;
border-right: 1px solid #8B8B8B;
border-bottom:1px solid rgb(239, 239, 239);
text-align: center;
text-wrap:unrestricted;
}
.sizeguide table{
white-space:normal;
width:100%;
text-wrap:unrestricted;
line-height:2;
font-weight: normal;
font-size:11px;
font-variant: normal;
font-style: normal;
color:#F5A51C;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
border-collapse: inherit;
border-spacing:0px;
height: auto;
}
.sizeguide table th{
background-color:#8B8B8B;
color:#FFF;
text-align: center;
text-wrap:unrestricted;
}
.b-page__question {
border-top: 1px solid #ebebeb;
cursor: pointer;
padding: 16px 20px 16px 0;
position: relative;
}
.b-page__question.collapsed:after {
content: "\002B";
}
.b-page__question:after {
position: absolute;
top: 50%;
right: 0;
color: #242424;
font-style: normal;
font-weight: 700;
font-size: 21px;
font-family: aktiv-grotesk;
line-height: 12px;
content: "\2212";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
}
</style>
<div class="b-accordion accordion b-page__faqs" id="faq-section" >
<div data-cmp="accordion" >
<!---===============accordion START==============--->
<div >
<div data-target="#faq1" data-toggle="collapse" aria-expanded="false" class="b-page__question collapsed">
<h3 class="b-heading__primary-4" itemprop="name">Gloves & Mittens </h3>
</div>
<div id="faq1" data-parent="#faq-section" class="b-accordion__content pl-15 b-page__answers collapse js-collapse">
<section >
<div >
<!--start section 1-->
<div class="pb-20">
<div class="sizeguidebox">
<div class="sizeguide table-responsive">
<table class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th title="Field #1">
Gloves & Mittens</th>
<th title="Field #2">
XS</th>
<th title="Field #3">
S </th>
<th title="Field #4">
M</th>
<th title="Field #6">
L </th>
<th title="Field #6">
XL</th>
<th title="Field #6">
XXL</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Mens & Unisex</td>
<td align="right">
5-6</td>
<td align="right">
7-8</td>
<td align="right">
9</td>
<td align="right">
10</td>
<td align="right">
11</td>
<td align="right">
12</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--end section 1-->
</div>
</section>
</div>
</div>
<!---===============accordion END==============--->
<!---===============accordion START==============--->
<div >
<div data-target="#faq2" data-toggle="collapse" aria-expanded="false" class="b-page__question collapsed">
<h3 class="b-heading__primary-4" itemprop="name">Sealskinz Socks Size Guide</h3>
</div>
<div id="faq2" data-parent="#faq-section" class="b-accordion__content pl-15 b-page__answers collapse js-collapse">
<section >
<div >
<!--start of the section 2-->
<div class="pb-20">
<div class="sizeguidebox">
<div class="sizeguide">
<table class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<th title="Field #1">
Socks and Liner Socks</th>
<th title="Field #2">
S</th>
<th title="Field #3">
M</th>
<th title="Field #4">
L</th>
<th title="Field #5">
XL</th>
</tr>
</thead>
<tbody>
<tr>
<td>
UK Shoe Size</td>
<td>
3 - 5.</td>
<td>
6 - 8.</td>
<td>
9 - 10.</td>
<td>
12 -1 4</td>
</tr>
<tr>
<td>
EU Shoe Size</td>
<td>
36 - 38</td>
<td>
39 - 42</td>
<td>
43 - 46</td>
<td>
47 -49</td>
</tr>
<tr>
<td>
Liner Socks UK</td>
<td>
</td>
<td>
4 - 7.</td>
<td>
8 - 12.</td>
<td>
</td>
</tr>
<tr>
<td>
Liner Socks EU</td>
<td>
</td>
<td>
37 - 41</td>
<td>
42 - 47</td>
<td>
</td>
</tr>
</tbody>
</table>
<!-------INCHES TABLE GOES HERE (end)--></div>
</div>
</div>
<!--end of section 2-->
</section>
</div>
</div>
<!---===============accordion END==============--->
</div>
</div>
