<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!--[if (gte mso 9)|(IE)]><table width="640" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]--> <table class="container" align="center" width="100%" cellpadding="0" cellspacing="0" style="max-width: 640px;margin:0 auto;"> <tr> <td style="text-align: center; vertical-align: top; font-size: 0;"> <!--[if (gte mso 9)|(IE)]><table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]--> <div style="width: 320px; display: inline-block; vertical-align: top;"> <table width="300" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#5a534c" class="hover truck" lang="x-truck"> <tr> <td align="center" style="display:none;width:0;height:0;font-size:0;line-height:0;float:left;overflow:hidden;" class="icon"><a href="http://www.toms.com/faq#shipping" style="text-decoration:none;color:#94c0d1;" target="_blank"><i class="fa fa-truck fa-5x"></i></a></td> </tr> <tr> <td height="20" class="noWebkit"> </td> </tr> <tr> <td align="center" class="noWebkit"><a href="http://www.toms.com/faq#shipping" style="text-decoration:none;color:#94c0d1;" target="_blank"><img src="https://assets.bounceexchange.com/assets/uploads/users/741/eI5KoFTg.png" width="100" height="100" alt="" style="display:block;margin:0 auto;border:0;" /></a></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td style="font-family: Verdana, Geneva, sans-serif;font-size:22px;font-weight:bold; text-align:center;"><a href="http://www.toms.com/faq#shipping" style="text-decoration:none;color:#fffffe;" target="_blank">FREE SHIPPING</a></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td style="font-family: Verdana, Geneva, sans-serif;font-size:14px;mso-line-height-rule:exactly;line-height:20px;text-align:center;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;"><a href="http://www.toms.com/faq#shipping" style="text-decoration:none;color:#fffffe;" target="_blank">For a limited time‚ get free shipping<br>on all domestic orders. No minimum!</a></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td align="center"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.toms.com/faq#shipping" style="height:43px;v-text-anchor:middle;width:150px;" stroke="f" fillcolor="#64c98b"><w:anchorlock/><center><![endif]--> <a href="http://www.toms.com/faq#shipping" style="background-color:#64c98b;color:#fffffe;display:inline-block;font-family: Verdana, Geneva, sans-serif;text-transform:uppercase;font-size:12px;line-height:43px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;text-transform:uppercase;" class="bttn" lang="x-bttn">Methods & Times</a> <!--[if mso]></center></v:roundrect><![endif]--> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td style="height:20px;background-color:#fffffe;" bgcolor="#fffffe" height="20"> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]></td><td><![endif]--> <div style="width: 320px; display: inline-block; vertical-align: top;"> <table width="300" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#5a534c" class="hover dropbox" lang="x-drop"> <tr> <td align="center" style="display:none;width:0;height:0;font-size:0;line-height:0;float:left;overflow:hidden;" class="icon"><a href="http://www.toms.com/faq#returns" style="text-decoration:none;color:#94c0d1;" target="_blank"><i class="fa fa-dropbox fa-5x"></i></a></td> </tr> <tr> <td height="20" class="noWebkit"> </td> </tr> <tr> <td align="center" class="noWebkit"><a href="http://www.toms.com/faq#returns" style="text-decoration:none;color:#94c0d1;" target="_blank"><img src="https://assets.bounceexchange.com/assets/uploads/users/741/RaOJVVG3.png" width="100" height="100" alt="" style="display:block;margin:0 auto;border:0;" /></a></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td style="font-family: Verdana, Geneva, sans-serif;font-size:22px;font-weight:bold; text-align:center;"><a href="http://www.toms.com/faq#returns" style="text-decoration:none;color:#fffffe;" target="_blank">EASY RETURNS</a></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td style="font-family: Verdana, Geneva, sans-serif;font-size:14px;mso-line-height-rule:exactly;line-height:20px;text-align:center;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;"><a href="http://www.toms.com/faq#returns" style="text-decoration:none;color:#fffffe;" target="_blank">Doesn’t fit? We’re happy to exchange it<br>and help you find a size that does.</a></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td align="center"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.toms.com/faq#returns" style="height:43px;v-text-anchor:middle;width:150px;" stroke="f" fillcolor="#64c98b"><w:anchorlock/><center><![endif]--> <a href="http://www.toms.com/faq#returns" style="background-color:#64c98b;color:#fffffe;display:inline-block;font-family: Verdana, Geneva, sans-serif;text-transform:uppercase;font-size:12px;line-height:43px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;text-transform:uppercase;" class="bttn" lang="x-bttn">Return Policy</a> <!--[if mso]></center></v:roundrect><![endif]--> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td style="height:20px;background-color:#fffffe;" bgcolor="#fffffe" height="20"> </td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->

[class^="icon-"]:before, [class*=" icon-"]:before { line-height: 1; } .truck:hover .bttn, * [lang=x-truck]:hover * [lang=x-bttn], .dropbox:hover .bttn, * [lang=x-drop]:hover * [lang=x-bttn] { background-color:#198db8 !important; } @media screen and (min-width: 641px) { .container { width: 640px!important; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .noWebkit { display:none !important; } .icon { width:100% !important; height:inherit !important; line-height:inherit !important; font-size:18px !important; float:none !important; clear:both !important; display:block !important; margin:0 auto !important; padding-top:20px; } .fa { width:100% !important; display:block !important; -webkit-transform-style: preserve-3d; } .truck:hover .fa-truck { color:#c1baac !important; -webkit-animation: toLeftFromRight .6s; } @-webkit-keyframes toLeftFromRight { 50% { -webkit-transform: translate(-240px); } 51% { -webkit-transform: translate(240px); } } .dropbox:hover .fa-dropbox { color:#c1baac !important; -webkit-animation: bounce .6s cubic-bezier(.63,.09,.75,.46) infinite alternate; } @keyframes bounce { 100% { transform: translateY(5px) scaleX(1.2); } } }