Jquery slider CSS issue
<p>I had a trouble in using a jquery slider, can anyone help me in the following issue. </p>

<p>I was been trying to add a <strong>"jquery slider"</strong> to my html page.But I got some troubles in the page because the Jquery slider(css,js) files are affecting my original css styles in the page,which led to the change of font-style in the menu..</p>

<p>
    Slider</p>

<pre><code>&lt;---- My original css ---&gt;

&lt;link rel="stylesheet" href="css/index.css" type="text/css"&gt;

&lt;---- My original css ---&gt;
</code></pre>

<p>&lt;---- Jquery css ---></p>

<pre><code>&lt;link href="css/ninja-slider.css" rel="stylesheet" type="text/css" /&gt;
&lt;link href="css/thumbnail-slider.css" rel="stylesheet" type="text/css" /&gt;
&lt;script src="js/ninja-slider.js"&gt;&lt;/script&gt;
</code></pre>

<p></p>

<pre><code>&lt;style&gt;
    body {font: normal 0.9em Arial;color:#222;}
    header {display:block; font-size:1.2em;margin-bottom:100px;}
    header a, header span {
        display: inline-block;
        padding: 4px 8px;
        margin-right: 10px;
        border: 2px solid #000;
        background: #DDD;
        color: #000;
        text-decoration: none;
        text-align: center;
        height: 20px;
    }
    header span {background:white;}
    a {color: #1155CC;}
&lt;/style&gt;
</code></pre>

<p>&lt;---- Jquery css ---></p>