/* hack for responsive horizontal scroll */
html { overflow-x:hidden; }
.lt-ie9 img {width: auto;}
/* ==|== HTML5 display definitions ========================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* ==|== Base ============================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/* ==|== Links ============================================================= */
a { color: #000; text-decoration: none }
a:hover { color: #fff; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
/* ==|== Animacja ============================================================= */
.logo-container, .header-cart .summary, .header .top-links a:hover, .pages a:hover, .footer .info-content a:hover, a.social-icon, .header a.btn-edit:hover, .content-container a.btn-edit:hover, .header a.btn-remove:hover, .content-container a.btn-remove:hover, .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .header .form-search button.button span, .header .form-search button.button:hover span, .header-currency:hover, .header-language:hover, #nav > li > a:hover, #nav > li.over > a, #nav > li.active > a, #nav > li.parent > a:hover::before, #nav > li.parent.over > a::before, .nav-top-title:hover a, .nav-top-title div.icon span, .product-view .product-img-box .zoom .btn-zoom-out:hover, .product-view .product-img-box .zoom .btn-zoom-in:hover, .opc .allow:hover .step-title, .opc .allow.active .step-title .number, .opc .allow.active:hover .step-title .number, p.back-link a, .block .actions a, .block-wishlist .link-cart:hover, .block-progress dt a, .sorter a.sort-by-arrow:hover, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a:hover, .pager .pages li.current, .pager .pages li a.previous :hover, .pager .pages li a.next:hover, .over .toolbar-title, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .products-grid .actions li button.button:hover, .products-grid .actions .add-to-links .link-wishlist:hover, .products-grid .actions .add-to-links .link-compare:hover, .add-review .rating-radio.active, .product-tabs li.active a, .product-tabs a:hover, .product-tabs-container h2.tab-heading:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover, .product-tags li a:hover, #toTop {
background-color: #2058a9;
}
/* ==|== Typography ======================================================== */
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-break: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==|== Lists ============================================================== */
ul, ol { margin:0; padding:0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
div#content_text ol li { list-style: decimal; margin-left: 20px; }
div#content_text ul li { list-style: inherit; margin-left: 20px; }
/* ==|== Embedded content =================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto;}
iframe { vertical-align: middle; max-width: 100%;}
svg:not(:root) { overflow: hidden; }
/* ==|== Figures ============================================================ */
figure { margin: 0; }
/* ==|== colors ============================================================ */
.black { background: #000; color: #fff; padding: 5px; }
/* ==|== Forms ============================================================== */
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; vertical-align: middle;}
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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea {
overflow: auto; vertical-align: top; resize: vertical;
-webkit-border-radius: 0; /* fix border radius in iOs */
-webkit-appearance: none; /* fix shadow in iOs */
}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.fieldset {border-color: #f4f4f4; background-color: transparent}
.fieldset .legend {background: #f4f4f4; bottom: 0; border: 0}
.disabled { opacity: .5;}
/* ==|== primary styles ===================================================== */
body { background-color: #fff; font-family:Arial, sans-serif; font-size:12px; }
/* Form Elements */
input.input-text,select,textarea {
background:#fff;border: 1px solid #e5e5e5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input.input-text {
padding:7px; height:30px; line-height:1.1;
-webkit-appearance: none; -webkit-border-radius: 0;
}
button.button span {
position: relative;
outline:none;
display: inline-block;
padding:0 11px;
height:30px;
background: none;
font-weight: 800; font-size: 14px; line-height: 30px;
text-align:center; text-transform:uppercase; white-space:nowrap;
z-index: 1;
}
button.button span span { padding:0; }
button.button > span:before, button.button > span:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: -1;}
button.button > span:before { width: 100%; }
.no-touch button.button:hover > span:after { width: 100%;}
button.btn-cart span { padding: 0 23px 0 12px; height: 54px; line-height: 54px; font-size: 15px; font-weight: 900;}
button.btn-cart span span { padding:0 0 0 40px; background: url('../images/i_btn_cart.png') 0 -24px no-repeat;}
.no-touch button.btn-cart:hover span span { background-position:0 13px}
a.aw-blog-read-more {background: linear-gradient(to right,#2058a9,#3081f5);position: relative; outline: none;display: inline-block;padding: 0 11px !important;height: 30px;font-weight: 800;font-size: 14px;line-height: 30px;text-align: center;text-transform: uppercase;white-space: nowrap;z-index: 1;color: #fff !important;}
/* inverted */
button.btn-cart.icon-white span span { background-position:0 13px;}
.no-touch button.btn-cart.icon-white:hover span span { background-position: 0 -24px;}
/* combinations*/
button.btn-cart.icon-white-white span span { background-position:0 13px;}
.no-touch button.btn-cart.icon-white-white:hover span span { background-position:0 13px;}
button.btn-cart.icon-white-black span span { background-position:0 13px;}
.no-touch button.btn-cart.icon-white-black:hover span span { background-position:0 -24px;}
button.btn-cart.icon-black-white span span { background-position:0 -24px;}
.no-touch button.btn-cart.icon-black-white:hover span span { background-position:0 13px;}
button.btn-cart.icon-black-black span span { background-position:0 -24px;}
.no-touch button.btn-cart.icon-black-black:hover span span { background-position:0 -24px;}
.btn-edit, .btn-remove { width:14px; height:14px; background-color:#000; }
.btn-edit:hover, .btn-remove:hover { width:14px; height:14px; background-color:linear-gradient(to right,#2058a9,#3081f5); }
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* ==|== Layout ============================================================= */
.page { width:auto; margin:0 auto; padding:0; text-align:left; }
.content-container, .main-container {background-color: #fff;}
/* ======================================================================================= */
/* Header ================================================================================ */
.header-container {background:#000; top: -200px}
.header { margin:0 auto; padding:0px; border:none; }
.logo-container {background:#fff; min-height:107px;}
.header-container, #nav, .header-nav-wide #nav, .header .form-search-over {
background-color: #ffffff;
}
.top-links-container, .top-links-container::before, .header .links::after {
background-color: #202020;
}
.header-nav-wide::before, .header-fixed .header-2 .form-search {
background-color: #202020;
}
#search {background: #f5f5f5;}
#nav > li > a {
font-size: 18px;
}
#nav > li > a, .nav-top-title a, .header-nav-txt.std, .header-nav-txt.std a {
color: #ffffff;
}
.header-fixed .header-2 .header-nav-wide {
margin: -64px 90px 0;
margin-left: 90px;
}
.header-container, #nav, .header-nav-wide #nav, .header .form-search-over {background-color:#ffffff}
.logo-container-indent {padding:5px;}
.logo-container-indent
.header-info-container {position:relative; padding:0 }
/* IE fix padding */
.logo-container {
min-height: 87px;
position: relative;
z-index: 99;
text-align: center;
}
.top-links-container { position: relative; left:0; min-height: 35px;}
.top-links-container:before {
content: '';
position: absolute; left: -200%; right: -200%; top: 0; bottom: 0;
display: block;
border-top: 1px solid #303030;
border-color: rgba(255,255,255,.11);
}
.header h1.logo, .header .logo { float:none; text-decoration:none !important;}
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;}
.header .logo img {
max-width: 100%; height: auto;
width: inherit;
/*@todo: - test code when img have padding*/
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.header .logo-container-indent { padding: 30px }
}
.logo-container {width:240px; z-index: 82;}
.header .logo img {max-width:220px}
.wide #nav ul.level0, .wide #nav > li > div,
.netland #nav ul.level0, .netland #nav > li > div,
.header-1 .olegnaxmegamenu #nav li.wide > div {margin-left:-240px}
.header-cart {float:right; margin:0 0 0 10px;}
.header-cart .summary { display:block; height:35px; line-height:35px; padding:0 11px; background:linear-gradient(to right,#2058a9,#3081f5); color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; text-decoration:none; }
.header-cart .summary.icon-black { background-position: 0 0 }
.header-cart .summary.icon-white { background-position: 0 100% }
.header-cart .summary span {display:inline-block; height:13px; line-height:12px; -webkit-transform: translateZ(0); padding-top: 10px; }
.header-cart .summary span.qty {margin:0 0 0 11px; padding:0 0 0 11px; border-left:1px solid #000; border-left-color:rgba(0,0,0,0.21); }
.header-cart .header-dropdown {width:282px; color:#000; color:rgba(0,0,0,0.7);}
.header-cart .header-dropdown p{margin:14px 0 5px 0}
.header-cart .header-dropdown a{color:#000; text-decoration:none;}
.header-cart .header-dropdown p.product-name {margin:0}
.header-cart .header-dropdown a.product-image{}
.header-cart .header-dropdown .item-options { font-size:10px; line-height:10px; margin-top: 3px; text-transform:none;}
.header-cart .header-dropdown ol{ margin:0; padding:0; }
.header-cart .header-dropdown ol li.item{ padding:8px; margin:0 0 5px; background:#f5f5f5;}
.header-cart .header-dropdown, .header-cart .header-dropdown ol li.item, .header-cart .header-dropdown ol li.item a { color:#322c29;}
.header-cart .header-dropdown ol li.item a:hover { color:#000; }
.header-cart .header-dropdown ol li.item strong{font-weight:300;}
.mini-products-list .product-image { width:60px; border:none; padding:0px; }
.mini-products-list .product-details { margin-left:74px; }
.header-cart .header-dropdown .subtotal { background:#f5f5f5; color:#000; padding:0 10px; line-height:37px; font-size:16px; font-weight:800; text-transform:uppercase; text-align:right; }
.header-cart .header-dropdown .btn-edit { float:right; margin-left: 18px; }
.header-cart .header-dropdown .btn-remove { float:right; margin-left: 2px; }
.header-cart .header-dropdown .buttons { margin-top:7px; }
.header-cart .header-dropdown .button { float:right; }
.header-cart .header-dropdown .btn-continue { float:left; }
.header-cart .cart-promotion {background:#f5f5f5; padding: 10px;}
.header-cart .mini-products-list .product-details {overflow: hidden;}
.header-cart .header-dropdown p.product-name {padding-right: 40px;}
.header-cart .cart-promotion a, .header-cart .header-dropdown p.product-name a {display: inline-block; margin: -14px 0 0 -4px; padding: 1px 4px;}
.header-switch {position:relative;z-index: 9999;}
.header-switch-trigger {position:relative; z-index:2;}
.header-dropdown { display:none; position:absolute; z-index:1000; right:0; padding:15px; background:#fff; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); }
.header-dropdown ul {margin:0; padding:0;}
.header-dropdown ul li{line-height:18px; }
.header-dropdown ul li a{display:block; padding:0px 5px; color:#322c29; text-decoration:none; white-space:nowrap; }
.header-dropdown .btn-edit {background-image: url('btn_edit_sprite.png');}
.header-dropdown .btn-remove {background-image: url('btn_remove_small_sprite.png');}
.header-dropdown .btn-edit, .header-dropdown .btn-remove,
.header-dropdown .btn-edit:hover, .header-dropdown .btn-remove:hover { width:14px; height:14px;}
.header-dropdown .btn-edit, .header-dropdown .btn-remove {background-position: 0 100%;}
/* hover */
.header-dropdown .btn-edit:hover, .header-dropdown .btn-remove:hover {background-position: 0 0;}
/* inverted (default) */
.header-dropdown .btn-edit.icon-white, .header-dropdown .btn-remove.icon-white {background-position: 0 0;}
/* inverted hover */
.header-dropdown .btn-edit.icon-white:hover, .header-dropdown .btn-remove.icon-white:hover {background-position: 0 100%;}
.header-currency, .header-language {float:left; margin:0 0 0 13px; padding:0 11px; line-height:35px; font-size:11px; color:#d9d9d9; }
.header-currency {margin:0 0 0 2px;}
.header-currency .header-switch-trigger, .header-language .header-switch-trigger {display:block; padding:0 13px 0 0; }
.header-currency .header-switch-trigger:after, .header-language .header-switch-trigger:after {
content: '';
display: block;
position: absolute;
top: 15px;
right:0;
width: 0;
height: 0;
border-color: #202020 transparent transparent transparent;
border-style: solid;
border-width: 3px;
}
.header-currency .header-switch-trigger:before, .header-language .header-switch-trigger:before {
content: '';
display: block;
position: absolute;
top: 16px;
right:0;
width: 0;
height: 0;
border-color: #d9d9d9 transparent transparent transparent;
border-style: solid;
border-width: 3px;
}
.header-currency:hover .header-switch-trigger:after, .header-language:hover .header-switch-trigger:after {border-top-color:linear-gradient(to right,#2058a9,#3081f5);}
.header-currency:hover .header-switch-trigger:before, .header-language:hover .header-switch-trigger:before {border-top-color:#fff;}
.header-currency:hover, .header-language:hover {background-color:linear-gradient(to right,#2058a9,#3081f5); color:#fff;}
.header-language .header-switch-trigger .icon {padding:0 0 0 24px; background:none 0% 50% no-repeat;}
.header-currency .header-dropdown, .header-language .header-dropdown {left:0; right:auto;}
.header-language .header-dropdown ul li a{padding:2px 10px 2px 27px; background: 5px 50% no-repeat;}
.header-dropdown ul li a:hover{color:#000; background-color:#f5f4f4;}
.header .top-links { position: relative; z-index: 1; overflow: hidden;}
.header .links {
text-align: right;
padding: 7px 0 8px;
position: relative;
}
.header .links:after {
content: '';
position: absolute; right: -3px; top: 0; bottom: 0;
display: block;
width: 6px;
}
.header .top-links li:after {
content: '';
display: inline-block;
width: 1px;
height: 10px;
background-color: #353535; background-color: rgba(255,255,255,.11);
margin: 0 0px -1px;
}
.header .top-links li.last:after {display: none;}
.header .top-links a {
line-height:16px; padding:2px 6px; margin:0 2px 0 1px; font-size:11px; color:#d9d9d9; text-decoration:none;
white-space: nowrap;
display: inline-block;
}
.header .top-links a:hover{background:linear-gradient(to right,#2058a9,#3081f5); color:#fff;}
.nav-search-container { position: relative; min-height: 74px;}
.header .form-search { position:absolute; z-index:100; right:0; top: 19px; margin:0; width:35px;}
.header .form-search-over { width:279px; background: #fff; padding: 10px 0 10px 20px; margin-top:-10px;}
.header .form-search input {
border: 0;
width: 244px; height: 35px;
padding: 11px 7px 10px;
background: #f8f8f8;
}
.header .form-search label, .header .form-search input { display:none;}
.header .form-search button.button, .header .form-search input { float:right;}
.header .form-search button.button span { width:35px; height: 35px; padding:0; background:linear-gradient(to right,#2058a9,#3081f5);}
.header .form-search button.button span:before, .header .form-search button.button span:after {background: none;}
.header .form-search button.button span span { color: transparent; text-indent:-1000em; background:url('icon_search.png') 2px 2px no-repeat;}
/* inverted */
.header .form-search button.button.icon-white span span {background-position: 2px -28px;}
.header .form-search .search-autocomplete { z-index:999;}
.header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff;}
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer;}
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold;}
.header .form-language { clear:both; text-align:right; }
.header .search-visible .form-search { width: 279px }
.header .search-visible .form-search input { display: inherit;}
.koszyk {
position: relative;
display: inline-block;
padding: 0px 10px 0px 44px;
margin-left: 30px;
font-weight: 600;
font-size: 14px;
line-height: 2;
text-transform: uppercase;
top: 5px; }
.header-cart .summary {
display: block;
height: 35px;
line-height: 35px;
padding: 0 11px;
background: linear-gradient(to right,#2058a9,#3081f5);
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
/********** < Navigation */
.search-visible .nav-container { margin-right: 279px;}
.header-fixed .search-visible .nav-container {margin-right: 323px;}
.nav-top-title{ display:none; position: relative; max-width: 75%; padding:0; font-size:18px; font-weight: 700; text-align:left; line-height:18px; cursor:pointer; color:#fff;}
.nav-top-title a{color:#fff; text-transform: uppercase; text-decoration:none; padding:6px 12px 7px 43px; margin-left: -32px;}
.nav-top-title.over a{ padding-bottom:18px}
.nav-top-title div.icon {float:left; width:26px; margin:0 0 0 0; position: relative;z-index: 1;}
.nav-top-title div.icon span {display:block; height:4px; margin:0 0 3px; background: linear-gradient(to right,#2058a9,#3081f5);}
.nav-top-title:hover {}
.nav-top-title:hover a{ color:#000; background: linear-gradient(to right,#2058a9,#3081f5);}
.nav-top-title:hover div.icon span,
.nav-top-title.active div.icon span {background:#000; }
#nav { border:none; padding: 24px 55px 22px 24px; margin:0; }
#nav > li.purchase-yellow > a span {
color: #3081f5;
}
#nav > li.purchase-yellow > a:hover span {
color: #fff;
}
#nav > li.purchase-orange > a span {
color: #fa5400;
}
#nav > li.purchase-orange > a:hover span {
color: #fff;
}
#nav > li.over > a span {
color: #fff !important;
}
/*#nav > li > a:hover {
background-color: #adb903;
} */
/* navigation */
.header-nav-wide:before, .header-fixed .header-2 .form-search {background-color:#202020;}
#nav>li>a,
.nav-top-title a, .header-nav-txt.std, .header-nav-txt.std a {color:#ffffff}
.nav-top-title:hover div.icon span,
.nav-top-title.active div.icon span {background-color:#202020;}
#nav>li>a {font-size:18px}
#nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a,
#nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover {background-color:#202020}
@media only screen and (max-width: 1023px) {
.header-nav-wide .nav-top-title a, .header-nav-wide #nav, .nav-top-title.over:after {
background-color: #202020;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#nav ul.level0 li.parent a em {color:#ffffff;}
#nav > li > a span, #nav ul.level0 li a span {color:#ffffff;}
#nav ul.level0 li a:hover {background: linear-gradient(to right,#2058a9,#3081f5);}
#nav > li.parent > a > em {color:#ffffff;}
#nav ul.level0 li a {color:#ffffff;}
#nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, .nav-top-title:hover a {color:#fff;}
#nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a ,.nav-top-title:hover a {background: linear-gradient(to right,#2058a9,#3081f5);}
}
/* All Levels */
#nav > li, #nav ul.level0 li { text-align:left; position:relative; }
#nav > li.over, #nav ul.level0 li.over { }
#nav > li.parent, #nav ul.level0 li.parent {}
#nav > li > a, #nav ul.level0 li a { display:block; text-decoration:none; color:#000; font-size:14px; font-weight:700; text-transform:uppercase; }
#nav > li > a:hover, #nav ul.level0 li a:hover { text-decoration:none; }
#nav > li > a span, #nav ul.level0 li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav > li ul.level0 a span { white-space:normal; }
#nav > li.parent > a > em, #nav ul.level0 li.parent a em {float:right; display:none; width:32px; text-align:center; font-style:normal; font-weight:700; }
#nav ul.level0 li.parent a em { width:32px; }
/* 1st Level */
#nav>li { float:left; margin:0 5px 0 0; }
#nav>li>a { display:block; position:relative; color:#fff; font-size:18px; font-weight:700; line-height:27px; padding:0 9px 1px;letter-spacing: -1px;}
#nav>li>a:hover,
#nav>li.over>a,
#nav>li.active>a { color:#fff; background:linear-gradient(to right,#2058a9,#3081f5); }
#nav>li.parent>a:hover:before,
#nav>li.parent.over>a:before { content:'';width:100%; height:16px; position:absolute; z-index:998; top:28px; left:0; background:linear-gradient(to right,#2058a9,#3081f5); }
/* 2nd Level */
#nav > li > div, #nav ul.level0 div,
#nav ul.level0, #nav ul.level0 ul { position:absolute; z-index:997; width: 15em; padding:16px; top:36px; left:-10000px; border:none; background:#fff; -webkit-box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.15);}
/* 3rd+ leven */
#nav ul.level0 ul, #nav ul.level0 div { top:-14px;}
#nav ul.level0 li { float:none; border:none; margin:0 0 2px; }
#nav ul.level0 li a { float:none; display:inline-block; padding:7px; line-height:100%; font-size:14px; color:#000; font-weight:700; }
#nav ul.level0 li a:hover,
#nav ul.level0 li.active > a,
#nav ul.level0 li.over > a { color:#fff; background:#000;}
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:-16px; z-index:997;}
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:140px;}
/* Custom menu block */
#nav li.custom-block ul.custom-menu {margin-left: -7px;}
#nav li.custom-block ul.custom-menu li { float:none; border:none; margin:0 0 2px;}
#nav li.custom-block ul.custom-menu li a { float:none; display:inline-block; padding:7px; line-height:100%; font-size:14px; color:#000; font-weight:700; text-transform: uppercase;}
#nav li.custom-block ul.custom-menu li a:hover,
#nav li.custom-block ul.custom-menu li.active > a,
#nav li.custom-block ul.custom-menu li.over > a { color:#fff; background:#000;}
.input-overflow {overflow: hidden;}
/* HEADER 2 (Navigation wide)
======================================================================================= */
.header-2, .header-nav-wide { position: relative;}
.header-nav-wide:before {
content: '';
position: absolute;
left: -200%;
right: -200%;
top: 0px;
bottom: 0px;
display: block;
}
.header-nav-wide #nav {padding: 13px 0 14px;}
.header-nav-txt.std { padding: 24px 54px 22px 24px;}
.header-nav-txt.std, .header-nav-txt.std a {color: #fff;}
.header-nav-txt.std a {
display: inline-block;
padding: 2px 6px;
text-decoration: none;
white-space: nowrap;
color: #fff;
background-color: transparent
}
.header-nav-txt.std a:hover { background-color: linear-gradient(to right,#2058a9,#3081f5); color: #fff;}
/* HEADER (fixed)
======================================================================================= */
.header-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9999;}
.header-fixed, .header-fixed .nav-search-container {min-height: 64px;}
.header-fixed .header-2 .header-nav-wide {position: static}
.header-fixed .logo-container { min-height: 64px; width: auto;}
.header-fixed .logo-container-indent { padding-top: 0; padding-bottom: 0;}
.header-fixed .header .logo img {max-height: 35px;}
.header-fixed .top-links,
.header-fixed .header-currency, .header-fixed .header-language { display: none;}
.header-fixed .top-links-container { min-height: inherit; background-color: transparent;}
.header-fixed .top-links-container:before { display: none;}
.header-fixed .form-search { right: 56px; top: 14px;}
.header-fixed .header-cart {
position: absolute; right: 0; top: 14px;
float: none; margin: 0;
width: 35px; height: 35px;
background: linear-gradient(to right,#2058a9,#3081f5);
}
.header-fixed .header-cart .header-dropdown {top: 35px;}
.header-fixed .header-cart .summary span {display: none;}
.header-fixed .header-cart .summary {
width: 35px; padding:0;
background-image:url('cart.png');
min-width: inherit;
}
.header-fixed .header-info-container {width: 100%;}
.header-fixed .header-info-container,
.header-fixed .nav-search-container {position: inherit;}
.header-fixed .relative {position: inherit !important;}
.header-fixed #nav {padding: 19px 5px 17px 5px;}
.header-fixed .header-1 .olegnaxmegamenu #nav li.wide > div {margin-left: 0;}
/* HEADER SLIM
======================================================================================= */
/*.slim-header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999;}*/
.slim-header, .slim-header .nav-search-container {min-height: 64px;}
.slim-header .header-2 .header-nav-wide {position: static}
.slim-header .logo-container { min-height: 64px; width: auto;}
.slim-header .logo-container-indent { padding-top: 0; padding-bottom: 0;}
.slim-header .header .logo img {max-height: 43px;}
.slim-header .top-links,
.slim-header .header-currency, .slim-header .header-language { display: none;}
.slim-header .top-links-container { min-height: inherit; background-color: transparent;}
.slim-header .top-links-container:before { display: none;}
.slim-header .form-search { right: 56px; top: 14px;}
.slim-header .header-cart {
position: absolute; right: 0; top: 14px;
float: none; margin: 0;
width: 35px; height: 35px;
}
.slim-header .header-cart .header-dropdown {top: 35px;}
.slim-header .header-cart .summary span {display: none;}
.slim-header .header-cart .summary {
width: 35px; padding:0;
background-image:url('../images/i_btn_cart_ios.png');
min-width: inherit;
}
.slim-header .header-info-container {width: 100%;}
.slim-header .header-info-container,
.slim-header .nav-search-container {position: inherit;}
.slim-header .relative {position: inherit !important;}
.slim-header #nav {padding: 19px 55px 17px 24px;}
.slim-header .header-1 .olegnaxmegamenu #nav li.wide > div {margin-left: 0;}
/* Header 2
------------------------ */
.header-fixed .header-2 .header-nav-txt { display: none;}
.header-fixed .header-2 .form-search { top: 14px !important; /*right: 44px*/;}
.header-fixed .header-2 .olegnaxmegamenu #nav li.wide > div.shown-sub { right: 0;}
/* fix block with table cell Opera */
noindex:-o-prefocus, .header-fixed .header-2 .header-info-container {width: 100%;}
/********** Navigation > */
/* ======================================================================================= */
/* Content banners ======================================================================= */
.content-banner {-webkit-transform: translateZ(0); border-bottom: 1px solid;}
.content-banner img{max-width: 100%; height: auto; margin: 0 auto; display: block;}
.content-banner .left-side {position:relative;}
.content-banner .right-side {position:absolute; z-index:1; width: 50%; top:0; bottom:0; right:0;}
.content-banner .banner {
position: relative;
height: auto; padding:13px 0 10px;
font-weight:700; font-size:23px;
text-align: center; line-height:24px;
z-index: 2;
}
.content-banner .banner span {
padding: 0 5px 0;
height: 26px;
display: inline-block;
letter-spacing: -1px;
}
.content-banner .banner a {text-decoration:none;}
.content-banner .banner a:hover {text-decoration:none;}
.banner-free-delivery .banner1, .banner-free-delivery .banner1:before {background-color: #f8f8f8; color: #22212c;}
.banner-free-delivery .banner1 a {color: #22212c;}
.banner-free-delivery .banner1:before,
.banner-free-delivery .banner1.grid_18:first-child:before {background-image: none;}
.bg-line {position:absolute; z-index:1; width:100%; top:0; bottom:0; right:0;}
.bg-line { background-image:url('content_banner_bg.png'); background-position:0 0; background-repeat:repeat;}
.content-banner .row:before, .content-banner .banner:before {
background-image: url('content_banner_bg.png');
-webkit-backface-visibility: visible;
background-size: 10px 10px;
}
.bg-red, .content-banner .banner.bg-red:before, .content-banner .row.bg-red:before { background-color:#fc5500;}
.bg-green, .content-banner .banner.bg-green:before, .content-banner .row.bg-green:before { background-color:#b5e321;}
.bg-blue, .content-banner .banner.bg-blue:before, .content-banner .row.bg-blue:before { background-color:#1ecdff;}
.bg-yellow, .content-banner .banner.bg-yellow:before, .content-banner .row.bg-yellow:before { background-color:linear-gradient(to right,#2058a9,#3081f5);}
.bg-black, .content-banner .banner.bg-black:before, .content-banner .row.bg-black:before { background-color:#000;}
.bg-white { background-color:#fff; }
.text-red, .text-red a { color:#fc5500; }
.text-green, .text-green a { color:#b5e321; }
.text-blue, .text-blue a { color:#1ecdff; }
.text-yellow, .text-yellow a { color:#3081f5 }
.text-black ,.text-black a { color:#000; }
.text-white, .text-white a { color:#fff; }
.text-container .text.bg-red,
.text-container .text.bg-green,
.text-container .text.bg-blue,
.text-container .text.bg-yellow,
.text-container .text.bg-black,
.text-container .text.bg-white { background-color:transparent; }
.text-container .text.bg-red:before{ background-color:#fc5500; }
.text-container .text.bg-green:before{ background-color:#b5e321; }
.text-container .text.bg-blue:before{ background-color:#1ecdff; }
.text-container .text.bg-yellow:before{ background-color:linear-gradient(to right,#2058a9,#3081f5); }
.text-container .text.bg-black:before{ background-color:#000; }
.text-container .text.bg-white:before { background-color:#fff; }
.content-banner .row .grid_1,
.content-banner .row .grid_2,
.content-banner .row .grid_3,
.content-banner .row .grid_4,
.content-banner .row .grid_5,
.content-banner .row .grid_6,
.content-banner .row .grid_7,
.content-banner .row .grid_8,
.content-banner .row .grid_9,
.content-banner .row .grid_10,
.content-banner .row .grid_11,
.content-banner .row .grid_12,
.content-banner .row .grid_13,
.content-banner .row .grid_14,
.content-banner .row .grid_15,
.content-banner .row .grid_16,
.content-banner .row .grid_17,
.content-banner .row .grid_18 {
margin-left: 0; margin-right: 0;
padding-left: 12px; padding-right: 12px;
}
.content-banner .banner { min-height: 26px; overflow: inherit;}
.content-banner .banner a { position: relative; display: block;}
.content-banner {overflow: hidden;}
.content-banner .row { position: relative;}
.content-banner .row:before {
content: '';
position: absolute;
display: block;
left: -1024px; right: 0; top: 0; bottom: 0;
width: 4000px; height: 100%;
}
.content-banner .row.bg-red .banner:before,
.content-banner .row.bg-green .banner:before,
.content-banner .row.bg-blue .banner:before,
.content-banner .row.bg-yellow .banner:before,
.content-banner .row.bg-black .banner:before {background: none;}
.content-banner .banner:before {
content: '';
position: absolute;
display: block;
left: 0; top: 0; bottom: 0;
width: 2000px; height: 500px;
}
.content-banner .banner:first-child:before { left: -1040px; width: 2000px;}
.content-banner .banner.grid_18:first-child:before { width: 4000px;}
.content-banner.footer-banner .banner {
padding: 10px 0;
font-size: 25px;
font-weight: 900;
letter-spacing: 0;
vertical-align: middle;
letter-spacing: 0;
line-height: 1;
}
.footer-banner .banner img {margin: -5px 6px 0;}
/* blcok tw */
ul.block-tw-list {margin-bottom: 20px;}
ul.block-tw-list li + li {margin-top: 19px;padding-top: 17px;border-top: 1px solid #e5e5e5;}
.main ul.block-tw-list p { margin: 0 0 6px 0;}
ul.block-tw-list span {color: #7a7a7a; color: rgba(0,0,0,.62);}
/* blcok fb */
.iframe-fb {
width: auto;
display: block;
margin-bottom: 20px;
color: #fff;
background: #1d1d1d;
padding: 5px;
height: 260px;
}
/* Footer ================================================================================ */
.footer-container { background:#000;}
.footer-container .bottom-container { text-align:center;}
.footer { border:none; padding:41px 0 30px; color:#fff;}
.footer p { text-align:left;}
.footer ul {}
.footer ul li { display:block;}
.footer .info {float:left; width: 61.7529%; margin-right: 1.9922%; padding-top: 19px;}
.footer .info-content h1,
.footer .info-content h2,
.footer .info-content h3,
.footer .info-content h4,
.footer .info-content h5,
.footer .info-content h6 {
padding:0px 0px 20px 2px;
color:#fff; font-weight:700; text-transform:uppercase; text-align:left; word-break: break-word;
}
.footer .info-content h1 { font-size:36px;}
.footer .info-content h2 { font-size:32px;}
.footer .info-content h3 { font-size:28px;}
.footer .info-content h4 { font-size:24px; line-height:22px;}
.footer .info-content h5 { font-size:20px;}
.footer .info-content h6 { font-size:18px;}
.footer .info-content ul li { margin:0 0 4px; text-align: left;}
.footer .info-content a {display:inline-block; line-height:14px; padding:2px 4px; color:#a8a8a8; text-decoration:none;}
.footer .info-content a:hover {background-color:linear-gradient(to right,#2058a9,#3081f5); color:#fff;}
.footer .info-content p {margin-bottom: 18px;}
.footer .newsletter-container {float:right; width:36.2549%;}
.footer .newsletter {background:#1d1d1d; padding:13px 22px 22px;}
.footer .newsletter .title {color:#fff; font-size:24px; font-weight:700; text-transform:uppercase;}
.footer .newsletter p {color:#a8a8a8; margin:13px 0 10px;}
.footer .newsletter .input-box { overflow: hidden}
.footer .newsletter input { width:100%; height: 30px; line-height: 1.1; border: 0;}
.footer .newsletter button {float:right;}
.footer .newsletter button.button > span {padding: 0 13px;}
.footer .netland_footer_connect {padding:21px 23px 5px;}
.footer .netland_footer_connect .title {margin:0 0 15px; color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; }
.footer .one_fifth { width: 18.4%; margin-right: 2%;}
.footer .one_fifth.last { margin-right: 0;}
.footer .info-content .one_fifth h4,
.footer .info-content .one_sixth h4 { font-size: 20px;}
.block-tw-list a {
display: inline-block;
padding: 1px 4px; margin: -1px -3px;
text-decoration: none;
}
.footer .facebook-block { margin:54px 0 0; padding:30px 0 0; border-top:1px solid #fff; border-top-color:rgba(255,255,255,0.15);}
.footer .facebook-block .fb-like { float:left; width: inherit !important;}
.netland_footer_customer_service {overflow:hidden; padding:0 0 0 45px; text-align:right; color:#fff; line-height:24px; font-size:16px; }
.netland_footer_customer_service span {margin: 0 0 0 15px}
.copyright-container { padding:27px 0 31px; background:#141414;}
.copyright-container, .copyright-container a { color:#666666; font-size:11px;}
.copyright-container a {text-decoration: none; display: inline-block;padding: 0px 4px; margin: 0 -3px;}
.copyright-container a:hover { text-decoration:none; color: #fff;}
.copyright-container .cc-icons {float:left}
.copyright-container address {
display: table-cell; height: 23px; min-height: 23px; vertical-align: middle;
padding: 0 26px 0 46px;
text-align: left;
line-height: 1.3;
}
a.social-icon {
display: inline-block !important;
width: 36px;
height: 34px;
margin: 10px 1px 0 0 !important;
padding: 0 !important;
text-align: center;
background: linear-gradient(to right,#2058a9,#3081f5);
color: #fff;
font-size: 30px;
}
/* ======================================================================================= */
/* Misc ================================================================================ */
.item-options {margin-top:10px;}
.item-options dt{float:left; clear:left; font-style: normal; font-weight:300; }
.item-options dt:after{content:' - '; }
.item-options dd { float:left; margin:0 0 3px 3px; padding:0; font-weight: 400; font-style: normal; }
.table-container {display:table; width:100%; }
.table-cell {display: table-cell; }
.v-align-cell {vertical-align: middle; }
.table-cell-100-percent {width:100%; }
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
.no-shadow{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}
.ir br { display: none; }
.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;}
.clear { clear:both; height:0; line-height: 0; font-size: 0;}
/* ======================================================================================= */
/* ======================================================================================= */
/* CUSTOM STYLES
========================================================================================= */
/* Typography */
.main p {margin: 2px 0 10px;}
.postTitle p { text-align: justify;}
.ul {margin-bottom: 20px;}
.ul li { padding-bottom: 2px;}
dd {margin: 0px 0px 0px;}
/* BreadCrumbs */
.breadcrumbs { padding:1px 0 0 1px; margin:0; border:0;}
.breadcrumbs li, .breadcrumbs a { color: #737373;text-decoration: none;}
.breadcrumbs span {padding-right: 4px;}
.breadcrumbs a:hover, .breadcrumbs strong { font-weight: normal; color: #000;}
.breadcrumbs + .std {padding-top: 12px;}
.grid_13 .breadcrumbs + .page-title,
.grid_18 .breadcrumbs + .page-title,
.grid_10 .breadcrumbs + .page-title {padding-top: 4px; margin-top: 0;}
.grid_13 .page-title { padding-top: 0; /* margin-top: -12px; */}
.grid_18 .breadcrumbs { margin-top: -9px;}
.messages + .breadcrumbs {margin-top: 0;}
@media (min-width: 768px) and (max-width: 1200px){
#breadcrumbs {padding-left: 20px;}
}
@media (max-width: 768px){
#breadcrumbs {padding-left: 20px;}
}
/* Page title styles */
.page-title, .page-head-alt {
padding: 0 0 21px; margin: 0; margin-left: -2px;
border: 0;
word-break: break-word;
}
.grid_18 .page-title {margin-top: -10px;}
.page-title h1 {
font-weight: 800; font-size: 48px;
}
.page-title h1 a:hover { color: #000;}
.opc .step h3 { font-size: 16px; margin-left: -1px; margin-bottom: 15px;}
.opc .step h4 { font-size: 12px;}
.page-title h1, .opc .step h3, .opc .step-title .number, .opc .step-title h2, .block .block-title, .block-currently-shopping p.block-subtitle, .block-compare h3, #product_filtr .block-title {
text-transform: uppercase;
}
.page-title h1, .product-category-title h3 { line-height: .83; padding: 8px 0 30px;}
.product-list-link {margin-top:10px; margin-bottom:10px; padding: 7px 8px 7px; background: #000; color: #fff; float: left; margin-left: 5px;}
a.product-list-link:hover { background: #fa5400; color: #fff;}
.rss-title h1 {
padding-left: 30px;
background-position: 0 19px;
}
.rss-table a.link-rss { padding-left: 18px; color: #000;}
.rss-table a.link-rss:hover { background-color: transparent; color: #fff;}
/* Shoping cart */
.block button.button { float: left;}
.btn-proceed-checkout { font-size: 16px;}
.cart .cart-collaterals { padding-top: 20px;}
@media only screen and (min-width: 768px) {
.cart .cart-collaterals .grid_6 { width: 33.3333%; margin: 0; padding: 0 10px; box-sizing: border-box;}
}
/* @ */
.cart .checkout-types { float: none; margin: 9px 0 0;}
/* @ for checkout page - paypal */
.cart .title-buttons .checkout-types li { float: none; display: inline-block; vertical-align: middle;}
.checkout-types li p.paypal-logo a:hover {background-color: transparent !important;}
.checkout-types li p.paypal-logo { margin: 0;}
.checkout-types li p.paypal-logo span.paypal-or { margin: 0 8px 0 2px; line-height: inherit; font-weight: bold; text-transform: lowercase;}
.block_totals .checkout-types li p.paypal-logo {margin-bottom: 12px; padding: 0 20px;}
.title-buttons button.button span {
height: 35px;
padding: 0 16px 0 14px;
font-size: 15px; line-height: 35px;
}
.title-buttons button.button span span { padding: 0 26px 0 0; background:url(next-icon.png) no-repeat right 50%;}
.title-buttons button.button:hover span span {background:url(next-icon-roll.png) no-repeat right 50%;}
/* inverted */
.title-buttons button.button.icon-white span span { background:url(next-icon-roll.png) no-repeat right 50%;}
.title-buttons button.button.icon-white:hover span span { background:url(next-icon.png) no-repeat right 50%;}
/* Shoping cart footer blocks */
.top-line {padding-top: 30px; border-top: 1px solid #e5e5e5;}
.block_shipping .shipping > h2, .block_coupon .discount > h2, .block_totals #shopping-cart-totals-table tfoot strong {
font-weight: 800; font-size: 19px; line-height: .8;
text-transform: uppercase;
}
.block_shipping .shipping > h2, .block_coupon .discount > h2 { padding: 19px 0 7px;}
.block_totals #shopping-cart-totals-table tfoot strong .price {font-size: 18px;letter-spacing: normal;}
.block_coupon .discount-form > label {display: block;padding: 2px 0 18px;}
.block_coupon .input-box {padding-bottom: 12px;}
.grid_6 .block .block_coupon input.input-text { width: 241px;}
.block .form-list label {font-weight: normal;}
.block input.input-text { width: 100%; border-color: #dfdfdf;}
.block .buttons-set button {float: none;}
.block .shipping-form .form-list {margin-bottom: 13px;}
.block .shipping-form p {margin-bottom: 14px;}
.block.block_totals {text-align: right; padding-left: 0;padding-right: 0;}
.block_totals_indent {padding: 0 20px;}
.block_totals button.button {
float: none;
}
.block_totals button.button span {
display: block;
height: 35px;
padding: 0 16px 0 14px;
font-size: 15px; line-height: 35px;
}
.block_totals button.button span span { padding: 0 26px 0 0; background:url(next-icon.png) no-repeat right 50%;}
.block_totals button.btn-button:hover > span { color: #000;}
/* .no-touch */.block_totals button.button:hover span span { background:url(next-icon-roll.png) no-repeat right 50%;}
/* inverted */
.block_totals button.button.icon-white span span { background:url(next-icon-roll.png) no-repeat right 50%;}
/* .no-touch */.block_totals button.button.icon-white:hover span span { background:url(next-icon.png) no-repeat right 50%;}
.block_totals button.btn-button:hover > span:after { background:#fff;}
.block_totals button.button span { float: right; padding: 0 15px 0 15px;}
.block_totals button.button span span { padding-right: 27px;}
.block_totals .checkout-types { width: 100%; float: none; display: block;}
.block_totals .checkout-types li {
display: block; padding: 0;
}
/* @ Add new wrapper for checkout button */
.block_totals .checkout-types li div.proceed-checkout-wrap {
width: 100%;
/* background: #000; */
padding: 10px 26px 0px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: right;
line-height: .7;
}
/* @ */
.block_totals .checkout-types li:last-child a {
/* margin: 14px 22px 0 0; */
padding: 1px 4px 1px;
display: inline-block;
text-decoration: none;
font-weight: 800;
}
.block_totals #shopping-cart-totals-table {
display: inline-block;
margin: 23px 6px 11px 0;
}
.block_totals #shopping-cart-totals-table tbody td {padding-bottom: 22px;}
.block_totals #shopping-cart-totals-table td+td {padding-left: 20px;}
/* Checkout changes
.opc, .opc li.section, .opc .step {border: 0;}
.opc li.section { margin-bottom: 5px;}
.opc .step { padding: 20px 10px 16px 13px;}*/
/* Step title & active style */
.opc .step-title { padding: 0; text-align: left;}
.opc .step-title h2 { padding-left: 20px; height: 55px; vertical-align: middle;display: table-cell; float: none;}
.opc .step-title, .opc .step-title .number {height: 55px; }
.opc .step-title .number, .opc .step-title h2, .block .block-title strong, .block-currently-shopping p.block-subtitle, .block-compare h3, #product_filtr .block-title { font-weight: 800; font-size: 20px;}
.opc .step-title .number, .opc .step-title h2 { line-height: .8;}
.block .block-title { line-height: 0;}
.block .block-title strong, .block .block-title h3,.block-currently-shopping p.block-subtitle {line-height: .9;}
.opc .step-title .number { margin-right: 0; width: 53px; line-height: 55px; text-align: center;}
.opc .step-title .number { background-color: #f0f0f0;}
.opc .step-title { background-color: #f8f8f8;}
.opc .allow.active .step-title .number, .opc .allow.active:hover .step-title .number { color: #000;}
/* Step elements */
dl.sp-methods {margin-bottom: 20px;}
dl.sp-methods dt {line-height: 30px;}
#checkout-payment-method-load dl.sp-methods dt {line-height: 18px;}
p.back-link {margin: 0;}
p.back-link a {
float: left;
height: 30px;
background: linear-gradient(to right,#2058a9,#3081f5); none;
padding: 0 13px;
font-weight: 800; font-size: 14px; line-height: 30px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
color: #000;
text-decoration: none;
}
p.back-link a:hover { background:#000; color:#fff; }
/* form element */
.form-list { margin: 0 0 20px; padding-top: 0;}
.form-list li { margin: 0 0 12px;}
.form-list li.control { margin: 0 0 2px;}
.form-list li.control input.radio { vertical-align: middle;}
.form-list label {padding-bottom: 2px;}
.form-list .input-box {width: 100%;}
.form-list input.input-text { border: 1px solid #e5e5e5; width: 100%;}
.form-list select {
padding: 6px 7px 5px;
width: 100%;
border: 1px solid #e5e5e5;
line-height: 18px;
}
.form-list .field {width: 49%;}
/*.form-list .field:first-child { margin-right: 2%;}*/
.form-list .field:nth-child(odd) { margin-right: 2%; clear: both;}
.sp-methods .form-list { padding-left: 20px; padding-top: 10px;}
.checkout-onepage-success .content-container .col-main p a {
padding: 0 4px;line-height: 18px;display: inline-block; text-decoration: none;
}
/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; }
.newsletter .validation-advice {display: none;}
.validation-failed { border:3px solid #f00 !important }
p.required, .validation-advice {color: #c40000;font-weight: 300;font-size: 11px;text-align: left;}
#billing-buttons-container p.required {display: inline-block;vertical-align: middle;margin: 7px 0 0;}
#payment-buttons-container p.required {margin: 0 0 20px;}
.buttons-set {padding: 0; margin: 0; border: 0;}
.buttons-set .f-left {
display: inline-block;
margin-top: 6px; padding: 0 4px; line-height: 18px;
color: #000; text-decoration: none;
}
.buttons-set a {color: #fff;}
.col-1 .buttons-set button.button { float: left;}
input.radio {vertical-align: middle;margin-right: 3px;}
.cvv-what-is-this {
display: inline-block;
padding: 0 4px; margin: 4px 0 0 10px;
line-height: 18px;
text-decoration: none;
}
#checkout-review-submit p a {
display: inline-block;
padding: 0 4px;
line-height: 18px;
text-decoration: none;
}
/* Global Messages */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }
.main ul.messages, .main ul.messages ul { list-style:none; margin:0; padding:0;}
.main ul.messages {
position: relative;
width:100%; min-height: 82px;
margin:8px 0;
background-color: #f0f0f0;
word-break: break-word;
}
.main ul.messages li {margin: 0;}
.main ul.messages > li {
padding:25px 25px 25px 76px;
font-size: 15px;
line-height: 1.1;
font-weight: 800;
color: #000;
text-transform: uppercase;
}
.main ul.messages > li:before {
content: '';
display: block;
position: absolute; left: 22px; top: 25px;
width: 31px; height: 31px;
background-color: #353535;
background-repeat: no-repeat;
}
ul.messages li.error-msg:before { background-image:url(../images/i_msg-error.png); background-color: #ff3808;}
ul.messages li.success-msg:before { background-image:url(../images/i_msg-success.png); background-color: #aacd3e;}
ul.messages li.note-msg:before { background-image:url(../images/i_msg-note.png); background-color: #fa5400;}
ul.messages li.notice-msg:before { background-image:url(../images/i_msg-notice.png); background-color: #ffcb13;}
.main ul.messages ul {
display: table-cell;
vertical-align: middle;
height: 31px;
}
ul.messages a {
padding: 3px 6px 4px;
margin: 0 -4px;
color: #fff;
}
/* Tbale style*/
.data-table a {color: #1d9fc4;}
.data-table th {border: 0;}
.data-table thead, .data-table tbody.even, .data-table tr.even {background: none;}
.data-table thead th {
padding: 18px 19px 19px 19px;
border: 0; border-left: 3px solid #FFF;
background-color: #f4f4f4;
}
.data-table thead th:first-child {border-left: 0;}
.data-table td {border: 0; padding: 13px 19px}
.data-table tfoot td {padding-top: 0;padding-bottom: 3px;}
.data-table .btn-continue {float: left;
background: linear-gradient(to right,#2058a9,#3081f5);
color: #fff;
font-size: 15px;
text-align: center;
border: 0px;
cursor: pointer;
margin: 1px 0px 10px 0px;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
font-weight: 700;}
.data-table .btn-continue span, .data-table .btn-update span, .data-table .btn-empty span {font-weight: 700;}
.data-table .product-name, .data-table .cart-price {
margin: 0;
font-weight: 800; font-size: 15px; line-height: 1.1;
text-transform: uppercase;
}
.data-table .product-name a { color: #000;text-decoration: none;}
.data-table .product-name a:hover {color: #000}
.item-options {text-transform: uppercase;}
.data-table .description {padding: 10px 0;}
.data-table textarea {width: 100%;}
.buttons-set2 {padding-bottom: 10px;}
.buttons-set2 button {margin-left: 3px;}
.data-table .cart-cell {text-align: center;}
.data-table .cart-cell .add-to-cart-alt {padding: 10px 0;}
.data-table .cart-cell .add-to-cart-alt {padding: 10px 0;}
.data-table .cart-cell input.input-text {margin-bottom: 10px;}
.cart-table tbody td:first-child { padding: 13px 0;text-align: center;}
.cart-table tfoot td { border-top: 1px solid #e5e5e5; padding: 19px 0 0; line-height: .9;}
.cart-table tfoot td div {float: right;}
.data-table a.product-image {width: 135px; text-align: center; display: block; padding: 0; margin: 0 10px;}
.data-table a.product-image img { max-width: 100%; height: auto;}
.compare-table th, .compare-table thead {border-bottom: 3px solid #FFF; }
.compare-table th {
padding: 18px 19px 19px 19px;
background-color: #f4f4f4;
}
.compare-table td { border: 3px solid #FFF; background-color:#fafafa;}
.link-wishlist {font-weight: normal;}
.data-table a.link-wishlist { color: #000;}
.btn-remove, .btn-remove:hover { width: 21px; height: 21px;}
.btn-remove {
background-image:url(btn_remove_sprite.png);
background-repeat: no-repeat;
}
.btn-remove { background-position: 0 100%;}
.btn-remove:hover { background-position: 0 0;}
/* inverted */
.btn-remove.icon-white { background-position: 0 0;}
.btn-remove.icon-white:hover {background-position: 0 100%;}
.data-table .btn-remove { padding: 0; margin: 0; }
.data-table .btn-edit { width: 21px; height: 21px; padding: 0; margin: 0;
background-image:url(icon_edit.png);
background-repeat: no-repeat;
}
.data-table .btn-edit { background-position: 0 100%;}
.data-table .btn-edit:hover { background-position: 0 0;}
/* inverted */
.data-table .btn-edit.icon-white { background-position: 0 0;}
.data-table .btn-edit.icon-white:hover { background-position: 0 100%;}
#checkout-review-table-wrapper {padding-bottom: 19px;}
#checkout-review-submit {border-top: 1px solid #e5e5e5; padding-top: 19px;}
/* Layouts */
.main { padding-bottom: 20px;}
.col1-layout {padding-top: 30px;}
.col2-layout, .col3-layout { /* padding-top: 21px; */}
.col2-set .col-2 {width: 48%;}
/* Block styles */
.block {border: 0; padding: 0 20px 20px;margin-bottom: 15px; border-top: 6px solid linear-gradient(to right,#2058a9,#3081f5); background-color: #f8f8f8;}
.block .block-title, .block-currently-shopping p.block-subtitle { padding: 20px 0 17px; border: 0; line-height:normal; word-break: break-word;}
.block-currently-shopping p.block-subtitle {line-height: .9;}
.block .block-content {padding: 0;}
.block li.even {background: none}
/* Block list hovers */
.block-layered-nav li, .block-viewed li, .block-account li, .block .block-content li.item,
.block-blog-categories li {
padding: 4px 0 3px; margin-bottom: 1px;
}
.block-layered-nav li a, .block-account li a, .block-compared li a,
.block-blog-categories li a {
display:inline-block; padding: 5px 8px 4px; margin: -5px 0 -3px -8px; text-decoration: none;
}
.block .actions {padding-top: 10px;text-align: left;vertical-align: top;}
.block .actions a {
padding: 0 13px;
height: 30px;
background: linear-gradient(to right,#2058a9,#3081f5);
font-weight: 800; font-size: 14px; line-height: 30px;
text-transform: uppercase;
text-decoration: none;
}
.block .actions a.btn-clear {
float: none; display: inline-block;
padding: 0 0 0 17px;
background:url(btn_clear.png) no-repeat 0 49%;
font: 12px/30px Arial, Helvetica, sans-serif;
text-transform: none;
text-decoration: none;
}
.block .actions a.btn-clear:hover {color: #000; background-color: transparent; text-decoration: underline;}
button.button + a {margin-left: 5px;}
button.button + a.btn-clear {margin-left: 33px;}
.block-poll button.button > span, .block-compare button.button > span {padding: 0 13px;}
.col3-layout .block-reorder button.button span {padding: 0 8px;}
.col3-layout .block-reorder button.button span span {padding: 0;}
.col3-layout .block-compare button.button span {padding: 0 8px; font-size: 13px;}
.col3-layout .block-compare button.button span span {padding: 0;}
.col3-layout .block-reorder .actions a {padding: 0 6px;}
.col3-layout .block-reorder button.button span, .col3-layout .block-reorder .actions a {font-size: 11px;}
.col3-layout .block-poll .votes { width: 38%;}
.col3-layout .block-poll .answer { float: left; width: 53%;}
/* Block login
.block-login .form-list {margin: 0 0 20px;}
.block-login .form-list li {margin-bottom: 12px;}
.block-login {width: 270px; margin: 150px auto; padding: 5px 20px 25px; text-align: center;}
.block-login .slides > li {width: 270px;}
.block-login .block-title { padding: 19px 0 28px;}
.block-login .block-title strong {font-size: 30px; font-weight: 800;}
.block-login input.input-text {margin: 2px 0 0;}
.block-login label {color: #322c29; float: none;}
.block-login .form-list .field {width:100% }
.block-login .buttons-set .back-link { float:none; display:inline-block;}
.block-login a {color: #322c29; text-decoration: none;}
.block-login button.button + a {margin:0}
.block-login button.button {float: none; display: block; margin: 0px auto 14px;}
.block-login button.button span {line-height: 35px; height: 35px; font-size: 15px;}
.block-login button.button > span {padding: 0 8px;min-width: 86px;}
.block-login .new-users {background: #000; padding: 16px 0 5px; margin: 21px -20px -34px;}
.account-create .block-login {width:565px}
.account-create .block-login .registration-info { float:left; width:270px; margin:0 15px 0 0;}
.account-create .block-login .login-info {margin:0;}
.customer-account-create .col1-layout, .customer-account-forgotpassword .col1-layout,
.customer-account-resetpassword .col1-layout, .customer-account-login .col1-layout,
.customer-account-create .col1-layout, .customer-account-forgotpassword .col1-layout,
.customer-account-resetpassword .col1-layout, .customer-account-login .col1-layout, .checkout-multishipping-login .col1-layout {padding-top: 0;}
.customer-account-create .main, .customer-account-forgotpassword .main,
.customer-account-resetpassword .main, .customer-account-login .main,
.customer-account-create .main, .customer-account-forgotpassword .main,
.customer-account-resetpassword .main, .customer-account-login .main, .checkout-multishipping-login .main {padding-bottom: 0;}
.block-login .form-list .field:first-child { margin-bottom: 11px;}
.block-login h2 {font-weight: 800;margin-bottom: 11px;text-transform: uppercase;}
*/
/* Block login - remember-me-popup */
.block {
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
padding: 0 20px 20px;
margin-bottom: 15px;
background-color: #f8f8f8;
border-top: 6px solid transparent;
-moz-border-image: -moz-linear-gradient(to right,#2058a9,#3081f5);
-webkit-border-image: -webkit-linear-gradient(to right,#2058a9,#3081f5);
border-image: linear-gradient(to right,#2058a9,#3081f5);
border-image-slice: 100%;
border-image-slice: 1;
}
.remember-me-popup {
border: solid linear-gradient(to right,#2058a9,#3081f5);
border-width: 6px 0px 0px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
padding: 16px 20px 18px;
left: 15px; right: 15px;
width: auto; max-width: 400px;
margin: -85px auto 0;
}
.remember-me-popup h3 {
background: transparent;
border: 0;
padding: 0 0 11px;
text-transform: uppercase;
font-size: 14px;
color: #000;
font-weight: 700;
}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
right: 0; top: 0px;
width: 14px; height: 14px;
background-image: url('btn_remove_small_sprite.png'); background-position: 0 100%;
background-color: #000;
}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover {
background-position: 0 0;
background-color: linear-gradient(to right,#2058a9,#3081f5);
}
/* inverted (default) */
.remember-me-popup .remember-me-popup-head .remember-me-popup-close.icon-white {background-position: 0 0;}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close.icon-white:hover {background-position: 0 100%;}
.remember-me-popup .remember-me-popup-body {
padding: 0;
}
.remember-me-popup .remember-me-popup-close-button {display: none;}
/* Block wishlist
.block-wishlist p {margin: 0 17px 0px 0;}
.block-wishlist p.product-name a {
text-decoration: none;
display: inline-block;
}
.block-wishlist p.product-name a:hover { background-color: transparent; color: rgba(0,0,0,.6);}
.block-wishlist .link-cart {
display: inline-block;
padding: 2px 6px; margin-top: 7px;
background-color: #000;
color: #fff;
text-decoration: none;
}
.block-wishlist .block-content li.item { padding: 11px 0 4px;}
.block-wishlist .link-cart:hover { background-color: linear-gradient(to right,#2058a9,#3081f5); color: #000;}
.block-wishlist .mini-products-list .product-image { width: 55px; background: none;}
.block-wishlist .mini-products-list .product-details { margin-left: 65px; position: relative;}
.block-wishlist .price-box { color: inherit; display: block; padding: 2px 0 0 0px;}
.block-wishlist .price-box .price { font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.block-wishlist .btn-remove {
position: absolute; right: 0; top: 0;
width: 14px; height: 14px;
background-image: url('btn_remove_small_sprite.png'); background-position: 0 100%;
}
.block-wishlist .btn-remove:hover {background-position: 0 0;} */
/* inverted (default) */
.block-wishlist .btn-remove.icon-white {background-position: 0 0;}
.block-wishlist .btn-remove.icon-white:hover {background-position: 0 100%;}
/* Block subscribe */
.block-subscribe .block-title {padding-bottom: 20px;}
.block-subscribe .form-subscribe-header {padding-bottom: 8px;}
/* Block viewed */
.block-viewed .block-content li.item { padding: 0 0 22px;}
.block-viewed .block-content li.item.last { padding: 0;}
.block-viewed .product-image {float: left;}
.block-viewed .product-image, .block-viewed .product-image:hover {background: transparent;}
.block-viewed p.product-name {font-weight: bold; text-transform: uppercase; margin: 0 0 0 60px;}
.block-viewed li a { margin: 0;padding: 0;text-decoration: none;}
.block-viewed li a:hover { background-color: transparent; color: rgba(0,0,0,.6);}
/* Block reorder */
.block-reorder .product-name {margin: 0px 0 3px 20px;}
.block-reorder .product-name a {text-decoration: none; display: inline-block; padding: 4px 8px 3px; margin: -3px 0 0 -4px;}
.block-reorder button.button span, .block-reorder .actions a {font-size: 12px;}
.block-reorder button.button span {padding: 0 13px;background: none; height: 30px; line-height: 30px;}
.block-reorder button.button span span {padding: 0;}
/* Block currently shopping */
.block-currently-shopping .block-subtitle {margin: 0;padding: 15px 0 18px;}
.block-currently-shopping li { position: relative; padding: 3px 0 11px 33px; clear: both;}
.block-currently-shopping .btn-remove { position: absolute; left: 0; top: 0; float: left; margin: 0;}
/* Block compare */
.block-compare li { padding: 3px 0 11px; clear: both;}
.block-compare p.product-name { margin: 0; padding-left: 26px;}
.block-compare a {text-decoration: none; }
.block-compare p.product-name a { display: inline-block; padding: 4px 8px 3px;margin: -4px 0 0 0;}
.block-compare .btn-remove { float: left; margin: -3px 0px 0 0;}
.block-compare p.empty {margin: 0;}
/* Block tags */
.block-tags .block-title {padding-bottom: 3px;}
.block-tags .block-content {margin:15px 0 0 -6px;}
.tags-list li a { display: inline-block; padding: 2px 6px; text-decoration: none;}
/* Block poll */
.block-poll .block-subtitle {
position: relative;
margin: 0 -20px 10px; padding: 11px 40px 12px 71px;
background: #000;
vertical-align: middle;
color: #fff;
font-size: 12px; font-weight: normal;
line-height: 18px;
}
.block-poll .block-subtitle:before {
content: 'Q:';
position:absolute; left: 0; top: 50%;
margin-top: -17px;
width: 68px;
font-weight: 700; font-size: 20px; line-height: 30px;
text-align: center;
}
.block-poll ul {padding-top: 3px;}
.block-poll li { padding: 4px 1px;}
.block-poll .label { margin-left: 23px;}
.block-progress .block-title { border-bottom: 1px solid #d5d5d5; padding: 16px 0 17px;}
/* Block compare */
.block-compare {padding-right: 15px;}
.block-compared p.product-name {margin: 0;}
/* Block progress */
.block-progress dt a {
background: linear-gradient(to right,#2058a9,#3081f5);
padding: 4px 6px;
line-height: normal;
text-align: center;
text-transform: uppercase;
display: inline-block;
color: #000;
text-decoration: none;
}
.block-progress dt a:hover {background-color: #000;color: #fff;}
.block-progress dd {margin-bottom: 10px;}
/* Checkout page right column */
body.checkout-onepage-index .col-right { margin-top: 74px;}
body.checkout-onepage-index .grid_13 .page-title {padding-top: 11px;}
body.checkout-onepage-index .block .block-content {padding: 17px 0 0 3px;}
/* block-progress */
.block-progress dt {line-height: 30px;}
/* send friend */
.send-friend .form-list li .field {padding-bottom: 5px;}
.send-friend .form-list li.additional-row {border-color: #eaeaea;}
.send-friend .form-list li.additional-row .field {clear: both;}
.send-friend #add_recipient_button button.button {margin-right: 10px;}
.send-friend .form-list p {margin-bottom: 0;}
.send-friend p.limit { display: inline-block; margin: 6px 0 0 10px;}
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Sorter */
.sorter { border:0; padding:12px 12px 2px; margin:0 0 8px; background: #f8f8f8; color: #acacac;}
.sorter .current {color: #fff;}
.sorter .sort-by { float:left; margin-right: 10px; margin-bottom: 10px;}
.sorter .sort-by-wrap { float: left; margin-right: 1px; padding: 0;}
.sorter .sort-by label {padding-right: 3px;}
.sorter a.sort-by-arrow { overflow: hidden;}
.sorter a.sort-by-arrow img { margin-top: -29px; border: 0; -webkit-box-shadow: none; -webkit-border-radius:0;}
.sorter a.sort-by-arrow:hover img { margin-top: 0;}
/* iverted */
.sorter a.sort-by-arrow.icon-white img { margin-top: 0; }
.sorter a.sort-by-arrow.icon-white:hover img { margin-top: -29px;}
.sorter .sort-by-wrap, .sorter .view-mode, .sorter .limiter {
height: 29px;
background-color: #000;
line-height: 29px;
}
.sorter .view-mode {margin: 0 10px 10px 0;}
.sorter a.sort-by-arrow, .view-mode .grid, .view-mode .list {
float:left;
width: 29px; height: 29px;
background-color: #000;
text-align: center;
line-height: 29px;
}
.view-mode label { float:left; padding: 0 9px 0 10px;}
.view-mode .grid { width: 31px; background-image: url(../images/i_grid_mode.png); background-repeat: no-repeat;}
.view-mode .list { width: 31px; background-image: url(../images/i_list_mode.png); background-repeat: no-repeat;}
.view-mode .grid, .view-mode .list {color: transparent; font-size: 0; line-height: 0; text-indent: 100%;}
.view-mode .grid, .view-mode .list { background-position: 0 -29px; background-color: linear-gradient(to right,#2058a9,#3081f5);}
.view-mode a.grid:hover, .view-mode a.list:hover, .view-mode strong.grid, .view-mode strong.list { background-position: 0 0;}
/* inverted */
.view-mode.icon-white .grid, .view-mode.icon-white .list { background-position: 0 0;}
.view-mode.icon-white a.grid:hover, .view-mode.icon-white a.list:hover, .view-mode.icon-white strong.grid, .view-mode.icon-white strong.list { background-position: 0 -29px;}
.sorter .limiter { float: left; margin-bottom: 10px;}
/* Pager
.pager { border:0; padding:12px; margin:0 0 0; text-align:left; background: #f8f8f8;}
.pager .amount {margin: 0; padding: 0 0 0 6px; line-height: 29px}
.pager .pages { float: right; margin:0; line-height: .7;}
.pager .pages ol { display: inline-block;}
.pager .pages li {display: inline-block;margin-left: 2px;}
.pager .pages li, .pager .pages li a { color: #5b5a5a;}
.pager .pages li a { text-decoration: none;}
.pager .pages li, .pager .pages li a {
float: left; overflow: hidden;
width: 29px; height: 29px;
text-align: center;
line-height: 29px;
}
.pager .pages li a img { margin-top: -29px;}
.pager .pages li a:hover, .pager .pages li.current { background: linear-gradient(to right,#2058a9,#3081f5); color: #5b5a5a;}
.pager .pages li a:hover img { margin-top: 0;}
.pager .pages li a.previous , .pager .pages li a.next { line-height: normal;}
.pager .pages li a.icon-white img { margin-top: 0;}
.pager .pages li a.icon-white:hover img { margin-top: -29px;}
.pager .current { color: #fff;}
.pager .limiter {
margin: 0 0 0 20px;
height: 29px;
background-color: #000;
line-height: 29px;
color: #acacac;
}
.pager .over { color:#5c5523; }
.pager .over .current { color:#000; }
*/
/* Pager Slim
.pager.slim_pager{padding: 0;}
*/
/* Toolbar */
.toolbar {margin-bottom: 21px;}
.products-grid + .toolbar-bottom > .toolbar {margin-bottom: 0;}
.toolbar-switch .toolbar-dropdown { display:none; }
.toolbar-switch select { display:none; }
.toolbar-switch .toolbar-title {position:relative; z-index:4; padding:0 40px 0 10px; background-image: url('../images/selectbox_arrow.png'); background-repeat: no-repeat;}
.toolbar-switch .toolbar-title { background-position: right -27px;}
.over .toolbar-title { background-position: right 0;}
/* filtry */
#product_filtr {
background: linear-gradient(to right,#2058a9,#3081f5);
color: #ffffff;
font-size: 12px;
border: solid 1px #d6d6d6;
border-right-color: rgb(214, 214, 214);
border-right-style: solid;
border-right-width: 1px;
border-left-color: rgb(214, 214, 214);
border-left-style: solid;
border-left-width: 1px;
border-left: none;
border-right: none;
margin-bottom: 10px;
}
/* inverted */
.toolbar-switch.icon-white .toolbar-title { background-position: right 0;}
.over.icon-white .toolbar-title { background-position: right -27px;}
.toolbar-dropdown { border-top: 1px solid #f8f8f8; background:#202020; padding:6px 9px 8px; display:none; position:absolute; z-index:5; /*box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);*/}
.toolbar-dropdown ul li a {
display:inline-block;
margin:0; padding:3px 29px;
background: url("../images/arrow_item.gif") 13px 10px no-repeat;
color: #fff;
text-decoration:none;
line-height:20px;
}
.toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a { background-color: linear-gradient(to right,#2058a9,#3081f5); color: #fff;}
.sorter .over { color:#5c5523; }
.sorter .over .current { color:#000; }
/* Class: std - styles for admin-controlled content */
.std { color: #494847;}
.std a { display: inline-block; padding: 1px 4px 1px; color: #000; text-decoration: none;}
.std a:hover { background-color: #000; color: #fff; text-decoration: none;}
.std ul {padding-left: 18px;}
.std ul, .std ol, .std dl, .std p, .std address, .std blockquote {margin: 0 0 18px;}
.std li {margin-bottom: 2px; line-height: 18px;}
.std li p {margin: 0;}
.std li p img {margin-top: 10px;}
.std ul.no-bullets { list-style: none; padding-left: 0 }
.std ul.ox_list_inline,
.std ul.buttons {list-style: none;padding: 0;margin: 0;}
.std ul.ox_list_inline li,
.std ul.buttons li {display: inline-block;margin: 0 8px 0 0;}
.std dl dt { margin-bottom: 8px; color: #000; text-transform: uppercase;}
.std dl dd { margin: 0 0 18px; padding: 0;}
.std h1, .std .h1 { font-size: 28px;}
.std h2, .std .h2 { font-size: 20px;}
.std h3, .std .h3 { font-size: 18px;}
.std h4, .std .h4 { font-size: 16px;}
.std h5, .std .h5 { font-size: 14px;}
.std h6, .std .h6 { font-size: 12px;}
.std h1, .std h2, .std h3, .std h4, .std h5, .std h6,
.std .h1, .std .h2, .std .h3, .std .h4, .std .h5, .std .h6 {
color: #000;
font-weight: 800;
text-transform: uppercase;
word-break: break-word;
}
.std h1, .std h2, .std h3, .std h4, .std h5, .std h6 {
margin: 0 0 10px -1px;
}
/* for table */
.std .data-table thead th { color: #000;}
.std .data-table tbody th {
padding: 13px 19px;
color: #000;
font-size: 13px;
text-transform: uppercase;
}
/* Category Page ========================================================================= */
.category-title { padding-bottom: 25px;}
.category-products .product-name, .category-products .price-box {
font-weight: 600; font-size: 15px; line-height: 1.1;
text-transform: uppercase;
}
.main .category-image {margin:0 0 20px;}
.main .category-image img {max-width: 100%; height: auto;}
.product-image { position: relative;}
.new-label, .sale-label {
position: absolute; z-index: 2; background: #fa5400; padding:0 7px; color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.delivery-label {
position: absolute; z-index: 2; background: linear-gradient(to right,#2058a9,#3081f5); padding:0 5px; color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 24px;
}
.stock-label {
position: absolute; z-index: 2; background: linear-gradient(to left,#2058a9,#3081f5); padding:0 5px; color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 24px;
}
.new-label { background: #f64126;}
.product-view .product-img-box .new-label, .product-view .product-img-box .sale-label {
padding: 4px 14px 6px;
font-size: 15px;
font-weight: 800;
z-index:5;
}
.product-view .product-img-box .delivery-label, .product-view .product-img-box .stock-label {
padding: 4px 14px 6px;
font-size: 10px;
font-weight: 800;
z-index:5;
}
.label-top-right { top: 0; right: 0;}
.label-top-left { top: 10px; left: 0;}
.label-bottom-left { bottom: 0; left: 0;}
.label-bottom-right { bottom: 0; right: 0;}
.category-description { margin-bottom: 20px;}
/* View Type: Grid */
.products-grid li.item {
position: relative;
float: none; display: inline-block;
margin-bottom: 21px; margin-right: -3px;
width: 217px;
vertical-align: top;
}
.products-grid li.item .item-wrap {padding:9px 9px 6px;}
.products-grid .product-image { width:auto; /*height:auto; */ margin:0 auto 9px; text-align: center;}
.products-grid .product-image, .products-grid:hover .product-image {background: transparent;}
.products-grid:hover .product-image {background: #fff;}
.products-grid .product-image img { max-width:100%; height:auto; max-height: 215px;}
.products-grid .product-image img.additional_img {position: absolute; z-index: 1; top:0; left:0; right:0; margin: 0 auto; display: none; }
.products-grid .product-image img.swatch_img {position: absolute; z-index: 2; top:0; left:0; right:0; margin: 0 auto; }
.products-grid .product-hover { display: inline-block;}
.products-grid .product-name { margin:0; padding:0; display: inline-block; position: relative; z-index: 1; background: #fff;}
.products-grid .product-name:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: -1;}
.products-grid .product-name a {text-decoration: none; display: inline-block; padding: 3px 6px 4px 5px;}
.products-grid h2.product-name { word-break: break-word;}
.products-grid .price-box { margin: 0 0 0; padding: 0px 6px 4px 5px; top: 0px; vertical-align: top; display: inline-block; position: relative; z-index: 1;}
.products-grid .price-box:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: -1;}
.products-grid .minimal-price-link { text-decoration: none; background-color: transparent;}
.products-grid .minimal-price-link .label, .products-grid .minimal-price-link .price {display: inline-block;}
.products-grid .price-box span.price-label, .products-grid .price-box .minimal-price-link .label { text-transform: none; font-size: 14px;}
.products-grid .actions {
position: absolute; z-index: 1; left: 0; right: 0; top:96px; bottom: inherit;
margin: 0 auto;
/*width: 129px;
height: 43px;*/
color: #fff;
vertical-align: top;
vertical-align: top;
margin-left: 9px;
margin-right: 9px;
margin-top: 9px;
}
.product-columns-4 ul.products-grid .actions, .product-columns-3 ul.products-grid .actions {/*top: 73px;*/ top: 0px !important;}
.product-columns-5 ul.products-grid .actions {/*top: 57px;*/ top: 0px !important;}
.products-grid .actions li button.button, .products-grid .actions li button.button span,
.products-grid .actions .add-to-links .link-wishlist,
.products-grid .actions .add-to-links .link-compare {
display: inline-block;
margin: 0;
width: 43px; height: 43px;
color:transparent; font-size: 0; line-height: 0; text-indent: 100%;
vertical-align: top;
}
.products-grid .actions li button.button {margin-right: -3px;}
.products-grid .actions li button.button span {
display: block; padding: 0; margin: 0;
white-space: normal; background: none;
}
.actions .add-to-links {margin: 0;}
/* .products-grid .actions {display: none} */
.products-grid .actions .add-to-links {float: left;vertical-align: top;}
.products-grid .actions .add-to-links li { float: left; width: 43px; background: #141414; margin:10px 0 0; opacity: 0; visibility: hidden }
.products-grid .actions .add-to-link .separator {display: none;}
.products-grid .actions li button.button { background-image: url('../images/i_btn_cart.png'); background-repeat: no-repeat;}
.products-grid .actions li button.button span:before, .products-grid .actions li button.button span:after {background:transparent none;}
.product-view .products-grid .actions li button.button span:before, .product-view .products-grid .actions li button.button span:after {background:transparent none;}
.products-grid .actions .add-to-links .link-wishlist { background-image: url('../images/i_btn_wishlist.png'); background-repeat: no-repeat;}
.products-grid .actions .add-to-links .link-compare { background-image: url('../images/i_btn_compare.png'); background-repeat: no-repeat;}
.products-grid .actions li button.button,
.products-grid .actions .add-to-links .link-wishlist,
.products-grid .actions .add-to-links .link-compare { background-position: 7px -28px;}
/* hover */
.products-grid .actions li button.button:hover,
.products-grid .actions .add-to-links .link-wishlist:hover,
.products-grid .actions .add-to-links .link-compare:hover { background-position: 7px 8px;}
/* inverted */
.products-grid .actions li button.button.icon-white,
.products-grid .actions .add-to-links .link-wishlist.icon-white,
.products-grid .actions .add-to-links .link-compare.icon-white { background-position: 7px 8px;}
/* inverted hover */
.products-grid .actions li button.button.icon-white:hover,
.products-grid .actions .add-to-links .link-wishlist.icon-white:hover,
.products-grid .actions .add-to-links .link-compare.icon-white:hover { background-position: 7px -28px;}
.products-grid .actions .out-of-stock {
display: inline-block;
font-size: 10px;
height: 25px;
line-height: 13px;
padding: 9px 0;
text-align: center;
vertical-align: middle;
}
.products-grid .ratings {
position: absolute; z-index: 1; left: 9px; top:0;
margin: 0; padding: 7px 7px 8px;
background: #000;
opacity: 0;
}
.products-grid .ratings .rating-box { margin-right:0;}
.products-grid .ratings .amount {display: none;}
.products-grid .btn-cart-container {margin: 5px 0 3px; }
.products-grid button.btn-cart span {height: 40px; line-height: 40px; padding: 0 16px 0 7px; }
.products-grid button.btn-cart span span { padding:0 0 0 34px; font-size: 12px; background: url('../images/i_btn_cart.png') 0 -31px no-repeat; overflow: hidden}
.no-touch .products-grid button.btn-cart:hover span span { background-position:0 5px}
/* inverted */
.products-grid button.btn-cart.icon-white span span { background-position:0 5px;}
.no-touch .products-grid button.btn-cart.icon-white:hover span span { background-position: 0 -31px;}
.product-columns-2 .products-grid li.item { width: 50%;}
.product-columns-3 .products-grid li.item { width: 33.3333%;}
.product-columns-4 .products-grid li.item { width: 25%;}
.product-columns-5 .products-grid li.item { width: 20%;}
.product-columns-6 .products-grid li.item { width: 16.6666%;}
.product-columns-7 .products-grid li.item { width: 14.2857%;}
/* View Type Grid hovers */
.products-grid li.item.hover {background-color: #f0f0f0; -webkit-user-select: none; -webkit-touch-callout: none}
.products-grid li.item.hover .product-name.animate-me:after,
.products-grid li.item.hover .price-box.animate-me:after { width: 100%; background: #000;}
.products-grid li.item.hover .product-hover .animate-me a { color: #fff; background: transparent}
.products-grid li.item.hover .product-hover .animate-me p { color: #fff;}
.products-grid li.item.hover .product-hover .animate-me .price { color: linear-gradient(to right,#2058a9,#3081f5);}
.products-grid li.item.hover .actions {display:block}
.products-grid li.item.hover .actions .add-to-links li.animate-me { margin:0; opacity: 1; visibility: visible}
.products-grid li.item.hover .ratings {opacity: 1; top: 9px}
.products-grid li.item a:hover {text-decoration:none; }
/* View Type: List */
.products-list li.item { position: relative; padding:31px 0; margin: 0; border-bottom-color: #f0f0f0;}
.products-list li.item .product-image {margin-bottom: 0; max-width: 40%;}
.products-list li.item:first-child {padding-top: 0;}
.products-list .product-image {width:auto; height:auto; text-align: center;}
.products-list .product-image, .products-list:hover .product-image {background: transparent;}
.products-list .product-image img { max-width:100%; height:auto;}
.products-list .product-image img.additional_img {position: absolute; z-index: 1; top:0; left:0; display: none;}
.products-list .product-shop { margin: 0; padding: 0 0 0 26px; overflow: hidden }
.products-list .product-name { margin: 0 0 5px; padding: 0px 0 0 3px;}
.products-list .product-name a { text-decoration: none; padding: 2px 7px 3px 6px; margin-left: -6px; display: inline-block;}
.products-list .product-name a:hover { background: #000; color: #fff;}
.products-list .product-shop .price-box { /*display: inline-block;*/display: block; float: none; margin: 0 0 10px; padding: 0 0 8px 3px;}
.products-list .product-shop .price-box .price-from span, .products-list .product-shop .price-box .price-to span {display: inline-block;}
.products-list .product-shop .price-box .price-to {margin-bottom: -8px;}
.products-list .minimal-price-link {text-decoration: none; margin-top: 4px; padding: 4px 4px 3px;margin-left: -4px;}
.products-list .minimal-price-link span {display: inline-block;}
.products-list .ratings {clear: both; margin: 2px 0 12px 4px; font-size: 11px; line-height: 1; vertical-align: top;}
.products-list .ratings .rating-box { float: none; display: inline-block; margin-top: -2px; margin-right: 3px; background-color: #000; padding: 7px 7px 8px;}
.products-list .rating-box {background-position: 7px 7px;vertical-align: middle;}
.products-list .ratings .rating-links { display: inline-block;}
.products-list .ratings .rating-links a { text-decoration: none; line-height: 1.5;}
.products-list .desc { padding: 2px 0 0 3px; margin: 0 0 10px;}
.products-list .desc a.link-learn { font-size: 12px; margin-top: 11px;}
.products-list .product-shop .add-to-links { margin-top: 12px;}
.products-list .product-shop .add-to-links a {height: auto;}
.products-list .link-wishlist, .products-list .link-compare {
position: relative;
display: inline-block;
padding-left: 45px;
width: 65px;
font-size: 14px; line-height: .9;
text-transform: uppercase; text-decoration: none;
vertical-align: middle;
margin-bottom: 8px;
}
.products-list .link-wishlist .link_i, .products-list .link-compare .link_i {
position: absolute; left: 0; top: -4px;
display: inline-block;
width: 34px; height: 34px;
}
.products-list .link-wishlist .link_i { background: url('../images/i_btn_wishlist.png') no-repeat 2px -34px;}
.products-list .link-compare .link_i { background: url('../images/i_btn_compare.png') no-repeat 2px -34px;}
.products-list .link-wishlist:hover .link_i, .products-list .link-compare:hover .link_i { background-color: #000; background-position: 2px 2px;}
.products-list .add-to-links button.button { margin: 2px 0px 8px 29px; vertical-align: middle;}
.products-list .add-to-links button.button span {
padding-left: 5px; padding-right: 13px;
height: 34px;
line-height: 34px;
}
.products-list .add-to-links button.button span span {
padding-left: 34px; padding-right: 0;
background: url('../images/i_btn_cart.png') no-repeat 0 -34px;
}
.products-list .add-to-links button.button:hover span span { background-position: 0 2px;}
.products-list .add-to-links button.button.icon-white span span {background-position: 0 2px;}
.products-list .add-to-links button.button.icon-white:hover span span {background-position: 0 -34px;}
.products-list .add-to-links .separator { display: none;}
.products-list .ratings .rating-links .separator { color: #c5c4c4;}
.col3-layout .products-list .add-to-links li.first { display: block; float: none; margin: 0 0 10px}
/* View Type Grid hovers */
.products-list a.link-wishlist:hover,.products-list a.link-compare:hover {color: #000;}
.catalog-product-compare-index {background-color: transparent;}
.catalog-product-compare-index .data-table a.product-image {float: left;margin-right: 10px;}
.catalog-product-compare-index .ratings {height: 10px;}
.catalog-product-compare-index button.btn-cart {margin: 5px 0;}
.catalog-product-compare-index button.btn-cart span { padding: 0 12px 0 5px; height: 34px; line-height: 34px;}
.catalog-product-compare-index button.btn-cart span span { padding:0 0 0 31px; background-position: 0 -34px;}
.catalog-product-compare-index button.btn-cart:hover span span { background-position:0 3px;}
/* inverted */
.catalog-product-compare-index button.btn-cart.icon-white span span { background-position:0 3px;}
.catalog-product-compare-index button.btn-cart.icon-white:hover span span { background-position: 0 -34px;}
/* ======================================================================================= */
.checkout-cart-index .main .cart-empty {padding-bottom: 6px;}
.checkout-cart-index .main .cart-empty p {margin-bottom: 0;}
/* Product View ========================================================================== */
.product-view .product-category-title h3, .product-name h1 { font-weight: 800; text-transform: uppercase;}
.product-view .product-category-title {margin:0px 0 31px; padding: 20px 0 22px; border-bottom: 1px solid #d5d5d5; border-bottom-color: rgba(213,213,213,0.61)}
.product-view .product-category-title h3 { font-size:48px; margin-left: -2px;}
/* when breadcrumbs on, add "~" & clear top indent for title */
.breadcrumbs ~ .product-view .product-category-title { padding-top: 0;}
/* .col1-layout */ .main-container .product-view .product-shop {
position: relative; z-index: 0; float: none; width: auto; overflow: hidden; margin: 0;
/* for test position p.no-rating
left: -5px;*/
padding-left: 5px;
}
/* for test position p.no-rating */
.main p.no-rating {margin: 13px 0 0 -4px;}
.product-name h1 {font-size: 36px;}
.product-view .product-name h1 {line-height: 1;}
.product-view .product-name h1 a:hover {color: #000; background: none;}
.product-view .sku {margin:3px 0 0;}
.product-view .availability {margin:0; line-height: 10px }
.product-view .availability span {font-weight: 300; line-height: 1.5;}
.product-view .short-description {margin: 14px 0 0;line-height: 1.5;}
.product-view .short-description .std ul {padding-left: 8px;}
.product-view .short-description .std ul br {display: none;}
.product-view .add-to-box { margin: 26px 0 0; }
.product-shop .add-to-links { margin: 21px 0 0 -25px;}
.product-shop .add-to-links a {
position: relative;
display: inline-block;
padding: 0 0px 0 44px; margin-left: 25px;
width: 65px;
height: 34px;
font-weight: 600; font-size: 14px; line-height: .9;
text-transform: uppercase; text-decoration: none;
vertical-align: middle;
}
.product-shop .add-to-links a.link-email-friend {padding-right: 0;}
.product-shop .add-to-links a .link_i { position: absolute; left: 0; top: -4px; display: inline-block; width: 34px; height: 34px;}
.product-shop .link-wishlist .link_i { background-image: url('../images/i_btn_wishlist.png'); background-repeat: no-repeat;}
.product-shop .link-compare .link_i { background-image: url('../images/i_btn_compare.png'); background-repeat: no-repeat;}
.product-shop .link-email-friend .link_i { background-image: url('../images/i_btn_email.png'); background-repeat: no-repeat;}
.product-shop .add-to-links a .link_i { background-position: 2px -33px;}
.product-shop .add-to-links a:hover { color: #000;}
.product-shop .add-to-links a:hover .link_i { background-color: #000; background-position: 2px 3px;}
.product-shop .add-to-links a.icon-white .link_i {background-color: #000; background-position: 2px 3px;}
.product-shop .add-to-links a.icon-white:hover .link_i { background-position: 2px -33px;}
/* Product view with 1 column */
/* div.grid_13 .product-view .product-shop .add-to-links a {padding-right: 22px;} */
/* Product view with 2 column */
.col3-layout .product-view .product-img-box {margin-bottom: 20px;}
.product-shop .social { margin: 13px 0 0; padding: 24px 0 0; border-top: 1px solid #eaeaea;}
.product-shop .social .f-left, .product-shop .social span { margin:0 8px 0 0;}
.product-options {padding: 0; margin: 20px 0 0; width: 100%; border: 0; background-color: transparent; }
.product-options p.required {margin: 0}
.product-options-bottom { margin: 0px 15px 0; padding: 0; border: 0; clear: both;}
.product-options dl {clear: both;}
.product-options dl dt { float: left; width: 15%;}
.product-options dl dt label { font-weight: 800; font-size: 14px; text-transform: uppercase;}
.product-options dl dt label em{ font-style: normal; padding-right: 5px}
.product-options dl dd { float: left; width: 85%; margin: 0 0 16px;}
.product-options dl .qty-holder label {padding-right: 8px;}
.product-options dl .price-notice { position: absolute; right: 0; top: 0; float: right;}
.product-options dl .input-box {margin-bottom: 10px; position: relative;}
.product-options dl dd.last .input-box {margin-bottom: 0}
.product-options dl .price-notice .price {float: right;padding-left: 5px;}
.product-options dl ul.options-list li {margin-bottom: 10px; position: relative;}
.product-options dl ul.options-list .label {
margin-right: 18%;
font-weight: 600;
font-size: 14px;
line-height: 1.1;
text-transform: uppercase;
}
.product-options p.required {clear: both;}
.product-shop .product-options {width: inherit;}
.product-shop .product-options dl dt {float: none;width: inherit;padding-bottom: 6px; position: relative;}
.product-shop .product-options dl dd {float: none;width: inherit;}
.product-shop .product-options dl dt, .product-shop .product-options dl dd {border-top: 0; margin-top: 0; padding-top: 0;}
.short-description ul {margin-bottom: 0;}
/* Product Images */
.product-view .product-img-box { position: relative; margin: 0 26px 0 0; z-index:5;}
.product-view .product-img-box .product-image { border: none; margin: 0; overflow: visible }
.product-view .product-img-box .product-image a { background: none;}
.content-container .product-view .more-views .carousel-slider a, .galery-slider li a { position: relative; display: block; background: transparent;}
.content-container .product-view .more-views .carousel-slider a img { display: block; max-width: 100%; height:auto; margin:auto; position: relative; z-index: 1; padding-top: 20px; padding-bottom: 20px; height: 68px;}
.content-container .product-view .more-views .carousel-slider a span, .galery-slider li a span { display: block; position: absolute; z-index: 2; width: 100%; height: 100%; border : 9px solid transparent;box-sizing: border-box;}
.content-container .product-view .more-views .carousel-slider a:hover span, .galery-slider li a:hover span { border-color: #ddd; border-color: rgba(0,0,0,0.09);}
.galery-slider li a img { display: block; max-width: 100%; height:auto; margin:auto; position: relative; z-index: 1; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }
.galery-slider li a { /* margin-top: 20px; margin-bottom: 20px; */ min-height: 280px;}
.galery-slider li a:hover { background: #fff;}
.galery-slider li {float: left; }
.product-view .product-img-box .product-image-zoom {overflow: hidden}
.product-view .product-img-box .zoom { position:absolute; z-index:10; right:11px; height:30px; margin:-41px 0 0; padding: 0; background:none }
.product-view .product-img-box .zoom .btn-zoom-out,
.product-view .product-img-box .zoom .btn-zoom-in { position:relative; display:inline-block; width: 30px; height: 30px; background: #000 url('zoom_icons.png') 100% 0 no-repeat }
.product-view .product-img-box .zoom .btn-zoom-out {margin:0 2px 0 0; background-position:0 0 }
.product-view .product-img-box .zoom .btn-zoom-out:hover,
.product-view .product-img-box .zoom .btn-zoom-in:hover {background-color:linear-gradient(to right,#2058a9,#3081f5); background-position:100% 100%}
.product-view .product-img-box .zoom .btn-zoom-out:hover {background-position:0 100%}
.product-view .product-img-box .zoom-notice,
.product-view .product-img-box .zoom #track {display: none}
.product-view .product-img-box .zoom #handle {background: none}
.product-view .product-img-box .more-views { position: relative; margin: 11px 0 0 }
.product-view .product-img-box .more-views ul {margin:0 }
.product-view .product-img-box .more-views li {padding: 0; margin: 0; background:transparent none; }
.product-view .product-img-box .more-views ul.slides li {float:none; display: block; padding: 0 5px; }
.product-view .product-img-box .more-views-nav a {position: absolute; z-index: 3; top:50%; display:block; width: 26px; height: 26px; margin:-13px 0 0; padding: 0; line-height:26px; background:#000 url('slider_arrows.png') 2px 0 no-repeat; overflow:hidden; text-indent: 99em; }
.product-view .product-img-box .more-views-nav a.prev{left:-5px; }
.product-view .product-img-box .more-views-nav a.next{ right:-5px; background-position: -17px 100%; }
.product-view .product-img-box .more-views-nav a:hover{background-color:#fff; background-position: -18px 0 }
.product-view .product-img-box .more-views-nav a.next:hover{background-position: 3px 100%; }
.product-view .product-img-box .more-views-nav a.disabled { background-color:#999 }
.product-view .product-img-box .more-views-nav a.disabled:hover { background-color:#999; background-position: 2px 0 }
.product-view .product-img-box .more-views-nav a.next.disabled:hover { background-position:-17px 100% }
.product-view .dedicated-review-box .title-container button.button {margin-top: 6px;}
.product-view .product-slider-container {margin: 63px 0 0;}
.product-view .dedicated-review-box {margin: 65px 0 0;}
.product-view .availability.in-stock {padding: 10px 0;}
.product-view .f-left .availability.in-stock {padding: 1px 0 0;}
/* Product reviews */
.product-view .ratings { font-size: 12px; line-height: 23px; margin:10px 0 0; }
.product-view .ratings .rating-box { padding: 7px 7px 8px; margin: 0 7px 0 0; background-color: #000; background-position: 7px 7px;}
.product-view .ratings a { text-decoration: none; line-height: 1.35;}
.product-view .ratings .rating-links .separator { margin: 0 3px; color: #c5c4c4; }
.dedicated-review-box {margin: 50px 0 0;}
.dedicated-review-box .title-container { margin: 0; }
.dedicated-review-box .title-container h3{ float: left; padding: 0; font-size: 35px;}
.dedicated-review-box .title-container button.button { margin: 4px 0 0 10px; float: left;}
.dedicated-review-box .title-container button.button span { height: 29px; font-weight: 800; font-size: 15px; line-height: 28px; padding: 0 8px;}
.dedicated-review-box .title-container button.button span span {padding: 0;}
.dedicated-review-box .average-rating {margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #eaeaea}
.dedicated-review-box .average-rating strong { font-weight: 700; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #000;}
.product-view .dedicated-review-box .average-rating strong {letter-spacing: -0.055em;}
.dedicated-review-box .average-rating .rating-large,
.dedicated-review-box .average-rating .rating-large .rating { height: 21px; margin: 0; padding: 0; background-image: url('../images/bkg_rating_large.png') }
.dedicated-review-box .average-rating .rating-large { width: 130px; margin: 7px 0 10px; }
.dedicated-review-box .average-rating .ratings-table { margin:-2px 0 0 49px; }
.dedicated-review-box .average-rating .ratings-table th { padding: 0; font-weight: 300; }
.dedicated-review-box .average-rating .ratings-table th span { display: block; margin: 0 0 3px; padding: 0 19px 0 8px; background: #f8f8f8; line-height: 22px; height: 23px; font-size: 12px;}
.dedicated-review-box .average-rating .ratings-table td { padding: 0 }
.dedicated-review-box .average-rating .ratings-table .rating-box { margin: 0 3px 3px 0; padding: 7px 8px 8px 7px;}
.dedicated-review-box ol.reviews-list {margin: 20px 0 0; border-top: 1px solid #eaeaea;}
.dedicated-review-box ol.reviews-list li {padding: 30px 0 0; }
.dedicated-review-box ol.reviews-list li .review-title { margin: 0; padding: 0; font-weight: 700; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #000; }
.dedicated-review-box ol.reviews-list li .rating-box { display: inline-block; vertical-align: bottom; padding: 7px 8px 8px 7px; margin: 0 11px 0 0; background-color: #000; background-position: 7px 7px; }
.dedicated-review-box ol.reviews-list li .review-info {margin: 10px 0 0; line-height: 19px;}
.dedicated-review-box ol.reviews-list li .review-info .separator {display: inline-block; width: 1px; height: 11px; margin:0 10px 0 11px; line-height: 11px; background: #c0c0c0; vertical-align: middle }
.dedicated-review-box ol.reviews-list li p {margin:12px 0 0; font-size: 14px; line-height: 1.6; }
.add-review {margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #eaeaea}
.add-review .form-add { width: 498px;}
.add-review h2,
.add-review h4 { display: inline-block; margin: 0; padding: 0; font-weight: 700; font-size: 24px; line-height:24px; text-transform: uppercase; color: #000; }
.add-review h4 {margin: 4px 0 0; font-size: 18px; line-height: 18px;}
.add-review h4 em {color: #ff0000;}
.add-review .data-table {
margin: 23px 0 0;
border: solid #000; border-width: 12px 12px 10px 22px;
background: #000;
display: block;
width: auto;
}
.add-review .data-table th, .add-review .data-table td { padding: 6px 0; line-height: 16px; color: #fff; }
.add-review .data-table th { font-weight: 300; padding-right: 14px; }
.add-review .data-table td.selected-value { padding-left: 9px; font-weight: 700; vertical-align: middle;}
.add-review .data-table td input { display: none; }
.add-review .rating-radio { display: block; margin: 0 3px 0 0; width: 38px; height:18px; background: #4d4d4d; cursor: pointer; }
.add-review .rating-radio.active { background-color:linear-gradient(to right,#2058a9,#3081f5); }
.add-review .form-list { margin:10px 0 0; padding: 22px 20px 0px 23px; background: #f4f4f4; }
.add-review .form-list li { margin:0;padding-bottom: 18px; }
.add-review .form-list label { width:80px; height: 30px; line-height: 28px; font-weight: 300; color: #626261; color: rgba(0,0,0,0.67); word-break:break-word;}
.add-review .form-list label.summary { line-height: 1.2; height: auto; }
.add-review .form-list textarea { width: 100%; }
.add-review .form-list div.input-box { clear: none; width: inherit; overflow: hidden;}
.add-review .form-list div.button-review-indent {padding: 2px 0 0 80px;}
.add-review .form-list em { display: none; }
.add-review button.button span { height: 29px; font-weight: 800; font-size: 15px; line-height: 28px; padding: 0 8px;}
.add-review button.button span span {padding: 0;}
.add-review .form-list input.input-text, .form-list textarea {border-color: #dbdbdb;}
.add-review .form-list textarea {height: 145px;}
/* Product Tabs */
.product-tabs-container h2.tab-heading {display:none}
.product-tabs { margin:50px 0 0; border:0; }
.product-tabs li { float:left; height:38px; line-height:37px; position:relative; background: #000;}
.product-tabs a {
display:block; height:38px; padding:0px 13px;
font-size:15px; font-weight: 800; text-transform: uppercase; text-decoration:none;}
.product-tabs li.active a,
.product-tabs a:hover { text-decoration:none;}
.product-tabs-content { position:relative; z-index:2; border:none; background:#f8f8f8; padding:17px 24px 19px 16px; margin:0;}
.product-tabs-content h2 { display:none; font-size:12px; font-weight:bold;}
.product-tabs-content h3, .product-tabs-content h4 {font-weight:800;}
.product-tabs-content h4 {margin:0 0 10px;}
.product-tabs-content .data-table td {padding-left:12px}
.product-tabs-content ul.disc li { width:auto; float:none; }
.product-tabs-accordion {display:none; margin:25px 0 30px; border:0; }
.product-tabs-container h2.tab-heading { height:38px; line-height:38px; margin:0; position:relative; background: #000;}
.product-tabs-container h2.tab-heading:hover { background-color:linear-gradient(to right,#2058a9,#3081f5); }
.product-tabs-container h2.tab-heading a { display:block; height:38px; padding:0px 13px; background: #000; color:#fff; font-size:16px; font-weight: 800; text-transform: uppercase; text-decoration:none; }
.product-tabs-container h2.tab-heading a:hover,
.product-tabs-container h2.active a,
.product-tabs-container h2.active a:hover { background-color:linear-gradient(to right,#2058a9,#3081f5); color:#fff; text-decoration:none;}
.accordion-content {display:none; margin:0;}
.product-view .box-tags h3 {display: none;}
.product-view .box-tags p.note {margin-bottom: 0;}
.product-view .box-tags .form-add {margin:16px 0 0; padding: 16px 0 0; border-top:1px solid #e5e5e5; border-top-color:rgba(213, 213, 213, 0.53); }
.product-view .box-tags .form-add label { display: block; float:none; margin: 0 0 6px; font-size:15px; font-weight: 800; text-transform: uppercase; letter-spacing: -0.05em}
.product-view .box-tags .form-add .input-box { margin:0 0 4px; width: 245px; }
.product-view .box-tags .form-add input.input-text {width: 100%;}
.product-view .box-tags button.button span { padding: 0 9px; font-size: 15px; font-weight: 900; line-height: 28px; letter-spacing: -0.05em;}
.product-view .box-tags button.button span span {padding: 0;}
.product-tags li { float: left; margin: 0 3px 3px 0;}
.product-tags li span.count{ display: none; }
.product-tags li a {display: inline-block; padding: 2px 6px; line-height: 19px; text-decoration: none; color: #fff;background: #000;}
.product-tags li a:hover {color: #000;background: linear-gradient(to right,#2058a9,#3081f5);}
#product-attribute-specs-table th {padding: 13px 19px; vertical-align: top; background-color: #e6e6e6;}
#product-attribute-specs-table tr + tr th {border-top: 1px solid #fff;}
/* Qty buttons */
.qty-container {float: left; background: #f4f4f4; padding: 13px 13px 12px 14px; min-width: 139px;}
.qty-container .qty {width: 56px !important; text-align: right; float: right }
.qty-container label {float: right; line-height: 28px; padding: 0 17px 0 0; margin: 0; }
.product-view .qty-container label {color: #626261;}
.qty-container .qty-math {display: block; width:14px; height: 14px; margin: 0 0 2px 4px; padding: 0; background-image: url('qty_math.png'); background-repeat: no-repeat; }
.qty-container .qty-dec { margin-bottom: 0 }
.qty-container .qty-math { background-position: 0 100%;}
.qty-container .qty-math:hover { background-position: 0 0;}
.qty-container .qty-dec { background-position: 100% 100%;}
.qty-container .qty-dec:hover { background-position: 100% 0;}
/* inverted */
.qty-container .qty-math.icon-white { background-position: 0 0;}
.qty-container .qty-math.icon-white:hover { background-position: 0 100%;}
.qty-container .qty-dec.icon-white { background-position: 100% 0;}
.qty-container .qty-dec.icon-white:hover { background-position: 100% 100%;}
.add-to-cart .qty-container {margin-right: 5px;}
.add-to-cart button.button {margin-left: 0;}
.td-qty .qty-container{ float: none; background: transparent; padding: 0; width: 90px; min-width: inherit;}
/* Prevnext links */
.prev-next {float:right; margin:22px 0 0;}
.prev-next a {display:block; float:left; width: 26px; height: 26px; padding: 0; line-height:26px; background-image: url('slider_arrows.png'); background-repeat: no-repeat; overflow:hidden; text-indent: 99em; }
.prev-next a + a {margin-left: 2px;}
.prev-next a { background-color:#fff; background-position: -18px 0;}
.prev-next a.product-prev { background-position: 3px 100%;}
/* hover */
.no-touch .prev-next a:hover { background-color:#000; background-position: 2px 0;}
.no-touch .prev-next a.product-prev:hover { background-position: -17px 100%;}
/* inverted */
.prev-next a.icon-white { background-color:#000; background-position: 2px 0;}
.prev-next a.product-prev.icon-white { background-position: -17px 100%;}
/* inverted hover */
.no-touch .prev-next a.icon-white:hover { background-color:#fff; background-position: -18px 0;}
.no-touch .prev-next a.product-prev.icon-white:hover { background-position: 3px 100%;}
/* Rating */
.rating-box, .rating-box .rating { height:8px; background:url(../images/bkg_rating.png) no-repeat;}
.rating-box { width:49px;}
.rating-box .rating { background-position: 0 100%;}
.main p.no-rating a {text-decoration: none;display: inline-block;padding: 1px 4px;}
/********** < Product Prices */
.price-box, .new-product .price-box .old-price .price, .sale-product .price-box .old-price .price { color: #717171; line-height: 14px;}
.price-box .old-price, .price-box .special-price { display: inline-block;}
.price-box .price { font-weight: 600;}
.price-box p { margin: 0;}
.new-product .price-box .price { color: #f64126;}
.sale-product .price-box .price { color: #fa5400;}
.product-view .product-shop .price-box .price,
.product-options-bottom .price-box .price { font-size: 36px; line-height: 100%; font-weight: 400;}
.product-options-bottom .price-box .old-price .price,
.product-shop .price-box .old-price .price { font-size: 24px;}
.products-list .product-shop .price-box .old-price { margin-top: 0;}
.products-list .product-shop .price-box .old-price .price { font-size: 15px;}
.product-options-bottom .price-box-wrap,
.product-shop .price-box-wrap { margin:0 0 -3px; padding:16px 0 0;}
.product-shop .price-box { margin:0 25px 15px 0;}
.product-options-bottom .price-box .old-price, .product-options-bottom .price-box .special-price,
.product-shop .price-box .old-price, .product-shop .price-box .special-price { display: block; float: left;padding-right: 5px;}
.product-options-bottom .price-box .old-price,
.product-shop .price-box .old-price { margin:8px 0 0;}
.product-options-bottom .price-label,
.product-shop .price-label { display: block;}
.product-options-bottom .price-box .old-price .price,
.product-shop .price-box .old-price .price { color:#bbb;}
.product-options-bottom .price-box { margin: 0 0 25px;}
.price-box-bundle {display: inline-block;}
.price-box-bundle .price-box p {margin-bottom: 9px;display: inline-block;}
.price-box-bundle .price-box p.price-from {margin-right: 25px;}
.price-box {display: inline-block;}
.product-shop table.grouped-items-table .price-box {margin: 0;}
ul.tier-prices.product-pricing {margin-top: 14px;}
.add-to-links li, .products-list .add-to-links li {display: inline-block;}
.products-list .add-to-links li {vertical-align: middle;}
/* Regular price */
.regular-price { display: inline-block;}
/* ======================================================================================= */
/* Product review page ===================================================================
.review-product-list .dedicated-review-box ol.reviews-list {margin:0; border: none;}
.review-product-list .pager {margin: 20px 0 0; }
.review-product-list .product-shop .buttons-set {margin: 20px 0 0; }
.review-product-list .product-shop .ratings-table {display: none }*/
/* ======================================================================================= */
/* My Account ============================================================================ */
.box-head, .box-title { padding-bottom: 18px;}
/* ======================================================================================= */
/* text container for banners*/
.text-container { position: absolute; z-index: 1; margin: 17px 14px; display: none; }
.text-container br { clear:both; height:0; line-height: 0; font-size: 0;}
.text-container .text { position: relative; z-index: 1; display: inline-block; overflow: hidden; line-height:28px; padding:4px 8px 6px; margin: -8px 0 0; color:#fff; font-size:31px; font-weight:800; text-transform:uppercase; white-space: nowrap; -webkit-transform: translateZ(0);}
.text-container .text:first-child { margin-top: 0 }
.text-container .link { display: inline-block; overflow: hidden; padding: 3px 7px; margin:0 3px 0 6px; font-style: normal; white-space: nowrap; -webkit-transform: translateZ(0); }
.text-container .animation-wrapper {position: relative; z-index: 3; overflow: hidden; margin: -8px 0 0;}
.text-container .animation-wrapper:first-child { margin-top: 0 }
.text-container .animation-link { margin-top: 0 }
.text-container .text:before, .text-container .text:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: -1;}
.text-container .text:before { width: 100% }
.text-container .animate-me .text:after { width: 100%;}
/* product slider */
.jcarousel-clip {overflow:hidden;}
.product-slider-container {border-top: 1px solid #d5d5d5; margin: 50px 0 0; -webkit-transform: translateZ(0);}
.product-slider-container a {padding: 0;}
.product-slider-container a.minimal-price-link { display: block;}
.product-slider-container ul {list-style:none; margin: 0; padding: 0;}
.title-container { text-align: center; line-height: 36px; margin: -19px 0 15px;}
.title-container h3 {
display: inline-block;
background: #fff;
margin: 0;
padding:0 24px;
font-weight: 800; font-size: 36px; line-height: 36px;
text-transform: uppercase;
vertical-align:middle;
color: #000;
}
.title-container .slider-nav { display:inline-block; padding:0 24px 0 0; margin-top: -1px; background: #fff; vertical-align:middle;}
.title-container .slider-nav li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
.title-container .slider-nav a { display:block; width: 20px; height: 26px; margin: 0; padding: 0; line-height:26px; background-image: url('slider_arrows.png'); background-repeat: no-repeat; overflow:hidden; text-indent: 99em; }
.title-container .slider-nav a { background-color:#fff; background-position:100% 0;}
.title-container .slider-nav a.next { background-position: 0 100%;}
.title-container .slider-nav a.disabled { background-color:#999;}
/* hover */
.no-touch .title-container .slider-nav a:hover { background-color: #000; background-position: 0 0;}
.no-touch .title-container .slider-nav a.next:hover { background-position: 100% 100%;}
.no-touch .title-container .slider-nav a.disabled:hover { background-color:#999; background-position:100% 0;}
.no-touch .title-container .slider-nav a.next.disabled:hover { background-position: 0 100%;}
/* inverted */
.title-container .slider-nav a.icon-white { background-position: 0 0;}
.title-container .slider-nav a.next.icon-white { background-position: 100% 100%;}
/* inverted hover */
.no-touch .title-container .slider-nav a.icon-white:hover { background-position:100% 0;}
.no-touch .title-container .slider-nav a.next.icon-white:hover { background-position: 0 100%;}
.no-touch .title-container .slider-nav a.disabled.icon-white:hover { background-position: 0 0;}
.no-touch .title-container .slider-nav a.next.disabled.icon-white:hover { background-position: 100% 100%;}
.product-slider-container-big {margin: 67px 0 0;}
.product-slider-container-big .title-container{ line-height: 60px; margin: -32px 0 32px;}
.product-slider-container-big .title-container h3 { font-size: 58px; line-height: 48px; padding:0 20px 0 34px;}
.product-slider-container-big .title-container .slider-nav { padding:0 34px 0 0 }
.product-view .title-container {text-align: left; margin-top: -21px }
.product-view .title-container h3 { padding-left: 0; font-size: 35px; line-height: 39px;}
.slider-container {overflow: hidden;}
.slider-container .map-info{display: none}
.slider-container li.item { }
/* brands slider */
.brands-slider-container {border-top: 1px solid #d5d5d5; margin: 0 0 0;}
.brands-slider-container .row {overflow: hidden}
.brands-slider-container .title-container { position: relative; z-index: 3; line-height: 21px; margin: -11px 0 -12px; }
.brands-slider-container .title-container .slider-nav {padding:0; }
.brands-slider-container .title-container .slider-nav li {background: transparent; }
.brands-slider-container .title-container .slider-nav a{width: 22px; height: 21px; line-height:21px; background-color:transparent; background-image: url('brands_slider_arrows.png'); }
.brands-slider-container .title-container .slider-nav a { background-color:#fff; background-position: 0 0;}
.brands-slider-container .title-container .slider-nav a.next { background-position: 100% 100%;}
/* hover */
.no-touch .brands-slider-container .title-container .slider-nav a:hover { background-position:100% 0;}
.no-touch .brands-slider-container .title-container .slider-nav a.next:hover {background-position: 0 100%;}
.no-touch .brands-slider-container .title-container .slider-nav a.disabled:hover { background-position: 0 0;}
.no-touch .brands-slider-container .title-container .slider-nav a.next.disabled:hover { background-position:100% 100%;}
/* inverted */
.brands-slider-container .title-container .slider-nav a.icon-white { background-position:100% 0;}
.brands-slider-container .title-container .slider-nav a.next.icon-white { background-position: 0 100%;}
/* inverted hover */
.no-touch .brands-slider-container .title-container .slider-nav a.icon-white:hover { background-position: 0 0;}
.no-touch .brands-slider-container .title-container .slider-nav a.next.icon-white:hover {background-position: 100% 100%;}
.no-touch .brands-slider-container .title-container .slider-nav a.disabled.icon-white:hover { background-position:100% 0;}
.no-touch .brands-slider-container .title-container .slider-nav a.next.disabled.icon-white:hover { background-position: 0 100%;}
.brands-slider-container ul.brands li a{ position:relative; display: block }
.brands-slider-container ul.brands li img { display: block; max-width: 100%; height:auto; margin:auto; position: relative; z-index: 1; opacity: .49}
.brands-slider-container ul.brands li span{ display: block; position: absolute; z-index: 2; width: 100%; height: 100%; background: transparent}
.no-touch .brands-slider-container ul.brands li a:hover { background: transparent; }
.no-touch .brands-slider-container ul.brands li a:hover span{ background: transparent; background: rgba(0,0,0,0.04);}
.brands-slider-container ul.brands li a:hover img { opacity: 1}
.customer-account-create .brands-slider-container,
.customer-account-forgotpassword .brands-slider-container,
.customer-account-resetpassword .brands-slider-container,
.customer-account-login .brands-slider-container,
.customer-account-create .brands-slider-container,
.customer-account-resetpassword .brands-slider-container,
.checkout-multishipping-login .brands-slider-container {display: none}
/* top border */
.product-essential {
border-image-slice: 1;
padding-top: 25px;
border-top: 6px solid transparent;
-moz-border-image: -moz-linear-gradient(to right,#2058a9,#3081f5);
border-image-slice: 100%;
-webkit-border-image: -webkit-linear-gradient(to right,#2058a9,#3081f5);
border-image: linear-gradient(to left,#2058a9,#3081f5);
border-image-slice: 1;
}
/* banners slider */
.banners-slider-container { position: relative; margin: 0 auto; -webkit-transform: translateZ(0);}
.sidebar .banners-slider-container { margin: 0 auto 15px; }
.sidebar .banners-slider-container .text-container .text { font-size: 28px; }
.col3-layout .sidebar .banners-slider-container .text-container .text { font-size: 22px; }
.col3-layout .sidebar .banners-slider-container .text-container .link { font-size: 10px; }
.col2-left-layout .col-main .banners-slider-container,
.col2-right-layout .col-main .banners-slider-container {width:640px;}
.col3-layout .col-main .banners-slider-container {width:320px;}
.banners-slider-container .nav a{ visibility: hidden; opacity: 0; }
.no-touch .banners-slider-container .nav a.prev{ margin-left:-20px; }
.no-touch .banners-slider-container .nav a.next{ margin-right:-20px; }
.no-touch .banners-slider-container:hover .nav a{ visibility: visible; opacity: 1; margin-left: 0; margin-right: 0; }
.no-touch .banners-slider-container:hover .nav a.disabled{ opacity: 0.8; }
.banners-slider-container .nav a{ position: absolute; z-index: 2; top: 50%; display: block; width: 49px; height: 74px; margin: -37px 0 0; padding: 0; background-image: url('banners_slider_arrows.png'); background-repeat: no-repeat; overflow:hidden; text-indent: 99em; }
.banners-slider-container .nav a.prev{left: -10px }
.banners-slider-container .nav a.next{right: -10px;}
.banners-slider-container .nav a { background-color:#fff; background-position: 100% 0;}
.banners-slider-container .nav a.next { background-position: 0 100%;}
.banners-slider-container .nav a.disabled { background-color:#999;}
/* hover */
.no-touch .banners-slider-container .nav a:hover { background-color: #000; background-position: 0 0;}
.no-touch .banners-slider-container .nav a.next:hover { background-position: 100% 100%;}
.no-touch .banners-slider-container .nav a.disabled:hover { background-color:#999; background-position: 100% 0;}
.no-touch .banners-slider-container .nav a.next.disabled:hover { background-position: 0 100%;}
/* inverted */
.banners-slider-container.icon-white .nav a { background-color: #000; background-position: 0 0;}
.banners-slider-container.icon-white .nav a.next { background-position: 100% 100%;}
.banners-slider-container.icon-white .nav a.disabled { background-color:#999;}
/* inverted hover */
.no-touch .banners-slider-container.icon-white .nav a:hover { background-color:#fff; background-position: 100% 0;}
.no-touch .banners-slider-container.icon-white .nav a.next:hover { background-position: 0 100%;}
.no-touch .banners-slider-container.icon-white .nav a.disabled:hover { background-color:#999; background-position: 0 0;}
.no-touch .banners-slider-container.icon-white .nav a.next.disabled:hover { background-position: 100% 100%;}
.banners-slider-container .banners { margin: 0; padding: 0; overflow: hidden; list-style: none; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);}
.banners-slider-container .banners li{ margin: 0; padding: 0; float: left; }
.banners-slider-container .banners li a { display: block; padding:0; margin: 0; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
.banners-slider-container .banners li a img {
/*-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;*/
max-width: 100%;
height: auto;
}
.banners-slider-container .banners li a img { display: block; position: absolute; top:0; left: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) !important; }
.banners-slider-container .top-left .animation-link.animate-me,
.banners-slider-container .bottom-left .animation-link.animate-me{ margin-left:10px;}
.banners-slider-container .top-right .animation-link.animate-me,
.banners-slider-container .bottom-right .animation-link.animate-me{ margin-right:10px;}
.banners-slider-container .top-left { top: 0; left: 0 }
.banners-slider-container .bottom-left { bottom: 0; left: 0 }
.banners-slider-container .top-right { top: 0; right: 0; text-align: right }
.banners-slider-container .bottom-right { bottom: 0; right: 0; text-align: right }
.banners-slider-container .center { left: 0; right: 0; margin: 0 auto; text-align: center }
.banners-slider-container .center .animation-wrapper { margin: 0 auto }
.banners-slider-container .top-right .animation-wrapper { margin-left: auto }
.banners-slider-container .bottom-right .animation-wrapper { margin-left: auto }
.no-touch .banners-slider-container .banners li a:hover { background: transparent }
/* toTop Button */
#toTop { display:none; text-decoration:none; position:fixed; z-index:100; bottom:30px; right:30px; overflow:hidden; width:45px; height:45px; border:none; text-indent:-999px; background: url(totop_arrows.png) 0 0 no-repeat}
#toTop:hover {background-position:0 100%;}
/* inverted */
#toTop.icon-white { background-position:0 100%;}
#toTop.icon-white:hover { background-position:0 0;}
/* category banner */
.category-banner-container {overflow: hidden}
.category-banner-container .img-container { display: inline-block; position: relative; right: -50%; z-index: 1;}
.category-banner-container img { position: relative; left: -50%; }
.category-banner-container .text-container { z-index: 2; margin: 0; display: block; visibility: hidden }
.category-banner-container .text { white-space: nowrap; line-height:48px; padding:6px 13px; margin: 0; font-size:48px; }
.category-banner-container .animation-wrapper {margin:0;}
.category-banner-container .animation-link.animate-me{ margin-left:10px;}
.category-banner-container .link { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; line-height: 35px; margin: 0; padding:0 51px 0 11px; color:#000; font-size:16px; font-weight:700; text-transform:uppercase; text-decoration: none; }
.category-banner-container .link span { display: block; position: absolute; top: 0; right: 0; overflow: hidden; width:25px; height: 35px; background-image:url('slideshow_link_arrow.png'); background-position: 100% 100%; background-repeat: no-repeat }
.no-touch .category-banner-container .link:hover span { background-position: 0 100%; }
/* black icon */
.category-banner-container .link.icon-white span {background-position:100% 0;}
.no-touch .category-banner-container .link.icon-white:hover span {background-position:0 0;}
/* social
.fb-like, .addthis_button_facebook_like {height:20px; overflow:hidden}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}*/
/* My Account =============================================================================
.dashboard .box-info {padding-bottom: 20px;}
.fieldset .legend {margin-top: -35px;padding: 3px 8px 4px;}
.my-account .addresses-list h2, .my-account .addresses-list ol li.item {padding-bottom: 18px;}
.my-account .addresses-list ol li.empty, .my-account .addresses-additional ol li.item {padding-bottom: 0;}
.my-account .form-list input.checkbox, .my-account .form-list label {vertical-align: middle;}
.my-account .form-list .field.name-firstname {margin-bottom: 12px;}
.my-account .pager .pages li a {padding: 0;}
.my-account .pager + .buttons-set {padding-top: 19px;}
.my-account .order-info-box, .table-caption {padding-bottom: 18px;}
.my-account .title-buttons button.button {margin-top: 12px;}
.my-account .print-wrap {clear: both;}
.link-print { text-decoration: none; float: right; margin-top: 15px;}
.print-wrap .link-print {margin-top: 0; float: none;}
.content-container .link-print:hover {background-color: transparent; color: #fff;}
.my-account .order-info {margin-bottom: 18px;}
.my-account .product-review .product-img-box {width: auto;}
.my-account .product-review .product-img-box .product-image {padding: 0;background: none;}
.my-account .product-review .buttons-set {border-top: 1px solid #e5e5e5;padding-top: 19px; margin-top: 19px;}
.my-account .product-review h3 {padding-bottom: 18px;}
.my-account .product-review .dedicated-review-box .average-rating {padding-bottom: 18px;}
.my-account .product-review .dedicated-review-box .average-rating .ratings-table {margin-left: 0;}
.dashboard ol#my_recent_reviews li {padding-bottom: 19px;}
.dashboard .box-reviews .number { margin: 0px 11px 0 0; padding: 0; width: 17px; height: 17px; text-align: center; line-height: 17px;}
.dashboard .box-reviews .details { margin-left: 20px;}
.dashboard .box-reviews .ratings { display: inline-block; margin: 6px 0 0 4px; padding: 7px 7px 8px;}
.dashboard .box-reviews .ratings strong {display: none;}
.my-account .data-table .rating-box {position: relative; z-index: 2;}
.my-account .data-table .ratings {display: inline-block; padding: 7px 7px 8px; margin: 0;}
.my-account .pager + .data-table {margin-top: 8px;}
.my-account button.btn-cart span { padding: 0 12px 0 5px; height: 34px; line-height: 34px;}
.my-account button.btn-cart span span { padding:0 0 0 31px; background-position: 0 -34px;}
.my-account button.btn-cart:hover span span { background-position:0 3px;}*/
/* inverted
.my-account button.btn-cart.icon-white span span { background-position:0 3px;}
.my-account button.btn-cart.icon-white:hover span span { background-position: 0 -34px;}
.my-account .price-box .price { font-size: 15px; font-weight: 800; color: #000;}
.my-account .my-wishlist + .buttons-set { margin-top: -40px;}
.my-account .my-wishlist .data-table td:first-child { padding-left: 0; padding-right: 0;}
.my-account .my-wishlist .buttons-set2 { padding-top: 19px;}
.my-wishlist .qty-container {margin: 0 auto;}
.my-wishlist .minimal-price-link {display: none;}
.my-wishlist .data-table .cart-cell input.input-text { margin-bottom: 14px;}
.advanced-search .form-list label {width: 100%;}
*/
/* Links styles ============================================================================= */
.product-tabs-content a,
.breadcrumbs a,
a.forgot-password, a.link-tip, .cart-empty a,
.box-reviews dt a, .product-shop a.nobr,
.rating-links a,
.my-account a,
.data-table a {
display: inline-block;
padding: 1px 4px;
text-decoration: none;
}
.my-account a.link-print {padding-left: 25px;}
.data-table .product-name a { padding: 3px 6px 4px;}
.addresses-additional ol li p,
.products-list .desc a.link-learn,
.breadcrumbs a,
.data-table .product-name a,
.box-account a { margin-left: -4px;}
/* ======================================================================================= */
/* Multiple checkout ===================================================================== */
/* Checkout progress
ul.checkout-progress { margin: 35px 0 0; padding: 0;}
ul.checkout-progress li {
margin-right: 4px;
width: 19.66%;
border-top: 5px solid #d5d5d5;
color: #d5d5d5;
padding: 10px 0 0;
text-transform: uppercase;text-align: left;
}
ul.checkout-progress li.last {margin-right: 0;}
ul.checkout-progress li.active {
border-top-color: linear-gradient(to right,#2058a9,#3081f5);
color: #000;
font-weight: bold;
}
.multiple-checkout .page-title {
margin: 16px 0 31px;
padding: 0 0 20px;
border-bottom: 1px solid #e5e5e5;
}
.multiple-checkout .page-title button.button {margin-top: 12px;}
.multiple-checkout .box-content {padding-bottom: 20px;}
.multiple-checkout .legend {padding-bottom: 10px;}
.multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a {text-decoration: none; padding: 1px 5px 2px;}
.multiple-checkout .col2-set .col-narrow {width: inherit;}
.multiple-checkout h2 + .data-table, .multiple-checkout h3 + .data-table, .multiple-checkout h4 + .data-table {margin-top: 18px;}
.multiple-checkout .data-table tfoot td {
padding: 0 0 13px; padding-top: 19px;
border-top: 1px solid #e5e5e5;
}
.multiple-checkout dl.item-options:after {content: "";display: table;clear: both;}
.multiple-checkout dl.sp-methods {margin-bottom: 0;}
.multiple-checkout dl.sp-methods dt {line-height: inherit;}
body.checkout-multishipping-shipping .buttons-set,
body.checkout-multishipping-billing .buttons-set,
body.checkout-multishipping-address-selectbilling .buttons-set,
body.checkout-multishipping-overview .buttons-set,
body.checkout-multishipping-success .buttons-set {border-top: 1px solid #e5e5e5;padding-top: 19px;}
body.checkout-multishipping-address-selectbilling .buttons-set,
body.checkout-multishipping-overview .buttons-set {margin-top: 18px;}
body.checkout-multishipping-overview .multiple-checkout .data-table tfoot td {border: 0;padding: 0 0 8px;}
body.checkout-multishipping-overview .multiple-checkout .data-table tfoot tr.first {border-top: 1px solid #e5e5e5;}
body.checkout-multishipping-overview .multiple-checkout .data-table tfoot tr.first td {padding-top: 15px;}
body.checkout-multishipping-overview .multiple-checkout .data-table tfoot tr.last td {padding-bottom: 15px;}
.multiple-checkout .grand-total big {display: block;padding-bottom: 10px;}
body.checkout-multishipping-address-selectbilling .multiple-checkout p.actions a, body.checkout-multishipping-success .multiple-checkout a {margin-left: -4px;text-decoration: none; padding: 1px 4px;display: inline-block;}
body.checkout-multishipping-success .multiple-checkout .sub-title {padding-bottom: 18px;}
body.checkout-multishipping-success .multiple-checkout a {text-decoration: none; font-weight: bold;}
body.checkout-multishipping-overview .multiple-checkout .col2-set:first-child {border-bottom: 1px solid #e5e5e5;margin-bottom: 19px;}
*/
/* PayPal =====================================================================
body.paypal-express-review .sub-title {padding-bottom: 18px;}
.paypal-review-order h2, .paypal-review-order .paypal-shipping-method {padding-bottom: 18px;}
.paypal-review-order h2 a {
font-size: 12px;
padding: 1px 4px;
display: inline-block;
vertical-align: top;
margin-top: 4px;
}
.paypal-review-order .buttons-set {
border-top: 1px solid #e5e5e5;
padding: 19px 0 0; margin-top: 10px;
}
.paypal-review-order .buttons-set button.button {margin-left: 3px;}
*/
/* ======================================================================================= */
/* ======================================================================================= */
/* indent for contact page */
body.contacts-index-index .col-main {padding-bottom: 21px;}
/* ======================================================================================= */
.std .alignleft { margin: 4px 27px 7px 0; float: left;}
.std .alignright { margin: 4px 0 7px 27px; float: right;}
.std .aligncenter { margin: 0 auto 7px; display: block; text-align: center;}
.header-container .std a.alignleft, .header-container .std a.alignright, .header-container .std a.aligncenter,
.content-container .std a.alignleft, .content-container .std a.alignright, .content-container .std a.aligncenter,
.footer-container .std a.alignleft, .footer-container .std a.alignright, .footer-container .std a.aligncenter { background-color: transparent; padding: 0;}
.std blockquote {
background-color: #f0f0f0;
padding: 25px 25px 10px;
font-size: 15px;
}
.std blockquote:before {
content: '"';
width: 15px; height: 11px;
margin: -2px 5px 0 -2px;
font-size: 22px;
float: left;
}
a.responsive {display: inline-block; max-width: 100%; margin: 0; padding: 0}
a.responsive img, img.responsive {max-width: 100%; height: auto}
/* Tables
--------------------------------------------------
table.ox_table { margin-bottom: 21px; width: 100%}
table.ox_table th, table.ox_table td, table.ox_table caption { padding: 10px 15px}
table.ox_table caption { background: #eee}
table.ox_table thead { background: #363636}
table.ox_table thead th { text-align: left; color: #fafafa}
table.ox_table tbody td { border-top: 1px solid #ddd; border-color: rgba(0,0,0,.06); -moz-transition: all .6s ease-in; -webkit-transition: all .6s ease-in; -o-transition: all .6s ease-in;}
table.ox_table tbody tr:first-child td { border-top: 0}
table.ox_table tbody tr:hover td {background: #f8f8f8; border-color: rgba(0,0,0,.03); color: #757575; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -o-transition: all .1s ease-in;}
table.ox_table tfoot { font-style: italic}
*/
pre {
overflow-x: auto;
padding-left: 8px; margin-bottom: 20px;
background: url('bg_code.png') repeat 0 0;
line-height: 21px;
}
/* Fluid Columns
-------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .one_sixth { float: left; margin-right: 3.8%;}
.one_half { width: 46%; *width: 47.99%;}
.one_third { width: 30.66%; }
.two_third { width: 65.32%; }
.one_fourth { width: 22%; *width: 21.9%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.96%; }
.one_sixth { width: 13.5%; }
.one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last, .one_fifth.last, .one_sixth.last { margin-right: 0px;}
/* Fluid grid for content - no margins / paddings
---------------------------------------------------------------------------------------------------- */
.fc_container { width: 100%; margin: 0 0 20px; }
.fc_border_box { margin-left: -10px; margin-right: -10px; width: auto }
.fc_2cols_767 {}
.fc_grid_1,.fc_grid_2,.fc_grid_3,.fc_grid_4,.fc_grid_5,.fc_grid_6,
.fc_grid_7,.fc_grid_8,.fc_grid_9,.fc_grid_10,.fc_grid_11,.fc_grid_12 { display:block; float: left; position: relative; margin: 0; }
.fc_border_box .fc_grid_1, .fc_border_box .fc_grid_2, .fc_border_box .fc_grid_3, .fc_border_box .fc_grid_4,
.fc_border_box .fc_grid_5, .fc_border_box .fc_grid_6, .fc_border_box .fc_grid_7, .fc_border_box .fc_grid_8,
.fc_border_box .fc_grid_9, .fc_border_box .fc_grid_10, .fc_border_box .fc_grid_11, .fc_border_box .fc_grid_12 { box-sizing: border-box; padding: 0 10px; }
.fc_grid_1 { width:8.333%; }
.fc_grid_2 { width:16.666%; }
.fc_grid_3 { width:24.999%; }
.fc_grid_4 { width:33.332%; }
.fc_grid_5 { width:41.665%; }
.fc_grid_6 { width:49.998%; }
.fc_grid_7 { width:58.331%; }
.fc_grid_8 { width:66.664%; }
.fc_grid_9 { width:74.997%; }
.fc_grid_10 { width:83.33%; }
.fc_grid_11 { width:91.663%; }
.fc_grid_12 { width:100%; }
.fc_prefix_1 { padding-left:8.333%; }
.fc_prefix_2 { padding-left:16.666%; }
.fc_prefix_3 { padding-left:24.999%; }
.fc_prefix_4 { padding-left:33.332%; }
.fc_prefix_5 { padding-left:41.665%; }
.fc_prefix_6 { padding-left:49.998%; }
.fc_prefix_7 { padding-left:58.331%; }
.fc_prefix_8 { padding-left:66.664%; }
.fc_prefix_9 { padding-left:74.997%; }
.fc_prefix_10 { padding-left:83.33%; }
.fc_prefix_11 { padding-left:91.663%; }
.fc_prefix_12 { padding-left:100%; }
.fc_suffix_1 { padding-right:8.333%; }
.fc_suffix_2 { padding-right:16.666%; }
.fc_suffix_3 { padding-right:24.999%; }
.fc_suffix_4 { padding-right:33.332%; }
.fc_suffix_5 { padding-right:41.665%; }
.fc_suffix_6 { padding-right:49.998%; }
.fc_suffix_7 { padding-right:58.331%; }
.fc_suffix_8 { padding-right:66.664%; }
.fc_suffix_9 { padding-right:74.997%; }
.fc_suffix_10 { padding-right:83.33%; }
.fc_suffix_11 { padding-right:91.663%; }
.fc_suffix_12 { padding-right:100%; }
.fc_push_1 { left:8.333%; }
.fc_push_2 { left:16.666%; }
.fc_push_3 { left:24.999%; }
.fc_push_4 { left:33.332%; }
.fc_push_5 { left:41.665%; }
.fc_push_6 { left:49.998%; }
.fc_push_7 { left:58.331%; }
.fc_push_8 { left:66.664%; }
.fc_push_9 { left:74.997%; }
.fc_push_10 { left:83.33%; }
.fc_push_11 { left:91.663%; }
.fc_push_12 { left:100%; }
.fc_pull_1 { left:-8.333%; }
.fc_pull_2 { left:-16.666%; }
.fc_pull_3 { left:-24.999%; }
.fc_pull_4 { left:-33.332%; }
.fc_pull_5 { left:-41.665%; }
.fc_pull_6 { left:-49.998%; }
.fc_pull_7 { left:-58.331%; }
.fc_pull_8 { left:-66.664%; }
.fc_pull_9 { left:-74.997%; }
.fc_pull_10 { left:-83.33%; }
.fc_pull_11 { left:-91.663%; }
.fc_pull_12 { left:-100%; }
/* Hidden block
-------------------------------------------------------------- */
.hidden-block {
text-align: left;
width: 245px;
min-height: 399px;
position: fixed;
top: 10%;
z-index: 99991;
transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910);
-webkit-transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910);
-moz-transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910);
-o-transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910);
}
.hb-left {left: -245px;}
.hb-left:hover {left: 0;}
.hb-right {right: -245px;}
.hb-right:hover {right: 0;}
.hidden-block-icon {
position: absolute; top: 0;
width: 45px; height: 45px;
background: #202020 url(totop_arrows.png) 0 100% no-repeat;
cursor: pointer;
z-index: 99999;
}
.hb-left .hidden-block-icon {
right: -45px;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.hb-right .hidden-block-icon {
left: -45px;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.hidden-block-content {
padding: 10px;
border: 3px solid #000;
background-color: #fff;
}
.hidden-block-content img {
max-width: 100%; height: auto;
}
.hidden-block-content a.imglink {background-color: transparent;padding: 0;}
/* Cms banner
-------------------------------------------------------------- */
.cms-banner, .std a.cms-banner {display: inline-block; max-width:100%; padding: 0; margin: 0 auto; position: relative; overflow: hidden;}
.cms-banner img { max-width: 100%; height: auto; }
.cms-banner .text-container { z-index: 2; margin: 40px 29px; display: block; visibility: hidden }
.cms-banner .link { margin:0; font-size: 12px }
.cms-banner.cms-banner-big .text-container {margin: 44px}
.cms-banner.cms-banner-big .text-container .animation-wrapper {margin-top: 0}
.cms-banner.cms-banner-big .text {font-size: 42px; line-height: 42px}
.cms-banner.cms-banner-big-link .link { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; line-height: 35px; margin: 0; padding:0 41px 0 11px; color:#000; font-size:16px; font-weight:700; text-transform:uppercase; text-decoration: none; }
.cms-banner.cms-banner-big-link .link.no-arrow { padding:0 11px; }
.cms-banner.cms-banner-big-link .link span { display: block; position: absolute; top: 0; right: 0; overflow: hidden; width:25px; height: 35px; background-image:url('slideshow_link_arrow.png'); background-position: 100% 100%; background-repeat: no-repeat }
.no-touch .cms-banner.cms-banner-big-link .link:hover span { background-position: 0 100%; }
/* black icon */
.cms-banner.cms-banner-big-link .link.icon-white span {background-position:100% 0;}
.no-touch .cms-banner.cms-banner-big-link .link.icon-white:hover span {background-position:0 0;}
.cms-banner .top-left { top: 0; left: 0 }
.cms-banner .bottom-left { bottom: 0; left: 0 }
.cms-banner .top-right { top: 0; right: 0; text-align: right }
.cms-banner .bottom-right { bottom: 0; right: 0; text-align: right }
.cms-banner .center { text-align: center }
.cms-banner .center .animation-wrapper { margin: 0 auto }
.cms-banner .center-center { left: 0; right: 0; margin-left: auto; margin-right: auto; }
.cms-banner .center-right { right: 0;}
.cms-banner .center-left { left: 0;}
.cms-banner .center-top { top: 0;}
.cms-banner .center-bottom { bottom: 0;}
.cms-banner .top-right .animation-wrapper { margin-left: auto }
.cms-banner .bottom-right .animation-wrapper { margin-left: auto }
.cms-banner .center-right .animation-wrapper { margin: 0 0 0 auto }
.cms-banner .center-left .animation-wrapper { margin: 0 auto 0 0 }
.cms-banner .top-left .animation-link.animate-me,
.cms-banner .bottom-left .animation-link.animate-me{ margin-left:10px;}
.cms-banner .top-right .animation-link.animate-me,
.cms-banner .bottom-right .animation-link.animate-me{ margin-right:10px;}
.no-touch .cms-banner a:hover { background: transparent }
#twttrHubFrame, #twttrHubFrameSecure { display: none !important }
/* Custom pages css
-------------------------------------------------------------- */
.contacts-index-index .fieldset { border: none; padding: 37px 0 0 }
.contacts-index-index .fieldset .legend { background: transparent; font-size: 20px; font-weight: 800; text-transform: uppercase}
.contacts-index-index .form-list .field:first-child { margin-right: 4%; }
.contacts-index-index .form-list .field { width: 48%; }
.contacts-index-index p.required {float: left;}
body.contacts-index-index .grid_13 .form-list .field {width: 344px; }
/* .what-people-say {background-color:#f6f6f6; position: relative; padding: 60px 100px; }
.what-people-say:before {
content: '';
position: absolute;
left: -200%;
right: -200%;
top: 0px;
bottom: 0px;
display: block;
background-color: inherit;
}
*/
/*
Popup styles:
.page-popup #toTop {display: none !important;}
.page-popup div > .buttons-set {padding-top: 15px;}*/
/* Shipping Tracking Popup styles:
--------------------------------------------------------------
.shipping-tracking-popup { background-color: #fff;}
body.shipping-tracking-popup .page-title button.button {display: none;}
body.shipping-tracking-popup h2.sub-title { padding: 0 0 28px 2px;}
body.shipping-tracking-popup .data-table th.label { background-color: rgba(0,0,0,.03);}
body.shipping-tracking-popup .data-table th.label, body.shipping-tracking-popup .data-table td { padding: 13px 13px 0;}
body.shipping-tracking-popup .data-table tr.last th.label, body.shipping-tracking-popup .data-table tr.last td { padding-bottom: 13px;}
body.shipping-tracking-popup .data-table a { color: #000;}
body.shipping-tracking-popup .divider { margin: 16px 0; background-color: #e5e5e5;}
body.shipping-tracking-popup div > .buttons-set {padding-top: 5px;}
.slideshow-container button.button > span:before, .rev_slider_wrapper button.button > span:before { display: none }
.slideshow-container button.button.btn-big span, .rev_slider_wrapper button.button.btn-big span { height:65px; line-height: 65px; padding:0px 50px }
.slideshow-container button.button.btn-big span span, .rev_slider_wrapper button.button.btn-big span span { padding:0 }
.slideshow-container .link, .rev_slider_wrapper .link { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; line-height: 35px; margin: 0; padding:0 41px 0 11px; color:#000; font-size:16px; font-weight:700; text-transform:uppercase; text-decoration: none; cursor: pointer }
.slideshow-container .link.no-arrow, .rev_slider_wrapper .link.no-arrow { padding:0 11px; }
.slideshow-container .link span, .rev_slider_wrapper .link span { display: block; position: absolute; top: 0; right: 0; overflow: hidden; width:25px; height: 35px; background-image:url('slideshow_link_arrow.png'); background-position: 100% 100%; background-repeat: no-repeat }
.no-touch .slideshow-container .link:hover span, .no-touch .rev_slider_wrapper .link:hover span { background-position: 0 100%; }
*/
/* black icon */
.slideshow-container .link.icon-white span {background-position:100% 0;}
.no-touch .slideshow-container .link.icon-white:hover span {background-position:0 0;}
/* Table td title hide
-------------------------------------------------------------- */
.data-table .td-title {display: none;}
/* Default Grid css ( 1024px )
-------------------------------------------------------------- */
.grid-fluid .row { width: 98%;}
.row { margin-left: auto; margin-right: auto; max-width: 1200px; }
.row .row { margin-left: -12px; margin-right: -12px; width:auto;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
.grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18 {
position: relative; display:inline; float: left;
padding-left: 12px;
padding-right: 12px;
box-sizing: border-box;
transition: all 100ms ease-in-out;
}
@media only screen and (min-width: 1024px) {
.grid-fluid .grid_1, .grid-fluid .grid_2, .grid-fluid .grid_3, .grid-fluid .grid_4, .grid-fluid .grid_5, .grid-fluid .grid_6,
.grid-fluid .grid_7, .grid-fluid .grid_8, .grid-fluid .grid_9, .grid-fluid .grid_10, .grid-fluid .grid_11, .grid-fluid .grid_12,
.grid-fluid .grid_13, .grid-fluid .grid_14, .grid-fluid .grid_15, .grid-fluid .grid_16, .grid-fluid .grid_17, .grid-fluid .grid_18 {
padding-left: 14px; padding-right: 14px;
}
}
.alpha {margin-left: 0;} .omega {margin-right: 0;}
.grid_1 { width:3.556%;}
.grid_2 { width:9.111%;}
.grid_3 { width:14.667%;}
.grid_4 { width:20.222%;}
.grid_5 { width:25.778%;}
.grid_6 { width:31.333%;}
.grid_7 { width:36.889%;}
.grid_8 { width:42.444%;}
.grid_9 { width:50.0%;}
.grid_10 { width:53.556%;}
.grid_11 { width:59.111%;}
.grid_12 { width:64.667%;}
.grid_13 { width:77.222%;}
.grid_14 { width:75.778%;}
.grid_15 { width:81.333%;}
.grid_16 { width:86.889%;}
.grid_17 { width:92.444%;}
.grid_18 { width:100%;}
.col2-left-layout .col-main { float: right;}
/* default 2 columns */
.col2-layout .sidebar { width: 22.7%;}
/*.col2-layout .col-main { width: 77.3%;} */
/* col2-left-layout */
.col2-layout .sidebar { max-width: 280px;}
/* .col2-layout .col-main { width: 100%;} */
/*.col2-left-layout .col-main-wrap { margin-left: 289px;}
.col2-right-layout .col-main-wrap { margin-right: 244px;} */
.col2-right-layout .col-right { float: right;}
/* default 3 columns */
.col3-layout .col-main { width: 100%;}
.col3-layout .col-main-indent { margin: 0 244px;}
.col3-layout .sidebar { width: 244px; margin-left: -100%;}
.col3-layout .col-left { }
.col3-layout .col-right { float: right;}
/* @todo: Hide Scroll on device: */
/*.header-container,*/
.page,
.footer-container,
.main-container { overflow-x: hidden;}
/* for button fancybox-close */
#fancybox-close { top: 0; right: 0; background: #000 url('btn_remove_sprite.png') 5px 4px no-repeat; }
/* Custom styles for checkout inputs: */
.form-list .field:nth-child(odd) { margin-right: 2%; clear: both;}
.customer-name-prefix-middlename-suffix .field {margin-bottom: 12px;}
.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {width: 60px;}
.form-list .customer-dob .dob-year {width: 87px;}
.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {margin-right: 10px;}
#registrationForm fieldset { border-top: 6px solid transparent;
-moz-border-image: -moz-linear-gradient(to right,#2058a9,#3081f5);
-webkit-border-image: -webkit-linear-gradient(to right,#2058a9,#3081f5);
border-image: linear-gradient(to right,#2058a9,#3081f5);
border-image-slice: 100%;
border-image-slice: 100%;
border-image-slice: 1; }
/* Colorswatches
---------------------------------------------------------------------
.colorswatches-container .colorswatch a { display: inline-block; padding: 2px 4px;}
ol.configurable-swatch-list li a.swatch-link.has-image { padding: 0; margin: 0;}
ol.configurable-swatch-list li a.swatch-link.has-image:hover {background-color: transparent!important;}
ol.configurable-swatch-list li a.swatch-link.has-image, ol.configurable-swatch-list li a.swatch-link.has-image:hover {color: #000;}
ol.configurable-swatch-list li a.swatch-link img { border: 2px solid transparent;}
ol.configurable-swatch-list li a.swatch-link:hover img { border: 2px solid #000;}
ol.configurable-swatch-list li {float: left; width: 50%;}
ol.configurable-swatch-list li a.swatch-link {margin: 0;}
ul.configurable-swatch-list li { display: inline-block;margin: 0 4px 4px 0; text-align: center;}
ul.configurable-swatch-list li a.swatch-link { display: inline-block; padding: 2px 4px;margin: 0 -3px;}
ul.configurable-swatch-list li a.swatch-link.has-image, ul.configurable-swatch-list li a.swatch-link.has-image:hover {
-webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;
}
ul.configurable-swatch-list li a.swatch-link.has-image {padding: 0; margin: 0}
ul.configurable-swatch-list li.selected a.swatch-link.has-image,
ul.configurable-swatch-list li a.swatch-link.has-image:hover {background-color: transparent!important;}
ul.configurable-swatch-list li a.swatch-link img { border: 2px solid transparent;}
ul.configurable-swatch-list li a.swatch-link:hover img, ul.configurable-swatch-list li.selected a.swatch-link img { border: 2px solid #000;}
ul.configurable-swatch-list li span.x {display: none;}
.products-grid ul.configurable-swatch-list {padding: 3px 0 0 3px; position: relative; z-index: 1;}
.products-list ul.configurable-swatch-list {clear: both; margin: -10px 0 10px;}*/
/* Blog reCaptcha
----------------------------------
#recaptcha_area { padding-left: 76px; padding-bottom: 20px;}*/
/* medium button ----------------------------------*/
button.medium-button span {
padding: 10px 35px;
}
/* rounded and transparent social icons styles ----------------------------------
.rounded a.social-icon{ border-radius: 17px; }
.nobg a.social-icon{background-color:transparent;}*/
/* content blocks---------------------------------- */
.content-block{
width: 100%;
max-width: 600px;
padding: 15px;
margin: 0 auto;
}
.table-block .cell{
display: table-cell;
float: none;
vertical-align: middle;
}
.no-padding {
padding: 0 !important;
}
.table-block{
display: table;
width:100%;
}
.half-block {
max-width: 500px;
}
.third-block {
max-width: 350px;
}
.half-block .images, .third-block .images {
position: relative;
}
.relative{
position: relative;
}
.table-block .images{
overflow: hidden;
}
.table-block .images img{
max-width: 100%;
width: 100%;
vertical-align: middle;
}
/* Hover buttons */
a>span.onhover {
visibility: hidden;
opacity: 0;
transition: all 512ms cubic-bezier(0.330, 0.975, 0.245, 0.910);
}
a:hover>span.onhover {
visibility: visible;
opacity: 1;
}
@media (min-width: 768px) and (max-width: 1024px){
.content-block {max-width:400px;}
.tablet_grid_6 {width: 49.998%}
}
@media (max-width: 767px){
.table-block .content-block {
padding: 60px 0;
}
.table-block .cell, .table-block {
display: block;
width:100%;
margin:0;
}
.half-block, .third-block{
max-width: 100%;
}
.content-block{
max-width: 100%;
}
.mobile_a-center {
text-align: center;
}
}
/* cart */
.add-to-cart .addToBasket {
background: linear-gradient(to right,#2058a9,#3081f5);
color: #fff;
font-size: 15px;
text-align: center;
border: 0px;
cursor: pointer;
clear: both;
display: block;
margin: 1px 0px 10px 0px;
line-height: 40px;
width: 212px;
}
.oxajax-cart-options .product-view .product-img-box {width:352px;}
.oxajax-cart-options .product-view .product-shop {float: none; overflow: hidden; width: auto;}
.oxajax-cart-options .product-image a,
.oxajax-cart-options .product-image a:hover {background:transparent}
#fancybox-close { top: 0; right: 0; background: #000 url('../../images/netland/btn_remove_sprite.png') 5px 4px no-repeat; }
#fancybox-close:hover { background: linear-gradient(to right,#2058a9,#3081f5); background-position: 5px -17px }
.ajax-message { width: 280px; max-width: 100%; text-align: center; }
.ajax-message button.button { margin: 5px }
.ajax-message p{ padding: 10px}
.ajax-message a { display: inline-block; padding: 1px 4px 1px; color: #000; text-decoration: none;}
.ajax-message a:hover { background: #000; color: #fff; text-decoration: none;}
.products-grid .product-image {position: relative}
.products-list .product-image {position: relative}
button.button.quick-view { position: absolute; z-index: 3; width: 129px; }
button.button.quick-view span {height: 40px; line-height: 40px;}
button.button.quick-view span span{width:107px}
.products-grid button.quick-view { opacity: 0; }
.products-list button.quick-view { display: none }
.no-touch .products-list button.quick-view { display: block; visibility: hidden; height: 0; opacity: 0; }
.no-touch .products-list li.item:hover button.quick-view { visibility: visible; height: auto; opacity: 1; }
button.button.quick-view {
transition: opacity 200ms ease-in-out;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
button.quick-view { display: none !important }
}
#fancybox-close { background-size: 21px 42px;}
@media only screen and ( -webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 1.5) {
#fancybox-close { background-image: url('../../images/retina/btn_remove_sprite@2x.png');}
}
/* OWL KARUZELA */
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
/*display: none;*/
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/* tabelka */
.std table {
border-top: 1px solid #ddd;
width: 100%;
}
.std table tbody tr {
border-bottom: 1px solid #ddd;
}
.std table tbody tr td {
padding: 7px 17px;
background: #fff;
}
.std table tbody tr td:first-child {
border-right: 1px solid #ddd;
width: 30%;
font-weight: 700;
background: #fff;
}
/* Base */
::-moz-selection{background: #666; color: #fff; text-shadow: none;}
::selection{background: #666; color: #fff; text-shadow: none;}
/* Forms */
input:invalid, textarea:invalid { background-color: #f0dddd;}
/* Print styles */
@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
a, a:visited { text-decoration: underline;}
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")";}
/** Don't show links for images, or javascript/internal links */
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "";}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group; /* h5bp.com/t */}
tr, img { page-break-inside: avoid;}
img { max-width: 100% !important;}
@page { margin: 0.5cm;}
p, h2,h3 { orphans: 3; widows: 3;}
h2,h3 {page-break-after: avoid;}
}
/* Belka z kontaktem i informacjami o wysyłce */
.informacja {
text-align: left;
/* background: url("/gfx/bg-menu2.png") repeat-x scroll center bottom #003a50; */
}
.informacja li {
margin-left:75px;
list-style:none;
}
.informacja ul {
margin-bottom:20px;
}
.informacja li a {
color: #000;
text-decoration: none;
}
.informacja li a:hover {
color: #000;
background:transparent;
text-decoration: underline;
}
ul#infolinia li em:hover, ul#odbior li em:hover {
color: #000;
background:transparent;
text-decoration: none;
}
#infolinia i {
/* background: url("infolinia.png") no-repeat scroll 10px 50% transparent; */
float: left;
padding-top: 25px;
font-size: 30px;
padding-left: 20px;
}
#odbior i {
/* background: url("odbior.png") no-repeat scroll 10px 50% transparent;*/
float: left;
padding-top: 10px;
font-size: 30px;
padding-left: 20px;
}
#kontakt i {
/* background: url("kontakt.png") no-repeat scroll 10px 50% transparent;*/
float: left;
margin-top: -10px;
font-size: 30px;
padding-left: 20px;
}
#dostawa i {
/* background: url("dostawa.png") no-repeat scroll 10px 50% transparent;*/
float: left;
padding-top: 15px;
font-size: 30px;
padding-left: 20px;
}
#wysylka i {
/* background: url("wysylka.png") no-repeat scroll 10px 50% transparent;*/
float: left;
margin-top: 5px;
font-size: 30px;
padding-left: 20px;
}
#facebook i {
/* background: url("facebook.png") no-repeat scroll 10px 50% transparent;*/
float: left;
padding-top: 2px;
font-size: 30px;
padding-left: 20px;
}
#platnosci i {
/* background: url("visa.png") no-repeat scroll 10px 50% transparent;*/
float: left;
margin-top: -10px;
font-size: 30px;
padding-left: 20px;
}
/* Belka z kontaktem i informacjami o wysyłce */
.informacja {
text-align: left;
/* background: url("/gfx/bg-menu2.png") repeat-x scroll center bottom #003a50; */
}
.informacja li {
margin-left:75px;
list-style:none;
text-align: left;
}
.informacja ul {
margin-bottom:20px;
}
/* aktualności */
.blog-title h1 {
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
line-height: 1.25;
}
.blog-title {
margin: 4px 0 15px;
padding: 0 0 10px;
border-bottom: 1px solid #d5d5d5;
border-bottom-color: rgb(213, 213, 213);
border-bottom-color: rgba(213,213,213,0.61);
}
.postTitle h2 {
text-transform: uppercase;
font-family: "Open Sans", Arial, sans-serif;
letter-spacing: -1px;
line-height: 2;
}
.postTitle h1 {
text-transform: uppercase;
font-family: "Open Sans", Arial, sans-serif;
letter-spacing: -1px;
line-height: 2;
}
/* stałe */
.pages {clear: both; padding: 5px;}
.pages a {text-decoration: none;padding: 5px 12px; background: #000; color: #fff; display: inline-block; border: solid 0px #000; margin: 2px 1px;}
.pages a:hover {background: linear-gradient(to right,#2058a9,#3081f5); color: #fff;}
.pages span {margin: 2px 1px;padding: 5px 12px; font-weight: bold; color: #fff; background: linear-gradient(to right,#2058a9,#3081f5); display: inline-block; border: solid 0px #000;}
/*----------------------------------
21 - Cart
----------------------------------*/
.cart-items-wrap {
overflow: auto;
/* clear: both; */
}
.cart-items-wrap .cart-items {
width: 100%;
border-collapse: collapse;
margin: 0;
text-align: left;
border: none;
}
.cart-items-wrap .cart-items a {
border: none;
}
.cart-items-wrap .cart-items p {
margin: 0;
}
.cart-items-wrap .cart-items td {
padding: 17px 20px 17px 0;
vertical-align: middle;
border: 1px solid #e0e4f6;
font-size: 14px;
}
.cart-items-wrap .cart-items thead td {
text-transform: uppercase !important;
font-size: 13px !important;
border: none !important;
border-bottom: 1px solid #e0e4f6 !important;
}
.cart-items-wrap .cart-items tbody td {
padding: 17px 20px 17px 0;
border: none;
border-bottom: 1px solid #e0e4f6;
font-weight: 500;
}
.cart-items-wrap .cart-items tbody td b {
font-weight: 500;
}
.cart-items-wrap .cart-items tbody .cart-image {
min-width: 100px;
padding: 17px 20px 17px 0;
}
.cart-items-wrap .cart-items tbody .cart-image a {
display: block;
height: 80px;
}
.cart-items-wrap .cart-items tbody .cart-image img {
max-width: 100%;
max-height: 100%;
display: block;
margin: 0 auto;
}
.cart-items-wrap .cart-items tbody .cart-ttl {
text-transform: uppercase;
color: #373d54;
text-align: left;
}
.cart-items-wrap .cart-items tbody .cart-ttl a {
color: #373d54;
transition: all 0.2s;
}
.cart-items-wrap .cart-items tbody .cart-ttl a:hover {
color: #3a89cf;
text-decoration: none;
background: none;
}
.cart-items-wrap .cart-items tbody .cart-ttl p {
text-transform: none;
font-weight: 400;
font-size: 13px;
}
.cart-items-wrap .cart-items tbody .cart-price span {
color: #bbbbbb;
font-weight: 400;
}
.cart-items-wrap .cart-items tbody .cart-price del {
color: #bbbbbb;
font-weight: 400;
display: block;
}
.cart-items-wrap .cart-items tbody .cart-summ span {
color: #bbbbbb;
font-weight: 400;
}
.cart-items-wrap .cart-items tbody .cart-summ .cart-forone {
font-weight: 400;
font-size: 13px;
position: relative;
display: none;
padding: 7px 0 0;
margin: 4px 0 0;
line-height: 1.2;
}
.cart-items-wrap .cart-items tbody .cart-summ .cart-forone:after {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 1px;
content: '';
margin: 0;
display: block;
background: #e0e4f6;
line-height: 1.2;
}
.cart-items-wrap .cart-items tbody .cart-summ .cart-forone b {
font-weight: 400;
line-height: 1.2;
}
.cart-items-wrap .cart-items .cart-image {
width: 120px;
}
.cart-items-wrap .cart-items .cart-price,
.cart-items-wrap .cart-items .cart-summ {
width: 150px;
}
.cart-items-wrap .cart-items .cart-quantity {
width: 150px;
}
.cart-items-wrap .cart-items .cart-del {
width: 32px;
padding-right: 0;
}
.cart-items-wrap .cart-items tbody .cart-remove {
width: 32px;
height: 32px;
transition: all 0.2s;
/* display: block; */
background: none;
}
.cart-items-wrap .cart-items .cart-qnt {
overflow: hidden;
margin: 0;
width: 70px;
}
.cart-items-wrap .cart-items .cart-qnt input[type=text] {
float: left;
width: 39px;
height: 39px;
font-weight: 700;
font-size: 14px;
padding: 0;
color: #373d54;
text-align: center;
display: block;
margin: 0 2px 0 0;
background: #f8fafc;
border: 1px solid #e0e4f6;
}
.cart-items-wrap .cart-items .cart-plus {
float: left;
width: 17px;
margin: 5px 0 0;
color: #373d54;
text-align: center;
line-height: 1;
font-size: 14px;
}
.cart-items-wrap .cart-items .cart-plus:hover {
color: #3a89cf;
}
.cart-items-wrap .cart-items .cart-plus .fa {
padding: 0;
line-height: 1;
}
.cart-items-wrap .cart-items .cart-minus {
float: left;
border-top: none;
width: 17px;
color: #373d54;
text-align: center;
line-height: 1;
font-size: 14px;
}
.cart-items-wrap .cart-items .cart-minus:hover {
color: #3a89cf;
}
.cart-items-wrap .cart-items .cart-minus .fa {
padding: 0;
line-height: 1;
}
.cart-submit {
overflow: hidden;
margin: 0 0 15px;
padding: 0;
}
.cart-coupon {
float: left;
width: 42.2%;
display: block;
position: relative;
margin: 0 0 15px;
}
.cart-coupon input[type=text] {
display: block;
height: 34px;
border: 1px solid #e0e4f6;
padding: 0 5px;
color: #373d54;
width: 100%;
}
.cart-quantity input[type=text] {
display: block;
height: 34px;
border: 1px solid #e0e4f6;
padding: 0 5px;
color: #373d54;
width: 20px;
}
.cart-coupon input[type=image] {
position: absolute;
border: none;
width: 20px;
height: 15px;
display: block;
top: 50%;
right: 14px;
margin: -7px 0 0 0px;
}
.cart-coupon .cart-coupon-btn {
position: absolute;
border: none;
width: 40px;
display: block;
top: 50%;
right: 0px;
margin: -11px 0 0 0px;
transition: all 0.2s;
background: #000;
text-align: center;
color: #fff;
font-size:18px;
}
.cart-coupon .cart-coupon-btn:hover {
opacity: 0.85;
}
.cart-submit input[type=submit] {
display: block;
border: none;
float: right;
border-radius: 50px;
font-size: 15px;
color: #fff;
margin: 0 0 15px;
padding: 8px 24px 7px;
cursor: pointer;
text-align: center;
font-weight: 500;
text-transform: uppercase;
background: #3a89cf;
transition: all 0.2s;
height: auto;
}
.cart-submit input[type=submit]:hover {
background: #000;
color: #fff;
}
.cart-submit .cart-submit-btn {
display: block;
border: none;
float: right;
font-size: 13px;
color: #fff;
margin: 0 0 15px 25px;
padding: 10px 20px 9px;
cursor: pointer;
text-align: center;
font-weight: 500;
text-transform: uppercase;
background: linear-gradient(to right,#2058a9,#3081f5);
letter-spacing: 1px;
transition: all 0.2s;
height: auto;
}
.cart-submit .cart-submit-btn:hover {
background: #000;
text-decoration: none;
color: #fff;
}
.cart-submit .cart-clear {
display: block;
border: none;
float: right;
font-size: 15px;
color: #373d54;
line-height: 100%;
margin: 0 0 15px;
padding: 11px 0 0;
border-bottom: 1px solid #373d54;
cursor: pointer;
text-align: center;
font-weight: 400;
transition: all 0.2s;
height: auto;
}
.cart-submit .cart-clear:hover {
text-decoration: none;
color: #373d54;
border-bottom: 1px solid rgba(0,0,0,0);
}
body .cart-total {
padding: 0;
font-size: 18px;
color: #373d54;
font-weight: 700;
overflow: hidden;
margin: 0 0 30px;
border-bottom: 1px solid #e0e4f6;
}
body .cart-total input {
margin-top: 10px;
color: #fff;
background: #000;
font-size: 13px;
color: #fff;
padding: 10px 20px 9px;
cursor: pointer;
text-align: center;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.2s;
height: auto;
border: none;
}
body .cart-total li {
list-style: none;
float: right;
margin: 18px 15px 15px 0;
font-size: 15px;
font-weight: 400;
position: relative;
padding: 0 0 0 20px;
}
body .cart-total li:last-child {
margin-left: 0;
padding-left: 0;
}
body .cart-total li:after {
position: absolute;
content: "";
left: 0;
height: 26px;
width: 1px;
top: 50%;
margin: -13px 0 0;
background: #e0e4f6;
}
body .cart-total li:last-child:after {
display: none;
}
body .cart-total li span {
text-transform: none;
color: #ccc;
font-weight: 400;
}
body .cart-total li b {
font-weight: 400;
}
body .cart-total .cart-summ {
float: right;
margin: 15px 0 15px 0;
padding: 0 0 0 20px;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
position: relative;
}
body .cart-total .cart-summ:after {
position: absolute;
content: "";
left: 0;
height: 26px;
width: 1px;
top: 50%;
margin: -13px 0 0;
background: #e0e4f6;
}
body .cart-total .cart-summ span {
text-transform: none;
color: #ccc;
font-weight: 400;
}
body .cart-total .cart-summ b {
color: #3a89cf;
text-transform: none;
font-weight: 500;
}
/*----------------------------------
order
----------------------------------*/
#order_form {width: 100%; }
#order-steps {
margin-bottom: 10px;
}
#order-steps span {
display: inline-block;
font-size: 18px;
color: #dddddd;
}
#order-steps .step-notactive {
color: #dddddd !important;
}
#order-steps .step-notactive a {
color: #dddddd !important;
border-bottom: solid 6px #DDD !important;
}
#order-steps span a {
display: inline-block;
color: #dddddd;
width: 242px;
border-bottom: solid 6px #DDD;
font-size: 24px;
}
#order-steps .step-1 a {
color: #3081f6;
border-bottom: solid 6px #3081f6;
}
#order-steps .step-1 a:hover {
background: #fff;
}
#order-steps .step-2 a {
color: #fe9601;
border-bottom: solid 6px #fe9601;
}
#order-steps .step-2 a:hover {
color: #fe9601 !important;
border-bottom: solid 6px #fe9601 !important;
background: #fff;
}
#order-steps .step-3 a {
color: #279000;
border-bottom: solid 6px #279000;
}
#order-steps .step-3 a:hover {
color: #279000 !important;
border-bottom: solid 6px #279000 !important;
background: #fff;
}
/* promotion box */
.promotion-box-products { display: none !important; }
/* alert */
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
background: rgba(255,0,0,0.7);
color: white;
}
.alert-grey {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
background: #f5f5f5;
color: #000;
}
/* BLOG */
.postTitle h3 {
font-size: 20px;
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.postBookmarks { padding-bottom: 10px;}
.postBookmarks h4 {
font-size: 12px;
font-weight: bold;
}
.commentWrapper { padding: 0 0 0 30px;
border-left: 4px solid yellow;
margin: 0 0 25px;}
.commentContent { padding-bottom: 0px;}
.commentDetails {
margin-bottom: 12px;
padding: 0;
}
.commentDetails h4 {padding: 0 0 0 2px;}
.postError { font-size: 16px;}
.tags { font-weight: bold;}
.tags ul { display: inline;}
.tags ul li {
font-weight: normal;
display: inline;
padding-right: 6px;
}
.tags h4 {font-size: 12px; font-weight: normal;display: inline;}
.tags a {margin: -1px -3px;}
.menu-tags, .menu-categories, .menu-recent { margin: 5px 9px;}
.menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px;}
.block-blog .menu-tags ul li {
display: inline;
padding: 2px;
margin-left: 10px;
}
.block-blog .menu-categories ul li { margin-left: 10px;}
.block-blog .menu-recent ul li { margin-left: 10px;}
.block-blog .menu-recent ul li a, .block-blog .menu-categories ul li a, .block-blog .menu-tags ul li a {
font-size: 11px;
}
.tagcloud { /* text-align:center; */}
.tag-count-1 { font-size: 1em !important;}
.tag-count-2 { font-size: 1.2em !important;}
.tag-count-3 { font-size: 1.4em !important;}
.tag-count-4 { font-size: 1.6em !important;}
.tag-count-5 { font-size: 1.8em !important;}
.tag-count-6 { font-size: 2em !important;}
.tag-count-7 { font-size: 2em !important;}
.tag-count-8 { font-size: 2em !important;}
.tag-count-9 { font-size: 2em !important;}
.tag-count-10 { font-size: 2em !important;}
.block-blog .head h4 { padding-left: 20px;}
.block-blog .block-title strong {}
.postWrapper .poster { display: inline;}
.input-box.aw-blog-comment-area { width: 100%;}
.widget-latest li {
font-size: 12px;
padding: 5px 10px;
}
.block-blog .menu-categories {
margin: 0;
padding: 5px 9px;
}
a.awblog_current_comment {
text-decoration: none !important;
font-weight: bold !important;
}
/* ************************************************* */
.postWrapper { clear: both; padding-bottom: 59px;}
/* blog list
************************/
/* page title */
.blog-title {
margin: 4px 0 35px;
padding: 0 0 20px;
border-bottom: 1px solid #d5d5d5;
border-bottom-color: rgba(213,213,213,0.61);
}
.blog-title h1 {
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
line-height: 1.25;
}
.blog-img-wrap {margin-bottom: 20px; text-align: center}
.blog-img-wrap a {display: inline-block; position: relative; max-width: 100%; }
.blog-img-wrap a:hover {background: transparent}
.blog-img-wrap img {max-width: 100%;height: auto;}
.blog-date {
overflow: hidden; float: left; position: relative;
margin-right: 13px;
width: 74px; height: 74px;
font-size: 14px;
font-family: "Open Sans", Arial, sans-serif;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
.blog-date .day {
padding-top: 12px;
margin-bottom: 1px;
display: block;
font-size: 34px;
letter-spacing: -1px;
font-weight: 800;
}
.blog-date .inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000;
color: #fff;
}
.blog-date .hover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
z-index: 2;
top: -100%;
background-color: #fff;
color: #000;
}
.postWrapper:hover {}
.postWrapper:hover .postTitle h2 a { color: #fff; background: #000; }
.postWrapper:hover .blog-date .inner { top: 100%}
.postWrapper:hover .blog-date .hover { top: 0}
.blog-date .inner, .blog-date .hover {
-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-ms-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
/* content blog styles */
.postContentWrapper {margin-left: 97px;}
/* heading styles */
.postTitle {margin-bottom: 14px;}
.postTitle h2 {
font-size: 24px;
font-weight: 800;
text-transform: uppercase;
font-family: "Open Sans", Arial, sans-serif;
letter-spacing: -1px;
line-height: 1;
margin-left: -10px;
}
.postTitle h2 a {
display: inline-block;
padding: 7px 9px 7px;
text-decoration: none;
}
.postWrapper:hover .postTitle h2 a {
transition: all 10ms ease-in-out;
-webkit-transition: all 10ms ease-in-out;
-moz-transition: all 10ms ease-in-out;
-o-transition: all 10ms ease-in-out;
}
/* meta styles */
.postDetails { margin-top: 7px;}
.postDetails a, .postContent a, .postContent p a, .block-blog-tw a {
display: inline-block;
padding: 1px 4px; margin: -1px -3px;
text-decoration: none;
max-width: 100%;
}
.postDetails .separator { margin: 0 8px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: 0.4; }
/* text styles */
.postContent { line-height: 1.5;}
.postContent img { max-width: 100%; height: auto;}
.aw-blog-read-more {}
button.button.aw-blog-read-more {margin-top: 18px;display: block;}
p + button.button.aw-blog-read-more {margin-top: 0px;}
/* disable in bottom contetn blcoks pager elements by design */
/* body.blog-index-list .toolbar .sorter,
body.blog-index-list .toolbar .pager .amount {
display: none;
} */
/* blog single
************************/
body.blog-post-view {}
.postTitle {
/* margin: 4px 0 35px;
padding: 0 0 20px;
border-bottom: 1px solid #d5d5d5;
border-bottom-color: rgba(213,213,213,0.61); */
}
.postTitle h1 {
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
line-height: .83;
margin-top: -2px;
}
body.blog-post-view .postView {padding-top: 18px;padding-bottom: 64px;}
body.blog-post-view .postDetails {margin: 12px 0 0 3px; line-height: 150%;}
body.blog-post-view .postContent { clear: both; border-top: 1px solid #e5e5e5; padding-top: 29px; margin-top: 29px;}
body.blog-post-view .postContent { font-size: 14px; line-height: 1.6;}
body.blog-post-view .postContent p > img {margin-bottom: 6px;}
/* comments list */
.commentDetails h4.username {
font-size: 18px; font-weight: 800; text-transform: uppercase; padding-bottom: 1px;
}
.postContent, .commentDetails span, .commentContent {
color: #494847; color: rgba(0,0,0,.8);
}
.commentContent {
font-size: 14px;
line-height: 1.6;
}
/* comments form */
.commentTitle {
margin: 0 0 25px; padding: 0 0 25px;
border-bottom: 1px solid #eaeaea;
}
.replyTitle {
margin: 0; padding: 35px 0 30px;
border-top: 1px solid #eaeaea;
}
.replyTitle h2, .commentTitle h2 {
margin: 0;
font-size: 35px;
line-height: 39px;
letter-spacing: -2px;
}
.commentTitle button { margin: 5px 0 0}
.commentTitle h2 { margin: 0 15px 0 0}
.commentTitle h2, .commentTitle button { float: left;}
.add-comments {
padding: 22px 20px 26px 22px;
background: #f4f4f4;
}
.add-comments ul.form-list { margin: 0;}
.add-comments ul.form-list li { padding: 0; margin: 0;}
.add-comments ul.form-list label {
float: left;
padding: 0;
width: 76px; height: 30px;
color: #626261; color: rgba(0,0,0,0.67);
font-weight: 300;
line-height: 28px;
}
.add-comments ul.form-list label.required em { float: none;position: inherit;right: inherit;padding-left: 4px;}
.add-comments ul.form-list .input-box { overflow: hidden; width: inherit; clear: inherit;margin-bottom: 20px;}
.add-comments ul.form-list input.input-text { border-color: #dbdbdb;}
.add-comments ul.form-list textarea { width: 100%;height: 230px;}
@media only screen and (min-width: 768px) {
.add-comments .button-set { padding-left: 76px;}
}
/* block styles
************************/
/* block tags */
.block-blog.block-blog-tags { padding-bottom: 18px;}
.block-blog.block-blog-tags .block-title { padding-bottom: 24px;}
.block-blog.block-blog-tags li a { padding: 4px 7px 3px;margin: 1px 0 2px;}
.block-blog.block-blog-tags li a:hover { background-color: #ffe51e; color: #000;}
/* block recent */
.block-blog.block-blog-recent-post .block-title { padding-bottom: 25px;}
.block-blog-recent-post li + li {margin-top: 11px;}
.blog-recent-thumb {float: left; width: 60px; text-align: center; background-color: transparent}
.blog-recent-thumb img {max-width: 100%; height: auto}
.blog-wrap { margin: 3px 0 0 72px }
.main .blog-wrap p { margin: -3px -10px 2px -6px;}
.blog-wrap a {
text-decoration: none;
display: inline-block;
padding: 4px 6px 4px;
font-size: 13px; line-height: 14px;
}
.blog-wrap span {color: #7a7a7a; color: rgba(0,0,0,.62);}
/* block tw */
.block-blog.block-blog-tw .block-title { padding-bottom: 22px;}
ul.block-tw-list {margin-bottom: 20px;}
ul.block-tw-list li + li {margin-top: 19px;padding-top: 17px;border-top: 1px solid #e5e5e5;}
.main .block-blog-tw p { margin: 0 0 6px 0;}
ul.block-tw-list span {color: #7a7a7a; color: rgba(0,0,0,.62);}
.postDetails a.img-container, .postContent a.img-container, .blog-recent-thumb.img-container,
.postDetails a.img-container:hover, .postContent a.img-container:hover, .blog-recent-thumb.img-container:hover {padding: 0; margin: 0; background: transparent}
.postDetails a.img-container.alignleft, .postContent a.img-container.alignleft { margin: 4px 27px 7px 0; float: left;}
.postDetails a.img-container.alignright, .postContent a.img-container.alignright { margin: 4px 0 7px 27px; float: right;}
.postDetails a.img-container.aligncenter, .postContent a.img-container.aligncenter { margin: 0 auto 7px; display: block; text-align: center;}
@media only screen and (max-width: 989px) {
.replyTitle h2, .commentTitle h2 {font-size: 22px}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.blog-recent-thumb {width: 50px}
.blog-wrap { margin: 3px 0 0 62px }
}
@media only screen and (max-width: 767px) {
.postTitle h1 {font-size: 24px; letter-spacing: -1px !important;}
.postDetails { clear: both; margin: 0 0 0 -97px;}
.postContent { margin: 0 0 0 -97px;}
.blog-post-view .postDetails { clear: none}
.blog-post-view .postContent { margin-left: 0;}
.blog-date { margin-bottom: 16px;}
.add-comments ul.form-list label {float: none}
.add-comments ul.form-list .input-box {margin-bottom: 10px }
}
/* COOKIES */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:14px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
/* tabelka */
#tab-specyfikacja table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
#tab-specyfikacja table caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
#tab-specyfikacja table tr:nth-child(odd) {
font-size: 12px;
border: 1px solid #ddd;
padding: .35em;
}
#tab-specyfikacja table tr:nth-child(even) {
font-size: 12px;
border: 1px solid #ddd;
padding: .35em;
background-color: #f0eeef;
}
#tab-specyfikacja table th,
#tab-specyfikacja table td:nth-child(odd) {
padding: .625em;
text-align: right;
font-weight: bold;
}
#tab-specyfikacja table td:nth-child(even) {
padding: .625em;
text-align: left;
}
#tab-specyfikacja table td:only-of-type {
padding: .625em;
text-align: center;
font-weight: bold;
}
#tab-specyfikacja table th:only-of-type {
padding: .625em;
text-align: center;
font-weight: bold;
}
#tab-specyfikacja table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
}
@media screen and (max-width: 600px) {
#tab-specyfikacja table {
border: 0;
}
#tab-specyfikacja table caption {
font-size: 1.3em;
}
#tab-specyfikacja table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#tab-specyfikacja table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
font-size: 12px;
}
#tab-specyfikacja table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: right;
}
#tab-specyfikacja table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
#tab-specyfikacja table td:last-child {
border-bottom: 0;
}
}
@media screen and (min-width : 990px){
#menu, .slicknav_btn, #wyszukiwarkamobile {
display: none;
}
}
/* newsy galeria */
div.related_thumb img { width:100%; padding-bottom: 15px; }
/* polecane produkty */
.recommended-title {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 30px;
}
.recommended-content .products-grid {
overflow-x: auto;
/* white-space: nowrap; */
}
.recommended-content .products-grid::-webkit-scrollbar {
width: 10px;
}
.recommended-content .products-grid::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.recommended-content .products-grid::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
border-radius: 20px 20px;
}
.recommended-content .products-grid > li {
white-space: break-spaces;
}
.recommended-content .products-grid::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
border-radius: 15px;
background-color: #F5F5F5;
}
.recommended-content .products-grid::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}
.recommended-content .products-grid::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
background-color: #555;
}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* dodatki */
.basket-addon-add-to-cart {
margin-top: 10px;
padding-left: 5px;
}
.basket-addon-add-to-cart a {
bottom: 0;
position: absolute;
color: #fff;
font-size: 13px;
padding: 6px;
background: linear-gradient(to right,#2058a9,#3081f5);
}
.basket-addon-add-to-cart a:hover {
background: white;
color: black;
}
.select_inpost {
padding: 5px 15px;
cursor: pointer;
position: relative;
outline: none;
display: inline-block;
color: #fff;
background: none;
font-weight: 800;
font-size: 12px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
z-index: 1;
background: #000;
margin: 10px 0px;
}
.configurate-btn {
border: 0;
display: inline-block;
color: white;
font-size: 16px;
height: 35px;
width: 212px;
line-height: 35px;
transition: 500ms all ease;
margin-bottom: 1rem;
}
.configurate-btn {
background: linear-gradient(to right,#0094FF 80%,#E6E6E6 20%);
}
.configurate-btn .icon-left {
padding-left: 10px;
}
.configurate-btn .label {
padding-left: 5px;
}
.configurate-btn .icon-right {
color: #737373;
padding-right: 10px;
padding-left: 62px;
}
.choose-filters {
display: inline-block;
}
/* rent */
.rentit-btn {
width: 212px;
display: grid;
font-weight: 800;
margin: 0.5rem 0;
}
.rentit-btn:hover {
background-color: white !important;
}
.rentit-btn .label {
grid-area: 2 / 1;
background: linear-gradient(to right,#2058a9,#3081f5);
text-align: center;
min-width: 166px;
}
.rentit-btn .label .title, .rentit-btn .label .price {
padding: 0.3rem;
}
.rentit-btn .label .title {
color: #ffffff !important;
font: 15px/1.35 Arial, Helvetica, sans-serif;
}
.rentit-btn .label .price {
color: black !important;
background: white;
border-bottom: 2px #f5f5f5 solid;
border-left: 2px #f5f5f5 solid;
font: 15px/1.35 Arial, Helvetica, sans-serif;
}
.rentit-btn .icon {
grid-area: 2 / 2;
background: #f5f5f5;
display: flex;
justify-content: center;
}
.rentit-btn .icon em {
color: black !important;
font-weight: 800;
font-size: 1rem;
align-self: center;
}
.spacer-small {
height: 40px;
}