@import url("reset.css"); 


@font-face{font-family:'MonoCondensedC'; src:url('/design/chereau/fonts/MonoCondensedC.otf')}

html, 
body{min-width:930px; font:16px Tahoma,sans-serif; color:#fff; width:100%; height:100%; background: url("/design/chereau/images/bg-r.jpg") 50% 50% fixed no-repeat;
	background-size: cover;}

p{margin-bottom:15px; text-indent: 10px;  font-size:14px;  font-family:Arial,sans-serif}
h1{font-size:24px; margin-bottom:10px; font-weight:900;  font-family:MonoCondensedC}


h2, h4{clear:both; font-size:20px; margin-bottom:10px; font-family:MonoCondensedC;}
h2 a {font-size:20px;}
h3{font-size:16px; margin-top:0px; margin-bottom:10px; font-weight:normal}

a{color:silver; font-size:14px; text-transform:uppercase; text-decoration:none; -webkit-transition:background 0.5s ease,color 0.3s ease}


a:hover{color:#fff;}

e[type="button"]{cursor:pointer}

#top_background{min-height:44px; width:100%; overflow:hidden; padding-bottom:5px}
#top{margin:0px auto; width:940px}
#menu{float: left; padding: 36px 21px 36px 77px;}

#menu li{height:30px; display:block; float:left; list-style:none}
#menu li a{margin-right:10px; font-size:12px; display:block; float:left; padding:5px 8px 6px 9px; color:#606060;  -webkit-transition:background 0.5s ease,color 0.3s ease}
#menu li.selected a{background-color:#DE0C0C; border-radius:4px; text-decoration:none; color:#fff; behavior: url(/pie/PIE.htc);}
#menu li:hover a{text-decoration:none;  color:#000; background-color:#e84d07; border-radius:3px; behavior: url(/pie/PIE.htc);}
 
#blog{list-style:none}
#blog a{font-size:32px; font-family:MonoCondensedC; color:#F12020; font-weight:900; text-transform:none; text-decoration:none}

#currencies{margin-bottom:0px; margin-right:20px; float:right; margin-top:26px}

#currencies ul{margin-top:10px}
#currencies ul li{font-size:12px; display:inline; padding-right:5px; list-style:none}

#currencies ul li a{white-space:nowrap; color:#505050}
#currencies ul li.selected a{text-decoration:none}

#cart_informer{background-color:rgba(119,119,119,0.8); padding:3px 11px 3px 17px; border-radius:4px; behavior: url(/pie/PIE.htc); position:fixed; right:10px; top:230px; z-index:1000;  -webkit-transition:background 0.5s ease,color 0.3s ease}
#cart_informer1{background-color:rgba(255,124,124,0.8); padding:3px 11px 3px 17px; border-radius:4px; position:fixed; right:10px; top:127px; z-index:1000;  -webkit-transition:background 0.5s ease,color 0.3s ease}
 
#cart_informer:hover{background-color:rgba(255,102,102,0.8); padding:3px 11px 3px 17px; border-radius:4px; behavior: url(/pie/PIE.htc); position:fixed; right:10px; z-index:1000}#cart_informer:hover{background-color:rgba(255,102,102,0.8); padding:3px 11px 3px 17px; border-radius:4px; position:fixed; right:10px; z-index:1000}

#header{float:left; background-color:white; position:fixed; z-index:100; width:100%; padding:0px 0 0px 0; top:0px}

#footer{margin:0px auto; overflow:hidden; clear:both; height:20px; padding-top:10px; text-align:center}

#account{float:right; font-size:12px; margin:12px 10px 10px 0px; margin-top:12px; margin-right:10px; text-align:right; color:#505050}
#account #login{padding-left:7px}
#account #logout{padding-left:7px}

#logo{padding-left:0px; float:left; clear:left; height:105px;  margin-left:50px}
#contact{float:right; text-align:right; margin-top:45px; margin-right:5px; font-style:italic; height:25px; color:#505050; font-size:15px; text-shadow:0px 1px 0px #fff}
#contact #phone{font-size:18px}

#main{margin:0px auto; min-width:930px;}
#main a{color: gold;}
#content{background:rgba(0, 0, 0, 0.65); max-width:660px; margin-left:300px; margin-bottom:0px; min-height:600px;  min-width:300px;  margin-top:140px;  border:1px solid #8F5C39; border-radius:5px; padding:30px}

#left{
/*-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
opacity: 0.7;
transition: all 4s 5s;*/
min-width:98px; overflow: auto; width:250px; left:40px; position:absolute; top:140px; float:left}
/*#left:hover{
-webkit-filter: blur(0px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
opacity: 1;
transition: all 1s 0s;}*/
#citat{margin-bottom: 15px;}
#citat i{font-size:12px;}
.lft{float:right;}

