@import "./edit.css";
@import "./common.css";
div.tabs_header div {
  cursor: pointer;
}
div.tabs_body .visible {
  background-color: white;
  display: block;
}
div.tabs_body .invisible {
  background-color: white;
  display: none;
}
body {
  background: white url('../images/grads-v.png') repeat-x 0 -170px;
  color: #303030;
  line-height: 20px;
}
#wrapper {
  background: transparent url('../images/sprite.png') no-repeat 0 0;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  width: 1000px;
}
#header {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 0 30px;
}
#header h1 {
  background: transparent url('../images/sprite.png') no-repeat scroll -990px 0;
  float: left;
  height: 80px;
  margin: 40px 0 0 0;
  padding: 0;
  text-indent: -10000px;
  width: 380px;
}
#header h1 a {
  display: block;
  height: 78px;
  width: 406px;
}
#header .language-switch {
  position: absolute;
  right: 5px;
  top: 18px;
}
#header .language-switch a {
  color: #646464;
  font-size: 10px;
}
#header .language-switch a img {
  padding-right: 3px;
  vertical-align: middle;
}
#header .menu {
  background: #E3E9EB url('../images/grads-h.png') repeat-y 0 0;
  border-radius: 5px;
  float: right;
  height: 36px;
  padding: 1px;
}
#header .menu ul {
  background: #f2f5f5 url('../images/grads-v.png') repeat-x 0 -90px;
  border-radius: 5px;
  display: block;
  height: 36px;
  list-style: none;
  padding: 0;
  text-align: right;
}
#header .menu li {
  color: black;
  float: left;
  display: inline;
  line-height: 36px;
  list-style: none;
  text-indent: 0;
}
#header .menu li a {
  color: black;
  display: block;
  font-size: 16px;
  text-decoration: none;
}
#header .menu li a span {
  border-left: 1px solid #c5c5c5;
  border-right: 1px solid white;
  padding: 0 20px;
  text-transform: lowercase;
}
#header .menu li:first-child a span {
  border-left: 0 none;
}
#header .menu li:last-child a span,
#header .menu li.active:before a span {
  border-right: 0 none;
}
#header .menu a:hover {
  text-decoration: underline;
}
#header .menu li.active a {
  background: #63b439 url('../images/grads-v.png') repeat-x 0 -130px;
  border-radius: 5px;
  color: white;
}
#header .menu li.active a span {
  background: transparent url('../images/active.png') repeat-x center bottom;
  border: 0 none;
  padding: 0 20px 20px;
  margin-bottom: -22px;
  z-index: 1000;
}
#control-bar {
  float: right;
  overflow: hidden;
}
#control-bar .left-part,
#control-bar .right-part {
  float: left;
  padding: 20px 0 5px 10px;
}
#control-bar .left-part form {
  margin: 0;
  padding: 0;
}
#control-bar .left-part form p a {
  float: right;
  padding: 0 5px;
}
#control-bar .left-part form p label,
#control-bar .left-part p span {
  text-shadow: 0 1px white;
}
#control-bar .left-part p strong {
  display: block;
  float: left;
  line-height: 20px;
  margin: 3px 0;
  padding: 0 20px;
}
#a-renew {
  color: #646464;
  font-size: 10px;
}
#control-bar .left-part p a#cb-logout {
  background: #63b539 url('../images/grads-v.png') repeat-x 0 -45px;
  border-top: 1px solid #53982e;
  border-left: 1px solid #67ad4b;
  border-bottom: 1px solid #4c823b;
  border-right: 1px solid #8cbc80;
  border-radius: 4px;
  color: white;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 20px;
  margin: 3px 0;
  padding: 0 20px;
  text-decoration: none;
  text-shadow: 1px 1px #3D9622;
}
#control-bar .left-part p a#cb-client strong {
  color: black;
}
#control-bar .left-part p a#cb-logout:hover,
#control-bar .left-part p a#cb-client:hover strong {
  text-decoration: underline !important;
}
#control-bar .left-part form p input#cb-user,
#control-bar .left-part form p input#cb-pass,
#search-block form div input#q {
  border-top: 1px solid #a4a4a4;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #d3d3d3;
  border-radius: 4px;
  color: #8b8b8d;
  height: 20px;
  margin: 3px 0;
  padding-left: 20px;
  width: 100px;
}
#control-bar .left-part form p input#cb-user {
  background: #d5d5d5 url('../images/sprite.png') no-repeat scroll -1498px 3px;
}
#control-bar .left-part form p input#cb-pass {
  background: #d5d5d5 url('../images/sprite.png') no-repeat scroll -1498px -26px;
}
#control-bar .left-part form p input#cb-submit,
#search-block form div input#s {
  background: #63b539 url('../images/grads-v.png') repeat-x 0 -45px;
  border-top: 1px solid #53982e;
  border-left: 1px solid #67ad4b;
  border-bottom: 1px solid #4c823b;
  border-right: 1px solid #8cbc80;
  border-radius: 4px;
  box-shadow: 1px 1px 0 #CDD8D9;
  color: white;
  font-size: 13px;
  height: 22px;
  padding: 0 20px;
  text-decoration: none;
  text-shadow: 1px 1px #3D9622;
  width: 95px;
}
#control-bar .left-part form p input#cb-submit:hover {
  text-decoration: underline;
}
#control-bar .right-part .cart {
  background: transparent url('../images/sprite.png') no-repeat scroll -1814px -75px;
  line-height: 30px;
  overflow: hidden;
  width: 186px;
}
#control-bar .right-part .cart span {
  color: #59AE35;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  text-align: right;
  text-shadow: 1px 1px white;
  width: 90px;
}
#control-bar .right-part .cart a {
  color: white;
  display: block;
  float: left;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding-left: 38px;
  text-decoration: none;
  text-shadow: 1px 1px #3D9622;
  width: 48px;
}
#control-bar .right-part .cart a:hover {
  text-decoration: underline;
}
#search-block {
  margin-bottom: 15px;
}
#search-block form div input#q {
  background: #d5d5d5 url('../images/sprite.png') no-repeat scroll -1498px -49px;
  width: 126px;
}
#search-block form div input#s {
  width: 88px;
}
#hd-inner {
  background: transparent url('../images/sprite.png') no-repeat scroll 0 bottom;
  clear: both;
  overflow: hidden;
  padding: 10px 10px 30px;
  position: relative;
}
#hd-inner #wide {
  float: left;
  margin-top: 30px;
  overflow: hidden;
  padding-right: 10px;
  width: 500px;
}
#hd-inner #wide h3 {
  margin-bottom: 15px;
}
#hd-inner #narrow {
  float: left;
}
#hd-inner #narrow #carousel {
  display: block;
  height: 440px;
	margin: 0 auto;
  padding: 0;
	position: relative;
	width: 470px;
}
#hd-inner #narrow #carousel li {
  float: left;
  list-style: none;
  height: 435px;
  text-indent: 0;
  width: 353px;
}
#hd-inner #narrow #carousel li img {
  height: 100%;
  width: 100%;
}
#hd-inner #narrow a {
  display: block;
  float: left;
  height: 35px;
  width: 235px;
}
#hd-inner #narrow a.prev {
  background: transparent url('../images/sprite.png') no-repeat -900px -80px;
}
#hd-inner #narrow a.next {
  background: transparent url('../images/sprite.png') no-repeat -900px -115px;
}
#hd-inner h2 {
  font-size: 32px;
  line-height: normal;
  padding: 0;
}
#hd-inner h3 {
  color: black;
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  padding: 0;
}
#hd-inner p {
  color: #76838b;
  font-size: 20px;
  padding: 0;
}
#hd-inner hr {
  margin: 20px 0;
  border: 0 none;
  border-top: 1px dashed black;
}
#hd-inner .hd-art {
  float: left;
  padding: 0 10px 30px 0;
  width: 48%;
}
#hd-inner .ic1,
#hd-inner .ic2,
#hd-inner .ic3,
#hd-inner .ic4,
#hd-inner .ic5,
#hd-inner .ic6 {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#hd-inner .ic1 {
  background-image: url('../images/ic1.png');
}
#hd-inner .ic2 {
  background-image: url('../images/ic2.png');
}
#hd-inner .ic3 {
  background-image: url('../images/ic3.png');
}
#hd-inner .ic4 {
  background-image: url('../images/ic4.png');
}
#hd-inner .ic5 {
  background-image: url('../images/ic5.png');
}
#hd-inner .ic6 {
  background-image: url('../images/ic6.png');
}
#hd-inner .hd-art h4 {
  color: #50a627;
  font-size: 18px;
  font-weight: bold;
  margin-left: 50px;
  padding: 0;
  text-transform: uppercase;
}
#hd-inner .hd-art h4 a {
  text-decoration: none;
}
#hd-inner .hd-art h4 a:hover {
  text-decoration: underline;
}
#hd-inner .hd-art p {
  color: #50a627;
  font-size: 13px;
  margin-left: 50px;
}
#left-side,
#right-side {
  float: left;
  width: 250px;
}
#left-side h3 {
  color: #404142;
  font-size: 22px;
  margin: 10px 3px 15px;
  padding: 0;
}
#left-side .menu ul {
  margin-bottom: 10px;
}
#left-side .menu ul,
#left-side .menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
#left-side .menu ul li {
  height: 46px;
  margin: 2px 0;
  overflow: hidden;
}
#left-side .menu ul li a,
#left-side .menu ul li a:hover {
  border-radius: 4px;
  text-decoration: none;
}
#left-side .menu ul li a img {
  background: white;
  border-radius: 4px 0 0 4px;
  box-shadow: 1px 1px 0 #cdd8d9;
  float: left;
  height: 45px;
  margin-right: 1px;
  width: 45px;
}
.blur {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: url(./filters.svg#blur);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3);
}
.gray {
  filter: url(./filters.svg#desaturate);
  filter: gray;
  -webkit-filter: grayscale(100%);
}
#left-side .menu ul li a:hover img,
#left-side .menu ul li.active a img {
  background: #e5e8e9 url('../images/grads-v.png') repeat-x 0 0;
  filter: url(./filters.svg#desaturate);
  filter: gray;
  -webkit-filter: grayscale(100%);
}
#left-side .menu ul li a span {
  background-color: white;
  border-radius: 0 4px 4px 0;
  box-shadow: 1px 1px 0 #cdd8d9;
  color: #5ca730;
  display: block;
  float: left;
  font-size: 15px;
  height: 29px;
  line-height: 15px;
  margin-left: 1px;
  padding: 8px 20px;
  width: 153px;
}
#left-side .menu ul li a:hover span,
#left-side .menu ul li.active a span {
  background: #63b539 url('../images/grads-v.png') repeat-x 0 -45px;
  color: white;
}
#left-side .menu ul li a span cite {
  color: #b4bebf;
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-decoration: none;
}
#left-side .menu ul li a:hover span cite,
#left-side .menu ul li.active a span cite {
  color: white;
}
#content {
  background: transparent url('../images/sprite.png') no-repeat;
  color: #4f5958;
  float: left;
  min-height: 400px;
}
#content.size1 {
  background-position: -875px -150px;
  width: 1000px;
}
#content.size2 {
  background-position: -1000px -150px;
  width: 750px;
}
#content.size3 {
  background-position: -1125px -150px;
  width: 500px;
}
#breadcrumbs {
  color: #2f4f4f;
  font-size: 12px;
  float: left;
}
#navigation {
  line-height: 22px;
  margin: 10px 0;
  overflow: hidden;
}
.paginator {
  float: right;
}
.paginator p a,
.paginator p span {
  background: #eeeeee url('../images/sprite.png') no-repeat -1728px 0;
  border-radius: 2px;
  color: #7d8b96;
  display: block;
  float: left;
  font-size: 14px;
  height: 22px;
  margin: 0 1px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px white;
  width: 22px;
}
.paginator p span.active {
  background-color: #507b38;
  background-position: -1728px -22px;
  color: white;
  cursor: default;
  text-shadow: 0 0 transparent;
}
.paginator p span.disabled {
  color: #aaaaaa;
  cursor: default;
  text-shadow: 0 0 transparent;
}
#main {
  padding: 10px 0;
}
.shop-rack {
  overflow: hidden;
  padding: 5px 0 0;
}
.shop-item {
  background-color: white;
  float: left;
  font-size: 12px;
  height: 300px;
  margin: 5px;
  padding: 10px;
  position: relative;
  width: 220px;
}
.shop-item h4 {
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.shop-item h4 a {
  color: #404142;
  text-decoration: none;
}
.shop-item h4 a:hover {
  text-decoration: underline;
}
.shop-item .imgs {
  text-align: center;
}
.shop-item img {
  margin: 0 auto;
  max-height: 160px;
  max-width: 220px;
}
.shop-item .price-box {
  background:  transparent url("../images/sprite.png") no-repeat scroll -1790px 18px;
  bottom: 10px;
  height: 50px;
  left: 15px;
  overflow: hidden;
  position: absolute;
  width: 210px;
}
.price-box span {
  float: right;
}
.origin {
  color: #ee0e0e;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  text-decoration: line-through;
  width: 90px;
}
.in-stock,
.sold-out {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  width: 120px;
}
.in-stock {
  color: #19ab0c;
}
.sold-out {
  color: #f1a900;
}
.price-box .price {
  color: #59ae35;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  text-align: right;
  text-shadow: 1px 1px white;
  padding: 0 5px;
  width: 83px;
}
.price-box input {
  border: 0 none;
  background: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  float: right;
  height: 28px;
  margin-top: -2px;
  padding-left: 20px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px #3d9622;
  width: 115px;
}
.price-box input:hover {
  text-decoration: underline;
}
#item-detail {
  background-color: white;
  padding: 15px 25px;
}
#item-detail p {
  font-size: 14px;
}
.columns {
  overflow: hidden;
}
.columns .wide {
  float: left;
  overflow: hidden;
  width: 450px;
}
.columns .wide img {
  max-height: 300px;
  max-width: 230px;
}
.columns #pictures {
  float: left;
  width: 300px;
}
.columns #variant-images {
  border-right: 2px solid #d0d0d0;
  float: left;
  width: 123px;
}
.columns #variant-images a {
  display: block;
  text-align: center;
}
.columns #variant-images img {
  max-height: 60px;
  max-width: 80px;
}
.columns .narrow {
  float: left;
  width: 250px;
}
.columns .narrow table {
  border: 0 none;
  border-collapse: collapse;
  float: right;
}
.columns .narrow table tr th,
.columns .narrow table tr td {
  font-size: 14px;
  padding-right: 5px;
  text-align: left;
}
.columns .narrow form #variant-select {
  height: 45px;
  margin-left: -25px;
  position: relative;
  text-indent: 25px;
}
.columns .narrow form #variant-select hr {
  border: 1px solid #d0d0d0; 
  bottom: 0;
  left: 0;
  position: absolute;
  width: 15px;
}
.columns .narrow form #radios {
  border: 10px solid white;
  margin: -32px 0 0 -10px;
}
.columns .narrow .original-price {
  color: #ee0e0e;
  text-align: right;
}
.columns .narrow #item_count-element,
.columns .narrow #item_count-element input {
  text-align: right;
}
.columns .narrow .price-box {
  background: transparent url("../images/sprite.png") no-repeat scroll -1750px 7px;
  height: 40px;
  padding-top: 10px;
  width: 250px;
}
.price-box .inc-tax {
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: right !important;
  width: 250px !important;
}
#tabs {
  margin-top: 10px;
}
#tabs div p {
  font-size: 14px;
}
#footer {
  background-color: #f7f7f7;
  clear: both;
  color: #363636;
  display: block;
  font-size: 13px;
  overflow: hidden;
  padding: 20px 25px;
}
#footer a {
  color: #363636;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .menu {
  float: left;
}
#footer .menu ul {
  float: left;
  margin: 0;
  padding: 0;
}
#footer .menu li {
  float: left;
  display: inline;
  list-style: none;
  text-indent: 0;
}
#footer .menu li a {
  border-right: 1px solid black;
  display: block;
  line-height: 20px;
  padding: 0 15px;
}
#footer .menu li:first-child a {
  background:  transparent url("../images/sprite.png") no-repeat scroll -1730px -50px;
  padding-left: 30px;
}
#footer .menu li:last-child a {
  border-right: 0 none;
}
#footer .menu li a span {
  text-transform: lowercase;
}
#footer .copy {
  float: right;
}
ul.errors {
  color: red;
  padding-left: 15px;
}
ul.errors li {
  font-size: 14px;
  text-indent: 0;
}
table.item-list {
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
  margin: 10px 0;
  width: 100%;
}
table.item-list tr th {
  background: silver url('../images/grads-v.png') repeat-x 0 0;
  font-size: 13px;
  height: 20px;
  padding: 2px 5px;
}
table.item-list tr td {
  background: white url('../images/grads-v.png') repeat-x 0 -170px;
  font-size: 12px;
  padding: 2px 5px;
}
table.item-list tr td h4 {
  font-size: 16px;
}
table.item-list tr td a {
  color: black;
}
table.item-list tr td p {
  font-size: 12px;
}
table.item-list tr td span {
  font-size: 10px;
}
table.sum-list {
  border: 0 none;
  border-collapse: collapse;
  float: right;
  margin: 10px 0;
}
.trade {
  clear: right;
  margin: 10px 0;
  text-align: right;
}
.btn-row {
  clear: both;
  overflow: auto;
  padding: 5px;
  text-align: center;
}
.btn-row .left-float {
  float: left;
}
.btn-row .right-float {
  float: right;
}
.btn {
  background: #63b539 url('../images/grads-v.png') repeat-x 0 -45px;
  border: 0 none;
  border-radius: 4px;
  box-shadow: 1px 1px 0 #CDD8D9;
  color: white;
  cursor: pointer;
  font-size: 12px;
  padding: 7px 12px;
  text-decoration: none;
  text-shadow: 1px 1px #3D9622;
  text-transform: uppercase;
}
.btn:hover {
  text-decoration: underline;
}
#cart-navigation {
  overflow: hidden;
  line-height: 24px;
}
#cart-navigation h2 {
  color: gray;
  display: block;
  float: left;
  overflow: hidden;
  padding-left: 25px;
  width: auto;
}
#cart-navigation h2.active {
  color: black;
}
#cart-navigation h2 a {
  color: black;
  display: block;
  float: left;
  width: auto;
}
#cart-navigation h2 span {
  background-color: gray;
  border-radius: 20px;
  color: white;
  display: block;
  float: left;
  font-size: 20px;
  margin-right: 5px;
  padding: 0 7px;
}
#cart-navigation h2.active span {
  background-color: black;
}
#cart-navigation h2:after {
  content: '    →';
}
#cart-navigation h2.last:after {
  content: '';
}
#cart-content {
  margin: 10px 0;
}
#cart-content h3 {
  margin: 0 10px;
}
#cart-content .left-part,
#cart-content .right-part {
  float: left;
  width: 50%;
}
#cart-content .common-part {
  clear: left;
}
#cart-content dl.listing {
  margin: 20px 0;
}
#cart-content dl.listing dd {
  margin-left: 20px;
}
#cart-content dl.listing label input {
  margin-right: 10px;
}
#cart-content dl.listing label span {
  color: gray;
  display: block;
  float: right;
  padding-right: 120px;
}
#cart-content dl.submit dd {
  text-align: center;
}
#cart-content #ship-bill {
  background: #f2f5f5 url('../images/grads-v.png') repeat-x 0 -90px;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 10px 0;
  padding: 0 10px;
  text-align: right;
}
#cart-content #ship-bill span {
  font-weight: bold;
}
#cart-content .cart-customer {
  margin: 10px 20px;
}
#cart-content #customer-form {
  float: left;
  width: 60%;
}
#cart-content #logform {
  float: left;
  width: 40%;
}
.cart-login-form {
  margin: 30px 5px 10px;
}
.cart-login-form h3 {
  margin: 0 10px;
}
.cart-login-form .customer {
  padding: 5px 15px;
}
.cart-login-form .customer #submit {
  margin: 10px 0 0 -15px;
}
dl.customer,
dl.is-same-info {
  font-size: 12px;
  margin: 10px 0;
  overflow: hidden;
}
dl.customer dt {
  clear: left;
  float: left;
  width: 120px;
}
dl.customer dd {
  float: left;
  width: auto;
}
dl.customer label.required {
  font-weight: bold;
}
dl.customer fieldset {
  border: 0 none;
}
.counter {
  text-align: center;
}

#footer p {
  overflow: hidden;
  margin: 0 auto 10px;
}
#footer p a {
  background: transparent url(../images/products.png) no-repeat;
  display: block;
  float: left;
  height: 80px;
  margin: 0 20px;
  text-indent: -10000px;
}
#footer p a#becc-link {
  background-position: -340px 0;
  width: 120px;
}
#footer p a#becc-link:hover {
  background-position: -460px 0;
}
#footer #epujc-link {
  background-position: -1580px 0;
  width: 220px;
}
#footer #epujc-link:hover {
  background-position: -1800px 0;
}
#footer #kazev-link {
  background-position: -1300px 0;
  width: 140px;
}
#footer #kazev-link:hover {
  background-position: -1440px 0;
}
#footer #data-link {
  background-position: -580px 0;
  width: 160px;
}
#footer #data-link:hover {
  background-position: -740px 0;
}
#footer #vsm-link {
  background-position: -2020px 0;
  width: 110px;
}
#footer #vsm-link:hover {
  background-position: -2130px 0;
}