панели fineber

by mirowin

HTML

<table width="100%" class="cardstyle" style="margin:15px 5px 5px 5px">
    <tbody>
        <tr>
            <td>
                <table>
                    <tr>
                        <td width="30%">
                            <img src="http://www.fineber.ru/upload/iblock/307/3076e76b35dec86d19b636493e2cb924_thumb_72785622a9cf595b.jpg" width="100%" />
                        </td>
                        <td width="40%">
                            <center>
                                 <h3>
                               Серия "Камень"
                           </h3>
                                <p>
                                    Цена от 99,99р
                                </p>

                                <p>Длина панели: 1137 мм
                                    <br/>Рабочая ширина: 470 мм
                                    <br/>Площадь покрытия: 0,46 кв.м.
                                    <br/>Количество в упаковке: 10 шт.
                                    <br/>Масса упаковки: 23,4 кг</p>
                            </center>
                        </td>
                        <td width="30%">
                            <img src="http://www.fineber.ru/upload/iblock/674/674eee1b35da2117efadda61c3b59c5c_thumb_2f90904ae3a03b27.png" width="100%" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr><tr><td>
        <table>
            <tr>
                <td>
                    <h3>Доступно в цветах:</h3>
                    <div class="catalog-item-container clearfix">
				<a  class="catalog-item fancybox" rel="detail" title="Мелованный белый">
			<div class="ci-image"><img src="/upload/iblock/713/713ab1af0ebd64932caafbe951c6bd86_thumb_5eeeb8a8f0fbcc72.png"></div>
			<div class="ci-title">Мелованный белый</div>
			<!--<div class="si-new"></div>-->
		</a>
				<a  class="catalog-item fancybox" rel="detail" title="Natur Бежевый">
			<div class="ci-image"><img...

CSS

@import url(http://fonts.googleapis.com/css?family=Bad+Script&subset=latin, cyrillic);
   @font-face {
       font-family: robotoMedium;
       src: url(/fonts/robotoMedium.ttf);
   }
   @font-face {
       font-family: robotoReg;
       src: url(/fonts/robotoReg.ttf);
   }
   @font-face {
       font-family: roboto;
       src: url(/fonts/roboto.ttf);
   }
   @import url(http://fonts.googleapis.com/css?family=Roboto:400, 500&subset=latin, cyrillic);
   html {
       padding: 0;
       margin: 0;
   }
   body {
       font-family: robotoReg;
       padding: 0;
       margin: 0;
       background-color:#DADFE1
   }
   #content {
       width:100%;
       min-width:998px;
       //width:expression(document.body.clientWidth > 998?'100%' :'998px');
   }
   #otstup {
       height: 15;
   }
   #logo {
       width: 315;
       height: 119;
       background: url('../pic/logo.gif') no-repeat center top;
   }
   #line {
       height: 139;
       width:6;
       background-color:#cc0000;
   }
   #lineb {
       height: 46px;
       background-color:rgb(50, 167, 169);
       margin:0;
       border-left: 47px solid rgb(0, 117, 119);
       color:black;
   }
   #kolaj {
       width: 546;
       height: 141;
       background: url('../pic/kolaj.gif') no-repeat center;
       float: right;
   }
   #decor {
       width: 336;
       height: 144;
       background: url('../pic/decor.gif') no-repeat center;
   }
   #poisk {
       width: 208;
       height: 73;
       background: url('../pic/poisk.gif') no-repeat center;
   }
   #search {
       width: 206;
       height: 72;
       background-color: #cccccc;
   }
   #slogan {
       height: 46px;
       background-color: #33ccff;
       margin:0;
       border-bottom: 4px solid #cc0000;
   }
   #slogan h1 {
       font-size:16pt;
       font-weight: lighter;
       padding: 7 0 0 5;
       margin: 0;
   }
   #start {
       padding: 0 13 0 0;
       border-right: 1px dashed #cecece;
   }
   #start h1 {
       padding: 0;
   ...