body {
        font-family: Verdana, Tahoma, Arial;
        font-size: 10pt;
        background: #fdeac2;
        //		background: #fce6ba;
        padding: 0;
        margin: 0;
}
.hide {
        display: none;
}
a {
        color: #15294b;
        text-decoration: none;
}
#info {
        position: absolute;
        left: 108px;
        top: 0px;
        // top: 70px;
        z-index: 250;
        background: #E2CD9E;
        width: 170px;
        height:60px;
        text-align: center;
        font-size: 8pt;
}

#info h3 {
        text-align: center;
        font-size: 12pt;
        font-weight: bolder;
        overflow: hidden;
        margin: 10px;
        margin-top: 0px;
        padding: 0;
        margin-bottom: 0;
}
#info a {
        font-weight: bolder;
}
#cart, #prav, #ysl, #opl, #con {
        position: absolute;
        left: 80px;
        top: 30px;
        // top: 70px;
        z-index: 250;
        background: #E2CD9E;
        width: 170px;
        height: 140px;
        text-align: center;
        font-size: 8pt;
}
#cart h3, #prav h3, #ysl h3, #opl h3, #con h3 {
        font-size: 9pt;
} 
#prav { 
        height: 60px;
        left: auto;
        right: 530px;
}
#ysl { 
        height: 60px;
        left: auto;
        right: 360px;
}
#opl { 		
        height: 60px;
        left: auto;
        right: 190px;
}
#con { 
        height: 60px;
        left: auto;
        right: 20px;
}

#cart h3, #prav h3, #ysl h3, #opl h3, #con h3 {
        text-align: center;
        font-size: 12pt;
        font-weight: bolder;
        overflow: hidden;
        margin: 10px;
        margin-top: 0px;
        padding: 0;
        margin-bottom: 0;
}
#cart a, #prav a, #ysl a, #opl a, #con a {
        font-weight: bolder;
}

.cart-right, .cart-left {
        display: block;
        overflow: hidden;
        float: left;
        width: 80px;
        color: #15294b;
        text-align: left;
}

.cart-right {
        text-align: right;
        margin-left: 5px;
}
.cart-left {
        width: 70px;
}
/*-----------------------------------------------*/
#userinfo-small {
        float: left;
        overflow: hidden;
        width: 640px;
        text-align: center;
        vertical-align: middle;
        padding: 20px;
        margin: 5px;
        background: #F7E9C2;
        position: relative;
}
#userinfo input, #userinfo textarea {
        font-size:9pt; 
        text-align:left;
}
#userinfo fieldset {
        width: 450px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}
#userinfo input.cart-button {
        width: auto;
        clear: both;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
}
#userinfo legend {
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 10px;
}
#userinfo label {
        display: block;
        clear: both;
        float: left;
        width: 140px;
        text-align: right;
}
/*-----------------------------------------------*/
input.cart-num {
        width: 50px;
        margin-left: 15px;
}
.menu {
        position: relative;
        top: 180px;
        // top: 250px;
        left: 40px;
        background: #E2CD9E;
        width: 210px;
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 20px;
}
.menu h3 {
        text-align: center;
        font-size: 12pt;
        font-weight: bolder;
        padding: 0;
        margin: 10px 10px 0 10px;
        color: #341401;
        //margin-top: 0px;
        overflow: hidden;
}
.menu li {
        //
}
.menu a {
        text-decoration: none;
        color: #15294b;
}
#search-menu {
        text-align: center;
}
.menu form {
        padding: 3px;
        text-align: center;
}
.menu fieldset {
        border: 0;
}
.menu label, .menu legend {
        color: #15294b;
}
.menu input {
        color: #15294b; 
        font-weight: bolder; 
        font-style: italic;
        text-align: center;
        font-size: 8pt; /* TODO */	
}
.menu span.left-menu-selected:link, 
.menu span.left-menu-selected:visited, 
.menu span.left-menu-selected:hover,
.menu span.left-menu-selected {
        list-style: none;
        font-weight: bolder;
}
.menu li.brand-menu-sub {
        list-style-type: circle; 
        list-style-position: inside; 
        padding: 0; 
}
.search-comment {
        font-size: 8pt; /* TODO */	
        font-weight: none;
}
.search-text {
        width: 160px;
}
.search-num {
        width: 35px;
}
.search-button {
        margin-left: auto;
        margin-right: auto;
}
#content {
        position: absolute;
        float: left;
        overflow: hidden;
        left: 270px;
        top: 60px;
        //      	top: 200px;
        right: 20px;
        //        width: expression(parseInt(this.parentNode.offsetWidth) - 320 + "px");
        margin-bottom: 20px;
        background: #E2CD9E;
        //      background: #dfc795;
        padding: 20px;
        1padding-top: 60px;
}
#content p,
#content li {
        font-size: 8pt;
}
/*---------------------------------------------*/
.product-small {
        float: left;
        overflow: hidden;
        width: 170px;
        height: 235px;
        text-align: center;
        vertical-align: middle;
        padding: 20px;
        margin: 5px;
        background: #F7E9C2;
        position: relative;
}
.product-image {
        overflow: hidden;
        display: table-cell;
        float: left;
        width: 160px;
        padding: 0;
        margin: 0; 
}
.product-image img {
        background-color: #E2CD9E; 
        border: 0px; 
        padding: 5px; 
        margin: 10px; 
        overflow:hidden;
}
.product-text {
        display: table-cell;
        overflow: hidden;
        float: left;
        width: 100%;
        height: 100px;
        vertical-align: middle;
        padding: 0;
}
.product-text a:link, .product-text a:visited {
        font-size: 8pt;
}
.product-small-price {
        margin-top: 4px;
        display: block;
        overflow:hidden;
        text-align: center;
        width: auto;
        margin-left: auto;
        margin-right: auto;

}
a.buy-button {
        display: block;
        line-height: 20px;
        text-align: center;
        width:100px;
        height:20px;
        color: #341401;
        text-decoration: none;
        font-size: 8pt; /* TODO */	
        vertical-align: middle;
        margin-top: 6px;
        margin-left: auto;
        margin-right: auto;
        background: #E2CD9E;
}
a.buy-button:link, a.buy-button: visited {
        background: #E2CD9E;
}
a.buy-button:hover {
        background: #d2bD8E;
}

