cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <!-- Button HTML (to Trigger Modal) -->
<a href="#sizeGuidesMob" type="button" class="btn btn-default" data-toggle="modal">Click for size guide</a>   
<!-- Modal HTML -->
<div id="sizeGuidesMob" class="modal fade"> 
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Size guides</h4>
         </div> 
         <div class="modal-body">
            <div id="accordion" class="panel-group">
<!---------------------------------------------------------------------------->             
               <div class="womenswear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Womenswear</a>
                     </h4>
                  </div>
                  <div id="collapseOne" class="panel-collapse collapse">
                     <div class="panel-body"> 
                       <div class="table-responsive">
                           <table cellspacing=0 class="table">
                           <tr>
                              <td class="fix">Size</td>  
                              <td class="second">10</td>
                              <td>12</td> 
                              <td>14</td>
                              <td>16</td>
                              <td>18</td>
                              <td>20</td>
                              <td>22</td>
                              <td>24</td>  
                              <td>28</td>
                              <td>30</td>
                              <td>32</td>
                              <td>34</td>
                              <td>36</td>
                              <td>38</td>
                              <td>40</td>
                           </tr>
                           <tr>  
                              <td class="fix">Bust</td>
                              <td class="second">35ins 89cms</td>
                              <td>37ins 94cms</td>
                              <td>39ins 99cms</td>
                              <td>41ins 104cms</td>
                              <td>43ins 109cms</td>
                              <td>45ins 114cms</td>
                              <td>47ins 119.5cms</td>
                              <td>49ins 124.5cms</td>
                              <td>51ins 129.5cms</td>
                              <td>53ins 134.5cms</td>
                              <td>55ins 140cms</td>
                              <td>57ins 145cms</td>
                              <td>59ins 150cms</td>
                              <td>61ins 155cms</td>
                              <td>63ins 160cms</td>
                           </tr>
                           <tr> 
                              <td class="fix">Waist</td>
                              <td>28ins 71cms</td>
                              <td>30ins 76cms</td>
                              <td>32ins 81cms</td>
                              <td>34ins 86.5cms</td>
                              <td>36ins 91.5cms</td>
                              <td>38ins 96.5cms</td>
                              <td>40ins 101.5cms</td>
                              <td>42ins 106.5cms</td>
                              <td>44ins 111.5cms</td>
                              <td>46ins 117cms</td>
                              <td>48ins 122cms</td>
                              <td>50ins 127cms</td>
                              <td>52ins 132cms</td>
                              <td>54ins 137cms</td>
                              <td>56ins 142cms</td>
                           </tr>
                           <tr>
                              <td class="fix">Hips</td>
                              <td>37ins 94cms</td>
                              <td>39ins 99cms</td>
                              <td>41ins 104cms</td>
                              <td>43ins 109cms</td>
                              <td>45ins 114cms</td>
                              <td>47ins 119.5cms</td>
                              <td>49ins 124.5cms</td>
                              <td>51ins 129.5cms</td>
                              <td>53ins 134.5cms</td>
                              <td>54ins 140cms</td>
                              <td>57ins 145cms</td>
                              <td>59ins 150cms</td>
                              <td>61ins 155cms</td>
                              <td>63ins 160cms</td>
                              <td>65ins 165cms</td>
                           </tr>
                        </table>
                       </div>
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->                 
               <div class="lingerie panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Lingerie</a>
                     </h4>
                  </div>
                  <div id="collapseTwo" class="panel-collapse collapse">
                     <div class="panel-body">
                        <h3>Perfect Fit</h3>
                        <p>Are you wearing the right size? Try on your best fitting bra, stand in front of a large mirror and follow these steps to find out…
                           Start with the underband…
                        </p>
   able to pull it more than two inches away from your back.</li>
                           <li>The underband should sit horizontally level across your body, in line with the wires at the front.</li>
                           <li>The length of your straps should be adjusted enough to support the cup, but should also feel comfortable.…now move onto the cups!</li>
                           <li>There should be no bulging or gaping at the top of the cups.</li>
                           <li>The wire should completely enclose each breast, sit right in the crease of your under breasts, and finish under your arms.</li>
                           <li>The wire should sit flat against your ribcage, from the middle of your chest and along the crease of you bust, with absolutely no lifting away.</li>
                        </ol>
                        <p>For dress sized garments please follow the womenswear size guide</p>
                        <p>NEED MORE HELP OR ADVISE? 		0871 2300 0295
                           CALL OUR BRA FITTING EXPERTS		Mon-Fri 9am-8pm Sat-Sun 9am-5pm
                        </p>
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->                  
               <div class="footwear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Footwear</a>
                     </h4>
                  </div>
                  <div id="collapseThree" class="panel-collapse collapse">
                     <div class="panel-body">
                        <div class="size-guide-tabs">
                           <ul class="nav nav-tabs">
                              <li class="active"><a href="#w-boots">Boots</a></li>
                              <li><a href="#w-shoes">Shoes</a></li>
                              <li><a href="#m-footwear">Mens</a></li>
                           </ul>
                           <div class="tab-content">
                              <div id="w-boots" class="tab-pane fade in active">
                                <p>Measure around the widest part of your calf in millimetres.</p>  
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Foot Size</td>
                                       <td>4E</td>
                                       <td>5E</td>
                                       <td>6E</td>
                                       <td>7E</td>
                                       <td>8E</td>
                                       <td>9E</td>
                                       <td>10E</td>
                                       <td>4EEE</td>
                                       <td>5EEE</td>
                                       <td>6EEE</td>
                                       <td>7EEE</td>
                                       <td>8EEE</td>
                                       <td>9EEE</td>
                                       <td>10EEE</td>
                                       <td>4EEEEE</td>
                                       <td>5EEEEE</td>
                                       <td>6EEEEE</td>
                                       <td>7EEEEE</td>
                                       <td>8EEEEE</td>
                                       <td>9EEEEE</td>
                                       <td>10EEEEE</td>
                                    </tr>
                                    <tr>
                                       <td>Standard Calf width (mm)</td>
                                       <td>400</td>
                                       <td>408</td>
                                       <td>416</td>
                                       <td>424</td>
                                       <td>432</td>
                                       <td>440</td>
                                       <td>448</td>
                                       <td>408</td>
                                       <td>416</td>
                                       <td>424</td>
                                       <td>432</td>
                                       <td>440</td>
                                       <td>448</td>
                                       <td>456</td>
                                       <td>418</td>
                                       <td>426</td>
                                       <td>434</td>
                                       <td>442</td>
                                       <td>450</td>
                                       <td>458</td>
                                       <td>466</td>
                                    </tr>
                                    <tr>
                                       <td>Curvy Calf width (mm)</td>
                                       <td>434</td>
                                       <td>442</td>
                                       <td>450</td>
                                       <td>458</td>
                                       <td>466</td>
                                       <td>474</td>
                                       <td>482</td>
                                       <td>446</td>
                                       <td>454</td>
                                       <td>462</td>
                                       <td>470</td>
                                       <td>478</td>
                                       <td>486</td>
                                       <td>494</td>
                                       <td>458</td>
                                       <td>466</td>
                                       <td>474</td>
                                       <td>482</td>
                                       <td>490</td>
                                       <td>498</td>
                                       <td>506</td>
                                    </tr>
                                    <tr>
                                       <td>Super Curvy Calf width (mm)</td>
                                       <td>468</td>
                                       <td>476</td>
                                       <td>484</td>
                                       <td>492</td>
                                       <td>500</td>
                                       <td>508</td>
                                       <td>516</td>
                                       <td>480</td>
                                       <td>488</td>
                                       <td>496</td>
                                       <td>504</td>
                                       <td>512</td>
                                       <td>520</td>
                                       <td>528</td>
                                       <td>492</td>
                                       <td>500</td>
                                       <td>508</td>
                                       <td>516</td>
                                       <td>524</td>
                                       <td>532</td>
                                       <td>540</td>
                                    </tr>
                                    <tr>
                                       <td>Curvy Plus Calf width (mm)</td>
                                       <td>502</td>
                                       <td>510</td>
                                       <td>518</td>
                                       <td>526</td>
                                       <td>534</td>
                                       <td>542</td>
                                       <td>550</td>
                                       <td>514</td>
                                       <td>522</td>
                                       <td>530</td>
                                       <td>538</td>
                                       <td>546</td>
                                       <td>554</td>
                                       <td>562</td>
                                       <td>526</td>
                                       <td>534</td>
                                       <td>542</td>
                                       <td>550</td>
                                       <td>558</td>
                                       <td>566</td>
                                       <td>574</td>
                                    </tr>
                                    <tr>
                                       <td>Extra Curvy Plus Calf width (mm)</td>
                                       <td>536</td>
                                       <td>544</td>
                                       <td>552</td>
                                       <td>560</td>
                                       <td>568</td>
                                       <td>576</td>
                                       <td>584</td>
                                       <td>548</td>
                                       <td>556</td>
                                       <td>564</td>
                                       <td>572</td>
                                       <td>580</td>
                                       <td>588</td>
                                       <td>596</td>
                                       <td>560</td>
                                       <td>568</td>
                                       <td>576</td>
                                       <td>584</td>
                                       <td>592</td>
                                       <td>600</td>
                                       <td>608</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="w-shoes" class="tab-pane fade">
                        
                                 <p>Measure around the widest part of the foot in mullimetres.</p>
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">

                                    <tr>
                                       <td>Foot Width</td>
                                       <td>Standard D</td>
                                       <td>E</td>
                                       <td>EE</td>
                                       <td>EEE</td>
                                       <td>EEEE</td>
                                       <td>EEEEE</td>
                                       <td>EEEEEE</td>
                                    </tr>
                                    <tr>
                                       <td>3</td>
                                       <td>210</td>
                                       <td>216</td>
                                       <td>222</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                    </tr>
                                    <tr>
                                       <td>4</td>
                                       <td>216</td>
                                       <td>222</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                    </tr>
                                    <tr>
                                       <td>5</td>
                                       <td>222</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                    </tr>
                                    <tr>
                                       <td>6</td>
                                       <td>228</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                    </tr>
                                    <tr>
                                       <td>7</td>
                                       <td>234</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                    </tr>
                                    <tr>
                                       <td>8</td>
                                       <td>241</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                       <td>278</td>
                                    </tr>
                                    <tr>
                                       <td>9</td>
                                       <td>247</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                       <td>278</td>
                                       <td>284</td>
                                    </tr>
                                    <tr>
                                       <td>10</td>
                                       <td>254</td>
                                       <td>260</td>
                                       <td>266</td>
                                       <td>272</td>
                                       <td>278</td>
                                       <td>284</td>
                                       <td>290</td>
                                    </tr>
                                 </table>
                                </div>
                              </div>
                              <div id="m-footwear" class="tab-pane fade">
                                <p>Men's footwear size chart</p>
                                <div class="table-responsive">
                                 <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Men's Footwear Widths</td>
                                       <td>6</td>
                                       <td>7</td>
                                       <td>8</td>
                                       <td>9</td>
                                       <td>10</td>
                                       <td>11</td>
                                       <td>12</td>
                                       <td>13</td>
                                       <td>14</td>
                                       <td>15</td>
                                    </tr>
                                    <tr>
                                       <td>Standard Fit (mm)</td>
                                       <td>239</td>
                                       <td>245</td>
                                       <td>251</td>
                                       <td>257</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                    </tr>
                                    <tr>
                                       <td>Wide Fit (mm)</td>
                                       <td>245</td>
                                       <td>251</td>
                                       <td>257</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                       <td>299</td>
                                    </tr>
                                    <tr>
                                       <td>Extra Wide Fit (mm)</td>
                                       <td>251</td>
                                       <td>257</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                       <td>299</td>
                                       <td>305</td>
                                    </tr>
                                    <tr>
                                       <td>Extra Ultra Wide Fit (mm)</td>
                                       <td>263</td>
                                       <td>269</td>
                                       <td>275</td>
                                       <td>281</td>
                                       <td>287</td>
                                       <td>293</td>
                                       <td>299</td>
                                       <td>305</td>
                                       <td>311</td>
                                       <td>317</td>
                                    </tr>
                                 </table>
                                </div>
                              </div>
                           </div>
                        </div>
                        <!-- footwear-tabs -->
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->              
               <div class="menswear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">Menswear</a>
                     </h4>
                  </div>
                  <div id="collapseFour" class="panel-collapse collapse">
                     <div class="panel-body">
                        <div class="size-guide-tabs">
                           <ul class="nav nav-tabs">
                              <li class="active"><a href="#tops">Tops</a></li>
                              <li><a href="#formal">Shirts</a></li>
                              <li><a href="#trousers">Trousers</a></li>
                              <li><a href="#suit">Jackets</a></li>
                           </ul>
                           <div class="tab-content">
                              <div id="tops" class="tab-pane fade in active">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Size</td>
                                       <td>S</td>
                                       <td>M</td>
                                       <td>L</td>
                                       <td>XL</td>
                                       <td>1XL</td>
                                       <td>2XL</td>
                                       <td>3XL</td>
                                       <td>4XL</td>
                                       <td>5XL</td>
                                    </tr>
                                    <tr>
                                       <td>UK (ins)</td>
                                       <td>36-38</td>
                                       <td>39-41</td>
                                       <td>42-44</td>
                                       <td>45-47</td>
                                       <td>48-50</td>
                                       <td>52-54</td>
                                       <td>56-58</td>
                                       <td>60-62</td>
                                       <td>64-66</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (cm)</td>
                                       <td>91-97</td>
                                       <td>99-104</td>
                                       <td>107-112</td>
                                       <td>114-119</td>
                                       <td>122-127</td>
                                       <td>132-137</td>
                                       <td>142-147</td>
                                       <td>152-157</td>
                                       <td>163-168</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="formal" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Size</td>
                                       <td>15.5</td>
                                       <td>16</td>
                                       <td>16.5</td>
                                       <td>17</td>
                                       <td>17.5</td>
                                       <td>18</td>
                                       <td>18.5</td>
                                       <td>19</td>
                                       <td>19.5</td>
                                       <td>20</td>
                                       <td>20.5</td>
                                       <td>21</td>
                                    </tr>
                                    <tr>
                                       <td>CHEST (ins)</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>44</td>
                                       <td>46</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>56</td>
                                       <td>58</td>
                                       <td>60</td>
                                       <td>62</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (CM)</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>112</td>
                                       <td>117</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>142</td>
                                       <td>147</td>
                                       <td>152</td>
                                       <td>157</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="trousers" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>UK (ins)</td>
                                       <td>32</td>
                                       <td>34</td>
                                       <td>36</td>
                                       <td>38</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>43</td>
                                       <td>44</td>
                                       <td>45</td>
                                       <td>46</td>
                                       <td>47</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>55</td>
                                       <td>56</td>
                                       <td>57</td>
                                       <td>58</td>
                                       <td>60</td>
                                       <td>62</td>
                                       <td>64</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (cm)</td>
                                       <td>81</td>
                                       <td>86</td>
                                       <td>91</td>
                                       <td>96</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>109</td>
                                       <td>112</td>
                                       <td>114</td>
                                       <td>117</td>
                                       <td>119</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>140</td>
                                       <td>142</td>
                                       <td>145</td>
                                       <td>147</td>
                                       <td>152</td>
                                       <td>157</td>
                                       <td>163</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="suit" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>UK (Inches)</td>
                                       <td>38</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>44</td>
                                       <td>46</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>56</td>
                                       <td>58</td>
                                       <td>60</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (CMS)</td>
                                       <td>96</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>112</td>
                                       <td>117</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>142</td>
                                       <td>147</td>
                                       <td>152</td>
                                    </tr>
                                 </table>
                                 </div>  
                              </div>
                           </div>
                        </div>
                        <!-- size-guide-tabs -->
                     </div>
                  </div>
               </div>
