.clearer { clear: both; width: 0; height: 0 }
.clearer-left { clear: left; width: 0; height: 0 }
.clearer-right { clear: right; width: 0; height: 0 }
P { text-align: justify }

NOSCRIPT DIV.noscript-warning {
    display: block;
    padding: 40px 0;
    background: #FFB;
    color: #F00;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}
NOSCRIPT DIV P { text-align: center }
NOSCRIPT DIV.noscript-filler {
    height: 120px;
}

/* layout */
BODY { background: #FFF; font-family: Arial, Sans-Serif }
#wrapper { overflow: hidden; min-width: 1000px }
#container { position: relative; width: 1000px; margin: 0 auto }
#content.two-columns { float: right; width: 710px }
#content.single-column { width: 100% }
#navigation { float: left; width: 290px }

#header { width: 1000px; height: 170px; background: url(/podari-drova_2013/i/head.png) no-repeat; position: relative }
#footer { clear: both; width: 100%; background: #b0e5ff; font-size: 12px }

#content-inner { margin: 15px 10px 15px 25px }
#navigation-inner { margin: 15px 20px 15px 10px }
#footer-left { float: left; width: 290px }
#footer-right { float: left; width: 710px }
#footer-left-inner { margin: 15px }
#footer-right-inner { margin: 15px }

/* footer */
#footer A { color: #000; font-weight: bold }

/* header */
#header A.logo { position: absolute; left: 0px; top: 0px; width: 260px; height: 170px }

#header UL.menu { position: absolute; top: 0; left: 314px; border-top: 6px solid #E3E4E4; font-size: 12px }
#header UL.menu LI { float: left; list-style: none; text-align: center; margin-top: -6px /* border width */ }
#header UL.menu LI A {
    display: inline-block;
    padding-top: 7px;
    font-weight: bold;
    text-decoration: underline;
    border-top: 6px solid #E3E4E4;
    color: #7C7C7C;
    outline: 0 none;
}
#header UL.menu LI.cur A { border-top: 6px solid #ED2E24 }
#header UL.menu LI A:hover { text-decoration: none; color: #EF2D23 }

#header UL.menu LI.main { width: 104px; text-align: left }
/* #header UL.menu LI.rules { width: 135px } */
#header UL.menu LI.faq { width: 198px }
#header UL.menu LI.about { width: 264px }
#header UL.menu LI.contacts { width: 117px; text-align: right; }

/* left navigation block */
#navigation H3 {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    font-family: Georgia, Arial, Sans-Serif;
    border-bottom: 3px solid #E3E4E4;
    margin: 40px 0 5px 0;
    padding: 0 2px 10px 2px
}
#navigation H3:first-child,
#navigation .top-bag-block + H3 { margin-top: 20px }
#navigation H3 B,
#navigation H3 STRONG { color: #ED2E24 }
#navigation UL { list-style: url(/podari-drova_2013/i/list-bullet.png) outside; padding-left: 20px }
#navigation UL LI { margin-top: 10px }
#navigation UL LI A { text-decoration: none; color: #000; font-size: 14px }
#navigation UL LI A:hover { text-decoration: underline }
#navigation p { text-align:left; font-size: 14px; }
#navigation A { text-decoration: none; color: #000; font-size: 14px; }
#navigation A:hover { text-decoration: underline }

/* left navigatoin catalog */
#navigation .catalog-tabs .contents { margin-top: 16px }
#navigation .catalog-tabs .contents DIV { display: none }
#navigation .catalog-tabs .contents DIV.cur { display: block }
#navigation .catalog-tabs .contents H4 { font-size: 14px; margin-top: 25px; border-bottom: 1px solid #AAA; line-height: 1.3 }
#navigation .catalog-tabs .contents H4:first-child { margin-top: 15px }
#navigation .catalog-tabs .tabs { margin-top: 15px }
#navigation .catalog-tabs .tabs A {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    font-family: Georgia, Arial, Sans-Serif;
    text-decoration: underline;
    color: #000;
    outline: 0 none;
}
#navigation .catalog-tabs .tabs A.cur { text-decoration: none; color: #EF2D23; cursor: default }

/* left news */
#navigation .news-item H4 { font-size: 14px; line-height: 1.5; margin-top: 15px }
#navigation .news-item H4 .date { color: #EF2D23 }
#navigation .news-item H4 .title { font-weight: bold /*; text-decoration: underline*/ }
#navigation .news-item P { margin-top: 5px }

