* {
    margin: 0;
    padding: 0;
    border:0;
}


html,
body,
#wrap {
    height: 100%;
}

body > #wrap {
    height: auto;
    min-height: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

body
{
    font: 14px  "Arial","Verdana" , "Tahoma";
    color: #000;
    position:relative;
    background:#fff;
}

#wrap {
    background:url("/i/bottom-bg.png") no-repeat center bottom;
    margin:0 auto;
    min-width: 1024px;
    max-width:1300px;
}

#wrap-top-bg
{
    background:url("/i/top-bg.png") no-repeat center top;
    padding-bottom:20px;
}

ul {
    list-style-type:none;
}

a {
    color:#208505;
}

.framed {
    padding:10px;
    overflow:hidden;
}

.framed div
{
    float:left;
}

.framed img
{
    padding:45px;
}

.fr-t
{
    background:transparent url('/i/frame-t.gif') repeat-x left top;
}

.fr-b
{
    background:transparent url('/i/frame-b.gif') repeat-x left bottom;
}

.fr-l
{
    background:transparent url('/i/frame-l.gif') repeat-y left top;
}

.fr-r
{
    background:transparent url('/i/frame-r.gif') repeat-y right top;
}

.fr-tl
{
    background:transparent url('/i/frame-tl.gif') no-repeat left top;
}

.fr-tr
{
    background:transparent url('/i/frame-tr.gif') no-repeat right top;
}

.fr-bl
{
    background:transparent url('/i/frame-bl.gif') no-repeat left bottom;
}

.fr-br
{
    background:transparent url('/i/frame-br.gif') no-repeat right bottom;
}


#top {
    position:relative;
    overflow:hidden;
/*    height:300px;*/
    padding-bottom:20px;
}


#content-body {
    margin:40px 0 100px;
    overflow:hidden;
}


.left {
    float:left;
    width:300px;
}

.right {
    margin-left:300px;
    position:relative;
}


.right ul, .right ol {padding-left:20px;list-style-type:disc;}
.right h1, .right h2, .right h3, .right h4 {color: #A10008;font-style:italic;padding-bottom:10px;padding-top:10px;}
.right h1 {font-size:18px;}
.right h2 {font-size:16px;}
.right h3 {font-size:14px;}
.right p {padding-top:7px;}

.ruloned div {
    float:left;    
}

.lhand {
    background: url("/i/rulon-lhand.png") no-repeat left bottom;
}

.rhand {
    background: url("/i/rulon-rhand.png") no-repeat right bottom;
    padding:0 7px 0 6px;
}

.rulon {
    background:url("/i/rulon.png") repeat-x  left bottom;
    padding-bottom:20px;
}

.space {
    background:#eae7d8;
    opacity:0.92;
}

.top-shadow {
    background: url("/i/shadow-trans.png") repeat-x left top;
}


.rulon-cnt {
    padding:14px 10px 4px 10px;
}

.cart {
    /*position:absolute;*/
    /*right:20%;*/
    /*top:0;*/
    position:relative;
    float:right;
    right:300px;
}

.cart table td {
    padding:4px;
}

.mainmenu {
    /*position:absolute;*/
    /*left:40px;*/
    /*top:0;*/
    position:relative;
    left:40px;
}

/***********************Main Menu*******************/

.mainmenu {
    width:160px;
}

a.wide {
    display:block;
    width:100%;
    height:100%;
}

.logo {
    padding:5px 10px 0 10px;
}

#mainmenu ul li {
    width:155px;
    margin-top:6px;
    padding:0 0 4px;
}

#mainmenu ul li.sep {
    height:4px;
    width:141px;
    font-size:0;
    margin-top:0;
    background: url("/i/menu-sep.png") no-repeat left top;
}

#mainmenu ul li.catalog {
    height:24px;
}

#mainmenu ul li.catalog a {
    background: url("/i/catalog-mi.png") no-repeat 4px 4px;
}

#mainmenu ul li.catalog a:hover,
#mainmenu ul li.catalog.active {
    background: url("/i/catalog-mi-act.png") no-repeat left bottom;
}





#mainmenu ul li.tea-opt {
    height:26px;
}

#mainmenu ul li.tea-opt a {
    background: url("/i/tea-opt-mi.png") no-repeat 4px 5px;
}


#mainmenu ul li.tea-opt a:hover,
#mainmenu ul li.tea-opt.active {
    background: url("/i/tea-opt-mi-act.png") no-repeat left top;
}



#mainmenu ul li.delivery {
    height:46px;
}

#mainmenu ul li.delivery a {
    background: url("/i/delivery-mi.png") no-repeat 4px 4px;
}

#mainmenu ul li.delivery a:hover,
#mainmenu ul li.delivery.active {
    background: url("/i/delivery-mi-act.png") no-repeat left top;
}



#mainmenu ul li.contacts {
    height:24px;
}

#mainmenu ul li.contacts a {
    background: url("/i/contacts-mi.png") no-repeat 4px 4px;
}

#mainmenu ul li.contacts a:hover,
#mainmenu ul li.contacts.active {
    background: url("/i/contacts-mi-act.png") no-repeat left top;
}


/**********************Left menu********************/

.title {
    padding-left:60px;
}

.leftmenu a.all {
    font-weight:normal;
    text-decoration:underline;
    font-style:italic;
}

.leftmenu ul {
    padding:10px 0 0 60px;
}

.leftmenu ul li {
    padding:2px 0 4px 0;
    border-bottom:1px solid #bbbcbc;
}

