html, body{margin:0; padding:0; height:100%}
body{font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7f7f7f; background: #fefefe url(/images/elit-ceram/i/body-bg.gif); padding-top:1px}
td{font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
a{color: #7f7f7f;}
img{border:0}
p{margin:13px 0 13px}

.red{color:#e21018;}

table#layout{height:100%; width:100%; max-width:1280px; border-collapse:collapse}
table#layout td#top{vertical-align:top; padding:0; background:url(/images/elit-ceram/i/top-bg.gif) no-repeat}
table#layout td#footer{vertical-align:bottom; padding:20px 50px 20px 70px; background:url(/images/elit-ceram/i/footer-bg.gif) no-repeat bottom left; line-height: 1.5}
#footer a{color:#e21018}
#index table#layout td#top{background-image:url(/images/elit-ceram/i/top-bg_ind.gif)}

h1, h2{margin:0 0 12px; color:#e21018; font:24px Arial}
h3{color:#e21018; font:bold 12px Arial; margin: 13px 0 15px}
h4{color:#e21018; font:bold 12px Arial; margin: 2px 0 13px}

#left{width:260px; margin:25px 30px 0 70px; float:left;}
#content{height:1%; hei\ght:auto; margin-left:360px; margin-top:35px; padding-right:35px; background:url(/images/elit-ceram/i/content-bg.gif) no-repeat bottom right}
.index-img{margin-top:1px; height:200px; background:url(/images/elit-ceram/i/ind.jpg) no-repeat}
#index #content{margin-top:11px; padding-right:140px}
* html #left{margin-right:27px; margin-left:35px; display:table}
* html table#layout{width:expression(document.body.clientWidth<1280 ? 'auto' : '1200px')}


/*доп. ссылки вверху*/
.top-nav{margin-left:877px;}
.top-nav img{margin-right:-1px}

.st{color:#bbbbbb; margin-bottom:5px}


/*главное меню*/
ul#top-menu{list-style:none; margin:17px 0 19px 70px; padding:0}
ul#top-menu li{color:#151515; font:bold 14px Arial; display:inline; margin-right:30px}
ul#top-menu a{color:#151515; font:bold 14px Arial; text-decoration:none; border-bottom:2px solid #878787}
ul#top-menu li.selected{color:#bdbdbd; border-bottom:3px solid #e21018; padding-bottom:3px}
ul#top-menu li.selected a{color:#bdbdbd; border-bottom:none}

/*меню слева*/
ul#left-menu{list-style:none; margin:8px 0; padding:0}
ul#left-menu li{margin-bottom:1px}
ul#left-menu li, ul#left-menu a{color:#151515; font:bold 12px Arial, Helvetica, sans-serif}
ul#left-menu ul{list-style:none; margin:5px 0 15px; padding:0}
ul#left-menu ul li{list-style:none; background:url(/images/elit-ceram/i/leftmenuli.gif) no-repeat; padding-left:8px; margin-bottom:3px}
ul#left-menu ul li, ul#left-menu ul a{color: #7f7f7f; font:11px Tahoma,  Verdana, Geneva, Arial, Helvetica, sans-serif}


/*сменные картинки вверху + телефон */
table.header{border-collapse:collapse}
table.header img{vertical-align:top}
table.header td{vertical-align:top; padding:0}
table.header h1{margin:0}
table.header .phone{padding-left:110px}
table.header .phone img {margin-right:10px; margin-bottom:5px; float:left;}
table.header .link{margin-top:55px; display:block}

a.newwindow{background:url(/images/elit-ceram/i/targetlink.gif) no-repeat bottom right; padding: 0 13px 9px 0}

/*каталог*/
.item-img{padding-right:20px; padding-bottom:30px}
.item-img img{border:1px solid #e4e4e4}
.item-img img.empty{border: 0px}
.item-info{color:#151515; padding-bottom:30px}
.item-info .red{font:12px Arial}
table.detail{table-layout: fixed; width:100%; overflow: hidden;}
* html table.detail{width:auto}
.detail .item-img{padding-right:0}
.detail .item-info{padding:0  5px 0 13px;}
.detail .add-img{width:218px; background:#fff; border:1px solid #e4e4e4; text-align:center; vertical-align:middle}
.detail .empty-img{border: 0px; text-align:center; vertical-align:middle}
.detail .spacer{height:30px}