/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: url(img/bg-body.png) repeat-x 0 0; }

ul li { background-position: 3px 0.6em; }


.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }

.date { word-spacing: -1px; }

/* Layout */
#header, #main, #footer { width: 816px; margin: 0 auto; text-align: left; }

#mother { width: auto; text-align: center; margin: 0; background: url(img/bg-mother.png) no-repeat 50% 0; }
#main { padding-bottom: 20px; min-height: 450px; _height: 450px; position: relative; }

.col-left { width: 192px; margin: 0; float: left; overflow: hidden; }
.col-right { width: 608px; margin: 0; float: right; position: relative; }

/* Header */
#header { position: relative; background: url(img/bg-header.png) repeat-x 50% 0; height: 112px; border-bottom: 5px solid #952010; margin-bottom: 1px;}

#logo { margin: 0; position: absolute; top: 12px; left: 36px;}
#logo img { margin: 0; padding: 0; border: 0; font-size: 300%; }

#header .claim { width: 630px; height: 100%; position: absolute; top: 0; right: 0; }
#header .claim em { display: block; position: absolute; top: 0; right: 0; width: 630px; height: 112px; }
#header .claim em .sprite { background-image: url(img/bg-motive.jpg); }

/* Footer */
#footer { background: url(img/bg-footer.png) repeat-x 50% 0; font-size: 84.6%; border-top: 5px solid #952010; margin-bottom: 1px;}
#footer .spc { padding: 3px 15px; zoom: 1;}
#footer p { margin: 0.2em;}


#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }



/* Main menu*/
#main-menu { background: #c42f39 url(img/bg-main-menu.png) repeat-x 0 0; font-size: 107.7%; margin-bottom: 2em;}
#main-menu ul { margin: 0; padding: 30px 0; list-style: none; background: url(img/bg-main-menu-bottom.png) no-repeat 0 100%; zoom: 1;}
#main-menu ul li { margin: 0; padding: 0; border: 1px solid #cc8287; border-width: 1px 0; margin-bottom: -1px; background: none; }
#main-menu a { text-decoration: none; display: block; padding: 5px 2px 5px 30px; background: url(img/bg-main-menu-item.png) no-repeat  12px 50%; zoom: 1;}
#main-menu a, #main-menu a:hover, #main-menu a:visited { color: white; }
#main-menu li.active a { background-color: #b5454d; }
#main-menu a:hover { background-color: #b5454d; }

/* Submenu */
#main-menu ul ul { padding: 0; background: none; font-size: 92.3%; border-top: 1px solid #B5454D; }
#main-menu ul li ul li { border: 0; }
#main-menu ul li ul li a { padding-left: 48px !important; background-position: 30px 50%; }
#main-menu ul li.active ul li a { background-color: transparent; }
#main-menu ul li.expanded ul li a:hover { background-color: #b5454d; }

.content-box { margin: 0 16px; /*background: url(img/grid.png) repeat  0 0;*/}