#search{margin-top:9px; margin-bottom:10px; height:28px}
#search .input_search{width: 116px;height: 17px;font-size: 13px;border: 1px solid #CECECE;display: block;float: left;border-radius: 2px; behavior: url(/pie/PIE.htc);}#search .input_search{width: 116px;height: 17px;font-size: 13px;border: 1px solid #CECECE;display: block;float: left;border-radius: 2px;}

#catalog_menu {
margin-top: 30px;
margin-bottom: 10px;
line-height: 20px;
padding-top:20px;
}
#catalog_menu a{padding:5px}
#catalog_menu ul{padding-left:0px; padding-bottom:5px; list-style:none}
#catalog_menu ul ul{padding-left:20px; padding-top:0px; padding-bottom:0px}
#catalog_menu ul li{font-size:16px; margin-top:8px}
#catalog_menu ul li img{vertical-align:middle}
#catalog_menu ul li a.selected{color:#fff; background-color:gray; padding:5px;  border-radius:3px; behavior: url(/pie/PIE.htc);}
#catalog_menu ul li a:hover{color:#fff; background-color:gray; padding:5px; border-radius:3px; behavior: url(/pie/PIE.htc);}
#catalog_menu ul ul li{font-size:12px}
#catalog_menu ul ul ul li{font-size:10px}

#all_brands{width:220px; margin-bottom:15px}

#brands{clear:both; margin-bottom:10px; margin-top:10px}
#brands a{color:#ec0060; font-size:12px; margin-right:10px; padding:4px}
#brands img{vertical-align:middle}
#brands a:hover{background-color:#EEE; color:#464646; padding:4px; border-radius:3px; behavior: url(/pie/PIE.htc);}#brands a:hover{background-color:#EEE; color:#464646; padding:4px; border-radius:3px}

#brands a.selected{background-color:#E0E0E0; color:#464646; padding:4px; border-radius:3px; behavior: url(/pie/PIE.htc);}#brands a.selected{background-color:#E0E0E0; color:#464646; padding:4px; border-radius:3px}

#blog_menu {font-size: 10px; margin-right: 10px;}
#blog_menu a{font-size: 10px; color: #fff; text-decoration: underline;}
#blog_menu a:hover{color: gray; text-decoration: none;}
#path{margin-top:-20px; margin-bottom:5px; font-size:10px; color:#a0a0a0}
#path a{color:#a0a0a0}

