/**
 * Frontend CSS
 */


/* Base interface elements */
.pager {}
.pager table {border-collapse:collapse;}
.pager td {padding:0px 6px 0px 0px;}
.pager .pager_page {padding:5px 10px 5px 10px; border:1px solid #707070; background:#f7f7f7; font-size:16px; font-weight:bold; font-family:Arial;}
.pager .pager_page.pager_cur {font-weight:bold;	color:white; background:#e70d12;}
.pager .pager_space {font-weight:bold;}
.pager .pager_page.pager_prev,
.pager .pager_page.pager_next {}
.pager a {text-decoration:none;}


.table {border-collapse:collapse; border-left:1px solid #bbbbbb; border-top:1px solid #bbbbbb;}
.table td, .table th {margin:0; padding:5px; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb;}
.table th {background:#f7f7f7; font-weight:normal;}
.table th.sorted {background:#939393; color:white;}
.table th.sorted a {color:white;}
.table .arrow {}
.table td {}
.table td.data.sorted {background:#f4f7ff;}
.table tr.color1 td {}
.table tr.color2 td {}


.form {border-collapse:collapse; border:1px solid #e3e3e3;}
.form th, .form td {padding:4px;}
.form th {background:#f7f7f7; border-bottom:1px solid #e3e3e3; font-weight:normal; text-align:center;}
.form .form_error {color:red; font-weight:bold;}


/* frontend interface */
body {background:url('../img/bg_corner.gif') top center no-repeat;}

#site {text-align:left; min-width:980px; max-width:1230px; height:100%; padding:10px;}

#head {border-bottom:1px solid #c1c1c1; padding-bottom:10px;}
#content {padding:20px 0px 20px 0px;}

#footer {text-align:center; border-top:1px solid #c1c1c1; padding-top:20px;}
#footer a {color:#16089b;}
#footer #copyright {margin-top:20px;}
#footer #developer {font-size:10px; text-align:right;}
#footer #developer,
#footer #developer a {color:silver;}

#menu {margin-top:10px;}
#menu a {margin-right:20px; color:#16089b; font-family:Georgia; font-size:18px;}


/* jQuery tooltip design */
.tooltip {padding:8px; max-width:500px; border:1px solid #6a6a6a; background:#e8edff; color:#000;}


/* messages */
#error {border:1px solid #af4747; background:#fffabf;}
#message {border:1px solid #448f3a; background:#dfffe3;}
#error td {color:red; font-weight:bold;}
#message td {color:green; font-weight:bold;}
#error, #message {margin-bottom:20px; padding:8px; font-weight:bold;}
#error img, #message img {vertical-align:middle; margin-right:10px;}


/* other selectors */
#topsearch input {margin-left:0px; margin-right:0px;}
#topsearch a {font-size:10px;}

#cart {}
#cart a {color:#16089b; font-family:Georgia; font-size:18px;}

#per_page, #per_page select {font-size:10px;}

img.linkimage {vertical-align:middle; margin-right:5px;}
.req {color:red;}


/* dashed link */
a.dashed {text-decoration:none; border-bottom:1px dashed blue;}
a.dashed:hover {border-bottom:1px dashed #6d87da;}
a.dashed:visited {border-bottom:1px dashed #800080;}


/* categories */
.cat {padding:0px 0px 15px 0px; white-space:nowrap;}
.cat a {font-size:14px; font-weight:bold;}
.cat.sel a {color:black;}
.cat.sub a {font-size:11px; font-weight:normal;}


/* search */
.search_ok {font-size:20px; color:green; margin-bottom:30px;}
.search_empty {font-size:20px;}


/* cats list */
.catslist {border-top:1px solid #c1c1c1; margin-top:30px; padding-top:10px;}
.catslist .sub {padding-left:21px;}
.catslist .sub a {font-size:10px;}


/* right blocks */
.block {width:200px; margin-bottom:12px;}
.block .top {height:9px; background:url('../img/block_top.png') no-repeat;}
.block .content {padding:10px 8px 14px 8px; background:url('../img/block_middle.png') repeat-y;}
.block .bottom {height:9px; background:url('../img/block_bottom.png') no-repeat;}
.block.sys .content {font-size:11px; color:#454545;}
.block.sys .content a {color: #0000cc;}
.block.sys .mitem {margin-bottom:8px;}


/* products */
.product {margin:0px 30px 40px 0px;}
.product .image {margin:0px 6px 0px 0px;}
.product .image img {border:1px solid #707070;}
.product .title {font-size:13px; font-weight:bold; color:#565555; margin-bottom:4px;}
.product .add {clear:left; margin-bottom:6px;}
.product .add .btn {position:relative; top:4px;}
.product .empty {clear:left; font-weight:bold; color:black; margin:6px 0px; padding: 4px; border: 1px solid gray; background:#E8E8E8; width: 174px;}
.product .descr {font-size:11px;}
.product .cost {font-size:13px; font-weight:bold; color:#f41313; margin-bottom:4px;}
.product .cost .old {color: black; text-decoration: line-through;}
.product .cost .disc {width: 174px; margin-top: 2px; padding: 4px; background: #E8FFE8; border: 1px solid green; border-radius: 6px; color: black; font-weight: normal; font-size: 11px;}
.product .cost .cart_disc {color: green; font-weight: normal; font-size: 11px; margin-top: 4px;}



/* view types */
.thin {width:100%; border-collapse:collapse;}
.thin th {text-align:left;}
.thin th,
.thin td {padding:2px 3px 2px 3px; height:25px;}
.thin .delim {padding:0; background:silver; height:1px;}
.thin .title {font-weight:bold; color:#565555;}
.thin .add {position:relative; top:-2px;}
.thin .add .btn {position:relative; top:4px;}
.thin .empty {clear:left; font-weight:bold; color:black; font-style: italic;}
.thin .cost {font-weight:bold; color:#f41313; white-space: nowrap;}
.thin .cost .old {color: black; text-decoration: line-through; font-size: 9px; font-weight: normal;}
.thin .cost .disc {font-size: 9px; color: green;}


/* subcategory block */
.catblock {float:left; width:120px; height:140px; margin:0px 20px 20px 0px; padding:6px; border:1px solid #d0d0d0;}
.catblock .image {margin-bottom:3px;}
.catblock .title {text-align:center; font-weight:bold;}


/* news */
.news {}
.news td {vertical-align:top;}
.news .left {padding:0px 20px 20px 10px; border-right:1px solid #c1c1c1;}
.news .left .date {}
.news .middle {padding:0px 10px 20px 20px;}
.news .middle img {}
.news .right {padding:0px 0px 20px 0px;}
.news .right img {margin:0px 10px 10px 0px;}
.news .right .name {font-weight:bold; margin-bottom:4px;}
.news .right .notice {}


/* cats list */
#counters {border-top:1px solid #c1c1c1; margin-top:10px; padding-top:10px;}


/* Share42 buttons */
#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover { background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}