/* columns on main -- if we need NSs for pages, add class to body tag = ParentController.GetType() */
.frontpage-columns { padding: 10px 0 0; }
.frontpage-columns .left { float: left; margin: -38px 10px 0 0; width: 210px; z-index: 20; position: relative; }
.frontpage-columns .main { margin-left: 210px; }
/* .columns + div { clear: both; } */
.frontpage-columns > div > div, .frontpage-columns > div > ul { margin-bottom: 10px; }


/* catalog at left column */
.catalog { background-color: #F3F3F3; cursor: pointer; }
.catalog > li { background: transparent url(/img/arrow.png) no-repeat right; height: 29px; border: 1px solid #ddd; border-top: 0; line-height: 28px; padding: 0 10px; position: relative; z-index: 21; }
.catalog a { font-family: "Arial" , "Helvetica" , sans-serif; font-size: 12px; color: #333; }
.catalog > li:first-child { height: 28px; }
.catalog ul { position: absolute; top: -1px; left: 208px; width: 210px; background-color: #fbfbfb; display: none; border-bottom: 1px solid #ddd; }
.catalog .expanded { background-color: white; }
.catalog .expanded > a { color: #004bad; text-decoration: underline; }
.catalog .expanded ul { display: block; z-index: 50; background-color: white; }
.catalog ul li { height: 29px; border: 1px solid #ddd; border-bottom: 0; padding: 0 8px; overflow: hidden; }
.catalog ul a { color: #666; display: block; }


.tagcloud div { padding: 0 9px 9px; }
.tagcloud a { line-height: 120%; }
.tagcloud .w1 { font: 11px Arial; color: #999; }
.tagcloud .w2 { font: 13px Arial; color: #F60; }
.tagcloud .w3 { font: bold 14px Arial; color: #666; }
.tagcloud .w4 { font: bold 18px Arial; color: #F60; }

/* You've just seen */
.recent-you .frame { margin: 10px; }

/* promo */

.promo { height: 210px; margin: 0 200px 10px 10px; }
.promo .content li { display: none; }
.promo .first .c1, .promo .second .c2, .promo .third .c3 { display: block; }
/* list-item (?) */
.promo .tabs { margin-top: -33px; text-align: right; padding: 0 10px; }
.promo .tabs span { margin: 0 2px; display: inline-block; width: 24px; height: 24px; line-height: 24px; background: transparent url(../Img/buttons.png) no-repeat -24px -171px; font-weight: bold; text-align: center; color: #808080; }
.promo .first .t1, .promo .second .t2, .promo .third .t3 { background-position: 0 -171px; color: #000; }


/* user's block inside body */
.user-body { border: 1px solid #f1d38b; padding: 1px; width: 190px; float: right; }
.user-body .border { border: 2px solid #fcf4cd; padding: 1px; height: 206px; }
.user-body form { border-bottom: 1px solid #ddd; text-align: center; padding-bottom: 5px; }
.user-body form div { margin: 5px; } 
.user-body .login { background-position: -184px 0; border: 0 none; height: 27px; padding: 6px; width: 100px; font-weight: bold; color:#593600; text-shadow:1px 1px #ffe2ab; cursor: pointer; }
.user-body .login:hover { background-position: -184px -27px; }
.user-body h5, .user-body form span { text-align: center; margin: 5px 0; }
.user-body h5 .active { font-weight: bold; }
.user-body ul { margin: 15px 0; padding: 0 20px; }
.user-body li { margin: 5px 0; }
.user-body .border > a { display: block; position: absolute; right: 0; bottom: 0; margin: 3px; font-size: 90%; }

/* Твоя правильно сделать - приоходить к нам (внутренняя реклама) */
.inner-adv { overflow: hidden; }
.inner-adv li { float: left; width: 33%; padding: 0 10px; border-left: 1px solid #ddd; }
.inner-adv li:first-child { border: 0; }
.inner-adv div { font-size: 90%; margin: 2px 0; height: 42px;  overflow: hidden; }
.inner-adv li a { display:block; text-align:right; margin: 0 6px; font-size: 90%; }

/* Последние преложения (по сайту) */
.recent-all { border: 1px solid #ddd; padding: 2px; overflow: hidden; }
.recent-all h4, .recent-all ul { background-color: #f7f7f8; }
.recent-all h5 { text-align: center; font-weight: bold; color: #800; }
.recent-all ul { overflow: hidden; }
.recent-all li { float: left; width: 33%; padding: 0 10px; border-left: 1px solid #ddd; }
.recent-all li:first-child { border: 0; }

.recent-all .frame { height: 145px; overflow: hidden; position: relative; }
.recent-all .scroller { position: absolute; width: 100%; }
.recent-all li > a { display: block; font-size: 90%; text-align: right; margin: 0 3px 3px; }

/***** Вид для товаров списком *****/
.offer { height: 43px; clear: both; white-space: nowrap; margin-top: 5px; overflow: hidden; }
.empty { text-align: center; padding: 14px 0; }
.offer div { overflow: hidden; height: 41px; }
.offer .altar { width: 41px; border: 1px solid #dcdcdc; margin-right: 5px; float: left; }
.offer .altar a { display: block; text-align: center; }
.offer .altar img { max-height: 35px; max-width: 35px; margin: 2px; }

/* популярные товары */
.popular { overflow: hidden; }
.popular > h4 { background-color: transparent; color: #ff2a00; }
.popular > div { float: left; width: 134px; height: 150px; text-align: center; margin: 6px; }

.popular .altar { height: 80px; line-height: 80px; }
/* need vertical align */
.popular .altar img { vertical-align: middle; max-width: 78px; max-height: 78px; }
.popular .name { margin: 4px 0; overflow: hidden; height: 40px; line-height: 20px; }
.popular .price { color: #f00; font-weight: bold; }