body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	background-color: #000000;
}
#mid {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 926px;
}
.mainNav {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 286px;
	width: 249px;
}
.fl {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 286px;
	width: 677px;
}

#mainNavUL {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	list-style-type: none;
}


#top {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 926px;
}
#searchMid {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 926px;
	background-color: #dbe8fd;
}

/*

here going the main nav ...

*/

/*    1*/

.ho {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 33px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/h_04.gif);
}


.ho a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 249px;
	background-image: url(../../HTML/images/h_04.gif);
	clear: both;
	float: left;
}


.ho a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 249px;
	background-image: url(../../HTML/images/hh-ho_04.gif);
	clear: both;
	float: left;
}

/*  2             */


.ab {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 31px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/aa_06.gif);
}


.ab a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 249px;
	background-image: url(../images/aa_06.gif);
	clear: both;
	float: left;
}


.ab a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 249px;
	background-image: url(../images/aa-ho_06.gif);
	clear: both;
	float: left;
}


/*   3*/


.se {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 30px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/se_07.gif);
}


.se a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/se_07.gif);
	clear: both;
	float: left;
}


.se a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/se-ho_07.gif);
	clear: both;
	float: left;
}




/*   4 */

.sale {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 30px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/sale_08.gif);
}


.sale a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/sale_08.gif);
	clear: both;
	float: left;
}


.sale a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/sale-ho_08.gif);
	clear: both;
	float: left;
}


/*   5 */


.let {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 31px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/let_09.gif);
}


.let a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 249px;
	background-image: url(../images/let_09.gif);
	clear: both;
	float: left;
}


.let a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 249px;
	background-image: url(../images/let-ho_09.gif);
	clear: both;
	float: left;
}





/*    6*/



.lan {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 30px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/lan_10.gif);
}


.lan a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/lan_10.gif);
	clear: both;
	float: left;
}


.lan a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/lan-ho_10.gif);
	clear: both;
	float: left;
}


/*  7 */


.ten {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 30px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/ten_11.gif);
}


.ten a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/ten_11.gif);
	clear: both;
	float: left;
}


.ten a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/ten-ho_11.gif);
	clear: both;
	float: left;
}



/*8*/



.ser {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 30px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/ser_12.gif);
}


.ser a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/ser_12.gif);
	clear: both;
	float: left;
}


.ser a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 249px;
	background-image: url(../images/ser-ho_12.gif);
	clear: both;
	float: left;
}


/*  9   */

.co {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 41px;
	width: 249px;
	display: block;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/co_13.gif);
}


.co a{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 249px;
	background-image: url(../images/co_13.gif);
	clear: both;
	float: left;
}


.co a:hover{
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 249px;
	background-image: url(../images/co-ho_13.gif);
	clear: both;
	float: left;
}








/*

main nav css . over 
*/