<!--------------------------------------------------------------------------->               
               <div class="childrenswear panel panel-default">
                  <div class="panel-heading">
                     <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">Childrenswear</a>
                     </h4>
                  </div>
                  <div id="collapseFive" class="panel-collapse collapse">
                     <div class="panel-body">
                        <div class="size-guide-tabs">
                           <ul class="nav nav-tabs">
                              <li class="active"><a href="#girls">Girl's</a></li>
                              <li><a href="#boys">Boy's</a></li>
                              <li><a href="#childrens">Footwear</a></li>
                           </ul>
                           <div class="tab-content">
                              <div id="girls" class="tab-pane fade in active">
                                 <div class="table-responsive">
                                    <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>UK (Inches)</td>
                                       <td>38</td>
                                       <td>40</td>
                                       <td>42</td>
                                       <td>44</td>
                                       <td>46</td>
                                       <td>48</td>
                                       <td>50</td>
                                       <td>52</td>
                                       <td>54</td>
                                       <td>56</td>
                                       <td>58</td>
                                       <td>60</td>
                                    </tr>
                                    <tr>
                                       <td>EURO (CMS)</td>
                                       <td>96</td>
                                       <td>102</td>
                                       <td>107</td>
                                       <td>112</td>
                                       <td>117</td>
                                       <td>122</td>
                                       <td>127</td>
                                       <td>132</td>
                                       <td>137</td>
                                       <td>142</td>
                                       <td>147</td>
                                       <td>152</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="boys" class="tab-pane fade">
                                 <div class="table-responsive">
                                   <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Age</td>
                                       <td>2/3</td>
                                       <td>3/4</td>
                                       <td>4/5</td>
                                       <td>5/6</td>
                                       <td>6/7</td>
                                       <td>7/8</td>
                                       <td>8/9</td>
                                       <td>9/10</td>
                                       <td>10/11</td>
                                       <td>11/12</td>
                                       <td>12/13</td>
                                       <td>13/13PLS</td>
                                       <td>13/14</td>
                                    </tr>
                                    <tr>
                                       <td>Height (cm)</td>
                                       <td>92/98</td>
                                       <td>98/104</td>
                                       <td>104/110</td>
                                       <td>110/116</td>
                                       <td>116/122</td>
                                       <td>122/128</td>
                                       <td>128/134</td>
                                       <td>134/140</td>
                                       <td>140/146</td>
                                       <td>146/152</td>
                                       <td>152/158</td>
                                       <td>158/163</td>
                                       <td>158/163</td>
                                    </tr>
                                 </table>
                                 </div>
                              </div>
                              <div id="childrens" class="tab-pane fade">
                                <div class="table-responsive">
                                  <table cellspacing=0 border=1 class="table">
                                    <tr>
                                       <td>Size</td>
                                       <td>6</td>
                                       <td>7</td>
                                       <td>8</td>
                                       <td>9</td>
                                       <td>10</td>
                                       <td>11</td>
                                       <td>12</td>
                                       <td>13</td>
                                       <td>1</td>
                                       <td>2</td>
                                       <td>3</td>
                                       <td>4</td>
                                       <td>5</td>
                                       <td>6</td>
                                    </tr>
                                    <tr>
                                       <td>Standard (mm)</td>
                                       <td>95</td>
                                       <td>99</td>
                                       <td>104</td>
                                       <td>110</td>
                                       <td>116</td>
                                       <td>119</td>
                                       <td>125</td>
                                       <td>131</td>
                                       <td>137</td>
                                       <td>146</td>
                                       <td>154</td>
                                       <td>161</td>
                                       <td>168</td>
                                       <td>175</td>
                                    </tr>
                                    <tr>
                                       <td>Wide (mm)</td>
                                       <td>100</td>
                                       <td>104</td>
                                       <td>109</td>
                                       <td>116</td>
                                       <td>120</td> 
                                       <td>125</td>  
                                       <td>131</td>   
                                       <td>137</td>
                                       <td>145</td>
                                        <td>153</td> 
                                       <td>160</td>
                                       <td>167</td>
                                       <td>174</td>
                                       <td>181</td>
                                    </tr>
                                 </table>
                                </div>
                              </div>
                           </div>
                        </div>
                        <!-- size-guide-tabs -->
                     </div>
                  </div>
               </div>
<!---------------------------------------------------------------------------->               
            </div>
            <!-- accordian -->    
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>
            
          
!
            
              ::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #fff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #fff; 
}

body {
  padding: 1em;
}
h5 {
  font-weight: bold;
}
#accordion {
  h3 {
    margin-top: 12px;
  }
  .tab-content {
    margin-top: 12px;
  }
  .nav-tabs a {
    font-size: 12px;
    padding: 9px!important; 
  }
}  
#accordion .panel-heading {
  padding: 0;
  a {
    display: block;
    padding: 12px;
  }
  .nav>li>a {
    padding: 10px 7px;
  }

}
td {
  padding: 0.8em;
}
table tr:first-child td {
  background: #333; 
  color: white;
}
caption {
  color: white;
  background: #5c5c5c;
  padding: 6px 12px;
    border-top: none;   
}

/* Fix chopped in half elements caused by -webkit-overflow-scrolling-touch bug */
td {
  -webkit-transform: translate3d(0, 0, 0);
  background: white;
  border: 1px solid #ddd;
} 


            
          
!
            
              $(document).ready(function(){ 
    $(".size-guide-tabs a").click(function(e){
    	e.preventDefault();
    	$(this).tab('show');
    });
});
            
          
!
999px
Loading ..................

Console