/**
 * CSS Stylesheet.
 */
* {margin:0; padding:0;}
body {color:#3F3E42;}
body, table {font-family:Arial; font-size:12px;}
img {border:0 none;}
ul, ol {list-style-position:inside;}
h1 {font-size:28px; color:#770018; font-weight:normal;}
h2 {font-size:30px; color:#8E8A89; font-weight:normal;}
h3 {font-size:19px; color:#3F3E42; font-weight:normal;}
h4, div.h4 {font-size:20px; color:#7C7A82; font-weight:normal;}
h5 {font-size:10px;}
h6 {font-size:8px;}
hr {border-style:solid; border-color:#8D1536; border-width:1px 0 0 0; margin:7px 0 7px 0; color:#8D1536;}
hr.line_gray {border-color:#7C7A82;}
input, textarea {font-family:Arial; font-size:12px; width:270px;}
input {height:19px;}
textarea {height:64px;}
a:link, a:hover, a:visited, a:visited:hover {color:#770018;}

/* links */
a:link, a:visited {text-decoration:underline; font-size:12px;}
a:hover, a:visited:hover {text-decoration:none; font-size:12px;}
a:link.invert, a:visited.invert {text-decoration:none; font-size:12px;}
a:hover.invert, a:visited:hover.invert {text-decoration:underline; font-size:12px;}
a:link.item, a:visited.item {color:#FFF2DA; text-decoration:none; font-size:12px;}
a:hover.item, a:visited:hover.item, span.item {color:#FFF2DA; text-decoration:underline; font-size:12px;}
a:link.small, a:visited.small {font-size:11px; color:#6D6C71; text-decoration:underline;}
a:hover.small, a:visited:hover.small {font-size:11px; color:#6D6C71; text-decoration:none;}
a:link.item2, a:visited.item2 {color:#EFDDC0; text-decoration:none;}
a:hover.item2, a:visited:hover.item2 {color:#EFDDC0; text-decoration:underline;}
a:link.gray, a:visited.gray {color:#7C7A82; text-decoration:underline; font-size:20px;}
a:hover.gray, a:visited:hover.gray {color:#7C7A82; text-decoration:none; font-size:20px;}

/* head */
div.head {width:885px; height:214px; background-color:#FFF6E3;}
div.head .logo,
div.head .title,
div.head .image_1,
div.head .image_2 {height:214px; display:block; float:left;}

div.head .logo {width:220px; background:#83001B url('/design/logo.png') left top no-repeat; cursor:pointer; position:relative;}
div.head .listok {width:18px; height:83px; background:url('/design/title_listok.png') left top no-repeat; position:absolute; top:0; right:0; z-index:5;}
div.head .title {width:297px; background:#FFF6E3 url('/design/title.png') left top no-repeat; position:relative;}
div.head .title div.path {position:absolute; bottom:10px; right:0; font-size:14.5px; color:#8D1536; /*font-weight:bold;*/}
div.head .image_1 {width:99px;}
div.head .image_2 {width:269px;}

/* main menu */
div.menu {color:#FFF2DA; text-transform:uppercase; font-weight:bold; font-size:10px; width:885px; height:34px; border-style:solid; border-width:1px 0 1px 0; border-color:#955F62; position:relative;}
div.menu div {margin:10px 0 0 220px;}
div.menu div.right {margin:0; position:absolute; top:10px; right:0;}

/* left menu */
div.item {border-style:solid; border-color:#955F62; border-width:0 0 1px 0; padding:3px 0 4px 25px; background:url('/design/li.gif') left top no-repeat;}
div.item_sel {background-color:#823845;}

/* content */
.left_menu {width:220px; /* background-color:#675B5F; */ color:#FFF2DA;}
.content_area {width:665px; height:100%; background-color:#FFF2DA; padding:10px;}
table.content {width:100%; height:100%; border:1px solid; position:relative;}
div.info_area {padding:15px;}
div.goods_block {width:191px; margin:5px; color:#770018;}
div.arrow_block {padding:7px 50px 7px 7px; background:url('/design/arrow2.gif') top right no-repeat; margin-bottom:15px;}
.date {color:#770018; font-weight:bold;}

/* info block */
.info_block {width:220px; margin-bottom:10px;}
.info_block .info_title {height:34px; background-color:#770018; color:#CCC2AE; font-weight:bold; text-transform:uppercase;}
.info_block .info_title div {padding:10px 0 0 15px;}
.info_block .info_item {border-style:solid; border-color:#770018; border-width:1px 0 0 0; color:#FFF2DA;}
.info_block .info_item div {margin:15px 10px 15px 10px;}
.info_block .info_item div a:link, 
.info_block .info_item div a:visited {color:#FFF2DA; text-decoration:none;}
.info_block .info_item div a:hover, 
.info_block .info_item div a:visited:hover {color:#FFF2DA; text-decoration:underline;}
.left_menu a {color:#FFF2DA; font-size:12px;}

/* bottom */
div.copyright {font-size:18px; color:#EFDDC0; float:left;}
div.address {color:#EFDDC0; float:right; padding-top:5px;}

/* error/message */
ul.error {color:red; font-weight:bold;}
ul.message {color:green; font-weight:bold; list-style-type:none; list-style-position:outside;}

/* debug */
pre {
    margin:20px; padding:20px;
    border-style:dashed;
    border-width:2px;
    border-color:red;
    overflow:hidden;
    font-family:'Courier New';
    font-size:12px;
    background-color:#FFF2DA;
}