
#menu {
	display:block;  
	width:202px;
	margin:10px 0 10px 0; padding:0;
	background:url(/_tpl/_img/menu_bg.jpg) repeat-y left;   
	border-top:1px #a8a6a6 solid;
	font-family: Verdana;
	}

#menu ul {
display:block;   
background:url(/_tpl/_img/menu_bot.jpg) no-repeat bottom left;
padding:20px 0 40px 48px;   
list-style:none; 
}
#menu ul li { width:150px; padding:10px 0 10px 0;  background:url(/_tpl/_img/li.gif) no-repeat left center;}
#menu ul li a { padding-left:15px; }
#menu li#select span{padding-left:15px;  color:#ff3f13; font-size:13px;  background:url(/_tpl/_img/li_select.gif) no-repeat left center;}
#menu li#select a {padding-left:15px;  color:#ff3f13; font-size:13px;  background:url(/_tpl/_img/li_select.gif) no-repeat left center;}
#menu li a{display:block; padding-left:15px; font-size:13px; color:#0664b4; text-decoration:underline;}
#menu li a:hover{padding-left:15px; font-size:13px; color:#0664b4; text-decoration:underline; text-decoration:none; color:#ff3f13; background:url(/_tpl/_img/li_select.gif) no-repeat left center;}

/* Ссылка "Главная" в вертикальном меню */
.tomain_link { margin: 30px 0 0 48px;  color:#ff3f13; font-size:13px;  background:url(/_tpl/_img/li_select.gif) no-repeat left center;}
.tomain_link span { padding-left: 15px; }
.tomain_link a { display:block; padding-left: 15px; font-size:13px; color:#0664b4; text-decoration:underline; background:url(/_tpl/_img/li.gif) no-repeat left center;}

/* марки ноутов в шапке*/
ul#mark {margin:7px 0 0 35px; display:block; list-style:none;  overflow:hidden; }
ul#mark li {float:left; display:inline;}
ul#mark li a {display:block; height:34px; position:relative; text-align:center;}
ul#mark li a .img{
display:block;
height:34px;
position:absolute;
top:0px;
left:0px;
cursor:pointer;
}
ul#mark a .txt{
font-size:16px;
}


ul#mark a.asus { width:83px;}
ul#mark a.asus .img{
width:83px;
background:url(/_tpl/_img/mark/b_asus.gif) no-repeat;
}
ul#mark a.asus:hover .img{ width:83px; background:url(/_tpl/_img/mark/c_asus.gif) no-repeat;}

ul#mark a.toshiba { width:100px;}
ul#mark a.toshiba  .img{ width:100px; background:url(/_tpl/_img/mark/b_toshiba.gif) no-repeat;}
ul#mark a.toshiba:hover .img{ width:100px; background:url(/_tpl/_img/mark/c_toshiba.gif) no-repeat;}

ul#mark a.lenovo { width:120px;}
ul#mark a.lenovo .img{ width:120px; background:url(/_tpl/_img/mark/b_lenovo.gif) no-repeat;}
ul#mark a.lenovo:hover .img{ width:120px; background:url(/_tpl/_img/mark/c_lenovo.gif) no-repeat;}

ul#mark a.hp { width:53px;}
ul#mark a.hp .img{ width:53px; background:url(/_tpl/_img/mark/b_hp.gif) no-repeat;}
ul#mark a.hp:hover .img{ width:53px; background:url(/_tpl/_img/mark/c_hp.gif) no-repeat;}

ul#mark a.roverbook { width:119px;}
ul#mark a.roverbook .img{ width:119px; background:url(/_tpl/_img/mark/b_rover.gif) no-repeat;}
ul#mark a.roverbook:hover .img{ width:119px; background:url(/_tpl/_img/mark/c_rover.gif) no-repeat;}

ul#mark a.lg { width:72px;}
ul#mark a.lg .img{ width:72px; background:url(/_tpl/_img/mark/b_lg.gif) no-repeat;}
ul#mark a.lg:hover .img{ width:72px; background:url(/_tpl/_img/mark/c_lg.gif) no-repeat;}

ul#mark a.acer { width:61px;}
ul#mark a.acer .img{ width:61px; background:url(/_tpl/_img/mark/b_acer.gif) no-repeat;}
ul#mark a.acer:hover .img{ width:61px; background:url(/_tpl/_img/mark/c_acer.gif) no-repeat;}

ul#mark a.dell { width:62px;}
ul#mark a.dell .img{ width:62px; background:url(/_tpl/_img/mark/b_dell.gif) no-repeat;}
ul#mark a.dell:hover .img{ width:62px; background:url(/_tpl/_img/mark/c_dell.gif) no-repeat;}

ul#mark a.sony { width:89px;}
ul#mark a.sony .img{ width:89px; background:url(/_tpl/_img/mark/b_sony.gif) no-repeat;}
ul#mark a.sony:hover .img{ width:89px; background:url(/_tpl/_img/mark/c_sony.gif) no-repeat;}

ul#mark a.samsung { width:84px;}
ul#mark a.samsung .img{ width:84px; background:url(/_tpl/_img/mark/b_samsung.gif) no-repeat;}
ul#mark a.samsung:hover .img{ width:84px; background:url(/_tpl/_img/mark/c_samsung.gif) no-repeat;}

ul#mark a.siemens { width:89px;}
ul#mark a.siemens .img{ width:89px; background:url(/_tpl/_img/mark/b_siemens.gif) no-repeat;}
ul#mark a.siemens:hover .img{ width:89px; background:url(/_tpl/_img/mark/c_siemens.gif) no-repeat;}



