/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0px !important; 
	padding:0px;	
	height:37px;
	overflow:hidden;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	height: 37px;  
	overflow:hidden;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	margin-right:1px;
}
ul.tabs a:active {
	outline:none;		
}
/* width 1 */
ul.tabs li.s a {width:122px;background:url(/bitrix/templates/metib/images/tab1off.gif) no-repeat top;}
ul.tabs li.s a:hover {width:122px;background:#517392 url(/bitrix/templates/metib/images/tab1h.gif) no-repeat top;}
ul.tabs li.s a.current {width:122px;background:#ccd8e4 url(/bitrix/templates/metib/images/tab1.gif) no-repeat top;}

/* width 2 */
ul.tabs li.l a {width:175px;background:url(/bitrix/templates/metib/images/tab2off.gif) no-repeat top;}
ul.tabs li.l a:hover {width:175px;background:#517392 url(/bitrix/templates/metib/images/tab2h.gif) no-repeat top;}
ul.tabs li.l a.current {width:175px;background:#ccd8e4 url(/bitrix/templates/metib/images/tab2.gif) no-repeat top;}


/* width 3 */
ul.tabs li.xl a {width:83px;background:url(/bitrix/templates/metib/images/tab3off.gif) no-repeat top;}
ul.tabs li.xl a:hover {width:83px;background:#517392 url(/bitrix/templates/metib/images/tab3h.gif) no-repeat top;}
ul.tabs li.xl a.current {width:83px;background:#ccd8e4 url(/bitrix/templates/metib/images/tab3.gif) no-repeat top;}


/* width 1 */
ul.tabs li.ss a {width:81px;background:url(/bitrix/templates/metib/images/bottomtab1off.gif) no-repeat top;}
ul.tabs li.ss a:hover {width:81px;background:#517392 url(/bitrix/templates/metib/images/bottomtab1h.gif) no-repeat top;}
ul.tabs li.ss a.current {width:81px;background:#ccd8e4 url(/bitrix/templates/metib/images/bottomtab1.gif) no-repeat top;}

/* width 2 */
ul.tabs li.ll a {width:103px;background:url(/bitrix/templates/metib/images/bottomtab2off.gif) no-repeat top;}
ul.tabs li.ll a:hover {width:103px;background:#517392 url(/bitrix/templates/metib/images/bottomtab2h.gif) no-repeat top;}
ul.tabs li.ll a.current {width:103px;background:#ccd8e4 url(/bitrix/templates/metib/images/bottomtab2.gif) no-repeat top;}


/* width 3 */
ul.tabs li.xll a {width:123px;background:url(/bitrix/templates/metib/images/bottomtab3off.gif) no-repeat top;}
ul.tabs li.xll a:hover {width:123px;background:#517392 url(/bitrix/templates/metib/images/bottomtab3h.gif) no-repeat top;}
ul.tabs li.xll a.current {width:123px;background:#ccd8e4 url(/bitrix/templates/metib/images/bottomtab3.gif) no-repeat top;}

.tabs_bottom
{
padding-top:60px;
}

div.panes div table tr td
{
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
}
div.panes div  table tr td ul li
{
padding:0px;
margin-left:10px;
margin-bottom:3px;
line-height:14px;
list-style-image:url(/bitrix/templates/metib/images/ul_style.gif);
}
div.panes div  table tr td a
{
font-size:11px;
text-decoration:none;
}
div.panes div table tr td a img
{
margin-left:10px;
margin-bottom:10px;
behavior: url(/bitrix/templates/metib/png/iepngfix.htc);
}
div.panes div  table tr td img.icon
{
margin-top:20px;
margin-left:0px;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
div.panes div.tabs_bottom_text1
{
background:#ccd8e4 url(/bitrix/templates/metib/images/how1.gif) no-repeat left center;
}
div.panes div.tabs_bottom_text2
{
background:#ccd8e4 url(/bitrix/templates/metib/images/how2.gif) no-repeat left center;
}
div.panes div.tabs_bottom_text3
{
background:#ccd8e4 url(/bitrix/templates/metib/images/how3.gif) no-repeat left center;
}
div.panes div.tabs_bottom_text1 a, div.panes div.tabs_bottom_text2 a, div.panes div.tabs_bottom_text3 a
{
font-weight:bold;
}