<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
$("#first-tab").addClass('buttonHover');
$("#four-tab").addClass('buttonHover');
};);
function navigate_tabs(container, tab)
{
$(".b").css('display' , 'none');
$(".c").css('display' , 'none');
$(".a").css('display' , 'none');
$("#first-tab").removeClass('buttonHover');
$("#second-tab").removeClass('buttonHover');
$("#third-tab").removeClass('buttonHover');

$(".f").css('display' , 'none');
$(".g").css('display' , 'none');
$(".e").css('display' , 'none');
$("#four-tab").removeClass('buttonHover');
$("#five-tab").removeClass('buttonHover');
$("#six-tab").removeClass('buttonHover');
$("#"+tab).addClass('buttonHover');
$("."+container).show('slow');
}
// ]]>
</script>

<div align="left">
<div id="wrap">
<p style="text-align: justify;"><span style="font-size:22px;"><span style="font-family:arial,helvetica,sans-serif;"><strong> Клеевые смеси</strong></span></span></p>

<p style="text-align: center;"><a class="buttons" href="javascript:navigate_tabs('a','first-tab');" id="first-tab"><span style="font-size:10pt">CM11</span></a> <a class="buttons" href="javascript:navigate_tabs('b','second-tab');" id="second-tab"><span style="font-size:10pt">Флизен</span></a> <a class="buttons" href="javascript:navigate_tabs('c','third-tab');" id="third-tab"><span style="font-size:10pt">Юнис плюс</span></a></p>

<div align="center" id="body">
<div class="a">
<center style="text-align: center;"><img alt="" src="/cm11plus.png" style="width: 150px; height: 165px;" /></center>
</div>

<div class="a" style="text-align: center;"> </div>

<div class="a" style="text-align: center;"><strong style="font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 1.6;">ЦЕНА: 230 РУБ.</strong></div>

<div class="b">
<center style="text-align: center;"><img alt="" src="/flizen1.png" style="width: 200px; height: 175px;" /></center>
</div>

<div class="b" style="text-align: center;"> </div>

<div class="b" style="text-align: center;"><strong style="font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 1.6;">ЦЕНА: 250 РУБ.</strong></div>

<div class="c">
<center style="text-align: center;"><img alt="" src="/unispng.png" style="width: 150px; height: 165px;" /></center>
</div>

<div class="c" style="text-align: center;"> </div>

<div class="c" style="text-align: center;"><strong style="font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 1.6;">ЦЕНА: 280 РУБ.</strong></div>
</div>
</div>
</div>

<div align="left">
<div id="wrap">
<p style="text-align: left;"><span style="font-size:22px;"><span style="font-family:arial,helvetica,sans-serif;"><strong> Шпаклёвки</strong></span></span></p>

<p style="text-align: center;"><a class="buttons" href="javascript:navigate_tabs('e','four-tab');" id="four-tab"><span style="font-size:10pt">Vetonit LR+</span></a> <a class="buttons" href="javascript:navigate_tabs('f','second-tab');" id="five-tab"><span style="font-size:10pt">Флизен</span></a> <a class="buttons" href="javascript:navigate_tabs('g','six-tab');" id="six-tab"><span style="font-size:10pt">Юнис плюс</span></a></p>

<div align="center" id="body">
<div class="e">
<center style="text-align: center;"><img alt="" src="/vetonit-lr.png" style="width: 180px; height: 165px;" /></center>
</div>

<div class="e" style="text-align: center;"> </div>

<div class="e" style="text-align: center;"><strong style="font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 1.6;">ЦЕНА: 580 РУБ.</strong></div>

<div class="f">
<center style="text-align: center;"><img alt="" src="/flizen1.png" style="width: 200px; height: 175px;" /></center>
</div>

<div class="f" style="text-align: center;"> </div>

<div class="f" style="text-align: center;"><strong style="font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 1.6;">ЦЕНА: 250 РУБ.</strong></div>

<div class="g">
<center style="text-align: center;"><img alt="" src="/unispng.png" style="width: 150px; height: 165px;" /></center>
</div>

<div class="g" style="text-align: center;"> </div>

<div class="g" style="text-align: center;"><strong style="font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 1.6;">ЦЕНА: 280 РУБ.</strong></div>
</div>
</div>
</div>

body{
/* Setting default text color, background and a font stack */
font-size:13px;
background: #ffffff url(http://www.dlcompany.org/bg_grid.png);
font-family:Arial, Helvetica, sans-serif;
}
.b, .c{ display:none;}
.f, .g{ display:none;}

#body em{ font-style:normal; font-size:36px;}

.buttons{
border-bottom:solid #00B4FF 4px;
display:block;
padding:8px;
width:80px;-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
text-align:center;
margin:1px;
background:#00ff00;
text-decoration:none; color:#FFFFFF;
float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px
}

.buttonHover{background:#00B4FF;border-bottom:solid #FF0000 4px;}
a.buttons:hover{background:#00B4FF;border-bottom:solid #FF0000 4px;}
#body {
background:#00B4FF;
text-align:justify;
overflow:hidden;
color:#fff;
padding:20px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em; height:200px;
width:272px;
}

#wrap{
text-align:left;
overflow:hidden;
width:350px;
height:380px;
}