.leftmenu ul li a {
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

.leftmenu ul li a:hover {
    text-decoration:underline;
}

.leftmenu ul li ul {
    padding-left:20px;
}

.leftmenu ul li ul li {
    border:0;
}

.leftmenu ul li ul li a {
    font-weight:normal;
    font-style:italic;
    text-decoration:underline;
}



.right {
    padding-left:40px;
    padding-right:20px;
}

.right .title {
    padding-left:40px;
}



.item-info table td {
    vertical-align:top;
}


.item-info .description {
    padding-top:20px;
}

.item-info p {
    padding-bottom:10px;
    padding-right:40px;
}


p.item-title {
    color:#a10008;
    font-size:18px;
}

p.item-title .weight {
    color:#000;
    font-style:italic;
    font-size:14px;
}


.price {
    overflow:hidden;
    border:1px solid #bbbcbc;
    border-left:0;
    border-right:0;
    float:left;
    padding:4px 0;
}

.price-value {
    font-size:20px;
    background:url("/i/rur.gif") no-repeat right center;
    padding-right:20px;
}

.price div {
    float:left;
    height:26px;
    line-height:26px;
    margin-right:10px;
}

.count {
    margin-left: 40px;
}

#to-cart{
    border:0;
    width:29px;
    height:25px;
    background:url("/i/to-cart.gif") no-repeat left top;
    cursor:pointer;
}


#footer {
    height:100px;
    padding-left:350px;
}


input.text {
    border:1px solid #c2c2b4;
    border-top:0;
    background:#fff url("/i/input-bg.gif") repeat-x left top;
    padding:1px;
}

.count-input input {
    width:20px;
}

.frame-row ul li {
    padding:0 10px 0 2px;
    display:inline-block;
}

.search input.text {
    width:300px;
    color:#aeaeae;
    font-size:14px;
    padding:1px;
}

#do-search{
    border:0;
    width:24px;
    height:18px;
    margin-left:10px;
    background:url("/i/enter.gif") no-repeat center center;
    cursor:pointer;
}

#do-search:hover {
    background:url("/i/enter-hover.gif") no-repeat center center;
}


.copyright{
    padding:20px 0 0;
}
.copyright img {
    position:relative;
    top:2px;
}

.copyright table td {
    vertical-align:top;
    width:220px;
    padding-right:10px;
}

p.copy {
    color:#9c9c4c;
    font-weight:bold;
    float:left;
    margin-right:6px;
}

.phone {
    color:#9c9c4c;
    font-size:24px;
    font-weight:bold;
}

.code {
    font-size:14px;
    position:relative;
    top:-6px;
}


.cart-content {
    padding:10px 0 0 20px;
}

.cart-row {
    overflow:hidden;
    padding:4px 0;
    margin-bottom:10px;
}

.cart-row div {
    float:left;
    line-height:25px;
}

.cart-row .item-name {
    width:300px;
}
.cart-row .count {
    padding-right:10px;
    font-size:14px;
}

.cart-row .count-input {
    padding-right:20px;
}

.cart-row-brd {
    margin-right:20px;
    padding:0 10px 6px 0;
    border-bottom:1px solid #bbbcbc;
}

.cart-row .submit {
    padding-right:4px;
}

.cart-row .remove-from-cart {
    border:0;
    width:20px;
    height:20px;
    position:relative;
    top:5px;
    background: url("/i/cart-remove.gif") no-repeat center center;
    cursor:pointer;
}

.cart-row .remove-from-cart:hover {
    background: url("/i/cart-remove-hover.gif") no-repeat left center;
}

.cart-row-summary .update-cart {
    border:0;
    width:20px;
    height:20px;
    background: url("/i/cart-update.gif") no-repeat center center;
    cursor:pointer;
}

.cart-row-summary .update-cart:hover {
    background: url("/i/cart-update-hover.gif") no-repeat center center;
}

.cart-row-summary {
    overflow:hidden;
}

.cart-row-summary div {
    float:right;
    line-height:25px;
}

.cart-row-summary .submit {
    padding:0 4px 0 29px;
}

.cart-row-summary .summary-label {
    font-size:14px;
}

.cart-row-summary .price-value.total {
    padding-left:32px;
    color:#a10008;
    background:url("/i/rur-red.gif") no-repeat right center;
}


.order-form {
    padding:10px 0 0 20px;
}



.form-row {
    padding:4px 0;
}


.form-row label {
    color:#848469;
    font-style:italic;
    font-size:11px;
}

.form-row input,
.form-row textarea {
    width:99%;
    padding:2px;
}

textarea {
    border:1px solid #c2c2b4;
    border-top:0;
    background:#fff url("/i/input-bg.gif") repeat-x left top;
    padding:2px;
}

.rows-container {
    overflow:hidden;
}

.rows-container .form-row.mail {
    float:right;
    margin-right:3px;
    width:45%;
}

.rows-container .form-row.phonenum {
    padding-right:20px;
    float:left;
    width:45%;
}

.form-row.submit {
    text-align:center;
}

.form-row.submit input {
    width:auto;
    border:1px solid #aaa;
}

.new-item {
    text-align:center;
}

.new-item .framed {
    margin-left:10px;    
}

.new-item .price {
    float:none;
    margin:0 30px;
    margin-top:10px;
}

.new-item .price .submit {
    float:right;
}

.about-tea {
    margin-right:300px;
    padding:0 0 20px 20px;
}

.banner {
    padding-left:20px;
}

.about-tea p {
    padding:4px 0;
}

.about-tea .note {
    font-style:italic;
    padding:10px 0 10px 40px;
}

.new-items-list {
    padding-bottom:120px;
}

.catalog ul li {
    display:inline-block;
}