* {
    margin: 0px;
    padding: 0px;
}
body {
    width: 918px;
    margin: 0 auto;
    background: url(../images/body-bk.png) #5a739c center repeat-y;
    font: 72% Tahoma, Arial, Helvetica, sans-serif;
}
a {
    color: #5a739c;
    text-decoration: none;
}
a img {
    border: none;
}
a:hover {
    color: #A52A2A;
}
a img {
    border: none;
}
input, .button, textarea {
    border: 1px solid #758BAF;
    padding: 2px;
    font-size: 1em;
}
dl dd {
    margin-bottom: 0.3em;
}
.text {
    width: 92%;
}
.button {
    background: #758BAF;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
}
.errors {
    list-style: inside;
    color: red;
    font-size: 0.9em;
}
.result {
    margin-bottom: 0.5em;
    color: #007700;
}
/****************************** container *********************************/

#container {
    margin: 0 auto;
    padding: 1em 21px;
    width: 860px;
    
    background: #DCDCDC;
}

/****************************** header *********************************/

#header {
    margin-bottom: 1em;
}
#header-logo, #header-langs-bar {
    float: left;
    padding-bottom: 9px;
}
#header-logo {
    font-size: 0.8em;
    font-weight: bold;
}
#header-logo-title {
    font-size: 2.5em;
}
#header-langs-bar {
    float: right;
    text-align: right;
}
#header-langs-bar img {
    height: 18px;
}
#header-main-theme {
    clear: both;
    height: 180px;
    background: url(/images/main-theme.jpg) center no-repeat;
}
/************************** left blocks *****************************/

#left-blocks {
    float: left;
    width: 216px;
}

#left-blocks > div {
    margin-bottom: 1em;
}

.left-block-title {
    color: white;
    font-weight: bold;
    padding: 1em 2em;
}

#bucket-block .left-block-title {
    background: #FE812A;
}
#nav-block .left-block-title {
    background: #758BAF;
}
#info-block .left-block-title {
    background: #42AF42;
}
#stories-block .left-block-title {
    background: #7F7F7F;
}

.left-block-list {
    padding: 0.8em;
    background: #F2C885;
}

.left-block-list p {
    margin-bottom: 0.3em;
}

#bucket-block  .left-block-list {
    border: 1px solid #FE812A;
}
#nav-block  .left-block-list {
    border: 1px solid #758BAF;
}
#info-block  .left-block-list {
    border: 1px solid #42AF42;
}
#stories-block  .left-block-list {
    border: 1px solid #7F7F7F;
}

.left-block-list .subcats {
    border: none;
    padding-left: 1.2em;
    list-style-type: circle;
}

ul.left-block-list {
    list-style: inside;
}
ul.left-block-list a {
    color: black;
}
ul.left-block-list a:hover {
    color: #A52A2A;
}
.banners {
    text-align: center;
}
/************************** right blocks *****************************/

#right-block {
    float: right;
    width: 626px;
    margin-left: 18px;
}
#welcome-words {
    padding-bottom: 2em;
}
.cats-list {
    width: 300px;
    padding-bottom: 9px;
    padding-right: 9px;
    float: left;
    list-style: none;
}
.subcats-list {
    float: left;
    width: 150px;
    margin-left: 9px;
    list-style: none;
    float: left;
}
.subcats-list > li {
    float: left;
    margin-right: 1em;
    font-size: 0.9em;
}
.subcats-list a {
    color: black;
    text-decoration: underline;
}
.subcats-list a:hover {
    color: #A52A2A;
    text-decoration: underline;
}
.cats-list-title {
    padding-bottom: 0.5em;
    font-size: 1em;
    font-weight: bold;
}
.subcats-list-title {
    padding-bottom: 0.3em;
    margin-left: 9px;
    float: left;
}
.cats-list-description {
    width: 150px;
}
.cats-list2 > li {
    margin-bottom: 9px;
    list-style: none;
    clear: both;
}
.category-logo {
    width: 139px;
    float: left;
    border: 1px solid gray;
}
.prods-list > li {
    float: left;
    width: 139px;
    height: 150px;
    margin-right: 9px;
    margin-bottom: 9px;
    padding: 3px;
    border: 1px solid gray;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
.prods-list-logo {
    width: 139px;
}
.prods-list-title {
    font-size: 0.8em;
    font-weight: bold;
}
.prods-list-title a {
    color: black;
}
.prods-list-title a:hover {
    color: #A52A2A;
}
.prod-logo {
    margin-right: 9px;
    margin-bottom: 9px;
    float: left;
}
.prod-logo img {
    border: 1px solid gray;
}
.prod-title {
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 0.6em;
}
.prod-desc p {
    margin-bottom: 1em;
    text-align: justify;
}
.prod-desc .prod-price {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    color: #FE812A;
}
.prod-order {
    /*padding: 3px;*/
    /*background: #FE812A;*/
    margin-bottom: 9px;
    text-align: right;
}
.prod-order > label {
    color: white;
    font-size: 0.9em
}
.prod-order input {
    /*width: 3em;*/
}
#page-title {
    font-size: 1.2em;
    color: #5a739c;
    margin-bottom: 1.2em;
}
#info-page p, #info-page div, #info-page table, #info-page ul, #info-page ol {
    margin-bottom: 1em;
}
.form-title {
    font-size: 1.1em;
    margin-bottom: 1em;
}
.user-registration-form {
    width: 300px;
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
}
.user-registration-form input, .user-registration-form textarea {
    width: 95%;
    margin-bottom: 1em;
}
.user-registration-form label {
    font-size: 0.9em;
    display: block;
    margin-bottom: 0.3em;
}
#bucket-manager {
    margin-bottom: 9px;
}
#bucket-manager, .product-name {
    width: 100%;
}
#bucket-manager, #bucket-manager th, #bucket-manager td {
    border: 1px solid gray;
    border-collapse: collapse;
}
#bucket-manager th, #bucket-manager td {
    font-size: 0.9em;
    padding: 6px;
    text-align: center;
    white-space: no-wrap;
}
#bucket-manager .product-name {
    text-align: left;
    white-space: wrap;
}
#bucket-manager td input {
    width: 3em;
    text-align: center;
}
.bucket-manager-buttons {
    text-align: right;
}
.bucket-menu {
    background: #758BAF;
    padding: 0.5em 2em;
    text-align: center;
    color: white;
    font-weight: bold;
}
.client-info td {
    padding: 0.2em;
}
.client-info input, .client-info textarea {
    width: 216px;
} 
/************************ footer *************************/
#footer {
    clear: both;
    padding: 9px;
    padding-right: 0px;
    text-align: right;
    font-size: 0.8em;
    font-weight: bold;
}