/* LAYOUT
----------------------------------------------- */
html,
body {min-height: 100%; height: auto; //height: 100%;}
body {margin: 0; padding: 0; background: #F5F6F7; text-align: center;}

#layout {width: 964px; height: 100%; margin: 0 auto;}
#body {border: 1px solid #D6D8DA; border-width: 0 1px; background: #fff; padding: 0 1px; vertical-align: top;}

#header {background: transparent url(/img/header_bg.jpg) no-repeat 0 26px;}
#header-top {height: 186px; padding-right: 58px; background: transparent url(/img/header_top.gif) no-repeat 266px 0;}
#logo {float: left; padding-left: 60px;}
#basket {float: right; width: 155px; height: 63px;}

#cols {margin: 0 28px; padding-top: 40px;}
#left {float: left; width: 200px; padding-bottom: 50px;}
#main {float: right; width: 670px; padding-bottom: 50px;}

#footer {clear: both; margin: 0 28px; border-top: 2px solid #D5D5D5; padding: 20px 0;}
#copy {text-align: center; line-height: 17px;}
#copy strong {font-weight:  normal; color: #0679B7;}



/* NAVIGATION
----------------------------------------------- */
/* m1 */
#m1 {font-weight: bold; font-size: 12px; list-style-image: none; list-style-type: none; margin: 0; padding: 0 0 0 95px; height: 54px; background: #E5E7EA url(/img/m1_bg.gif) no-repeat 57px 0;}
#m1 li {display: block; float: left; padding: 13px 25px 0 0; white-space: nowrap;}
#m1 a {text-decoration: none;}
#m1 a.a,
#m1 a.a:link,
#m1 a.a:visited,
#m1 a.a:hover {color: #333;}

/* m1-bot */
#m1-bot {height: 40px; text-align: center;}
#m1-bot img {width: 25px; height: 1px;}

/* m2 */
#m2 {list-style-image: none; list-style-type: none; margin: 0 0 50px 0; padding: 0; font-size: 12px;}
#m2 li {background: transparent url(/img/dots_h.gif) repeat-x left bottom;}
#m2 li.first {padding-top: 0;}
#m2 li.last {padding-bottom: 0; background-image: none;}
#m2 div {background: transparent url(/img/m2.gif) no-repeat 3px 13px; padding: 8px 5px 11px 15px;}
#m2 .a div {background-image: url(/img/m2a.gif);}
#m2 .a a,
#m2 .a a:link,
#m2 .a a:visited,
#m2 .a a:hover {color: #333;}

/* path */
#path {padding-bottom: 12px; margin-bottom: 10px; background: transparent url(/img/dots_h.gif) repeat-x left bottom;}



/* BLOCKS
----------------------------------------------- */
a img {border: none;}
.width-fix {width: 100%;}
.clear {clear: both; height: 0; font-size: 0; line-height: 0;}
.png {//background-image: none !important; behavior: url(pngfix.htc);}
pre {text-align: left;}

/* phone */
#phone {float: right; width: 195px; height: 63px; background: #fff url(/img/contacts/phone.gif) no-repeat 25px 13px;}
#phone .h {font-weight: bold; padding-top: 13px;}
#phone .h,
#phone .main {padding-left: 50px;}

/* basket */
.basket {background: transparent url(/img/basket.gif) no-repeat 0 13px;}
.basket .h {font-weight: bold; padding-top: 13px;}
.basket .h,
.basket .main {padding-left: 25px;}

/* news */
.news {margin-bottom: 50px;}
.news .h {font-weight: bold; font-size: 12px; color: #0679B7; padding-bottom: 15px;}
.news-face .h {padding-left: 5px;}
.news .date {font-size: 10px; color: #7D7D7D; background: transparent url(/img/news_date.gif) no-repeat 0 3px; padding: 0 0 3px 15px;}
.news-face .date {background-position: 5px 3px; padding-left: 20px;}
.news .title {padding-bottom: 15px;}
.news-face .title {padding-left: 5px;}
.news .lnk {background: transparent url(/img/news_lnk.gif) no-repeat; padding: 15px 0 0 5px;}

/* auth */
.auth {border: 2px solid #D5D5D5; border-width: 2px 0; padding: 25px 0 50px 5px; margin-bottom: 25px;}
.auth td {color: #B1B1B1;}
.auth table.form {margin-bottom: 10px;}
.auth table.form .fr input.text {width: 220px;}
.auth div {padding-top: 5px;}

/* contacts */
.contacts {padding-left: 5px;}
.contacts .h {font-weight: bold; font-size: 12px; color: #0679B7; padding-bottom: 15px;}
.contacts .address,
.contacts .phone,
.contacts .email {padding: 1px 0 10px 25px; background-repeat: no-repeat;}
/*.contacts .address {background-image: url(/img/contacts/address.gif);}*/
.contacts .phone {background-image: url(/img/contacts/phone.gif);}
.contacts .email {background-image: url(/img/contacts/email.gif);}

/* cat-types */
.cat-types .h {font-weight: bold; font-size: 12px; color: #0679B7; padding-bottom: 15px;}
.cat-types .item {float: left; width: 33.3%; text-align: center; padding-bottom: 45px;}
.cat-types img {margin-bottom: 10px;}

/* cat-items */
.cat-items .col1 {float: left; width: 47%; margin-bottom: 30px;}
.cat-items .col2 {float: right; width: 47%; margin-bottom: 30px;}
.cat-items .img {float: left; border: 1px solid #bbb;}
.cat-items .descr {width: 165px; float: right;}
.cat-items .title {font-size: 12px; margin-bottom: 5px;}
.cat-items .price {margin-top: 10px; border-top: 1px solid #bbb; padding: 5px; color: #ccc;}
.cat-items .price strong {font-size: 12px; color: #555;}

/* cat-item */
.cat-item {margin-bottom: 40px;}
.cat-item .img {float: left; border: 1px solid #bbb; margin-right: 20px;}
.cat-item .descr {float: left;}
.cat-item .title {font-size: 16px; font-weight: bold; color: #0679B7; padding: 5px 0 10px 0;}
.cat-item .price {border: 1px solid #bbb; padding: 10px; font-size: 12px; color: #555; width: 300px;}
.cat-item .price strong {font-size: 14px;}
.cat-item .buy {padding-top: 10px; font-size: 12px;}

/* an */
.an .title {font-weight: bold; font-size: 12px; color: #72AABB; padding-bottom: 5px;}
.an .item {margin-bottom: 15px;}
.an img {float: left; margin: 0 10px 5px 0;}
.an .lnk {margin-top: 3px;}