#pi{display:block; height: 200px;}
.product .image{text-align:center; background-color:#fff; width:300px; float:left; padding:5px; margin-right:20px}
.product .image img{max-width:300px}
.product .images{float:left; clear:right; min-height:200px; width:300px; margin-right:20px; margin-bottom:10px; padding-top:15px; padding-bottom:15px}
.product .images img{text-align:center; width:50px; background-color:#fff; border:1px solid #e0e0e0; float:left; padding:5px; margin:4px 10px 10px 0px}
.product .description{width:660px}

.product .features{list-style:none; width:100%; display:block; clear:both; margin-top:15px; margin-bottom:25px; border-bottom:1px solid #e0e0e0}
.product .features li{padding:10px 5px 10px 5px; overflow:hidden; border-top:1px solid #e0e0e0; background-color:#f0f0f0}
.product .features li.even{background-color:#e9e9e9}
.product .features label{font-style:normal; display:block; width:30%; float:left}
.product .features p{float:left; display:block; width:70%}
.product .variants{float:left; font-size:12px}
.product .variant td{padding-bottom:6px; vertical-align:middle;  font-family:arial}
.product .compare_price{font-size:14px; text-decoration:line-through; white-space:nowrap; color:#707070}
.product .price{vertical-align: middle; padding: 5px; font-size:18px; white-space:nowrap; background-color:#e84d07; border-radius:5px; behavior: url(/pie/PIE.htc); text-decoration:none;  color:#fff;}
.product .oldprice{font-size:14px; white-space:nowrap; background-color:#E0E0E0; border-radius:3px; text-decoration:none;  color:#000; behavior: url(/pie/PIE.htc);}
.product .variant_name{float:left; margin-right:10px; font-size:12px}
.product .variant_radiobutton{margin-right:5px; margin-left:0px}
#back_forward{font-size:20px; margin-bottom:10px; clear:both}
#back_forward a.prev_page_link{margin-right:9px;  color:#fff; text-decoration: underline;}
#back_forward a.prev_page_link:hover{margin-right:9px;  color:#fff; text-decoration: none;}
.tiny_products{list-style:none; display:block}
.tiny_products .product{width:200px; margin-right:10px; margin-bottom:30px; display:-moz-inline-box; display:inline-block; word-spacing:normal; vertical-align:top}
.tiny_products .product .image{vertical-align:middle; text-align:center; width:200px; height:150px; background-color:gray; padding:5px; margin-bottom:10px}
.tiny_products .product .image img{vertical-align:middle; max-width:200px}
.tiny_products .product h3{font-size:14px; margin-bottom:10px; font-weight:normal}
.tiny_products .product h3.featured{background:url(../images/star.png) no-repeat; padding-left:20px}

.products {list-style:none; display:block; }
.products .product {width:100%; display:block; clear:both; overflow:hidden; border:3px #e0e0e0 dashed hidden;}
.products .product:hover {outline:3px #e0e0e0 dashed; transition:all 0.5s 0s;}
.products .product .image{text-align:center; width:200px; float:left; padding:5px; margin:4px 5px 20px 0px}
.products .product .image img{max-width:200px}
.products .product .product_info{float:both; width:100%; margin-bottom:40px;}
.products .product h3{font-size:20px; margin-bottom:5px; font-weight:normal}
.products .product .annotation{font-size:12px; color:#fff; ; margin-bottom:5px}

#dobavok {float: right; clear: left; width: 300px; border: 1px solid gray; padding: 5px; background-color:rgba(0,0,0,0.8);}
#dobavok span, h2, strong {padding:0; margin:0; font-size: 10px; font-family: Verdana; color: silver; text-indent:0px;}
.button{float:left; clear:left; cursor:pointer}

#features{background-color:#f0f0f0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin-top:20px; margin-bottom:10px; width:100%}
#features .feature_name{padding:7px}
#features .feature_values{padding:7px}
#features a{padding-right:6px; white-space:nowrap;  padding:4px}
#features a:hover{padding-right:6px; white-space:nowrap; background-color:#C2C2C2; padding:4px; border-radius:3px; behavior: url(/pie/PIE.htc);}
#features a.selected{padding-right:6px; white-space:nowrap; background-color:#FDDDDD; padding:3px; border-radius:3px; color:#FF4737; text-decoration:none; behavior: url(/pie/PIE.htc);}#features a.selected{padding-right:6px; white-space:nowrap; background-color:#FDDDDD; padding:3px; border-radius:3px; color:#FF4737; text-decoration:none}

.sort{text-align: center; color:#fff; font-size:20px; margin-top:10px; margin-bottom:10px; font-weight:normal;}
.sort a{margin-right:5px;  padding:5px}
.sort .selected{color:#e84d07; text-decoration:none; margin-right:5px;  background-color:#FFECEC; padding:5px; border-radius:3px; behavior: url(/pie/PIE.htc);}
.sort a:hover{color:#e84d07; text-decoration:none; margin-right:5px; background-color:#F1F1F1; padding:5px; border-radius:3px; behavior: url(/pie/PIE.htc);}.sort a:hover{color:#e84d07; text-decoration:none; margin-right:5px; background-color:#F1F1F1; padding:5px; border-radius:3px}

.pagination{margin-top:5px; margin-bottom:5px; font-size:12px; overflow:hidden}
.pagination a{display:block; float:left; background-color:#fffeff; margin-right:5px; margin-bottom:5px; padding:3px 3px; min-width:22px; text-align:center; border:1px solid #d7d7d7; text-decoration:none;  border-radius:3px}
.pagination a.selected:hover, 
.pagination a.selected{background-color:#808080; color:#fff; border-radius:4px; behavior: url(/pie/PIE.htc);}
.pagination a:hover{background-color:#f8f8f8}

.pagination a.next_page_link, .pagination a.prev_page_link{border:none; background:none}

#browsed_products{margin-bottom:20px; overflow:hidden}

#browsed_products li{display:block; float:left; overflow:hidden; border:1px solid #e0e0e0; background-color:#fff; margin:0 7px 7px 0; width:50px; height:50px}
#browsed_products li a{display:table-cell; vertical-align:middle; text-align:center; width:50px; height:50px}

input[type="text"], 
input[type="password"]{width:100%; font-size:18px; background: transparent; color:#fff;}
.form{width:400px; margin-bottom:20px}
.form textarea{width:100%; height:100px; font-size:18px; background: transparent; color:#fff;}
.form label{display:block; font-size:14px}
.form input[type="text"]{display:block; margin-bottom:10px; background: transparent; color:#fff;}

.comment_list{margin-top:15px; list-style:none}
.comment_list li{padding-bottom:15px}
.comment_header{font-size:18px}
.comment_header i{font-weight:normal; font-style:normal; color:#878787; font-size:13px}

.comment_form{background-color:#FDFDFD; border:1px solid rgb(243,243,243); padding:15px; margin-top:26px; width:70%; overflow:hidden; border-radius:6px}
.comment_form h2{margin-bottom:0px}
.comment_form .comment_textarea{width:100%; height:100px; font-size:12px}
.comment_form label{display:block; float:left; width:100px; font-size:18px; margin-top:15px}
.comment_form .input_name{font-size:16px; width:250px; margin-top:15px}
.comment_form .input_captcha, .cart_form .input_captcha{float:left; width:150px; font-size:24px; font-weight:bold; text-transform:uppercase; margin-top:15px; height:36px}
.comment_form .captcha, .cart_form .captcha{float:left; display:block; margin-top:15px; margin-right:10px}
.comment_form .button, 
.feedback_form .button, 
.register_form .button, 
.login_form .button{float:right; display:block; margin-top:10px; margin-right:0px}

.feedback_form{ padding:27px; margin-top:20px; width:62%; overflow:hidden;}
.feedback_form .input_captcha, .register_form .input_captcha{float:left; width:150px; font-size:24px; font-weight:bold; text-transform:uppercase; margin-top:15px; height:36px}
.feedback_form .captcha, .register_form .captcha{float:left; display:block; margin-top:15px; margin-right:10px}
.feedback_form .button_send{font-size:18px; float:right; margin-top:25px}
.feedback_form .input{background: none;}
#purchases tr{border-top:1px solid #d5d5d5; height:70px}
#purchases th{vertical-align:top; padding-top:10px; font-size:18px; font-weight:normal}
#purchases .image{width:50px; text-align:center}
#purchases .image a{border:1px solid #e0e0e0; background-color:#fff; margin:0 7px 7px 0; display:table-cell; vertical-align:middle; text-align:center; width:50px; height:50px}

#purchases .name{padding-left:10px; padding-right:10px; text-align:left}
#purchases td.name{font-size:14px}
#purchases td .download_attachment{white-space:nowrap; color:#3b8500; padding:5px 10px 7px 10px; background-color:#ccff72; line-height:30px}

#purchases .price{padding-left:5px; padding-right:5px; white-space:nowrap; text-align:right}
#purchases td.price{font-size:14px}
#purchases .remove{padding-left:15px; text-align:right}
#purchases .amount{font-size:14px; padding-left:5px; padding-right:5px}
#purchases .amount select{font-size:12px}

#purchases .coupon .name{font-size:14px}
#purchases .coupon .name input.coupon_code{width:200px}
#purchases .coupon .name input{font-size:16px}

ul#deliveries{margin-top:20px; margin-bottom:20px; background-color:#fff; border:1px solid #e0e0e0; padding:20px 20px 0 20px; list-style:none}
ul#deliveries li{margin-bottom:20px}
ul#deliveries li div.checkbox{float:left}
ul#deliveries li h3, ul#deliveries li .description{display:block; margin-left:25px}

#orders_history{list-style:none}
#orders_history li{margin-bottom:10px}
#orders_history li a{font-size:16px}

table.order_info{margin-right:20px; margin-bottom:20px; background-color:#f9f9f9}
table.order_info td{padding:10px; border:1px dotted #e0e0e0; font-size:14px}
.checkout_button{padding:10px 20px 10px 20px; border:1px solid #51a400; background-color:#d3ffa9; color:#2e5e00; font-size:14px}

.message_error{clear:both; height:18px; padding:10px 20px; margin-bottom:15px; margin-top:10px; overflow:hidden; color:red; background-color:#ffcaca; border:1px dotted #ff4545}

#vallu{color:fff; font-size:12px}

#valluselected{color:red; font-size:12px}

#reklam{padding:0px 0px 0px 5px; color:#FF4700}

#corz{font:13px Tahoma,Arial,Helvetica,Geneva,sans-serif; font:12px / 1.231 arial,clean,sans-serif; color:#fff}
 
 
 
 
 
 
@media screen and (max-width:1050px){ #left{width:158px; left:20; padding:5px; }
 
html, 
body{ margin-left:0px; margin-top:0px;}
 
 
#header{float:left;  position:relative; left:0px; min-width:340px; padding:10px 0 30px 0}
 
 
#top_background{min-height:0; padding-top:0; width:0; padding-bottom:0}
 
 
 
#menu{float: left;width: 320px; padding: 24px 1px 1px 25px;}
 
#content{padding:16px; float:left; margin-top:40px}


#currencies{margin-bottom:15px; position:relative; margin-right:18px; right:19px; float:right}
#menu li ul{position:absolute; top:55px; display:none}
#menu li ul{position:absolute; top:33px; display:none}

 
#lya{float:center;}
#lyam{float:center; font-size:12px;}
 
 
}

@media screen and (min-width:1280px){ #left{width:220px; left:20; padding:5px; }
 #content {width: 80%;}
 
}
.addon-filter .button-group{float:left; margin-right:20px}

.button-group{zoom:1}

.button-group:before, .button-group:after{content:""; display:table}

.button-group:after{clear:both}

.button-group .button:first-child{border-left:1px solid #d4d4d4; border-radius:3px 0 0 3px; behavior: url(/pie/PIE.htc);}
.button-group .button{border-radius:0; margin:0; float:left; border-left:none; behavior: url(/pie/PIE.htc);}
.button-group .button{border-radius:0; margin:0; float:left; border-left:none}
.button:active, .button.active{background:#efefef; color:#6c6c6c; -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.05); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.05); box-shadow:inset 0 2px 2px rgba(0,0,0,.05)}
.button{padding:6px 8px 6px; display:inline-block; border:1px solid #d4d4d4; border-radius:3px; behavior: url(/pie/PIE.htc);}
.button:hover{background:#eee; color:#434343}

#menu ul{margin:0px; padding:0px; list-style:none; width:200px;  top:30px;  padding:4px;  background:rgba(255,255,255,0.95);  z-index:300}
#menu ul li{position:relative; border-bottom:1px solid #ccc;  margin:3px 0px}

#menu ul li a{display:block; text-decoration:none; color:#777; background:#fff; padding:5px}
#menu li:hover ul, #nav li.jshover ul{display:block}

#menu li ul{position:absolute; display:none}
#menu li:hover a, #nav li.jshover a{background:#FFF}

#menu li:hover ul a:hover, #nav li.jshover ul a:hover{background-color:#ccc; background-image:none; color:#FFF}

#header{background:rgba(255, 255, 255, 0.75); -webkit-transition:background 0.5s 0s,box-shadow 0.5s 0s; min-width: 935px; border-bottom: solid 1px #8F5C39;}
#header:hover{background:rgba(255, 255, 255, 0.95); transition:all 0.5s 0s; -webkit-box-shadow:3px 3px 4px 2px rgba(150,120,120,0.5)}
#lya{font-size:34px !important; color:#4D4D4D; font-family:'MonoCondensedC'; float:right}
#lyam{font-size:26px !important; color:#4D4D4D; font-family:'MonoCondensedC'; float:right; -webkit-transition:background 0.5s ease,color 0.3s ease;}
#lyam:hover{color:#fff; background-color:#DE0C0C; padding:5px; border-radius:3px; behavior: url(/pie/PIE.htc);}
#currencies a{ float:right}
 
#top{width:100%; overflow:hidden}

 /* Всплывающее окно */	
#mail {visibility: hidden;}
#mail:checked ~ #popup form {visibility: visible;}
#mail:checked + label {
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 99;
  color: rgba(0,0,0,0);
  background: rgba(180,180,180,.9);
  
}
#popup {
  visibility: hidden;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 100;
}
#popup form {
  position: absolute;
  top: 50%; left: 50%;
  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  padding: .5% 1% 1%;
  border: 1px solid rgb(100,100,100);
  font-size: 140%;
  font-weight: 600;
  text-align: right;
  text-shadow: -1px -1px #666;
  color: rgb(240,240,240);
  background: rgb(150,150,150) linear-gradient(rgb(100,100,100), rgb(170,170,170));
}
#popup div:nth-of-type(1) {padding-top: 3%;}
#popup div:nth-last-of-type(1) {padding: 1% 0 4%;}
#popup div:after {
  content: attr(data-title);
  display: block;
  font-size: 70%;
  font-weight: normal;
  text-shadow: none;
}
#popup input {font-size: 90%;}
#popup [type='submit'] {cursor: pointer;}
#popup label:hover {
  color: #dbeaf9;
  cursor: pointer;
}