.annot { font-size: 115.4%; line-height: 1.467; color: #952010; }

/* Breadcrumb */
#breadcrumb { background: #952010 url(img/bg-breadcrumb.png) no-repeat 0 100%; font-size: 92.3%; color: white; padding: 4px 15px 6px; zoom: 1; }
#breadcrumb p { margin: 0; }
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:visited { color: #dbb1b4; }
#breadcrumb a span { color: white; }

/* Product list */
.products-list { margin: 16px -16px; position: relative;}
.products-list ul { width: 100%; float: left; margin: 0 0 16px 0; padding: 0; display: inline; }
.products-list ul li { float: right; width: 296px; margin: 0; padding: 0; border-top: 3px solid #ece8db; background: url(img/bg-products-list-item.png) repeat-x 0 -4px; }

.products-list ul li:first-child { float: left; }

.products-list ul li { _float: expression(this.parentNode.firstChild == this ? "left" : "right"); }

.products-list ul li .img-box { float: left; margin: 0 12px 0 0; border: 1px solid #ece8db; background: white; padding: 5px;  width: 70px;}
.products-list ul li .img-box img { display: block; margin: 0 auto; padding: 0; border: 0;  }

.products-list ul li h2 { font-size: 123.1%; margin: 12px 12px 0;}
.products-list ul li h2 .name { margin-bottom: 8px; min-height: 2.5em; _height: 2.5em; display: block; text-decoration: underline; cursor: pointer; }
.products-list ul li .desc { font-size: 92.3%; line-height: 1.416; margin: 0 5px 10px 12px; min-height: 80px; _height: 80px;}

.products-list ul li .foot { clear: both;}
.products-list ul li .foot .price-box { padding-top: 12px; margin-bottom: 0; }

/* Product detail */
.product-image { width: 192px; float: right; text-align: center; margin-right: -16px; }
.product-image img { display: block; margin: 0 auto; padding: 0; border: 0; }

.product-detail { margin-right: 192px; }

table.params { margin: 0 0 1em 0; border: 0; font-size: 92.3%; width: auto; clear: none;}
table.params tr td, table.params tr th { padding: 2px 3px; border: 1px dotted #cbcbcb; border-width: 1px 0; }
table.params tr th { border-top: 0; background: #f5f5f5; padding: 5px 3px; }
table.params strong { color: black;}

.price-box { background: url(img/bg-price-box.png) no-repeat 0 100%; padding: 16px 0 12px 16px; overflow: hidden; margin-bottom: 2em; zoom: 1; }
.price-box .inp-text { width: 30px; }
.price-box p { margin: 0; }
.price-box { font-size: 107.7%; }
.price-box .fl { margin-top: -5px; }
.price-box .price-value { font-size: 157.1%; color: #952010; }
.price-box .pcs { vertical-align: -2px; _vertical-align: 0; margin-right: 3px;}

#categories { overflow: hidden; margin-bottom: 0px; }
#categories ul { float: left; width: 100%; margin: 0; padding: 0; }
#categories ul li { float: left; margin: 0 16px 0 0; padding: 0; list-style: none;}
#categories ul li a { padding-left: 22px; background: url(img/bullet-folder.png) no-repeat 0 50%; }

/* Forms */
input { vertical-align: middle; }
form { margin: 0; padding: 0; }
form p { margin-bottom: 0.5em; }
.formbox { background: #D7D0C9; padding: 10px 20px; }

.formbox .inp-text { border: 1px solid #ACA899; border-right-color: #FDF9EA; border-bottom-color: #FDF9EA; }
.formbox .inp-text:focus { background: #F0EFE5; }

.paging { text-align: right; margin-bottom: 0.5em; }
.paging a { margin-left: 5px; border: 1px solid #ECE8DB; padding: 1px 5px; }
.paging a.active { font-weight: bold; }

.btn-submit { }

.fm-box { background: #F9F8F3; padding: 15px 0 15px 20px; margin: 15px 0; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 12px; padding-bottom: 5px; }

.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }

.inp-text { vertical-align: bottom; font-size: 100%; font-family: "Trebuchet MS", Arial, sans-serif; padding: 2px 0; border: 1px solid #D5D1C6; }

.error-message { color: #9F3627; font-weight: bold; border: 3px solid red; padding: 10px 20px; margin-bottom: 15px; zoom: 1;}
.error-message h3 { background: red; color: white; margin: -10px -20px 15px; padding-left: 20px; zoom: 1;}
.error { background: red; color: white; font-weight: bold; }

h3 em.small { font-size: 85%; }

/* Widths */
.w-full { width: 100%; }
.w-75 { width: 75%; }
.w-half { width: 50%; }
.w-third { width: 31%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.col-h-l { width: 48%; float: left; display: inline; }
.col-h-r { width: 48%; float: right; display: inline; }

/* Cart info */
#cart-info { position: absolute; top: -43px; right: 0; background: url(img/cart-info.png) no-repeat 0 0; height: 31px; line-height: 31px; color: white; padding: 0 8px 0 40px;} 
#cart-info a { color: white; }

.disabled { color: #8f8f8f; }