#content h1, h2 {
        text-align: center;
        font-size: 12pt;
        font-weight: bolder;
        padding: 0;
        margin: 10px;
        color: #341401;
        //margin-top: 0px;
        overflow: hidden;
}
#content h2 {
        font-size: 10pt;
}

.col-left {
        clear: both;
        //        clear: none;
}
.col-right {
        clear: none;
        //        clear: both;
}
.product-details {
        overflow: hidden;
        height: 100%;
        width: 160px;
        padding: 0;
        margin: 0; 
}

.product-details img {
        background-color: #E2CD9E;
        border: 0px; 
        padding: 5px; 
        margin: 10px; 
        overflow:hidden;
}
#category-item {
        position: relative;
        width: auto;
        height: 100%;
        clear: both;
        overflow: hidden;
        color: #15294b;
        text-align: center;
        padding:10px;
        background: #F7E9C2;
}

.category-video {
        display:block;
        float:left;
        height:270px;
        width:320px;
}

.category-text {
        //    float: left;
        display:block;
        overflow: hidden;
        width: auto;
        height: 100%;
        vertical-align: middle;
}

.category-text table {
        width: 200px;
        margin-left: auto;
        margin-right: auto;   
}
.category-text a:link, .category-text a:visited {
        font-weight: bolder;
        font-size: 8pt;
}
.cart-info-final {
        width: 100%;
        float: left;
        overflow: hidden;
}

#content table.order-final {
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
}
#content div.cart-final-buttons {
        clear: both;
        overflow: hidden;
        float: left;
}
/*---------------------------------------------*/
.catalog-small-wrapper {
        float: left;
        overflow: hidden;
        width: 100%;
        /*        width: 50%; для выкладывания блоками */
        /*//        width: expression((parseInt(this.parentNode.offsetWidth) / 2) + "px");*/
        height: auto;
        padding: 0;
        margin: 0;
        position: relative;
}
.catalog-small {
        //        float: left;
        overflow: hidden;
        width: auto;
        height: auto;
        text-align: center;
        vertical-align: middle;
        padding: 20px;
        margin: 5px;
        background: #F7E9C2;
        position: relative;
}
.catalog-image {
        overflow: hidden;
        display: block;
        float: left;
        width: 120px;
        padding: 0;
        margin: 0; 
}
.catalog-image img {
        1background-color: #E2CD9E; 
        border: 0px; 
        overflow:hidden;
}
.catalog-image div {
        padding: 0;
        margin: 0;
}
.catalog-text {
        font-size: 8pt;
        text-align: justify;
}
#content p,
#content li {
        font-size: 8pt;
        text-align: justify;
        text-indent: 20px; 
}
#content li {
        text-align: left;
}
.catalog-text a:link, .catalog-text a:visited {
        font-size: 8pt;
        font-weight: bolder;
}
#category-pages {
        clear: both;
        //    clear: none;
        width: auto;
        text-align: center;
        margin: 10px 30px 10px 10px;
}
#li-counter {
        display: block;
        width: 40px;
        height: 40px;
        clear: both;
}


.text form {
        margin: 10px;
        width: 600px;
}
.text fieldset {
        border: 0 none;
        color: #898989;
        font-size: 11px;
        font-weight: bold;
}
.text label {
        clear: both;
        display: block;
        float: left;
        font-size: 11px;
        font-weight: bold;
        width: 100px;
}
.text input {
        float: left;
        margin-bottom: 2px;
        width: 400px;
}
.text textarea {
        float: left;
        margin-bottom: 2px;
        width: 400px;
}
.text img {
        border: 0 none;
        float: left;
        padding: 0 5px 5px 0;
}

