/* BASIC RULES */

body { margin: 0; padding: 0; font: 76% Arial, Helvetica, sans-serif; text-align: center; background: #6391B0; color: black; }
h1, h2, h3, h4 { margin: 0; color: #FF7800; }
h1, h2 { text-transform: uppercase; }
h1 { margin: 0 0 20px; padding: 11px 0 8px 30px; background: #6391B0; color: white; font-size: 16px; }
h1 a { color: white; }
h1 a:hover { color: #ddd; }
h1 em { font-style: normal; }
h2 { font-size: 120%; margin: 0 0 0.9em; }
h3 { font-size: 150%; font-weight: bold; margin: 0 0 0.5em; }
h4 { font-size: 100%; margin: 0 0 0.5em; }
p, ul, dl { line-height: 1.4em; font-size: 106%; }
ul, dl, ol { margin-left: 2em; }
a { color: #406C92; }
a:hover { color: #333; }
p { margin: 0 0 1.5em; }
.l { float: left; }
.r { float: right; }
hr { display: none; }
img { border: none; }
legend { color:#E53C13; font-weight: bold; }
fieldset { padding: 1em; margin-bottom: 1em; border: 1px solid #E53C13; }

#menu-top:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
h2.hl { padding: 0.5em; background: #50636C; color: white; text-align: center; text-transform: none; font-size: 14px; border-left: 5px solid #404F56; }
input.inp-right { text-align:right; font-size: 100%; }
col.shop1, col.shop2, col.shop3, col.shop4 { background:#ddd; }
.break, .footer { clear: both; width: 100%; height: 0; font-size: 0; line-height: 0; }
.ccol, .center { text-align: center; }
.right { text-align: right !important; }
.article { margin: 10px 100px 10px 35px; clear:both; }
.article h2, .article h3 { margin-bottom: 0.5em; font-weight: bold; color: #1F527F; }
.article h2 { font-size: 130%; }
.article h3 { font-size: 110%; }
.article p { margin-bottom: 1em; }
.txt { padding-top: 30px; margin: 0 10px 10px 30px; }
.txt .error { margin-bottom: 1.6em; }
.error { padding: 0.5em 0; margin: 0; background: red; color: white; font-weight: bold; text-align: center; }
.block { display: block; }

/* LAYOUT RULES */
.center-in { width: 990px; margin: 0 auto; text-align: left; }

/* cols */
#col-l { float: left; width: 214px; }
#col-r { float: right; width: 776px; min-height: 550px; _height: 550px; padding-bottom: 10px; }
#col-l h2 { margin: 0; padding: 0.7em 0 8px 25px; background-color: #6391B0; color: white; font-size: 16px; }
#col-l h2.ico { padding-left: 50px; }
#col-img { width: 265px; float: left; }
#col-product { width: 456px; float: right; }

/* sizes */
.s75 { width: 75%; }
.s50 { width: 50%; }

/* main */
#main .center-in { min-height: 600px; position: relative; background: white; color: #333; }

/* header */
#header .center-in {  }
#header #logo { margin: 0; }

/* menu-top */
#menu-top { padding: 0.4em 30px 0.6em 0; margin: 0; list-style: none; background: #FF9F00 url(img/menu-top.jpg) no-repeat 0 0; text-align: right; text-transform: uppercase; }
#menu-top li { display: inline; margin-right: 1px; font-size: 112%; font-weight: bold; }
#menu-top a { text-decoration: none; padding: 8px 16px; background: url(img/menu-top-link.png) no-repeat 0 50%; color: white; }
#menu-top a:hover { color: black; }

/* menu-tree */
#menu-tree { border-right: 1px solid #E0E9EF; }
#menu-tree, #menu-tree ul { margin: 0 0 5px 5px; padding: 0; list-style: none; }
#menu-tree li a { display: block; padding: 0.5em 20px; color: #6B6A6A; text-decoration: none; background: url(img/menu-tree-link.gif) no-repeat 10px 50%; _height: 1px; }
#menu-tree li a:hover { color: black; }
#menu-tree li { font-weight: bold; vertical-align: middle; border-bottom: 1px dotted #ddd; _height: 1px; }
#menu-tree ul li { background: white; font-weight: normal; }
#menu-tree ul li a {  padding: 0.2em 5px 0.2em 20px; font-size: 92%; border-bottom: 1px solid #DDE4E9; background: white; }
#menu-tree ul li a:hover { background: #eee; }
#menu-tree ul li li a { padding-left: 40px; text-transform: none; background: white; }

/* col-r-home */
#col-r-home { width: 210px; padding: 20px 30px 20px 10px; margin: 0; float: right; clear: none; text-align: justify; }

/* footer */
#footer { clear: both; padding-top: 1.2em; color: white; }
#footer .center-in { text-align: center; height: 3em; }
#footer a { text-decoration: none; color: white; }
#footer a:hover { text-decoration: underline; color: white; }

/* catpath + books */
/* catpath */
#catpath { margin: -20px 0 0; padding: 0.7em; padding-left: 30px; font-size: 12px; background: url(img/path.png) no-repeat 10px 50%; }
#catpath a { font-weight: bold; padding: 0 0.3em; }

/* books */
.books { margin: 0 0 20px; padding: 15px 10px 0; height: 2.5em;  background: #FC7903; font-size: 11px; border: 1px solid #BF5A00; border-left: none; border-right: none; }
.books a, .books span { margin-right: 5px; padding: 7px 1em; float: left; background: white url(img/books-bg.png) repeat-x 0 0; font-weight: bold; border: 1px solid #BF5A00; border-bottom: none; text-decoration: none; white-space: nowrap;} 
.books span { margin-bottom: -1px; padding-bottom: 8px; background: white; border-color: white; position: relative; }
/*.books  { display: none; }*/

/* category - table */
table.category { width:100%; border:0; border-collapse:collapse; border-bottom:1px solid #ddd; }
table.category img { border:0; }
table.category a { color:#000D02; }
table.category th, table.category td { padding-left:28px; border-collapse:collapse; vertical-align:middle; }
table.category thead { border:0; }
table.category th { padding-bottom:7px; margin:0; background:#ddd  url("/styles/images/table-header.gif") no-repeat bottom left; color:black; border:0; font-weight:normal; }
table.category td { border:1px solid #ddd; border-top:0; }
table.category td.shop1 { border-left:1px solid #ddd; }
table.category td.shop5 { border-right:1px solid #ddd; text-align:center; }
table.category td.shop3, table.category td.shop4 { text-align:center; padding-left:0; }
table.category tbody { border-top:1px solid #EB6625; }
tr.first td { border-top:1px solid #ddd; }
tr.last td { border-bottom:1px solid #ddd; }

/* category - div */
div.category { padding: 20px 0 0 10px; clear: both; }
div.category.home { width: 516px; float: left; }

/* one-product */
div#one-product { margin: 0 30px 10px 0; clear:both; }
div#one-product h2 { color: #FF7800; font-size: 160%; }

/* action-img */
p.action-img { float: left; width: 100%; height: 120px; overflow: hidden; }
p.action-img span { display:block; font-size:10px; }
p.action-img a { display: block; width: 100%; }
p.action-img img { display: block; margin: 0 auto; }

/* action-price */
p.link-detail { float: left; }

/* action-img - one-product */
#one-product p.action-img { padding: 0 0 5px; float:left; margin: 0 20px 30px 0; text-align: center; }

/* goods */
div.alt-form { margin: 0 13px 10px 0; padding: 0; width: 240px; float: left; min-height: 260px; _height: 260px; overflow: hidden; background: url(img/goods-bck.png) repeat-x 0 105%; text-align: center; font-size: 11px; }
div.alt-form h3, div.alt-form p { margin: 0 0 1em; }
div.alt-form h3 { padding: 0.5em; font-size: 130%; background: #FF7800; color: white; }
div.alt-form h3 a { color: white; text-decoration: none; }
div.alt-form p.action-img { margin-right: 10px; }

/* goods-images */
.goods { padding-left: 5px; }
.goods-images { clear:both; }
.goods-images h4 { margin-left:10px; padding-top:10px; }
.goods-images img { border: 4px solid #ddd; margin:5px; }
.goods-3-mat { text-align: left; font-size: 11px; }
.goods-4-mat { padding: 20px 0 0 20px; background: url(img/goods-bck.png) repeat-x 0 110%; }
.goods-4-mat p.button { margin: 0; padding: 0.5em 10px 0.5em; background: #eee; border: 1px solid #ddd; }
.goods-4-mat p.button input { margin: 0.1em; vertical-align: middle; font: 100% sans-serif; }

#cat-description { margin: 0 15px; padding: 0.8em 20px; background: #efefef; border: 1px solid #ddd; font-size: 92%; }
.pre-text { font-size: 11px; }
.cat-num { margin-top: -1em; font-size: 11px; color: #888; }

/* subtypes */
table.subtypes { margin-bottom: 30px; background: #eee;  border-collapse: collapse; }
table.subtypes td, .subtypes th { padding: 0.3em; border: 1px solid white; }
table.subtypes th { background: #29ADCE; color: white; text-align: center; }
table.subtypes td { background: #E0EAEF; text-align: center; }
table.subtypes tr.even td { background: #D5DFE5; }
table.subtypes tr:hover td { background: #9BB2BF; color: white; }
.subtypes-col-l h3, .subtypes-col-r h3 { margin-bottom: 0.5em; }
.subtypes-col-l { width: 68%; float: left; }
.subtypes-col-r { width: 22%; float: right; }
.subtypes-col-r img { display: block; }
.subtypes-col-r a { text-decoration: none; font-size: 11px; }

/* next-lists */
p.next-lists { height: 4em; padding-top: 20px; padding-left: 30px; clear: both; font-size: 11px; }
p.next-lists strong { float: left; margin-right: 1em; padding: 0.3em 0; _display: inline; }
p.next-lists a, p.next-lists span { float: left; padding: 0.3em 1em; margin: 0 0.5em; border: 1px solid #ddd; text-decoration: none; }
p.next-lists a:hover { border: 1px solid #E93C14; background: #E93C14; color: white; }
p.next-lists span { margin: 0; border: none; background: #E93C14; color: white; font-weight: bold; }

/* basket */
table.basket { width:100%; margin: 0 0 1.5em 0; border-collapse:collapse; border:1px solid #EB6625; }
table.basket td { background:#D5DFE5; }
table.basket td, table.basket th { border:1px solid white; padding: 0.5em; }
table.basket th { text-align:center; color: white; background:#FF7800; }
table.basket td span { font-size: 11px; font-weight: bold; color: red; }
table.basket span a { color: #EB6625; }
table.basket td.price { text-align:right; }
table.basket td.number, td.subtype { text-align:center; }
table.basket .price-final { padding: 1em; background: #ccc; color: black; }
table.basket .price-final span { padding-left: 0.5em; font-size: 18px;font-weight: bold;  }

/* basket buttons */
#anch-form-order, #repair { text-align:  center; }

/* reg-form */
div.reg-form label, div#reg-form label { width:270px; float:left; line-height:1.8;}

/* login-form */
div#login-form { text-align:center; }
div.field { width:300px; margin:0 auto; text-align:left; }
div.field p { clear:both; margin:5px 0; padding:0; }
div.field label { float:left; width:140px; line-height:1.6;}
div.field p#login-button { padding-left:140px; }

/* page-login */
#page-login { color: white; width: 313px; height: 115px; position: absolute; top: -150px; right: 0px; background: url(/layout/img/login-bg.jpg) no-repeat 0 0; }
#page-login a { color: white; }
#page-login a:hover { color: #FFC18F; }
#page-login p { margin: 0; padding: 10px 15px; }
#page-login label { float: left; width: 40px; clear: left; }
#page-login .inp { width: 70px; margin: 0.1em; font-size: 11px; }
#page-login .submit { margin-top: 3px; margin-bottom: 5px; }
#page-login .register { text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold; }
#page-login .col-l { width: 65%; }
#page-login .col-r { width: 35%; text-align: right; }
#page-login #basket-1 { padding-left: 100px; height: 30px; line-height: 30px; vertical-align: middle; font-weight: bold; }
#page-login #basket-1 img { margin-right: 10px; vertical-align: middle; }
#page-login #basket-1 .order { float: right; text-decoration:  none; text-transform: uppercase; font-size: 11px; border-left: 1px dotted #ccc; padding-left: 1.5em; }
#page-login #form-login { padding-left: 80px; font-size: 11px;  }

/* fulltext */
#fulltext h2 { background-color: #FF7800; color: white; }
#fulltext p { padding: 15px 15px; margin: 0; }

/* prices */
.action-prices { font-size: 11px; color: #999; }
.action-prices .price { color: #FF0000; font-weight: bold; font-size: 18px; }
.action-prices .price-save { display: block; padding: 2px 5px; background: white; color: #FF0000; position: absolute; top: -38px; left: 48px; border: 1px solid #333; cursor: default; }

/* action banner */
.caption, .caption span { width: 760px; height: 240px; padding: 0; margin: 0; display: block; background: #50636C; color: white; border: none; position: relative; }
.caption span { background: transparent none no-repeat 0 0; position: absolute; top: 0; left: 0; }
#caption-1 span { background-image: url(/layout/illust/poutac-01.jpg); }
#caption-2 span { background-image: url(/layout/illust/poutac-02.jpg); }

/* icons */
.ico { background: none no-repeat 0 50%; } 
.ico-basket { background-image: url(/layout/img/ico-basket.png); background-position: 25px 50%; }
.ico-detail { padding: 3px 0 0 20px; font-size: 92%; background-image: url(/layout/img/ico-detail.png); background-position: 0 50%; }

/* agent_orange */
.center-in {
  position:relative;
}
#menu-tree li a.special {
  color:#E93C14;
}
p#languages {
  position:absolute;
  margin:0; padding:0;
  top:5px; left:440px;
  width:100px;
}