<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ---------->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<div class="container-fluid">
<div class="row banner">
<div class="col-xs-8" id="logo"><img src="http://www.hobbyworldinc.com/images/Logo.jpg"></div>
<div class="col-xs-2 bannerContact"><strong>Toll Free Order<br> <a href="tel:1-888-980-9099">1-888-980-9099</a></strong></div>
<div class="col-xs-2 bannerContact"><strong>24 hour Fax line <br> (301)865-1973 </strong></div>
</div> <!--end row banner-->
<div class="row middle">
<div class="col-md-3"><!--container for left nav-->
<div class="nav-side-menu">
<div class="brand">Hobby World</div>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapse out">
<li>
<form action="/search.html" id="cse-search-box">
<div class="search">
<input name="cx" type="hidden" value="016754931490648869975:hclkjkpce4o">
<input name="ie" type="hidden" value="UTF-8">
<input name="q" size="32" type="text" id="search-text" >
<input name="sa" type="submit" value="GO" id="search-submit">
</div>
</form>
</li>
<li data-toggle="collapse" data-target="#about" class="collapsed active">
<a href="#"><i class="fa fa-gift fa-lg"></i> About Us <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="about">
<li><a href="/about.html">About</a></li>
<li><a href="/interest.html">Links</a></li>
<li><a href="/contact.html">Contact Us</a></li>
<li><a href="/orderinf.html">Ordering Instructions</a></li>
</ul>
<li data-toggle="collapse" data-target="#products" class="collapsed">
<a href="#"><i class="fa fa-globe fa-lg"></i> Products <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse in" id="products">
<li><a href="/mainship.html">Wooden Ship Kits</a></li>
<li><a href="/mainship.html#115">R/C Ship Kits</a></li>
<li><a href="/maindoll.html">Wooden Doll House Kits</a></li>
<li><a href="/pbnumber100.html">Paint By Numbers</a></li>
<li><a href="/mainplane.html">Wooden Airplane kits</a></li>
<li><a href="/maindiff.html">Wooden Carriage kits</a></li>
<li><a href="/mainfig.html">Metal Cannon Kits</a></li>
<li><a href="/mainplas.html">Plastic Models</a></li>
<li><a href="/mainscie.html">Science Models</a></li>
<li><a href="/maintool.html">Tools</a></li>
</ul>
</ul>
</div>
</div>
<!-- should be solid right-side, main content of page-->
<div class="col-md-9 content">
<form action="http://www.hobbyworldinc.com/cgi-bin/mcart/mof.cgi" method="post">
<input type="hidden" value="CHECKBOXES" name="postmode">
<center>
<h3>Walnut</h3>
</center>
<input type="checkbox" value="1----103-201-0---- 0.5 X 3 MM WALNUT STRIP----1.00----0----1" name="order">
<b>103-201-0 0.5 X 3MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
</b>
<input type="checkbox" value="1----103-200-8---- 0.5 X 5 MM WALNUT STRIP----1.00----0----1" name="order">
<b>103-200-8 0.5 X 5MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
</b> <b>
<input type="checkbox" value="1----103-198-1---- 1 X 3 MM WALNUT STRIP----1.00----0----1" name="order">
103-198-1 _ 1 X 3MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-208-4---- 1 X 5 MM WALNUT STRIP----1.00----0----1" name="order">
103-208-4 _ 1 X 5MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-205-8---- 2 X 6 MM WALNUT STRIP----1.00----0----1" name="order">
103-205-8 _ 2 X 6MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-210-9---- 2 X 2 MM WALNUT STRIP----1.00----0----1" name="order">
103-210-9 _ 2 X 2MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-211-1---- 3 X 3 MM WALNUT STRIP----1.00----0----1" name="order">
103-211-1 _ 3 X 3MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br>
<img src="http://www.hobbyworldinc.com/walnut.jpg" align="RIGHT"> </b> <br>
<center>
<h3><b>Mahogany</b></h3>
</center>
<b>
<input type="checkbox" value="1----103-191-7---- 0.5 X 5 MM MAHOGANY STRIP----1.00----0----1" name="order">
103-191-7 0.5 X 5MM MAHOGANY STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-199-3---- 2 X 6 MM MAHOGANY STRIP----1.00----0----1" name="order">
103-199-3 _ 2 X 6MM MAHOGANY STRIP (1 metre, cut in two pieces) US$1.00 <br>
<img src="http://www.hobbyworldinc.com/mahog.jpg" align="RIGHT"> </b> <br>
<br>
<br>
<center>
<h3><b>Boxwood</b></h3>
</center>
<b>
<input type="checkbox" value="1----103-206-0---- 1 X 3 MM BOX WOOD STRIP----1.00----0----1" name="order">
103-206-0 _1 X 3MM BOX WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-204-6---- 1 X 5 MM BOX WOOD STRIP----1.00----0----1" name="order">
103-204-6 _1 X 5MM BOX WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-203-4---- 2 X 2 MM BOX WOOD STRIP----1.00----0----1" name="order">
103-203-4 _2 X 2MM BOX WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-209-6---- 3 X 3 MM BOX WOOD STRIP----.75----0----1" name="order">
103-209-6 _3 X 3MM BOX WOOD STRIP (1 metre)<span class="RED">REG US$1.25 SPECIAL US$0.75<img src="lime.jpg" align="RIGHT"> </span></b> <br>
<br>
<br>
<center>
<h3><b>Lime Wood</b></h3>
</center>
<b>
<input type="checkbox" value="1----103-194-3---- 1 X 3 MM LIME WOOD STRIP----1.00----0----1" name="order">
103-194-3 _ 1 X 3MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-197-9---- 1.5 X 5 MM LIME WOOD STRIP----1.00----0----1" name="order">
103-197-9 1.5 X 5MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-193-1---- 2 X 2 MM LIME WOOD STRIP----1.00----0----1" name="order">
103-193-1 _ 2 X 2MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
<input type="checkbox" value="1----103-195-5---- 3 X 3 MM LIME WOOD STRIP----1.25----0----1" name="order">
103-195-5 _ 3 X 3MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.25 <br>
<input type="checkbox" value="1----103-207-2---- 2 X 6 MM LIME WOOD STRIP----1.00----0----1" name="order">
103-207-2 _ 2 X 6MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br>
</b><br>
<br>
<center>
<h3>Walnut Dowels intended for Masts</h3>
</center>
<b>
<input type="checkbox" value="1----103-192-9---- 4MM WALNUT DOWEL----1.50----0----1" name="order">
103-192-9 4MM WALNUT DOWEL (1 metre, cut in two pieces) US$1.50 <br>
<input type="checkbox" value="1----103-202-2---- 6MM WALNUT DOWEL----1.90----0----1" name="order">
103-202-2 6MM WALNUT DOWEL(1 metre, cut in two pieces) US$1.95 <br>
<input type="checkbox" value="1----103-196-7---- 8MM WALNUT DOWEL----2.75----0----1" name="order">
103-196-7 8MM WALNUT DOWEL(1 metre, cut in two pieces) US$2.75 <br>
</b> <br>
<p>
<input type="submit" value="Submit to Cart">
<font color="#FF0000"><b>Please note: Our minimum order is US$25.00</b> </font> </p>
</form>
</div><!--end left, middle - main content-->
</div><!--end row middle-->
<!-- Site footer -->
<div class="row bottom">
<div class="col-md-1">
<!--empty left col -->
</div>
<div class="col-md-10">
<center>
<p> <img src="/images/eyes2.gif" alt="" /><br />
Use the shopping cart or our <strong>Toll Free Order Line <a href="tel:1-888-980-9099">1-888-980-9099</a></strong> to order<br />
<a href="/privacy.html">Privacy Policy</a><br/>
<b>Can we answer any questions?</b> North America: <a href="tel:1-888-980-9099">1-888-980-9099</a><br/> Europe, South America, Australia, Asia & Africa:<b><A href="mailto:info@hobbyworldinc.com">info@hobbyworldinc.com</A></b>
<h4>Prices in US funds. Prices subject to change without notice. <p>Hobby World Ltd. <a href="/copyr.html">copyright 1995.</a></p> </h4>
</p>
</center>
</div>
<div class="col-md-1">
<!--empty right col-->
</div>
</div>
</div><!-- end bottom row -->
</div><!-- end container-->
.search{
padding-left:.5em;
padding-top:.7em;
color: #000000;
line-height: 1.5em;
}
#search-text {
width:13em;
}
[type="submit"] {
display: block;
margin-bottom: 1em;
}
body {
margin: 0px;
padding-top: 2em;
background: #FFFDEA url(http://www.hobbyworldinc.com/images/img01.jpg) repeat-x left top;
}
.bannerContact {
padding-top:.5em;
}
.content {
float:left;
}
/*.menu {
float:left;
}*/
.middle {
margin-top:6em;
}
/****NAV FROM BOOTSNIP ****/
.nav-side-menu {
overflow: auto;
font-family: verdana;
font-size: 12px;
font-weight: 200;
background-color: #2e353d;
position: fixed;
top: 0px;
width: 300px;
height: 100%;
color: #e1ffff;
}
.nav-side-menu .brand {
background-color: #23282e;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}
.nav-side-menu .toggle-btn {
display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer;
/*
.collapsed{
.arrow:before{
font-family: FontAwesome;
content: "\f053";
display: inline-block;
padding-left:10px;
padding-right: 10px;
vertical-align: middle;
float:right;
}
}
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
font-family: FontAwesome;
content: "\f078";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #d19b3d;
background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #181c20;
border: none;
line-height: 28px;
border-bottom: 1px solid #23282e;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
font-family: FontAwesome;
content: "\f105";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.nav-side-menu li {
padding-left: 0px;
border-left: 3px solid #2e353d;
border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
text-decoration: none;
color: #e1ffff;
}
.nav-side-menu li a i {
padding-left: 10px;
width: 20px;
padding-right: 20px;
}
.nav-side-menu li:hover {
border-left: 3px solid #d19b3d;
background-color: #4f5b69;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
@media (max-width: 767px) {
.nav-side-menu {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #ffffff;
color: #000;
width: 40px;
text-align: center;
}
.brand {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
display: block;
}
}
body {
margin: 0px;
padding: 0px;
}
