/*----------------------------------------------------------------------------------------------------------------------
[NORMALIZE.CSS v1.1.2]
----------------------------------------------------------------------------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 1em 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.height-30{
height: 30px;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*----------------------------------------------------------------------------------------------------------------------
[BASE STYLES]
----------------------------------------------------------------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #3973b7;
color: #fff;
text-shadow: none;
}
::selection {
background: #3973b7;
color: #fff;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/*----------------------------------------------------------------------------------------------------------------------
[SITE STYLES]
----------------------------------------------------------------------------------------------------------------------*/
body { background: #a3bec8;}
/*----------------------------------------------------------------------------------------------------------------------
[HEADER]
/* logo */
.logo {
width: 179px;
height: 64px;
margin: 0 0 0 4px;
float: left;
position: relative; z-index: 4;
}
/* top panel */
.bg-top-panel{
background: url("images/logo-bg-head.png") no-repeat, url("images/bg-top-panel.png") repeat-x ;
}
.top-panel {
position: relative;
z-index: 2;
background: url("images/bg-top-panel-r.png") no-repeat 100% 0%;
height: 64px;
margin-right: -3px;
}
@media (min-width:768px) and (max-width:991px){
.logo {
width: 155px;
height: 56px;
}
.bg-top-panel{
background: url("images/logo-bg-head.png") no-repeat, url("images/bg-top-panel-md.png") repeat-x ;
}
.top-panel{
background: url("images/bg-top-panel-r-md.png") no-repeat 100% 0%;
height: 56px;
}
}
@media (max-width:767px){
.logo { width: 155px; height: 62px; }
.bg-top-panel{ background: url("images/logo-bg-head.png") no-repeat, url("images/bg-top-panel.png") repeat-x ;}
.top-panel{
background: url("images/bg-top-panel-r.png") no-repeat 100% 0px; height: 65px;}
}
/* top-menu */
.top-menu, .top-menu-login {
font-size: 14px;
float: left;
margin: 14px 0 0 45px;
padding: 0;
list-style: none;
position: relative;
}
.top-menu li, .top-menu-login li {
float: left;
margin-right: 30px;
}
.top-menu a , .top-menu-login a{
float: left;
color: #fff;
text-decoration: none;
padding: 5px;
text-shadow: 0 1px rgba(153, 153, 153, .75);
}
.top-menu .active a, .top-menu-login .active a,
.top-menu a:hover , .top-menu-login a:hover{
color: #fff;
border-radius: 5px;
background: url("images/bg-hover-links.png") repeat-x;
text-decoration: none;
}
.top-panel-2-xs{
height: 35px;
width: 72%; float: right;
background: url("images/bg-top-panel-r-2.png") no-repeat 100% 0, url("images/bg-top-panel-2.png") repeat-x;
}
.li-br{ display: none;}
@media (min-width:992px) and (max-width: 1199px){
.top-menu {width: 60%; margin: 14px 0 0 10px; }
.top-menu li {margin-right: 15px;}
.top-menu-login {width: 50%; margin: 14px 0 0 10px; }
.top-menu-login li {margin-right: 15px;}
}
@media (min-width:768px) and (max-width: 991px){
.top-menu {width: 63%; margin: 14px 0 0 0px; }
.top-menu li {margin-right: 0px;}
.top-menu-login {width: 55%; margin: 14px 0 0 0px; }
.top-menu-login li {margin-right: 0px;}
}
@media (max-width:767px) and (min-width:481px){
.top-menu {width: 64%; margin: 0 0 0 2px; }
.top-menu-login {width: 64%; margin: 0 0 0 1%; }
}
@media (max-width:480px) {
.top-menu { display: inline-block; margin: 0 18% ;}
.top-menu li {margin-right: 15px;}
.top-menu-login {width: 100%; margin: 0 0 0 1%; }
.top-menu-login li {margin-right: 15px;}
.logo{display: none;}
.bg-top-panel{
background: url("images/bg-top-panel.png") repeat-x ;
}
.li-br{
display: block;
height:2px; width: 75%; clear:both ;
}
.top-panel-2-xs{
width: 100%;
background: url("images/bg-top-panel-r-2.png") no-repeat 100% 0, url("images/bg-top-panel-2.png") repeat-x;
}
}
@media (max-width:420px) {
.top-menu { display: inline-block; margin: 0 12% ; }
}
@media (max-width:370px) {
.top-menu { display: inline-block; margin: 0 5% ; }
}
/* cart-box */
.cart-box {
width: 18%;
position: relative;
color: #fff;
font-size: 14px;
float: right;
background: url("images/bg-separator.png") no-repeat;
padding: 19px 26px 23px 20px;
text-shadow: 0 1px rgba(153, 153, 153, .75);
}
.cart-box span {float: left;}
.cart-box a {color: white;}
.cart-box .cb-text {
padding: 0 21px 0 0;
margin-right: 3px;
background: url("images/ico-cart.png") no-repeat 100% 0;
}
@media (min-width:992px) and (max-width: 1199px){
.cart-box {width: 20%;padding: 19px 10px 23px 20px; }
}
@media (min-width:768px) and (max-width: 991px){
.cart-box {width: 15%;padding: 7px 10px 10px 10px;
background: url("images/bg-separator-sm.png") no-repeat;}
.cart-box .cb-text {
padding: 0 20px 0 0;}
}
@media (max-width:767px){
.cart-box {
width: 60%;padding: 7px 10px 10px 10px;
background: none;
float: right;
}
.cart-box .cb-text {
padding: 0 20px 0 0;}
}
/* login-box */
.login-box {
position: relative;
float: right;
color: #fff;
font-size: 14px;
padding: 0 0 0 2px;
background: url("images/bg-separator.png") no-repeat;
text-shadow: 0 1px rgba(153, 153, 153, .75);
}
.login-box span { float: left;}
.login-box > span > a {
float: left;
color: #fff;
padding: 19px 29px 23px 16px;
text-decoration: none;
background: url("images/ico-arrow.png") no-repeat 64px 27px;
cursor: pointer;
}
.login-box > a.active { background-position: -45px 8px;}
.login-box:hover span { background: url("images/bg-hover-links.png") repeat-x;}
@media (min-width:768px) and (max-width: 991px){
.login-box { background: url("images/bg-separator-sm.png") no-repeat;}
.login-box:hover span { background: url("images/bg-hover-links-sm.png") repeat-x;}
.login-box > span > a {padding: 19px 12px 14px 12px;}
}
@media (max-width:767px) {
.login-box { background: url("images/bg-separator-xs.png") no-repeat; }
.login-box > span > a {
float: left;
color: #fff;
padding: 6px 29px 5px 16px;
text-decoration: none;
background: url("images/ico-arrow.png") no-repeat 64px 16px;
cursor: pointer;
}
}
/* login-popup */
.login-popup {
position: absolute;
width: 286px;
right: -6px;
z-index: 20;
top: 62px;
display: none;
/* border: 4px solid #3679b6;*/
border-radius: 10px;
background: #fff;
box-shadow: 0 0 0 4px #3679b6, 0 0 0 5px #fff;
}
.login-popup .lp-content { padding: 14px 0 16px 45px;}
.login-popup .lp-content form { width: 219px;}
/* header-bottom */
.header-bottom {
position: relative;
/* padding: 0 10px 0 11px;*/
height: 234px;
z-index:1;
background: url("images/bg-page-shadow-left.png") 6px 0 repeat-y, url("images/bg-page-shadow-right.png") 99.3% 0 repeat-y;
}
/********** SEARCH **********************/
.search-text{
color:#ff4000; font-size:18px;
font-weight: bolder;
}
.catalog-holder .product-table{ width: 100%;}
.catalog-holder .btn-buy{
background: url("images/btn-buy.png") no-repeat;
width: 138px;
height: 34px;
text-indent: -9999px;
overflow: hidden;
float: left;
}
.catalog-holder .btn{ padding: 24px 15px 24px 15px;}
.catalog-holder .btns{ padding: 15px 10px; width:8%;}
.form-search{ position: relative; z-index: 5; top:-5px; width:72%; }
.form-search input[type='submit']{
position: absolute; top:2px; right: 2px; z-index: 5;
background: url("images/search.png") repeat-x;
cursor: pointer;
padding: 3px 7px; color:#fff;
width: 27px;
height: 28px;
}
.form-search input[type='text']{
height: 28px; border:1px solid #fff; color:#fff;
position: relative; width: 100%; z-index:5;
padding: 1px 7px; font-style: italic; font-weight: bolder;
}
@media (max-width:480px){
.form-search{ width:65%; }
}
/********************************************/
.header-bottom > img {
display: block;
max-width: 100%;
}
@media (max-width:480px){ .header-bottom > img {max-width: 102%;} }
/* btn-call */
.btn-call {
background: url("images/btn-call.png") no-repeat;
width: 180px;
height: 37px;
text-indent: -99999px;
overflow: hidden;
position: absolute;
top: 0px;
right: 1px;
z-index: 2;
cursor: pointer;
}
.btn-call:hover { background-position: 0 100%;}
@media (max-width:767px) {
.btn-call {
background: url("images/btn-call-xs.png") no-repeat;
width: 146px;
height: 30px;
}
}
@media (max-width:480px) {
.btn-call {
background: url("images/btn-call-xm.png") no-repeat;
width: 115px;
height: 23px;
}
}
/* header-slogan */
.header-slogan {
position: relative;
text-align: center;
margin: 0;
color: #fff;
font-size: 36px;
top: -212px;
width: 100%;
font-weight: normal;
}
/* header-discount */
.header-discount {
margin: 0;
padding: 0 9px 0 63px;
list-style: none;
color: #fff;
font-size: 30px;
text-align: center;
position: relative;
top: -200px;
}
.header-discount li {
display: inline-block;
}
.phone-head{
color: #fff;
position: absolute; top:158px; right:45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 28px; line-height: 0.6em;
}
.phone-head span{font-size: 12px; }
@media(max-width:1199px){
.phone-head{font-size: 24px; top:134px; right:42px;}
}
@media(max-width:991px){
.phone-head{font-size: 20px; top:125px; right:25px;}
.phone-head span{display: none;}
}
@media(max-width:768px){
.phone-head{font-size: 16px; top:12px; right:225px;}
}
@media(max-width:480px){
.phone-head{font-size: 12px; top:12px; right:0px;left:25px;}
}
/* header-bottom-info */
.header-bottom-info {
font-size: 14px;
color: #fff;
margin: 0; padding: 0;
list-style: none;
width: 100%;
text-align: center;
position: relative;
top: -184px;
}
.header-bottom-info li {
display: inline-block;
margin-left: 42px;
}
.header-bottom-info li:first-child {
margin: 0;
}
.header-bottom-info a {
color: #f8fa6a;
border-bottom: 1px solid #f8fa6a;
text-decoration: none;
}
.header-bottom-info a:hover {
border: 0;
}
@media (min-width:992px) and (max-width: 1199px){
.header-slogan {top: -182px; }
.header-discount { top: -166px;}
.header-bottom-info {top: -158px; }
.header-bottom {height: 193px; }
}
@media (min-width:768px) and (max-width: 991px){
.header-slogan {top: -142px; font-size: 30px; }
.header-discount { top: -133px;font-size: 24px;padding: 0 5px 0 5px;}
.header-bottom-info {top: -125px; }
.header-bottom {height: 166px; }
}
@media (max-width:767px) and (min-width:481px){
.header-slogan {top: -105px; font-size: 24px; }
.header-discount { top: -96px; font-size: 15px;padding: 0 5px 0 5px;}
.header-bottom-info {top: -93px; font-size: 12px;}
.header-bottom {height: 134px; background:none;}
.header-bottom img{max-width: 102.5%; margin-left:-5px;}
}
@media (max-width:480px) {
.header-slogan {top: 0px; font-size: 20px; margin-bottom:15px;margin-top:26px;}
.header-discount { top: 0px; font-size: 12px;padding: 0 5px 0 5px;margin-bottom:10px;}
.header-bottom-info {top: 0px; font-size: 12px;}
.header-bottom-img{
height:24px; width:93%;margin:0 10px 0 15px;
background-color: #fff;
}
.header-bottom {height: 130px; width:93%; margin:0 10px 0 15px;
border-bottom:2px dotted #fff; }
.header-bottom-1{
background: radial-gradient(#00b5f9, #0033b5) ;
}
.header-bottom-2{
background: radial-gradient(#f77700, #b53000);
}
.header-bottom-3{
background: radial-gradient(#d14cff, #7c16dd);
}
.header-bottom-4{
background: radial-gradient(#fc6efc, #b605b6);
}
}
@media (max-width:425px) {
.header-discount { font-size: 11px;padding: 0 2px 0 2px;}
}
@media (max-width:410px) {
.header-bottom {width:92%;}
.header-bottom-img{width:92%;}
}
@media (max-width:395px) {
.header-discount { font-size: 10px;padding: 0 }
}
@media (max-width:365px) {
.header-bottom {width:91%;}
.header-bottom-img{width:91%;}
}
/* h-button */
.h-button {
height: 70px;
margin: 0 39px;
padding: 9px 22px 0 !important;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.h-button-orange {
background-color: #e38200;
border: solid 4px #fcd14f;
background-image: -webkit-linear-gradient(top, #ffbf00, #d96d00);
background-image: -moz-linear-gradient(top, #ffbf00, #d96d00);
background-image: -o-linear-gradient(top, #ffbf00, #d96d00);
background-image: -ms-linear-gradient(top, #ffbf00, #d96d00);
background-image: linear-gradient(to bottom, #ffbf00, #d96d00);
}
.h-button-purple {
background-color: rgba(163, 190, 200, 0);
border: solid 4px #fe97ff;
}
.ie9 .h-button-orange {
background: url("images/bg-btn-orange.png") repeat-x;
}
@media (min-width:768px) and (max-width: 991px){
.h-button {
height: 50px;
margin: 0 29px;
padding: 3px 22px 0 !important;
}
}
@media (max-width:767px) and (min-width:480px){
.h-button {
height: 32px;
margin: 0 19px;
padding: 3px 22px 0 !important;
}
.h-button-orange, .h-button-purple {border-width:2px;}
}
@media (max-width:480px) {
.h-button {
height: 26px;
margin: 0 16px;
padding: 3px 18px 0 !important;
}
.h-button-orange, .h-button-purple {border-width:2px;}
}
@media (max-width:400px) {
.h-button {
height: 24px;
margin: 0 12px;
padding: 3px 10px 0 !important;
}
}
@media (max-width:355px) {
.h-button {
height: 22px;
margin: 0 7px;
padding: 3px 8px 0 !important;
}
.h-button-orange, .h-button-purple {border-width:1px;}
}
@media (max-width:355px) {
.h-button {
height: 22px;
margin: 0 4px;
padding: 3px 6px 0 !important;
}
}
/*----------------------------------------------------------------------------------------------------------------------
[PAGE]
----------------------------------------------------------------------------------------------------------------------*/
#page {
background-color: #fff;
background: url("images/bg-page-shadow-left.png") repeat-y 6px 0, url("images/bg-page-shadow-right.png") repeat-y 99.4% 0;
}
.page-bg-white{background: #fff;}
.page-t {
background: url("images/bg-page-shadow-left.png") repeat-y 6px 0, url("images/bg-page-shadow-right.png") repeat-y 99.4% 0;
height: 24px;
position: relative;
z-index: 6;
top: -5px;
margin-bottom:-6px;
text-align: center;
}
.page-t img { max-width: 97.5%; }
.height-3{height: 34px; margin:-30px 0 0px;}
.page-c {
background: url("images/bg-page-c.png") repeat-y 2px 0;
padding: 0 0 10px;
}
@media (min-width:992px) and (max-width: 1199px){
#page {top: 0px; }
.page-t { height: 21px; }
.page-t img { max-width: 97%; }
}
@media (min-width:768px) and (max-width: 991px){
.page-t { height: 21px; top:-7px; margin-bottom: -8px; }
.page-t img { max-width: 96%; }
#page {
background: url("images/bg-page-shadow-left.png") repeat-y 6px 0, url("images/bg-page-shadow-right.png") repeat-y 99.2% 0;
}
}
@media (max-width:767px){
#page {
background: url("images/bg-page-shadow-left.png") repeat-y 6px 0, url("images/bg-page-shadow-right.png") repeat-y 98.5% 0;
}
}
@media (max-width:480px){
}
/* content */
#content{
}
/* title */
.title {margin-bottom: 33px;position: relative;padding: 12px 0 12px 28px;background: url("images/bg-title.png") no-repeat;}
.title:after {
background: url("images/bg-title-corner.png") no-repeat;
width: 10px;
height: 70px;
position: absolute;
top: 0;
right: -10px;
content: ' ';
}
.title.os-status{margin-bottom: 5px;}
.sub-title h2,
.title h2 {
font-size: 18px;
font-weight: normal;
color: #fff;
margin: 0;
text-shadow: 0 1px rgba(153, 153, 153, .75);
}
@media (min-width:768px) and (max-width:991px){
.title{background: url("images/bg-title-md.png") no-repeat 10px 0;}
}
@media (max-width:767px){
.title{background: url("images/bg-title-sm.png") no-repeat 10px 0;}
}
/* products-grid */
.products-grid {
background: url("images/bg-separator-v.png") repeat-y 50% 0;
margin: 0 auto 33px auto;
overflow: hidden;
}
.product-item {
vertical-align: top;
margin-bottom: 26px;
padding: 0 0 27px;
background: url("images/bg-separator-h.png") repeat-x 0 100%;
}
.product-item-last {
margin-bottom: 0;
padding-bottom: 0;
background: none;
}
.product-item .pi-image {
float: left;
width: 146px;
}
.product-item .pi-image img {
display: block;
margin: 0 auto;
max-width: 95%;
}
.product-item .pi-description {
overflow: hidden;
font-size: 12px;
line-height: 18px;
color: #333;
padding: 0 10px 0 0;
}
.product-item .pi-description h3 {
margin: 0 0 5px;
display: block;
font-size: 18px;
}
.product-item .pi-description p {
margin: 0;
height: 30px;
}
.product-item .pi-price {
font-size: 16px;
color: #ff2929;
padding: 15px 0 0;
}
.product-item .pi-price span {
font-size: 36px;
}
.product-item .pi-btn {
padding: 16px 0 0;
}
.product-item .btn-buy {
background: url("images/btn-buy.png") no-repeat;
width: 138px;
height: 34px;
text-indent: -9999px;
overflow: hidden;
float: left;
}
@media (min-width:768px) and (max-width: 991px){
.products-grid {background: none;}
.product-item {padding-left:15px;}
.product-item-last {
margin-bottom: 26px;
padding-bottom: 27px;
background: url("images/bg-separator-h.png") repeat-x 0 100%;
}
.product-item-last-small{
margin-bottom: 0;
padding-bottom: 0 ;
background: none;
}
}
@media (max-width:767px){
.products-grid {background: none;}
.product-item {padding-left:15px;}
}
/* sidebar */
.sidebars {display:none; padding: 0 0 0 10px;}
.sidebar { float: left; padding: 0 0 0 10px;}
@media (max-width:767px){
.sidebar {display:none;}
.sidebars {display:block; float: none!important;}
}
/* sub-title */
.sub-title {
margin-bottom: 14px;
position: relative;
z-index:0;
padding: 12px 0 12px 19px;
background: url("images/bg-sub-title.png") no-repeat 9% 0;
}
@media (max-width:480px){
.sidebars .sub-title{padding: 12px 0 12px 10px; background: url("images/bg-sub-title-xm.png") no-repeat 3% 0;}
}
.sub-title:after {
background: url("images/bg-sub-title-corner.png") no-repeat;
width: 11px;
height: 70px;
position: absolute;
top: 0;
left: -6px;
content: ' ';
}
/* p-list */
.p-list {
width: 182px;
margin: 0 0 18px;
padding: 0 0 0 17px;
list-style: none;
font-size: 14px;
}
.p-list > li {
padding: 0 0 5px;
margin: 0 0 5px;
background: url("images/bg-p-list-separator.png") repeat-x 0 100%;
}
.p-list > li strong {
display: block;
color: #3679b6;
padding: 0 0 0 13px;
background: url("images/bg-arrow-l.png") no-repeat 1px 5px;
}
.p-list .p-sub-list {
list-style: none;
margin: 0;
padding: 5px 0 0;
}
.p-list .p-sub-list li {
margin: 0 0 1px;
padding-left: 32px;
}
.p-list .p-sub-list a {
text-decoration: none;
color: #333;
}
.p-list .p-sub-list a:hover {
color: #3679b6;
}
.p-list > li ul {
margin: 0;
padding: 4px 0 0;
list-style: none;
}
.p-list > li ul > li strong {
color: #333;
background: none;
padding: 0 0 0 31px;
}
.p-list > li ul .p-sub-list {
padding: 1px 0 7px;
}
.p-list > li ul .p-sub-list li {
padding-left: 50px;
}
.p-list .hit {
background: url("images/bg-hit.png") no-repeat 0 3px;
}
.p-list .hit a { color: #ff4000; }
/* about-widget */
.about-widget {
font-size: 12px;
line-height: 18px;
color: #333;
padding: 0 12px 10px 17px;
}
.about-widget p {
margin: 0 0 25px;
}
/*----------------------------------------------------------------------------------------------------------------------
[FOOTER]
----------------------------------------------------------------------------------------------------------------------*/
.footer {
background: url("images/bg-page-shadow-left.png") repeat-y 6px 0, url("images/bg-page-shadow-right.png") repeat-y 99.3% 0;
}
.footer-t {
background: url("images/bg-footer-t.png") no-repeat 0 0;
height: 12px;
overflow: hidden;
}
.footer-c {
padding: 46px 0 60px;
background: #e4ebed;
}
.footer-height-15{
height: 15px;
}
@media (max-width:767px){
.footer {
background: url("images/bg-page-shadow-left.png") repeat-y 6px 0, url("images/bg-page-shadow-right.png") repeat-y 98.5% 0;
}
}
/* logo-footer */
.logo-footer {
background: url("images/logo-footer.png") no-repeat;
width: 154px;
height: 92px;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
display: block;
}
.logo-footer a {
display: block;
height: 100%;
}
/* f-nav */
.f-nav {
margin: 0;
padding: 35px 0 0;
text-align: center;
list-style: none;
font-size: 14px;
}
.f-nav li {
display: inline-block;
margin-left: 8px;
margin-right: 8px;
}
.f-nav li:first-child {
margin: 0;
}
.f-nav a {
text-decoration: none;
color: #b1b0b0;
padding: 0 0 2px;
border-bottom: 1px solid #b1b0b0;
}
.f-nav a:hover {
color: #333;
border-color: #333;
}
.f-nav a.partner{color:#FF4949; border-bottom: 1px solid #FF2929;}
/* btn-help */
.btn-help {
/* background: url("images/btn-online-help.png") no-repeat;*/
position: fixed;
bottom: 10px;
right: 19px;
}
/* Old IE warning */
.old-ie body,
.ie7 body,
.ie8 body {
overflow: hidden;
}
.ie-mask {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 99;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.ie-frame-box {
background: #FBFBFB;
width: 660px;
height: 300px;
position: fixed;
top: 50%;
left: 50%;
margin: -150px 0 0 -350px;
z-index: 110;
padding: 20px;
border: 5px solid #A4A4A4;
}
.ie-frame-box .msg1 {
text-align: center;
font-size: 20px;
color: #333;
}
.ie-frame-box .msg3,
.ie-frame-box .msg2 {
text-align: center;
font-size: 15px;
color: #333;
padding: 5px 0;
}
.browsers-list {
padding: 30px 0 0 20px;
}
.browsers-list a {
float: left;
margin-left: 25px;
width: 110px;
height: 112px;
padding: 10px 0 0 10px;
background: url("images/browsers/background_browser.gif") no-repeat;
}
/* info-grid */
.info-grid {
padding: 0 25px 0 10px;
}
.info-item {
padding: 0 0 20px;
margin: 0 0 20px;
background: url("images/bg-separator-info.png") repeat-x 0 100%;
}
.info-item .ig-title {
margin: 0 0 15px;
}
.info-item .ig-title h2 {
margin: 0;
font-size: 20px;
color: #333;
float: left;
font-weight: normal;
}
.info-item .ig-title h3 {
margin: 0;
font-size: 16px;
line-height: 20px;
color: #333;
float: left;
}
.info-item .ig-title .date {
font-size: 12px;
color: #999;
display: inline-block;
padding: 0 0 0 17px;
vertical-align: middle;
}
.info-item .ig-content {
color: #333;
line-height: 15px;
font-size: 12px;
}
.info-item .ig-content p {
margin: 0 0 10px;
}
.info-item .ig-content blockquote {
margin: 0;
padding: 0 0 0 12px;
border-left: 2px solid #ffa74f;
}
.old-item .ig-title h2 {
color: #999;
}
.faq-grid .info-item {
padding-left: 22px;
}
.ig-faq-btn {
padding: 10px 0 0;
}
/* btn-more */
.btn-more {
background: url("images/btn-more.png") no-repeat;
float: left;
width: 90px;
height: 29px;
text-indent: -9999px;
overflow: hidden;
margin-left: -1px;
}
/* btn-faq */
.btn-faq {
background: url("images/btn-faq.png") no-repeat;
float: left;
width: 156px;
height: 35px;
text-indent: -9999px;
overflow: hidden;
margin-left: -1px;
}
/* form */
.form .inp-row { margin: 0 0 8px; }
.form .inp-row small.note{ color: #999999; margin-top: 0px;}
.form .f-row-title { margin: 0 0 5px; width: 200px;}
.form .f-row-title label { float: left; font-size: 14px; color: #333; margin-right: 4px; cursor: pointer;}
.form .f-row-title .req { float: left; font-size: 14px; color: #e13939; }
.form .form-input { width: 184px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
border: solid 1px #ccc;
padding: 5px;
}
.form .form-input.form-input-long{width: 400px;}
.form .form-input.disabled{background: #dddddd;}
.form .form-select select{ width: 196px; height: 38px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
border: solid 1px #ccc;
padding: 7px 5px 5px 5px;
}
.form .form-textarea textarea {
width: 400px;
height: 76px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
border: solid 1px #ccc;
padding: 5px;
}
.code{
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
color: #ccc;
display: block;
font-size: 14px;
height: 34px; width: 100%;
line-height: 1.42857;
padding: 6px 12px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.code:focus {
border-color: #eee;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 238, 238, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 238, 238, .6);
}
}
.form .error .form-textarea textarea {border: solid 1px #e44e4e;}
.form .error .form-input {border: solid 1px #e44e4e;}
.form .error .form-input input {color: #e44e4e;}
.form .success .form-input {border: solid 1px #74c226;}
.form .success .form-input input {color: #74c226;}
.form .error .f-row {
background: url("images/ico-error.png") no-repeat 99% 11px;
}
.form .success .f-row {
background: url("images/ico-success.png") no-repeat 100% 11px;
}
.form .form-input input { width: 178px; height:26px; padding: 0; border: 0; background: none; font-size: 15px; color: #333; font-family: Arial, sans-serif; }
.form .form-input.form-input-long input { width: 400px; height: 26px; padding: 0; border: 0; background: none; font-size: 15px; color: #333; font-family: Arial, sans-serif; }
@media (max-width:480px){
.form .form-textarea textarea, .form .form-input.form-input-long,
.form .form-input.form-input-long input {width: 320px;}
}
@media (max-width:400px){
.form .form-textarea textarea, .form .form-input.form-input-long,
.form .form-input.form-input-long input {width: 270px;}
}
@media (max-width:350px){
.form .form-textarea textarea, .form .form-input.form-input-long,
.form .form-input.form-input-long input {width: 240px;}
}
.form .form-input input:focus {outline:none;border:none;}
.form .btn-row {
padding: 5px 0 0;
}
.form .links-row {
padding: 14px 0 0;
font-size: 13px;
width: 196px;
}
.form .links-row .alignleft {
float: left;
}
.form .links-row .alignright {
float: right;
}
.form .links-row a {
padding: 0 0 1px;
color: #3679b6;
text-decoration: none;
border-bottom: 1px solid #3679b6;
}
.form .links-row a:hover {
color: #333;
border-color: #333;
}
/* btn-submit */
.btn-submit {
background: url("images/btn-login.png") no-repeat;
float: left;
width: 198px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
margin-left: -1px;
font-size: 0;
line-height: 0;
padding: 0;
border: 0;
cursor: pointer;
}
/* btn-order */
.btn-order {
background: url("images/btn-order.png") no-repeat;
float: left;
width: 198px;
height: 41px;
text-indent: -9999px;
overflow: hidden;
margin-left: -1px;
font-size: 0;
line-height: 0;
padding: 0;
border: 0;
cursor: pointer;
}
/* delivery-block */
.delivery-block {
margin-bottom: 50px;
}
.delivery-block img.alignleft {
float: left;
margin-right: 18px;
margin-left: 10px;
}
.delivery-block .db-info {
overflow: hidden;
font-size: 14px;
line-height: 17px;
color: #333;
padding-right: 40px;
}
.delivery-block .db-info p {
margin: 0;
}
.delivery-block .db-btn {
padding: 30px 0 0;
}
/* btn-contact */
.btn-contact {
background: url("images/btn-contact.png") no-repeat;
float: left;
width: 202px;
height: 31px;
text-indent: -9999px;
overflow: hidden;
}
/* feedback-grid */
.feedback-grid .feedback {
background: url("images/bg-separator-info.png") repeat-x 0 100%;
margin: 0 0 20px;
padding: 0 0 20px;
}
.feedback-grid .user-photo {
float: left;
padding: 6px;
margin: 0 24px 0 0;
max-width: 112px;
border: 1px solid #ccc;
}
.feedback-grid .feedback-content {
overflow: hidden;
font-size: 14px;
line-height: 17px;
color: #333;
}
.feedback-grid .fc-title {
display: block;
font-size: 16px;
color: #333;
font-style: italic;
margin: 0 0 15px;
}
.feedback-grid .fc-title span {
font-weight: normal;
font-style: italic;
font-size: 12px;
color: #999;
}
.feedback-grid .feedback-content p {
margin: 0 0 10px;
}
/* contacts-holder */
.contacts-holder {
color: #333;
padding: 0 16px 0 0;
}
.contact-list {
list-style: none;
padding: 0 0 0 24px;
font-size: 16px;
}
.contact-list li {
margin: 0 0 7px;
}
.contact-list a {
color: #333;
}
.contact-list a:hover {
text-decoration: none;
}
/* info-message */
.info-message {
font-size: 12px;
line-height: 14px;
padding: 10px 20px;
font-style: italic;
border: solid 1px #cbe0f1;
background-color: #f5f9fc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 15px 25px 35px;
margin: 0 30px 25px 35px;
}
.info-message p {
margin: 0;
}
.info-message a {
color: #3679b6;
}
.info-message a:hover {
text-decoration: none;
}
/* form-content */
.form-content{
width:90%;
margin-left: auto;
margin-right: auto;
}
.form-content .row {
margin-bottom: 20px;
padding: 0 24px;
}
label {
display: block;
font-size: 14px;
color: #333;
cursor: pointer;
margin-bottom: 10px;
font-weight: normal;
}
label .req { color: #e13939;}
.form-content .inp-row {
width: 378px;
height: 36px;
padding: 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
border: solid 1px #ccc;
}
input {
padding: 0;
background: none;
border: 0;
width: 378px;
height: 36px;
font-size: 14px;
color: #999;
font-family: Arial, sans-serif;
}
.form-content .textarea-row {
width: 378px;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
border: solid 1px #ccc;
}
.form-content .textarea-row textarea {
width: 378px;
height: 118px;
min-height: 118px;
max-height: 250px;
background: none;
padding: 0;
border: 0;
resize: vertical;
font-size: 14px;
color: #999;
font-family: Arial, sans-serif;
}
/* warn-message */
.warn-message {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ffeaea;
border: solid 1px #fdb2b2;
padding: 10px 20px;
font-size: 12px;
font-style: italic;
line-height: 14px;
margin: 0 30px 25px 35px;
}
.catalog-holder .warn-message {margin-left: 0;}
.warn-message p {
margin: 0;
}
/* btn-submit */
.btn-submit {
background: url("images/btn-send.png") no-repeat -141px 0;
float: left;
width: 139px;
height: 39px;
padding: 0;
margin: 0;
border: 0;
cursor: pointer;
}
.btn-submit-disabled {
cursor: default;
background-position: 0 0;
}
/* contacts-holder */
.contacts-holder .form-content .inp-row input,
.contacts-holder .form-content .inp-row {
width: 279px;
}
.contacts-holder .form-content .row-error {
background: url("images/ico-error.png") no-repeat 332px 75%;
}
.contacts-holder .form-content .row-error .inp-row {
border: solid 1px #e44e4e;
}
.contacts-holder .form-content .row-error input {
color: #ff4000;
}
.contacts-holder .form-content .row-success {
background: url("images/ico-success.png") no-repeat 332px 75%;
}
.contacts-holder .form-content .row-success .inp-row {
border: solid 1px #74c226;
}
.contacts-holder .form-content .row-success input {
color: #74c226;
}
.contacts-holder .form-content .row-short .inp-row input,
.contacts-holder .form-content .row-short .inp-row {
width: 134px;
}
/* faq-popup */
.faq-popup {
width: 790px;
background: #fff;
}
.faq-popup .fp-holder {
padding: 15px 49px 1px;
position: relative;
}
.faq-popup .fp-holder h3 {
font-size: 20px;
color: #333;
margin: 0 0 20px;
border-bottom: 1px solid #e4e3e3;
}
.faq-popup .form-content .row {
padding: 0;
}
.faq-popup .form-content .textarea-row textarea,
.faq-popup .form-content .textarea-row,
.faq-popup .form-content .inp-row input,
.faq-popup .form-content .inp-row {
width: 670px;
}
.faq-popup .form-content .textarea-row textarea {
resize: none;
}
.faq-popup .fp-close {
background: url("images/ico-close.png") no-repeat;
width: 18px;
height: 18px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 17px;
right: 17px;
}
/* .login-holder */
.login-holder {
padding: 0 24px;
}
.login-holder h3 {
margin: 0 0 15px;
font-size: 18px;
line-height: 21px;
font-weight: normal;
}
.login-holder .form {
padding: 15px 0 0;
display: block;
width: 221px;
}
.login-holder .form .links-row {
width: 100%;
}
.login-holder .form .inp-row {
margin: 0 0 20px;
}
.login-holder .warn-message {
margin: 0 25px 15px 0;
}
/* catalog-holder */
.catalog-holder { padding: 0 24px;}
.catalog-holder h3 {
font-size: 18px;
color: #3679b6;
margin: 0 0 10px 15px;
}
.catalog-holder table {
border-collapse: separate;
width: 100%;
margin: 0 0 15px;
padding: 0 0 1px;
background: url("images/bg-separator-h.png") repeat-x 0 100%;
}
.catalog-holder table td {
color: #333;
padding: 11px 0;
vertical-align: middle;
background: url("images/bg-separator-h.png") repeat-x;
}
.catalog-holder table .even td {
background: #f4f7f8 url("images/bg-separator-h.png") repeat-x;
}
.catalog-holder table td.p-img {
padding: 11px 15px;
width: 15%;
}
.catalog-holder table td.p-img img {
display: block;
max-width: 63px;
}
.catalog-holder table td.p-title {
padding: 11px 5px;
font-size: 18px;
line-height: 22px; width: 32%;
}
.catalog-holder table td.p-count {padding-left: 10px; font-size: 20px;}
.catalog-holder table td.p-title a { color: #333; }
.catalog-holder table td small{ font-size: 11px; line-height: 0; }
.catalog-holder table td.p-title a:hover { text-decoration: none;}
.catalog-holder table td.p-val {
padding: 11px 15px;
width: 14%;
font-size: 16px;
text-align: center;
}
.catalog-holder table td.p-price {
padding: 11px 15px 11px 5px;
width: 20%; /*89px;*/
font-size: 24px;
color: #ff4000;
text-align: center;
}
@media (max-width:991px){
.catalog-holder table td.p-price {width:25%;}
}
@media (max-width:767px) and (min-width:471px){
.catalog-holder table td.p-price { padding: 11px 5px 11px 0px; font-size: 20px;}
}
@media (max-width:470px){
.catalog-holder table td.p-price { font-size: 17px; padding: 11px 5px 11px 0px;}
.catalog-holder table .p-title td {background: none;}
}
.catalog-holder table td.p-btns { font-size: 14px; text-align: center; position: relative;}
.catalog-holder table td.p-btns a { color: #333; }
.catalog-holder table td.p-btns a:hover { text-decoration: none;}
.catalog-holder table .hot td {
border-top: solid 2px #e44e4e;
border-bottom: solid 2px #e44e4e;
}
.catalog-holder table .hot td:first-child {
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
border: solid 2px #e44e4e;
border-right: 0;
}
.catalog-holder table .hot td:last-child {
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
border: solid 2px #e44e4e;
border-left: 0;
}
@media (max-width: 991px){
.catalog-holder table .hot td {
border-top: none; border-bottom: none;
}
.catalog-holder table .hot td:first-child {
-webkit-border-radius: 0 ;-moz-border-radius: 0; border-radius: 0 ;
border: none;
}
.catalog-holder table .hot td:last-child {
-webkit-border-radius: 0 ; -moz-border-radius: 0; border-radius: 0 ;
border: none;
}
.catalog-holder table .hotsmt td { border-top: solid 2px #e44e4e;border-bottom:none; }
.catalog-holder table .hotsmb td { border-bottom: solid 2px #e44e4e;border-top:none; }
.catalog-holder table .hotsmt td:first-child {
-webkit-border-radius: 10px 0 0 0;
-moz-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0;
border-left: solid 2px #e44e4e;
border-top: solid 2px #e44e4e;
}
.catalog-holder table .hotsmt td:nth-child(4) {
-webkit-border-radius: 0 10px 0px 0;
-moz-border-radius: 0 10px 0px 0;
border-radius: 0 10px 0px 0;
border-top: solid 2px #e44e4e;
border-right: solid 2px #e44e4e;
}
.catalog-holder table .hotsmb td:first-child {
-webkit-border-radius: 0 0 0 10px;
-moz-border-radius: 0 0 0 10px;
border-radius: 0 0 0 10px;
border-left: solid 2px #e44e4e;
border-bottom: solid 2px #e44e4e;
}
.catalog-holder table .hotsmb td:last-child {
-webkit-border-radius: 0 0px 10px 0;
-moz-border-radius: 0 0px 10px 0;
border-radius: 0 0px 10px 0;
border-right: solid 2px #e44e4e;
border-bottom: solid 2px #e44e4e;
}
}
.catalog-holder table .p-div {
position: relative;
}
.catalog-holder table .hit {
position: absolute;
left: -45px;
top: 0;
margin-top: -25px;
background: url("images/img-hit.png") no-repeat;
width: 73px;
height: 73px;
text-indent: -9999px;
overflow: hidden;
}
.catalog-holder .product-table .hit {
margin-top: -50px;
margin-left: -15px;
}
.catalog-holder .product-table .p-qty {
padding-left: 15px;
width: 93px;
}
.catalog-holder .old-price {
display: block;
margin-top: -20px;
font-size: 14px;
color: #999;
text-decoration: line-through;
}
/* btn-add-to-cart */
.btn-add-to-cart {
background: url("images/btn-cart.png") no-repeat;
width: 109px;
height: 29px;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin: 0 0 10px;
}
.btn-add-to-cart.btn2{margin-top: 10px;}
.btn-add-to-carts{text-align: right!important;}
/* btn-remove */
.btn-remove {
background: url("images/btn-remove.png") no-repeat;
width: 80px;
height: 23px;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
margin: 8px 0 0;
}
/* callback-box */
.callback-box {
width: 271px;
position: absolute;
top: 0px;
right: -2px;
z-index: 30;
overflow: visible;
display: none;
}
.callback-box .cb-c {
padding: 16px 13px 7px 39px;
background: url("images/bg-callback-box.png") repeat-y -271px 0;
}
.callback-box .cb-c2 {
padding: 16px 17px 7px;
}
.callback-box .cb-b {
background: url("images/bg-callback-box.png") no-repeat;
height: 17px;
overflow: hidden;
position: relative;
z-index: 4;
}
.callback-box .btn-call {
background: url("images/btn-call2.png") no-repeat;
height: 43px;
top: 244px;
right: 3px;
bottom: -40px;
}
.callback-box .btn-call:hover {
background-position: 0 -43px;
}
.callback-box .cb-text {
text-align: center;
font-size: 18px;
line-height: 21px;
color: #333;
}
.callback-box .cb-text p {
margin: 0 0 15px;
}
.callback-box .cb-text p.no-margin {
margin: 0;
}
@media (max-width:767px){
.callback-box .btn-call {
background: url("images/btn-call2-xs.png") no-repeat;
width: 146px;
height: 35px;
}
.callback-box .btn-call:hover {
background-position: 0 -35px;
}
}
/* p-qty */
.p-qty {
padding: 12px 0 0;
}
.p-qty-controls {
background: url("images/bg-qty-controls.png") no-repeat;
width: 81px;
height: 23px;
float: left;
margin-right: 9px;
}
.p-qty-controls .decrease {
float: left;
width: 24px;
height: 23px;
text-indent: -9999px;
overflow: hidden;
}
.p-qty-controls .qty-result {
float: left;
width: 33px;
height: 23px;
line-height: 23px;
text-align: center;
color: #333;
font-size: 12px;
}
.p-qty-controls .increase {
float: left;
width: 24px;
height: 23px;
text-indent: -9999px;
overflow: hidden;
}
.p-qty-price {
float: left;
font-size: 12px;
}
/* cart-table */
.cart-table th{text-align: left; font-size: 14px; font-weight: normal; padding-bottom: 5px; color: #777;}
.cart-table th.p-title{padding-left: 10px;}
.cart-table th.p-count{text-align: left; }
.cart-table th.p-price{text-align: center; }
.cart-table td.p-price {
/* width: 109px !important;*/
text-align: right !important;;
}
.cart-result {
font-size: 14px;
color: #333;
padding: 40px 0 0 55px;
}
.cart-result .delivery {
float: left;
margin-right: 46px;
}
.cart-result .delivery span {
display: inline-block;
font-size: 24px;
color: #228c00;
padding: 0 0 0 6px;
font-weight: bold;
}
.pr-code{
color: #333;
padding: 11px 0;
background: url("images/bg-separator-h.png") repeat-x 0 100%;
margin:auto;
}
.pr-code .form-group{
margin-left:-30px;
}
/*.cart-result .total, .cart-result .add { float: right; padding-right: 130px; }*/
.adds, .add {
font-size: 24px; color: #228c00;
padding: 0 0 15px 10px; font-weight: bold;
background: url("images/bg-total-line.png") 0 100% no-repeat;
text-align: center;
}
.add {background: none;}
.ass {padding-top: 10px;}
.cart-btns {
padding: 19px 147px 0 0;
}
.cart-result-after{
margin-bottom:15px;
}
.buy-all { background: url("images/btn-buy-all.png") no-repeat; width: 131px; height: 30px; text-indent: -9999px; overflow: hidden; float: right; margin-left: 13px; }
.remove-all { background: url("images/btn-remove-all.png") no-repeat; width: 131px; height: 30px; text-indent: -9999px; overflow: hidden; float: right;}
.continue,.recalc, .checkout{cursor: pointer; text-align: center;}
.recalc img, .checkout img{ width: 131px;height: 30px;}
.continue img { width: 180px; height: 30px;}
.checkout { }
.recalc { text-align: right;}
.height-15{
height: 15px;
}
@media (max-width:991px){
.recalc { text-align: center;}
}
.cart-btns .buy-all-disabled {
background: url("images/btn-buy-all-disabled.png") no-repeat;
cursor: default;
}
.cart-btns .remove-all-disabled {
background: url("images/btn-remove-all-disabled.png") no-repeat;
cursor: default;
}
.cart-text {
text-align: center;
font-size: 18px;
line-height: 24px;
color: #333;
padding: 0 0 35px;
background: url("images/bg-separator-h.png") repeat-x 0 100%;
}
.cart-text a { color: #333;}
.cart-text a:hover { text-decoration: none;}
.cart-text p { margin: 0;}
.cart-table-sm{ display: none;}
@media (max-width:991px) {
.cart-table-sm{ display: block;}
}
/* has-products */
.has-products {
padding: 0 5px 2px 2px;
}
.has-products > a {
float: left;
color: #fff;
padding: 19px 25px 13px 18px;
}
.has-products:hover > a,
.has-products > a:hover {
background: url("images/bg-hover-links.png") repeat-x;
}
.has-products .cb-items {
margin: -10px 0 0;
}
/* cart-popup */
.cart-popup {
width: 308px;
position: absolute;
right: 0;
top: 62px;
display: none;
z-index: 3;
}
.has-products:hover .cart-popup {
display: block;
}
.cart-popup .cp-t {
background: url("images/bg-p-popup.png") no-repeat;
height: 14px;
overflow: hidden;
}
.cart-popup .cp-b {
background: url("images/bg-p-popup.png") no-repeat -616px 0;
height: 14px;
overflow: hidden;
}
.cart-popup .cp-c {
padding: 10px 15px;
background: url("images/bg-p-popup.png") repeat-y -308px 0;
}
.cart-popup .cart-item {
background: url("images/bg-separator-h.png") repeat-x 0 100%;
padding: 0 0 18px;
margin: 0 0 12px;
}
.cart-popup .cart-item-last {
background: none;
padding: 0;
margin: 0;
}
.cart-popup .cart-item table {
width: 100%;
color: #333;
}
.cart-popup .cart-item table td {
padding: 0;
}
.cart-popup .cart-item .btn-ci-remove {
background: url("images/btn-ci-remove.png") no-repeat;
width: 14px;
height: 14px;
display: inline-block;
text-indent: -9999px;
overflow: hidden;
text-align: left;
}
.cart-popup .ci-t-image {
width: 74px;
}
.cart-popup .ci-t-image img {
max-width: 65px;
}
.cart-popup .ci-t-title {
width: 165px;
padding-right: 10px !important;
}
.cart-popup .item-title {
display: block;
font-size: 14px;
}
.cart-popup .item-title a {
display: inline-block;
padding: 0 0 1px;
text-decoration: none;
border-bottom: 1px solid #000;
color: #333;
}
.cart-popup .item-title a:hover {
text-decoration: none;
border-bottom: 1px solid #fff;
}
.cart-popup .item-descr strong {
color: #fc180d;
}
.cart-popup .ci-t-btns {
text-align: right;
}
/* btn-edit */
.btn-edit {
background: url("images/btn-edit.png") no-repeat;
width: 87px;
height: 31px;
text-indent: -9999px;
overflow: hidden;
float: left;
margin-left: 24px;
}
/* order-status */
.order-status {
padding: 18px 0 0;
}
.order-status h3 {
font-size: 18px;
margin: 0 0 15px 24px;
}
.order-status .title table {
color: #fff;
font-size: 14px;
}
.order-status .title table th {text-align:center; height: 25px;}
.order-status .title table td {
height: 25px;
vertical-align: middle;
}
.order-status .title .os-id {
}
.order-status .title .os-date {
}
.order-status .title .os-title {
}
.order-status .title .os-qty {
width: 64px;
text-align: center;
}
.order-status .title .os-price {
width: 58px;
text-align: center;
}
.order-status .title .os-sum {
width: 56px;
padding-right: 5px;
text-align: center;
}
.order-status .title .os-status {
width: 93px;
}
/* os-status-table */
.os-status-table {
font-size: 12px;
line-height: 12px;
}
.os-status-table.os-list{margin-left: 28px;width:94%!important;}
.os-status-table a {
color: #333;
}
.os-status-table a:hover {
text-decoration: none;
}
.order-status .os-status-table {
width:97%;
margin-right: 24px;
}
.order-status .os-status-table td {
padding: 10px 0;
}
.order-status .os-status-table .even td {
background: #edf2f2;
}
.order-status .os-status-table .os-id {width: 28%; word-wrap: break-word;}
/*.order-status .os-status-table .os-id {width: 106px;}*/
.order-status .os-status-table .os-id2 {width: 106px; padding-left: 28px;}
.order-status .os-status-table .os-date { width: 26%;}
/*.order-status .os-status-table .os-date { width: 100px;}*/
.order-status .os-status-table .os-title {
width: 210px;
}
.order-status .os-status-table .os-qty {
width: 66px;
text-align: center;
}
.order-status .os-status-table .os-price {
width: 58px;
text-align: center;
}
.order-status .os-status-table .os-sum {
text-align: center;
}
.order-status .os-status-table .os-status {
/* width: 100px;*/ width: 24%;padding-left:2px;
}
.order-status .os-status-table .os-repeat {
padding-right: 5px;
}
@media (max-width:480px){
.order-status .os-status-table { font-size:70%; }
.title.os-status .os-status-table { font-size:80%; }
}
@media (max-width:400px){
.order-status .os-status-table { font-size:50%; }
.title.os-status .os-status-table { font-size:60%; }
}
.btn-repeat {
background: url("images/btn-repeat.png") no-repeat;
width: 13px;
height: 15px;
text-indent: -9999px;
display: inline-block;
position: relative;
font-size: 0;
line-height: 0;
top: -5px;
}
.btn-repeat span {
background: url("images/tooltip-repeat.png") no-repeat;
position: absolute;
top: -48px;
left: -61px;
width: 144px;
height: 45px;
display: none;
}
.btn-repeat:hover span {
display: block;
}
.os-status-new{color: #7ab4ca;}
.os-status-declined{color: #d51616;}
.os-status-confirmed{color: #37af0e;}
.os-status-complete{color: #37af0e;}
.os-status-payed{color: #37af0e;}
/* 2013-09-11 */
/* PRODUCT PAGE */
.product-card-holder {
padding: 0 19px 0 3px;
margin: -14px 0 5px;
}
.image-holder {
padding: 0;
text-align: center;
}
.image-holder .product-image-link {
float: left;
margin-left: 25px;
}
.product-small-images {
padding: 0 0 0 3px;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
height: 64px;
}
.product-info { margin: 0; display: block;}
.product-info img { margin-right: 20px; width: 193px;}
.product-info p { padding-left: 10px;}
.product-info h2 {
display: block;
margin: 0 0 8px;
padding: 0 0 6px;
font:32px/34px Arial, Verdana, sans-serif;
color: #333;
border-bottom: 1px dashed #cfdee2;
}
.product-info .product-properties {display: block; }
.product-info .product-descr {
display: block;
margin: 0 0 13px;
font:bold 16px/18px Arial, Verdana, sans-serif;
color: #666;
}
.product-info .product-price {
color: #ff4000;
display: block;
margin: 0 0 5px;
font:36px/38px Arial, Verdana, sans-serif;
}
.product-info .product-price .product-currency {font:16px/38px Arial, Verdana, sans-serif;}
.product-info .product-buy-button {
float: left;
margin: 0;
text-indent: -99999px;
overflow: hidden;
background: url("images/bg-button-click.png") no-repeat;
width: 177px;
height: 35px;
cursor: pointer;
}
@media (max-width: 991px) and (min-width:768px){
.product-info { margin-left: 25px; width: 60%; }
.product-info h2 {font:24px/22px Arial, Verdana, sans-serif; }
.product-info .product-descr { font:bold 14px/16px Arial, Verdana, sans-serif;}
.product-info .product-price { font:32px/34px Arial, Verdana, sans-serif;}
}
.product-page .tab-holder {
padding: 0 0 0 6px;
margin: 0 0 9px;
}
.product-page .tab-holder h3{ padding-bottom: 0px; color: #333333; margin-bottom: 0px; }
.product-page .tab-holder p{ margin-top: 10px;}
.product-page .tabset {
list-style: none;
padding: 0;
margin: 0 0 28px;
text-align: center;
font:bold 14px/16px Arial, Verdana, sans-serif;
}
.product-page .tabset .tab{cursor: pointer;}
.product-page .tabset li {
float: left;
margin: 0 1px 0 0;
}
.product-page .tabset a {
float: left;
padding: 9px 0;
color: #fff;
background: #428bca;
border: 1px solid #428bca;
border-width: 1px 1px 0;
-webkit-border-radius: 12px 12px 0 0;
border-radius: 12px 12px 0 0;
width: 228px;
text-decoration: none;
outline: none;
}
.product-page .tabset .tab-descr {width: 228px;}
.product-page .tabset .tab-params {width: 238px;}
.product-page .tabset .tab-manual {width: 227px;}
.product-page .tabset a:hover,
.product-page .tabset .active {
background: #fff;
color: #428bca;
}
.product-page .tab-content {
padding: 0 33px 0 4px;
font-size: 14px;
line-height: 20px;
color: #333;
display: none;
}
.product-page .tab-content.active {display: block;}
.product-page .tab-content p {margin: 0;}
.product-page .order-status .title table {
color: #fff;
font-size: 14px;
}
@media (max-width: 991px) {
.product-page .tab-content {padding: 0 33px 0 15px;}
}
@media (max-width: 440px) {
.product-page .order-status .title table {font-size: 12px;}
}
.product-page .order-status .title table td {
height: 25px;
vertical-align: middle;
}
.product-page .order-status .title .os-qty {
width: 108px;
text-align: center;
}
.product-page .order-status .title .os-price {
width: 158px;
text-align: center;
}
.product-page .order-status .title .os-economy {
width: 124px;
text-align: center;
}
.product-page .order-status .title .os-qty-1 {
width: 149px;
text-align: center;
}
.product-page .order-status .title {margin: 0;}
.product-page .catalog-holder table tr:first-child td {background: none;}
.product-page .catalog-holder table .p-qty {
width: 108px;
text-align: center;
font:bold 16px/18px Arial, Verdana, sans-serif;
color: #333;
}
.product-page .catalog-holder table .p-price {/*width: 183px;*/}
.product-page .catalog-holder table .p-economy {
width: 124px;
text-align: center;
}
.product-page .catalog-holder table .p-qty-1 {
width: 149px;
text-align: center;
}
.economy-box {
font-size: 14px;
line-height: 16px;
color: #333;
}
.economy-box .economy-val,
.economy-box .economy-delivery {
display: block;
text-align: left;
background: url("images/bg-economy.png") no-repeat;
padding: 0 0 0 24px;
margin: 0 0 6px;
}
.economy-box .economy-delivery {background: url("images/bg-economy.png") no-repeat 0 -227px;}
.product-page .btn-add-to-cart {margin: 0;}
.product-page .catalog-holder table {margin: 0 0 33px;}
@media (max-width:470px){
.product-page .catalog-holder table .p-qty {
font:bold 14px/16px Arial, Verdana, sans-serif;
}
}
/* 2013.09.12 */
.tabs-table {
padding: 0;
margin: 0;
border-collapse: collapse;
color: #000;
font-size: 14px;
}
.tabs-table td {
padding: 0 0 6px;
font-weight: bold;
width: 219px;
}
.tabs-table tr td:first-child {font-weight: normal;}
.pdf-download {
float: left;
background: url("images/bg-pdf.png") no-repeat 50% 0;
padding: 67px 0 0;
margin: -4px 0 0;
text-align: center;
color: #3679b6;
}
.pdf-download:hover {text-decoration: none;}
/* 2013-09-14 */
/* info-order-status */
.lightbox-holder {
}
.lightbox-frame {
width: 690px;
padding: 34px 50px;
background: #fff;
position: relative;
color: #333;
}
.lightbox-frame .close {
position: absolute;
top: 18px;
right: 18px;
text-indent: -99999px;
overflow: hidden;
background: url("images/bg-close.png") no-repeat;
width: 18px;
height: 18px;
}
.lightbox-frame .close:hover {opacity: 0.6;}
.lightbox-frame h2 {
margin: 0 0 19px;
padding: 5px 0 6px 37px;
font:bold 20px/22px Arial, Verdana, sans-serif;
background: url("images/bg-order-title.png") no-repeat;
border-bottom: 1px solid #e4e3e3;
}
/* ordered page */
.order-status-table {
padding: 0;
margin: 0;
border-collapse: collapse;
color: #333;
font-size: 14px;
}
.order-status-table td {
padding: 0 0 10px;
width: 205px;
vertical-align: top;
}
.order-status-table td span {
display: block;
padding: 0;
font-weight: bold;
font-style: italic;
width: 410px;
}
.ordered-holder {padding: 0 18px 0 7px;}
.ordered-frame {
border-bottom: 1px dashed #aaa;
margin: 0 0 18px;
padding: 8px 24px 35px 0;
text-align: center;
}
.ordered-holder h3 {
margin: 0 0 1px;
font:18px/24px Arial, Verdana, sans-serif;
color: #333;
}
.ordered-holder .back-link {
font:18px/24px Arial, Verdana, sans-serif;
color: #333;
}
.ordered-holder .back-link:hover {text-decoration: none;}
.ordered-holder .about-order-link-holder {padding: 0 36px 0 0;}
.ordered-holder .about-order-link {
display: block;
margin: 0 auto;
background: url("images/bg-about-order.png") no-repeat;
width: 181px;
height: 30px;
text-indent: -99999px;
overflow: hidden;
}
/* one click buy */
.one-click-holder {position: relative;}
.one-click-box {
display: none;
position: absolute;
top:0px;
left:-110px;
z-index: 2;
background: #fff;
/* width: 198px;*/
padding: 28px 28px 31px 32px;
border: 4px solid #3679b6;
-webkit-border-radius: 9px;
border-radius: 9px;
}
.one-click-box.hot {top: 35px; left: 0px;}
.one-click-box .oc-close{display: block; position: absolute; right: 15px; top: 5px; font-weight: bold; cursor: pointer; font-size: 14px;}
.one-click-box .row {
text-align: left;
margin: 0 0 8px;
font-size: 14px;
}
.one-click-box .row label {
display: block;
margin: 0 0 5px;
}
.one-click-box .row .text {
border:1px solid #ccc;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 9px 5px;
}
.one-click-box .row .text input {
display: block;
width: 184px;
outline: none;
background: none;
border: 0;
padding: 0;
color: #333;
}
.one-click-box .submit {
display: block;
margin: 6px auto 0;
padding: 0;
background: url("images/btn-one-click.png") no-repeat;
width: 198px;
height: 41px;
cursor: pointer;
border: 0;
font-size: 0;
line-height: 0;
text-indent: -99999px;
overflow: hidden;
}
.one-click-box .submit:hover {opacity: 0.6;}
/* dashboard edit page */
.edit-contacts-form fieldset {
margin: -12px 0 0;
padding: 0 0 0 26px;
}
.contacts-holder-edit .row {margin: 0 0 7px;}
.contacts-holder-edit .row label {
float: left;
margin: 4px 5px 0 0;
width: 89px;
font-weight: bold;
}
.contacts-holder-edit .row .text {
border:1px solid #ccc;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 384px;
padding: 5px 7px;
float: left;
}
.contacts-holder-edit .row .text input {
display: block;
width: 384px;
outline: none;
background: none;
border: 0;
padding: 0;
color: #333;
}
.contacts-holder-edit .submit-holder {padding: 17px 0 0;}
.contacts-holder-edit .submit {
float: left;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 0;
line-height: 0;
text-indent: -99999px;
overflow: hidden;
background: url("images/btn-save.png") no-repeat;
width: 99px;
height: 31px;
}
.contacts-holder-edit .submit:hover {opacity: 0.6;}
/* edit status */
.edit-order-status .edit-order-title-holder h3 {
float: left;
margin: 0 11px 15px 24px;
}
.edit-order-status .edit-order-list {
list-style: none;
padding: 4px 0 0;
margin: 0;
float: left;
font-size: 14px;
}
.edit-order-status .edit-order-list li {
float: left;
margin: 0 11px 0 0;
color: #999;
}
.edit-order-status .edit-order-list a {
color: #3679b6;
}
.edit-order-status .edit-order-list a:hover {text-decoration: none;}
.edit-order-status .title {margin: 0 0 3px;}
.edit-order-status .title .os-id {
width: 28px;
text-align: center;
}
.edit-order-status .title .os-post {
width: 88px;
text-align: center;
line-height: 14px;
}
.edit-order-status .title .os-date {
width: 67px;
text-align: center;
}
.edit-order-status .title .os-title {
width: 161px;
padding: 0 0 0 16px;
}
.edit-order-status .title .os-qty {
width: 59px;
text-align: center;
}
.edit-order-status .title .os-price {
width: 64px;
text-align: center;
}
.edit-order-status .title .os-sum {
width: 56px;
padding-right: 5px;
text-align: center;
}
/*.order-status .title .os-status { width: 93px;}*/
.order-status .title .os-status { width: 24%;}
.edit-order-status .os-status-table .os-id {
padding-left: 17px;
width: 54px;
}
.edit-order-status .os-status-table .os-post {
width: 72px;
}
.edit-order-status .os-status-table .os-id a,
.edit-order-status .os-status-table .os-post a{
text-indent: -99999px;
overflow: hidden;
background: url("images/bg-id.png") no-repeat;
width: 19px;
height: 17px;
display: block;
margin: 0 auto;
}
.edit-order-status .os-status-table .os-post a {background: url("images/bg-post.png") no-repeat 50%;}
.edit-order-status .os-status-table .os-id a:hover,
.edit-order-status .os-status-table .os-post a:hover {opacity: 0.6;}
.edit-order-status .os-status-table .os-date {
width: 78px;
text-align: center;
}
.edit-order-status .os-status-table .os-title {
width: 161px;
padding: 0 0 0 11px;
}
.edit-order-status .os-status-table .os-qty {
width: 70px;
}
.edit-order-status .os-status-table .os-price {
width: 64px;
}
.edit-order-status .os-status-table .os-sum {
width: 60px;
padding: 10px 0;
}
.registr{font-size: 14px;}
.registr p{font-size: 12px;}
.members-discount{margin-left: 24px;}
.order-link{color: #3679B6;}
.goods{}
.goods th{text-align: left;}
.goods .name{width: 360px;}
@media (max-width:480px){
.goods{font-size:90%;}
}
.btn-checkout{ background: url("images/btn-checkout.png") no-repeat; width: 131px; height: 30px; text-indent: -9999px; overflow: hidden; margin-top: 5px; display: block;}
.btn-fast-buy{cursor: pointer; text-decoration: underline;}
.readmore{text-decoration: underline; cursor: pointer;}
.text_bottom{padding-left: 15px;}
.comments-form{width: 450px;}
.comments-form textarea{resize:none}
.comments{margin-top: 20px;}
.comment{margin-bottom: 10px; font-size: 12px;}
.comment b{font-size: 14px;}
.comment i{font-size: 14px;}
.loading{width: 140px; height: 41px; display: block; background: url('images/loading.gif') center center no-repeat;}
.msg-error{color: red; padding: 5px; border: 1px solid red; font-weight: bold; margin-top: 10px;}
.reorder{margin: -5px 0 10px 0;}
.reorder .reorder-link{text-decoration: underline; cursor: pointer;}
.reorder .box { background: #fff; padding: 10px; border: 2px solid #99cc00; -webkit-border-radius: 5px; border-radius: 5px; margin: 0!important; font-weight: bold; text-align: center; display: none;}
.reorder .loading { height: 14px; margin: auto;}
.reorder .reorder-no{ color: red; text-decoration: underline; cursor: pointer; margin: 0 10px;}
.reorder .reorder-yes{ color: green; text-decoration: underline; cursor: pointer; margin: 0 10px;}
.page{}
.page p{padding: 0 25px 0 10px;}
/* Styles of ORDER PAGE */
@media (max-width:1000px){
.ord_a a{font-size:93%}
}
@media (max-width:900px){
.ord_a a{font-size:90%}
}
@media (max-width:786px){
.ord_a a{font-size:84%}
}
@media (max-width:460px){
.ord_a a{font-size:70%}
}
@media(max-width:400px){
.catalog-holder.order_status, .cart-table.order_status{ font-size: 80%;}
.ord_a a{font-size:80%}
}
.order_page .catalog-holder{margin-bottom: 20px;}
.order_page .dostavka-box {
/* width: 100%;*/
overflow: hidden;
display: block;
float: none;
margin: 20px 0 0;
}
.order_page .dostavka-box .checkbox{
width:47%;
border: 1px solid #ccc;
margin: 0 15px 20px 10px;
padding: 0;
background: #f4f4f4;
}
@media (max-width:1199px) and (min-width:992px){
.order_page .dostavka-box .checkbox{ width:44%;}
}
@media (max-width:991px) and (min-width:240px){
.order_page .dostavka-box .checkbox{ width:95%;}
}
.order_page .dostavka-box .checkbox:hover{
border: 1px solid #ff4000;
}
.order_page .dostavka-box .checkbox .radio_middle{
margin-left:15px;
text-align: center;
padding: 15% 7px;
background: #fff;
}
.order_page .dostavka-box .checkbox .radio_middle input{
display: none;
}
.order_page .dostavka-box .checkbox .radio_middle label{
background: url(images/chbox_middle.png) no-repeat;
width: 12px !important;
height: 13px;
display: inline-block;
background-position: 0 -2px;
}
.order_page .dostavka-box .checkbox .radio_middle input:checked+label{
background-position: 0 -18px;
}
.order_page .dostavka-box .checkbox .descr{
float: left;
padding: 10px;
width: 85%;
min-height: 110px;
cursor: pointer;
}
.order_page .dostavka-box .checkbox .descr .bigcheckboxtext{
color: #131313;
font: 18px/20px sans-serif;
}
.order_page .dostavka-box .checkbox .descr .checkboxtext div{
font: 12px/14px sans-serif;
color: #858585;
}
.order_page .dostavka-box .checkbox .descr .checkboxtext div b{
font-weight: 600;
color: #131313;
}
.order_page .dostavka-box .checkbox .descr .checkboxtext div .green{
color: #3973b7;
}
.order_page .oplata-box{
width: 100%;
overflow: hidden;
display: block;
float: none;
padding-left: 10px;
margin: 20px 0 0;
}
@media (max-width:480px){
.order_page .payment-block{width:65%; margin-left:20px;}
}
.order_page .oplata-box .inline-block{
border: 1px solid #ccc;
background: #fff;
width:99.999%;
}
.order_page .oplata-box .inline-block:hover{
border: 1px solid #ff4000;
}
.order_page .oplata-box .payment_2,
.order_page .oplata-box .payment_1{
margin: 0 0 20px 0px;
}
.order_page .oplata-box .inline-block .left{
padding: 40% 0;
text-align: center;
background: #f4f4f4;
}
.order_page .oplata-box .inline-block .left input{
display: none;
}
.order_page .oplata-box .inline-block .left label{
background: url(images/chbox_middle.png) no-repeat;
width: 12px !important;
height: 13px;
display: inline-block;
background-position: 0 -2px;
}
.order_page .oplata-box .inline-block .left input:checked+label{
background-position: 0 -18px;
}
.order_page .oplata-box .inline-block .right{
}
.order_page .oplata-box .inline-block .right label{
min-height: 156px;
overflow: hidden;
display: block;
cursor: pointer;
}
.order_page .oplata-box .inline-block .right .img{
height: 110px;
text-align: center;
vertical-align: middle;
}
.order_page .oplata-box .inline-block .right .img img{
width: 100%;
}
.order_page .oplata-box .inline-block .right .title_n{
background: none;
margin: 0;
padding: 0;
font:14px/16px sans-serif;
color: #131313;
text-align: center;
display: block;
height: 45px;
position: absolute;
bottom: 0;
}
.order_page .order_tabs{
width: 100%;
overflow: hidden;
display: block;
float: none;
margin: 0 0 20px;
}
.order_page .order_tabs .usered{ margin: 5px 0 15px;}
.order_page .order_tab_right{ text-align: right; }
.order_page .order_tab_left{ text-align: left;}
.order_page .order_tabs .usered a.order_tab{
font: 14px/16px sans-serif;
color: #131313;
text-decoration: none;
}
.order_page .order_tabs .usered a.order_tab:hover{ text-decoration: underline;}
.order_page .order_tabs .usered a.active{
color: #666858;
text-decoration: underline;
}
@media (max-width:480px){
.order_page .order_tab_right{ text-align: center;}
.order_page .order_tab_left{ text-align: center;}
}
.order_page .order_tabs .form_order{
width: 100%;
overflow: hidden;
display: block;
float: none;
}
.order_page .order_tabs .form_order .left_box{
}
.order_page .order_tabs .form_order .left_box div{
margin: 0 0 10px;
}
.order_page .order_tabs .form_order label{
display: block;
width: 100%;
font: 12px/14px sans-serif;
color: #131313;
}
.order_page .order_tabs .form_order label .req{
color: #e2001a;
}
.order_page .order_tabs .form_order input,
.order_page .order_tabs .form_order select{
text-align: left;
border: 1px solid #ccc;
font: 12px/14px sans-serif;
color: #131313;
padding: 5px 3px;
}
.order_page .order_tabs .form_order input:focus,
.order_page .order_tabs .form_order select:focus{
outline: #ff4000 auto 5px;
}
.order_page .order_tabs .form_order .right_box{
}
.order_page .order_tabs .form_order textarea{
text-align: left;
min-height: 169px;
height: 169px;
border: 1px solid #ccc;
font: 12px/14px sans-serif;
color: #131313;
padding: 5px 3px;
}
.order_page .order_tabs .form_order textarea:focus{
outline: #ff4000 auto 5px;
}
.order_page .order_tabs .form_order .order_button{
float: none;
overflow: hidden;
margin-top: 50px;
}
.order_page .order_tabs .form_order .order_button .buynow{
color: #fff;
text-decoration: none;
background: url("images/btn-checkout.png") no-repeat;
width: 131px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
margin-top: 5px;
display: block;
}
.width-95{ width: 98%; margin:auto; }
.pr-code .p-price {
padding: 11px 15px 11px 5px;
font-size: 24px;
text-align: right;
color: #ff4000;
}
.hover{ border: 1px solid #ff4000!important;}