title: How can I solve this - styling two lists
body: <p>I am making a website for a virtual airline. I have a list styled for my topnav div, however I want just the usual list for another div I'm using. This another div I want to use are jQuery tabs. Trouble is, it's calling the list defines from the .usual, which is the main div for the jQuery tabs, so my list has no dots, and does not function like a list, being in a single line and breaking the format.</p>
  
  <pre><code>.usual li { 
      list-style:none; 
      float:left; 
  }
  </code></pre>
  
  <p>HTML...</p>
  
  <pre><code>&lt;div class="usual"&gt;
    &lt;ul class="idTabs"&gt;
      &lt;li&gt;&lt;a href="#idTab1" class="selected"&gt;Introduction&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#idTab2"&gt;Recruitment&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#idTab3"&gt;Management&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#idTab4"&gt;Operating Procedures&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#idTab5"&gt;Airline Rules &amp; Policies&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
      &lt;div class="pilot_handbook" id="idTab1"&gt;
      &lt;p&gt;Hello there&lt;/p&gt;
  
      &lt;br/&gt;
      &lt;div class="msg-yellow"&gt;&lt;strong&gt;Tip:&lt;/strong&gt; Navigate the handbook by the tabs on the top. These allow you to access different sections of the handbook.&lt;/div&gt;
      &lt;br/&gt;
  
      &lt;/div&gt;
  
      &lt;div class="pilot_handbook" id="idTab2"&gt;
      &lt;p&gt;&lt;strong&gt;1.1 Testing&lt;br /&gt;
    &lt;/strong&gt;&lt;br /&gt;
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
  &lt;ul class="basic_list"&gt;
    &lt;li&gt;Testing 1&lt;/li&gt;
    &lt;li&gt;Testing 2&lt;/li&gt;
    &lt;li&gt;Testing 3&lt;/li&gt;
  &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Then I tried clearing the style on the .usual li by making a class on the ul, and doing this. It doesn't however work, and I'm slightly lost...</p>
  
  <pre><code>.basic_list {
      list-style-type: circle;
      float: none;
  }
  </code></pre>