помогите

Есть такой сss как его правильно подключить на сайте,что бы выглядело как на этом сайте http://www.nvita.ru/ форма поиска, буду очень признателен

в шаблоне

<table border="0" cellpadding="0" cellspacing="0" id="content" width="982px">

<tr>

<td rowspan="100" id="left-line"><div style="width:2px;height:1px;"></div></td>

<td id="sidebar-left" class="main-content"></div>

<div id="search" class="search-form">

<form action="/" method="GET">

<table class="simple-find-form2" border="0">

<tr>

<td valign="top" align="left"><input type="hidden" name="from" value="sf" />

<input type="hidden" name="page" value="search" />

<img src="images/search.png" width="475" height="86" align="baseline" class="result-text" />

<input type="text" class="search-text" name="q" /></td>

<td valign="top" align="center">

<input type="submit" id="search-submit" value="" /><br />

<a href="http://www.nvita.ru/node/13" class="hide-link">

<span id="search-hide"></span>

</a>

</td>

</tr>

</table>

</form>

</div>

<div class="tabs"></div>

<div class="node">

<span class="submitted"></span>

<div class="taxonomy"></div>

<div class="content">

<style type="text/css">

.word-search { text-decoration: underline; }

.word-search:hover { text-decoration: none; cursor: pointer; }

</style>

<h3>Фраза для поиска слишком короткая!</h3>

</div>

</div>

</td>

</tr>

</table>

css

.search-form{

background-image: url(/images/search.png);

background-repeat: no-repeat;

width: 475px;

height: 86px;

margin-left:0px;

margin-top:9px;

margin-bottom:10px;

padding:0px;

}

.search-text{

margin-top:32px;

margin-left:80px;

width:240px;

height:20px;

border:1px solid #70889f;

padding:0px;

}

#search-submit{

border:0;

background-image: url(/images/find-but.png);

background-color:transparent;

background-repeat: no-repeat;

padding:0px;

width: 145px;

height: 44px;

display:inline;

margin-top:18px;

z-index: 5;

}

#search-hide{

font-family:Arial;

font-size:10px;

}

#search-null{

font-family:Arial;

font-size:10px;

}

.search-select{

width:135px;

margin-top:7px;

}

.search-misc{

padding:0;

margin:0;

}

.hide-link{

position:relative;

top:-7px;

background-image: url(images/find-but.png);

}

.hide-link:link{

color: #333333;

text-decoration: underline;

}

.hide-link:visited{

color: #333333;

text-decoration: underline;

}

.hide-link:hover{

color: #333333;

text-decoration: underline;

}

#alpha-search{

margin-top:50px;

margin-bottom:20px;

}

#alpha-search-title{

font-family:Tahoma;

font-size:18px;

color:#104575;

}

.result-text{

font-family:Tahoma;

font-size:24px;

color:#104575;

}

.i-apteka{

font-family:Tahoma;

font-size:18px;

color:#104575;

}

.div-result-text{

margin-left:6px;

margin-bottom:10px;

}

.div-i-apteka{

margin-left:6px;

padding-bottom:3px;

}

.dots{

background-image: url(/images/fdots.png);

background-repeat: no-repeat;

margin-left:6px;

}

.s-prod{

margin-left:6px;

margin-bottom:10px;

}

.s-title{

font-family:Tahoma;

font-size:12px;

color:white;

font-weight:bold;

}

.a-title:link{

text-decoration:underline;

color:white;

}

.a-title:visited{

text-decoration:underline;

color:white;

}

.a-title:hover{

text-decoration:underline;

color:white;

}

.d-alpha{

margin-left:8px;

}

.title-alpha{

font-family:Tahoma;

font-size:18px;

color:#104575;

}

.d-title{

}

.alpha{

margin-top:10px;

margin-bottom:20px;

}

.symbol{

font-family:Tahoma;

font-size:15px;

color:#104575;

font-weight:bold;

cursor:pointer;

text-decoration:none !important;

}