/* any article */
.article H1 { font-size: 24px; font-family: Georgia, Serif; margin: 20px 0 25px 0 }
.article H5 { font-size: 18px; font-family: Georgia, Serif; margin-top: 25px }
.article H6 { margin-top: 35px; font-size: 16px; line-height: 1.5; font-weight: bold }
.article H6 B { font-weight: bold }
.article P  { margin-top: 25px; font-size: 16px; line-height: 1.5 }
.article H6 + P { margin-top: 8px }
.article LI { margin-top: 10px; font-size: 16px; line-height: 1.5 }
.article OL { list-style: decimal outside; padding-left: 40px }
.article UL { list-style: disc outside; padding-left: 40px }
.article A { color: #EF2D23; text-decoration: underline }
.article B,
.article STRONG { /* color: #EF2D23; font-weight: normal */ font-weight: bold; }
.article TABLE { margin-top: 25px }
.article TD, .article TH { border: 0px solid Silver; padding: 0px }

.article P.tip { font-weight: bold; font-size: 14px; text-align: left }



/* main page: people ready */
.people-ready { background: #e3e4e4; padding: 10px; margin: 20px 0 }
.people-ready H2 {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    font-family: Georgia, Arial, Sans-Serif;
    border-bottom: 6px solid #E3E4E4;
    margin: 20px 0 5px 0;
    padding: 0 2px 10px 2px
}
.people-ready H2 B,
.people-ready H2 STRONG { color: #ED2E24 }
.people-ready .people-ready-item { float: left; width: 150px; margin: 15px 0 15px 15px }
.people-ready .people-ready-item.first-in-line { clear: both; margin: 15px 0 15px 0 }
.people-ready .people-ready-item IMG { width: 150px; height: 100px; border: 0 none; margin-bottom: 10px }
.people-ready .people-ready-item P.people { font-style: italic; font-size: 14px; text-align: left }
.people-ready .people-ready-item P.people B,
.people-ready .people-ready-item P.people STRONG { font-weight: bold; font-size: 14px }
.people-ready .people-ready-item P.gifts { font-style: italic; font-size: 14px; color: #EF2D23; text-align: left }
.people-ready .people-ready-item P.gifts B, 
.people-ready .people-ready-item P.gifts STRONG { font-weight: bold; font-size: 14px; color: #000 }


/* baloon */
#baloon { float: right; margin: 0 -30px 15px 15px; width: 260px; height: 220px; background: url(/podari-drova_2013/i/baloon.png) }
#baloon-inner { margin: 35px 30px 40px 50px }
#baloon H3 { font-family: Georgia, Serif; font-size: 20px; font-weight: bold; color: #EF2D23 }
#baloon P { font-size: 13px; text-align: left; margin-top: 5px; line-height: 1.1 }
#baloon P A { font-weight: bold; color: #555 }


/* catalog */

.top-bag-block A.order,
.bottom-bag-block A.order,
.bag-post .form A.order {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Sans-Serif;
    font-style: normal;

    background: #EE2E24;
    padding: 6px 15px;
    color: #FFF;
    text-decoration: none;
    line-height: 30px;
}

.top-bag-block A.order SPAN,
.bottom-bag-block A.order SPAN,
.bag-post .form A.order SPAN { border-bottom: 1px solid #FFF }

.top-bag-block A.order:hover SPAN,
.bottom-bag-block A.order:hover SPAN,
.bag-post .form A.order:hover SPAN { border-bottom: 0 none }


.price-filter { font-size: 14px; margin-top: 15px }
.price-filter A {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
    font-family: Georgia, Serif;
    font-size: 12px;
}
.price-filter A.cur { color: #EF2D23; text-decoration: none }

.info-category-is-empty { margin-top: 20px }

.catalog .people-list-item { margin-top: 50px }
.catalog .people-list-item IMG.photo { float: left; border: 0 none }
.catalog .people-list-item .people-list-item-inner { margin: 0 0 0 175px }
.catalog .people-list-item .people-list-item-inner.no-photo { margin: 0 0 0 0 }
.catalog .people-list-item H2 { font-family: Georgia, Serif; font-size: 20px; color: #444 }
.catalog .people-list-item .people-info { margin-top: 20px }
.catalog .people-list-item .people-info P { font-size: 14px; line-height: 1.5 }
.catalog .people-list-item H6 { font-weight: bold; font-size: 16px; color: #444; margin-top: 20px }

.catalog .people-list-item .people-list-item-inner.no-photo .gift-list-item { margin-left: 30px }

.catalog .people-list-item H6 + .gift-list-item { margin-top: 10px }
.catalog .gift-list-item { margin-top: 15px }
.catalog .gift-list-item INPUT { margin: 0 }
.catalog .gift-list-item P { margin-top: 5px; font-size: 14px }
.catalog .gift-list-item LABEL { font-family: Georgia, Serif; font-style: italic; font-size: 16px; color: #444 }
.catalog .gift-list-item LABEL B,
.catalog .gift-list-item LABEL STRONG { font-weight: bold; color: #EF2D23 }
.catalog .gift-list-item LABEL .price { font-weight: bold }



/* top-bag-block */
.top-bag-block {
    width: 260px;
    height: 130px;
    font-size: 14px;
}
.top-bag-block.empty { background: url(/podari-drova_2013/i/bag-empty.png) }
.top-bag-block.full { background: url(/podari-drova_2013/i/bag-full.png) }

.top-bag-block.empty .full { display: none }
.top-bag-block.full .empty { display: none }

.top-bag-block .top-bag-block-content { padding-top: 65px }
.top-bag-block .top-bag-block-content P { text-align: center }
.top-bag-block .top-bag-block-content B,
.top-bag-block .top-bag-block-content STRONG { font-weight: bold; font-size: 18px; color: #EF2D23 }
.top-bag-block .top-bag-block-content P.bag-order { margin-top: 15px }


/* bottom-bag-block */
.bottom-bag-block {
    font-family: Georgia, Serif;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    background: #E3E4E4;
    padding: 15px 40px;
    margin-top: 40px;
}

.bottom-bag-block.empty .full { display: none }
.bottom-bag-block.full .empty { display: none }

.bottom-bag-block .bottom-bag-block-content { line-height: 40px }
.bottom-bag-block .bottom-bag-block-content P { line-height: 1.5 }
.bottom-bag-block .bottom-bag-block-content B,
.bottom-bag-block .bottom-bag-block-content STRONG { font-weight: bold; font-size: 18px; color: #EF2D23 }
.bottom-bag-block A.order { margin-left: 40px }


/* bag */
.bag-list H1 { font-family: Georgia, Serif; font-size: 24px; margin: 20px 0 25px 0 }
.bag-list H1 B,
.bag-list H1 STRONG { color: #EF2D23 }
.bag-list .people-list-item { margin-top: 50px }
.bag-list .people-list-item IMG.photo { float: left; border: 0 none }
.bag-list .people-list-item .people-list-item-inner { margin: 0 0 0 175px }
.bag-list .people-list-item .people-list-item-inner.no-photo { margin: 0 0 0 0 }
.bag-list .people-list-item H2 { font-family: Georgia, Serif; font-size: 20px; color: #444 }
.bag-list .people-list-item .people-info { margin-top: 20px }
.bag-list .people-list-item .people-info P { font-size: 14px; line-height: 1.5 }
.bag-list .people-list-item H6 { font-weight: bold; font-size: 16px; color: #444; margin-top: 20px }

.bag-list .people-list-item .people-list-item-inner.no-photo .gift-list-item { margin-left: 30px }

.bag-list .people-list-item H6 + .gift-list-item { margin-top: 10px }
.bag-list .gift-list-item .info .header { font-weight: bold; font-size: 16px; font-style: normal }
.bag-list .gift-list-item { margin-top: 35px }
.bag-list .gift-list-item P { font-size: 14px }
.bag-list .gift-list-item .qty-still-needed { margin-top: 5px }
.bag-list .gift-list-item .info { font-family: Georgia, Serif; font-style: italic; font-size: 16px; color: #444 }
.bag-list .gift-list-item .info B,
.bag-list .gift-list-item .info STRONG { font-weight: bold; color: #EF2D23 }
.bag-list .gift-list-item .info .price { font-weight: bold }
.bag-list .gift-list-item .enter-count { font-weight: bold; font-size: 14px }
.bag-list .gift-list-item .controls .qty {
    font-size: 18px;
    display: inline-block;
    text-align: center;
    padding: 5px 3px;
    min-width: 30px;
    background: #E3E4E4;
}
.bag-list .gift-list-item .controls A {
    font-size: 14px;
    color: #EF2D23;
    text-decoration: none;
    border-bottom: 1px solid #EF2D23;
    padding: 5px 3px 2px 3px;
    outline: 0 none;
}
.bag-list .gift-list-item .controls A:hover { border-bottom: 0 none }
.bag-list .gift-list-item .controls A.decrease { margin: 0 10px }
.bag-list .gift-list-item .controls A.increase,
.bag-list .gift-list-item .controls A.increase10 { margin: 0 0 0 10px }

.bag-list .gift-list-item .controls A.disabled { color: Silver !important; border-bottom: 1px solid Silver !important }


.bag-post H1 { font-family: Georgia, Serif; font-size: 24px; margin: 50px 0 20px 0 }
.bag-post H1 B,
.bag-post H1 STRONG { color: #EF2D23 }
.bag-post P { margin-top: 10px }
.bag-post .form { padding: 15px 50px 15px 15px; background: #EAEDED; width: 580px; position: relative }
.bag-post .form INPUT,
.bag-post .form TEXTAREA { border: none; background: #FFF }
.bag-post .form LABEL { font-weight: bold; font-size: 14px; color: #777; min-width: 70px; display: inline-block; text-align: right }

.bag-post .form #Name { width: 480px }
.bag-post .form #Phone { width: 200px }
.bag-post .form #Email { width: 200px }
.bag-post .form #Comment { width: 550px; height: 100px }

.bag-post .form .info { font-family: Georgia, Serif; font-style: italic; font-size: 12px; color: #555 }

.bag-post .form .info { width: 550px }
.bag-post .form .submit { text-align: right; width: 550px }

.bag-post .validation-summary-errors { color: #EF2D23; font-size: 14px }
.bag-post .validation-summary-errors UL { padding-left: 80px }
.bag-post .validation-summary-errors LI { margin-bottom: 15px }


.input { width:100%; background-color: #f6f6f6; border:2px solid #bbb; }

.f_ok {background-color: #f6f6f6;}
div.f_ok {background: none;}
.f_error {background-color: #fcc;}

ul.purposes_list li
{
  list-style: none;
  margin: 0;
}