/**
 * layout.css
 *
 * CSS-file with styles for layout
 *
 * @since 16.12.2006
 * @author Denis Barushev <barushev@gmail.com>
 * @version $Id$
 */

body {
    margin: 27px 0 7px 0;
}


/**
 * Header
 */
#wrap-header {
    background: url(/media/images/backgrounds/wrap-header.gif) no-repeat top;
    width: 961px;
    margin: 0 auto;
    padding: 14px 0 0 0;
}

#header {
    background: white url(/media/images/backgrounds/header.gif) no-repeat bottom;
    padding: 0 0 7px 0;
}

#header .phone {
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma, Verdana, serif;
    color: #666;
    padding-left: 35px;
}

#header .logo {
    text-align: center;
    padding-top: 3px;
}


#header table {
    width: 100%;
    border-collapse: collapse;
}

#header table.menu {
    background: url(/media/images/elements/bg-header-menu.gif) repeat-x;
}

#header table.menu tr.menu td {
    background: url(/media/images/markers/menu-separator.gif) no-repeat left center;
    padding: 0 10px 0 12px;
    text-align: center;
    color: #e4e4e4;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma, Verdana, serif;
}

#header table.menu tr.menu td.active {
    color: #a3a3a3;
}

#header table.menu tr.menu td.active a {
    color: #a3a3a3;
}


#header table.menu tr.menu td.home {
    padding: 0 10px;
    background: 0;
}

#header table.menu tr.menu td.home img {
    vertical-align: middle;
}

#header table.menu tr.menu td img {
    vertical-align: top;
}

#header table.menu tr.menu td.no-border {
    padding: 0;
}

#header table.menu tr.menu td a {
    color: #e4e4e4;
}

#header table.menu tr.menu td .link {
    border-bottom: 1px dashed #e4e4e4;
    text-decoration: none;
}

#header table.menu {
    margin-top: 9px;
}


#header table.menu tr.pointer td {
    text-align: center;
}

#header table.menu tr.pointer td img {
    vertical-align: top;
}

#header .exchange {
    background: url(/media/images/backgrounds/top-menu-bg.gif) repeat-x;
    vertical-align: middle;
    color:#333;
}

#header .exchange a {
    color: #333;
}

#header .exchange span.active {
    font-weight: bold;
    color: black;
}

#header .exchange img {
    vertical-align: middle;
}



/**
 * Main
 */
#wrap-main-top {
    background: url(/media/images/backgrounds/wrap-main-top.gif) no-repeat top;
    width: 961px;
    margin: 0 auto;
    padding-top: 11px;
}

#wrap-main {
    background: url(/media/images/backgrounds/wrap-main.gif) no-repeat bottom;
    padding-bottom: 26px;
    padding: 0 13px 26px 11px;
}

#main {
    background: white url(/media/images/backgrounds/main.gif) repeat-x bottom;
    width: 100%;
    border-collapse: collapse;
}

#main td {
    vertical-align: top;
}



/**
 * Footer
 */
#footer {
    color: white;
    width: 901px;
    margin: 0 auto;
    overflow: hidden;
}

#footer a {
    color: white;
}

#footer p {
    padding-bottom: 12px;
    float: left;
}

#footer p.counters {
    float: right;
}


/**
 * Sidebar
 */
#sidebar {
    width: 198px;
    padding: 9px 0 0 0;
    background: url(/media/images/backgrounds/sidebar-top.gif) no-repeat top;
}

#sidebar-bottom {
    background: url(/media/images/backgrounds/sidebar-bottom.gif) no-repeat bottom;
    height: 10px;
    line-height: 5px;
    font-size: 5px;
}


#categories {
    padding: 11px 17px 4px 8px;
    background: #666 url(/media/images/backgrounds/sidebar-gradient.gif) repeat-x top;
}

#categories h3 {
    color: #f0f0f0;
    background: url(/media/images/markers/minus.gif) no-repeat left 8px;
    padding: 5px 0 7px 14px;
    font-family: Tahoma;
    font-size: 12px;
    cursor: default;
}

#categories h3.expand {
    background-image: url(/media/images/markers/minus.gif);
}

#categories h3.collapse {
    background-image: url(/media/images/markers/plus.gif);
}

#categories input {
    background: white url(/media/images/markers/search.gif) no-repeat left center;
    padding-left: 22px;
    color: #686868;
    font-size: 10px;
    width: 138px;
}

#search-form {
    padding: 0 0 12px 6px;
}



/**
 * Categories Menu
 */
.categories-menu {
    margin: 0 0 5px 6px;
}

.categories-menu li {
    border-bottom: 1px solid #505050;
    border-top: 1px solid #929292;
    padding: 2px 0 3px 17px;
    background: url(/media/images/markers/categories.gif) no-repeat left 0.5em;
    position: relative;
    font-weight: bold;
}

.categories-menu li.first-child {
    border-top: none;
}

.categories-menu li.last-child {
    border-bottom: none;
}

.categories-menu li.active,
.categories-menu li.active a {
    color: #a3a3a3;
}

.categories-menu a {
    color: #f0f0f0;
    font-weight: bold;
    text-decoration: none;
}

.categories-menu .active-menu-pointer {
    position: absolute;
    left: 183px;
}


/**
 * Producer form
 */
#sidebar-producer {
    height: 59px;
    width: 168px;
    padding: 14px 15px 0 15px;
    background: url(/media/images/backgrounds/producer.gif) no-repeat;
    margin-top: 9px;
}

#sidebar-producer select {
    width: 100%;
    font-size: 11px;
}

#sidebar-producer p {
    color: #dbdbdb;
    font-weight: bold;
    padding-bottom: 5px;
}